/* W3.CSS 4.15 December 2020 by Jan Egil and Borge Refsnes */
body * {outline:none !important;}
html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
/* Extract from normalize.css by Nicolas Gallagher and Jonathan Neal git.io/normalize */
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}summary{display:list-item}
audio,canvas,progress,video{display:inline-block}progress{vertical-align:baseline}
audio:not([controls]){display:none;height:0}[hidden],template{display:none}
a{background-color:transparent}a:active,a:hover{outline-width:0}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
b,strong{font-weight:bolder}dfn{font-style:italic}mark{background:#ff0;color:#000}
small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-0.25em}sup{top:-0.5em}figure{margin:1em 40px}img{border-style:none}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}hr{box-sizing:content-box;height:0;overflow:visible}
button,input,select,textarea,optgroup{font:inherit;margin:0}optgroup{font-weight:bold}
button,input{overflow:visible}button,select{text-transform:none}
button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}
button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}
[type=checkbox],[type=radio]{padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
/* End extract */
html,body{font-family:Raleway,sans-serif;font-size:16px;line-height:1.4; background-color:var(--white); color:var(--dark)}

/*
==== Html global */
button,
input {
	border: none;
}
input[type="submit"],
button {
	padding: 0;
	margin: 0;
	background: none;
}
input[type="submit"],
.select__fake,
.button__default,
button, .button, .pointer {cursor: pointer;}
::-webkit-input-placeholder,
::placeholder {
    opacity: 1;
    color:var(--dark);
}
a.disabled:hover {
	color: inherit !important;
}
img {max-width:100%}
input:not([type="radio"]):not([type="checkbox"]), textarea,
select {
	background-color: transparent;
	border: 1px solid var(--light);
	color: var(--dark);
	height: 64px;
	padding: 16px;
	width: 100%;
}
select {
  -webkit-appearance: none;
  -moiz-appearance: none;
  appearance: none;
}
textarea {
	width: 1000%;
	max-width: 100%;
	min-width: 100%;
	min-height: 164px;
	padding: 16px;
}
input[type="number"] {
    -moz-appearance: textfield; /* Firefox */
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none; /* Chrome, Safari, Opera */
    margin: 0;
}
hr {
	border: none;
	border-top: 1px solid var(--light);
	margin: 32px 0;
}
/*
==== Titles */
h1 {margin: 0 0 32px;}
h2 {
	margin: 0 0 16x;
	font-size: 24px;
}

.container__md,
.container__sm,
.container {	
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.container{ padding-left: 32px;padding-right: 32px;}
.container {max-width: 1464px;}
.container__md { max-width: 920px;}
.container__sm { max-width: 640px;}
hr.space {
	border: none;
	margin: 0;
	clear: both;
}
hr.space__sm {padding: 32px 0;}
hr.space__md {padding: 48px 0;}
hr.space__lg {padding: 64px 0;}


/*
==== Text */
.section_title {
	margin: 0;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: normal;
	color: var(--gray);
}
.upcase {text-transform: uppercase}
.lowcase {text-transform: lowercase;}
.af { font-family: "Great Vibes";line-height: 1;}
ul.clear, ol.clear {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

/*
==== Buttons */
.mainmenu__ul li a,
.anh {position: relative;overflow: hidden;}
.btn {
  position: relative;
	display: flex;
  font-weight: 500;
	justify-content: center;
  align-items: center;
	text-decoration: none;
  text-transform: uppercase;
	color: inherit;
	padding: 0 32px;
	height: 64px;
	border-radius: 64px;
  width: 100%;
  max-width: 232px;
  overflow: hidden;
    cursor: pointer;
}
.btn.btn_primary {
	color: var(--white);
	background-color: var(--green);
}
.btn.btn_default {
	color: var(--green);
	border:2px solid var(--green);  
}
.mainmenu__ul li a::after,
.anh::after,
.btn::after {
    content: '';
    position: absolute;
    top: var(--y); /* Используем координаты курсора */
    left: var(--x);
    width: 164px; /* Размер круга */
    height: 164px;    
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%) scale(0); /* Центрируем круг и сжимаем его */
    transform: translate(-50%, -50%) scale(0); /* Центрируем круг и сжимаем его */
    opacity: 0;
    pointer-events: none;
    -webkit-transition: transform 0.4s, opacity 0.4s;
    transition: transform 0.4s, opacity 0.4s;
}
.btn.btn_primary::after  {background-color: rgba(255, 255, 255, 0.64);}
.mainmenu__ul li a::after,
.anh::after,
.btn.btn_default::after  {background-color: var(--green);}

.mainmenu__ul li a:hover::after,
.mainmenu__ul li a:active::after,
.anh:hover::after,
.anh:active::after,
.btn:hover::after,
.btn:active::after {
    -webkit-animation: ripple 0.4s forwards;
    animation: ripple 0.4s forwards;
}

@keyframes ripple {
    0% {
        opacity: 0;
        -webkit-transform: translate(-50%, -50%) scale(0.1); 
        transform: translate(-50%, -50%) scale(0.1); 
    }
    50% {
        opacity: 0.4;
        -webkit-transform: translate(-50%, -50%) scale(1); 
        transform: translate(-50%, -50%) scale(1); 
    }
    100% {
        opacity: 0;
        -webkit-transform: translate(-50%, -50%) scale(1.2); 
        transform: translate(-50%, -50%) scale(1.2); 
    }
}


/*
==== Paddings */
.padding-8{padding-top:8px;padding-bottom:8px}
.padding-16{padding-top:16px;padding-bottom:16px}
.padding-24{padding-top:24px;padding-bottom:24px}
.padding-32{padding-top:32px;padding-bottom:32px}
.padding-48{padding-top:48px;padding-bottom:48px}
.padding-64{padding-top:64px;padding-bottom:64px}
.padding-96{padding-top:96px;padding-bottom:96px}
.padding-top-96{padding-top:96px}
.padding-top-64{padding-top:64px}
.padding-top-48{padding-top:48px}
.padding-top-32{padding-top:32px}
.padding-top-24{padding-top:24px}
.padding-top-16{padding-top:16px}
.padding-btm-96{padding-bottom:96px}
.padding-btm-64{padding-bottom:64px}
.padding-btm-48{padding-bottom:48px}
.padding-btm-32{padding-bottom:32px}
.padding-btm-24{padding-bottom:24px}
.padding-btm-16{padding-bottom:16px}

/*
==== Flexbox */
.wdt__radio,
.dflex {display: flex;}
.fdcol {flex-direction: column;}
.fdcolrev {flex-direction: column-reverse;}
.fdr {flex-direction: row;}
.fdrrev {flex-direction: row-reverse;}
.jcsb {justify-content: space-between;}
.jcstart {justify-content: flex-start;}
.jccenter {justify-content: center;}
.jcend {justify-content: flex-end;}
.aistart {align-items: flex-start;}
.wdt__radio,
.aicenter {align-items: center;}
.aiend {align-items: flex-end;}
.flexw {flex-wrap:wrap;}
.fg1 {
	flex-grow: 1;
	width: 100%;
}