﻿/**Gaston**/
body{background-color:#0f0f12; color:#fff}
#header .menu-nav {background:  transparent;}
#header #header-right .closed {position: relative;top: -13px;}
#header .menu-nav .open {margin-top: 6px;color: #121212;}
#header .submenu {background: #cab286;background-image: url(../../../warehouse/temp/gaston/menu.png);background-position:  left bottom;background-size:  90%;background-repeat: no-repeat;}
#header #header-center-kdm .address { font-size: 95%; margin-right: 5px; }
#header #header-center-kdm .address > span:nth-child(2) { display: none; }
#header #header-center-kdm { font-size: 100%; width: 65%; }
#header .social-links { padding: 0; }
#header .submenu > li:hover,
#header .submenu > li:focus,
#header .submenu > li.active { background: rgba(255,255,255, 0.25); color: #121212; }
#header .submenu > li {color: #121212;}
#header li .social-links a svg {fill: #121212;}
#header #header-center-kdm a {border-radius:  0px;border: 2px solid #cab286;}
#header #header-center-kdm a:hover, #header #header-center-kdm a:focus {background:  #cab286;color: #121212;}
#header.bg {background-color:  #121212;}
#header.bg #header-left img {max-width: 95px;opacity: 1;}
#header #header-left img {max-width:  95px;}
#header .submenu li > a { font-size: 110%;}

@media(min-width: 1280px) {
    #header .social-links { padding: 15px; }
}

@media(min-width: 1200px) {
    #header .social-links a svg { margin-top: -5px; }
}

@media (max-width:767px){
    #header.bg #header-left img, #header #header-left img {opacity: 1;max-width:75px;}
    #header .submenu{margin-top: 55px;right: -2px;}
    #header #header-center-kdm a:first-child {font-size:  100%;}
    #header.bg #header-center-kdm, #header #header-center-kdm {padding: 9px 0;top: 4px;width: 100%;}
    #header .menu-nav {outline: none;    padding: 5px 10px;}
    #header .phone-icon {font-size: 180%;    padding-right: 10px; padding-top: 4px;}
    #header .submenu li > a {font-size: 125%;}
    #header .submenu .menu-sub li a {line-height: 160%;}
    #header .submenu > li{padding: 8px;}
}


@media (max-width:375px){
    #header #header-center-kdm a:first-child{font-size:93%}
    #header #header-center-kdm{left: -6px;}
}

.nav-menu-anim {background: #cab286;width: 55px;height:  50px;}
#nav-toggle, #nav-toggle-mobile {right: 8px;}
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after, #nav-toggle-mobile span, #nav-toggle-mobile span:before, #nav-toggle-mobile span:after {background: #121212;}

#home-gallery .gallery-caption{top: 30%;z-index: 4;}
#home-gallery .gallery-logo {max-width: 400px;}
#home-gallery .flex-control-paging li a.flex-active {background: #cab286;}
#home-gallery .iconBox img{max-width: 75px;}
#home-gallery .opacity-layer{opacity:  1 !important;z-index: 3 !important;background:  rgba(17,17,17, 0.2);}

@media (max-width:767px){
    .iconsBoxLeft { left: 10%;}
}

.section-title h2, .section-title h1{font-size: 325%;color: #c1a571;position:  relative;display:  inline-block;}
.section-title h2:after, .section-title h1:after{content:"";background:url(../../../warehouse/temp/gaston/line.png);width: 138px;height:  12px;position:  absolute;left: 50%;bottom: -12px;background-size: cover;transform: translateX(-50%);-moz-transform: translateX(-50%);-webkit-transform: translateX(-50%);}

#headline h1 {font-size: 155%;color: #c1a571;position: relative;display: inline-block;}
#headline h1:after{content:"";background:url(../../../warehouse/temp/gaston/line.png);width: 138px;height:  12px;position:  absolute;left: 50%;bottom: -12px;background-size: cover;transform: translateX(-50%);-moz-transform: translateX(-50%);-webkit-transform: translateX(-50%);}

@media (max-width:991px){
    .section-title h2, .section-title h1{font-size: 235%;}
}

@media (max-width:767px){
    .grid-text-section .section-title{margin-bottom: 5%;}
}

.grid-text p{font-size: 120%;margin-top: 1%;}

.grid-boxes .grid-box-title h3{}
.grid-boxes .grid-box-title h3 a{color: #fff;}
.grid-boxes .grid-box-title h3 a:after{content: "●";font-size:  40%;top: -5px;position:  relative;left: -5px;}
.grid-boxes .grid-box-title h3 a:before{content: "●";font-size:  40%;top: -5px;position:  relative;right: -5px;}
.grid-boxes .grid-box-subtitle {color: #c1a571;font-size: 100%;    line-height: 100%;}
.grid-boxes .box-image-animation:after {content: "";border: 1px solid #fff;position:  absolute;width: calc(100% - 20px);height: calc(100% - 20px);top: 10px;right: 10px;}

section.gastonInfo {margin-bottom: 0px;}
section.aboutInfo {background: url(../../../warehouse/temp/gaston/bg.jpg);background-repeat:  no-repeat;height: 29vw;position:  relative;padding:  0;background-size:  cover;background-position: left -140px;}
section.aboutInfo .grid-text{position:  absolute;width: 70%;left: 50%;top: 50%;transform: translate(-50%, -50%);color: #121212;}
section.aboutInfo .grid-text p{font-size: 125%;}
section.aboutInfo .grid-text .sec-button {background: #252525;border-radius: 0px;margin-top: 20px;}

@media (max-width:1440px){
    section.aboutInfo .grid-text{width: 100%;}
}
@media (max-width:1170px){
    section.aboutInfo .grid-text p{font-size: 110%;}
}

@media (max-width: 991px){
    section.aboutInfo .grid-text p{font-size: 110%;}
    section.aboutInfo{height: 65vw;background-position: left top;background-size:  cover;    margin-bottom: 60px;}
   .sections .grid-content-section {margin-bottom: 10px;}
   .grid-boxes .box-image-animation:after{top: 5px;right: 5px;width: calc(100% - 10px);height: calc(100% - 10px);}
   .grid-boxes .grid-box-title h3{ font-size: 120%;}   
   .grid-boxes .grid-box-subtitle{font-size: 90%;}
}

@media (max-width: 991px) and (min-width:768px){
   .cubeInfo .grid-boxes .grid-box {padding: 0 6px;}
}

@media (max-width:767px){
    section.gastonInfo{margin-top: 20px;}
    section.cubeInfo.grid-content-section {padding-top:  20px;}
    section.cubeInfo .grid-boxes .grid-box-image{margin-bottom: 10px;}
    section.cubeInfo .grid-boxes .grid-box-subtitle {margin-bottom: 20px;}
    section.aboutInfo{height: auto;padding:50px 0;}
    section.aboutInfo .grid-text{position: relative;transform: none;left: auto;top: auto;}
    section.aboutInfo .grid-text .sec-button{font-size: 100%;}
    section.aboutInfo .grid-text p{font-size: 115%;line-height: 110%;}
}

.gallery-cubes .boxes-images-outer-image:after {content: "";border: 1px solid rgba(255,255,255, 0.5);position: absolute;width: calc(100% - 20px);height: calc(100% - 20px);top: 10px;right: 10px;}
.gallery-cubes .image-link-inner {background: #cab286;}
.gallery-cubes .plus-sign {margin-top: -4px;}

@media (max-width:991px){
    .gallery-cubes .boxes-images-outer-image:after{width: calc(100% - 10px);height: calc(100% - 10px);top: 5px;right: 5px;}  
}

#SiteFooter #partners-section{padding-top: 2%;}
#SiteFooter {background:  #252525;}
#SiteFooter img {max-width: 165px;}
#SiteFooter .footer-text{margin-top: 10px;}
#SiteFooter .footer-text a {font-size: 90%;}
#SiteFooter .footer-text a:hover{color:#c1a571}
#SiteFooter .footer-address {color: #c1a571;padding-bottom: 2%;margin-top: 25px;}
#SiteFooter .footer-address:after{content: "●";font-size:  40%;top: -5px;position:  relative;left: -5px; color:#fff}
#SiteFooter .footer-address:before{content: "●";font-size:  40%;top: -5px;position:  relative;right: -5px;color:#fff }
.site-credit.alternative.row {background: #0f0f12;padding: 10px 0;}

@media (max-width:991px){
    #SiteFooter .footer-text a{font-size: 83%;}
}

@media (max-width:767px){
    #SiteFooter #partners-section{padding-top: 6%;padding-bottom: 5%;}
    #SiteFooter .footer-text {padding-bottom:6%}
    #SiteFooter img{max-width: 30vw;}
}

.owl-carousel .owl-item .item .plus-sign {background:#cab286;color: #000;}
.owl-carousel .owl-item .item .plus-sign span {margin-top: -4px;}

#text1 {margin-top: 40px;line-height: 133%;    max-width: 850px;}
#text1 p, #text2 p{font-size: 110%;}

.categories-strip {background: #cab286;color: #121212;}
.categories-strip ul li.active {background: rgba(255,255,255, 0.25);}
#MenuModule .menuModuleNav a {color: #fff;border: 2px solid transparent;border-radius:  0px;}
#MenuModule .menuModuleNav a.selected {color: #fff;border-color: #cab286;padding: 0 4px;}
.menuModuleTextItemTitle {color: #cab286;font-weight:  bold;font-size: 110%;}
.menuModuleTextItemDescription {font-size: 94%;line-height: 110%;}
/*.menuModuleTextItem0, .menuModuleTextItem1 {border-bottom: 2px solid #fff;height: 85px;}*/
.menuModuleTextItemPart:after   { border-bottom: 2px solid #fff; }
.menuModuleContentPart {border: 2px solid #fff;}
.menuModuleTextItemPrice {color: #cab286;}
.menuModuleTextItemPrice:before {font-size: 60%;}


@media(max-width:991px){
    .menuModuleContentPart{border-color:transparent}
    .menuModuleContentPart:after{display:none}
    #MenuModule .menuModuleNav a{font-size: 120%;}
    .menuModuleTextItem0, .menuModuleTextItem1{width: 98%;margin-right: 0;    height: auto;}
}

@media(max-width:767px){
    .menuModuleContentPart{padding-top:0px;}
    .mobile-strip .select-wrapper li.strip-item{color:#121212;}
    #text1{    max-width: 90%;}
    #contactDetails{padding:10px 0; }
}

.normal-form, #DynamicFormObject {border-color: #c1a571;background: #c1a571;}
.normal-form input[type="submit"], #DynamicFormObject input[type="submit"] { background: #0f0f12;border-radius: 0px;}
.normal-form input[type="submit"]:hover, #DynamicFormObject input[type="submit"]:hover { color: #c1a571; background: #0f0f12;}
.normal-form input, .normal-form textarea {border-color: transparent;background: rgba(255,255,255,0.25);box-shadow: none;border-radius: 0px;}
.normal-form:after, #DynamicFormObject:after {border-color: rgba(255, 255, 255, 0.25);}
#DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle {font-weight:  bold;}
.form-container-wide #DynamicFormObject .dynamicFormEndText {font-size: 130%;}
.must:before{color:#121212}
#contact-boxes{display:none;}
#contactform .contact-form-comment{ color: #0f0f12;}
#contactform .contact-container {width: 80%;}
#contactform .contact-container > .row > div {padding: 0 10px;}
#contactform .contact-container > .row > div >input{margin-bottom: 10px;padding-right: 20px;}
#contactform h3 {margin-bottom: 0px;margin-top: 30px;}
#contactform .contact-form-submit { margin-bottom: 0px;}

@media(max-width:991px) and (min-width:768px){
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form{display:none;}
    .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText{width:100%;display: inline-block;}
    .form-container-wide #DynamicFormObject .dynamicFormEndText{width:100%;display: inline-block;}
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields{width:100%;display: inline-block;    margin-bottom: 0;}
    #contactform .contact-container {width: 90%;}
    #contactform .contact-container > .row > div{width:33.33%}
    #contactform .contact-container > .row > div:nth-child(4){width: 100%;}
}
