/* GENERAL */
@font-face { font-family: 'GrilledCheese BTN'; src: local('GrilledCheese BTN'), local('GrilledCheeseBTN'), local("GrilledCheese BTN Toasted"),local("GrilledCheese-BTN-Toasted"), url("/wp-content/GrilledCheeseBTN.woff")  format('woff'); font-weight: normal; font-style: normal; }
.clear { clear: both; height: 0; line-height: 0; font-size: 0; }
h1, h2, h3, h4, h5, h6 { font-family: 'GrilledCheese BTN'; color: #e30613; }
h1 { margin-bottom: 25px; }
.content .content_inner ul { padding-left: 30px; }

/* TOP */
header .q_logo img { height: auto !important; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; max-width: 900px; }
header.scrolled .q_logo img { max-width: 600px; margin-top: 15px; }
header.scrolled .header_inner.clearfix:after { display: none; }
nav.main_menu > ul > li:hover > a, nav.main_menu > ul > li > a { height: 79px; width: 179px; background: url(/wp-content/uploads/2019/06/book-online.png) no-repeat left top; line-height: 79px !important; font-size: 0; margin-top: 12px; }
header a.popup_menu.normal.qode_popup_menu_text_scaledown { display: block !important; height: 70px; width: 208px; background: url(/wp-content/uploads/2019/06/location.png) no-repeat left top; line-height: 70px; font-size: 0; margin-top: -4px; }
header a.popup_menu.normal.qode_popup_menu_text_scaledown span { display: none; }
header a.popup_menu.normal.qode_popup_menu_text_scaledown.opened { height: 70px; width: 70px; background: transparent; }
header a.popup_menu.normal.qode_popup_menu_text_scaledown.opened span { display: block; }
.popup_menu .line, .popup_menu .line:after, .popup_menu .line:before { height: 6px; width: 39px; margin-top: 15px; }
header { background: transparent !important; }
header .header_inner.clearfix .header_top_bottom_holder .header_bottom.clearfix {background-color: #f9e501 !important; padding: 15px 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
header.scrolled .header_inner.clearfix .header_top_bottom_holder .header_bottom.clearfix { padding: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
header.scrolled .header_inner.clearfix .header_top_bottom_holder .header_bottom.clearfix { background-color: #feec00 !important; }
header .header_inner.clearfix:after {display: block; height: 27px; background: url(/wp-content/uploads/2019/06/top-deco.png) no-repeat left top; width: 100%; }
header:not(.sticky):not(.scrolled) .header_bottom .container_inner, header.fixed_top_header .bottom_header .container_inner { border-bottom: 0 !important; }
header.fixed.scrolled .header_bottom, header.fixed_hiding.scrolled .header_bottom {
    -webkit-box-shadow: unset;
    -moz-box-shadow: unset;
    box-shadow: unset;
}
@media only screen and (max-width: 1500px) {
header .q_logo img { max-width: 610px; }
header.scrolled .q_logo img { max-width: 500px; margin-top: 5px; }
header .header_inner.clearfix .header_top_bottom_holder .header_bottom.clearfix { padding-botttom: 0; }
nav.main_menu > ul > li:hover > a, nav.main_menu > ul > li > a { margin-top: 0; width: 120px; background-size: 100%; }
header a.popup_menu.normal.qode_popup_menu_text_scaledown { width: 160px; margin-top: -24px; background-size: 100%; margin-left: 20px; }
header .header_top_bottom_holder .container_inner { height: 67px; overflow: hidden; }
body div.hp_boxes { padding-top: 70px !important; }
body.qode-chrome header.scrolled .container_inner { padding: 6px 0; }
}
@media only screen and (max-width: 1200px) {
.header_inner_left { position: relative !important; left: 15px !important; }
.header_inner_right { margin-right: 15px; }
}
@media only screen and (max-width: 1000px) {
.header_inner_right { margin-right: 0; }
header.scrolled .q_logo img { max-width: 300px; }
.content .title_outer { display: none !important; }
header .header_top_bottom_holder .container_inner { width: 95% !important; height: 72px; overflow: hidden; }
header div.mobile_menu_button { display: none !important; }
.q_logo a { left: -55%; } 
nav.mobile_menu, nav.mobile_menu ul#menu-topmenu-1 { display: block !important; width: 200px; background: transparent; }
header .q_logo img { max-width: 320px; top: -10px; }
nav.mobile_menu ul li a { height: 50px; width: 150px; background: url(/wp-content/uploads/2019/06/book-online.png) no-repeat left top; line-height: 79px !important; font-size: 0; background-size: 100%; }
}
@media only screen and (max-width: 767px) {
.popup_menu_holder_outer .popup_menu { padding-top: 25px; }
.hp_boxes .vc_col-sm-4, .hp_boxes2 .vc_col-sm-4 { margin-bottom: 15px; }
body div.hp_boxes2 { padding-top: 0 !important; }
.q_logo a { left: -60%; } 
header .q_logo img { max-width: 290px; }
.padding30_b.padding30_t img { margin-bottom: 15px; }
.margin_top_mobile img { margin-top: 15px; }
}
@media only screen and (max-width: 650px) {  
nav.mobile_menu { margin-top: 70px; position: absolute; }
header .container_inner .header_inner_right { padding-top: 70px; }
header .header_top_bottom_holder .container_inner { height: 135px; }
.q_logo a { left: -50%; }
}
@media only screen and (max-width: 460px) {  .q_logo a { left: -55%; } }

/* CONTENT */
div.content.content_top_margin { background:#fff; }

/* FOOTER */
.max_width550 { max-width: 460px; width: 100%; }
footer .clearfix:before { background: url(/wp-content/uploads/2019/06/balls.png) no-repeat left bottom; height: 122px !important; width: 100% !important; display: block !important; }
footer .footer_top_holder .clearfix:before { display: none !important; }
footer .column1, footer .column1 div {float: none !important; width: 100% !important; text-align:center !important;}
footer .column1 { padding-bottom: 30px;  }
footer .column1 img {width: 14%; max-width: 200px; float: left; margin: 0 0.28% 0 0; border: 0;opacity:1.0; filter:alpha(opacity=100);-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
@media only screen and (min-width: 1200px) { footer .column1 img:hover {opacity:0.75; filter:alpha(opacity=75);-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; margin-top: -5px;}}
footer .column3 form input {
    color: #000;
    font-size: 16px;
    font-weight: bold;
    width: 100%;
    padding: 10px 0;
    background-color: #fff;
    border: none;
    margin: 3px 0px 6px 0px;
}
footer .column3 form .button {
    font-family: 'Dosis', sans-serif;
    color: #fff;
    font-size: 22px;
    font-weight: bold;
    text-transform: uppercase;
    width: 90px;
    padding: 10px;
    background-color: #ff0613;
    border: none;
    border-radius: 4px;
    -moz-box-shadow: 5px 5px #b40000;
    -webkit-box-shadow: 5px 5px #b40000;
    box-shadow: 5px 5px #b40000;
    margin: 0px 0px 10px 0px;
    float: right;
}
footer .column2 { clear: left; }
footer .column2, footer .column3 { width: 40% !important; line-height: 20px;}
footer .column4 {width: 20% !important; line-height: 20px;}
footer .column2 div, footer .column2 p, footer .column3 div, footer .column3 p, footer .column4 div, footer .column4 p { line-height: 24px !important; font-size: 13pt; }
footer div.four_columns h5 { line-height: 28px !important; margin-bottom: 10px; 
    font-family: 'GrilledCheese BTN';
    font-weight: normal;
    font-style: normal;
}
.l_card { float: right; margin: 0 0 15px 15px; }
@media only screen and (max-width: 1100px) { .l_card { float: none; margin: 15px 0; display: block;  }
footer .column2, footer .column3 { width: 38% !important;}
footer .column4 {width: 24% !important;}
}
@media only screen and (max-width: 1000px) { .max_width550 { width: 90%;  max-width: 100%; margin-bottom: 35px; } .column4 .max_width550 { margin-bottom: 0; } footer .column1 img {width: 24%; margin: 0 1% 10px 0; max-height: 38.88px;} footer .column2 {width: 100% !important;} footer .column3, footer .column4 {width: 100% !important;} }
@media only screen and (max-width: 700px) { div.footer_bottom_holder { padding: 0 15px; } .max_width550 { width: 100%; }}
@media only screen and (max-width: 650px) { footer .column1 img {width: 49%; margin: 0 1% 15px 0; max-height: 52px; }  }
@media only screen and (max-width: 460px) { #custom_html-9 { text-align: center; } footer .column1 img {width: 100%; margin: 0 0 15px 0; max-height: none; float: none; }  }
