body, html{
	overflow-x: hidden;
}
@font-face {
    font-family: 'KGSatisfiedScript';
    src: url('../fonts/kgsatisfiedscript-webfont.woff2') format('woff2'),
         url('../fonts/kgsatisfiedscript-webfont.woff') format('woff'),
         url('../fonts/kgsatisfiedscript-webfont.ttf') format('truetype'),
         url('../fonts/kgsatisfiedscript-webfont.svg#kg_satisfied_scriptregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
.font-kgs{
	font-family: "KGSatisfiedScript", Sans-serif !important;
}
body, body p, button{
	font-family: 'Montserrat', sans-serif !important;
}
h1, h2, h3, h4, h5, h6{
	font-family: 'Montserrat', sans-serif !important;
}
body p{
	font-size: 18px;
	margin-bottom: 1rem;
}
 h1{
    font-size: 60px;
    line-height: 65px;
  }

  h2{
    font-size: 48px;
    line-height: 52px;
  }
  h3{
    font-size: 34px;
    line-height: 40px;
  }
  h4{
    font-size: 28px;
    line-height: 28px;
  }
  h5{
    font-size: 22px;
    line-height: 26px;
  }
  h6{
    font-size: 18px;
    line-height: 24px;
  }
.btn:focus{
	box-shadow: none !important;
}
.navbar{
	padding: 0px !important;
}
header{
	 padding: 15px 0px;
}
header form input:focus, footer form input:focus{
    box-shadow:none !important;
    outline:none !important;
}
header{
	padding: 5px 10px;
    position: sticky;
    top: 0;
    z-index: 10;
    background-color: white;
    clear: both;
    width: 100%;
}

header .logo {
	max-width: 100px;
}
.header{
	display: block;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}
.header .headerLogo{
	display: inline-block;
    width: 13%;
    float: left;
}
/*
.header #navbarNavDropdown{
	display: inline-block;
}*/
.header .menu{
	width: 87%;
	float: right;
	text-align: right;
	height: 70px;
	line-height: 70px;
}
.header .social, .header .navbar, .header .menu .btn-custom.btn{
	display: inline-block !important;
}
.header .menu .btn-custom.btn{
	margin-top: -7px;
}
.header .social a{
	display: inline-block;
	padding-left: 14px;
}
.header .social a:first-child{
	padding-left: 3px;
}

.header .social a:last-child{
	padding-right: 14px;
}

  header form{
  width: fit-content;
  position: relative;
  align-items: center;
}
header form button{
    background-color: #009e01 !important;
    color: white !important;
    font-size: 18px !important;
    border-radius: 100% !important;
    font-weight: 400 !important;
    position: absolute !important;
    right: 5px !important;
    width: 38px;
    height: 38px;
    line-height: 20px !important;
    padding: 0px !important;
    top: 50%;
    transform: translateY(-50%);
}
header .navbar .navbar-nav .nav-item .nav-link.active, header .navbar .navbar-nav .nav-link:hover,
.footerMenu ul li a.active, .footerMenu ul li a:hover{
	color: #009e01 !important;
}
header form input{
  	padding: 9px 20px !important;
    border-radius: 45px !important;
    background-color: #f6f6f6 !important;
    width: 185px !important;
}
header form button:focus{
	box-shadow: none !important;
}
.social{
	display: flex;
	gap: 10px;
}
.social i{
  	font-size: 20px;
    /* line-height: 23px; */
    width: 40px;
    height: 40px;
    border: 1px solid #009e01;
    text-align: center;
    line-height: 40px;
    border-radius: 100%;
    color: #009e01;
    transition: 1.25s;
}
.social i:hover{
	background-color: #009e01;
	color: white;
	transform: scale(1.15);
}
header ul li, .footerMenu ul li{
  padding: 0px 12px;
}

header ul li a, .footerMenu ul li a{
  	font-size: 16px;
	font-weight: 500;
	padding: 0px !important;
	color: #000 !important;
	opacity: 1 !important;
}
.text-center{
	text-align: center;
}
.font-bold{
	font-weight: bold;
}
.font-semi-bold{
	font-weight: 600;
}

.font-regular{
	font-weight: 400 !important;
}
.font-light{
	font-weight: 300 !important;
}
.font500{
	font-weight: 500;
}
.color-c1c1c1{
	color: #c1c1c1;
}
.color008e02{
	color: #008e02;
}
.banner.home{
	position: relative;
}
.banner.home h1, .breadcrumb, .breadcrumb a, .contact-about-bg h2{
	font-family: "KGSatisfiedScript", Sans-serif !important;
	color: #008e02;
}
.banner.home p{
    font-size:15px;
}
section.banner.home h1 {
    margin-bottom: 2%;
    font-size: 5.625rem;
    line-height: 6.25rem;
    padding-top: 3.5rem;
}
.banner.home .lefttop{
	position: absolute;
    top: 0%;
    left: 0px;
    width: 13%;
}
.banner.home .righttop{
	position: absolute;
	top: 0%;
	right: 0;
	z-index: -1;
	max-width: 10%;
}
.banner.home .leftbottom{
	position: absolute;
    bottom: 35px;
    left: -11px;
    max-width: 15%;
    z-index: -1;
}
.banner.home .rightbottom{
	position: absolute;
	right: 0;
	bottom: 80px;
	max-width: 40%;
	z-index: -1;
}
.banner.home .bannerBoxes{
	margin: 65px 0px 100px 0px;
	gap: 15px;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;

}
.banner.home .block{
	text-align: center;
	position: relative;
	padding: 0px 5px;
}
.banner.home .block .image{
	position: relative;
}
.banner.home .block:nth-child(odd) .image:after{
	content: '';
    background-image: url(../images/banner/arrow1.png);
    position: absolute;
    top: -15px;
    z-index: 2;
    width: 89px;
    height: 25px;
    background-repeat: no-repeat;
    left: 80%;
}
.banner.home .block:nth-child(even) .image:after{
	content: '';
    background-image: url(../images/banner/arrow2.png);
    position: absolute;
    z-index: 2;
    bottom: -15px;
    width: 89px;
    height:25px;
    background-repeat: no-repeat;
    left: 80%;
}
.banner.home .block:last-child .image:after{
	content: none;
}
.banner.home .block img{
	width: 150px;
    height: 150px;
    object-fit: contain;
}

.banner.home .block h4{
	margin:50px 0px 20px;
}

.ecovellyTrend{
	 background: linear-gradient(to bottom, #d7ecd7 10%, #fff 80%);
	 padding:0px 0px 70px 0px;
}
.ecovellyTrend .leaf, .ecovellyTrend h2{
	margin-bottom: 28px;
}
.ecovellyTrend .values{
	padding: 45px 0px;
}
.ecovellyTrend .values{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	gap: 15px;
}
.ecovellyTrend .values .box{
	padding: 0px 10px;
	text-align: center;
}
.ecovellyTrend .values .box img{
	margin-bottom: 35px;
	width: 192px;
	height: 172px;
	object-fit: contain;
	max-width: 192px;
}
.ecovellyTrend .products .card{
	padding: 12px 10px 12px 10px;
	border-radius: 30px;
	border:1px solid #e2e2e2;
	transition: 1s;
}

.ecovellyTrend .products .card.small{
    /* min-height: 480px; */
	min-height: 400px;
  }
.ecovellyTrend .products .card img{
	border-radius: 20px;
	width: 100%;
}
.ecovellyTrend .products .card a{
	color: unset;
	text-decoration: none;
}
.ecovellyTrend .products .card:hover{
	transform: scale(0.95);
}
.ecovellyTrend .products .card .content{
	padding: 0px 20px;
}
.ecovellyTrend .products .card.small .content{
	padding: 0px 15px;
}
.ecovellyTrend .products h4{
	font-weight: 600;
	margin: 20px 0px 10px 0px;

}
.ecovellyTrend .products .card h4{
	font-size: 18px;
	line-height: 22px;
}

.ecovellyTrend .products .card h5, .ecovellyTrend .products .card h6{
	font-size: 16px;
}
.ecovellyTrend .products .card{
	margin-bottom: 20px;
}
.pr-0, .pl-0{
	padding-right: 0px;
}
.pr-20{
	padding-right: 20px;
}
.pl-20{
	padding-left: 20px;
}

.contact-about-bg{
	background-size: cover !important;
}

.ourClients h2, .homeAbout h3, h3{
	margin-bottom: 28px;
}
.ourClients .clients{
	margin: 1.5% 0px;
	width: 100%;
}
.bglightGreen{
	background-color: #e3f3e3;
}
.homeAbout{
	padding: 8% 0px 7% 0px;
}
.homeAbout .customImage{
	width: 100%;
	padding-left: 8%;
}
.subtitle{
	font-size: 20px;
	line-height: 20px;
	margin-bottom: 20px;
	color: #008e02;
}
.faq{
	padding-bottom: 7%;
}
.faq p{
	margin-bottom: 0px;
}
.faq h2{
	line-height: 0px;
}

.accordion-button::after {
      background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M8 0a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2H9v6a1 1 0 1 1-2 0V9H1a1 1 0 0 1 0-2h6V1a1 1 0 0 1 1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
      transform: scale(.7) !important;
    }
    .accordion-button:not(.collapsed)::after {
      background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M0 8a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
    }
.faqList{
	padding-top: 1.75%;
}
.faq .accordion-item{
		border: none;
		background-color: transparent;


}
.faq .accordion-collapse.collapse.show, .faq .accordion-collapse.collapsed.show{
	background-color: #d7ecd7;
		border-radius: 20px;
}
.faq .accordion-collapse.collapse.show .card-body{
	padding: 0px !important;
}
.faq .accordion-collapse.collapse.show .card-body .customDiv,
.faq .accordion-collapse.collapsed.show .card-body .customDiv{
	padding: 35px;
	background-color: #d7ecd7;
		border-radius: 20px;
}
.faq .accordion-collapse.collapsed.show .card-body{
	padding: 0px;
}
.faq .accordion-button{
	background-color: transparent !important;
	padding: 35px 0;
	color: #000;
	font-size: 24px;
	line-height: 30px;
	border: none;
	box-shadow: none;
	font-weight: 400;
}
.faq .accordion-button.collapsed{
	border-bottom: 1px solid #d6d6d6;
}
.faq .accordion-button:focus{
	outline: none;
	box-shadow: none;
}

/* Products */
.Banner{
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	padding: 85px 0px 65px 0px;
	position: relative;
	margin-bottom: 65px;
}
.Banner .container{
	z-index: 1;
	position: relative;
}
.Banner:after{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.5);

}
.Banner h1{
	font-weight: bold;
	color: white;
	margin-bottom: 10px;
}
.breadcrumb{
	color: #008e02;
    font-size: 22px;
    text-decoration: none;
    justify-content: center;
}
.breadcrumb a{
	color: #008e02;
	padding-right: 5px;

}
.shopsidebar .widget{
	padding: 30px 17px 20px;
    padding-top: 20px;
    margin-bottom: 30px;
    border-radius: 4px;
    font-size: 14px;
    background-color: #e3f3e3;
}
.shopsidebar .widget .title{
	background-color: #009e01;
    position: relative;
    color: white;
    padding: 8px 10px;
    border-radius: 5px;
    margin-bottom: 1em;
}

.shopsidebar .widget ul{
	margin-left: 0;
    list-style: none;
    padding-left: 0px;
}
.shopsidebar .widget ul li{
	list-style: none;
    margin-bottom: 0.5em;
    line-height: 1.41575em;
    padding: 6px 10px;
}
.shopsidebar .widget ul li.active, .shopsidebar .widget ul li:hover{
	background-color: #cce7cc;

}
.shopsidebar .widget ul li:marker{
	color: #e6e6e6;
}
.shopsidebar .widget ul li a{
	color: #666666;
	text-decoration: none;
	position: relative;

}
.shopsidebar .widget ul li .count{
	font-size: 1em;
	padding-left: 5px;
}
.shop-bg-pro-img{
	padding: 150px 0px !important;
}

.shop-bg-pro-img p{
	text-align: justify;
}
a:hover{
	cursor: pointer;
}

  .productList .product{
  	    text-align: center;
    background-color: #f7f7f7;
    padding: 30px;
    margin-bottom: 25px;
  }
  .productList .product .img, .productList .product .img img{
  	width: 100%;
  	height: 150px;
  	object-fit: contain;
  }
 .productList .product img{
 	width: 100%;

 }
 .productList .product h6{
 	margin: 15px 0px;
 	font-size: 16px;
 	min-height: 48px;
 }
   .productList .product button, .loadMore{
   	padding: 6px 14px;
   	background-color: #009e01;
	border: 1px solid #009e01;
   	color: white;
   	font-size: 14px;
   	border-radius: 30px;
   }
.loadMore{
	padding: 13px 45px;
}
.productList .product button:hover, .loadMore:hover {
   background-color: transparent;
   color: #009e01;
}
.innerBanner{
	padding: 35px 0px;
	margin-bottom: 70px;
}
/* End */

/* Cat Product */
.catProduct{
	padding-bottom: 7%;
}
.catProduct .product-grid-item{
	padding: 2rem;
    background: #fafaf4;
    transform: translateZ(0);
    transition: all .2s ease-in;
    border-radius: 0.3rem;
    overflow: hidden;
    height: calc(100% - 2rem);
    margin-bottom: 2rem;
    text-align: center;
}
.catProduct .product-grid-item:hover {
    transform: translateY(-4%);
}
.catProduct .product-grid-item:hover:after{
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: #008e02;
	opacity: 0.5;
}
.catProduct .product-grid-item:hover .eye{
	visibility: visible;
	opacity: 1;
}
.catProduct .product-grid-item .product-grid-item-link {
    color: inherit;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-decoration: none;
}
.catProduct .product-grid-item .product-grid-item-image{
		max-width: 500px;
    max-height: 500px;
    object-fit: contain;
    margin-bottom: 3rem;
}
.catProduct .product-grid-item .product-grid-item-image img{
	/* width: 100%;
	height: 100%; */
	width: 150px;
    height: 150px;
    object-fit: contain;
}
.catProduct a{
	text-decoration: none;
}
.catProduct .product-grid-item h6{
	color: #000;
}
.catProduct .productGrid{
	display: grid;
	gap: 25px;
}
.catProduct .productGrid.three-column{
	grid-template-columns: 1fr 1fr 1fr;
}
.catProduct .productGrid.four-column{
	grid-template-columns: 1fr 1fr 1fr 1fr;
}
/* End */

/* Cart */
.cart{
	padding: 15px 0px 50px 0px;
}
.cart .list{
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-top: 1px solid #cccccc;
	padding: 50px 0px;
}
.cart .list .info{
	max-width: 100%;
    width: 60%;
}
.cart .list .info h4{
	line-height: 32px;
}
.cart .list:first-child{
	border-top: none;
	padding-top: 0px;
}
.cart .list::last-child{
	border-bottom: 1px solid #cccccc !important;
}
.cart .qtnButton{
	display: flex;
    border: 1px solid #000;
    border-radius: 35px;
    padding: 7px 15px;
    width: fit-content;
    align-items: center;
    gap: 20px;
}
.cart .list .img img{
	width: 211px;
	height: 211px;
	border-radius: 100%;
	object-fit: contain;
}
.cart .qtnButton button{
	border: none;
    color: #000;
    font-size: 30px;
    line-height: 30px;
    padding: 0 10px;
}
.cart .qtnButton button:hover{
	background-color: transparent;
}
.cart .qtnButton input{
	width: 70px;
	text-align: center;
	border: none;
	color: #000;

}
.cart .qtnButton input:focus-visible{
	border:none;
	box-shadow: none;
	outline: none;
}

.cart .customBrandingButton.noPrinting{
	    background-color: transparent !important;
    border: 1px solid #000 !important;
    color: #000 !important;
    text-transform: capitalize;
    min-width: 265px;
}
.cart .customBrandingButton.noPrinting:hover{
	background-color: #000 !important;
	color: white !important;
}
.cart .deleteButton{
	display: inline-block;
    width: 44px;
    height: 45px;
    background-color: #c02f20;
    border-radius: 100%;
    text-align: center;
    line-height: 42px;
    cursor: pointer;
}
.cart .deleteButton:hover{
	background-color: #008e02;
}
.cart .deleteButton img{
	max-width: 22px;
}
.cart .bottomButton{
	padding-top: 50px;
	display: flex;
	align-content: center;
	justify-content: center;
	gap: 30px;
	border-top: 1px solid #cccccc;
}
.cart .uploadLogo{
	background-color: #f6f6f6;
	border: 2px dashed #ababab;
	/* padding: 45px 0px; */
    padding: 0;
	margin-bottom: 55px;
	text-align: center;
	position: relative;
}
.cart .uploadLogo .custom-file-input{
	margin: 0px auto 0px auto;
    width: 100%;
    visibility: hidden;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    padding-top:55px ;
}
.cart .uploadLogo .custom-file-input::-webkit-file-upload-button {
  visibility: hidden;
}
.cart .uploadLogo .custom-file-input:before{
	content: '';
	background-image: url('../images/upload.png');
	position: absolute;
    width: 53px;
    height: 53px;
    top: 45px;
    left: 50%;
    transform: translateX(-50%);
    visibility: visible;
}
.cart .uploadLogo .custom-file-input:after{
	content: 'Upload Your Logo for Custom Branding';
	display: block;
    font-size: 26px;
    color: #acacac;
    visibility: visible;
    text-align: center;

}
/* End */

/* Checkout */
.cart, .checkout{
	padding: 70px 0px;
}
.checkout{
	padding-bottom: 0px;
}
.checkout .card{
	background-color: #f8f8f8;
	padding: 20px;
	border:none;
	border-radius: 5px;
	/* margin-bottom: 30px; */
}

.checkout .submit{
	padding-top: 20px;
}

.checkout form .card
{
	padding-bottom: 15px;
}
.checkout .form-control{
	 margin-bottom: 30px;
	font-size: 14px;
	padding: 12px 15px;
}
.checkout .sidebar .d-flex{
	align-items: center;
    justify-content: space-between;
    gap: 40px;
}
.checkout .sidebar .content{
	padding: 20px 0px;
	border-bottom: 1px solid #ccc;
}
.checkout .sidebar .d-flex:second-child.content{
	border-top: 1px solid #ccc;
}
.checkout .sidebar .price{
	color: #000;
}
.checkout .Bigprice{
	color: #009e01;
}
.checkout .sidebar .content b{
	font-weight: 600;
}
.sidebar .checkout-summary {
    height: 635px;
    overflow: hidden;
    overflow-y: scroll;
}
/* End */

/* Thankyou Page */
.thankyou{
	padding: 100px 0px 30px 0px;
	text-align: center;
}
.thankyou p{
	padding: 0px 22%;
}
.marginAuto{
	margin:auto;
}
/* End */
/* Footer */

footer .footerTop{
	padding: 70px 0px 50px 0px;
	position: relative;
}
footer .footerTop .leftBottom{
	    position: absolute;
    bottom: -30px;
    max-width: 80%;
    width: 52%;
    left: 0;
    z-index: -1;
}
.footerMenu ul{
	list-style: none;
    display: flex;
    justify-content: center;
    gap: 30px;
    margin: 40px 0px;
}
.footerMenu ul li{
	display: inline-block;
}
.footerMenu ul li a{
    font-size: 18px;
    text-decoration: none;
}
footer form{
	margin: 35px auto;
    max-width: 50%;
    gap: 10px;
}
footer form input, footer form button{
	padding: 13px 20px !important;
    border-radius: 45px !important;

}
footer form input{
	 background-color: #f6f6f6 !important;
}

footer button, .GreenButton{
	display: block !important;
    width: 230px !important;
    border-radius: 45px !important;
    background-color: #009e01 !important;
    color: white !important;
    text-transform: uppercase;
}
.GreenButton{
	padding: 15px 50px !important;
    text-decoration: none;
    text-align: center;
    border: 1px solid #009e01;
    width: fit-content !important;
}
.customBrandingButton{
	padding: 1.2% 3% !important;
}
footer button:hover, .GreenButton:hover{
	background-color: transparent !important;
	color: #009e01 !important;
	border:1px solid #009e01 !important;
}
.subscibe .form-control:placeholder{
	color: #000;
}
footer .footerBottom{
	background-color: #009e01;
	padding: 18px 0px;
	color: white;
}
footer .footerBottom p, footer .footerBottom a{
	font-size: 18px;
	color: white;
	text-decoration: none;
}
footer .footerBottom .Links{
	text-align: right;
}

#measurementGuideModel{
	text-align: center;
	top:0px;
	border: none;


}
#measurementGuideModel .modal-dialog{
	max-width: 60%;
	margin:auto;
	top: 75px;
	box-shadow: 8px 0px 20px #00000029;
	border-radius: 20px;
}
#measurementGuideModel .closeButton{
	position: absolute;
    right: -16px;
    top: -16px;
    width: 40px;
    height: 40px;
    background-color: white;
    border-radius: 100%;
    font-size: 30px;
    color: #000;
    border:none;
    line-height: 19px;
    z-index: 9999999;
  	box-shadow: rgba(99, 99, 99, 0.4) 0px 2px 8px 0px;
}
#measurementGuideModel .modal-content{
	border: none;
}
#measurementGuideModel .mainSection{
	margin-top: 30px;
}
#measurementGuideModel  img{
	margin-bottom: 15px;
	max-width: 75px;
}
#measurementGuideModel .mainSection .block{
	background-color: #d6ecd7;
	padding: 20px;
	border-radius: 20px;
	margin-bottom: 25px;
}
.productTable table{
	width: 100%;
	padding: 0px 15px;
}
.productTable table tr{
	margin-bottom: 20px;
	display: flex;
	justify-content: space-between;
	gap: 20px;
}
.productTable table th{
	padding: 15px;
    background-color: #009e01 !important;
    color: #ffffff;
    font-size: 23px;
    font-weight: 500;
    letter-spacing: 0.3px;
    line-height: 1;
    border-radius: 7px;
    width: 33.3333%;
}
.productTable table td{
	padding: 12px;
    border-radius: 7px;
    color: #414040;
    font-size: 16px;
    font-weight: 400;
    width: 33.3333%;
}
.productTable table tr:nth-child(odd) td {
  background-color: #cce7cc;
}
.productVerticleSet .medium .card, .productVerticleSet .medium .card img{
	height: 98%;
    min-height: unset !important;
}
.productVerticleSet .medium .card, .productVerticleSet .medium .card img{
	min-height: 728px !important;
	object-fit: cover;
}
.productVerticleSet .small .card{
	height: 48%;
	min-height: unset !important;
}
.ecovellyTrend .values .box h5{
	font-size: 18px !important;
	line-height: 22px !important;
}
.myAccount .content{
	padding-right: 0px !important;
	padding-left: 2.5rem !important;
}
.myAccount .card-body{
	padding: 12px;
}
.myAccount .page-link{
	padding: 0.375rem 1rem !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button{
	padding: 0px !important;

}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{
	background: transparent !important;
	border:none !important;
}
.myAccount .page-item.active .page-link, .myAccount .page-item:hover .page-link{
	background-color:#009e01 !important;
	border-color: #009e01 !important;
	color: white !important;
}
.ct-left-col-md-5{margin: 0 0 0 auto !important;}
.ct-right-col-md-5{margin: 0 auto 0 0 !important;}

.slick-slider .slick-prev,
.slick-slider .slick-next {
  z-index: 100;
  font-size: 2.5em;
  height: 40px;
  width: 40px;
  margin-top: -20px;
  color: #b7b7b7;
  position: absolute;
  top: 50%;
  text-align: center;
  color: #000;
  opacity: 0.3;
  transition: opacity 0.25s;
  cursor: pointer;
}
/* .product-images .main-img-slider.slick-slider .slick-prev,
.product-images .main-img-slider.slick-slider .slick-next
{
	height: 100%;
	background-color: grey;
	opacity: 0.2;
	top: 20px !important;
} */
/* .product-images .main-img-slider.slick-slider .slick-arrow i{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, 50%);
	color: white;
} */
/* .product-images .main-img-slider.slick-slider .slick-arrow i{
	color: white;
} */
.slick-slider .slick-prev:hover,
.slick-slider .slick-next:hover {
  opacity: 0.65;
}
.slick-slider .slick-prev {
  left: 0;
}
.slick-slider .slick-next {
  right: 0;
}

.product-images .main-img-slider.slick-slider .slick-prev {
	left: -50px !important;
}
  .product-images .main-img-slider.slick-slider .slick-next {
	right: -50px !important;
  }

#detail .product-images {
  width: 100%;
  margin: 0 auto;
  /* border: 1px solid #eee; */
}
#detail .product-images li,
#detail .product-images figure,
#detail .product-images a,
#detail .product-images img {
  display: block;
  outline: none;
  border: none;
}
#detail .product-images .main-img-slider figure {
  margin: 0 auto;
  padding: 0 2em;
}
#detail .product-images .main-img-slider figure a {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}
#detail .product-images .main-img-slider figure a img {
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
}
#detail .product-images .thumb-nav {
  margin: 0 auto;
  padding: 20px 10px;
  max-width: 600px;
}
#detail .product-images .thumb-nav.slick-slider .slick-prev,
#detail .product-images .thumb-nav.slick-slider .slick-next {
  font-size: 1.2em;
  height: 20px;
  width: 26px;
  margin-top: -10px;
}
#detail .product-images .thumb-nav.slick-slider .slick-prev {
  margin-left: -30px;
}
#detail .product-images .thumb-nav.slick-slider .slick-next {
  margin-right: -30px;
}
#detail .product-images .thumb-nav li {
  display: block;
  margin: 0 auto;
  cursor: pointer;
}
#detail .product-images .thumb-nav li img {
  display: block;
  width: 100%;
  max-width: 75px;
  margin: 0 auto;
  border: 2px solid transparent;
  -webkit-transition: border-color 0.25s;
  -ms-transition: border-color 0.25s;
  -moz-transition: border-color 0.25s;
  transition: border-color 0.25s;
}
#detail .product-images .thumb-nav li:hover,
#detail .product-images .thumb-nav li:focus {
  border-color: #999;
}
#detail .product-images .thumb-nav li.slick-current img {
  border-color: #d12f81;
}