/*-----------------------------------------------------------------------------------
  Template Name: Portflow - Minimal Portfolio Template.
  Template URI: #
  Description: Portflow is a unique website template designed in HTML with a simple & beautiful look. There is an excellent solution for creating clean, wonderful and trending material design corporate, corporate any other purposes websites.
  Author: Theme365
  Version: 1.0


-----------------------------------------------------------------------------------
  
  CSS INDEX
  ===================

  01. Google fonts
  02. Scroll To Top
  03. Bradcaump Area
  04. Blog Area
  05. Newsletter Area
  06. Team Area
  07. Testimonial Area
  08. Our Brand Area
  09. Our Contact Area
  10. Wrapper Sidebar
  11. Our Blog Details


-----------------------------------------------------------------------------------*/
/*----------------------------------------*/
/*  1. Google fonts
/*----------------------------------------*/
/*
    font-family: 'Poppins', sans-serif;

    font-family: 'Open Sans', sans-serif;

*/
/*---------------------------------------
  02. Scroll To Top
----------------------------------------*/

#scrollUp {
    border: 3px solid rgba(0, 0, 0, 0.1);
    border-radius: 100%;
    bottom: 15px;
    box-sizing: content-box;
    color: #fff;
    font-size: 20px;
    height: 50px;
    line-height: 63px;
    position: fixed;
    right: 15px;
    text-align: center;
    transition: all 0.3s ease 0s;
    width: 50px;
    z-index: 200;
}
#scrollUp:hover {} @-webkit-keyframes scroll-ani-to-top {
    0% {
        opacity: 0;
        bottom: 0;
    }
    50% {
        opacity: 1;
        bottom: 50%;
    }
    100% {
        opacity: 0;
        bottom: 75%;
    }
}
@-moz-keyframes scroll-ani-to-top {
    0% {
        opacity: 0;
        bottom: 0;
    }
    50% {
        opacity: 1;
        bottom: 50%;
    }
    100% {
        opacity: 0;
        bottom: 75%;
    }
}
@keyframes scroll-ani-to-top {
    0% {
        opacity: 0;
        bottom: 0;
    }
    50% {
        opacity: 1;
        bottom: 50%;
    }
    100% {
        opacity: 0;
        bottom: 75%;
    }
}
#scrollUp:hover i {
    animation: 800ms linear 0s normal none infinite running scroll-ani-to-top;
    height: 100%;
    left: 0;
    margin-bottom: -25px;
    position: absolute;
    width: 100%;
    bottom: 0;
}
#scrollUp i {
    color: #fff;
    font-size: 36px;
}
#scrollUp {
    background: #cfcecc none repeat scroll 0 0;
}
.mfp-wrap {
    z-index: 99999999;
}
.mfp-bg {
    z-index: 9999999;
}
/*---------------------------------------
  End Scroll To Top
----------------------------------------*/
/*------------------------------
  03. Bradcaump Area
--------------------------------*/

.ht__bradcaump__wrap {
    align-items: center;
    display: flex;
    height: 240px;/*320*/
}
.bradcaump-title {
    color: #343434;
    font-size: 36px;
    font-weight: 400;
    line-height: 40px;
    text-transform: capitalize;
}
.breadcrumb-item {
    color: #343434;
    font-size: 18px;
    text-transform: capitalize;
}
.breadcrumb-item.active {
    color: #343434;
    font-size: 18px;
    text-transform: capitalize;
}
.brd-separetor {
    padding: 0 5px;
}
.bradcaump-inner {
    margin-top: 23px;
}
.ht__bradcaump__wrap.bradcaump-two {
    height: inherit;
    position: relative;
    z-index: 99;
    padding: 285px 0 200px
}
.bradcaump-two .bradcaump__inner > p {
    color: #fff;
    margin: 20px auto 0;
    width: 55%;
    line-height: 26px;
}
.bradcaump-two .bradcaump-title {
    color: #fff;
    font-size: 40px;
    font-weight: bold;
    text-transform: uppercase;
}
/*------------------------------
  04. Blog Area
--------------------------------*/

.blog__thumb a img {
    width: 100%;
}
.blog__inner {
    position: relative;
}
.blog__hover__info {
    bottom: 0;
    left: 0;
    opacity: 0;
    padding: 30px 20px;
    position: absolute;
    transition: all 0.5s ease 0s;
}
.blog__thumb {
    position: relative;
}
.blog__post__time {
    left: 20px;
    opacity: 0;
    position: absolute;
    top: 20px;
    transition: all 0.4s ease 0s;
}
.blog:hover .blog__post__time {
    opacity: 1;
}
.blog__post__time {
    background: #fff none repeat scroll 0 0;
    height: 65px;
    padding: 5px;
    text-align: center;
    width: 65px;
}
.blog__post__time span.date {
    display: block;
    font-size: 20px;
    font-weight: 500;
}
.blog__post__time span.month {
    color: #303030;
    font-size: 14px;
    text-transform: capitalize;
}
.bl__meta {
    display: flex;
    margin-bottom: 7px;
}
.bl__meta li {
    font-size: 12px;
    font-weight: 500;
    position: relative;
}
.bl__meta li + li {
    margin-left: 10px;
    padding-left: 10px;
}
.bl__meta li + li::before {
    background: #000 none repeat scroll 0 0;
    content: "";
    height: 10px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
}
.blog__hover__action p.blog__des {
    font-size: 17px;
    font-weight: 500;
    line-height: 28px;
    margin-bottom: 7px;
}
.read__more__btn {
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    transition: all 0.5s ease 0s;
}
.blog:hover .blog__hover__info {
    opacity: 1;
}
.post__time--inner {
    border: 1px solid #f3f3f3;
    padding-top: 3px;
    padding-bottom: 2px;
}
.blog--page .blog {
    margin-top: 30px
}
.blog--page {
    margin-top: -30px;
}
/* Blog Style 2 */

.blog--2 .blog__post__time {
    background: #f2f2f2 none repeat scroll 0 0;
}
.blog--2 .post__time--inner {
    border: 1px solid #fff;
}
.blog--2 .blog__post__time {
    margin-bottom: 176px;
}
/* Blog Style 3 */

.new-blog-style {
    padding: 20px;
}
.blog-img img {
    width: 100%;
}
.blog-content > h3 {
    font-size: 17px;
    font-weight: 500;
    line-height: 25px;
}
.blog-content > ul {
    margin: 11px 0 15px;
}
.blog-content ul li {
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    margin-right: 20px;
    position: relative;
}
.blog-content li + li::before {
    background: #000 none repeat scroll 0 0;
    content: "";
    height: 10px;
    left: -12px;
    position: absolute;
    top: 46%;
    transform: translateY(-50%);
    width: 1px;
}
.blog-content > p {
    color: #666;
    line-height: 25px;
    margin-bottom: 13px;
}
.blog-content > a {
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    transition: all 0.5s ease 0s;
}
.blog-img {
    margin-bottom: 25px;
}
.blod-details-right-sidebar.sidebar-white-style {
    background-color: #fff;
    padding: 20px;
}
.sidebar-white-style .tag-menu li a {
    padding: 0 15px;
}
.htc__loadmore__btn {
    text-align: center;
}
.htc__loadmore__btn a {
    border: 1px solid #eeeeee;
    color: #4b4b4b;
    display: inline-block;
    height: 45px;
    letter-spacing: 1px;
    line-height: 42px;
    padding: 0 44px;
    text-transform: uppercase;
    transition: all 0.5s ease 0s;
}
.htc__loadmore__btn a:hover {
    border: 1px solid #ff4136;
    color: #fff;
    background: #ff4136;
}
/* Feature Product Area */

.feature__thumb a {
    display: block;
}
.feature__thumb a img {
    width: 100%;
}
.feature {
    position: relative;
}
.feature__details {
    bottom: 40px;
    left: 40px;
    position: absolute;
}
.feature__details h4 {
    color: #000;
    font-size: 22px;
    text-transform: capitalize;
}
.feature__btn {
    margin-top: 7px;
}
.feature__thumb--2 a img {
    min-height: 330px;
}
.feature.text__pos--top .feature__details {
    top: 40px;
}
/*------------------------------
  05. Newsletter Area
--------------------------------*/

.htc__newsletter__area .newsletter__container {
    padding: 120px 0;
    position: relative;
    text-align: center;
    z-index: 2;
}
.htc__newsletter__area .newsletter__container h4 {
    color: #ffffff;
    font-size: 20px;
    text-transform: capitalize;
}
.htc__newsletter__area .newsletter__container h2 {
    color: #ffffff;
    font-size: 36px;
    letter-spacing: 3px;
    line-height: 30px;
    margin-bottom: 30px;
    margin-top: 22px;
    text-transform: capitalize;
}
.htc__newsletter__area .newsletter__form {
    margin: 0 auto;
    width: 300px;
}
.htc__newsletter__area .input__box input {
    background: transparent none repeat scroll 0 0;
    border-left: 1px solid #fff;
    color: #fff;
}
.htc__newsletter__area .input__box input::-moz-placeholder {
    color: #fff !important;
}
.htc__newsletter__area .subscribe__btn input.bst__btn {
    background-image: url("images/icons/send-2.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 29% auto;
    position: relative;
    text-indent: -999px;
    z-index: 5;
}

.htc__newsletter__area .input__box input::-moz-placeholder {
    color: #fff;
    opacity: 1;
}
.htc__newsletter__area .input__box input::-webkit-placeholder {
    color: #fff !important;
    opacity: 1;
}





/* Choose Us Area */

.store__btn {
    margin-top: 47px;
    text-align: center;
}
.store__btn a {
    border: 1px solid #d5d5d5;
    display: inline-block;
    font-size: 14px;
    height: 45px;
    line-height: 41px;
    padding: 0 40px;
    text-transform: uppercase;
    transition: 0.4s;
}
.store__btn a:hover {
    background: #ff4136;
    border: 1px solid #ff4136;
    color: #fff;
}
.video__wrap {
    margin-left: -15px;
    margin-right: -15px;
    padding: 220px 0;
}
.htc__choose__wrap {
    margin-left: -15px;
    margin-right: -15px;
}
.video__inner {
    text-align: center;
    position: relative;
}
.video-popup {
    position: relative;
    z-index: 987698;
}
.video__inner a i {
    background: #fff none repeat scroll 0 0;
    border-radius: 100%;
    font-size: 46px;
    height: 60px;
    line-height: 59px;
    padding-left: 4px;
    text-align: center;
    width: 60px;
}
.htc__choose__wrap h2 {
    color: #505050;
    font-size: 30px;
    text-transform: capitalize;
}
.htc__choose__wrap {
    padding: 114px 120px;
}
.choose__container {
    display: flex;
    margin-top: 38px;
}
.single__chooose {
    margin-top: -40px;
}
.choose__us {
    display: flex;
    margin-top: 40px;
}
.choose__icon span {
    color: #505050;
    font-size: 36px;
}
.choose__icon {
    margin-right: 20px;
}
.choose__icon {
    min-width: 37px;
}
.choose__details h4 {
    color: #505050;
    font-size: 22px;
    margin-bottom: 9px;
    text-transform: capitalize;
}
.choose__container .single__chooose + .single__chooose {
    margin-left: 80px;
}
.video__inner {
    position: relative;
    z-index: 1;
}
.about-minimal-content {
    padding-right: 75px;
}
.about-minimal-content > h2 {
    margin-bottom: 15px;
}
.about-minimal-content > h2 strong {
    text-transform: uppercase;
}
.about-minimal-content ul li {
    border-top: 1px solid #ddd;
    display: block;
    line-height: 1.3em;
    list-style-type: none;
    margin: 0;
    padding: 15px 0;
    position: relative;
}
.about-minimal-content ul li:first-child {
    border-top: none;
}
.about-minimal-content ul li::before {
    color: #444;
    content: "";
    font-family: FontAwesome;
    font-size: 13px;
    line-height: 12px;
    margin-left: 0;
    margin-right: 10px;
    position: relative;
    top: 1px;
}
.about-minimal-content > ul {
    margin: 12px 0 21px;
}
.about-minimal-content a {
    border: 1px solid #ddd;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    margin-bottom: 5px;
    padding: 12px 25px;
    text-transform: uppercase;
}
/*------------------------------
  06. Team Area
--------------------------------*/

.team__thum a {
    display: block;
}
.team__thum a img {
    width: 100%;
}
.team {
    margin-left: -15px;
    margin-right: -15px;
    position: relative;
}
.team__hover__info {
    bottom: 0;
    padding: 30px;
    position: absolute;
    text-align: center;
    transform: scaleY(0);
    transition: all 0.5s ease 0s;
    width: 100%;
    z-index: 4;
}
.team__hover__action {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    padding: 30px 0;
    right: 30px;
    z-index: 2;
}
.team__hover__action h2 {
    color: #fff;
    font-size: 18px;
    margin-bottom: 14px;
    text-transform: capitalize;
}
.team__hover__action .social__icon {
    justify-content: center;
}
.team__hover__action .social__icon li {
    padding: 0 17px;
}
.team__hover__action .social__icon li a i {
    border: 0 solid transparent;
    border-radius: 100%;
    color: #fff;
    font-size: 14px;
    height: auto;
    line-height: 20px;
    width: auto;
}
.team__hover__action .social__icon li a:hover i {
    background: transparent none repeat scroll 0 0;
    border: 0 solid transparent;
    color: #ff4136;
}
.team:hover .team__hover__info {
    transform: scaleY(1);
}
.team__wrap {
    padding-left: 15px;
    padding-right: 15px;
}
.team__thumb a img {
    -webkit-filter: grayscale(100%);
    /* Safari 6.0 - 9.0 */
    
    filter: grayscale(100%);
}
.team:hover .team__thumb a img {
    -webkit-filter: grayscale(0%);
	/* Safari 6.0 - 9.0 */
    
    filter: grayscale(00%);
}
.htc__team__page .team {
    margin-left: 0;
    margin-right: 0;
    margin-top: 30px;
}
.htc__team__page .team__wrap {
    margin-top: -30px;
}
/*------------------------------
  07. Testimonial Area
--------------------------------*/

.testimonial__wrap {
    position: relative;
    text-align: center;
    z-index: 2;
}
.testimonial__thumb {
    margin-bottom: 30px;
    display: flex;
    justify-content: center;
}
.testimonial__details p {
    color: #ffffff;
    font-size: 20px;
    line-height: 39px;
    padding: 0 16%;
}
.test__info span {
    color: #ffffff;
    font-size: 21px;
    text-transform: capitalize;
}
.test__info span a {
    color: #fff;
    transition: 0.4s;
}
.test__info span a:hover {
    color: #ff4136;
}
.test__info {
    margin-top: 20px;
}
.testimonial__wrap.owl-carousel .owl-item img {
    display: block;
    width: auto;
}
/*------------------------------
  08. Our Brand Area
--------------------------------*/

.brand__list {
    display: flex;
    justify-content: space-between;
}
.brand__list a {
    display: block;
}
/*------------------------------
  09. Our Contact Area
--------------------------------*/

#googleMap {
    height: 633px;
    width: 100%;
}
.contact__title {
    color: #666666;
    font-size: 20px;
    margin-bottom: 38px;
    text-transform: uppercase;
}
.contact__address__inner {
    display: flex;
    justify-content: space-between;
}
.single__contact__address {
    display: flex;
}
.contact__icon {
    margin-right: 20px;
    min-width: 60px;
}
.contact__icon span {
    border: 1px solid #cbcbcb;
    border-radius: 100%;
    color: #393939;
    display: block;
    font-size: 24px;
    height: 60px;
    line-height: 54px;
    text-align: center;
    width: 60px;
}
.contact__address__inner + .contact__address__inner {
    margin-top: 30px;
}
.htc__contact__address {
    margin-bottom: 58px;
}
.contact__details p {
    color: #666666;
    font-size: 18px;
    line-height: 28px;
}
.contact__details p a {
    color: #666;
    transition: all 0.4s ease 0s;
}
.contact__details p a:hover {
    color: #ff4136;
}
.contact-box input {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: currentcolor currentcolor #c1c1c1;
    border-image: none;
    border-style: none none solid;
    border-width: 0 0 1px;
    color: #666666;
    font-size: 12px;
    padding-bottom: 15px;
}
.single-contact-form {
    margin-top: 30px;
}
.contact-box.name {
    display: flex;
    justify-content: space-between;
}
.contact-box.name input {
    margin: 0 15px;
    width: 50%;
}
.contact-box.name {
    margin-left: -15px;
    margin-right: -15px;
}
.contact-box.message textarea {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: transparent none repeat scroll 0 0;
    border-color: currentcolor currentcolor #c1c1c1;
    border-image: none;
    border-style: none none solid;
    border-width: 0 0 1px;
    min-height: 85px;
    padding: 0;
}
.contact-box.message {
    margin-bottom: 40px;
}
.contact-btn .fv-btn {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #d5d5d5;
    color: #4b4b4b;
    font-size: 14px;
    height: 45px;
    letter-spacing: 2px;
    line-height: 45px;
    padding: 0 70px;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}
.contact-btn .fv-btn:hover {
    border: 1px solid #ff4136;
    color: #fff;
    background: #ff4136;
}
.contact-form-wrap > form {
    margin-top: -9px;
}
.contact-box input::-moz-placeholder {
    color: #666666 !important;
}
.contact-box textarea::-moz-placeholder {
    color: #666666 !important;
    opacity: 1;
}
/*-----------------------------------------------
  10. Wrapper Sidebar
---------------------------------------------------*/

.wrapper__sidebar .container-fluid {
    width: 90%;
}
.sidebar--content {
    background: #f2f2f2 none repeat scroll 0 0;
    height: 100vh;
    min-height: 100vh;
    padding-bottom: 160px;
    padding-top: 100px;
    position: fixed;
    text-align: center;
    top: 0;
    width: 445px;
    z-index: 999;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    justify-content: space-between;
}
.wrapper--content {
    width: calc(100% - 450px);
}
.wrapper__sidebar--left .sidebar--content {
    left: 0;
    margin-right: 5px;
}
.wrapper__sidebar--left .wrapper--content {
    margin-left: 450px;
}
.wrapper__sidebar--right .sidebar--content {
    right: 0;
    margin-left: 5px;
}
.wrapper__sidebar--right .wrapper--content {
    margin-right: 450px;
}
.sidebar--logo {
    padding-bottom: 60px;
}
/* Menu Style */

.wrapper__sidebar .main__menu {
    display: flex;
    flex-flow: column wrap;
}
.wrapper__sidebar .main__menu > li {
    padding: 0;
}
.wrapper__sidebar .main__menu > li > a {
    font-weight: 500;
    line-height: 44px;
    text-transform: uppercase;
}
.wrapper__sidebar .main__menu > li:hover > a,
.wrapper__sidebar .main__menu > li.current > a {
    background: #fff none repeat scroll 0 0;
    color: #ff4136;
}
.wrapper__sidebar .sidebar--nav {
    margin-bottom: 50px;
    max-height: 350px;
}
/* Tools */

.wrapper__sidebar .menu-extra {
    justify-content: center;
}
.wrapper__sidebar .sidebar--tools {
    margin-bottom: 40px;
}
.wrapper__sidebar .sidebar--social__network .social__icon {
    justify-content: center;
}
.social__icon li:last-child {
    padding-right: 0;
}
@media (min-width: 1170px) and (max-width: 1500px) {
    .wrapper__sidebar .container-fluid {
        width: 95%;
    }
    .wrapper--content {
        width: calc(100% - 350px);
    }
    .wrapper__sidebar--left .wrapper--content {
        margin-left: 350px;
    }
    .wrapper__sidebar--right .wrapper--content {
        margin-right: 350px;
    }
    .sidebar--content {
        width: 345px;
    }
}
@media (min-width: 991px) and (max-width: 1169px) {
    .wrapper__sidebar .container-fluid {
        width: 95%;
    }
    .wrapper--content {
        width: calc(100% - 300px);
    }
    .wrapper__sidebar--left .wrapper--content {
        margin-left: 300px;
    }
    .wrapper__sidebar--right .wrapper--content {
        margin-right: 300px;
    }
    .sidebar--content {
        width: 295px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .wrapper__sidebar .container-fluid {
        width: 100%;
    }
    .wrapper--content {
        width: 100%;
    }
    .wrapper__sidebar--left .wrapper--content {
        margin-left: 253px;
    }
    .wrapper__sidebar--right .wrapper--content {
        margin-right: 0;
    }
    .sidebar--content {
        width: 250px;
    }
    .sidebar--content .newsletter__form {
        display: none;
    }
    .slider--7 .slider__fornt__images {
        display: none;
    }
    .slider--7 .slider__inner h1 {
        font-size: 40px;
        line-height: 55px;
    }
    .slider--7 .slider__full--screen {
        height: 60vh;
    }
    .product__filter--7 .filter__menu__container {
        display: block;
    }
    .product__filter--7 .product__menu {
        text-align: left;
    }
    .product__filter--7 .filter__box {
        margin-top: 20px;
    }
}
@media (max-width: 767px) {
    .wrapper__sidebar .container-fluid {
        width: 100%;
    }
    .wrapper--content {
        width: 100%;
    }
    .wrapper__sidebar--left .wrapper--content {
        margin-left: 0;
    }
    .wrapper__sidebar--right .wrapper--content {
        margin-right: 0;
    }
    .sidebar--content {
        width: 0px;
        display: none;
    }
.portfolio-title > h3 {
    font-size: 15px;
}
}
/*---------------------------------------
  11. Our Blog Details
----------------------------------------*/

.blog-details-thumb {
    background: #fff none repeat scroll 0 0;/* ex  #f6f6f6 */
    text-align: center;
}
.blog-details-thumb-wrap {
    position: relative;
}
.upcoming-date {
    background: #4c4c4c none repeat scroll 0 0;
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    height: 72px;
    left: 20px;
    line-height: 42px;
    position: absolute;
    text-align: center;
    top: 20px;
    width: 72px;
}
.upcoming-date span {
    color: #fff;
    display: block;
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
}
.blog-details-top h2 a {
    color: #555555;
    display: block;
    font-size: 14px;
    font-weight: 400;
    margin-top: 30px;
    text-transform: uppercase;
    transition: 0.3s;
}
.blog-admin-and-comment {
    display: flex;
    margin-bottom: 15px;
    margin-top: 10px;
}
.blog-admin-and-comment p {
    color: #555555;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
}
.blog-admin-and-comment p a {
    color: #555555;
}
.blog-admin-and-comment p.separator {
    margin: 0 10px;
}
.blog-details-pra p {
    color: #444444;
    line-height: 27px;
}
blockquote {
    border-left: medium none transparent;
    font-size: 16px;
    line-height: 27px;
    margin: 26px 40px 26px 42px;
    padding: 0 0 0 19px;
    position: relative;
}
blockquote::before {
    background: #4c4c4c none repeat scroll 0 0;
    content: "";
    font-size: 30px;
    height: 43px;
    left: 0;
    position: absolute;
    top: 9px;
    width: 2px;
}
.postandshare {
    border-bottom: 1px solid #4c4c4c;
    display: flex;
    justify-content: space-between;
    margin-top: 21px;
    padding-bottom: 6px;
}
.post p {
    color: #555555;
    font-size: 12px;
    font-weight: 600;
}
.section-title-2 {
    color: #555555;
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    padding-bottom: 14px;
    position: relative;
    text-transform: uppercase;
}
.section-title-2::before {
  /*background: #00A4A2 none repeat scroll 0 0;*/
	background: #f2fffe;
	background: -moz-linear-gradient(left, #00A4A2 0%, #f2fffe 100%);
	background: -webkit-gradient(linear, left center, right center, from(#00A4A2), to(#f2fffe));
	background: -webkit-linear-gradient(left, #00A4A2 0%, #f2fffe 100%);
	background: -o-linear-gradient(left, #00A4A2 0%, #f2fffe 100%);
	background: linear-gradient(to right, #00A4A2 0%, #f2fffe 100%);
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 100%;
}
.single-blog-comment {
    display: flex;
    margin-bottom: 20px;/* margin-top: 40px */
}
.blog-comment-thumb {
    margin-right: 30px;
}
.blog-comment-thumb img {
    max-width: 63px;
}
.comment-title-date {
    display: flex;
    justify-content: space-between;
    margin-bottom: 4px;
}
.comment-title-date h2 a {
    font-weight: 600;
    margin: 0;
    font-size: 14px;
}
.reply p {
    color: #555555;
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase;
}
.single-blog-comment.comment-reply {
    margin-left: 77px;
}
.comment-title-date h2 {
    line-height: 20px;
}
.reply-form-box input[type="text"],
.reply-form-box input[type="email"],
.reply-form-box input[type="password"] {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #c1c1c1;
    border-radius: 0;
    color: #3c3c3c !important;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    margin-bottom: 30px;
    padding-left: 20px;
    width: 100%;
}
.reply-form-box textarea {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #c1c1c1;
    border-radius: 0;
    color: #3c3c3c;
    font-size: 16px;
    margin-bottom: 50px;
    min-height: 160px;
    padding: 15px 20px 20px;
    resize: none;
    width: 100%;
}
.reply-form-box-inner {
    margin-right: -15px;
    margin-left: -15px;
}
.rfb-single-input {
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    width: 50%;
}
.blog-details-top h2 {
    font-size: 24px;
    padding-top: 16px;
    text-transform: capitalize;
}
.category-search-area input[type="text"],
.category-search-area input[type="email"],
.category-search-area input[type="password"] {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #dcd9d9;
    border-radius: 0;
    color: #3c3c3c !important;
    height: 47px;
    line-height: 47px;
    padding-left: 20px;
    width: 100%;
    padding-right: 80px;
    font-size: 16px;
}
.category-search-area {
    position: relative;
}
.srch-btn {
    background: #4c4c4c none repeat scroll 0 0;
    height: 47px;
    line-height: 47px;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0.3s ease 0s;
}
.srch-btn:hover {
    background: #ff4136;
}
.srch-btn i {
    color: #fff;
    display: block;
    font-size: 20px;
    line-height: 45px;
    text-align: center;
    width: 70px;
}
.categore-menu li a {
    color: #666666;
  /*  font-size: 16px; ex 13px */
    font-weight: 100;/* ex 600 */
    transition: all 0.3s ease 0s;
    text-transform: uppercase;
}
.categore-menu li a:hover {
    color: #ff4136;
}
.categore-menu li a span {
    float: right;
    transition: all 0.3s ease 0s;
}
.categore-menu li a i {
    font-size: 16px;
    margin-right: 10px;
}
.categore-menu {
    margin-top: 17px;
}
.categore-menu li {
    border-bottom: 1px solid #dcd9d9;
    font-size: 16px;/* ex 13px */
    height: 42px;
    line-height: 42px;
}
.categore-menu li:before {content: "\025b6";margin-right:1em;margin-left:1em;color:#00A4A2;} 
.categore-menu li a span:hover {
    color: #ff4136;
}
.single-recent-post {
    display: flex;
    margin-top: 23px;
}
.recent-thumb {
    align-items: center;
    display: flex;
    margin-right: 20px;
}
.recent-thumb a img {
    max-width: 80px;
}
.recent-post-time {
    display: flex;
    margin-top: 5px;
}
.recent-post-time p {
    font-size: 13px;
    font-weight: 400;
    color: #555555;
}
.recent-post-time p.separator {
    margin: 0 10px;
}
.tag-menu {
    display: flex;
    flex-wrap: wrap;
    margin-left: -5px;
    margin-right: -5px;
    margin-top: 40px;
}
.tag-menu li a {
    border: 1px solid #dcd9d9;
    color: #666666;
    display: inline-block;
    font-size: 11px;
    font-weight: 600;
    height: 36px;
    line-height: 34px;
    padding: 0 21px;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}
.tag-menu li {
    margin-bottom: 10px;
    margin-left: 5px;
    margin-right: 5px;
}
.tag-menu li a:hover {
    background: #ff4136;
    border: 1px solid #ff4136;
    color: #fff;
}
.comment-title-date h2 a:hover {
    color: #ff4136;
}
.blog-details-top h2 {
    font-size: 20px;/* ex 18px */
    padding-top: 37px;
    text-transform: capitalize;
	margin-bottom:20px;
}
.blog-social-icon ul {
    display: flex;
}
.blog-social-icon ul li + li {
    padding-left: 16px;
}
.blog-social-icon ul li a i {
    color: #555555;
    font-size: 14px;
    transition: all 0.3s ease 0s;
}
.blog-social-icon ul li a:hover i {
    color: #ff4136;
}
.comment-title-date h2 {
    font-size: 45px;
    padding-top: 0;
}
.reply-form-box textarea::-moz-placeholder {
    color: #3c3c3c !important;
    opacity: 1;
}
.reply p a {
    color: #555;
}
.reply p a:hover {
    color: #ff4136;
}
.modal-body {
    padding: 15px 15px 30px;
    position: relative;
}
.pro__item {
    padding: 0 15px;
}
.htc__portfolio__container {
    margin-left: -15px;
    margin-right: -15px;
}
.our-recent-post-wrap {
    margin-top: 33px;
}
.our-blog-tag {
    margin-top: 45px;
}
.blog-details-thumb {
    position: relative;
}
.blog-details-thumb::before {
    background: #000 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.0;/*0.3*/
    position: absolute;
    top: 0;
    width: 100%;
}
.recent-post-dtl h6 {
    color: #666;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
}
.blog__details__btn a.htc__btn {
    border: 1px solid #999;
    display: inline-block;
    font-size: 16px;
    height: 45px;
    letter-spacing: 2px;
    line-height: 43px;
    padding: 0 46px;
    text-transform: uppercase;
    transition: 0.5s;
}
.blog__details__btn a.htc__btn:hover {
    background: #ff4136;
    border: 1px solid #ff4136;
    color: #fff;
}
/* others */

.portfolio-full-image .tab-pane.fade img {
    width: 100%;
}
.htc__store__area .section__title.section__title--2 p {
    width: 53%;
}
/*-------- 12. portfolio style ------------*/

.res-portfolio .hover-title {
    padding: 20px 12px;
}
.res-portfolio .portfolio-title.portfolio-title-2 {
    width: 80%;
}
.res-portfolio .portfolio-popup {
    width: 20%;
}
.res-portfolio .portfolio-title > h3 {
    letter-spacing: 0;
}
.single-portfolio {
  overflow: hidden;
  position: relative;
}
.hover-title {
    background: rgba(255, 255, 255, 1) none repeat scroll 0 0;
    bottom: -30px;
    left: 0;
    opacity: 0;
    padding: 20px;
    position: absolute;
    transition: all 0.3s ease 0s;
    width: 100%;
}
.single-portfolio:hover .hover-title {
    bottom: 0px;
    opacity: 1;
}
.portfolio-title > h3 {
    display: block;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 1px;
    margin-bottom: 6px;
}
.portfolio-title > span {
 /*   font-size: 14px;
    font-weight: 400;
    letter-spacing: 1px;*/
    display: none;/*inline-block*/
}
.gutter-btn button {
    background: transparent none repeat scroll 0 0;
  /*   border: 1px solid  #ccc;ex  0 none */
	border-radius: 3px;
    color: #666666;
    font-size: 17px;
    font-weight: 500;
    line-height: 20px;
    padding: 3px 18px;
    text-transform: uppercase;
    transition: all 0.4s ease 0s;margin-bottom: 5px;
    color: #039F9D;
    border:solid 2px #00A295;
    border-radius: 20px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
}
/*
.gutter-btn button2 {
    background: transparent none repeat scroll 0 0;
    border: 1px solid  #ccc;
	border-radius: 3px;
    color: #666666;
    font-size: 17px;
    font-weight: 500;
    line-height: 20px;
    padding: 3px 18px;
    text-transform: uppercase;
    transition: all 0.4s ease 0s;margin-bottom: 5px;
  border-bottom: 1px solid #b2b1b1;
  text-shadow: 0px 1px 0px #fafafa;
  -webkit-box-shadow: 0 1px 0 #f5f5f5 inset, 1px 1px 1px #e9e9e9;
  -moz-box-shadow: 0 1px 0 #f5f5f5 inset, 1px 1px 1px #e9e9e9;
  box-shadow: 0 1px 0 #f5f5f5 inset, 1px 1px 1px #e9e9e9;
  background: #eeeeee;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #eeeeee), color-stop(0.5, #e2e2e2));
  background: -moz-linear-gradient(top, #eeeeee 50%, #e2e2e2 50%);
  background: -o-linear-gradient(top, #eeeeee 50%, #e2e2e2 50%);
  background: -ms-linear-gradient(top, #eeeeee 50%, #e2e2e2 50%);
  background: linear-gradient(top, #eeeeee 50%, #e2e2e2 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#eeeeee 50%', endColorstr='#e2e2e2 50%');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#eeeeee 50%', endColorstr='#e2e2e2 50%')";
}
*/


.gutter-btn button:hover { background: #2bb6c1;
  color: #fff;
}

.gutter-btn button.active {
	background: #2bb6c1;
  color: #fff;
   /* color: #ff4136;*/
}
.portfolio-img-title a {
    display: block;
}
.portfolio-img-title img {
  width: 100%;
}

.portfolio-title.portfolio-title-2 {
    display: inline-block;
    float: left;
    width: 70%;
}
.portfolio-popup {
    display: inline-block;
    float: right;
    text-align: right;
    width: 30%;
}
.portfolio-popup a {
    color: #666;
    display: inline-block;
    font-size: 22px;
    line-height: 1;
    margin-top: -2px;
}
.portfolio-popup a:hover {
    color: #ff4136;
}
.no-gutte .grid-item,
.no-gutte.grid,
.no-gutte .grid-item-justified,
.no-gutte.grid-justified {
    margin: 0;
    padding: 0;
}
.single-portfolio-card {
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
    position: relative;
}
.portfolio-card-title {
    padding: 18px 0px 15px;
}
.portfolio-img {
    position: relative;
}
.only-banner-img a img {
    width: 100%;
}
.portfolio-img::before {
    background: #000 none repeat scroll 0 0;
    bottom: 0;
    position: absolute;
    content: "";
    left: 0;
    opacity: 0;
    right: 0;
    top: 0;
    opacity: 0;
    transition: all 0.4s ease-in-out 0s;
}
.single-portfolio-card:hover .portfolio-img::before {
    opacity: .5;
}
.portfolio-icon {
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9;
}
.portfolio-icon a {
    color: #444;
    display: inline-block;
    font-size: 20px;
    line-height: 1;
    height: 50px;
    line-height: 50px;
    width: 50px;
    background: rgba(255, 255, 255, 1) none repeat scroll 0 0;
    box-shadow: 0 0 0 5px rgba(246, 249, 250, 0.62);
    border-radius: 50%;
    transform: scale(1.5);
    opacity: 0;
    z-index: 99;
}
.portfolio-icon a i {
    line-height: 50px;
}
.portfolio-icon a:hover {
    color: #ff4136;
}
.single-portfolio-card:hover .portfolio-icon a {
    opacity: 1;
    transform: scale(1);
}
.portfolio-img img {
    width: 100%;
}
.portfolio-tab-active .tab-menu-text > h4 {
    color: #666666;
    font-size: 17px;
    font-weight: 500;
    padding: 0 20px;
}
.portfolio-tab-active ul li.active .tab-menu-text > h4 {
    color: #ff4136;
}
.portfolio-slider-active .col-md-4 {
    width: 100%;
}
.portfolio-slider-active .owl-dots {
    margin-top: 16px;
    text-align: center;
}
.portfolio-slider-active .owl-dot {
    background: #ddd none repeat scroll 0 0;
    border: 2px solid transparent;
    border-radius: 50%;
    display: inline-block;
    height: 17px;
    margin: 0 4px;
    width: 17px;
}
.portfolio-slider-active .owl-dot.active {
    border: 2px solid #ff4136;
    height: 18px;
    width: 18px;
    background: transparent;
}
.portfolio-slider-active .single-portfolio-card {
    border: 1px solid #f1f1f1;
    box-shadow: none;
}
.portfolio-description h2 {
    border-bottom: 1px solid #e5e5e5;
    color: #303030;
    font-size: 28px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 22px;
    margin: 0 0 35px;
    padding-bottom: 20px;
    text-transform: uppercase;
}
.portfolio-description > p {
    margin-bottom: 15px;
}
.portfolio-info ul li {
    color: #666;
    padding: 5px 0;
    text-transform: capitalize;
}
.portfolio-info ul li span {
    color: #444;
    font-weight: 600;
    margin-right: 10px;
}
.portfolio-info ul li a {
    color: #666;
}
.portfolio-social ul {
    border-bottom: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
    overflow: hidden;
    padding: 10px 0;
}
.portfolio-social ul li {
    display: inline-block;
    margin-right: 20px;
}
.portfolio-social ul li a {
    color: #666;
    font-size: 18px;
}
.portfolio-social ul li a:hover,
.portfolio-info ul li a:hover {
    color: #ff4136;
}
.portfolio-social {
    margin-top: 30px;
}
.portfolio-info {
    margin-top: 24px;
}
.single-portfolio-img > img {
    width: 100%;
}
.single-portfolio-slider .owl-nav div {
    background: #fff none repeat scroll 0 0;
    font-size: 25px;
    height: 40px;
    left: 10px;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.3s ease 0s;
    visibility: hidden;
    width: 40px;
}
.single-portfolio-slider .owl-nav div i {
    line-height: 40px;
}
.single-portfolio-slider .owl-nav div.owl-next {
    left: auto;
    right: 10px;
}
.single-portfolio-slider:hover .owl-nav div {
    opacity: 1;
    visibility: visible;
}
.single-portfolio-gallery:hover .portfolio-img::before {
    opacity: 0.5;
}
.single-portfolio-gallery:hover .portfolio-icon a {
    opacity: 1;
    transform: scale(1);
}
.another-product-section .tab-style > li {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: currentcolor #eee #eee;
    border-image: none;
    border-style: none solid solid;
    border-width: medium 1px 1px;
    display: block;
}
.another-product-section .tab-style > li a .tab-menu-text {
    padding: 18px 20px 16px;
}
.another-product-section .tab-style > li.active {
    border-right: 0px solid #fff;
}
.another-product-section .product-tab-list {
    border: inherit;
    padding: 0;
}
.another-product-section .product-categories-title > h3 {
    background-color: #f9f9f9;
}
.another-product-section .product-slider-active .product {
    margin-top: 52px;
}
.float-left-style {
    float: right;
}
.float-right-style {
    float: left;
}
:focus {
    outline: -webkit-focus-ring-color auto 0px;
}
.wrap__box__style--1 {
    background: #fff none repeat scroll 0 0;
    padding-bottom: 60px;
    padding-left: 60px;
    padding-right: 60px;
}
.custop__container {
    padding-left: 45px;
    padding-right: 45px;
    padding-top: 100px;
}
.wrap__box__style--2 {
    background: #fff none repeat scroll 0 0;
    padding-bottom: 100px;
    padding-left: 160px;
    padding-right: 160px;
}
.section__title.section__title--2 p {
    color: #666666;
    font-size: 15px;
    line-height: 26px;
    margin: 27px auto auto;
    width: 40%;
}
/* single product */

.product-details-style2 .product__big__images {
    display: block;
    max-width: 100%;
    overflow: hidden;
}
.product-details-style2 .product__details__container {
    display: block;
}
.product-details-style2 .product__small__images {
    margin-top: 30px;
}
.product-details-style2 .pot-small-img {
    display: inline-block;
    margin-right: 22px;
    margin-top: 0;
    width: 22%;
}
.product-details-style2 .pot-small-img:last-child {
    margin-right: 0px;
}
.product-details-style2 .product__small__images {
    min-width: inherit;
    padding-right: 0;
}
.sin-product-details-slider a > img {
    border: 1px solid #ddd;
}
.product-details-style3 .product__details__container {
    margin-right: 5px;
}
.product-details-style3 .pro__rating {
    display: block;
    padding-right: 0px;
}
.product-details-style3 .pro__dtl__btn,
.product-details-style3 .product-action-wrap,
.product-details-style3 .pro__social__share,
.product-details-style3 .pro__dtl__prize,
.product-details-style3 .pro__dtl__rating {
    display: block;
}
.product-details-style3 .pro__choose__color li,
.product-details-style3 .pro__choose__size > li,
.product-details-style3 .pro__dtl__btn li,
.product-details-style3 .pro__social__share h2,
.product-details-style3 .pro__soaial__link li,
.product-details-style3 .pro__soaial__link,
.product-details-style3 .product-quantity,
.product-details-style3 .prodict-statas,
.product-details-style3 .pro__dtl__prize li,
.product-details-style3 .pro__rating > li,
.product-details-style3 .title__5,
.product-details-style3 .pro__choose__size,
.product-details-style3 .pro__choose__color {
    display: inline-block;
}
.product-details-slider.owl-carousel .owl-nav div {
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 50%;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    color: #333;
    font-size: 25px;
    height: 40px;
    line-height: 40px;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.5s ease 0s;
    width: 40px;
}
.product-details-slider.owl-carousel .owl-nav div.owl-prev {
    left: 0;
    right: auto;
}
.product-details-slider:hover .owl-nav div {
    opacity: 1;
}
.product-details-style3 .pro__details p {
    margin: 0 auto;
    width: 71%;
}
.single-portfolio-details {
    float: left;
    padding: 5px;
    width: 50%;
}
.single-portfolio-details a > img {
    border: 1px solid #ddd;
    width: 100%;
}
.product__details__container.product-details-5 {
    display: block;
}
.scroll-single-product > img {
    width: 100%;
}
.sidebar-active {
    will-change: min-height;
}
.sidebarinner {
    transform: translate(0, 0);
    will-change: position, transform;
}
.is-affixed .inner-wrapper-sticky {
    padding-left: 15px;
}
.product-video-position {
    position: relative;
}
.product-video {
    bottom: 0;
    left: 0;
    padding: 0 0 50px 20px;
    position: absolute;
    content: "";
    z-index: 99;
}
.product-video a {
    border: 1px solid #ddd;
    display: inline-block;
    padding: 7px 20px 4px;
}
.product-video a i {
    display: inline-block;
    float: left;
    margin-right: 5px;
    margin-top: 4px;
}
.on-sale {
    content: "";
    position: absolute;
    right: 20px;
    top: 20px;
}
.on-sale span {
    background-color: #ff4136;
    border-radius: 50px;
    color: #fff;
    display: inline-block;
    line-height: 1;
    padding: 5px 9px;
    text-transform: capitalize;
}
.product-categories-title > h3 {
    border-left: 1px solid rgba(129, 129, 129, 0.2);
    border-right: 1px solid rgba(129, 129, 129, 0.2);
    border-top: 2px solid #ff4136;
    color: #303030;
    font-size: 17px;
    font-weight: 500;
    padding: 15px;
    position: relative;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}
.product-categories-menu {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid rgba(129, 129, 129, 0.2);
    padding: 20px 0;
    width: 100%;
}
.product-categories-menu ul li {
    position: relative;
}
.product-categories-menu ul li a {
    background-color: #fff;
    color: #333;
    display: block;
    font-size: 14px;
    letter-spacing: 0.4px;
    padding: 7px 20px;
    text-transform: capitalize;
    transition: all 0.3s ease 0s;
}
.product-categories-menu ul li a:hover {
    color: #ff4136;
}
.product-tab-list {
    border-color: #ff4136 rgba(129, 129, 129, 0.2) rgba(129, 129, 129, 0.2);
    border-style: solid;
    border-width: 2px 1px 1px;
    padding: 14px 20px 10px;
}
.product-slider-active .col-lg-4,
.product-slider-active .col-sm-4,
.product-slider-active .col-md-4,
.product-slider-active .col-xa-12 {
    width: 100%;
}
.tab-style > li {
    display: inline-block;
}
.product-slider-active .product {
    margin-top: 30px;
}
.tab-menu-text > h4 {
    color: #303030;
    font-size: 16px;
    font-weight: 400;
    padding: 0 30px 0 0;
    position: relative;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}
.product-tab-list ul li.active .tab-menu-text > h4,
.product-tab-list ul li .tab-menu-text > h4:hover {
    color: #ff4136;
}
.product-style-tab {
    position: relative;
}
.product-slider-active.owl-carousel .owl-nav div {
    font-size: 25px;
    opacity: 1;
    position: absolute;
    right: 45px;
    text-align: center;
    top: -37px;
    transition: all 0.3s ease 0s;
    visibility: visible;
    width: 30px;
    color: #303030;
}
.product-slider-active.owl-carousel .owl-nav div:hover {
    color: #ff4136;
}
.product-slider-active.owl-carousel .owl-nav div.owl-next {
    left: auto;
    right: 20px;
}
.tab-style.product-tab-list-btn {
    display: inline-block;
    float: left;
}
.all-product-btn {
    text-align: right;
}
.all-product-btn a {
    color: #303030;
    font-size: 17px;
    font-weight: 500;
    padding: 0;
    position: relative;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}
.all-product-btn a:hover {
    color: #ff4136;
}
.product-slider-active2 .product {
    margin-top: 30px;
}
.tab-content.jump > .tab-pane {
    display: block;
    height: 0;
    opacity: 0;
    overflow: hidden;
}
.tab-content.jump > .tab-pane.active {
    display: block;
    height: auto;
    opacity: 1;
    overflow: visible;
}
/*----- pricing table  ------*/

.pricing-top {
    border-bottom: 1px solid #ddd;
    display: block;
    overflow: hidden;
}
.single-pricing {
    border: 1px solid #ddd;
    padding: 50px;
    text-align: center;
}
.pricing-top h3 {
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 30px;
    padding-bottom: 10px;
    position: relative;
    text-transform: uppercase;
}
.pricing-top h3::before {
    background: #666 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 60px;
}
.pricing-top p {
    font-size: 36px;
    font-weight: 500;
    margin-bottom: 28px;
}
.pricing-top p span {
    font-size: 18px;
    font-weight: normal;
}
.pricing-tex li {
    color: #333333;
    font-size: 14px;
    padding-bottom: 22px;
    text-transform: capitalize;
}
.pricing-tex li:last-child {
    padding-bottom: 0px;
}
.pricing-tex li i {
    padding-right: 10px;
}
.price-btn a {
    background-color: transparent;
    border: 1px solid #c1c1c1;
    color: #464646;
    font-size: 14px;
    font-weight: 500;
    padding: 10px 20px 8px;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}
.price-btn a:hover {
    background-color: #ff4136;
    border: 1px solid #ff4136;
    color: #fff;
}
.pricing-tex > ul {
    padding: 40px 0;
}
.price-btn .button i {
    font-size: 14px;
    padding-left: 12px;
}

/************************************************

*************************************************/
.portfolio-img2 {
    position: relative;
}

.portfolio-img2 a::before {
    background: #000 none repeat scroll 0 0;
    bottom: 0;
    position: absolute;
    content: "";
    left: 0;
    opacity: 0;
    right: 0;
    top: 0;
    opacity: 0;
    transition: all 0.4s ease-in-out 0s;
}

.single-portfolio-card:hover .portfolio-img2 a::before {
    opacity: .5;
}

.portfolio-img2 img {
    width: 100%;
}

.portfolio-img2 {
    position: relative;
}