/*
Theme Name: Respace Child
Theme URI: https://wordpress.org/themes/respace/
Template: respace
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.
Tags: blog,one-column,custom-background,custom-colors,custom-logo,custom-menu,editor-style,featured-images,footer-widgets,full-width-template,rtl-language-support,sticky-post,theme-options,threaded-comments,translation-ready,block-patterns,block-styles,wide-blocks,accessibility-ready
Version: 2.0.1656313471
Updated: 2022-06-27 07:04:31

*/
*{ padding:0px; margin:0px; box-sizing:border-box; text-decoration:none;}
img{ max-width:100%; height:auto; vertical-align:top; border:0px;}
iframe{ max-width:100%; vertical-align:top;}
a{ transition: all 300ms ease-out 0s; text-decoration:none;}
.clear{ clear:both; line-height:0;}
div{ display:block; min-height:1px;}
div:after, ul:after, ol:after, header:after, footer:after{ clear:both; line-height:0; content:""; display:table;}

.font{ font:400 20px/22px 'Montserrat', sans-serif;}
#banner{ position:relative;}
#banner > img{ border-radius:0 0 0 300px;}
.banner-txt{ position:absolute; left:50%; bottom:50%; transform:translate(-50%,50%);}
.wrapper{ width:1140px; max-width:100%; margin:0 auto; padding:0 10px;} 
.fullwrapper{ width:100%; max-width:100%; margin:0 auto; padding:0 10px;}
#banner h1{  font:700 48px/50px 'Montserrat', sans-serif; color:#f39e0a; background:url(images/nav.png) no-repeat 0 100%; padding:0 0 15px;}
.heading-sec{ float:left; padding-left:5%;}
.breadcrumbs{ float:right; font:400 15px/17px 'Montserrat', sans-serif; padding:15px 0 0;}
.breadcrumbs ul{ list-style-type:none;}
.breadcrumbs ul li{ float:left; padding:0 10px 0 0; color:#fff;}
.breadcrumbs ul li+li{ position:relative; padding:0 0 0 20px;}
.breadcrumbs ul li+li:before{ content:">"; position:absolute; left:0; top:0;}
.breadcrumbs ul li a{ color:#fff;}

.content{ padding-top:50px; padding-bottom:50px;  font:400 16px/18px 'Montserrat', sans-serif;}
.right-sec{ float:right; width:calc(100% - 310px);}
.left-sec{ float:left; width:280px; background:#fff;}
.left-sec h2{ font:700 25px/27px 'Montserrat', sans-serif; padding:15px 10px 15px 56px; background:url(images/icon1.png) no-repeat 16px 50%, url(images/heading-bg.jpg) repeat-y 0 0 #f19d0b; color:#fff;}

.left-sec ul{ list-style-type:none;}
.catmenu{ background:#fff;}
.catmenu li{ float:none; border-top:1px solid #ebebeb; position:relative;}
.catmenu li:first-child{ border:0;}
.catmenu li .menuarrow{ position:absolute; right:2px; top:2px; width:36px; height:32px; z-index:99; background:url(images/nav-arrow.png) no-repeat 50% 50% #f39e0a; cursor:pointer; border-radius:3px;}
.catmenu li a{ font:400 15px/18px 'Montserrat', sans-serif; color:#000; display:block; padding:10px 10px 10px 30px; background:url(images/list.png) no-repeat 15px 15px;}
.catmenu li a:hover{ background-color:#d8d8d8;}
.catmenu li ul{ background:#ededed;}
.catmenu li ul li{ border-top:1px solid #c9c8c8;}
.catmenu li ul li a{  padding:8px 10px 8px 30px; background:none;}

.left-box{ float:left;}
.left-box p{ font:400 18px/20px 'Montserrat', sans-serif; padding:15px 0 0;}
.right-box{ float:right;}
.right-box select{ border-radius:60px; height:48px; font:400 14px/48px 'Montserrat', sans-serif; margin:15px 0 0; border:1px solid #000; background:#fff; background:url(images/select.png) no-repeat calc(100% - 20px) 50%; padding:0 30px 0 20px; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
ul.product-list{ list-style-type:none; clear:both; text-align:center;} 
ul.product-list li{ float:left; width:32%; margin-left:1.83%; margin-top:20px; margin-bottom:40px;box-shadow: 2px 3px 10px #2225;}
ul.product-list li:nth-child(3n+1){ clear:left; margin-left:0;}
ul.product-list li .img-box{ border-radius:0px; display:block; overflow:hidden;}
ul.product-list li > div:not(.img-box){ padding:15px;}
.img-box img{ transition: all 300ms ease-out 0s;}
.img-box:hover img{ transform:scale(1.1) rotate(3deg);}
ul.product-list li h2{ font:400 20px/24px 'Montserrat', sans-serif; padding:0 0 10px;}
ul.product-list li .price-list{ font:900 23px/25px 'Montserrat', sans-serif; color:#020288;}
ul.product-list li a{ color:#000;}


.btns { background:#f39e0a; color:#fff!important; border-radius:100px; font:700 13px/15px 'Montserrat', sans-serif; border:0; text-transform:uppercase; cursor:pointer; padding:18px 40px; margin:10px 0 0; 	display: inline-block;	vertical-align: middle;	-webkit-transform: perspective(1px) translateZ(0);	transform: perspective(1px) translateZ(0);	box-shadow: 0 0 1px rgb(0 0 0 / 0%);	position: relative;	-webkit-transition-property: color;	transition-property: color;
	-webkit-transition-duration: 0.3s;	transition-duration: 0.3s;}
.btns:before {	content: "";	position: absolute;	z-index: -1;	top: 0;	bottom: 0;left: 0;right: 0;	background: #000;	-webkit-transform: scaleY(0);	transform: scaleY(0);	-webkit-transform-origin: 50%;	transform-origin: 50%;	-webkit-transition-property: transform;	transition-property: transform;	-webkit-transition-duration: 0.3s;	transition-duration: 0.3s;	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;border-radius: 30px;}
.btns:hover {	color: #fff;}
.btns:hover:before {	-webkit-transform: scaleY(1);	transform: scaleY(1);}
.pagination{ clear:both; padding:1px; text-align:center;}
.pagination > a, .pagination > span{  font:900 17px/48px 'Montserrat', sans-serif; display:inline-block; border-radius:60px; margin:5px 5px 0; border:1px solid #999; min-width:48px;}
.pagination > a, .pagination > span{ color:#666; background:#fff;}
.pagination > a:hover{ background:#020288; color:#fff;}


div.product div.images {  width: 50%;  text-align: center; float:left;}
div.product div.summary {  float:right;  width: 50%; padding-left: 2%;}
div.product h1{ font:700 30px/34px 'Montserrat', sans-serif; }
div.product .priced{ font:900 23px/25px 'Montserrat', sans-serif; color:#020288; padding:20px 0 0;}
div.product .priced del{ text-decoration:line-through; font-size:90%;}
div.product p{ font:400 18px/20px 'Montserrat', sans-serif; padding:15px 0 0;}
.product_meta{ padding:15px 0 0;}
div.product a{ color:#000;}
.details-ul li{
list-style: none;
}
.icon-img-ul li{
	list-style: none;
	float: left;
	width: 23%;
	margin-left: 2%;
	text-align: center;
	padding: 15px;
}
.left{
	width: 50%;
	float: left;
}
.right{
	width: 50%;
	float: right;
}

/*product slider*/
img {
  vertical-align: middle;
}

/* Position the image container (needed to position the left and right arrows) */
.container {
  position: relative;
}

/* Hide the images by default */
.mySlides+.mySlides{ display:none;}
.mySlides{ display:block;}
.mySlides {
  float: right;
  width: 80%;
}

.leftallslider {
    float: left;
    width: 20%;
    overflow-y: scroll;
	height: 540px;
}
.priced span{
	font-size: 12px;
}
.left{
	font-family: var( --e-global-typography-text-font-family ), Sans-serif;
    font-size: var( --e-global-typography-text-font-size );
    font-weight: var( --e-global-typography-text-font-weight );
	padding:0 50px 0 0;
}
/* Add a pointer when hovering over the thumbnail images */
.cursor {
  cursor: pointer;
}

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
/*   position: absolute;
  top: 40%; */
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* Container for image text */
.caption-container {
  text-align: center;
  background-color: #222;
  padding: 2px 16px;
  color: white;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Six columns side by side */
.column {
/*  float: left;*/
/* width: 16.66%;*/
    padding: 5px;

}

/* Add a transparency effect for thumnbail images */
.demo {
  opacity: 0.6;
}

.active,
.demo:hover {
  opacity: 1;
}

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


ul.product-list li{ float:left; width:48.5%; margin-left:3%; margin-top:20px; margin-bottom:20px;}
ul.product-list li:nth-child(3n+1){   clear: none;}
ul.product-list li:nth-child(2n+1){ clear:left; margin-left:0;}
}

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

.right-sec{ float:none; width:100%; margin:0; padding:30px 0 0;}
.left-sec{ float:none; width:100%;}
.left-box, .right-box{ float:none; text-align:center;}
div.product div.summary, div.product div.images {  width:100%; float:none;}
div.product div.summary { text-align:left; padding:20px 0 0;}
.content{ padding-top:40px; padding-bottom:40px;}
}


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

ul.product-list li{ float:none; width:96%; margin-left:2%!important; margin-right:2%!important;}
}
@media only screen and (min-width: 1600px) and (max-width: 1920px){
	.leftallslider{
		height: 626px;
	}
}