body {font-family: 'Open Sans', sans-serif;}
h1, h2, h3, h4, h5, h6 {font-family: 'Open Sans', sans-serif;}
a { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
p {font-size: 18px;line-height: 34px;font-family: 'Open Sans', sans-serif;color: #666666;}

/*Header*/

/*Navigation*/
.navbar-nav li a {font-size: 16px;color: #191917;text-transform: normal;}
.navbar-expand-lg .navbar-nav .nav-item:before{ content: '|';display: inline-block;top: 32px;position: relative;height: 16px; overflow: hidden;color: #ee7d3a;left: -6px;}
.navbar-expand-lg .navbar-nav .nav-item.purple:before{color: #7f66aa;}
.navbar-expand-lg .navbar-nav .nav-item.pink:before{color: #ea3f7a;}
.navbar-expand-lg .navbar-nav .nav-item.blue:before{color: #0c8fcd;}
.navbar-expand-lg .navbar-nav .nav-item {margin-right: 100px;}
.navbar-expand-lg{ margin-bottom:35px;}
.dropdown:hover>.dropdown-menu {display: block;}
.dropdown>.dropdown-toggle:active {pointer-events: none;}
.dropdown-item.active, .dropdown-item:active {background:#f48855;}
.dropdown-menu{background: url(../images/gradient-line.png) 0 0 no-repeat; background-color: rgba(255, 255, 255, 0.5); border: 0; border-radius: 0;}
.dropdown-item{ padding:1rem 1.5rem;}

/*Hero*/
.owl-theme.hero-slide .owl-nav.disabled+.owl-dots {position: absolute; bottom: -55px;transform: translateY(-50%);right: 25.5%;}
.owl-theme.hero-slide .owl-nav.disabled+.owl-dots .owl-dot {display: inline-block;}
.owl-theme.hero-slide .owl-dots .owl-dot span {width: 15px;height: 15px;background: #fff;margin-top: 5px;margin-bottom: 5px; border:1px solid #000;}
.owl-theme.hero-slide .owl-dots .owl-dot.active span, .owl-theme.hero-slide .owl-dots .owl-dot:hover span {background: #232629;}
.hero-slide .hero-caption {position: absolute; right: 0; left: 0; top: 0; bottom: 0; z-index: 99;}
.hero-slide .hero-caption h1 { font-size: 102px; font-family: 'Roboto', sans-serif; font-weight: 700; line-height: 80px; margin-bottom: 20px; text-transform: none; text-shadow: 1px 1px 6px rgba(0, 0, 0, .2);text-align: left; padding-left: 150px; }
.hero-slide .hero-caption h3 { font-size: 102px; font-family: 'Roboto', sans-serif; font-weight: 700; line-height: 50px; text-transform: none; text-shadow: 1px 1px 6px rgba(0, 0, 0, .2); text-align: left; padding-left: 150px; }
.text-light { color: #fff; }
.text-black { color: #000; }
.hero-slide .hero-middle { top: 50%; transform: translateY(-50%); position: relative; }
.owl-theme.hero-slide .item img {object-fit: cover;height: 100%;}
/**iPad with portrait orientation. */
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait){
	.owl-theme.hero-slide .owl-item, .owl-theme.hero-slide .item { height: 100vh; }
  }
  /** iPad with landscape orientation. */
  @media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape){
	.owl-theme.hero-slide .owl-item, .owl-theme.hero-slide .item { height: 100vh; }
  }
  /**iPhone 5 */
  @media screen and (device-aspect-ratio: 40/71) {
	.owl-theme.hero-slide .owl-item, .owl-theme.hero-slide .item { height: 100vh; }
  }

/*Home*/
.page-content { margin-top: 85px;}
.h-100vh{ height:100vh;}
.ha-he{font-size: 30px;font-family: 'Open Sans', sans-serif;color: #666666;text-align: justify; letter-spacing: 5px;}
.outer p{font-size: 14px;font-family: 'Open Sans', sans-serif;color: #666666;text-align: justify; font-weight:300; line-height: normal;}
.box-1{ background:url(../images/green-leaf.png) 50% 15px no-repeat #c2dd42;}
.box-2{ background:url(../images/mg.png) 50% 15px no-repeat #09dfd7;}
.box-3{ background:url(../images/bx.png) 50% 15px no-repeat #24bdf9;}
.box-4{ background:url(../images/rupees.png) 50% 15px no-repeat #fa4564;}
.com-styl{text-align: center;}
.bx-big-title{font-size: 20px;font-family: 'Open Sans', sans-serif;color: #fff; font-weight:700;text-transform: uppercase;}
.bx-mid-title{font-size: 14px;font-family: 'Open Sans', sans-serif;color: #fff; font-weight:600;text-transform: none;}
.bx-sm-title{font-size: 14px;font-family: 'Open Sans', sans-serif;color: #fff; font-weight:300;text-transform: none; line-height:normal;}
.box-1 .bx-big-title { margin-top: 45px; margin-bottom: 45px;}
.box-2 .bx-big-title { margin-top: 30px; margin-bottom: 15px;}
.box-3 .bx-big-title { margin-top: 45px; margin-bottom: 45px;}
.box-4 .bx-big-title { margin-top: 45px; margin-bottom: 45px;}
.box-3 .bx-sm-title { margin-bottom: 70px;}
.product-intro {background: #f8f7f7;}
.img-resp{width:100%;}
.mid-banner {height: 407px; display: table; width: 100%; text-align: center; background-repeat: no-repeat; background-position: 0 30px;-moz-background-size: cover;-webkit-background-size: cover;background-size: cover;}
.mid-banner h1 {vertical-align: middle;display:table-cell; text-align: left;font-size: 24px;font-family: 'Open Sans', sans-serif;font-weight: 700;color: #fff; padding-left:35px;text-shadow: 1px 1px 6px rgba(0,0,0,.2);}
.wedo{ background: #f8f7f7; text-align: center;}
.wedo h1{font-size: 14px;font-family: 'Open Sans', sans-serif;font-weight: 700; color: #666666;}
.wedo p{font-size: 14px;font-family: 'Open Sans', sans-serif;font-weight: 300; color: #666666; line-height: normal;}
.dot-bg {height: 2px; width: 100%;position: relative;top: 35px;}
/*About*/
.inner-banner {height: 407px; display: table; width: 100%; background: #f3f3f3; text-align: center; background-repeat: no-repeat; background-position: center center;-moz-background-size: cover;-webkit-background-size: cover;background-size: cover;}
.inner-banner h1 {vertical-align: middle;display:table-cell; text-align: right;font-size: 60px;font-family: 'Open Sans', sans-serif;font-weight: 700;color: #fff; padding-right:65px;}
.img-responsive {width: 100%;}
.small-desc{font-size: 14px;font-family: 'Open Sans', sans-serif;font-weight: 700;color: #666666; margin-top: 23px;}
.content-wrap{ height:100%; width:100%; position: relative;}
.out-about{ position: absolute; bottom: 0;}
.our-promise{ background: #f8f7f7;}
/* contact us */
.cont-outer{background:#00dbe0;}
.cont-outer h1{font-size: 24px;font-family: 'Open Sans', sans-serif;font-weight: 400; color: #00857e;}
.cont-outer .form-group label, .btn{font-size: 14px;font-family: 'Open Sans', sans-serif;font-weight: 400; color: #fff;}
.cont-outer .form-control:focus{ border-color: #00857e;box-shadow:0 0 0 0.1rem #00857e;}
.cont-outer .form-control{ background: #6cece9; border-radius: 0; border:0; }
.cont-outer .btn{ background-color:#00857e; border: 0px; border-radius:0px;}
.cnt-adr h1{font-size: 16px;font-family: 'Open Sans', sans-serif;font-weight: 700; color: #00857e; margin: 0; padding: 0;}
.cnt-adr p{font-size: 14px;font-family: 'Open Sans', sans-serif;font-weight: 300; color: #fff; margin: 0; padding: 0; line-height: normal;}
/* Products */
.prd-info-out h1{font-size: 24px;font-family: 'Open Sans', sans-serif;font-weight: 400; color: #2a2723;}
.prd-info-out h4{font-size: 14px;font-family: 'Open Sans', sans-serif;font-weight: 700; color: #2a2723;}
.prd-info-out p{font-size: 14px;font-family: 'Open Sans', sans-serif;font-weight: 400; color: #2a2723; line-height: normal;}
.prd-info-out span{ background: #cdcccb;font-size: 14px;font-family: 'Open Sans', sans-serif;font-weight: 400; display:inline-block;}
.prd-info-out ul {margin: 0;padding: 0;list-style: none; display: inline-block; width: 100%;}
.prd-info-out li{float:left; margin-right: 10px; border-right: 1px solid #ccc; padding-right: 10px;font-size: 14px;font-family: 'Open Sans', sans-serif;font-weight: 400;}
.prd-info-out li:last-child{border: 0px;}
.green{color: #00af4d;}
.papaya{color: #f0c45a;}
.sandal{color: #cf7a30;}
.strawberry{color: #fd4239;}
.jasmin{color:#5eb0e5;}
/* footer */
footer{background:#f3f2f2;}
.footer-links{ padding: 0px;}
.footer-links li{list-style:none;}
.footer-links li a{font-size: 14px;font-family: 'Open Sans', sans-serif;font-weight: 400;color: #666666; text-decoration: none; letter-spacing: 2px;}
.hea-wrap{position:relatives; height: 100%; width: 100%;}
.align-right{text-align: right;}
.addr-out p {font-size: 14px;font-family: 'Open Sans', sans-serif;font-weight:400; color: #666666; line-height: normal; margin:0px;}
.out-happ{ position: relative;}
.tagline{font-size: 23px;font-family: 'Open Sans', sans-serif;font-weight: 700; color: #fa4564;letter-spacing: 2px; position: absolute; bottom:0; right: 0;}
.copy-rght{font-size: 11px;font-family: 'Open Sans', sans-serif;font-weight:400; color: #666666;margin:0px;}

@media (max-width: 1199px) {
	.mid-banner{ height: 321px; background-position: 0 10px;}
}

@media (max-width: 1024px) {
	.inner-banner.full-view {height: auto;background: none;}
	.inner-banner.full-view img {width: 100%;height: auto;display: block;}
	
}
@media (max-width: 991px) {
	.owl-theme.hero-slide .owl-nav.disabled+.owl-dots {top: auto;left: 50%;right: auto;bottom: 10px; transform: translateX(-50%); transform: translateY(auto);}
	.owl-theme.hero-slide .owl-nav.disabled+.owl-dots .owl-dot {display: inline-block;}
	.out-about {position: relative;}
	.dropdown-menu{ background-repeat: repeat-x;}
	.our-promise{ background-color: transparent; padding:0px ! important;}
	.tagline{position: relative; margin-top: 10px; top: -2px;}
	.align-right {text-align: left;margin-bottom: 15px;}
	.hero-slide .hero-caption h1 {font-size: 70px;line-height: 60px;text-align: left; padding-left: 40px;}
	.hero-slide .hero-caption h3 {font-size: 44px;text-align: center;text-align: left; padding-left: 40px;}
	.swap-container{display: table-cell;}
	.swap-last{display: table-footer-group;}
	.swap-first{ display: table-header-group;}
	.sourcing {margin-top: 3rem;}
	.mid-banner{ height: 242px; background-position: 0 10px;}
}
@media (max-width: 767px) {
	/* .owl-theme.hero-slide .item,.hero-slide .hero-caption { padding-top: 122px;  } */
	.hero-slide .hero-caption h1 { font-size: 100px; line-height: 100px; text-align: left; margin-bottom: 0;}
	.hero-slide .hero-caption h3 { font-size: 100px;line-height: 100px;text-align: left;}
	.page-content {margin-top: 45px;}
	.box-1, .box-2, .box-3, .box-4{flex: auto;}
	.product-intro .col, .product-intro .col-6{flex: auto; max-width:100%;}
	.mid-banner {height: 225px;background-position: -160px center;}
	.owl-theme.hero-slide .owl-item, .owl-theme.hero-slide .item { height: 100vh; }

}
@media (max-width: 576px) {
	.hero-slide .hero-caption h1 {font-size: 70px;line-height: 100px;}
	.hero-slide .hero-caption h3 {font-size: 70px;line-height: 100px;}
	.product-intro .container .row.flex-nowrap{flex-wrap: wrap!important;}
	.mid-banner {background-position: center;height: 345px;}

}