/*
Здесь можно добавить ваши CSS-стили.

Нажмите на значок помощи выше, чтобы узнать больше.
*/
h1 {
    font-size: 1.3em  !important;
    
}
#description_block {
    text-align: left !important;
    
}
.cat-header {
    text-align: left !important;    
}


.ui-slider.ui-widget-content .ui-slider-handle {    
    border: 1px solid #afafaf !important;
    border-radius: 10px  !important;
}
.ui-slider.ui-widget-content:not(.iris-slider-offset) {   
    border: 1px solid #ffffff !important;
}
.kksr-legend {
    color:#ffffff !important;
}
.button21 {
    margin-left: 13px !important;
    width: 50% !important;
    margin-right: 5px !important;
}
.mCSB_draggerRail  {
    display:none;
}
#wpfMinPrice  {
min-width:50px !important;
} 

.ui-state-default, .ui-row-ltr {
    background: url(https://teksiscargo.com.ua/wp-content/plugins/prdctfltr/lib/images/sprite-skin-thin.png) repeat-x;
	    width: 22px !important;;
    height: 23px !important;;
	}
.ui-slider-horizontal .ui-slider-range{
   
    background: url(https://teksiscargo.com.ua/sprite-skin-thin.png) repeat-x !important;
}

.wpfMainWrapper {
    position: relative;
    width: 100%;
    border: 1px;
    border-width: 1px;
    border-style: solid;
    border-color: #9e9c9c !important;
    width: 285px !important;
    margin-left: -10px;
    padding: 15px;    
}
.woocommerce-ordering {
    display:block !important;
}
.beta, h2 {
    font-size: 1.4em !important;
    line-height: 1.214;
    margin-top: 0px !important;
}
.basket-wrap-top {
    display:none !important;
}

.page_temp_h1  {
   padding-top:15px;
}
.category-poleznaya-informatsiya {
    max-width: 80% !important;
    margin-left: 10%;
}
.entry-meta {
    display:none !important;
}
#comments {
    display:none !important;
}
@media (min-width: 768px) {
.hentry.type-post .entry-content {
    width: 100% !important;
}

.c-menu__close {   
    display:none !important;
}		
.cyrency_r {   
    margin-top: -35px !important;
}
.pt-cv-wrapper .btn-success {    
    background-color: #f17f32 !important;
    border-color: #f97217 !important;
}
.pt-cv-wrapper {
padding-left: 30px; 
padding-right: 30px;
}
	
	.wpfFilterButton.wpfButton, .wpfClearButton.wpfButton {
    
    font-size: 13px !important;
}
	
	
	
.woocommerce-loop-product__title {
    text-align: left !important;
    line-height: 1em !important;
    color: #000000 !important;
    font-size: 17px !important;
    font-weight: 400 !important;
    margin-bottom: 5px !important;
font-family: 'RobotoCondensedBold' !important;
text-transform: uppercase !important;
}
.woocommerce-cart-tab-container.woocommerce-cart-tab-container--right .woocommerce-cart-tab {
    right: 377px !important;
}
#comments {
   display: block !important; 
}
.php  {
   background-color: #ffffff !important;
}
.pre  {
   background-color: #ffffff !important;
}
	.wpcf7-form-control-wrap {
		
		background:#fcfcfc; -moz-box-shadow:0 0 10px #000; -webkit-box-shadow:0 0 10px #000; box-shadow:0 0 10px #000;
	}
	
	
	.page .page_temp_h1 {
		display:none;
		
	}
	.amp-wp-sidebar .sidebar-container .sidebar-brand.type-text{
		color:orange !important;
	}
.elementor-476056 .elementor-element.elementor-element-74c6a5d > .elementor-widget-container {
   background:transparent; 
}
	.page_temp_h1 {
		display:none;
	}
	
	div#n2-ss-3 .n-uc-EzAXidWowWZ9{
		width:100%;
		margin:0;
	}
	
	.wpcf7-form-control-wrap{
		box-shadow: 0 0 10px #000;
	}
.page_temp_h1{
		display:none;
	visibility:hidden;
		
	}
	
	
	#tab-description{
		text-align:justify;
		text-indent:1.5em;
	}
	
	
	
	.entry-title{
		margin-left:2%;
	}
	body.single-product ins .woocommerce-Price-amount.amount {
		color:red!important;
		font-weight:bolder!important;
	}
	body.single-product ins .woocommerce-Price-currencySymbol {
    
		color:red!important;
		font-weight:bolder!important;
	}
	
	mark {
		background:transparent!important;
	}
	
	
	
	@media only screen and (max-width:600px) {
ul.products li.product {
flex: 0 0 50%!important; 
max-width: 50%!important;
}
}
	
	
	@media only screen and (max-width:400px) {
ul.products li.product {
flex: 0 0 50%!important; 
max-width: 50%!important;
}
}

	}

/*стили слайдера*/

  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  overflow: hidden;
  font-family: Helvetica, Arial, sans-serif;
}

$numOfSlides: 5;
$slidingAT: 1.3s;
$controlSize: 60px;

.slider {
  position: relative;
  height: 100vh;

  &__slides {
    z-index: 1;
    position: relative;
    height: 100%;
  }

  &__control {
    z-index: 2;
    position: absolute;
    top: 50%;
    left: 5%;
    width: $controlSize;
    height: $controlSize;
    margin-left: $controlSize/-2;
    margin-top: $controlSize/-2;
    border-radius: 50%;
    background: #fff;
    transition: background-color 0.3s;
    cursor: pointer;

    &--right {
      left: 95%;
    }
    
    &:hover {
      background-color: #2da6ff;
    }

    &-line {
      position: absolute;
      left: 23px;
      top: 50%;
      width: 3px;
      height: 14px;
      transform-origin: 50% 0;
      transform: rotate(-45deg);

      &:nth-child(2) {
        transform: translateY(1px) rotate(-135deg);
      }

      .slider__control--right & {
        left: 37px;
        transform-origin: 1px 0;
        transform: rotate(45deg);

        &:nth-child(2) {
          transform: translateY(1px) rotate(135deg);
        }
      }

      &:after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: #e2e2e2;
        transition: background-color 0.3s;
      }

      .slider__control:hover &:after {
        background-color: #fff;
      }

      .slider__control.a--rotation & {

        &:after {
          animation: arrowLineRotation 0.49s;
        }

        &:nth-child(1):after {
          animation: arrowLineRotationRev 0.49s;
        }
      }
    }
  }
}

@keyframes arrowLineRotation {
  to {
    transform: rotate(180deg);
  }
}

@keyframes arrowLineRotationRev {
  to {
    transform: rotate(-180deg);
  }
}

.slide {
  overflow: hidden;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 150vmax;
  height: 150vmax;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  transition: clip-path 0s $slidingAT*0.7;
  clip-path: circle($controlSize/2 at 120vw 50%);

  &.s--prev {
    clip-path: circle($controlSize/2 at 30vw 50%);
  }

  &.s--active {
    z-index: 1;
    transition: clip-path $slidingAT;
    clip-path: circle(120vmax at 120vw 50%);
    
    &.s--active-prev {
      clip-path: circle(120vmax at 30vw 50%);
    }
  }

  @for $i from 1 through $numOfSlides {
    &:nth-child(#{$i}) {
      .slide__inner {
        background-image: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/142996/onepgscr-#{$i+1}.jpg');
      }
    }
  }

  &__inner {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100vw;
    height: 100vh;
    margin-left: -50vw;
    margin-top: -50vh;
    background-size: cover;
    background-position: center center;

    &:before {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: rgba(0,0,0,0.3);
    }
  }

  &__content {
    position: absolute;
    left: 5%;
    top: 50%;
    margin-left: $controlSize/-2;
    margin-top: $controlSize*0.8;
    max-width: 480px;
    color: #fff;
  }

  &__heading {
    margin-bottom: 20px;
    font-size: 60px;
  }

  &__text {
    font-size: 25px;

    a {
      color: inherit;
    }
  }
}
