/*sub menu*/
.premium-sub-menu .premium-sub-menu-link{justify-content:flex-start !important;}

/*list*/
ul, ol{margin:15px 45px 15px 0;}
.woocommerce .xpro-woo-product-desc-cls ul{list-style-type:disc;margin:15px 45px 15px 0;}
/*forms*/
input::placeholder{text-align:right !important;direction:rtl;}


/*search*/
.search-dropdown {
    display: none;
    position: absolute;
    top: 100%;
    right: auto;
	left:50%;
    background-color: #ffffff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
	width:200px;
}

/*title*/
@media screen and (max-width: 767px){
	.page-title{width:100% !important;max-width:100% !important;}
	.page-title .elementor-heading-title{padding-right:15px !important;padding-left:0 !important;}
	.xpro-woo-product-title{font-size:1.5em !important;padding:5px 10px 5px 0 !important;}
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	.sticky-container .page-title .elementor-widget-container{}
}

@media screen and (min-width: 1025px) and (max-width: 1180px) {
	.sticky-container .page-title .elementor-widget-container{}
}

@media screen and (min-width: 1181px) and (max-width: 1280px) {
	.sticky-container .page-title .elementor-widget-container{padding:2% 5.5% 2% 0%;}
}

@media screen and (min-width: 1281px) and (max-width: 1366px) {
	.sticky-container .page-title .elementor-widget-container{padding:2% 5.5% 2% 0%;}
}

@media screen and (min-width: 1367px) and (max-width: 1440px) {
	.sticky-container .page-title .elementor-widget-container{padding:2% 10.5% 2% 0%;}
}

@media screen and (min-width: 1441px) and (max-width: 1650px) {
	.sticky-container .page-title .elementor-widget-container{padding:2% 10.5% 2% 0%;}
}

@media screen and (min-width: 1651px){
	.sticky-container .page-title .elementor-widget-container{padding:2% 30.5% 2% 0%;}
}

/*filters - WBW*/
.wfpDescription{display:none;visibility:hidden;}
.wpfCheckboxHier select {
appearance: none;
  background-color: transparent;
  border: none;
  padding: 0 1em 0 0;
  margin: 0;
  width: 100%;
  font-family: inherit;
  font-size: inherit;
  cursor: inherit;
  line-height: inherit;
  z-index: 1;
  outline: none;
}

.wpfCheckboxHier {
  display: grid;
  grid-template-areas: "select";
  align-items: center;
  position: relative;

  font-size: 2rem;
  cursor: pointer;
  line-height: 1.1;

  background-color: #fff;
  background-image: linear-gradient(to top, #f9f9f9, #fff 33%);
	
 &:not(.select--multiple)::after {
    content: '\f078';
	font-family: 'Font Awesome 5 Free';
	font-weight:bold;
    justify-self: end;
    width: 1em;
    height: 1em;
    background-color: #fff;
    /*clip-path: polygon(100% 0%, 0 0%, 50% 100%);*/
	position:absolute;
	left:1em;
	right:auto;
  }	
}

.wpfFilterButtons .wpfClearButton{min-height:50px !important;height:50px !important;padding:0 !important;background-color:#ffffff;color:#ffffff;}
.wpfFilterButtons .wpfClearButton:before{content: '\f0e2';font-family: 'Font Awesome 5 Free';color:#787272;position:relative;right:1em;}
.wpfFilterButtons .wpfFilterButton{min-height:50px !important;height:50px !important;padding:0 !important;background-color:#787272;color:#ffffff;}

.wpfMainWrapper .wpfFilterContent{border:solid 1px #414242;}

.wpfMainWrapper .wpfCheckboxHier select{font-size:18px !important;height:45px !important;}

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

@media screen and (min-width: 768px) and (max-width: 1024px) {
	
}

@media screen and (min-width: 1025px) and (max-width: 1180px) {
	.wpfMainWrapper #wpfBlock_1{width:27% !important;float:right !important;}
	.wpfMainWrapper #wpfBlock_2{width:35% !important;float:right !important;}
	.wpfMainWrapper #wpfBlock_3{width:17% !important;float:right !important;}
	.wpfFilterButtons{width:20% !important;float:right !important;padding:35px 20px 0 0 !important;clear:none !important;}
}

@media screen and (min-width: 1181px) and (max-width: 1280px) {
	.wpfMainWrapper #wpfBlock_1{width:27% !important;float:right !important;}
	.wpfMainWrapper #wpfBlock_2{width:35% !important;float:right !important;}
	.wpfMainWrapper #wpfBlock_3{width:17% !important;float:right !important;}
	.wpfFilterButtons{width:20% !important;float:right !important;padding:35px 20px 0 0 !important;clear:none !important;}
}

@media screen and (min-width: 1281px) and (max-width: 1366px) {
	.wpfMainWrapper #wpfBlock_1{width:27% !important;float:right !important;}
	.wpfMainWrapper #wpfBlock_2{width:35% !important;float:right !important;}
	.wpfMainWrapper #wpfBlock_3{width:17% !important;float:right !important;}
	.wpfFilterButtons{width:20% !important;float:right !important;padding:35px 20px 0 0 !important;clear:none !important;}
}

@media screen and (min-width: 1367px) and (max-width: 1440px) {
	.wpfMainWrapper #wpfBlock_1{width:27% !important;float:right !important;}
	.wpfMainWrapper #wpfBlock_2{width:35% !important;float:right !important;}
	.wpfMainWrapper #wpfBlock_3{width:17% !important;float:right !important;}
	.wpfFilterButtons{width:20% !important;float:right !important;padding:35px 20px 0 0 !important;clear:none !important;}
}

@media screen and (min-width: 1441px) and (max-width: 1650px) {
	.wpfMainWrapper #wpfBlock_1{width:27% !important;float:right !important;}
	.wpfMainWrapper #wpfBlock_2{width:35% !important;float:right !important;}
	.wpfMainWrapper #wpfBlock_3{width:17% !important;float:right !important;}
	.wpfFilterButtons{width:20% !important;float:right !important;padding:35px 20px 0 0 !important;clear:none !important;}
}

@media screen and (min-width: 1651px){
	.wpfMainWrapper #wpfBlock_1{width:27% !important;float:right !important;}
	.wpfMainWrapper #wpfBlock_2{width:35% !important;float:right !important;}
	.wpfMainWrapper #wpfBlock_3{width:17% !important;float:right !important;}
	.wpfFilterButtons{width:20% !important;float:right !important;padding:35px 20px 0 0 !important;clear:none !important;}
}

/*FAQ*/
.elementor-toggle{text-align:right !important;}

/*tables*/
.tablepress tbody tr td{direction:ltr;}

/*side form*/
.get-a-quote-bottom{cursor:pointer;}

@media only screen and (min-width: 1024px) {
.get-a-quote-bottom .elementor-icon-box-wrapper{height:170px;}
.get-a-quote-bottom .elementor-icon-box-title{transform:rotate(90deg) !important;position:absolute;top:100px;width:120px;left:-43px;}
.get-a-quote-bottom .elementor-icon-box-icon{position:absolute;top:20px;left:0px;transform:rotate(90deg) !important;}	
}
@media screen and (max-width: 850px) { 
.get-a-quote-bottom{bottom:0 !important;border-radius:0 !important;}
.get-a-quote-bottom .elementor-widget-container{border-radius:0 !important;}
}