/*
Здесь можно добавить ваши 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;
}
}

	}

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

@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700;800&display=swap");
:root {
	--card-width: 200px;
	--card-height: 300px;

	--card-transition-duration: 800ms;
	--card-transition-easing: ease;
}

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

body {
	width: 100%;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgba(0, 0, 0, 0.787);
	overflow: hidden;
}

button {
	border: none;
	background: none;
	cursor: pointer;
	&:focus {
		outline: none;
		border: none;
	}
}

.app {
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;

	&__bg {
		position: absolute;
		width: 100%;
		height: 100%;
		z-index: -5;
		filter: blur(8px);
		pointer-events: none;
		user-select: none;
		overflow: hidden;

		&::before {
			content: "";
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			background: #000;
			z-index: 1;
			opacity: 0.8;
		}

		&__image {
			position: absolute;
			left: 50%;
			top: 50%;
			transform: translate(-50%, -50%) translateX(var(--image-translate-offset, 0));
			width: 180%;
			height: 180%;
			transition: transform 1000ms ease, opacity 1000ms ease;
			overflow: hidden;

			img {
				width: 100%;
				height: 100%;
				object-fit: cover;
			}
			&.current--image {
				opacity: 1;
				--image-translate-offset: 0;
			}
			&.previous--image,
			&.next--image {
				opacity: 0;
			}
			&.previous--image {
				--image-translate-offset: -25%;
			}
			&.next--image {
				--image-translate-offset: 25%;
			}
		}
	}
}

.cardList {
	position: absolute;
	width: calc(3 * var(--card-width));
	height: auto;

	&__btn {
		--btn-size: 35px;
		width: var(--btn-size);
		height: var(--btn-size);
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		z-index: 100;

		&.btn--left {
			left: -5%;
		}
		&.btn--right {
			right: -5%;
		}

		.icon {
			width: 100%;
			height: 100%;
			svg {
				width: 100%;
				height: 100%;
			}
		}
	}

	.cards__wrapper {
		position: relative;
		width: 100%;
		height: 100%;
		perspective: 1000px;
	}
}

.card {
	--card-translateY-offset: 100vh;

	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%) translateX(var(--card-translateX-offset))
		translateY(var(--card-translateY-offset)) rotateY(var(--card-rotation-offset))
		scale(var(--card-scale-offset));
	display: inline-block;
	width: var(--card-width);
	height: var(--card-height);
	transition: transform var(--card-transition-duration)
		var(--card-transition-easing);
	user-select: none;

	&::before {
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: #000;
		z-index: 1;
		transition: opacity var(--card-transition-duration)
			var(--card-transition-easing);
		opacity: calc(1 - var(--opacity));
	}

	&__image {
		position: relative;
		width: 100%;
		height: 100%;
		img {
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			object-fit: cover;
		}
	}

	&.current--card {
		--current-card-rotation-offset: 0;
		--card-translateX-offset: 0;
		--card-rotation-offset: var(--current-card-rotation-offset);
		--card-scale-offset: 1.2;
		--opacity: 0.8;
	}

	&.previous--card {
		--card-translateX-offset: calc(-1 * var(--card-width) * 1.1);
		--card-rotation-offset: 25deg;
	}

	&.next--card {
		--card-translateX-offset: calc(var(--card-width) * 1.1);
		--card-rotation-offset: -25deg;
	}

	&.previous--card,
	&.next--card {
		--card-scale-offset: 0.9;
		--opacity: 0.4;
	}
}

.infoList {
	position: absolute;
	width: calc(3 * var(--card-width));
	height: var(--card-height);
	pointer-events: none;

	.info__wrapper {
		position: relative;
		width: 100%;
		height: 100%;
		display: flex;
		justify-content: flex-start;
		align-items: flex-end;
	perspective: 1000px;
	transform-style: preserve-3d;
	}
}

.info {
	margin-bottom: calc(var(--card-height) / 8);
	margin-left: calc(var(--card-width) / 1.5);
	transform: translateZ(2rem);
	transition: transform var(--card-transition-duration)
		var(--card-transition-easing);
	.text {
		position: relative;
		font-family: "Montserrat";
		font-size: calc(var(--card-width) * var(--text-size-offset, 0.2));
		white-space: nowrap;
		color: #fff;
		width: fit-content;
	}

	.name,
	.location {
		text-transform: uppercase;
	}

	.location {
		font-weight: 800;
	}

	.location {
		--mg-left: 40px;
		--text-size-offset: 0.12;
		font-weight: 600;
		margin-left: var(--mg-left);
		margin-bottom: calc(var(--mg-left) / 2);
		padding-bottom: 0.8rem;
		&::before,
		&::after {
			content: "";
			position: absolute;
			background: #fff;
			left: 0%;
			transform: translate(calc(-1 * var(--mg-left)), -50%);
		}
		&::before {
			top: 50%;
			width: 20px;
			height: 5px;
		}
		&::after {
			bottom: 0;
			width: 60px;
			height: 2px;
		}
	}

	.description {
		--text-size-offset: 0.065;
		font-weight: 500;
	}

	&.current--info {
		opacity: 1;
		display: block;
	}
	&.previous--info,
	&.next--info {
		opacity: 0;
		display: none;
	}
}

.loading__wrapper {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background: #000;
	z-index: 200;
	.loader--text {
		color: #fff;
		font-family: "Montserrat";
		font-weight: 500;
		margin-bottom: 1.4rem;
	}
	.loader {
		position: relative;
		width: 200px;
		height: 2px;
		background: rgba(255, 255, 255, 0.25);
		span {
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			background: rgb(255, 0, 0);
			transform: scaleX(0);
			transform-origin: left;
		}
	}
}

@media only screen and (min-width: 800px) {
	:root {
		--card-width: 250px;
		--card-height: 400px;
	}
}

.support {
	position: absolute;
	right: 10px;
	bottom: 10px;
	padding: 10px;
	display: flex;
	a {
		margin: 0 10px;
		color: #fff;
		font-size: 1.8rem;
		backface-visibility: hidden;
		transition: all 150ms ease;
		&:hover {
			transform: scale(1.1);
		}
	}
} 
