/*
Theme Name: Quandoo Professional Theme 05
Author: Adam Hazon
*/

@import url(//fonts.googleapis.com/css?family=Playball);
@import url(//fonts.googleapis.com/css?family=Lato);
@import url(//fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700);
@import url(//fonts.googleapis.com/css?family=Lobster);
@import url('//fonts.googleapis.com/css?family=Comfortaa');
@import url('//fonts.googleapis.com/css?family=Rubik');
@import url('//fonts.googleapis.com/css?family=Source+Sans+Pro');


* { margin: 0; padding: 0; }

html { height: 100%; }

.about-bg { background-color: #eee; }
.gallery-bg { background-color: #333; color: #fff; }
.contact-bg { background-color: #eee; }
.footer-bg { background-color: #fff; color: #333; }

.menu_wrapper .menu_item { border-color: #999; }

body { position: relative; min-height: 100%; font-family: 'Source Sans Pro', sans-serif; font-size: 16px; color: #333; background-color: #fff; }

footer { position: relative; height: 100px; overflow: hidden; border-top: 1px solid #333; }

.soc-ic {
    max-width: 55px !important;
}
.section-list {     position: absolute;
    top: 0;
    left: 0;
    z-index: 4;
    color: #e43388;
    margin: 0;
    list-style: none;
    font-weight: 700;
    background-color: rgba(255,255,255,0.6); 
    padding-bottom: 20px;
    //text-shadow: 2px 0 0 #333, -2px 0 0 #333, 0 2px 0 #333, 0 -2px 0 #333, 1px 1px #333, -1px -1px 0 #333, 1px -1px 0 #333, -1px 1px 0 #333;
    }
.section-list li { font-size: 1.2em; text-transform: uppercase; font-family: 'Source Sans Pro', sans-serif; }
.section-list .open-more, .social-links .menu-item, .section-list .open-reservation-modal{ padding: 15px 20px;}
.section-list li.current,
.section-list li:hover { //text-shadow: none; border: 0; background-color: #686868;
    color: #fff;}
.section-list li:last-child { border: 0; }
.section-list li i { margin-right: 20px; font-size: 0.9em; }

.open-reservation-modal { cursor: pointer; }

/*.side_widget {     position: fixed;
    z-index: 500;
    right: -316px;
    top: 30%;
    width: 320px;
    height: 434px;
    box-sizing: border-box;
    background-color: #f7f7f7;
    border: 1px solid #000;
    padding: 1%; }
.side_widget .side_widget_btn {
    position: absolute;
    left: 0px;
    bottom: -1px;
    color: #333;
    font-size: 1.2em;
    padding: 3% 6%;
    background-color: #f5ab42;
    transform: rotate(-90deg);
    transform-origin: left bottom;
    text-transform: uppercase;
    cursor: pointer;
    font-weight: 600;
    border: 1px solid #000;
font-family: 'Comfortaa', cursive;
}*/

#reservation-modal .modal-title {display:none;}
#reservation-modal .modal-header {border:none;padding:0;}
#reservation-modal .modal-dialog {max-width:380px;}
#reservation-modal .modal-content {background:transparent;-webkit-box-shadow:none;box-shadow:none;border:none;}
#reservation-modal .modal-body {background:none;border:none;}
#reservation-modal .modal-footer {display: none;}
#reservation-modal .fa-close {z-index: 5000;}
#reservation-modal .close {font-size: 3em;color: #fff;opacity: 1;font-weight: 300;}

.opening {     position: absolute;
    top: 50%;
    left: 50%;
    width: 300px;
    transform: translate(-50%, -50%);
    z-index: 3;
    background-color: rgba(255,255,255,0.8);
    padding: 30px 20px;
    /* border: 4px double brown; */
}
.opening p,
.opening h4 { color: #e43388; //text-shadow: 1px 1px 5px #000; font-size: 1.1em;
   font-family: 'Source Sans Pro', sans-serif;}
.opening h4 { font-size: 2em; padding-bottom: 5%; font-family: 'Source Sans Pro', sans-serif;
}
.opening .btn { margin-top: 10%;
    background-color: #686868;
    border: 1px solid #e43388;
    border-radius: 0;
    font-family: 'Source Sans Pro', sans-serif;
    color: #fff;}

.contact-section { position: fixed; z-index: 100; left: 0; bottom: 0; width: 100%; height: 100px; background-color: #333; color: #fff; }
.contact-section a { color: #fff; }
.contact-section p { font-size: 18px; margin: 0 15px; display: inline-block; text-align: center; }
.contact-section h4 {
    display: inline-block;
    margin: 0;
    padding: 0;
    font-size: 18px;
    position: relative;
    top: -8px;
    text-transform: uppercase;
    padding-right: 15px;
}
.contact-section .open-map { float: right; }
.contact-section .btn.focus, .contact-section .btn:focus, .contact-section .btn:hover { color: #fff; }
.glyphicon {font-size:16px;}

#reservation-modal .modal-dialog { max-width: 350px; margin: 10px auto; }

h4 { font-size: 22px; font-size: 1.8em;
    font-family: 'Source Sans Pro', sans-serif;}
a, a:focus { text-decoration: none; color: #333; }

.anchor { position: relative; top:-70px; visibility: hidden; }
.move_up { position: fixed; z-index: 200; top: auto; bottom: 80px; right: 20px; width: 50px; height: 50px; display: none; }

header { position: fixed; top: 0; left: 0; width: 100%; z-index: 100; height: 70px; background-color: #333; color: #fff; }
header a { color: #fff; }

/*Slides*/

#slideshow { position: fixed; width: 100%; height: 100%; }

.slides { position: absolute; z-index: 1; width: 100%; height: 100%; }
.slide { width:100%; height:100%; position:absolute; top:0; left:0; z-index:1; cursor:pointer; background-size: cover; background-position: center; }
.slide.before {z-index:2;}
.slide.current {z-index:3;}

.slidesNav {position:absolute; z-index: 70; bottom:25px; left:0; width:100%; height:40px; text-align:center;}
.slidesNav ul {list-style:none; padding:11px 0 0;}
.slidesNav li {width:7px; height:7px; margin:0 3px; display:inline-block; *display:inline; zoom:1; cursor:pointer; background:url(images/slide_nav_btn.png) no-repeat 0 0;}
.slidesNav li.current {text-decoration:underline; background-position:0 -7px;}

/*Slides - End*/

.sections-wrapper { position: absolute; top: 0; right: 0; width: 100%; min-height: 100%; z-index: 2; overflow-x: hidden; }
.sections-wrapper section { background-position: center; background-size: cover; }
.sections-wrapper section .section-height { position: relative; height: 0; padding-bottom: 100%; }
.sections-wrapper section .section-wrap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.sections-wrapper section .section-box { position: relative; display: table; width: 100%; height: 100%; }

.sections-wrapper h1{color: #e43388;}

.section-list li.logo-box { position: relative; width: 100%; height: 250px; border: 0; padding: 0; }
.section-list li.logo-box:hover { background: none; }
.res_wrap { display: table; width: 100%; height: 100%; }

.logo_holder { padding: 0%; display: table-cell; vertical-align: middle; }
.footer_places .logo_holder { padding: 2%; }
.logo { display: inline-block; max-width: 100%;     height: 230px;max-height: 250px; margin-bottom: 20px; }
.logo_mobile { display: none; position: absolute; top: 0px; left: 10px; max-height: 40px; }

.logo_holder h1 { color: #333;font-family: 'Source Sans Pro', sans-serif; font-size: 2em; margin: 0; }
nav h1 { display: none; margin: 0; padding: 4px 15px; font-family: 'Source Sans Pro', sans-serif;font-size: 2em; color: #fff; }

.btn-form { display: inline-block; color: #fff; text-transform: uppercase; background-color: #333; border: 1px solid #333; float: right; }

.btn-form:hover { background-color: #fff; border: 1px solid #333; }
.btn-form:focus { background-color: rgba(0,0,0,0.7); color: #fff; }

nav { position: relative; width: 100%; z-index: 5; }
.burger { display: none; cursor: pointer; }
.burger span { color: #fff; display: table-cell; vertical-align: middle; font-size: 24px; text-shadow: 1px 1px 5px #000; }
.top_menu { margin: 0; text-align: center; background-color: #fff; }
.top_menu li { display: inline-block; *display: inline; *zoom: 1; }
.top_menu li a { text-transform: uppercase; color: #333; font-size: 16px; padding: 20px 30px; display: block; }
.top_menu li.social a { padding: 10px; }

.lang_list { list-style: none; margin: 0; padding: 0; overflow: hidden; height: 30px; }
.top_menu .lang_nav { display: none; }
.lang_nav { float: left; height: 100%; padding: 0!important; }
.lang_nav a { color: #fff; padding: 0 3px; font-size: 16px; display: table; height: 100%; }
.lang_nav a:hover { text-decoration: none; }
.lang_nav a span { display: table-cell; vertical-align: middle; }
.lang_nav a span:before { display: block; }
.lang_nav.current a span:before { padding-bottom: 10px; border-bottom: 1px solid #fff; }
.lang_nav.current,
.lang_nav:hover { background: none!important; }
.lang_wrapper:hover { background: none!important; }

section.bg { position: relative; z-index: 2; height: 0; padding-bottom: 25%; }
section.strip,
section.contact { background-color: #fff; }
section.category { padding-top: 50px; padding-bottom: 50px; }
.row-photo { position: absolute; top: 0; right: 0; height: 100%; background-size: cover; background-position: center; }
.row-photo iframe { position: absolute; left: 0; top: 0; }

.more_section,
.more_post_section { display: none; background-color: rgba(255,255,255,0.7); position: absolute; top: 0; right: 0; min-height: 100%; }

.more_section.open { display: block; }

.post-img { width: 100%; height: 0; padding-bottom: 60%; background-size: cover; background-position: center; }

.row-photo.img_left { left: 0; right: auto; }
.content-wrap.img_left { float: right; }
.row-photo.img_right { right: 0; left: auto; }
.content-wrap.img_right { float: left; }

.content-wrap { display: table; padding: 0; width: 100%; }
.bg .content-wrap,
.clean .content-wrap { padding: 0; height: 100%; }
.contact .content-wrap { min-height: 250px; }
.strip .clean .content-wrap { min-height: 70px; }
.content-box { display: table-cell; vertical-align: middle; }
.more_section .content-box { padding: 35px 20px; }
.bg .content-box { padding: 30px; background-color: rgba(255,255,255,0.7); text-align: justify; }
.bg.right .content-box { padding: 20px; background: none; text-align: center; }
.clean .content-box { padding: 0; }

.more_section .content-box img { max-width: 100%; height: auto; }
.more_section .content-box .alignright { float: right; padding: 0 0 20px; }
.more_section .content-box .alignleft { float: left; padding: 0 0 20px; }

.open-more,
.open-post { cursor: pointer; }

.dotdotdot { font-size: 30px; padding-right: 20px; }

h2 { position: relative; font-weight: 700; font-size: 24px; text-transform: uppercase; display: inline-block; padding: 5px 10px; }

.strip h2,
.contact h2,
.bg h2 { margin-top: 0; }
.category h2 { text-align: left; margin: 0 0 5px; }
.category h2:after { display: none; }
h3 { margin: 0;font-family: 'Source Sans Pro', sans-serif; padding: 10px; font-size: 18px; }

.content { position: relative; line-height: 1.3em; }
.content.bg { position: absolute; height: 100%; bottom: 0; left: 0; margin: 0 auto; color: #333; box-shadow: none; background-image: url(images/sample-background.jpg); background-position: center; background-size: cover; }
.content.bg.right { right: 0; left: auto; }
.content.clean { bottom: 0; margin: 0 auto; background: none; color: #333; box-shadow: none; }
.content p { margin-bottom: 1.5em; font-size: 0.9em;font-family: 'Source Sans Pro', sans-serif;}
.content table { margin: 0 auto; }
.content table p { margin-bottom: 0; }
.content table td { text-align: left; vertical-align: top; padding: 5px 10px; }
.strip .content p { margin: 0 20px; display: inline-block; text-transform: uppercase; }
.strip .content h2 { margin-bottom: 0; }
.content form p { margin-bottom: 10px; }
.more_section .content-box form img { width: auto!important; padding: 0!important; }
.content form input[type="text"],
.content form input[type="email"],
.content form input[type="tel"],
.content form textarea { width: 100%; box-sizing: border-box; border: 1px solid #ddd; }

.contact_info { margin-bottom: 40px; }
.contact_info > div { height: 110px; border-right: 1px solid #bbb; }
.contact_info > div:last-child { border: none; }

.social-links{padding:0;}
.social-links:hover,
.social-links.current,
.social-links ul li.current { background: none!important; }
.social-links ul li:hover a { color: #333; }
.social-links ul { list-style: none;  margin: 0; position: relative; overflow: hidden; }
.social-links ul li { float: left; margin: 0;font-size: 1.2em;padding:0;
    text-transform: uppercase;
    font-family: 'Source Sans Pro', sans-serif;width: 100%;}
.social-links ul li a { display: table; height: 100%; color: #fff; padding: 5px;color: #e43388;list-style: none;
    font-weight: 700;font-size: 0.8em;}
.social-links ul li a i {    display: table-cell;
    vertical-align: middle;
    font-size: 0.8em;
color: #e43388;}
.social-links ul li:hover i{ color:#fff !important;}
.social-links ul li a:hover { text-decoration: none;}

.footer_places { display: table; height: 100%; }
.footer_places .middle { display: table-cell; vertical-align: middle; }
.footer_places .btn { text-transform: uppercase; font-size: 24px; }
.footer_places .btn:hover { color: #fff; text-decoration: underline; }

footer .q_signature { height: 16px; }

#map_section { float: left; width: 100%; height: 300px; }
#contact_form { padding: 15px 0 30px; }

.menu_wrapper .qmenu-tabs .btn {

	font-size: 16px;
    	font-weight: 600;

}

.menu_wrapper h5 {

	font-size: 19px;

}

.menu_wrapper .description_side p {

	font-size: 1.5em;
}

.menu_wrapper .price_side * {

	font-size: 1.1em;
}

/*Gallery*/

.gallery { list-style: none; overflow: hidden; margin: 0; }
.gallery .gallery-item { float: left; position: relative; padding: 0; }
/*.gallery .gallery-item:nth-child(1n+7) { display: none; }*/
.gallery .gallery-item a { display: block; width: 100%; height: 0; padding-bottom: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; }

/*Gallery*/

/*Icons List*/

.qicons_list { list-style: none; position: relative; height: 70px; margin: 0; display: inline-block; }
.qicons_list .qicon { float: left; height: 100%; }
.qicons_list .qicon img { height: 100%; width: auto!important; }

/*Icons List*/

@media (max-width: 991px) {
    h2 { font-size: 24px; }
    #topNav { height: 50px; background-color: #fff; }
    
    .top_menu { display: none; }
    .open .top_menu { display: block; top: 50px; padding: 0 0 30px; position: absolute; width: 100%; }
    .top_menu li { display: block; }
    .top_menu li a { padding: 15px; }
    
    .section-list li { font-size: 18px; }
    
    .footer_places .btn,
    .social-links ul li a i { font-size: 18px; }
    
    section.bg { padding-bottom: 40%; }
    
    .contact-section h4 { display: none; }
    
    .content form { max-width: 100%; overflow: hidden; padding-bottom: 50px; }
}

@media (max-width: 767px) {
    .burger { display: table; position: absolute; right: 0; top: 0; width: 50px; height: 50px; z-index: 999; }
    
    .contact_info > div { height: 130px; border-right: none; }
    .contact_info > div > div { width: 200px; height: 85px; margin: 0 auto; border-bottom: 1px solid #bbb; border-right: none; }
    .contact_info > div:last-child > div { border: none; }
    
    .section-list { background-color: #333; display: none; padding-bottom: 50px; }
    .section-list.mobile-hide { display: none!important; }
    .section-list li.logo-box { height: auto; }
    
    section.bg { padding-bottom: 50%; }
    .content-wrap { text-align: center; }
    .logo_holder { text-align: center; }
    .logo { max-height: 50px; margin-bottom: 5px; }
    .logo_holder h1 { font-size: 1.3em; }
    
    section.bg.with-btn { padding-bottom: 100%; }
    .with-btn .content.bg { height: 50%; }
    .content.bg.right { top: 0; bottom: auto; }
    
    .more_section .content-box img { width: 100%; max-width: 100%; padding: 0 0 20px!important;  }
    
    .row-photo { 
        position: relative;
        float: left;
        width: 100%; 
        height: 0; 
        padding-bottom: 60%; 
        background-size: cover;
    }
    
    .contact-section { display: none; }
    body { padding-bottom: 0; }
    
    .move_up { display: none!important; }
    
    footer { height: auto; padding: 20px 0; }
    .footer_places { text-align: center; }
    .social-links { right: 5px; }
    .lang_list { left: 5px; }
    
}

@media (max-width: 414px) {
    #reservation-modal .modal-dialog { max-width: 100%; margin: 10px; }
    section.bg { padding-bottom: 80%; }
    section.bg.with-btn { padding-bottom: 160%; }
}

a, .btn, li {
		-webkit-transition: background 0.3s linear;
        -moz-transition: background 0.3s linear;
        -ms-transition: background 0.3s linear;
        -o-transition: background 0.3s linear;
        transition: background 0.3s linear;
       
}

a:hover {
	text-decoration:none;
}

.opening .btn:hover {
	background-color:#e43388;
	color: #fff;
}

header li a:hover, .section-list .open-more:hover {
	background-color:#686868;
	color:rgba(255,255,255,1);
	text-decoration:none;
}

.wpcf7 input, textarea{
	padding:5px 10px;
	border-radius:5px;
}

input.wpcf7-submit{

	padding: 10px 30px;
    	font-size: 1em;
	background-color:rgba(0,0,0,0.30);

}

input.wpcf7-submit:hover {
	background-color:rgba(0,0,0,0.8);
	color:#eee;
}

.social-links ul li a i {min-width:32px; text-align:center;}
.social-links ul li:hover a {
	color:#fff;
}