@import url('https://fonts.googleapis.com/css?family=Merriweather|Roboto:300,400,500,700');

body {background: #f3f3f6; margin: 0; font:14px 'Roboto', sans-serif; line-height:22px;}
.top-btm-space{padding-top:70px;}
.top-btm-space-sm {padding:50px;}
.top-btm-space-md {padding-bottom:70px; padding-top:70px;}
.top-btm-space-lg {padding-bottom:130px; padding-top:130px;}

hr{margin:12px 0; height:1px;}

a{text-decoration: none !important; color:inherit;}
a:hover, .addressbox a:hover{color:#333}
a , .header, .logo img, .menu, .btn, .header.full, .nav ul, .logo img, .gallerybox h2, .gallerybox a:before{-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;}
.bigtext{font-size:24px; line-height:30px;}
h1 {font:36px 'Merriweather', sans-serif;}
h2{font:24px 'Merriweather', sans-serif; margin:18px 0;}
.largetext{font:80px 'Roboto', sans-serif; color:#bc913c;}

.header{width:100%; padding:22px 0; z-index:99; position:fixed; height:auto; background:transparent;}
.header.full{
	background:#fff; padding:10px 0;
	-webkit-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.3);
	-moz-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.3);
	box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.3);
}
.big-logo{margin: 100px auto; position: absolute; left: 0; right: 0;}
.logo img{max-width:150px; opacity:0;}
.header.full .logo img{max-width:150px; opacity:1;}
.header.full .nav ul{margin:0;}
.btn{font-size:14px; background:#35398f; padding:14px 45px; color:#fff; border-radius:0;}
.btn:hover{background:#000; color:#fff;}
.y-btn{background:#bc913c; font-size:18px; padding:14px 30px;}
.btn-sm{padding:8px 20px;}

.nav ul {list-style: none; padding: 0; margin:10px 0;width:100%;}
.nav li {display: inline-block; margin: 0;}
.nav li a {color: #000; padding:0; text-decoration: none;  margin:0 10px; text-transform:uppercase;}
.nav li a:hover, .nav li.active a{color: #bc913c;}

/* .nav li ul {display: none; margin: 0; width:200px; position: absolute; z-index:9999; border-top: 32px solid transparent;right:0;}
.nav li:hover ul {display: block;}
.nav li li {display: block; margin: 0px; padding: 0; background:#333; }
.nav li li a {display: block; font-size: 12px; color:#fff; margin: 0; padding:10px 15px; border-top: 1px solid #808080; text-align: left;}
.nav li li a:hover {color: #ce9825; background:#191919;} */

.banner{position:relative; background:url(../images/banner.jpg); height:845px; background-size:cover;}
	
.linebox{position:relative; margin-top:-150px; background: rgb(188,145,60);
background: -moz-linear-gradient(left,  rgba(188,145,60,1) 50%, rgba(53,57,143,1) 50%);
background: -webkit-linear-gradient(left,  rgba(188,145,60,1) 50%,rgba(53,57,143,1) 50%);
background: linear-gradient(to right,  rgba(188,145,60,1) 50%,rgba(53,57,143,1) 50%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bc913c', endColorstr='#35398f',GradientType=1 );
}
.linebox:before {content: ''; position: absolute; border: 1px solid #fff; top: 10px; bottom: 10px; left: 10px; right: 10px; z-index: 9;}

.linebox:after{position:absolute; top:12px;  background:url(../images/grapes.png) no-repeat center top; left:0; right:0; content:''; height:100%; opacity:.4;}
.contentbox{position:relative; z-index:1;}
.yellow-bg{background:#bc913c;}
.blue-bg{background:#35398f;}
.bottle{margin:0 auto; position:absolute; left:0; right:0; bottom:-50px; z-index:9;}

.gallerybox{position:relative;}
.gallerybox h2{position:absolute; left:0; right:0; bottom:30px; padding:10px 0; border-top:1px solid #fff; border-bottom:1px solid #fff; color:#fff; text-align:center; width:70%; margin:0 auto; z-index:9;}
.gallerybox h2 a:hover{color:#fff;}
.gallerypic{position:relative;}
.gallerybox a.n1:before{position:absolute; content:''; bottom:0; height:100%; width:100%; left:0; right:0; z-index:0; opacity:1;
background: rgba(76,76,76,0);
background: -moz-linear-gradient(top, rgba(76,76,76,0) 0%, rgba(0,0,0,0.7) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(76,76,76,0)), color-stop(100%, rgba(0,0,0,0.7)));
background: -webkit-linear-gradient(top, rgba(76,76,76,0) 0%, rgba(0,0,0,0.7) 100%);
background: -o-linear-gradient(top, rgba(76,76,76,0) 0%, rgba(0,0,0,0.7) 100%);
background: -ms-linear-gradient(top, rgba(76,76,76,0) 0%, rgba(0,0,0,0.7) 100%);
background: linear-gradient(to bottom, rgba(76,76,76,0) 0%, rgba(0,0,0,0.7) 100%);
}
.gallerypic:hover  a.n1:before{opacity:0;}
.gallerypic:hover h2{bottom:80px;}
.gallerypic h2 span{
	color: #c49e53;
    font-weight: 700;
    font-size: 15px;
}
.midbanner{background:url(../images/midbanner.jpg); position:relative;}
.midbanner:before{position:absolute; content:''; background:#000; opacity:.5; width:100%; height:100%; left:0; right:0; top:0;}

.testimonial{border:8px solid #bc913c; font:20px 'Merriweather', sans-serif; padding:50px; background:url(../images/moutain.jpg) center bottom no-repeat;}
.testimonial span{font-size:18px;}
.testimonial img{margin-top:-100px;}
.m-line{width:80px; height:1px; background:#e2d5c8; margin:30px auto; border:0;}
.notext{font:14px 'Roboto', sans-serif; border: 8px solid #fff;}

.footer{font-size:14px; color:#636363; line-height:28px; padding:0; background:url(../images/footer-bg.jpg); width:100%;}
.footer ul{margin:0; padding:0; list-style:none;}
.footer ul li{display:inline-block;}
.footer a{color:#a5a5a5; margin:0 10px;}
.footer a:hover{color:#fff;}
.footer span{display:block;}

.expand-btn{display:none;}
label{display:block;}
.label_error{color:#F00; font-size: 12px; display: inline-block;}
input[type="text"], textarea, .form-control{
	font-size: 13px;
    font-weight: 400;
    color: #333;
    width: 100%;
    line-height:45px;
    padding: 0 15PX;
    background:#f3f3f3;
    border:1px solid #e4e3e3;
	margin-bottom:10px;
}
textarea{height:140px;}
select.form-control:not([size]):not([multiple]) {
    height:45px; border-radius:none;}
#contactform{width:100%;}
.addressbox{line-height:24px; text-align:center; font-size:18px;}
.addressbox i{background:#35398f;width:60px;height:60px;padding:15px;color:#fff;font-size:30px;border-radius:50px; margin:0 auto 10px; display:block;}
.addressbox a{color:#af8c48;}

.innerbanner{position:relative; width:100%; background:url(../images/innerbanner.jpg) no-repeat; height:135px; background-size:cover;}
.contentbox{padding:80px;}

.social a {margin:0 2px; color:#797979; display:inline-block; border-radius:50px; border:2px solid #797979; height:36px; width:36px; text-align:center; padding:5px;}
.social i {font-size:18px;}
.social a:hover{background:#797979;}

.grapebox{width:240px; margin:0 auto; height:1px; background:#ccc;}
.grapebox span{background:#f3f3f6; padding:5px; position: absolute;left: 0;right: 0;width: 80px;margin: 0 auto; top:32px;}
.expand-btn{display:none;}

@media (min-width:1200px) {
.container {width: 1190px;min-height: 300px;}
.header  .container {min-height:auto;}
}
@media (min-width:992px) and (max-width:1199px) {
.nav li a{font-size:12px; margin:0 8px;}
h1{font-size:35px;}
.gallerybox h2{font-size:18px;}
}
@media (min-width:768px) and (max-width:991px) {
#nav{display:none; background:#000; min-width:220px; padding:0; position:absolute; right:16px; top:53px;}
.expand-btn {background:none; color: #bd913c; border: 0; font-size: 26px; padding: 0; display: inline-block !important; cursor: pointer}
.nav ul{width:100%; margin:0;}
.nav li{display:block; line-height:normal; padding:0;}
.nav li a{margin:0; line-height:40px; color:#fff; padding:0 15px; display:block;}
.nav li a:hover, .nav li a.active{color: #fff; background:#bd913d;}
h4{margin:20px 0;}
.top-btm-space-lg {padding-bottom: 70px; padding-top:70px;}
.contentbox {padding: 30px;}
.bottle{display:none;}
}
@media (min-width:200px) and (max-width:767px) {
#nav{display:none; background:#000; min-width:220px; padding:0; position:absolute; right:16px; top:51px;}
.expand-btn {background:none; color: #bd913c; border: 0; font-size: 26px; padding: 0; display: inline-block !important; cursor: pointer}
.nav ul{width:100%; margin:0;}
.nav li{display:block; line-height:normal; padding:0;}
.nav li a{margin:0; line-height:40px; color:#fff; padding:0 15px; display:block;}
.nav li a:hover, .nav li a.active{color: #fff; background:#bd913d;}
.logo img, .header.full .logo img{max-width:135px;}
.top-btm-space-lg {padding-bottom:30px; padding-top:30px;}
.btn{font-size:14px; padding: 10px 20px;}
.header.full #nav{top:50px;}
.top-btm-space-md{padding-top:30px; padding-bottom:30px;}
.gallerybox h2{font-size:18px;}
.bigtext {font-size: 14px; line-height: 24px;}
.top-btm-space-sm{padding-top:20px; padding-bottom:20px;}
h1{font-size:30px;}
.testimonial img {margin-top:0;}
.contentbox {padding: 30px;}
.bottle{display:none;}
.banner{height:600px;}
.grapebox span {top: -4px;}

}
@media (min-width:415px) and (max-width:575px) {.gallerypic{width:370px; margin:0 auto;}}
@media (max-width:430px) {
.logo img, .header.full .logo img{max-width:150px;}
#nav{top:58px;}
.header.full #nav{top:46px;}
h4{margin:10px 0;}
h3{font-size:15px;}
}