﻿/***** GAZOZ *****/
@media (min-width:1025px){
    .headerInner.vertical-menu #header-logo img {max-height: 160px;}
    .headerInner.vertical-menu ul.menu          { margin-top: 20px;max-width: 160px;}
    .headerInner.vertical-menu                  {text-align:center;max-width: 160px;right: 90px;}
    #gallery{padding-top: 0px;}
}

header ul.menu {text-align: right;}
.headerInner.vertical-menu ul.menu li   {margin-left:0px;margin-top: 4px;width: 150px;background: #fff;display: block;padding: 2px 10px;    margin-right: 4px;}
#header ul.menu li.active {background: #00ffff;}
#header ul.menu li:not(.social-links) a {display:  block;color:#000;font-size: 15px;}
header ul.menu li.social-links svg      {fill:#000;width: 23px;height: 14px;vertical-align: top;margin-top: 4px;}
.headerInner.vertical-menu ul.menu li.social-links {display: block;height: 25px;}
.headerInner.vertical-menu ul.menu li.social-links a{margin-top: -3px;}


#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:#000}
#nav-toggle span:before, #nav-toggle-mobile span:before{background:#000}
#nav-toggle span:after, #nav-toggle-mobile span:after{background:#000}

#about{padding: 70px 0 60px 0;background-color: #fff;    z-index: 1;}
#about #headline, #gallery #headline, #gallery .headline {display: none; }
#about .popup-text #text1 p{font-size: 95%;font-family: Alef;}
#about .popup-text #text1 h3{font-size: 110%;margin-bottom:  0px;}
#about .section-content {max-width: 850px;}

#gallery{padding-bottom:0px; z-index:1;}
#gallery #text1{display:  inline-block;position:  absolute;bottom: 80px;right: 80px;z-index: 2;    background: rgba(255,255,255,0.8);padding:  0 10px;}
#gallery #text1 p {    margin-bottom:  0;    font-size: 80%;}

.eventsGallerySec .gallery-cubes { padding: 10px 0;}
.eventsGallerySec .gallery-cubes > div { padding: 10px;}

.owl-carousel .owl-prev:after               {background-image: url('../../../warehouse/temp/gazoz/arrow-right.png');}
.owl-carousel .owl-next:after               {background-image: url('../../../warehouse/temp/gazoz/arrow-left.png');}

#menu{z-index:1}
#menu #ContentRegularModule{max-width:  100%;background: #fff;/*transform: translateX(-50%);-webkit-transform: translateX(-50%);*/top: auto;bottom: 0;padding: 100px 0 80px 0;}
#menu h2{font-size: 440%;}
#menu .popup-text #text1 a{font-size: 100%;display: inline-block;position: relative;font-family: Alef;}
#menu .popup-text #text1 p:not(:nth-child(1)){margin-top: 0;}
#menu .popup-text #text1 h3 {margin-top:  100px;margin-bottom:  0;}
#menu .popup-text #text1 a:after{content:"";background: #000;height: 1px;width: 100%;position: absolute;bottom: 6px;left: 50%;transform: translateX(-50%);}
#header ul.menu > li.active:after   { border:0; }


section#contact{background: #fff;z-index: 4;padding-bottom: 0;background-position: center -60vh !important;}
#contact{}
#contact #ContactModule {bottom: 0;}
#ContactModule #map-section #map-holder{margin-bottom:  0px;margin-top: 30%;}
/*#contact #contactview > .row{display:  none;}*/

/*#contact #contactview #headline,#contact #contactview .headline {display: none;}*/
#ContactModule #map-section #map-holder { margin-top: 0;display: inline-block;width: 50%; }
.SectionTopImage { margin-bottom: 0; }
#contactview { display: table-cell;width: 50%; vertical-align:middle; }
#contactDetails .contactDetailsText1 a:after { content: ""; background: #000;height: 1px;width: 100%;position: absolute; bottom: 4px;left: 50%;transform: translateX(-50%);-webkit-transform:translateX(-50%); }
#contactDetails .contactDetailsText1 a {position: relative;font-size: 100%;display: inline-block;font-family: Alef;}
#map-section { display: table-cell;width: 50%; vertical-align: middle; }
#contact #ContactModule { display: table;width: 100%; }
#ContactModule #map-section #map-holder { width: 100%; }



#contact #contactview #contactDetails{direction: ltr;}
#contactDetails .contactDetailsText1 p{font-size: 100%;}
#contactview{margin-bottom: 0;}
#contactDetails .contactDetailsText1{margin-top: 0;}
#contactview #headline {  margin-bottom: 40px; }

#gallery .owl-carousel .owl-stage-outer{pointer-events: none;}
#gallery .owl-nav > div{z-index: 200000;}

#player-controls{right:auto; left:3%;}
.footer-address {background-color: rgba(255,255,255,0.8);width: auto;color: #000;right: 80px;bottom: 40px;font-size: 80%;z-index: 0;bot;background: rgba(255,255,255,0.8);padding: 0 10px;}
#map-section #map-holder .overlay{height: 720px;}
#map-section .map-cover{display:none}

footer{position: relative;z-index: 4;}
#SiteFooter{background:#fff}
@media (max-width:1440px) and (min-width:1025px){
    /*.headerInner.vertical-menu ul.menu li{padding:5px 0}*/
}

@media(min-width: 1025px) {
    .eventsGallerySec .gallery-container { max-width: 85%; width: 100%; margin: 0 auto;}
}

@media (max-width:1024px){
    header#header, header#header.bg{background:#fff;padding: 15px 20px;}
    header#header.vertical-header   {background:#fff}
    #header ul.menu li.active:not(.social-links) a {}
    #header ul.menu{background:#fff}
    #header ul.menu .social-links a svg{fill:#000}
    .headerInner.vertical-menu #header-logo img{display: none;}
    #header ul.menu li.active{background: transparent;}
    #header ul.menu li.active:after{content: "";background: #000;height: 3px;width: 148px;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}
    #header ul.menu > li.social-links {padding:  0;height: auto;background:  #fff;margin:  0;}
    #header ul.menu .social-links a{padding:  0;line-height: 15px;}
    #header .social-links {}
    #nav-toggle.active span:before, #nav-toggle-mobile.active span:before{background:#000}
    #nav-toggle.active span:after, #nav-toggle-mobile.active span:after{background:#000}
    #about .popup-text #text1 p{/* font-size: 95%; *//* line-height: 130%; */}
    #menu h2{font-size:380%}
    #menu .popup-text #text1 a{}
    

    }

@media (max-width:1024px) and (min-width:992px){
    header#header.vertical-header{padding: 45px 10px;}
    #header ul.menu{padding-top:0px}

}
@media (max-width:991px){
    #header-logo img{min-height: 60px;max-width: 90%;}
    #header ul.menu li.active:after{width: 115px;}
    .footer-address{    width: 100%;right: 0;bottom: 0;transform: none;text-align: center;}
    .footer-address >span{display: inline;}

    .playIcon   { top:50%; }

    #gallery {min-height:auto !important;display:block;}
    #gallery .owl-carousel .owl-item img{/*width: auto;*/max-height: 630px;margin: 0 auto;min-width: 100%;position: relative;left: -5px;}
    #gallery #text1{right: auto;left: 50%;bottom:0px;transform: translateX(-50%);min-width: 54%;}
    #menu{min-height: 750px !important;}

    #map-section #map-holder .overlay{max-height: 60vh;}
    #contactview, #map-section{width:100%;display:  block;}
    #contactview{padding-top:50px;}

}
@media (max-width:767px){
    #header-logo img{min-height: auto;max-width: 70%;}
    
    #header .phone-icon a{color:#000}
    #header .waze-navigation a svg .st1{fill: #000;}
    #header ul.menu li > a{font-size: 8vw;}
    #header ul.menu li.active:after{width: 115px;}
    #header ul.menu > li.social-links {height: 50px;padding: 10px 0;    }
    section.home-module{padding-top: 0px;}

    #about .popup-text{padding: 0 10px;}
    #gallery .owl-carousel .owl-item img{max-height: 52vh;width:auto;}
    #gallery #text1{min-width:100%}
    #gallery #text1 p{font-size:73%;}
    #menu h2{font-size: 260%;}
    #menu{min-height: 0px !important; padding: 0% 0 0 0;    background: #fff;}
    #menu #headline,#menu .headline { margin-bottom: 0;}
    #menu #ContentRegularModule{transform:none;-webkit-transform:none;padding: 50px 0;    display: block;}
    #menu .popup-text #text1 h3{margin-top:50px;font-size: 110%; }
    #about .popup-text #text1 h3{  font-size: 110%;  }
    #contactDetails h3 {  font-size:5.5vw;  }

    #contactDetails .contactDetailsText1 p{font-size: 80%;}
    .waze-navigation img, .waze-navigation svg{max-width: 90%;}
    #ContactModule #map-section #map-holder p       { margin-bottom:0; }
    #contactDetails { font-size:170%; }
    #contact #ContactModule { display: block; }
    #map-section { display: block; width: 100%; }
    #contactview { display: block; width: 100%; }
   .footer-address{font-size:73%;}

   .SectionTopImage{background-position-y:  0px !important;}

   section h2, section #headline h1, section .headline h1{font-size:8vw;}
}

@media (max-width:375px){
    #contactDetails .contactDetailsText1 p{font-size: 68%;}
}

.imgEventSec { height: 600px;}
.imgEventSec .headline, .imgEventSec #ContentRegularModule { display: none;}
section.eventsSec {padding: 80px 0;}
.eventsSec #lobbyText a:hover, .eventsSec #lobbyText a:focus { text-decoration: underline;}
.eventsSec .grid-form-section { padding: 0; margin-bottom: 0;}
.eventsSec .button-holder {display: none;}
.form-container-wide #DynamicFormObject {display: block; padding: 0;}
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { padding: 0 0 10px; font-size: 150%;}
.form-container-wide #DynamicFormObject > div { display: block !important; width: 100% !important;}
.normal-form input {color: #000; border-color: #000;}
.normal-form input::-webkit-input-placeholder, .form-container-wide #DynamicFormObject { color: #000;}
.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit {float: none; display: inline-block;}
#DynamicFormObject input[type="submit"] { background: #000; border-radius: 0; line-height: 38px;}

@media(min-width: 768px) {
    .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 30%; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 33.333%;} 
}

@media(min-width: 768px) and (max-width: 1170px) {
    section h2, section #headline h1, section .headline h1 { font-size: 4vw;}
}

@media(max-width: 990px) {
    .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { font-size: 120%;}
    .imgEventSec { height: 400px;}
}

@media(max-width: 767px) {
    .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { margin-bottom: 0;}
    .imgEventSec { height: 250px;}
}