:root{
	--yellow:#f2d1a0;
	--light-brown:#503018;
	--dark-brown:#3b2314;
}

body {
	color: var(--yellow);
	font: 100 20px/20px 'Futura Lt';
	-webkit-font-smoothing:antialiased;
}





a{color:var(--yellow) !important;text-decoration:none;}
a:hover{color:#666;}
.btn,a,.btn:hover,a:hover {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
outline: none !important;
}

h1,h2,h3,h4{margin: 0;line-height: 1em;}
h2{font: 300 2.5em Gabriola-reg;margin-bottom: 0.5em;}
h3{font:300 2em Gabriola-reg;margin:2em 0 1em 0;}
h4{font:300 1.5em Gabriola-reg;margin-bottom: 1em;}
h4 em,
h4 i{margin-right: 0.5em;}

p{font-size: 1.2em;line-height: 1.2em;margin-bottom: 1.5em;}


/* ************************************************************************************************* */
/* scrollbar */
::placeholder {
    color: var(--yellow);
}
/* width for y-axis , height for x-axis */
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 2px var(--yellow);
	background: var(--yellow);
    border-radius: 0px;
}
/* Handle */
::-webkit-scrollbar-thumb {
    background: #3C2415;
    border-radius: 0px;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #3C2415;
}

/* FIREFOX scrollbar*/
:root {
    scrollbar-color: #3C2415 var(--yellow) !important;
    scrollbar-width: thin !important;
}

/*scrollbar END*/
/* ************************************************************************************************* */



.spacer{padding: 6em 0 0 0;}
.map_spacer{margin: 6em 0 0 0;}

.btn{border:none;border-radius: 0;padding: 1em 4em;background: rgba(0,0,0,0.5);text-transform: uppercase;}
.btn:hover,.btn:active{color: #fff;}
.btn-default{color: #ccc;border: 1px solid #aaa;}
.btn-default:hover,.btn-default:active{background: rgba(0,0,0,0.8);}
.btn-primary{color: #fff;background: #3c2415;border: 1px solid var(--yellow);color: var(--yellow);width: 100%;outline: none;}
.btn-primary:hover,.btn-primary:active,.btn-primary:focus{background: var(--yellow);border: 1px solid #3c2415;color: #3c2415;box-shadow: none;}

.topbar {/* background:url(../images/lines.png); */height: 40px;position: fixed;top: 0;width: 100%;z-index: 100;background-color: #503018;font-family: 'Futura Lt';}
.navbar-nav > li > a{
	font-size: 1.2em;
    line-height: 1.5em;
    font-family: Gabriola-reg;}

.navbar-fixed-top{top: 30px;}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus{background: none;color: #fff;}

#head,.carousel{margin-top: 0;}

/*#home{padding-top: 6em;}*/

/*banner*/
.banner{position: relative;width: 100%;height: 100vh;background-image: url(../images/back-6.jpg);background-repeat: no-repeat;background-size: cover;background-position: center center;}
.banner .caption{
	position: absolute;
	top: 0;
	left:0;
	right: 0;
	bottom: 0;
	/*background: rgba(80, 48, 24, 0.48);*/
	background: rgba(80, 48, 24, 0.07);
	border-bottom: 3px solid var(--yellow);
}
.banner .caption-wrapper{display: table;height: 100%;width: 100%;}
.banner .caption-info{display: table-cell;vertical-align: middle;/* transform: translateY(+10vh); */text-align: center;color: #3C2415;}
.banner .caption-info h1{font: normal 6vh Gabriola-reg;line-height: 1.2em;text-transform:capitalize;font-weight: bold;}
.banner .caption-info p{font: 300 30px Gabriola-reg;margin-bottom: 1.7em;font-weight: bold;line-height: 1.2em;padding: 10px 0;}
.banner a.explore{color: #fff;}

/*about*/
.about.spacer{padding-left: 4em; padding-right: 4em;padding-bottom: 0;}
.food-list{line-height:3em;border-bottom:1px dotted #ccc; }
.panel-group .panel{border-radius: 0;border:none;}
.panel-group .panel a:hover{text-decoration: none;}



/*testimonials*/
.partners img{float: left;margin:0 75px 30px 0;}
.testimonails{min-height: 195px;height: 27em;}
.testimonails img{margin-top: 5px;}
.testimonails span{color: var(--yellow);line-height: 2em;}
.testimonails span b{font-weight: 400;}
.carousel-indicators li{border: 1px solid #ccc;}
.carousel-indicators{bottom: 0;}

/*photos*/
#photos{padding-top:6em;}
#photos figcaption a{border: 1px solid var(--yellow);margin-top: 1em;display: inline-block;color: var(--yellow);padding: 0.2em 1em 0.2em 1em;}
#photos figcaption a:hover{text-decoration: none;padding: 0.2em 2em 0.2em 2em;}
/*photos*/

/*team*/
.team figure{width: 100%;}
.team img{width: 100%;}
.team b{font-size: 1.2em;display: block;}
.team a i.fa{color: #fff; font-size: 2em;}
.team a i.fa:hover{color: #E89F10;}


.highlight-info{ background:url(../images/lab.jpg) center fixed; background-size: cover; color:#fff;}
.highlight-info .overlay{background:rgba(59, 51, 48, 0.7);}
.highlight-info h4{color: #fff;margin:0.5em 0 0 0;}
/*about us*/



.espa-banner{
	position: absolute;
    width: 150px;
    top: 104px;
    right: 0;
    /* transform: translateX(-100%); */
    z-index: 2;
}
.espa-banner img{
	width: 100%;
}


@media (max-width: 959px) {
	.espa-banner{
		/* position: fixed; */
		width: 150px;
		top: 44px;
		right: 0;
	}
}
@media (max-width: 450px) {
	.espa-banner{
		/* position: fixed; */
		width: 100px;
		top: 44px;
		right: 0;
	}
}





/*contact*/
.contactform textarea,.contactform input{width: 100%;padding:1em;border: 1px solid #3C2415;margin-bottom: 1em;border-radius: 0;outline: none;background-color: var(--yellow);color: #3C2415;}
/*contact*/

#map{width: 100%; height: 500px; border-top: 3px solid var(--yellow);}
#map p{margin: 0 !important;}

.footer{background-color: #3C2415;color: #fff;font-size: 1.2em;color: var(--yellow); border-top: 3px solid var(--yellow); padding: 2em 0 2em 0;}
.footer a{color: #aaa;margin: 0 1em; }
.footer p{font-size: 1em;}

.gototop{position: fixed;bottom: 20px; right: 20px;background: rgba(0,0,0,0.5);padding: 10px;color: #fff;}
.gototop em,
.gototop i{line-height: 0.5em;color: var(--yellow);}


/*custom*/
.panel-default>.panel-heading {
    color: #333;
    background-color: #503018;
    border-color: #503018;
}

.navbar-inverse {
    background-color: #3C2415;
    border-color: #3C2415;
}

.panel-heading {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.panel {
    margin-bottom: 20px;
    background-color: #3C2415;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: var(--yellow);
}

.food-list {
    line-height: 3em;
    border-bottom: 1px dotted var(--yellow);
}

textarea {
    resize: vertical;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #947762;
}

.panel-title {
    font-size: 1.4em;
}

.logo-main-page{
	width: 50vh;
	margin-left: 50%;
	transform: translateX(-50%);
}

.certificateOfExcellence{
    width: 70%;
    min-width: 100px;
    max-width: 270px;
	margin: 20px auto;
    position: relative;
}
.certificateOfExcellence img{
	width: 100%;
}

#carousel-testimonials p {
    font-size: 1em;
    line-height: 1.4em;
    margin-bottom: 1.7em;
}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
    background-color: #503018;
}
.navbar-inverse .navbar-toggle {
    border-color: var(--yellow);
}

.navbar-toggle .icon-bar {
    background-color: var(--yellow) !important;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: var(--yellow);
    position: inherit;
}

.carousel-indicators li {
    border: 1px solid var(--yellow);
}
.carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: var(--yellow);
}

#map h4 {
    font: 300 2em Gabriola-reg;
    margin-bottom: 0;
}

#map p {
    font: 300 1.5em Gabriola-reg;
}

.hvr-shutter-out-horizontal:before {
    background: var(--yellow);
}

.pull-left {
    float: left!important;
    width: 40%;
    line-height: 1.2em;
    padding-right: 1em;
    margin: 0.6em 0;
}
.pull-right {
	float: right!important;
    width: 60%;
    line-height: 1.2em;
    margin: 0.6em 0;
}

.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus {
    background-color: #503018;
}

.navbar-brand img{
	width: 150px;
    margin-top: -40px;
}

.dropdown-menu {
    background-color: #503018;
    font-size: 1.2em;
    line-height: 3.0em;
    font-family: Gabriola-reg;
}

.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
    background-color: #4f3118;
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
    background-color: #3c2416;
}

.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    max-height: 400px;
}

.fa-3x {
    color: #3C2415;
}

.carousel-indicators {
    /* position: relative; */
    /* margin-top: 10px; */
}

.item.animated.row{cursor: w-resize;}

.topbar_content{
	text-align: right;
	/* top: 50%; */
	/* transform: translateX(-50%); */
	/* margin-top: 0.2em; */
	margin-right: 10px;
	font-size: 1.3em !important;
	transform: translateY(30%);
}

.phone_icon{
	/* font-size: 0.7em; */
}

.blueimp-gallery>.close, .blueimp-gallery>.title {
    color: var(--yellow);
}
.blueimp-gallery>.prev:hover, .blueimp-gallery>.next:hover, .blueimp-gallery>.close:hover, .blueimp-gallery>.title:hover, .blueimp-gallery>.play-pause:hover {
    color: #f7e6ab;
}

.contact_message{
	margin-top: 1em;
	font-size: 1em;
}

.errormsg{
    color: #ff6347;
}
.successmsg{
	color: #37f12f;
}

.captcha_code input{
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

.code_change, .captcha_label{
	font-size: 1em;
	font-weight: 100;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 40px var(--yellow) inset;
    -webkit-text-fill-color: #3C2415 !important;
}

.copyrights{
	font-size: 0.8em;
	line-height: 2em;
}



li{
    list-style: none;
}

#contact .logo-footer a{
    margin: 0 auto !important;
}
#contact #contact-info {
    text-align: left;
}
#contact #block-info {
    padding: 50px 0px;
}
#contact-info {
    text-align: center;     
}
#contact-info {
    text-align: center;     
    text-align: -webkit-auto;
}
#contact #block-info ul {
    /*font-family: 'Gabriola';*/
    margin-left: 0;
    padding-left: 0;
}
#contact #visit-us ul li, #contact #contact-info ul li {
    padding-top: 15px;
}
#contact #visit-us {
    text-align: right;
}
#contact #visit-us,  #contact #contact-info {
    /*color: #fff;*/
}
#contact ul.social {
    padding-top: 50px;
}
#contact ul.social li a {
    font-size: 25px;
}


/*** CHECKBOX ***/
.box {
    display: block;
    position: relative;
    padding: 2px 0 2px 40px;
    text-align: left;
    margin-bottom: 1em !important;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 1em;
    font-weight: 100;
}

/* Hide the browser's default checkbox */
.box input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 1px;
    height: 22px;
    width: 22px;
    background-color: var(--yellow);
    /* border-radius: 2px; */
    border: none;
}


/* On mouse-over, add a grey background color */
.box:hover input ~ .checkmark {
    background-color: #ccc;
}

.box a { /* Terms of use */
    color: #0091d1;
}
.box a:hover {
    color: #0068aa;
}

/* When the checkbox is checked, add a blue background */
.box input:checked ~ .checkmark {
    background-color: var(--yellow);
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.box input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.box .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid #3C2415;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
/*** CHECKBOX end ***/


/*custom*/

@media (max-width: 1200px) {

	body {
/*	    background-color: #432915;
	    background-image: linear-gradient(335deg, #3c2415 23px, transparent 23px), linear-gradient(155deg, #3f2515 23px, transparent 23px), linear-gradient(335deg, #3c2415 23px, transparent 23px), linear-gradient(155deg, #3f2515 23px, transparent 23px);
	    background-size: 58px 58px;
	    background-position: 0px 2px, 4px 35px, 29px 31px, 34px 6px;*/

		/*background-color: #3b2314;
		background-image: repeating-linear-gradient(120deg, rgba(255,255,255,.1), rgba(255,255,255,.1) 1px, transparent 1px, transparent 60px),
		repeating-linear-gradient(60deg, rgba(255,255,255,.1), rgba(255,255,255,.1) 1px, transparent 1px, transparent 60px),
		linear-gradient(60deg, rgba(0,0,0,.1) 25%, transparent 25%, transparent 75%, rgba(0,0,0,.1) 75%, rgba(0,0,0,.1)),
		linear-gradient(120deg, rgba(0,0,0,.1) 25%, transparent 25%, transparent 75%, rgba(0,0,0,.1) 75%, rgba(0,0,0,.1));
		background-size: 70px 120px;*/


		background: url(../images/mob_bg.jpg) no-repeat fixed #3C2415;
	/*     background-size: cover; */
	    background-position: center center;
	    background-repeat: repeat;

	}	

	
/* 	body{font: 300 20px/13px Gabriola-reg;} */
	.navbar-brand{padding-top: 11px;}
	.services ul li{margin:0 0.5em; }
	
	.grid figure h2{font: 700 1.5em Gabriola-reg;color: var(--yellow);}
	figure.effect-oscar figcaption{padding: 12%;}
	figure.effect-oscar figcaption::before,figure.effect-chico figcaption::before{top: 20px;right: 20px;bottom: 20px;left: 20px;}

	.partners img{margin: 0 25px 25px 0;}

	.contactform textarea, .contactform input {
		/* font: 300 1.4em/1.3em 'Futura Lt'; */
	}
	p{/* font-size: 1.5em; *//* line-height: 1.4em; *//* margin-bottom: 1.7em; */}
	#carousel-testimonials p {
		/* font-size: 1.4em; */
		/* line-height: 1.4em; */
		/* margin-bottom: 1.7em; */
	}

	.pull-left {
	    font-size: 1em;
	    width: 100%;
	}
	.pull-right {
	    font-size: 0.9em;
	    width: 100%;
	    margin: 0 0 0.7em 0;
	}

	.topbar_content{
		/* margin-top: 0.5em; */
		/* font-size: 1.5em !important; */
		/* vertical-align: middle; */
	}

	.navbar-nav > li > a {
	    font-size: 1.4em;
	    line-height: 1.7em;
	    font-family: Gabriola-reg;
	}

	.navbar-brand img {
	    width: 130px;
	    margin-top: -40px;
	}
	
	.contact_message{
	    font-size: 1.1em;
	}
	.code_change, .captcha_label{
		/* font-size: 1.5em; */
	}

	.banner{background-image: url(../images/back-6-mobile.jpg);}

	.banner { height: 60em;}
	
	.banner .caption-info h1 {
		font: normal 4.35em Gabriola-reg;
		line-height: 1em;
		text-transform: capitalize;
		font-weight: bold;
	}
	.banner .caption-info p {
		/* font: 300 2.7em Gabriola-reg; */
		line-height: 1.2em;margin-bottom: 0;
		font-weight: bold;
	}

	.logo-main-page {width: 25em;}

}

#menu-desktop{display:block;}
#menu-mobile{display:none;}

@media (max-width: 900px) {

	#menu-desktop{display:none;}
	#menu-mobile{display:block;}


	h1{font: 700 3.5em Gabriola-reg;}
	h4 {font: 300 1.3em Gabriola-reg;}
	p {
    font-size: 1.0em;
    line-height: 1.1em;
	}
	.btn{padding: 1em 2em;}
	.partners img{margin: 0 15px 25px 0;width: 157px;}
	.services ul li{width: 9em;height: 9em;}
	figure.effect-chico figcaption {padding: 2em;}	
	figure.effect-oscar figcaption {padding: 17%;}
	figure.effect-chico figcaption::before{top: 10px;right: 10px;bottom: 10px;left: 10px;}
	.grid figure.effect-chico p{font-size: 0.6em;line-height: 1.5em;}	

/* 	.testimonails{min-height: 195px;height: 18em;} */

	.banner { height: 45em;}
	
	.banner .caption-info h1 {
		font: normal 3.35em Gabriola-reg;
		line-height: 1em;
		text-transform: capitalize;
		font-weight: bold;
	}
	.banner .caption-info p {
		/* font: 300 2.0em Gabriola-reg; */
		line-height: 1.2em;margin-bottom: 0;
		font-weight: bold;
	}

	.logo-main-page {width: 20em;}

}


@media (max-width: 767px) {
	
	body {font: 100 17px/20px 'Futura Lt';}

	.navbar-nav > li > a {line-height: 1em;text-align: center;}	
	.navbar-brand{padding: 7px;}
	.navbar-brand img {
	    /* height: 37px; */
	    width: 110px;
	    margin-top: -30px;
	}
	.navbar-toggle{margin-top: 12px;}

	.banner .caption,.carousel-caption,.carousel-control,.carousel-indicators{
		/*display: none;*/
		overflow: hidden;
	}

	h2.text-center{/*text-align: left;*/font-size: 2em;}
	h4 {font: 300 1.7em Gabriola-reg;}
	#partners h2{padding: 0 1em;} 
	#home {
		/*padding-top: 5em;*/
	}

	.partners{display: block;float: left;}
	.partners img{width: 120px;}



	.about.spacer{padding-left: 2em;padding-right: 2em;}
	.spacer{padding:3em 0 0 0;}
	.map_spacer{margin: 2em 0 0 0;}
	.services ul li{margin-bottom: 1em;}

	.highlight-info .overlay{padding-bottom: 2em;}

	.grid.team div{margin: 0;padding: 0;}
	figure.effect-chico figcaption {padding: 1.5em;}
	#map{height: 400px;}
	.footer{padding-bottom: 2em;}

	.navbar-nav > li > a {
		font-size: 2em;
	}

	.navbar-nav > li > ul > li > a {
		font-size: 1.5em;
		line-height: 0.8em;
    	/*text-align: center;*/
	}

	.logo-main-page {
	    width: 40vh;
	    margin-left: 50%;
	    transform: translateX(-50%);
	}
	
	.footer p {font-size: 0.7em;}
	.copyrights {font-size: 0.7em;}


    #contact #visit-us, #contact #contact-info {
        text-align: center;
    }


    .banner { height: 35em;}

	.banner .caption-info h1 {
		font: normal 3.35em Gabriola-reg;
		line-height: 1em;
		text-transform: capitalize;
		font-weight: bold;
	}
	.banner .caption-info p {
		/* font: 300 1.7em Gabriola-reg; */
		line-height: 1.2em;margin-bottom: 0;
		font-weight: bold;
	}
	.logo-main-page {width: 15em;}
	
}



/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 479px) {

	.banner { height: 27em;}
	
	.banner .caption-info h1 {
		font: normal 2.35em Gabriola-reg;
		line-height: 1em;
		text-transform: capitalize;
		font-weight: bold;
	}
	.banner .caption-info p {
		font: 300 1.2em Gabriola-reg;
		line-height: 1.2em;margin-bottom: 0;
		font-weight: bold;
	}

	.logo-main-page {width: 13em;}
}


@media only screen and (min-width : 1201px) {
	body {
		background: url(../images/bg.jpg) no-repeat fixed #3C2415;
		background-size: cover;
		background-position: center center;
	}

	.banner .caption-info {
	     transform: translateY(+10vh); 
	}

}