.dtl_contents .price/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');



html, body {

	width: 100%;

	height: 100%;

	font: 400 18px/26px 'Roboto', sans-serif; color:#777;

}

body {

	background: #fff;

	margin: 0px;

	padding: 0px;

	color: #777;

}





body.showNav {

	height: 100%;

	overflow: hidden;

}

* {

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;

}

strong {

	font-weight: 600;

}

h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5 {

	color: #303C3C; margin:0; padding: 0;

}

.text-reverse {

	color: #fff;

}



label{color:#303C3C; font-weight: 400;}

h1 {

	font: 700 3rem/2rem 'Roboto', sans-serif;

	display: block;

}

h2 {

	font: 700 2.5rem/2.5rem 'Roboto', sans-serif;

	display: block;

	 

}

h3, .h3 {

	font: 400 1.5rem/1.7rem 'Roboto', sans-serif;

	display: block;

}

h4 {

	font: 400 1rem/1rem 'Roboto', sans-serif;

	display: block;

}



.btn-link{color:#00ACB4; font-size:14px; text-decoration: underline; padding: 0;}

.btn-link:hover, .btn-link:focus{text-decoration: none; color:#00ACB4;}



a {

	text-decoration: none;

	color: #303C3C;

}

.noEff, .noEff:hover, .noEff:focus {

	text-decoration: none;

}

a:hover, a:focus {

	color: #303C3C;

	text-decoration: underline;

}

.trans_eff {

	transition: all linear .3s;

	-webkit-transition: all linear .3s;

	-moz-transition: all linear .3s;

	-ms-transition: all linear .3s;

}

.text-bold {

	font-weight: bold;

}

.text-light {

	font-weight: 300;

}

.display-block {

	display: block;

}

.display-inline-block {

	display: inline-block;

}

.display-inline {

	display: inline;

}

.display-none {

	display: none;

}



.container-fluid{padding-left: 40px; padding-right: 40px;}











/*AAAAA HOME PAGE CLASSES AAAAA*/

/*comman clasess*/

.white {

	color: #fff;

}



.yellow{color:#FFBC00;}

.fs18{font-size: 18px;}

.fs11{font-size: 11px;}

.fs12{font-size: 12px;}

.fs13{font-size: 13px;}

.fs14{font-size: 14px;}

.fs16{font-size: 16px;}

.fs15{font-size: 15px;}

.fs24{font-size: 24px;}

.fs20{font-size: 20px;}

.weight600{font-weight:600;}

.weight700{font-weight: 700;}

.weight300{font-weight:300;}

.mr10{margin-right: 10px;}

.ml10{margin-left: 10px}

.mr5{margin-right: 5px;}



.p5{padding: 5px;}

.p15{padding: 15px;}

.pl25{padding-left:25px;}

.pr25{padding-right:25px;}

.pt15{padding-top:15px;}

.pb15{padding-bottom: 15px;}

.radius10{border-radius: 10px;}

.radiusr10{border-radius: 0 10px 10px 0;}

.p25{padding:25px;}

.p20{padding:20px;}

.uu{text-decoration: underline;}

.uu:hover{text-decoration: none;}



.pb12{padding-bottom:12px;}

.dn{display:none;}



.mt0 {

	margin-top: 0 !important;

}

.p0 {

	padding: 0 !important;

}

.mb0{margin-bottom: 0;}

.mt2 {

	margin-top: 2px;

}

.mt5 {

	margin-top: 5px;

}

.vam{vertical-align: middle;}

.mt10 {

	margin-top: 10px;

}

.mt15 {

	margin-top: 15px;

}

.mt20 {

	margin-top: 20px;

}

.mt25 {

	margin-top: 25px;

}

.mt30 {

	margin-top: 30px;

}

.mt40 {

	margin-top: 40px;

}

.mt50 {

	margin-top: 50px;

}

.mb5 {

	margin-bottom: 5px;

}

.mb10 {

	margin-bottom: 10px;

}

.mb15 {

	margin-bottom: 15px;

}

.mb20 {

	margin-bottom: 20px;

}

.mtb5 {

	margin-bottom: 25px;

}

.mb30 {

	margin-bottom: 30px;

}

.mb50 {

	margin-bottom: 50px;

}



.mb40 {

	margin-bottom: 40px;

}



.mb60 {

	margin-bottom: 60px;

}



.ml15{margin-left: 15px;}

.pl50 {

	padding-left: 50px;

}

.pl100 {

	padding-left: 100px;

}

.pb10{padding-bottom: 10px;}

#back-top {

	position: fixed;

	bottom: 10px;

	right: 15px;

	z-index: 3;

	display: block;

}

#back-top .btn-info {

	display: inline-block;

	overflow: hidden;

	padding: 7px 0;

	border-radius: 1px;

	line-height: inherit !important;

	width: 50px;

	height: 50px;

	box-shadow: 0 0 20px 0 rgba(112, 130, 148, 0.2);

	border: 0;

	font-size: 30px;

	transition: all linear .3s;

	cursor: pointer;

}

.btn-info {

	font: 400 14px/44px 'Roboto', sans-serif;

	color: #fff;

	height: 44px;

	padding: 0 25px;

	display: inline-block;

 	text-decoration: none;

	background: #00ACB4 !important;

	border-radius: 1px;

	border: 0 !important;

	outline: none !important;

}

.btn-info:hover, .btn-info:focus {

	background: #00ACB4 !important;

}

.btn-default {

	font: 500 14px/44px 'Roboto', sans-serif;

	color: #303C3C;

	height: 44px;

	padding: 0 25px;

	display: inline-block;

 	text-decoration: none;

	background: #f7f7f7 !important;

	border-radius: 1px;

	border: 1px solid #ddd !important;

	outline: none !important;

}

.btn-default:hover, .btn-default:focus {

	background: #f5f5f5 !important;

	color: #303C3C !important;

}



.btn-line{background: none; color:#fff; border:2px solid #fff; padding: 0 15px; line-height: 38px; height: 38px; border-radius: 0; font-size: 14px; font-weight: 500;}



.btn-line:hover, .btn-line:focus{background: #fff; color:#00ACB4;}





 .btn-small{

    border: 1px solid #ddd;

    text-decoration: none;

     line-height:26px; height: 26px; padding: 0 12px; border-radius: 1px; display: inline-block;

    font-size: 13px;

}

.btn-small:hover{border:1px solid #00ACB4; color:#00ACB4; text-decoration: none;}

.titleBg {

	 background: #00ACB4; padding: 10px 10px 10px 20px;

}



.titleBg h3{text-transform: uppercase; color:#fff; font-weight: 700; font-size: 20px; line-height: 24px; float: left; margin-top: 7px;}

.titleBg .btn{float:right;}

 @media only screen and (max-width: 767px) {

.titleBg h3{font-size:16px; line-height:24px;}

}







.commanTitle{text-transform: uppercase; font-weight: 900; font-size: 24px; line-height: 28px; margin-top: 40px; }

.commanTitle2 .btn-small{float: right; line-height:33px; height: 32px; color:#fff;}



.bg-gray {

    background: #f5f5f5;

}



.bg-gray2{background:#F3F9FE;}



.bg-white{background:#fff;}



.black{color:#303C3C;}

.green{color:green;}

.red{color:red;}

.red a{color:red;}

.gray{color:#777;}

.blue{color:#00ACB4;}

.blue a{color:#00ACB4;}

.commanPadding{padding:60px 0 100px;}

.commanPadding2{padding:40px 0 40px;}

.commanPadding3{padding:20px 0px;}

.border1{border:1px solid #ddd;}

.border3{border:5px solid #eee;}

.bb{border-bottom:1px solid #ddd;}



.container {

	width: 1366px;

}





.fl{float:left;}

.fr {

    display: inline;

    float: right;

}

.w23{width: 23%;}



@media only screen and (max-width: 1365px) {

.container {

	width: 100% !important;

}

}

@media only screen and (max-width: 1279px) {

.container {

	width: 100%;

}



.container-fluid{padding-left: 15px; padding-right: 15px;}







}



@media only screen and (max-width: 479px) {

h2 {

	font-size: 30px;

	line-height: 34px;

}

}

.form-control {

	border:0;

	border-radius: 1px;

	padding: 10px 15px;

	height: 44px; background: #F2F2F2;

	font-size: 15px; box-shadow: none;

}

.form-control:focus {

	border:0;

	box-shadow: 0 1px 2px rgba(0,0,0,.3);

}





/*comman clasess ends*/

/*header clasess*/

header {

	width: 100%; 

	position: static;

	z-index: 9;

	background: #fff;

	transition: all linear .5s;

	-webkit-transition: all linear .5s;

	-moz-transition: all linear .5s;

	-ms-transition: all linear .5s; 

}

.headerInside {

	background: #fff;

}



 

.header_fixer {

	position: fixed;

	background: #fff; top:0;

	box-shadow: 0px 5px 10px -2px rgba(0, 0, 0, 0.1);

}

.navbar-brand img {

	width: 100%;

 	height: auto;

	display: block;

}

header .navbar-brand .logo1 {

	display: block;

}

header .navbar {

	margin-bottom: 0;

	min-height: 0px;

	border: 0 !important;

}

header .navbar-collapse {

	padding: 0;

}

header .navbar-brand {

	width: 240px; 

	padding:0; margin-top: -40px;

	height: auto; 

	display: block;

}





.header_fixer .navbar-brand {

	width:160px; 

	padding:0; margin-top: 0;

	height: auto; 

	display: block;

}





header .navbar-default {

	background: none;

	border: 0

}

.navbar-nav {

	margin: 15px 0 0 20px;

	transition: all linear .3s;

	-webkit-transition: all linear .3s;

	-moz-transition: all linear .5s;

	-ms-transition: all linear .3s;

}

header .navbar-nav > li > a .loc, header .navbar-nav > li > a .arrow {

	vertical-align: middle;

	padding-bottom: 2px;

	margin-left: 2px;

}

header .navbar-nav > li > a {

	font: 600 16px/48px 'Roboto', sans-serif;

	color: #303C3C;

	padding: 0 15px;

 	height: 48px;

	transition: all linear .3s;

	-webkit-transition: all linear .3s;

	-moz-transition: all linear .3s;

	-ms-transition: all linear .3s;

	background: none !important;

 

 

}



header .navbar-nav > li:nth-child(1) > a{padding-left: 0;}





.mycity {

	border: 1px solid #2680EB;

	line-height: 42px;

	height: 44px;

	padding: 0 35px !important;

	border-radius: 10px;

	color: #2680EB !important;

	margin-left: 20px;

}

.mycity:hover {

	border: 1px solid #2680EB;

	background: #2680EB !important;

	color: #fff !important;

}

.mobLoc a {

	font: 400 15px/44px 'K2D', sans-serif;

	color: #2680EB;

	padding: 0;

	height: 44px;

	display: inline-block;

	transition: all linear .3s;

	-webkit-transition: all linear .3s;

	-moz-transition: all linear .3s;

	-ms-transition: all linear .3s;

}

.mobLoc {

	float: right;

	display: none;

}

.mobLoc a:hover {

	text-decoration: none;

}

.mobLoc a .loc, .mobLoc a .arrow {

	vertical-align: middle;

	padding-bottom: 4px;

}





header .navbar-nav > li.active > a, header .navbar-nav > li.active > a:hover, header .navbar-nav > li > a:hover, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {

	color: #303C3C;

	 

}

header .navbar-nav > li:hover a {

	color: #303C3C;

	 

}

header .navbar-nav .mob_no a {

	padding-right: 0;

	border-left: 1px solid rgba(255, 255, 255, 0.5);

	font-weight: 600;

	color: #32B0EB;

}

header .navbar-nav .mob_no .phone {

	padding-bottom: 4px;

	vertical-align: middle;

}

.header_fixer .navbar-nav > li > a {

	color: #303C3C;

}

.header_fixer .navbar-nav .mob_no a {

	border-color: #ddd;

}

 

header .navbar-collapse {

	border: 0 !important;

	box-shadow: none;

}

header .navbar-right .dropdown-menu {

	left: 0;

	width: 280px;

	padding: 0;

}

header .dropdown-menu>li>a {

	display: block;

	padding: 10px 20px;

	clear: both;

	font-size: 15px;

	font-weight: 400;

	line-height: 1.42857143;

	color: #333;

	border-bottom: 1px solid #eee !important;

} 

.dropdown:hover .dropdown-menu {

	display: block;

}



.navGrid{display:none;}





.navtop{margin:0;}

.navtop>li{margin:0 13px;}

.navtop>li>a{padding:0;}

.navtop>li>a:focus, .navtop>li>a:hover{background:none;}





@media only screen and (max-width: 479px) {

header {

	overflow: hidden;

}

header .navbar-brand, .header_fixer .navbar-brand {

	width: 110px !important;

}

.banner-items h2 span {

	font-weight: 200;

	font-size: 32px;

	width: 100%;

	display: block;

}

header .navbar-nav .mob_no a {

	font-size: 14px;

	margin: 0;

}

}





@media only screen and (max-width: 1023px) {

    

    header .navbar-brand, .header_fixer .navbar-brand {

	width: 140px; margin-top:0;

 

}



.navbar-nav {

    margin: 10px 0 0 27px;

}}



@media screen and (max-width: 600px) {

  .leftfilter {

    visibility: hidden;

    clear: both;

    float: left;

    margin: 10px auto 5px 20px;

    width: 28%;

    display: none;

  }

}



.header_spacer {

	height: 40px; display: none;

}

.onlySM {

	display: none;

}

.onlySM h2 {

	margin: 0;

	padding: 10px;

	font-size: 2rem;

	line-height: 40px;

}

.onlySM .bar {

	width: 60px;

	height: 60px;

	border: 1px solid #fff;

	float: right;

	padding: 10px;

	position: relative;

}

.onlySM .bar b {

	display: block;

	width: 2px;

	height: 32px;

	background: #009bde;

	transform: rotate(45deg);

	position: absolute;

	left: 28px;

	top: 14px;

}

.onlySM .bar b.one {

	transform: rotate(45deg);

}

.onlySM .bar b.two {

	transform: rotate(-45deg);

}



@media only screen and (max-width: 991px) {

.triBar {

	cursor: pointer;

	height: 60px;

	width: 70px;

	padding: 27px 18px;

	float: left;

	margin: -10px 0 -10px -15px;

}

.triBar b {

	width: 100%;

	height: 2px;

	background: #009bde;

	display: block;

	margin-top: 9px

}

.navOverlay {

	display: block;

	position: fixed;

	background: rgba(0,0,0,.8);

	top: 0;

	bottom: 0;

	width: 100%;

	left: -100%;

	z-index: 9990;

}

.showNav .navOverlay {

	left: 0;

}

header .navbar-nav > li > a {

	padding: 0 10px;

}





.navbar-custom {

	position: fixed;

	background: #fff;

	top: 0;

	bottom: 0;

	width: 300px;

 	z-index: 9999;

	display: block;

	left: -300px;

}

.showNav .navbar-custom {

	left: 0;

}

header .navbar-nav {

	float: none;

	width: 100%; display:none;

}

header .navbar-nav > li {

	display: block;

	float: none;

	width: 100%;

	border-bottom: 1px solid #eee;

}

header .navbar-nav > li.noSM {

	display: none; 

}

.onlySM {

	display: block;

}

.noSM {

	display: none;

}

.mobLoc {

	display: block;

}



.navGrid{display:inline-block;}





}









.topBar{background:#00ACB4; width: 100%; height: 40px; color:#fff; padding: 10px 0;}

.topBar .left{padding-left: 280px}

.topBar .right{text-align: right; float:right;}

.topBar p{font-size:13px; line-height: 20px; float:left; margin-left:10px;}

.topBar .right a{color:#fff; font-weight:500;  font-size: 16px;

    line-height: 20px;}



.topAction {

	float: right;

  	position: relative; margin-top: 17px;

 

	 

}



.header_fixer .topAction{margin-top: 15px;}





.topAction a{margin-left: 10px; padding:0; width: 48px;}

.topAction a img{vertical-align: middle;}



 



.topAction .cart{position: relative;}

.topAction a img{width: 100%;}



.selectShiping, .selectShiping:focus{border:2px solid #00ACB4; font-weight:600;}





.topAction .cart .badge {

	background:#FFC341;

	width: 26px;

	height: 26px;

	position: absolute;

	font-size: 13px; font-weight: 500;

	right: -12px;

	top:-12px;

	border-radius: 100%;

	line-height: 28px;

	padding:0; color:#303C3C;

	text-align: center;

}

  

.topAction .btn-link{margin-right: 10px;}

.topActionMobile{display:none;}









  @media only screen and (max-width: 1023px) {

      .topBar {display:none;}



      

.topAction, .header_fixer .topAction {

 margin-top: 13px;

	 

}

  }

  

  

@media only screen and (max-width: 479px) {

    .topAction a{margin-left: 5px; padding:0; width: 40px;}

     .topAction a.btn-info{height:40px; line-height:40px;}

.topAction, .header_fixer .topAction {

 margin-top: 8px;

	 

}

.topAction .cart .badge{right:-6px; top:-6px;}

    

}





/*header clasess ends*/



/* section 001 */

 

.section1{margin-top: 0;}

.section1 .videoCon{width: 35%; float: left;}

.section1 .videoCon .box{width:110%; background: #303C3C; height: auto; margin-top: 40px; position: relative; z-index: 8;}

.section1 .videoCon .box img{width: 100%; height: auto; display: block;}



 





.sliderCon { width: 100%;

	position: relative;

	z-index: 1; float: right;

}

.sliderCon .carousel-indicators {

	width: auto;

	margin: 0;

	top: 50%;

	right: 15px;

	position: absolute;

	height: auto;

	display: block;

	left: inherit;

	bottom: inherit;

	transform: translate(0, -50%);

}

.sliderCon .carousel-indicators li {

	width: 18px;

	height: 18px;

	border-radius: 100%;

	display: block;

	margin: 6px 0;

	background: none !important;

	border: 2px solid #fff;

	opacity:1;

}

.sliderCon .carousel-indicators .active {

 	background-color: #fff !important;

}

.sliderCon .carousel-caption {

	padding: 0;

	bottom: inherit;

	top: 47%;

	left: 8%;

	max-width: 550px;

	transform: translate(0, -32%);

	text-align: left; display:none;

}

.sliderCon .carousel-caption .caption1 {

	color: #fff;

	text-shadow: none;

}

.sliderCon .carousel-caption .caption1 .captionTitle {

	font-size: 50px;

	color: #fff;

	text-transform: uppercase;

	line-height: 54px;

	font-weight: 400;

	margin: 0;

}

.sliderCon .carousel-caption .caption1 .captionTitle strong {

	font-weight: 700;

}

.sliderCon .carousel-caption .caption1 p {

	font-size: 30px;

	line-height: 34px;

	font-weight: 300;

	margin: 5px 0 0 0;

}

.sliderCon .carousel-caption .circle1 .captionBtn {

	width: 150px;

	height: 150px;

	background: #00BBFF;

	position: absolute;

	border-radius: 100%;

	bottom: -60px;

	right: -10px;

	font-size: 1rem;

	font-weight: 500;

	color: #ffffff;

	text-transform: uppercase;

	text-decoration: none;

	line-height: 22px;

	padding: 40px 0;

}

.sliderCon .carousel-caption .circle1 .captionBtn:hover {

	background: #007e40;

}

.sliderCon .carousel-caption .circle1 .captionBtn span {

	display: block;

	font-weight: 100;

	font-size: 38px;

	line-height: 36px;

}

.sliderCon .carousel-caption .circle1 .captionBtn i {

	display: block;

	font-size: 21px;

	line-height: 15px;

}

.sliderCon .carousel-indicators .active {

	background-color: #31322f;

	opacity: 1;

}

.sliderCon .carousel-indicators .active:after {

	display: block;

}

 



@media only screen and (max-width: 1151px) {

	

	.sliderCon .carousel-caption {

    padding: 0;

    bottom: inherit;

    top: 35%;

    left: 20px;

    max-width: 550px;

    transform: translate(0, -32%);

    text-align: left;

}

	

	.sliderCon .carousel-caption .caption1 .captionTitle {

    font-size: 30px;

    color: #fff;

    text-transform: uppercase;

    line-height: 40px;

    font-weight: 400;

    margin: 0;

}

	

	.sliderCon .carousel-caption .caption1 p {

    font-size: 16px;

    line-height: 24px;

    font-weight: 300;

    margin: 0 0 0 0;

}

	

	.sliderCon .mt30{margin-top: 15px !important;}

}







@media only screen and (max-width: 767px) {

	

	.sliderCon .carousel-caption {

    padding: 0;

    bottom: inherit;

    top: 35%;

    left: 20px;

    max-width: auto;

    transform: translate(0, -32%);

    text-align: left;

}

	

	.sliderCon .carousel-caption .caption1 .captionTitle {

    font-size: 24px;

    color: #fff;

    text-transform: uppercase;

    line-height: 30px;

    font-weight: 400;

    margin: 0;

}

	

	.sliderCon .carousel-caption .caption1 p {

    font-size: 14px;

    line-height: 22px;

    font-weight: 300;

    margin: 0 0 0 0;

}

	

	.sliderCon .mt30{margin-top: 15px !important;}

}

/* banner ends */





/*section two*/



.sectionOne{padding: 60px 0;}

.sectionOne .inner ul{display:table; margin: 0 auto; padding: 0; }

.sectionOne .inner ul li{list-style: none; padding: 0 15px; display: table-cell; overflow: hidden;}

  



.sectionOne .inner ul li .flexCon{background: #f2f2f2; overflow: hidden; padding:25px 50px 25px 40px;}

.sectionOne .inner ul li .left{text-align: left; display: block; position: relative;}

.sectionOne .inner ul li .left img{height: 48px; position: absolute; left: 0;} 

.sectionOne .inner ul li figcaption{float: left; padding-left: 60px;}



.sectionOne .inner ul li h3{color:#00ACB4; font-weight: 700; text-transform: uppercase; font-size: 16px; line-height: 24px;}

.sectionOne .inner ul li p{margin: 0; font-weight: 300;}

 



 

 



 @media screen and (max-width: 1151px) {

 .sectionOne .inner ul li h3{font-size: 14px; line-height: 20px;}

 .sectionOne .inner ul li p{font-size: 14px; line-height: 20px;}

 

}

 



 @media screen and (max-width: 991px) {

 .sectionOne .inner ul li .flexCon{padding:20px;}

 .sectionOne .inner ul li{padding:0 5px;}

}



@media screen and (max-width: 767px) {

 .sectionOne{padding: 30px 0;}

.sectionOne .inner ul{display:block;}

.sectionOne .inner ul li{padding:5px 0; display:block; }

.sectionOne .inner ul li .left img{right:0; left:inherit;}

.sectionOne .inner ul li figcaption{padding-left:0;}





}



/*section two end*/





/*product cat*/

 



.productCat{padding:25px 0 45px 0;}

.productCat2{padding:25px 0 40px 0;}

.productCat .pBox {

	margin: 15px 0;

	position: relative; height:270px;

	overflow: hidden; display: block; background:#fff;

	border:1px solid #ddd;

}

.productCat .pBox figure {

	width: 100%;

	height: auto; height:270px;

	margin: 0; display:flex; align-items:center; justify-content:center;

}

.productCat .pBox figure img {

	max-width: 100%;

	height: auto

}

.productCat .pBox figcaption {

	position: absolute;

	height: auto;

	background:rgba(255,255,255,.7);

	width: auto;

	bottom: 0;

	left: 0;

	padding: 15px 25px;

	text-align: center;

	-webkit-transition: all 1s ease-in-out;

	-moz-transition: all 1s ease-in-out;

	-o-transition: all 1s ease-in-out;

	-ms-transition: all 1s ease-in-out

}

.productCat .pBox figcaption h4 {

	font-size: 16px; font-weight: 700;

	color: #303C3C; margin: 0;

}

.productCat .pBox figcaption p {

	font-size: 13px;

	color: #fff;

	font-weight: 300

}

.productCat .pBox:hover figcaption {

	bottom: -100%

}



@media screen and (max-width: 1151px) {

    .productCat .pBox figcaption h4{font-size:14px; line-height:20px;}

}

@media screen and (max-width: 991px) {

   .productCat .pBox figcaption{padding:10px;}

}



@media screen and (max-width: 767px) {

   .productCat{padding:25px 0 35px 0;}

}



/*product cat end*/







/*search form*/

.searchFormCon {

	margin-top: -50px;

	position: relative;

	z-index: 9;

}

.searchFormCon .formBox {

	background: #fff;

	border-radius: 20px;

	padding: 22px 20px;

	box-shadow: 0 3px 52px 0 rgba(0, 72, 99, .12);

}

.searchFormCon .formBox form {

	width: 100%;

	display: flex;

	flex-wrap: nowrap;

}

.searchFormCon .formBox .cols {

	width: 22%;

	margin: 5px;

}

.searchFormCon .formBox .cols:last-child {

	width: 115px;

}





@media only screen and (max-width: 767px) {

	.searchFormCon{margin-top: 50px;}

	

	.searchFormCon .formBox{padding:12px 20px;}

	

	.searchFormCon .formBox form {

    width: 100%;

    display: inherit;

 }

	

	.searchFormCon .formBox .cols{width: 100% !important; margin:10px 0;}

	.searchFormCon .formBox .cols .btn-info{display: block; width: 100%;}

}

/*search form end*/







/*products*/

 

.productsCon .listOuter {

	margin: 30px 0 0 0;

	width: 100%;

	padding: 0;

	position: relative;

}



.productsCon .list {

	list-style: none;

	margin:0;  

	padding: 0;

}



 

.productsCon .list li {

	padding:10px 0;}



.productsCon .list li .box {

	margin: 0;

	min-height: 220px; padding:25px;

 	border-radius: 1px; overflow: hidden;

	border:1px solid #ddd;

}

.productsCon .list li .box:hover {

	box-shadow: 0px 5px 15px -2px rgba(0, 0, 0, 0.1);

}



.productsCon .list li .box figure{width:100%; height: 250px; display: flex; align-items: center; display:flex; align-items:center; justify-content:center; overflow:hidden; background:#fff;}



.productsCon .list li .box .img{overflow: hidden;}



.productsCon .list li .box .img  img{

	max-width: 100%;

	height: auto;

 	 

}

.productsCon .list li .box .img img {

	width: 100%;

	height: auto;

	display: block;

}

.productsCon .list li .box figcaption {

	text-align: center;

	margin-top: 15px;

	  

}

.productsCon .list li .box figcaption .title {

font-size: 16px;

    font-weight: 700;

    line-height: 22px;

    /* white-space: nowrap; */

    overflow: hidden;

    /* text-overflow: ellipsis; */

    margin: 0; 

    height: 70px;

}



 



.productsCon .list li .box figcaption .subtext {

	font-weight: 400; font-size: 14px;

	margin: 2px 0 0 0; color:#777;

}



.productsCon .list li .box figcaption .subtext strong{font-weight: 700; color:#303C3C;}







.productsCon .list li .box figcaption .price{font-weight: 700; color:#303C3C; font-size: 20px; margin-top: 25px;}





.productsCon .list li .box figcaption .btnCon {

	margin-left: -3px;

	margin-right: -3px;

	margin-top: 15px;

}

.productsCon .list li .box figcaption .btn {

	font-size: 14px;

	line-height:40px;

	height: 40px;

 	padding: 0 25px;

 	padding-right:0;

	font-weight: 500;

	border-radius: 0;

	margin: 0;

}



.productsCon .list li .box figcaption .btn.cart{

	width: 44px; padding: 0; margin-left: 0;

}



.productsCon .list li .box figcaption .btn.cart img{width: 100%;}



.owl-next, .owl-prev   {

   	overflow: hidden;

	height: 60px; background: #fff; padding: 17px; 

	width: 60px; border-radius: 100%; text-align: center; box-shadow: 0px 5px 15px -2px rgba(0, 0, 0, 0.3);

}



.owl-next img, .owl-prev img{width: 15px;}

   

.productsCon .owl-prev {

	left: -25px; padding-right: 20px;

}

.productsCon .owl-next {

	right: -25px; padding-left: 20px;

}

 



@media only screen and (max-width: 767px) {

	.productsCon .listOuter {

	margin: 25px 0 0 0;

	width: 100%;

	padding: 0 40px;

	position: relative;

}

	

	 

}

@media only screen and (max-width: 599px) {

.productsCon .list li .box figure{width:100%; max-height: inherit; display: block;}

}





/*products end*/





/*add banner*/

.adBannerCon {margin: 50px 0 60px;}

.adBannerCon img{width: 100%; height: auto; display: block;}

@media only screen and (max-width: 767px) {

    .adBannerCon {margin: 30px 0;}



}

/*add banner end*/





/*brands*/







.brandCon .listOuter {

	margin: 30px 0 0 0;

	width: 100%;

	padding: 0;

	position: relative;

}



.brandCon .list {

	list-style: none;

	margin:0;  

	padding: 0;

}



 

.brandCon .list li {

	padding:10px 0;}



	.brandConInside .list li{width:20%; float:left; padding:15px;}

	.brandConInside .list{margin-left: -15px; margin-right: -15px; margin-top: 20px;}





.brandCon .list li .box {

	margin: 0;

    height: 200px; padding:10px;

 	border-radius: 1px; overflow: hidden;

	 background: #E7E8E8;

}

 

.brandConInside .list li .box{height: auto;}



.brandCon .list li .box figure{width:100%; height: 100%;  border:2px solid #fff; display: flex; align-items: center; overflow:hidden;}



.brandCon .list li .box .img{overflow: hidden; padding: 15px;}

.brandCon .list li .box .img  img{

	width: 100%;

	height: auto;

	overflow: hidden;

	display: block;

	margin: auto;

	 

}

.brandCon .list li .box .img img {

	width: 100%;

	height: auto;

	display: block;

}

 

.brandCon .owl-prev {

	left: -25px; padding-right: 20px;

}

.brandCon .owl-next {

	right: -25px; padding-left: 20px;

}



@media only screen and (max-width: 991px) {	

	.brandConInside .list li{width:25%; float:left; padding:15px;}



}



@media only screen and (max-width: 767px) {	

	.brandConInside .list li{width:33.333333333%; float:left; padding:15px;}



}





@media only screen and (max-width: 599px) {	

	.brandConInside .list li{width:50%; float:left; padding:15px;}



}



/*brands end*/









/*category products*/

.pByCatCon {

	background: #F3F9FE;

	padding: 60px 0;

}

.pByCatCon .listOuter {

	margin: 40px 0 0 0;

	width: 100%;

	position: relative;

}

.pByCatCon ul li .box {

	border-radius: 10px;

	overflow: hidden;

	position: relative;

}

.pByCatCon ul li .box .img img {

	width: 100%;

	height: auto;

	display: block;

}

.pByCatCon .list li {

	padding: 0;

}

.pByCatCon ul li .box figcaption {

	position: absolute;

	z-index: 9;

	bottom: 0;

	text-align: center;

	width: 100%;

	background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.9));

	padding: 50px 20px 15px;

}

.pByCatCon ul li .box figcaption .title {

	font-size: 16px;

	color: #fff;

	text-transform: uppercase;

}

.pByCatCon .prev {

	width: 23.37px;

	height: 40px;

	background: url(../images/prev1.png) no-repeat;

	display: block;

}

.pByCatCon .next {

	width: 23.37px;

	height: 40px;

	background: url(../images/next1.png) no-repeat;

	display: block;

}

.pByCatCon .owl-prev {

	left: 10px;

}

.pByCatCon .owl-next {

	right: 10px;

}

.pByCatCon .btn-info {

	margin-top: 40px;

}

/*category products ends*/







/* reviews */

.aboutCon {

 	padding: 120px 0 140px; margin-top: 50px; background: #D9F5F6 url(../images/aboutBg.png) no-repeat left bottom; background-attachment: fixed; background-size:cover;

}

.aboutCon .container {

	display: flex;

	flex-wrap: nowrap;

	align-items: center;

}

.aboutCon .container .cols {

	width: 60%;

}

.aboutCon .container .left {

	width: 40%;

	flex-wrap: nowrap; text-align: right; padding:0 40px 0 0;

}

 

 

.aboutCon .container figcaption {

	padding: 0 20% 0 40px; border-left:5px solid #00C4CA; 

}



.aboutCon .container h3 span{font-size: 20px; line-height: 20px; color:#777; font-weight: 400; display: block; position: relative; margin-bottom: 10px; }

.aboutCon .container h3 span:before{content:''; width: 50px; height: 2px; background: #777; position: absolute; top:8px; right: 75px;}



.aboutCon .container h3 {

	font-size: 40px;

	line-height: 52px;

	font-weight: 900;

	margin: 0;  

}

.aboutCon .container figcaption p {

	font-size: 18px;

	line-height: 28px; color:#303C3C; margin: 0;

	 

}

.aboutCon .container figcaption p a{font-weight: 700; text-decoration: underline;}

.aboutCon .container figcaption p a:hover{text-decoration: none;}





@media only screen and (max-width: 991px) {

.aboutCon {

 	padding:60px 0; margin-top: 50px; background: #D9F5F6 url(../images/aboutBg.png) no-repeat center center;  

}	

.aboutCon .container figcaption{padding: 0 40px;}



}





@media only screen and (max-width: 767px) {

    .aboutCon .container {

	display: block;

	flex-wrap: wrap;

	align-items: center;

}



.aboutCon .container .cols{width:100%; display:block;}

.aboutCon .container figcaption {

	padding:0; border-left:0; 

}



.aboutCon .container .left, .aboutCon .container .right{text-align:center; padding:0;}

.aboutCon .container h3{font-size:24px; line-height:32px;  margin-bottom:30px;}

.aboutCon .container h3 br{display:none;}

}



/*hp form*/



/*voucher*/

.voucherCon {

 	display: flex;

	background: #303C3C;

	border-radius: 1px;

	padding: 20px; width: 100%;

 	align-items: center; color:#fff; text-align: center;

}

.voucherCon .cols {

	width: 33.33333333%;

	margin: 10px 5px;

}

.voucherCon .col-1 {

	width: 29%;

}

.voucherCon .col-2 {

	width: 40%;

}



.voucherCon .col-2 h1{color:#fff; font-size: 72px;}

.voucherCon .col-3 {

	width: 31%;

}



.voucherCon .col-3 .btn-default{font-weight: 600; line-height: 48px; height: 48px; padding: 0 60px;}



.voucherCon .col-1 h3 {

	font-size: 30px;

	line-height: 36px; font-family: 'Cabin';

	font-weight: 400;

	margin: 0; color:#fff;

}

.voucherCon .col-1 p {

	font-size: 16px;

	line-height: 26px;

	margin: 0;

}



@media only screen and (max-width: 1279px) {

	.newsLtrCon .col-2 {

	width: 50%;

}

	.newsLtrCon .col-3 {

	width: 14%;

}

}



@media only screen and (max-width: 991px) {

	.newsLtrCon .col-2 {

	width: 45%;

}

	.newsLtrCon .col-3 {

	width: 19%;

}

}



@media only screen and (max-width: 767px) {

	 

	.newsLtrCon{display: inherit; padding: 20px;}

	

	.newsLtrCon .col-1 {

	width: 100%; text-align: center;

}

	.newsLtrCon .col-2 {

	width: 100%; margin: 20px 0 0 0;

}

	.newsLtrCon .col-3 {

	width:100%; margin: 10px 0 0 0;

}

	

	.newsLtrCon .col-3 .btn-info{display: block; width: 100%;}

}



/*voucher end*/



 

 



/*brand logos*/

.brandLlogos{background: #303C3C; border-radius: 1px; padding: 10px; display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center;}

.brandLlogos a{display: block; padding: 25px;}

.brandLlogos a img{display: block; width: 100%;}

/*brand logos end*/



 











/*gmap*/

.gmapCon{background: #303C3C; height: 400px; width: 100%; overflow: hidden; position: relative;

-webkit-filter: grayscale(100%);

filter: grayscale(100%);}

.gmapCon iframe{opacity: .9;}



.gmapCon .contentBox{width: 420px; color:#fff; z-index: 999; padding: 50px; height: 100%; background: rgba(0,0,0,.8); position: absolute; top:0; right:60px;}

.gmapCon .contentBox .title{font-size: 16px; font-weight: 700; text-transform: uppercase; position: relative; display: inline-block;}

.gmapCon .contentBox .smallTxt{font-size: 14px; width: 150px; font-weight: 400; margin: 30px 0 30px 0;}

.gmapCon .contentBox .contact{margin:0;}

.gmapCon .contentBox .contact a{color:#fff; font-weight: 700; margin-left: 5px;}



.gmapCon .contentBox .title:after {

    content: '';

    width: 50px;

    height: 2px;

    background: #fff;

    position: absolute;

    top: 10px;

    right: -60px;

}

/*gmap end*/ 





/*newsletter*/



.newsletterCon {padding: 80px 0 90px; background: url(../images/newsletterBg.png) no-repeat center center; background-attachment: fixed;}

.newsletterCon h3{text-align: center; font-weight: 900; font-size: 40px; line-height: 48px;}

.newsletterCon .formBox{display: flex; width: 760px; margin:50px auto 0 auto; flex-wrap: nowrap; align-items: center; justify-content: center;}



.newsletterCon .formBox .left{width: 66%;}

.newsletterCon .formBox .right{width: 34%; padding-left: 15px;}



.newsletterCon .formBox .form-control{height: 70px; padding: 10px 25px;}

.newsletterCon .formBox .btn{height: 70px; padding: 0 25px; line-height: 70px; font-size: 18px; font-weight: 500;} 



@media only screen and (max-width: 767px) { 

    .newsletterCon .formBox{width: 100%;  margin-top:20px;}

    .newsletterCon{padding:50px 0;}

    .newsletterCon h3{font-size:24px; line-heigh:32px;}

    

}



@media only screen and (max-width: 479px) {

    .newsletterCon .formBox .left, .newsletterCon .formBox .right{width:100%; padding:0;}

    .newsletterCon .formBox{display: block; width: 100%;}

    .newsletterCon .formBox .right{margin:10px 0;}



}



/*newsletter end*/







 

/*footer*/



.footer {

	background:#00ACB4;

	padding: 40px 0 30px;

	margin-top: 0;

	position: relative; color:#fff;

}





.footer .row1{display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-around; border-bottom:1px solid rgba(255,255,255,.3); padding-bottom: 40px;}

.footer .row1 .col{padding:  0 30px;}

.footer .row1 .col:nth-child(1){padding-left: 0;}

.footer .row1 .col:nth-child(4){padding-right: 0;}

.footer .row1 .col:nth-child(3){padding-right: 0; padding: 0 80px;}







.footer .contact{color:#fff; font-weight: 400; margin: 0;}

 .footer .contact a{color:#fff; font-weight: 700;}

.footer .row1 span{padding-right: 10px;}



 .social a {

	display: inline-block;

	width: 34px;

	height: 34px;

	border-radius: 2px;

	padding: 2.5px 0;

	text-align: center;

	color: #fff; 

	font-size: 18px;

	margin: 5px; border:2px solid #fff;

	background: #00ACB4;

}

.social a:hover, .social a:focus { background: #fff; color:#00ACB4;

	 

}

 



 

.copyrightText {

	padding: 30px 0 0 0;

	text-align: right;

	color: #fff; font-weight: 300;  text-transform: uppercase; 

	 

}

.copyrightText1{float: left; font-size: 13px; color:#fff; font-weight: 300; text-align: left;}

.copyrightText1 a{color:#fff; padding: 0 5px;}

.copyrightText1 a:nth-child(1){padding-left: 0;}





.copyrightText2 {

	font-size: 13px;  

 	color: #fff; float: right;

  } 

.copyrightText2 a{color:#fff;}

.footer .row1 .col:nth-child(1) img{border:1px solid #fff;}

 

@media only screen and (max-width: 1339px) { 

	

    .footer .row1 .col{padding:  0;}

 

}





@media only screen and (max-width: 1279px) { 

	

    .footer .row1 .col{padding:  0;}

    .footer .row1{flex-wrap:no-wrap; justify-content: left;}

    .footer .row1 .col:nth-child(2){padding-left:20px;}

    .footer .row1 .col:nth-child(3) span, .footer .row1 .col:nth-child(4) span{display:block;} 

    

 

}



@media only screen and (max-width: 1151px) { 

	

    .footer .row1{flex-wrap:wrap; justify-content: center; text-align:center;}

        .footer .row1 .col:nth-child(1){display:block; width:100%; margin-bottom:30px;}

      .footer .row1 .col:nth-child(4) img{margin-top:5px;} 

     



    

}	

	

@media only screen and (max-width: 991px) {	

    

     .footer .row1 .col{padding:0 !important; display:block; width:100%; margin:15px 0; }

     

}



@media only screen and (max-width: 767px) {

    

    .copyrightText{text-align:center;}

    .copyrightText1, .copyrightText2{float:none;}

    .footer{padding:40px 0;}

    .footer .row1{padding-bottom:40px;}

}

 





/*inside css*/

 

.pageTitleCon {

	background: #2680EB;

	padding: 150px 0 70px;

	text-align: center;

	position: relative;

}

.pageTitleCon:before {

	height: 80px;

	width: 100%;

	background: #ffffff;

	content: '';

	position: absolute;

	top: 0;

	left: 0;

}

.pageTitleCon h1 {

	color: #fff;

}

.pageTitleCon p {

	color: #aec2dd;

	font-size: 15px;

	line-height: 26px;

	margin-top: 10px;

}

.pageTitleCon .form-inline {

	text-align: center;

	display: block;

	margin-top: 30px;

}

.pageTitleCon .form-inline label {

	display: inline-block;

	margin-right: 25px;

	font-size: 16px;

	color: #aec2dd;

	font-weight: 300;

}

.pageTitleCon .form-inline .form-control {

	width: 265px;

	background: #194176;

	color: #ffffff;

	border: 2px solid #5981b6 !important;

	height: 50px !important;

	padding: 5px 20px;

	font-size: 15px;

}

.pageTitleCon2 {

	padding: 150px 0 100px;

}



@media screen and (max-width: 991px) {

.pageTitleCon {

	padding: 100px 0 40px 0;

}

.pageTitleCon:before {

	height: 60px;

}

.pageTitleCon h1 {

	font-size: 24px;

	line-height: 30px;

}

.pageTitleCon2 {

	padding: 120px 0 90px;

}

}



@media screen and (max-width: 767px) {

.pageTitleCon .form-inline {

	text-align: center;

	margin-top: 15px;

}

.pageTitleCon .form-inline label {

	display: block;

	margin-right: 0;

}

.pageTitleCon .form-inline .form-control {

	width: 265px;

	margin: auto;

	display: block;

}

}



.breadcrumb_con {

    border-bottom: 1px solid #ddd; border-top: 1px solid #ddd;

    overflow: hidden; background: #f7f7f7; padding: 10px 0 8px; 

}

.breadcrumb {

 	display: block;

	width: auto;

	background: none;

	font-size: 14px;

	font-weight: 400;

	margin:0;

	padding: 0;

	color:#777;

}

 

.breadcrumb li a {

	font-weight: 400;

	text-decoration: underline;

	color:#303C3C;

}

.breadcrumb li a:hover {

	text-decoration: none;

}

.breadcrumb > li + li:before {

	color: #777;

	font-size: 14px; 

	margin: 0 2px;

	content: "\f105";

	position: static;

	font-family: 'FontAwesome';

}

.middleGray {

	background: #f9f9f9;

}

.cmsBox {

	border: 1px solid #eee;

	border-top: 0;

	border-bottom: 0;

	-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.02);

	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.02);

	background: #ffffff;

	padding: 30px 0;

	min-height: 300px;

}

.cmsBox h1 {

	font-size: 30px;

	color: #303C3C;

	line-height: 34px;

	border-bottom: 1px solid #eee;

	padding: 0 30px 10px 30px;

}

.cmsArea {

	padding: 20px 40px 20px 40px;

}

.cmsArea h2 {

	font-size: 24px;

	line-height: 28px;

	color: #303C3C;

	position: relative;

}

.cmsArea h2:after {

	position: static;

	margin-top: 10px;

	display: block;

	content: '';

	width: 50px;

	height: 1px;

	background: #2680EB;

}

.cmsArea h3 {

	font-size: 25px;

	line-height: 28px;

	color: #333333;

	margin: 0;

}

.cmsArea p {

	color: #020202;

	font-size: 15px;

	font-weight: 300;

	line-height: 24px;

}

.cmsArea .centerTxt {

	font-size: 18px;

	margin: 0;

	line-height: 30px;

	padding: 15px 4%;

}

.cmsArea hr {

	border-color: #eee;

	margin: 30px 0;

}

.cmsArea .btn-link {

	color: #ee5d5d;

}

.cmsArea ul {

	margin: 20px 0 0 30px;

}

.cmsArea ul li {

	font-size: 15px;

	line-height: 24px;

	list-style: none;

	color: #020202;

	position: relative;

	padding: 0 0 0 18px;

}

.cmsArea ul li:before {

	content: '\f061';

	font-family: 'FontAwesome';

	width: 10px;

	height: 10px;

	top: -2px;

	left: 0;

	position: absolute;

	font-size: 12px;

	color: #2680EB;

}

.cmsArea ol {

	margin: 20px 0 0 80px;

}

.cmsArea ol li {

	color: #020202;

	font-size: 15px;

	line-height: 24px;

	list-style: decimal;

	position: relative;

	padding: 0 0 0 18px;

}

.cmsArea .cmsImg {

	float: right;

	margin: 10px 0 20px 20px;

}



@media screen and (max-width: 599px) {

.cmsArea p {

	text-align: left !important;

}

.cmsArea ul {

	margin-left: 0;

}

.cmsArea ol {

	margin-left: 30px;

}

}

.careersCon {

	padding: 40px 0;

}

.careersCon .listCon {

	padding: 30px;

	border: 1px solid #eee;

	margin: 20px 0;

	border-radius: 10px;

	-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.02);

	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.02);

	background: #ffffff;

}

.careersCon .listCon:hover {

	box-shadow: 0 5px 15px 1px rgba(0,0,0,.03);

}

.careersCon .listCon a {

	color: #333;

	text-decoration: none;

}

.careersCon .listCon h3, .careersCon .listCon a h3 {

	margin: 0;

	font-weight: 600;

}

.careersCon .listCon a p {

	font-size: 15px;

	margin-top: 10px;

	margin-bottom: 0;

	color: #020202;

}

.careersCon .listCon p, .careersCon .listCon ul li {

	font-size: 15px;

	padding: 3px 0;

	color: #020202;

}

.careersCon .listCon p span {

	margin-right: 10px;

	display: inline-block;

}

.careersCon .listCon p span em {

	font-size: 15px;

	color: #999999;

}

.careersCon .listCon p span strong {

	font-weight: 500;

	color: #2680EB;

}

.careersCon .listCon:hover a p {

	text-decoration: underline;

}

.careersCon .listCon .bttonCon {

	text-align: center;

}

.careersCon .listCon .bttonCon .btn-info {

	background: #fff !important;

	font: 400 16px/42px 'K2D', sans-serif;

	height: 44px;

	color: #2680EB;

	border: 1px solid #2680EB !important;

	outline: none;

	border-radius: 10px;

	padding: 0 25px;

	box-shadow: none;

}

.careersCon .listCon:hover .bttonCon .btn-info, .careersCon .listCon .bttonCon .btn-info:focus {

	background: #2680EB !important;

	box-shadow: none;

	color: #fff !important;

}

.jobsModal .modal-content {

	overflow: hidden;

}

.jobsModal .modal-header .modal-title {

	font-weight: 700;

	font-size: 20px;

	padding: 10px 20px;

	display: inline-block;

}

.jobsModal .modal-header .modal-title small {

	color: #fc952c;

}

.jobsModal .modal-body {

	background: #f9f9f9;

	padding: 30px;

}

.jobsModal .modal-body .form-control {

	height: 50px;

	border: 1px solid #B3B3B3;

	border-radius: 10px;

	padding: 12px 15px;

	margin: 10px 0;

}

.close {

	float: right;

	font-size: 30px;

	font-weight: 700;

	line-height: 1;

	color: #999;

	text-shadow: 0 1px 0 #fff;

	filter: alpha(opacity=20);

	opacity: 1;

}

.jobsModal .modal-body .btn-default {

	font: 400 16px/42px 'K2D', sans-serif;

	border-radius: 10px;

	height: 44px;

	padding: 0 25px;

}



@media only screen and (max-width: 768px) {

.careersCon {

	padding: 30px 25px;

}

.careersCon .listCon .bttonCon {

	text-align: left;

	margin-top: 15px;

}

}

.contactTxt p {

	font-size: 22px;

	text-align: center;

	line-height: 34px;

	font-weight: 300;

	margin: 20px 0;

}





/*inner pages clasess*/



/*login register*/





.loginBg{background:#f5f5f5 url(../images/aboutBg.png) no-repeat center top; background-attachment: fixed; background-size: cover;}

.loginCon .bottomTxt {

	font-size: 15px;

 	margin-top: 25px; color:#303C3C;

	 

}

.loginCon .bottomTxt a {

	color: #00ACB4;

	text-decoration: underline;

}

.loginCon .bottomTxt a:hover {

	text-decoration: none;

}

 

.loginCon .loginBox {

	background: #fff;

	width: 500px;

	border-radius: 1px; overflow: hidden;

	min-height: 100px;

	-webkit-box-shadow: 0 5px 60px -10px rgba(0, 93, 90, 0.2);

	box-shadow: 0 5px 60px -10px rgba(0, 93, 90, 0.2);

	margin: auto; margin-top: 30px;

}

.loginCon .loginBox .tab {

	border-bottom: 1px solid #eee;

}

.loginCon .loginBox .tab a {

	width: 50%;

	float: left;

	text-align: center;

	font-size: 18px;

	line-height: 50px;

	color: #777;

	font-weight: 500;

	background: #f2f2f2;

	display: block;

	padding: 0 15px;

	border-top: 3px solid #303C3C;

	text-transform: uppercase;

	text-decoration: none;

}

.loginCon .loginBox .tab h3 {

	width: 100%;

	text-align: center;

	font-size: 18px;

	line-height: 50px;

	color: #00ACB4;

	background: #f5f5f5;

	display: block;

	padding: 0 15px; margin: 0;

	border-top: 3px solid #00ACB4 ;

	text-transform: uppercase;

}

.loginCon .loginBox .tab a.active {

	background: #fff;

	color: #00ACB4;

	border-top-color: #00ACB4 ;

}

.loginCon .loginBox .form_con {

	padding: 25px 40px 40px;

}

.loginCon .loginBox .form_con .row {

	margin-top: 5px;

	margin-left: -5px;

	margin-right: -5px

}

.loginCon .loginBox .form_con .row .cols, .loginCon .loginBox .form_con .row .col-md-12 {

	padding: 0 5px;

}

.loginCon .loginBox .form_con .row .form-group {

	margin: 5px 0;

}

.loginCon .loginBox .form_con h5 {

	font-size: 14px;

	font-weight: 400;

	color: #999;

}

.loginCon .loginBox .price1 label {

	font-size: 75px;

	font-weight: 600;

	margin: 30px 0 0;

	line-height: 70px;

}

.loginCon .loginBox .price1 label span {

	font-size: 50px;

	font-weight: 300;

	color: #999999;

}

.loginCon .forgot-password {

 

	display: inline-block;

	text-decoration: underline;

	color: #303C3C;

	font-family: "Open Sans", sans-serif;

}

.loginCon .form-group {

	margin: 10px 0;

}

.loginCon .form-check-label {

	  font-weight:400; color:#777;

}

.loginCon .form-check-label .form-check-input {

	margin-top: 5px;

}

.loginCon .or {

	display: block;

	border-top: 2px dotted #eee;

	margin: 40px 0;

	position: relative;

}

.loginCon .or:after {

	position: absolute;

	content: 'or';

	width: 35px;

	height: 35px;

	background: #ffffff;

	left: 50%;

	top: -18px;

	-webkit-transform: translate(-50%, 0);

	transform: translate(-50%, 0);

	border: 2px dotted #eee;

	border-radius: 100%;

	text-align: center;

	padding: 7px 0;

	font-weight: 500;

	color: #aaa;

	font-size: 14px;

}

.loginCon .radioBtns {

	margin: 15px 0 10px;

}

.loginCon .radioBtns label {

	width: 50%;

	float: left;

}

.loginCon .radioBtns label .btnInfo {

	text-transform: uppercase;

	text-align: center;

	border: 2px solid #38C2D9;

	color: #38C2D9;

	height: 50px;

	padding: 15px 15px;

	display: block;

	cursor: pointer;

}

.loginCon .radioBtns label .btnInfo h4 {

	font-size: 14px;

}

.loginCon .radioBtns label .selectStyleRadio {

	display: none;

}

.loginCon .cCheckPoint label {

	font-size: 14px;

	line-height: 22px;

	font-weight: 300;

}

.loginCon .cCheckPoint label .form-check-input {

	margin-top: 5px;

}

.loginCon .cCheckPoint .form-check {

	margin: 20px 0 25px;

}

.loginCon .radioBtns label:nth-child(1) .btnInfo {

	border-radius: 5px 0 0 5px;

	border-right: 1px solid #38C2D9;

}

.loginCon .radioBtns label:nth-child(2) .btnInfo {

	border-radius: 0 5px 5px 0;

	border-left: 1px solid #38C2D9;

}

.loginCon .radioBtns label .selectStyleRadio:checked + .btnInfo {

	background: #38C2D9;

	color: #ffffff;

}

.socialMediaLogin {

	text-align: center;

}

.socialMediaLogin a {

	width: 50px;

	height: 50px;

	border-radius: 100%;

	display: inline-block;

	background: #fff;

	text-align: center;

	color: #38C2D9;

	font-size: 18px;

	margin: 10px;

	padding: 16px 0;

	text-decoration: none;

	-webkit-box-shadow: 0 5px 20px -10px rgba(0, 93, 90, 0.7);

	box-shadow: 0 5px 20px -10px rgba(0, 93, 90, 0.7);

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	-ms-transition: all .3s ease-in-out;

}

.socialMediaLogin .facebook {

	color: #428bca;

}

.socialMediaLogin .facebook:hover {

	background: #428bca;

	color: #ffffff;

}

.socialMediaLogin .twitter {

	color: #5bc0de;

}

.socialMediaLogin .twitter:hover {

	background: #5bc0de;

	color: #ffffff;

}

.socialMediaLogin .google {

	color: #d9534f;

}

.socialMediaLogin .google:hover {

	background: #d9534f;

	color: #ffffff;

}

.verifyMessage {

	font-size: 15px;

	padding: 10px;

	line-height: 22px;

}



@media only screen and (max-width: 599px) {

.loginCon .loginBox {

	width: 100%;

}

.loginCon .loginBox .form_con {

	padding: 20px 30px 30px;

}

.loginCon .facebookBtn {

	font-size: 14px;

}

.loginCon .facebookBtn:after {

	width: 50px;

}

}



@media only screen and (max-width: 599px) {

.loginCon .facebookBtn {

	padding-left: 60px;

}

.loginCon .facebookBtn:after {

	width: 45px;

}

}



.form-horizontal .control-label{font-weight: 500;}

.shippingInfo input[type=radio], .shippingInfo input[type=checkbox]{margin-top: 2px;}

/*login register end*/





/*category and subcategory*/



/*category and sub category clasess*/



ul.cs_con{margin:15px 0 0 0; padding: 0 15px;}

ul.cs_con li {

	width: 33.333333%;

	float: left;

	list-style: none;

	margin: 25px 0;  

}

ul.cs_con li .inner {

	background: #fff;

	width: 300px;

	margin: auto; 

}

ul.cs_con li .inner figure {

	width: 320px;

	display: block;

	overflow: hidden;

	height: 216px; border-radius: 10px;

	 

}

 

ul.cs_con li .inner figure img{

	width: 100%;

	display: block;

 	height: auto;

	 

}



ul.cs_con li .inner figcaption {

	padding: 15px 10px 0 10px;

}



ul.cs_con li .inner figcaption h3 {

	font-size: 20px;

	font-weight: 400; line-height: 26px;

 	color: #303C3C; margin: 0;

}

ul.cs_con li .inner figcaption .shop_now {

	font-weight:400;

	text-transform: uppercase;

	font-size: 13px;

	display: inline-block;

	color:#00BBFF;

	margin: 5px 0 0 0;

}

ul.cs_con li .inner:hover figcaption .shop_now {

	text-decoration: underline;

}



.productList .list{padding:0; margin-top: 5px; margin-left: -15px; margin-right: -15px;}

.productList .list li{width:25%; float: left; padding:15px;}

 

.productList .list li .box figure {

    width: 100%;

    height: 160px;

     overflow: hidden;

   

}

.jobRefine label{position: relative; display: block;}

.filterColor{width: 12px; height: 12px; display: inline-block; border-radius: 100%; vertical-align: middle; border:1px solid #ddd; position: absolute; right: 0;}

 





.productColor{margin-top:20px ;}

.productColor input[type=radio] {

	display: none;

  }



.productColor input[type=radio]:checked + label span {

	transform: scale(1.2); border:1px solid #ddd; box-shadow:0 1px 3px 0px rgba(0, 0, 0, .6);

  }

   

  

  .productColor label {

	display: inline-block;

	width: 24px;

	height:24px;

	margin:0 3px; border-radius: 100%;

	cursor: pointer;

  }

  .productColor label:hover span {

	transform: scale(1.2);  border:1px solid #ddd; box-shadow:0 1px 3px 0px rgba(0, 0, 0, .3);

  }

  .productColor label span {

	display: block;

	width: 100%; border-radius: 100%;

	height: 100%; 

	transition: transform 0.2s ease-in-out; border:1px solid #ddd; box-shadow:0 1px 3px 0px rgba(0, 0, 0, .2);

  }







  

.pSize {

	width: fit-content;

	overflow: hidden;

	display: flex;

	flex-direction: row;

	flex-wrap: no-wrap;

	margin-top: 15px; align-items: center;

}

.pSize input[type="radio"] {

	display: none;

}

.pSize label {

	padding:5px 7px;

	width: auto;

	height: 36px;

	border-radius: 0;

	text-align: center;

	border: 1px solid #ddd;

	cursor: pointer;

	font-size: 15px;

	font-weight: 500;

	transition: all 0.3s;

	margin-right: 8px;

}



.pSize label:hover {

	background: #000;

	color: #fff;

}

.pSize input:checked + label {

	background: #000;

	color: #fff;

}

  

  .productColor .labelTxt { display: inline-block; vertical-align: top; margin-right: 10px; width: 50px;}

  .pSize .labelTxt{ display: inline-block; vertical-align: top; margin-right: 10px; width: 56px;}







@media only screen and (max-width:1151px) {

.productList .list li{width:33.3333333%; float: left; padding:15px;}



	

}

@media only screen and (max-width: 991px) {

	

 	    .productList .list li{width:33.333333%; float: left; padding:15px;}





}

 

@media only screen and (max-width:767px) {

    

     .productList .list li{width:50%; float: left; padding:15px;}

}



@media only screen and (max-width:599px) {

    

     .productList .list li{width:100%; }

}





/*category and subcategory end*/





/*product detail*/



.pDetailCon{padding: 0;}

.pDetailCon .cols{width:40%; float: left;}



.dtl_images {

 	margin : 0 0 0 5px;

	position : relative;

	width : 400px;

	min-height : 250px; margin-top: 40px;

}

.pDetailCon .dtl_contents {

 	width : 59%; margin-top: 40px;

	 

}





.product-dtl-img{text-align:center;}



.dtl_contents h3{line-height:42px; font-size: 38px; font-weight:700; margin:0;}

.dtl_contents .table p{margin: 0;}

.dtl_contents .price{font-size: 32px; color:#303C3C; font-weight:600; }

 

.dtl_contents .btnCon{ margin-top: 20px;   }

.dtl_contents .brandName{ background: #303C3C; padding: 10px; border-radius: 3px;  width: 120px; height:auto; margin-bottom: 15px;}

.dtl_contents .brandName img{width: 100%; display: block;}





.dtl_contents .brandName2{  width: 80px; height:auto; margin-bottom: 15px;}

.dtl_contents .brandName2 img{width: 100%; display: block;}





.dtl_contents strong{color:#303C3C; display:block;}

.priceConTable .cols .price{margin-top:20px;}

.dtl_contents select{height: 36px; padding: 5px 0; font-size: 16px; max-width: 150px; background: none; border: 0 !important; box-shadow: none;}

.dtl_contents .form-control:focus{box-shadow: none;}

.dtl_contents .share{margin-left: 20px; float: right; margin-top: -2px;}

.dtl_inr_box1 {

	float : left;

	width : 50%;

}

.dtl_inr_box2 {

	float : right;

	width : 22%; background:#F3F9FE; text-align: center;

	  

}

.dtl_inr_box2 .form-control{display: inline-block; margin-top: 3px; vertical-align: middle;}

.bottonAction{margin-top: 20px;}

.bottonAction p{width:33.333333%; float: left;}



.dtl_color a {

	width : 28px;

	height : 28px;

	border : #f8f8f8 solid 3px;

	display : inline-block;

	box-shadow : 0 0 1px 1px rgba(0, 0, 0, 0.6);

	border-radius : 20px;

	margin : 0 3px 0 0;

}

.dtl_color a.act {

	border : #fff solid 3px;

	box-shadow : 0 0 3px 3px rgba(255, 26, 0, 1);

}

.dtl_seller {

	float : right;

	width : 20%;

}

.dtl_left {

	width : 73%;

	float : left;

	margin : 25px 0 0 0;

}

.dtl_right {

	width : 25%;

	float : right;

	margin : 25px 0 0 0;

	border : #ddd solid 1px;

	border-width : 1px 0 0 1px;

	padding : 15px 0 0 1.5%;

}

.ds_thm {

	  border-radius:0; overflow: hidden; width: 80px; height: 80px; border: 1px solid #ccc;

}



.ds_thm img{

	  width: 100%; height: auto; display: block;

}



 



.myulx li {

	margin :5px 0; padding-bottom: 5px;

	overflow : hidden; display:block;

}



.myulx{padding: 0;  float:left; margin-top:-5px;}





.myulx li img {

	display : block;

}

ul.p_discrip {

	margin : 25px 0 0 15px;

}

ul.p_discrip li {

 	color : #777;

	list-style : none;

	background : url(../images/right_icon.jpg) left 5px no-repeat;

	padding-left : 20px;

	margin-left : 0;

}



.mobDetailImg{display:none; margin-top:40px;}









.priceConTable{display: flex; background:#f5f5f5; flex-wrap: nowrap; justify-content: space-between; border: 1px solid #ddd; margin-top: 5px; width:50%; float:left;}

.priceConTable .cols{padding:5px 20px 20px; border-right:1px solid #ddd; width:50%;}

.priceConTable .cols p{margin: 0;}

.priceConTable .cols .tableInner tr td{padding: 5px 0;}



.priceConTable2{display: flex; background:#f5f5f5; flex-wrap: nowrap; justify-content: space-between; border: 1px solid #ddd; margin-top: 5px; max-width:420px;}

.priceConTable2 .cols{padding:5px 20px 20px; border-right:1px solid #ddd; width:100%;}

.priceConTable2 .cols p{margin: 0;}

.priceConTable2 .cols .tableInner tr td{padding: 5px 0;}



.cartonPrice{font-size:16px;}



.pDetailLeft{width:50%; float:left; padding-right:20px;}

.reviewTitle .btn {float: right; margin-top: -20px; text-transform: none; font-weight:500;}









@media only screen and (max-width: 1365px) {

    .priceConTable{flex-wrap:wrap;}

    .priceConTable .cols{width:50%;}

}





@media only screen and (max-width: 1279px) {

	

	.pDetailCon .dtl_contents {

    width: 55%; float: right;

}



 .priceConTable .cols{width:100%;}

}



@media only screen and (max-width: 1151px) {

	

	.pDetailCon .dtl_contents {

    width: 55%; float: right;

}

	

	.dtl_inr_box2{padding:12px 10px;}

	

	.ds_thm {

	    width: 70px; height: 70px; 

}

}







@media only screen and (max-width: 991px) {

	.dtl_images {display: none;}

	.pDetailCon .dtl_contents {

    width: 100%; margin-top: 30px;

}



.mobDetailImg{display:block; text-align:center;}

.mobDetailImg img{display:inline-block;  } 

.dtl_inr_box1{width:100%;}

.contactView{margin-top:30px;}

	

}



@media only screen and (max-width: 767px) {

    .priceConTable{flex-wrap:wrap; width:100%;}

    .priceConTable .cols{width:50%;}

    .pDetailLeft {

    width: 100%;

     padding-right: 0;

}

    

}





@media only screen and (max-width: 599px) {

      .priceConTable .cols{width:100%;}

	.dtl_inr_box1 {

    float: left;

    width: 100%;

}

	

	.dtl_inr_box2 {

   

    width: 100%; margin-top: 10px;

}

	.bottonAction{text-align: center;}

	.bottonAction p{width: 100%; float: none;}

	

}



/*product detail end*/



/*cms area*/

.cms_area{padding:40px 0;}

.cms_area2{padding:0 !important;}

.cms_area h1 {

	color: #303C3C; font-size: 24px;

    line-height: 32px; text-transform: uppercase;

	border-bottom: 1px solid #eee;

 	 margin: 0 0 20px 0; padding-bottom: 10px;

}

 

.cms_area h3 {

	font: 700 18px/24px 'Roboto', sans-serif;  

	  

}

.cms_area img {

	margin:25px 0; display:inline-block;

}

.cms_area ul, .cms_area ol {

	font: 400 16px/24px 'Roboto', sans-serif;

	margin: 30px 0 30px 0px;

}

/*cms area ends*/



/*cart*/

 

.mylsttb {

	padding: 25px;

	border-bottom: 1px solid #ddd;

}

.thm_cont {

	width: 90px;

	height: 90px;

	text-align: center;

	border: 1px solid #ddd;

	overflow: hidden;

	background: #fff;

	display: block

}

.thm_cont img {

	display: block;

	margin: auto;

	width: 100%;

	height: auto

}

.thm_cont_s {

	width: 72px;

	height: 72px;

	text-align: center;

	border: 1px solid #ddd;

	overflow: hidden;

}

.cod_input {

	width: 70%;

}

.cont_4 strong {

	display: none

}



.cont_4 b {

	color:#303C3C;

}





.cont_4 .sec1 {

	width: 10%;

	float: left;

	text-align: left

}

.cont_4 .sec2 {

	width: 60%;

	float: left;

	text-align: left

}

.cont_4 .sec3 {

	width: 15%;

	float: left;

	text-align: center

}

.cont_4 .sec4 {

	width: 15%;

	float: left;

	text-align: center

}

.cart_text {

	text-align: right;

	padding: 15px 10px 0 0

}

.cart_btns b {

	margin-left: 3px

}

.ship_type {

	float: left;

	margin: 20px 0 0 0

} 

.invoice_logo {

	float: right; margin:0;

}

.inv_box2 {

	min-height:190px;

} 



.cart-right b{color:#303C3C;}

.cart-right p{margin-bottom:5px;}



/*cart ends*/



/*payment*/

.selectPayment{display: flex; flex-wrap: nowrap;}

.selectPayment .cols{width:260px; position:relative; text-align:center; padding-right:20px;}

.selectPayment .cols input[type=checkbox], input[type=radio] {

      line-height: normal;  display: inline-block; margin-top: 5px;

}

.selectPayment .cols label{display:block;}

.selectPayment .cols label .box{border:2px solid #ddd; background:#f5f5f5; width:100%; padding:20px;}

.selectPayment .cols label .box span{display:block;margin-top:10px;}





.selectPayment .cols .card{height:42px; position:static; right:12px; top:10px; display:inline-block;}

.selectPayment .cols label .selectStyleRadio {

  display:none;

}



.selectPayment .cols label .selectStyleRadio:checked + .box {

    -webkit-transform: scale(0.95);

    transform: scale(0.95);

    border: 2px solid #00ACB4;

    -webkit-box-shadow: 0 5px 20px -10px #00ACB4;

    box-shadow: 0 5px 20px -10px #00ACB4;

}











.selectPayment input[type=radio]{margin-top: 5px;}

/*payment end*/



/*invoice*/

.bg-success {

    background:rgba(0,172,180,.1);

    border: 1px dashed #00ACB4;

}

/*invoice end*/



/*my account*/

.my_acount_nav {

	padding: 10px 0;

}

.my_acount_nav a {

 	line-height: 18px;

	padding: 15px 15px;

	border:0; border-radius: 1px;

	display: block; background: #f5f5f5;

	text-decoration: none;

	text-transform: capitalize;

	font-weight: 600;

	font-size: 15px;

	color: #303C3C;

	margin:7px 0;

}

.my_acount_nav a:hover, .my_acount_nav a.active {

	background: #00ACB4 ;

	color: #fff;

}

.acc_box {

	text-align: center;

 	padding:35px 25px; background: #f7f7f7;

	margin: 15px 0; border-radius: 1px;

}

.address_box {

	border: 1px solid #eee;

	padding: 20px;

	margin: 15px 0;

}

.cont_4_oh {

}

.cont_4_oh strong {

	display: none;

	font-weight: normal

}

.cont_4_oh .sec1 {

	width: 10%;

	float: left;

	text-align: left

}

.cont_4_oh .sec2 {

	width: 45%;

	float: left;

	text-align: left

}

.cont_4_oh .sec3 {

	width: 35%;

	float: left;

	text-align: center

}

.cont_4_oh .sec4 {

	width: 10%;

	float: left;

	text-align: center

}

.cont_4_address_new {

}

.cont_4_address_new strong {

	display: none;

	font-weight: normal

}

.cont_4_address_new .sec1 {

	width: 10%;

	float: left;

	text-align: left

}

.cont_4_address_new .sec2 {

	width: 75%;

	float: left;

	text-align: left

}

.cont_4_address_new .sec3 {

	width: 15%;

	float: left;

	text-align: center

}



/*my account*/



/*pagging*/

.paging_container {

	padding: 8px 10px;

	 

	border-radius: 3px; text-align: center;

}

.paging_container_x {

 	background: none

}

.paging_container .one {

	float: left;

}

.paging_container .two {

	float: none;

	margin: 2px 0 0 0

}

.paging a, .paging a:visited {

	display: inline-block;

	padding: 5px 10px;

	text-align: center;

	font: bold 12px/16px 'Roboto', sans-serif;

	background: #f5f5f5;

	margin: 0px 2px;

	color: #777;

	border-radius: 1px;

	border: 1px solid #eee;

	text-decoration: none;

}

.paging a:hover, .paging a.act {

	color: #fff;

	background: #00ACB4;

	border: 1px solid #00ACB4;

}

.paging .sort_by {

	float: right;

	margin: 0 0 0 5px;

}

/*pagging*/



/*testimonoial*/

.t_container .ts_con {

	background: #fff;

	padding: 25px 40px;

	margin: 30px 0 0 0;

	position: relative;

}

.t_container .ts_con2 {

	background: #fff;

	padding: 25px 40px;

	margin: 30px 0 0 0;

	position: relative;

	border: 1px solid #ddd !important; border-radius: 1px;

}

.t_container .ts_con .ts_colon {

	background: url(../images/ts_colon.png) no-repeat;

	width: 30px;

	height: 22px;

	position: absolute;

	top: -12px;

	left: 20px;

}

.t_container .ts_con .text_con article {

	font-size: 15px;

 	line-height: 22px;

	color: #777;

}

.t_container .ts_con2 .text_con article {

	font-size: 16px;

	line-height: 28px;

}



.t_container .ts_con2 .ratings{margin-top: 5px;}

.t_container .ts_con2 .ratings i{margin-right: 3px;}



.t_container .ts_con .text_con .c_name {

	font-size: 18px;

	font-weight: 600;

	color: #303C3C;

}

.t_container .carousel-indicators {

	left: 0;

	margin: 0;

	bottom: -30px !important;

	width: auto;

}

.t_container .carousel-indicators li {

	background-color: #e1dedc;

	border: 1px solid #c5c1bf;

	width: 13px;

	height: 13px;

}

.t_container .carousel-indicators .active {

	background-color: #dcbd48;

	border: 1px solid #dcbd48;

	width: 13px;

	height: 13px;

}



 .t_container2 .ts_con2{padding: 0; border:0 !important; border-bottom: 1px solid #ddd !important; padding-bottom: 20px;}

/*testimonoial*/





/*faq*/



.faqCon {padding:40px 0 60px;}

.faq-content {

	padding:0;

	margin: 10px 0 0 0;

}

.faq-content .card {

 	min-height: auto;

	padding: 0;

	border-radius:0;

}

.faq-content .card:hover {

	transform: translate(0)

}

.faq-content .card > .card-header {

	background-color: #fff;

	border-color: none !important;

	border: none !important;

	-webkit-box-shadow: 0 !important;

	box-shadow: 0 !important; border-radius: 0;

}

.faq-content .more-less {

	float: right;

	margin-top: 5px;

	color: #303C3C;

	font-size: 20px;

}

.faq-content .card {

	border-color: #ddd;

	border: 1px solid #ddd;

	border-radius: 10px;

	margin-bottom: 10px; border-radius: 0;

	text-decoration: none;

}

.faq-content .card-body {

	padding: 0 20px 20px 20px !important;

	border: none !important;

}

.faq-content .card-header {

	border-bottom: 1px solid transparent;

	border-top-left-radius: 0px;

	border-top-right-radius: 0px;

	padding: 0px;

	border-radius: 0px;

}

a.card-link {

	text-decoration: none;

	display: block; background: #fff;

	font-size: 18px;

	line-height: 28px;

	padding: 15px;

	color: #303C3C;

	font-weight: 700; border-radius: 0;

}

a.card-link i {

	font-size: 14px;

}

.faq-content .card:hover {

	border-bottom: 1px solid #303C3C;

}

.faq-content .card-body ul {

	margin-top: 30px;

	 

}

 



@media screen and (max-width: 767px) {

.faq-content {

	padding: 20px;

}

a.card-link {

	font-size: 16px;

	line-height: 20px;

	padding: 13px 15px 15px 15px;

}

.faq-content .card-body ul {

	margin-left: 30px;

}

}



/*faq end*/





/*comman responsive*/



.qtyMobile{display: none;}

@media only screen and (max-width: 767px) {

    

    .mylsttb {

	padding: 20px 20px 0 20px;

	border: 1px solid #ddd; margin-top:15px;

}

	.sopping_con {padding:15px 0;}

	.S_hide, .mylsttb .sec1{display: none;}

 .cont_4 .sec2 {

    width:80%;

    

}



.cont_4 .sec3 {

	width: 20%;

	float: left;

	text-align: center

}

	.cont_4 .sec4 {display: none;}

	.cont_4 .sec3{float: right;}

	.selectPayment{display: initial;}

	.selectPayment .cols{width: 100%; padding-right:0; padding-top:10px;}

	.qtyMobile{display: inline-block;}

 	.cont_4_oh .sec1{display: none;} 

	

	.cont_4_address_new .sec1 {

   display: none;

}

	

	.p25 {

    padding: 15px;

}

	.cont_4_address_new .sec2 {

    width: 100%;

    

}

	

	.thm_cont {

    margin-bottom: 35px;

}

}



@media only screen and (max-width: 479px) {

	.sopping_con {padding:15px 0;}

	.S_hide, .mylsttb .sec1{display: none;}

 .cont_4 .sec2 {

    width:100%;

    

}

	.cont_4 .sec4 {display: none;}

	.cont_4 .sec3{float: left; }

	

	.mylsttb{padding-bottom:20px;}

}



.checkInline{margin-right: 15px; display:block; margin-top: 10px;}

.checkInline input[type=checkbox]{margin-top: 4px !important;}

.checkInline label{margin-left: 3px;}







.voucherPupBox{padding: 50px 30px; color:#fff; text-align: center;}

.voucherPupBox h1, .voucherPupBox h4, .voucherPupBox p{color:#fff;}

.voucherPupBox h1{font-size: 66px; line-height: 76px;}

.voucherPupBox h4{font-size: 22px; line-height: 32px;}

.voucherPupBox p{font-size: 18px;}

.voucherPupBox .form{padding: 0 15%;}





/*banner inside*/



.bannerInside{min-height: 350px; padding: 100px 0; }

.bannerInside .bannerContent{padding-right: 50%;}

.bannerInside .bannerContent h2{margin-bottom: 20px; color:#303C3C;}

.bannerInside .bannerContent p{color:#303C3C; font-size:20px; line-height:28px;}

/*banner inside end*/





header .navbar .navbar-nav li > .subLinks {

	width: 230px;

	left: 0;

	height: auto;

	background: #fff;

	position: absolute;

	box-shadow: 0 5px 25px 5px rgba(0,0,0,0.1);

	display: none;

	z-index:9;

	padding:0 20px;

}

header .navbar .navbar-nav li:last-child .subLinks {

	left: auto;

	right: 0;

}







header .navbar .navbar-nav li .subLinks li {

	list-style: none

}

header .navbar .navbar-nav li .subLinks li a {

	display: block;

	border-bottom: 1px solid #eee;

	color: #333;

	font-size: 14px;

	padding: 0;

	line-height: 40px;

	height: 40px;

	font-weight: 400

}

header .navbar .navbar-nav li .subLinks li a:after {

	display: none;

}

header .navbar .navbar-nav li .subLinks li a:hover {

	color: #666

}

header .navbar .navbar-nav li .subLinks li a i {

	position: absolute;

	right: 5px;

	top: 50%;

	transform: translate(0, -50%);

	font-size: 10px

}

header .navbar .navbar-nav li .subLinks li .subLinksx {

	width: 230px;

	left: 230px;

	height: auto;

	background: #fff;

	position: absolute;

	box-shadow: 0 5px 25px 5px rgba(0,0,0,0.1);

	display: none;

	top: 0

}





header .navbar .navbar-nav li:last-child .subLinks li .subLinksx{left:auto; right:230px;}









header .navbar .navbar-nav li .subLinks li:hover .subLinksx {

	display: block;

}

header .navbar .navbar-nav li:hover .subLinks {

	display: block;

}







/* steps */



.stepper-wrapper {

	margin-top: auto;

	display: flex;

	justify-content: space-between;

	margin: 20px 0 30px; padding:  0 15%;

  }



  .stepper-wrapper2{margin: 40px 0 30px;}

  .stepper-item {

	position: relative;

	display: flex;

	flex-direction: column;

	align-items: center;

	flex: 1; text-decoration:none !important;

  

  }

  

  

	@media (max-width: 768px) {

	  .stepper-item { font-size: 12px;}

	}

  

  .stepper-item::before {

	position: absolute;

	content: "";

	border-bottom: 3px solid #ddd;

	width: 100%;

	top: 25px;

	left: -50%;

	z-index: 2;

  }

  

  .stepper-item::after {

	position: absolute;

	content: "";

	border-bottom: 3px solid #ddd;

	width: 100%;

	top: 25px;

	left: 50%;

	z-index: 2;

  }

  

  .stepper-item .step-counter {

	position: relative;

	z-index: 5;

	display: flex;

	justify-content: center;

	align-items: center;

	width: 48px;

	height: 48px;

	border-radius: 50%;

	background: #fff; 

	margin-bottom: 6px; 

	border:1px solid #ddd; 

  }

  

  .stepper-item.active {

	font-weight: 600;

  }

  

  .stepper-item.completed .step-counter {

	background-color: #FFC341; color:#303C3C; border:1px solid #FFC341;

  }

  





  .stepper-item.active .step-counter{border:1px solid #FFC341; color:#FFC341; background: #fff;}



  .stepper-item.active .step-name,  .stepper-item.completed .step-name{color:#303C3C;}

  

  

  .stepper-item.completed::after {

	position: absolute;

	content: "";

	border-bottom: 2px solid #FFC341;

	width: 100%;

	top: 25px;

	left: 50%;

	z-index: 3;

  }

  

  .stepper-item:first-child::before {

	content: none;

  }

  .stepper-item:last-child::after {

	content: none;

  }

  

  /*steps end*/

  

  /*modal*/

  .modal-body{padding:30px 30px;}

  .modal-content{border-radius:0;}

   button.close {

    

    padding: 0;

    cursor: pointer;

    background: 0 0;

    border: 0;

    position: absolute;

    top: 9px;

    right: 15px;

	 

}

.modal-header .close {

    margin-top: 0;

}

  

/*modal end*/



/*language*/



.language{float:left; margin-top:-2px; margin-left:20px;}

.goog-te-gadget .goog-te-combo {

	margin: 0 !important ;

	width: 140px;

}

.goog-te-gadget .goog-te-combo {

 	border: 2px solid rgba(255,255,255,.5);

	font-family: 'Roboto', sans-serif;

	font-size: 13px;

	font-weight: 500;

	color: #303C3C;

	outline: none;

	padding:3px;

}

.goog-te-combo option{color:#303C3C !important; font-size:13px; padding-left: 10x; padding-right: 10px;}

#google_translate_element {

 

	position: relative;

 

}

/*language end*/





/*whatsapp button*/



.btn-whatsapp-pulse {

	background: #25d366;

	color: white;

	position: fixed;

	bottom: 20px;

	left: 28px;

	font-size: 40px;

	display: flex;

	justify-content: center;

	align-items: center;

	width: 48px;

	height: 48px;

	padding-bottom: 3px;

	text-decoration: none;

	border-radius: 10px;

	animation-name: pulse;

	animation-duration: 1.5s;

	animation-timing-function: ease-out;

	animation-iteration-count: infinite;

	z-index: 9;

}



@keyframes pulse {

	0% {

		box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);

	}

	80% {

		box-shadow: 0 0 0 14px rgba(37, 211, 102, 0);

	}

}



.btn-whatsapp-pulse-border {

	bottom: 120px;

	right: 20px;

	animation-play-state: paused;

}



.btn-whatsapp-pulse-border::before {

	content: "";

	position: absolute;

	border-radius: 50%;

	padding: 25px;

	border: 5px solid #25d366;

	opacity: 0.75;

	animation-name: pulse-border;

	animation-duration: 1.5s;

	animation-timing-function: ease-out;

	animation-iteration-count: infinite;

}



@keyframes pulse-border {

	0% {

		padding: 25px;

		opacity: 0.75;

	}

	75% {

		padding: 50px;

		opacity: 0;

	}

	100% {

		opacity: 0;

	}

}



/*whatsapp end*/











/*blog*/



.BlogCon .blogBox {

	min-height: auto;

   border:1px solid #ddd; margin: 10px 0 30px 0;

}

.BlogCon .blogBox:hover{box-shadow: 0px 5px 10px -2px rgba(0, 0, 0, 0.1);}

.BlogCon .blogBox figure {

   height: 218px;

   width: 100%;

   overflow: hidden;

}

.BlogCon .blogBox figure img {

   display: block;

   width: 100%;

}

.BlogCon .blogBox figcaption {

   padding: 13px;

}

.BlogCon .blogBox figcaption .title {

   color: #303C3C;

   font-weight: 600;

   font-size: 16px;

   line-height: 24px;

}

.BlogCon .blogBox figcaption .dec {

   margin-top: 20px;

   height: 130px;

   overflow: hidden; margin-bottom: 0;

}

.blogDate {

   color: #999;

	text-transform: uppercase;

   margin-bottom: 10px; font-size: 16px;

}

.BlogCon .blogBox:hover figcaption .title {

   text-decoration: underline;

   color: #00ACB4;

}

/* blogs end */





/*rating*/

 



/* Rating Star Widgets Style */

.rating { 

  border: none;

  float: left; margin: -7px 0 0 10px;

}



.ratingTitle{float:left; margin:2px 0 0 0;}



.rating > input { display: none; } 

.rating > label:before { 

  margin: 5px;

  font-size: 1.25em;

  font-family: FontAwesome;

  display: inline-block;

  content: "\f005";

}





.rating > .half:before { 

  content: "\f006";

  font-size: 0;

  position: absolute;

}



.rating > label { 

  color: #ddd; 

 float: right; 

}







.rating > input:checked ~ label, /* show gold star when clicked */

.rating:not(:checked) > label:hover, /* hover current star */

.rating:not(:checked) > label:hover ~ label { color: #FFD700;  } /* hover previous stars in list */



.rating > input:checked + label:hover, /* hover current star when changing rating */

.rating > input:checked ~ label:hover,

.rating > label:hover ~ input:checked ~ label, /* lighten current selection */

.rating > input:checked ~ label:hover ~ label { color: #FFED85;  } 



/*rating end*/



/* cart popup */

.cartPopup{position: absolute; background: #fff; width: 340px; padding: 20px; right: 58px; z-index: 9;

	box-shadow: 0px 5px 10px -2px rgba(0, 0, 0, 0.2); border: 1px solid #ddd;}

	.cartPopup .checkoutBtn{width: 100%; padding: 0 15px; font-weight: 500; margin: 0;}



.cartPopup	.subTotal{display: flex; justify-content: space-between; margin-top: 15px;}

.cartPopup	.subTotal p{color: #303C3C;}





.cartPopup .itemScroll{max-height: 320px; overflow-y: auto; overflow-x: visible;}

.cartPopup .itemRow{

	display: flex; border-top: 1px solid #ddd; padding: 15px 0;  align-items: center; justify-content: center;

}





.cartPopup .itemRow .cols.itemImg .thumb{width: 72px; height: 72px; overflow: hidden; border: 1px solid #ddd; display: flex;

align-items: center; justify-content: center; margin-left: 0;}

.cartPopup .itemRow .cols.itemImg .thumb img{width: 100%;}



.cartPopup .itemRow .cols.itemDetail{padding-right: 30px; position: relative;}

.cartPopup .itemRow .cols.itemDetail .title{

	font-weight: 600; color: #303C3C; display: block; width: 170px; 

	white-space: nowrap; 

	overflow: hidden;

	text-overflow: ellipsis; 

}



.cartPopup .itemRow .cols.itemDetail .cartPrice{

	display: flex; justify-content: space-between; align-items: center;

	padding-left:10px; margin-top: 10px;

}

.cartPopup .itemRow .cols.itemDetail .cartPrice p{margin-bottom: 0;}

.cartPopup .itemRow .cols.itemDetail .cartPrice .qty {display: flex; align-items: center;}

.cartPopup .itemRow .cols.itemDetail .cartPrice .qty span{margin-right: 10px; color: #303C3C;;}

.cartPopup .itemRow .cols.itemDetail .cartPrice .qty .form-control{width: 44px; height: 36px; background: #fff; border: 1px solid #ccc; text-align: center;}

.cartPopup .itemRow .cols.itemDetail .cartPrice .price{color: #303C3C;;}

.cartPopup .itemRow .cols.itemDetail .remove{position: absolute; right: 0; top: 0; text-decoration: none; color: #c92e2e; width: auto;}



.cartPopup .vcl{text-align: center; padding-top: 15px; border-top: 1px solid #ddd;}

/* cart popup end*/


.cartPopupActive {
  display: block !important;
  background: #f7f7f7;
  border: 1px solid #ccc;
  padding: 15px;
  box-shadow: 0 5px 15px rgba(0,0,0,0.2);
  border-radius: 8px;
  transform: translateY(-20px);
  opacity: 0;
  animation: slideFadeIn 0.4s ease forwards;
}

/* Exit animation (optional smoother fade out) */
.cartPopupExit {
  animation: slideFadeOut 0.4s ease forwards;
}

@keyframes slideFadeIn {
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes slideFadeOut {
  to {
    opacity: 0;
    transform: translateY(-20px);
  }
}