body{font-family:'Open Sans', sans-serif;}
a:focus{ outline:none;}
p { line-height:1.8; font-weight:400;}
h1 { font-size:36px; font-weight:600; color:#393939;}
h3 { color:#393939; font-size:26px; font-weight:600; text-transform:uppercase;}
h5 { font-size:15px; color:#fff; font-weight:600; text-transform:uppercase;}
header{position: relative; z-index: 9999;}

.navigation ul li a:hover,    
#home .navigation ul li.nav-home a,
#about .navigation ul li.nav-about a,
#products .navigation ul li.nav-products a,
#gallery .navigation ul li.nav-gallery a,
#services .navigation ul li.nav-services a,
#testimonials .navigation ul li.nav-testimonials a,
#contact .navigation ul li.nav-contact a{
border-bottom:4px solid #c8850c;
}
.navbar { margin-bottom:0;}
.navbar-default { background-color:transparent; border-color:transparent;}
.navbar-collapse { border-bottom:1px solid #919191;}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover { color: #c8850c;}
.navbar-default .navbar-nav > li { padding:0 5px;}
.navbar-default .navbar-nav > li > a { text-transform:uppercase; font-weight:400; color:#fff; padding:40px 15px;}
.header{position: absolute; width:100%; padding:20px 0;}
.slider{position: relative; border-bottom:4px solid #c8850c;  border-top:4px solid #c8850c;}
.slider .carousel-indicators{left: 9%;}
.slider .carousel-indicators li{padding: 8px; border: #c8850c 3px solid; background: #fff;}
.slider .carousel-indicators li.active{border: #fff 3px solid; background: #c8850c;}
.carousel-caption { padding-bottom:180px; right: 50%; left: 6%; text-align:left;}
.carousel-caption h1 { color:#fff; margin-top:0; font-size:60px; text-transform:uppercase; font-weight:600;}
.carousel-caption h3 { font-size:24px; font-family: 'Raleway', sans-serif; color:#c8850c; }
.view-more a { transition-duration:0.2s; margin-right:20px; font-size:16px; font-weight:600; text-shadow:none; float:left; background:#c8850c; padding:10px 25px; border:2px solid #c8850c; color:#fff; text-decoration:none; }
.view-more a:hover {background:#fff; color:#c8850c; transition-duration:0.2s;}
.phone a { font-size:16px; font-weight:600; text-shadow:none; float:left; background:#fff; padding:12px 25px; color:#c8850c; text-decoration:none;}

.welcome { padding:30px 0 50px; text-align:center;}
.welcome span {  color:#c8850c;}
.welcome .view-more { padding:30px 0;}
.welcome .view-more a { margin-right:0; float:none; padding:13px 30px;}
.n1 { margin-top:-150px;  background:url(../images/natural.jpg) no-repeat; height:122px; background-size: 100%;}

.vape-n { background:url(../images/background-pattern.jpg); padding:50px 0 80px;}
.vape-n p { color:#a7a7a7; padding:0 30px;}
.vape-n h5 { padding:20px 0 5px;}
.vape-n .col-md-3 { margin-top:30px;}
.i0 { height:55px; margin:0 auto;}
.i1 {background:url(../images/icon/i1.png) no-repeat; width:60px;}
.i2 {background:url(../images/icon/i2.png) no-repeat; width:67px;}
.i3 {background:url(../images/icon/i3.png) no-repeat; width:39px;}
.i4 {background:url(../images/icon/i4.png) no-repeat; width:36px;}

.call-section { background:url(../images/call-sec.jpg) no-repeat; height:230px; background-size: 100%; padding-top:25px;}
.call-section a { font-size:30px; color:#fff; font-weight:600;}
.call-section span { color:#c8850c;}
.call-section h4 { color:#a4a4a4;}
.call-section .img-box{overflow: hidden; height: 450px; border: 5px solid #ccc; }
.call-section .img-box img{margin-top: -20px; width: 110%;}
.call-section > div > .row{margin-top: 20px;}
.call-section .row .srv-box{ margin:0 auto;  padding:20px 30px; overflow: hidden; display:table;  position: relative;}
.call-section .row .srv-box:before{content:' '; transition:all 0.5s; height: 45px; width: 3px; position: absolute;top: 0; left: 0; background: #fff; }
.call-section .row .srv-box:after{content:' '; transition:all 0.5s; height: 3px; width:50px; position: absolute;top: 0; left: 0; background: #fff; }
.call-section .row .sv-box{ margin:0 auto;  padding:0; overflow: hidden; display:table;  position: relative;}
.call-section .row .sv-box:before{content:' '; transition:all 0.5s; height: 45px; width: 3px; position: absolute;bottom: 0;  right: 0; background: #fff; }
.call-section .row .sv-box:after{content:' '; transition:all 0.5s; height: 3px; width:50px; position: absolute;bottom: 0; right: 0; background: #fff; }
.call-section .row .sv-box:hover:before{height: 100%;}
.call-section .row .sv-box:hover:after{width: 100%;}
.call-section .row > div:nth-child(4),.services .row > div:nth-child(5),.services .row > div:nth-child(6){margin-top: 30px;}
.call-section .row .srv-box:hover:before{height: 100%;}
.call-section .row .srv-box:hover:after{width: 100%;}
.call-section a{text-decoration: none;}

.gallery1{padding: 40px 0;}
.gallery1 .img-box{overflow: hidden; border: 1px solid #d5d5d5;  overflow: hidden;  position: relative;}
.gallery1 .row {margin-top: 30px;}
.gallery1 .img-box img{}
.gallery1 .row .img-box:before{content:' '; height: 45px; width: 5px; position: absolute;top: 0; left: 0; background: #0e4a30; }
.gallery1 .row .img-box:after{content:' '; height: 3px; width:12px; position: absolute;top: 0; left: 0; background: #0e4a30; }
.img-box1{overflow: hidden; position: relative;}
.img-box1 img{width: 100%; border: 2px solid #111111;}
.img-box1 .inner-box{position: absolute; transition:all 0.5s; top: 0; visibility: hidden; opacity: 0; left: 0; height: 100%; width: 100%; background: rgba(11,11,11,0.8) url('../images/icon/zoom.png') no-repeat 90% 90%; color: #fff; padding: 15px; border: 2px solid #c8850c;}
.img-box1:hover .inner-box{top: 0; visibility: visible; opacity: 1;}

.gallery-page-section{ background:url(../images/background-pattern2.jpg); padding:0px 0 40px;}
.gallery-page-section span{color: #fff;}
.gallery-page-section h4{text-transform: uppercase; font-weight: bold; margin-top: 0;}
.gallery-page-section .title::before,.gallery-page-section .title::after{background: #fff;}
.gallery-page-section .row > div{margin-top: 15px; margin-bottom: 15px;}
.gallery-page-section h3 { text-align:center; }
.gallery-page-section  span  { color:#c8850c;}
.gallery-page-section h5 a { color:#fff; text-decoration:none;} 
.gallery-page-section h5 { background:#000; color:#fff; padding:15px; text-align:center; margin:0;}
/*****************/
.testimonial-section { padding:50px 0;}
.testimonial-section h5  { margin-top:30px; font-size:18px; font-weight:400; color:#c8850c; text-transform:capitalize;}
.testimonial-section .fa { font-size:18px; color:#ffd203;}
.testimonial-section .testi  { border-left:5px solid #c8850c;}
#fade-quote-carousel.carousel .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
      -ms-transition-property: opacity;
          transition-property: opacity;
		  height:auto;
}
#fade-quote-carousel.carousel .carousel-inner .active {
  opacity: 1;
  -webkit-transition-property: opacity;
      -ms-transition-property: opacity;
          transition-property: opacity;
}
#fade-quote-carousel.carousel .carousel-indicators {

  top:110%;
}
#fade-quote-carousel.carousel .carousel-indicators > li {
  background-color: #fff;
  border: 2px solid #0e4a30;
  padding: 6px;
  text-align:left;
}
#fade-quote-carousel.carousel .carousel-indicators > li.active{
  background-color: #0e4a30;
  border: 2px solid #fff;
}
#fade-quote-carousel blockquote {
    border:none;
    font-size: 14px; margin-top: 0px;
}

.top_ban .right .line2{
	 -webkit-animation-name: example; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 0.5s; /* Safari 4.0 - 8.0 */
    animation-name: example;
    animation-duration: 0.5s;
}
.top_ban .right .line3{
	 -webkit-animation-name: example; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 0.5s; /* Safari 4.0 - 8.0 */
    animation-name: examplea;
    animation-duration: 0.5s;
}

.testi blockquote{ padding:10px 0;}


@keyframes example {
    from {left: -3px;}
    to {left: -32px;}
}
@keyframes examplea {
    from {left: -3px;}
    to {left: -62px;}
}

.footer-section img { margin-bottom:30px;}
.footer-section { background:#0b0b0b; padding:50px 0;}
.footer-section h4 { color:#fff; text-transform:uppercase; font-size:20px;}
.footer-section p { color:#9c9c9c;}
.footer-section ul { padding:0;}
.footer-section ul li { list-style:none; line-height:1.8;}
.footer-section ul li a { text-transform:uppercase; line-height:2; text-decoration:none; color:#9c9c9c; transition-duration:0.6s;}
.footer-section ul li a:hover { color:#fff; padding-left:5px; transition-duration:0.6s;}
.fot-bd { border-bottom:2px solid #c8850c; width:68px; margin-bottom:20px;}
.footer-section .cic { background:#fff; border:3px solid #c8850c; border-radius:50%; height:14px; width:14px; float:left; margin:5px 10px 5px 0;}
.det a { color:#fff; font-weight:600; text-decoration:none;}
.det .fa { color:#fff; margin-right:15px;}
.fot-b { border-bottom:1px solid #252525; width:100%; margin:20px 0;}

.social-icn a .fa { background:#c8850c; color:#fff; height:40px; width:40px; padding:15px; border-radius:50%; margin-right:5px;}
.social-icn .fa:hover { background:#fff; color:#c8850c;}

.bottom-footer { background:#0b0b0b; padding-bottom:20px;}
.bottom-footer .bf  {border-top:1px solid #252525; padding:20px 0; }
.bottom-footer a { color:#fff; text-decoration:none;}
.bottom-footer p { float:left;}
.bottom-footer p:last-child { float:right;}



/* Scroll */

.scroll-top-wrapper {
	border-radius:50%;
	box-shadow:1px 5px 6px -4px #000;
	position: fixed;
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
	text-align: center;
	z-index: 99999999;
	background-color: #181818;
	color: #FFF;
	width: 50px;
	height: 48px;
	line-height: 40px;
	right: 30px;
	bottom: 30px;
	padding-top: 2px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	border:1px solid #fff;
	}
.scroll-top-wrapper:hover { box-shadow:1px 5px 9px 0px #000;}
.scroll-top-wrapper.show { visibility:visible; cursor:pointer; opacity: 1.0;}
.scroll-top-wrapper i.fa { line-height: inherit; font-size:30px;}

/* Scroll Ends */



.testimonials{ padding-bottom:50px;}
.testimonial-box{ padding:20px; margin-top:20px; border:1px solid #ccc;}
.user img{ border:3px solid #ccc;}
.testimonial-box blockquote{ font-size:15px; margin:0; border-left:3px solid #c8850c;}
.testimonial-box p{ margin-top:0; min-height:220px;}
.testimonial-box blockquote footer{ font-size:14px;}

.sub-hd { border-bottom:2px solid #000;  margin:50px 0 20px;}

.main-hd h2 { text-transform:uppercase; background:#000; font-size:24px; color:#fff; display:table; padding:10px 25px; margin:0; border-top:3px solid #c8850c;}
.test h1 { text-transform:uppercase;}


.sub-content { padding: 50px 0;}
.border{width:100%;border:1px solid #ccc;color:#c8850c;height:40px;font-size:13px;padding:0px 0 0 5px;background:#fff;}
.border1{width:100%;border:1px solid #ccc;color:#c8850c;height:40px;font-size:13px;padding:0px 0 0 5px;background:#fff;}
.border:hover,
.border:focus,
.border1:hover,
.border1:focus{background:#fff;border-color:#ccc;}
.borderk{font-size:13px;color:#c8850c;border:1px solid #ccc;width:100%;padding:0px 0 0 5px;background:#fff;}
.borderka{font-size:13px;color:#c8850c;border:1px solid #ccc;width:100%;padding:0px 0 0 5px;background:#fff;}
.button,
.button1{background:#c8850c;border:1px solid #c8850c;font-size:12px;font-weight:bold;padding:8px 10px;margin-right:8px;cursor:pointer;color:#fff;}
.button:hover,
.button1:hover{background:#fff; color:#c8850c;}
.contactwhol{padding:0px;}
#c1{margin:0;padding:0 0 0 0px;line-height:30px;text-align:left;font-size:15px;font-weight:bold;color:#6a6a6a;}
#c2{margin:0;padding:0;line-height:25px;font-size:15px;font-weight:bold;color:#6a6a6a;text-align:left !important;}
img.captcha{background:none;border:0px;border-radius:0% !important;}
.thank-message{margin:15px 0;}

.map iframe{ border:5px solid #eaeaea;}

.about-page { padding:30px 0 50px;}
.about-page .p-let { float:left; margin-right:30px;}
.about-page .fa { margin-right:10px; color:#c8850c;}
.about-page strong {color:#c8850c;}


.a2 img { width:100%; height: 300px; overflow: hidden; object-fit:cover; }

.service-page { padding-bottom:50px;}
.ewx { padding:80px 50px;  background:#f6f6f6; height: 300px; border-left:5px solid #c8850c; }
.service-sec { margin-top:30px; border-radius:5px; }
.tey .view-more {margin-top:30px;}

.video-youtube {background: #f0f0f0; padding: 30px 0 50px;}
.video-youtube .col-md-3 { width:20%; margin-top:20px; }

.video-youtube h3 { text-align:center;}