body{margin: 0}
p{font-family:'Lora', serif;font-size: 14px;line-height: 1.5em}
img{width: 100%}
.color1{color: #384144}
.empty{min-height: 79px}
.color2{color: white}
.bg-color1{background: #eeeeee}
.bg-color2{background: #e8e8e8}
.header {height: 80px;position: fixed;z-index: 99;width: 100%;top: 0;left: 0; background-color: #fff;font-family: 'Montserrat', sans-serif;box-shadow: 0px 0px 1px 2px #eeeeee}
.header nav {text-transform: uppercase;font-size: 12px;margin: 0 auto}
.header nav a {color: #555555;padding: 8px 20px 6px;border-bottom: 2px transparent solid;border-bottom: solid 2px #ffffff}
.active{border-bottom: 2px solid #384144 !important;}
.header nav a:hover{border-bottom: 2px solid #384144}
.logo img{max-width: 200px}
.font-m{font-size: 44px !important;}
.banner img{width: 100%}
.title-type1{padding: 15px 0 25px 0;border-bottom: 1px solid #727b77}
.title-type1 div:first-child{font-family: 'Montserrat', sans-serif;font-weight: 500;font-size: 16px;display: block;text-transform: uppercase}
.content-field01{margin: 50px auto}
.title-type1 div:last-child{font-family: 'Oswald', sans-serif;font-weight: 500;font-size: 55px;display: block;text-transform: uppercase;line-height: 55px}
.button-type1{display: inline-block;padding: 12px;font-size: 14px;font-family: 'Montserrat', sans-serif;background: #384144;color: white;text-transform: uppercase; min-width: 140px;text-align: center;border: 1px solid #384144}
.button-type1:hover{background: none;border: 1px solid #384144;color: #384144}
.content-field02 aside{position: relative}
.tp-overlay{position: absolute;width: 100%;background: rgba(0, 0, 0, 0.3);bottom: 0;text-align: center;}
.content-field02 aside:hover .tp-overlay{background: rgba(0, 0, 0, 0.7);padding-bottom: 45px!important;}
.content-field02 aside{overflow: hidden}
.tp-overlay span{font-family: 'Oswald', sans-serif;font-size: 22px;display: block;color: white;text-decoration: underline}
.button-type2{padding: 11px;color: white;font-family: 'Montserrat', sans-serif;font-size: 12px;border: 1px solid white;display: inline-block}
.button-type2:hover{background: #cc0000;border: 1px solid rgba(68, 68, 68, 0)}
.title-type2{text-align: center;font-size: 37px;font-family: 'Oswald', sans-serif;color: #384144;margin: 20px auto}
.card-holder{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-wrap: wrap}
.card{background: white;box-shadow: 0 3px 13px 0 #e6e6e6;width: 31.33%;margin: 1%;box-sizing: border-box;position: relative}
.card h4{font-family: 'Oswald', sans-serif;font-size: 22px;text-align: center;margin: 0 auto;padding: 14px 24px;max-width: 340px;min-height: 72px}
.button-type3{display: inline-block;text-decoration: none;color: #575757;padding: 9px;font-size: 13px;font-weight: 500;font-family: 'Montserrat', sans-serif;border:  solid 2px #858585;margin:0 0 24px 24px}
.button-type3:hover{background: #858585;color: white}
.activities-index h6{font-size: 14px;font-family: 'Montserrat', sans-serif;font-weight: 500;display: block;text-align: center;padding: 16px 0 25px 0;border-bottom: 1px solid #eeeeee}
.activities-index h6 a{text-decoration: none;color: #384144}
.activities-index h6 a:hover{color: red}
.ancient aside{position: relative; margin: 1%;overflow: hidden}
.ancient aside:first-child:hover .tp-overlay2{background: rgba(0, 0, 0, 0.7)}
.ancient aside:first-child:hover .tp-overlay3{background: rgba(0, 0, 0, 0.7);}
.tp-overlay2, .tp-overlay3{position: absolute;width: 100%; background: rgba(0, 0, 0, 0.3);color: white !important;padding: 20px;border: none}
.tp-overlay2{top: 0}
.tp-overlay3{bottom: 0;font-size: 12px;font-family: 'Lora', serif ; padding: 24px 50px;line-height: 1.5em;font-style: italic }
.tumb-holder span{display: block;height: 32.33%;margin-bottom: 1%;position: relative;overflow: hidden}
.hover-display{position: absolute;background: rgba(0, 0, 0, 0.7);padding: 25px 35px;color:white ;top: 0%;font-size: 12px;text-align: center;width: 100%;height: 100%;display: flex;flex-direction: column;opacity: 0;justify-content: center}
.tumb-holder span:hover .hover-display{cursor: pointer; opacity: 1;-webkit-transform: all ease-in 0.3s;-moz-transform: all ease-in 0.3s; -ms-transform: all ease-in 0.3s;-o-transform: all ease-in 0.3s;transform: all ease-in 0.3s}
.hover-display h6{font-size: 14px;font-family: 'Oswald', sans-serif;padding:0 0 9px 0;text-decoration: underline}
.hover-display p{flex-direction: column;align-self: center;font-size: 11px;font-weight: 300;font-family: 'Montserrat', sans-serif}
.tumb-holder span:first-child{background:url("../images/page-includes/ac-01.jpg") no-repeat;background-size: cover }
.tumb-holder span:nth-child(2){background:url("../images/page-includes/ac-02.jpg") no-repeat;background-size: cover }
.tumb-holder span:last-child{background:url("../images/page-includes/ac-03.jpg") no-repeat;background-size: cover }
.footer {border-top: 1px solid #384144;padding: 20px 0}
.footer aside{text-align: center;font-size: 12px;color: #5f5f5f}
.social-icons a{text-decoration: none;color: #5f5f5f;font-size: 18px;margin: 0 5px}
.flexslider{overflow: hidden !important;border: 0 !important;border-radius: 0 !important;}
.flex-control-nav{bottom: 20px !important;z-index: 10}
.mb-bt{display: none}
.overflow-remove{overflow: hidden}
.enspirer-link{text-decoration: none;color:#5f5f5f }
.enspirer-link:hover{color: #00b700}
.header nav .logo-x:hover{border: 0 solid white!important;}

/** end ---------------------------------------------------------------------------------------------------------- **/

@media all and (max-width:1024px){
    p{font-size: 13px;line-height: 1.4em;padding:7px 11px}
    .content-field01{margin:28px auto }
    .flexslider{margin: 0 20px!important;}
    .title-type1 div:last-child{font-size: 45px}
    .title-type1 div:first-child{font-size: 13px}
    .mt-xl{margin-top: 28px}
    .button-type1{font-size: 12px}
    .tp-overlay span{font-size: 18px}
    .button-type2{padding: 6px}
    .title-type2{font-size: 37px}
    .card h4{font-size: 18px}
    .button-type3{padding: 7px;font-size: 11px}
    .font-m{font-size: 30px!important;}
    .tp-overlay2, .tp-overlay3{padding: 8px 20px}
    .hover-display{padding: 5px!important;}
    .hover-display p{font-size: 9px;padding: 4px}
}
/** 1024 end ---------------------------------------------------------------------------------------------------------- **/

@media all and (max-width: 840px) {
    .mt-lg{margin-top: 12px!important;}
    .flexslider{margin: 0!important;}
    .content-padding.lg{padding: 10px}
    .content-field01, .content-field02 {flex-direction: column;padding: 17px}
    .card-holder aside{width: 100%!important;}
    .content-field02 aside{max-width: 100%!important;}
    .button-type3{margin: 7px}
    .logo img{max-width: 125px}
    .header{max-height: 60px;padding: 7px;position: relative}
    .header nav{height: 0%;position: fixed;width: 100%;top: -100%;left: 0;display: block;background: white;padding: 24px;text-align: center;overflow: scroll }
    .header nav a{display: block;margin: 14px auto;max-width: 200px!important;border-bottom: 1px solid #eeeeee}
    .header nav a:first-child{margin-top: 22px}
    .mb-bt{display: inline-block;
        position: absolute;
        right: 5px;
        top: 10px;padding: 2px;font-size: 20px;z-index: 3;color: #384144}
    .m-active{height: 100%!important;top:0 !important;
        -webkit-transition: all 0.8s ease ;
        -moz-transition: all 0.8s ease ;
        -ms-transition: all 0.8s ease ;
        -o-transition: all 0.8s ease ;
        transition: all 0.8s ease ;}
    .m-change::before{content: "\f00d"}
    .content-field01 aside:last-child iframe{min-height: 220px}
    .content-field01 div P{padding: 7px 0}
    .ancient{display: block !important;}
    .tumb-holder{display: block}
    .tumb-holder span{min-height: 120px}
    .hover-display{opacity: 1;background: rgba(0, 0, 0, 0.5)}
    .tp-overlay2, .tp-overlay3{ background: rgba(0, 0, 0, 0.5)}

}

@media all and (max-width: 480px) {
    p{font-size: 13px; line-height: 1.5em}
    .content-field02 aside:first-child img{content: url("../images/page-includes/mobile/index-01.jpg")}
    .content-field02 aside:nth-child(2) img{content: url("../images/page-includes/mobile/index-02.jpg")}
    .content-field02 aside:last-child img{content: url("../images/page-includes/mobile/index-03.jpg")}
    .title-type2{margin: 9px auto}
    .title-type2{font-size: 30px}
    footer{display: block!important;
        display: -webkit-box!important;
        display: -moz-box!important;
        display: box!important;

        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        box-orient: vertical;}
    footer aside{max-width: 100%!important;-webkit-box-flex: 1 1 100%!important;-moz-box-flex: 1 1 100%!important;-webkit-flex: 1 1 100%!important;-ms-flex: 1 1 100%!important;flex: 1 1 100%!important;margin: 5px}
    .footer aside:nth-child(1){-webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        box-ordinal-group: 2;}

    .footer aside:nth-child(3){-webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        box-ordinal-group: 2;}
    .footer aside:nth-child(2){-webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        box-ordinal-group: 1;}



}