@import url(//fonts.googleapis.com/css?family=Raleway:300,400,500,600&subset=latin-ext);
@import url(//fonts.googleapis.com/css?family=Noticia+Text:700i&subset=latin-ext);
@font-face {
    font-family: 'Conv_Gotham-Bold';
    src: url(fonts/Gotham-Bold.eot);
    src: local('☺'), url(fonts/Gotham-Bold.woff) format('woff'), url(fonts/Gotham-Bold.ttf) format('truetype'), url(fonts/Gotham-Bold.svg) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Conv_Gotham-Book';
    src: url(fonts/Gotham-Book.eot);
    src: local('☺'), url(fonts/Gotham-Book.woff) format('woff'), url(fonts/Gotham-Book.ttf) format('truetype'), url(fonts/Gotham-Book.svg) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Conv_Gotham-Light';
    src: url(fonts/Gotham-Light.eot);
    src: local('☺'), url(fonts/Gotham-Light.woff) format('woff'), url(fonts/Gotham-Light.ttf) format('truetype'), url(fonts/Gotham-Light.svg) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Conv_Gotham-Medium';
    src: url(fonts/Gotham-Medium.eot);
    src: local('☺'), url(fonts/Gotham-Medium.woff) format('woff'), url(fonts/Gotham-Medium.ttf) format('truetype'), url(fonts/Gotham-Medium.svg) format('svg');
    font-weight: 400;
    font-style: normal
}

@supports (-ms-accelerator:true) {
    .noEdge {
        display: none!important
    }
    .showEdge {
        display: block!important
    }
    .showEdge .itemMainSlider {
        width: 100%;
        text-align: center
    }
    .showEdge .itemMainSlider a {
        width: 25%;
        display: inline-block
    }
    .tmedge {
        position: absolute;
        bottom: 10%;
        left: 0;
        z-index: 999999999999999999;
        display: block;
        text-align: center;
        width: 100%
    }
    .toSingle4 img {
        max-width: 100%!important;
        margin-left: 0!important
    }
    .k1,
    .k2,
    .k3,
    .k4 {
        width: 75px;
        height: 12px;
        background-color: #ddd2c5;
        display: inline-block;
        margin: 0 10px
    }
    .gnav__item--current {
        background-color: #5c9e6b
    }
    .copyright {
        margin-bottom: 100px!important
    }
}

.showEdge {
    display: none
}

.no-js #loader {
    display: none
}

.js #loader {
    display: block;
    position: absolute;
    left: 100px;
    top: 0
}

.se-pre-con {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999999999999999999999999999999999999999;
    background: url(loader.gif) center no-repeat #fff
}

.demo-grid {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999999999999999999999
}

.bolded {
    font-family: 'Conv_Gotham-Bold'
}

.quotess {
    padding-top: 2em
}

.quotess p {
    opacity: .7;
    font-family: 'Noticia Text', serif!important;
    font-weight: 700i!important
}

.quotess span {
    font-family: 'Noticia Text', serif;
    font-weight: 700i
}



.blogimg {
    display: inline-block;
    width: -1em;
    align-items: center;
    /* background: red; */
    position: relative;
    right: 0em;
    top: 0.5em;
}
.blogimg img {
    max-width: 4em !important;
}

.mSocial .blogimg {
    display: inline-block;
    width: -1em;
    align-items: center;
    /* background: red; */
    position: relative;
    right: 3em;
    top: -0.5em;
}


html,
body {
    min-height: 100%
}

body {
    background-image: url(../img/b.png);
    overflow-y: hidden;
    overflow-x: hidden!important
}

body strong {
    color: #a65c38
}

#singlePageContainer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    z-index: -40
}

.letterBx img {
    max-width: 100%
}

body {
    font-size: 15px
}

.gallery {
    padding-top: 0em;
    z-index: 90
}

.gallery-nav {
    z-index: 400;
    margin-top: -2em
}

.copyright {
    color: black;
    opacity: .5;
    margin: 8em 0 0 0
}

.personicon {
    max-width: 30%!important;
    margin: 50px 0 0 0
}

.fnm {
    padding-left: 0
}

.fnm li {
    margin-bottom: 1em
}

.fnm li img {
    max-width: 35%
}

.fnm li:last-child img {
    max-width: 28%
}

.mbLogo {
    max-width: 23%
}

.mrg {
    margin: 2em 0
}

.tmrg {
    margin: 0em 0em 2em 0em
}

.backHomeBtn:hover {
    cursor: pointer
}

#backHome {
    display: none
}

#backHome.pinStage {
    display: block;
    opacity: 1
}

#backHome2 {
    display: none
}

#backHome2.pinStage {
    display: block;
    opacity: 1
}

#backHome3 {
    display: none
}

#backHome3.pinStage {
    display: block;
    opacity: 1
}

#singlePageContainer {
    opacity: 0;
    z-index: -40;
    transition: opacity 500 ease-in-out;
    opacity: 0
}

#singlePageContainer.pinStage {
    z-index: 90000;
    display: block;
    opacity: 1
}

#singlePageContainer.pr {
    display: block;
    opacity: 1;
    -webkit-transition: all 500ms cubic-bezier(.295, 0, .88, .195);
    -webkit-transition: all 500ms cubic-bezier(.295, -.005, .88, .195);
    -moz-transition: all 500ms cubic-bezier(.295, -.005, .88, .195);
    -o-transition: all 500ms cubic-bezier(.295, -.005, .88, .195);
    transition: all 500ms cubic-bezier(.295, -.005, .88, .195);
    top: -50%
}

#singlePageContainerin {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    z-index: -40
}

.letterBx img {
    max-width: 100%
}

.mRight {
    padding-right: 4%!important
}

.mLeft {
    padding-left: 4%!important
}

.mobileMainStage {
    padding: 4em 5.4em
}

.mip {
    min-height: 290px;
    position: relative
}

.itemMainSlider {
    position: absolute;
    top: 0;
    left: 0
}

.backHomeBtn {
    position: absolute;
    z-index: 700;
    left: 24.7%;
    width: 2em;
    top: 8%;
    cursor: pointer
}

.backHomeBtn:hover {
    cursor: pointer
}

#backHome {
    display: none
}

#backHome.pinStage {
    display: block;
    opacity: 1
}

#singlePageContainerin {
    opacity: 0;
    z-index: -40;
    transition: opacity 500 ease-in-out;
    opacity: 0
}

#singlePageContainerin.pinStage {
    z-index: 90000;
    display: block;
    opacity: 1
}

#singlePageContainerin.pr {
    display: block;
    opacity: 1;
    -webkit-transition: all 500ms cubic-bezier(.295, 0, .88, .195);
    -webkit-transition: all 500ms cubic-bezier(.295, -.005, .88, .195);
    -moz-transition: all 500ms cubic-bezier(.295, -.005, .88, .195);
    -o-transition: all 500ms cubic-bezier(.295, -.005, .88, .195);
    transition: all 500ms cubic-bezier(.295, -.005, .88, .195);
    top: -50%
}

#singlePageContainerthree {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    z-index: -40
}

.letterBx img {
    max-width: 100%
}

.backHomeBtn:hover {
    cursor: pointer
}

#backHome3 {
    display: none
}

#backHome3.pinStage {
    display: block;
    opacity: 1
}

#singlePageContainerthree {
    opacity: 0;
    z-index: -40;
    transition: opacity 500 ease-in-out;
    opacity: 0
}

#singlePageContainerthree.pinStage {
    z-index: 90000;
    display: block;
    opacity: 1
}

#singlePageContainerthree.pr {
    display: block;
    opacity: 1;
    -webkit-transition: all 500ms cubic-bezier(.295, 0, .88, .195);
    -webkit-transition: all 500ms cubic-bezier(.295, -.005, .88, .195);
    -moz-transition: all 500ms cubic-bezier(.295, -.005, .88, .195);
    -o-transition: all 500ms cubic-bezier(.295, -.005, .88, .195);
    transition: all 500ms cubic-bezier(.295, -.005, .88, .195);
    top: -50%
}

#singlePageContainerdort {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    z-index: -40
}

.letterBx img {
    max-width: 100%
}

.backHomeBtn:hover {
    cursor: pointer
}

#backHome4 {
    display: none
}

#backHome4.pinStage {
    display: block;
    opacity: 1
}

#singlePageContainerdort {
    opacity: 0;
    z-index: -40;
    transition: opacity 500 ease-in-out;
    opacity: 0
}

#singlePageContainerdort.pinStage {
    z-index: 90000;
    display: block;
    opacity: 1
}

#singlePageContainerdort.pr {
    display: block;
    opacity: 1;
    -webkit-transition: all 500ms cubic-bezier(.295, 0, .88, .195);
    -webkit-transition: all 500ms cubic-bezier(.295, -.005, .88, .195);
    -moz-transition: all 500ms cubic-bezier(.295, -.005, .88, .195);
    -o-transition: all 500ms cubic-bezier(.295, -.005, .88, .195);
    transition: all 500ms cubic-bezier(.295, -.005, .88, .195);
    top: -50%
}

#singlePageContainersed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    z-index: -40
}

.letterBx img {
    max-width: 100%
}

.backHomeBtn:hover {
    cursor: pointer
}

#backHomesed {
    display: none
}

#backHomesed.pinStage {
    display: block;
    opacity: 1
}

#singlePageContainersed {
    opacity: 0;
    z-index: -40;
    transition: opacity 500 ease-in-out;
    opacity: 0
}

#singlePageContainersed.pinStage {
    z-index: 90000;
    display: block;
    opacity: 1;
    overflow: scroll
}

#singlePageContainersed.pr {
    display: block;
    opacity: 1;
    -webkit-transition: all 500ms cubic-bezier(.295, 0, .88, .195);
    -webkit-transition: all 500ms cubic-bezier(.295, -.005, .88, .195);
    -moz-transition: all 500ms cubic-bezier(.295, -.005, .88, .195);
    -o-transition: all 500ms cubic-bezier(.295, -.005, .88, .195);
    transition: all 500ms cubic-bezier(.295, -.005, .88, .195);
    top: -50%
}

#singlePageContainerwi {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    z-index: -40
}

.letterBx img {
    max-width: 100%
}

.backHomeBtn:hover {
    cursor: pointer
}

#backHomewi {
    display: none
}

#backHomewi.pinStage {
    display: block;
    opacity: 1
}

#singlePageContainerwi {
    opacity: 0;
    z-index: -40;
    transition: opacity 500 ease-in-out;
    opacity: 0
}

#singlePageContainerwi.pinStage {
    z-index: 90000;
    display: block;
    opacity: 1
}

#singlePageContainerwi.pr {
    display: block;
    opacity: 1;
    -webkit-transition: all 500ms cubic-bezier(.295, 0, .88, .195);
    -webkit-transition: all 500ms cubic-bezier(.295, -.005, .88, .195);
    -moz-transition: all 500ms cubic-bezier(.295, -.005, .88, .195);
    -o-transition: all 500ms cubic-bezier(.295, -.005, .88, .195);
    transition: all 500ms cubic-bezier(.295, -.005, .88, .195);
    top: -50%
}

#singlePageContainerwc {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    z-index: -40
}

.letterBx img {
    max-width: 100%
}

.backHomeBtn:hover {
    cursor: pointer
}

#backHomewc {
    display: none
}

#backHomewc.pinStage {
    display: block;
    opacity: 1
}

#singlePageContainerwc {
    opacity: 0;
    z-index: -40;
    transition: opacity 500 ease-in-out;
    opacity: 0
}

#singlePageContainerwc.pinStage {
    z-index: 90000;
    display: block;
    opacity: 1
}

#singlePageContainerwc.pr {
    display: block;
    opacity: 1;
    -webkit-transition: all 500ms cubic-bezier(.295, 0, .88, .195);
    -webkit-transition: all 500ms cubic-bezier(.295, -.005, .88, .195);
    -moz-transition: all 500ms cubic-bezier(.295, -.005, .88, .195);
    -o-transition: all 500ms cubic-bezier(.295, -.005, .88, .195);
    transition: all 500ms cubic-bezier(.295, -.005, .88, .195);
    top: -50%
}

#singlePageContainerre {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    z-index: -40
}

.letterBx img {
    max-width: 100%
}

.backHomeBtn:hover {
    cursor: pointer
}

#backHomere {
    display: none
}

#backHomere.pinStage {
    display: block;
    opacity: 1
}

#singlePageContainerre {
    opacity: 0;
    z-index: -40;
    transition: opacity 500 ease-in-out;
    opacity: 0
}

#singlePageContainerre.pinStage {
    z-index: 90000;
    display: block;
    opacity: 1
}

#singlePageContainerre.pr {
    display: block;
    opacity: 1;
    -webkit-transition: all 500ms cubic-bezier(.295, 0, .88, .195);
    -webkit-transition: all 500ms cubic-bezier(.295, -.005, .88, .195);
    -moz-transition: all 500ms cubic-bezier(.295, -.005, .88, .195);
    -o-transition: all 500ms cubic-bezier(.295, -.005, .88, .195);
    transition: all 500ms cubic-bezier(.295, -.005, .88, .195);
    top: -50%
}

#singlePageContaineroc {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    z-index: -40
}

.letterBx img {
    max-width: 100%
}

.backHomeBtn:hover {
    cursor: pointer
}

#backHomeoc {
    display: none
}

#backHomeoc.pinStage {
    display: block;
    opacity: 1
}

#singlePageContaineroc {
    opacity: 0;
    z-index: -40;
    transition: opacity 500 ease-in-out;
    opacity: 0
}

#singlePageContaineroc.pinStage {
    z-index: 90000;
    display: block;
    opacity: 1
}

#singlePageContaineroc.pr {
    display: block;
    opacity: 1;
    -webkit-transition: all 500ms cubic-bezier(.295, 0, .88, .195);
    -webkit-transition: all 500ms cubic-bezier(.295, -.005, .88, .195);
    -moz-transition: all 500ms cubic-bezier(.295, -.005, .88, .195);
    -o-transition: all 500ms cubic-bezier(.295, -.005, .88, .195);
    transition: all 500ms cubic-bezier(.295, -.005, .88, .195);
    top: -50%
}

#singlePageContainerco {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    z-index: -40
}

.letterBx img {
    max-width: 100%
}

.backHomeBtn:hover {
    cursor: pointer
}

#backHomeco {
    display: none
}

#backHomeco.pinStage {
    display: block;
    opacity: 1
}

#singlePageContainerco {
    opacity: 0;
    z-index: -40;
    transition: opacity 500 ease-in-out;
    opacity: 0
}

#singlePageContainerco.pinStage {
    z-index: 90000;
    display: block;
    opacity: 1
}

#singlePageContainerco.pr {
    display: block;
    opacity: 1;
    -webkit-transition: all 500ms cubic-bezier(.295, 0, .88, .195);
    -webkit-transition: all 500ms cubic-bezier(.295, -.005, .88, .195);
    -moz-transition: all 500ms cubic-bezier(.295, -.005, .88, .195);
    -o-transition: all 500ms cubic-bezier(.295, -.005, .88, .195);
    transition: all 500ms cubic-bezier(.295, -.005, .88, .195);
    top: -50%
}

.footer {
    position: fixed;
    z-index: 999999999;
    height: auto;
    width: 50%;
    text-align: right;
    bottom: 10%;
    left: auto;
    right: 0;
    padding-left: 7%;
    padding-right: 9%
}

.wks {
    width: 20px;
    margin-right: 20px;
    margin-left: 20px
}

.header {
    height: 100px;
    width: 100%;
    text-align: right;
    padding-left: 7%;
    padding-right: 7%
}

.backHomeBtn svg {
    fill: #9c5f3f;
    ;
    -webkit-transition: all 500ms cubic-bezier(.42, 0, .58, 1);
    -moz-transition: all 500ms cubic-bezier(.42, 0, .58, 1);
    -o-transition: all 500ms cubic-bezier(.42, 0, .58, 1);
    transition: all 500ms cubic-bezier(.42, 0, .58, 1)
}

.backHomeBtn svg:hover {
    fill: #336e51
}

.sidebarinner {
    position: fixed;
    z-index: 999999999;
    height: auto;
    width: 28%;
    text-align: left;
    bottom: 30%;
    left: 0;
    right: 0;
    padding-left: 7%;
    padding-right: 7%
}

.sidebarinner a {
    display: block;
    font-family: 'Conv_Gotham-Medium';
    font-weight: 400;
    font-style: normal;
    font-size: 1em;
    color: #9c5f3f;
    cursor: pointer;
    letter-spacing: .05em;
    word-spacing: .3em
}

.sidebarinner h4 {
    font-size: .8em
}

.sidebarinner a:hover,
a:focus {
    color: #336e51;
    text-decoration: none;
    webkit-transition: all 500ms cubic-bezier(.42, 0, .58, 1);
    -moz-transition: all 500ms cubic-bezier(.42, 0, .58, 1);
    -o-transition: all 500ms cubic-bezier(.42, 0, .58, 1);
    transition: all 500ms cubic-bezier(.42, 0, .58, 1)
}

.footerinn {
    margin-top: 5em
}

.footerinn a {
    color: #9c5f3f;
    cursor: pointer
}

.footerinn a:hover,
a:focus {
    color: #336e51;
    text-decoration: none;
    -webkit-transition: all 500ms cubic-bezier(.42, 0, .58, 1);
    -moz-transition: all 500ms cubic-bezier(.42, 0, .58, 1);
    -o-transition: all 500ms cubic-bezier(.42, 0, .58, 1);
    transition: all 500ms cubic-bezier(.42, 0, .58, 1)
}

.leftNav {
    position: fixed;
    z-index: 999999999;
    height: auto;
    width: 30%;
    text-align: left;
    bottom: 10%;
    ;
    left: 0;
    right: 0;
    padding-left: 7%;
    padding-right: 7%
}

.leftNav a {
    display: block;
    font-family: 'Conv_Gotham-Medium';
    font-weight: 400;
    font-style: normal;
    font-size: 1em;
    color: #9c5f3f;
    cursor: pointer;
    letter-spacing: .05em;
    word-spacing: .3em
}

.dn h4 {
    color: #336e51!important
}

.vBtn {
    border: 2px solid #336e51;
    padding: 5px 10px;
    color: #336e51;
    float: right;
    border-radius: 10px;
    -webkit-transition: all 500ms cubic-bezier(.42, 0, .58, 1);
    -moz-transition: all 500ms cubic-bezier(.42, 0, .58, 1);
    -o-transition: all 500ms cubic-bezier(.42, 0, .58, 1);
    transition: all 500ms cubic-bezier(.42, 0, .58, 1)
}

.vBtn:hover {
    cursor: pointer;
    background-color: #336e51;
    color: white!important;
    text-decoration: none;
    border-radius: 10px
}

#vStage {
    background-color: black;
    width: 100%;
    height: 100%!important;
    display: block;
    position: absolute;
    z-index: 99999999999999999999;
    top: 0;
    left: 0;
    display: none;
    -webkit-transition: all 500ms cubic-bezier(.42, 0, .58, 1);
    -moz-transition: all 500ms cubic-bezier(.42, 0, .58, 1);
    -o-transition: all 500ms cubic-bezier(.42, 0, .58, 1);
    transition: all 500ms cubic-bezier(.42, 0, .58, 1);
    overflow: hidden
}

.von {
    display: block!important
}

.leftNav a:hover,
a:focus {
    color: #336e51;
    text-decoration: none;
    -webkit-transition: all 500ms cubic-bezier(.42, 0, .58, 1);
    -moz-transition: all 500ms cubic-bezier(.42, 0, .58, 1);
    -o-transition: all 500ms cubic-bezier(.42, 0, .58, 1);
    transition: all 500ms cubic-bezier(.42, 0, .58, 1)
}

.o1 {
    color: #9c5f3f;
    font-family: 'Conv_Gotham-Bold';
    font-size: 1.2em
}

.o2 {
    color: #336e51;
    font-family: 'Conv_Gotham-Bold';
    font-size: 1.2em
}

.actived {
    color: #336e51!important;
    pointer-events: none
}

.dtke {
    font-size: .8em
}

.singlePageImg {
    margin: 2em 0
}

.black {
    color: black!important
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    border-top: 2px solid #9c5f3f!important
}

.kdk li {
    border-bottom: 2px solid #9c5f3f;
    border-top: 2px solid #9c5f3f;
    padding: 1em 0
}

.toSingle:hover,
.toSingle2:hover,
.toSingle3:hover,
.toSingle4:hover {
    color: #9c5f3f
}

.header img {
    max-width: 10em;
    margin-top: 2%
}

.social {
    float: left;
    width: 17%;
    text-align: left;
    margin-top: 2em;
    position: fixed;
    z-index: 888888;
    top: 5%
}

.social svg {
    max-width: 1.3em
}

.social a {
    margin-right: 1em
}

.logo {
    position: fixed;
    z-index: 888888;
    top: 5%;
    right: 7%
}

.contentSingle {
    -webkit-transition: all 500ms cubic-bezier(.42, 0, .58, 1);
    -moz-transition: all 500ms cubic-bezier(.42, 0, .58, 1);
    -o-transition: all 500ms cubic-bezier(.42, 0, .58, 1);
    transition: all 500ms cubic-bezier(.42, 0, .58, 1);
    opacity: 0;
    top: 0;
    position: relative
}

#goSmellBasedArt,
#goSmellBasedWalks,
#goSmellBasedTalks,
#goSmellBasedStrategies {
    cursor: pointer
}

.kdk h4:hover {
    cursor: pointer;
    color: #336e51;
    -webkit-transition: all 500ms cubic-bezier(.42, 0, .58, 1);
    -moz-transition: all 500ms cubic-bezier(.42, 0, .58, 1);
    -o-transition: all 500ms cubic-bezier(.42, 0, .58, 1);
    transition: all 500ms cubic-bezier(.42, 0, .58, 1)
}

.paIma {
    padding: 2em 0
}

.contentSingleStage {
    opacity: 1;
    position: relative;
    top: 11em;
    margin-bottom: 10%
}

.innerPage {
    margin-top: 0%;
    opacity: 1
}

.leftB {
    z-index: 20;
    position: absolute;
    top: 38%;
    left: 7%;
    width: 100%;
    display: inline-block;
    text-align: left
}

.leftB img {
    max-width: 15%
}

.rightB {
    -webkit-transition: all 500ms cubic-bezier(.42, 0, .58, 1);
    -moz-transition: all 500ms cubic-bezier(.42, 0, .58, 1);
    -o-transition: all 500ms cubic-bezier(.42, 0, .58, 1);
    transition: all 500ms cubic-bezier(.42, 0, .58, 1);
    -webkit-transition-timing-function: cubic-bezier(.42, 0, .58, 1);
    -moz-transition-timing-function: cubic-bezier(.42, 0, .58, 1);
    -o-transition-timing-function: cubic-bezier(.42, 0, .58, 1);
    transition-timing-function: cubic-bezier(.42, 0, .58, 1);
    z-index: 20;
    position: absolute;
    top: 31%;
    right: 7%;
    display: inline-block;
    width: 100%;
    text-align: right
}

.rightB img {
    max-width: 15%;
    -webkit-transition: all 500ms cubic-bezier(.42, 0, .58, 1);
    -moz-transition: all 500ms cubic-bezier(.42, 0, .58, 1);
    -o-transition: all 500ms cubic-bezier(.42, 0, .58, 1);
    transition: all 500ms cubic-bezier(.42, 0, .58, 1);
    -webkit-transition-timing-function: cubic-bezier(.42, 0, .58, 1);
    -moz-transition-timing-function: cubic-bezier(.42, 0, .58, 1);
    -o-transition-timing-function: cubic-bezier(.42, 0, .58, 1);
    transition-timing-function: cubic-bezier(.42, 0, .58, 1)
}

.quote {
    font-size: .9em;
    margin-top: 3em;
    padding-left: 3em;
    color: #9c5f3f;
    font-family: 'Conv_Gotham-Medium';
    font-weight: 400;
    font-style: normal
}

.text-content {
    padding: 0em 5em
}

.text-content p {
    font-family: 'Raleway', sans-serif;
    font-size: 1em;
    font-weight: 500;
    line-height: 1.8em;
    letter-spacing: .05em
}

.sle {
    font-family: 'Raleway', sans-serif;
    font-size: 1em;
    font-weight: 500;
    line-height: 1.8em;
    letter-spacing: .05em
}

.text-content ul {
    list-style: none
}

.text-content ul li {
    margin: 1em 0;
    font-family: 'Raleway', sans-serif;
    letter-spacing: 1px;
    font-size: 15px
}

.pTx {
    margin-top: 100px
}

.text-content h4 {
    font-size: 18px;
    font-family: 'Raleway', sans-serif;
    letter-spacing: 1px;
    line-height: 25px
}

.text-content h5 {
    font-size: 15px;
    font-family: 'Raleway', sans-serif;
    letter-spacing: 1px;
    line-height: 25px
}

.contentInner .act {
    overflow-y: scroll;
    display: block
}

.contentInner a {
    text-decoration: none;
    color: black;
    opacity: 1;
    font-family: 'Raleway', sans-serif;
    font-size: 1em;
    font-weight: 500;
    line-height: 1.8em;
    letter-spacing: .05em;

}

.contentInner a:hover,
a:focus {
    text-decoration: none;
    color: black;
    opacity: 1
}

.kdk h4 {
    font-size: 1.5em;
    margin-top: 1em;
    margin-bottom: 1em;
    color: #a65c38
}

.lang_switch {
    position: fixed;
    z-index: 888888;
    height: 100px;
    width: 20%;
    display: inline-block;
    text-align: right;
    bottom: -1%;
    right: 0%;
    padding-left: 7%;
    padding-right: 7%
}

.lang_switch a {
    font-family: 'Conv_Gotham-Medium';
    font-weight: 400;
    font-style: normal;
    font-size: .9em;
    color: #9c5f3f;
    cursor: pointer;
    margin-left: .6em
}

.lang_switch a:hover,
a:focus {
    color: #336e51;
    text-decoration: none;
    -webkit-transition: all 500ms cubic-bezier(.42, 0, .58, 1);
    -moz-transition: all 500ms cubic-bezier(.42, 0, .58, 1);
    -o-transition: all 500ms cubic-bezier(.42, 0, .58, 1);
    transition: all 500ms cubic-bezier(.42, 0, .58, 1)
}

.activenonclick {
    color: #336e51!important;
    pointer-events: none
}

.singlePage {
    width: 100%;
    height: auto;
    padding-right: 15%;
    padding-left: 15%
}

.imgTitle {
    max-width: 36em
}

.innerImage {
    max-width: 16em;
    margin: 2em 0
}

@-webkit-keyframes anim {
    0% {
        transform: translateY(-100%);
        opacity: 0
    }
    100% {
        transform: translateY(0%);
        opacity: 1
    }
}

@keyframes anim {
    0% {
        transform: translateY(-100%);
        opacity: 0
    }
    100% {
        transform: translateY(0%);
        opacity: 1
    }
}

.shortBox .shortTitle {
    font-family: 'Conv_Gotham-Medium';
    font-size: 3.2em;
    font-weight: 400;
    display: inline-block;
    font-style: normal;
    color: #9c5f3f;
    letter-spacing: .05em;
    padding-bottom: .1em;
    margin-bottom: .5em
}

.shortBox .shortText {
    font-family: 'Raleway', sans-serif;
    font-size: 1em;
    font-weight: 500;
    margin-left: 10em
}

.shortBox .toSingle:hover {
    cursor: pointer
}

.shortBox .toSingle img {
    max-width: 4em;
    display: inline-block;
    margin-left: 15em
}

.shortBox .toSingle2:hover {
    cursor: pointer
}

.shortBox .toSingle2 img {
    max-width: 4em;
    display: inline-block;
    margin-left: 15em
}

.shortBox .toSingle3:hover {
    cursor: pointer
}

.shortBox .toSingle3 img {
    max-width: 4em;
    display: inline-block;
    margin-left: 15em
}

.shortBox .toSingle4:hover {
    cursor: pointer
}

.shortBox .toSingle4 img {
    max-width: 4em;
    display: inline-block;
    margin-left: 15em
}

.toSingle4 img {
    max-width: 4em;
    display: inline-block;
    margin-left: 15em
}

.insideBtn:hover {
    cursor: pointer
}

.shortBox {
    width: 35%;
    position: absolute;
    left: 50%;
    z-index: 120;
    top: 22%;
    display: block
}

.shortBox.red {
    display: block;
    left: 50%
}

.shortBox2 {
    width: 35%;
    position: absolute;
    left: 32%;
    z-index: 120;
    top: 19%;
    display: none
}

.shortBox2 .shortTitle {
    font-family: 'Conv_Gotham-Medium';
    font-size: 3.2em;
    font-weight: 400;
    display: inline-block;
    font-style: normal;
    color: #9c5f3f;
    letter-spacing: .05em;
    padding-bottom: .1em;
    margin-bottom: .5em;
    cursor: pointer
}

.shortBox2 .shortText {
    font-family: 'Raleway', sans-serif;
    font-size: 1em;
    font-weight: 500;
    margin-left: 0em
}

.shortBox2 .toSingle:hover {
    cursor: pointer
}

.shortBox2 .toSingle img {
    max-width: 4em;
    display: inline-block;
    margin-left: 2em
}

.shortBox3 .toSingle3:hover {
    cursor: pointer
}

.shortBox3 .toSingle3 img {
    max-width: 4em;
    display: inline-block;
    margin-left: 2em
}

.shortBox3 .shortTitle {
    font-family: 'Conv_Gotham-Medium';
    font-size: 3.2em;
    font-weight: 400;
    display: inline-block;
    font-style: normal;
    color: #9c5f3f;
    letter-spacing: .05em;
    padding-bottom: .1em;
    margin-bottom: .5em;
    cursor: pointer
}

.shortBox3 .shortText {
    font-family: 'Raleway', sans-serif;
    font-size: 1em;
    font-weight: 500;
    margin-left: 0em
}

.shortBox3 .toSingle:hover {
    cursor: pointer
}

.shortBox3 .toSingle img {
    max-width: 4em;
    display: inline-block;
    margin-left: 0
}

.shortBox3 {
    position: absolute;
    left: 31%;
    z-index: 120;
    top: 22%;
    display: none
}

.shortBox4 {
    width: 35%;
    width: 35%;
    position: absolute;
    left: 29%;
    z-index: 120;
    top: 15%;
    display: none
}

.shortBox4 .shortTitle {
    font-family: 'Conv_Gotham-Medium';
    font-size: 3.2em;
    font-weight: 400;
    display: inline-block;
    font-style: normal;
    color: #9c5f3f;
    letter-spacing: .05em;
    padding-bottom: .1em;
    margin-bottom: .5em;
    margin-left: 2em;
    cursor: pointer
}

.shortBox4 .shortText {
    font-family: 'Raleway', sans-serif;
    font-size: 1em;
    font-weight: 500;
    margin-left: 10em
}

.shortBox4 .toSingle:hover {
    cursor: pointer
}

.shortBox4 .toSingle img {
    max-width: 4em;
    display: inline-block;
    margin-left: 2em
}

.shortBox2 .toSingle2:hover {
    cursor: pointer
}

.shortBox2 .toSingle2 img {
    max-width: 4em;
    display: inline-block;
    margin-left: 2em
}

.letContainer {
    max-width: 1300px;
    margin-right: auto;
    margin-left: auto;
    margin-right: auto;
    margin-left: auto;
    height: auto;
    background-color: red
}

.pinBoxLeft {
    width: 100%;
    position: absolute;
    left: 10%;
    z-index: 2;
    width: 30%;
    height: 100%;
    max-width: 600px;
    top: 0%
}

.pinBoxRight {
    width: 100%;
    position: absolute;
    right: 10%;
    z-index: 1;
    width: 30%;
    height: 100%;
    max-width: 600px;
    top: 0%
}

.social a:hover {
    text-decoration: none;
    border: 0;
    cursor: pointer
}

.social a:hover .st0 {
    fill: #336e51;
    text-decoration: none;
    -webkit-transition: all 500ms cubic-bezier(.42, 0, .58, 1);
    -moz-transition: all 500ms cubic-bezier(.42, 0, .58, 1);
    -o-transition: all 500ms cubic-bezier(.42, 0, .58, 1);
    transition: all 500ms cubic-bezier(.42, 0, .58, 1);
    border: 0
}

.L1 {
    display: block;
    width: 36%;
    margin-left: 27%;
    margin-top: 23%
}

.L2 {
    display: block;
    width: 36%;
    margin-left: -7%;
    margin-top: 10%
}

.L3 {
    display: block;
    width: 36%;
    margin-left: 47%;
    margin-top: -17%
}

.L4 {
    display: block;
    width: 36%;
    margin-left: 21%;
    margin-top: -15%
}

.L5 {
    display: block;
    width: 36%;
    margin-left: 28%;
    margin-top: 29.4%
}

.L6 {
    display: block;
    width: 36%;
    margin-left: 60%;
    margin-top: 10%
}

.L7 {
    display: block;
    width: 36%;
    margin-left: 5%;
    margin-top: 10%
}

.L1,
.L2,
.L3,
.L4,
.L5,
.L6 {
    -webkit-transition: all 500ms cubic-bezier(.785, .135, .15, .86);
    -moz-transition: all 500ms cubic-bezier(.785, .135, .15, .86);
    -o-transition: all 500ms cubic-bezier(.785, .135, .15, .86);
    transition: all 500ms cubic-bezier(.785, .135, .15, .86);
    ;
    opacity: 1
}

.goDown {
    margin-top: 50%;
    opacity: 0
}

.toTop {
    margin-top: 5%;
    opacity: 1
}

@media only screen and (max-width:769px) {
    html,
    body {
        overflow-x: hidden!important;
        background-image: url(../img/b.png)
    }
    .sidebarinner {
        display: none!important
    }
    #singlePageContainerwc {
        position: static
    }
    .gallery-nav {
        margin-top: 3em
    }
    .pinBoxRight {
        display: none!important
    }
    .pinBoxLeft {
        display: none!important
    }
    .letContainer {
        display: none!important
    }
    .header img {
        max-width: 6em
    }
    .social svg {
        max-width: .8em
    }
    .social a {
        margin-right: .8em
    }
    .social {
        float: left;
        width: 25%;
        text-align: left;
        margin-top: 1em
    }
    .shortBox {
        width: 100%;
        position: absolute;
        left: 0;
        z-index: 120;
        top: 22%;
        text-align: center
    }
    .shortBox3 {
        width: 100%;
        position: absolute;
        left: 0;
        z-index: 120;
        top: 22%;
        display: none;
        text-align: center
    }
    .shortBox4 {
        width: 100%;
        position: absolute;
        left: 0;
        z-index: 120;
        top: 22%;
        display: none;
        text-align: center
    }
    .shortBox2 {
        width: 100%;
        position: absolute;
        left: 0;
        z-index: 120;
        top: 22%;
        display: none;
        text-align: center
    }
    .shortTitle {
        text-align: center
    }
    3 .re {
        display: block!important
    }
    .leftNav {
        position: fixed;
        z-index: 999999999;
        height: auto;
        width: 100%;
        text-align: center;
        bottom: 6%;
        left: 0;
        right: 0
    }
    .leftNav a {
        display: block;
        font-family: 'Conv_Gotham-Medium';
        font-weight: 400;
        font-style: normal;
        font-size: .8em;
        color: #9c5f3f;
        cursor: pointer;
        letter-spacing: .05em;
        word-spacing: .3em;
        line-height: 1.5em
    }
    .lang_switch {
        position: fixed;
        z-index: 9999999000;
        height: auto;
        width: 100%;
        display: inline-block;
        text-align: center;
        bottom: 1%;
        right: 0%;
        padding-left: unset;
        padding-right: unset
    }
    .lang_switch a {
        font-family: 'Conv_Gotham-Medium';
        font-weight: 400;
        font-style: normal;
        font-size: .7em;
        color: #9c5f3f;
        cursor: pointer;
        margin-left: .6em
    }
    .shortBox.red {
        left: unset
    }
    .shortBox4 .shortTitle {
        margin-left: unset;
        font-size: 2.6em;
        margin-top: -1.1em
    }
    .shortBox3 .shortTitle {
        font-size: 2.6em;
        margin-top: -1.1em
    }
    .shortBox2 .shortTitle {
        font-size: 2.6em;
        margin-top: -1.1em
    }
    .shortBox .shortTitle {
        font-size: 2.6em;
        margin-top: -1.1em
    }
    .leftB {
        display: none
    }
    .rightB {
        display: none
    }
    .contentSingleStage {
        top: 6em
    }
    .singlePageImg {}
    .imgTitle {
        max-width: 19em
    }
    .text-content {
        padding: 0em
    }
    .mRight {
        padding-right: unset!important
    }
    .backHomeBtn {
        position: absolute;
        z-index: 700;
        left: 49.7%;
        width: 2em;
        top: 3%;
        cursor: pointer
    }
    .singlePage {
        width: 100%;
        height: auto;
        padding-right: 5%;
        padding-left: 15%
    }
    .fin {
        margin-top: -4em
    }
    .mbHead {
        width: 100%;
        background: #ebe7de;
        height: 60px;
        line-height: 60px;
        border-bottom: 1px solid #ddd
    }
    .hamburger {
        background: none;
        position: absolute;
        top: 0;
        right: 0;
        line-height: 45px;
        padding: 5px 15px 0 15px;
        color: #999;
        border: 0;
        font-size: 1.4em;
        font-weight: 700;
        cursor: pointer;
        outline: none;
        z-index: 10000000000000
    }
    .cross {
        background: none;
        position: absolute;
        top: -8px;
        right: 0;
        padding: 7px 15px 0 15px;
        color: #999;
        border: 0;
        font-size: 3em;
        line-height: 65px;
        font-weight: 700;
        cursor: pointer;
        outline: none;
        z-index: 10000000000000
    }
    .menu {
        z-index: 9999999999;
        font-weight: 700;
        font-size: .8em;
        width: 100%;
        background: #ebe7de;
        position: absolute;
        text-align: center;
        font-size: 12px
    }
    .menu ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
        list-style-image: none
    }
    .menu li {
        display: block;
        padding: 15px 0 15px 0;
        border-bottom: #a65c38 1px solid;
        font-family: 'Conv_Gotham-Medium';
        font-weight: 400;
        font-style: normal;
        font-size: 1em;
        c cursor: pointer;
        letter-spacing: .05em;
        word-spacing: .3em
    }
    .menu li:hover {
        display: block;
        color: #336e51;
        padding: 15px 0 15px 0;
        border-bottom: #a65c38 1px solid
    }
    .menu ul li a {
        text-decoration: none;
        margin: 0;
        color: #a65c38;
        font-family: 'Conv_Gotham-Medium';
        font-weight: 400;
        font-style: normal;
        font-size: 1em;
        c cursor: pointer;
        letter-spacing: .05em;
        word-spacing: .3em
    }
    .menu ul li a:hover {
        color: #666;
        text-decoration: none
    }
    .menu a {
        text-decoration: none;
        color: #666;
        display: block!important
    }
    .menu a:hover {
        text-decoration: none;
        color: #666
    }
    .glyphicon-home {
        color: white;
        font-size: 1.5em;
        margin-top: 5px;
        margin: 0 auto
    }
    .mbHead {
        display: inline-block;
        font-size: 12px
    }
    .mbHead span {
        padding-left: 20px
    }
    .mbHead a {
        color: #369
    }
    .backHomeBtn {
        display: none!important
    }
    .toSingle4 img {
        max-width: 100%;
        margin-left: unset
    }
    .quotess {
        margin-top: 11%
    }
    #singlePageContainersed.pinStage {
        z-index: -40;
        overflow: unset
    }
}

@media (max-width:768px) and (orientation:landscape) {
    .mbLogo {
        max-width: 15%
    }
    .itemMainSlider {
        position: absolute;
        top: 0;
        left: auto;
        right: auto;
        width: 100%
    }
    .mip {
        position: relative;
        overflow: unset;
        height: 220px;
        text-align: center;
        width: 100%
    }
    .mip img {
        max-width: 100%;
        height: auto;
        max-height: 295px;
        margin-left: auto;
        margin-right: auto
    }
    .gnav {
        top: 400px
    }
    .shortBox .shortTitle {
        font-size: 1.6em;
        margin-top: -.1em
    }
    .shortBox2 .shortTitle {
        font-size: 1.6em;
        margin-top: -.1em
    }
    .shortBox3 .shortTitle {
        font-size: 1.6em;
        margin-top: -.1em
    }
    .shortBox4 .shortTitle {
        font-size: 1.6em;
        margin-top: -.1em
    }
}

@media (min-width:768px) and (max-width:1024px) {
    .mobileMainStage {
        padding: 6em 10em;
        height: 100%
    }
    .mip {
        position: relative;
        min-height: 800px;
        overflow-y: hidden
    }
    .gnav {
        top: 90%
    }
    .shortBox .shortTitle {
        font-size: 4.6em;
        margin-top: -1.5em
    }
    .shortBox2 .shortTitle {
        font-size: 4.6em;
        margin-top: -1.5em
    }
    .shortBox3 .shortTitle {
        font-size: 4.6em;
        margin-top: -1.5em
    }
    .shortBox4 .shortTitle {
        font-size: 4.6em;
        margin-top: -1.5em
    }
    .mbLogo {
        max-width: 12%
    }
}





button, input, select, textarea {
    font-family: 'Conv_Gotham-Bold';
    font-size: 14px;
    font-weight: 400;
    line-height: inherit;
    width: 100%;
    background: rgba(255, 255, 255, .8);
    border: 0px;
    padding: .4em;
    margin: 1em -1em;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    margin-top: 1em;
    font-weight: 500;
    color: #a65c38;
    
}

.btn-default {
    color: #336e51 !important;
    background-color: transparent !important;
    border-color: #336e51 !important;
    margin-top: 3em !important;
    border: 2px solid #336e51 !important;
    border-radius: 0px !important;
    padding: .7em 0 !important;
    -webkit-transition: all 500ms cubic-bezier(.295, 0, .88, .195);
    -webkit-transition: all 500ms cubic-bezier(.295, -.005, .88, .195);
    -moz-transition: all 500ms cubic-bezier(.295, -.005, .88, .195);
    -o-transition: all 500ms cubic-bezier(.295, -.005, .88, .195);
    transition: all 500ms cubic-bezier(.295, -.005, .88, .195);
}

.formInner div {
    padding:0;
    
}


.btn-default:hover {
    color: white !important;
    background-color: #336e51 !important;
    border-color: #336e51 !important;
    margin-top: 3em !important;
    border: 2px solid #336e51 !important;
    border-radius: 0px !important;
    padding: .7em 0 !important;
    -webkit-transition: all 500ms cubic-bezier(.295, 0, .88, .195);
    -webkit-transition: all 500ms cubic-bezier(.295, -.005, .88, .195);
    -moz-transition: all 500ms cubic-bezier(.295, -.005, .88, .195);
    -o-transition: all 500ms cubic-bezier(.295, -.005, .88, .195);
    transition: all 500ms cubic-bezier(.295, -.005, .88, .195);
}

.contactFormSection {
    margin-top:5em;
}

.formResultContainer {
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    font-size: 1.05em;
}



.oo h4 {
    color: #9c5f3f;
}

.oo ul {
    list-style: none;
    display: flex;
    align-items: center;
}

.oo ul li {
    margin: 1em 1em 0 0;
    font-family: 'Raleway', sans-serif;
    letter-spacing: 1px;
    font-size: 15px;
    float: left;
    display: inline-block;
    max-width: 20%;
}

.oo .fnm li img {
    max-width:100%;
}




textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {   

  border-color: none !important;
  box-shadow:none !important;
  outline: 0 none;
}


@media (max-width:768px) {
    .text-content h5 {
    font-size: 15px;
    font-family: 'Raleway', sans-serif;
    letter-spacing: 1px;
    line-height: 25px;
    font-size: 18px;
    font-family: 'Raleway', sans-serif;
    letter-spacing: 1px;
    line-height: 25px;
    color: #9c5f3f;
}
}