.section-block-bg,

.section-block-parallax {

    background-position: 50% 50%;

    padding: 25px 0

}



.blog-list,

.video-effect {

    overflow: hidden

}



.section-block {

    padding: 40px 0;

    background-color: #fff

}



.section-block-grey {

    padding: 90px 0;

    background-color: #fbfbfb;

    border-top: 1px solid #eee;

    border-bottom: 1px solid #eee

}



.section-block-parallax {

    background-size: cover;

    background-attachment: fixed

}



.section-block-bg {

    background-size: 90%;

    background-repeat: no-repeat

}



.section-heading {

    margin-bottom: 10px

}



.section-heading h2 {

    position: relative;

    text-transform: uppercase;

    display: inline-block;

    font-size: 16px;

    font-weight: 600;

    color: #fff;

    line-height: 130%;

    background: #bda87f;

    letter-spacing: 1.5px;

    padding: 10px 15px;

    margin-bottom: 20px

}



.section-heading h2:after {

    content: '';

    position: absolute;

    display: block;

    border-bottom: 2px solid #bda87f;

    width: 590px;

    margin-left: -590px;

    margin-top: -7px;

    padding-top: 15px

}



.section-heading h3 {

    position: relative;

    font-size: 29px;

    font-weight: 700;

    color: #2d2d2d;

    line-height: 160%;

    margin-bottom: 10px

}



.section-heading h4 {

    position: absolute;

    font-size: 129px;

    font-weight: 900;

    color: #f7f7f7;

    line-height: 160%;

    margin-bottom: 10px;

    margin-left: -300px;

    z-index: 0

}



.section-heading p {

    font-size: 15px;

    font-weight: 500;

    color: #979797;

    line-height: 160%;

    padding-top: 10px;

    margin-bottom: 0

}



.section-heading span {

    display: block;

    font-size: 15px;

    font-weight: 600;

    color: #bda87f;

    line-height: 160%

}



.page-title h1,

.page-title h6 {

    font-weight: 500;

    color: #fff;

    text-align: center

}



.page-title {

    padding: 25px 0;

    background-color: #1d1d1d;

    background-size: cover;

    background-position: top

}



.page-title h1:before {

    content: '';

    display: block;

    width: 90px;

    height: 2px;

    margin: auto auto 10px;

    background: #fff

}



.page-title h1 {

    font-size: 34px;

    letter-spacing: 1px;

    margin: 10px 0;

    text-shadow: 7px 7px 0 rgba(150, 150, 150, .2)

}



.page-title h6 {

    font-size: 12px;

    letter-spacing: 15px;

    text-transform: uppercase;

    margin-top: 10px

}



.affix {

    top: 0;

    width: 100%;

    z-index: 999;

}



.navbar-nav {

    margin: 0

}



.navbar-header-custom {

    background: #fff;

    padding: 15px 0

}



.navbar-logo img {

    max-width: 100%;

    margin-left: 15px;

    max-height: 50px

}



.navbar-custom {

    background: #fff;

    border: none;

    border-radius: 0;

    padding: 0;

    border-bottom: 1px solid #f3f3f3;

    box-shadow: 0 0 65px rgba(0, 0, 0, .09);

    margin-bottom: 0

}



.navbar-custom .navbar-links-custom li {

    padding: 15px 2px

}



.navbar-custom .navbar-links-custom li a {

    font-size: 12px;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: 0px;

    color: #2d2d2d;

    -webkit-transition-duration: .3s;

    transition-duration: .3s

}



.blog-list-button a,

.blog-side-title h4 {

    letter-spacing: 1.5px;

    text-transform: uppercase

}



.navbar-custom .navbar-links-custom li a i {

    font-size: 9px;

    font-weight: 400

}



.navbar-custom .navbar-links-custom li a:hover {

    color: #bda87f

}



.navbar-custom .navbar-toggle .icon-bar {

    background-color: #bda87f

}



@media screen and (max-width:767px) {

    .navbar-custom .navbar-links-custom li {

        font-size: 13px;

        font-weight: 700;

        -webkit-transition-duration: .3s;

        transition-duration: .3s;

        border-bottom: 1px solid #e6e6e6;

        padding: 0;

        margin: 0

    }

    .navbar-custom .navbar-links-custom li:last-child {

        border-bottom: none

    }

    .navbar-custom .navbar-links-custom li a {

        margin: 0;

        padding: 15px

    }

    .navbar-default .navbar-links-custom .open .dropdown-menu>li>a {

        color: #2d2d2d;

        font-size: 10px;

        padding: 2px 0 7px 15px

    }

}



.navbar-links-custom .dropdown ul {

    background: rgba(242, 242, 242, 1.00);

    border: none;

    border-radius: 0;

    padding: 10px;

    margin-left: 5px;

    -webkit-box-shadow: 0 5px 9px 0 rgba(50, 50, 50, .15);

    -moz-box-shadow: 0 5px 9px 0 rgba(50, 50, 50, .15);

    box-shadow: 0 5px 9px 0 rgba(50, 50, 50, .15)

}



.navbar-links-custom .dropdown ul li {

    padding: 0;

    border: none

}



.navbar-links-custom .dropdown ul li a {

    font-weight: 600;

    padding: 10px 1px;

    width: 192px;

    text-transform: uppercase;

    text-align: left;

    color: #2d2d2d

}



.navbar-links-custom .dropdown ul li a:hover {

    background: 0 0!important;

    color: #bda87f!important

}



.navbar-links-custom .dropdown .dropdown-toggle:after {

    content: "\f107";

    font-family: FontAwesome;

    padding-left: 6px

}



.active-link a {

    color: #bda87f!important

}



@media screen and (max-width:767px) {

    .navbar-links-custom .dropdown ul li a:hover {

        color: #bda87f!important

    }

}



.menu-icon {

    border: none;

    background: 0 0

}



.navbar-default .navbar-toggle:focus,

.navbar-default .navbar-toggle:hover {

    background-color: transparent

}



@media (max-width:991px) {

    .navbar-header {

        float: none

    }

    .navbar-left,

    .navbar-nav,

    .navbar-right {

        float: none!important

    }

    .navbar-toggle {

        display: block

    }

    .navbar-collapse {

        border-top: 1px solid transparent;

        box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1)

    }

    .navbar-fixed-top {

        top: 0;

        border-width: 0 0 1px

    }

    .navbar-collapse.collapse {

        display: none!important

    }

    .navbar-nav {

        margin-top: 7.5px

    }

    .navbar-nav>li {

        float: none

    }

    .navbar-nav>li>a {

        padding-top: 10px;

        padding-bottom: 10px

    }

    .collapse.in {

        display: block!important

    }

    .navbar-nav .open .dropdown-menu {

        position: static;

        float: none;

        width: auto;

        margin-top: 0;

        background-color: transparent;

        border: 0;

        -webkit-box-shadow: none;

        box-shadow: none

    }

    .navbar-links-custom {

        padding-bottom: 5px

    }

    .navbar-custom .navbar-links-custom li {

        padding: 5px 0 0 5px

    }

}



.project-title h2,

.project-title h3 {

    position: relative;

    font-weight: 700;

    color: #2d2d2d;

    margin-bottom: 10px

}



.project-title {

    margin-top: 40px

}



.project-title h2 {

    font-size: 40px;

    line-height: 130%

}



.project-title h2:after {

    content: '';

    display: block;

    border-bottom: 5px solid #2d2d2d;

    width: 70px;

    padding-top: 15px;

    -webkit-transition-duration: .3s;

    transition-duration: .3s

}



.feature-box,

.primary-button {

    -webkit-transition-duration: .3s

}



.project-title h3 {

    font-size: 29px;

    line-height: 160%

}



.project-row:hover .project-title h2:after {

    content: '';

    display: block;

    border-bottom: 5px solid #bda87f;

    width: 130px;

    padding-top: 15px

}



.feature-box {

    background: 0 0;

    border-radius: 5px;

    margin: 35px 0 15px;

    transition-duration: .3s

}



.box-content h5,

.box-content p {

    color: #fff;

    line-height: 180%;

    margin-left: 15px

}



.box-icon {

    float: left;

    width: 10%;

    text-align: center;

    padding-top: 15px

}



.box-icon i {

    font-size: 25px;

    color: #fff;

    transition: all .2s ease-in-out

}



.box-content {

    float: right;

    width: 90%

}



.box-content h5 {

    font-size: 15px;

    font-weight: 600;

    text-transform: uppercase;

    margin-bottom: 5px

}



.box-content p {

    font-size: 13px;

    font-weight: 400;

    margin-bottom: 0

}



.countup-box h4,

.countup-box h4:after {

    font-size: 65px!important;

    font-weight: 500

}



.feature-box:hover {

    box-shadow: 0 0 50px 10px rgba(0, 0, 0, .06)

}



.countup-box {

    text-align: center;

    margin-top: 40px

}



@media screen and (max-width:767px) {

    .countup-box {

        margin: 20px 0

    }

}



.countup-box h4,

.countup-box h4:after,

.countup-box strong {

    text-align: center;

    margin: 10px 0;

    color: #fff;

    line-height: 130%

}



.countup-box h4 {

    text-shadow: 8px 8px 0 rgba(150, 150, 150, .3)

}



.countup-box h4:after {

    content: '+';

    text-shadow: 5px 5px 0 rgba(150, 150, 150, .3)

}



.countup-box strong {

    font-size: 14px!important;

    font-weight: 600;

    text-transform: uppercase

}



.countup-box i {

    font-size: 50px;

    color: #fff

}



.countup-box p {

    font-size: 15px;

    font-weight: 500;

    color: #fff;

    line-height: 130%

}



.testmonial-block h4,

.testmonial-block h6,

.testmonial-block p {

    font-weight: 400;

    color: #fff;

    text-align: left

}



.testmonial-block:before {

    content: '\f10d';

    font-family: FontAwesome;

    font-size: 60px;

    color: #fff;

    opacity: .5;

    position: absolute;

    margin-left: -80px

}



.testmonial-block {

    margin: 0 120px 0 150px

}



@media screen and (max-width:767px) {

    .testmonial-block {

        margin: 0

    }

}



@media screen and (max-width:991px) {

    .testmonial-block:before {

        display: none

    }

}



.clip-title h2,

.clip-title h3,

.clip-title h4,

.clip-title h5 {

    display: inline-block

}



.testmonial-block h4 {

    font-size: 25px

}



.testmonial-block h6 {

    font-size: 13px;

    opacity: .6;

    text-transform: uppercase;

    margin: 10px 0

}



.testmonial-block p {

    font-size: 16px;

    line-height: 180%

}



.text-content p,

.text-content-white-bg p {

    color: #676767;

    font-size: 13px;

    font-weight: 500;

    line-height: 200%;

    margin-bottom: 15px

}



.text-content-white-bg {

    background: rgba(255, 255, 255, .8);

    padding: 10px

}



.text-content-dark-bg {

    background: rgba(0, 0, 0, .6);

    padding: 10px

}



.text-content-dark-bg p {

    font-size: 13px;

    font-weight: 500;

    color: #fff;

    line-height: 200%;

    margin-bottom: 15px

}



.clip {

    background-attachment: fixed;

    background-position: center;

    -webkit-text-fill-color: transparent;

    -webkit-background-clip: text;

    font-weight: 700;

    text-align: left

}



.clip-title h2 {

    font-size: 190px

}



.clip-title h3 {

    font-size: 140px

}



.clip-title h4 {

    font-size: 100px

}



.clip-title h5 {

    font-size: 60px

}



.outline-bordered-text-right {

    position: relative;

    z-index: 999

}



.outline-bordered-text-right:after {

    content: "";

    position: absolute;

    left: 80px;

    bottom: -70px;

    border: 7px solid rgba(255, 255, 255, .2);

    display: block;

    width: 50%;

    height: 200%;

    transition: all .3s linear 0s;

    z-index: -1

}



.outline-bordered-left:after,

.outline-bordered-right:after {

    content: "";

    border: 10px solid rgba(0, 0, 0, .05);

    display: block;

    transition: all .3s linear 0s

}



@media screen and (max-width:991px) {

    .outline-bordered-text-right:after {

        content: "";

        position: absolute;

        left: 0;

        bottom: 0;

        border: 10px solid rgba(0, 0, 0, .05);

        display: block;

        width: 100%;

        height: 50%;

        transition: all .3s linear 0s;

        z-index: -1

    }

}



.outline-bordered-right {

    position: relative;

    z-index: 799

}



.outline-bordered-right:after {

    position: absolute;

    right: 40px;

    bottom: -40px;

    width: 100%;

    height: 100%;

    z-index: -1

}



@media screen and (max-width:991px) {

    .outline-bordered-right:after {

        content: "";

        position: absolute;

        left: 0;

        bottom: 0;

        border: 10px solid rgba(0, 0, 0, .05);

        display: block;

        width: 100%;

        height: 50%;

        transition: all .3s linear 0s;

        z-index: -1

    }

}



.outline-bordered-left {

    position: relative;

    z-index: 999

}



.outline-bordered-left:after {

    position: absolute;

    left: 40px;

    bottom: -40px;

    width: 100%;

    height: 100%;

    z-index: -1

}



@media screen and (max-width:991px) {

    .outline-bordered-left:after {

        content: "";

        position: absolute;

        left: 0;

        bottom: 0;

        border: 10px solid rgba(0, 0, 0, .05);

        display: block;

        width: 100%;

        height: 50%;

        transition: all .3s linear 0s;

        z-index: -1

    }

}



.dark-button:after,

.primary-button:after {

    content: '\f178';

    font-family: FontAwesome

}



.blog-list-button a,

.button-lg,

.button-md,

.button-tag,

.button-xs,

.dark-button:after,

.paginator,

.primary-button:after,

.video-play-button {

    display: inline-block

}



.rounded-border {

    border-radius: 5px!important

}



.no-rounded {

    border-radius: 0!important

}



.dark-button,

.primary-button {

    font-size: 11px;

    border-radius: 50px;

    font-weight: 500

}



.shadow-primary {

    -webkit-box-shadow: 7px 7px 22px 0 rgba(50, 50, 50, .1);

    -moz-box-shadow: 7px 7px 22px 0 rgba(50, 50, 50, .1);

    box-shadow: 7px 7px 22px 0 rgba(50, 50, 50, .1)

}



.full-width {

    width: 100%

}



.primary-button {

    background: #bda87f;

    color: #fff;

    padding: 10px 15px;

    transition-duration: .3s

}



.primary-button:hover {

    background: #2d2d2d;

    color: #fff;

    padding-right: 15px

}



.primary-button:after {

    color: #bda87f;

    padding-left: 10px;

    margin-left: -20px;

    opacity: 0;

    -webkit-transition-duration: .3s;

    transition-duration: .3s

}



.primary-button:hover:after {

    color: #fff;

    margin-left: 0;

    opacity: 1

}



.dark-button {

    background: #2d2d2d;

    color: #fff;

    padding: 10px 15px;

    -webkit-transition-duration: .3s;

    transition-duration: .3s

}



.dark-button:hover {

    background: #bda87f;

    color: #fff;

    padding-right: 15px

}



.dark-button:after {

    color: #bda87f;

    padding-left: 10px;

    margin-left: -20px;

    opacity: 0;

    -webkit-transition-duration: .3s;

    transition-duration: .3s

}



.dark-button:hover:after {

    color: #fff;

    margin-left: 0;

    opacity: 1

}



.button-tag {

    font-size: 12px;

    font-weight: 500;

    margin: 5px 5px 5px 0;

    padding: 5px 10px!important

}



.button-xs {

    font-size: 13px;

    font-weight: 500

}



.button-sm {

        display: block;
    font-weight: 600;
    padding: 6px 20px;
    margin-top: 11px;
    text-align: center;

}

.services-block-box p {
    text-align: left;
}


.button-md {

    font-size: 14px;

    font-weight: 500;

    padding: 12px 17px

}



.button-lg {

    font-size: 17px;

    font-weight: 500;

    padding: 10px 25px!important

}



.dark-list li,

.primary-list li {

    font-size: 14px;

    margin-top: 10px;

    font-weight: 500;

    list-style-type: none

}



.dark-list,

.primary-list {

    padding-left: 0

}



.primary-list li {

    color: #aaa

}



.primary-list li i {

    color: #bda87f;

    padding-right: 15px

}



.dark-list li {

    color: #2d2d2d

}



.dark-list li i {

    color: #2d2d2d;

    padding-right: 15px

}



.primary-color h1,

.primary-color h2,

.primary-color h3,

.primary-color h4,

.primary-color h5,

.primary-color h6,

.primary-color i,

.primary-color p,

.primary-color span {

    color: #bda87f!important

}



.dark-color h1,

.dark-color h2,

.dark-color h3,

.dark-color h4,

.dark-color h5,

.dark-color h6,

.dark-color i,

.dark-color p,

.dark-color span {

    color: #2d2d2d!important

}



.white-color,

.white-color h1,

.white-color h2,

.white-color h3,

.white-color h4,

.white-color h5,

.white-color h6,

.white-color i,

.white-color p,

.white-color span {

    color: #fff!important

}



.paginator {

    border-radius: 3px;

    font-size: 13px;

    font-weight: 500;

    color: #2d2d2d;

    background: #f1f1f1;

    padding: 10px 15px;

    margin: 3px

}



.current-page,

.paginator:focus,

.paginator:hover {

    color: #fff;

    background: #bda87f

}



.video-block-parallax {

    background-size: cover;

    background-attachment: fixed;

    background-position: 50% 50%;

    padding: 70px 0

}



.blog-list,

.video-play-button {

    background: #fff;

    -webkit-transition-duration: .3s;

    font-size: 15px

}



.video-button {

    text-align: center

}



.video-play-button {

    border-radius: 50%;

    color: #bda87f;

    width: 100px;

    height: 100px;

    opacity: 1;

    transition-duration: .3s

}



/* Overview CSS */

.overview-list-mvv {

    position: relative;

    border: 0px solid #eee;

    border-radius: 0px;

    margin: 10px 0 0px;

    transition-duration: .3s

}



.overview-list-mvv img {

    width: 100%;

    height: 350px;

}



.overview-list-design-mvv img {

    width: 100%;

    height: auto;

}



.blog-list-mvv {

    position: relative;

    border: 0px solid #eee;

    border-radius: 0px;

    margin: 10px 0 0px;

    transition-duration: .3s

}



.blog-list-mvv img {

    width: 100%;

    height: auto

}



.product-detail-mvv img {

    width: 100%;

    height: auto

}



.product-detail-mvv{

    position: relative;

    /*border: 1px solid #eee;*/

    border-radius: 0px;

    margin: 70px 0 0px;

    transition-duration: .3s

}
.product-detail-mvvr{

    position: relative;

    /*border: 1px solid #eee;*/

    border-radius: 0px;

    margin: 20px 0 0px;

    transition-duration: .3s

}



.blog-list-text-mvv {

    padding-right: 30px

}



.blog-list {

    position: relative;

    border: 1px solid #eee;

    border-radius: 10px;

    margin: 20px 0 40px;

    transition-duration: .3s

}



.blog-list img {

    width: 100%;

    height: auto

}



.overview-list-text {

    padding-left : 10px;

    padding-right: 10px;

}



.blog-list-text {

    padding-right: 30px

}



.blog-list-button {

    margin: 20px 0 10px;
    border: 0px solid #eee;
    display: inline-block;
    padding: 10px 20px;

}



.blog-list-button a {

    font-size: 11px;

    font-weight: 600;

    padding: 6px 16px;

    border-radius: 20px;

    background-color: #ededed;

    color: #6f6f6f;

    margin-top: 10px;

    -webkit-transition-duration: .3s;

    transition-duration: .3s

}



.blog-list-button a:hover {

    color: #fff;

    background: #bda87f;

    -webkit-transition-duration: .3s;

    transition-duration: .3s

}



.blog-list-text h4 {

    margin-top: 40px;

    min-height: 85px

}



.blog-list-text h4 a {

    font-size: 21px;

    font-weight: 500;

    line-height: 145%;

    color: #2d2d2d;

    -webkit-transition-duration: .3s;

    transition-duration: .3s

}



.blog-list-text h4 a:hover {

    color: #bda87f;

    -webkit-transition-duration: .3s;

    transition-duration: .3s

}



.blog-list-text p {

    color: #676767;

    font-size: 16px;

    line-height: 170%;

    min-height: 50px;

    margin-top: 1px;

    margin-bottom: 30px

}



.blog-list-admin a,

.blog-list-admin span {

    font-size: 15px;

    margin-top: 20px;

    font-weight: 500

}



.blog-list-admin {

    border-bottom: 1px solid #e6e6e6;

    padding-bottom: 20px;

    margin-bottom: 15px

}



.blog-list-admin span {

    color: #bda87f;

    padding-top: 20px

}



.blog-list-admin a {

    color: #676767;

    text-decoration: none;

    margin-left: 5px;

    -webkit-transition-duration: .3s;

    transition-duration: .3s

}



.blog-list-admin a:hover {

    color: #bda87f;

    text-decoration: none

}



.read-more {

    margin-top: 17px;

    text-align: right

}



@media screen and (max-width:1200px) {

    .blog-list-text {

        padding-bottom: 30px

    }

}



@media screen and (max-width:767px) {

    .blog-list-text {

        padding: 0 15px 30px

    }

}



.blog-heading {

    padding: 0 0 10px;

    margin: 0 0 10px

}



.blog-heading h3 {

    color: #2d2d2d;

    font-size: 26px;

    font-weight: 500;

    line-height: 150%

}



.blog-post p {

    font-size: 13px;

    color: #676767;

    font-weight: 500;

    line-height: 180%;

    margin: 20px 0

}



blockquote {

    background: #f5f5f5;

    border-left: 4px solid #bda87f;

    padding: 10px 30px 30px;

    margin: 30px 0 20px

}



blockquote p {

    color: #2d2d2d!important;

    font-size: 15px!important;

    font-weight: 500

}



.blog-side-title h4 {

    color: #2d2d2d;

    font-size: 17px;

    font-weight: 500;

    margin: 5px 0 10px;

    -webkit-transition-duration: .3s;

    transition-duration: .3s

}



.blog-side-row:hover .blog-side-title h4:after,

.blog-side-title h4:after {

    content: "";

    height: 2px;

    bottom: 0;

    margin-top: 10px;

    background: #bda87f;

    display: block;

    position: relative;

    left: 0

}



.blog-side-title h4:after {

    width: 50px;

    -webkit-transition-duration: .3s;

    transition-duration: .3s

}



.blog-side-row:hover .blog-side-title h4:after {

    width: 90px

}



.blog-post-recent-post {

    position: relative;

    display: block;

    margin-top: 30px

}



.blog-post-recent-text h5 {

    margin-bottom: 8px

}



.blog-post-recent-text h5 a {

    color: #676767;

    font-size: 16px;

    font-weight: 500

}



.blog-post-recent-text h5 a:hover {

    color: #bda87f

}



.blog-post-recent-text span {

    color: #858585;

    font-size: 12px;

    font-weight: 500;

    text-transform: uppercase

}



.blog-post-category {

    margin: 50px 0 30px

}



.blog-post-category ul {

    display: inline-block;

    list-style-type: none;

    padding-left: 0;

    margin: 10px 0 20px

}



.blog-post-category ul li {

    padding: 10px 0

}



.blog-post-category ul li a {

    color: #aaa;

    font-size: 14px;

    font-weight: 500;

    -webkit-transition-duration: .3s;

    transition-duration: .3s

}



.blog-post-category ul li a:hover {

    color: #bda87f

}



.blog-post-category ul li a i {

    color: #858585;

    margin-right: 10px;

    -webkit-transition-duration: .3s;

    transition-duration: .3s

}



.blog-post-category ul li a:hover i {

    color: #bda87f;

    margin-left: 6px

}



.blog-comment-user h6,

.blog-comments h3 {

    color: #2d2d2d;

    line-height: 1.3;

    font-weight: 500

}



.blog-comments {

    background: #f5f5f5;

    padding: 30px

}



.blog-comments h3 {

    font-size: 22px;

    margin-top: 30px

}



.blog-comment-user {

    border-bottom: 1px solid #ececec;

    padding-top: 25px

}



.blog-comment-user img {

    border-radius: 50%

}



.blog-comment-user h6 {

    font-size: 20px;

    margin-bottom: 3px

}



.blog-comment-user strong {

    color: #bda87f;

    font-size: 12px;

    font-weight: 500

}



.blog-comment-user p {

    color: #676767;

    font-size: 13px;

    font-weight: 500;

    margin-top: 10px

}



.comment-form input,

.comment-form textarea {

    color: #676767;

    font-size: 12px;

    width: 100%;

    margin-top: 30px;

    padding: 13px 15px;

    font-weight: 500;

    border: none;

    border: 1px solid #eee;

    border-radius: 5px;

    -webkit-transition-duration: .3s;

    transition-duration: .3s

}



.comment-form input:focus {

    border-color: #bda87f

}



.comment-form textarea {

    overflow: hidden;

    border: none;

    border: 1px solid #eee;

    border-radius: 5px;

    -webkit-transition-duration: .3s;

    transition-duration: .3s;

    min-height: 140px

}



.comment-form textarea:focus {

    border-color: #bda87f

}



.blog-modern {

    z-index: -1;

    margin: 0;

    padding: 30px;

    background: #fff;

    border: 1px solid #ececec;

    border-right: none;

    -webkit-transition-duration: .3s;

    transition-duration: .3s

}



.blog-modern:last-child {

    border-right: 1px solid #ececec

}



.blog-modern:hover {


    z-index: 1;

    box-shadow: 0 0 70px 0 rgba(50, 50, 50, .2)

}



.blog-modern h3 {

    font-size: 22px;

    font-weight: 500;

    color: #2d2d2d;

    line-height: 150%;

    min-height: 66px;

    max-height: 66px;

    margin-bottom: 10px

}



@media screen and (max-width:767px) {

    .blog-modern h3 {

        height: auto

    }

}



.blog-modern strong {

    font-size: 13px;

    font-weight: 500;

    color: #2d2d2d;

    line-height: 190%;

    margin-top: 30px

}



.blog-modern p {

    font-size: 13px;

    font-weight: 500;

    color: #aaa;

    line-height: 190%;

    height: 112px;

    padding-bottom: 15px;

    margin: 15px 0 25px;

    border-bottom: 1px solid rgba(0, 0, 0, .1)

}



@media screen and (max-width:767px) {

    .blog-modern p {

        height: auto

    }

}



.blog-moder-button a {

    background: #bda87f;

    color: #fff;

    font-size: 11px;

    font-weight: 500;

    border-radius: 50px;

    padding: 10px 15px;

    -webkit-transition-duration: .3s;

    transition-duration: .3s

}



.blog-moder-button a:hover {

    background: #2d2d2d;

    padding-right: 15px

}



.blog-moder-button a:after {

    content: '\f178';

    font-family: FontAwesome;

    display: inline-block;

    color: #bda87f;

    padding-left: 10px;

    margin-left: -20px;

    opacity: 0;

    -webkit-transition-duration: .3s;

    transition-duration: .3s

}



.blog-moder-button a:hover:after {

    color: #fff;

    margin-left: 0;

    opacity: 1

}



.top-article {

    background: 0 0;

    border-radius: 5px;

    margin: 15px 0;

    -webkit-transition-duration: .3s;

    transition-duration: .3s

}



.top-article-icon {

    float: left;

    width: 25%;

    text-align: center;

    padding-top: 5px

}



.top-article i {

    font-size: 50px;

    color: #bda87f;

    text-shadow: 1px 1px 0 rgba(150, 150, 150, .2);

    transition: all .2s ease-in-out

}



.top-article-content {

    float: right;

    width: 75%

}



.top-article-content h5 {

    font-size: 19px;

    font-weight: 500;

    color: #2d2d2d;

    line-height: 180%;

    margin-left: 15px

}



.top-article-content p {

    font-size: 13px;

    font-weight: 600;

    color: #aaa;

    line-height: 180%;

    margin-left: 15px;

    margin-bottom: 0

}



.client-item {

    position: relative;

    opacity: .8;

    -webkit-transition-duration: .3s;

    transition-duration: .3s;
    box-shadow: 0 0 10px 2px rgba(0,0,0,.16);

}



.client-item:hover {

    opacity: 1

}



.swiper-container {

    width: 100%;

    height: 100%;

    background: #fff

}



.swiper-slide {

    font-size: 18px;

    color: #fff;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    padding: 40px 90px;

    display: table-cell;

    vertical-align: middle;

    margin-top: 4%

}



.parallax-bg {

    position: absolute;

    left: 0;

    top: 0;

    width: 130%;

    height: 100%;

    -webkit-background-size: cover;

    background-size: cover;

    background-position: center

}



.swiper-slide .title {

    font-size: 58px;

    font-weight: 600;

    width: 800px;

    max-width: 100%;

    border-left: 8px solid rgba(255, 255, 255, .3);

    padding-left: 20px;

    margin-top: 20px

}



.swiper-slide .pre-title {

    font-size: 15px;

    font-weight: 600;

    width: 400px;

    max-width: 100%;

    line-height: 1.8;

    opacity: .5

}



.swiper-slide .subtitle {

    font-size: 14px;

    font-weight: 600

}



.swiper-slide .text {

    font-size: 14px;

    font-weight: 500;

    max-width: 400px;

    line-height: 1.8;

    margin-top: 20px

}



@media screen and (max-width:767px) {

    .swiper-slide {

        font-size: 18px;

        color: #fff;

        -webkit-box-sizing: border-box;

        box-sizing: border-box;

        padding: 30px 25px;

        display: table-cell;

        vertical-align: middle

    }

    .swiper-slide .title {

        font-size: 33px;

        font-weight: 600;

        max-width: 100%;

        border-left: 8px solid rgba(255, 255, 255, .3);

        padding-left: 20px;

        margin-top: 20px

    }

    .swiper-slide .subtitle {

        font-size: 14px;

        font-weight: 600

    }

    .swiper-slide .text {

        font-size: 14px;

        font-weight: 500;

        max-width: 400px;

        line-height: 1.8;

        margin-top: 20px

    }

}



.image-top-content h2,

.image-top-content h3,

.video-table-button a,

.video-table-cell h2,

.video-table-cell h3 {

    color: #fff;

    font-weight: 500;

    text-align: center

}



.image-top {

    height: 100%;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: 50% 50%;

    display: table;

    width: 100%

}



.image-top-content {

    vertical-align: middle;

    display: table-cell;

    text-align: center;

    padding-bottom: 110px

}



.image-top-content h2 {

    display: inline-block;

    font-size: 55px;

    text-transform: uppercase;

    letter-spacing: 4px;

    background-color: rgba(0, 0, 0, .5);

    text-shadow: 1px 1px 1px rgba(0, 0, 0, .8);

    padding: 30px 40px

}



.image-top-content h2:before {

    content: '';

    display: block;

    width: 120px;

    height: 5px;

    background: rgba(255, 255, 255, .5);

    margin: auto auto 20px

}



.video-area:after,

.video-effect,

.video-table {

    width: 100%;

    height: 100%

}



.image-top-content h3 {

    font-size: 17px;

    letter-spacing: 12px;

    text-transform: uppercase;

    text-shadow: 2px 2px 1px rgba(0, 0, 0, .5);

    margin: 15px 0

}



@media screen and (max-width:767px) {

    .image-top-content h2 {

        color: #fff;

        font-size: 30px;

        font-weight: 500;

        text-transform: uppercase;

        text-align: center;

        padding: 20px

    }

}



.video-area {

    position: relative;

    height: 100%;

    background-size: cover;

    z-index: 1;

    background-position: center center

}



.video-area:after {

    position: absolute;

    left: 0;

    top: 0;

    content: "";

    z-index: -1

}



.video-table {

    display: table

}



.video-table-cell {

    display: table-cell;

    vertical-align: middle;

    background: rgba(0, 0, 0, .6);

    padding-bottom: 150px

}



.video-table-cell h3 {

    font-size: 15px;

    letter-spacing: 10px;

    text-transform: uppercase;

    text-shadow: 2px 2px 1px rgba(0, 0, 0, .2);

    margin: 20px 0

}



.video-table-cell h2 {

    display: inline-block;

    font-size: 45px;

    text-transform: uppercase;

    line-height: 150%

}



.video-effect-box {

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

    padding: 40px;

    background: 0 0;

    border-radius: 5px;

    margin: auto;

    -webkit-transform-style: preserve-3d;

    transform-style: preserve-3d;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex

}



.video-effect-content {

    margin: auto;

    text-align: center;

    -webkit-transform-style: preserve-3d;

    transform-style: preserve-3d

}



.video-effect-content h2 {

    -webkit-transform: translateZ(70px);

    transform: translateZ(70px)

}



.video-effect-content h3 {

    -webkit-transform: translateZ(50px);

    transform: translateZ(50px)

}



.video-table-button {

    position: relative;

    z-index: 9999

}



.video-table-button a {

    background: 0 0;

    font-size: 14px;

    border: 1px solid #fff;

    border-radius: 2px;

    padding: 15px 20px

}



.video-table-button a:hover {

    background: #fff;

    color: #2d2d2d

}



@media screen and (max-width:767px) {

    .video-table-cell h2 {

        font-size: 30px

    }

    .video-effect-box {

        padding: 20px

    }

}



.slide-item {

    background-size: cover;

    margin: 0!important

}



.slider-content {

    position: relative;

    -webkit-transform: translateY(22%);

    -ms-transform: translateY(22%);

    transform: translateY(22%)

}



.swiper-slide .title-center {

    width: 100%;

    font-size: 58px;

    font-weight: 600;

    text-align: center;

    margin: 0

}



.swiper-slide .title-center:after {

    content: '';

    display: block;

    border-bottom: 8px solid rgba(255, 255, 255, .3);

    width: 180px;

    max-width: 100%;

    margin: 10px auto 20px

}



@media screen and (max-width:767px) {

    .swiper-slide .title-center {

        font-size: 25px

    }

    .slider-content {

        -webkit-transform: translateY(5%);

        -ms-transform: translateY(5%);

        transform: translateY(5%)

    }

}



.spinner,

.team-member-content {

    transform: translate(-50%, -50%)

}



.swiper-slide .text-center {

    font-size: 14px;

    font-weight: 500;

    width: 600px;

    max-width: 100%;

    line-height: 1.8;

    margin: auto

}



.swiper-slide .pre-title-center {

    font-size: 15px;

    font-weight: 600;

    line-height: 1.8;

    opacity: .5

}



footer {

    background: #1d1d1d;

    padding: 40px 0

}



footer p {

    font-size: 12px;

    font-weight: 500;

    color: #fff;

    line-height: 200%;

    margin-top: 20px

}



footer .footer-title h2 {

    font-size: 15px;

    color: #fff;

    font-weight: 500

}



footer ul li,

footer ul li a {

    font-size: 13px;

    font-weight: 500;

    color: #fff

}



footer .footer-title h2:after {

    content: '';

    display: block;

    width: 30%;

    height: 1px;

    background: #fff;

    margin-top: 15px;

    margin-bottom: 15px

}



@media screen and (max-width:767px) {

    footer .footer-title h2 {

        margin-top: 30px

    }

}



footer ul {

    padding-left: 0

}



footer ul li {

    list-style-type: none;

    padding: 5px 0

}



footer a i {

    font-size: 15px!important;

    color: #fff;

    padding: 0 12px!important

}



footer input {

    background: #4d4d4d;

    color: #fff;

    font-size: 13px;

    font-weight: 500;

    border: none;

    padding: 10px 14px

}



footer input::-webkit-input-placeholder {

    color: #fff

}



footer a:hover {

    color: #bda87f

}



#search_nav {

    display: inline-block;

    z-index: 9999

}



.search-holder {

    margin-top: 12.5px;

    border-left: 1px solid #f3f3f3

}



.search-button {

    padding-left: 12.5px;

    cursor: pointer

}



@media (max-width:991px) {

    .search-holder {

        border: none!important

    }

    .search-button i {

        padding: 17px 0;

        cursor: pointer

    }

    .search-button i:after {

        content: 'Search';

        font-family: Montserrat, sans-serif;

        font-size: 10px;

        text-transform: uppercase;

        font-weight: 700;

        display: inline-block;

        padding-left: 10px

    }

    .search-overlay-content input {

        margin: 30px;

        max-width: 80%

    }

    .search-overlay-content {

        position: relative;

        top: 15%!important;

        text-align: center

    }

}



.search-overlay {

    height: 100%;

    width: 0;

    position: fixed;

    z-index: 1;

    top: 0;

    left: 0;

    background-color: #000;

    background-color: rgba(0, 0, 0, .9);

    overflow-x: hidden;

    transition: .5s

}



.search-overlay-content {

    position: relative;

    top: 35%;

    width: 100%;

    text-align: center;

    margin-top: 30px

}



.search-overlay-content input {

    font-size: 35px;

    font-weight: 500;

    color: #fff;

    background: 0 0;

    border: none;

    border-bottom: 2px solid #fff;

    opacity: .5;

    padding: 15px

}



.search-overlay a {

    padding: 8px;

    text-decoration: none;

    font-size: 36px;

    color: #818181;

    display: block;

    transition: .3s

}



.search-overlay a:focus,

.search-overlay a:hover {

    color: #f1f1f1

}



.search-overlay .closebtn {

    position: absolute;

    top: 20px;

    right: 30px;

    font-size: 60px

}



#preloader,

.scroll-to-top,

.spinner {

    position: fixed;

    text-align: center

}



@media screen and (max-height:450px) {

    .search-overlay a {

        font-size: 20px

    }

    .search-overlay .closebtn {

        font-size: 40px;

        top: 15px;

        right: 35px

    }

}



.scroll-to-top {

    font-size: 20px;

    padding: 6px;

    color: #fff;

    text-decoration: none;

    bottom: 80px;

    right: 10px;

    display: none;

    border-radius: 50%;

    background: #bda87f;

    width: 40px;

    height: 40px;

    z-index: 9999;

    outline: 0;

    -webkit-transition: all .3s ease;

    -moz-transition: all .3s ease;

    -o-transition: all .3s ease

}



.scroll-to-top i {

    color: #fff

}



.scroll-to-top:hover {

    color: #fff;

    background: #2d2d2d

}



.scroll-to-top:hover i {

    color: #fff

}



.scroll-to-top:visited {

    color: #fff;

    text-decoration: none

}



#preloader {

    left: 0;

    top: 0;

    z-index: 99999;

    width: 100%;

    height: 100%;

    overflow: visible;

    background: #fff;

    display: table

}



.spinner {

    top: 40%;

    left: 50%;

    margin: auto 0;

    width: 70px

}



.cube1,

.cube2,.cube3,.cube4 {

    width: 15px;

    height: 15px;

    top: 0;

    left: 0;

    position: absolute

}



.cube3 {

    background-color: #f54263;

    -webkit-animation: sk-cubemove 1.8s infinite ease-in-out;

    animation: sk-cubemove 1.8s infinite ease-in-out

}.cube3 {

    background-color: #f54263;

    -webkit-animation: sk-cubemove 1.8s infinite ease-in-out;

    animation: sk-cubemove 1.8s infinite ease-in-out

}

.cube2 {

    background-color: #1a1819;

    -webkit-animation: sk-cubemove 1.8s infinite ease-in-out;

    animation: sk-cubemove 1.8s infinite ease-in-out

}



.cube1 {

    background-color: #1a1819;

    -webkit-animation: sk-cubemove 1.8s infinite ease-in-out;

    animation: sk-cubemove 1.8s infinite ease-in-out

}



.team-member,

.team-member-image {

    position: relative

}



.team-member:hover .team-member-name h4,

.team-member:hover .team-member-name h6,

.team-member:hover .team-member-overlay i {

    animation-name: fadeInDown;

    animation-duration: .5s;

    animation-timing-function: ease-out

}



.cube2 {

    -webkit-animation-delay: -.9s;

    animation-delay: -.9s

}



@-webkit-keyframes sk-cubemove {

    25% {

        -webkit-transform: translateX(42px) rotate(-90deg) scale(.5)

    }

    50% {

        -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg)

    }

    75% {

        -webkit-transform: translateX(0) translateY(42px) rotate(-270deg) scale(.5)

    }

    100% {

        -webkit-transform: rotate(-360deg)

    }

}



@keyframes sk-cubemove {

    25% {

        transform: translateX(42px) rotate(-90deg) scale(.5);

        -webkit-transform: translateX(42px) rotate(-90deg) scale(.5)

    }

    50% {

        transform: translateX(42px) translateY(42px) rotate(-179deg);

        -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg)

    }

    50.1% {

        transform: translateX(42px) translateY(42px) rotate(-180deg);

        -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg)

    }

    75% {

        transform: translateX(0) translateY(42px) rotate(-270deg) scale(.5);

        -webkit-transform: translateX(0) translateY(42px) rotate(-270deg) scale(.5)

    }

    100% {

        transform: rotate(-360deg);

        -webkit-transform: rotate(-360deg)

    }

}



.team-member {

    padding: 0

}



@media screen and (max-width:767px) {

    .team-member-image {

        position: relative;

        margin: 15px 0

    }

}



.team-member-image img {

    display: block;

    width: 100%;

    height: auto

}



.team-member-overlay {

    position: absolute;

    bottom: 0;

    left: 5%;

    right: 0;

    background: rgba(255, 255, 255, .8);

    overflow: hidden;

    width: 90%;

    height: 50%;

    opacity: 0;

    -webkit-transition-duration: .5s;

    transition-duration: .5s

}



.team-member-content,

.team-member-name {

    white-space: nowrap;

    font-size: 20px;

    position: absolute;

    left: 50%;

    overflow: hidden

}



.team-member:hover .team-member-overlay {

    opacity: 1

}



.team-member-content {

    color: #fff;

    top: 80%;

    -ms-transform: translate(-50%, -50%)

}



.team-member-content i {

    font-size: 20px;

    text-align: center;

    color: #2d2d2d;

    padding: 7px;

    -webkit-transition-duration: .3s;

    transition-duration: .3s

}



.team-member-content i:hover {

    color: #bda87f

}



.team-member-name {

    color: #fff;

    top: 40%;

    transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    padding: 50px

}



.team-member-name h4 {

    color: #2d2d2d;

    font-size: 22px;

    font-weight: 600;

    text-align: center

}



.team-member-name h6 {

    font-size: 14px;

    font-weight: 600;

    color: #858585;

    text-align: center;

    margin-top: 5px

}



.wrapper {

    width: 100%

}



.masonry {

    margin: 15px;

    padding: 0;

    -moz-column-gap: 20px;

    -webkit-column-gap: 20px;

    column-gap: 20px

}



.masonry-item {

    position: relative;

    margin-top: 20px

}



.masonry-item img {

    display: block;

    width: 100%;

    height: auto

}



.masonry-item-overlay {

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    height: 200px;

    max-height: 100%;

    width: 100%;

    opacity: 0;

    transition: .5s ease;

    background: linear-gradient(transparent, rgba(0, 0, 0, .8));

    padding: 30px

}



.masonry-item:hover .masonry-item-overlay {

    opacity: 1

}



.masonry-item-overlay h4 {

    color: #fff;

    font-size: 22px;

    font-weight: 400;

    position: absolute;

    bottom: 50px

}



.masonry-item-overlay ul {

    position: absolute;

    padding-left: 0;

    bottom: 15px

}



.masonry-item-overlay ul li {

    list-style-type: none;

    display: inline-block;

    font-size: 12px;

    font-weight: 600;

    color: #fff;

    padding-left: 0;

    opacity: .7

}



.masonry-item-overlay ul li:last-child:after {

    content: none

}



.masonry-item-overlay ul li:after {

    content: ' / ';

    font-size: 8px;

    font-weight: 700;

    margin: 0 5px

}



.masonry-item-overlay ul li a {

    color: #fff

}



.masonry-item:first-child {

    margin-top: 0

}



.project-arrow {

    position: absolute;

    display: inline-block;

    font-size: 28px;

    font-weight: 600;

    color: #fff;

    height: 40px;

    bottom: 25px;

    right: 30px;

    border-radius: 3px

}



.project-arrow:hover {

    color: #bda87f

}



@media only screen and (min-width:400px) {

    .masonry {

        -moz-column-count: 2;

        -webkit-column-count: 2;

        column-count: 2

    }

}



@media only screen and (min-width:700px) {

    .masonry {

        -moz-column-count: 3;

        -webkit-column-count: 3;

        column-count: 3

    }

}



@media only screen and (min-width:900px) {

    .masonry {

        -moz-column-count: 2;

        -webkit-column-count: 2;

        column-count: 2

    }

}



@media only screen and (min-width:1100px) {

    .masonry {

        -moz-column-count: 3;

        -webkit-column-count: 3;

        column-count: 3

    }

}



.masonry-4 {

    margin: 15px;

    padding: 0;

    -moz-column-gap: 20px;

    -webkit-column-gap: 20px;

    column-gap: 20px

}



@media only screen and (min-width:400px) {

    .masonry-4 {

        -moz-column-count: 2;

        -webkit-column-count: 2;

        column-count: 2

    }

}



@media only screen and (min-width:700px) {

    .masonry-4 {

        -moz-column-count: 3;

        -webkit-column-count: 3;

        column-count: 3

    }

}



@media only screen and (min-width:900px) {

    .masonry-4 {

        -moz-column-count: 2;

        -webkit-column-count: 2;

        column-count: 2

    }

}



@media only screen and (min-width:1100px) {

    .masonry-4 {

        -moz-column-count: 4;

        -webkit-column-count: 4;

        column-count: 4

    }

}



.project {

    float: left;

    margin: 15px 0

}



.project-list:after {

    content: " ";

    display: block;

    clear: both

}



.project__image {

    display: block;

    position: relative

}



.project__image img {

    width: 100%;

    max-width: 100%;

    height: auto;

    display: block

}



.project__image:after {

    content: " ";

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    background: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .4));

    transition: opacity .3s ease;

    opacity: 0

}



.project__card {

    position: relative;

    transition: box-shadow .3s ease;

    box-shadow: 0 10px 30px transparent

}



.project:hover .project__card,

.project:hover .project__detail {

    box-shadow: 0 10px 30px rgba(0, 0, 0, .4)

}



.project__card.hover-in {

    transition: -webkit-transform .2s ease-out;

    transition: transform .2s ease-out;

    transition: transform .2s ease-out, -webkit-transform .2s ease-out

}



.project__card.hover-out {

    transition: -webkit-transform .2s ease-in;

    transition: transform .2s ease-in;

    transition: transform .2s ease-in, -webkit-transform .2s ease-in

}



.project:hover .project__image:after {

    opacity: 1

}



.project:hover .project__detail {

    background: linear-gradient(rgba(0, 0, 0, .3), rgba(0, 0, 0, .6));

    border-width: 10px

}



.project:hover .project__category,

.project:hover .project__title {

    -webkit-transform: translateY(0) scale(1);

    -ms-transform: translateY(0) scale(1);

    transform: translateY(0) scale(1);

    opacity: 1

}



.project:hover .project__title {

    font-weight: 500;

    margin-bottom: 10px;

    line-height: 1

}



.project__detail {

    position: absolute;

    left: 30px;

    right: 30px;

    top: 30px;

    bottom: 30px;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    text-align: center;

    -webkit-transform: translateZ(30px);

    transform: translateZ(30px);

    transition: border .4s ease

}



.project__category,

.project__title {

    opacity: 0;

    transition: .4s ease;

    will-change: transform

}



.project__title {

    margin: 0 0 10px;

    font-size: 25px;

    font-weight: 400;

    -webkit-transform: translateY(0) scale(0);

    -ms-transform: translateY(0) scale(0);

    transform: translateY(0) scale(0)

}



.project__title a {

    color: #fff;

    line-height: 150%

}



.project__category {

    transition-delay: .1s;

    -webkit-transform: translateY(0) scale(0);

    -ms-transform: translateY(0) scale(0);

    transform: translateY(0) scale(0)

}



.project__category a {

    color: rgba(255, 255, 255, .8);

    font-size: 1.3em

}



.isotop-buttons-block {

    background: #fff;

    border-radius: 10px;

    display: inline-block;

    margin-bottom: 20px

}



.isotop-button {

    font-size: 12px;

    font-weight: 600;

    color: #aaa;

    padding: 10px 10px 10px 0;

    -webkit-transition-duration: .3s;

    transition-duration: .3s

}



.isotop-button:after {

    content: "/";

    font-weight: 400;

    color: #aaa;

    padding-left: 15px

}



.isotop-button:last-child:after {

    content: none

}



.isotop-button.is-checked,

.isotop-button:active,

.isotop-button:hover {

    color: #2d2d2d

}



.isotop-buttons-block-2 {

    background: #efefef;

    border-radius: 5px;

    display: inline-block;

    padding: 5px 30px;

    margin-bottom: 20px;

    margin-left: 5px

}



.project-detail-carousel {

    position: relative;

    z-index: 999

}



.project-detail-carousel:after {

    content: "";

    position: absolute;

    left: 30px;

    bottom: -30px;

    border: 10px solid rgba(0, 0, 0, .05);

    display: block;

    width: 100%;

    height: 100%;

    transition: all .3s linear 0s;

    z-index: -1

}



.project-detail-1 {

    padding-left: 30px

}



@media screen and (max-width:991px) {

    .project-detail-carousel:after {

        content: "";

        position: absolute;

        left: 0;

        bottom: 0;

        border: 10px solid rgba(0, 0, 0, .05);

        display: block;

        width: 100%;

        height: 50%;

        transition: all .3s linear 0s;

        z-index: -1

    }

    .project-detail-1 {

        padding-left: 0

    }

}



.project-detail-1 h2 {

    font-size: 35px;

    font-weight: 600;

    color: #2d2d2d;

    line-height: 130%

}



.project-detail-1 h2:after {

    content: '';

    display: block;

    border-bottom: 4px solid #bda87f;

    width: 130px;

    margin-top: 15px

}



.project-detail-1 ul {

    margin-top: 30px;

    padding-left: 0

}



.project-detail-1 ul li {

    list-style-type: none;

    font-size: 14px;

    font-weight: 600;

    padding: 13px 0;

    border-bottom: 1px solid #eee

}



.project-detail-1 ul li span {

    display: inline-block;

    color: #999;

    width: 100px

}



.project-detail-1-info h3 {

    font-size: 20px;

    font-weight: 600;

    color: #2d2d2d;

    line-height: 130%

}



.project-detail-1-info h3:after {

    content: '';

    display: block;

    border-bottom: 3px solid #bda87f;

    width: 130px;

    margin-top: 15px;

    margin-bottom: 15px

}



.project-grid-2 {

    position: relative;

    width: 100%;

    overflow: hidden

}



.project-grid-2 img {

    display: block;

    width: 100%;

    height: auto

}



.project-grid-2-overlay {

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    height: 200px;

    width: 100%;

    opacity: 1;

    transition: .5s ease;

    background: linear-gradient(transparent, #000);

    padding: 30px

}



.project-grid-2:hover img {

    transform: scale(1.1)

}



.project-grid-2-overlay h4 {

    position: absolute;

    color: #fff;

    font-size: 20px;

    font-weight: 500;

    bottom: 50px

}



.project-grid-2-overlay ul {

    position: absolute;

    padding-left: 0;

    bottom: 15px

}



.project-grid-2-overlay ul li {

    list-style-type: none;

    display: inline-block;

    font-size: 12px;

    font-weight: 600;

    color: #999;

    padding-left: 0

}



.project-grid-2-overlay ul li:last-child:after {

    content: none

}



.project-grid-2-overlay ul li:after {

    content: ' / ';

    font-size: 8px;

    font-weight: 700;

    margin: 0 5px

}



.project-grid-2-overlay ul li a {

    color: #999

}



.project-grid-2-overlay-button {

    position: absolute;

    bottom: 45px;

    height: 20px;

    right: 30px

}



.project-grid-2-overlay-button a {

    font-size: 25px;

    color: #fff

}



.project-grid-2-overlay-button a:hover {

    font-size: 25px;

    color: #bda87f

}



.pricing-box {

    border: 6px solid #f2f2f2;

    background: #fff;

    padding: 0 30px 15px;

    text-align: center;

    margin: 15px 0;

    -webkit-transition-duration: .5s;

    transition-duration: .5s

}



.pricing-box:hover {

    border: 6px solid #bda87f

}



.pricing-box h4 {

    color: #2d2d2d;

    font-size: 22px;

    font-weight: 600;

    margin: 35px 0 15px

}



.pricing-box h5 {

    color: #676767;

    font-size: 18px;

    font-weight: 400;

    margin: 15px 0 30px

}



.pricing-box ul {

    display: inline-block;

    list-style-type: none;

    padding-left: 0;

    margin: 10px 0

}



.pricing-box ul li {

    font-size: 15px;

    color: #858585;

    padding: 8px 0

}



.pricing-box ul li:after {

    content: "";

    position: relative;

    display: block;

    height: 1px;

    width: 120px;

    left: 0;

    bottom: 0;

    margin-top: 10px;

    background: #dadada

}



.pricing-box ul li:last-child:after {

    content: none

}



.pricing-box ul li i {

    color: #bda87f;

    font-size: 20px

}



.pricing-button {

    border-top: 4px solid #f2f2f2;

    padding: 30px 0 10px;

    margin: 10px 0

}



.pricing-button a {

    color: #bda87f;

    background: #fff;

    font-size: 12px;

    font-weight: 600;

    border: 2px solid #bda87f;

    border-radius: 20px;

    text-transform: uppercase;

    padding: 10px 17px

}



.pricing-button a:hover {

    color: #fff;

    background: #bda87f

}



.pricing-best-center {

    background: #fff;

    border: 6px solid #bda87f

}



.pricing-best-center h4 {

    margin-top: 10px

}



.pricing-center {

    display: inline-block;

    background: #bda87f;

    text-align: center;

    padding: 8px;

    margin-top: -15px

}



.pricing-center h6 {

    color: #fff;

    font-size: 12px

}



.pricing-best-center a {

    color: #fff;

    background: #bda87f

}



.pricing-best-center a:hover {

    color: #bda87f;

    background: #fff;

    border: 2px solid #bda87f

}



.sr-text {

    position: absolute!important;

    top: -9999px!important;

    left: -9999px!important

}



.slick-slider .slick-next,

.slick-slider .slick-prev {

    display: none!important;

    z-index: 100;

    font-size: 2.5em;

    height: 40px;

    width: 40px;

    margin-top: -20px;

    position: absolute;

    top: 50%;

    text-align: center;

    color: #000;

    opacity: 1;

    transition: opacity .25s;

    cursor: pointer;

    background: #333

}



.product-images,

.product-images .main-img-slider figure a img {

    width: 100%;

    margin: 0 auto

}



.quantity,

.quantity-button,

.quantity-nav {

    position: relative

}



.slick-slider .slick-next:hover,

.slick-slider .slick-prev:hover {

    opacity: .65

}



.slick-slider .slick-prev {

    left: 0

}



.slick-slider .slick-next {

    right: 0

}



.wrapper {

    max-width: 1024px;

    margin: 0 auto;

    font-family: ''

}



.wrapper strong {

    font-weight: 300;

    letter-spacing: 2px;

    font-size: 1.2em;

    display: block;

    text-align: center;

    text-transform: uppercase;

    margin: 0;

    color: #666

}



.product-images a,

.product-images figure,

.product-images img,

.product-images li {

    display: block;

    outline: 0;

    border: none

}



.product-images .main-img-slider figure {

    margin: 0 auto;

    border: 1px solid #ececec

}



.product-images .main-img-slider figure a {

    cursor: e-resize

}



.product-images .thumb-nav {

    margin: 10px auto 0;

    width: 100%;

    padding: 0

}



.product-images .thumb-nav.slick-slider .slick-next,

.product-images .thumb-nav.slick-slider .slick-prev {

    font-size: 1.2em;

    height: 20px;

    width: 26px;

    margin-top: -10px

}



.product-images .thumb-nav.slick-slider .slick-prev {

    margin-left: -30px

}



.product-images .thumb-nav.slick-slider .slick-next {

    margin-right: -30px

}



.product-images .thumb-nav li {

    display: block;

    margin: 0 10px 0 auto;

    float: left;

    cursor: pointer;

    -webkit-transition-duration: .3s;

    transition-duration: .3s

}



.product-images .thumb-nav li img {

    display: block;

    width: 100%;

    max-width: 131.25px;

    margin: 0 auto;

    border: 1px solid transparent

}



.product-images .thumb-nav li:hover {

    opacity: .7

}



.product-images .thumb-nav li.slick-current img,

.product-images .thumb-nav li:focus,

.product-images .thumb-nav li:hover {

    border-color: #ccc

}



.pswp__bg {

    background: #fff

}



.pswp__top-bar {

    background-color: transparent!important

}



.pswp__button,

.pswp__button--arrow--left:before,

.pswp__button--arrow--right:before,

.pswp__button--close:before,

.pswp__button:before {

    background: 0 0!important;

    width: 44px;

    height: 44px;

    font-family: icomoon

}



.pswp__button {

    color: #000!important;

    opacity: .4!important;

    transition: opacity .25s

}



.pswp__button:hover {

    opacity: .65!important

}



.pswp__button:before {

    opacity: 1!important

}



.pswp__button.pswp__button--arrow--left:before,

.pswp__button.pswp__button--arrow--right:before {

    font-size: 44px

}



.pswp__button.pswp__button--arrow--left:before {

    content: "\e93b"

}



.pswp__button.pswp__button--arrow--right:before {

    content: "\e93c"

}



.pswp__button.pswp__button--close {

    top: 10px;

    right: 20px

}



.pswp__button.pswp__button--close:before {

    content: "\e92a";

    font-size: 44px

}



.pswp__button.pswp__button--close:hover {

    color: red

}


/*
.single-product {

    padding-left: 30px

}*/

.rlt-prdmr {
    margin-bottom: 60px;
}



@media screen and (max-width:767px) {

    .single-product {

        padding-left: 0;

        margin-top: 30px

    }

}



.single-product h2 {

      font-size: 27px;
    font-weight: 600;
    color: #2d2d2d;
    letter-spacing: -1px;
    margin-bottom: 10px;

}

@media (min-width: 768px) {
    .single-product h2 {
      font-size: 35px;

    }
}



.single-product p {

    font-size: 15px;

    font-weight: 400;

    line-height: 190%;

    color: #aaa;

    margin-top: 20px

}



.product-review-area {

    margin-top: 15px

}



.product-review-area i {

    color: #f9d100;

    font-size: 20px;

    margin-right: 3px

}



.product-review-area span {

    color: #2d2d2d;

    font-size: 14px;

    margin-left: 15px

}



.single-product-price {

    margin-top: 20px

}



.single-product-price h4 {

    font-size: 28px;

    font-weight: 400;

    color: #2d2d2d

}



.product-categories {

    margin-top: 10px;

    border-top: 1px solid #eee;

    border-bottom: 1px solid #eee;

    padding: 8px 5px

}



.product-categories span {

    font-size: 15px;

    font-weight: 500;

    color: #2d2d2d

}



.product-categories ul {

    display: inline-block;

    padding-left: 20px;

    margin-bottom: 0

}



.product-categories ul li {

    list-style-type: none;

    display: inline-block;

    color: #aaa;

    font-weight: 500

}



.product-categories ul li a {

    color: #0e0e0e;

    font-size: 14px

}



.product-categories ul li a:hover {

    color: #2d2d2d

}



.product-categories ul li .active {

    color: #bda87f;

}



#copyright{

    padding: 15px 0 13px 0;

    background: #333333;

    color: #efe8e8;

}

.clearfix{

    zoom:1;

}

.container .sixteen.columns{

    width:950px;

}

.container .column, .container .columns{

    float: left;

    display: inline;

    margin-left: 20px;

    margin-right: 20px;

}



#copyright .copyright-col2{

    float: right;

    margin: -20px;

    padding: 0;

}



.copyright-col2 .center-holder a{

    color:#e4e8ea;

}



.product-categories ul li:after {

    content: ' | ';

    display: inline-block;

    font-size: 10px;

    color: #aaa;

    margin: 0 10px

}



.product-categories ul li:last-child:after {

    content: none

}



.quantity input[type=number]::-webkit-inner-spin-button,

.quantity input[type=number]::-webkit-outer-spin-button {

    -webkit-appearance: none;

    margin: 0

}



.quantity input[type=number] {

    -moz-appearance: textfield

}



.quantity input {

    width: 85px;

    height: 62px;

    line-height: 1.65;

    font-size: 16px;

    font-weight: 600;

    float: left;

    display: block;

    padding: 0 0 0 20px;

    margin: 0;

    border: 2px solid #eee

}



.quantity input:focus {

    outline: 0

}



.quantity-nav {

    float: left;

    height: 62px

}



.quantity-button {

    cursor: pointer;

    width: 30px;

    text-align: center;

    color: #2d2d2d;

    background: #fff;

    border: 2px solid #eee;

    font-size: 17px;

    font-family: "Trebuchet MS", Helvetica, sans-serif!important;

    line-height: 1.7;

    -webkit-transform: translateX(-100%);

    transform: translateX(-100%);

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    -o-user-select: none

}



.add-to-cart-button,

.add-to-cart-button:hover {

    background: #2d2d2d;

    color: #fff

}



.quantity-button.quantity-up {

    position: absolute;

    height: 50%;

    top: 0

}



.quantity-button.quantity-down {

    position: absolute;

    bottom: 0;

    height: 50%;

    border-top: none

}



.add-to-cart-button {

    display: inline-block;

    font-size: 15px;

    font-weight: 600;

    padding: 20.25px 30px;

    margin-left: 15px;

    -webkit-transition-duration: .3s;

    transition-duration: .3s

}



.add-to-cart-button:after {

    content: '\f067';

    font-family: FontAwesome;

    font-weight: 100;

    display: inline-block;

    color: #2d2d2d;

    margin-left: -15px;

    opacity: 0;

    -webkit-transition-duration: .3s;

    transition-duration: .3s

}



.add-to-cart-button:hover:after {

    color: #fff;

    margin-left: 0;

    padding-left: 20px;

    opacity: 1

}



.product-share {

    background: #f7f7f7;

    padding: 20px 15px

}



.product-share span {

    font-size: 15px;

    font-weight: 500;

    color: #2d2d2d;

    margin-right: 15px

}



.product-share a i {

    color: #aaa;

    font-size: 14px;

    padding: 0 7px;

    -webkit-transition-duration: .3s;

    transition-duration: .3s

}



.product-share a i:hover {

    color: #2d2d2d

}



.services-box {

    position: relative;

    margin: 90px 0

}



.services-box-img {

    display: inline-block;

    width: 100%;

    height: auto;

    z-index: -1

}



.services-box-text {

    background: #212121;

    display: inline-block;

    padding: 40px 30px;

    width: 130%;

    height: auto;

    margin-left: -30%;

    margin-top: 80px

}



.services-box-text i {

    position: absolute;

    color: rgba(255, 255, 255, .1);

    font-size: 150px;

    margin-left: 20px;

    right: 50px

}



.services-box-text h4 {

    color: #fff;

    font-size: 22px;

    font-weight: 500;

    line-height: 170%;

    letter-spacing: 1px;

    margin: 5px 20px 15px

}



.services-box-text ul {

    display: inline-block;

    list-style-type: none;

    padding-left: 0;

    margin: 5px 20px 15px

}



.services-box-text ul li {

    color: #c1c1c1;

    font-size: 14px;

    font-weight: 500;

    padding: 8px 0

}



.services-box-text ul li span {

    display: inline-block;

    color: #bda87f;

    font-size: 14px;

    font-weight: 500;

    margin-right: 20px;

    width: 40px;

    max-width: 100%

}



.services-box-text-left {

    position: relative;

    background: #212121;

    margin-left: 0;

    margin-right: -30%;

    z-index: 999;

    width: 130%

}



@media screen and (max-width:767px) {

    .services-box {

        margin: 70px 0

    }

    .services-box-text {

        margin-top: 0!important;

        margin-left: 0;

        width: 100%;

        padding: 20px 10px

    }

}



@media screen and (max-width:1200px) {

    .services-box-text {

        margin-top: 5px;

        width: 100%;

        margin-left: 0

    }

}



.services-block {
    position: relative;
    margin: 0px 0
}


.services-block-box {

    border: 1px solid #eee;

    text-align: center;

    box-shadow: 0 10px 20px rgba(0, 0, 0, .2);

    padding: 35px 30px 0px;

    margin: 18px 0;

    -webkit-transition-duration: .3s;

    transition-duration: .3s

}



.services-block-box:hover {

    box-shadow: 0 30px 50px rgba(0, 0, 0, .2)

}



.services__card {

    position: relative;

    transition: box-shadow .5s ease

}



.services-block-box span {

    color: #2d2d2d;

    font-size: 60px;

    margin: 0 auto

}



.services-block-box h4 {

    color: #2d2d2d;

    font-size: 25px;

    font-weight: 500;

    margin: 15px 0

}



.services-block-box p {

    color: #676767;

    font-size: 15px;

    font-weight: 500;

    line-height: 170%;

    margin: 20px 0 35px

}



.error {

    overflow: hidden;

    background: #1d1d1d;

    width: 100%;

    height: 90%

}



.error-box {

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

    padding: 40px;

    background: 0 0;

    border-radius: 5px;

    margin: auto;

    -webkit-transform-style: preserve-3d;

    transform-style: preserve-3d;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex

}



.card-content {

    padding: 50px;

    margin: auto;

    text-align: center;

    -webkit-transform-style: preserve-3d;

    transform-style: preserve-3d

}



.card-content h2,

.card-content h4 {

    color: #fff;

    margin: 20px 0;

    text-shadow: 8px 8px 0 rgba(150, 150, 150, .3);

    font-weight: 600

}



.card-content h2 {

    font-size: 180px;

    -webkit-transform: translateZ(100px);

    transform: translateZ(100px)

}



.card-content h4 {

    font-size: 30px;

    -webkit-transform: translateZ(50px);

    transform: translateZ(50px)

}



.card-content h5 {

    color: #c1c1c1;

    font-size: 18px;

    -webkit-transform: translateZ(30px);

    transform: translateZ(30px);

    margin-top: 30px

}



@media screen and (max-width:767px) {

    .card-content {

        padding: 0

    }

    .card-content h2 {

        font-size: 70px

    }

    #copyright{

        display: none;

    }

}



.contact-box-info h4 {

    color: #2d2d2d;

    font-size: 20px

}



.contact-box-icon {

    margin: 40px 0 30px;

    border-bottom: 1px solid #eee;

    -webkit-transition-duration: .3s;

    transition-duration: .3s

}



.contact-box-icon:hover {

    border-bottom: 1px solid #bda87f

}



.contact-icon {

    float: left;

    width: 25%;

    text-align: center

}



.contact-icon i {

    color: #c1c1c1;

    background: #fff;

    font-size: 20px;

    border: 1px solid #c1c1c1;

    border-radius: 50px;

    padding: 13px 15px 13px 14px;

    width: 50px;

    height: 50px;

    -webkit-transition-duration: .3s;

    transition-duration: .3s

}



.contact-box-icon:hover .contact-icon i {

    background: #fff;

    color: #676767;

    border: 1px solid #676767

}



.contact-info {

    float: left;

    width: 75%;

    margin: 10px 0 20px

}



.contact-info h5 {

    font-size: 17px;

    font-weight: 600;

    color: #bda87f;

    margin-bottom: 5px

}



.contact-info p {

    font-size: 14px;

    font-weight: 600;

    color: #676767;

    margin: 10px 0 3px

}



.contact-form input,

.contact-form textarea {

    color: #676767;

    font-size: 14px;

    margin-top: 22px;

    padding: 11px 18px;

    width: 100%;

    font-weight: 500;

    border: none;

    border: 1px solid #eee;

    border-radius: 5px;

    -webkit-transition-duration: .3s;

    transition-duration: .3s

}



.contact-form input:focus {

    border-color: #bda87f

}



.contact-form textarea {

    overflow: hidden;

    border: none;

    border: 1px solid #eee;

    border-radius: 5px;

    -webkit-transition-duration: .3s;

    transition-duration: .3s;

    min-height: 100px

}



.contact-form textarea:focus {

    border-color: #bda87f

}



#map {

    height: 400px

}



.shop-product {

    position: relative;

    overflow: hidden;

    border: 1px solid #eee;

    margin: 5px;

    text-align : center;

}



.shop-text h4,

.shop-text h5 {

    color: #2d2d2d;

    margin: 0px 0;

    text-align : center;

}



.shop-text h4:hover{

    color: #bda87f;

    width:100%;

    text-align : center;

}



.product-detail-text h4,

.product-detail-text h5 {

    color: #2d2d2d;

    margin: 0px 0

}



.product-detail-text:hover{

    background-color: #bda87f;

    width:100%;

}



.shop-img img {

    width: 100%;

    height: auto

}



.shop-product:hover img {

    transform: scale(1.1)

}



.shop-text {

    text-align: center;

    padding: 12px;

    width:100%;

    height: 60px;

    position: relative;

}



.shop-text h4 {

    font-size: 15px;

    font-weight: 500

}



.shop-text h5 {

    font-size: 18px;

    font-weight: 600

}



.shop-text i {

    color: #f9d100;

    font-size: 18px;

    margin: 5px 0

}



.shop-button a {

    display: block;

    text-align: center;

    font-size: 14px;

    font-weight: 500;

    padding: 14px 0

}



.navbar-default .navbar-nav>.active>a{

    color: #111;

    background-color: #3333301c;

}



.product-view h3{

    display: block;

    text-align: center;

    font-weight: 500!important;

    padding: 15px 5px;

    border: 0px solid #eee;

    border-radius: 5px;

}
.js__fixed,
.js__fixed-showall {
    position: fixed;
    top: 80px;
    left: 0;
    width: 100%;
    z-index: 999999;
    background: #ffffff;
    border-top: 1px solid #eee;
    animation: topToBottom 0.4 ease-out;
 }

.js__fixed {
    top: 77px;
 }

 .js__fixed-showall {
    top: 77px;
    text-align: center;
}

 @keyframes topToBottom {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
 }


@media(min-width: 576px) {
    .owl-carousel .owl-stage-outer {height: 217px;}
}