body, html {
    height: 100% !important;
}

body {
    overflow-x: hidden;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    letter-spacing: 1px;
    font-size: 18px;
    line-height: 26px;
    color: #351c0b;
    position: relative;
    background: #8C8E63;
}

::selection {
    background: #000;
    color: #fff;
}

::-moz-selection {
    background: #000;
    color: #fff;
}

* {
    margin: 0;
    padding: 0;
    outline: 0;
}

:focus {
    outline: 0
}

a, a:hover, a:focus {
    color: #000;
    outline: 0;
    text-decoration: none;
}

a {
    text-decoration: underline;
}

.text-light a {
    color: #fff;
}

.text-dark a {
    color: #000;
}

img {
    max-width: 100%;
    height: auto;
    display: inline-block;
    border: none;
}

::-webkit-input-placeholder {
    color: inherit
}

:-moz-placeholder {
    color: inherit
}

::-moz-placeholder {
    color: inherit
}

:-ms-input-placeholder {
    color: inherit
}
/* typography
---------------------------*/
h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
}

h1 {
    font-size: 58px;
    line-height: 62px;
}

h2 {
    font-size: 36px;
    line-height: 48px;
}

h3 {
    font-size: 30px;
    line-height: 36px;
}

h4 {
    font-size: 24px;
    line-height: 30px;
}

h5 {
    font-size: 18px;
    line-height: 24px;
}

h6 {
    font-size: 14px;
    line-height: 18px;
}

/* Responsive typography
---------------------------*/

@media (max-width: 768px) {
    body {
        font-size: 14px;
        line-height: 23px
    }

    h1 {
        font-size: 34px;
        line-height: 40px
    }

    h2 {
        font-size: 30px;
        line-height: 35px
    }

    h3 {
        font-size: 26px;
        line-height: 29px
    }

    h4 {
        font-size: 22px;
        line-height: 24px
    }

    h5 {
        font-size: 17px;
        line-height: 19px
    }

    h6 {
        font-size: 13px;
        line-height: 15px
    }
}
/* background text */
[data-bgtext] {
    position: relative;
    z-index: 1;
}

    [data-bgtext]:before {
        content: attr(data-bgtext);
        color: #bcbe91;
        font-size: 400%;
        line-height: .6;
        position: absolute;
        top: 50%;
        left: 0;
        -webkit-transform: translate(-10%, -50%);
        -ms-transform: translate(-10%, -50%);
        transform: translate(-10%, -50%);
        z-index: -1;
        white-space: nowrap;
    }

.has-sidebar [data-bgtext]:before {
    font-size: 350%;
    -webkit-transform: translate(-3%, -50%);
    -ms-transform: translate(-3%, -50%);
    transform: translate(-3%, -50%);
}

.dark-bgtext[data-bgtext]:before {
    color: rgba(0, 0, 0, 0.1);
}

.section-grey [data-bgtext]:before {
    color: rgba(255, 255, 255, 0.35);
}

.text-light [data-bgtext]:before, [data-bgtext].text-light:before {
    color: rgba(255, 255, 255, 0.2);
}

.text-center[data-bgtext]:before, .text-center [data-bgtext]:before {
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

@media( max-width: 1200px ) {
    [data-bgtext]:before {
        font-size: 330% !important;
    }
}

@media( max-width: 870px ) {
    [data-bgtext]:before {
        display: none;
    }
}

.bottom-line {
    position: relative;
    margin-bottom: 30px;
}

    .bottom-line:after {
        content: "";
        display: block;
        position: absolute;
        width: 100%;
        height: 1px;
        background: #111;
        bottom: -13px;
    }

.text-light .bottom-line:after {
    background: #fff;
}

.text-light p {
    color: #fff;
}

.text-midlight p {
    color: #f0ece3;
}

.text-dark p {
    color: #351c0b;
}

.nomecase {
    font-family: 'cassiniscript','Script MT', serif;
    font-size: 32px;
    letter-spacing: 0px;
    font-weight: 700;
    color: #28291c;
}

.section-grey .nomecase {
    color: #8C8E63;
}

.text-script p {
    color: #fff;
    font-family: 'cassiniscript','Script MT', serif;
    font-size: 30px;
}

    .text-script p strong {
        color: #351c0b;
    }

.text-normale {
    text-transform: none !important;
}

.text-shadow {
    text-shadow: 2px 2px 4px #000000;
}



.title-cassini {
    color: #CCC;
}

.serif {
    font-family: 'Georgia', serif;
    letter-spacing: 2px;
}

.title {
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.cta-title {
    position: relative;
    margin-bottom: 40px;
}

    .cta-title:before {
        content: "\e63a";
        display: block;
        position: absolute;
        font-family: 'Pe-icon-7-stroke';
        font-size: 114px;
        top: 50%;
        left: 50%;
        margin-top: -25px;
        margin-left: -57px;
        opacity: .4;
    }

.testimonials-title {
    position: relative;
    margin-bottom: 40px;
}

    .testimonials-title:before {
        content: "\f10d";
        display: block;
        position: absolute;
        font-family: 'FontAwesome';
        font-size: 102px;
        top: 50%;
        left: 50%;
        margin-top: -18px;
        margin-left: -51px;
        opacity: .4;
    }

h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
    margin-top: 0
}

.bigtext {
    font-size: 160px;
    line-height: 1
}

@media (max-width: 992px) {
    .bigtext {
        font-size: 130px;
    }
}

@media (max-width: 768px) {
    .bigtext {
        font-size: 70px;
    }
}

.text-light {
    color: #fff
}

.text-light {
    color: #fff
}

.text-dark {
    color: #000
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify;
    text-justify:distribute;
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.uppercase {
    text-transform: uppercase
}

.capitalize {
    text-transform: capitalize
}

.bold {
    font-weight: bold
}

.bolder {
    font-weight: bolder
}

.italic {
    font-style: italic
}

.underline {
    text-decoration: underline
}

.fullwidth {
    width: 100%
}

.fullheight {
    height: 100%
}

.fullscreen-height {
    height: 100vh
}

.page-section, .section-small {
    display: block;
    position: relative;
    padding: 120px 0;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
}

.section-small {
    padding: 70px 0;
}

.section-sintesi {
    padding: 10px 0;
    border-top: 1px solid #E5E5E5 !important;
}

    .section-sintesi a {
        text-decoration: none;
        float: right;
        margin-right: 40px;
    }

@media( max-width: 768px ) {
    .page-section {
        padding: 90px 0
    }
}

.section-grey {
    background-color: #3d3e2e;
    border-top: 1px solid rgba(0, 0, 0, .1);
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.section-dark {
    background-color: rgba(0, 0, 0, 0.9)
}

.bg-.folio-item-details {
    background-color: #8C8E63;
}

.bg-dark {
    background-color: rgba(0, 0, 0, 0.9);
}

.vCenter {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.centered {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.highlight {
    background-color: #000;
    color: #fff;
}

.overflow {
    overflow: hidden;
}

.relative {
    position: relative !important;
}

.absolute {
    position: absolute !important;
}

.video-container iframe {
    border: 0;
}
/* Paddings & Margins */
.p0 {
    padding: 0px !important
}

.p10 {
    padding: 10px !important
}

.p20 {
    padding: 20px !important
}

.p30 {
    padding: 30px !important
}

.p40 {
    padding: 40px !important
}

.p50 {
    padding: 50px !important
}

.p60 {
    padding: 60px !important
}

.p70 {
    padding: 70px !important
}

.p80 {
    padding: 80px !important
}

.p90 {
    padding: 90px !important
}

.p100 {
    padding: 100px !important
}

.p110 {
    padding: 110px !important
}

.p120 {
    padding: 120px !important
}

.p130 {
    padding: 130px !important
}

.p140 {
    padding: 140px !important
}

.m0 {
    margin: 0px !important
}

.m10 {
    margin: 10px !important
}

.m20 {
    margin: 20px !important
}

.m30 {
    margin: 30px !important
}

.m40 {
    margin: 40px !important
}

.m50 {
    margin: 50px !important
}

.m60 {
    margin: 60px !important
}

.m70 {
    margin: 70px !important
}

.m80 {
    margin: 80px !important
}

.m90 {
    margin: 90px !important
}

.m100 {
    margin: 100px !important
}

.m110 {
    margin: 110px !important
}

.m120 {
    margin: 120px !important
}

.m130 {
    margin: 130px !important
}

.m140 {
    margin: 140px !important
}

.pt0 {
    padding-top: 0px !important
}

.pt10 {
    padding-top: 10px !important
}

.pt20 {
    padding-top: 20px !important
}

.pt30 {
    padding-top: 30px !important
}

.pt40 {
    padding-top: 40px !important
}

.pt50 {
    padding-top: 50px !important
}

.pt60 {
    padding-top: 60px !important
}

.pt70 {
    padding-top: 70px !important
}

.pt80 {
    padding-top: 80px !important
}

.pt90 {
    padding-top: 90px !important
}

.pt100 {
    padding-top: 100px !important
}

.pt110 {
    padding-top: 110px !important
}

.pt120 {
    padding-top: 120px !important
}

.pt130 {
    padding-top: 130px !important
}

.pt140 {
    padding-top: 140px !important
}

.pb0 {
    padding-bottom: 0px !important
}

.pb10 {
    padding-bottom: 10px !important
}

.pb20 {
    padding-bottom: 20px !important
}

.pb30 {
    padding-bottom: 30px !important
}

.pb40 {
    padding-bottom: 40px !important
}

.pb50 {
    padding-bottom: 50px !important
}

.pb60 {
    padding-bottom: 60px !important
}

.pb70 {
    padding-bottom: 70px !important
}

.pb80 {
    padding-bottom: 80px !important
}

.pb90 {
    padding-bottom: 90px !important
}

.pb100 {
    padding-bottom: 100px !important
}

.pb110 {
    padding-bottom: 110px !important
}

.pb120 {
    padding-bottom: 120px !important
}

.pb130 {
    padding-bottom: 130px !important
}

.pb140 {
    padding-bottom: 140px !important
}

.mt0 {
    margin-top: 0px !important
}

.mt10 {
    margin-top: 10px !important
}

.mt20 {
    margin-top: 20px !important
}

.mt30 {
    margin-top: 30px !important
}

.mt40 {
    margin-top: 40px !important
}

.mt50 {
    margin-top: 50px !important
}

.mt60 {
    margin-top: 60px !important
}

.mt70 {
    margin-top: 70px !important
}

.mt80 {
    margin-top: 80px !important
}

.mt90 {
    margin-top: 90px !important
}

.mt100 {
    margin-top: 100px !important
}

.mt110 {
    margin-top: 110px !important
}

.mt120 {
    margin-top: 120px !important
}

.mt130 {
    margin-top: 130px !important
}

.mt140 {
    margin-top: 140px !important
}

.mb0 {
    margin-bottom: 0px !important
}

.mb10 {
    margin-bottom: 10px !important
}

.mb20 {
    margin-bottom: 20px !important
}

.mb30 {
    margin-bottom: 30px !important
}

.mb40 {
    margin-bottom: 40px !important
}

.mb50 {
    margin-bottom: 50px !important
}

.mb60 {
    margin-bottom: 60px !important
}

.mb70 {
    margin-bottom: 70px !important
}

.mb80 {
    margin-bottom: 80px !important
}

.mb90 {
    margin-bottom: 90px !important
}

.mb100 {
    margin-bottom: 100px !important
}

.mb110 {
    margin-bottom: 110px !important
}

.mb120 {
    margin-bottom: 120px !important
}

.mb130 {
    margin-bottom: 130px !important
}

.mb140 {
    margin-bottom: 140px !important
}

@media (max-width: 768px) {
    .mt140 {
        margin-top: 100px !important
    }

    .mb140 {
        margin-bottom: 100px !important
    }

    .pt140 {
        padding-top: 100px !important
    }

    .pb140 {
        padding-bottom: 100px !important
    }

    .mt130 {
        margin-top: 95px !important
    }

    .mb130 {
        margin-bottom: 95px !important
    }

    .pt130 {
        padding-top: 95px !important
    }

    .pb130 {
        padding-bottom: 95px !important
    }

    .mt120 {
        margin-top: 90px !important
    }

    .mb120 {
        margin-bottom: 90px !important
    }

    .pt120 {
        padding-top: 90px !important
    }

    .pb120 {
        padding-bottom: 90px !important
    }

    .pb-sm-0 {
        padding-bottom: 0 !important
    }
}
/* Separators
---------------------------*/
.separator, .separator-left, .separator-right {
    width: 100%;
    display: inline-block;
    position: relative;
}

    .separator:after, .separator-left:after, .separator-right:after {
        content: '';
        width: 40px;
        height: 1px;
        background-color: #000;
        position: absolute;
        top: 50%;
        margin-top: -1px;
    }

    .separator:after {
        left: 50%;
        margin-left: -20px;
    }

    .separator-left:after {
        left: 0;
        margin-left: 0;
    }

    .separator-right:after {
        right: 0;
        margin-left: 0;
        left: auto;
    }

.text-light [class*="separator"]:after {
    background-color: #fff
}

.darkbg [class*="separator"]:after {
    background-color: #fff
}
/* buttons
---------------------------*/
.button {
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    padding: 7px 26px;
    display: inline-block;
    background: #000;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
    text-decoration: none;
    -webkit-transition: background .2s, color .2s, border-color .2s;
    transition: background .2s, color .2s, border-color .2s;
}

    .button:hover {
        text-decoration: none;
        background: #333;
        color: #fff;
    }

    .button.light {
        background: #fff;
        color: #000;
    }

        .button.light:hover {
            background: #DCDCDC;
        }

    .button.outline {
        background: none;
        color: #000;
        border: 2px solid;
        padding: 5px 24px;
    }

        .button.outline.light {
            color: #fff;
        }

        .button.outline:hover {
            background: #000;
            border-color: #000;
            color: #fff;
        }

        .button.outline.light:hover {
            background: #fff !important;
            border-color: #fff;
            color: #000;
        }
/* overlays
---------------------------*/
.overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
/* dark & light overlays */
[class*="overlay-light"], [class*="overlay-dark"] {
    position: relative;
}

    [class*="overlay-light"]:before, [class*="overlay-dark"]:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
    }

    [class*="overlay-light"] > *, [class*="overlay-dark"] > * {
        position: relative;
    }

.overlay-light:before {
    background-color: rgba(255, 255, 255, 0.25)
}

.overlay-light-2x:before {
    background-color: rgba(255, 255, 255, 0.5)
}

.overlay-light-3x:before {
    background-color: rgba(255, 255, 255, 0.75)
}

.overlay-light-4x:before {
    background-color: rgba(255, 255, 255, 0.9)
}

.overlay-dark:before {
    background-color: rgba(0, 0, 0, 0.25)
}

.overlay-dark-2x:before {
    background-color: rgba(0, 0, 0, 0.5)
}

.overlay-dark-3x:before {
    background-color: rgba(0, 0, 0, 0.75)
}

.overlay-dark-4x:before {
    background-color: rgba(0, 0, 0, 0.9)
}

.bordered-frame {
    background-color: rgba(255, 255, 255, .15);
    padding: 38px 0;
    border: 7px double;
}
/*backgrounds*/
[data-background] {
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center center;
}
/*mouse parallax*/
.mouse-parallax-wrapper {
    height: calc(100vh - 220px);
    min-height: 550px;
    display: table;
    width: 100%;
}

.mouse-parallax-inner {
    display: table-cell;
    vertical-align: middle;
}

.mouse-parallax {
    position: relative;
    -webkit-transition: all .6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all .6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

@media( max-width: 992px ) {
    .mouse-parallax {
        top: 0 !important;
        left: 0 !important;
        -webkit-transform: translate3d(0, 0, 0) !important;
        -ms-transform: translate3d(0, 0, 0) !important;
        transform: translate3d(0, 0, 0) !important;
    }
}
/* parallax images
---------------------------*/
[data-stellar-background-ratio] {
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center 0;
    background-attachment: fixed !important;
    background-repeat: no-repeat;
    position: relative;
}

.bg-cover {
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
}

.bg-fixed {
    background-attachment: fixed !important;
}

@media (max-width: 1024px) {
    [data-stellar-background-ratio] {
        background-attachment: scroll;
        background-position-y: center !important;
    }

    .bg-fixed {
        background-attachment: scroll;
    }
}
/* bootstrap columns
---------------------------*/
.container, .section, section {
    position: relative;
}

    .container.fullwidth {
        padding: 0;
    }

    .container.no-padding [class*="col-"] {
        padding: 0;
    }

.col-center {
    float: none;
    margin: 0 auto;
}

.col-right {
    float: right;
}

@media (max-width: 991px) {
    [class*="col-md"] {
        margin-bottom: 40px;
    }
}

@media (max-width: 767px) {
    [class*="col-sm"] {
        margin-bottom: 40px;
    }
}

.equal-height-cols [class*="col-"] {
    margin-bottom: 0;
}

.p0 {
    margin-bottom: 0;
}

.main-wrapper {
    overflow: hidden;
}

    .main-wrapper.borders {
        border: 10px solid #111;
        min-height: 100%;
    }
/* 02. PRELOADER
------------------------------*/
.animsition-loading {
    background: none !important;
    text-indent: -9999px !important;
}

    .animsition-loading:after {
        content: "";
        display: block;
        position: fixed;
        width: 40px;
        height: 40px;
        top: 50%;
        left: 50%;
        margin-top: -20px;
        margin-left: -20px;
        border-radius: 50%;
        border: 2px solid rgba(0, 0, 0, 0.2);
        border-left: 2px solid #000;
        -webkit-animation: load 1.1s infinite linear;
        animation: load 1.1s infinite linear;
    }

@-webkit-keyframes load {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes load {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
/* 03. HEADER 
-------------------------*/
#header {
    position: fixed;
    top: 0;
    width: 100%;
    height: 85px;
    z-index: 1001;
    /*background-color: rgba(17, 17, 17, 1);*/
    background-color: rgba(40, 41, 20, .9);
    /*background-color: #28291c;*/
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

    #header.transparent {
        /*background-color: transparent !important; */
        background-color: rgba(40, 41, 20, 0.2) !important;
        ;
        border-bottom: 1px solid rgba(255, 255, 255, 0.25);
    }

    #header.headroom--unpinned {
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    #header.headroom--pinned {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    #header .pos-logo {
        position: absolute;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
        text-align: center;
        display: block;
        z-index: 1;
    }

    #header .logo {
        display: inline-block;
        margin-top: 10px;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
    }

        #header .logo img {
            /*position: absolute;
            /*max-height: 20px;*/
        }


#header-minimal .logo img {
    /*max-height: 20px;*/
}
/*small header*/
#header.header-small {
    height: 70px;
}

    #header.header-small .quick-menu > li > a {
        padding: 21px 10px;
    }

    #header.header-small .logo {
        margin-top: 5px;
    }

    #header.header-small .menu-btn {
        margin-top: 28px;
    }

#header.transparent:not(.text-dark) .logo-dark, #header:not(.transparent) .logo-dark {
    display: none;
}

#header.transparent.text-dark .logo-light {
    display: none;
}

#header.transparent.text-dark .quick-menu > li > a {
    color: #000;
}

#header.transparent.text-dark .menu-btn span {
    background-color: #000;
}
/* 04. MENUS
---------------------------*/

/*quick menu*/
.quick-menu {
    list-style: none;
    float: right;
    margin: 0;
    padding: 0;
    display: none;
}

    .quick-menu > li {
        display: block;
        float: left;
        position: relative;
    }

        .quick-menu > li > a {
            display: block;
            float: left;
            padding: 30px 10px;
            font-family: 'Montserrat', sans-serif;
            text-transform: uppercase;
            font-size: 13px;
            line-height: 2;
            letter-spacing: 2px;
            text-decoration: none;
            -webkit-transition: all .3s ease;
            transition: all .3s ease;
            color: rgba(255, 255, 255, .8);
        }

            .quick-menu > li:hover > a, .quick-menu > li.active > a, .quick-menu > li > a.active {
                color: rgba(255, 255, 255, 1);
            }


    .quick-menu li a.current {
        color: #8C8E63;
        background-color: rgba(0, 0, 0, .1);
    }

    .quick-menu li a:hover {
        color: #8C8E63;
        background-color: rgba(0, 0, 0, .1);
    }


    /*submenu*/
    .quick-menu ul {
        position: absolute;
        top: 100%;
        left: -10px;
        min-width: 195px;
        background-color: #111;
        list-style: none;
        padding: 20px 0;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
    }

        .quick-menu ul li {
            line-height: 1.4;
        }

            .quick-menu ul li a {
                display: block;
                width: 100%;
                text-decoration: none;
                padding: 1px 25px;
                font-family: 'Montserrat', sans-serif;
                color: #777;
                font-weight: 400;
                font-size: 12px;
                line-height: 22px;
                text-transform: inherit;
                letter-spacing: normal;
                -webkit-transition: all .3s ease;
                transition: all .3s ease;
            }

                .quick-menu ul li a:hover, .quick-menu ul li a.active, .quick-menu ul li.active a {
                    color: #fff;
                }

    .quick-menu > li:hover ul {
        visibility: visible;
        opacity: 1;
    }

    .quick-menu li:last-child ul {
        left: auto;
        right: -10px;
    }

        .quick-menu li:last-child ul li a {
            padding: 1px 25px 1px 15px;
            text-align: right;
        }

.show-overlay-menu {
    /*display: none;*/
}

@media( max-width: 992px ) {
    .quick-menu {
        display: none;
    }

    .show-overlay-menu {
        display: block;
    }
}
/* menu button */
.menu-btn {
    float: right;
    position: relative;
    width: 22px;
    height: 14px;
    z-index: 2;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

#header .menu-btn {
    margin-top: 35px;
    margin-left: 16px;
}

#header-minimal .menu-btn {
    margin-top: 6px;
}

.menu-btn span {
    width: 100%;
    height: 2px;
    background-color: #fff;
    position: absolute;
    left: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.menu-btn.dark span {
    background-color: #000;
}

.menu-btn.active span {
    background-color: #fff !important;
}

.menu-btn span:nth-child(1) {
    top: 0
}

.menu-btn span:nth-child(2) {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.menu-btn span:nth-child(3) {
    bottom: 0
}

.menu-btn.active span {
    background-color: #fff
}

    .menu-btn.active span:nth-child(2) {
        opacity: 0
    }

    .menu-btn.active span:nth-child(1) {
        top: 50%;
        -webkit-transform: rotate(45deg) translateY(-50%);
        -ms-transform: rotate(45deg) translateY(-50%);
        transform: rotate(45deg) translateY(-50%);
    }

    .menu-btn.active span:nth-child(3) {
        bottom: 50%;
        -webkit-transform: rotate(-45deg) translateY(50%);
        -ms-transform: rotate(-45deg) translateY(50%);
        transform: rotate(-45deg) translateY(50%);
    }
/* OVERLAY MENU */

.overlay-menu {
    background-color: rgba(0, 0, 0, .9);
    position: fixed;
    text-align: center;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    z-index: 1002;
}

    .overlay-menu.active {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

.overlay-navigation {
    position: absolute;
    width: 100%;
    top: 70px;
    bottom: 70px;
    left: 0;
    overflow-y: auto;
}

.overlay-menu nav {
    position: absolute;
    width: 100%;
    max-height: 100%;
    text-align: center;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

    .overlay-menu nav ul {
        list-style: none;
    }

        .overlay-menu nav ul li {
            opacity: 0;
            -webkit-transform: translateY(15px);
            -ms-transform: translateY(15px);
            transform: translateY(15px);
            -webkit-transition: all .6s ease .2s;
            transition: all .6s ease .2s;
        }

            .overlay-menu nav ul li.visible {
                opacity: 1;
                -webkit-transform: translateY(0);
                -ms-transform: translateY(0);
                transform: translateY(0);
            }

            .overlay-menu nav ul li a {
                font-family: 'Montserrat', sans-serif;
                letter-spacing: 2px;
                font-weight: 500;
                font-size: 24px;
                color: #fff;
                line-height: 34px;
                text-decoration: none;
                text-transform: uppercase;
            }

                .overlay-menu nav ul li:hover > a, .overlay-menu nav ul li.active > a, .overlay-menu nav ul li a.active {
                    color: #fff;
                }
        /*submenu*/
        .overlay-menu nav ul ul {
            display: none;
            padding: 2px 0 10px;
        }

            .overlay-menu nav ul ul li {
                line-height: 1.4;
            }

                .overlay-menu nav ul ul li a {
                    color: #B7B7B7;
                    font-weight: 400;
                    font-size: 12px;
                    line-height: 20px;
                    text-transform: inherit;
                    letter-spacing: normal;
                }

                    .overlay-menu nav ul ul li a:hover, .overlay-menu nav ul ul li a.active, .overlay-menu nav ul ul li.active > a {
                        color: #fff;
                    }

        .overlay-menu nav ul li.has-submenu > a {
            position: relative;
        }

            .overlay-menu nav ul li.has-submenu > a:after {
                content: "+";
                position: absolute;
                right: -13px;
                top: -4px;
                font-size: 12px;
            }

        .overlay-menu nav ul li.has-submenu.opened > a:after {
            content: "-";
        }
/* overlay menu logo */
.overlay-logo {
    margin-top: 30px;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
    opacity: 0;
    -webkit-transition: all 1s ease .2s;
    transition: all 1s ease .2s;
}

.overlay-menu.active .overlay-logo {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}
/* overlay menu social links */
.overlay-menu .social-links {
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 100%;
    text-align: center;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
    opacity: 0;
    -webkit-transition: all .8s ease .2s;
    transition: all .8s ease .2s;
}

    .overlay-menu .social-links a {
        display: inline-block;
        margin-right: 10px;
        text-align: center;
        color: #fff;
        border: 2px solid;
        border-radius: 50%;
        width: 34px;
        line-height: 30px;
        font-size: 12px;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
    }

        .overlay-menu .social-links a:hover {
            background-color: #fff;
            border-color: #fff;
            color: #333;
        }

.overlay-menu.active .social-links {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}

/* header links */

#header .language-links {
    position: relative;
    z-index: 2;
    margin-top: 23px;
}

#header.header-small .language-links {
    margin-top: 16px;
}

#header .language-links a {
    display: inline-block;
    float: left;
    margin-right: 10px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    background-color: rgba(0, 0, 0, 0.25);
}

@media (max-width: 400px) {

    #header .language-links a {
        margin-right: 2px;
    }

    #header.header-small .language-links a {
        margin-right: 2px;
    }
}


#header .language-links a {
    border: 2px solid;
    border-radius: 50%;
    width: 34px;
    line-height: 30px;
    font-size: 12px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    text-align: center;
    color: #fff;
    display: block;
}

    #header .language-links a.current {
        background-color: #fff;
        border-color: #fff;
        color: #3d3e2e;
    }

    #header .language-links a:hover {
        background-color: #fff;
        border-color: #fff;
        color: #3d3e2e;
        text-decoration: none;
    }

    #header .language-links a:last-child {
        margin-right: 0;
    }




/* overlay menu language links */
.overlay-menu .language-links {
    position: absolute;
    top: 20px;
    left: 0;
    width: 100%;
    text-align: center;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
    opacity: 0;
    -webkit-transition: all .8s ease .2s;
    transition: all .8s ease .2s;
}

    .overlay-menu .language-links a {
        display: inline-block;
        margin-right: 10px;
        text-align: center;
        color: #fff;
        border: 2px solid;
        border-radius: 50%;
        width: 34px;
        line-height: 30px;
        font-size: 12px;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
    }

        .overlay-menu .language-links a.current {
            background-color: #fff;
            border-color: #fff;
            color: #333;
        }

        .overlay-menu .language-links a:hover {
            background-color: #fff;
            border-color: #fff;
            color: #333;
        }

.overlay-menu.active .language-links {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}


/*overlay menu close button*/
.menu-close {
    position: absolute;
    top: 32px;
    right: 14px;
    width: 22px;
    height: 22px;
    opacity: 0;
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: all .7s ease .5s;
    transition: all .7s ease .5s;
    z-index: 9999;
}

.overlay-menu.active .menu-close {
    opacity: 1;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}

.menu-close:before, .menu-close:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 2px;
    top: 50%;
    margin-top: -1px;
    background-color: #fff;
}

.menu-close:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.menu-close:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}


/* overlay menu footer */
.logo-piede {
    text-align: center;
}

.overlay-footer {
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
    padding: 15px 0;
    background-color: rgba(40, 41, 20, 0.2) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.25);
}

    .overlay-footer .copyright {
        letter-spacing: .1em;
        font-size: 12px;
        float: left;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
    }

    .overlay-footer .social-links a {
        display: inline-block;
        float: left;
        margin-right: 15px;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
        background-color: rgba(0, 0, 0, 0.25);
    }


    .overlay-footer .social-links a {
        border: 2px solid;
        border-radius: 50%;
        width: 34px;
        line-height: 30px;
        font-size: 12px;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
        text-align: center;
    }

        .overlay-footer .social-links a.current {
            background-color: #fff;
            border-color: #fff;
            color: #3d3e2e;
        }

        .overlay-footer .social-links a:hover {
            background-color: #fff;
            border-color: #fff;
            color: #3d3e2e;
        }

        .overlay-footer .social-links a:last-child {
            margin-right: 0;
        }

    .overlay-footer .social-links:hover a {
        opacity: .3;
    }

    .overlay-footer .social-links a:hover {
        opacity: 1;
        color: #000
    }


/* 05. SIDEBAR
-------------------------*/
.sidebar {
    position: fixed;
    width: 270px;
    top: 0;
    left: 0;
    bottom: 0;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center center;
    text-align: center;
    z-index: 999;
}
    /*sidebar logo*/
    .sidebar .logo {
        display: block;
        padding: 60px 30px;
    }

    .sidebar .logo-dark {
        display: none
    }

.sidebar-light .logo-light {
    display: none
}

.sidebar-light .logo-dark {
    display: inline-block
}
/*sidebar menu*/
.sidebar-menu {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .sidebar-menu > li {
        position: relative;
    }

        .sidebar-menu > li > a {
            color: #fff;
            display: block;
            padding: 18px 30px;
            border-bottom: 1px solid rgba(255, 255, 255, .1);
            -webkit-transition: all .3s ease;
            transition: all .3s ease;
            text-transform: uppercase;
            letter-spacing: 3px;
            font-size: 12px;
            font-family: 'Montserrat', sans-serif;
            text-decoration: none;
            line-height: 1;
        }

        .sidebar-menu > li:first-child > a {
            border-top: 1px solid rgba(255, 255, 255, .1);
        }

        .sidebar-menu > li:hover > a, .sidebar-menu > li.opened > a {
            text-decoration: none;
            background-color: rgba(255, 255, 255, .2);
        }

/*menu for light sidebar*/
@media( min-width: 1181px ) {
    .sidebar-light .sidebar-menu > li > a {
        color: #000;
        border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    }

    .sidebar-light .sidebar-menu > li:first-child > a {
        border-top: 1px solid rgba(0, 0, 0, 0.05);
    }

    .sidebar-light .sidebar-menu > li:hover > a {
        background-color: rgba(0, 0, 0, 0.05);
    }
}
/*submenu*/
.sidebar-menu ul {
    position: absolute;
    left: 100%;
    top: 0;
    background-color: #111;
    list-style: none;
    width: 205px;
    padding: 20px 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.sidebar-menu > li:hover ul {
    visibility: visible;
    opacity: 1;
}

.sidebar-menu ul li a {
    display: block;
    width: 100%;
    padding: 8px 23px;
    font-size: 12px;
    line-height: 10px;
    text-align: left;
    text-decoration: none;
    text-transform: capitalize;
    line-height: 1;
    color: rgba(255, 255, 255, .7);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

    .sidebar-menu ul li a:hover {
        padding-left: 27px;
        color: #fff;
        background-color: rgba(255, 255, 255, .05);
    }
/*sidebar footer*/
.sidebar-footer {
    position: absolute;
    bottom: 10px;
    width: 100%;
}

    .sidebar-footer .copyright {
        font-size: 12px !important;
        float: none !important;
        opacity: .6;
    }

.sidebar-light .sidebar-footer .copyright {
    color: #000;
    opacity: 1;
}
/*sidebar social links*/
.sidebar .social-links a {
    display: inline-block;
    margin-right: 3px;
    text-align: center;
    color: #fff;
    border: 2px solid;
    border-radius: 50%;
    width: 32px;
    line-height: 28px;
    font-size: 12px;
    opacity: .8;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

    .sidebar .social-links a:hover {
        background-color: #fff;
        border-color: #fff;
        color: #333;
        opacity: 1;
    }
/*sidebar social links for light sidebar*/
.sidebar-light .social-links a {
    color: #000
}

    .sidebar-light .social-links a:hover {
        background-color: #000;
        border-color: #000;
        color: #fff;
    }
/*menu button (for small screens)*/
.sidebar .menu-btn {
    display: none;
    position: absolute;
    right: 35px;
    top: 26px;
    margin: 0;
}

    .sidebar .menu-btn span {
        background-color: #fff;
    }

/*sidebar on small screens*/
@media( max-width: 1180px ) {
    .sidebar {
        position: relative !important;
        top: 0;
        width: 100%;
        height: 70px;
        background-image: none !important;
        background-color: #000 !important;
    }

        .sidebar .logo {
            float: left;
            padding: 20px 0 0 24px;
        }

    .sidebar-light .logo-light {
        display: inline-block
    }

    .sidebar-light .logo-dark {
        display: none
    }

    .sidebar-menu {
        position: absolute;
        top: 100%;
        background-color: #000;
        width: 100%;
        display: none;
    }

        .sidebar-menu > li > a {
            text-align: left;
        }

    .sidebar .has-submenu > a:after {
        content: '+';
        margin-left: 5px;
    }

    .sidebar .has-submenu.opened > a:after {
        content: '-';
    }

    .sidebar-menu ul {
        display: none;
        visibility: visible;
        opacity: 1;
        width: 100%;
        position: relative;
        left: 0;
    }

    .sidebar .menu-btn {
        display: block;
    }

    .sidebar-footer {
        display: none;
    }

    .page-content {
        margin-left: 0 !important;
    }

    body.has-sidebar .hero-fullscreen {
        height: calc(100vh - 70px);
    }
}

@media( min-width: 1181px ) {
    .sidebar-menu, .sidebar-menu ul {
        display: block !important;
    }
}
/*content for sidebar-layout pages*/
.page-content {
    margin-left: 270px;
}

.has-sidebar .container {
    width: 100%
}

@media (min-width: 1068px) {
    .has-sidebar .container {
        width: 100%
    }
}

@media (min-width: 1322px) {
    .has-sidebar .container {
        width: 970px
    }
}

@media (min-width: 1530px) {
    .has-sidebar .container {
        width: 1170px
    }
}
/* 06. HERO
------------------------*/
.hero {
    position: relative;
    width: 100%;
}

.hero-fullscreen {
    height: 100vh;
}

.hero-big {
    height: 75vh;
}

/* iPhone 4 */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
    .hero-fullscreen {
        height: 320px;
    }
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
    .hero-fullscreen {
        height: 480px;
    }
}
/* 07. HERO SLIDER
--------------------------*/
.swiper-container-horizontal {
    overflow: hidden;
    position: relative;
}

.swiper-container {
    width: 100%;
    height: 100%;
}

.bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.swiper-slide {
    overflow: hidden;
}

.swiper-slide, .bg {
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
}

.NOswiper-slide {
    overflow: hidden;
    width: 100%;
}

.NOswiper-slide, .bg {
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
}

.caption-wrapper {
    display: table;
    height: 100%;
}

.caption {
    display: table-cell;
    vertical-align: middle;
}
/*slider navigation*/
.swiper-next, .swiper-prev {
    position: absolute;
    top: 50%;
    width: 30px;
    height: 70px;
    margin-top: -35px;
    background-color: rgba(0, 0, 0, .25);
    color: rgba(255, 255, 255, 0.8);
    z-index: 10;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

    .swiper-next:hover, .swiper-prev:hover {
        background-color: rgba(0, 0, 0, .5);
        color: rgba(255, 255, 255, 1);
    }

.swiper-prev {
    left: 0;
    border-left: none;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
}

.swiper-next {
    right: 0;
    border-right: none;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
}

[class*="swiper-container"]:hover .swiper-prev, [class*="swiper-container"]:hover .swiper-next {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

.swiper-prev:after, .swiper-next:after {
    font-size: 40px;
    font-family: "Pe-icon-7-stroke";
    position: absolute;
    top: 20px;
}

.swiper-prev:after {
    content: "\e686";
    left: -6px;
}

.swiper-next:after {
    content: "\e684";
    right: -6px;
}
/*slider pagination*/
.swiper-container-horizontal > .swiper-pagination {
    bottom: -70px;
}

    .swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
        background: #fff;
        opacity: .3;
    }

    .swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet-active {
        background: #fff;
        opacity: 1;
    }
/*scroll down link*/
.scroll-down {
    width: 30px;
    height: 30px;
    color: #222;
    font-size: 24px;
    position: absolute;
    left: 50%;
    margin-left: -15px;
    bottom: 41px;
    z-index: 1000;
    text-align: center;
}

    .scroll-down:before {
        content: "";
        display: block;
        background-color: #fff;
        border-radius: 2px;
        position: absolute;
        width: 100%;
        height: 100%;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-box-shadow: 1px 1px 3px -1px #000;
        box-shadow: 1px 1px 3px -1px #000;
    }

    .scroll-down i {
        position: absolute;
        top: 3px;
        left: 8px;
        color: #333;
    }

/* 08. PORTFOLIO
-----------------------------*/

@media (max-width: 991px) {
    .grid-item {
        width: 100% !important;
    }
}

.item-link {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}

.item-img {
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: 0;
}

.item-overlay {
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    background: rgba(255, 255, 255, .8);
    opacity: 0;
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.item-link:hover .item-overlay {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.item-overlay > h5 {
    position: absolute;
    top: 40px;
    left: 40px;
    right: 40px;
    text-align: left;
    font-size: 16px;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #333;
}

    .item-overlay > h5:after {
        content: "";
        position: absolute;
        display: block;
        width: 50px;
        height: 1px;
        background-color: #333;
        bottom: -16px;
    }
/* item appear animation */
.portfolio.item-animation .item-link {
    -webkit-transform: translateY(150px) scale(.8);
    -ms-transform: translateY(150px) scale(.8);
    transform: translateY(150px) scale(.8);
    opacity: 0;
    -webkit-transition: all .7s ease .8s;
    transition: all .7s ease .8s;
}

.portfolio.item-animation .grid-item.visible .item-link {
    -webkit-transform: translateY(0) scale(1);
    -ms-transform: translateY(0) scale(1);
    transform: translateY(0) scale(1);
    opacity: 1;
}
/* 09. PORTFOLIO FILTER
-------------------------*/
.filter {
    text-align: center;
}

    .filter ul li {
        position: relative;
        font-weight: bold;
        text-transform: uppercase;
        font-size: 11px;
        display: inline-block;
        margin: 8px;
        cursor: pointer;
        opacity: .7;
        letter-spacing: 1px;
    }

        .filter ul li.active {
            opacity: 1;
        }

        .filter ul li:after {
            content: "";
            display: block;
            position: absolute;
            width: 100%;
            height: 1px;
            background-color: #000;
            opacity: 0;
            bottom: -4px;
            -webkit-transition: all .3s ease;
            transition: all .3s ease;
        }

        .filter ul li.active:after {
            opacity: 1;
            bottom: 2px;
        }
/* 10. FOLIO SLIDER
----------------------------*/
.folio-item {
}

    .folio-item a {
        text-decoration: none;
    }

.folio-item-media {
    position: relative;
}

    .folio-item-media:before {
        content: "";
        display: block;
        padding-top: 70%;
    }

.folio-item-img {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}

.folio-item-overlay {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: rgba(0, 0, 0, .7);
    opacity: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.folio-item:hover .folio-item-overlay {
    opacity: 1;
}

.folio-item-details {
    background-color: #8C8E63;
    border: 1px solid rgba(0, 0, 0, .1);
}

    .folio-item-details h6 {
        margin-top: 15px;
        margin-bottom: 5px;
    }

    .folio-item-details p {
        margin-top: 0px;
        margin-bottom: 15px;
    }
/* 11. GALLERY
---------------------------*/
.gallery-item {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.owl-slider .gallery-item {
    height: 100vh;
}

.gallery-item-img, .gallery-item-overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.gallery-item-img {
    -webkit-transition: all 3s ease;
    transition: all 3s ease;
}

.gallery-item-overlay {
    background-color: rgba(0, 0, 0, .3);
    color: #fff !important;
    text-decoration: none;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.gallery-item:hover .gallery-item-img {
    -webkit-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15);
}

.gallery-item:hover .gallery-item-overlay {
    opacity: 0;
    color: #fff;
}
/* 12. CONTENT SLIDERS
----------------------------*/
.owl-slider .owl-stage {
    position: relative;
    -webkit-transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1) !important;
    transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1) !important;
}

.owl-carousel {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: -ms-grab;
    cursor: -o-grab;
    cursor: grab;
}

    .owl-carousel .owl-grab {
        cursor: move;
        cursor: -webkit-grabbing;
        cursor: -moz-grabbing;
        cursor: -ms-grabbing;
        cursor: -o-grabbing;
        cursor: grabbing;
    }

    .owl-carousel .owl-item {
        overflow: hidden;
    }
/*rendering fix*/
.owl-slider, .owl-slider .owl-stage, .owl-slider .owl-stage-outer, .owl-item {
    position: relative;
    z-index: 1;
}
/*arrow navigation*/
.owl-nav {
}

.owl-prev, .owl-next {
    position: absolute;
    top: 50%;
    width: 30px;
    height: 70px;
    margin-top: -35px;
    text-indent: -9999px;
    z-index: 2;
    border: 2px solid #000;
    color: #000;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

    .owl-prev:hover, .owl-next:hover {
        background-color: rgba(0, 0, 0, .2);
    }
/*light navigation*/
.nav-light .owl-prev, .nav-light .owl-next {
    border: 2px solid rgba(255, 255, 255, 1);
    color: #fff;
}

    .nav-light .owl-prev:hover, .nav-light .owl-next:hover {
        background-color: rgba(255, 255, 255, .2);
    }

.owl-prev {
    left: 0;
    margin-left: -2px;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0;
}

.container .owl-prev {
    margin-left: 10px !important;
}

.owl-next {
    right: 0;
    margin-right: -2px;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0;
}

.container .owl-next {
    margin-right: 10px !important;
}

.owl-slider:hover .owl-prev, .owl-slider:hover .owl-next {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
}

.owl-prev:after, .owl-next:after {
    font-size: 40px;
    text-indent: 0;
    font-family: "Pe-icon-7-stroke";
    position: absolute;
    top: 20px;
}

.owl-prev:after {
    content: "\e686";
    left: -6px;
}

.owl-next:after {
    content: "\e684";
    right: -6px;
}
/*dots navigation*/
.owl-dots {
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: -55px;
    z-index: 1;
}

.img-slider .owl-dots {
    bottom: 10px;
}

.owl-dot {
    width: 10px;
    height: 10px;
    border: 2px solid #000;
    background-color: transparent;
    display: inline-block;
    margin: 0 4px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

    .owl-dot.active {
        background-color: #000;
    }
/*light pagination*/
.nav-light .owl-dot {
    background-color: #fff;
    border: 2px solid #fff;
}
/* 13. BLOCKQUOTE
------------------*/
blockquote {
    border: none;
    border-left: 4px solid #555;
    font-size: 15px;
    padding: 10px 0;
    padding-left: 20px;
    letter-spacing: .1em;
    text-align: left;
    font-family: georgia;
}

    blockquote footer {
        font-size: 85%;
    }
/* 14. SKILLS
------------------------*/
.skill {
    margin-bottom: 20px;
    border-bottom: 1px solid #000
}

    .skill .skill-bar {
        position: relative;
        width: 0;
        height: 6px;
        background-color: #000;
        -webkit-transition: all 1.5s ease;
        transition: all 1.5s ease;
    }

.skill-bar span {
    display: none;
    position: absolute;
    right: 0;
    top: -30px;
    font-family: 'Montserrat', sans-serif;
}

.section-dark .skill, .text-light .skill {
    border-bottom: 1px solid #fff;
}

    .section-dark .skill .skill-bar, .text-light .skill .skill-bar {
        background-color: #fff;
    }
/* 15. COUNTERS
------------------------*/
.counter-num {
    display: inline-block;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    letter-spacing: .1em;
    font-size: 48px;
    line-height: 54px;
    margin-bottom: 10px;
}

.counter h5 {
    text-transform: capitalize;
}
/* 16. TEAM
------------------------*/
.team-member .avatar {
    position: relative;
    overflow: hidden;
}

    .team-member .avatar .overlay {
        background-color: rgba(255, 255, 255, .9);
        color: #333;
        padding: 15px;
        text-align: center;
        border: 2px solid #000;
        opacity: 0;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
    }

.team-member:hover .avatar .overlay {
    opacity: 1;
}

.team-member .avatar .overlay .separator {
    margin-top: 15px;
    margin-bottom: 5px;
}

.team-member .social-links a {
    margin: 7px;
    font-size: 14px;
}

.team-member a {
    text-decoration: none;
    color: #351c0b;
}

.team-member .info {
    padding-top: 20px;
    padding-left: 20px;
    position: relative;
    top: -50px;
    left: 27px;
    background-color: #8C8E63;
    border-right: 2px solid;
}

.section-grey .team-member .info {
    background-color: #3d3e2e;
    border-color: #fff;
}

.section-grey .title {
    color: #fff;
}

.team-member .info:after {
    content: "";
    display: block;
    position: absolute;
    width: 30px;
    height: 2px;
    bottom: -10px;
    background-color: #351c0b;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.section-grey .info:after {
    background-color: #fff;
}

.team-member:hover .info:after {
    width: 60px;
}
/* 17. TABS
------------------------*/
.tabs {
    padding: 10px;
}

.tab-nav {
    list-style: none;
    margin-bottom: 0;
}

    .tab-nav li {
        position: relative;
        display: inline-block;
        font-size: 15px;
        cursor: pointer;
        text-transform: uppercase;
        letter-spacing: .1em;
        font-family: 'Montserrat', sans-serif;
        margin-right: 10px;
        padding: 5px 20px;
        padding-left: 0px;
        float: left;
    }

        .tab-nav li:after {
            content: "";
            display: block;
            position: absolute;
            width: 0;
            height: 2px;
            background-color: #000;
            bottom: -3px;
            -webkit-transition: all .5s ease;
            transition: all .5s ease;
        }

        .tab-nav li.active:after {
            width: 100%;
        }

.tab-panels {
    margin-top: 5px;
    padding: 10px 20px;
    padding-left: 0px;
    clear: both;
}

    .tab-panels > div {
        display: none;
    }

    .tab-panels > .active {
        display: block;
    }
/* 18. TOGGLES
------------------------*/
.toggle {
    padding: 10px 20px;
    padding-bottom: 0;
}

.toggle-title {
    position: relative;
    display: inline-block;
    font-family: 'Montserrat', sans-serif;
    letter-spacing: .1em;
    text-transform: uppercase;
    cursor: pointer;
    font-size: 15px;
    padding: 5px 0;
}

    .toggle-title:after {
        content: "";
        display: block;
        position: absolute;
        width: 0;
        height: 2px;
        background-color: #000;
        bottom: -3px;
        -webkit-transition: all .5s ease;
        transition: all .5s ease;
    }

.toggle.active .toggle-title:after {
    width: 100%;
}

.toggle-content {
    padding-top: 10px;
    display: none;
}

.toggle.active .toggle-content {
    display: block;
}
/* 19. ICON BOXES
------------------------*/

/*icon left*/
.icon-box {
    margin-bottom: 70px;
}

    .icon-box.icon-left i {
        font-size: 70px;
        color: #454545;
        opacity: .2;
        position: absolute;
        top: -12px;
        left: 24px;
    }

.text-light .icon-box.icon-left i {
    color: #fff;
}

.icon-box.icon-left .icon-box-details {
    margin-left: 55px;
    padding-top: 2px;
    text-align: left;
}

    .icon-box.icon-left .icon-box-details p {
        line-height: 1.4;
        color: #f0ece3;
    }

.text-light .icon-box.icon-left .icon-box-details p {
    color: rgba(255, 255, 255, .8);
}

.icon-box.icon-left h5 {
    position: relative;
    margin-bottom: 15px;
}

    .icon-box.icon-left h5:after {
        content: "";
        display: block;
        position: absolute;
        width: 30px;
        height: 2px;
        background-color: #000;
        bottom: -8px;
        left: 0;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
    }

.icon-box.icon-left:hover h5:after {
    width: 60px;
}

.icon-box.icon-left i {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.icon-box.icon-left:hover i {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
/*icon top*/
.icon-box.icon-top {
    text-align: center;
}

    .icon-box.icon-top i {
        font-size: 74px;
        margin-bottom: 15px;
    }

.icon-box-details .title {
    font-size: 15px;
}
/*icon hover boxes*/
.icon-hover-box {
    padding: 20px;
    height: 230px;
    text-align: center;
    position: relative;
    overflow: hidden;
}

    .icon-hover-box i {
        font-size: 70px;
    }

    .icon-hover-box .separator {
        margin-top: 15px;
        margin-bottom: 5px;
    }

    .icon-hover-box .details {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #000;
        color: #fff;
        padding: 30px;
        top: calc(100% - 15px);
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
    }

        .icon-hover-box .details .centered {
            width: 100%;
            padding: 15px;
        }

        .icon-hover-box .details h6 {
            opacity: 0;
            -webkit-transform: translateY(50px);
            -ms-transform: translateY(50px);
            transform: translateY(50px);
            -webkit-transition: all .8s ease .1s;
            transition: all .8s ease .1s;
        }

        .icon-hover-box .details .separator {
            margin-top: 8px;
            margin-bottom: 12px;
        }

        .icon-hover-box .details p {
            color: #fff;
            font-size: 13px;
            line-height: 1.3;
            opacity: 0;
            -webkit-transform: translateY(70px);
            -ms-transform: translateY(70px);
            transform: translateY(70px);
            -webkit-transition: all .8s ease .2s;
            transition: all .8s ease .2s;
        }

    .icon-hover-box:hover .details {
        top: 0;
    }

        .icon-hover-box:hover .details h6 {
            opacity: 1;
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0);
        }

        .icon-hover-box:hover .details p {
            opacity: 1;
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0);
        }
/* 20. BLOG
------------------------*/
.post {
    margin-bottom: 30px;
    padding-top: 0 !important;
}

@media( max-width: 767px ) {
    .post {
        width: 100%;
    }
}

.post a {
    text-decoration: none;
}

.post .post-img {
    position: relative;
    overflow: hidden;
}

    .post .post-img img {
        -webkit-transition: all 1s ease;
        transition: all 1s ease;
        width: 100%;
    }

.post:hover .post-img img {
    -webkit-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15);
}

.post iframe {
    border: none;
    display: block;
}

.post .post-content {
    background-color: #fff;
    position: relative;
    top: -27px;
    left: 20px;
    padding-left: 20px;
    border: 2px dashed;
    border-style: dashed;
}

    .post .post-content h5 {
        position: relative;
        margin-bottom: 15px;
    }

        .post .post-content h5:after {
            content: "";
            display: block;
            position: absolute;
            width: 50px;
            height: 2px;
            background-color: #000;
            bottom: -10px;
            -webkit-transition: all .7s ease;
            transition: all .7s ease;
        }

.post:hover .post-content h5:after {
    width: 80px;
}
/*blog sidebar*/
.widget {
    margin-bottom: 50px;
}

.widget-title {
    font-weight: bold;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    letter-spacing: .15em;
}

.blog-sidebar ul {
    list-style: none;
}

    .blog-sidebar ul li {
    }

        .blog-sidebar ul li a {
            text-decoration: none;
            color: #555;
            font-weight: 500;
            font-size: 12px;
        }

            .blog-sidebar ul li a:hover {
                opacity: .7;
            }

.tags .button {
    font-size: 10px;
    padding: 0px 5px;
    margin-bottom: 3px;
}
/* 21. CLIENTS
-----------------*/
.clients {
    list-style: none;
    display: inline-block;
    text-align: center;
}

    .clients li {
        display: inline-block;
        float: left;
        border: 1px dashed;
        width: 33.333%;
        padding: 40px 0px;
        margin: -1px 0 0 -1px;
        position: relative;
        z-index: 1;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
    }

@media( max-width: 730px ) {
    .clients li {
        width: 50%
    }
}

@media( max-width: 500px ) {
    .clients li {
        width: 100%
    }
}

.clients li:hover {
    border: 1px solid #333;
    z-index: 2;
}

.clients img {
    width: 50%;
    height: auto;
    display: inline-block;
    opacity: .7;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.clients li:hover img {
    opacity: 1;
}
/*clients slider*/
.clients-slider img {
    max-width: 50%;
    margin: auto;
}
/* 22. SCROLL TO TOP
------------------------*/
.to-top {
    opacity: 0;
    visibility: hidden;
    position: fixed;
    right: 40px;
    bottom: 70px;
    background-color: #333;
    color: #fff;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    z-index: 999;
    text-decoration: none;
    cursor: pointer;
    text-align: center;
    width: 42px;
    height: 42px;
    line-height: 42px;
    border-radius: 3px;
    font-size: 40px;
    overflow: hidden;
}

    .to-top.visible {
        opacity: 1;
        visibility: visible;
    }

    .to-top:hover, .to-top:focus {
        color: #fff;
        background-color: #555;
    }
/* 23. GOOGLE MAP
----------------------*/
.map-section {
    width: 100%;
    height: 480px;
    padding: 0;
}

#google-map {
    width: 100%;
    height: 100%;
}

    #google-map img {
        max-width: none;
    }
/* 24. CONTACT FORM
----------------------*/
#contact {
    font-family: 'Montserrat', sans-serif;
}

form {
}

    form input, form textarea {
        font-family: 'Montserrat', sans-serif;
        background-color: rgba(0, 0, 0, 0.1);
        width: 100%;
        border: 0;
        border-bottom: 1px solid #351c0b !important;
        padding: 5px 10px;
        margin-bottom: 40px;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
    }

    form textarea {
        min-height: 60px;
        resize: none;
    }

    form input:focus {
        border-bottom: 1px solid #000;
    }

#contact #submit {
    margin-top: 20px;
    margin-bottom: 0px;
}

    #contact #submit:hover {
        background-color: #000;
    }

.contact-message {
    display: none;
    text-transform: capitalize;
    text-align: center;
    margin: 50px 0;
}
/* 25. PAGINATION
------------------------*/
.pagination {
    width: 100%;
    text-align: center;
    margin: 0;
    margin-top: 20px;
    padding: 20px 0;
}

    .pagination i {
        vertical-align: middle;
        margin-top: -3px;
        font-size: 33px;
    }

    .pagination a {
        display: inline-block;
        text-decoration: none;
        font-family: 'Montserrat', sans-serif;
        margin: 0 10px;
        opacity: .7;
    }

        .pagination a:hover {
            opacity: 1;
        }

    .pagination span {
        text-transform: uppercase;
        font-size: 15px;
    }
/* 26. FOOTER
------------------------*/
#footer {
    width: 100%;
    padding: 15px 0;
    /*border-top: 1px solid #E5E5E5;*/
    border-top: 1px solid #3d3e2e;
}

    #footer .copyright, .sidebar .copyright {
        font-size: 13px;
        line-height: 34px;
        float: left;
    }

        #footer .copyright a {
            color: #351c0b;
            text-decoration: none;
        }

    #footer .social-links {
        float: right;
    }

        #footer .social-links a {
            display: block;
            float: left;
            margin-right: 10px;
            text-align: center;
            color: #351c0b;
            border: 2px solid;
            border-radius: 50%;
            width: 34px;
            line-height: 30px;
            font-size: 12px;
            -webkit-transition: all .3s ease;
            transition: all .3s ease;
        }

            #footer .social-links a:last-child {
                margin-right: 0;
            }

            #footer .social-links a:hover {
                background-color: #222;
                border-color: #222;
                color: #fff;
            }

@media (max-width: 650px) {
    #footer {
        text-align: center
    }

        #footer .social-links {
            display: none
        }

        #footer .copyright {
            float: none;
            display: inline-block;
        }

    .overlay-footer {
        display: none !important
    }
}

.touch [data-stellar-background-ratio] {
    background-attachment: scroll !important;
    background-position: 50% 50% !important;
}

.note ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.note li {
    float: left;
}

.note a {
    font-size: 12px;
    margin: 0 10px;
    text-transform: uppercase;
    text-decoration: none;
}

.note i {
    margin-right: 5px;
}


@media (max-width: 650px) {

    .note li {
        float: none;
    }
}

.Alert {
    padding: 0px 0px 0px 20px;
    margin: 0px;
    color: #ff0000;
    font-size: 13px;
    font-weight: 400;
    text-align: left;
    display: block;
}

#WaitSubmit {
    padding: 10px 0px 0px 5px;
    display: none;
}
label {
    font-weight: 400;
    color: #28291c;
    font-size: 12px;
}