/********************************************************

			Codezeel Custom Styles

********************************************************/

.cz-carousel {

  display: none;

  position: relative;

  float: left;

  width: 100%;

  margin: 0;

  -ms-touch-action: pan-y;

}



.owl-carousel .owl-wrapper {

  display: none;

  position: relative;

  -webkit-transform: translate3d(0px, 0px, 0px);

}

.owl-carousel .owl-wrapper:after {

  content: ".";

  display: block;

  clear: both;

  visibility: hidden;

  line-height: 0;

  height: 0;

}

.owl-carousel .owl-wrapper-outer {

  overflow: hidden;

  position: relative;

  float: left;

  width: 100%;

}

.owl-carousel .owl-wrapper-outer.autoHeight {

  -webkit-transition: height 500ms ease-in-out;

  -moz-transition: height 500ms ease-in-out;

  -ms-transition: height 500ms ease-in-out;

  -o-transition: height 500ms ease-in-out;

  transition: height 500ms ease-in-out;

}

.owl-carousel .owl-item {

  float: left;

}

.owl-carousel .owl-item .manu_image a {

  display: inline-block;

}

.owl-carousel .owl-item .manu_image a img {

  max-width: 100%;

}

.owl-carousel .owl-item:hover a img {

  border-color: blue;

}

.owl-carousel .owl-wrapper,

.owl-carousel .owl-item {

  /* fix */

  -webkit-backface-visibility: hidden;

  -moz-backface-visibility: hidden;

  -ms-backface-visibility: hidden;

  -webkit-transform: translate3d(0, 0, 0);

  -moz-transform: translate3d(0, 0, 0);

  -ms-transform: translate3d(0, 0, 0);

  text-align: center;

}



/* mouse grab icon */

.grabbing {

  cursor: url("../img/codezeel/grabbing.png") 8 8, move;

}

 

.customNavigation {

  position: absolute;

  width: 65px;

  top: -65px;

  direction: ltr !important;

  left: auto;

  right: 15px;

  z-index: 8;

}



.customNavigation a {

  font-size: 0;

  position: absolute;

  padding: 0;

  color: #888888;

  cursor: pointer;

  overflow: hidden;

  -webkit-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease 0s;

  -o-transition: all 0.5s ease 0s;

  transition: all 0.5s ease 0s;

  width: 30px;

  height: 30px;

  border: 0;

  background-repeat: no-repeat;

  background-position: center;

  background-size: 15px;

  background-color: #222222;

}

.customNavigation a:hover {

  background-color: #ffd21d;

}

.customNavigation a.prev{

  left: 0;

  background-image: url(../img/codezeel/left-angle.svg);

}

.customNavigation a.prev:hover  {

  background-image: url(../img/codezeel/left-angle-hover.svg);

}

.customNavigation a.next{

  right: 0;

  background-image: url(../img/codezeel/right-angle.svg);

}

.customNavigation a.next:hover {

  background-image: url(../img/codezeel/right-angle-hover.svg);

}



#czleftbanner img,

#czrightbanner img{

	max-width: 100%;

}	

#czleftbanner li, #czrightbanner li {

    display: inline-block;

    vertical-align: top;

}

#czleftbanner li a, #czrightbanner li a {

    display: inline-block;

    overflow: hidden;

    position: relative;

}

#czleftbanner li a:before, #czrightbanner li a:before {

    background: rgb(38 38 38 / 18%) none repeat scroll 0 0;

    bottom: 20px;

    content: "";

    left: 20px;

    opacity: 1;

    position: absolute;

    right: 20px;

    top: 20px;

    opacity: 1;

    filter: alpha(opacity=100);

    -webkit-transform: scale(0);

    -ms-transform: scale(0);

    transform: scale(0);

}



#czleftbanner li:hover a:before, #czrightbanner li:hover a:before {

    opacity: 0;

    filter: alpha(opacity=0);

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

    -webkit-transition: all 1s ease;

    -moz-transition: all 1s ease;

    -o-transition: all 1s ease;

    transition: all 1s ease;

}



.top_button {

  background: #ffd21d;

  bottom: 20px;

  cursor: pointer;

  height: 40px;

  padding: 0;

  position: fixed;

  right: 24px;

  text-align: center;

  width: 40px;

  z-index: 99;

  transform: rotate(45deg);

  border: 2px solid #212121;

}

.top_button:before{

  font-family: "FontAwesome";

  content: "\f176";

  color: #000000;

  font-size: 18px;

  position: absolute;

  top: 5px;

  left: 15px;

  transform: rotate(-45deg);

}





/* Flexslider */



#index .spinner {

  background: url(../img/codezeel/loading.gif) no-repeat center center #f1f1f1;

  z-index: 100000;

  min-height: 700px;

  width: 100%;

  background-size: 20%;

}

@media (max-width: 1459px) {

  #index .spinner {

    min-height: 535px;

  }

}

@media (max-width: 1199px) {

  #index .spinner {

    min-height: 400px;

  }

}

@media (max-width: 991px) {

  #index .spinner {

    min-height: 340px;

  }

}

@media (max-width: 767px) {

  #index .spinner {

    min-height: 230px;

  }

}

@media (max-width: 480px) {

  #index .spinner {

    min-height: 180px;

    background-size: 10%;

  }

}

@media (max-width: 380px) {

  #index .spinner {

    min-height: 120px;

  }

}

/* SLICE3D */
#header .blockcart .blockcart-header > a.shopping-cart .mobile_count{
	background: #BE1622;
}
a:focus, a:hover{
	color: #BE1622;
}
.brands .products .product_list li .brand-image{
	background: #FFF!important;
}
.product-quantity .wishlist a, .product-quantity .compare a, .product-cover .layer .zoom-in, .tabs .nav-tabs .nav-link:hover, .tabs .nav-tabs .nav-link.active, .block_newsletter form input.btn{
	background-color: #BE1622;
	color: #FFF;
}
#dropdownListCate, #categoryDropList{
	text-transform: none!important;
}
.product-miniature .product-actions .btn.btn-primary.add-to-cart{
	width: 100%;
}
.product-prices div.product-discount{
	display: block;
}
.product-discount .regular-price{
	font-size: 22px;
	font-weight: 600;
}
.priceTTC{
	position: relative;
	width: 100%;
	color: #BE1622;
	margin-left: 10px;
	top: -10px;
	font-size: 13px !important; 
}
.priceTTC .priceExp{
	color: #BE1622;
}

.priceExp{
	font-size: 10px; 
	color: #545454; 
	font-variant-position:super;
}
.product-miniature .product-title, .product-miniature .product-price-and-shipping, .product-miniature .product-actions{
	text-align: center;
}
.product-manufacturer{
	text-align: center;
}
.product-manufacturer .manufacturer-logo{
	width: 200px;
	border:0px;
}
.product-features h3.h6{
	text-align: center;
	font-size: 20px;
}
table.data-sheet{
	width: 100%;
}
table.data-sheet tr:nth-child(odd){
  background-color: #F2F2F2;
}
.data-sheet td.name{
	width: 400px;
	padding: 10px;
}
/* Blog */
#phblogcustomblock img { 
    width: 100%;
}
#phblogcustomblock p {
	text-align: justify;
    min-height: 230px; 
}
#phblogrecentposts h3{
	text-align: center;
}
#phblogrecentposts .simpleblog__listing__post__wrapper__content__footer__category{
	display: none;
}
#phblogrecentposts .simpleblog__listing__post__wrapper__content__footer{
	text-align: center;
	display: block; 
}
#phblogrecentposts .simpleblog__listing__post__wrapper__footer{
	display: none;
}
.box-red{
	margin-top: 15px;
	background-color: #af3034; 
	color: #FFF;
	padding: 10px;
}
.box-red a, .box-red strong{
	color: #FFF!important;
}
#subcategories .subcategory-image {
    display: none;
}
#subcategories h5 {
    border: 1px solid #CCC;
    background-color: #fff;
    padding: 6px 0px;
}
.image-zoom-fullscreen-icon{
	display: none;
}
.comments_note {
    display: inline-block;
    margin: auto;
    position: absolute;
    right: 0px;
}
.product-var{
	margin-bottom: 30px;
}
.product-var .product-variants-item{
	float: left;
	width: 50%;
}
.leasingInfo td {

    font-size: 12px;
    font-weight: normal;

}
.leasingInfo {
	font-size: 12px;
	margin-top: 10px;
    border: 1px solid #CCC;
    padding: 5px;
}
.leasingInfo h5 {
	font-size: 14px;
}
.leasingInfo p {
	font-size: 12px;
}
.alert-info{
padding: 10px;	
}
#cms .page-header{
	display: none;
}
footer ul{
	margin: 0px 20px!important;
	padding: 0px;
}
footer ul li{
	margin: 0px;
	padding: 0px;
	line-height: normal;
}
#phblogrecentposts .simpleblog__listing__post__wrapper__content h3 a{
	font-size: 14px;
}
.simpleblog__listing p[itemprop="description"]{
	display: none;
}

.simpleblog__listing .simpleblog__listing__post__wrapper__content{
	min-height: 200px;
}
.simpleblog__listing .simpleblog__listing__post__wrapper__footer__block.col-md-6.col-xs-12{
	width: 100%;
}
.pagination a{
line-height: 27px;
}
p{
	text-align: justify!important;
}
p.elementor-heading-title, .contact-form h3{
	text-align: center!important;
}
.contact-form .col-md-9{
	width: 100%;
}
.contact-form textarea{
	width: 75%;
	margin: auto;
	min-height: 300px;
}
#productCommentsBlock{
	display: none;
}
#cbp-hrmenu > ul > li > a, #cbp-hrmenu > ul > li > span.cbp-main-link{
	padding-left: 10px;
padding-right: 10px;
}
.btn-default{
	border: 1px solid #999;
	padding: 5px;
}
.delivery-options img, .summary-selected-carrier img {
    width: 60px;
}
.carrier-delay{
	font-weight: 100;
	font-size: 12px;
}
#delivery label{ 
	text-align: justify!important;
}
#delivery textarea {
    border-color: 1px solid #ededed;
    padding: 10px;
	height: 200px;
}
#order-items h3{
	font-size: 12px;
}
body#checkout #order-summary-content .order-confirmation-table{
	border: 0px;
}
tr.taxes td {
	width: 100%;
}
#payment-confirmation {
    text-align: center;
}
.container-iqit-menu{
	max-width: 85%;
	margin-left: 0px;
}
.page-addresses .address{
	padding: 20px; 
}
#order-detail #content {
    background-color: #FFF;
}
.services_menu h4{
	font-family: "Roboto";
	text-transform:uppercase;
	color: #262626;
	font-size: 13px;
	font-weight: bold;
	margin: 0px 0px 5px 0px;
	padding: 0px; 
}

@media (max-width: 767px){
	.header-top-inner {
		margin-top: 23px;
	}
	#ps_topbanner_wrapper{
	
line-height: normal!important;
padding-top:15px;
}
	.container-iqit-menu{
		width: 100%;
		max-width: 100%;
		margin: 0px;
		padding: 0px;
		margin-bottom: 10px;
	}
	.iqitmegamenu-wrapper{
		width: 100%;
	}
	#iqitmegamenu-mobile #iqitmegamenu-shower{
		line-height: 25px;
	}
	.cbp-spmenu a{
		font-size: 12px;
	}
	#desktop_cart, #header .user-info, #header .header-top .head-wishlist{
		margin-top: 0px;
		position: relative;
		z-index: 100;
	}
	#header{
	background-color: #333333;
	}
	.header-top-inner.fixed{
		padding: 0px;
    padding-top: 0px;
margin: 0px;
padding-top: 20px;
	}
	.cookie-inner button{
		display: block;
	}
}

#header, #header .header-top{
	background-color: #333;
}