@charset "utf-8";

body{ background-color:#43641d; margin:0; padding:0;}
.top{ text-align:right; font-family: 'Lora', serif; color:#dfdec0; background:url(../images/top-bg.jpg); background-size:100%;padding:14px 0;}

.top ul{ list-style-type:none; font-family: 'Kalam', cursive; margin:0; padding:0;}
.top ul li{ display:inline-block; border-left: 1px solid #7e4d2d; padding:0 5px; font-size:15px;}
.top ul li a{ color:#9ebe8f; text-decoration:none;}
.top ul li:first-child{ border:none;}
.top ul li:last-child{ padding-right:0;}

.logo{ margin:10px 0 0 0 ;}
.menu{ background:url(../images/menu-bg.jpg);  background-size:100%;}
.navbar-inverse{ background:none; border:none; margin:10px 0 0 0;}
.navbar-inverse .navbar-nav>li>a{ color:#793528; font-family: 'Kalam', cursive;}
.navbar-inverse .navbar-nav>li>a strong{ text-transform:uppercase; font-family: 'Lora', serif; color:#4a602f;}
.nav>li>a{ padding:0px 40px;  border-left: 1px solid #d1cdb3;}
.navbar-inverse .navbar-nav>li>a img{ text-align:center;}
.first{ border:none !important;}
.navbar-inverse .navbar-nav>li>a:hover{ color:#000;}
.main{ background:url(../images/main-bg.jpg); background-size:100%; height:auto; background-repeat:no-repeat;}
.main .col-xs-12{ padding:0 !important;}

.content{ background:url(../images/content-bg.jpg); background-size:100%; height:auto;font-size:12px; color:#330000;}
.content a{ color:#330000;}
.content a:hover{ color:#000;}
h5{ color:#4b3f05; font-weight:bold; margin-top:20px;}
h6{font-weight:bold;}

.well{ border:none; background:url(../images/well-bg.jpg); background-size:100%; margin-top:20px; font-family: 'Lora', serif; background-repeat:no-repeat; }
h3{font-family: 'Kalam', cursive; color:#3c2401; font-weight:600; margin:15px;}
.well a{color:#333; font-size:20px; line-height:65px; text-decoration:none;}

footer{ margin:0 0 10px 0;}
.footer{background:url(../images/footer-bg.jpg); background-size:100%; height:50px; background-repeat:no-repeat;}

.gallery-img{padding:10px;}
.gallery-caption{text-align:center;}

#gallery ul{padding:0 0 0 0; margin:0 0 0 0; }
#gallery ul li{list-style:none; margin-top:20px;}
#gallery  ul li img {cursor: pointer;}
.controls{width:50px; display:block; font-size:11px; padding-top:8px; font-weight:bold;          }
.next {float:right;text-align:right;}

.form-control{ font-size:12px; border:none; background:rgba(255,255,255,0.6); border-radius:1px; color:#000;}
.btn-primary{border-radius:1px; font-size:12px; border:none; background:#4b3f05;}
 .btn-primary:hover{border-radius:1px; font-size:12px; border:none; background:#4b3f05; color:#ddd;}

h4{ font-size:14px; margin:0 0; padding:0 0;}

@media only screen and (max-width : 1200px){
h3{ margin:8px;} 
.well a{font-size:16px; line-height:60px;}
.nav>li>a{ padding:0px 25px;}
.top{ background:url(../images/mobile-top.jpg);  background-size:100%; background-position:bottom; background-repeat:no-repeat;}
}

@media only screen and (max-width : 1025px){
	h3{ margin:13px!important; font-size:14px;}.well a{color:#333; font-size:14px; line-height:58px; text-decoration:none;}
	.well{ background:url(../images/well-bg-ipad.jpg)!important;  background-size:100%; background-repeat:no-repeat!important;}
	}


@media only screen and (max-width : 768px){
.logo{ width:180px !important; height:111px;}	
.nav>li>a{ padding:0px 10px;}
h3{ margin:5px!important;} 	
.well{ border:none; background:url(../images/well-bg.jpg)!important; background-size:100%!important; margin-top:20px; font-family: 'Lora', serif; background-repeat:no-repeat!important;}
.well a{ line-height:40px !important; font-size:12px;}

	 }
	 
@media only screen and (max-width : 737px){
.logo{ width:180px !important; height:111px;}	
.nav>li>a{ padding:0px 10px;}
h3{ margin:50px!important; font-size:24px;} 	
.well a{ line-height:66px!important; font-size:20px!important;}
	 }	 


@media only screen and (max-width : 415px){ 
.logo{ width:207px !important; height:128px;}
.top{ text-align:center; background:url(../images/mobile-top.jpg); background-position:bottom; background-size:100%; background-repeat:no-repeat; padding:10px;} 
.top ul{ margin-top:10px;}
.logo{ margin:10px auto; display:block;}
.menu{ background:#e2dfc0;}
.menu .col-xs-12{ padding:0;}
.navbar-inverse{ margin:0; background:#d9ce98;}
.navbar-inverse .navbar-toggle{ border:none; background:#8a6c48;}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{ background:#3a0d08;}
.navbar-inverse .navbar-collapse{ border-color:#b1a463;}
.nav img{ display:none;}
.nav>li>a{ padding:0px 15px;  border-left:none;}
.well a{color:#333; font-size:14px; line-height:45px; text-decoration:none;}
footer{ height:20px;}
.modal-dialog{ width:320px !important; margin:0px!important;}
.controls{font-size:16px;}
.close{font-size:16px;}
h3{ margin:19px!important; font-size:22px!important;}
.well a{ line-height:65px!important; font-size:20px!important;}
}

.consent input[type=checkbox]{margin:0 0;}
.consent label{ font-weight:normal; display:initial;}

/* Cookies*/
.cc_container{background:#371a0e!important;}
.cc_container .cc_message{font-size:12px!important; margin-top:10px!important; font-family: Arial !important;}
.cc_container .cc_btn{border-radius:0px!important; background-color:#4b3f05!important; font-size:12px!important;color:#fff!important; font-weight:normal!important;font-family: Arial !important;}

@media (max-width:737px){
.cc_container .cc_message{width: 84%; margin-top:0px!important;}
}

@media (max-width:737px){
.cc_container .cc_message{width: 67%;}
}