/*

Theme Name: Frioul

Author: Karolina Grabowska

Author URI: http://karolinagrabowska.info/

Description: Description

Version: 1.0.0

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Text Domain: frioul

Tags:



This theme, like WordPress, is licensed under the GPL.

Use it to make something cool, have fun, and share what you've learned with others.



Frioul is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.

Underscores is distributed under the terms of the GNU GPL v2 or later.



Normalizing styles have been helped along thanks to the fine work of

Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/

*/



/*--------------------------------------------------------------

>>> TABLE OF CONTENTS:

----------------------------------------------------------------

# Normalize

# Typography

# Elements

# Forms

# Navigation

	## Links

	## Menus

# Accessibility

# Alignments

# Clearings

# Widgets

# Content

    ## Posts and pages

	## Asides

	## Comments

# Infinite scroll

# Media

	## Captions

	## Galleries

--------------------------------------------------------------*/



/*--------------------------------------------------------------

# Normalize

--------------------------------------------------------------*/



@import url(http://fonts.googleapis.com/css?family=Playball);

@import url(http://fonts.googleapis.com/css?family=BenchNine);

@font-face{
    font-family: 'helvetica medium';
    src:url(fonts/helvetica-neue-medium.ttf) format('truetype');
}

@font-face{
    font-family: 'helvetica thin';
    src:url(fonts/HelveticaNeueLTStd-ThEx.otf) format('opentype');
}

html {

	 font-family: "BenchNine",Helvetica,Arial,sans-serif;

	-webkit-text-size-adjust: 100%;

	-ms-text-size-adjust:     100%;

}

.menu_wrapper .qmenu-tabs li {
        width: 25% !important;
}

div.masonry-container div.menu_category.qmenu_sub_cat.col-xs-12.col-sm-6 {
    position: relative !important
}

.menu_wrapper.photo_navigation .tab-content{
    max-width: 98%;
    margin-left: 2%;
}

.row {
     margin-right: 0px; 
  
}

.tab-content{
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.tab-content-active{
    display: block !important;
    padding-bottom: 700px !important;
    background: #fff;
    overflow-y: auto !important;
}

@media (max-width: 991px) {
    .tab-content-active {
    padding-bottom: 1500px !important;
}

#reviews-section p {
    font-size: 13px;
}

#reviews-section .content-box{
    padding: 10px !important;
}

#page section:not(.big-image) h2 {
    font-size: 20px !important;
}

}

body {

	margin: 0;

}



article,

aside,

details,

figcaption,

figure,

footer,

header,

main,

menu,

nav,

section,

summary {

	display: block;

}



audio,

canvas,

progress,

video {

	display: inline-block;

	vertical-align: baseline;

}



audio:not([controls]) {

	display: none;

	height: 0;

}



[hidden],

template {

	display: none;

}



a {

	background-color: transparent;

}



a:active,

a:hover {

	outline: 0;

}



abbr[title] {

	border-bottom: 1px dotted;

}



b,

strong {

	font-weight: bold;

}



dfn {

	font-style: italic;

}



h1 {

	font-size: 2em;

	margin: 0.67em 0;

}



mark {

	background: #ff0;

	color: #000;

}



small {

	font-size: 80%;

}



sub,

sup {

	font-size: 75%;

	line-height: 0;

	position: relative;

	vertical-align: baseline;

}



sup {

	top: -0.5em;

}



sub {

	bottom: -0.25em;

}



img {

	border: 0;

}



svg:not(:root) {

	overflow: hidden;

}



figure {

	margin: 1em 40px;

}



hr {

	box-sizing: content-box;

	height: 0;

}



pre {

	overflow: auto;

}



code,

kbd,

pre,

samp {

	font-family: monospace, monospace;

	font-size: 1em;

}



button,

input,

optgroup,

select,

textarea {

	color: inherit;

	font: inherit;

	margin: 0;

}



button {

	overflow: visible;

}



button,

select {

	text-transform: none;

}



button,

html input[type="button"],

input[type="reset"],

input[type="submit"] {

	-webkit-appearance: button;

	cursor: pointer;

}



button[disabled],

html input[disabled] {

	cursor: default;

}



button::-moz-focus-inner,

input::-moz-focus-inner {

	border: 0;

	padding: 0;

}



input {

	line-height: normal;

}



input[type="checkbox"],

input[type="radio"] {

	box-sizing: border-box;

	padding: 0;

}



input[type="number"]::-webkit-inner-spin-button,

input[type="number"]::-webkit-outer-spin-button {

	height: auto;

}



input[type="search"] {

	-webkit-appearance: textfield;

	box-sizing: content-box;

}



input[type="search"]::-webkit-search-cancel-button,

input[type="search"]::-webkit-search-decoration {

	-webkit-appearance: none;

}



fieldset {

	border: 1px solid #c0c0c0;

	margin: 0 2px;

	padding: 0.35em 0.625em 0.75em;

}



legend {

	border: 0;

	padding: 0;

}



textarea {

	overflow: auto;

}



optgroup {

	font-weight: bold;

}



table {

	border-collapse: collapse;

	border-spacing: 0;

}



td,

th {

	padding: 0;

}



/*--------------------------------------------------------------

# Typography

--------------------------------------------------------------*/

body,

button,

input,

select,

textarea {

	color: #404040;

	font-size: 16px;

	font-size: 1rem;

	line-height: 1.5;

}



h1,

h2,

h3,

h4,

h5,

h6 {

	clear: both;

}



p {

	margin-bottom: 1.5em;

}



dfn,

cite,

em,

i {

	font-style: italic;

}



blockquote {

	margin: 0 1.5em;

}



address {

	margin: 0 0 1.5em;

}

#reviews-section  a {
    color: #0A4A93 !important;
}

pre {

	background: #eee;

	font-family: "Courier 10 Pitch", Courier, monospace;

	font-size: 15px;

	font-size: 0.9375rem;

	line-height: 1.6;

	margin-bottom: 1.6em;

	max-width: 100%;

	overflow: auto;

	padding: 1.6em;

}



code,

kbd,

tt,

var {

	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;

	font-size: 15px;

	font-size: 0.9375rem;

}



abbr,

acronym {

	border-bottom: 1px dotted #666;

	cursor: help;

}



mark,

ins {

	background: #fff9c0;

	text-decoration: none;

}



big {

	font-size: 125%;

}



/*--------------------------------------------------------------

# Elements

--------------------------------------------------------------*/

html {

	box-sizing: border-box;

}



*,

*:before,

*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */

	box-sizing: inherit;

}



body {

	background: #fff; /* Fallback for when there is no custom background color defined. */

	font-family: 'helvetica thin';

	overflow-x: hidden;
    
    text-overflow: clip;
    
    font-size:15px;
}



blockquote:before,

blockquote:after,

q:before,

q:after {

	content: "";

}



blockquote,

q {

	quotes: "" "";

}



hr {

	background-color: #ccc;

	border: 0;

	height: 1px;

	margin-bottom: 1.5em;

}



ul,

ol {

	margin: 0 0 1.5em 3em;

}



ul {

	list-style: disc;

}



ol {

	list-style: decimal;

}



li > ul,

li > ol {

	margin-bottom: 0;

	margin-left: 1.5em;

}



dt {

	font-weight: bold;

}



dd {

	margin: 0 1.5em 1.5em;

}



img {

	height: auto; /* Make sure images are scaled correctly. */

	max-width: 100%; /* Adhere to container width. */

}



table {

	margin: 0 0 1.5em;

	width: 100%;

}



/*--------------------------------------------------------------

# Forms

--------------------------------------------------------------*/

button,

input[type="button"],

input[type="reset"],

input[type="submit"] {

	border: 1px solid;

	border-color: #ccc #ccc #bbb;

	border-radius: 3px;

	background: #e6e6e6;

	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);

	color: rgba(0, 0, 0, .8);

	font-size: 12px;

	font-size: 0.75rem;

	line-height: 1;

	padding: .6em 1em .4em;

	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);

}



button:hover,

input[type="button"]:hover,

input[type="reset"]:hover,

input[type="submit"]:hover {

	border-color: #ccc #bbb #aaa;

	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);

}



button:focus,

input[type="button"]:focus,

input[type="reset"]:focus,

input[type="submit"]:focus,

button:active,

input[type="button"]:active,

input[type="reset"]:active,

input[type="submit"]:active {

	border-color: #aaa #bbb #bbb;

	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);

}



input[type="text"],

input[type="email"],

input[type="url"],

input[type="password"],

input[type="search"],

textarea {

	color: #666;

	border: 1px solid #ccc;

	border-radius: 3px;

}



input[type="text"]:focus,

input[type="email"]:focus,

input[type="url"]:focus,

input[type="password"]:focus,

input[type="search"]:focus,

textarea:focus {

	color: #111;

}



input[type="text"],

input[type="email"],

input[type="url"],

input[type="password"],

input[type="search"] {

	padding: 3px;

}



textarea {

	padding-left: 3px;

	width: 100%;

}



/*--------------------------------------------------------------

# Navigation

--------------------------------------------------------------*/

/*--------------------------------------------------------------

## Links

--------------------------------------------------------------*/

a {

	//color: royalblue;

}



a:visited {

	//color: purple;

}



a:hover,

a:focus,

a:active {

	color: midnightblue;

}



a:focus {

	outline: thin dotted;

}



a:hover,

a:active {

	outline: 0;

}



/*--------------------------------------------------------------

## Menus

--------------------------------------------------------------*/

.main-navigation {

	clear: both;

	display: block;

	float: left;

	width: 100%;

}



.main-navigation ul {

	display: none;

	list-style: none;

	margin: 0;

	padding-left: 0;

}



.main-navigation li {

	float: left;

	position: relative;

}



.main-navigation a {

	display: block;

	text-decoration: none;

}



.main-navigation ul ul {

	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);

	float: left;

	position: absolute;

	top: 1.5em;

	left: -999em;

	z-index: 99999;

}



.main-navigation ul ul ul {

	left: -999em;

	top: 0;

}



.main-navigation ul ul a {

	width: 200px;

}



.main-navigation ul ul li {



}



.main-navigation li:hover > a,

.main-navigation li.focus > a {

}



.main-navigation ul ul :hover > a,

.main-navigation ul ul .focus > a {

}



.main-navigation ul ul a:hover,

.main-navigation ul ul a.focus {

}



.main-navigation ul li:hover > ul,

.main-navigation ul li.focus > ul {

	left: auto;

}



.main-navigation ul ul li:hover > ul,

.main-navigation ul ul li.focus > ul {

	left: 100%;

}



.main-navigation .current_page_item > a,

.main-navigation .current-menu-item > a,

.main-navigation .current_page_ancestor > a {

}



/* Small menu. */

.menu-toggle,

.main-navigation.toggled ul {

	display: block;

}



@media screen and (min-width: 37.5em) {

	.menu-toggle {

		display: none;

	}

	.main-navigation ul {

		display: block;

	}

}



.site-main .comment-navigation,

.site-main .posts-navigation,

.site-main .post-navigation {

	margin: 0 0 1.5em;

	overflow: hidden;

}



.comment-navigation .nav-previous,

.posts-navigation .nav-previous,

.post-navigation .nav-previous {

	float: left;

	width: 50%;

}



.comment-navigation .nav-next,

.posts-navigation .nav-next,

.post-navigation .nav-next {

	float: right;

	text-align: right;

	width: 50%;

}



/*--------------------------------------------------------------

# Accessibility

--------------------------------------------------------------*/

/* Text meant only for screen readers. */

.screen-reader-text {

	clip: rect(1px, 1px, 1px, 1px);

	position: absolute !important;

	height: 1px;

	width: 1px;

	overflow: hidden;

}



.screen-reader-text:focus {

	background-color: #f1f1f1;

	border-radius: 3px;

	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);

	clip: auto !important;

	color: #21759b;

	display: block;

	font-size: 14px;

	font-size: 0.875rem;

	font-weight: bold;

	height: auto;

	left: 5px;

	line-height: normal;

	padding: 15px 23px 14px;

	text-decoration: none;

	top: 5px;

	width: auto;

	z-index: 100000; /* Above WP toolbar. */

}



/*--------------------------------------------------------------

# Alignments

--------------------------------------------------------------*/

.alignleft {

	display: inline;

	float: left;

	margin-right: 1.5em;

}



.alignright {

	display: inline;

	float: right;

	margin-left: 1.5em;

}



.aligncenter {

	clear: both;

	display: block;

	margin-left: auto;

	margin-right: auto;

}


/*--------------------------------------------------------------

# Clearings

--------------------------------------------------------------*/

.clear:before,

.clear:after,

.entry-content:before,

.entry-content:after,

.comment-content:before,

.comment-content:after,

.site-header:before,

.site-header:after,

.site-content:before,

.site-content:after,

.site-footer:before,

.site-footer:after {

	content: "";

	display: table;

}



.clear:after,

.entry-content:after,

.comment-content:after,

.site-header:after,

.site-content:after,

.site-footer:after {

	clear: both;

}



/*--------------------------------------------------------------

# Widgets

--------------------------------------------------------------*/

.widget {

	margin: 0 0 1.5em;

}



/* Make sure select elements fit in widgets. */

.widget select {

	max-width: 100%;

}



/* Search widget. */

.widget_search .search-submit {

	display: none;

}



/*--------------------------------------------------------------

# Content

--------------------------------------------------------------*/

/*--------------------------------------------------------------

## Posts and pages

--------------------------------------------------------------*/

.sticky {

	display: block;

}



.hentry {

	margin: 0 0 1.5em;

}



.byline,

.updated:not(.published) {

	display: none;

}



.single .byline,

.group-blog .byline {

	display: inline;

}



.page-content,

.entry-content,

.entry-summary {

	margin: 1.5em 0 0;

}



.page-links {

	clear: both;

	margin: 0 0 1.5em;

}



/*--------------------------------------------------------------

## Asides

--------------------------------------------------------------*/

.blog .format-aside .entry-title,

.archive .format-aside .entry-title {

	display: none;

}



/*--------------------------------------------------------------

## Comments

--------------------------------------------------------------*/

.comment-content a {

	word-wrap: break-word;

}



.bypostauthor {

	display: block;

}



/*--------------------------------------------------------------

# Infinite scroll

--------------------------------------------------------------*/

/* Globally hidden elements when Infinite Scroll is supported and in use. */

.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */

.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */

	display: none;

}



/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */

.infinity-end.neverending .site-footer {

	display: block;

}



/*--------------------------------------------------------------

# Media

--------------------------------------------------------------*/

.page-content .wp-smiley,

.entry-content .wp-smiley,

.comment-content .wp-smiley {

	border: none;

	margin-bottom: 0;

	margin-top: 0;

	padding: 0;

}



/* Make sure embeds and iframes fit their containers. */

embed,

iframe,

object {

	max-width: 100%;

}



/*--------------------------------------------------------------

## Captions

--------------------------------------------------------------*/

.wp-caption {

	margin-bottom: 1.5em;

	max-width: 100%;

}



.wp-caption img[class*="wp-image-"] {

	display: block;

	margin: 0 auto;

}



.wp-caption-text {

	text-align: center;

}



.wp-caption .wp-caption-text {

	margin: 0.8075em 0;

}



/*--------------------------------------------------------------

## Galleries

--------------------------------------------------------------*/

.gallery {

	margin-bottom: 1.5em;

}



.gallery-item {

	display: inline-block;

	text-align: center;

	vertical-align: top;

	width: 100%;

}



.gallery-columns-2 .gallery-item {

	max-width: 50%;

}



.gallery-columns-3 .gallery-item {

	max-width: 33.33%;

}



.gallery-columns-4 .gallery-item {

	max-width: 25%;

}



.gallery-columns-5 .gallery-item {

	max-width: 20%;

}



.gallery-columns-6 .gallery-item {

	max-width: 16.66%;

}



.gallery-columns-7 .gallery-item {

	max-width: 14.28%;

}



.gallery-columns-8 .gallery-item {

	max-width: 12.5%;

}



.gallery-columns-9 .gallery-item {

	max-width: 11.11%;

}



.gallery-caption {

	display: block;

}


  .footer-bg {     background-color: #000;
          color: #fff;
          margin-top: 21px;
          padding: 17px 0;
          z-index: 10;
          font-size:16px;}



/***** FRIOUL CUSTOM STYLES *****/

#page section:not(.big-image) h2, #special-modal h2, #about-modal h2, .inq h2{

	font-family: 'helvetica medium';

	font-size: 30px;

	margin-bottom: 25px;
    
    font-weight: 700;

}

#special-modal h2{

	margin-top: 0px;

}

#special-modal .modal-body div{

	font-size: 12px;

}

#special-modal .text{
    padding-top:20px;
}

#special-modal p{

	margin-bottom: 0px;

}

#special-modal p strong, #special-modal p bold{

	font-size: 18px;

	letter-spacing: 5px;

}

#special-modal{

	font-size: 16px;

	letter-spacing: 2px;

}

#special-modal .modal-footer{

	padding: 0px 15px 25px;

}

#special-modal a, .menubox{
    cursor: -webkit-zoom-in; cursor: -moz-zoom-in;
}

#page section:not(.big-image) h2::after, .inq h2::after{

	position: absolute;

	margin-top: 2px;

	left: 40%;

	width: 20%;

	height: 2px;

	background: rgb(217, 183, 128) none repeat scroll 0% 0%;

	content: "";

	display: block;

}

#special-modal h2::after, #about-modal h2::after {

	position: absolute;
    margin-top: 0px;
    left: 35%;
    width: 30%;
    height: 2px;
    background: #ffb227 none repeat scroll 0% 0%;
    content: "";
    display: block;

}

#page section:not(.big-image) .menu-box h2::after {

	position: absolute;

	margin-top: 2px;

	left: 4%;

	width: 30%;

	height: 2px;

	background: #ed5d4f none repeat scroll 0% 0%;

	content: "";

	display: block;

}

#full-page-content{

	display: block;

	position: relative;

	min-width: 100%;

	height: 100%;

	min-height: 105vh;

	background: linear-gradient(to bottom right, #000, rgba(0, 0, 0, 0.35), rgb(255, 255, 255));

}

#main-image{

	//background-attachment: fixed;

	//background-size: 100% 110%;

	background-repeat: no-repeat;

	display: block;

	position: absolute;

	z-index: 1;

	min-width: 100%;

	min-height: 100%;

	//opacity: 0.6;

	//width: 80%;

	//left: 10%;

	height: 105vh;

	overflow: hidden;

}

@media(min-width: 481px){

	#main-image{

		//background-attachment: fixed;

		background-size: 100% 110%;

	}

}

@media(min-width: 1300px){
	#main-image, .big-image{
		background-attachment: fixed;
	}
}
@media(max-width: 767px){

	#main-image{

		//background-attachment: fixed;

		background-size: 100% 115vh;

		height: 115vh;	

	}

	#main-image{

		background-position: 0px 0px !important;

	}

}
@media(min-width:768px){
	.main-content{
		min-height: 850px;

		min-height: calc(105vh - 60px);
	}
}
@media(max-width:767px){
	.main-content{
		min-height: 450px;

		min-height: calc(105vh - 60px);
	}
}
.main-content{

	display: block;

	position: relative;

	z-index: 10;


	height: 100%;
	
	margin: 0px auto;

	width: 80%;
}

.main-content img{

	display: inline;
    width: 35vw;
    min-width: 200px;
    pointer-events: none;

}

@media(min-width: 1600px){

	.main-content img{

		//margin: 15% auto 0px;

	}

}

@media(max-width: 1599px){

	.main-content img{

		//margin: 13% auto 0px;

	}

}

.main-content.scrolled{

	min-height: 105vh;

}

.main-content.scrolled{

	min-height: 50vh;

}



@media(min-width: 768px){

	nav#main ul li{

		display: inline-block;

	}

	nav#main ul{

		margin-top: 30px;

	}

}

nav#main{

	text-align: center;

	z-index: 2;

	height: 0px;

	transition: all 0.4s linear;

	-webkit-transition: all 0.4s linear;

	-moz-transition: all 0.4s linear;

	-o-transition: all 0.4s linear;

}

nav#main.navbar.navbar-fixed-top{

	height: 50px;

	margin-top: 0px;


	box-shadow: 0 0 3px rgba(0,0,0,0.1);

	z-index: 50;

	background: rgba(51,51,51,0.9);

	//border-bottom: 2px solid #AA4E02;

}

nav#main.navbar.navbar-fixed-top ul{

	margin-top: 6px;

	margin-left: 0px !important;

}

nav#main.navbar.navbar-fixed-top ul li a{

	color: #fff;

	text-shadow: none;

}

nav#main.navbar.navbar-fixed-top ul li a:hover{

	color: #a0a0a0;

}



nav#main.navbar ul li{

	cursor: pointer;

}

nav#main.navbar ul li a{

	color: #fff;

	letter-spacing: 3px;

	text-transform: uppercase;

	padding: 10px 30px;

	text-decoration: none;

	position: relative;

	display: inline-block;

	outline: none;

	text-decoration: none;

	font-weight: 400;

	text-shadow: 0 0 1px rgba(0,0,0,0.6);

	font-family: 'helvetica medium';

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

	transition: all 0.3s;

	font-size: 11px;

}

@media(min-width:768px){
    nav#main.navbar.navbar-fixed-top ul li a{
        color:#fff;
    }
}

nav#main.navbar ul li.navbar-right-first{

	margin-right: 0px !important;

}

nav#main.navbar ul li.navbar-right a{

	padding: 10px;

}

nav#main.navbar ul li.navbar-right a:after{

	display: none;

}

nav#main.navbar ul li a:hover, #main.navbar ul li a:focus, #main.navbar ul li a:active{

	background: none;	

	text-decoration: none;

	color: rgba(255,255,255, 0.9);

	text-shadow: none;

}

nav#main.navbar ul li a::after {

	position: absolute;

	top: 100%;

	left: 10%;

	width: 80%;

	height: 2px;

	background: rgba(0,98,210,0.8);

	content: '';

	opacity: 0;

	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;

	-moz-transition: opacity 0.3s, -moz-transform 0.3s;

	transition: opacity 0.3s, transform 0.3s;

	-webkit-transform: translateY(10px);

	-moz-transform: translateY(10px);

	transform: translateY(10px);

}

@media(min-width: 1241px){

	nav#main.navbar.navbar-fixed-top ul li a::after {

		background: rgb(0,98,210);

		height: 3px;

	}

}

@media(max-width: 1240px){

	nav#main.navbar.navbar-fixed-top ul li a::after {

		background: rgba(0,98,210);

		height: 4px;

	}

}

nav#main.navbar ul li a:hover::after,

nav#main.navbar ul li a:focus::after,

nav#main.navbar.navbar-fixed-top ul li.active a::after{

	opacity: 1;

	-webkit-transform: translateY(0px);

	-moz-transform: translateY(0px);

	transform: translateY(0px);

}

@media(min-width: 768px){

	nav#main.navbar-fixed-top .navbar-brand{

		display: none;

	}

	nav#main:not(.navbar-fixed-top) .navbar-brand img{

		max-width: 250px;

		padding: 15px 5px 0px;

	}	

}

.btns{

	margin-top: 40px;

}
@media(min-width:768px){
.btns .first{

	text-align: right;

}

.btns .last{

	text-align: left;

}
}
.btn{

	border-radius: 0px !important;

	margin-left: auto;

	margin-right: auto;

	//font-size: 14px;

	font-size: 18px;	

	padding: 8px 12px 4px;

	letter-spacing: 4px;

	text-transform: uppercase;

	transition: all .3s ease-in-out;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;	

	-o-transition: all .3s ease-in-out;
    
    font-family:benchnine;

}

.btn-order{

	    color: #fff;
    background: rgba(0,98,210,0.8);
    
    box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.4);

}

@media(min-width: 768px){

	.btn-order{

		width: 140px;

	}

}

.btn-book{

	    color: #fff;
    text-shadow: none;
    background: rgba(255, 211, 143, 0.8);
    box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.4);

}

#book .btn-book{

	margin-top: 20px;

}

.btn-order:hover, .btn-book:hover{

	border: 1px solid #fff !important;

	background-color: #fff !important;

	color: #141414 !important;

}

#about, #kaya-menu, #frioul-menu, #wine, #contact-us, #beverages-section, #text, #social{

	background-color: #f7f7f7;
    background-image: url("https://www.transparenttextures.com/patterns/padded-light.png");
	background-color: #f7f7f7;
background-image: url("https://www.transparenttextures.com/patterns/purty-wood.png");
/* This is mostly intended for prototyping; please download the pattern and re-host for production environments. Thank you! */
}

.about-container, .contact-container{

	background: #fff;

}

.about-container .row, .contact-container .row{

	margin: 0px;

}

.about-container, .menu-container, .contact-container{

	margin: -20px auto;

	padding: 0px;

	z-index: 2;

	position: relative;

}

.about-container, .contact-container{
    box-shadow:0px 0px 8px rgba(0,0,0,0.3);
}
@media(min-width: 768px) and (max-width: 991px){

	.about-container, .menu-container, .contact-container{

		width: 90%;

	}

	.opening-text-text, .about-text-text{

		padding: 10px 20px !important;

		line-height: 1.5 !important;

	}

	.text4-image img{

		margin-top: 0px !important;

	}

}

@media(max-width:767px){
    .about-container, .menu-container, .contact-container{
        width:95vw;
    }
}

.about-image {
    overflow: hidden;
    height: 350px;
    padding: 0px;
}

.about-image img, .opening-image2 img, .about-image img, .text1-image img, .text2-image img, .text3-image img, .text4-image img{

	    min-width: 100%;
    width: auto;
    min-height: 100%;
    /* max-width: 125%; */
    /* max-height: 100%; */
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

}

.about-text, .instagram-text, .contact-text, .newsletter-text, .contact-map, .contact-image{

	padding: 0px;

	font-size: 14px;

	letter-spacing: 1px;

	line-height: 2.1;

}

.instagram-text h2 a{

	color: #404040;

}

.instagram-text h2 a:hover{

	color: #404040;

	opacity: 0.6;

	text-decoration: none;

}

.about-text-text{

	padding: 20px 40px;

}

.about-text h2{

	text-align: center;

}

.opening-image, .opening-image2{

	overflow: hidden;

	height: 350px;

	padding: 0px;

}

.opening-image img{

	width: 100%;

	height: auto;

	margin-top: -150px;

}
.opening-image2 img{
    width:100%;
    height:auto;
}

.opening-text{

	padding: 0px;

	font-size: 14px;

	//letter-spacing: 1px;


	letter-spacing: 2px;

	line-height: 1.7;

}

.opening-text p{

	margin-bottom: 0px;

}

.opening-text-text{

	padding: 20px 40px;

}

.opening-text h2{

	text-align: center;

}

.text1-image{

	overflow: hidden;

	height: 320px;

	padding: 0px;

}

.text2-image{

	overflow: hidden;

	height: 450px;

	padding: 0px;

}

.text3-image{

	overflow: hidden;

	height: 450px;

	padding: 0px;

}

.text3-image img, .text4-image img{

	//margin-top: -150px;

}

.text4-image{

	overflow: hidden;

	height: 580px;

	padding: 0px;

}

.text1-image img, .text2-image img, .text3-image img, .text4-image img{

	width: 100%;

	min-height: 100%;

}

.text1-text{

	padding: 0px;

	//font-size: 14px;

	//letter-spacing: 1px;

	font-size: 16px;

	letter-spacing: 2px;

	line-height: 1.7;

	text-align: center;

}

.text1-text h2{

	margin-bottom: 0px;

}

.text1-text p{

	margin-bottom: 0px;

}

@media(min-width: 768px){

	.big-image{

		background-size: cover;

	}

}

.big-image{

	//background-attachment: fixed;

	background-position: center;

	padding: 250px 0px;

	text-align: center;

	position: relative;
    
    box-shadow:0px 0px 8px rgba(0,0,0,0.2);

}

.big-image.bev{

	//padding: 160px 0px;

}

.big-image h2{

	margin: 0px auto;

    font-family: helvetica medium;

	letter-spacing: 5px;

	color: #fff;

	text-shadow: 0px 0px 6px #222;

	font-weight: bold;
    
}

@media(max-width:767px){
    .big-image h2{
        font-size:35px;
    }
}
@media(min-width:768px){
    .big-image h2{
        font-size:65px;
    }
}

.big-image .under-text{

	font-size: 18px;

	letter-spacing: 4px;

	color: rgb(255, 255, 255);

	width: 70%;

	text-align: center;

	margin: 10px auto;

	text-shadow: 0px 0px 6px rgb(34, 34, 34);
    
    //font-family:benchnine; 

}

#frioul-menu{

	//padding-top: 60px;

	//background: #fff url(images/bg.jpg);

}

hr.top{

	background-color: #aa4e02;

	margin: 2px 0px 0px;

}

hr.bottom{

	background-color: #AA4E02;

	margin: 0px 0px 2px;

}

.menu-box{

	padding: 20px 30px;

	font-size: 14px;

	letter-spacing: 1px;

	line-height: 1.8;

	box-shadow: 0px 0px 8px rgba(0,0,0,0.2);
    
    border:3px double #ed5d4f;
    
    background-color: rgba(25,25,25,0.99);
background-image: url("https://www.transparenttextures.com/patterns/arches.png");
    
    color:#fff;

}

.menu-box ul{

	margin: 0px;

	list-style: none;

}

.menu-box ul li a{

	color: #fff;

	letter-spacing: 2px;

	//font-size: 12px;

	font-size: 14px;

	text-transform: uppercase;

	border-bottom: 1px solid #ed5d4f;

	transition: all 0.2s linear;

	-webkit-transition: all 0.2s linear;

	-moz-transition: all 0.2s linear;

	-o-transition: all 0.2s linear;

	padding-bottom: 2px;

}

.menu-box ul li a:hover{

	text-decoration: none;

	opacity: 0.4;

}

.menu-box ul li{

	margin-bottom: 4px;

}



.menu-box table tr td:nth-child(2), .menu-box table tr td:nth-child(3), .menu-box table tr td:nth-child(4){

	text-align: right;

	padding-left: 10px;

	vertical-align: top;

}

.menu-box table tr td{

	padding-bottom: 10px;

}

.menu-box table tr td p{

	margin-bottom: 0px;

}

.menu-text-after, .contact-text-after{

	font-size: 12px;

	margin-top: 60px;

	padding-top: 20px;

	padding-bottom: 20px;

	border-top: 1px dotted #ed5d4f;

	border-bottom: 1px dotted #ed5d4f;

}

.contact-text-after{

	width: 80%;

	margin-left: 10%;

	font-size: 12px;

}

.menu-text-after p, .contact-text-after p{

	margin-bottom: 0px;

}

@media(min-width: 480px){

	#reservation-modal .modal-dialog, #reservation2-modal .modal-dialog{

		width: 400px !important;

		margin: 15vh auto !important;

		height: 550px !important;

	}

}

@media(max-width: 479px){

	#reservation-modal .modal-dialog, #reservation2-modal .modal-dialog{

		width: 315px !important;

		margin: 3vh auto !important;

		height: 460px !important;

	}

	#reservation-modal .modal-body, #reservation2-modal .modal-body{

		margin-left: 0px !important;

		padding: 0 !important;

	}

}

#reservation-modal .modal-content, {

	background-color: #f9f9f9;

	border-radius: 0px;

}

#reservation-modal .modal-header, #reservation-modal .modal-footer{

	border: 0px;

	text-align: center;

}

.tos-pagination{

	overflow-y: hidden;

}

.tos-wrapper .tos-caption{

	display: none;

}

.tos-wrapper .tos-close, .tos-wrapper .tos-next, .tos-wrapper .tos-prev{

	background: transparent !important;

}

.tos-wrapper .tos-close span::after, .tos-wrapper .tos-close span::before {

    	width: 16px !important;

    	height: 16px !important;

    	margin-top: -4px !important;

    	margin-left: 1px !important;

    	margin-right: 1px !important;

}

.modal.fade .modal-dialog {

    	-moz-transition: none !important;

    	-o-transition: none !important;

    	-webkit-transition: none !important;

    	transition: none !important;

    	-moz-transform: none !important;

    	-ms-transform: none !important;

    	-o-transform: none !important;

    	-webkit-transform: none !important;

    	transform: none !important;

}

.contact-first, .contact-second{

	padding: 0px;

}

.contact-map iframe{

	filter: sepia(30%) grayscale(50%);

	-webkit-filter: sepia(30%) grayscale(50%);

	-moz-filter: sepia(30%) grayscale(50%);

	-o-filter: sepia(30%) grayscale(50%);

}

.contact-container h2{

	text-align: center;

}

.contact-second .row{

	height: 600px;

	overflow: hidden;

}

.contact-second .contact-image img{

	width: 100%;

	margin-top: -120px;

}

.contact-text-text p{

	margin-bottom: 0px;

}

.contact-text-text{

	padding: 10px 40px;

}



#instagram-carousel .item img{

	margin: 0px auto;

}

#instagram-carousel .carousel-control.right, #instagram-carousel .carousel-control.left{

	background: none;

}

.newsletter form{

	text-align: center;

}

.newsletter form p{

	margin-bottom: 0px;

}

.newsletter form input.newsletter-email{

	font-size: 16px;	

	padding: 4px 10px;

	border-radius: 0px;

	width: 200px;

	margin-top: 20px;

}

.newsletter form input.newsletter-submit{

	background: #610202;

	border: 1px solid #AA4E02;

	text-transform: uppercase;

	border-radius: 1px;

	color: #fff;

	letter-spacing: 2px;

	padding: 8px 12px;

	transition: all 0.4s ease;

	-webkit-transition: all 0.4s ease;

	-moz-transition: all 0.4s ease;

	-o-transition: all 0.4s ease;

	font-size: 16px;

	box-shadow: none;

	text-shadow: none;	

	margin-top: 15px;

}

.newsletter form input.newsletter-submit:hover{

	background: transparent;

	color: #AA4E02;

}

#instagram-carousel .item img{

	box-shadow: 0px 0px 2px #222;

}

@media(min-width: 1201px) and (max-width: 1240px){

	.opening-image img{

		margin-top: -100px;	

	}

}

@media(min-width: 768px) and (max-width: 992px){

	#page section:not(.big-image) h2{

		font-size: 25px !important;

	}

	nav#main.navbar ul li a{

		padding: 10px 15px !important;

		font-size: 11px !important;	

	}

	nav#main.navbar ul li.navbar-right a{

		padding: 10px 5px !important;

	}

	nav#main:not(.navbar-fixed-top) .navbar-brand img{

		max-width: 100px !important;

	}

	.opening-image img{

		margin-top: 0px;	

	}

	.contact-second .contact-image img{

		margin-top: 0px;

		height: 320px;

	}

}

@media(min-width: 992px) and (max-width: 1200px){

	#page section:not(.big-image) h2{

		font-size: 30px !important;

	}

	nav#main.navbar ul li.navbar-right a{

		padding: 10px !important;

	}

	nav#main.navbar ul li a{

		padding: 10px 20px !important;

	}

	.opening-image img{

		margin-top: 0px;	

	}

	.contact-second .contact-image img{

		margin-top: 0px;

		height: 320px;

	}

}
@media(max-width: 600px){
	.main-content img{

		//margin-top: 100px !important;

	}
}
@media(max-width: 992px){
	.jssora05l, .jssora05r{
		display: none !important;
	}
}
@media(min-width: 601px) and (max-width: 767px){
	.main-content img{

		margin-top: 180px !important;

	}
}
@media(max-width: 767px){

	.navbar-brand{

		padding: 8px 15px 15px;

	}

	.navbar-brand img{

		height: 37px;

	}

	.navbar-toggle{

		background-color: rgba(51,51,51,0.8) !important;
        
        border-radius: 0;
        
        box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
        
        z-index:9999;

	}

	.navbar-toggle .icon-bar{

		background-color: #f7f7f7;

	}

	.navbar-toggle:hover{

		background-color: transparent;

		box-shadow: none;

	}

	.navbar-collapse{

		z-index: 20;
        background: #000;
        max-height: none !important;
        position: absolute;
        right: 0;
        height: 100vh;
        top: 0;
        width: 70vw;
        max-width:240px;
        overflow: scroll;
        text-align:center;
        padding:60px 0px 0px;
        box-shadow:0px 0px 8px rgba(0,0,0,0.4);

	}
    .navbar-collapse img{
        display:inline-block !important;
        width:80%;
        max-width:150px;
    }

	.navbar-fixed-top .navbar-collapse{

		z-index: 20;

		background: rgba(0,0,0,0.87);

	}

	nav#main.navbar.navbar-fixed-top ul li a::after{

		display: none;

	}


	#page section:not(.big-image) h2{

		font-size: 35px;

	}

	.opening-image{

		height: 220px;

	}	

	.opening-image img{

		margin-top: 0px !important;

	}

	.big-image{

		padding: 100px 0px;

	}

	.big-image .under-text{

		font-size: 20px;

		letter-spacing: 1px;

		width: 80%;

	}

	#page section:not(.big-image) .menu-box h2::after{

		left: 10%;

	}

	.menu-box h2{

		font-size: 20px !important;

	}

	.contact-text-text{

		text-align: center;

	}

	.menu-box table tr td{

		padding-bottom: 0px !important;

	}

}

.menu-anchor{

	display: block; 

	position: relative; 

	top: -100px; 

	visibility: hidden;

}

.fade{

	transition: opacity 1.2s linear 0s;

	-webkit-transition: opacity 1.2s linear 0s;

	-moz-transition: opacity 1.2s linear 0s;

	-o-transition: opacity 1.2s linear 0s;

}



#special-modal .modal-dialog{

	margin: 20px auto;

}

#special-modal .modal-content{

	border-radius: 0px;

	line-height: 1.4;

	overflow-y: auto;
    
    border: 3px double #ed5d4f;
    background-color: rgba(25,25,25,0.99);
    background-image: url("https://www.transparenttextures.com/patterns/arches.png");
    color: #fff;

}
#special-modal .modal-body{

}

#special-modal .modal-header{

	border-bottom: 0px;

}

#special-modal .modal-footer{

	border-top: 0px;

	text-align: center;

}

#special-modal .close{

	    background: transparent;
    font-size: 20px;
    box-shadow: none !important;
    color: #fff;
    opacity: 1;

}

#special-modal .close:hover{

	background: transparent;

	box-shadow: none;

	text-shadow: none;

}

#special-modal .modal-footer .btn, .btn-special, #reservation-modal .btn{

	    background: rgba(0,98,210,0.8);
    box-shadow: 0px 1px 3px rgba(0,0,0,0.4);

	text-shadow: none;

	padding: 6px 12px 2px;

	transition: all 0.4s linear;



	-webkit-transition: all 0.4s linear;

	-moz-transition: all 0.4s linear;

	-o-transition: all 0.4s linear;

	color: #fff;

	//border-color: #ec5d4f;

}

#special-modal .modal-footer .btn:hover, .btn-special:hover, #reservation-modal .btn:hover{

	background: #610202;

	color: #fffafa;

}

.button-special{

	text-align: center;

	padding-bottom: 20px;

}







#beverages-section .menu-box table tr td p{

	line-height: 1.2;

}

.site-info{

	text-align: center;

}

.slider-big-image{

	left: 0 !important;

	filter: grayscale(40%);

	-webkit-filter: grayscale(40%);

	-moz-filter: grayscale(40%);

	-o-filter: grayscale(40%);

	min-width: 100%;

}

.jssora05l, .jssora05r {

 	display: block;

     	position: absolute;

  	width: 40px;

 	height: 40px;

	cursor: pointer;

	background: url(images/a17.png) no-repeat;

	overflow: hidden;

}

@media(min-width: 1600px){

	.jssora05l, .jssora05r {

		top: 40vh !important;

	}

}

@media(max-width: 1599px){

	.jssora05l, .jssora05r {

		top: 45vh !important;

	}

}

.jssora05l { 

	background-position: -10px -40px; 

}

.jssora05r { 

	background-position: -70px -40px; 

}

.jssora05l:hover { 

	background-position: -130px -40px; 

}

.jssora05r:hover { 

	background-position: -190px -40px; 

}

.jssora05l.jssora05ldn { 

	background-position: -250px -40px; 

}

.jssora05r.jssora05rdn { 

	background-position: -310px -40px; 

} 

@media(max-width: 1280px){

	#slider1_container div{

		transform: scale(1) !important;

		-webkit-transform: scale(1) !important;

		-moz-transform: scale(1) !important;

		-o-transform: scale(1) !important;

	}

}

@media(min-width: 768px) and (max-width: 910px){

	#menu-item-146{

		display: none !important;

	}

}

.back-top{
	position: fixed;
	bottom: 5px;
	right: 20px;
	font-size: 30px;
	z-index: 99;
}	
.back-top a{
	color: #fffafa;
	text-shadow: 1px 1px 2px #888;
}

@media(max-width: 767px){
	.flexslider{
		max-height: 500px;		
		max-height: 115vh;
		min-height: 400px;		
		min-height: 110vh;
		overflow: hidden;	
	}
	.flexslider img{
		max-height: 500px;
		min-width: 100%;
		min-height: 500px;
		min-height: 110vh;
		max-height: 110vh;
	}
}
@media(min-width: 768px){
	.flexslider{
		max-height: 1200px;	
		min-height: 110vh;	
		max-height: 110vh;
		overflow: hidden;	
	}
	.flexslider img{
		max-height: 1200px;
		min-width: 100%;
		min-height: 900px;
		min-height: 110vh;
		max-height: 110vh;
	}
}
.flexslider{
	background: transparent;
	border: none;
	border-radius: 0px;
}
.flex-direction-nav a{
	width: 25px;
	height: 30px;
	color: #fff;
}
.flex-direction-nav a::before{
	color: #fff;
	font-size: 25px;
}
.flexslider ul{
	margin: 0px;
	padding: 0px;
}
.flexslider .loading{
	min-height: 400px;
	z-index: 999;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 48%;
}
.flexslider .loading img{
	min-width: 0;
	min-height: 0;
	max-height: none;
}

#text .btn{
    background:#333 !important;
}
#text .btn:hover{
    background:#fff !important;
    color:#333;
}

#events-modal .close {
        background: transparent;
    /* margin-top: -12px; */
    font-size: 20px;
    box-shadow: none !important;
    color: #fff;
    opacity: 1;
}

#events-modal .modal-dialog{
    width:80vw;
    text-align:center !important;
    border-radius:0px;
}
#events-modal .modal-footer{
    text-align:center !important;
    border-top:0px;
}
#events-modal .modal-header{
    border-bottom:0px;
}

#events-modal h1{
    font-size: 4rem !important;
    text-transform: uppercase;
    font-family: montserrat;
}
#events-modal p{
    font-size:2rem !important;
}
#events-modal hr{
        background-color: #f39c12;
    border: 0;
    height: 2px;
    margin-bottom: 1.5em;
    width: 30%;
}
.text{
    text-align:center;
}
#events-modal .text{
padding: 2vw 2vw;

}


/*
Fade content bs-carousel with hero headers
Code snippet by maridlcrmn (Follow me on Twitter @maridlcrmn) for Bootsnipp.com
Image credits: unsplash.com
*/

/********************************/
/*       Fade Bs-carousel       */
/********************************/
.fade-carousel {
    position: relative;
    height: 50vh;
}

.fade-carousel .carousel-inner .item {
    height: 50vh;
}
.fade-carousel .carousel-indicators > li {
    margin: 0 2px;
    background-color: #e09215;
    border-color: #3f3f3f;
    /* opacity: .7; */
}
.fade-carousel .carousel-indicators > li.active {
  width: 10px;
  height: 10px;
  opacity: 1;
}



/********************************/
/*            Overlay           */
/********************************/
.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-color: #333;
    opacity: .1;
}

/********************************/
/*       Slides backgrounds     */
/********************************/
.fade-carousel .slides .slide-1, 
.fade-carousel .slides .slide-2,
.fade-carousel .slides .slide-3 {
  height: 50vh;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}




.menu-container b, .menu-container strong {
    font-weight: bold;
    border-bottom: 1px dashed #e6c201;
    text-transform: uppercase;
	color:#000;
}

.main-title{
        position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    text-align:center;
}
#about-modal .modal-body{
    font-size:18px;
}
/* OPTIMISATION */
.flexslider .slides img{
        width: 100%;
    display: block;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, 0%);
    min-width: 1000px;
}
.modal-open .modal{
    text-align:center;
}
.modal-header, .modal-content, .modal-footer{
    text-align:center;
    border:0px !important;
    border-radius:0px !important;
}
#events-modal .modal-dialog{
    display:inline-block;
}

@media(max-width:767px){
    .fade-carousel{
        height:80vh;
    }
    .fade-carousel .slides .slide-1, .fade-carousel .slides .slide-2, .fade-carousel .slides .slide-3{
        height:40vh;
    }
    #events-modal h1{
        font-size:2rem !important;
    }
    #events-modal p{
        font-size:1.5rem !important;
    }
    .btns .last, .btn .first{
        text-align:center !important;
    }
    .btns .last{
        margin-top:2px;
    }
    nav#main.navbar.navbar-fixed-top{
        background:transparent !important;
        box-shadow:none;
    }
    .about-text-text{
        padding:20px 15px;
    }
    .btn{
        font-size:13px;
    }
}
.royalblue{
color:#fff;
background: linear-gradient(to bottom left, #143152, rgb(0,98,210));
border:none !important;
}
.royalblue a{
color:#fff;
}
.under-text .royalblue:hover, #reservation2-modal .royalblue:hover{
background:#fff;
}
.royalblue h2::after{
    background:#fff !important;
}
.lightwidget.hover-show-icon .in-tile-link, .fb_iframe_widget{
//box-shadow:0px 0px 3px rgba(0,0,0,0.3);
}
.overlayslider{
position:absolute;
top:0;
left:0;
height:110vh;
width:100%;
background:rgba(0, 0, 0, 0.3);
}
@media(min-width:768px){
#menu-nav img{
 display:none !important;   
}
}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"]{
    width:100%;
}
.inq p{
    text-align:left;
}
.inq button, .inq input[type="button"], .inq input[type="reset"], .inq input[type="submit"]{
    float:right;
    font-size:20px;
}
@media(max-width:767px){
    .smallmenu{
        margin-bottom:10px;
    }
}
#menu-carousel2 .slide-3{
    height:600px;
    padding:0 !important;
        background-size: cover !important;
    background-position: center !important;
}
#menu-carousel3 .slide-3{
        height:300px;
    padding:0 !important;
        background-size: cover !important;
    background-position: center !important;
    }
#menu_carousel3 .carousel-indicators{
        top:270px;
    }
@media(max-width:767px){
    #menu-carousel2 .slide-3, #menu-carousel3 .slide-3{
        height:300px;
    }
}
#menu-content .container{
    padding:0 !important;
}

.carousel-indicators li{
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: rgb(35, 40, 44);
    border: 1px solid rgb(35, 40, 44);
    border-radius: 10px;
}

.carousel-indicators .active {
    width: 15px;
    height: 15px;
    margin: 0;
    background-color: #0654ae;
    border: 1px solid #0654ae;
}

#menu-carousel3 .carousel-indicators{
        top:270px;
    }

@media(max-width:767px){
    #menu_category .carousel-indicators{
        top:270px;
    }
    
    .menu_wrapper .qmenu-tabs li {
        width: 50% !important;
}

div.col-xs-8.content-box{
        width: 100% !important;
}

#audiofiles audio{
        width: 100% !important;
}
    
}

.modal-body a{
    color:inherit;
    font-style:inherit;
}

.menubox{
        background-size: cover !important;
    background-position: center !important;
    height: 40vh;
    /* text-align: center; */
    position: relative;
    
}


.centerstuff{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
}

h3.centerstuff{
        margin: 0;
    font-size: 40px;
    //font-family: playball;
    letter-spacing:0;
    color: #fff;
    z-index:2;
    text-shadow: 0px 0px 8px rgba(0,0,0,0.5);
    text-align:center;
}

.menubox .overlay{
        position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0.2);
    opacity: 1;
    box-shadow:0px 0px 3px rgba(0,0,0,0.3);
}
.menubox .overlay:hover{
        background:transparent;
}
.menubox:hover{
    filter:brightness(125%);
    transform:scale(1.05);
    -webkit-filter:brightness(125%);
    -webkit-transform: scale(1.05);
    z-index:3;
}
.menu-container{
    background:#fff;
}