*,*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*{ margin:0; padding:0;}
html,body{margin:0;	padding:0;height:auto!important;min-height:100%;    font-family: 'heeboregular';}
body{ line-height:24px; font-size:17px; background:#FFF;}
body p{margin-bottom:20px; color:#333; line-height:28px; font-size:15px;}
a {text-decoration:none;}
ol, ul {padding-left:0;}
.gradient-background {background: #243eff;background: -webkit-linear-gradient(to right, #3de6fa, #243eff);background: -webkit-linear-gradient(left, #3de6fa, #243eff);
background: linear-gradient(to right, #3de6fa, #243eff);}
.gradient-background2 {background: #01B1BF;background: -webkit-linear-gradient(to right, #01B1BF, #018994);background: -webkit-linear-gradient(left, #01B1BF, #018994);
background: linear-gradient(to right, #01B1BF, #018994);}

.topbg{width:100%; float:left; background:#F7F7FF; }
.toplink{width:100%; float:left;  color:#FFF; font-size:14px; padding-top:5px; padding-bottom:5px; position:relative; z-index:3; }
.toplink ul{margin:0; list-style:none; display: flex;   align-content: center; justify-content: end;  flex-wrap: wrap;}
.toplink ul li{ float:left; padding-left:40px; line-height:30px; display:flex; align-items: center;}
.toplink ul li i{color:#01B1BF; font-size:16px; margin-right:8px; transition:all .3s ease;}
.toplink ul li a{ color:#01B1BF; display:flex; align-items: center; transition:all .3s ease;}
.toplink ul li a:hover{color:#FFF; text-decoration:none;}
.toplink ul li:hover i{color:#FFF;}
.toplink p{color:#FFF; padding-bottom:0px; margin-bottom:0px;}
.toplink p span{color:#E1193E; }
.toplink a {display:inline-block;padding:5px; padding-left:7px; padding-right:7px; font-size:14px; color:#FFF; background:#FFF; color:#fe7170; border-radius:4px;transition: all 0.5s ease 0s; margin-left:10px;}
.toplink a:hover{background:#fe7170; color:#FFF;}
.toplink  .socialmediatop{ width:100%; float:left; text-align:right;}
.toplink h4{font-size:15px;}


.header{ width:100%; float:left; -webkit-transition: all .3s ease; -moz-transition: all .3s ease;-o-transition:all .3s ease; transition:all .3s ease; position:relative;  z-index:10}
.sticky-header {position: fixed; width: 100%; float:left; top:0;z-index:100;  
transition:all .3s ease; background:#FFF; box-shadow: 0px 2px 10px -1px rgba(87, 97, 100, 0.35); background: #1c1353;}
.header-wrapper{display:flex; align-items: center;}
.logo{float:left;   display: flex; flex: 1; }
.logo img{ max-width:100%; height:auto;}

.top-cart{display: flex; align-items: center;  justify-content: end;}
.top-cart a{position:relative;  font-family: 'nunito_sansbold';}
.top-cart a span{ position:absolute; top:-12px; left:25px; background:#a0d315; border-radius:100%; font-size:10px; color:#FFF;width:20px; height:20px; text-align:center;
line-height:20px;}
.top-cart a i{color:#01B1BF; padding:10px 15px; transition: all 0.5s ease 0s;}
.top-cart a:hover i {color:#018994;}
.top-cart a span.bgred{background:#E1473F;} 
.search-panel{ position:fixed;  display:none; top:85px; width:100%; float:left; background-color: rgba(255, 56, 92, 1); z-index:10; padding: 50px 0px;  }
.search-panel h3{font-family:'nunito_sansbold'; font-size:20px; text-transform:uppercase; color:#FFF; margin:0; text-align:center; }
.search-panel p{ text-align:center; margin-bottom:20px;}
.search-row{display:flex; justify-content:center; flex-wrap:wrap; gap: 15px;}
.search-row .inputsearch{flex:1;}
.search-panel input[type="text"],
.search-panel select{padding:8px; background:#FFF; border:1px solid #D4D4D4; font-size:14px; width:100%; height:45px; border-radius:4px;}
.search-panel select option:selected{ color:#777777;}
.search-panel input[type="button"],.search-panel button{height:45px; padding:0px 20px;background:#000; border:none; color:#FFF; border-radius:4px; transition: all 0.5s ease 0s;}
.search-panel input[type="button"]:hover,.search-panel button:hover{background:#333;}
.togglemenu{position:relative;float:none;padding:1px 7px 5px 7px;background-color:transparent; border-radius:4px;margin:0;background:#242424;cursor:pointer;
margin:auto; float:right; display:none;}
/*.menu{ width:100%; float:left; padding-bottom:20px; padding-top:20px;}*/
 


.banner{ width:100%; float:left; position:relative; background:url(../images/bg01.jpg) center center no-repeat; background-size:cover; margin-top: -150px;}
.banner::after{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background-color: rgba(0, 0, 0, 0.19);}
.banner .carousel {position: relative; z-index: 1;}

.banner .strip{position:absolute; bottom:-30px; left:0; max-width:100%; }
.banner .carousel-indicators [data-bs-target]{background-color:#E1193E;}
.banner h2{font-size:60px; color:#FFF;  margin-bottom:5px;  font-family: 'heeboblack';}
.banner h2 span{color:#fe7170;}
.banner h3 {margin-bottom:10px; padding:5px 5px; color:#FFF; font-size:22px; font-family: 'heebomedium'; }
.banner p{margin-bottom:30px; padding:5px 5px; color:#FFF; font-size:18px; width:50%; line-height:30px; }
.slide1,.slide2,.slide3,.slide4,.slide5,.slide6{width:100%; height:850px; float:left; padding:50px; padding-top:30px; padding-bottom:30px; display:flex;}
.slide1{/*background:url(../images/banner/slide1bg.jpg) center center no-repeat; background-size:cover;*/}
.slide2{/*background:url(../images/banner/slide2bg.jpg) center center no-repeat; background-size:cover;*/} 
.bannertext{display:flex; align-items: center; height:100%;}
.bannertext a{ background:#fe7170; font-size:15px; color:#FFF; padding:12px 30px; display:inline-block; transition:all 0.5s ease 0s; text-transform:uppercase; margin-left:5px; margin-right:5px; border-radius:5px;  }
.bannertext a:hover{ text-decoration:none; color:#FFF; background:#43ba7f; }
.bannertext1{width:100%; float:right; padding-top:80px; text-align:right;}
.bannertext2{width:100%;}
.content{position:relative; z-index:10}
.content h3{font-size:30px; color:#5b5a5a; font-family: 'heebomedium';}
.content h2{font-size:40px; color:#131416; font-family: 'heebobold'; line-height:50px;}
.schedule-section{display:flex; width:100%; margin-top: -70px; float: left; position: relative; z-index: 10;}
.schedule-row{display:flex; flex-wrap:wrap}
.schedule-box{ flex:0 0 25%; padding:15px;}
.schedule-box i{color:#A5E5EA; font-size:28px;}
.schedule-box h3{color:#FFF;font-size:22px; margin-top:20px; margin-bottom:20px;}
.schedule-box h4{color:#FFF;font-size:26px; margin-top:20px; margin-bottom:20px;  font-family: 'heebomedium';}
.schedule-box h6{ border-bottom:1px solid #FFF; color:#FFF; padding-bottom:5px; margin-bottom:25px; display:flex; gap:15px;}
.schedule-box h6 span{}
.schedule-box h6 span:first-child{flex:0 0 50%}
.schedule-box h6 span:last-child{text-align:right; flex: 1;}
.schedule-box p{color:#FFF;}
.sb-bg01{background:#01B1BF;}
.sb-bg02{background:#01A5B1;}
.sb-bg03{background:#0197A3;}
.sb-bg04{background:#018994;}

.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.line-dashed{border-bottom:1px dashed #CCCCCC; margin-top:15px; margin-bottom:15px;}
.line{ width:100%;   border-bottom:1px solid  #CCCCCC; margin-top:15px; margin-bottom:15px;}
.valign{align-items: center;}
.textcenter{ text-align:center;}
.textright{ text-align:right;}
.cust-row{ display:flex; flex-wrap:wrap;}
.col50{ flex:0 0 50%;}
.gap15{gap:15px;}
.gap20{gap:20px;}
.gap25{gap:25px;}
.gap30{gap:30px;}
.title1{font-family:'nunito_sansbold'; font-size:18px; color:#343535; margin:0;}
.title2{}
.title3{}
.title4{}
.title5{}

.link-button{ padding:8px 25px; display:inline-block; margin-bottom:10px; }
.link-button-blue{transition:all 0.5s ease 0s;  border-radius: 80px; background:#A53E4C; color:#FFF; position:relative; padding-right: 35px;}
.link-button-blue:hover{ text-decoration:none; background:#111111; color:#FFF;}
.link-button-blue i{position:absolute; right:12px; top:13px}
.link-button-lightblue{background:#243eff; color:#FFF; transition:all 0.5s ease 0s;}
.link-button-lightblue:hover{ text-decoration:none;  color:#FFF; background:#3de6fa;}
.link-button-white{ color:#FFF; transition:all 0.5s ease 0s; border: 2px solid #FFF; border-radius: 80px;}
.link-button-white:hover{ text-decoration:none;  color:#01A5B1; background:#FFF;}

.WCU-section{ padding-bottom:50px; padding-top:50px;  width:100%; display:flex; position:relative; overflow:hidden; background:url(../images/pattern.png);}
.WCU-section h2{font-size:38px; text-align: center; color:#000; font-family: 'heebobold'; line-height:63px; margin-bottom:30px;}
.WCU-section h3{font-size:24px; text-align: center; color:#fe7170; margin:0;}  
.WCU-section h4{font-size:24px; text-align: center; color:#000; text-transform:uppercase;} 
.WCU-section p{color:#000; text-align:justify;}
.WCU-section a{display:inline-block; padding:12px 25px; border:1px solid #FA4216; color:#FFF; text-transform:uppercase; margin-right:15px; transition: all 0.5s ease 0s;}
.WCU-section a:hover{ background:#FA4216;}
.WCU-section img{max-width:100%; height:auto; margin-bottom:20px;}

.WCU-row{ display:flex; flex-wrap: wrap;}
.WCU-col{ border: 1px solid #E7E7E7; border-radius:4px; background:#FFF; flex:0 0 calc(25% - 25px); padding:15px;}
.WCU-col h3{font-size:18px; text-align: center; font-family: 'shadows_into_light_tworegular';}
.WCU-col h4{font-size:18px; text-align: center;  font-family: 'shadows_into_light_tworegular';}
.WCU-col img{max-width:100%; height:auto; margin-bottom:20px; }
.WCU-col:hover  img{animation:move 2s infinite alternate}
.WCUimg{flex:0 0 100%; text-align: center; }
.WCUdetail{flex:0 0 100%;}
.WCU-section .pt-img01{ position:absolute;right:0; top:0;   animation:up-down 2s infinite alternate}
.WCU-section .pt-img02{ position:absolute;left:10%; top:100px; animation:move 3s infinite alternate} 
.DPP-section{background:#333 url(../images/bg01.jpg) no-repeat; background-size:cover; padding-bottom:50px; padding-top:50px;  width:100%; display:flex;  }
.DPP-row{ display:flex; flex-wrap: wrap;}
.DPP-col{  background:#FFF; flex:0 0 calc(33.33% - 30px); position:relative; padding:12px;}
.DPP-col h3{font-size:18px;}
.DPP-col img{max-width:100%; height:auto; margin-bottom:20px; }
.featured, .sale, .rent{ position:absolute; padding:5px 15px; border-radius:4px; font-size:12px; color:#FFF; z-index:100;}
.featured{ background-color: rgba(255, 56, 92, 0.9); top:10px; left:10px;}
.sale,.rent{ background-color: rgba(0, 0, 0, 0.6); top:10px; right:10px;}

 
.home-contact{ background:url(../images/pattern.png); width:100%; float:left; padding-top:150px; padding-bottom:50px;}
.home-contact h2 {font-size: 38px; color:#212741; font-family: 'proximanova-bold'; margin-bottom: 15px;}
.home-contact input[type="text"]{ font-size:14px; width:100%; padding:12px;  border-radius:5px; border:1px solid #C1C1C1; margin-bottom:20px; outline:0px;transition:all 0.5s ease 0s;} 
.home-contact input[type="text"]:hover,.home-contact input[type="text"]:focus{ border-color:#43ba7f}
.home-contact input[type="button"],.home-contact input[type="submit"]{background: #fe7170; padding:10px 15px; border-radius:5px; color:#FFF;  outline:0px; border:0px;transition:all 0.5s ease 0s;}
.home-contact input[type="button"]:hover,.home-contact input[type="submit"]:hover{background: #43ba7f;}
.home-contact-address{ background:#fe7170; padding:15px;}
.home-contact .left-image {
  margin:
-110px 45px -80px 0px;
}
.home-contact .left-image img {
  width: 100%;
  overflow:
hidden;
}


.topsection{ background:#E8E8E8; width:100%; float:left; padding-top:20px;}
.topsection h3{font-family:'nunito_sansbold'; font-size:18px; text-transform:uppercase; color:#04293A; margin:0;}
.topsection p{margin:0; font-size:14px;}
.topsection img{ max-width:100%; height:auto; margin-bottom:25px;}
.topsection-box{display:flex;}
.topsection-box span{}
.topsection-box span+span{padding-left:15px;} 
.homeproduct-panel{width:100%; float:left;  padding-top:30px; padding-bottom:50px;}
.homeproduct-title{width:100%; float:left; text-align:center; padding-bottom:50px; padding-top:50px;}
.homeproduct-title h2{ font-family: 'heebobold'; font-size:36px; color:#131416; text-transform:uppercase; margin:0; margin-bottom:0px;}
.homeproduct-title h2 span{  color:#414141;}
.homeproduct-title h5{color:#a0d315; font-size:17px;}
.homeproduct-panel .star{font-size:12px; color:#CCCCCC;}
.homeproduct-panel .star .fa{margin-left:3px; margin-right:3px;}
.homeproduct-panel .star .fa.ycolor{color:#FFD322;}
.homeproduct-panel-img{width:100%; float:left; position:relative; overflow:hidden;}
.homeproduct-panel img{max-width:100%; height:auto;}
.homeproduct-panel-icon{ width:35px; position:absolute;  right:-200px; top:40%;  z-index:2; transition:all 0.5s ease 0s;}
.homeproduct-panel-img:hover .homeproduct-panel-icon{right:20px;}
.homeproduct-panel-icon .fa{background:#000;width:35px;height:35px;margin-bottom:6px; text-align:center; color:#FFF; line-height:35px; border-radius:100%; transition:all 0.5s ease 0s;}
.homeproduct-panel-icon .fa:hover{background:#17679F;}
.hproduct-detail{width:100%; float:left; padding:15px; position:relative; background: #F9F9F9; transition:all 0.5s ease 0s;}
.Product-panel:hover .hproduct-detail{transform: translateY(-55px);}
.hproduct-detail h3{font-size:18px;}
.hproduct-detail h4{font-family:'nunito_sansbold'; font-size:18px;}
.hproduct-detail h4 span{color:#999999; font-family:'nunito_sansregular'; text-decoration:line-through; margin-left:15px; font-size:14px;}
.hproduct-detail a{color:#FFF; display:inline-block; font-size:15px; margin:0; background:#a0d315; visibility:hidden; opacity:0; border-radius:4px; 
position:absolute; bottom:-35px; left: 50%; transform: translate(-50%,0); padding: 0 17px; line-height: 36px;  transition: all 0.5s ease 0s; display: block ruby;} 
.hproduct-detail a:hover{ background:#131416; color:#FFF; text-decoration:none;}
.Product-panel:hover .hproduct-detail a{opacity: 1; visibility:visible;}
.hproduct-detail a .fa{top:0; left:0; text-align:center; line-height:35px; color:#FFF; transition:all 0.5s ease 0s;}
.hproduct-panel-butt{width:100%; float:left;}
.hp-nav{ width:100%; display:flex; color:#D8D8D8;  margin-bottom:25px;justify-content: center;}
.hp-nav span{ position:relative;}
.hp-nav span:before{ content:"|"; position:absolute; left:0px; top:8px;}
.hp-nav span a{color:#333333; padding:10px 20px; display:inline-block; font-family:'nunito_sansbold'; border:none; text-transform:uppercase;}
.hp-nav span a:hover{ text-decoration:none;}
.hp-nav span.active a{color:#E00523; border-bottom:1px solid #B5B5B5;}
a.filter-button.active{color:#E00523; border-bottom:1px solid #B5B5B5;}
.hp-nav span:first-child a{padding-left:0px;}
.hp-nav span:first-child:before{content:"";}
.hp-nav span a:active{text-decoration:none;}
.hp-nav span a:visited{text-decoration:none;}
.hp-nav span a:link{text-decoration:none; border:0;}
.hp-nav2{ width:100%; display:flex; color:#D8D8D8;justify-content: flex-end;}
.hp-nav2 span{ position:relative;}
.hp-nav2 span:before{content:"|"; position:absolute; left:0px; top:4px;}
.hp-nav2 span a{color:#333333; font-size:14px; padding:6px 15px; display:inline-block;  border:none; line-height:20px; text-transform:uppercase; border-radius:3px; margin-left:3px; margin-right:3px;}
.hp-nav2 span a:hover{text-decoration:none;}
.hp-nav2 span.active a{color:#FFF; background:#EF4749;}
a.filter-button2.active{color:#FFF; background:#EF4749;}
.hp-nav2 span:first-child:before{ content:"";}
.hp-nav2 span a:active{text-decoration:none;}
.hp-nav2 span a:visited{text-decoration:none;}
.hp-nav2 span a:link{text-decoration:none; border:0;}
.tsborderright{ border-right:1px solid #F0F0F0}
 
.nopadding{ padding:0px;}
.men-wear{width:100%; float:left; margin-bottom:25px; display:flex; align-items: center;}
.women-wear{width:100%; float:left; margin-bottom:25px; display:flex; align-items: center;}
.SC-panel{width:100%; float:left; display:flex; align-items: center;}
.SC-pane-cont{}

.HWpanel{width:100%; float:left;   padding-bottom:40px; padding-top:80px; margin-bottom:50px;   position:relative;}
.HWpanel h1{font-size:38px;  color:#000;  font-family: 'proximanova-bold'; margin-bottom:15px;}
.HWpanel h2{font-size:24px; color:#fe7170; }
.HWpanel img{ max-width:90%; height:auto;}
.HMP{ margin-top:100px;} 
.HWpanel ul{list-style:none; margin:0; padding:0; margin-bottom:25px;}
.HWpanel ul li{ margin-bottom:15px; color:#3F3F3F; font-size:16px;}
.HWpanel ul li:before{content:"\e628";font-family:'themify'; margin-right:5px; color:#E1193E; font-size:12px;}
.HWpanel a{padding:11px 25px; background:#fe7170; color:#FFF; display:inline-block; transition: all 0.5s ease 0s; border-radius:5px;}
.HWpanel a:hover{background:#43ba7f;}
 


.blogpanel{width:100%; float:left;   padding-bottom:50px; padding-top:50px;      position:relative; background:#F5F4F4;}
.blogpanel img{max-width:100%; height:auto;}
.blogpanel h2{font-size: 56px;color:#000;font-family: 'heebobold';line-height: 63px; text-align:center; margin-bottom:35px;}
.blogpanel h3{  font-family: 'poppinsmedium'; font-size:22px;}
.blogpanel h5{font-size:14px; color:#808080;}
.blogpanel h5 span{color:#F00; padding-left:8px;}
.blogpanel p{margin-bottom:0px;}
.blogpanel-row{display:flex; flex-wrap: wrap;}
.blogpanel-col{ flex:0 0 25%}
.blog-detail{padding:15px;}




.svgimg0{}
.about-img{position: relative; display:flex; flex-wrap: wrap; gap:10px;}
.about-img-col{flex:0 0 calc(33.33% - 10px); overflow:hidden; }
.about-img-col img{ transform:scale(1,1); transition: all 0.5s ease 0s;}
.about-img-col:hover img{ transform:scale(1.2,1.2)}
.about-img ul{list-style:none; margin:0; padding:0; display: flex; flex-wrap: wrap; margin: 0 -20px; position:relative;}
.about-img ul li{background:none; display: inline-flex; padding: 0 10px; margin-bottom: 20px} 
.about-img ul::before{content: ""; width:50px; height:50px; background:#018994; position:absolute; top: calc(50% - 21px); left: calc(50% - 55px); border-radius: 10px; 
transform: rotate(45deg);}
.about-img ul li:first-child, .about-img ul li:nth-child(3) {width: 45%}
.about-img ul li:nth-child(2), .about-img ul li:nth-child(4) {width: 55%}
.about-img .about-thumb1 {border-radius: 0 60px 60px;margin-top: auto;margin-left: auto}
.about-img .about-thumb2 {border-radius: 60px 0 60px 60px;margin-top: auto;margin-right: auto}
.about-img .about-thumb3 {border-radius: 60px 60px 60px 0;margin-bottom: auto;margin-left: auto}
.about-img .about-thumb4 {border-radius: 60px 60px 0px 60px;margin-top: auto;margin-right: auto}

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

@-webkit-keyframes up-down {
0% {
-webkit-transform:translatey(0);
transform:translatey(0)
}
to {
	-webkit-transform: translatey(-10px);
	transform: translatey(-10px)
}
}
@keyframes up-down {
0% {
-webkit-transform:translatey(0);
transform:translatey(0)
}
to {
	-webkit-transform: translatey(-10px);
	transform: translatey(-10px)
}
}

.BCpanel{width:100%; float:left;   padding-bottom:80px; padding-top:80px; background: #FFF url(../images/bg02.jpg) no-repeat fixed; background-size:cover; position:relative; overflow:hidden  }
.BCpanel h1{font-size:38px;  color:#FFF;  font-family: 'proximanova-bold'; margin-bottom:15px;}
.BCpanel h2{font-size:24px; color:#E1193E; }
.BCpanel img{ max-width:90%; height:auto;}
.HMP{ margin-top:100px;} 
 
.BCpanel a{padding:11px 25px; background:#fe7170; color:#FFF; display:inline-block; transition: all 0.5s ease 0s; border-radius:5px;}
.BCpanel a:hover{background:#43ba7f;}



.agent-section{width:100%; float:left;   padding-bottom:80px; padding-top:80px; background: #FFF url(../images/bg02.jpg) center center fixed; position:relative; overflow:hidden  }
.agent-section img{max-width:100%; height:auto;}
.agent-col{width:100%; float:left; margin-bottom:20px; position:relative; overflow:hidden;}
.agent-col div{position:absolute; left:0; bottom:0; width:100%;background-color: rgba(0, 0, 0, 0.66); color:#FFF; padding:15px; }

.agent-col img{ transform:scale(1,1); transition:.5s ease-in-out} 
.agent-col:hover img{ transform:scale(1.1,1.1); transition:.5s ease-in-out} 


.agent-section ul{list-style:none;}
.agent-section ul li{position:relative; margin-bottom:20px; padding-left:25px;}
.agent-section ul li:after{content: "\f058"; position:absolute; font-family: 'FontAwesome'; left:0; color:#008EFF;}
.agent-section h2{font-size:38px;color:#FFF;font-family: 'heebobold';line-height: 63px;margin-bottom: 30px; text-align:center;}
.agent-section h3{font-size:24px; color: #FA4216; text-align:center; margin:0;}
.range{width:100%;  margin-bottom:25px;}
.range-input{ -webkit-appearance:none; appearance:none; width:100%; cursor:pointer; outline:0; border-radius:15px; height:6px; background:#CCC;}
.range-input::-webkit-slider-thumd{-webkit-appearance:none appearance:none; height:15px;width:15px;background:#f50; border-radius:50%;border:none;transition:.2s ease-in-out}
.range-input::-moz-range-thumd{height:15px; width:15px; background:#f50; border-radius:50%; border:none; transition:.2s ease-in-out}
.range-input::-webkit-slider-thumb:hover{box-shadow:0 0 0 10px rgba(255,85,0,1)}
.range-input:active::-webkit-slider-thumb{box-shadow:0 0 0 6px rgba(255,85,0,1)}
.range-input::-moz-slider-thumb:hover{box-shadow:0 0 0 6px rgba(255,85,0,1)}
.range-input:active::-moz-range-thumb{box-shadow:0 0 0 6px rgba(255,85,0,1)}
.range-input:focus::-moz-range-thumb{box-shadow:0 0 0 6px rgba(255,85,0,1)}
.value2{font-size:26px; width:50px; text-align:center;}

 

.gallerytext {position: relative;  z-index: 10; padding-right:40px; text-align:center;}
.valign{align-items: center;}
 
.partner-section{width:100%;  display:flex; padding-bottom:0px; padding-top:20px; position:relative;  }
.partner-section h2{color:#FFF;}
.partner-section p {color:#666; text-align:center; margin-bottom:35px;} 
.partner-row{ display:flex; justify-content: center; flex-wrap: wrap;}
.partner-row img{max-width:100%; height:auto; padding:15px;}
.partner-col{  }
.causes-slider { width: 100%; float: left;  position: relative; padding-bottom: 20px;}
 
.appointment{ background:#FFF; width:100%; padding:30px; border-radius:40px; position:relative; margin-top:130px;}
.appointment .pt-img01 {position: absolute; right: -100px; bottom:-50px; animation: up-down 2s infinite alternate;}
.appointment .pt-img02 {position: absolute; left: -100px; top:50px; animation: move 3s infinite alternate;}
.partner-section .pt-img03 {position: absolute; right:100px; top:50px; animation: move 3s infinite alternate;}
.appointment h3{color:#01B1BF; font-family: 'heebomedium'; font-size:36px; margin-bottom:0px;}
.appointment input[type="text"],
.appointment input[type="date"],
.appointment select{width:100%; height:50px; padding:10px; border:1px solid #01B1BF; margin-bottom:30px; border-radius:5px; transition: all 0.5s ease 0s;}
.appointment input[type="text"]:hover,.appointment input[type="text"]:focus,
.appointment input[type="date"]:hover, .appointment input[type="date"]:focus,
.appointment select:hover,.appointment select:focus{border:1px solid #018994;}
.appointment input[type="button"]{ color:#01B1BF; transition:all 0.5s ease 0s; border:2px solid #01B1BF; border-radius:5px; background:#FFF; padding:15px 25px; margin:auto;}
.appointment input[type="button"]:hover{ text-decoration:none;  color:#FFF; background:#01B1BF;}
.appointment::after {content: "";position: absolute;top: -20px;left: -20px;border-radius: 40px;width: 100%;height: 100%;border: 2px solid #FFF;z-index: -1;}
.contact-section{width:100%; padding-bottom:80px; padding-top:80px;   display:flex; justify-content: center; text-align:center; }
.contact-section h3{ font-family: 'shadows_into_light_tworegular';  font-size:18px; color:#A53E4C; font-size:46px;}
.contact-section p{color:#242424;}
.contact-section img {max-width:100%; height:auto;}
.new-arrival{width:100%; padding-bottom:80px; padding-top:80px; display:flex; justify-content: center; text-align:center;}
.new-arrival a{ display:inline-block; border:1px solid #A53E4C; color:#A53E4C; margin-top:50px; padding:10px 30px; border-radius:50px; transition: all 0.5s ease 0s;}
.new-arrival a:hover{ background: #A53E4C;  color:#FFF;}
.new-arrival-row{ display:flex; width:100%; gap:20px; flex-wrap: wrap;}
.new-arrival-col{flex: 0 0 calc(25% - 20px); border:1px solid #B9B9A9; }
.new-arrival-col img{max-width:100%; height:auto;}
.new-arrival-col h3{font-size:18px;font-family: 'poppinslight';}
.new-arrival-col h4{font-size:18px; color: #A53E4C; font-weight:600; margin-bottom:25px;}
.new-arrival-col h4 span{ text-decoration:line-through;}

.gallery-section{width:100%; padding-bottom:80px; padding-top:80px;   display:flex; justify-content: center; text-align:center;}
.filter-button{font-size: 18px; border: 1px solid #018994; border-radius: 5px; text-align: center; color: #018994; margin-bottom: 30px; }
.filter-button:hover{font-size: 18px; border: 1px solid #018994; border-radius: 5px; text-align: center; color: #ffffff; background-color: #018994;}
.btn-default:active .filter-button:active{background-color: #243eff; color: white;}
.port-image{width: 100%;}
.gallery_product{margin-bottom: 30px;}
.img-responsive{max-width:100%; height:auto;}
.otheroffer{width:100%; float:left; margin-bottom:50px;}
.otheroffer img{width:100%; height:auto; margin-bottom:20px;}
.otheroffer h2{ font-size:36px; color:#000; font-family:'gotham-black'; line-height:40px;}
.otheroffer h3{font-family:'nunito_sanslight'; font-size:23px; color:#555; position:absolute;}
.otheroffer h4{}
.otheroffer h5{ font-family:'nunito_sansbold'; color:#999; margin-bottom:30px;} 
.footerpanel{width:100%; float:left; background: #1c1353; padding-bottom:30px; padding-top:50px;  }
.footerpanel h3{ color:#FFF; font-size:22px;   font-family: 'heebobold'; margin-bottom:35px; position:relative;}

.footerpanel p{color:#9D9D9D; margin-bottom:3px; line-height:23px;}
.footerpanel p .fa{ color:#fe7170; margin-right:6px;}
.footerpanel ul{list-style:none;}
.footerpanel ul li { margin-bottom:8px; font-size:15px;}
.footerpanel ul li::before {
    content: "\e628";
    font-family: 'themify';
    margin-right: 8px;
    color:#fe7170;
    font-size: 11px;
}
.footerpanel ul li a{ color:#E1DDDD;}
.footerpanel ul li a:hover{color:#fe7170; text-decoration:none;}
.footerpanel img{max-width:70%; height:auto; margin-bottom:25px;}
.newsletter-row{ display:flex; margin-top:30px; margin-bottom:30px;}
.newsletter-row input[type="text"]{ padding:8px; border:2px solid #313131; background:transparent; color:#FFF;}
.newsletter-row button{ border:none; background:#008EFF; color:#FFF; padding:5px 15px; transition: all 0.5s ease 0s;}
.newsletter-row button:hover{ background:#FA4216;}
.newsletter-row::placeholder{ color:#FFF; opacity:1;}
.gallery-row{ display: flex; flex-wrap: wrap; gap:10px;}
.gallery-row img{margin-bottom:0px;}
.socialmedia{ width:100%; float:left; margin-top:25px;}
.socialmedia .fa{width:34px; height:34px;line-height:34px; text-align:center; color:#FFF; margin-right:3px; transition: all 0.5s ease 0s; background:#E1193E; 
border-radius:100%; transition: all 0.5s ease 0s;}
.socialmedia .fa:hover{text-decoration:none; background:#FA4216;  color:#FFF;} 
.footercopyright{width:100%; float:left; padding-top:15px; margin-top:25px; color:#FFF; font-size:14px; border-top: 1px solid #211859; text-align:center;}
.footercopyright a{ padding-left:5px; padding-right:5px; color:#E1DDDD; transition: all 0.5s ease 0s;}
.footercopyright a:hover{color:#FA4216; text-decoration:none;}

.innerbanner{background:#1c1353 url(../images/innerbg.jpg); background-size:cover; width:100%; float:left; padding-top:250px; padding-bottom:30px; position:relative; margin-top:-150px; text-align:center;} 
.innerbanner p{font-size:18px; font-style:italic; color:#fe7170; margin-bottom:20px;}
.innerbanner h1 {font-size: 60px;color: #FFF;font-family: "proximanova-bold"; margin-bottom: 15px;}

.innerbanner1 {
    background: #1c1353 url(../images/innerbg.jpg);
    background-size: cover;
    width: 100%;
    float: left;
    padding-top: 100px;
    padding-bottom: 30px;
    position: relative;
    margin-top: -135px;
    text-align: center;
} 

.midsection{ background:#FFF; width:100%; float:left; padding-top:60px; padding-bottom:60px;}
.midsection h1{font-size:48px; color:#333333; font-family:'Neuton', serif; font-weight:700;  margin:0; margin-bottom:5px;}
.midsection h1 span{color:#4AC3F0;}
.midsection h2{font-weight:700; font-size:40px; color:#333; padding-top:20px;    font-family: 'poppinsmedium';}
.midsection h2.txtcenter{ text-align:center;}
.midsection h3{  font-family: 'poppinsmedium'; font-size:22px;}
.midsection ul{list-style:none;}
.midsection ul li{margin-bottom:10px; background:url(../images/bullet.jpg) no-repeat 6px; padding-left:22px;}

.about-row{display:flex;}
.about-col-left{ flex:0 0 60%}
.about-col-right{flex:0 0 40%; text-align:center;}
.about-col-right img{max-width:100%; height:auto; margin-bottom:25px;}
.about-col-right h4{}
.about-col-right h5{ color:#535252}

.hline100{width:100%; height:1px; background:#e6e6e6; margin-top:100px; margin-bottom:100px;}
.centerimage{width:100%; text-align:center;}
.centerimage img{ max-width:100%; height:auto;}


.product-row1{ display:flex; gap:20px; margin-top:70px;}
.product-row1 .productcol{ flex:0 0 calc(25% - 20px); border: 1px solid #e6e6e6; padding:15px; border-radius:4px; position:relative;padding-top: 50px;}
.product-row1 .productcol .boxnumber{ width:80px; height:80px; border-radius:100%; background:#43ba7f; color:#FFF; font-size: 40px; display:flex;justify-content: center;
  align-items: center;position: absolute;  top: -8px; left: 50%;  transform: translate(-50%, -50%); }
  
.product-row2{ display:flex; width:100%; margin-top:100px;align-items: center;}
.product-row2 .product-colleft{flex:0 0 50%; text-align:center;}
.product-row2 .product-colleft img{ width:60%; height:auto;}
.product-row2 .product-colright{flex:0 0 50%}
.product-row2 p{width:80%;font-size:18px; margin-bottom:30px;}
.product-row2 h4{ font-size:32px;  font-family: 'poppinsmedium';}


.product-row3{ display:flex; width:100%; margin-top:100px;align-items: center;}
.product-row3 .product-colleft{flex:0 0 50%; text-align:center;}
.product-row3 .product-colleft img{ max-width:100%; height:auto;}
.product-row3 .product-colright{flex:0 0 50%}
.product-row3 p{width:80%; font-size:18px; margin-bottom:30px;}
.product-row3 h6{ color:#43ba7f; text-transform:uppercase;}
.product-row3 h2{margin-bottom:30px;}
.product-row3 h4{margin-bottom:15px; font-size:28px; text-transform:uppercase;}
.product-row3 ul{list-style:none;}
.product-row3 ul li{margin-bottom:10px; background:url(../images/bullet.jpg) no-repeat 6px; padding-left:22px;}

.product-key-panel{width:100%;background: linear-gradient(135deg, #eaf2f7 0%, #dce7ee 100%);}
.product-key-panel img{max-width:100%; height:auto;}
.product-key-panel h2{margin-bottom:35px;}
.product-key-panel h6{color:#43ba7f; margin-bottom:15px;}
.product-key-panel h3{ font-size:26px;}
.product-key-panel p{font-size:18px}
.product-key-row{ display:flex; width:100%; align-items: center; }
.product-key-col1{ flex:0 0 40%; padding:25px;}
.product-key-col2{flex:0 0 60%}
.product-key-strip{ display:flex; width:60%; height:2px; background:#5643c2; margin-top:30px; margin-bottom:30px;}

.certified-panel{width:100%; text-align:center; padding-top:50px;}
.certified-panel h2{margin-bottom:25px;}
.certified-panel img{max-width:100%; height:auto;}

 
.contact-panel input[type="text"]{ font-size:14px; width:100%; padding:12px;  border-radius:5px; border:1px solid #C1C1C1; margin-bottom:20px; outline:0px;transition:all 0.5s ease 0s;} 
.contact-panel input[type="text"]:hover,.home-contact input[type="text"]:focus{ border-color:#43ba7f}
.contact-panel input[type="button"], .contact-panel input[type="submit"], .home-contact input[type="submit"] {
    background: #fe7170;
    padding: 10px 15px;
    border-radius: 5px;
    color: #FFF;
    outline: 0px;
    border: 0px;
    transition: all 0.5s ease 0s;
}
.contact-panel input[type="button"]:hover,.home-contact input[type="submit"]:hover{background: #43ba7f;}
.contact-profile-row{display:flex; margin-bottom:25px;justify-content: center;}
.contact-profile-col{ width:250px; height:250px;}
.contact-profile-col img{width:100%; height:100%; border-radius:100%;}
.contact-address-row{ display:flex; flex-wrap:wrap}
.contact-address-col{ flex:0 0 100%; border:1px solid #cecece; margin-bottom:45px; border-radius:5px; padding:20px; position:relative; text-align:center; padding-top:50px; margin-bottom:40px; margin-top:40px;}
.contact-address-col .contacticon {
  width: 80px;
  height: 80px;
  border-radius:
100%;
  background:
#43ba7f;
  color: #FFF;
  font-size: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: -8px;
  left: 50%;
  transform: translate(-50%, -50%);
}

.textcontent{ padding-top:30px;}
.textcontent h1{text-align:center; font-size:46px;  color:#333; font-family:'Neuton', serif; font-weight:700; margin-bottom:20px;}
.textcontent h1 span{color:#4AC3F0;}
.textcontent h2{font-weight:700; font-size:24px; color:#333; padding-top:20px;  font-family: 'poppinsextrabold';}
.textcontent h2.txtcenter{text-align:center;}
.textcontent ul{list-style:none;}
.textcontent ul li{background:url(../images/bulletn01.png) left no-repeat;  font-size:16px;  color:#26364D; padding-left:35px; margin-bottom:20px; font-weight:200;}
.otherplan{width:100%; float:left; text-align:center; padding-bottom:50px;}
.otherplan h2{font-weight:200;  font-size:40px; color:#333;}
.otherplan a{color:#333;  font-weight:200; padding-left:10px; padding-right:10px; font-size:16px;}
.otherplan a:hover{color:#4AC3F0;}
.aboutusbox{ min-height:380px;border:1px solid #D1D1D1; background:#FFF; padding:15px; float:left; margin-bottom:15px; position:relative;}
.aboutusbox h2{ font-size:20px!important; text-align:center; linegen}
.aboutusbox p{ text-align:justify; line-height:24px;}
.buttonpane2{width:100%; float:left; text-align:center; margin-top:10px; margin-bottom:10px;}
.aboutusbox a.knowmore{background:#3FABD6; padding:10px 15px; color:#FFF; margin-left:5px; margin-right:5px;}
.aboutusbox a.getcost{background:#212121; padding:10px 15px; color:#3FABD5; margin-left:5px; margin-right:5px;}
.aboutusbox a.knowmore:hover{text-decoration:none; background:#B00000;}
.aboutusbox a.getcost:hover{text-decoration:none; background:#B00000; color:#fff;}
.aboutcompany{width:100%; float:left;}
.aboutcompany h2{color:#3FABD6; font-size:24px; margin-bottom:0;}
.aboutcompany h3{color:#212121; font-size:18px;}
.aboutcompany p{text-align:justify;}
.buttonpanel2{width:100%; float:left; text-align:center; margin-top:10px; margin-bottom:10px;}
.buttonpanel2 a{}
.buttonpanel2 a:hover{text-decoration:none;}
.readmore{background:#4AC3F0; padding:10px 25px; color:#FFF; font-size:18px; font-weight:700; border-radius:4px; transition: all 0.5s ease 0s; margin-top:40px; display:inline-block}
.readmore:hover{text-decoration:none;  background:#1199CC; color:#FFF}
.slideanim,.slideanim2 {visibility:hidden;}
.slideani{animation-name:slide; -webkit-animation-name:slide; animation-duration:1s; -webkit-animation-duration:1s; visibility:visible;}
.slide2{animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft; animation-duration:1s; -webkit-animation-duration:1s; visibility:visible;}
.softwarefeaturebanner{background:#26364D; width:100%; float:left;}
.contactusbanner{width:100%; float:left; text-align:center; margin-bottom:-40px; position:relative;}
.contactusbanner img{max-width:100%; height:auto;}
.paddingtop{padding-top:40px;}
.paddingbottom{padding-bottom:50px;} 
.line2{ width:100%; height:1px; background:url(../images/line.png) top center no-repeat; margin-bottom:15px;}
 
/*------------Setting----------------------*/
.aboutusbox,.getintouch,.getdemobutton,
.demopanel input[type="text"],.demopanel input[type="email"],.demopanel select,.demopanel textarea,
.demopanel input[type="submit"],.demopanel input[type="button"],.Contactfrm,.softwarefeature
{
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
.getdemobutton, .aboutusbox a.knowmore, .aboutusbox a.getcost,
.demopanel input[type="text"],.demopanel input[type="email"],.demopanel select,.demopanel textarea,
.demopanel input[type="submit"],.demopanel input[type="button"]
{
-webkit-transition: all 1.1s ease;
-moz-transition: all 1.1s ease;
-o-transition:all 1.1s ease;
transition:all 1.1s ease;
}
.menu ul li ul li, .menu ul li a
{
-webkit-transition: all .1s ease;
-moz-transition: all .1s ease;
-o-transition:all .1s ease;
transition:all .1s ease;
}
.cart-panel{}
.cart-panel h2{font-size:15px; font-family: 'nunito_sansbold'; margin:0;}
.cart-panel img{width:80%; height:auto; border:1px solid #E6E6E6; padding:2px;}
.cart-panel h3{font-size:15px; margin:0; margin-bottom:4px;}
.cart-line{width:100%;  border-bottom:1px dashed #E6E6E6; margin-top:10px; margin-bottom:10px;}
.cart-button{width:100%; float:left; margin-top:20px;}
.cart-button a{background: #a0d315; color:#FFF; padding: 10px 20px; font-size:14px; transition: all 0.5s ease 0s;  margin-bottom:15px; display:inline-block; text-align:center; border-radius:5px;}
.cart-button a:hover{background:#131416; text-decoration:none;}
.cart-close{ width:25px; height:25px; float:right; cursor:pointer}
.cart-close img{width:100%; height:auto; border:none; padding:2px;}
.swiper-container {width: 100%; height: 100%; position:relative}
.swiper-slide {text-align:center; font-size:18px; display: -webkit-box;  display: -ms-flexbox;  display: -webkit-flex; display: flex; -webkit-box-pack: center;-ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.causes-box{position:relative;}
.causes-box span.new{ background:#79B6C8; color:#FFF; position:absolute; left:10px; top:10px; font-size:14px; padding:3px 8px; border-radius:3px;}
.causes-box span.sold{ background:#F28083; color:#FFF; position:absolute; left:10px; top:10px; font-size:14px; padding:3px 8px; border-radius:3px;}
.causes-box img{max-width:100%; height:auto; margin-bottom:25px;}
.causes-detail h3{ font-size:18px; display:block;}
.causes-detail h4 {font-family: 'nunito_sansbold'; font-size:15px;}
.causes-detail h4 span{ color:#999999;  font-family: 'nunito_sansregular'; text-decoration:line-through; margin-right:15px; font-size:14px;}
.causes-detail .star{font-size:12px; color:#CCCCCC;}
.causes-detail .star .fa{margin-left:3px; margin-right:3px;}
.causes-detail .star .fa.ycolor{color:#FFD322;}
.causes-detail a{ padding:7px 25px; border:1px solid #D1D1D1; color:#666666; display:inline-block; font-size:15px; margin:0; margin-top:15px; transition: all 0.5s ease 0s;}
.causes-detail a:hover{ background:#EF4749; color:#FFF; text-decoration:none;  border:1px solid #EE3333;}
.causes-slider h2{ text-align:left; font-family:'nunito_sansbold'; font-size:25px; color:#000000; text-transform:uppercase; margin:0; margin-bottom:25px;}
.causes-slider h2 span{font-family:'nunito_sansregular'; color:#414141;}

.deal02{width:100%; float:left; background:url(../images/bg01.jpg) no-repeat; background-size:cover; padding:25px; padding-bottom:40px;}
.deal02 a{padding:7px 25px; border:1px solid #EE3333; background:#EF4749;  color:#FFFF; display:inline-block; font-size:15px; margin:0; margin-top:15px; transition: all 0.5s ease 0s;}
.deal02 a:hover{background:#242424; color:#FFF; text-decoration:none;  border:1px solid #484848;}
.deal02 h2{font-size:40px; color:#EF4749; margin:0; margin-bottom:5px; text-align:center; margin-bottom:40px; margin-top:20px; font-family:'nunito_sansbold'; position:relative;  padding-bottom:30px;}
.deal02 h2 span{ width:20%; height:1px; background:#333333; display:block; margin:auto; position:absolute; bottom:0; left:40%;}

.Countdown-wrapper{display:flex;  flex-wrap:wrap;  justify-content: center; width:100%; margin-bottom:25px;}
.Countdown-wrapper h3{font-family:'nunito_sansbold'; font-size:22px; margin:0;}
.Countdown-wrapper h4{font-size:16px; margin:0; color:#999999;}
.Countdown-wrapper div{margin:10px; height:100px; width:100px; padding:25px 20px; background:#E95D70; color:#FFF; border:2px solid #FFF; border-radius:100%; text-align:center}
.Countdown-days{background:#000!important; color:#FFF; padding:20px; border:1px solid #000;}
.Countdown-days h3{color:#979797; color:#FFF; border-bottom:1px dotted #FFF; margin-bottom:10px; }
.Countdown-days h4{color:#FFF;}
.Countdown-hours h3{color:#FFF; border-bottom:1px dotted #FFF; margin-bottom:10px;}
.Countdown-hours h4{color:#FFF;}
.Countdown-minutes h3{color:#FFF; border-bottom:1px dotted #FFF; margin-bottom:10px;}
.Countdown-minutes h4{color:#FFF;}
.Countdown-seconds h3{color:#FFF; border-bottom:1px dotted #FFF; margin-bottom:10px;}
.Countdown-seconds h4{color:#FFF;}

.linkbutton{display:inline-block; padding:10px 20px; padding-right:25px;}
.linkbutton-blue{ border:1px solid #FFF; color:#FFF; transition:all 0.5s ease 0s; position:relative;}
.linkbutton-blue .fa{position:absolute; right:13px; top:12px; transition:all 0.5s ease 0s;}
.linkbutton-blue:hover .fa{right:7px;}
.linkbutton-blue:hover{background:#FFF; color:#420177;}
.linkbutton-bluebackground{background:#17679F; color:#FFF; transition: all 0.5s ease 0s; position:relative;}
.linkbutton-bluebackground .fa{position:absolute; right:13px; top:12px; transition: all 0.5s ease 0s;}
.linkbutton-bluebackground:hover .fa{right:7px;}
.linkbutton-bluebackground:hover{background:#FFF; color:#17679F;}
.linkbutton-blue-noborder{color:#17679F; transition: all 0.5s ease 0s; position:relative; }
.linkbutton-blue-noborder .fa{position:absolute; right:13px; top:12px; transition: all 0.5s ease 0s;}
.linkbutton-blue-noborder:hover .fa{right:7px;}
.linkbutton-blue-noborder:hover{color:#FFF;} 


.VAC{align-items: center;}
.mb20{margin-bottom:20px!important;}
.quickview_body .quantity > input {-moz-appearance: textfield; border: 1px solid #f6f6f6; height: 35px; text-align: center; width: 40px; font-size: 13px;}
.quickview_body .quantity {-webkit-box-align:center; -ms-flex-align:center; align-items:center; display:-webkit-box; display:-ms-flexbox; display:flex;}
.quickview_body .cart {display:-webkit-box; display:-ms-flexbox; display:flex;}
.quickview_body .qty-plus,.quickview_body .qty-minus {background-color: transparent; border:1px solid #f6f6f6; color:#000; cursor:pointer; height:35px; text-align:center; width:22px;}
.quickview_body .qty-plus {border-left: 0 solid transparent;}
.quickview_body .qty-minus {border-right:0 solid transparent;}
.quickview_body .qty-minus i,.quickview_body .qty-plus i {color:#888; font-size:10px; line-height:33px;}
.quickview_pro_img {border:1px solid #f6f6f6; position:relative; width:100%; z-index:1;}
.quickview_pro_img  img {height:auto; max-width:100%;}
.quickview_pro_des {padding:30px 0;}
.quickview_pro_des .title {text-transform:capitalize; color:#626262; font-weight:700;  font-family: 'heebobold'; letter-spacing:2px;}
.quickview_pro_des h5{ font-weight: 700; font-size:18px;  font-family: 'heebomedium';}
.quickview_pro_des h5 span{ text-decoration:line-through; color:#CCC; margin-left:10px; }
.quickview_pro_des > p {line-height:24px; font-size: 13px; }
.quickview_pro_des a{font-size: 13px;}
.quickview_body .cart-submit {background:#a0d315; border:medium none; color:#fff; cursor:pointer; font-size:13px; height:35px; margin-left:15px;
width: 120px; -webkit-transition-duration:500ms; transition-duration:500ms; border-radius:4px;}
.quickview_body .cart-submit:hover{background:#131416;}
.quickview_body .modal_pro_wishlist > a, .quickview_body .modal_pro_compare > a {background-color:#e91e63; color:#fff; display: block; height:35px; margin:0 15px;
text-align: center; width: 35px; font-size: 22px; line-height:36px; transition-duration:500ms; border-radius:4px;}
.quickview_body .modal_pro_compare > a{margin:0 0px; background-color:#00bcd4;}
.quickview_body .modal_pro_wishlist > a:hover,.quickview_body .modal_pro_compare > a:hover {background-color:#242424;}
#quickview button.close {box-shadow:none; position:absolute; right:15px; text-align:right; top:10px; z-index:9; font-size:25px;}
.top_seller_product_rating > i {color:#ff9800; font-size:13px;}
.mb-15{margin-bottom:15px;}

.product-detail{ width:100%; float:left; padding-top:50px; padding-bottom:50px;}
.cart-detail{ width:100%; float:left; padding-top:50px; padding-bottom:50px;}
.cart-detail .qty-minus,.cart-detail .qty-plus {background-color: #f6f6f6; cursor:pointer;  display:inline-block; height:30px; width:30px;}
.cart-detail .qty-minus i,.cart-detail .qty-plus i {line-height: 30px; font-size: 10px;}
.cart-detail .qty-text {background-color: #f6f6f6; border: medium none; display: inline-block; height:30px; -moz-appearance: textfield;  -webkit-appearance: textfield;
 appearance: textfield; text-align: center; font-size: 12px; width: 50px;}
.cart-detail .quantity {-webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex;
 text-align: center;}
.cart-detail thead {background-color:#f4f2f8; border: none;}
.cart-detail table tbody tr td:first-child {width: 70% !important;}
.cart-detail .table td, .cart-detail .table th {padding: 12px; padding: 12px; padding: 0.75rem; text-align: left; vertical-align: middle; border: none; font-size: 13px;}
.cart_product_img > a {width: 120px; margin-right: 20px;}
.cart_product_img   img{max-width:100%; height:auto;}
.back-to-shop {}
a.cartbut {background-color:transparent; border-radius:0; display: inline-block; height: 55px; line-height: 51px; min-width: 120px; padding: 0 30px; text-align: center; font-size: 14px;
font-weight: 700; border: 2px solid #4B2820; color:#4B2820;  text-transform: uppercase; transition: all 0.5s ease 0s; border-radius:4px; }
a.cartbut:hover{ background:#4B2820; color:#FFF; transition: all 0.5s ease 0s;}
a.clearcart{color:#7a7a7a; border-color:#f4f2f8; margin-right:10px;}
a.clearcart:hover{background:none; color:#a0d315; border: 2px solid #a0d315;}
a.updatecart{background-color:#f4f2f8; color:#7a7a7a; border-color:#f4f2f8; transition: all 0.5s ease 0s;}
a.updatecart:hover{background:#131416; color:#FFF}
.cart-detail-bottom{ width:100%; float:left; padding-top:100px;}
.coupon-code-area form {position: relative; z-index: 1;}
.coupon-code-area form > input {width: 100%; height: 52px; border: none; background-color: #f4f2f8; padding: 0 30px; font-size: 12px;}
.coupon-code-area form > button {width: 120px; height: 52px; border: none; text-transform: uppercase; background-color: #a0d315; padding: 0 30px; font-size: 14px; position: absolute;
top: 0; color: #fff; font-weight: 700; right: 0;}
.coupon-code-area form > button:hover{ background:#131416;} 
.shipping-method-area .custom-control-label span {font-size: 14px;}
.cart-total-chart {background-color: #f4f2f8; padding: 30px; margin-bottom:0;}
.cart-total-chart li {display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center;
-ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 20px;}
.karl-checkout-btn {width: 100%; height: 60px; background-color:#a0d315; border-radius: 0; color: #fff; text-transform: uppercase;font-weight: 700;line-height: 60px;padding: 0;
}
.karl-checkout-btn:hover,.karl-checkout-btn:focus {background-color: #131416;color: #fff;font-weight: 700;}
.custom-control{ display:flex;}
.custom-control label{margin-left:10px; font-size:14px;}
.white-color{ color:#FFF!important}
.red-color{ color: #FF385C !important;}
.mobileview{ display:none;}
.mobileview img{ max-width:100%; height:auto; margin-bottom:25px;}
.image-wrapper-half{ position:absolute; top:0; left:0; height:100%; width:48%;}
.bg01{ background:url(../images/bg02.jpg)top left no-repeat; background-size:cover;}
.agent-section .swiper-pagination-bullet{ background:#131416; opacity: .5;}
.swiper-pagination-bullet-active { background:#A53E4C!important; opacity: 1!important;}

#back-top {
    position: fixed;
    bottom: 100px;
    right: 50px;
    z-index: 10000;
}

#back-top a {
    width: 30px;
    display: block;
    text-align: center;
    transition: 1s;
}

#back-top span {
    width: 30px;
    height: 30px;
    display: block;
    margin-bottom: 7px;
    background: #fe7170;
    border-radius: 4px;
    transition: 1s;
    position: relative;
	transition: all 0.5s ease 0s;
}
#back-top span:hover{  background: #43ba7f;}

#back-top span::after {
    position: absolute;
    content: "\f106";
    font-family: 'FontAwesome';
    font-size: 26px;
    color: #FFF;
    left: 7px;
    top: 2px;
}
/*------------Setting----------------------*/
/* Go from 0% to 100% opacity (see-through) and specify the percentage from when to slide in the element along the Y-axis */
@keyframes slide {
    0% {
        opacity: 0;
        -webkit-transform: translateY(70%);
		transform: translateY(70%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0%);
		transform: translateY(0%);
    }
}
@-webkit-keyframes slide {
    0% {
        opacity: 0;
        -webkit-transform: translateY(70%);
		transform: translateY(70%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0%);
		transform: translateY(0%);
    }
}