/*
em - от текущего шрифта
% - от родительской ширины
rem - от стиля html
vw – 1% ширины окна
vh – 1% высоты окна
vmin – наименьшее из (vw, vh), в IE9 обозначается vm
vmax – наибольшее из (vw, vh)
*/

@font-face {
    font-family: "Cruinn Thin";
    src: url("../fonts/Cruinn_Thin.ttf");
}

@font-face {
    font-family: "Cruinn Light";
    src: url("../fonts/Cruinn_Light.ttf");
}

@font-face {
	font-family: "Cruinn Regular";
    src: url("../fonts/Cruinn_Regular.ttf");
}

@font-face {
    font-family: "Cruinn Medium";
    src: url("../fonts/Cruinn_Medium.ttf");
}

@font-face {
    font-family: "Cruinn Bold";
    src: url("../fonts/Cruinn_Bold.ttf");
}

@font-face {
    font-family: "Cruinn Black";
    src: url("../fonts/Cruinn_Black.ttf");
}

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');



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

:active, :hover, :focus {
    outline: 0;
    outline-offset: 0;
}

:root {
	/* Layout */
	--content-width: 1380px;
	--margin-bottom: 120px;
	
	/* Colors */
	--c-main: #1D689E;
	--c-secondary: #77BDDB;
	--c-text: #000000;
	--c-title: #254959;
	--c-footer: #254959;
	--c-accent: #FFFFFF;
	--c-background: #A3D7EF;
	--c-link: #1D689E;
	--c-link-hover: #16537e;
	--c-link-visited: #1D689E;	
	
	/* Font Styles */
	--font-main: 'Cruinn Black', sans-serif;
	--font-secondary: 'Noto Sans', sans-serif;

	--size-h1: 72px;
	--lh-h1: 120%;

	--size-h2: 48px;
	--lh-h2: 120%;

	--size-h3: 32px;
	--lh-h3: 120%;

	--size-h4: 24px;
	--lh-h4: 120%;

	--size-h5: 20px;
	--lh-h5: 120%;

	--size-title: 22px;
	--lh-title: 150%;	

	--size-text: 16px;
	--lh-text: 150%;
}

body {
	font-family: var(--font-secondary);
	font-size: var(--size-text);
	line-height: var(--lh-text);
	font-weight: 400;
}

a {
	color: var(--c-link);
	text-decoration: underline;
	text-decoration-style: solid;
    text-underline-offset: 0.3rem;
	text-decoration-thickness: 1px;
}

a:hover {
	color: var(--c-link-hover);
}

p {
	font-family: var(--font-secondary);
	font-size: var(--size-text);
	line-height: var(--lh-text);
	font-weight: 400;
}

.topic,
.topic p {
	font-size: var(--size-title);
	line-height: var(--lh-title);
	font-weight: 400;
}

h1, h2, h3, h4, h5, h6 {
	font-family: var(--font-main);
	text-transform: uppercase;
	color: var(--c-title);
}

h1 {
	font-size: var(--size-h1);
	line-height: var(--lh-h1);
	color: var(--c-accent);
}

h2 {
	font-size: var(--size-h2);
	line-height: var(--lh-h2);
	margin-bottom: 30px;	
}

h3 {
	font-size: var(--size-h3);
	line-height: var(--lh-h3);
	margin-bottom: 30px;
}

h4 {
	font-size: var(--size-h4);
	line-height: var(--lh-h4);
}

h5 {
	font-size: var(--size-h5);
	line-height: var(--lh-h5);
	margin-bottom: 20px;
}

.container {
    max-width: var(--content-width);
    margin-left: auto;
    margin-right: auto;
}




/* H */

h1 {
	position: relative;
	margin-left: 160px;
	display: flex;

}

h1::before {
	content: "";
	display: block;
	width: calc( (100vw - var(--content-width))/2 + 100px );
	height: 7px;
	background: var(--c-secondary);
	position: absolute;
	left: calc( ((100vw - var(--content-width))/2 + 160px) * -1);
	top: 35px;

}

h2 {
	position: relative;
	margin-left: 140px;
	display: flex;

}

h2::before {
	content: "";
	display: block;
	width: calc( (100vw - var(--content-width))/2 + 100px );
	height: 4px;
	background: var(--c-secondary);
	position: absolute;
	left: calc( ((100vw - var(--content-width))/2 + 140px) * -1);
	top: 20px;
}

.contact_adr  h2::before,
.about h2::before {
	content: "";
	display: block;
	width: 100px;
	height: 4px;
	background: var(--c-secondary);
	position: absolute;
	left: -140px;
	top: 20px;
}


/* TOP MENU */

.mega-menu-link {
	font-family: var(--font-main) !important;
	text-transform: uppercase !important;
	line-height: var(--lh-h5) !important;
	margin-top: 10px;
	margin-bottom: 10px;
}

.mega-sub-menu {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
	background-color: var(--c-secondary) !important;
}

#mega-menu-wrap-top #mega-menu-top > li.mega-menu-item:last-child  {
    margin: 0 0 0 0;
}



/* HEADER */

.slider {
	width: 100%;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.719) 0%, rgba(0, 0, 0, 0.295) 30%), linear-gradient(180deg, rgba(58, 69, 100, 0.4), rgba(58, 69, 100, 0.4)), no-repeat 50% center/cover url(../img/otemanu_bg.png);
	
}

.slider .container  {
	display: flex;
	flex-direction: column;
	height: 100%;
	position: relative;
	
}

.head {
	height: 104px;
	margin-bottom: var(--c);
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	margin-top: 40px;
}

.h_title {
	padding-top: 145px;
	padding-bottom: 70px;
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	z-index: 100;
}

.h_title h1 {
	margin-bottom: 45px;
}

.h_title div {
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
	flex-grow: 1;
}

.h_title div div {
	display: block;
	
}

.h_title div p {
	font-size: var(--size-title);
	line-height: var(--lh-title);
	color: var(--c-accent);
	font-weight: 400;
	padding-right: 50%;
	margin-bottom: 60px;
}

.h_button a {
    font-family: var(--font-main);
	color: var(--c-accent);
    font-size: var(--size-text);
	line-height: var(--size-text);
	height: 60px;
	padding: 0 60px;
	text-transform: uppercase;
    background-color: var(--c-secondary);
    border-radius: 9999px;
    box-shadow: none;
    text-decoration: none;
}

.h_button a:hover {
	color: var(--c-secondary);
	background-color: var(--c-accent);
}


.h_arrow {
	margin-left: 60px !important;
}

.h_arrow a {
    font-family: var(--font-main);
	color: var(--c-accent);
    font-size: var(--size-text);
	line-height: var(--size-text);
	text-transform: uppercase;
	background: none;
    border-radius: 0;
    box-shadow: none;
    text-decoration: none;
    padding: 0;
	display: flex;
	align-items: center;
	gap: 40px;
	height: 100%;
}

.h_arrow a::after {
	content: "";
	height: 20px;
	width: 200px;
	background: no-repeat right url(../img/s_arrow.svg);
}

.h_arrow a:hover {
	color: var(--c-secondary);
}

.h_arrow a:hover::after {
    background: no-repeat right url(../img/s_arrow_b.svg);
}

.h_map {
	position: absolute;
	bottom: 88px;
	width: 100%;
	text-align: right;
	color: var(--c-accent);
	font-size: calc(var(--size-text) + 2px);
}



/* ABOUT */

.about {
	display: flex;
	justify-content: space-between;
	margin-bottom: var(--margin-bottom);
	position: relative;
}


/*
.about::before {
	content: "";
	position: absolute;
	z-index: 800;
	left: 350px;
	top: 210px;
	width: 170px;  
	height: 250px;  
	background: url(../img/p_bg.svg);
}

.about_img {
	width: 40%;
	align-self: stretch;
	box-sizing: border-box;
}

.about_img img {
	max-width: 100%;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
*/

.about_img {
	width: 40%;
	align-self: stretch;
	box-sizing: border-box;
	position: relative;
    overflow: hidden;
}

.about_img img {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	margin: auto;
	width: 100%;  
	height: 100%;
	object-fit: cover;
}

.about_tit {
	width: 60%;
	align-self: stretch;
	padding: 60px 60px 30px 0;
	display: flex;
    flex-direction: column;
    justify-content: space-between;

}

.about_tit p,
.about_tit a {
	margin-left: 60px;
}

.about_tit p {
	margin-bottom: 30px;
}

.about_tit p:nth-child(2) {
	font-size: var(--size-title);
	line-height: var(--lh-title);
	font-weight: 400;
	/* margin-left: 360px; */
	position: relative;
}

/*
.about_tit p:nth-child(2)::before {
	content: url(../img/Otemanu_logo_b.svg);
	position: absolute;
	margin-left: 30px;
	margin-top: 20px;
	left: -300px;
}
*/

.about_tit .learn_more {
	margin-left: 0;
	margin-bottom: 0;
	margin-top: auto;	
}

.about_tit a {
    font-family: var(--font-main);
	color: var(--c-secondary);
    font-size: var(--size-text);
	line-height: var(--size-text);
	text-transform: uppercase;
	background: none;
    border-radius: 0;
    box-shadow: none;
    text-decoration: none;
    padding: 0;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 40px;
	white-space: nowrap;
	
}

.about_tit a::after {
	content: "";
	height: 20px;
	width: 25%;
	background: no-repeat right url(../img/s_arrow_b.svg);
}

.about_tit a:hover {
	color: var(--c-link-hover);
}

.about_tit a:hover::after {
    background: no-repeat right url(../img/s_arrow_hover.svg);
}



/* WORTH */

.worth {
	display: flex;
	border: 1px solid var(--c-background);
	border-top: none;
	margin-bottom: var(--margin-bottom);
}

.worth_item {
	align-self: stretch;
	width: calc( var(--content-width) / 5 );
	padding: 40px 20px 40px 40px;
	border-left: 1px solid var(--c-background);
}

.worth_item:nth-child(1) {
  	border-left: none;
}

.worth_item ul li {
    list-style: disc;
    list-style-position: outside;
	padding-top: 10px;
	margin-left: 20px;
}

.worth_item .more-link {
	display: none;
}

.worth_item img {
	margin-bottom: 35px;
}



/* WHO */

.who {
	margin-bottom: var(--margin-bottom);
}

.who_g {
	display: flex;
	border: 1px solid var(--c-background);
}

.who .topic {
    width: 100%;
    margin-left: 60px;
    margin-bottom: 60px;
}

.who_item {
	align-self: stretch;
	width: calc( var(--content-width) / 4 );
	padding: 60px 20px 40px 50px;
	border-left: 1px solid var(--c-background);
}

.who_item:nth-child(1) {
  	border-left: none;
}

.who_item ul li {
    list-style: disc;
    list-style-position: outside;
	padding-top: 10px;
	margin-left: 20px;
}

.who_item .more-link {
	display: none;
}

.who_item img {
	margin-bottom: 35px;
}

.who_item h5 {
	position: relative;
	z-index: 100;
	/* color: var(--c-accent); */

}

.who_item h5::before {
    content: "";
    display: block;
    width: 30px;
    height: 3px;
    background: var(--c-secondary);
    position: absolute;
    left: -50px;
    top: 8px;
}



/* SERVICES */

.services {
	margin-bottom: var(--margin-bottom);
}

.services .topic {
	width: 50%;
	margin-left: 60px;
	margin-bottom: 60px;
}

.services_group {
	display: flex;
	flex-direction: column;
}

.services_item {
	display: flex;
	height: 400px;
}

.services_item:nth-child(odd) {
	flex-direction: row-reverse;
}

.services_img, .services_txt {
	width: 50%;
	box-sizing: border-box;
}

.services_img img {
	height: 100%;
    width: 100%;
	object-fit: cover;
}

.services_txt {
	background-color: var(--c-background);
	padding: 60px;
}

.services_txt {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
}

.services_txt .wp-block-buttons {
	margin-top: auto;
}

.s_arrow {
	width: 100%;
}

.s_arrow a {
    font-family: var(--font-main);
	color: var(--c-accent);
    font-size: var(--size-text);
	line-height: var(--size-text);
	text-transform: uppercase;
	background: none;
    border-radius: 0;
    box-shadow: none;
    text-decoration: none;
    padding: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 40px;
	height: 100%;
	white-space: nowrap;	
}

.s_arrow a::after {
	content: "";
	height: 20px;
	width: 100%;
	background: no-repeat right url(../img/s_arrow.svg);
}

.s_arrow a:hover {
	color: var(--c-link-hover);
}

.s_arrow a:hover::after {
    background: no-repeat right url(../img/s_arrow_hover.svg);
}



/* EQUIPMENT */

.equipment {
	margin-bottom: var(--margin-bottom);
}

.equipment .topic {
	width: 50%;
	margin-left: 60px;
	margin-bottom: 60px;
}

.equipment_group {
	display: flex;
	flex-wrap: wrap;
  	height: 100%;
	width: 100%;
	box-sizing: border-box;
	border-right: 1px solid var(--c-background);
	border-top: 1px solid var(--c-background);
}

.equipment_item {
	box-sizing: border-box;
	flex-grow: 1;
	width: calc((100% - 4px) / 3);
	height: 250px;
	padding: 40px 0 30px 40px;
	border-left: 1px solid var(--c-background);
	border-bottom: 1px solid var(--c-background);
	overflow: hidden;
}

.equipment_item:nth-child(1),
.equipment_item:nth-child(2) {
	width: calc((100% - 3px) / 2);
}

.equipment_item .equipment_img {
	position: absolute;
	z-index: -100;
	height: 210px;
	width: calc(((var(--content-width) - 4px) / 3) - 40px);
	overflow: hidden;
	
}

.equipment_item:nth-child(1) .equipment_img,
.equipment_item:nth-child(2) .equipment_img {
	width: calc(((var(--content-width) - 3px) / 2) - 40px);
}

.equipment_img img {
	display: block;
	position: absolute;
	right: -25%;
	top: 5%;
}
 
.equipment_item:nth-child(1) .equipment_img img,
.equipment_item:nth-child(2) .equipment_img img {
	position: absolute;
	right: -5%;
	top: 5%; 
}

.equipment_txt {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
}

.equipment_txt h4 {
	width: 50%;
}

.equipment_item:nth-child(1) .equipment_txt h4,
.equipment_item:nth-child(2) .equipment_txt h4 {
	width: 50%;
}

.home .equipment_txt p,
.home .equipment_txt ul {
	display: none;
}

.s_arrow_b,
.equipment a {
    font-family: var(--font-main);
	color: var(--c-secondary);
    font-size: var(--size-text);
	line-height: var(--size-text);
	text-transform: uppercase;
	background: none;
    border-radius: 0;
    box-shadow: none;
    text-decoration: none;
    padding: 0;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 40px;
	white-space: nowrap;
	width: 100%;	
}

.s_arrow_b::after,
.equipment a::after {
	content: "";
	height: 20px;
	width: 25%;
	background: no-repeat right url(../img/s_arrow_b.svg);
}

.s_arrow_b:hover,
.equipment a:hover {
	color: var(--c-link-hover);
}

.s_arrow_b:hover::after,
.equipment a:hover::after {
    background: no-repeat right url(../img/s_arrow_hover.svg);
}

.id_eq {
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
	position: absolute;
}

.id_eq::after {
	display: none;
}



/* BRANDS */

.brands {
    display: flex;
    flex-wrap: wrap;
    align-content: stretch;
    justify-content: space-between;
    height: 100%;
    row-gap: 60px;
    column-gap: 80px;
	margin-bottom: var(--margin-bottom);
}

.brands figure {
    max-height: 60px;
}

.brands img {
    display: block;
    filter: grayscale(1);
    opacity: 0.4;
}

.brands img:hover {
    display: block;
    filter: grayscale(0);
    opacity: 1;
}



/* CONTACTS */

.contact_adr,
.contact_form {
	display: flex;
	height: 630px;
}

.cont_img, .cont_txt, .cont_form {
	width: 50%;
	box-sizing: border-box;
	overflow: hidden;
}

.cont_img img {
	height: 100%;
    width: 100%;
	object-fit: cover;
}

.cont_img h2 {
	position: absolute;
	z-index: 100;
	color: var(--c-accent);
	margin-top: 60px;
}

.cont_txt,
.cont_form {
	background-color: var(--c-background);
	padding: 60px;
}

.cont_txt p {
	display: block;
}

.cont_txt .topic {
	margin-bottom: 10px;
}

.cont_d_аddr {
	margin-top: 60px;
}

.cont_d_аddr,
.cont_d_phone,
.cont_d_mail,
.cont_d_www {
	margin-bottom: 40px;
	position: relative;
	margin-left: 180px;
	font-size: var(--size-h5);
    line-height: var(--lh-text);
}

.cont_d_phone {
	font-weight: 700;
}

.cont_d_аddr::before {
	content: "Address";
}

.cont_d_phone::before {
	content: "Phone";
}

.cont_d_mail::before {
	content: "E-mail";
}

.cont_d_www::before {
	content: "Website";
}

.cont_d_аddr::before,
.cont_d_phone::before,
.cont_d_mail::before,
.cont_d_www::before {
	font-family: var(--font-main);
	font-size: var(--size-text);
	color: var(--c-accent);
	text-transform: uppercase;
	position: absolute;
	left: -120px;
	}



/* FORM */

.f_width,
.f_width_height {
	width: calc( (var(--content-width) / 2) - 120px );
}

.p_width,
.wpcf7-not-valid-tip {
	width: calc( (((var(--content-width) / 2) - 120px) / 2) - 30px );
}

.f_width, .p_width, .f_width_height {
	background: transparent;
    border: none;
    border-bottom: 1px solid var(--c-title);
	height: 35px;
	box-sizing: border-box;
}

.f_width_height {
	height: 80px;
}

.cont_form div form {
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
	row-gap: 30px;
	column-gap: 60px;
	height: 100%;
}


.f_width,
.p_width,
.f_width_height {
	font-family: var(--font-main);
	color: var(--c-title);
}

.f_width::placeholder,
.p_width::placeholder,
.f_width_height::placeholder {
	padding-left: 1px;
	color: var(--c-accent);
	text-transform: uppercase;
}

.wpcf7-list-item input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.wpcf7-list-item label {
    display: flex;
    align-items: flex-start;
    width: 100%;
	color: var(--c-accent);
	font-size: calc( var(--size-text) - 1px );
	line-height: var(--lh-h5);
}

.wpcf7-list-item input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.wpcf7-list-item input[type="checkbox"] {
    border: 1px solid var(--c-title);
	min-width: 16px;
    min-height: 16px;
    width: 16px;
    height: 16px;
    outline: none;
    padding: 3px;
    box-sizing: border-box;
    margin-right: 15px;
	
}

.wpcf7-list-item input[type="checkbox"]:checked {
    background: var(--c-title);
    background-clip: content-box;
}

.wpcf7-spinner {
    display: none;
}

.wpcf7-not-valid-tip {
	padding-top: 2px;
	font-size: calc( var(--size-text) - 3px );
}

.wpcf7-submit {
	background: transparent;
	border: 2px solid var(--c-accent);
	border-radius: 35px;
	width: calc( (var(--content-width) / 2) - 120px );
	height: 60px;
	font-family: var(--font-main);
	text-transform: uppercase;
	font-size: var(--size-text);
	color: var(--c-accent);
	margin-top: 15px;
	cursor: pointer;	
}

.wpcf7-submit:hover {
	background: transparent;
	border: 2px solid var(--c-link);
	color: var(--c-link);
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border: none;
}

.wpcf7 form .wpcf7-response-output {
    margin-top: -10px;
    text-align: center;
    border: none;
	font-size: calc( var(--size-text) - 2px );
	line-height: var(--lh-h5);
	color: var(--c-title);
	width: 100%;
}



/* FOOT */

.foot {
	position: relative;
	height: 100%;
	width: 100%;
	background: no-repeat left 30% bottom url(../img/bg_ottemanu.jpg);
}

.foot::before {
	content: '';
	position: absolute;
	z-index: -100;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	background-color: var(--c-footer);
	
}

.f_logo {
	padding-top: 70px;
	margin-right: auto;
	width: 20%;
	height: auto;
}

.foot .container {
	display: flex;
	justify-content: space-between;
}

.footer_menu {
	display: flex;
	justify-content: space-between;
	padding-top: 145px;
}

.foot_menu {
	width: 33.3%;
	margin-left: 90px;
}

.foot_menu h5 {
	color: var(--c-secondary);
}

.foot_menu li {
   margin-bottom: 20px;
}

.foot_menu li a {
    color: var(--c-accent);
    text-decoration: none;
}

.foot_menu li a:hover {
    color: var(--c-secondary);
}

.f_cont {
	padding-top: 60px;
	width: 280px;
}

.f_cont_ico {
	display: flex;
	gap: 30px;
}

.h_mail {
	content: url(../img/envelope_h.svg);
	transform: scale(.8);
}

.h_mail:hover {
	content: url(../img/envelope.svg);
}

.h_telegram {
	content: url(../img/telegram_h.svg);
	transform: scale(.8);
}

.h_telegram:hover {
	content: url(../img/telegram.svg);
}

.h_whatsapp {
	content: url(../img/whatsapp_h.svg);
	transform: scale(.8);
}

.h_whatsapp:hover {
	content: url(../img/whatsapp.svg);
}

.h_phone, .h_addr {
	color: var(--c-accent);
	margin-top: 30px;
}

.h_phone {
	display: block;
	font-weight: 700;
	text-decoration: none;
}

.h_phone:hover {
	color: var(--c-secondary);
}

.h_phone, .h_addr {
    position: relative;
    margin-left: 50px;
}

.h_phone::before {
	content: url(../img/phone_h.svg);
	transform: scale(.8);
}

.h_phone:hover:before {
	content: url(../img/phone.svg);
}

.h_addr::before {
	content: url(../img/map_h.svg);
	transform: scale(.8);
}

.h_phone::before,
.h_addr::before {
	position: absolute;
	left: -50px;
	top: -3px;
}

.very_bottom {
	border-top: 1px solid var(--c-background);
	display: flex;
	justify-content: space-between;
	padding: 40px 0 50px 0;
	margin-top: 40px;
}

.very_bottom p {
	color: var(--c-accent);
}



/* O_PAGE */

.page-template-o_page_eqp,
.page-template-o_page_about,
.page-template-o_page_services_eqp,
.page-template-o_page_services_all,
.page-template-o_page_contact {

.slider {
    background: var(--c-background);
	padding-bottom: 60px;
}

.h_map {
	display: none;
}

/*
a.mega-menu-link {
	color: var(--c-link) !important;
}

a.mega-menu-link:hover {
	color: var(--c-link-hover) !important;
}

.mega-sub-menu a.mega-menu-link {
	color: var(--c-accent) !important;
}

.mega-sub-menu a.mega-menu-link:hover {
	color: var(--c-link) !important;
} 
*/

h1::before {
    content: "";
    display: block;
    width: 100px;
    height: 7px;
    background: var(--c-secondary);
    position: absolute;
    left: -160px;
    top: 35px;
}

.h_logo a {
	display: block;
	position: relative;
	width: 197px;
	height: 104px;
}

.h_logo a::before {
	content: url(../img/Otemanu_logo_c.svg);
	width: 197px;
	height: 104px;
	position: absolute;
}

.h_logo a img {
	display: none;
}

.o_page {
	display: flex;
	justify-content: space-between;
	margin-bottom: 60px;
	position: relative;
}

/*
.o_page::before {
	content: "";
	position: absolute;
	z-index: 800;
	left: 250px;
	top: 250px;
	width: 15%;  
	height: 100px;  
	background: url(../img/p_bg.svg);
}
*/

.about h2::before {
    content: "";
    display: block;
    width: calc((100vw - var(--content-width)) / 2 + 100px);
    height: 4px;
    background: var(--c-secondary);
    position: absolute;
    left: calc(((100vw - var(--content-width)) / 2 + 140px) * -1);
    top: 20px;
}

.about_tit {
    width: 100%;
}

.worth {
    border-top: 1px solid var(--c-background);
}

.worth p {
	font-weight: 700;
}

.p_cont_txt {
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
	background: none;
	padding: 0;
	margin-top: 45px;
}

.p_cont_txt .cont_d_аddr {
	margin-top: 60px;
}

.p_cont_txt .cont_d_аddr,
.p_cont_txt .cont_d_phone,
.p_cont_txt .cont_d_mail,
.p_cont_txt .cont_d_www {
	margin-bottom: 40px;
	position: relative;
	font-size: var(--size-h5);
    line-height: var(--lh-text);
	margin-left: 280px;
}

.p_cont_txt .cont_d_phone {
	font-weight: 700;
}

.p_cont_txt .cont_d_аddr::before {
	content: "Address";
}

.p_cont_txt .cont_d_phone::before {
	content: "Phone";
}

.p_cont_txt .cont_d_mail::before {
	content: "E-mail";
}

.p_cont_txt .cont_d_www::before {
	content: "Website";
}

.p_cont_txt .cont_d_аddr::before,
.p_cont_txt .cont_d_phone::before,
.p_cont_txt .cont_d_mail::before,
.p_cont_txt .cont_d_www::before {
	font-family: var(--font-main);
	font-size: var(--size-text);
	color: var(--c-secondary);
	text-transform: uppercase;
	position: absolute;
	left: -120px;
	}

}



.page-template-o_page_services_eqp,
.page-template-o_page_services_all,
.page-template-o_page_contact,
.page-template-o_page_eqp {

.o_page_tit h1 {
    color: var(--c-title);
    margin-bottom: 0;
}

.o_page_img img {
    height: 100%;
}

.topic p {
	margin-bottom: 60px;
}

.o_page_txt ul li {
    list-style: disc;
    list-style-position: outside;
    padding-top: 10px;
	padding-left: 20px;
    margin-left: 30px;
}

.equipment .s_arrow_b {
	display: none;
}

.equipment_txt p {
	width: 60%;
}

.equipment_txt ul li {
    list-style: disc;
    list-style-position: inside;
}
:ac

.equipment_item:nth-child(1) .equipment_txt p,
.equipment_item:nth-child(5) .equipment_txt p {
	width: 50%;
}

}	



.o_page_img {
	width: 30%;
	min-height: 320px;
	align-self: stretch;
	box-sizing: border-box;
	position: relative;
    overflow: hidden;
	
}

.o_page_img img {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	margin: auto;
	width: 100%;  
	min-height: 100%;
	object-fit: cover;
}

.o_page_tit {
	width: 70%;
	align-self: stretch;
	padding: 60px 20Px 30px 0;
	display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.o_page_tit h1 {
	color: var(--c-title);
	margin-bottom: 45px;
}

.o_page_tit p {
    font-size: var(--size-title);
    line-height: var(--lh-title);
    color: var(--c-text);
    font-weight: 400;
    margin-left: 160px;
}

.o_page_txt {
	margin-bottom: var(--margin-bottom);
}

.o_page_txt p {
    margin-bottom: 30px;
}



.brands_equipment {
	display: flex;
}

.brands_equipment .brands {
	width: 40%;
	justify-content: center;
	margin: 60px;
	row-gap: 80px;
	column-gap: 80px;
}

.brands_equipment .equipment {
	width: 60%;
	margin-bottom: var(--margin-bottom);
}

.brands_equipment .equipment .equipment_group {
	display: flex;
	align-items: stretch;
	height: 100%;
}

.brands_equipment .equipment .s_arrow_b {
	display: none;
}

.p_equipment_item {
    display: flex;
	width: 100%;
	border-left: 1px solid var(--c-background);
	border-bottom: 1px solid var(--c-background);
	padding: 20px;
}

.p_equipment_txt {
	display: flex;
	flex-direction: column;
	gap: 30px;
	width: 70%;
	margin-top: 20px;
	margin-left: 30px;
	font-weight: 700;
}

.p_equipment_txt p {
	font-weight: 700;
}

.p_equipment_txt ul li {
    list-style: disc;
    list-style-position: inside;	
	font-weight: 700;
}

.p_equipment_img {
	width: 30%;
	
}

.page-template-o_page_contact .o_page {
	margin-bottom: 0;
}



@media (max-width: 1380px) {


:root {
	--content-width: 1380px;
	--margin-g: 20px;
}

.slider .container,
.brands,
.foot  .container {
    margin-left: var(--margin-g);
    margin-right: var(--margin-g);
}

.h_map {
    width: calc( 100vw -  (var(--margin-g) * 2 ));
}

h1::before {
    left: -180px;
	width: calc(100px + var(--margin-g));
}

h2::before {
    left: -140px;
	width: calc(80px + var(--margin-g));
}

.page-template-o_page_services_eqp,
.page-template-o_page_services_all,
.page-template-o_page_contact,
.page-template-o_page_eqp {

	.about h2::before {
		left: -140px;
		width: calc(80px + var(--margin-g));
	}

}

.h_title div p {
    padding-right: 30%;
}

.services .topic,
.equipment .topic,
.who .topic {
    width: calc(100% - 60px - var(--margin-g));
}

.equipment_item .equipment_img {
	width: calc(((100% - 4px) / 3) - 40px);
}

.equipment_item:nth-child(1) .equipment_img,
.equipment_item:nth-child(2) .equipment_img {
	width: calc(((100% - 3px) / 2) - 40px);
}

.brands {
    column-gap: 100px;
	  justify-content: center;

}

.wpcf7-submit {
    width: calc(50vw - 120px);
}

.f_width, .f_width_height {
    width: calc(50vw - 120px);
}

.p_width, .wpcf7-not-valid-tip {
    width: calc(((50vw - 120px) / 2) - 30px);
}

.foot_menu {
    margin-left: 60px;
}

.o_page_txt {
    margin-left: 60px;
    margin-right: var(--margin-g);
}

.topic p {
    margin-left: 60px;
	margin-right: 20px;
}


}



@media (max-width: 1200px) {


:root {
	--content-width: 1200px;
	--margin-g: 20px;
}

#mega-menu-wrap-top #mega-menu-top > li.mega-menu-item {
    margin: 0 60px 0 0;
}

.worth {
	display: flex;
    flex-wrap: wrap;
    width: 100%;
    box-sizing: border-box;
	border-left: none;
}

.worth_item:nth-child(1), .worth_item:nth-child(2) {
    width: calc((100% - 3px) / 2);
	border-bottom: 1px solid var(--c-background);
	border-left: 1px solid var(--c-background);
}

.worth_item {
    box-sizing: border-box;
    flex-grow: 1;
    width: calc((100% - 4px) / 3);
    border-left: 1px solid var(--c-background);
    border-bottom: none;
	border-right: none;
	border-top: none;
    overflow: hidden;
}

.cont_d_аddr, .cont_d_phone, .cont_d_mail, .cont_d_www {
    margin-left: 120px;
}

.equipment_item {
	width: calc((100% - 3px) / 2);
}

.equipment_item:nth-child(1) {
	width: calc(100% - 2px);
}

.equipment_item:nth-child(2) {
	width: calc((100% - 3px) / 2);
}

.equipment_item .equipment_img {
	width: calc(((100% - 3px) / 2) - 40px);
}

.equipment_item:nth-child(1) .equipment_img {
	width: calc((100% - 2px) - 40px);
}

.equipment_item:nth-child(2) .equipment_img {
	width: calc(((100% - 3px) / 2) - 40px);
}

.equipment_img img {
	right: -15%;
	top: 5%;
}
 
.equipment_item:nth-child(1) .equipment_img img {
	position: absolute;
	right: 5%;
	top: 5%; 
}

.equipment_item:nth-child(2) .equipment_img img {
	right: -15%;
	top: 5%;
}

.equipment_txt h4 {
	width: 50%;
}

.equipment_item:nth-child(1) .equipment_txt h4,
.equipment_item:nth-child(2) .equipment_txt h4 {
	width: 50%;
}

.foot_menu {
    margin-left: 0;
}

.foot .container {
    flex-direction: column;

}

.f_logo {
    padding-top: 70px;
    display: flex;
	align-items: flex-end;
    width: 100%;
    height: auto;
}

.f_cont {
    padding-top: 0;
    width: 70%;
	margin-left: auto;
	display: flex;
	flex-wrap: wrap;
}

.h_mail, .h_telegram, .h_whatsapp {
	height: 100%;
}

.f_cont_ico {
    height: 100%;
}

.h_phone {
    margin-top: 3px;
	margin-left: 110px;
}

.footer_menu {
	width: 70%;
    padding-top: 60px;
	margin-left: 30%;
}

.page-template-o_page_eqp, .page-template-o_page_about, .page-template-o_page_services_eqp, .page-template-o_page_services_all, .page-template-o_page_contact {
    .o_page {
        margin-bottom: 40px;
    }
}

.page-template-o_page_contact .o_page {
	margin-bottom: 0;
}


}



@media (max-width: 1024px) {


:root {
	--content-width: 1024px;
	--margin-g: 20px;
}

#mega-menu-wrap-top #mega-menu-top > li.mega-menu-item {
	margin: 0 40px 0 0;
}

#mega-menu-wrap-top #mega-menu-top > li.mega-menu-flyout ul.mega-sub-menu {
    width: 200px;
}

.about_img {
    width: 30%;
}

.about_tit {
    width: 70%;
}

.services_img {
    width: 30%;
}

.services_txt {
    width: 70%;
}

.services_item {
    border-bottom: 1px solid var(--c-accent);
}

.services_item:nth-child(odd) {
    flex-direction: row;
}

.cont_d_аddr, .cont_d_phone, .cont_d_mail, .cont_d_www {
    margin-bottom: 30px;
}

.cont_d_аddr {
    margin-top: 40px;
}

.cont_txt, .cont_form {
    padding: 50px;
}

.cont_form div form {
    column-gap: 40px;
}

.wpcf7-submit {
	width: calc(50vw - 100px);
}

.f_width, .f_width_height {
	width: calc(50vw - 100px);
}

.p_width, .wpcf7-not-valid-tip {
	width: calc(((50vw - 100px) / 2) - 20px);
}

.footer_menu {
	width: 100%;
	padding-top: 60px;
	margin-left: 0;
}

.page-template-o_page_eqp, .page-template-o_page_about, .page-template-o_page_services_eqp, .page-template-o_page_services_all, .page-template-o_page_contact {
    h1::before {
        width: 60px;
        left: -120px;
    }
}

h1 {
    margin-left: 120px;
}

.o_page_tit p {
    margin-left: 120px;
}

.equipment_txt h4 {
	width: 60%;
}

.page-template-o_page_eqp, .page-template-o_page_about, .page-template-o_page_services_eqp, .page-template-o_page_services_all, .page-template-o_page_contact {
    .p_cont_txt .cont_d_аddr, .p_cont_txt .cont_d_phone, .p_cont_txt .cont_d_mail, .p_cont_txt .cont_d_www {
        margin-left: 240px;
    }
}


}



@media (max-width: 992px) {


:root {
	--content-width: 992px;
	--margin-g: 60px;
}

#mega-menu-wrap-top #mega-menu-top > li.mega-menu-flyout ul.mega-sub-menu {
	width: 100%;
}


#mega-menu-wrap-top .mega-menu-toggle + #mega-menu-top {
	margin-top: 20px;
}

#mega-menu-wrap-top #mega-menu-top > li.mega-menu-item {
	margin: 0;
}

.mega-sub-menu {
    padding-top: 0 !important;
    padding-bottom: 60px !important;
    background-color: var(--c-title) !important;
}

#mega-menu-wrap-top #mega-menu-top > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
	background: var(--c-title) !important;
    color: white;
    font-family: inherit;
    font-size: 14px;
    font-weight: bold;
    padding: 20px 60px !important;
    line-height: 60px;
    text-decoration: none;
    text-transform: none;
    vertical-align: baseline;
}

h1::before {
	left: -220px;
	width: calc(100px + var(--margin-g));
}

h2::before {
	left: -180px;
	width: calc(80px + var(--margin-g));
}

.page-template-o_page_services_eqp, .page-template-o_page_services_all, .page-template-o_page_contact, .page-template-o_page_eqp {
	.about h2::before {
		left: -180px;
		width: calc(80px + var(--margin-g));
	}
}

.h_title {
    padding-top: 80px;
}

.h_title div p {
	padding-right: 0;
}

.h_map {
	display: none;
}

.worth {
	display: flex;
	flex-direction: column;
	border-bottom: none;
}

.worth_item, .worth_item:nth-child(1), .worth_item:nth-child(2) {
	width: 100%;
	border-bottom: 1px solid var(--c-background);
	padding-left: 60px;
}

.worth_item img {
    margin-bottom: 20px;
	position: absolute;
}

.worth_item h5 {
    position: relative;
	left: 88px;
	width: calc(100% - 88px);
}

.worth_item p {
    position: relative;
	left: 88px;
	width: calc(100% - 88px);
}

.about_img {
	display: none;
}

.about_tit,
.services_txt {
	width: 100%;
}

.services_item,
.services_item:nth-child(odd) {
    display: flex;
	flex-direction: column;
}

.services_item {
	height: auto;
}

.services_img {
	width: 100%;
	height: 250px;
}

.s_arrow {
	margin-top: 40px !important;
}

.s_arrow a {
    justify-content: flex-start;
}

.s_arrow a::after {
    width: 25%;
}

.equipment_item,
.equipment_item:nth-child(1),
.equipment_item:nth-child(2) {
	width: 100%;
	padding-left: 60px;
}

.equipment_item .equipment_img,
.equipment_item:nth-child(1) .equipment_img,
.equipment_item:nth-child(2) .equipment_img {
	width: calc((100% - 2px) - 60px);
}

.equipment_item .equipment_img img,
.equipment_item:nth-child(1) .equipment_img img,
.equipment_item:nth-child(2) .equipment_img img {
	position: absolute;
	right: 5%;
	top: 5%;
}

.contact_adr, .contact_form {
    display: flex;
	flex-direction: column;
	height: auto;
}

.contact_form {
	flex-direction: column-reverse;
}

.cont_img {
	height: 400px;
}

.cont_img, .cont_txt, .cont_form {
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
}

.cont_txt {
	height: 100%;
}

.cont_d_аddr, .cont_d_phone, .cont_d_mail, .cont_d_www {
	margin-left: 180px;
}

.cont_txt, .cont_form {
	padding-left: 100px;
	padding-right: 100px;
}

.cont_form div form {
    row-gap: 40px;
}

.wpcf7-submit {
	width: calc(100vw - 200px);
}

.f_width, .f_width_height {
	width: calc(100vw - 200px);
}

.p_width, .wpcf7-not-valid-tip {
	width: calc(((100vw - 200px) / 2) - 20px);
}

.f_logo {
	flex-direction: column;
	align-items: flex-start;
}

.f_cont {
	padding-top: 60px;
	width: 100%;
}

.page-template-o_page_eqp, .page-template-o_page_about, .page-template-o_page_services_eqp, .page-template-o_page_services_all, .page-template-o_page_contact {
    .o_page {
		flex-direction: column;
    }
}

.o_page_img {
	width: 100%;
	height: 500px;
}

.o_page_tit {
    width: 100%;
}

.page-template-o_page_eqp, .page-template-o_page_about, .page-template-o_page_services_eqp, .page-template-o_page_services_all, .page-template-o_page_contact {
	.o_page {
		margin-bottom: 0;
	}
}

.page-template-o_page_eqp, .page-template-o_page_about, .page-template-o_page_services_eqp, .page-template-o_page_services_all, .page-template-o_page_contact {
    h1::before {
        content: "";
        display: block;
        width: 100px;
        height: 7px;
        background: var(--c-secondary);
        position: absolute;
        left: -160px;
        top: 35px;
    }
}

h1 {
    margin-left: 160px;
}

.o_page_tit p {
    margin-left: 160px;
}

.who_g {
	flex-wrap: wrap;
}

.who_item {
    width: calc((100vw - 3px) / 2);
}

.who_item:nth-child(1),
.who_item:nth-child(3) {
    border-left: none;
}

.who_item:nth-child(1),
.who_item:nth-child(2) {
    border-bottom: 1px solid var(--c-background);
}

.brands_equipment {
	flex-direction: column;
}

.brands_equipment .equipment {
    width: 100%;
}

.brands_equipment .brands {
    width: 100%;
    margin: 0;
    margin-bottom: var(--margin-bottom);
}

.page-template-o_page_eqp, .page-template-o_page_about, .page-template-o_page_services_eqp, .page-template-o_page_services_all, .page-template-o_page_contact {
	.p_cont_txt .cont_d_аddr, .p_cont_txt .cont_d_phone, .p_cont_txt .cont_d_mail, .p_cont_txt .cont_d_www {
		margin-left: 280px;
	}
}


}



@media (max-width: 768px) {


:root {
	--content-width: 768px;
	--margin-g: 20px;
	--margin-bottom: 60px;
}

.h_title h1 {
    margin-left: 0;
	font-size: calc(var(--size-h1) - 100%);
	color: var(--c-secondary);
	position: static;
}

h1::before {
	display: none;
}

.h_button {
    width: 100%;
}

.h_arrow {
    margin-left: 40px !important;
	margin-right: 40px !important;
	margin-top: 60px !important;
	width: calc(100% - 80px);
}

.h_arrow a {
	white-space: nowrap;
}
.h_arrow a::after {
    width: 100%;
}

.worth_item, .worth_item:nth-child(1), .worth_item:nth-child(2) {
	padding-left: 20px;
}

.about_tit p, .about_tit a {
    margin-left: 20px;
}

.about_tit {
    padding-right: 20px;
}

h2 {
    margin-left: 60px;
	font-size: calc(var(--size-h2) - 70%);
}

.contact_adr h2::before, .about h2::before {
    left: -130px;
    top: 15px;
}

h2::before {
	left: -130px;
	width: calc(80px + var(--margin-g));
	top: 15px;
}

.services .topic, .equipment .topic {
	width: calc(100% - (var(--margin-g) * 2));
}

	.equipment .topic,
.services .topic {
	margin-left: 20px;
}

.services_txt {	
    padding-left: 20px;
}

.equipment_item, .equipment_item:nth-child(1), .equipment_item:nth-child(2) {
	padding-left: 20px;
}

.equipment_item .equipment_img, .equipment_item:nth-child(1) .equipment_img, .equipment_item:nth-child(2) .equipment_img {
	width: calc((100% - 2px) - 20px);
}

.equipment_item .equipment_img img, .equipment_item:nth-child(1) .equipment_img img, .equipment_item:nth-child(2) .equipment_img img {
	position: absolute;
	right: -100px;
	top: 5%;
}

.cont_txt, .cont_form {
	padding-left: 20px;
	padding-right: 20px;
}

.cont_d_аddr, .cont_d_phone, .cont_d_mail, .cont_d_www {
	margin-left: 120px;
}

.wpcf7-submit {
	width: calc(100vw - 40px);
}

.f_width, .f_width_height {
	width: calc(100vw - 40px);
}

.p_width, .wpcf7-not-valid-tip {
	width: calc(((100vw - 40px) / 2) - 20px);
}

.f_logo {
	flex-direction: column;
	align-items: flex-start;
}

.f_cont {
	padding-top: 60px;
	width: 100%;
	flex-direction: column;
}

.h_phone {
	margin-top: 3px;
	margin-left: 50px;
}

.h_phone, .h_addr {
    margin-top: 50px;
}

.footer_menu {
	display: none;
}

.who_item {
    width: 100vw;
}

.who_item:nth-child(1),
.who_item:nth-child(2),
.who_item:nth-child(3),
.who_item:nth-child(4) {
    border-left: none;
}

.who_item:nth-child(1),
.who_item:nth-child(2),
.who_item:nth-child(3) {
    border-bottom: 1px solid var(--c-background);
}

.o_page_tit h1 {
    font-size: calc(var(--size-h1) - 100%);
}

.page-template-o_page_eqp, .page-template-o_page_about, .page-template-o_page_services_eqp, .page-template-o_page_services_all, .page-template-o_page_contact {
        h1::before {
            top: 23px;
        }
}

.page-template-o_page_services_eqp, .page-template-o_page_services_all, .page-template-o_page_contact, .page-template-o_page_eqp {
	.about h2::before {
		left: -130px;
		width: calc(80px + var(--margin-g));
	}
}


}



@media (max-width: 576px) {


:root {

	--content-width: 576px;
	--margin-g: 20px;
	--margin-bottom: 60px;

	--size-h1: 30px;
	--size-h2: 28px;
	--size-h3: 24px;
	--size-h4: 20px;
	--size-h5: 18px;
	--size-title: 18px;
	--size-text: 16px;

}

h1, .h_title h1, .o_page_tit h1 {
	font-size: var(--size-h1);
}

h2 {
	font-size: var(--size-h2);
}

h3 {
	font-size: var(--size-h3);
}

h4 {
	font-size: var(--size-h4);
}

h5 {
	font-size: var(--size-h5);
}


.equipment_item .equipment_img img, .equipment_item:nth-child(1) .equipment_img img, .equipment_item:nth-child(2) .equipment_img img {
	right: -150px;
	mas
}

.page-template-o_page_eqp, .page-template-o_page_about, .page-template-o_page_services_eqp, .page-template-o_page_services_all, .page-template-o_page_contact {
	h1::before {
		left: -130px;
		width: calc(80px + var(--margin-g));
		top: 12px;
		height: 4px;
	}
}

.contact_adr h2::before, .about h2::before {
	left: -130px;
	top: 11px;
}

h2::before {
	left: -130px;
	width: calc(80px + var(--margin-g));
	top: 11px;
}

.who_item h5::before {
    top: 6px;
}

.page-template-o_page_eqp, .page-template-o_page_about, .page-template-o_page_services_eqp, .page-template-o_page_services_all, .page-template-o_page_contact {
    .about h2::before {
        top: 12px;
    }
}


.o_page_tit h1 {
    margin-left: 60px;
}

.o_page_tit p {
	margin-left: 60px;
}

.page-template-o_page_eqp, .page-template-o_page_about, .page-template-o_page_services_eqp, .page-template-o_page_services_all, .page-template-o_page_contact {
	.p_cont_txt .cont_d_аddr, .p_cont_txt .cont_d_phone, .p_cont_txt .cont_d_mail, .p_cont_txt .cont_d_www {
		margin-left: 180px;
	}
}

.topic p {
	margin-left: 0;
}


}