/*  */
body{background:#fff;color:#363636;font-family: 'Poppins', sans-serif;font-size:14px; overflow-x: hidden;}
h1,
h2,
h3,
h4,
h5,
h6{font-family: 'Poppins', sans-serif;color:#0c0c0c;margin:0 0 20px;}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a{color:#0c0c0c;}
p a{color:#363636; width: auto;
    display: inline-block;}
p a:hover{text-decoration:underline;outline:none;}
p{letter-spacing:normal;margin-bottom:10px;line-height:24px;font-size:16px;color:#363636;}
a{color:#7f7f7f;text-decoration:none;outline:none;display:block;}
a:hover,
a:focus,
a:active{outline:none;text-decoration:none;}
img{max-width:100%;}
iframe{border:0;width:100%;}
blockquote{padding:0;border:0;}
label{color:#7f7f7f;display:block;font-weight:400;margin:0;}
textarea{border-radius:0!important;background:#fff;height:100px !important;}
select{border-radius:0!important;background:#fff;border:1px solid #ccc;height:40px !important;line-height:40px !important;box-shadow:none;padding:0 10px !important;box-sizing:border-box;}
textarea,
select,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
input[type="file"],
input{border:1px solid #ccc;height:40px;border-radius:0;background:#fff;line-height:40px;box-shadow:none;padding:0 10px;box-sizing:border-box;}
input[type="file"]{ width: 100%; padding: 0px; font-size: 12px; margin: 0;}
.form-group{position:relative;}
.form-group i{position:absolute;left:15px;top:15px;}
.form-control::-moz-placeholder{color:#555;}
.form-control:focus::-moz-placeholder{color:var(--color);}
.form-control:focus{border-color:var(--color);}
h2{font-size:26px;font-weight:bold;}
h3{font-size:20px;margin:0 0 30px;font-weight:bold;overflow:hidden;}
h3 span{padding:0 10px 0 0;position:relative;}
h4{font-size:16px;font-weight:bold;margin:0;text-transform:capitalize;text-align:center;padding:15px 0;color:#fff;}
h5{text-transform:capitalize;}
.btn{padding:0 15px;text-transform:capitalize;font-weight:bold;line-height:35px;text-align:center;border:1px solid transparent;border-radius:0;font-size:12px;color:#fff;}
.btn:hover{color:#fff;}
.btn i{margin:0 8px 0 0;}
.btn.blank{border-color:rgba(255, 255, 255, 0.5);}
.btn.blank:hover{background:#fff;}
.full-width{width:100%;}
.btn.gary-btn{background:#f8f8f8;color:#363636;}
.btn.red-btn:hover{background:#f8f8f8;color:#363636;}
.btn.dark{background:#333;}
.btn.black-btn{background:#000;color:#fff;}
.blue-btn{background:#1c72ce;text-transform:capitalize;font-size:15px;border-radius:3px;}
.btn.lg{height:50px;line-height:47px;font-size:14px;min-width:160px;}
.social-icons{margin:0;padding:0;list-style:none;}
.social-icons li{float:left;margin:0 0 0 8px;}
.social-icons li:first-child{margin:0;}
.social-icons li a{font-size:16px;}
.facebook{color:#3c5899;}
.twitter{color:#5ea9dd;}
.youtube{color:#ee1c1b;}
.pinterest{color:#ee1c1b;}
.btn-list{margin:0;padding:0;list-style:none;}
.btn-list li{float:left;margin:0 0 0 20px;}
.btn-list li:first-child{margin:0;}


/* New Header CSS ADD */










/* END NEW HEADER CSS */


/* Fetures */
.home_we_offer { float: left; width: 100%; padding: 50px 0 50px; margin: 0; background: #f3f2ee; overflow: hidden; position: relative; z-index: 1}
.objects-left { position: absolute; height: 100%; width: 100%; left: 0; bottom: 0px; z-index: -1; }
.objects-left .objects-1 { position: absolute; left: 0px; bottom: 0; }
.objects-right { position: absolute; height: 100%; width: 100%; right: 0; bottom: 0px; z-index: -1; }
.objects-right .objects-2 { position: absolute; right: 0px; bottom: 0; }
.objects-left.left .objects-1 {left: -230px; height: 350px;}
.objects-right.right .objects-2 { right: -150px; height: 350px; }
.title{
    text-align: center;
    max-width: 900px;
    margin: 0 auto;
    padding-bottom: 30px;
}
.title h2{
    font-size: 36px;
    font-weight: bold;
    font-style: italic;
    font-stretch: normal;
    letter-spacing: normal;
    text-align: center;
    color: #22292d;
    text-transform: uppercase;
    padding-bottom: 10px;
    margin-bottom: 0;}
.title h2 span{color: var(--color);}

.underline {
  background-position: center center;
  height: 16px; margin-bottom: 20px;}
.underline-left {
    background-position: center center;
    height: 16px;
}
.title p {
	color: #333;
	font-size: 17px;
	line-height: 25px;
}

.home_we_offer ul { float: left; width: 100%;
	display: inline-block;
    margin: 0; padding: 0;
}

.home_we_offer ul li {
	width: 24.5%;
	display: inline-block;
}

.home_we_offer ul li:last-child .offer-colm {
	border: none;
}

.offer-colm h3 {
	font-size: 20px;
	line-height: 28px;
	padding: 20px 0 10px;
    margin: 0;
    color: var(--color);
}

.offer-colm p {
	font-size: 16px;
	line-height: 24px;
    color: #333;
}
.product-show-desc1 {
    overflow: hidden!important;
    display: -webkit-box!important;
    -webkit-box-orient: vertical!important;
    -webkit-line-clamp: 3!important;
    margin-bottom: 12px!important;
    line-height: 24px;
    text-align: justify;
    font-size: 15px;
    font-weight: normal;
}
.product-show-desc {
    overflow: hidden!important;
    display: -webkit-box!important;
    -webkit-box-orient: vertical!important;
    -webkit-line-clamp: 5!important;
    margin-bottom: 12px!important;
}
.offer-colm {
	text-align: center;
	border-right: 1px solid #d3d3d3;
	padding: 15px;
}
.home_we_offer .halp-call { margin-top: 20px; }
.home_we_offer .halp-call img {width: 250px; display: inline-block; margin-bottom: 15px; }
.home_we_offer .halp-call span { font-weight: 600; text-transform: uppercase; font-size: 18px; margin-bottom: 5px; display: block; }
.home_we_offer .halp-call h2{color: var(--color);}

.wps-factsheet{width:100%;float:left;padding:10px 0;background:#f6f6f6;border:1px solid #eaeaea;box-shadow:0 8px 4px -4px #555; margin-bottom: 15px; min-height: 80px;}
.wps-factsheet .icon{height: 55px; float: left;}
.wps-factsheet .icon i{font-size:40px; }
.wps-factsheet .info{padding-top:2px; text-align: left;}
.wps-factsheet .info h4{margin:0px;padding:2px 5px;font-size:14px;font-weight:600;color:#333; text-align: left; text-transform: inherit;}
.wps-factsheet .info p{ font-size: 12px; margin: 0; line-height: 18px; color: #666;}

.wps-factsheet .info_content{padding-top:2px; text-align: left;}
.wps-factsheet .info_content h4{margin:0px;padding:2px 5px;font-size:14px;font-weight:600;color:#333; text-align: left; text-transform: inherit;}
.wps-factsheet .info_content p{ font-size: 12px; margin: 0; line-height: 18px; color: #666; text-align: left;}

/* Featured Services */
.webpulse_home_featured{float:left; width:100%; margin:0; padding:50px 0;
    background: url(/assets/images/background.jpg), no-repeat;
    background: url(/assets/images/footer-bg.png);
    height: 100%; background-attachment: fixed;    background-position: center;  background-repeat: no-repeat; background-size: cover; position: relative;}
.webpulse_home_featured:before{position: absolute; top: 0; left: 0; content: ''; width: 100%; height: 100%; background: rgba(0,0,0,0.5);}
.webpulse_home_featured h2{color: #fff;}
.webpulse_home_featured .title p{color: #fff;}
.service-block{
	position: relative;
    display: block;
    margin-right: 10px;    
}

.service-block .inner-box{
	position: relative;
	overflow: hidden;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.service-block .inner-box:hover{
	box-shadow: 0 0px 30px rgba(0,0,0,.10)
}

.service-block .image-box{
	position: relative;
}

.service-block .image-box .image{
	position: relative;
	margin-bottom: 0;
    background: #fff;
    height: 304px;
}

.service-block .image-box .image img{
    position: absolute;
    top: 50%;
    left: 50%;
transform: translate(-50%,-50%);
    max-height: 100%;
    max-width: 100%;
	width: 100%;
    height: 100%;
    object-fit: contain;
}

.service-block .caption-box{
	position: relative;
	padding: 0px 25px;
	padding-right: 70px;
	background-color: #ffffff;
	border-top: 1px solid #ebebeb;
    height: 65px;
}

.service-block .caption-box .icon{
	position: absolute;
	right: 0;
	top: 0;
	height: 70px;
	width: 70px;
	text-align: center;
	background-color: var(--color);
	font-size: 40px;
	line-height: 65px;
	color: #ffffff;
}
.service-block:hover .caption-box .icon{background: var(--color)}
.service-block .caption-box .icon img{width: 50px;}
.service-block .caption-box h4{
	position: absolute;
    top: 50%; left: 50%; max-width: 100%; width: 100%;
    transform: translate(-50%,-50%);
    padding:0 70px 0 25px;
	display: block;
	font-size: 18px;
	line-height: 24px;
	color: #333333;
	font-weight: 700;
    margin: 0; 
    text-align: left;
    -webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}



.service-block:hover .caption-box h4{
	color: var(--color);
}

.service-block .overlay-box{
	position: absolute;
	left: 0;
	top: 100%;
	height: 100%;
	width: 100%;
	background-color: rgb(255,255,255,.90);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 600ms ease;
}

.service-block .inner-box:hover .overlay-box{
	top:0%;
}

.service-block .overlay-box:before{
	position: absolute;
	left: 40px;
	bottom: 0;
	height: 90%;
	width: 1px;
	background-color: var(--color);
	content: "";
	opacity: .70;
}

.service-block .overlay-box:after{
	position: absolute;
	bottom: 40px;
	left: 0;
	height: 1px;
	width: 90%;
	background-color: var(--color);
	opacity: .70;
	content: "";
}

.service-block .overlay-box .inner{
	position: absolute;
	left: 0;
	bottom: 100px;
	width: 100%;
	padding-left: 70px;
	padding-right: 30px;
}

.service-block .overlay-box .text{
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 27px;
	color: #333;
	font-weight: 400;
	margin-bottom: 20px;
}

.service-block .overlay-box .link-box{
	position: relative;
	display: block;
}

.service-block .overlay-box .link-box a{
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 1.2em;
	color: var(--color);
	font-weight: 700;
	font-family: "Lora", sans-serif;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.service-block .overlay-box .link-box a:hover{
	color: var(--color);
}

.service-block .overlay-box .link-box a i{
	margin-left: 5px;
}
.wps_featured .slick-prev{left: -20px;}
.wps_featured .slick-next{right: -20px;}
.results .slick-prev{left: -20px;}
.results .slick-next{right: -20px;}
 /* For inner pages*/
.products_heading{float:left;width:100%;text-align:center;}
.products_heading h1{font-size:30px;line-height:30px;display:inline-block;text-transform:capitalize;margin:0;font-weight:600;}
.separator{line-height:0.5;text-align:center;margin:10px 0 50px 0;}
.separator span{display:inline-block;position:relative;}
.separatorss span:before,
.separatorss span:after{content:"";position:absolute;border-bottom:5px solid var(--color);top:0px;width:30px;}
.separator span:before{right:100%;}
.separator span:after{left:100%;}
.feature_sec{display:block;overflow:hidden;margin-top:0px;margin-bottom:9px;}
.feature_sec h3{position: relative; display:block;overflow:hidden;width:100%;text-align:center;float:inherit;padding:0 20px;margin-bottom:5px; height: 55px;}
.feature_sec h3 a{position: absolute; left: 50%; top: 50%; max-width: 100%; transform: translate(-50%,-50%); width:100%; font-weight:400;font-size:16px;color:#333;text-transform:none; color: #333; line-height:23px;text-transform: capitalize;}
.feature_sec h3 a:hover{ color: var(--color);}
.feature_sec p a{display:block;overflow:hidden;width:100%;text-align:center;float:inherit;font-weight:400;font-size:15px;color:var(--color);}


.why-choose-us{ float: left; width: 100%; position: relative; padding: 80px 0 50px;}
/*.why-choose-us:before{
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 35%;
	background-color: #f7f7f7;
	content: "";
}*/
.inner-column .title{padding-bottom: 10px;}
.inner-column .title h2{text-align: left;}
.why-choose-us .image-column{
	position: relative;
	margin-bottom: 50px;
}

.why-choose-us .image-column .inner-column{
	position: relative;
}

.why-choose-us .image-column .image{
	position: relative;
	margin-bottom: 0;
	display: inline-block;
    float: right;
}

/*.why-choose-us .image-column .image:before{
	position: absolute;
	top: 60px;
	left: -65px;
	width: 65px;
	height: 460px;
	background-image: url(/web/20250207180459im_/https://nazleatherexport.com/assets/designer/themes/default/template-autom/images/pattern-4.jpg);
	content: "";
	z-index: 1;
}*/

.why-choose-us .image-column .image img{
	display: block;
	max-width: 100%;
	height: auto
}

.why-choose-us .features-column{
	position: relative;
}

.why-choose-us .features-column .inner-column{
	position: relative;
}

.why-choose-us .features-column .sec-title{
	margin-bottom: 0px;
}
.mt20{margin-top: 20px;}
.feature-box-3{margin-bottom: 10px; min-height: 92px;}
.feature-box-3 .icon {float: left; margin-right: 20px; text-align: center; border-radius: 0%; border: 1px solid var(--color); padding: 8px;}
.feature-box-3 .icon i {font-size:45px;}
.feature-box-3 .content { display: table-cell; margin-top: 10px; vertical-align: top; }
.feature-box-3 .content h5 { margin-bottom: 0px; margin-top: 10px; }
.feature-box-3 .content h6 { margin-bottom: 0px; margin-top: 10px; font-size: 16px;
    font-style: normal; font-weight: 600;  line-height: 24px; text-transform: uppercase;}
.feature-box-3 .content p { margin-top: 0px !important; }
.read_more_btn a{
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 50px;
    padding: 0 30px;
    letter-spacing: normal;
    text-transform: uppercase;
    text-align: center;
    color: #ffffff;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    display: inline-block;
    transition: all 0.5s; background: var(--color);}
.read_more_btn a i{font-size: 25px; margin-left: 15px; margin-top: 12px; float: right;}
.read_more_btn a:hover{background: var(--color); color: #fff;}
.background_1{background: url(/web/20250207180459im_/https://nazleatherexport.com/assets/designer/themes/default/template-autom/images/background1.jpg), no-repeat; background-position: center center; position: relative;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.background_1:before{position: absolute; top: 0; left: 0; content: ''; width: 100%; height: 100%; background: rgba(0,0,0,0.7);}
.product_block{position: relative; display: block; margin-right: 10px; background: #fff;}
.image_02{position: relative; text-align: center; margin: 0; padding: 0; height: 250px; border-bottom: 1px solid #ccc; overflow: hidden;}
.image_02 img{position: absolute; top: 50%; left: 50%; max-width: 100%; transform: translate(-50%,-50%); max-height: 100%; width: 100%; height: 100%;object-fit: cover;}
.product_title{padding:10px 10px;}
.product_title h3{margin: 0; padding:0; line-height: 20px; font-size: 17px; color: #333; text-align: center; position: relative; height: 60px;}
.product_title h3 a{color: #333;}
.product_title h3 a span{position: absolute; top: 50%; left: 50%; max-width: 100%; width: 100%; max-height: 100%; text-align: center; transform: translate(-50%,-50%);}
.product_block:hover .product_title h3 a{color: var(--color);}

.testimonials_section { float: left; width: 100%; padding: 60px 0 80px;
    background-image: url(/web/20250207180459im_/https://nazleatherexport.com/assets/designer/themes/default/template-autom/images/background2.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    position: relative;
    z-index: 1;
}
.post-content{
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.testimonials_section:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 300px;
    background-color: #fff;
    background: rgba(255,255,255,0.9);
    z-index: -1;
}
.testimonials_section:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(12,14,102,0.7);
    z-index: -2;
}
.testimonials_column{
    background: #ffffff;
    padding: 30px 15px;
    box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
}

.testimonial-item {
    padding-left: 35px;
}
.ti-text {
    padding-left: 60px;
    padding-top: 37px;
    padding-bottom: 25px;
    border: 1px solid #efefef;
    position: relative;
    background: #fff;
    margin-bottom: 15px;
}
.ti-badge {
    position: absolute;
    width: 50px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    top: 40px;
    left: -18px;
    background: var(--color);
    color: #fff;
}
.ti-badge:after {
	position: absolute;
	content: '';
	border-bottom: 9px solid #0b0d4a;
	border-right: 9px solid #0b0d4a;
	border-left: 9px solid transparent;
	border-top: 9px solid transparent;
	bottom: 100%;
	left: 0;
}

.ti-badge:before {
	font-size: 24px;
}
.ti-words {
    font-size: 16px;
    line-height: 24px;
}
.ti-info ul li{float: left;}
.ti-info ul li img{width: 75px; height: 75px; border: 2px solid var(--color);}
.ti-name {
    font-size: 16px;
    line-height: 25px;
    color: var(--color);
    margin:0px;
    padding: 0;
}
.ti-info ul li p{margin: 0; color: #333;}
.md-header {
    font-size: 36px;
    line-height: 45px;
    color: #fff;
    text-align: left;
}



/* Home Nature Life */
.web-pulse-choose{float:left;width:100%;color:#fff;padding:80px 0 0;background:url(/web/20250207180459im_/https://nazleatherexport.com/assets/designer/themes/default/template-autom/images/home/background1.jpg) no-repeat fixed;text-align:center;background-repeat:repeat;background-size:100%!important;position:relative;}
.web-pulse-choose:before{background-color:rgba(17, 17, 17, 0.6);content:"";height:100%;left:0;position:absolute;top:0;width:100%;}

.red-sec-heading{border-bottom:1px solid rgba(255, 255, 255, 0.2);padding:0px 0 50px;margin-bottom:15px;}
.red-sec-heading h5{color:#fff;margin:0;float:left;font-size:30px;font-weight:bold;}
.why_choose_p{ color: #fff; text-align: left; margin-bottom: 15px;}
.icon_box{background:var(--color); text-align: left; padding-left: 15px !important; position: relative; padding: 20px !important; margin-bottom: 30px; overflow: hidden; border-radius: 0; min-height: 200px; transition: all .3s ease;}
.icon_box img{
  display: inline-block;
  font-size: 42px;
  transition: all 0.3s ease;
  font-weight: 600;
  vertical-align: text-bottom;
}
.media-heading{ text-align: left; padding: 0; margin-bottom: 10px !important; color: #fff; font-size: 16px;}
.icon_box p{ color: #fff; font-weight: 400;}
.icon_box:hover{transform: translateY(-5px);}


.webpulse-home_blog{float:left;width:100%;margin:0;padding:50px 0 0;background:#f0f0f0;}
.blog-2 {
    margin-bottom: 30px;
    border-radius: 0;
    border: none;
    box-shadow: 0 0 35px rgba(0, 0, 0, 0.1);
    background: #fff;
}

.blog-2 .bp{
    clip-path: polygon(0 0, 100% 0, 100% 90%, 0% 100%, 0 100%);
}

.blog-2 .blog-photo{
    position: relative;
    height: 230px;
}
.blog-2 .blog-photo img{position: absolute; top: 50%; left: 50%; max-width: 100%; transform: translate(-50%,-50%); max-height: 100%;    height: 100%;
    width: 100%;
    object-fit: cover;}
.blog-2:hover{
    -webkit-box-shadow: 0 10px 30px 0 rgba(58, 87, 135, .15);
    -moz-box-shadow: 0 10px 30px 0 rgba(58, 87, 135, .15);
    box-shadow: 0 10px 30px 0 rgba(58, 87, 135, .15);
}

.date-box span {
    font-size: 19px;
    display: block;
    line-height: 22px;
    color: #fff;
}

.blog-2 .date-box {
    position: absolute;
    bottom: 0;
    font-size: 13px;
    color: #fff;
    width: 60px;
    height: 60px;
    text-align: center;
    padding-top: 10px;
    right: 19px;
    border-radius: 5px 5px 0 5px;
    background: var(--color);
}

.blog-2 .date-box:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-top: 0;
    border-bottom: 10px solid transparent;
    bottom: -10px;
    right: 0;
    border-right: 10px solid var(--color);
}

.blog-2 .detail {
    padding: 30px 20px 10px;
}

.blog-2 p{
    font-size: 15px;
}
.blog-2 h4{text-align: left; margin: 0; padding: 0; position: relative; height: 70px;}
.blog-2 h4 span{position: absolute; top: 50%; left: 50%; max-width: 100%; transform: translate(-50%,-50%); width: 100%;}
.blog-2 h4 a{
    font-size: 18px;
    margin-bottom: 10px;
    line-height: 24px;
    font-weight: 600;
    color: #333;
}

.blog-2:hover h4 a{
    color: var(--color);
}


/* Home Clients */
.webpulse_home_clients{float: left; width: 100%; margin: 0; padding: 40px 0;}
.webpulse_home_clients .clients{border:solid 1px #02703c;max-width:100%;background:#fff;margin-bottom:26px;position:static;opacity:1;margin:0 10px 10px 0;transition:opacity 0.3s ease;top:0;left:0}
.webpulse_home_clients .item .image{position:relative;padding:5px 10px 0px; text-align:center;min-height:100px;max-height:100px;overflow:hidden;}
.webpulse_home_clients .item .image img{position: absolute;max-width: 100%;top: 50%;left: 50%;transform: translate(-50%,-50%);width: auto;max-height: 100%;}


/* Home Testimonials */
.home_testimonials_webpulse{float:left;width:100%;color:#fff;padding:50px 0 30px;background:url(/web/20250207180459im_/https://nazleatherexport.com/assets/designer/themes/default/template-autom/images/home/testimonial-bg.jpg) no-repeat fixed;text-align:left;background-repeat:repeat;background-size:100%!important;position:relative;}
.home_testimonials_webpulse:before{background-color:rgba(17, 17, 17, 0.5);content:"";height:100%;left:0;position:absolute;top:0;width:100%;}
.home_testimonials_webpulse h3{float:left;width:100%;font-size:24px;color:#fff;text-align:left;margin-bottom:15px;}
.web-pulse-testimonials{float:left;width:100%;}
.testimonials-item{padding:40px 30px;font-size:15px;font-style:italic;background:#eee;border-radius:4px;line-height:24px;color:#333;}
.dont-know{float:left;width:100%;position:absolute;z-index:999;}
.web-pulse-testimonials .testimonial-info{font-size:16px;padding:0 15px;margin-top:18px;}
.web-pulse-testimonials .testimonial-info span{float:left;top:3px;font-weight:600;position:relative;color:#fff;}
.web-pulse-testimonials .testimonial-info p{color:#fff;display:block;font-size:13px;margin-top:10px;}
.web-pulse-testimonials .testimonial-info img{width:80px;float:left;height:80px;padding:2px;margin-right:15px;border:solid 1px #ccc;}
.web-pulse-testimonials .testimonial-author{overflow:hidden;}
.testimonials-item{position:relative;}
.testimonials-item:after,
.testimonials-item:before{left:80px;bottom:-20px;}
.testimonials-item:after{border-top:22px solid;border-left:0 solid transparent;border-right:22px solid transparent;}
.testimonials-item:after{width:0;height:0;content:" ";display:block;position:absolute;border-top-color:#eee;border-left-style:inset;border-right-style:inset;}
.rounded-x{border-radius:50%;}
.global{float:left;width:100%;}
.global p{text-align:left;color:#fff;font-size:15px;}
.global_image{float:right;padding:0 0 15px 15px;}


/* Home Clients */
.webpulse_home_clients{float: left; width: 100%; margin: 0; padding: 40px 0;}
.webpulse_home_clients .clients{border:solid 1px #d8d8d8;max-width:100%;background:#fff;margin-bottom:26px;position:static;opacity:1;margin:0 10px 20px;transition:opacity 0.3s ease;top:0;left:0}
.webpulse_home_clients .item .image{position:relative;padding:15px 10px 0px; text-align:center;min-height:100px;max-height:100px;overflow:hidden;}
.webpulse_home_clients .item .image img{position: absolute;max-width: 100%;top: 50%;left: 50%;transform: translate(-50%,-50%);width: auto;max-height: 100%;}

.footer-top { float: left; width: 100%;
  position: relative;
  top:0px;
    background: #eee;
  overflow: hidden;
  z-index: 9;
}
.footer-top img {
  position: relative;
  z-index: 9;
    width: 234px;
top: 50px;
}
.footer-top .img-box {
  padding: 0;
}
.footer-top .right-text {
  padding: 0;
  position: relative;
}
.footer-top .right-text .text-box {
  position: relative;
  z-index: 10;
  top: 50px;
}
.footer-top .right-text .text-box h3 {
  font-size: 24px;
  text-transform: uppercase;
  color: #FFFFFF;
  font-weight: bold;
}
.footer-top .right-text .text-box p {
  font-size:16px;
  font-style: italic;
  color: #FFFFFF;
  line-height: 30px;
  margin-top: 10px;
}
.footer-top .right-text .text-box .number {
  color: var(--color);
  font-size: 24px;
  font-weight: bold;
  font-style: normal;
  vertical-align: middle;
}
.footer-top .right-text .text-box .number + b {
  font-weight: bold;
  color: #fff;
  font-size: 24px;
  text-transform: uppercase;
  vertical-align: middle;
  margin-left: 12px;
}
.footer-top .right-text .text-box a {
  display: inline-block;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 45px;
  border: 1px solid #fff;
  color: #fff;
  font-style: normal;
  padding: 0 25px;
  margin-left: 25px;
  margin-top: 15px;
  transition: all .3s ease;
}
.footer-top .right-text .text-box a i{margin-left: 10px; font-size: 24px;}
.footer-top .right-text .text-box a:hover {
  background: var(--color);
  border-color: var(--color);
    text-decoration: none;
}
.footer-top .right-text:before {
  content: '';
  width: 25000px;
  position: absolute;
  top: 30px;
  left: -70px;
  height: 100%;
  background: var(--color);
  transform: skew(-36deg);
  z-index: 4;
}
.footer-top .right-text:after {
  content: '';
  width: 25000px;
  position: absolute;
  height: 100%;
  top: 50px;
  margin-right: 83px;
  right: 100%;
  background-image: url(/web/20250207180459im_/https://nazleatherexport.com/assets/designer/themes/default/template-autom/images/footer-top-bg.png);
  background-position: center top;
  transform: skew(-36deg);
  opacity: .1;
}
.footer-top .right-text .box {
  position: relative;
  padding-left: 80px;
  padding-top: 40px;
  padding-bottom: 60px;
}
.footer-top .right-text .box:before {
  content: '';
  width: 25000px;
  position: absolute;
  height: 100%;
  top: 50px;
  margin-right: 83px;
  right: 100%;
  transform: skew(-36deg);
  background-color: var(--color);
  z-index: -1;
}


/* Footer */
.web-pulse-india{float:left;width:100%; padding:50px 0px; background: #000 url(/assets/images/footer-bg.png); background-repeat: no-repeat; background-size: cover; background-position: center center; position: relative;}
.web-pulse-india:before{position: absolute; top: 0; left:0; width: 100%; height: 100%; content: '';  background: var(--secondColor); opacity: 0.97}



.web-pulse-india h4{ float: left; width: 100%; font-size:22px;text-align:left;color:#fff;margin-bottom:10px;}
.web-pulse-india p{float: left; width: 100%;  color:#fff;}
.web-pulse-india p a{ float: left; color:#fff;}
.web-pulse-india p a:hover{color:var(--color);}
.web-pulse-india p span{ float: left;}
.web-pulse-india h4 span{color:var(--color);}
.contact{
  list-style: none;
  margin: 0;
    padding: 0;
}
.contact li {
  margin-bottom: 12px;
    color: #fff;
    font-size: 16px;
    display: flex;
    width: 100%;
}
.contact li i,
.contact li span {
  min-width: 25px;
}
.contact li .glyphicon {
  font-family: 'Glyphicons Halflings';
  font-size: 14px;
  line-height: 20px;
}
.contact li a {
  color: #fff;
    display: inline-block;
}

.contact li a:hover {
  color: var(--color);
}
.come_with_us {
  color: #fff;
  margin-top:0px;
    font-size: 16px;
}
.come_with_us i {
  color: var(--color);
  font-size: 18px;
  margin-right: 10px;
}
.come_with_us a {
  color: var(--color);
  text-decoration: underline;
    display: inline-block;
    
}
.come_with_us a:hover {
  color: var(--color);
}


.footer-links{float:left;width:100%;margin:0;padding:0;}
.footer-links li{line-height:30px;list-style:none;color:#fff;font-size:16px;}
.footer-links a{color:#fff;text-transform:capitalize!important;}
.footer-links a:hover{color:var(--color);}
.wps_copy{float:left;width:100%;background:#552106;line-height:40px;color:#fff;}
.wps_copy a{ 
    color: #ffffff!important;
    display: inline-block;
    text-decoration: underline;
}
.wps_copy a:hover{ color: var(--secondColor);}
.social-icons{float:left;overflow:hidden;margin:0;}
.social-icons li a{height:40px;width:40px;background:#e1e1e1;border-radius:100%;line-height:40px;text-align:center;font-size:16px;}
.social-icons li a:hover{color:#fff;}
.social-icon{padding:16px 20px;}
.social-icons .facebook:hover{background:#3c5899;}
.social-icons .twitter:hover{background:#5ea9dd;}
.social-icons .youtube:hover{background:#ee1c1b;}
.social-icons .pinterest:hover{background:#ee1c1b;}
.social-icons .linkedin:hover{background:#0077B5;}
.car_gototop { width: 85px; position: fixed; bottom: -180px; right: 10px; z-index: 9999; opacity: 1; cursor: pointer; }
.car_gototop.show { bottom: 5% !important; -webkit-transition: 1.0s; -moz-transition: 1.0s; transition: 1.0s; }
.car_gototop.car-run { bottom: 100% !important; -webkit-transition: 1.0s; -moz-transition: 1.0s; transition: 1.0s; }
.car_gototop.car-down { -webkit-transition: 1.0s; -ms-transition: 1.0s; -o-transition: 1.0s; -moz-transition: 1.0s; transition: 1.0s; }
.car_gototop:before, .car_gototop:after { content: ""; position: absolute; -o-transition: 0.2s; -webkit-transition: 0.2s; -ms-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; opacity: 0; }
.car_gototop:hover:before, .car_gototop:hover:after, .car_gototop.car-run:before, .car_gototop.car-run:after { opacity: 1; }
.car_gototop:before, .car_gototop.car-run:before {top: -1px; left: 0px; width: 85px; height: 89px; background: url(/web/20250207180459im_/https://nazleatherexport.com/assets/designer/themes/default/template-autom/images/car-focus.png) no-repeat 0 0; }


/* Send Enquire */
.enquiry{position: fixed;z-index: 1000;bottom: 28px;left: 25px;height: 50px;color: #fff;font-size: 18px;text-align: center;text-decoration: none;cursor: pointer;}
.enquiry i{ float: left;z-index: 999;position: absolute;left: 0;width: 50px;height: 50px;border-radius: 50%;
            color: #fff;font-size: 24px;line-height: 50px;text-align: center;text-decoration: none;cursor: pointer;background: var(--color);transition: 0.5s; box-shadow: 0px 2px 6px rgba(0,0,0,0.4);}
.enquiry strong{ background: #333;color: #fff;padding: 10px 20px;border-radius: 0 30px 30px 0;height: 45px;float: left;font-size: 15px;margin-top: 3px;margin-left: 35px; box-shadow: 2px 2px 6px rgba(0,0,0,0.4);}
.enquiry i:hover{ color:#fff; background: var(--color);}
.enquiry strong:hover{ color:var(--color); background: #eee;}

/* Modal Form*/
.modal-content{border-radius: 0;}
.modal-header{ padding: 0 15px; background: var(--color); color: #fff;}
.modal-header h4{ text-align: left; font-size: 18px; line-height: 18px; color: #fff;}
.close{float: right;font-size: 23px;font-weight: 600;line-height: 2;color: #fff;text-shadow: 0 1px 0 #fff;    opacity: .7;}
.close:hover, .close:focus {color: #fff;text-decoration: none;cursor: pointer;opacity: .9;}
.send_p{font-size: 13px; line-height: 18px; text-align: center;}
.modal-body input[type="text"], .modal-body select,
.modal-body input[type="number"]{width:100%; padding:5px 12px; border-radius:0px;}
.modal-body textarea{width:100%; height:120px; padding:5px 12px; border-radius:0px;}
.modal-body select{ width: 100%;}
.pac-container { z-index: 100000; }
.g-recaptcha{transform:scale(0.80);transform-origin:0 0;-webkit-transform-origin:0 0}
.modal_btn{width:auto; background:var(--secondColor); padding: 8px 25px; border:none; color:#fff; font-size:14px; border-radius:4px; cursor: pointer;}
.modal_btn:hover,.modal_btn:focus{background: var(--color); color: #fff;}


/* Inner Heading Banner*/
.heading_banner{ float: left; width:100%; position:relative;background-size:100%;padding:150px 0 70px;margin:0;background-repeat: no-repeat; background-size: cover;}
.heading_banner::before{position:absolute;display:block;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.4);top:0;left:0;z-index:0;content:'';}
.heading_banner h1{margin: 0 0 10px;text-transform: capitalize;font-size: 36px;font-weight: 600;color: #fff;
                   text-align: center;background: rgba(0, 0, 0, 0.5);display: inline-block;width: auto;padding: 10px 20px;}
.heading_banner h2{margin:0;letter-spacing:0px;text-transform:capitalize;font-size:18px;font-weight:normal;color:#eee;text-align:center;text-align: center;background: rgba(0, 0, 0, 0.5);display: inline-block;width: auto;padding: 10px 20px;}

.heading_banner .cat_title{margin: 0 0 10px;text-transform: capitalize;font-size: 36px;font-weight: 600;
                           color: #fff;text-align: center;background: rgba(0, 0, 0, 0.5);display: inline-block;width: auto;padding: 10px 20px;}
.heading_banner .cat_title2{margin:0;letter-spacing:0px;text-transform:capitalize;font-size:18px;font-weight:normal;color:#eee;text-align:center;text-align: center;background: rgba(0, 0, 0, 0.5);display: inline-block;width: auto;padding: 10px 20px;}


/* Breadcrumb*/
.inner_breadcrumb{ float: left; width: 100%; background:#fff;position:relative;margin:0;box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.2);}
.inner_breadcrumb .breadcrumb{background:none;border-radius:0;border:none;list-style:none;padding:0;float:left;display:inline-block;text-transform:capitalize;margin:0;}
.inner_breadcrumb .breadcrumb li{font-weight:bold;text-transform:uppercase;color:#666;float:left;display:inline-block;line-height:55px;}
.inner_breadcrumb .breadcrumb li a{float: left; padding:0;color:#666;letter-spacing:0.3px;}
.inner_breadcrumb .breadcrumb li:before{font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;padding:0 14px;color:#fff;display:inline-block;}
.inner_breadcrumb .breadcrumb li.active{color:var(--color);}
.inner_breadcrumb .breadcrumb li + li:before{content:"\f105";color:#fff;padding:0 14px;}
.inner_breadcrumb .breadcrumb li + li:before{ float: left; padding:20px 10px;color:#bfbfbf;}

/* About Us */
.about_page{float:left;width:100%;margin:0;padding:50px 0;background:#eee; position: relative;}
.left_sidebar{float: left; width: 100%; margin: 0 0 25px; padding: 0;}
.left_sidebar .left_title {float: left; width: 100%; padding: 8px 10px; margin: 0; line-height: 30px;background:#be9458; font-size: 24px; color: #fff; font-weight: 600;}
.left_sidebar form{float: left; width: 100%;background: #fff; padding: 10px 10px 10px;}

.left_image{ float: left; width: 340px; margin:0px 15px 15px 0; text-align: center;}
.left_image .left_centered{width: 100%; position:relative;padding:0px;min-height:260px;overflow:hidden;  border: 1px solid #eee;}
.left_image .left_centered .image{width: 100%; text-align: center; overflow: hidden; position: relative; height: 260px; transition: transform .5s ease;}
.left_image .left_centered .image img { position: absolute; max-width: 100%; top: 50%; left: 50%; transform: translate(-50%,-50%); width: auto; max-height: 100%;}
.left_image:hover .left_centered .image{}


.right_image1{ float: right; width: 340px; margin:0px 0px 15px 15px; text-align: center;}
.right_image1 .left_centered{width: 100%; position:relative;padding:0px;min-height:260px;overflow:hidden;  border: 1px solid #eee;}
.right_image1 .left_centered .image{width: 100%; text-align: center; overflow: hidden; position: relative; height: 260px; transition: transform .5s ease;}
.right_image1 .left_centered .image img { position: absolute; max-width: 100%; top: 50%; left: 50%; transform: translate(-50%,-50%); width: auto; max-height: 100%;}
.right_image1:hover .left_centered .image{}


.client_satisfaction{ float: left; width: 200px; margin:0px 15px 15px 0; text-align: center;}
.client_satisfaction .client_centered{width: 100%; position:relative;padding:0px;min-height:200px;overflow:hidden;  border: 1px solid #eee;}
.client_satisfaction .client_centered .image{width: 100%; text-align: center; overflow: hidden; position: relative; height: 200px; transition: transform .5s ease;}
.client_satisfaction .client_centered .image img { position: absolute; max-width: 100%; top: 50%; left: 50%; transform: translate(-50%,-50%); width: auto; max-height: 100%;}
.client_satisfaction:hover .client_centered .image{}



/* left menu */
.left_sidebar ul{ float: left; width: 100%; padding: 0; margin: 0;background:#6d2c0a;}
.left_sidebar ul li{float:left;width:100%;padding:0;margin:0;border-bottom:1px solid #444; list-style: none;}
.left_sidebar ul li a{color:#FFF;text-transform:uppercase;padding:10px;font-weight:500; line-height:20px; font-size: 14px;}
.left_sidebar ul li a:hover,.left_sidebar ul li a:focus,.left_sidebar ul li a.active{background:#be9458;color:#fff;}
.left_sidebar ul li ul{float:left;width:100%;margin:0;padding:0;background:#fff;}
.left_sidebar ul li ul li{border-bottom:1px dashed #CCC;list-style-type:none;position:relative;}
.left_sidebar ul li ul li a{display:block;font-weight:500;color:#000;text-align:left;font-size:12px;padding:4px 15px;text-decoration:none;text-transform:uppercase;line-height:24px;}
.left_sidebar ul li ul li a:hover,.left_sidebar ul li ul li a:focus,.left_sidebar ul li ul li a.active{background:#be9458;color:#fff;}
.left_sidebar ul li ul li a i{float:right;line-height:24px;}
.left_sidebar ul li ul li ul{display:none;transition:all 2s;position:absolute;left:98%;top:0px;z-index:200;background:#fff;width:200px;box-shadow:0px 2px 5px 0px rgba(0, 0, 0, 0.75);}
.left_sidebar ul li ul li:hover ul{display:block;transition:all 2s;}
.left_sidebar ul li ul li ul li a{display:block;font-weight:400;color:#333;text-align:left;font-size:13px;padding:4px 15px;text-decoration:none;text-transform:capitalize;line-height:24px;}
.left_sidebar ul li ul li ul li a:hover,.left_sidebar ul li ul li ul li a:focus,.left_sidebar ul li ul li ul li a.active{background:#be9458;color:#fff;}


/* fixed */
#sidebar {width: 274px;float:left;animation-delay: 5s;}
#sidebar.stick {position: fixed;top: 50px;z-index: 991; border-radius: 0 0 0.5em 0.5em;}



/* About Right*/
.right_side .cat-widget-title{padding: 8px 10px; margin: 0 0 10px;line-height: 30px;background:#be9458;font-size: 24px;color: #fff;font-weight: 600;}
.right_side h1 {padding: 8px 10px; margin: 0 0 10px;line-height: 30px;background:#be9458;font-size: 24px;color: #fff;font-weight: 600;}
.right_side h2 {padding:0px; margin: 20px 0 5px;line-height: 30px;font-size: 22px;color: #333;font-weight: 600;}
.right_side h3{padding:0px; margin: 10px 0 5px;line-height: 30px;font-size: 20px;color: #333;font-weight: 600;}
.right_side .title_holder_inner h2{padding: 8px 10px; margin: 0 0 10px;line-height: 30px;background:#be9458;font-size: 24px;color: #fff;font-weight: 600;}
.wps_right{ float: left; width: 100%; background: #fff; padding: 10px; border: 1px solid #ccc; margin-bottom: 20px;}
.right_side p{ line-height: 24px; margin-bottom: 10px; text-align: justify; font-size:15px; font-weight: normal}
.right_side .about_b{ float: left; width: 100%; overflow: hidden; height: 230px; margin-bottom:15px;}
.right_side .about_image{position:relative;padding:0px;text-align:center;min-height:230px;overflow:hidden; transition: all 0.4s ease-in-out; border: 1px solid #eee;}
.right_side .about_image img{ position: absolute; margin:auto; padding: 0; top:50%;left:50%; transform: translate(-50%, -50%); max-width: 100%; width: 100%; max-height: 100%;}
.right_side .factsheet .info h4{ font-size: 16px;}
.right_side .factsheet .info p{font-size: 13px;}
.right_side ul{ margin: 0 0 25px; padding: 0;}
.right_side ul li{ list-style: none; line-height: 24px; color: #423f3f; font-size: 15px; font-weight: normal;}
.right_side ul li::before {content: "\f0da"; font-family: "FontAwesome"; margin-right: 5px;}


/* About Team*/
.team{float:left;width:100%;margin:0;padding:50px 0;background:#fff; position: relative;}
.team_box{ float: left; width: 100%; margin: 0 0 15px; padding: 0;}
.team_box .team_image{background:#fff;text-align: center;position: relative;overflow: hidden;height: 280px; border: 1px solid #ccc;}
.team_box .team_image img{max-width: 100%;position: absolute;top:50%;left: 50%;transform: translate(-50%, -50%);width: auto;max-height: 100%;}
.team_box .team_content{padding: 10px 15px;text-align: center;cursor: pointer;position: relative;border: 2px solid #ccc;margin: 3px 0 0;}
.team_box .team_content h4{color:var(--color);margin: 0;padding: 0;font-size: 17px;}
.team_box .team_content p{letter-spacing: 0.3px; color: #333; margin: 0;}





/*** About Page2  */
.about_page2{float:left;width:100%;margin:0;padding:50px 0;background:#fff; position: relative;}
.certified_area2 { float: left; width: 100%; padding: 0px 0px 50px;}
.certified-text{float: left; width: 100%; margin-bottom: 10px;}
.frame-text {
  font-size: 72px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 800;
  line-height: 100px;
  background: var(--color);
  padding: 0px 15px;
  float: left;
  margin-right: 20px;
}
.certified-text h4 {
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 15px;
  text-transform: none;
  color: #333;
  text-align: left;
  padding: 0;
}
.certified-certi img {
  width: 50%;
  float: left;    
}
.certi-img-1 {
  padding-right: 10px;
}

.certi-img-2 {
  padding-left: 10px;
}
.certified-inner {
  margin-bottom: 25px;
}

.certified-inner p{font-size: 14px; line-height: 24px; margin-bottom: 35px;}
.certified-inner ul{margin: 0; padding: 0;}
.certified-inner ul li {
  color: #333;
  padding-left: 30px;
  margin: 10px 0px;
  position: relative;
  font-size: 14px;
  list-style: none;
}
.certified-inner ul li::after {
    position: absolute;
    content: "";
    left: 5px;
    top: 10px;
    background: var(--color);
    width: 8px;
    height: 8px;
}
.about_right2 {
    float: right;
    width: 550px;
    margin: 0 0 15px 15px;
    text-align: center;
}

.about_right2 iframe {
    width: 100%;
    height: 315px;
}

.webpule_quote {
    float: left;
    width: 100%;
    background: var(--color);
    display: block;
    overflow: hidden;
    padding: 20px 0;
}
.banner-contact {
    float: right;
}

.banner-contact span i {
  display: inline-block;
  width: 40px;
  height: 40px;
  color: #fff;
  border: 1px solid #fff;
  text-align: center;
  line-height: 40px;
  border-radius: 50%;
  margin-right: 20px;
  margin-top: 5px;
}
.banner-contact span {
  color: #fff;
  font-weight: 700;
  font-size: 20px;
  margin-right: 20px;
}
.banner-btn {
  float: right;
  display: inline-block;
  padding: 10px 20px;
  color: #fff;
  font-weight: 700;
  font-size: 18px;
  background: var(--color);
  border-radius: 0px;
}
.banner-btn:hover,.banner-btn:focus{
  background: #333;
  color:#fff;
}
.banner-content h4 {
  float: left;
  margin-bottom: 0;
  color: #fff;
  font-size: 24px;
  max-width: 600px;
  line-height: 32px;
  text-align: left;
  padding: 7px 0px;
}

/* Products Page */
.product_listing{float:left;width:100%;margin-bottom:15px;box-shadow:0px 3px 5px 0px rgba(210, 210, 210, 0.75);transition:all 0.35s ease-in-out;border-style:solid;border-width:1px 1px 0px 1px;border-color:#eee;}
.product_listing .product{width: 100%; position:relative;text-align:center;min-height:200px;overflow:hidden;border-right:1px solid #eee;}

.product_listing .product .image1{width: 100%;text-align: center;overflow: hidden;position: relative;height: 225px;transition: all 0.4s ease-in-out;}
.product_listing .product .image1 img{position: absolute;max-width: 100%;top: 50%;left: 50%;margin: auto;transform:translate(-50%, -50%);width: auto;max-height: 100%;height: 100%;width: 100%;object-fit:cover;}
.product_listing:hover .product .image1{transform:scale(1.1);}
.padding0{padding:0;}
.right-content{position:relative;}
.right-content h3{line-height:24px;padding:10px 0;text-align:left; margin: 0;}
.right-content h4{line-height:24px;padding:10px 0;text-align:left;}
.blue-line1{width:100%;display:block;height:1.1px;background:#eee;position:relative;margin-bottom:10px;padding:0 15px;}
.read_more_product{background:var(--secondColor); padding: 7px 10px; font-size:14px;color:#fff;margin:10px 0px 10px 0px;display: inline-block;width: auto;border-radius: 3px;}
.read_more_product:last-child{background: var(--color); color: #fff;}
.read_more_product i{margin-left:10px;}
.read_more_product:hover,.read_more_product:focus{color:#fff; background: var(--color);}
.product_listing:hover .right-content h3 a{color:var(--color);}
.product_listing:hover .right-content h4 a{color:var(--color);}

/* Products Poup */
.product_popup{ float: left; width: 100%; margin: 0; padding: 0;}
.product_popup_image{ width: 100%; margin-bottom: 15px; border: 1px solid #ccc; overflow: hidden; position: relative; height: 300px;}
.product_popup_image img{ position: absolute; max-width: 100%; top:50%; left: 50%; transform: translate(-50%, -50%); max-height: 100%; width: auto; margin: auto;}
.product_popup h4{ color: var(--color); font-size: 17px; font-weight: 600; text-transform: uppercase; margin-bottom: 8px; text-align: left; padding: 0;}
.product_popup p{ font-size: 14px; line-height: 24px; color: #333; text-align: left; margin-bottom: 15px;}
#product_enquiry label.error{color:#FB3A3A;font-weight:normal;}



/* Product Sub Listing */
.product_right_image{ float: right; width: 400px; margin:0px 0 15px 15px; text-align: center;}
.product_right_image iframe{ width: 100%; height: auto;}
.product_right_image .detail_image{width: 100%; text-align: center; overflow: hidden; position: relative; height: 400px;}
.product_right_image .detail_image img { position: absolute; max-width: 100%; top: 50%; left: 50%; transform: translate(-50%,-50%); width: auto; max-height: 100%;}
.cat_info p{ font-size: 14px; line-height: 24px; color: #423f3f; text-align: justify; margin-bottom: 15px;}
.product_right_image .detail_enq_btn{width:auto;background:var(--color);color:#fff;text-decoration:none;font-size:15px;padding:8px 20px;margin: 0; display:inline-block!important; border: 0; border-radius: 4px;margin-top: 25px;}
.product_right_image .detail_enq_btn:hover,.product_right_image .detail_enq_btn:focus{background-color:var(--color);color:#fff;}
.product_right_image:hover .detail_enq_btn{background-color:var(--color)!important;color:#fff;}
.product_right_image .product_dimage{width: 100%; text-align: center; overflow: hidden; height: auto;  margin-bottom: 15px;}
.product_right_image .product_dimage .detail_image{ transition: transform .5s ease; transform-origin: center center;}
.product_right_image:hover .product_dimage .detail_image{}


/* You May Also Like  */
.you_may{float: left; width: 100%; padding: 7px 10px;margin: 0 0 8px;line-height: 30px;background: var(--color);font-size: 20px;color: #fff;font-weight: 400;}
.product_more{float: left;width: 100%;border: solid 1px #eee;max-width: 100%;background: #fff;padding-bottom: 11px;margin: 0 0px 30px;text-align: center;}
.product_more .may_image{margin-bottom:13px;text-align:center;min-height:200px;overflow:hidden;}
.product_more .may_image .image{ transition: transform .5s ease; transform-origin: center center;}
.product_more:hover .may_image .image{}
.product_more .may_image .image{position:relative;padding:10px 10px 0px;text-align:center;min-height:250px;overflow:hidden;}
.product_more .may_image .image img{margin:10px auto 0;top: 50%;left: 50%;transform: translate(-50%,-50%); position: absolute; max-height:100%;}
.product_more h4{ float: left; width:100%;text-align:center;padding:0 10px;font-weight:normal;font-size:17px;color:var(--color);margin-bottom:10px;text-transform: capitalize; line-height: 20px; margin: 0 0 10px; position: relative; height: 50px;}
.product_more h4 a{position: absolute; top: 50%; left: 50%; max-width: 100%; transform: translate(-50%,-50%); width: 100%; padding:  0 10px;}
.product_more span{ float: left; width: 100%; padding: 5px 0 10px; color:#423f3f; font-weight: 400;}
.may_btn{background: #333;color: #fff;text-align: center;padding: 8px 20px;width: auto;margin: auto;	transition: 0.5s; border: 0; border-radius: 4px; display: inline-block;}
.may_btn:hover{	background: var(--color); color: #fff;}
.product_more:hover .may_btn{	background: var(--color); color: #fff;}
.may_btn.popupEnqBtn{float: none; width: auto; text-align: center; color: #fff; padding: 8px 20px;}
/* Gallery Page */
.gallery_category{position:relative;overflow:hidden; margin-bottom: 20px;}
.gallery_category:before{position:absolute;content:"";right:20px;bottom:20px;border:2px solid rgba(255,255,255,0.90);box-shadow:0 0 0 30px rgba(255,255,255,0.4);opacity:0;top:20px;left:20px;z-index:1;transition:all .4s ease}
.gallery_category:before{opacity:1}
.gallery_category .gallery_image{transform:scale(1.5) translateY(0);transition:all .4s ease-in-out}
.gallery_category:hover .gallery_image{transform:scale(1.5) translateY(-12px)}
.gallery_category .gallery_image{width: 100%; position: relative; overflow: hidden; height: 285px;}
.gallery_category .gallery_image img{ position: absolute; max-width: 100%; margin: auto; top: 50%; left: 50%; transform: translate(-50%, -50%); max-height: 100%;}
.gallery_category .caption{position:absolute;bottom:calc(50% - 30px);left:50%;transform:translateX(-50%) translateY(50%);z-index:10;text-align:center;width:100%}
.gallery_category:after{position:absolute;content:'';height:100%;width:100%;left:0;background-color:rgba(0,0,0,0.6);transition:opacity .3s ease-in-out;opacity:0;top:0}
.gallery_category:hover:after{opacity:1; background-color: rgba(0,0,0,0.8);}
.gallery_category:after{opacity:1; transition: all 0.4s ease-in-out;}
.gallery_category .caption h3{color:#fff;margin-bottom:10px;transform:translateY(20px);transition:all .5s ease-in-out;opacity:0}
.gallery_category .caption p{transform:translateY(50px);color:rgba(255,255,255,0.7);opacity:0;transition:all .5s ease-in-out}
/*.gallery_category:hover .caption h3,.gallery_category:hover .caption p{opacity:1;transform:translateY(0px)}*/
.gallery_category .caption h3,.gallery_category .caption p{opacity:1;transform:translateY(0px)}
.gallery_category:hover .caption h3{color:var(--color);}
.gallery_category .link-wrap{position:absolute;top:calc(50% - 30px);right:50%;transform:translateX(50%) translateY(-50%);z-index:10}
.gallery_category .link-wrap i{display:inline-block;height:45px;width:45px;line-height:40px;background-color:rgba(255,255,255,0.2);border:2px solid rgba(255,255,255,0.3);text-align:center;color:#fff;font-size:14px;opacity:0;transition:all .5s ease-in-out}
/*.gallery_category .link-wrap a:first-child{transform:translateY(-30px);margin-right:5px}
.gallery_category .link-wrap a:last-child{transform:translateY(-60px)}*/
/*.gallery_category:hover .link-wrap a{opacity:1;transform:translateY(0px)}*/
.gallery_category .link-wrap i{opacity:1;transform:translateY(0px)}
.gallery_category .link-wrap i:hover{background-color:rgba(255,255,255,0.4)}
.gallery_video iframe{ width: 100%; height: 185px!important; margin-bottom: 5px;}




/* Gallery Details */
.gallery_details {position: relative;overflow: hidden;background: #222; margin-bottom: 20px;}
.gallery_details .gdetails_image{width: 100%; transition: all .4s ease-in-out;opacity: 0.9;}
.gallery_details:hover .gdetails_image {filter: blur(4px);}
.gallery_details .gdetails_image{width: 100%; position: relative; overflow: hidden; height: 190px;}
.gallery_details .gdetails_image img{position: absolute; max-width: 100%; margin: auto; top: 50%; left: 50%; transform: translate(-50%, -50%); max-height: 100%; width: auto;}
.gallery_details .caption {position: absolute;bottom: calc(50% - 30px);left: 50%;transform: translateX(-50%) translateY(50%);z-index: 10;text-align: center;width: 100%;}
.gallery_details:before, 
.gallery_details:after {position: absolute;content: '';height: 0px;width: 0px;background-color: transparent;transition: all .3s ease-in-out;opacity: 0;}
.gallery_details:before {border-left: 1px solid #fff;border-top: 1px solid #fff;top: 20px;left: 20px;z-index: 1;}
.gallery_details:after {border-right: 1px solid #fff;border-bottom: 1px solid #fff;bottom: 20px;right: 20px;}
.gallery_details:hover:before, 
.gallery_details:hover:after {height: 40px;width: 40px;opacity: 1;}
.gallery_details .link-wrap {position: absolute;top: calc(55% - 25px);right: 50%;transform: translateX(50%) translateY(-50%);z-index: 10;}
.gallery_details .link-wrap i{display:inline-block;height:45px;width:45px;line-height:40px;background-color:rgba(255,255,255,0.2);border:2px solid rgba(255,255,255,0.3);text-align:center;color:#fff;font-size:14px;opacity:0;transition:all .5s ease-in-out}
.gallery_details:hover .link-wrap i {opacity: 1;transform: translateY(0px);}
.gallery_details .link-wrap i:hover {background: rgba(190,148,88, 0.76);}


/* Video Gallery */
.video_gallery{ float: left; width: 100%; margin: 0 0 20px; padding: 10px; background: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, .3);transition: all .3s ease-in-out}
.video_gallery:hover {box-shadow: 1px 1px 10px rgba(0, 0, 0, .5); padding-top: -2px;}
.video_gallery i{line-height: inherit; color: #ff9900; font-size: 20px;}
.video_gallery iframe{ width: 100%; height: 300px; margin-bottom: 5px;}
.video_gallery h3{font-size: 14px; color: #333; padding: 0; line-height: 24px; font-weight: normal; margin-bottom: 10px;}
.video_gallery h3 i{ width: 50px;height: 50px;background: #e02f2f;border: 1px solid #ce2626;text-align: center;line-height: 45px;float: left;font-size: 30px;color: #fff;margin-right: 15px;}

/* Careers Page  */
.careers_page{float:left;width:100%;margin:0;padding:50px 0;background:#eee; position: relative;}
.careers_right h1{padding: 8px 10px;
                  margin: 0 0 10px;
                  line-height: 30px;
                  background: var(--color);
                  font-size: 24px;
                  color: #fff;
                  font-weight: 600;}
.career_list{float: left; width: 100%; padding:0px; margin: 0 0 20px; border: 1px solid #ccc; background: #fff;}
.career_list h2{ font-size:18px; line-height: 30px; margin: 0 0 10px; padding: 5px 10px; background: #eee;}
.career_list ul {display: inline-block; margin:0px 0 10px; padding:0px;}
.career_list ul li {display: inline-block; margin-right: 15px; list-style: none;}
.career_list ul li:before{ content: none; margin: 0;}
.career_list ul li a {color: #333333; transition: all 0.5s ease-out;}
.career_list ul li i {margin-right: 5px; color: var(--color);}
.detail01{ padding: 0 10px;}
.career_list h2 a{ color: #333;}
.career_list:hover h2 a{ color: var(--color);}
.career_list:hover .read_more_product{ background: var(--color); color: #fff;}
.career_list:hover{box-shadow: 0 0 15px #c1c1c1; border: 1px solid #eee;}



.career_box{float: left; width: 100%; margin: 0 0 15px; border: 1px solid #ccc; padding: 15px 15px; background: #eee; font-size: 16px;}
.career_box i{ color:var(--color); font-size: 20px; margin-right: 10px;}
.upload{ position: absolute; z-index: 9; right: 15px; top: 10px; font-size: 12px!important; line-height: normal!important;}


/* select Option */
.product_add{ position: relative;}
.product_add a.check_product { position: absolute; right: 1px; top: 1px; z-index: 9;/* width: 50px;*/ font-size: 12px; background: #333; color: #fff; cursor: pointer; text-align: center; font-weight: 100; padding: 5px 10px; border-radius: 4px;}
.product_add a.check_product i{font-size:16px; float: left; margin-top: 1px; margin-right: 5px;}
.product_add a.check_product:hover, .product_add a.check_product:focus, .product_add a.check_product i.active{background: var(--color); color: #fff;}
.fa-check{background: var(--color)!important; color: #fff;}

/* View select products */
.product_header{ float: left; width: 100%; /*border: 1px solid #eee;*/ margin-bottom: 20px; padding: 0px;}
/*.product_header.stricky{position: fixed;top: 56px;right:89px;z-index: 999; width: 870px; background: #fff;
    box-shadow: 0 3px 5px rgba(0, 0, 0, .1);}*/
.product_header .container{width: 100%; padding: 10px; border: 1px solid #eee;}
.product_header.stricky{position: fixed;top: 50px;right:0;z-index: 995; width: 100%; }
.product_header.stricky .container{width: 1170px; background: #fff; 
                                   box-shadow: 0 3px 5px rgba(0, 0, 0, .1);}
.product_header.stricky .container .col-lg-2{ width: 10%;}
.product_header .image{float: left; width: 100%; position: relative; height: 80px; text-align: center; border: 1px solid #eee;}
.product_header .image img{ position: absolute; max-width: 100%; top:50%; left:50%; transform: translate(-50%, -50%); width: auto; max-height: 100%; margin: auto; padding: 10px;}
.select_close{ position: absolute; z-index: 999; right: -5px; top: -5px; background: #333; color: #fff; font-size: 13px; width: 20px; height: 20px; line-height: 20px; text-align: center; border-radius: 75%;}
.select_close:hover,.select_close:focus{ background: var(--color); color: #fff;}


/* List and Grid */
.listing_view{float: left; width: 100%; background: #eee; border: 1px solid #ccc; padding: 5px; margin-bottom: 15px;}
.listing_view h3{ line-height: 30px; padding-left: 5px; color: #333; font-size: 17px; margin:5px 0;}
.product_view_btn{float: right;}
.list_btn{ float: left; background: var(--secondColor); color: #fff; margin-left:10px; padding: 10px 20px;}
.list_btn:hover,.list_btn:focus, .list_btn.active{background:var(--color); color: #fff;}
.thumbnail{margin-bottom:20px;padding:0;border-radius:0}
.list_item{float:none;width:100%;margin-bottom:10px}
.list_item .list-group-image{margin-right:10px}
.list_item .thumbnail{margin-bottom:0}
.list_item .caption{padding:9px 9px 0 9px}
.list_item:before,.list_item:after{display:table;content:" "}
.list_item img{float:left}
.list_item:after{clear:both}
.list-group-item-text{margin:0 0 11px}

.list_item .thumbnail .product_view{float: left; width: 30%; padding: 15px; margin-right: 25px; border-right: 1px solid #eee; background: #fff;z-index: 2; margin-bottom: 0;}
.product_view{float: left; width: 100%; margin-bottom: 10px; position: relative; overflow: hidden; height: 250px; padding: 10px; }
.product_view .image{ text-align: center; position: relative; width: 100%; height:220px; overflow: hidden; margin: 0;transition: transform .5s ease;}
.product_view .image img{ position: absolute; max-width: 100%; top:50%; left: 50%; margin: auto; transform:translate(-50%, -50%); width: auto; max-height: 100%; padding: 0px;}
.item_view .thumbnail:hover .product_view .image{}
.item_view .caption{ text-align: center;}
.list_item .caption{ text-align: left;}
.item_view .caption h3{ padding:10px;margin-bottom: 10px; text-transform: capitalize;line-height: 24px; margin: 0; height: auto;}
.list_item .caption h3{ text-align: left; padding: 10px 0 13px;}
.item_view .caption h3 a{font-weight: 600; font-size: 18px; color: #333;}
.item_view:hover .caption h3 a{color: var(--color)}
.item_view .caption h3{ height: 65px;}
.list_item .caption h3{ height: auto;}
.item_view .caption h4{ padding:10px;margin-bottom: 10px; text-transform: capitalize;line-height: 24px; margin: 0;}
.list_item .caption h4{ text-align: left;}
.item_view .caption h4 a{font-weight: 600; font-size: 18px; color: #333;}
.item_view:hover .caption h4 a{color: var(--color)}
.item_view .caption p{ text-align: center; height: 70px; overflow: hidden; display: none;}
.list_item .caption p{ text-align: justify; height: auto; display: block;}
.item_view .caption span{ text-align: center; margin-bottom: 10px; display:block;}
.list_item .caption span{ text-align: justify; margin-bottom: 10px; display:block;}
.item_view .caption .may_btn{display: inline-block;}
.item_view .caption .may_btn:hover, .item_view .caption .may_btn:focus, .item_view .caption .may_btn.active{ background: var(--color); color: #fff;}
.item_view .thumbnail:hover{box-shadow: 1px 1px 10px rgba(0, 0, 0, .5);}
.list_item .caption .subCatList{margin: 0;padding: 0; max-height: 115px; overflow: hidden; overflow-y: auto;}
.list_item .caption .subCatList li{float: left; width: 33%;}
.right_side ul li:before{float: left;}
.list_item .caption .subCatList li a{color: #333; font-size: 13px;}
.list_item .caption .subCatList li a:hover,.list_item .caption .subCatList li:focus{color: var(--color);}
.grid .caption .subCatList{display: none;}

/* Client Page */ 
.client_image{ float: left; width: 100%; margin: 0; padding: 10px; overflow: hidden; position: relative; height: 120px; border: 1px solid #eee; margin-bottom: 15px;}
.client_image .client_logo{overflow: hidden; position: relative; height: 100px; transition: transform .5s ease; }
.client_image:hover .client_logo{ }
.client_image .client_logo img{ position: absolute; max-width: 100%; top:50%; left: 50%; transform: translate(-50%, -50%); margin: auto; max-height: 100%; width:auto;}

/* Blog Page */

.blog_news{ float: left; width: 100%; margin-bottom: 50px;}
.blog_page{float:left;width:100%;margin:0;padding:50px 0;background:#eee; position: relative;}
.blog_page .blog_left h1{padding: 8px 10px;margin: 0 0 10px;line-height: 30px;background: var(--color);font-size: 24px;color: #fff;font-weight: 600;}
.feature_blog{ float: left; width: 100%; margin: 0 0 15px; padding: 0; border: 1px solid #ccc; background: #fff;}
.feature_blog .slick-dots{bottom: -35px;}
.feature_blog .feature_blog_item .image{ width: 100%; margin: 0; position: relative; overflow: hidden; height: 290px;}
.feature_blog .feature_blog_item .image img{ position: absolute; max-width: 100%; margin: auto; top: 50%; left: 50%; transform: translate(-50%, -50%); width: auto; max-height: 100%;}

.feature_blog .feature_blog_item .blog_content{float: left; width: 100%; padding: 0; margin: 0;}
.feature_blog .feature_blog_item .blog_content h2{margin: 10px 0 10px; padding: 0; font-size: 22px; line-height: 30px;}
.feature_blog .feature_blog_item .blog_content h2 a{ color: #333;}
.feature_blog .feature_blog_item:hover .blog_content h2 a{ color: var(--color);}
.feature_blog .feature_blog_item .blog_content .blog_read_more{ float: left; padding: 7px 20px; color: #fff; background: #333; text-decoration: none; border-radius: 4px;}
.feature_blog .feature_blog_item:hover .blog_content .blog_read_more{ background: var(--color); color: #fff;}

.blog_grid{position: relative;}
.blog_grid .image{float: left; width: 100%; margin:0px; position: relative; overflow: hidden; height: 290px; background: #fff;}
.blog_grid .image img{position: absolute; max-width: 100%; margin: auto; top: 50%; left: 50%; transform: translate(-50%, -50%); width: auto; max-height: 100%;height: 100%;width: 100%;object-fit:cover;}
/*.blog_grid a img {min-width: 100%;}*/
.blog_grid .article_title { float: left; width: 100%;background-color: #fff;margin: 0;margin-bottom: 20px;border: 2px solid #ccc;padding: 10px;padding-top: 15px;}
.blog_grid .article_title hr.article_line {
  background-color: var(--color);
  height: 4px;
  margin: 0;
  padding: 0;
  margin: -10px -12px 10px;
  border: none;
  position: relative;
  top: -7px;
}
.blog_grid h4 {
  height: 60px;
  margin-bottom: 0px;
  overflow: hidden;
  text-align: left;
  padding: 0;
}
.blog_grid h4 a{ color: #333;}
.blog_grid:hover h4 a{ color: var(--color);}
.blog_grid .article_title .article_category_name {position: absolute;top: 20px;left: 0;background: #f2f2f2; padding: 5px 10px;font-weight: 600;color: #333;}
.blog_grid .article_title .article_category_name a{ color: #333;}
.left_title1{float: left;width: 100%;padding: 8px 10px;margin: 0 0 10px;line-height: 30px;background:#be9458;font-size: 24px;color: #fff;font-weight: 600;}
.right_news{ float: left; width: 100%; margin-bottom: 15px; border: 1px solid #ccc; background: #fff;}
.right_news .image{float: left; width: 100%; margin:0 0 10px; position: relative; overflow: hidden; height: 130px;}
.right_news .image img{position: absolute; max-width: 100%; margin: auto; top: 50%; left: 50%; transform: translate(-50%, -50%); width: auto; max-height: 100%;height: 100%;width: 100%;object-fit:cover;}
.right_news h5{ padding: 10px; line-height: 18px; font-size: 15px; margin: 0px;}
.right_news h5 a{ color: #333;}
.right_news:hover h5 a{color: var(--color);}

.pager li > a{border-radius: 0px; color: var(--color);}
.pager li > a:hover,.pager li > a:focus {color: #fff; background: var(--color); border-color:var(--color); }




/* New Blog Details Page */
.blog_details{ float: left; width: 100%; background: #fff; border: 1px solid #ccc; padding: 10px;}
.blog_details ul {display: inline-block; margin:0px 0 20px; padding: 0;}
.blog_details ul li {display: inline-block; margin-right: 15px; list-style: none;}
.blog_details ul li:before{ content: none; margin: 0;}
.blog_details ul li a {color: #333333; transition: all 0.5s ease-out;}
.blog_details ul li i {margin-right: 5px;}
.blog_details1{ float: left; width: 100%; margin: 0; padding: 0;}
.blog_details1 .details_image{position: relative; text-align: center; overflow: hidden; height: 375px;  margin-bottom: 15px; border: 1px solid #eee;}
.blog_details1 .details_image img{position: absolute; top: 50%; left: 50%; max-width: 100%; transform: translate(-50%,-50%); width: auto; max-height: 100%;}
.blog_details1 p{ text-align: justify; line-height: 24px;}
.blog_details1 .block-quote {padding: 30px 40px;margin-bottom: 20px;background: #eee;border-left: 3px solid var(--color);}
.blog_details1 .block-quote p{ font-size: 15px; line-height: 24px;}
.blog_details1 h3{ margin: 0 0 5px; padding: 0; line-height: 30px;}
.blog_details1 ul{float: left; width: 100%; margin: 0 0 25px; padding: 0;}
.blog_details1 ul li{width: 100%; display: inline-block;list-style: none; line-height: 24px; color: #423f3f; font-size: 15px; font-weight: normal;}
.blog_details1 ul li::before {content: "\f0da"; font-family: "FontAwesome"; margin-right: 5px;}
.fb-comments{ width: 100%;}


/* Recent Blog */

.recent_blog{position: relative;}
.recent_blog .image{float: left; width: 100%; margin:0px; position: relative; overflow: hidden; height: 190px;}
.recent_blog .image img{position: absolute; max-width: 100%; margin: auto; top: 50%; left: 50%; transform: translate(-50%, -50%); width: auto; max-height: 100%;}
.recent_blog a img {min-width: 100%;}
.recent_blog .article_title { float: left; width: 100%;background-color: #fff;margin: 0;margin-bottom: 20px;border: 2px solid #f2f2f2;padding: 10px;padding-top: 15px;}
.recent_blog .article_title hr.article_line {
  background-color: var(--color);
  height: 4px;
  margin: 0;
  padding: 0;
  margin: -10px -12px 10px;
  border: none;
  position: relative;
  top: -7px;
}
.recent_blog h4 {
  height: 60px;
  margin-bottom: 0px;
  overflow: hidden;
  text-align: left;
  padding: 0;
}
.recent_blog h4 a{ color: #333;}
.recent_blog:hover h4 a{ color: var(--color);}
.recent_blog .article_title .article_category_name {position: absolute;top: 20px;left: 0;background: #f2f2f2; padding: 5px 10px;font-weight: 600;color: #333;}
.recent_blog .article_title .article_category_name a{ color: #333;}



/* Old Blog Page */

.blog_news .image_box {float: left; width: 100%; position: relative; height: 350px; overflow: hidden;
                       border: 1px solid #ccc;}
.blog_news .image_box .blog_image{position: relative; height: 350px; overflow: hidden; transition: all 0.5s ease-out;}
.blog_news:hover .image_box .blog_image{ }
.blog_news .image_box .blog_image img{ position: absolute; max-width: 100%; top:50%; left: 50%; margin: auto; padding: 0; transform: translate(-50%, -50%); width: 100%; height: auto}
.blog_news .content-box { float: left; width: 100%;
                          background: #eee;
                          padding: 20px 20px 20px;
}
.blog_news .content-box h2 {
  text-transform: capitalize;
  line-height: 30px;
  font-size: 20px;
  margin: 0 0 10px;
}
.blog_news .content-box h2 a {
  color: #333333;
  transition: all 0.5s ease-out;
}
.blog_news .content-box p {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #d6d6d6;
}
.blog_btn{ float: right; padding: 7px 20px; background: #333; color: #fff; display: inline-block;}
.blog_btn:hover,.blog_btn:focus, .blog_btn.active{background: var(--color); color: #fff;}
.blog_news:hover .blog_btn{background: var(--color); color: #fff;}
.blog_news:hover .content-box h2 a{ color: var(--color);}
.blog_news .content-box ul {display: inline; margin:0px;}
.blog_news .content-box ul li {display: inline-block; margin-right: 15px;}
.blog_news .content-box ul li:before{ content: none; margin: 0;}
.blog_news .content-box ul li a {color: #333333; transition: all 0.5s ease-out;}
.blog_news .content-box ul li i {margin-right: 5px;}
.sidebar_post{float: left; width: 100%; padding: 10px 15px; background: #eee;}
.sidebar_post .media { float: left; width: 100%; margin: 0;
                       margin-bottom: 15px;
                       border-bottom: 1px solid #d6d6d6;
}
.sidebar_post .media:last-child{ border-bottom: 0;}
.sidebar_post .media .media-left {
  float: left;
  width: 80px;
}
.sidebar_post .media .media-left .image{ width: 100%; position: relative; height: 60px; overflow: hidden; border: 1px solid #ccc;}
.sidebar_post .media .media-left .image img{ position: absolute; max-width: 100%; margin: auto; top:50%; left: 50%; transform: translate(-50%, -50%); max-height: 100%; width: auto; padding: 0;}
.sidebar_post .media .media-body h4 {
  font-size: 15px;
  text-transform: capitalize;
  line-height:18px;
  text-align: left;
  padding: 0;
}
.sidebar_post .media .media-body h4 a {
  color: #333333;
  transition: all 0.5s ease-out;
}
.sidebar_post .media .media-body h4 a:hover{ color: var(--color);}
.sidebar_post .media:hover .media-body h4 a{ color: var(--color);}
.line1{ border-top-color: #ccc;}

/* Blog Details  */
.blogdetails img{ width: 100%;}
.blog_news .content_details { float: left; width: 100%;
                              background: #eee;
                              padding: 20px 20px 20px;
}
.blog_news .content_details h2 {
  text-transform: capitalize;
  line-height: 30px;
  font-size: 20px;
  margin: 0 0 10px;
}
.blog_news .content_details h2 a {
  color: #333333;
  transition: all 0.5s ease-out;
}

.blog_news .content_details ul {display: inline; margin:0px;}
.blog_news .content_details ul li {display: inline-block; margin-right: 15px;}
.blog_news .content_details ul li:before{ content: none; margin: 0;}
.blog_news .content_details ul li i {margin-right: 5px;}

.blog_news .block-quote {
  padding: 30px 40px;
  margin-bottom: 20px;
  background: #fdfdfd;
  border-left: 3px solid var(--color);
}
.blog_news .block-quote p{ font-size: 15px; line-height: 24px;}
.blog_news .content_details ol{ width: 100%; margin: 0 0 25px; padding: 0;}
.blog_news .content_details ol li{ list-style: none; line-height: 24px; color: #423f3f; font-size: 15px; font-weight: normal;}
.blog_news .content_details ol li::before {content: "\f0da"; font-family: "FontAwesome"; margin-right: 5px;}
.share-area{background: #fff;
            padding: 15px 30px;
}
.share-area .project-name li {
  display: inline-block;
  margin-right: 20px;
}
.share-area .project-name li:last-child {
  margin: 0;
}
.share-area .project-name li a {
  color: #333333;
  transition: all 0.5s ease-out;
}
.share-area .project-name li a:hover {
  color: #526788;
}
.share-area .social-icon {
  display: inline;
  margin-right: 30%;
}
.share-area .social-icon:last-child {
  margin: 0;
}
.share-area .social-icon li {
  display: inline-block;
  margin: 0!important;
}
.share-area .social-icon li h3 {
  margin: 0;
  font-size: 18px;
  color: #333333;
  margin-right: 10px;
  font-weight: 500;
  line-height: 15px;
}
.share-area .social-icon li i {
  margin-right: 2px;
}
.share-area .social-icon li i:last-child {
  margin: 0;
}
.share-area .social-icon li .fa-facebook {
  color: #ffffff;
  background-color: #3b579d;
  padding: 11px 14px;
  border-radius: 50%;
  transition: all 0.5s ease-out;
}
.share-area .social-icon li .fa-facebook:hover {
  opacity: 0.7;
}
.share-area .social-icon li .fa-twitter {
  color: #ffffff;
  background-color: #1da1f2;
  padding: 11px 12px;
  border-radius: 50%;
  transition: all 0.5s ease-out;
}
.share-area .social-icon li .fa-twitter:hover {
  opacity: 0.7;
}
.share-area .social-icon li .fa-google {
  color: #ffffff;
  background-color: #ea4335;
  padding: 11px 13px;
  border-radius: 50%;
  transition: all 0.5s ease-out;
}
.share-area .social-icon li .fa-google:hover {
  opacity: 0.7;
}
.share-area .social-icon li .fa-linkedin {
  color: #ffffff;
  background-color: #0177b5;
  padding: 11px 13px;
  border-radius: 50%;
  transition: all 0.5s ease-out;
}
.share-area .social-icon li .fa-linkedin:hover {
  opacity: 0.7;
}

/*  Contact Us   */
.contact_page{float:left;width:100%;margin:0;padding:50px 0 50px; position: relative; }
.contact_info{float: left;
              width: 100%;
              margin: 0 0 20px;
              padding: 0;
              text-align: justify;}

.contact_info h2 {
  margin: 10px 0 10px;
  line-height: 24px;
  font-size: 24px;
  color: var(--color);
  font-weight: 600;
  text-transform: capitalize;

}
.contact_info p {
  font-size: 16px;
  text-align: justify;
  line-height: 24px;
}
.contact_form h2{ margin: 10px 0 10px;
                  line-height: 24px;
                  font-size: 24px;
                  color: var(--color);
                  font-weight: 600;
                  text-transform: capitalize; }
#contact_form label.error,.output {color: #FB3A3A; font-weight: normal; margin-bottom: 15px;}
#quick_form label.error,.output {color: #FB3A3A; font-weight: normal; margin-bottom: 15px;}
#quick_enquiry label.error,.output {color: #FB3A3A; font-weight: normal; margin-bottom: 15px;}
.pac-container { z-index: 100000; }
.contact_map{ float: left; width: 100%;}





/*** Contact Page2  ***/
.contact_page2 {float: left; width: 100%; margin: 0; padding: 0 0 80px; background: #fff; box-shadow: none;}
.contact_map2{ float: left; width: 100%; height: 800px;}
.contact_form_grid { float: left;
                     width: 100%;
                     box-shadow: 0 1px 4px 0 rgba(0,0,0,.5);
                     margin-bottom: 10px;
                     margin-top: -320px;
                     border-radius: 4px;
                     background: #fff;
}
.contact_form_grid1 { float: left;
                      width: 100%;
                      background: #fff;
                      box-shadow: 0 1px 4px 0 rgba(0,0,0,.5);
                      margin-bottom: 0px;
                      margin-top: 0px;
                      border-radius: 4px;
}
.contact_details{
  background: var(--color);
  border-radius: 4px 0 0 4px;
  padding: 40px 40px 50px 30px;
    min-height: 400px;
}
.contact_details h1 {
  color: #ffffff;
  font-size: 20px;
  text-align: left;
  padding: 0;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.contact_details h4 {
  color: #ffffff;
  font-size: 20px;
  text-align: left;
  padding: 0;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.contact_details p {
  color: #ffffff;
  margin-bottom: 20px;
}
.contact_details .address_list{
  clear: both;
  margin: 0 0 20px; padding: 0;
}
.contact_details .address_list li {
  clear: both;
  list-style: none;
}
.contact_details .address_list li a{
  color: #ffffff;
  display: flex;
  line-height: 24px;
  font-size: 15px;
  margin-bottom: 10px;
}
.contact_details .address_list li a span{
  font-size: 30px;
  margin-right: 13px;
}

.social_list{ float: left; width: 100%; margin: 0; padding: 0;}
.social_list li{ list-style: none; display: inline-block;}
.social_list li a{ color: #fff; width: 35px; height: 35px; line-height: 35px; border: 1px solid #fff; text-align: center; margin-right: 10px;}
.social_list li a:hover{ color: #cfe982; border: 1px solid #cfe982;}
.contact_form_grid .form_grid{
  background-color: #ffffff;
  padding: 30px;
}
.contact_form_grid1 .form_grid{
  background-color: #ffffff;
  padding: 30px;
}
.form_grid h4 {
  font-size: 20px;
  text-transform: uppercase;
  text-align: left;
  margin: 0 0 20px; padding: 0;
  color: #333;
}




/*  Testimonial Page  */

.testimonial_block{ float: left; width: 100%; margin-bottom: 20px;}
.testimonial_text_box {
  margin: 0 0 30px;
  padding: 32px 20px 35px 0;
  background: #eee;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.05);
  display: table;
  position: relative;
}
.testimonial_text_box .this-quote{
  margin: 0 20px;
  width: 30px;
}
.testimonial_text_box .this-quote img {
  width: auto;
}
.testimonial_text_box:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  bottom: -25px;
  left: 69px;
  border-top: 25px solid #eee;
  border-right: 25px solid transparent;
}
.testimonial_text_box .this-texts {
  display: table-cell;
  width: calc(100% - 70px);
  vertical-align: top;
  color: #333;
  font-size: 14px;
  line-height: 24px;
  text-align: justify;
}
.testimonial_author .media-left {
  padding-right: 30px;
}
.testimonial_author .media-left a {
  display: block;
  width: 60px;
  height: 60px;
  border-radius: 100%;
}
.testimonial_author .media-body {
  vertical-align: middle;
}
.testimonial_author .this-title {
  font-size: 17px;
  color: #333;
  text-align: left;
  line-height: 20px;
  margin: 0;
  padding: 0;
}
.testimonial_author .loc {
  color: var(--color);
  line-height: 20px;
  margin: 0;
  text-transform: uppercase;
}



/* Download PDF  */
.download_pdf{float: left; width: 100%; margin-bottom: 15px;}
.download_pdf .image{float: left; width: 100%; height: 260px; overflow: hidden; position: relative; border: 1px solid #ccc;}
.download_pdf .image img{position: absolute; max-width: 100%; top: 50%; left: 50%; margin: auto; padding: 0; transform: translate(-50%, -50%); max-height: 100%; width: auto;}
.download_pdf h3{ float: left; width: 100%; text-align: center; font-size: 16px; line-height: 24px; margin: 0; padding: 10px 0 10px;}
.download_pdf h3 a{ color: #333;}
.download_pdf:hover h3 a{ color: var(--color);}

.highlight{ padding: 0 15px; background: var(--color);}
.highlight:hover{background: var(--color); color: #fff!important;}

/*  Product Page1  */

.product_page1{float:left;width:100%;margin:0;padding:50px 0;background:#eee; position: relative;}
.product_category{ float: left; width: 100%; margin-bottom: 20px; border: 1px solid #EAEAEA; padding: 15px; background: #fff;}
.product_category h2{ font-size: 15px; float: left; color: #333; margin: 0; padding: 0;}
.product_category ul{ float: left; width: 100%; margin: 0; padding: 0;}
.product_category ul li{ list-style: none; display: inline-block; padding-right:15px;}
.product_category ul li strong{ font-size: 16px;}
.product_category ul li a{ color: #333;text-decoration: none;}
.product_category ul li a:hover{ color: var(--color);}

.product_1{ float: left; width: 100%; padding: 10px; margin-bottom: 20px; background: #fff;
            box-shadow: 0 1px 2px rgba(0, 0, 0, .3);transition: all .3s ease-in-out; text-align: center;}
.product_1_image{ float: left; width: 100%; height: 270px; position: relative; overflow: hidden; margin-bottom: 10px; /*border: 1px solid #eee;*/}
.product_1_image .product_item{width: 100%; height: 270px; position: relative; overflow: hidden; transition: all 0.5s ease-out;}
/*.product_1:hover .product_1_image .product_item{ transform: scale(1.05);}*/
.product_1 .product_1_image .product_item img{ position: absolute; max-width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); width: auto; max-height: 100%; padding: 0; margin: auto;}
.product_1 .product_slide .slick-prev{display:none!important}
.product_1 .product_slide .slick-next{display:none!important}
.product_1 .product_slide{margin-bottom:0!important}
.product_1:hover .product_slide .slick-prev{left:0px; z-index:50; top:50%;width:40px!important; height:40px!important; display:block!important;z-index:50; border-radius: 0;}
.product_1:hover .product_slide .slick-next{right:0px; z-index:50;top:50%;width:40px!important; height:40px!important;display:block!important;z-index:50; border-radius: 0;}
.product_1 h3{ font-size: 14px; line-height: 18px; margin: 0 0 10px;}
.product_1 h3 a{ color: #333;}
.product_1:hover{box-shadow: 1px 1px 10px rgba(0, 0, 0, .5);}
.product_1:hover h3 a{ color: var(--color);}
.product_1 .price{font-size: 13px;}
.product_1 .price strong{ font-weight: 700;}
.product_1 h5{font-size: 13px; margin-bottom: 10px;}
.contact_btn{padding: 5px 20px; background: #fff; border: 1px solid #ccc; color:#333; border-radius: 16px; text-decoration: none; width: auto; display: inline-block;}
.contact_btn:hover,.contact_btn:focus{ background: var(--color); color: #fff; border: 1px solid var(--color);}

/* Product Details Page  */
.product_details_page{float:left;width:100%;margin:0;padding:50px 0;background:#eee; position: relative;}
.product_details1 {
  float: left;
  width: 100%;
  margin-bottom: 15px;
  border-style: solid;
  border-width:1px;
  border-color: #ccc;
  background: #fff;
}

.app-figure{width:100% !important;margin:0px auto;border-right:1px solid #eee;padding:15px 15px 15px 0px;position:relative;}
.selectors{margin-top:10px;text-align:center;}
.selectors .mz-thumb img{max-width:56px;}
@media screen and (max-width:600px){.mz-thumb img{max-width:39px;}}
.details_page_content{float: left; width: 100%; padding: 15px 0;}
.details_page_content h1{ font-size: 17px; line-height: 24px; margin-bottom: 10px;}
.details_page_content h2{ font-size: 17px; line-height: 24px; margin-bottom: 10px;}
.price01{float: left; width: 100%; padding: 10px; background: #f5f5f5; margin-bottom: 10px; font-size: 14px; font-weight: 500;}
.price01 strong{ font-weight: 700; font-size: 16px; color: var(--color);}
.supplier_btn{padding: 8px 20px; background: var(--color);color:#fff; border-radius: 3px; text-decoration: none; width: auto; display: inline-block; margin-right:10px; margin-bottom: 15px; font-size: 15px;}
.supplier_btn:hover,.supplier_btn:focus{background:#37a1d7; color: #fff;}
.details_page_content p strong{ color: var(--color); text-transform: uppercase;}
.a2a_dd{ padding: 8px 25px; border: 1px solid #ccc; display: inline-block; width: auto; color: #333; border-radius: 4px;}
.a2a_dd:hover{ background: var(--color); color: #fff; border: 1px solid var(--color);}

.product_overview{ float: left; width: 100%; margin-bottom: 15px;}
.product_overview .panel-default{border-radius: 0;}
.product_overview .panel-heading{ padding: 0; border: 0;}
.nav-tabs > li a{ color: #333; border: 1px solid #fff;}
.product_overview .panel-heading .nav-tabs li.active > a{ border:1px solid #fff; color: var(--color); border-top: 2px solid var(--color); border-radius: 0;}
.nav-tabs > li:hover > a{ border:1px solid #fff; color: var(--color); border-radius: 0;}
.product_overview .tab-pane h3{ margin: 0 0 10px;}
.product_overview .tab-pane h4{ margin: 0 0 10px; text-align: left; color:#333; padding: 0;}
.product_overview .tab-pane .dl-horizontal dt{ text-align: left; font-size: 13px; line-height: 20px; font-weight: normal;}
.product_overview .tab-pane .dl-horizontal dd{font-size: 13px; line-height: 20px; font-weight: normal;}
.product_overview .tab-pane .quick_details{ border-bottom: 1px solid #eee; margin-bottom: 15px;}
.product_details_page h5{ float: left; margin: 0 0 10px; color: #333; padding: 0; font-size: 18px;}

/* Product Details Right */
.product_details_right{ float: left; width: 100%; margin-bottom: 15px; padding: 10px; border: 1px solid #eee; background: #fff;}
.product_details_right .media { float: left; width: 100%; margin: 0;
                                margin-bottom: 15px;
                                border-bottom: 1px solid #ccc;
}
.product_details_right .media:last-child{ border-bottom: 0;}
.product_details_right .media .media-left {
  float: left;
  width: 60px;
}
.product_details_right .media .media-left .image{ width: 100%; position: relative; width: 50px; height: 50px; overflow: hidden; border: 1px solid #eee; border-radius: 75%;}
.product_details_right .media .media-left .image img{ position: absolute; max-width: 100%; margin: auto; top:50%; left: 50%; transform: translate(-50%, -50%); max-height: 100%; width: auto; padding: 0;}
.product_details_right .media .media-body h4 {
  font-size: 15px;
  text-transform: capitalize;
  line-height:18px;
  text-align: left;
  padding: 0;
}
.product_details_right .media .media-body h4 a {
  color: #333333;
  transition: all 0.5s ease-out;
}
.product_details_right .media .media-body h4 a:hover{ color: var(--color);}
.product_details_right .media:hover .media-body h4 a{ color: var(--color);}
.year{ border: 1px solid #eee; border-radius: 16px; padding: 3px 10px; font-size: 12px; float: left;}
.product_details_right h5{ font-size: 15px; margin: 0 0 10px; padding: 0;}
.alsoLike{ float: left; width: 100%; margin-bottom: 20px; text-align: center; border-bottom: 1px solid #eee;}
.alsoLike:last-child{border-bottom: 0;}
.alsoLike .image{ float: left; width: 100%; position: relative; overflow: hidden; height: 140px; margin-bottom: 10px; padding: 0; text-align: center;}
.alsoLike .image img{ position: absolute; max-width: 100%; top: 50%; left: 50%; margin: auto; padding: 0; transform: translate(-50%, -50%); max-height: 100%; width: auto;}
.alsoLike h5{ text-align: center; display: inline-block; float: left; width: 100%;}
.alsoLike h5 a{ color: #333;}
.alsoLike:hover h5 a{ color: var(--color);}


.send_btn{ float: right; padding: 10px 20px; background: #333; color:#fff; text-decoration: none; width: auto; display: inline-block; margin-right: 15px;}
.send_btn:hover,.send_btn:focus{ background: var(--color); color: #fff;}
.selected_products{ float: left; width: 100%; margin: 0; padding: 0;}
.selected_products h4{ text-align: left; color: #333; margin: 0 0 10px; padding: 0;}
.selected_products .image{float: left; width: 100%; position: relative; height: 80px; text-align: center; border: 1px solid #eee; margin-bottom: 10px;}
.selected_products .image img{ position: absolute; max-width: 100%; top:50%; left:50%; transform: translate(-50%, -50%); width: auto; max-height: 100%; margin: auto; padding: 10px;}
.tips {
  width: 100%;
  color: #605f5f;
  font-size: 13px;
  background-color: #fffae4 !important;
  padding: 10px;
  box-sizing: border-box;
  margin: 0 0 15px;
}
.apply_now{padding: 8px 20px;
           background: #333;
           color: #fff;
           border-radius: 3px;
           text-decoration: none;
           width: auto;
           display: inline-block;
           margin-right: 10px;
           margin-bottom: 15px;
           font-size: 15px;}
.apply_now i {
  margin-left: 10px;
}
.top_btn{ width: 100%; padding: 15px 15px; border-radius: 0; text-align: center; font-size: 16px;}
.apply_now:hover,.apply_now:focus{background:var(--color); color: #fff;}
.slick-prev, .slick-next {
  color: #fff;
  outline: 0;
  background: var(--color);
}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
  outline: 0;
  background: #f9f4a9;
    color: #4b220c;
}
.slick-dots li.slick-active button {

  background: #f9f4a9;
    color: #4b220c;

}
.zoom-gallery { 
  text-align: center; 
  padding-top: 10px;
}
.zoom-gallery-slide { position: relative;
                      display: none;
                      height: 375px;
                      text-align: center;
                      border: 1px solid #eee;
}
.zoom-gallery-slide a{ position: absolute; max-width: 100%; top: 50%; left: 50%; padding: 0; margin: 0; transform: translate(-50%, -50%); max-height: 100%; width: auto;}
.zoom-gallery-slide.active { 
  display: block; 
  width: auto;
}
.zoom-gallery .video-slide {
  position:relative;
  padding-bottom:56.25%;
  padding-top:30px;
  height:0;
  overflow:hidden;
  height: 315px;
  width: 100%;
}
.zoom-gallery .video-slide iframe, 
.zoom-gallery .video-slide object,
.zoom-gallery .video-slide embed {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}
.zoom-gallery .selectors { 
  text-align: center; 
  margin:10px 0; 
}
.zoom-gallery .selectors a { 
  margin:5px; 
  border:1px solid transparent; 
  display: inline-block; 
}
.zoom-gallery .selectors a:hover,
.zoom-gallery .selectors a.active { 
  border-color: #ccc; 
}
.zoom-gallery .selectors img { 
  box-shadow: none !important; 
  filter:none !important; 
  max-width: 56px;
}
.zoom-gallery .selectors a[data-slide-id=video-1],
.zoom-gallery .selectors a[data-slide-id=video-2] { 
  position: relative;
}
.zoom-gallery .selectors a[data-slide-id=video-1] img,
.zoom-gallery .selectors a[data-slide-id=video-2] img { 
  opacity: 0.8;
}
.zoom-gallery .selectors a span {
  position: absolute;
  color:#fff;
  text-shadow: 0px 1px 10px #000;
  top:50%;
  left:50%;
  display: inline-block;
  transform:translateY(-50%) translateX(-50%); 
  font-size:30px;
  z-index: 100;
}


/* Shop Page */
.shop_page{float: left;
           width: 100%;
           margin: 0;
           padding: 50px 0;
           background: #eee;
           position: relative;}
.product_filter{ float: left; width: 100%; padding: 15px; background: #fff;}
.product_filter ul{ background:transparent; margin: 0 0 10px; padding:0px;}
.product_filter ul li {
  text-transform: capitalize;
  display: block;
  color: #888888;
  font-size: 14px;
  line-height: 34px;
  position: relative;
  border-bottom: 0;
}

.product_filter li label {
  font-size: 14px;
  line-height: 34px;
  font-weight: normal;
  cursor: pointer;
  color: #333;
}
.product_filter li label:before,
.product_filter li label:after {
  content: "";
  display: table;
}
.product_filter li label:after {
  clear: both;
}
.product_filter li label {
  line-height: 30px;
  margin: 0;
}

.product_filter li label:hover {
  color: var(--color);
}
.product_filter li label > span {
  display: block;
  position: relative;
  padding-left: 27px;
}
.product_filter li label > span:before {
  content: '';
  width: 15px;
  height: 14px;
  background: transparent;
  display: block;
  position: absolute;
  left: 0;
  top: 7px;
  border: 1px solid #ccc;
}
.product_filter li label input[type=checkbox] {
  visibility: hidden;
  position: absolute;
}
.product_filter li label input[type=checkbox]:checked + span {
  color: var(--color);
}

.product_filter li label input[type=checkbox]:checked + span:before {
  background: var(--color);
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(/web/20250207180459im_/https://nazleatherexport.com/index-3.html);
  border: 1px solid var(--color);
}
.product_filter li a {
  display: block;
  color: #666666;
}
.block-filter .filter-options-content .item a:before,
.block-filter .filter-options-content .item a:after {
  content: "";
  display: table;
}
.block-filter .filter-options-content .item a:after {
  clear: both;
}
.block-filter .filter-options-content .item a:hover {
  color: var(--color);
}
.product_filter li.count {
  font-size: 14px;
  display: inline-block;
  vertical-align: middle;
  color: #a4a4a4;
  line-height: 1;
}
.price{ float: left; width: 100%; position: relative; width: 85px;
        margin-right: 5px;
}
.price input{
  padding-left: 25px; 
}
.price i {
  position: absolute;
  padding: 12px;
  pointer-events: none;
  left: 0;
  top: 1px;
  z-index: 999;
}

.price_btn{padding: 10px 13px;
           border: 0;
           background: #333;
           color: #fff; }
.price_btn:hover{ background: var(--color);}
.item_view .shop_view{height: 220px;}
.list_item .shop_view{height: 300px;}
.list_item .shop_view .image{ height: 270px;}
.result_show{display: inline-block;
             text-align: right;
             float: right;
             line-height: 40px;
             margin-right: 10px;}
.product_ratings{ width: 100%; padding: 0px;}
.product_ratings i{ font-size: 15px;}
.checked {
  color: orange;
}
.price_box{color: #666;}
.item_view .caption span.old_price { display: inline-block;color: #666;font-size: 15px; text-decoration: line-through;}
.item_view .caption span.old_price + .new_price {
    display: inline-block;
    color: var(--color);
    margin-left: 1rem;
    font-size: 20px;
}
.add_to_cart {
    background: #fb641b;
    padding: 10px 20px;
    font-size: 14px;
    color: #fff;
    margin: 10px 0px 10px 0px;
    display: inline-block;
    width: auto;
    border-radius: 3px;
}
.add_to_cart:hover,.add_to_cart:focus{background: var(--color); color: #fff;}
.shop_page .item_view .caption h3 a {
  font-weight: 600;
  font-size: 16px;
  color: #333;
}
.shop_page .item_view .caption h3 {
  height: 60px;
}
.shop_page .item_view:hover .caption h3 a { color: var(--color);}
.shop_page .list_item .caption h3 {
  height: auto;
}


/* Shop details Page */
.shop_details_page {
    float: left;
    width: 100%;
    margin: 0;
    padding: 50px 0;
    background: #eee;
    position: relative;
}
.shop_details_page .details_page_content h1 {
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 10px;
}

.shop_details_page .details_page_content .product_ratings{ margin-bottom: 10px;}
.shop_details_page .details_page_content .product_ratings .rating_link{ display: inline-block; color: #444;}
.shop_details_page .details_page_content .product_ratings .rating_link:hover{color:var(--color);}
.shop_details_page .details_page_content .stock_box{ margin-bottom: 10px;}
.shop_details_page .details_page_content .stock_box span {
    font-size: 13px;
    line-height: 18px;
    color: #666666;
    padding: 0px;
    font-weight: normal;
    display: inline-block;
}
.shop_details_page .details_page_content .stock_box .value {
  font-size: 13px;
  color: #ff7878;
}
.shop_details_page .details_page_content .price_box{color: #666; margin-bottom: 10px;}
.shop_details_page .details_page_content span.old_price { display: inline-block;color: #666;font-size: 18px; text-decoration: line-through;}
.shop_details_page .details_page_content span.old_price + .new_price {
    display: inline-block;
    color: var(--color);
    margin-left: 1rem;
    font-size: 24px;
}
.shop_details_page .details_page_content p{ font-size: 13px;}
.shop_details_page .details_page_content .size_label{ color: #333; margin-bottom: 5px;}
.shop_details_page .details_page_content .size{ width: 150px;}
.shop_details_page .details_page_content .check{ position: relative; float: left; width: 100%;}
.form-group.check i {
  position: absolute;
  left: 0px;
  top:12px;
  color: var(--color);
}
.shop_details_page .details_page_content .check input{ float: left; border: 0; border-bottom: 2px solid var(--color); padding-right: 0; padding-left: 15px;}
.shop_details_page .details_page_content .check_btn{ border:0; background:transparent; color: var(--color); padding: 10px 0px; position: absolute; right: 0; top: 0; font-weight: 600; font-size: 14px;}
.shop_details_page .details_page_content .qty_group{ margin-bottom: 10px;}
.shop_details_page .details_page_content .qty_group .qty_btn{ display: inline-block; padding: 10px 15px; background: #333; color: #fff; border: 0;}
.shop_details_page .details_page_content .qty_group .qty_value{ width: 60px; text-align: center;}
.shop_details_page .details_page_content .qty_group .qty_btn:hover{ background: var(--color); color: #fff;}
.shop_details_page .details_page_content .add_to_cart{padding: 8px 20px; background: #fb641b;color:#fff; border-radius: 3px; text-decoration: none; width: auto; display: inline-block; margin-right:5px; margin-bottom: 15px; font-size: 15px;}
.shop_details_page .details_page_content .add_to_cart:hover,.shop_details_page .details_page_content .add_to_cart:focus{background:#37a1d7; color: #fff;}

.shop_details_page .details_page_content .add_to_wishlist{padding: 8px 20px; background: #333;color:#fff; border-radius: 3px; text-decoration: none; width: auto; display: inline-block; margin-right:5px; margin-bottom: 15px; font-size: 15px;}
.shop_details_page .details_page_content .add_to_wishlist:hover,.shop_details_page .details_page_content .add_to_wishlist:focus{background:#37a1d7; color: #fff;}
.shop_details_page h5 {
    float: left;
    margin: 0 0 10px;
    color: #333;
    padding: 0;
    font-size: 18px;
}
.tab-content .product_rate{ float: right; font-size: 14px; background: transparent; border: 1px solid #eee; padding: 8px 20px;}
.tab-content .product_rate:hover,.tab-content .product_rate:focus{ background: var(--color); color: #fff; border: 1px solid var(--color);}
.tab-content .review {
  margin-bottom: 20px;
  text-transform: none;
  background: #f8f8f8;
  padding: 20px;
}
.tab-content .review  .review-title {
  margin-bottom: 5px;
}
.tab-content .review  .review-title .summary {
  color: #333;
  font-size: 15px;
  font-weight: normal;
  margin-right: 10px;
  /* font-style: italic;*/
}
.tab-content .review .review-title .date {
  font-size: 12px;
}

.tab-content .review .review-title .date  span {
  margin-left: 5px;
  color: var(--color);
}
.tab-content .review .text {
  line-height: 18px;
}
.tab-content .review .product_ratings{ margin-bottom: 10px;}
.tab-content .review_table table{ border: 1px solid #ccc;}
.tab-content .review_table table thead tr th{background: var(--color); color: #fff;}
.tab-content .review_table table tr td{ border: 1px solid #eee!important; padding: 5px 10px; line-height: 35px; text-align: center;}
.tab-content .review_table table tr td input[type="radio"]{ margin: auto; line-height: 30px; height: 30px;}
.feature_sec h3{ font-size: 17px;}
.feature_sec .price_box{color: #666; text-align: center; margin-bottom: 10px;}
.feature_sec span.old_price { display: inline-block;color: #666;font-size: 15px; text-decoration: line-through;}
.feature_sec span.old_price+.new_price { display: inline-block;
                                         color: var(--color); margin-left: 1rem; font-size: 20px;
}
.relative{ text-align: center;}
.relative .add_to_cart{ margin: 0 auto 10px; padding: 8px 20px;}
.feature_item:hover .relative h3 a{color: var(--color);}
.alsoLike .price_box{color: #666; text-align: center; margin-bottom: 10px;}
.alsoLike span.old_price { display: inline-block;color: #666;font-size: 15px; text-decoration: line-through;}
.alsoLike span.old_price+.new_price { display: inline-block;
                                      color: var(--color); margin-left: 1rem; font-size: 20px;
}
.alsoLike .add_to_cart{ margin: 0 auto 10px; padding: 8px 20px;}


/* My Header  */
.mybody .web-pulse-header .w-e-b-p-u-l-s-e-topbar{padding: 7px 0;}




/* Cart Page */
.cart_page {
    float: left;
    width: 100%;
    margin: 0;
    padding: 50px 0;
    background: #eee;
    position: relative;
}
.cart_page .cart_table{ margin-bottom: 15px;}
.cart_page table{ border: 1px solid #ccc;}
.cart_page table thead tr th{background: #b1c283; color: #fff; padding: 8px 15px}
.cart_page table tr td{ border: 1px solid #eee; padding: 5px 10px;}
.cart_page table tr td:nth-child(1) {width: 15%;}
.cart_page table tr td:nth-child(2) {width: 30%;}
.cart_page table tr td:nth-child(3) {width: 18%;}
.cart_page table tr td:nth-child(4) {width: 12%;}
.cart_page table tr td:nth-child(5) {width: 12%;}
.cart_page table tr td:nth-child(6) {width: 13%;}
.cart_page table tr td:nth-child(7) {width: 3%;}
.cart_page table tr td input[type="radio"]{ margin: auto; line-height: 30px; height: 30px;}
.cart_page table tr td .cart_info a{ font-size: 14px; font-weight: 600; color: #333; line-height: 22px;}
.cart_page table tr td .cart_info a:hover{ color:var(--color);}
.cart_page table tr td .cart_info p{ font-size: 13px; line-height: 20px; text-align: left;}
.cart_page table tr td .qty_group{ margin-bottom: 10px;}
.cart_page table tr td .qty_group .qty_btn{ display: inline-block; padding: 7px 10px; background: #333; color: #fff; border: 0;}
.cart_page table tr td .qty_group .qty_value{ width: 45px; text-align: center; height: 34px; line-height: 35px;}
.cart_page table tr td .qty_group .qty_btn:hover{ background: var(--color); color: #fff;}
.cart_page table tr td .cart_remove {
    align-items: center;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    color: #333;
    font-size: 1.1rem;
    height: 25px;
    text-align: center;
    width: 25px;
    line-height: 25px;
}
.cart_page table tr td .cart_remove:hover{ background: var(--color); color: #fff;}
.shopping_btn{padding: 10px 20px; background: #fff;color:#333; border-radius: 3px; text-decoration: none; width: auto; display: inline-block; margin-right:5px; margin-bottom: 15px; font-size: 15px; border: 1px solid #ccc;}
.shopping_btn:hover,.shopping_btn:focus{background:var(--color); color: #fff; border: 1px solid var(--color);}
.order_btn{ width: 100%; padding: 10px 25px; background: #fb641b; color:#fff; border-radius: 3px; text-decoration: none; text-align: center; display: inline-block; margin-right:0px; margin-bottom: 15px; font-size: 20px; border: 1px solid #fb641b; font-weight: 600;}
.right_side_btn{ float: right; width: auto; background: #fb641b; border: 1px solid #fb641b; font-size: 20px; font-weight: 600;}
.order_btn:hover,.order_btn:focus{background:var(--color); color: #fff; border: 1px solid var(--color);}
.cart_discount{ float: left; width: 100%; padding: 10px; margin: 0 0 15px; background: #eee;}
.cart_discount h4{ text-align: left; margin: 0; padding: 0 0 10px; text-transform: uppercase;}
.cart_discount form { padding-bottom: 10px;}
.cart_discount form input{ max-width: 350px; display: inline-block;}
.apply_discount{ background: #333; padding: 10px 20px; color: #fff; border: 0;}
.apply_discount:hover,.apply_discount:focus{background: var(--color); color: #fff;}
.cart_right {
  float: left;
  width: 100%;
  margin-bottom: 15px;
  padding: 10px;
  border: 1px solid #eee;
  background: #fff;
}
.cart_right .table {
  border: 0;
  margin-bottom: 15px;
}
.table.table-totals tr {
  border: 0;
}
.cart_right .table tr th, .cart_right .table tr td {
  border: 0;
  padding: .6rem 0;
  font-size: 14px;

}

.cart_right .table tbody tr:first-child td {
  padding-top: 1.6rem;
}
.cart_right .table tbody tr:last-child td {
  padding-bottom: 1.6rem;
}
.cart_right .table tfoot {
  border-top: 1px solid #ccc;
  font-size: 1.8rem;
  font-weight: 600;
  border-bottom: 1px solid #ccc;

}
.cart_right .table tfoot tr td {
  padding-top: 1.3rem;
  padding-bottom: 1.6rem;
  font-size: 16px;
  color: #333;
  width: auto!important;
}
.cart_page .cart_right table tr td:nth-child(1){ width: auto!important;}
.cart_right .table tr td.free{ color: var(--color); text-transform: uppercase;}
.cart_right .safe_info { font-size:12px; line-height: 20px; font-weight: normal;}
.cart_right .safe_info i{ font-size: 36px; color: var(--color);
                          float: left;
                          margin-top: 4px;
                          margin-right: 5px; }
.cart_right ul {
  margin: 0;
}
.cart_right ul{ background: #fff;}
.cart_right ul li {
  line-height: 1;
  padding-top: 12px;
  padding-bottom:12px;
  border-bottom: 1px solid #dee5e8;
}
.cart_right ul li::after {
  display: block;
  clear: both;
  content: '';
}
.cart_right ul li:last-child{ border-bottom: 0;}
.cart_right ul li i{
  float: left;
  color: #301b24;
  font-size: 4rem;
  min-width: 40px;
  line-height: 1;
  margin-left: .7rem;
  margin-top: .3rem;
  font-size: 36px;
  min-width: 40px;
  margin-right: 10px;
}
.cart_right ul li h4 {
  text-align: left;
  color: #333;
  font-size: 16px;    
  text-transform: capitalize;
  margin-bottom: 0;
  white-space: nowrap;
  overflow: hidden;
  margin: 0;padding: 0;
}



/* Checkout */
.checkout_page{float:left;width:100%;margin:0;padding:50px 0;background:#eee;position:relative}
.checkout_page .checkout-steps .panel-default{background:#fff;box-shadow:0 2px 4px 0 rgba(0,0,0,.08)}
.checkout_page .checkout-steps .panel .checkout_title{margin:0!important;font-size:13px;font-weight:bold;text-align:left;padding:0}
.checkout_page .checkout-steps .panel .checkout_title a{color:#333;text-transform:uppercase;display:block;background:#fff;font-size:16px;font-weight:600;padding:10px;border-radius:3px}
.checkout_page .checkout-steps .panel .checkout_title a span{background-color:#aaa;color:#fff;display:inline-block;margin-right:10px;padding:5px 10px;font-size:13px;border-radius:3px}
.checkout_page .checkout-steps .panel .checkout_title>a:not(.collapsed){background:var(--color);color:#fff;border-radius: 3px 3px 0px 0px;}
.checkout_page .checkout-steps .panel .checkout_title>a:not(.collapsed) span{background:#fff;color:var(--color);}
.checkout_page .checkout-steps .checkout-step-01 form .form-group .info_title{font-weight:normal;margin-bottom:5px;font-size:13px;color:#333}
.checkout_page .checkout-steps .checkout-step-01 form .forgot-password { padding-top: 14px;  display: inline-block; color: var(--color); position: absolute;top: -5px;right: 7px;}
.checkout_page .checkout-steps .checkout-step-01 form .step_login_btn{
  padding: 10px 45px;
  background: #fb641b;
  color: #fff;
  border-radius: 3px;
  text-decoration: none;
  text-align: center;
  display: inline-block;
  margin-right: 0px;
  margin-bottom: 15px;
  font-size: 15px;
  border:0}
.checkout_page .checkout-steps .checkout-step-01 form .step_login_btn:hover{background: var(--color);
                                                                            color: #fff;}
.checkout_page .radio .radio_button{display: inline-block; margin: 0 15px 0 0; padding: 0; color:#000;}
.checkout_page .radio .radio_button input[type="radio"]{ margin: 0 5px 0 0px;position: relative;float: left;line-height: 24px;height: 20px;}
.checkout_page .checkout-steps .panel-body {padding: 20px; border:none}
.checkout_page .checkout_right{padding: 15px; background: #eee;}
.checkout_page .checkout_right h4{ text-align: left; margin: 0 0 10px; padding: 0;}
.checkout_page .checkout_right ul li{ font-size: 13px;}
.checkout_page .checkout_right ul li:before{ content: none;}
.checkout_page .checkout_right ul li i.fa-check{ background:transparent!Important; color: var(--color);}
.checkout_page .checkout_right .step_login_btn{
  padding: 8px 25px;
  background: #333;
  color: #fff;
  border-radius: 3px;
  text-decoration: none;
  text-align: center;
  display: inline-block;
  margin-right: 0px;
  margin-bottom: 15px;
  font-size: 15px;
  border:0}
.checkout_page .checkout_right .step_login_btn:hover{background: var(--color);
                                                     color: #fff;}

.checkout_page .address{ float: left; width: 100%;}
.checkout_page .address h5{ font-size: 14px; font-weight: 600; text-transform: uppercase; margin: 0 0 5px; padding: 0;}
.checkout_page .address h5 label input{ float: left; margin-right: 6px;height: 16px;line-height: 25px;margin-bottom: 30px;}
.checkout_page .address h5 label span{ font-size: 16px; color: var(--color); margin-right: 6px; font-weight: 600;}
.checkout_page .address p strong{margin-right: 5px;}
.checkout_page .address h5 label{ font-size: 14px; color: #333;}
.checkout_page .address h5 .edit{ float: right; font-size: 14px; color: var(--color);}
.checkout_page .address h5 .edit:hover{ color: #333;}

#edit_panel {
  display: none;
}
.cancel{ display: inline-block; padding: 10px 35px;}
.save_btn{ padding: 10px 35px; background: #fb641b;}


.checkout_page .checkout-steps .panel .checkout_title5{margin:0px!important;font-size:13px;text-align:left;padding:0; background: #fff; box-shadow: 0 2px 4px 0 rgba(0,0,0,.08); border: 1px solid #eee;
}
.checkout_page .checkout-steps .panel .checkout_title5 a{color:var(--color);text-transform:capitalize;display:block;background:#fff;font-size:14px;padding:10px;border-radius:3px}
#add_address_panel {
  display: none;
}



/* Order Summary */
.summary table{ border: 1px solid #ccc; margin-bottom: 15px;}
.summary table thead tr th{background: var(--color); color: #fff; padding: 8px 15px}
.summary table tr td{ border: 1px solid #eee; padding: 5px 10px;}
.summary table tr td:nth-child(1) {width: 15%;}
.summary table tr td:nth-child(2) {width: 30%;}
.summary table tr td:nth-child(3) {width: 20%;}
.summary table tr td:nth-child(4) {width: 12%;}
.summary table tr td:nth-child(5) {width: 12%;}
.summary table tr td:nth-child(6) {width: 12%;}
.summary table tr td:nth-child(7) {width: 3%;}
.summary table tr td input[type="radio"]{ margin: auto; line-height: 30px; height: 30px;}
.summary table tr td .cart_info a{ font-size: 14px; font-weight: 600; color: #333; line-height: 22px;}
.summary table tr td .cart_info a:hover{ color:var(--color);}
.summary table tr td .cart_info p{ font-size: 13px; line-height: 20px; text-align: left;}
.summary table tr td .qty_group{ margin-bottom: 10px;}
.summary table tr td .qty_group .qty_btn{ display: inline-block; padding: 7px 10px; background: #333; color: #fff; border: 0;}
.summary table tr td .qty_group .qty_value{ width: 45px; text-align: center; height: 34px; line-height: 35px;}
.summary table tr td .qty_group .qty_btn:hover{ background: var(--color); color: #fff;}
.summary table tr td .cart_remove{align-items: center;
                                  background: #fff;
                                  border-radius: 50%;
                                  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
                                  color: #333;
                                  font-size: 1.1rem;
                                  height: 25px;
                                  text-align: center;
                                  width: 25px;
                                  line-height: 25px;
}
.summary table tr td .cart_remove:hover{ background: var(--color); color: #fff;}
.summary_p{ font-size: 12px!important; color: #333; }
.summary_p a{background:#fb641b; color: #fff; padding: 0px 10px; text-decoration: none; border-radius: 2px;}
.summary_p small{color: #fb641b; font-size: 12px;}
.summary_p a:hover{text-decoration: none;}
.summary .continue{ float:right; padding: 12px 40px;
                    background: #fb641b;
                    color: #fff;
                    border-radius: 3px;
                    text-decoration: none;
                    text-align: center;
                    display: inline-block;
                    margin-right: 0px;
                    margin-bottom: 15px;
                    font-size: 15px;
                    border:0}
.summary .continue:hover,.summary .continue:focus{background: var(--color);
                                                  color: #fff;}


/*Payment Options */

.payment_option form .radio {
  border-bottom: 1px solid #ccc;
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 0px;
  cursor: pointer;
  font-size: 16px;
  padding: 5px 0 10px 30px;
  user-select: none;
}
.payment_option form .radio:last-child{ border-bottom: 0;}

.payment_option form .radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.payment_option form .checkround {

  position: absolute;
  top: 6px;
  left: 0;
  height: 20px;
  width: 20px;
  background: #fff ;
  border-color:var(--color);
  border-style:solid;
  border-width:2px;
  border-radius: 50%;
}
.payment_option form .radio input:checked ~ .checkround {background: #fff;}
.payment_option form .checkround:after {content: ""; position: absolute; display: none;}
.payment_option form .radio input:checked ~ .checkround:after {display: block;}
.payment_option form .radio .checkround:after {left: 2px; top: 2px; width: 12px; height: 12px; border-radius: 50%;background:var(--color);}

.payonediv {
  display: block;
}
.payonediv{ padding: 10px 0px;}
.payonediv p{font-size: 12px; line-height: 20px;}
.payonediv img{ border: 1px solid #ccc; padding: 10px; width: 150px;}
.paytwodiv{ display: none;}
.paytwodiv p{font-size: 12px; line-height: 20px;}
.paytwodiv img{ border: 1px solid #ccc; padding: 10px; width: 150px;}
.paythreediv{ display: none;}
.paythreediv p{font-size: 12px; line-height: 20px;}
.paythreediv img{ border: 1px solid #ccc; padding: 10px; width: 150px;}
.payfourdiv{ display: none;}
.payfourdiv p{font-size: 12px; line-height: 20px;}
.payfourdiv img{ border: 1px solid #ccc; padding: 10px; width: 150px;}
.recaptcha{ margin: 0; padding: 0;}
.recaptcha img{ float: left; display: inline-block; margin-right: 3px;}
.recaptcha img.refress{ width: 50px;}
.for_code{float: left; display: inline-block; width: 150px;
          height: 50px !important; line-height: 50px!important; font-size: 16px;}
.confrmorder{padding: 12px 40px;
             background: #fb641b;
             color: #fff;
             border-radius: 3px;
             text-decoration: none;
             text-align: center;
             display: inline-block;
             margin-right: 0px;
             margin-top: 15px;
             margin-bottom: 15px;
             font-size: 18px;
             border:0;}
.confrmorder:hover,.confrmorder:focus{background: var(--color);color: #fff;}

.change{ float: right; background: transparent; border: 1px solid var(--color); color: var(--color); padding: 5px 10px; font-size: 14px; font-weight: normal;}
.change:hover{background: var(--color);color: #fff;}


/* Register Page */
.register-full{width:60%;margin:0 auto;height:550px;overflow:hidden}
.register-left{background:#b2c089;height:100%}
.register-right{background:#fff}
.register-in{padding:3em 25px;text-align:center}
.register_rightin{padding:3em 25px}
.register-left,.register-right{width:50%;float:left}
.register-left h1{font-size:24px;text-transform:uppercase;font-weight:600;margin-bottom:1em;color:#fff;text-align:left}
.register-left p{margin:10px 0 10px;line-height:24px;font-size:18px;letter-spacing:1px;text-align:left;color:#fff}
.register-in img{margin:20px 0}
.register-in a{color:#fff;border:2px solid #fff;font-size:14px;text-align:center;background:0;padding:10px 20px;width:auto;display:inline-block;margin-bottom:10px}
.register_rightin .checkbox label,.register_rightin .checkbox a{display:inline-block}
.register_rightin .checkbox input[type="checkbox"]{position:relative;float:left;margin:-9px 10px 0 0;cursor:pointer}
.register_rightin .checkbox a{color:var(--color)}
.register_rightin .radio .radio_button{display:inline-block;margin:0 15px 0 0;padding:0;color:#000}
.register_rightin .radio .radio_button input[type="radio"]{margin:0 5px 0 0;position:relative;float:left;line-height:24px;height:20px}
.register_rightin .resiger{padding:12px 30px;background:#333;color:#fff;border-radius:3px;text-decoration:none;text-align:center;display:inline-block;margin-right:0;margin-bottom:15px;font-size:15px;border:0}
.register_rightin .resiger:hover,.register_rightin .resiger:focus{background:var(--color);color:#fff}
#forget{background:rgba(0,0,0,0.7)}
.signup_body.forget .modal-body{padding:0;min-height:200px;overflow:hidden}
.forget_p{margin:15% auto}


/* My Account Page */
.my_account_page{float:left;width:100%;margin:0;padding:20px 0 30px;background:#eee;position:relative}
.my_sidebar{ float: left; width: 100%; padding: 0; background: #fff; margin-bottom: 15px;}
.profle_body{ position: relative; width: 100%; margin: 0; text-align: center;  padding: 25px 15px;}
.profle_body img{border-radius: 50%; margin-bottom: 10px;}
.profle_body h5{ font-size: 16px; color: #333; line-height: 24px; margin: 0; padding: 0; font-weight: 600;}

.my_sidebar ul{ float: left; width: 100%; margin: 0; padding: 0;} 
.my_sidebar ul li{ list-style: none;border-bottom:1px solid #eee;}
.my_sidebar ul li a{padding: 10px 15px; color: #333;}
.my_sidebar ul li a:hover,.my_sidebar ul li a:focus,.my_sidebar ul li a.active{background: var(--color); color:#fff;}

.my_account_page .wps_right .radio .radio_button{display: inline-block; margin: 0 15px 0 0; padding: 0; color:#000;}
.my_account_page .wps_right .radio .radio_button input[type="radio"]{ margin: 0 5px 0 0px;position: relative;float: left;line-height: 24px;height: 20px;}
.deactivate{ color: #333; border: 1px solid #333; padding: 5px 20px; display: inline-block; font-size: 13px;}
.deactivate:hover{color: var(--color); border: 1px solid var(--color); }

/* My Order */
.my_order{ border: 0;}
.order_item{float: left; width: 100%; margin-bottom: 15px;}
.order_top{background:#eee;border-bottom: 1px solid #ccc;padding: 12px 15px;}
.orderID{ float: left; padding: 5px 15px; background: var(--color); color: #fff;}
.orderID:hover,.orderID:focus{ color: #fff; background: #7e992f;}
.need_btn{display: inline-block; border: 1px solid #ccc; color: #333; padding: 5px 15px;}
.need_btn i{ margin-right: 5px; color: var(--color);}
.need_btn:hover{border: 1px solid var(--color); color: var(--color);}
.order_body{ float: left; width: 100%; background: #fff; border: 1px solid #ccc; padding: 5px;}
.order_body img{padding: 5px; border: 1px solid #eee;}
.order_body .order_info a{font-size: 14px; font-weight: 600; color: #333; padding-bottom: 10px;}
.order_body .order_info a:hover{ color: var(--color); }
.order_body .order_info p{ font-size: 12px; line-height: 18px; margin: 0; padding: 0; text-align: left;}
.order_body .order_price{font-size: 14px; font-weight: normal; color: #333;}
.order_body .delivered p{ font-size: 13px; line-height: 18px; margin: 0; padding: 0; text-align: left;}
.order_body .delivered small{ text-align: left; font-size: 11px;}
.order_body .review_product{ color: var(--color); text-transform: uppercase;}
.order_body .review_product:hover{color: var(--color);}
.order_foot{ float: left; width: 100%; padding:5px 5px; border: 1px solid #ccc; border-top: 0;}
.order_foot p{ margin: 0; padding: 0; font-size: 13px; line-height: 24px;}
.order_foot p.text-right{ text-align: right;}
.refund{ float: left; width: 100%; padding: 5px 10px; margin-top: 10px;}
.refund p{line-height: 24px; margin: 0; padding: 0;}
.refund a{display: inline-block; color: #333; line-height: 24px; margin: 0; padding: 0; }
.refund a:hover{ color: var(--color);}
.refund_body{ float: left; width: 100%; border: 1px solid #eee; margin-bottom: 10px;}
.refund_completed{ float: left; width: 100%; padding: 10px;}
.refund_completed p{ font-size: 14px; line-height: 20px; color: #333; margin: 0; padding: 0;}
.refund_completed p span{ color: var(--color);}

/* Track Page  */
.track_page{float:left;width:100%;margin:0;padding: 30px 0 40px;background:#eee;position:relative}
.account_breadcrumb{ float: left; width: 100%; margin: 0; padding: 0 0 20px;}
.account_breadcrumb li{ list-style: none; display: inline-block; margin-right: 10px;}
.account_breadcrumb li:before{float: left; content: "/"; margin-right: 10px;}
.account_breadcrumb li a{ display: inline-block; color: #333;}
.account_breadcrumb li:first-child:before{ content:none;}
.account_breadcrumb li a:hover{ color: var(--color);}
.account_breadcrumb li.active{ color: var(--color);}
.track_info{ padding: 0;     box-shadow: 0 2px 4px 0 rgba(0,0,0,.08); margin-bottom: 20px;}
.delivery_address_track{ padding: 20px 15px; border-right: 1px solid #ccc;}
.delivery_address_track h1{font-size: 16px; font-weight: 600; line-height: 24px; margin: 0; padding: 0 0 10px; background:transparent; color: #333;}
.delivery_address_track h2{font-size: 14px; font-weight: 600; line-height: 24px; margin: 0; padding: 0; background:transparent; color: #333;}
.more_track{ padding: 20px 15px }
.more_track h2{font-size: 14px; font-weight: 600; line-height: 24px; margin: 0; padding: 0 0 10px; background:transparent; color: #333;}
.more_track p i{ color: var(--color);}
.request_invoice{ float: right;padding: 3px 8px; border: 1px solid #333; color: #333; font-size: 13px; text-decoration: none;}
.request_invoice:hover,.request_invoice:focus{border: 1px solid var(--color); color: var(--color); text-decoration: none;}
.process{ padding: 15px; float: left;
          width: 100%;
          background: #fff;
          border: 1px solid #ccc;}
.process_left{ float: left; width: 100%; margin: 0; padding: 0;}
.process_left a{ color: #333; text-decoration: none; font-size: 14px; font-weight: 600;}
.process_left p{ font-size: 13px; color: #333; line-height: 20px; margin: 0; padding: 0; text-align: left;}
.deliver_process{ float: left; width: 100%; margin: 25px 0 10px; padding: 0;}

.progressbar { float: left; width: 100%;
               margin: 0;
               padding: 0;
               counter-reset: step;
}
.progressbar li {
  list-style-type: none;
  width: 25%;
  float: left;
  font-size: 12px;
  position: relative;
  text-align: center;
  text-transform: capitalize;
  color: #7d7d7d;
}

.progressbar li:before {
  width: 20px;
  height: 20px;
  content: counter(step);
  counter-increment: step;
  line-height: 15px;
  border: 2px solid #7d7d7d;
  display: block;
  text-align: center;
  margin: 0 auto 10px auto;
  border-radius: 50%;
  background: white;
  position: relative;
  z-index: 5;
}
.progressbar li:after {
  width: 100%;
  height: 2px;
  content: '';
  position: absolute;
  background-color: #7d7d7d;
  top: 10px;
  left: -50%;
  z-index: 0;
}
.progressbar li:first-child:after {
  content: none;
}
.progressbar li.active {
  color:#55b776;
}
.progressbar li.active:before {
  border-color: #55b776;
}
.progressbar li.active + li:after {
  background: #55b776;
}
.progressbar li .process_dec{ display: none; width: 200px; position: absolute; z-index: 999; top: 110%; left: 0; background: #eee; padding: 10px; box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);}
.progressbar li:hover .process_dec{ display: block; border-top: 0;}
.progressbar li:hover .process_dec:after{content: "\f0d8";
                                         font-family: 'FontAwesome';
                                         position: absolute;
                                         top: -28px;
                                         font-size: 31px;
                                         left: 50px;
                                         color: #eee;}
.progressbar li .process_dec p{ font-size: 12px; line-height: 18px; text-align: left;}
.progressbar li .process_dec p span{ font-size: 11px; color: #55b776;}


.deliver_righ_info{ float: left; width: 100%;}
.deliver_righ_info h4{ font-size: 15px; color: #333; text-align: left; margin: 0; padding: 0 0 10px;}
.deliver_righ_info a{ color: var(--color); text-transform: uppercase; line-height: 24px; font-weight: 600; font-size: 13px;}
.deliver_righ_info a i{ margin-right: 5px;}
.deliver_righ_info a:hover{ color: var(--color);}
.track_footer{ float: left; width: 100%; border:1px solid #ccc; border-top:0; padding: 10px 15px; background: #fff;  box-shadow: 0 2px 4px 0 rgba(0,0,0,.08); margin-bottom: 20px; font-weight: 600; font-size: 16px;}


/*  Edit profile */
.edit_save_btn{width: auto;
               background: #333;
               padding: 8px 30px;
               border: none;
               color: #fff;
               font-size: 14px;
               border-radius: 4px;
               cursor: pointer;}
.edit_save_btn:hover{ background:var(--color); color: #fff;}

/*  Wishlist Page */
.wishlist_page{float:left;width:100%;margin:0;padding:20px 0 30px;background:#eee;position:relative}
.wishlist{ padding: 0; border: 0; background: transparent;}
.wishlist_body{ float: left; width: 100%; background: #fff; border: 1px solid #ccc; padding: 5px;}
.wishlist_body img{padding: 5px; border: 1px solid #eee;}
.wishlist_body .wishlist_info{ vertical-align: middle; padding: 15px 0;}
.wishlist_body .wishlist_info a{font-size: 16px; font-weight: 600; color: #333; padding-bottom: 10px;}
.wishlist_body .wishlist_info a:hover{ color: var(--color); }
.wishlist_body .wishlist_info p{ font-size: 14px; line-height: 18px; margin: 0; padding: 0 0 5px; text-align: left;}
.wishlist_body .remove{color: #fff; background: #666; display: inline-block; border-radius: 3px;  text-align: center; padding: 10px 20px;}
.wishlist_body .remove:hover{color: #fff; background: var(--color);}


/* My Address  */
.my_address_right{ border: 0;}
.my_address_title5{margin:0px;font-size:13px;text-align:left;padding:0; background: #fff; box-shadow: 0 2px 4px 0 rgba(0,0,0,.08); border: 1px solid #eee; margin-bottom: 15px;}
.my_address_title5 a{color:var(--color);text-transform:capitalize;display:block;background:#fff;font-size:14px;padding:10px;border-radius:3px}
#add_address_panel { display: none;}
.address_box{ float: left; width: 100%; padding: 15px; border: 1px solid #ccc; position: relative;}

.address_box{ float: left; width: 100%;}
.address_box h5{ font-size: 14px; font-weight: 600; text-transform: uppercase; margin: 0 0 5px; padding: 0;}
.address_box h5 label input{ float: left; margin-right: 6px;height: 16px;line-height: 25px;margin-bottom: 30px;}
.address_box h5 label span{ font-size: 16px; color: var(--color); margin-right: 6px; font-weight: 600;}
.address_box p strong{margin-right: 5px;}
.address_box h5 label{ font-size: 14px; color: #333;}
.address_box h5 .edit{ float: right; font-size: 14px; color: var(--color); margin-left: 10px;}
.address_box h5 .edit:hover{ color: #333;}
.address_box h5 .delete{float: right; font-size: 14px; color: #333; margin-left: 10px;}
.address_box h5 .delete:hover{ color: var(--color);}
.address{ float: left; width: 100%;}
.address h5{ font-size: 14px; font-weight: 600; text-transform: uppercase; margin: 0 0 5px; padding: 0; font-weight: 600;}
.address h5 label input{ float: left; margin-right: 6px;height: 16px;line-height: 25px;margin-bottom: 10px;}
.address h5 span{ font-weight: 600; color: var(--color);}



.address_box h5{ margin: 0; padding: 0 0 5px; font-weight: 600;}
.edit_address{ float: right;}
.address_box h5 a{font-size: 16px;}
.manage_address{ position: absolute; right: 0; top: 10px; width: 50px; text-align: center;}
.manage_address a{ width: 50px;}
.manage_address ul{ display: none; width: 80px; position: absolute; z-index: 555; background: #fff; left:0%; top: 100%;}
.manage_address:hover ul { display: block;     box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);}
.manage_address ul li{ display: inline-block; width: 100%; border-bottom: 1px solid #ccc;}
.manage_address ul li:last-child{ border-bottom: 0;}
.manage_address ul li:before{ content: none;}
.manage_address ul li a{ float: left; padding: 1px 10px; color: #333;}
.manage_address ul li a:hover{ color: var(--color);}
.large_btn{ padding: 10px 40px;}




/* Review & Rating Page */
.review_right{ padding: 10px; background: #fff; margin-bottom: 20px;}
.review_right_side h1 {
  padding: 8px 10px;
  margin: 0 0 10px;
  line-height: 30px;
  background: var(--color);
  font-size: 24px;
  color: #fff;
  font-weight: 600;
}
.my_reviews{ padding: 0; border: 0;}
.reviews_item{float: left;
              width: 100%;
              background: #fff;
              border-bottom:1px solid #ccc;
              padding: 15px;}
.reviews_info a{font-size: 16px;
                font-weight: 600;
                color: #333;
                padding-bottom: 10px}
.reviews_info p{font-size: 13px;
                line-height: 20px;
                font-style: italic;
                margin: 0;
                padding: 0 0 5px;
                text-align: left;
}
.reviews_info ul{ float: left; width: 100%; margin: 0; padding:0px;}
.reviews_info ul li{ list-style: none; display: inline-block; line-height: 18px; font-size: 13px; color: #666; margin-right: 5px;}
.rate_heading{ float: left; width: auto; display: inline-block; font-size: 16px; font-weight: 600;}
.rate_block{ font-size: 18px; color: #333;}
.review_title { padding-bottom: 5px;}
div.stars{ display: inline-block;}
input.star{ display: none;}
label.star{
  float: right;
  padding: 5px;
  font-size: 20px;
  color: #333;
  transition: all .2s;
  cursor: pointer;
  line-height: 24px;
}

input.star:checked ~ label.star:before {
  content: '\f005';
  color: #FD4;
  transition: all .25s;
}

input.star-5:checked ~ label.star:before {
  color: #FE7;
  text-shadow: 0 0 10px #c4b865;
}
input.star-1:checked ~ label.star:before { color: #F62; }
input.star-2:checked ~ label.star:before { color: #e09d1b; }
input.star-3:checked ~ label.star:before { color: #ff9f00; }
label.star:before {content: '\f006'; font-family:'FontAwesome';}
.rate_rating{ width: 100%; padding: 0px 0 5px;}
.rate_rating i{ font-size: 15px;}
.right_links{ float: right; text-align: right;}
.reviews_info ul li a{ font-size: 13px; color: #333;}
.reviews_info ul li a:hover,.reviews_info ul li a:focus{ color: var(--color)}


/*  customer_support  */
.wps_right_support{ margin-bottom: 20px;}
.customer_support h1 {
  padding: 8px 10px;
  margin: 0 0 10px;
  line-height: 30px;
  background: var(--color);
  font-size: 24px;
  color: #fff;
  font-weight: 600;
}
.wps_right_support{float: left;
                   width: 100%;
                   background: #fff;
                   padding: 15px;
                   border: 1px solid #ccc;}
.wps_right_support .panel-heading{ padding: 10px 15px; text-align: left;}
.wps_right_support .panel-heading h4{ text-align: left; padding: 0; font-size: 14px; font-weight: normal;}
.wps_right_support .panel-body p{font-size: 13px; line-height: 20px;}
.wps_right_support .panel-body h5{ font-size: 14px; font-weight: 600; margin: 0; padding: 0 0 10px;}
.wps_right_support .panel-body p a{ color: var(--color);}
.customer_support ul{ float: left; width: 100%; margin: 0 0 0 15px; padding: 0 0 15px;}
.customer_support ul li{ font-size: 13px; line-height: 24px;}
.mail_us{ float: right; display: inline-block; padding: 7px 18px;}
.mail_us:hover{ text-decoration: none;}

/*  Thankyou Page */

.transparent-div {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 2px #fff;
  border: solid 1px #c3c3c3;
  background-color: rgba(255, 255, 255, 0.4);
  padding: 20px;
  color: #7e8488;
}
.transparent-div i{ font-size: 60px; color: var(--color); margin-bottom: 10px;}
.transparent-div h1,
.transparent-div h2,
.transparent-div h3 {
  color: #333;
}
.transparent-div h1 {
  font-size: 3.5em; 
  margin: 0; padding: 0 0 5px;
}
.transparent-div h2{font-size: 16px; font-weight: normal; color: var(--color);}
.transparent-div p {
  font-size: 13px;
  font-weight: 300;
  line-height: 20px;
  margin-bottom: 25px;
  color: #555;
}
.back_home_btn{ font-size: 15px; color: #fff; background: #333; padding: 8px 30px 5px; display: inline-block; border-radius: 4px; margin-bottom: 20px; line-height: 28px; 
}
.back_home_btn i{ font-size: 18px; margin-right: 5px; color: #fff;}
.back_home_btn:hover,.back_home_btn:focus{color: #fff; background: var(--color); }
@media (min-width: 500px) {
  .absolute-center {
    width: 600px;
    margin: auto;
  }
}

/* Error Page */
.error-col {
  text-align: center;
}
#clip{ 
  font-size: 72px;
  line-height: 1.2;
  background:var(--color);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  font-weight: bold;
  text-align: center;
  margin-bottom: 0;
  text-transform: uppercase;
}
.error-col h2 {
  font-size: 30px;
  margin-bottom: 40px;
  color: #333;
}

/*front end pagging* - 07 Feb 2019*/
p.paging{
  margin-right: 25px;
}
.paging strong.active {
  background-color: #e81e62;
  color: #fff;
}

.paging a{
  background: #333;
  color: #fff;
  padding: 8px 12px;
  margin-right:  3px;
}
.paging a:hover{
  background: #e81e62 !important;
  color: #fff;
}
.paging strong{
  background: #333 !important;
  color: #fff;
  padding: 10px 12px;
  margin-right:  3px;
}

.market-list {
    background: rgb(252, 252, 252) none repeat scroll 0% 0%;
    height: auto;
    overflow: hidden;
    padding: 0px;
    border: 1px solid rgb(222, 222, 222);
    margin-bottom: 20px;
}

.market-list li {
    border: 1px dashed #CCC;
    list-style-type: none;
    padding: 0;
    line-height: 20px;
    width: 25%;
    float: left;
}

.market-list li:before {
    content: none!important;
    font-family: "FontAwesome";
    margin-right: 0!important;
}

.market-list li a {
    display: block;
    color: #333;
    text-align: left;
    font-size: 13px;
    padding: 5px 15px;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 24px;
    transition: all 0s ease;
}

.market-list li a:hover {
    background:var(--color);
    color: #fff;
}
.right_side h2.company_name{font-weight: normal; font-size: 18px; line-height: normal; margin: 0; padding: 0 0 10px; color:var(--color);}
.career_d p{margin: 0px!important; padding: 0!important; line-height: 25px; font-size: 14px!important;}
.career_d p b{font-size: 18px; font-weight: normal;}
.career_d p b i{ width: 25px; height: 25px; font-size: 18px; line-height: 25px; text-align: center;}
.career h3{font-weight: 600; font-size: 18px; line-height: normal; margin: 0; padding: 10px 0 5px; color:#333; text-transform: inherit;}
.career p{margin: 0px 0 10px; padding: 0; line-height: normal; font-size: 14px; text-align: left;}
.career ul {
    margin: 0px 0 15px 10px;
    padding: 0;
}
.career ul li{font-size: 14px; line-height: 25px;}
.career ul li::before {
    content: "\f006";
    font-family: "FontAwesome";
    margin-right: 5px;
}
.bottom_btn{padding: 12px 40px;
border-radius: 30px;
text-align: center;
font-size: 16px; background: var(--color)}
.bottom_btn:hover,.bottom_btn:focus{background: #333; color: #fff;}
.career_right_1 { float: right;
    width: 200px;
    text-align: center;
    overflow: hidden;
    position: relative;
    margin: 0 0px 15px 15px;
    height: 200px;
    border: 1px solid #eee;
}

.career_right_1 img {
    position: absolute;
    max-width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: auto;
    max-height: 100%;
}

.banner-contact a{display: inline-block;}
.web-pulse-india .read_more::before, .web-pulse-india .read_more::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 60%;
    border-radius: 0;
    z-index: -1;
    height: 100%;
    background:#42b3ec;
    will-change: transform;
    transform: skew(-45deg) scaleX(0);
    transition: transform .3s ease-in-out;
}




.slider-for h3{background:#eee;color:#3498db;font-size:36px;line-height:100px;margin:0;padding:2%;position:relative;text-align:center}
.slider-nav h3{background:#eee;color:#3498db;font-size:36px;line-height:100px;margin:10px;padding:2%;position:relative;text-align:center}
.slider.slider-for .slick-prev,.slider.slider-for .slick-next{display:inline-block!important}
.slider.slider-for .slick-slide{cursor:grabbing}
.slider.slider-for .slick-prev{left:0}
.slider.slider-for .slick-next{right:0}
.details_image{float:left;width:100%;position:relative;margin-bottom:15px;border:1px solid #ccc;padding:10px}
.details_image .image_d_slide{position:relative;width:70%;float:left;height:350px;text-align:center;overflow:hidden}
.details_image .image_d_slide img{position:absolute;top:50%;left:50%;max-width:100%;transform:translate(-50%,-50%);width:auto;max-height:100%}
.details_image .right_content_slide{width:30%;float:right;padding:15px;background:#eee;height:350px}
.right_content_slide h4{text-align:left;font-size:16px;text-transform:uppercase;color:#3498db;margin:0 0 10px;padding:0}
.right_content_slide p{font-size:14px;color:#333;line-height:18px;text-align:left;margin-bottom:20px}
.right_content_slide a .may_btn { float: left; }
.right_content_slide ul li{font-size:13px}
.details_thumb{overflow:hidden;position:relative;text-align:center;height:110px;border:1px solid #ccc;opacity:.6;margin:0 5px 15px;cursor:pointer}
.details_thumb img{position:absolute;top:50%;left:50%;max-width:100%;transform:translate(-50%,-50%);width:auto;max-height:100%}
.slick-current .details_thumb{border:1px solid #3498db;opacity:1}
.slider-nav .slick-track{float:left!important}
.right_content_slide table tr td{text-align: left; border: 1px solid #ccc;}
.wps_right .slider-nav{margin-bottom: 20px;}




.whatapp_btn{background:#01e675; width: 50px;height: 50px;color:#fff;position: fixed; left: 25px; bottom: 90px;cursor: pointer;z-index: 999;border-radius: 100%;display: flex;align-items: center;justify-content: center;transition: all 300ms ease-in-out;box-shadow: 0px 3px 10px
               rgba(0, 0, 0, 0.16), 0px 3px 10px rgba(0, 0, 0, 0.16);}
.whatapp_btn i{font-size: 30px;}
.whatapp_btn:hover,.whatapp_btn:focus{background:#01e675; color: #fff;}
#whatsapp .modal-dialog {
  margin-top: 17%;
}
.home_about-web-pulse .titile_h1{color:#fff;font-size:30px;font-style:italic;}
.home_about-web-pulse .titile_h1 span{color:var(--color); font-weight: 700;}


@keyframes blink {
    0% {
        background: var(--color);
    }

    50% {
        background: var(--color);
    }

    100% {
        background: var(--color);
    }
}
.brochure_btn:hover,.brochure_btn:focus{color: #fff; background: var(--color);}
.our_group{
    margin-bottom: 30px;
    background: #f5f5f5;
    transition: all .3s;
}
.our_group:hover{box-shadow: 0 25px 40px -20px #ccc;}
.our_group .group_content{padding: 15px;}
.our_group .group_content .title {
    font-size: 24px;
    font-weight: 700;
    text-transform: none;
    margin: 0 0 3px;
    line-height: 36px;
}
.our_group .thumbnail {
    display: block;
    position: relative;
    overflow: hidden;
    height: 250px;
    padding: 15px; background: #fff;
    transition: all .3s ease-out;
    margin: 0;
}
.our_group .thumbnail img{position: absolute; top: 50%; left: 50%; max-width: 100%; transform: translate(-50%,-50%); width: auto; max-height: 100%; padding:  0 20px}
#scroll-up{position:fixed;z-index:8030;bottom:65px;right:30px;width:46px;height:46px;border-radius:50%;color:#fff;font-size:24px;line-height:42px;text-align:center;text-decoration:none;cursor:pointer;transition:all 0.25s;display:none;background:var(--color); box-shadow: 0 3px 5px rgba(0,0,0,.1);}
#scroll-up:hover{background:var(--color);}
.paymentButton{/*float: right;*/ margin-top: 20px; margin-bottom: 20px;}
.paymentButton input{border: 0!important; padding: 0; height: 35px;}
.paymentButton input:focus{outline: 0; border: 0;}
.pay_now_page{float: left; width: 100%; margin: 0; padding: 40px 0; background: #eee;}

.bank_account {
 border:1px solid var(--secondColor);
 padding-bottom:10px;
 background:#fff;
 transition:.5s;
 margin-bottom:20px
}
.paragraph_text{text-align: center; min-height: 160px;}
.bank_account h2 {
 background:var(--secondColor);
 border-bottom:1px solid var(--secondColor);
 font-weight:700;
 text-transform:capitalize;
 text-decoration:none;
 color:#fff;
 padding:10px;
 margin-bottom:10px;
    text-align: left;
 position:relative;
    font-size: 20px;
}

.net_banking{padding: 0 15px;}
.net_banking img{max-width: 230px;}
.bank_account p {
font-size: 14px;
margin: 0;
    margin-top: 50px;
    margin-bottom: 10px;
line-height: normal;
font-weight: 600;
}

.feature_product_more{float: left; width: 100%; margin: 0 0 15px; padding: 10px; border: 1px solid #efefef; box-shadow: 0px 3px 5px 0px rgba(210, 210, 210, 0.75);}
.product_add a.check_product{left: 5px;
right: auto;
padding: 5px 15px;
border-radius: 3px;
background: #333;
top: 5px;
}
.feature_product_more.product_add .check_product{left: 10px; top: 10px;}
.feature_product_more.product_add .check_product i{margin: 0;}

.feature_product_more .image{float: left; width: 100%; margin: 0; padding: 0; position: relative; text-align: center; border: 1px solid #efefef; height: 343px;}
.feature_product_more .image img{position: absolute; top: 50%; left: 50%; max-width: 100%; transform: translate(-50%,-50%); max-height: 100%; width: auto;}
.feature_product_specification{float: left; width: 100%; margin: 0; padding: 0px;}
.feature_product_specification h4{line-height: 24px; font-size: 18px; padding: 0px 0 10px; text-align: left; margin: 0; font-weight: 600; color: #333}
.feature_product_specification h4 a{color: #333;}
.feature_product_specification:hover h4 a{color: var(--color);}
.feature_product_specification table{margin-bottom: 10px;}
.feature_product_specification table>tbody>tr>td, .feature_product_specification table th{border: 1px solid #eaeaea; width: 68%;}
.feature_product_specification table tr td{
    vertical-align: middle;
    padding: 7px 5px;
    font-size: 14px;
    line-height: 20px;
    text-align: left;
}
.feature_product_specification table>tbody>tr>td:first-child {
    color: #666;
    width: 50%;
    font-weight: 600;
}

.feature_product_specification table>tbody>tr>td {
    padding: 4px 10px;
}
.feature_product_specification p{line-height: 22px; font-size: 14px; margin: 0; font-family: 'Poppins', sans-serif !important;}
.feature_product_specification h5 {
    line-height: 24px;
    font-size: 16px;
    padding: 0 0 10px;
    text-align: left;
    margin: 0;
    font-weight: 600;
    color: #333;
}
.spec_read_more_btn{background:#333; padding: 7px 25px; font-size:15px;color:#fff;margin:10px 5px 10px 0px;display: inline-block;width: auto;border-radius: 4px;}
.spec_read_more_btn:hover,.spec_read_more_btn:focus{color:#fff; background: var(--color);}
.spec_get_quote_btn{background:#333; padding: 7px 25px; font-size:15px;color:#fff;margin:10px 0px 10px 0px;display: inline-block;width: auto;border-radius: 4px;}
.spec_get_quote_btn:hover,.spec_get_quote_btn:focus{color:#fff; background: var(--color);}


.faqs_section {
  float: left;
  width: 100%;
  margin: 0;
  padding: 35px 0 15px;
  background: #fff;
  box-shadow: 0 5px 10px rgba(0,0,0,0.1);
}
.faqs_section h2{
    font-size: 22px;
    padding-bottom: 10px;
    font-weight: 700;
    color: var(--color);
    margin: 0;
}

.faqs_section h3 {
  font-size: 20px;
  margin: 0 0 15px;
  padding: 0;
  color: var(--color);
  font-weight: 500;
  text-align: left;
  display: block;
}
.faq_group{float: left; width: 100%; margin: 0 0 10px; padding: 0;}
.faqs_section h4 {
  font-size: 18px;
  margin: 0 0 5px;
  padding: 0;
  color: #333;
  font-weight: 500;
  text-align: left;
  display: block;
}
.faqs_section p{margin: 0 0 25px; padding: 0; /*👉text-align: justify;👈*/}
.list_district{float: left; width: 100%; margin: 10px 0 0; padding: 0;}
.faqs_section p a{color: #39519d; font-weight: normal;}
.faqs_section p a:hover{color: var(--color);}

/*** New Headings ***/
.section_title {
  font-size: 36px;
  font-weight: bold;
  font-style: italic;
  font-stretch: normal;
  letter-spacing: normal;
  text-align: center;
  color: #333;
  text-transform: uppercase;
  padding-bottom: 10px;
  margin-bottom: 0;
  line-height: 1.1;
  font-family: 'Poppins', sans-serif;
}
.section_title span {
color: var(--color);
}
.webpulse_home_featured .section_title {
  color: #fff;
}

.webpulse_home_featured .section_title {
color: #fff;
}

.offer-colm .title3_1{
font-size: 20px;
line-height: 28px;
padding: 20px 0 10px;
margin: 0;
color: var(--color);
font-family: 'Poppins', sans-serif;
font-weight: bold;
}
.phone_number_1{font-size: 26px;
font-weight: bold;
font-family: 'Poppins', sans-serif;
margin: 0 0 20px;
color: var(--color);
}
.phone_number_1 a {
color: var(--color);
}

.title_h4_1{
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 100%;
  width: 100%;
  transform: translate(-50%,-50%);
  padding: 0 70px 0 25px;
  display: block;
  font-size: 18px;
  line-height: 24px;
  color: #333333;
  font-weight: 700;
  margin: 0;
  text-align: left;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.service-block:hover .caption-box .title_h4_1{
color: var(--color);
}

.title_h3_2{
margin-bottom: 0px;
margin-top: 10px;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 24px;
text-transform: uppercase;
font-family: 'Poppins', sans-serif;
color: #333;
}

.product_title .title_h3_4 {
  margin: 0;
  padding: 0;
  line-height: 20px;
  font-size: 17px;
  color: #333;
  text-align: center;
  position: relative;
  height: 60px;
  font-weight: bold;
  overflow: hidden;
  font-family: 'Poppins', sans-serif;
}
.product_title .title_h3_4 a {
  color: #333;
}
.product_title .title_h3_4 a span {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 100%;
  width: 100%;
  max-height: 100%;
  text-align: center;
  transform: translate(-50%,-50%);
}
.product_block:hover .product_title .title_h3_4 a {
  color: var(--color);
}


.blog-2 .blog_title_1 {
  text-align: left;
  margin: 0;
  padding: 0;
  position: relative;
  height: 70px;
  font-size: 16px;
  color: #333;
  font-family: 'Poppins', sans-serif;
  font-weight: bold;
  overflow: hidden;
  line-height: 1.1;
}
.blog-2 .blog_title_1 span {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 100%;
  transform: translate(-50%,-50%);
  width: 100%;
}
.blog-2 .blog_title_1 a {
  font-size: 18px;
  margin-bottom: 10px;
  line-height: 24px;
  font-weight: 600;
  color: #333;
}

.blog-2:hover .blog_title_1 a {
  color: var(--color);
}
.footer-top .right-text .text-box .top_footer_title{
font-size: 24px;
text-transform: uppercase;
color: #FFFFFF;
font-weight: bold;
font-family: 'Poppins', sans-serif;
margin: 0 0 20px;
line-height: 1.1;
}

.footer_title_h4{
  float: left;
  width: 100%;
  font-size: 22px;
  text-align: left;
  padding: 15px 0;
  color: #fff;
  margin-bottom: 10px;
  font-family: 'Poppins', sans-serif;
  font-weight: bold;
  text-transform: capitalize;
  line-height: 1.1;
}

.web-pulse-india .footer_title_h4 span {
color: var(--color);
}

.about_company_text h1 {
  font-size: 30px;
  font-weight: bold;
  font-style: italic;
  font-stretch: normal;
  letter-spacing: normal;
  text-align: center;
  color: #333;
  padding-bottom: 10px;
  margin-bottom: 0;
  text-align: left;
}
.about_company_text h1 span {
  color: var(--color);
}
.about_company_text h2 {
  font-size: 22px;
  font-weight: bold;
  text-align: left;
  color: #333;
  margin: 0 0 20px;
  line-height: 1.1;
}
.modal-header .modal-title {
text-align: left;
font-size: 18px;
line-height: 18px;
color: #fff;
padding: 15px 0;
text-transform: capitalize;
font-weight: 600;
}

.ti-name {
font-family: 'Poppins', sans-serif;
font-weight: 600;
}

.webpulse-home-slider .slick-prev, .webpulse-home-slider .slick-next{display: none!important;}
.webpulse-home-slider:hover .slick-prev, .webpulse-home-slider:hover .slick-next{display: inline-block!important;}

/***End  New Headings ***/

.categoryCTA{float: left; width: 100%; text-align: center; margin: 20px 0;}
.categoryCTA .ctaButtonPop{
    font-size: 18px;
color: #fff;
background:#6d2c0a;
border: 1px solid #48210c;
border-radius: 3px;
padding: 12px 0;
width: 258px;
display: inline-block;
text-transform: uppercase;
cursor: pointer;
}
.categoryCTA .ctaButtonPop i{margin-right: 5px;}
.categoryCTA .ctaButtonPop:hover{background: #48210c;color: #fff; border: 1px solid #48210c;}



.inner-column.Features-image {
    float: right;
}

.inner-column.Features-image img {
    max-width: 70%;
	float:right;
}
.halp-call img {
    background: var(--secondColor);
    padding: 20px;
    border-radius: 20px;
}

@media (max-width: 991px)
.navigation {
    position: absolute;
    top: 74px;
    left: 0;
    width: 100%;
    display: none;
    height: auto;
    padding-bottom: 0;
    overflow: auto;
    border-top: 1px solid #f2f4f6;
    border-bottom: 1px solid #f2f4f6;
    background-color: #fff;
    -webkit-box-shadow: 0 0 3px rgb(60 72 88 / 15%);
    box-shadow: 0 0 3px rgb(60 72 88 / 15%);
}
*, ::after, ::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#topnav .navbar-toggle .lines {
    width: 25px;
    display: block;
    position: relative;
    margin: 30px 0 26px 10px;
    height: 18px;
}

.shop-features .category-title {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 20px;
    z-index: 1;
}

.rounded {
    border-radius: 6px !important;
}
.card {
    background-color: #fff;
    border: 0;
}
.btn-group-sm>.btn, .btn.btn-sm {
    padding: 7px 16px;
    font-size: 10px;
}
.btn {
	padding: 8px 20px;
	outline: 0;
	text-decoration: none;
	font-size: 16px;
	letter-spacing: .5px;
	-webkit-transition: all .3s;
	transition: all .3s;
	font-weight: 600;
	border-radius: 6px
}

.button1
{
    background-color: #f4511e;
  border: none;
  color: white;
  padding: 16px 32px;
  text-align: center;
  font-size: 16px;
  margin: 4px 2px;
  opacity: 0.6;
  transition: 0.3s;
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
}

.btn:focus {
	-webkit-box-shadow: none !important;
	box-shadow: none !important
}

.btn-group-sm>.btn,
.btn.btn-sm {
	padding: 7px 16px;
	font-size: 10px
}
.img-fluid {
    max-width: 100%;
    height: auto;
}

.btn-group-lg>.btn,
.btn.btn-lg {
	padding: 14px 30px;
	font-size: 16px
}

.btn.searchbtn {
	padding: 6px 20px
}

.btn.btn-pills {
	border-radius: 30px
}

.btn.btn-light {
	border: 1px solid #f2f4f6
}

.btn.btn-outline-light {
	border-color: #e9ecef !important
}

.btn.btn-soft-light {
	color: #ced4da !important;
	border-color: #e9ecef !important
}

.btn.btn-soft-dark.active,
.btn.btn-soft-dark.focus,
.btn.btn-soft-dark:active,
.btn.btn-soft-dark:focus,
.btn.btn-soft-dark:hover {
	color: #ced4da !important;
	border-color: #e9ecef !important
}

.btn.btn-dark,
.btn.btn-secondary {
	color: #e9ecef
}

.btn.btn-outline-light {
	color: #212529
}

.shop-features .category-title {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 20px;
    z-index: 1;
}




.card {
	--bs-card-spacer-y: 1rem;
	--bs-card-spacer-x: 1rem;
	--bs-card-title-spacer-y: 0.5rem;
	--bs-card-border-width: 1px;
	--bs-card-border-color: var(--bs-border-color-translucent);
	--bs-card-border-radius: 0.375rem;
	--bs-card-inner-border-radius: calc(0.375rem - 1px);
	--bs-card-cap-padding-y: 0.5rem;
	--bs-card-cap-padding-x: 1rem;
	--bs-card-cap-bg: rgba(0, 0, 0, 0.03);
	--bs-card-bg: #ffffff;
	--bs-card-img-overlay-padding: 1rem;
	--bs-card-group-margin: 0.75rem;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	min-width: 0;
	height: var(--bs-card-height);
	word-wrap: break-word;
	background-color: var(--bs-card-bg);
	background-clip: border-box;
	border: var(--bs-card-border-width) solid var(--bs-card-border-color);
	border-radius: var(--bs-card-border-radius)
}
h4 {
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    text-transform: capitalize;
    text-align: center;
    padding: 15px 0;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    color: #0c0c0c;
    margin: 0 0 20px;
}

.btn-group-sm>.btn, .btn.btn-sm {
    padding: 7px 16px;
    font-size: 10px;
}

.btn-soft-primary {
    background-color: rgba(47, 85, 212, .05) !important;
    border: 1px solid rgba(47, 85, 212, .05) !important;
    color: #2f55d4 !important;
    -webkit-box-shadow: 0 3px 5px 0 rgb(47 85 212 / 10%);
    box-shadow: 0 3px 5px 0 rgb(47 85 212 / 10%);
}
.mt-2 {
    margin-top: 0.5rem !important;
}
.btn-sm {
    --bs-btn-padding-y: 0.25rem;
    --bs-btn-padding-x: 0.5rem;
    --bs-btn-font-size: 0.875rem;
    --bs-btn-border-radius: 0.25rem;
}


.card {
    --bs-card-spacer-y: 1rem;
    --bs-card-spacer-x: 1rem;
    --bs-card-title-spacer-y: 0.5rem;
    --bs-card-border-width: 1px;
    --bs-card-border-color: var(--bs-border-color-translucent);
    --bs-card-border-radius: 0.375rem;
    --bs-card-inner-border-radius: calc(0.375rem - 1px);
    --bs-card-cap-padding-y: 0.5rem;
    --bs-card-cap-padding-x: 1rem;
    --bs-card-cap-bg: rgba(0, 0, 0, 0.03);
    --bs-card-bg: #ffffff;
    --bs-card-img-overlay-padding: 1rem;
    --bs-card-group-margin: 0.75rem;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    height: var(--bs-card-height);
    word-wrap: break-word;
    background-color: var(--bs-card-bg);
    background-clip: border-box;
    border: var(--bs-card-border-width) solid var(--bs-card-border-color);
    border-radius: var(--bs-card-border-radius);
}

 

.button {
  flex: 1 1 auto;
  margin: 10px;
  padding: 20px;
  text-align: center;
  text-transform: uppercase;
  transition: 0.5s;
  background-size: 100% auto;
  color: blue;
 /* text-shadow: 0px 0px 10px rgba(0,0,0,0.2);*/
  box-shadow: 0 0 20px #eee;
  border-radius: 10px;
 }

/* Demo Stuff End -> */

/* <- Magic Stuff Start */

.button:hover {
  background-position: right center; /* change the direction of the change here */
}

.button-1 {
  background-image: linear-gradient(to right, #f6d365 0%, #fda085 51%, #f6d365 100%);
}

.work-icon i{
        color: var(--secondColor);
    font-size: 76px;
}
.gallery.slick-slider .service-block{
    margin:0;
}
.gallery.slick-slider .slick-prev{
    left: 0px;
}
.gallery.slick-slider .slick-next{
    right: 0px;
}
/***Nav Bar New CSS ADDED New Headings ***/

.sitemap {
	display: inline-block;
	width: 100%;
}

.sitemap li a, .sitemap li a.multi:after {
    position: relative;
	display: block;
	margin: 0;
	padding: 15px;
	font-size: 14px;
	font-weight: bold;
	line-height: 16px;
	white-space: normal;
	color: #333;
	background-color: white;
	border: 1px solid #f5f5f5;
	border-top: 4px solid #95a5a6;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
    z-index: 1;
}

.sitemap li a {
	-webkit-box-shadow: 1px 1px 2px rgba(106,113,127,0.2);
    -moz-box-shadow: 1px 1px 2px rgba(106,113,127,0.2);
    box-shadow: 1px 1px 2px rgba(106,113,127,0.2); 
}

.sitemap li a.multi:after {
	content: " ";
	position: absolute;
	left: 6px;
	top: 6px;
	width: 100%;
	height: 100%;
	border-width: 2px;
	border-color: #eee;
	border-top-width: 0 !important;
	border-left-width: 0 !important;
	background-color: transparent;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-bottom-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	z-index: -1;
}

.sitemap li a:before {
	content: " "attr(href)" ";
	display: block;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	word-wrap: break-word;
	color: #95a5a6;
}

.sitemap li a small {
	display: block;
	font-weight: normal;
	font-size: 12px;
	margin-top: 10px;
}

.sitemap .fa {
	position: absolute;
	top: 15px;
	right: 15px;
	font-size: 16px;
	vertical-align: middle;
}

/* --- Root --- */
.sitemap ul, .sitemap li {
	position: relative;
	display: inline-block;
	padding:0;
	    width: 100%;
}
.sitemap .primary ul li:before,
.sitemap .primary ul li:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	border-color: #ddd;
	border-width: 1px;
	z-index: 0;
}

.sitemap .primary ul li a { border-top-color: #e74c3c; width: auto; }
.sitemap .primary ul li a:before, .primary ul li .fa { color: #e74c3c; }

/* --- Level 1 --- */
.sitemap .primary ul ul {
	white-space: nowrap;
}

.sitemap .primary ul ul li {
	position: relative;
	vertical-align: top;
	padding-top: 20px;
	margin-right: 20px;
	white-space: normal;
	width: 100%!important;
}

.sitemap .primary ul ul li:last-child {
	padding-right: 0;
}

.sitemap .primary ul ul li:before {
	border-top-style: solid;
	width: 30px;
	top: 50px;
	margin: 0 0 0 -30px;
}

.sitemap .primary ul ul li:first-child:before {
	border-top-style: none;
	/*border-left-style: solid;*/
	width: 0;
	height: 30px;
	top: 0;
	left: 45px;
	margin: 0 0 0 -30px;
}

.sitemap .primary ul ul li a { border-top-color: #3498db; width: auto; }
.sitemap .primary ul ul li a:before, .primary ul ul li .fa { color: #3498db; }

/* --- Level 2 --- */
.primary ul ul ul {
	display: block;
	white-space: normal;
}

.sitemap .primary ul ul ul li {
	display: block;
	position: relative;
	width: 100%;
	padding-left: 30px;
	margin-right: 0;
}

.sitemap .primary ul ul ul li:before,
.sitemap .primary ul ul ul li:first-child:before  {
	border-top-style: none;
	border-left-style: solid;
	height: 100%;
	top: 0;
	left: 45px;
}

.sitemap .primary ul ul ul li:last-child:before  {
	height: 50px;
}

.sitemap .primary ul ul ul li:after  {
	border-top-style: solid;
	top: 50px;
	left: 15px;
	width: 15px;
}

.sitemap .primary ul ul ul li a { border-top-color: #2ecc71; width: auto; }
.sitemap .primary ul ul ul li a:before, .primary ul ul ul li .fa { color: #2ecc71; }

/* --- Level 3 --- */
.sitemap .primary ul ul ul ul li a { border-top-color: #e67e22; }
.sitemap .primary ul ul ul ul li a:before, .primary ul ul ul ul li .fa { color: #e67e22; }

/* --- Level 4 --- */
.sitemap .primary ul ul ul ul ul li a { border-top-color: #9b59b6; }
.sitemap .primary ul ul ul ul ul li a:before, .primary ul ul ul ul ul li .fa { color: #9b59b6; }

/* --- Secondary --- */
.sitemap .secondary {
	display: block;
	margin-top: 20px;
	padding-top: 20px;
	border-top: dotted 2px #eee;
}

.sitemap .secondary ul {
	white-space: nowrap;
}

.sitemap .secondary ul li {
	display: inline-block;
	white-space: normal;
	padding: 0 20px 0 0;
}

.sitemap .secondary ul li:before,
.sitemap .secondary ul li:after {
	display: none;
}

.sitemap .secondary ul li:last-child {
	padding: 0;
}

/* --- Widths --- */
.sitemap .primary > ul > li > a,
.sitemap .primary > ul > li > ul > li,
.sitemap .secondary li a {
	width: auto;
}
.containerwidth {
            width: 100%;
        }

        .wrapper {
            background-color: #ffffff;
            padding: 5px 20px;
            margin-bottom: 20px;
            border: 1px solid var(--color);
        }

        .toggle,
        .content {
            font-family: "Poppins", sans-serif;
        }

        .toggle {
            width: 100%;
            background-color: transparent;
            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;
            font-size: 16px;
            color: #111130;
            font-weight: 600;
            border: none;
            outline: none;
            cursor: pointer;
            padding: 10px 0;
        }
        .content {
            position: relative;
            font-size: 14px;
            text-align: justify;
            line-height: 30px;
            height: 0;
            overflow: hidden;
            -webkit-transition: all 1s;
            -o-transition: all 1s;
            transition: all 1s;
        }
.parsley-errors-list{
        margin: 0;
    list-style: none;
    padding: 0;
}
.parsley-errors-list .parsley-required{
    color:red;
}
.parsley-errors-list .parsley-type{
    color:#ff9700;
}
.form-control.parsley-error{
    border: 1px solid #ff00005c;
    background: #ff000012;
}
.form-control.parsley-success{
    background: #00800024;
    border: 1px solid green;
}
ul.parsley-errors-list{
    background:none;
}
ul.parsley-errors-list li{
    border:0;
}

#Send-inquiry-Form2 ul.parsley-errors-list li{
    margin-bottom:10px;
}
#capcha_error4{
    color:red;
}
.shop-features figure {
	background: var(--color);
	overflow:hidden;
	border-radius: 10px;
}
.shop-features figure img {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.shop-features figure:hover img {
	opacity: .5;
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	transition: .3s ease-in-out;
}
@media screen and (max-width:600px){
   .footer-top .right-text .box {
        padding-left: 0;
   }
   .footer-top .right-text.pull-right{
        float: inherit!important;
    }
    .footer-top .right-text .text-box a {
        margin-left:0;
    }
}
.read_more_btn a:hover{
    background:var(--secondColor);
}
.header-quote{
    cursor:pointer;
}
.header-quote span:hover{
    background:var(--secondColor)!important;
}
.service-block .caption-box .icon:hover{
    background:var(--secondColor)!important; 
}
.wps_copy{
    background:var(--secondColor); 
    filter: brightness(90%);
}







/*
     FILE ARCHIVED ON 18:04:59 Feb 07, 2025 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 17:54:44 Jun 28, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 1.626
  exclusion.robots: 0.215
  exclusion.robots.policy: 0.186
  esindex: 0.025
  cdx.remote: 81.337
  LoadShardBlock: 252.004 (3)
  PetaboxLoader3.datanode: 114.841 (4)
  PetaboxLoader3.resolve: 325.004 (3)
  load_resource: 253.035
*/