/*
Theme Name: Ursalink theme
Author: Peter Krupenya
Author URI: https://krapan.net/
Description: Тема для компании по продаже сетевого оборудования Ursalink
Version: 1.1
Text Domain: kf_theme
*/


:root{
    --black: #000000;
    --dark: #020226;
    --dark-54: #545454;
    --a-brown-l: #a19481;
    --a-brown-d: #564c47;
    --a-yellow: #fdb92d;
    --a-green: #e7eedd;
    --a-blue: #edf5fc;
    --a-red: #cd947b;
    --white: #ffffff;
    --light-f0: #f0f0f0;
    --light-f7: #f7f7f7;


    --fs-12: 0.75rem;
    --fs-13: 0.8125rem;
    --fs-14: 0.875rem;
    --fs-15: 0.9375rem;
    --fs-16: 1rem; /* 16px */
    --fs-17: 1.0625rem;
    --fs-18: 1.125rem;
    --fs-20: 1.25rem;
    --fs-21: 1.3125rem;
    --fs-22: 1.375rem;
    --fs-23: 1.4375rem;
    --fs-28: 1.75rem;
    --fs-24: 1.5rem;
    --fs-32: 2rem;
    --fs-36: 2.25rem;
    --fs-40: 2.5rem;
    --fs-44: 2.75rem;
    --fs-48: 3rem;
    --fs-64: 4rem;
    --fs-72: 4.5rem;

    --ls-5: .005em;
    --ls-10: .01em;
    --ls-15: .015em;
    --ls-20: .02em;
    --ls-25: .025em;
    --ls-40: .04em;
    --ls-50: .05em;
    --ls-60: .06em;
    --ls-80: .08em;
    --ls-90: .09em;
    --ls-100: .1em
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: none!important;
}
*:hover,
*:focus {
    outline: none!important;
}
*::before,
*::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html{-webkit-tap-highlight-color: rgba(0, 0, 0, 0); position: relative; min-height: 100%; font-size: 100%; }
body{min-height: 100%; font-family: 'Rubik', sans-serif;  font-size: 1rem; line-height: 1.5em; letter-spacing: 0; font-style: normal; color: #000000; background: #ffffff; margin: 0; padding: 0;
     -webkit-text-size-adjust: 100%;
     -ms-text-size-adjust: 100%;
     text-rendering: optimizeLegibility;
     -webkit-font-smoothing: antialiased !important;
     -webkit-backface-visibility: hidden;
     -moz-backface-visibility: hidden;
}
body.collapsed{overflow: hidden; position: fixed; top: 0; left: 0; right: 0; bottom: 0;}
/*
body.admin-bar.collapsed{top:32px;}
body.fixed{padding-top: 90px;}
*/

a,
button,
input,
.tr{transition: all .3s ease-in-out;}

a{color: #000000; text-decoration: none;}
a:hover,
a:focus{color: #fdb92d; text-decoration: none;}


/*  Helpers  */

.list-smaller li {font-size: 11px; line-height: 16px;}

.text-center,
.text--center{text-align: center;}
.text-justify,
.text--justify{text-align: justify;}
.text-left,
.text--left{text-align: left;}
.text-right,
.text--right{text-align: right;}

.upper,
.text-uppercase,
.text--uppercase{text-transform: uppercase;}
.text-lowercase,
.text--lowercase{text-transform: lowercase;}
.text-capitalize,
.text--capitalize{text-transform: capitalize;}

.font-weight--thin,
.font-weight--100{font-weight: 100;}
.font-weight--ultralight,
.font-weight--200{font-weight: 200;}
.font-weight--light,
.font-weight--300{font-weight: 300;}
.font-weight--normal,
.font-weight--regular,
.font-weight--400{font-weight: 400;}
.font-weight--medium,
.font-weight--500{font-weight: 500;}
b, strong, .bold,
.font-weight--bold,
.font-weight--700{font-weight: 700;}
.font-weight--heavy,
.font-weight--800{font-weight: 800;}
.font-weight--black,
.font-weight--900{font-weight: 900;}

em, i,
.font-style--italic{font-style: italic;}

.abs,
.position--absolute{position: absolute;}
.position--fixed{position: fixed;}
.rel,
.position--relative{position: relative;}

.overflow--auto{overflow: auto;}
.overflow--hidden{overflow: hidden;}
.overflow--scroll{overflow: scroll;}
.overflow--visible{overflow: visible;}


.tbl,
.display--table{display: table;}
.display--block{display: block;}
.display--inline-block{display: inline-block;}
.display--inline{display: inline;}
.flex,
.display--flex{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;}
.display--inline-flex{display: inline-flex;}
.display--grid{display: -ms-grid; display: grid;}

.b-lazy {transition: opacity 500ms ease-in-out; max-width: 100%; opacity: 0;}
.b-lazy.b-error,
.b-lazy.b-loaded {opacity: 1;}

.cY{top: 50%; transform: translateY(-50%);}
.cX{left: 50%; transform: translateX(-50%);}
.cXY{left: 50%; top: 50%; transform: translate(-50%, -50%);}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th{border-top: 1px solid #f0f0f0;}

.grayscale {filter: grayscale(100%); transition: all .3s ease-in-out;}
/* .grayscale:hover {filter: grayscale(0%);} */

p:empty{display: none;}

code, kbd, pre, samp {font-family: Menlo, Monaco, Consolas, "Courier New", monospace;}
pre{display: block; overflow: auto; font-size: 13px; line-height: 1.42857; color: rgb(51, 51, 51); word-break: break-all; word-wrap: break-word; background-color: rgb(245, 245, 245); padding: 9px; margin: 0 0 10px; border: 1px solid rgb(204, 204, 204); border-image: initial; border-radius: 4px;}



.container{width: 100%; max-width: 1440px; margin: 0 auto; padding: 0 20px;}
.container--0 {padding: 0;}
.container--wide{width: 1440px; margin: 0 auto; padding: 0;}
@media (max-width: 1440px) {
    .container--wide{width: 100%;}
}
@media (max-width: 1299px) {
    .container{width: 100%; }
}

.btn{
	display: inline-flex;
	justify-content: center;
	align-items: center;
	padding: .5rem 1.5rem;
	color: var(--white);
	font-size: 15px;
	background: #d92b3a;
	border: 2px solid #d92b3a;
	gap: .5rem;
	border-radius: .25rem;
	
		svg{
			width: 1.5rem;
			height: 1.5rem;
		}
	
	&.btn-ghost{
		background: transparent;
		color: var(--dark);
		border-color: #f2f4f7;
	}

	&:hover{
		background-color: var(--dark);
		border-color: var(--dark);
		color: #ffffff;
	}
}


.btn-arrow{font-size: 1rem; letter-spacing: var(--ls-70); color: #564c47; padding: 8px 0;}
.btn-arrow svg{width: 20px; height: 20px; position: relative; top: 1px; margin-left: 24px;}
.btn-arrow:hover{color: #a19481;}


/* INPUTS */
form input::-webkit-input-placeholder {color: #7f7f7f;}
form input:-moz-placeholder {color: #7f7f7f;}
form input:-ms-input-placeholder {color: #7f7f7f;}
form input:focus::-webkit-input-placeholder {color: #2b2b2b;}
form input:focus:-moz-placeholder {color: #2b2b2b;}
form input:focus:-ms-input-placeholder {color: #2b2b2b;}

form textarea::-webkit-input-placeholder {color: #7f7f7f;}
form textarea:-moz-placeholder {color: #7f7f7f;}
form textarea:-ms-input-placeholder {color: #7f7f7f;}

.wpcf7 form input::-webkit-input-placeholder {color: #7f7f7f}
.wpcf7 form input:-moz-placeholder {color:  #7f7f7f}
.wpcf7 form input:-ms-input-placeholder {color:  #7f7f7f}
.wpcf7 form textarea::-webkit-input-placeholder {color: #7f7f7f}
.wpcf7 form textarea:-moz-placeholder {color: #7f7f7f}
.wpcf7 form textarea:-ms-input-placeholder {color: #7f7f7f}

@media(max-width: 991px){
    form input::-webkit-input-placeholder {color: #ffffff;}
    form input:-moz-placeholder {color: #ffffff;}
    form input:-ms-input-placeholder {color: #ffffff;}
    form input:focus::-webkit-input-placeholder {color: #2b2b2b;}
    form input:focus:-moz-placeholder {color: #2b2b2b;}
    form input:focus:-ms-input-placeholder {color: #2b2b2b;}
}

/* INPUTS */



/* HEADER */
header{position: fixed; top: 0; left: 0; right: 0; background-color: #ffffff; border-bottom: 1px solid rgba(0,0,0,.05); height: 62px; padding:15px 0; z-index: 500; transition: all .3s ease-in-out;}
.admin-bar header{top: 32px;}
header.in-scroll{background-color: #ffffff; box-shadow: 0 10px 30px rgba(0,0,0,.05);  opacity: 0;}
header.nav-up{top: -100px;}
header.nav-down{opacity: 1;}
.collapsed header{background-color: #ffffff;}

header .container{justify-content: space-between; align-items: center; z-index: 1100;}
.header-left{align-items: center; gap: 2rem;}

/* menu burger */
.menu-toggle{margin-top: 7px; margin-right: 8px; margin-left: -12px;}
.menu-toggle a{color: #020226; display: inline-block; width: 48px; height: 48px; padding: 12px;}
.menu-toggle a:hover{color: #fdb92d;}
.menu-toggle svg{width: 24px; height: 24px;}

/* menu panel */
.mobile_nav{position: fixed; display: table; z-index: 400; width: 100%;  height: 120vh; background:  #020226; top: -200%; left: 0; right: 0; transition: all ease .5s;}
.collapsed .mobile_nav {top: 100px;}
.mobile_nav__back.collapsed {display: block;}


.mobile_nav__inner{height: 100%; padding-bottom: 100px; padding-top: 40px;}
.mobile_nav__inner ul{padding-left: 0; list-style: none;}
.mobile_nav__inner ul  > li > a{display: block; margin-bottom: 20px;}
.mobile_nav__inner ul  > li > a:hover,
.mobile_nav__inner ul  > .current-menu-item > a{color: #fdb92d; opacity: 1;}

.mobile_nav__inner .menu-col{padding-right: 100px;}
.mobile_nav__inner .about-col{font-size: 1.25rem; line-height: 1.5em;}
.mobile_nav__inner .menu-col--tit{color: #ffffff;}

@media (min-width: 1025px){
    .mobile_nav{}
    .collapsed .mobile_nav {top: 100px;}
    .collapsed.admin-bar .mobile_nav {bottom: auto; top: 132px;}/* if logged in  +32px */
    .mobile_nav__back{top:100px;}
    .admin-bar .mobile_nav__back{top: 132px;}/* if logged in  +32px */
}
@media (max-width: 1024px){
    .collapsed .mobile_nav,
    .mobile_nav__back{top: 62px;}
    .collapsed.admin-bar .mobile_nav,
    .admin-bar .mobile_nav__back{top: 94px;}/* if logged in  +32px */
}
@media (min-width: 768px) and (max-width: 991px){
    .mobile_nav__inner{height: 100vh; overflow: scroll}
    .mobile_nav__inner .container{flex-flow: row wrap}
    .mobile_nav__inner .menu-col{margin-bottom: 40px; width: 45%;}
    .mobile_nav__inner .menu-col + .menu-col{margin-left: 0;}
}
@media (max-width: 767px){
    .mobile_nav__inner{height: 100vh; overflow: scroll}
    .mobile_nav__inner .container{flex-flow: row wrap}
    .mobile_nav__inner .menu-col{margin-bottom: 40px; width: 100%;}
    .mobile_nav__inner .menu-col + .menu-col{margin-left: 0;}
}

header .logo{align-items: center;}
header .logo img{height: 32px; width: auto;}

/* Fallback if logo doesn't set */
.logo-text{color: #000000; padding: 12px 0 12px}
.logo-name{font-size: 1.375rem; line-height: 1.2em; font-weight: 700;}
.logo-description{font-size: .875rem; line-height: 1em;}
/**/

/* header menu*/

.header-menu,
.header-menu ul {
    padding: 0;
    list-style: none;
}

.header-menu {
    margin: 0;
}

.header-menu > li + li {
    margin-left: 10px;
}

.header-menu > li > a {
    display: block;
    padding: 8px 12px 8px;
    background: transparent;
    border-radius: 4px;
    font-size: 15px;
    font-weight: 500;
    line-height: 1em;
    letter-spacing: .025em;
}

.header-menu > li.menu-item-has-children > a {
    padding: 13px 30px 13px 20px;
}

.header-menu > li.menu-item-has-children > a::after {
    position: absolute;
    display: block;
    content: '';
    top: 19px;
    right: 14px;
    width: 0;
    height: 0;
    border-width: 3px 3px 0 3px;
    border-style: solid;
    border-color: var(--dark) transparent transparent transparent;
}


.header-menu > li:hover > a,
.header-menu > li.current-menu-ancestor > a {
    color: #d92b3a;
}

.header-menu > li > a:hover {
    color: #d92b3a;
}


.header-menu li {
    position: relative;
}

.header-menu .sub-menu {
    position: absolute;
    display: none;
    min-width: 220px;
    background: #ffffff;
    border-radius: 4px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, .05);
    z-index: 1;
}

.header-menu .sub-menu > li > a {
    display: block;
    padding: 13px 16px 12px;
    font-size: 13px;
    line-height: 1em;
    letter-spacing: .025em;
    white-space: nowrap;
}

.header-menu .sub-menu > li + li > a {
    border-top: 1px solid rgba(0, 0, 0, .05);
}

.header-menu .sub-menu > li:hover > a,
.header-menu .sub-menu > li.current-menu-item > a,
.header-menu .sub-menu > li.current-menu-ancestor > a {
    color: var(--dark);
    background: var(--a-blue);
}

.header-menu .sub-menu > li.menu-item-has-children > a {
    padding: 13px 30px 12px 20px;
}

.header-menu .sub-menu > li.menu-item-has-children > a::after {
    position: absolute;
    display: block;
    content: '';
    top: 17px;
    right: 13px;
    width: 0;
    height: 0;
    border-width: 3px 0 3px 3px;
    border-style: solid;
    border-color: transparent transparent transparent var(--dark);
}

.header-menu li:hover > .sub-menu {
    display: block;
}

.header-menu .sub-menu .sub-menu {
    top: 0;
    left: 100%;
}

@media (min-width: 768px) {
    .menu-toggle {
        display: none
    }
}

@media (max-width: 767px) {
    header .header-menu {
        display: none;
    }
}

/**/

/* contacts */
.header-contacts {
    flex-direction: column;
    align-items: flex-end;
    font-size: 14px;
    line-height: 1em;
}

.contacts--phone {
    color: var(--dark);
    font-size: 0.9375rem;
}

.contacts--email {
    color: var(--dark);
    font-size: 0.9375rem;
}

.contacts--email svg {
    width: 18px;
    height: 18px;
}

.contacts--link {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-left: 10px;
    padding: 2px;
    color: #020226;
}

.contacts--link svg {
    width: 20px;
    height: 20px;
}

.contacts--email,
.contacts--link {
    opacity: .7;
}


@media (min-width: 1025px){
    .contacts--phone + *{margin-left: 17px;}
}
@media (max-width: 1024px){
    .contacts--phone + *{margin-left: 32px;}
}

/* HEADER */



/* HOME */
.heading{font-size: 1.75rem; letter-spacing: .015em; line-height: 1.2em; margin-bottom: 40px; margin-top: 0;}
.heading span{display: inline; border-bottom: 1px solid rgba(0,0,0,.1);}
.heading:hover span{border-color: transparent;}
a.heading svg{margin-left: 24px; top: 2px; color: #fdb92d;}
a.heading:hover svg{margin-left: 32px;}

.def-text{font-size: 1rem; letter-spacing: .015em; line-height: 1.625em; color: #545454}
.def-text p + p{margin-top: 20px;}
.def-text a{text-decoration: none; color: #564c47; display: inline; box-shadow: inset 0 -2px #fdb92d;}
.def-text a:hover{color: #fdb92d; text-decoration: none; }

.def-pat{background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOEAAADhCAIAAACx0UUtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkQwNjBGMTc2QzE5ODExRTg5NzQ1QTBGQzU4MTNEQzdFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkQwNjBGMTc3QzE5ODExRTg5NzQ1QTBGQzU4MTNEQzdFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RDA2MEYxNzRDMTk4MTFFODk3NDVBMEZDNTgxM0RDN0UiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RDA2MEYxNzVDMTk4MTFFODk3NDVBMEZDNTgxM0RDN0UiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6dXpaEAAAW6klEQVR42uyd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) repeat 0 0;}

.def-list{list-style: none; margin: 0; padding: 0;}
.def-list li{position: relative; padding-left: 29px;}
.def-list li:before{content: ''; position: absolute; display: block; top: 12px; left: 4px; width: 20px;  height: 1px; background-color: #020226; opacity: .2}
.def-list li + li{margin-top: 10px;}

.b-subtit{font-size: 1.125rem; letter-spacing: .08em; color: #ffffff;}
.b-subtit span{color: #d92b3a;}
.b-subtit:before{content: ''; position: absolute; top: 11px; display: block; width: 100px; height: 1px; background-color: #564c47; opacity: .3;}

.__back{font-size: 150px; line-height: 150px; opacity: .08; letter-spacing: var(--ls-70); color: #564c47; pointer-events: none;}

.tab-content > .tab-pane {display: none;}
.tab-content > .active {display: block;}


/* homepage catalog */
.hp-catalog{
	padding: 0;
    background: #ffffff;
	
	.__inner{
		flex-direction: column;
		align-items: center;
		padding: 83px 0 82px;
		
		& + .__inner{
			border-top: 1px solid #dddddd;
		}
	}
	
	.hp-catalog--group{
		align-items: flex-start;
		gap: 4rem;
			
		hgroup{
			flex: 1.5;
			
			&.is-sticky{
				position: sticky;
				top: 10rem;
				bottom: 2rem;
			}
		}
		
		.__title{
			color: var(--dark);
			font-size: 2rem;
			line-height: 1.3em;
			letter-spacing: .07em;
			margin: 0;
			text-wrap: balance;
				
			&::after {
				content: '';
				display: block;
				width: 30px;
				height: 3px;
				background: #d92b3a;
				margin: 1rem 0 2rem;
			}
		}
		
		.__text{
			margin: 0 0 2rem;
			opacity: .5;
			font-size: 15px;
			line-height: 1.6em;
			letter-spacing: .025em;
			text-wrap: balance;
		}
		
		.btn{
			margin-top: 1rem;
		}
	}
	
	.hp-catalog--products{
		flex: 2;
		flex-flow: row wrap;
		align-items: flex-start;
		justify-content: flex-start;
		width: 100%;
		gap: 3rem 1rem;
		
		&.justify--start{
			justify-content: flex-start;
		}
	
		.hp-catalog--product{
			flex: 0 0 calc(50% - .5rem);
			flex-direction: column;
			align-items: flex-start;
			flex-wrap: wrap;
			gap: 1rem;
			max-width: 50%;
			
			.__image{
				width: 100%;
				background: #f2f4f7;
				border-radius: 4px;
				aspect-ratio: 1;
				overflow: hidden;

				img {
					display: block;
					margin-inline: auto;
					width: auto;
					max-width: 100%;
					height: 100%;
					object-fit: cover;
					aspect-ratio: 1;
				}
			}
			
			h3{
				position: relative;
				margin: 0;
				font-size: 1.5rem;
				line-height: 1.2em;
			}

			p {
				margin: 0 0 20px;
				padding: 0 30px;
				font-size: 15px;
				line-height: 1.2em;
				letter-spacing: .025em;
				min-height: 54px;
			}
			
			.hp-catalog--product-price{
				display: flex;
				align-items: baseline;
				gap: 2rem;
				margin-top: .5rem;
				font-size: 1rem; 
				line-height: 1;
				
				span[data-currency="uah"]{
					font-size: .875rem;
					opacity: .5;
				}
			}
			
			.__action{
				display: flex;
				flex-direction: row-reverse;
				justify-content: flex-start;
				align-items: center;
				gap: .5rem;
			
				.btn{
					margin-top: 1rem;
				}
			}
		}
		
		&[data-count="1"]{
			.hp-catalog--product{
				flex: 0 0 100%;
				flex-direction: row;
				justify-content: space-between;
				align-items: center;
				max-width: 100%;
			
				.__image{
					width: 100%;
					aspect-ratio: 4 / 2;
				}
				
				.__action{
					flex-direction: row;
					.btn{
						margin-top: 0;
					}
				}
			}
		}
		
		& + a {
			align-items: center;
			margin-top: 53px;
			
			svg {
				margin-left: 16px;
			}
		}
	}
}

@media (max-width: 1024px){
	.hp-catalog {
		.hp-catalog--group {
			flex-direction: column;
		
			hgroup{
				&.is-sticky{
					position: unset;
				}
			}
		}
	}
}

@media (max-width: 767px) {
    .hp-catalog {
    
		.__inner {
			padding: 3rem 0 4rem;
		}
		
		.hp-catalog--group{
			hgroup{
				padding-top: 0;
			}
			.__title{
				font-size: 24px;
			}
			.__text{
				max-width: 100%;
				height: auto;
				margin-bottom: 0;
			}
			.__video{
				width: 100%;
			}
		}
		
		.hp-catalog--products{
			flex-flow: column wrap;
			
			.hp-catalog--product{
				flex-flow: row wrap;
				justify-content: center;
				max-width: 100%;
				flex-direction: column;
				width: 100%;
				flex-direction: column!important;
                align-items: flex-start!important;
				
				h3{
					font-size: 1rem;
				}
				
				.__image{
					width: 100%;
                    aspect-ratio: 4 / 2;
				}
				
				.hp-catalog--product-price{
					margin-top: 1rem;
					margin-bottom: 1rem;
				}
				
				p {
					padding: 0;
					margin: 10px 0 20px 0;
					font-weight: 500;
					min-height: auto;
					text-align: center;
					font-size: 17px;
				}
				
				.__action{
					width: 100%;
					flex-direction: row;
				}
				
				button{
					width: 100%;
				}
				.btn{
					font-weight: 700;
					text-transform: uppercase;
					padding: 10px 20px;
				}
				
				
				& + .hp-catalog--product{
					margin-top: 20px;
				}
			}
		}
    }
}

@media (max-width: 480px) {
	.hp-catalog {
        .hp-catalog--products {
            & .hp-catalog--product {
                .__image {
                    width: 100%;
                    aspect-ratio: 1!important;
                }
            }
        }
    }
}



/* about */
.hp-about{
	padding: 83px 0 0; 
	height: 100dvh; 
	min-height: 700px; 
	max-height: 60rem;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-blend-mode: multiply;
    background-color: rgba(0, 0, 0, .5);
	
	.container{
		height: 100%;
	}
	
	.hp-about--inner{
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		height: 100%;
	}
	
	.hp-about--tit{
		max-width: 60%;
		color: #ffffff;
		font-size: 4rem;
		margin-top: 3rem;
		margin-bottom: 1rem;
	}
	.hp-about--txt{
		color: #ffffff;
		font-size: 1rem;
		line-height: 1.5rem;
		max-width: 500px;
	}
	
	.hp-about--links{
		display: flex;
		justify-content: flex-start;
		gap: 0;
		border-top: 1px solid rgba(255,255,255,.3);
		border-left: 1px solid rgba(255,255,255,.3);
		margin-top: 10rem;
		
		a{	
			position: relative;
			display: flex;
			flex: 1;
			align-items: center;
			justify-content: center;
			text-align: center;
			padding: 2.5rem 2rem;
			color: #ffffff;
			font-size: .8125rem;
			line-height: 1;
			border-right: 1px solid rgba(255,255,255,.3);
			
			svg{
				position: absolute;
				bottom: .5rem;
				right: .5rem;
				width: 1.5rem;
				height: 1.5rem;
				opacity: 0;
				transition: opacity .3s ease-in;
			}
			
			&:hover{
				background: #d92b3a;
			
				svg{
					opacity: 1;
				}
			}
		}
	}
}
@media (max-width: 1024px){
	.hp-about {
		.hp-about--tit{
			max-width: 100%;
		}
	}
}
@media (max-width: 767px){
    .hp-about{
		padding: 130px 0 5rem;
		
		.hp-about--tit{
			max-width: 100%;
			font-size: 9vw;
		}
		
		.hp-about--links{
			display: none;
		}
	}
}

.hp-about--text{
	margin-bottom: 2rem;
	padding: 4rem 0 6rem;
	border-bottom: 1px solid #dddddd;
	
	.__inner{
		max-width: 75%;
		font-size: 1.25rem;
		line-height: 1.75em;
		opacity: .7;
		
		p{
			margin: 0;
			
			& + p{
				margin-top: 1rem;
			}
		}
	}
}

@media (max-width: 1024px){
	.hp-about--text {
		.__inner {
			max-width: 100%;
		}
	}
}

.hp-portfolio{
	padding: 69px 0 82px; 
	border-top: 1px solid rgba(0,0,0,.1);
	
	.__heading{
		
	}
	
	.__text{
		max-width: 50%;
		opacity: .5;
	}
	
	.hp-portfolio--grid{
		margin-top: 72px;
		
		.__item{
			display: block;
			width: calc((100% - 3 * 1rem) / 4); 
			min-height: 100px;
			padding: 0; 
			border-radius: 8px; 
			margin-bottom: 16px; 
			background-color: #ffffff; 
			overflow: hidden; 
			transition: all .3s ease-in-out;
			
			img{
				display: block;
				width: 100%;
				max-width: 100%;
				height: auto;
			}
		}
	}
}
@media (max-width: 1024px){
	.hp-portfolio {
		.hp-portfolio--grid {
			.__item {
				width: calc((100% - 2 * 1rem) / 3); 
			}
		}
	}
}

@media (max-width: 767px){
	.hp-portfolio {
		.__text {
			max-width: 100%;
		}
		.hp-portfolio--grid {
			.__item {
				width: calc((100% - 1rem) / 2); 
			}
		}
	}
}

@media (max-width: 480px){
	.hp-portfolio {
		.hp-portfolio--grid {
			.__item {
				width: 100%; 
			}
		}
	}
}


/* solutions */
.hp-solutions{padding: 69px 0 82px; border-top: 1px solid rgba(0,0,0,.1);}
.hp-solutions--grid{margin-top: 72px;}
.hp-solutions .item{width: 297px; padding: 0; border: 3px solid #edf5fc; border-radius: 8px; margin-bottom: 16px; background-color: #ffffff; overflow: hidden; transition: all .3s ease-in-out;}
.hp-solutions .item .item-tit{display: block; padding: 29px 30px 0 29px; font-size: 1.5rem; letter-spacing: .015em; line-height: 1.3em; margin-bottom: 40px;  margin-top: 0;  z-index: 2; transition: all .3s ease-in-out;}
.hp-solutions .item .item-tit span{display: inline; box-shadow: inset 0 -11px #e7eedd;}
.hp-solutions .item ul{padding: 0 30px 120px 4px; z-index: 3;}
.hp-solutions .item li a{color: #545454; opacity: .8; font-size: 1.0625rem;}
.hp-solutions .item .__ico{position: absolute; bottom: -15px; right: -20px; display: block; z-index: 3; transition: all .3s ease-in-out;}
.hp-solutions .item .__ico svg{width: 100px; height: 100px; fill: #edf5fc;}
.hp-solutions .item .__img{position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; height: auto; min-height: 100%; width: auto;  opacity: 0; transition: all .3s ease-in-out;}

.hp-solutions .item:hover{box-shadow: 0 2px 2px rgba(41,47,56,0.1), 0 4px 4px rgba(41,47,56,0.1), 0 8px 8px rgba(41,47,56,0.1), 0 16px 16px rgba(41,47,56,0.1), 0 32px 32px rgba(41,47,56,0.1);  border-color: #e7eedd; margin-top: -2px;}
.hp-solutions .item:before{content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; background: #020226; opacity: 0; transition: all .3s ease-in-out; z-index: 2; }
.hp-solutions .item:hover:before{opacity: .4}
.hp-solutions .item:hover .item-tit{color: #ffffff;}
.hp-solutions .item:hover .item-tit span{box-shadow: inset 0 -11px #fdb92d;}
.hp-solutions .item:hover li:before{background-color: #fdb92d; opacity: 1;}
.hp-solutions .item:hover li a{color: #ffffff;}
.hp-solutions .item li a:hover{color: #fdb92d;}
.hp-solutions .item:hover .__ico{opacity: 0;}
.hp-solutions .item:hover .__img{opacity: 1;}

.hp-solutions .item-form{border-color: transparent; padding: 44px 40px; background-color: #e7eedd;}
.hp-solutions .item-form:hover{box-shadow: none;}
.hp-solutions .item-form:hover:before{display: none;}
.hp-solutions .item-form--tit{font-size: 1.5rem;}
.hp-solutions .item-form--txt{opacity: .8;}
.hp-solutions .item-form .btn{width: 100%;}

@media (min-width: 1024px) and (max-width: 1299px){
    .hp-solutions .item{width: calc(25% - 12px);}
}
@media (min-width: 992px) and (max-width: 1024px){
    .hp-solutions .item{width: calc(33.333333% - 12px);}
}
@media (min-width: 768px) and (max-width: 991px){
    .hp-solutions .item .__img{min-width: 100%;}
}
@media (min-width: 600px) and (max-width: 991px){
    .hp-solutions .item{width: calc(50% - 12px);}
}
@media (max-width: 768px){
    .hp-solutions .item{width: 100%;}
    .hp-solutions .item .__img{min-width: 100%;}
}
@media (max-width: 767px){
    .hp-solutions{padding: 30px 0 30px;}
    .hp-solutions .item:before{display: none;}
}
/* HOME */


#breadcrumbs{font-size: 0.75rem; color: #999999; letter-spacing: .06em;}
#breadcrumbs a{color: #999999; margin-right: 4px;}
#breadcrumbs a:hover{color: #020226;}
.breadcrumb_last{margin-left: 4px; color: #020226;}

/* PAGE */
.page-header{position: relative;  margin: 0; padding-top: 140px; padding-bottom: 46px; background: #f0f0f0 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAPklEQVQoU2NkIAAYscm/efPmP0hcRESEEUMBSPLfv38MTExMmArQJUGmwE3AJglXgEsSRQHMUeiOxuoLZEUA3RokCbULzesAAAAASUVORK5CYII=)}
.page-header h1{font-size: 2.5rem; line-height: 1.35em; letter-spacing: .06em; margin-left: -2px;}
.page-subtitle{display: inline-block; font-size: 1.125rem; letter-spacing: .06em; }

.page-content{padding-top: 40px; padding-bottom: 80px;}

@media (min-width: 1025px){
    .page-header h1{max-width: 500px}
    .page-subtitle{position: absolute; top: 57px; right: 96px; max-width: 300px; padding-top: 32px; border-top: 10px solid #fdb92d;}
}
@media (max-width: 1024px){
    .page-header{padding-top: 110px; padding-bottom: 60px; text-align: center;}
}
@media (min-width: 992px) and (max-width: 1024px){
    .page-header h1{max-width: 100%;}
    .page-subtitle{position: relative; padding-top: 8px; margin-top: 24px; border-top: 4px solid #fdb92d;}
}
@media (min-width: 992px){
    .def-content .wysiwyg{padding-left: 0; padding-right: 30%;}
}
@media (min-width: 768px) and (max-width: 991px){
    .def-content .wysiwyg{padding-left: 5%; padding-right: 5%;}
}
@media (max-width: 767px){
    .page-header h1{max-width: 100%; font-size: 1.5rem}
}
/* PAGE */


/* CATALOG PAGE */

.catalog-header{text-align: left;}
.catalog-benefits{padding: 40px 0 40px;}
.catalog-benefits--inner{padding: 20px; border: 1px solid #edf5fc; border-radius: 0; grid-column-gap: 0; grid-row-gap: 0;}
.catalog-benefits .item{justify-content: flex-start; align-items: center; border-bottom: 1px solid #edf5fc;}
.catalog-benefits .item .__ico{width: 50px; height: 50px; justify-content: center; align-items: center; margin-right: 20px;}
.catalog-benefits .item .__ico img{max-width: 50px; max-height: 50px; width: auto;}
.catalog-benefits .item p{margin: 0; font-size: 0.875rem; letter-spacing: .04em; line-height: 1.3em;}

@media (min-width: 1300px){
    .catalog-header h1{max-width: 540px;}
}
@media (min-width: 1025px) and (max-width: 1299px){
    .catalog-header h1{max-width: 700px;}
}

@media (min-width: 1025px) {
    .catalog-benefits .item{padding: 22px 32px 16px 64px;}
}
@media (min-width: 992px) {
    .catalog-benefits--inner{
        grid-template-columns: 33.333333% 33.333333% 33.333333%;
        grid-gap: 0;
    }
    .catalog-benefits .item{padding: 22px 32px 16px 34px;}
    .catalog-benefits .item:nth-child(3n+1):nth-last-child(-n+3),
    .item:nth-child(3n+1):nth-last-child(-n+3) ~ .item {
        border-bottom: none;
    }
    .catalog-benefits .item:nth-child(1),
    .catalog-benefits .item:nth-child(2),
    .catalog-benefits .item:nth-child(3){padding-top: 14px; padding-bottom: 20px}
    .catalog-benefits .item:nth-child(3n+2),
    .catalog-benefits .item:nth-child(3n){border-left: 1px solid #edf5fc;}
}

@media (min-width: 768px) and (max-width: 991px){
    .catalog-benefits--inner{
        -ms-grid-columns: 50% 50%;
        grid-template-columns: 50% 50%;
    }
    .catalog-benefits .item{padding: 22px 32px 16px 34px;}
    .catalog-benefits .item:nth-child(2n){border-left: 1px solid #edf5fc;}
    .catalog-benefits .item:last-child{border-bottom: none;}
    .catalog-benefits .item:nth-child(2n+1):nth-last-child(-n+2),
    .item:nth-child(2n+1):nth-last-child(-n+2) ~ .item {
        border-bottom: none;
    }
}

@media (max-width: 767px){
    .catalog-benefits{padding-bottom: 0;}
    .catalog-benefits--inner{ padding: 0; -ms-grid-columns: 50%; grid-template-columns: 100%;}
    .catalog-benefits .item{padding: 12px 22px 16px 24px;}
    .catalog-benefits .item:last-child{border-bottom: none;}
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    /* IE10+ specific styles go here */
    .catalog-benefits--inner{display: table; width: 100%;}
    .catalog-benefits .item{width: 33%; display: inline-block;}
    .catalog-benefits .item .__ico{position: absolute; position: relative;}
    .catalog-benefits .item p{padding-left: 70px; top: 12px;}
}

.catalog-products{padding-bottom: 40px;}
.catalog-products--inner{flex-flow: column wrap; justify-content: flex-start;}
.catalog-products .item{flex-flow: row wrap; align-items: center; padding: 40px 0;}
.catalog-products .item:nth-child(2n){flex-flow: row-reverse wrap;}
.catalog-products .item-image{width: 455px; padding: 28px; border: 1px solid #edf5fc; background-color: #ffffff;}
.catalog-products .item-image:hover{box-shadow: 0 10px 40px rgba(0,0,0,.05);}
.catalog-products .item-image img{max-width: 100%; max-height: 100%;}
.catalog-products .item-meta--inner{z-index: 2;}
.catalog-products .item-tit{display: inline-block}
.catalog-products .item-dsc{opacity: .8;}
.catalog-products .item:nth-child(2n) .item-code{left: auto; right: 0;}

@media (min-width: 1025px){
    .catalog-products .item-meta{width: calc(100% - 455px); padding: 0 160px 0 80px;}
    .catalog-products .item:nth-child(2n) .item-meta{padding: 0 80px 0 160px;}
    .catalog-products .item-code{top: 10px; left: 0; font-size: 260px; line-height: 260px; opacity: .03; letter-spacing: var(--ls-70); color: #564c47;}

}
@media (max-width: 1024px){
    .catalog-products .item-code{display: none}
}
@media (min-width: 992px) and (max-width: 1024px){
    .catalog-products .item-meta{width: calc(100% - 455px); padding: 0 80px 0 40px;}
    .catalog-products .item:nth-child(2n) .item-meta{padding: 0 40px 0 80px;}
}
@media (min-width: 768px) and (max-width: 991px){
    .catalog-products .item-image{width: 100%; text-align: center; margin-bottom: 32px;}
    .catalog-products .item-meta--inner{padding: 0 5%;}
}

/* CATALOG PAGE */


/* PRODUCT PAGE */

.product-header{overflow: hidden;  text-align: left;}
h1.product-title{display: inline-block; font-size: 3rem; margin-top: 8px; margin-bottom: 34px;}
.product-title:before{content: ''; position: absolute; bottom: 7px; left: -10px; width: calc(100% + 20px); height: 20px; background-color: #fdb92d; z-index: 1;}
.product-title span{position: relative; z-index: 2;}
.product-header .__back{top: 15px; left: 0; font-size: 132px; line-height: 130px;}
.product-dsc{margin-bottom: 30px;}
.product-price{display: inline-block; margin-left: 30px;}
.product-image{position: absolute; left: calc( 50% + 8px ); pointer-events: none; bottom: 0;}
.product-image img{/*box-shadow: 10px 0 30px rgba(0,0,0,.05);*/ max-width: none;}


.product-tabs .nav{list-style: none; justify-content: center; margin-bottom: 44px; padding: 0;}
.product-tabs .nav > li{display: inline-block; margin: 0 27px;}
.product-tabs .nav > li > a{display: block; font-size: 1rem; letter-spacing: .1em; line-height: 1.2em; border-bottom: 3px solid transparent;padding: 4px 0 1px; color: #564c47;}
.product-tabs .nav > li > a:hover,
.product-tabs .nav > .active > a{border-bottom-color: #fdb92d;}

@media (min-width: 992px) and (max-width: 1024px){
    .product-header{padding-top: 120px; padding-bottom: 40px; min-height: auto;}
}
@media (min-width: 992px) {
    .product-header{min-height: 660px;}
    .product-tabs{padding: 80px 0;}
}
@media (min-width: 768px) and (max-width: 991px){
    .product-header{min-height: auto; padding-bottom: 30px;}
    .product-image{display: none;}
    .product-tabs{padding: 30px 0;}
}
@media (max-width: 767px){
    .product-header h1{max-width: 100%; font-size: 2rem}
    .product-header h1:before,
    .product-image{display: none;}
    .product-tabs select{width: 100%; font-size: 1rem; border: 1px solid #a19481; padding: 9px 40px 7px 20px; line-height: 1.85em;  background-color: transparent; margin: 20px 0 30px }
    .product-tabs .nav{opacity: 0; height: 1px; margin-bottom: 0;}
    .product-header .__back{display: none;}
    .product-content{overflow: hidden;}
}

/* tab about */
/* gallery */
.product-gallery{}
.product-gallery .item{margin-bottom: 72px; cursor: pointer;}
.product-gallery .item img{max-width: 640px; height: auto;}
.product-gallery .item p{margin-bottom: 0; margin-top: 20px; font-size: 0.875rem; opacity: .7;}

.product-docs{margin-bottom: 30px;}
.product-docs .item{grid-column-gap: 0; color: #020226;}
.product-docs .item:hover span + svg{color: #fdb92d;}
.product-docs .item + .item{margin-top: 20px;}
.product-docs .item p{margin-bottom: 0;}
.product-docs .item p small{display: block;opacity: .6;}
.product-docs .item span{opacity: .6; color: #545454;}

.product-about + .product-gallery{margin-top: 72px;}

@media (min-width: 1024px){
    .product-docs{padding: 0 180px;}
}
@media (min-width: 992px) and (max-width: 1024px){
    .product-docs{padding: 0 40px;}
}
@media (min-width: 992px){
    .product-docs .item{grid-template-columns: 44px 681px 130px 24px;}
}
@media (min-width: 768px) and (max-width: 991px){
    .product-docs{padding: 0 40px;}
    .product-docs .item{grid-template-columns: 5% 70% 20% 5%;}
}
@media (max-width: 767px){
    .product-gallery .item img{max-width: 100%}
    .product-docs .item{margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #edf5fc;}
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    .product-docs .item{display: table; width: 100%;}
    .product-docs .item *{display: inline-block; vertical-align: top;}
    .product-docs .item p{width: 630px}
    .product-docs .item span{width: 150px}

}
/* tab about */

/* tab benefits */
.tab-benefits .item ul{color: #545454;}

@media (min-width: 768px){
    .tab-benefits{grid-template-columns: calc(50% - 8px) calc(50% - 8px); grid-column-gap: 16px;}
    .tab-benefits .item{margin-bottom: 72px;}
}
@media (max-width: 767px){
    .tab-benefits{grid-template-columns: 100%}
    .tab-benefits .item{margin-bottom: 40px;}
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    /* IE 11 */
    .tab-benefits{display: table; width: 100%;}
}
/* tab benefits */

/* tab params */
.tab-params{}
.tab-params .group + .group{margin-top: 50px;}
.tab-params .group-tit{font-size: 1.125rem; line-height: 1.4; letter-spacing: .025em; padding: 8px 0 8px; border-bottom: 1px solid #edf5fc;}
.tab-params .item{grid-template-rows: auto; color: #545454;}
.tab-params .item div{ padding: 8px 0 7px; border-bottom: 1px solid #edf5fc; font-size: 1rem; line-height: 1.625; letter-spacing: .025em;}
.tab-params .item p{margin-bottom: 0;}
.tab-params .item p + p{margin-top: 4px;}

@media (min-width: 1024px){
    .tab-params .group{padding: 0 80px 0 157px ;}
    .tab-params .item{grid-template-columns: 300px 690px;}
}
@media (min-width: 992px) and (max-width: 1024px){
    .tab-params .group{padding: 0 40px 0 40px ;}
    .tab-params .item{grid-template-columns: 30% 69%;}
}
@media (min-width: 768px) and (max-width: 992px){
    .tab-params .group{padding: 0;}
    .tab-params .item{grid-template-columns: 30% 69%;}
}
@media (max-width: 767px){
    .tab-params .item .__p{border-bottom: none; padding-bottom: 0; padding-top: 10px;}
    .tab-params .item .__v{padding-top: 0; padding-bottom: 10px;}
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    /* IE 11 */
    .tab-params .item{display: table; width: 100%;}
    .tab-params .item div{display: inline-block;}
    .tab-params .item .__p{width: 300px;}
    .tab-params .item .__v{width: 680px;}
}

/* tab params */

/* tab application */
.application-about{ margin-bottom: 60px; color: #545454; }
.application-image{ margin-bottom: 60px; }
.application-image img{ max-width: 100%; height: auto; }
/* tab application */
@media (min-width: 992px){
    .application-image{padding: 0 40px;}
}

.testimonials-content .item:nth-child(even){background-color: #edf5fc; padding: 40px 15%;}
.testimonials-content .item + .item{margin-top: 60px;}



/* WYSIWYG */

.wysiwyg *{font-size: 1.0625rem; line-height: 1.64em; letter-spacing: .005em; color: #545454; opacity: 1}
.wysiwyg h2{font-size: 1.75rem; line-height: 1.28em; letter-spacing: var(--ls-70); margin-top: 0px; margin-bottom: 15px;}
.wysiwyg h3{font-size: 1.5rem; line-height: 1.25em; letter-spacing: var(--ls-70);margin-top: 40px; margin-bottom: 15px;}
.wysiwyg h4{font-size: 1.25rem; line-height: 1.2em; letter-spacing: var(--ls-70); margin-top: 40px; margin-bottom: 15px;}
.wysiwyg a{text-decoration: none; color: #564c47; display: inline; box-shadow: inset 0 -2px #fdb92d;}
.wysiwyg a:hover{color: #fdb92d; text-decoration: none; }
.wysiwyg p{margin-bottom: 20px; font-size: 1rem; line-height: 1.625em; letter-spacing: .025em;}
.wysiwyg ul{margin: 0 0 20px 0; padding: 0;}
.wysiwyg ul{list-style: none;}
.wysiwyg ul li{position: relative; padding-left: 40px;}
.wysiwyg ul li + li{margin-top: 6px;}
.wysiwyg ul li:before{content:''; position: absolute; display: block; top: 13px; left: 7px; width: 16px; height: 1px; background-color: #020226; opacity: .2}
.wysiwyg ul + h2,
.wysiwyg ol + h2,
.wysiwyg p + h2{margin-top: 50px;}

@media (min-width: 1025px) {
    .wysiwyg{padding: 0 160px;}
}
@media (min-width: 992px) and (max-width: 1024px) {
    .wysiwyg{padding: 0 100px;}
}

/* WYSIWYG */

/* PRODUCT PAGE */



/* SOLUTIONS */
.solutions-content{padding: 80px 0 0;}
.solutions-content--inner{flex-direction: column;}
.solutions-content .item{flex-flow: row wrap;}
.solutions-content .item:nth-child(even){flex-flow: row-reverse wrap}
.solutions-content .item-image{display: block;  background-color: rgba(2,2,38,.4); background-position: center; background-size: cover; background-repeat: no-repeat; background-blend-mode: overlay;}
.solutions-content .item-image{box-shadow: 0 15px 20px rgba(0,0,0,.1);}
.solutions-content .item-image:hover{box-shadow: 0 15px 50px rgba(0,0,0,.4);}
.solutions-content .item .heading{display: inline-block;}

@media (min-width: 1025px) {
    .solutions-content .item{margin-bottom: 120px;}
    .solutions-content .item:nth-child(odd) .item-meta{padding: 50px 160px 20px 40px;}
    .solutions-content .item:nth-child(even) .item-meta{padding: 50px 80px 20px 80px;}
}
@media (min-width: 992px) and (max-width: 1024px) {
    .solutions-content .item{margin-bottom: 60px;}
    .solutions-content .item:nth-child(odd) .item-meta {padding: 50px 80px 20px 40px;}
    .solutions-content .item:nth-child(even) .item-meta{padding: 50px 40px 20px 80px;}
}
@media (min-width: 992px){
    .solutions-content .item-image{ width: 350px; height: 600px; }
    .solutions-content .item-meta{width: calc(100% - 350px);}
}
@media (min-width: 768px) and (max-width: 991px) {
    .solutions-content .item{margin-bottom: 60px;}
    .solutions-content .item-image{ width: 240px; height: 400px;}
    .solutions-content .item-meta{width: calc(100% - 240px);}
    .solutions-content .item:nth-child(odd) .item-meta {padding: 30px 40px 20px 20px;}
    .solutions-content .item:nth-child(even) .item-meta{padding: 30px 20px 20px 40px;}
}
@media (max-width: 767px) {
    .solutions-content{padding: 30px 0;}
    .solutions-content .item-image{ margin-bottom: 20px;}
    a.heading svg{display: none;}
}
/* SOLUTIONS */




/* SOLUTION */

.solution-content{padding-top: 80px;}
.solution-content .wysiwyg p,
.solution-content .wysiwyg ul,
.solution-content .wysiwyg ol{position: relative; z-index: 1;}
.solution-content .wysiwyg svg{position: absolute; top: 40px; opacity: .8; left: -256px; fill: #edf5fc;}
.solution-img{position: absolute; right: 0; /*top: -153px; */ bottom: 0; box-shadow: 0 15px 50px rgba(0,0,0,.4);}
.solution-img .page-subtitle{position: absolute; z-index: 10; color: #ffffff; width: 100%; padding: 40px 40px 0 30px;}

.solution-about{margin-bottom: 60px;}
.solution-content .application-image{margin-bottom: 10px;}


@media (min-width: 1025px) {
    .solution-content .with-img .wysiwyg{padding: 0 480px 0 0;}
    .solution-benefits{margin-bottom: 120px;}
}
@media (min-width: 992px) and (max-width: 1024px) {
    .solution-content .with-img .wysiwyg{padding: 0 400px 0 0;}
    .solution-benefits{margin-bottom: 0;}
}

@media (min-width: 992px) {
    .solution-content{padding-top: 80px;}
}
@media (min-width: 768px) and (max-width: 991px) {
    .solution-content{overflow: hidden; padding-top: 40px;}
    .solution-content .with-img .wysiwyg{padding: 0 310px 0 0;}
    .solution-img{right: -70px; top: 10px; bottom: auto;}
    .solution-benefits{margin-bottom: 0;}
    .application-image{padding: 0;}

}
@media (max-width: 767px) {
    .solution-content{padding-top: 30px;}
    .solution-img{position: relative; margin-bottom: 30px;}
    .solution-content .wysiwyg svg{display: none;}
}
/* SOLUTION */



/* CNT */
.acf-map{height: 662px; margin-top: 40px; margin-bottom: 80px;}
@media (min-width: 768px) {
    .cnt p span + span{margin-left: 20px;}
}
@media (max-width: 767px) {
    .acf-map{height: 400px; margin-bottom: 0}
    .cnt p span{display: block;}
}

/* CNT */












/* MODALS */

.modal-content{border: none; border-radius: 0; background: #ffffff;}
.modal-header{background: #ffffff; text-align: center;}
.modal-header h4{
	font-size: 1.5rem; 
	line-height: 1.25em; 
	letter-spacing: var(--ls-70); 
	margin-bottom: 10px;
	
	span{
		display: block;
		font-size: 1rem;
		font-weight: 400;
		letter-spacing: 0;
		text-transform: none;
		opacity: .5;
		
	}
}
.modal-header p{font-size: 0.875rem; line-height: 1.57; letter-spacing: .005em; color: #545454; opacity: .7}
.modal-body{background: #f0f5f8;}
.modal-body.wpcf7{margin-top: 0;}
.modal-body.wpcf7 .form-group{padding-left: 0;}
.modal-body.wpcf7 .modal_submit{padding-left: 110px; text-align: left}
.modal-body.wpcf7 .modal_submit input{margin: 8px 0 0 0}
.modal-header .close{position: absolute; right: 16px; margin-top: 0;}

.modal-video{
	.modal-dialog{
		width: 75vw;
	}
	.modal-body {
		padding: 0;
		
		video{
			display: block;
			width: 100%;
			max-width: 100%;
			height: auto;
		}
	}
}
@media (max-width: 767px){
	.modal-video{
		.modal-dialog{
			width: 95vw;
		}
	}
}


#modalTHX .modal-header{padding: 0 40px 0 0; text-align: left; border-bottom: none; background: #f2f2f2;}
#modalTHX .modal-header img{float: left;}
#modalTHX .modal-header h4{font-size: 2.5rem; line-height: 1.3; letter-spacing: var(--ls-70); margin-bottom: 10px; margin-left: 370px; padding-top: 150px;}
#modalTHX .modal-header p{margin-left: 370px;}
#modalTHX .modal-header .close{top: 15px;}

@media (min-width: 992px){
    .modal-dialog{width: 800px;}
    .modal-header{padding: 28px 200px 12px;}
    .modal-body{padding: 40px 100px 70px;}
}
@media (min-width: 768px) and (max-width: 991px) {
    .modal-dialog{width: 96%;}
    .modal-header{padding: 28px 100px 12px;}
    .modal-body{padding: 40px 40px 70px;}
}
@media (max-width: 767px){
    .modal-header h4{font-size: 1.25rem;}
}
/* MODALS */



/* FORM */
.form-group--wrap,
.wpcf7-form-control{width: 100%; margin: 0;}
.fgw-top{flex-flow: row nowrap; margin-bottom: 1.75rem;}
.fgw-bottom{flex-flow: column nowrap; justify-content: flex-end;}
.form-group--wrap{
	flex: 1;
	align-items: flex-end;
	gap: 1.5rem; 
	
	&:has(.wpcf7-radio, .wpcf7-checkbox){
		align-items: flex-start;
	}
}
.form-group {
	width: 100%;
	
	.fgw-top &{
		margin: 0; 
		position: relative; 
	}
	.fgw-bottom &{
		margin-bottom: 0;  
		position: relative;
	}
	
	.input_wrap{
		display: flex;
		flex-direction: column;
		gap: .5rem;
	}
	
	label{
		font-weight: 400; 
		font-size: 0.875rem; 
		line-height: 1em;
		margin: 0;
		
		em{
			font-size: 85%;
			opacity: .5;
			font-style: normal;
		}
	}
	textarea{
		width: 100%; 
		height: 150px;
	}
	
	.wpcf7-form-control{
		border: 1px solid #999999; 
		padding: 9px 40px 7px 20px; 
		font-size: 0.875rem; 
		line-height: 1.85em;  
		background-color: transparent;
		
		&.wpcf7-radio,
		&.wpcf7-checkbox{
			padding: 0;
			border: none;
			
			label{
				display: flex;
				gap: .5rem;
				align-items: baseline;
			}
			
			span{
				margin: 0;
				line-height: 1em;
			}
		}
		
		&.wpcf7-checkbox{
			input{
				position: relative;
				top: 3px;
				flex: 0 0 1rem;
				width: 1rem;
				height: 1rem;
				margin-top: 0;
				
				&:focus{
					outline: 1px dashed #bbbbbb!important;
					outline-offset: 1px;
				}
			}
		}
		
		&:focus{
			border-color: #564c47;
			background-color: #ffffff;
			outline: 1px dashed #bbbbbb!important;
			outline-offset: 1px;
		}
	}
	
	.wpcf7-not-valid-tip{display:none;}
}

.form-action{position: relative; text-align: center; margin-top: 32px;}
.form-action .wpcf7-form-control.btn{
	display: inline-flex;
	justify-content: center;
	align-items: center;
	padding: .5rem 1.5rem;
	color: var(--white);
	font-size: 15px;
	background: #d92b3a;
	border: 2px solid #d92b3a;
	gap: .5rem;
	
	&:hover{
		background-color: var(--dark);
		border-color: var(--dark);
		color: #ffffff;
	}
}
.form-group .ajax-loader{display: none!important;}
.wpcf7-form-control-wrap{position:relative;display:block;}

/* form validation */
.wpcf7-form-control.error{border-color: #b1275d}
span.error {position: absolute; bottom: -18px; top: auto; font-size: 12px; line-height: 18px; font-weight: 400; color: #b1275d; padding:0; left: 1px; width: 300px;}
.u_message span.error{bottom: -11px; top: auto;}
.wpcf7-form-control.valid{border-color: #007a61; color: #007a61; }
div.wpcf7-response-output{display:none !important;}
.phone-metadata{position: absolute; font-size: 13px; opacity: .7; top: 8px; right: 10px;}
.wpcf7-spinner{
	position: absolute;
	top: 50%;
    transform: translateY(-50%);
}

@media (max-width: 767px){
    .fgw-top{flex-direction: column;}
    .fgw-top .form-group{width: 100%;}
}
/* FORM */

.hp-cta{
	padding: 7rem 0 7rem;
	background: #f0f5f8;
}
.hp-cta--inner{
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.hp-cta .heading{
	color: var(--dark);
    font-size: 40px;
    line-height: 1em;
    letter-spacing: .07em;
	text-transform: uppercase;
	margin-bottom: 20px;
}
.hp-cta .b-subtit{
	position: relative;
	top: 0;
	margin-bottom: 60px;
	color: var(--dark);
	letter-spacing: 0;
}
.hp-cta .b-subtit::before{
	display: none;
}

.hp-cta .btn{
	padding: 10px 40px;
}

@media (max-width: 767px){
	.hp-cta {
		.heading{
			font-size: 8vw;
		}	
		
		.btn{
			width: 100%;
		}
	}
}



/* FOOTER */

footer{background-color: #212529; padding: 40px 0 15px; color: #ffffff;  font-size: 0.875rem; line-height: 1.7em; letter-spacing: .025em;}
.footer-top{justify-content: space-between; padding-bottom: 42px;}
footer .logo img{max-height: 36px}
.footer-txt{opacity: .7; margin-top: 19px;}
.menu-col{min-width: 220px; }
.menu-col + .menu-col{margin-left: 16px;}
.menu-col--tit{ font-size: 1.125rem;  letter-spacing: var(--ls-70); margin-bottom: 25px; }
.menu-col--menu{
    grid-template-columns: calc(50% - 27px) calc(50% - 27px);
    grid-column-gap: 54px;
    grid-row-gap: 20px;
}
.menu-col ul{list-style: none; margin: 0; padding: 0;}
.menu-col ul > li > a{color: #ffffff; opacity: .6; white-space: nowrap;}
.menu-col ul > li > a:hover{opacity: 1;}

.footer-bottom{border-top: 1px solid rgba(255,255,255,.3); justify-content: space-between; align-items: center; padding-top: 17px;}
.copyright{font-size: 0.75rem; opacity: .6; margin-right: 36px}
.policy{}
.policy ul{list-style: none; margin: 0; padding: 0;}
.policy ul > li{position: relative; display: inline-block; vertical-align: top;}
.policy ul li + li{margin-left: 14px;}
.policy ul li + li:before{content: ''; position: absolute; display: block; top: 3px; left: -10px; width: 1px; height: 14px; background-color: #ffffff; opacity: .2;}
.policy ul > li > a{display: block; color: #ffffff; opacity: .6; white-space: nowrap; font-size: 0.75rem;}
.policy ul > li > a:hover{opacity: 1;}
.madeby{color: #ffffff;}
.madeby:hover{color: #ffffff; opacity: .7;}
.madeby svg{width: 44px; height: 44px;}


@media (min-width: 992px) and (max-width: 1024px){
    .footer-top .left{padding-right: 20px;}
}
@media (min-width: 992px){
    .footer-top .left{width: 50%; padding-right: 160px;}
    .footer-top .right{width: 50%; padding-left: 8px; justify-content: flex-end;}
}
@media (min-width: 768px) and (max-width: 991px){
    .footer-top{flex-flow: column wrap;}
    .footer-top .left,
    .footer-top .right{width: 100%; padding-left: 5%; padding-right: 5%; justify-content: space-between;}
    .footer-top .right{margin-top: 40px;}
    .footer-bottom{width: 100%; padding-left: 5%; padding-right: 5%; justify-content: space-between;}
    .footer-bottom .left{flex-direction: column-reverse;}
}
@media (max-width: 767px){
    .footer-top{flex-flow: column wrap; align-items: center; padding-bottom: 0;}
    .footer-top .left,
    .footer-top .right{width: 100%; justify-content: space-between;}
    .footer-top .right{margin-top: 24px; flex-direction: column;}
	.footer-top .logo{
		text-align: center;
		
		img{
			margin-inline: auto;
		}
	}
    .footer-top .right .menu-col{margin-bottom: 24px;}
	.footer-top .right .menu-col ul{
		flex-direction: column;
		align-items: center;
		
		li{
			margin: 0;
		}
	}
    .footer-top .right .menu-col + .menu-col{margin-left: 0;}
    .footer-bottom{width: 100%; justify-content: space-between; flex-direction: column; text-align: center}
    .footer-bottom .left{flex-direction: column-reverse;}
    .copyright{margin-right: 0; margin-bottom: 20px}
    .policy ul{margin-bottom: 20px}
    .policy ul li + li{display: block; margin-left: 0;}
    .policy ul li + li:before{display: none;}
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    /* IE10+ specific styles go here */
    .menu-col--menu.display--grid{display: table; width: 100%;}
}
/* FOOTER */