@charset "utf-8";
html,body{height:100%;margin:0;padding:0;}
body{background-color:#fff;font-family:'Lato', sans-serif;font-weight:300;padding-top:64px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-rendering: optimizeLegibility;}

@font-face {
  font-family: 'Lato';
  src: url('../fonts/Lato-Light.woff2') format('woff2'),
       url('../fonts/Lato-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Lato';
  src: url('../fonts/Lato-Medium.woff2') format('woff2'),
       url('../fonts/Lato-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Lato';
  src: url('../fonts/Lato-Semibold.woff2') format('woff2'),
       url('../fonts/Lato-Semibold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Lato';
  src: url('../fonts/Lato-Bold.woff2') format('woff2'),
       url('../fonts/Lato-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Lato';
  src: url('../fonts/Lato-Black.woff2') format('woff2'),
       url('../fonts/Lato-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

body{overflow-y:scroll;}
body::-webkit-scrollbar{width:8px;}
body::-webkit-scrollbar-track{background:#eee;box-shadow:0 0 2px rgba(0, 0, 0, .2) inset;}
body::-webkit-scrollbar-thumb{background:#A6A6A6;}

p{padding:0;margin:0;}
input, textarea{border:none;outline:none;}

a:link,a:visited,a:active{text-decoration:none;}
:active,:hover,:focus{outline:0;outline-offset:0;}

*,:after,:before{box-sizing:border-box;}

.m_w{max-width:1290px;width:calc(100% - 20px);margin:0 auto;}
.m_w2{max-width:1395px;}

.n_b{color:#323131;font-size:24px;font-weight:500;text-transform:uppercase;text-align:center;margin:123px 0 86px;}
.mrg_0{margin-top:0;}

@media (max-width: 770px){
	.n_b{font-size:20px;margin:98px 0 45px;}
}

/*header*/
header{width:100%;background-color:#fff;padding:7px 0 16px;position:fixed;z-index:1;top:0;left:0;transition:245ms ease-out;}
header.show{box-shadow:0 2px 6px 0 #ccc3c3;padding:7px 0 16px;z-index:4;}
header.active{z-index:4;}
header .m_w{display:grid;align-items:flex-end;justify-content:space-between;position:relative;}

/*logo*/
.logo{display:block;width:120px;height:63px;background-image:url(../img/header/logo.webp);background-size:100%;}

/*nav*/
.nav > a{color:#323131;font-size:16px;font-weight:500;text-transform:uppercase;padding:8px 0;margin-left:30px;position:relative;}
.nav > a::after{content:'';display:block;width:0;height:1px;background-color:#8bc676;position:absolute;bottom:0;left:0;transition:.2s;}
.nav > a:first-child{margin-left:0;}
.nav > a:hover::after{width:100%;}

/*call*/
.langs_call{display:flex;align-items:center;}
.call{color:#737373;font-size:16px;font-weight:900;margin-right:15px;}

/*langs*/
.langs{width:48px;height:21px;background-position:center left;background-repeat:no-repeat;background-size:28px;position:relative;z-index:1;filter:grayscale(100%);cursor:pointer;}
.langs:after{content:'';display:block;width:20px;height:18px;background-image:url(../img/icons/str_b.svg);background-size:100%;position:absolute;top:0;bottom:0;right:0;margin:auto 0;}

.langs.uk, .langs_list a.uk{background-image:url(../img/icons/langs/uk.svg);}
.langs.en, .langs_list a.en{background-image:url(../img/icons/langs/en.svg);}
.langs.ru, .langs_list a.ru{background-image:url(../img/icons/langs/ru.svg);}

.langs_list{background-color:#fff;box-shadow:0 0 16px 0 #2929291F, 0 16px 16px 0 #29292914;border-radius:3px;opacity:0;visibility:hidden;transform:translateY(22px);position:absolute;top:calc(100% + 10px);right:0;cursor:auto;transition:.3s;user-select:none;}
.langs.active .langs_list{opacity:1;visibility:visible;transform:translateY(0);}

.langs_list a{display:block;color:#000;font-size:16px;font-weight:500;text-transform:uppercase;background-position:center left 15px;background-repeat:no-repeat;background-size:22px;padding:7px 16px 7px 47px;transition:.3s;}
.langs_list a:hover{background-color:#eee;}

/*search*/
.search{width:175px;border-bottom:2px solid #323131;margin-top:16px;margin-left:auto;padding:0 8px;position:relative;}
.search form{display:flex;}
.search input[type=submit]{width:26px;height:26px;background:url(../img/icons/search_btn.svg);background-size:100%;cursor:pointer;}
.search input[type=text]{width:calc(100% - 26px);height:30px;color:#000;font-size:18px;font-weight:600;text-align:right;padding:0 22px 0 10px;}

.search_calcel{display:none;width:36px;height:100%;background:url(/tmp/img/icons/cancel.svg) center no-repeat;position:absolute;top:0;bottom:0;right:0;cursor:pointer;}
.search_calcel.active{display:block;}

/*burder*/
.burger{display:none;width:45px;height:45px;background:url(../img/header/burger.svg) center no-repeat;background-size:contain;transition:.2s;}
.burger.active{background-image:url(../img/header/close.svg);}
.burger:hover{opacity:.7;cursor:pointer;}

/*grid*/
header .m_w{display:grid;grid-template-areas:'logo langs_call langs_call' 'logo nav search';grid-template-columns:auto auto auto;grid-template-rows:auto auto;align-items:end;justify-content:space-between;}

.logo{grid-area:logo;}
.nav{grid-area:nav;justify-self:center;}
.search{grid-area:search;}
.langs_call{grid-area:langs_call;justify-self:end;}
.burger{grid-area:burger;}

@media (max-width: 1330px){
	header{z-index:2;}
	header .m_w{grid-template-areas:'logo search burger';grid-template-columns:1fr auto auto;align-items:end;grid-column-gap:12px;}
	
	.nav{grid-area:unset;max-width:500px;background:linear-gradient(to right, #fcfffb, #d7e4d2);box-shadow:0 2px 6px 0 #a09b9b;padding:20px 8px;opacity:0;visibility:hidden;transform:translateY(22px);position:absolute;z-index:3;top:100%;right:0;transition:.3s;}
	.nav.active{opacity:1;visibility:visible;transform:translateY(0);}
	.nav > a{display:inline-block;border-bottom:1px dashed #a0c692;padding:9px 13px!important;margin:0;}
	.nav > a::after{background-color:#a0c692;}
	
	/*call*/
	.langs_call{grid-area:unset;justify-self:unset;justify-content:space-between;margin:22px 0 0 12px;}
	.langs{filter:unset;}
	
	/*search*/
	.search{margin-top:0;}
	
	/*burder*/
	.burger{display:block;align-self:center;}
}

@media (max-width: 900px){
	body{padding-top:60px;}
	
	/*header*/
	header{padding:18px 0;}
	header.show{padding:10px 0;}
	
	/*logo*/
	.logo{width:100px;height:53px;background-size:contain;}
	
	/*call*/
	.call{font-size:15px;}
	
	/*search*/
	.search{width:140px;}
	.search input[type=text]{font-size:15px;}
	
	/*burder*/
	.burger{width:34px;height:34px;}
}

@media (max-width: 560px){
	/*nav*/
	.nav{max-width:unset;}
	.nav a{display:block;}
}
/*-*/

/*footer*/
footer{background-color:#348E14;padding:53px 0 25px;}
.footer_info{display:grid;grid-template-columns:auto auto auto 46px;align-items:center;justify-content:space-between;}
.footer_info a:hover{text-decoration:underline;}
.footer_address br{display:none;}

.footer_info *:not(:last-child){color:#fff;font-size:17px;font-weight:600;}
.facebook_link{display:block;width:46px;height:43px;background:url(../img/icons/facebock.svg) center no-repeat;background-size:17px 27px;border:2px solid #fff;box-shadow:0 5px 8px #2e6e18;border-radius:50%;}

.copy{color:#b7cfaf;font-size:15px;margin:53px 0 0 26px;}

@media (max-width: 860px){
	footer{padding:30px 0 25px;}
	
	.footer_info *:not(:last-child){margin:2px 0;}
	.footer_info{grid-template-columns:unset;grid-template-areas:'address link' 'call link' 'email link';}
	.footer_address br{display:block;}
	
	.footer_address{grid-area:address;}
	.footer_call{grid-area:call;margin:12px 0;}
	.footer_email{grid-area:email;}
	.facebook_link{grid-area:link;}
	
	.copy{padding-right:50px;margin:18px 0 0 11px;}
}
/*-*/

@keyframes swing {
	0%  {transform:translateY(0);}
	25% {transform:translateY(-5px);}
	50% {transform:translateY(2px);}
	75% {transform:translateY(-2px);}
	100%{transform:translateY(0);}
}

@keyframes tilt {
	0%   { transform:rotate(0deg) translateY(0);}
	25%  { transform:rotate(-1deg) translateY(-4px);}
	50%  { transform:rotate(1deg) translateY(2px);}
	75%  { transform:rotate(-1deg) translateY(-2px);}
	100% { transform:rotate(0deg) translateY(0);}
}

.nav_cover{width:100%;height:100%;background:rgba(17,18,23,.9);opacity:0;visibility:hidden;position:fixed;z-index:3;top:0;left:0;transition:.2s ease-out;}
.nav_cover.active{opacity:1;visibility:visible;}

#lift{width:35px;height:35px;background:url(../img/icons/lift.svg) center no-repeat;opacity:0;visibility:hidden;transform:translateY(-100%);position:fixed;z-index:3;bottom:22px;right:15px;cursor:pointer;transition:.2s;}
#lift.show{opacity:1;visibility:visible;transform:translateY(0);}