@import url(effect.css);

/* Fonts */
@import url('https://fonts.googleapis.com/css?family=Questrial|Roboto+Condensed:400,700|Roboto:300,400,700');
@import url('https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:wght@500;600&family=Signika+Negative:wght@300;400;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Prata&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap');

/* Fonts */

html { margin: 0; padding:0; overflow-x:hidden;}
body{
font-family: 'Signika Negative', sans-serif; font-weight:normal; padding:0; color:#444; font-weight:300; padding-right:0!important;
font-size:16px;
line-height:1.5;
}

/*	--------------------------------------------------
Global Reset & Standards
-------------------------------------------------- */
:root{--red:#d62027; --dark:#a3702f; --light:#b9bed6; --yellow:#fdf6c2; --gold:#a3702f;}


img{border:0;}

*{ box-sizing:border-box;
}
*:hover{
}

a{color:#0f5aaa; text-decoration:none;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
}
a:hover{text-decoration:none; color:#1f1917;}

h1, h2, h3, h4, h5{margin:0 0 15px; padding:0; font-weight:normal; /*font-family:'Barlow Semi Condensed';*/ font-family: 'Prata', serif;}




.header{ float:left; width:100%; background:var(--yellow);}
.header > .container{position:relative;}

.logo{position:absolute; left:0; top:0; z-index:9999;}
.logo img{ height:150px; transition: 0.5s ease;}
.header-top ul{text-align:right; margin:0; padding:0; transition: 0.5s ease; display:block; overflow:hidden; border-bottom:1px #a3702f solid; letter-spacing:0.5px;}
.header-top ul li{display:inline-block; margin:10px 3px; transition: 0.5s ease; color:#a3702f; font-weight:500; padding-right:15px;}
.header-top ul li a{color:#a3702f;}
.header-top ul li a:hover{color:var(--red);}
/*.header-top ul li:last-child a{color:#fff;border-radius:5px; background:var(--red); display:block; padding:7px 10px; font-size:12px; text-transform:uppercase; font-weight:600;}*/

.cartCount{background:var(--red); color:#fff; display:block; width:17px; height:17px; text-align:center; font-size:10px; line-height:14px; border-radius:50%; position:absolute; right:0px; top:-8px;}


/* Header */

.sticky {
position: fixed;  top: 0;  width: 100%; z-index:150;
-webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);
box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);
}
.sticky .logo img{ height:130px;}
.sticky .header-top ul li{margin:5px 3px; padding:0;}

.dropdown-lists{ display: none;}


.nav-bar::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 50%;
  top: 0;
  left: 0;
  background: var(--orange);
}

.nav-bar::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 50%;
  bottom: 0;
  left: 0;
  background: #ffffff;
}

.navbar-dark .navbar-nav .nav-link {
  padding: 30px 15px;
  letter-spacing: 1px;
  color: #F3F6FF;
  outline: none;
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link.active {
  color: var(--orange);
}

@media (max-width: 991.98px) {
  .navbar-dark .navbar-nav .nav-link {
    padding: 10px 15px;
  }
  
  
  .navbar-brand img{height:60px;}
  
}


.project-slider{display:block; position:relative; clear:both; width:100%; margin-bottom:3px;}
.project-slider .carousel-item > img{width:100%;}
.project-slider .carousel-control-prev, .project-slider .carousel-control-next{ opacity:1; font-size:30px; top:55%; bottom:auto; transform:translate(0,-50%); width:auto; color:#fff; background:var(--red); width:60px; height:60px; border-radius:50%;}
.project-slider .carousel-control-prev{left:25px;}
.project-slider .carousel-control-next{right:25px;}
.project-slider .carousel-control-prev:hover, .project-slider .carousel-control-next:hover{background:var(--dark);}


.search-from-area{display:block; overflow:hidden; clear:both; background:var(--red) url('../images/red-bg.jpg') repeat; padding:20px 0;}
.search-from-area h3{color:#fff; text-transform:uppercase; font-family:'Questrial'; font-size:20px; font-weight: 700;}
.search-form{display:table; width:100%;}
.search-form [class^="col-"]{margin-bottom:10px;}
.search-form input, .search-form select, .search-form textarea{border-radius:5px; padding:7px; border:#c21418 1px solid; background:#fff; width:100%; font-size:14px;}
.search-form input[type="submit"]{background:var(--dark); color:#fff; cursor:pointer; border:none; text-transform:uppercase; font-size:12px; font-weight:600; letter-spacing:1px; padding:9px 7px;}
.search-form input[type="submit"]:hover{background:#000;}


.aboutArea{display:block; padding:80px 0 110px; background:transparent url('../images/aboutVan.png') no-repeat top left; background-size:60%;}
.aboutArea h1{font-weight:500; font-size:36px;}
.aboutArea h1 strong{display:block; overflow:hidden; clear:both;font-weight:500;}
.aboutArea p{text-align:justify; margin-bottom:25px;}
.aboutArea a{color:#fff; border-radius:5px; background:var(--red); display:inline-block; clear:both; padding:10px 20px; font-size:14px; text-transform:uppercase; font-weight:600;}


.threeboxarea{display:block; padding:100px 0 120px; background:#fff; position:relative;}
.threeboxarea [class^="col-"]{margin-bottom:15px;}
.threeboxarea [class^="col-"] > div{padding:15px; display:block; overflow:hidden; background:var(--gold); min-height:170px; border-radius:8px; color:#fff;
-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15);
box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15);
}
/*.threeboxarea img{margin:20px 0; width:80px;}*/
.threeboxarea h3{text-transform:uppercase; font-size:18px; font-weight:500; margin-bottom:10px; margin-top:10px}
.threeboxarea p{font-weight:300; line-height:1.4; margin-bottom:0;}
.threeboxarea i{ color:var(--yellow); padding-bottom:10px; font-size:20px!important;}
.threeboxarea [class^="col-"] > div:hover{background:#000;}



.servicesBoxes{display:block; padding:60px 0 30px; background:var(--red); position:relative; z-index:5; color:#fff; text-align: center}
.servicesBoxes h2{margin-bottom:35px; font-weight:400; font-size:32px; text-transform:none;}
/*.servicesBoxes img{width:100%; outline:5px #fff solid; outline-offset:-4px; margin-bottom:10px; transition:.2s ease-in-out;}
.servicesBoxes a{color:#fff; margin-bottom:25px; display:block; overflow:hidden;}*/
/*.servicesBoxes:before, .servicesBoxes:after{
  position: absolute;
  background: var(--red); content:'';
  top: -30px;
  right: -5%;
  width: 50%;
  height: 35px;
  display: block;
  -webkit-transform: skew(-34deg);
  transform: skew(-34deg);
}
.servicesBoxes:after{top:auto; bottom:-30px; right:auto; left:-5%;}


/*.serviceArea{display:block; overflow:hidden; padding:50px 0 100px;}*/
.serviceArea h3{display:block; overflow:hidden; padding:0 0 40px; margin-bottom:0; text-transform:uppercase; font-weight:700; font-size:36px;}
.serviceArea div.item h4{font-size:20px; letter-spacing:0;}
.serviceArea div.item > div{border-top:none; padding:20px; display: block; text-align:center; position: relative; background:#fff; color:#111;}
.serviceArea div.item > div a{display: inline-block; padding: 8px 20px; font-size: 13px; background: var(--dark); color: #fff;}
.serviceArea div.item > div a:hover{background: var(--red);}
.serviceArea div.item > div span{width: 100px; height: 100px; padding: 20px; background: var(--green); border-radius:50%; position: absolute; left: 50%; top: 0; transform: translate(-50%,-50%); z-index: 20;box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.5);}
.serviceArea div.item > div span img{width: 100%;}

.owl-carousel .owl-nav button.owl-prev,.owl-carousel .owl-nav button.owl-next{ margin:0 30px; top:-80px; position:absolute; opacity:.7; z-index: 10;}
.owl-carousel .owl-nav button img{width:45px; height:45px;}
.owl-carousel .owl-nav button.owl-prev{left:auto; right: 20px;}
.owl-carousel .owl-nav button.owl-next{right:-30px;}
.owl-carousel .owl-nav button.owl-prev:hover,.owl-carousel .owl-nav button.owl-next:hover{background:none;opacity:1;}


.servicesBoxes > a{display:inline-block; padding:12px 30px; background:#000; color:#fff; margin-top:25px; text-transform:uppercase; font-weight:700; } 
.servicesBoxes > a:hover{background:var(--yellow); color:var(--gold);  }






.parallax-area{display:block; padding:0px 0 100px; clear:both; background:#fff url('../images/parallax-bg.jpg') no-repeat center bottom fixed; background-size:cover; /*background-blend-mode:soft-light;*/ position:relative; z-index:10;}
.parallax-area [class^="col-md-6"] > div{background: var(--red); color: #fff; display: block; overflow: hidden; padding: 25px; position: relative; top: -50px;}
.parallax-area h1{display:block; font-weight:600; margin-bottom:20px;}
.parallax-area h2{font-size:22px; font-weight:600; margin-bottom:0px; text-transform:uppercase;}
/*.parallax-area a{display:inline-block; color:var(--green); background: #fff; padding: 5px 18px; margin-top: 10px;}*/
.parallax-area h4{ margin:20px 0 10px; padding:0; font-size:42px; font-weight:500; color:#fff}
.parallax-area h5{margin-bottom:40px; font-size:36px;  color:#fff}
.parallax-area h5 a{color:var(--yellow);}
.parallax-area a i{font-size:32px;}
.parallax-area a:hover{background:#000;}
.parallax-area img{ width:200px; margin-top:50px}

.formArea{display:block; width: 100%; z-index: 15; color: #fff; line-height: 1.2}
.formArea label{display:block; overflow:hidden; margin-bottom:5px; vertical-align:middle;}
/*.formArea label.half{width:50%!important; display:inline-block!important; margin-right:-4px!important; padding-right:0!important;}*/
.formArea label input, .formArea label textarea{width:100%; padding:10px; display:block; font-size:15px; border:none; background:#fff;}
.formArea label textarea{height:95px;}
.formArea label input[type="checkbox"]{display:inline-block; overflow:auto; background:#fff; padding:6px; width:10px; height:10px; margin-right:5px; position:relative; top:2px; border:2px var(--golden) solid!important;
-webkit-appearance: none;
-moz-appearance: none;appearance: none;}
.formArea label input[type="checkbox"]:checked{background-color: var(--gold); outline-offset:-4px; outline:2px #fff solid!important;}
.formArea label input[type="submit"]{background-color: var(--dark); color:#fff; font-size:22px; font-weight:600; padding:10px 15px;}
.formArea label input[type="submit"]:hover{background:#000;}
.formArea > h3{ display:block; margin-bottom:20px; font-size:26px; font-weight:600;}


.wcpas-product-attributes{ padding:0; margin:0 0 20px 0; list-style-type:none;}
.wcpas-product-attributes li{ display:inline-block; border:1px solid #4765bb; padding:5px 10px; margin:5px; }
.wcpas-product-attributes li:nth-child(2){border:1px solid var(--red);  }
.wcpas-product-attributes li:nth-child(3){border:1px solid var(--gold);  }
.wcpas-product-attributes li a{ color:#333;  }
.wcpas-product-attributes li a:hover{ color:var(--gold);  }

.img-parallax-area{display:block; overflow:hidden; position:relative; clear:both; padding:100px 0 0; color:#fff; background:transparent url('../images/parallax-bg.jpg') no-repeat top center fixed; background-size:cover}
.img-parallax-area:before{position:absolute; left:0; right:0; top:0; bottom:20%; display:block; content:'';
}
.img-parallax-area > div{z-index:1; position:relative;text-transform:uppercase;}
.img-parallax-area h4{ margin:0 0 10px; padding:0; font-size:42px; font-weight:600;}
.img-parallax-area h5{margin-bottom:40px; font-size:36px;}
.img-parallax-area h5 a{color:var(--red);}


.counter-circle [class^="col-"]{z-index:100;}
.counter-circle [class^="col-"] > div{background:var(--red); position:relative; display:block; overflow:hidden; color:#ffb6b6; text-transform:uppercase; width:220px; height:220px; margin:0 auto; border-radius:100%; border:4px var(--red) solid;
-webkit-box-shadow: inset 0px 0px 0px 3px #fff;
-moz-box-shadow: inset 0px 0px 0px 3px #fff;
box-shadow: inset 0px 0px 0px 3px #fff;}
.counter-circle [class^="col-"] > div strong{display:block; overflow:hidden; clear:both; font-size:28px; margin:35% 0 0; color:#fff;}


/* footer styles */

.footer-top {
	background:#9e1422;
	padding: 15px 100px;
	position: relative;
	display: inline-block;
	width: 100%;
	height: 100px;
	display: flex;
	align-items: center;
}

.footer-top::before {
	content: "";
	position: absolute;
	background:#a06e28;
	height: 100px;
	width: 550px;
	left: -25px;
	bottom: 0;
}

.footer-logo a img {
	width: 180px;
}

.footer-top-right-info {
	display: flex;
	align-items: center;
}

.footer-top-info-text h2 {
	font-size: 20px;
	font-family: 'Oxygen-Bold';
	font-weight: normal;
	color: #fff;
	margin-bottom: 0;
}

.footer-top-info-text p {
	color: #fff;
	line-height: 22px;
	margin-bottom: 0;
}

.footer-top-info-icon span i {
	font-size: 40px;
	color: #fff;
	margin-right: 15px;
}

.subscribe-input {
	border: 1px solid #FFFFFF;
	box-sizing: border-box;
	border-radius: 6px;
	padding: 15px 10px;
	background: transparent;
	color: #fff;
	width: 85%;
    float: right;
	padding-right: 75px;
}

.footer-form {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.footer-top-right-form {
	position: relative;
	display: inline-block;
	width: 100%;
	text-align: right;
}

.footer-form a {
	background: var(--red);
	border: 1px solid var(--red);
	padding: 10px 40px;
	color: #fff;
	position: static;
	border-radius: 6px;
	border-radius: 6px;
	right: 0px;
}

.footer-top-right-form .submit-btn-btn i {
	font-size: 23px;
}

.footer-middle {
	background: var(--red);
	padding: 40px 100px 0;
	position: relative;
	display: inline-block;
	width: 100%;
}

.footer-middle-heading {
	font-size: 18px;
	margin-bottom: 20px;
	color: #fff;
	font-family: 'Oxygen-Bold';
}

.footer-middle-text {
	color: #fff;
}

.footer-request-btn {
	margin-top: 15px;
	border: 1px solid #fff;
	border-radius: 6px;
	background: transparent;
	color: #fff;
	padding: 12px 20px;
	float: left;
	text-transform:uppercase;
	font-size:22px;
}
.footer-request-btn:hover{background:var(--dark); border-color:var(--dark); color:#fff!important;}

.footer-menu-list {
	list-style: none;
	margin: 0;
	padding: 0;
	flex: 1 auto;
}

.footer-menu-list-wrapper {
	display: flex;
}

.footer-menu-list li a {
	color: #fff;
}

.footer-menu-list li a:hover {
	color: #000;
}

.footer-menu-list li a::before {
	content: '>';
	position: relative;
	color: #fff;
	margin-right: 10px;
}

.footer-menu-list li {
	padding: 5px 0px;
}

.footercontact-list-item {
	display: flex;
	margin-bottom: 20px;
}

.footercontact-list-icon {
	width: 60px;
	height: 60px;
	border: 1px solid #fff;
	background: transparent;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 15px;
	padding: 14px;
}

.footercontact-list-icon i {
	font-size: 30px;
}

.footercontact-list-info h2 {
	text-transform: uppercase;
	color: #fff; font-size:22px;
}

.footercontact-list-info p {
	color: #fff;
	margin-bottom: 10px;
}

.footercontact-list-info a {
	color: #fff; display:block;
}

.footercontact-list-info a:hover {
	color: #000; 
}

.footer-post-list {
	display: flex;
	padding-bottom: 20px;
	border-bottom: 1px solid #787878;
	padding-top: 20px;
}

.footer-menu-list li:first-of-type {
	padding-top: 0px;
}

.footer-post-list:first-of-type {
	padding-top: 0;
}

.footer-post-icon {
	width: 60px;
	height: 60px;
	text-align: center;
	border-radius: 6px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 15px;
	object-fit: cover;
}

.footer-post-icon img {
	width: 60px;
	height: 60px;
	border-radius: 6px;
	object-fit: cover;
}

.footer-post-info h2 {
	
	color: #fff;
}

.footer-post-info p {
	font-size: 10px;
	color: #fff;
}

.footer-post-list:last-child {
	border-bottom: none;
}

.footer-bottom {
	background:#9e1422;
	padding: 20px 100px;
	position: relative;
	display: inline-block;
	width: 100%;
}

.footer-bottom p {
	color: #fff;
}



.footer-bottom .terms-policy{ text-align:right; }

.footer-bottom .terms-policy a{ color:#fff; }
.footer-bottom .terms-policy a:hover{ color:#fff; }



/*
.footer{color:#fff; background:var(--dark); padding:10px 0 20px; position:relative; display:block; clear:both; overflow:hidden;}
.footer a{color:#fff;}
.footer a:hover{color:var(--red);}
.top-links{color:#fff; font-size:18px; font-weight:300; border-bottom:1px rgba(255,255,255,0.2) solid; padding-bottom:10px; margin-bottom:40px;}
.top-links a{margin:0 2px; font-weight:600;}
.top-links strong{color:var(--red);}
.top-links i{font-size:28px;}

.footer-bottom{font-size:14px;}
.footer-bottom img{margin-bottom:15px;}
.footer-bottom h4{text-transform:uppercase; font-size:16px; font-weight:600;}
.footer-bottom ul{display:block; overflow:hidden; list-style-type:none; margin:0; padding:0;}
.footer-bottom ul li{display:block; overflow:hidden; margin:0 0 7px; padding:0; font-weight:300;}

*/

/* Inner page design */

.price{display:none;}
/*border:1px dashed #fff; width:100%; display:block;}*/

.breadcampArea{display:block; overflow:hidden; padding:10px 4%; background: var(--gold);}
.breadcampArea ul{ margin:0; padding:0; list-style-type:none;}
.breadcampArea ul li{ position:relative; display:inline-block; margin:0 10px 0 0; padding-right:15px; font-weight:600; color: var(--yellow); text-transform:uppercase; font-size:14px;}
.breadcampArea ul li:before{ position:absolute; right:0; top:0; content:'/'; display:block; font-weight:400;}
.breadcampArea ul li:last-child:before{ display:none; }
.breadcampArea ul li a{ font-weight:normal; color:#fff;}
.breadcampArea ul li a:hover{ color: var(--yellow);}

.innerContent{ display:block; overflow:hidden; padding:50px 4%; background: #fff;}
.innerContent p{ text-align:justify;}
.innerContent h1{ font-size:30px; color:#000}
.productListing [class^="col-"]{ margin-bottom:30px;}
.productListing [class^="col-"] > div{display:block; background: var(--gold); padding:10px; background: linear-gradient(180deg, var(--yellow) 0%, var(--gold) 100%); border:1px solid #dcc58c; color:#fff; text-align:center; height:450px; min-height:450}
.productListing [class^="col-"] > div > a:first-child{ height:auto; padding:0; display:block; overflow:hidden; text-align:center; background:#fff;}
.productListing [class^="col-"] > div img{width:auto; height:300px; max-width:100%!important; max-height:100%!important;}
.productListing [class^="col-"] > div a h2{ color:#fff; font-size:14px;  line-height:1.2; padding:5px 0; margin:0!important; font-weight:500; min-height:20px!important; display:block; text-transform:uppercase; font-family: 'Lato', sans-serif;}
.productListing [class^="col-"] > div a.btn{ color:#000; display:block; margin-top:10px!important; overflow:hidden; background:var(--yellow); text-transform:uppercase; font-weight:700; font-size:14px; letter-spacing:1px; border-radius:0;}


.productsBox{ display:block; overflow:hidden; background: var(--gold);background: linear-gradient(180deg, var(--gold) 0%, var(--dark) 100%); padding:15px;}
.productsBox > a{ height:auto; display:block; text-align:center; background:#fff; padding:0;}
.productsBox > a > img{width:auto!important; height:auto!important; max-width:100%!important; max-height:100%!important;}

.productContent{ display:block; overflow:hidden;}
.productContent > span{ display:block; border-bottom:2px var(--gold) dotted; margin-bottom:20px; padding-bottom:10px; padding-top:15px; overflow:hidden}
.productContent > span h1{ font-size:16px; line-height:1; font-weight:600; padding:0!important; margin:0!important; display:inline-block; text-transform:uppercase; font-family: 'Lato', sans-serif;}
.productContent > span > ul{ padding:0; margin:0; list-style-type:none; float:right;}
.productContent > span > ul > li{ padding:5px 10px; margin:0 0 0 0; text-align:right;  background:#5cbe4a; color:white; }
.productContent > span > ul > li a{ color:#fff!important; }
.productContent > span > ul > li a i{ color:#fff!important; }
.productContent > span > ul > li a:hover{ color:#000!important; }
.productContent .price{display:none;}
	/*display:block; padding:5px 0; border-bottom:2px var(--gold) dotted; border-left:none; margin-bottom:30px; font-weight:600; font-size:26px; color:var(--gold);}*/
h1 + h3{ padding-top:30px;}
.productContent h3{ font-size:15px; color:var(--gold); font-family: 'Lato', sans-serif;}
.productContent a.add-request-quote-button{display:inline-block; padding:12px 30px; background:#000; color:#fff; margin-top:25px; text-transform:uppercase; font-weight:700;}
.productContent a.add-request-quote-button:hover{background:var(--gold);}


.modal-content .form-control{font-size:12px; width:100%; border-radius:0; border:none; padding:5px 8px; height:auto; border:1px #ddd solid;
-webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.1);
box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.1);
}
.modal-content .btn{font-size:12px; text-transform:uppercase; display:block; width:100%; color:#fff; background:var(--red); border-radius:0; font-weight:800; letter-spacing:1px;}
.modal-content .btn:hover{background:var(--gold);}
.modal-title{font-size:18px;}
.modal-content textarea{height: 80px!important;}

.modal-content label{ font-size:12px; text-transform:uppercase; margin-bottom:4px; color:#636363;}
.modal-content h4{font-size:16px; font-weight:600; padding:15px 0 0;}
.modal-content [class^="col-"]{ margin-bottom:20px;}
.modal-content [class^="col-"]:last-child{ margin-bottom:0;}



#contactBox fieldset{margin-bottom:15px; width:100%; border-top:1px #ddd solid;}
#contactBox fieldset legend{width:auto; padding:0 15px 5px; font-family:'ZCOOL XiaoWei'; font-size:24px; color:#5e5a52; text-align:center;}
#contactBox fieldset + p{ text-align:center; margin-bottom:60px;}

#contactBox{ padding-top:30px;}
#contactBox .ContactDetails > div{background:var(--dark); position:relative;}
#contactBox .ContactDetails > div:nth-child(odd){background:var(--red);}
#contactBox .ContactDetails > div > div{padding:45px 20px 25px;}
#contactBox .ContactDetails > div > div h4{font-size:18px; text-align:center; margin-top:25px; color:#fff;}
#contactBox .ContactDetails > div > div h4 a{ color:#fff; font-weight:600;}
#contactBox .ContactDetails > div > div span{position:absolute; background:var(--gold); border:4px var(--yellow) solid; left:50%; margin-left:-50px; top:-50px; width:0100px; height:100px; text-align:center; line-height:100px; font-size:30px; color:#fff; font-weight:500;}

.form-box{border:1px #ddd dotted!important; background:#fff!important; padding:25px 25px 10px; display:block;}
.form-box h4{text-align:center; color:#fff; padding:25px 0; margin:0; font-weight:600; color:#697186;}
.form-box [class^="col-"]{margin-bottom:20px;}
.form-box .form-control{font-size:12px; width:100%; border-radius:0; border:none; padding:6px 5px; height:auto; border:1px #ddd solid;
-webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.1);
box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.1);}
.form-box .btn{ background:#f57e20; color:#fff; text-transform:uppercase; padding:7px 35px; font-size:15px; font-weight:700; border-radius:0;}
.form-box textarea.form-control{ height:100px;}

.contactMap{ display:block; overflow:hidden; white-space:100%; clear:both; margin:0; padding:0; width:100%!important; border:0;}


.photoGallery [class^="col-"]{ margin-bottom:30px;}
.photoGallery a{ display:block; overflow:hidden; padding:10px; border:1px #ddd solid;}
.photoGallery a img{ width:100%;}



.pagination {
    display: flex;
    justify-content: center; margin:0!important; padding:0; list-style-type:none!important;
}
.pagination .page-item{ margin:0 4px;}
.page-item.active .page-link {
  z-index: 2;
  color: #fff;
  background-color: #106cb5;
  border-color: #106cb5;
}
.page-item.disabled .page-link {
  color: #106cb5;
  pointer-events: none;
  background-color: #fff;
  border-color: #fff;
}
.page-link {
  position: relative;
  display: block;
  height:35px; width:35px; text-align:center;
  line-height: 1;
  color: #444;
  background-color: #fff;
  border: 1px solid #f2b600;
}
.pagination > .page-item:first-child .page-link, .pagination > .page-item:last-child .page-link{border:1px transparent solid; background:none;}
.page-link:focus, .page-link:hover {
  color: #444;
  text-decoration: none;
  background-color: #f2b600;
  border-color: #f2b600;
}

.productPage{background:#fff; background-blend-mode:overlay;}


.sortBy{float:left; width:100%; position:relative; z-index:100; padding:15px; background:#ddd; color:#fff;}
.sortBy [class^="col-"]{ padding:5px;}
.sortBy select, .multiselect-dropdown, .sortBy input[type="text"]{ width:100%; background:#fff url(../images/downarrow.png) no-repeat right 10px center!important; width:100%!important; border:none; padding:5px; font-size:12px!important; height:40px;
-webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.3);
box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.3);
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
}
.sortBy input[type="text"]{padding:5px 8px; background-image:none!important;}
.sortBy input[type="text"]::placeholder{font-size:12px;}
.sortBy button{ display:block; width:100%; padding:9px 12px!important; background:var(--red); color:#fff; font-size:14px; font-weight:700; text-transform:uppercase; border:none; cursor:pointer;}
.sortBy button:hover{ background:#000;}



#yith-ywraq-form table{margin-top:40px; background:#fff;}
.cart_item .product-thumbnail img{width:100px!important; height:auto!important;}
.yith-ywraq-mail-form-wrapper{background:#fff; border:1px #ddd solid; margin-left:0!important;
position: relative;
top: -23px;
border-radius: 5px;
}
.yith-ywraq-mail-form-wrapper h3{ color:#000;}
#yith-ywraq-default-form .form-row{display:block!important; margin-bottom:10px;}
#yith-ywraq-default-form .form-row label{ font-size:12px;}
.woocommerce form .form-row input.input-text{ padding:10px!important; height:auto!important;}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button{background:var(--gold)!important; color:#fff!important; padding:15px 30px;}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover{background:var(--yellow)!important; color:#000!important;}

.categoryNames{ font-size:12px; display:block; clear:both; color:#666; overflow:hidden; padding:8px; border:1px #ddd solid; margin-top:30px;}
.categoryNames a{color:#999;}


.whatsappBtn{ display:inline-block; background:#23d366; margin-left:5px; padding:12px 30px; font-weight:700; color:#fff;}
.whatsappBtn:hover{color:#fff; background:#000;}
.yith-ywraq-add-to-quote{ display:inline-block;}

.productListing .whatsappBtn{ display:block; width:100%; padding:5px 15px; margin-left:0;}

footer .paypalbuttonimage{ height:40px;}





/*-------------------------------------
        5. New-arrivals 
--------------------------------------*/
.new-arrivals {padding:35px 0 30px;}
.new-arrivals-content{margin-top:40px;}

.new-arrivals .section-header { text-align:center}


.single-new-arrival{margin-bottom: 50px;text-align: center;}
.single-new-arrival-bg {
    position: relative;
    min-height: 310px;
    background: #f8f9fc;
    display: flex;
    align-items: center;
    justify-content:center;
    overflow:hidden;
	height:310px;
}
.single-new-arrival-bg img{
    width:auto;
    height:auto;
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear;
    -ms-transition: .3s linear;
    -o-transition: .3s linear;
    transition: .3s linear;
}
.single-new-arrival-bg:hover  img{
    -webkit-transform:scale(1.3);
    -moz-transform:scale(1.3);
    -ms-transform:scale(1.3);
    -o-transform:scale(1.3);
    transform:scale(1.3);
}
.single-new-arrival-bg-overlay{
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(106,119,129,.1);
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    transform:scale(0);
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear;
    -ms-transition: .3s linear;
    -o-transition: .3s linear;
    transition: .3s linear;
}
.single-new-arrival-bg:hover .single-new-arrival-bg-overlay{
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
}
.sale {
    position: absolute;
    top: 10px;
    right: 0;
    width: 60px;
    height: 30px;
    line-height: 30px;
    text-align: center;
}
.sale p{color: #fff;font-weight: 500;font-size:14px;line-height: 2.2;}

.sale.bg-1{background: #bf1e2e;}
.sale.bg-2{background: #47d93c;}
.text-part{ padding:10px 0; background:#fff;}

.new-arrival-cart {
    position: absolute;
    bottom:0;
    z-index: 0;
    left: 0;
    width: 100%;
    height: 35px;
    background: #33383c;
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear;
    -ms-transition: .3s linear;
    -o-transition: .3s linear;
    transition: .3s linear;
    opacity:0;
    visibility:hidden; text-transform: uppercase; 
}
.new-arrival-cart p {
    display: block; padding:10px 0 0 0; margin: 0; 
    color: #fff;
    font-size: 14px;
    line-height:1;  text-transform: uppercase; text-align: center; 
}
.new-arrival-cart p a{color: #fff;font-weight: 400; text-transform: uppercase}
.new-arrival-cart p span.lnr.lnr-cart {margin-right: 10px; text-transform: uppercase }
.new-arrival-cart p span{text-transform: lowercase;}
p.arrival-review span {margin-right: 15px;}
.single-new-arrival:hover .new-arrival-cart {
    opacity:1!important;
    visibility:visible!important;
    bottom:0px;
}

.single-new-arrival h4{
    
    font-size:13px; text-transform: uppercase;
    font-weight:700;
    margin:0!important; line-height:1.3!important; padding:5px 0!important; font-family: 'Lato', sans-serif; height:50px!important;
}
.single-new-arrival h4 a{
    color:#111;
    font-size:13px; text-transform: uppercase;
    font-weight:700;
    margin:0!important; padding:0!important; font-family: 'Lato', sans-serif; 
}



.arrival-product-price{
	display:none;
    /*color:#111;
    font-size: 16px;
    font-weight: 400; line-height:1!important; padding:0!important; margin:0!important;*/
}
.single-new-arrival:hover h4 a{color:#e99c2e;}

.new-arrival-cart a span{text-transform: uppercase}


.single-product-details h2{
     color: #000000;
     font-weight:500;
     font-size: 24px;
}
 .single-product-details h5 {
     color: #d62027;
     font-weight: 700;
     font-size: 18px;
}
 .single-product-details h5 del {
     font-size: 13px;
     color: #a3702f;
}
 .available-stock span {
     font-size: 15px;
}
 .available-stock span a {
     color: #a3702f;
}
 .single-product-details h4{
     font-size: 20px;
     font-weight: 500;
     margin-top: 20px; 
	  color: #111;
}
 .single-product-details p{
     font-size: 16px;
     margin-bottom: 20px;
}
 .single-product-details ul{ padding:0; list-style-type: none; 
     display: inline-block;
     width: 100%;
     border: 1px #000000 dashed;
     margin-bottom: 30px;
}
 .single-product-details ul li{
     width: 50%;
     float: left;
     padding: 0px 15px;
}


.price-box-bar a {
  padding: 10px 20px;
  font-weight: 700;
  color: #ffffff;
  border: none;  background:#000;
}
.price-box-bar a:last-child {
  background:#23d366;
}

.price-box-bar a:hover{ background:var(--gold);}










/*** Testimonial ***/

.testimonial-area{ display:block!important; padding:50px 0 100px!important; background: var(--yellow) !important;}
.testimonial-area h4{ color: var(--gold);}
.text-secondary {
  color: var(--red) !important;
}

.testimonial-text{
    position: relative;
    transition: .5s;
}

.testimonial-text {
    background:#fff !important;
}



.testimonial-carousel .owl-item .testimonial-text::after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    left: 50%;
    bottom: -30px;
    transform: translateX(-50%);
    border: 15px solid;
    border-color: #fff transparent transparent transparent;
    transition: .5s;

}

.testimonial-carousel .owl-item.center .testimonial-text::after {
    border-color: var(--gold) transparent transparent transparent;
}

.testimonial-carousel .owl-nav {
    position: absolute;
    width: 350px;
    bottom: 100px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: space-between;
    opacity: 0;
    transition: .5s;
    z-index: 1;
}

.testimonial-carousel:hover .owl-nav {
    width: 300px;
    opacity: 1;
}

.testimonial-carousel .owl-nav .owl-prev,
.testimonial-carousel .owl-nav .owl-next {
    font-size: 30px;
    color: var(--yallow);
}

.testimonial-carousel .owl-nav .owl-prev:hover,
.testimonial-carousel .owl-nav .owl-next:hover {
    color: var(--gold);
}








/*-------------pagination--------------*/
.pagination {
    display: flex;
    justify-content: center; margin:0!important; padding:0; list-style-type:none!important;
}
.pagination .page-item{ margin:0 4px;}
.page-item.active .page-link {
  z-index: 2;
  color: #fff;
  background-color: #8a0612;
  border-color: #8a0612;
}
.page-item.disabled .page-link {
  color: #8a0612;
  pointer-events: none;
  background-color: #fff;
  border-color: #fff;
}
.page-link {
  position: relative;
  display: block;
  height:35px; width:35px; text-align:center;
  line-height: 1;
  color: #444;
  background-color: #fff;
  border: 1px solid #a3702f;
}
.pagination > .page-item:first-child .page-link, .pagination > .page-item:last-child .page-link{border:1px transparent solid; background:none;}
.page-link:focus, .page-link:hover {
  color: #fff;
  text-decoration: none;
  background-color: #a3702f;
  border-color: #a3702f;
}


.productsBox .carousel-control-prev, .productsBox .carousel-control-next{ opacity:1; font-size:16px; top:55%; bottom:auto; transform:translate(0,-50%); width:auto; color:#fff; background:var(--dark); width:30px; height:30px;}
.productsBox .carousel-control-prev{left:0px;}
.productsBox .carousel-control-next{right:0px;}
.productsBox .carousel-control-prev:hover, .productsBox .carousel-control-next:hover{background:var(--red);}


/*------------------------------------*\
    Media Queries
\*------------------------------------*/


@media (max-width: 1200px){
}

@media (max-width: 1024px){
.two-color-part > div{display:block; width:100%; overflow:hidden; clear:both;}
.two-color-part > div > img{left:0%;}
.two-color-part > div:last-child > img{right:0%;}
}

@media (max-width: 991px){
.stellarnav{height:0;}
.stellarnav.active{height:auto;}

.sticky {position:static;}
.logo{position:static; padding:0 0 15px; text-align:center; display:block; overflow:hidden; border-bottom:1px var(--light) solid;}
.logo img{height:120px;}
.sticky .logo img{height:100px;}
.header-top ul{ text-align:left; border:none;}

.header-top ul li:first-child{display:block;}

.search-form > div{display:block; clear:both; overflow:hidden;}

.threeboxarea{padding:50px 0;}
.two-color-part > div > img{left:-10%;}
.two-color-part > div:last-child > img{right:-10%;}


.counter-circle [class^="col-"] > div{width:160px; height:160px; font-size:12px;}
}

@media (max-width: 767px){
.search-form > div label{width:50%;}
.search-form > div label:last-child{width:100%;}

.two-color-part > div{padding:50px 20px;}
.two-color-part > div > div{width:100%;}
.two-color-part > div > img{display:none;}

.aboutArea{padding:280px 0 50px; background-size:110%;}
.aboutArea h1{font-size:30px;}
.parallax-area [class^="col-md-6"] > div{top:0;}
	
.single-product-details h2{ padding-top:25px; }
.whatsappBtn{ display:block;margin-left:0; }	
.add-request-quote-button{display:block; width:100%; clear:both; margin-bottom:2px }
.productContent > span h1{ display:block;}
.productContent > span > ul{ float:none; display:block; margin-top:8px; clear:both;}
	.productContent > span > ul > li{ text-align:left; width:100px}
.productContent .price{display:none;}
}

@media (max-width: 500px){
.img-parallax-area{padding:50px 0 0;}
.bus-fare > [class^="col-"]:first-child{ border-right:none; border-bottom:1px #ccc solid; margin-bottom:10px;}
.bus-fare br{display:none;}
.parallax-area h4{ font-size:22px; }
.parallax-area h5{margin-bottom:40px; font-size:16px; }
	
.productListing [class^="col-"] > div{display:block; height:100%; min-height:100%}
.productListing [class^="col-"] > div img{width:auto; height:auto; }
.footer-top {
		padding: 0;
		display: block;
		height: auto;
	}
	.footer-top::before {
		content: "";
		position: absolute;
		background: transparent !important;
		height: 100px !important;
		width: 100%;
		left: 0;
		bottom: 0;
		top: 0;
	}
	.footer-middle {
		padding: 40px 15px;
	}
	.footer-bottom {
		padding: 20px 15px;
	}
	.footer-logo a {
		width: 100%;
		float: left;
		padding: 0px !important;
		text-align: center;
	}
	.footer-top-right-info {
		padding: 15px 0px;
	}
	.subscribe-input {
		width: 100% !important;
	}
	.footer-logo {
		width: 100%;
		display: none;
	}
	
.footercontact-list-info h2 {
	font-size:18px;
}

.footer-bottom .terms-policy{ text-align:left; }

.footer-request-btn { margin-bottom:20px; margin-top:10px}

.footercontact-list-icon {
	width:30px;
	height:30px;
	border: 1px solid #fff;
	background: transparent;
	color: #fff;
	margin-right:5px;
	padding:14px;
}

.footercontact-list-icon i {
	font-size:10px;
}

.footer-middle-heading {
	font-size:18px;
	margin-bottom:20px;
	margin-top:10px;
}
	
	

}

@media (max-width: 360px){
}


@media screen and (max-width: 1920px) and (min-width: 1240px){
}
