/*font-family: 'Montserrat', sans-serif;*/
@font-face {
    font-family: 'Optima';
    src: url('../../Content/fonts/Optima-Regular.woff2') format('woff2'),
        url('../../Content/fonts/Optima-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
body{ color:#fff;font-family: 'Montserrat', sans-serif; font-size:16px; background:#eeefef;overflow-x: hidden; font-weight:300;}
p{font-family: 'Montserrat', sans-serif;font-weight:300;}
a{ color:#666; text-decoration:none;transition: 0.3s; }
header a { font-weight:bold; }
a:hover{ color:#000; text-decoration:none;}
h1, h2, h3{ color:#666;font-family: 'Optima';}
h1{ font-size: 3.25rem;}
h2 {font-size: 2.5rem;}
h3 {font-size: 1.5rem;}
.btn{padding: 10px 30px;text-transform: uppercase;transition: 0.5s;border-radius: 0px;font-family: 'Montserrat', sans-serif;}
.btn-white{ color:#666!important; background:#fff; border:2px solid #fff;}
.btn-white:hover{ color:#fff!important; background:#666; border:2px solid #fff;}
.btn-gray{ color: #fff!important;background: #69813b;border: 1px solid #69813b;}
.btn-gray:hover { color: #666!important;background: #fff;border: 1px solid #69813b;}

.btn.focus, .btn:focus{outline: 0; box-shadow: none;border: none;}


.f-gray{ color:#666;}
.welcome-text{ font-size:35px; color:#666;font-family: 'Optima';}
.border-l{ border-left:1px solid #fff !important;}
.border-r{ border-right:1px solid #fff !important;}
 .m-show{ display:none;}
 .w-35{ width:35% !important;}
 .whitebg{ background-color:#fff;}
/*animation Effect*/c
.animation-delay-01{ animation-delay: 0.1s;}
.animation-delay-02{ animation-delay: 0.2s;}
.animation-delay-03{ animation-delay: 0.3s;}
.animation-delay-05{ animation-delay: 0.5s;}
.animation-delay-08{ animation-delay: 0.8s;}
.animation-delay-1{ animation-delay: 1s;}
.a-iteration-2{animation-iteration-count: 2;}
/*Custom*/
.navbar-nav {margin: auto;font-family: 'Montserrat', sans-serif;}
.mainLogo {position: absolute;left: 0;right: 0;width: 20%;margin: auto;top: 0;text-align: center;z-index: 9;transition: 0.5s;}
.mainLogo img {width: 78%;transition: 0.5s;}
.white-box {position: absolute;right: 0;left: 0;top: 0;background: #fffdfd;height: 50%;box-shadow: 0px 3px 5px #5d5858;}
.test-title {color: #000;margin-top: 10px;display: block;font-style: normal;}
.index-gallery {width: 1350px;}
.bg-image {background-image: url(../../Content/images/bgimage.jpg);background-size: cover;background-repeat: no-repeat;}
.img-border {border: 5px solid #fff;}
.text-break {display: block;}
.white-bg {background: #fff;box-shadow: 0px 3px 10px #8a8181;padding: 40px 0px;}
/*header*/
.fixed-hide {height: 53px;}
.headerindex.fixed .fixed-hide { display:none !important;}
.headerindex.fixed .header-black {position: fixed;right: 0;left: 0;}
.headerindex.fixed .header-black {padding: 20px 0px;}
.headerindex {position: absolute;right: 0;left: 0;width: 100%;z-index: 9;transition: 0.8s;}
.navbar-light .navbar-nav .nav-link {color: #32251c;font-family: optima;text-transform: uppercase;}
.header-black {padding: 34px 0px 0px;font-family: optima;transition: 0.5s;background-image: url("Header-bg.png");background-size: 100%;background-repeat: no-repeat;height: 174px;background-position-y: -20px;}
.wather-icon img {margin: -6px 10px;}
.navbar-nav ul li.active a{ color: #69813b !important;}
.navbar-nav ul li a:hover{ color: #69813b !important;}
.banner-overlay {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&1+0,0+100 */background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */height: 20%;width: 100%;position: absolute;z-index: 1;}
/*carousel*/
.carousel-caption h1 {font-size: 30px;line-height: 170%;text-transform: uppercase; color:#fff;}
.big-text {font-size: 60px;display: block;}
.carousel-caption {top: 25%;z-index: 0;}
#slider1 .carousel-control-prev, #slider3 .carousel-control-prev {background-image: url("../../Content/images/slider-arrow.png");height: 53px;width: 58px;top: 40%;left: 14px !important;}
#slider1 .carousel-control-next, #slider3 .carousel-control-next {background-image: url("../../Content/images/slider-arrow.png");height: 53px;width: 58px;top: 40%;background-position-x: -100%;right: 14px !important;}
#slider2 .carousel-control-prev {background-image: url("../../Content/images/slider-arrow-black.png");height: 53px;width: 58px;top: 40%;}
#slider2 .carousel-control-next  {background-image: url("../../Content/images/slider-arrow-black.png");height: 53px;width: 58px;top: 40%;background-position-x: -100%;}
#slider2 .carousel-inner p {width: 75%;margin: auto;font-style: italic;}
/*Book Now*/
#bookform > ul > li {display: inline-block;vertical-align: middle;position: relative;text-align: left;margin: 0.3rem;font-size: 1rem;}
.chekinOut {width: 180px;position: relative;}
#bookform ul li input[type="text"] {background: rgba(255,255,255,0.5) url("../../Content/images/icon-calendar.png") no-repeat right 10px center;}
#bookform ul li input[type="text"], .jquery-selectbox {background-color: transparent;border: none;color: #fff !important;font-size: 1rem;padding: 0.75rem;height: auto;text-align: left;text-transform: uppercase;z-index: 2;width: 100% !important;border-bottom: 2px solid #fff;}


.chekinOut1 {border: 1px solid #fff;border-top: 0px;padding: 10px 10px;border-bottom: 2px solid #fff;background-image: url("../../Content/images/human-icon.png");background-repeat: no-repeat;background-position: 100px center;background-position: 144px center;width: 199px;border-left: 0;font-weight: bolder;}
.select2-container--default .select2-selection--single {background-color: transparent !important;border: none !important;border-radius: 0px !important;}
.select2-container {margin-left: 30px !important;}
.select2-container--default .select2-selection--single .select2-selection__rendered {color: #fff !important;}
.select2-container .select2-selection--single .select2-selection__rendered {padding-right: 55px !important;}
#flexSliderControls{ position:relative;}
.booknow-bar {position: fixed;bottom: 0; z-index: 1; }
.select2-container--default .select2-selection--single .select2-selection__arrow {display: none !important;}
.select2-container--default .select2-results > .select2-results__options {max-height:400px !important; overflow-y:auto !important; }
.select2-container--default .select2-results__option--highlighted[aria-selected] {background-color: #69813b !important;color: #fff !important;}
.select2-container--default .select2-results__option {background-color: #fff !important;color: #666 !important;padding:1px 4px !important;}
.select2-container--open .select2-dropdown {left: -29px !important;}
.chekinOut1 label{ margin:0px;}
#bookform ul li input::placeholder{ color:#fff !important; opacity:1;}
/*dropdown nav*/
.dropdown254:hover .dropdown-menu1, .dropdown254:hover .img-show-none{display: block !important;}
.dropdown-menu1 {position: absolute;top: 100%;left: -71%;z-index: 1000;display: none;float: left;min-width: 10rem;padding: 0;font-size: 1rem;color: #212529;text-align: left;list-style: none;background-color: #666;background-clip: padding-box;border: 1px solid rgba(0,0,0,.15);border-radius: 0rem;border-top: 3px solid #69813b;width: 250px;text-align: center;margin: auto;padding: 25px 0;}
.img-show-none {text-align: center;margin: 0 auto;position: absolute;right: 0;left: 0;top: 30px; display:none;}
.nav-hr {margin: auto;width: 70%;color: #fff;background: #4d4d4d;}
/*footer*/
.green-bg {background: rgba(0, 0, 0, 0.8);position: absolute;left: 0;top: 0;z-index: 1;width: 100%;height: 100% !important;}
.textbox textarea{ padding-bottom:-10;}
.vcard a {color: #fff; text-decoration:none;}
.vcard a:hover{color: rgb(228, 173, 89);}
.given-name {font-size: 30px;padding-bottom: 10px;display: block;font-family: 'Optima';}
.tel2 {font-size: 30px;margin-top: 35px;font-family: 'Optima';}
.textbox {display: block;margin-bottom: 5px;float: left;width: 100%;clear: both;margin-bottom: 0px;border-bottom: 2px solid #fff;margin: 0 auto;text-align: center;}
.textbox input, .textbox textarea {background: none;border-radius: 0;padding: 32px 7px 4px;border: 0px;transition: 0.3s; position: relative;font-family: 'Optima';color: #fff !important;}
.form-control:focus {border-color: transparent;outline: 0;box-shadow:none; background: none;}
.form-control::placeholder {color: #fff;opacity: 1;}
.no-border img {border: 0px !important;margin: 10px auto;}
/*.copyright {position: absolute;bottom: 0;right: 0;left: 0;background: rgba(0,0,0,0.6);z-index: 1;padding: 20px 0;border-top: 2px solid #fff;}*/
.footer-icon .svg_icon_nav {height: 35px;width: 26px;fill: #fff;}
.footer-icon .icon-bg {display: inline-block;margin: 0 15px;}
.copyright-text {text-align: center;display: block;font-size: 13px;color: #fff;margin-top: 15px;}
/*hover effect*/
.hovereffect {width: 100%;height: 100%;float: left;overflow: hidden;position: relative;text-align: center;cursor: default;border: 5px solid #fff;}
.hovereffect .overlay {width: 100%;height: 100%;position: absolute;overflow: hidden;top: 0;left: 0;-webkit-transition: all 1s  cubic-bezier(0.88,-0.99, 0, 1.81);transition: all 0.4s  cubic-bezier(0.88,-0.99, 0, 1.81);}
.hovereffect:hover .overlay {background-color: rgba(0, 0, 0, 0.4);}
.hovereffect img {display: block;position: relative;}
.hovereffect h2 {text-transform: uppercase;color: #fff;text-align: center;position: relative; text-shadow: 0px 1px 7px #343a40;font-size: 45px;-webkit-transform: translateY(185px);-ms-transform: translateY(185px);transform: translateY(185px);-webkit-transition: all 1s cubic-bezier(0.88,-0.99, 0, 1.81);transition: all 1s cubic-bezier(0.88,-0.99, 0, 1.81);margin: auto;text-align: center;}
.hovereffect:hover h2 {-webkit-transform: translateY(65px);-ms-transform: translateY(65px);transform: translateY(65px);}
.hovereffect:hover h2.full {-webkit-transform: translateY(154px);-ms-transform: translateY(154px);transform: translateY(154px);}
.hovereffect .info {display: inline-block;text-decoration: none;color: #fff;background-color: transparent;opacity: 0;filter: alpha(opacity=0);-webkit-transform: scale(0);-ms-transform: scale(0);transform: scale(0);-webkit-transition: all 1s cubic-bezier(0.88,-0.99, 0, 1.81);transition: all 1s cubic-bezier(0.88,-0.99, 0, 1.81);font-weight: normal;margin: -52px 0 0 0;padding: 20% 15%;}
.hovereffect:hover .info {opacity: 1;filter: alpha(opacity=100);-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
.hovereffect:hover img {opacity: 1;filter: alpha(opacity=100);-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1.1);-webkit-transition: all 1s ;transition: all 1s ;}
.tel a{color:#fff; font-size: 23px;}
.black-bg{ background-color:rgba(0,0,0,1)}
.footer-icon { clear:both;}
.tel a:hover{color:rgb(228, 173, 89);}
.button_book.bookbtnm a {font-weight: bold;}
.menubtn .btn-gray{display:none;}
.fixed .menubtn .btn-gray{display:block;}
.menubtn .btn {padding: 6px 15px; margin-left:10px;}
.explor h3{font-size:3rem;}
.centerbtn{position:absolute; width:100%; top:41%; left:0}
.contactfooter h2{color:#fff; text-align:center;}
.borderfooter{border-top: 2px solid #000;}
/*.slider-inner-container{height:100vh;}*/
.list ul li{color:#666; font-size:16px; list-style: none; line-height: 35px;}
.sitemap ul li{font-size:20px;  list-style:none; line-height:45px;}
.copyright-text a{color:#fff; font-weight:bold;}
.copyright-text a:hover{color:#fff; font-weight:bold;}
.dropdown-item.active, .dropdown-item:active {background-color: #fff !important;}
.lg-sub-html{display:none;}
.cont{font-size:35px;}
.btnblue .btn:hover{color: #ffffff !important;background: #69813b;border: 1px solid #69813b;}
.select2-container .select2-selection--single .select2-selection__rendered {text-overflow: clip !important;}
.navbar-light .navbar-nav .nav-link {padding: 10px 13px;}
#slider2.carousel {height:200px;}
.highslide img{ margin-left:-2px;}
.footernav ul li a {color: #fff;font-weight: 600;text-transform: uppercase;padding: 0em;}
.footernav ul li {display: inline-block;padding: 5px 0px 5px 16px;padding-left: 16px !important;font-size: 16px;}
.footernav ul li a:hover, .footernav ul li.active a, .coppyrighttxt a:hover {color: #69813b;border-bottom: none;}
.dropdown-menu1 ul li.active a{background-color: #f8f9fa;}
.textbox.textareah{ height:79px;}



@media only screen and (max-width:1920px)
{.testi{padding-left:20%;}   
 }
@media only screen and (max-width:1600px)
{.header-black {padding: 20px 0px 0px;height: 140px;}  
 .headerindex.fixed .header-black {padding: 10px 0px 0px;} 
 .testi{padding-left:16%;}  
#slider2.carousel {height: 275px;}
 }
 @media only screen and (max-width:1366px)
{#bookform {width: 65%;}
 .testi{padding-left:8%;}  
 .menubtn .btn {padding: 6px 6px;margin-left: 0px;font-size:0.9rem;}
}

@media only screen and (max-width:1280px)
{.big-text {font-size: 60px;display: block;}
 .carousel-caption h1 {font-size: 30px;}
 .welcome-text{ font-size:32px; }
 h1{ font-size: 2.8rem;}
 body{ font-size:15px; }
 h2 {font-size: 2rem;}
 .big-text {font-size: 60px;display: block;}
 .carousel-caption h1 {font-size: 30px;}
 
 }
@media only screen and (max-width:1100px)
{.header-black {background-position-y: -11px;}
  .fixed-hide {height: 33px;} 
  .header-black {padding: 9px 0px 0px;}
  .headerindex.fixed .header-black {padding: 0px;} 
  .carousel-caption h1 {font-size: 39px;}
  .big-text {font-size: 55px;}
  h1 {font-size: 4rem;}  
  .vcard {font-size: 15px;}
  .tel2 {font-size: 40px;}
  .given-name {font-size: 22px;}
  .tel2 {font-size: 37px;}
  .textbox input, .textbox textarea {padding: 25px 7px 4px;}
  #bookform {width: 80%;}
  .hovereffect:hover h2 {-webkit-transform: translateY(38px);-ms-transform: translateY(38px);transform: translateY(38px);}
  .hovereffect .info p{font-size:14px; line-height:18px;}
  .hovereffect .info{padding: 21% 3%;}
  .icon-phone-receiver {position: absolute;left: 9px;top: 17px;}
  .togglemenu .nav {top: -12px;}
  .select2-container {margin-left: 10px !important;}
  
}
@media only screen and (max-width:999px)
{  .fixed-hide {display: none;}
   .header-black {height: 64px;background-position-y: -1px; background:#000;} 
   .mainLogo {width: 23%;}
   
   .hovereffect h2 {font-size: 28px;width: auto;}
   .overlay p{font-size: 14px;}
   .big-text {font-size: 46px;}
   #map_div1 {height: 534px !important;}
   .green-bg {height: 78%;}
   .copyright {background: rgba(0,0,0,0.9);}
   .chekinOut {width: 160px;}
   .chekinOut1 {background-position: 133px center;}
   #bookform {width: 96%;}
   .mainLogo img {width: 67%;}
   .hovereffect:hover h2 {-webkit-transform: translateY(10px);-ms-transform: translateY(10px);transform: translateY(10px);}
   .hovereffect:hover h2.full {-webkit-transform: translateY(80px);-ms-transform: translateY(80px);transform: translateY(80px);}
   .black-circle {background: #000;height: 58px;width: 129px;border-radius: 50%;position: absolute;right: 0;left: 0;top: 26px;text-align: center;margin: auto;}
   .mainLogo {top: 10px;}
   .hovereffect .info p{font-size:12px; line-height:17px;}
   .hovereffect .info {margin: 0px 13px;}
 }
 @media only screen and (max-width:767px)
{.header-black {background-position-y: 0px;}
 .togglemenu .nav-toggle {padding: 9px !important;}
 .carousel-caption h1 {font-size: 30px;}
 .big-text {font-size: 40px;margin: 10px 0;}
 .hovereffect h2 {font-size: 50px;}
.get-touch {position: fixed;top: 0;right: 0;left: 0;padding: 65px 30px;background: #000;z-index: 9;bottom: 0; display:none;}
.footer-btn button {display: block;width: 80%;margin: 15px auto;}
 .m-hide{ display: none !important;}
 .m-show{ display:block;}
 .index-gallery {width: 100%;}
 .header-black {background-image: url("../../Content/images/Header-bg-mobile.png");background-position-y: -16px;}
.mainLogo {top: 6px;}
.hotelamenitiesclose {background: #fff;border: medium none;border-radius: 50%;color: #000;cursor: pointer;display: block;padding: 0px;position: absolute;right: 11px;top: 70px;height: 40px;width: 40px;}
.plus-icon {-webkit-transform: rotateZ(360deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);font-size: 26px;display: block;}
.w-35 {width: 47% !important;}
.chekinOut1, .chekinOut {display: none !important;}
#bookform {background: transparent;}
.hovereffect:hover h2 {-webkit-transform: translateY(37px);-ms-transform: translateY(37px);transform: translateY(37px);}
.hovereffect:hover h2.full {-webkit-transform: translateY(40px);-ms-transform: translateY(40px);transform: translateY(40px);}
.mainLogo {top: 10px;width: 28%;}
.mainLogo img {width: 65%;}
#map_div1 { display: none;}
#bookform > ul > li{margin:0px; width: 100%;}
#bookform {width: 100%; padding: 0;}
.booknow-bar{left:0px; }
.button_book.bookbtnm a{width:100%;}
.white-bg { padding: 0px 0px;}

.contact p {font-size: 11px;}
.contact h2 {font-size: 1.8rem;}
.text-break {
    display: inline-block;
}

}
  @media only screen and (max-width:480px)
 {h1 {font-size: 3rem;}
  .img-width {width: 12%;}   
  .header-black {background-position-y: -4px;}
  .big-text {font-size: 25px;}
  .carousel-caption h1 {font-size: 19px;}
  .welcome-text {font-size: 24px;}
  .cont{font-size: 24px;}
  h1 {font-size: 1.7rem;}
  .hovereffect h2 {font-size: 28px;}
  .w-35 {width: 70% !important;}
  .mainLogo img {width: 90%;}
  body {font-size: 14px;}
  h2 {font-size: 1.5rem;}
  h3 {font-size: 1.3rem;}
  .explor h3 {font-size: 1.3rem;}
  #slider2 .carousel-control-next {height: 57px;width: 36px;top: 40%;background-position-x: 100% !important;background-size: 68px;background-repeat: no-repeat;}
  #slider2 .carousel-control-prev {height: 57px;width: 36px;top: 40%;background-position-x: -6% !important;background-size: 68px;background-repeat: no-repeat;}
  .header-black {height: 57px;}
  .black-circle {top: 16px;}
  .mainLogo {top: 10px;width: 29%;}
  .hovereffect:hover h2 {-webkit-transform: translateY(55px);-ms-transform: translateY(55px);transform: translateY(55px);}
  .hovereffect:hover h2.full {-webkit-transform: translateY(80px);-ms-transform: translateY(80px);transform: translateY(80px);}
  .hovereffect .info{margin:0px 15px;}
  .hovereffect h2{-webkit-transform: translateY(140px);-ms-transform: translateY(140px);transform: translateY(140px);}
  .hovereffect .info {
    padding: 16% 1%;
}
  }
  
   @media only screen and (max-width:384px)  
  {
      
  .hovereffect:hover h2 {-webkit-transform: translateY(45px);-ms-transform: translateY(45px);transform: translateY(45px);}
  .hovereffect:hover h2.full {-webkit-transform: translateY(45px);-ms-transform: translateY(45px);transform: translateY(45px);}
  .hovereffect .info{margin:-15px 15px;}  
  }
  
  
  @media only screen and (max-width:375px)  
  {
  .hovereffect:hover h2 {-webkit-transform: translateY(45px);-ms-transform: translateY(45px);transform: translateY(45px);}
  .hovereffect:hover h2.full {-webkit-transform: translateY(45px);-ms-transform: translateY(45px);transform: translateY(45px);}
  .hovereffect .info{margin:-15px 15px;} 
  }
  
  @media only screen and (max-width:360px)  
  {
   .header-black {background-position-y: 7px;}
   .mainLogo {width: 28%;}  
  .fixed .header-black {background-position-y: -1px;} 
   .info img{ width:80%;}
   .header-black {height: 56px;}
   .black-circle {height: 58px;width: 117px;top: 10px;}
    .hovereffect:hover h2 {-webkit-transform: translateY(35px);-ms-transform: translateY(45px);transform: translateY(35px);}
    .hovereffect:hover h2.full {-webkit-transform: translateY(35px);-ms-transform: translateY(35px);transform: translateY(35px);}
    .hovereffect .info{margin:-30px;} 
    .mobilefont a{ font-size:10px;}
 }
   
    @media only screen and (max-width:320px)  
    {
        .mainLogo {width: 36%;}
        .hovereffect:hover h2 {-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);}
        .hovereffect:hover h2.full {-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);}
        .hovereffect .info{margin:-36px;} 
        .hovereffect h2{-webkit-transform: translateY(110px);-ms-transform: translateY(110px);transform: translateY(110px);}
    }
    
    
  
 *,
*:before,
*:after {-moz-box-sizing: border-box;box-sizing: border-box;}
.togglemenu .nav {position: absolute;top: 0;right: 0;width: auto;z-index: 10000;}
.togglemenu .nav-container {position: fixed;top: 0px;right: 0;z-index:1;overflow-y: auto;visibility: hidden;width: 100%;height: 100%;min-height: 100%;margin: 0;padding-top: 60px;-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-webkit-transform: translateX(100%);-ms-transform: translateX(100%); transform: translateX(100%);  background: #000;
  -webkit-overflow-scrolling: touch; }
.togglemenu .nav-container.is-visible {visibility: visible; -webkit-transform: translateX(0); -ms-transform: translateX(0);transform: translateX(0);}
.togglemenu .nav-toggle {line-height: 1;display: inline-block;padding: 1rem 1rem;border: 0;background-color: transparent; background:none;float:right;z-index: 9;position: relative;top:0px;cursor: pointer;}
.togglemenu .nav-toggle .icon-menu {position: relative;display: inline-block;width: 31px;height: 22px;vertical-align: middle;fill: none;}
.icon-menu .line {position: absolute;left: 0;display: block;width: 100%;height: 5px;-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.000);transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.000);-webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000); background-color: #fff;border-radius:4px;}
.icon-menu .line-1 { top: -1px; }
.is-active .icon-menu .line-1 {-webkit-transform: translateY(9px) translateX(0) rotate(45deg); -ms-transform: translateY(9px) translateX(0) rotate(45deg); transform: translateY(9px) translateX(0) rotate(45deg);}
.icon-menu .line-2 {top: 50%;margin-top: -3px;}
.is-active .icon-menu .line-2 { opacity: 0; }
.icon-menu .line-3 { bottom: 0; }
.is-active .icon-menu .line-3 {-webkit-transform: translateY(-9px) translateX(0) rotate(-45deg); -ms-transform: translateY(-9px) translateX(0) rotate(-45deg); transform: translateY(-9px) translateX(0) rotate(-45deg);}
.menu {list-style: none;margin: 0; padding: 0;}
.nav-menu {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.nav-menu .menu-item { border-top:0px;; text-align:center; }
.nav-menu > .menu-item:last-child { border-bottom:0px;; }
.nav-menu > .menu-item:hover, .nav-menu > .menu-item.is-active { background-color: transparent; }
.nav-menu > .menu-item .menu-link:hover, .nav-menu > .menu-item.is-active  {color:rgb(228, 173, 89) !important;}
.nav-menu .menu-link {display: block;text-decoration: none;color: #fff;padding: 1rem 1rem;font-size:21px; text-transform: uppercase;}
.has-dropdown {position: relative;cursor: pointer;}
.has-dropdown > .menu-link { display: inline-block; }
.has-dropdown:after {font-size: 24px;position: absolute;top: 10px;right: 1rem;bottom: 0;content: "+";  color: #fff;}
.has-dropdown.is-active:after { content: "\2013";}
.nav-dropdown {display: none;}
.has-dropdown.is-active > .nav-dropdown { display: block; background:#fff; }
.has-dropdown.is-active > .nav-dropdown li a{ color:#666; text-transform:inherit;}
.nav-dropdown .nav-dropdown { background-color: #000; }
.nav-dropdown .menu-item { border-color: #fff; }
.nav-dropdown .nav-dropdown .menu-item {background-color: #b0b0b0;border-color: #909090;}
.content { margin-top: 60px;}
.content .wrapper { padding: 1rem 0;}

 @media (min-width: 1199px) 
 {
.togglemenu .nav { background-color: #dedede; }
.togglemenu .nav, .togglemenu .nav-container, .togglemenu .nav-container.is-visible {position: static;top: auto;left: auto;z-index: auto;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}
.togglemenu .nav-container, .togglemenu .nav-container.is-visible {visibility: visible; height: auto; min-height: 0; overflow-y: visible;}
.togglemenu .nav-toggle { display: none; }
.togglemenu .nav-menu > .menu-item, .togglemenu .nav-menu > .menu-item.is-active {display: inline-block; background-color: transparent; border: 0;}
.togglemenu .nav-menu > .menu-item:last-child { border: 0; }
.togglemenu .nav-menu .menu-item { -webkit-transition: background-color 0.15s ease-in-out,  color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out,  color 0.15s ease-in-out;}
togglemenu .has-dropdown:after { content: "" !important; }
.togglemenu .nav-menu > .has-dropdown:after {position: absolute; top: 50%;right: 1rem;width: 0;height: 0;margin-top: -2px;margin-left: -4px;content: "";border-width: 5px 5px 0 5px;border-style: solid;border-color: #444 transparent transparent transparent;}
.has-dropdown > .menu-link { padding-right: 2rem; }
.nav-dropdown {display: block;opacity: 0;position: absolute;top: 100%;width: 260px;margin: 0;padding: 0.5rem 0;background-color: #dedede;box-shadow: 0 0 4px hsla(0, 0%, 0%, 0.15);visibility: hidden;-webkit-transition: visibility 0s linear 0.25s,  opacity 0.25s linear;
  transition: visibility 0s linear 0.25s,  opacity 0.25s linear;}

.has-dropdown:hover > .nav-dropdown {visibility: visible; opacity: 1;-webkit-transition-delay: 0s; transition-delay: 0s;}
.nav-dropdown .menu-item { border: 0; }
.nav-dropdown .menu-item:hover,
.nav-dropdown .nav-dropdown .menu-item:hover { background-color: #d0d0d0; }
.nav-dropdown .nav-dropdown, .nav-dropdown .nav-dropdown .menu-item { background-color: #dedede; }
.nav-dropdown .nav-dropdown {z-index: 9998; top: 0; left: 100%;}
.content { margin-top: 0; }
}