/*
Theme Name: Nova
Description: -
Author: rsa
Author URI: -
Theme URI: -
Version: 1.3
Tags: light, white, one-column
License: -
License URI: -
*/

/* http://meyerweb.com/eric/tools/css/reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

:root {
--purple:#3F174E;
--orange:#E47F1A;
--c1: 8.333%;
--c2: 16.666%;
--c3: 25%;
--c4: 33.333%;
--c5: 41.666%;
--c6: 50%;
--c7: 58.333%;
--c8: 66.666%;
--c9: 75%;
--c10: 83.333%;
--c11: 91.666%;
--c12: 100%;
} 

body{background: white; overflow-x: hidden; min-width: 1060px; position: relative; left: 0; font-size: 16px; line-height: 120%; width: 100%; margin-bottom: -6px;}
* {font-family: 'Noto Sans', sans-serif; box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transition: ease all .2s; font-smooth: always; text-rendering: optimizeLegibility; text-shadow:1px 1px 1px rgba(0,0,0,0.004) !important;}
*:hover{transition: ease all .2s;}
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track {background-color:gray; }
::-webkit-scrollbar-thumb {background-color:  #ccc; border-radius: 4px; }

h1,h2,h3,h4,h5,h6{line-height: initial;}


.btn{padding: 16px 40px;  border-radius: 32px; font-size: 16px;font-style: normal; font-weight: 500; line-height: normal; text-transform: uppercase; width: initial; cursor: pointer; text-decoration: none; display: inline-block; user-select: none;}
.btn:hover{transform: scale(1.1);}
.btn:active{transform: scale(1.06);}
.btn.orange{background: var(--orange);}
.btn.purple{background: var(--purple); color: white;}

.swiper-button-prev:hover,
.swiper-button-next:hover{transform: scale(1.1);}
.swiper-button-prev:active,
.swiper-button-next:active{transform: scale(1.06);}

header{width: var(--c12); height: 720px; display: flex; position: relative; margin-bottom: 64px;}

header .btn.menu{border-radius: 0 35px 35px 0;position: absolute; left: 0; top: 60px; padding-left: 80px; background: url(img/icon-menu.svg) center no-repeat var(--orange); background-position: 60px center; height:64px; z-index: 1000}
header .btn.request{border-radius: 40px 0 0 40px; position: absolute; right: 0; top: 60px; display: flex; align-items: center; padding-right: 10px; z-index: 1000}
header .btn.request a{ color:white; text-decoration: none; display: inline-block; padding-right: 10px;}
header .btn.request img{ margin-bottom:-6px; padding-right: 10px }
header .btn.request:hover{transform: scale(1);}
header .btn.request .feedback {border-radius: 20px; color: black; padding: 6px 20px; margin: 0 10px;}
header .btn.request .feedback p{ line-height: 14px; font-size:15px; margin: 0; padding: 0; text-align: center;}
header .btn.request .feedback span{ font-size:12px; line-height:10px; font-weight:300;  display:block; margin-top:3px; }

header .col1 { background: var(--purple); width: var(--c5); display: flex; flex-direction: column; color: white; border-radius: 0 0 60px 0; margin-right: 5px; align-items: center; justify-content: center; position: relative;}
header .col1 > p{ text-transform:uppercase; font-weight: 300; padding-top: 24px; font-size: 14px;}
header .col1 .mouse{ height:25px; width: var(--c12); background: url(img/icon-mouse.svg) center center no-repeat; background-size: contain; margin-top: 30px;}
header .col2 { width: var(--c7); display: block;border-radius: 0 0 0 60px; margin-left: 5px;}
header .col2 video{border-radius: 0 0 0 60px; height: 100%; width: 100%; object-fit: cover; opacity: .7}

.index-main-slider {position: relative; width: 100%}
.index-main-slider .swiper-slide{ padding:20px 40px; text-align:center; } 
.index-main-slider .swiper-slide.swiper-slide-active{}
.index-main-slider .swiper-slide h2{font-size: 36px;text-align: right; width: var(--c12); padding: 30px 0 30px 0; line-height: 100%; text-align: center;}
.index-main-slider .swiper-slide p{padding-bottom: 0px; font-weight: 300;}
.index-main-slider .swiper-button-prev,
.index-main-slider .swiper-button-next{background-size:auto 25px ; width: 64px; height: 64px; position: absolute; right: 64px; background-repeat: no-repeat; bottom: 64px; top: 50%;background-image: url(img/icon-arrow-2.svg); background-position: center;}
.index-main-slider .swiper-button-prev{left: 0; transform: rotate(180deg);}
.index-main-slider .swiper-button-next{right: 0;}
.index-main-slider .swiper-button-prev:hover{transform: rotate(180deg);background-image: url(img/icon-arrow-1.svg);}
.index-main-slider .swiper-button-next:hover{transform: scale(1); background-image: url(img/icon-arrow-1.svg);}
.index-main-slider .swiper-pagination{ top: 20px; bottom: initial }
.index-main-slider .swiper-pagination .swiper-pagination-bullet{ background: white; opacity:1;  width: 4px; height: 4px;}
.index-main-slider .swiper-pagination .swiper-pagination-bullet-active{ background: var(--orange); }


footer{margin-top: 64px; height: 720px; display: flex; align-items: stretch;}
footer .map{width: var(--c5); margin-right: 5px; border-radius: 0 60px 0 0; overflow: hidden;}
footer .map iframe{ width:100%; height:720px;  border-radius: 0 60px 0 0;}
footer .footer-inner{ width: var(--c7); margin-left: 5px; background: var(--purple); border-radius:60px 0 0 0; display: flex; flex-wrap: wrap; align-items:stretch; }
footer .footer-inner .col:first-child{text-align: center;}
footer .footer-inner .col:first-child img{ padding-bottom: 20px; width:100%; height:120px; object-fit:contain; }
footer .footer-inner .col .wpcf7{ padding-left:0; position: relative;}
footer .footer-inner .col .wpcf7 .wpcf7-spinner{ left: -11px; bottom: 23px; top: initial; }
footer .footer-inner .col{width: 50%; padding:30px 20px; }
footer .footer-inner .row{width: 100%;  height: 20px; margin-bottom: -30px}
footer .footer-inner .row p{text-align: center; color: white; font-size: 13px; font-weight: 200;}
footer .footer-inner .row a{color: white; }

footer .menu a{color: white;  text-transform:uppercase; text-decoration: none;}
footer .menu ul{padding: 0}
footer .menu li{ padding-bottom:15px; }
footer .menu a:hover{  color: var(--orange); }
footer .menu .children{padding: 0}
footer .menu .children a {color: var(--orange); display: block; font-size: 15px; font-weight: 300; text-transform: none;}
footer .menu .children li{padding-bottom: 4px;}
footer .menu .children a:hover{ color: white;}
footer .menu .page-item-2,
footer .menu .page-item-3{ display:none }

nav{display: flex; position: fixed;  background: var(--orange); width: 520px;top: 0; bottom: 0; left: -520px; z-index: 1001; align-items: center; padding: 64px; box-shadow: 0}
nav.active{left: 0; box-shadow: black 0 0 128px;}

body.menu-active{left: 520px; position:fixed;}
.close-field{position: fixed; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; pointer-events: none; background: var(--purple); z-index: 10000}
body.menu-active .close-field{opacity: .6; pointer-events: all;left: 520px;}

nav .menu a{color: var(--purple); font-size: 20px; text-decoration: none;text-transform: uppercase; font-weight: 700;}
nav .menu a:hover{transform: scale(1.05); color: white}
nav .menu .children{padding: 8px 0}
nav .menu .children a{ text-transform: none; font-weight: 400; font-size: 16px;}
nav .menu li{ padding-bottom: 8px; }
nav .menu li:last-child{ padding-bottom:10px;}
nav .menu li:last-child a{padding-top: 10px;}

nav .close-btn{background: url(img/icon-close.svg); background-size: 99%; width: 64px; height: 64px;
background-repeat: no-repeat; position: absolute; right: 64px; top: 64px; cursor: pointer; opacity: .6}
nav .close-btn:hover{transform: scale(1.1);opacity: 1}
nav .close-btn:active{transform: scale(1.06);}
nav .menu .page-item-3{ display:none }

aside{display: none;}

.page-header{}
.single-post .page-header h2{text-shadow: 0 0 24px var(--purple) !important; width: 100%;}
.page-header h2{font-size: 48px; width: var(--c8); padding:0 var(--c1); font-weight: 900; line-height: 120%}

content{}
content > div{width: var(--c10); margin: 0 auto;}

section{width: var(--c12);}
section.quality{ border-radius:60px; background-size: cover; width: calc(100% - 20px); margin: 10px; padding: 64px;}
section.quality div{border-radius: 60px; padding: 62px; background-color:var(--purple); color:white; width: var(--c4); min-width: 480px;}
section.quality div h3{font-weight: 700; font-size:26px; }
section.quality div p{font-size: 14px; font-weight: 300;}

section.technics{ width:100%; padding: 40px 0;}
section.technics > div{ display: flex; flex-direction: row; align-items:center; justify-content:flex-start; width:100% }
section.technics > div > div{width: var(--c4);}
section.technics > div h3{ font-weight: 500; font-size: 26px; }
section.technics > div img{border-radius: 0 60px 60px 0; margin-right: 60px; height: 320px; width: var(--c5); object-fit: cover;}
section.technics > div:nth-child(2n){flex-direction: row-reverse; text-align: right;}
section.technics > div:nth-child(2n) img{border-radius: 60px 0 0 60px; margin-left: 60px; margin-right: 0}

section.slider{position: relative; height: 520px;}
section.slider img{height: 480px; width: 100%; object-fit: cover;}
section.slider .swiper-button-prev,
section.slider .swiper-button-next{background-size:auto 25px ; width: 64px; height: 64px; position: absolute; right: 64px; background-repeat: no-repeat; bottom: 64px; top: 50%;background-image: url(img/icon-arrow-2.svg); background-position: center;}
section.slider .swiper-button-prev{left: 0; transform: rotate(180deg);}
section.slider .swiper-button-next{right: 0;}
section.slider .swiper-button-prev:hover{transform: rotate(180deg);background-image: url(img/icon-arrow-3.svg);}
section.slider .swiper-button-next:hover{transform: scale(1); background-image: url(img/icon-arrow-3.svg);}

section.index-slider blockquote{     margin: 64px 0 0 40%; padding-right: 164px; left:0; border-radius: 64px 0 0 64px; position: relative; width: var(--c8); }
section.index-slider blockquote a{ display: block; position:absolute; left: -100px; top:50%; margin-top: -20px; background: var(--orange); border-radius: 20px; padding:6px 12px;  color: black; text-decoration: none; font-size: 14px;}
section.index-slider blockquote a:hover{transform: scale(1.05);}
section.index-slider .product-slider { position:relative; padding: 60px 0; width: var(--c10); }
section.index-slider .product-slider img{ width: 100%; max-width: 100%; height: auto; object-fit: contain; filter: grayscale(1); opacity: .6 }
section.index-slider .product-slider img:hover{filter: grayscale(0); opacity: 1}
section.index-slider .product-slider h4{ text-transform:uppercase; font-weight: 600; font-size:16px; text-align:center; position: relative;z-index: 10} 
section.index-slider .product-slider .swiper-button-prev,
section.index-slider .product-slider .swiper-button-next{background-size:auto 25px ; width: 64px; height: 64px; position: absolute; right: 64px; background-repeat: no-repeat; bottom: 64px; top: 50%;background-image: url(img/icon-arrow-3.svg); background-position: center;}
section.index-slider .product-slider .swiper-button-prev{left: 0; transform: rotate(180deg);}
section.index-slider .product-slider .swiper-button-next{right: 0;}
section.index-slider .product-slider .swiper-button-prev:hover{transform: rotate(180deg);background-image: url(img/icon-arrow-2.svg);}
section.index-slider .product-slider .swiper-button-next:hover{transform: scale(1); background-image: url(img/icon-arrow-2.svg);}
section.index-slider .product-slider-pag .swiper-pagination-bullet{ background: gray; opacity:.6;  width: 4px; height: 4px;}
section.index-slider .product-slider-pag .swiper-pagination-bullet-active{ background: var(--orange); }
section.index-slider .product-slider-pag{ margin: 0 40% 0 0; border-radius: 0 64px 64px 0; position: relative; width: var(--c6); background: #eee; padding:40px 60px; text-align: right}

.production-block{display: flex; flex-wrap:wrap; justify-content:center; padding-bottom:40px; }
.product-item{ width:25%; padding:10px;  }
.production-block.row3 .product-item{width: 33%}
.product-item img{ width:100%; object-fit: contain; filter: grayscale(1); opacity: .6; }
.product-item img:hover{opacity: 1; filter: grayscale(0); transform: scale(1.05);}
.product-item h4{text-transform:uppercase; font-weight: 900; font-size:16px; text-align:center; min-eight: 40px; line-height:100%; position:relative; z-index:10 }
.production-block .product-item p{ text-align:center; font-size:14px; line-height: 100%}

.logo-block {display: flex; flex-wrap: wrap; align-items: center; justify-content: center; padding: 60px 0; }
.logo-block img{max-width: 25%; max-height: 80px; filter: grayscale(100%); opacity: .6; object-fit: contain; padding: 20px;}
.logo-block img:hover{ filter: grayscale(0); opacity:1; transform:scale(1.05); }


#send-request-block{display: none; border-radius: 48px; padding: 72px}
#send-request-block .fancybox-button[data-fancybox-close]{ content:''; width:64px; height: 64px; background: url(img/icon-close.svg); background-size: 98%; background-repeat: no-repeat; opacity: .6; top: 16px; right: 16px;}
#send-request-block .fancybox-button[data-fancybox-close]:hover{transform: scale(1.1);opacity: 1}
#send-request-block .fancybox-button[data-fancybox-close]:active{transform: scale(1.06);}
#send-request-block .wpcf7{padding-left: 0}

.wpcf7 input,
.wpcf7 textarea{font-family: 'Noto Sans', sans-serif; border-radius: 24px; border: 1px solid var(--orange);padding:12px; margin-bottom: 12px;font-size: 16px; text-align: center; background: transparent;}
.wpcf7 input::placeholder,
.wpcf7 textarea::placeholder{color: gray}
.wpcf7 textarea{resize: vertical; width: 300px;}
.wpcf7 input[type="submit"]{ width: 300px; cursor: pointer; background: var(--orange); border-color: var(--orange); color: black; text-transform:uppercase; }
.wpcf7 input[type="submit"]:hover{transform: scale(1.1);}
.wpcf7 input[type="submit"]:active{transform: scale(1.06);}
.wpcf7 input[type="email"],
.wpcf7 input[type="text"]{ width: 300px }
.wpcf7-spinner{ position:absolute; bottom: 20px; left:40px; top:initial; }
.wpcf7-response-output{max-width: 300px; border: 0 !important; color: gray; text-align: center; margin: 0 !important;}

.content-form { display: flex; width: var(--c8); margin: 60px auto; justify-content: space-between; align-items: center;}
.content-form h3{ font-weight: 900; font-size: 26px; text-transform:uppercase; width: 70% }
.post.category-news h3{ padding:12px 0; }
.post.category-news span{display: block; padding-bottom: 12px;}
.page p{padding-top: 20px; line-height: 140%; }
.page blockquote{width: var(--c6); margin:64px auto 0 40%; display: block; font-size: 20px; line-height: 140%; border: 0; background: #eee; padding:20px 60px; border-radius: 60px;}
.page strong,
.page b{display: inline-block; padding: 12px 0; font-size: 18px;}
.page h5{font-weight: 300; font-size: 24px;}
.page h6{font-weight: 900; font-size: 36px;}
.page ul{padding: 40px 0;}
.page .contact-form-block{display: flex; padding-top: 32px; align-items: center; width: var(--c8); margin:64px auto 0 auto;}
.page .contact-form-block{font-size: 20px; line-height: 140%}
.page .wpcf7{margin: 0 auto; width: 300px; display: block; padding-left: 24px;}
.page .page-head{ display: flex; justify-content:space-between; padding-bottom:64px; align-items: center;}
.page .page-head h2{ width: var(--c6); font-size: 42px; font-weight: 600; padding-right: 32px; text-align:right; }
.page .page-head p{width: var(--c6);}
.hentry p{text-align: justify;}
.hentry ul,
.hentry ol{padding: 20px;}
.hentry ol li{list-style: square; padding: 4px;}
.hentry ul li{list-style: circle; padding: 4px;}

@media screen and (max-width: 1059px){ 
body{min-width: 760px;}
.page-header h2{ width:100% }
.page .row2>div,
.page .row3>div{ width:100%; border: 0; margin:0; padding: 0;}
content { padding: 64px 36px;}
.page .page-head p,
.page .page-head h2{width: 100%; text-align: left;}
.page .page-head h2{ padding-bottom:24px; }
.page .page-head {flex-direction: column;}
.page .contact-form-block{ flex-direction: column; }
.page .wpcf7{ padding-top: 64px; }

footer{flex-direction: column-reverse; padding: 48px;}
footer .menu .sub-menu li{}
footer > div:first-child img{height: 100px; object-position:left center; margin: 48px;}
footer>div{width: 100% !important}
header .btn.request,
header .btn.menu{ bottom: 32px; }
header .switcher-dropdown{top: 150px; left: 160px;}
header .contact-data{top: 150px; right: 180px; display: flex; flex-direction: column; align-items: flex-end;}
header .contact-data a{margin:0 10px}
header .btn.request{padding:16px 24px;}
header .logo-index, header .logo{ width:80%; height: 100px; object-position:center center; left:10%; right:10%; top:48px;}
.index-services-list 48>a{ width:48% }
.index-map-block .map-info{ position:relative; width:100%; background-color: #ededed; top:-5px; border-radius:0; justify-content:space-around; }
nav .menu-header-container li{font-size:24px}
}