/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: >0%
*/

/* temp for dev, remove this */
@font-face {
	font-family: PTSans;
	src: url(fonts/PT_Sans/PT_Sans-Web-Regular.ttf);
	font-weight: normal;
	font-style: normal;
	font-display: swap;
	}
body {
	/*background-color: #ccc;*/
	}
/* / temp for dev, remove this */



/** helpers **/
.-ff-root {
	font-family: PTSans, Arial, sans-serif;
	}
	
/* cm - content margin mod */
.cm > *:first-child {
	margin-top: 0;
	}
.cm > *:last-child {
	margin-bottom: 0;
	}
/** / helpers **/


	
/** blocks **/
.container-fx {
	max-width: 1170px;
	}

	
.row-flex {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;	
	}
.row-flex:before,
.row-flex:after {
	display: none;
	}
	
	
.btn-new {
	padding: 12px 30px;
	font-weight: bold;
	font-family: PTSans, Arial, sans-serif;
	text-transform: uppercase;
	-webkit-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	transition: all 500ms ease;
	}
	
.btn-wide {
	padding-left: 40px;
	padding-right: 40px;
	}
	
.btn-imp {
	color: #fff;
	background-color: #ff2000;
	}	
.btn-imp:hover,
.btn-imp:active,
.btn-imp:focus {
	color: #fff;
	background-color: #c31d00;
	}

	
.input-new {
	padding-left: 45px;
	border-color: #696969;
	-webkit-border-radius: 2px;
	   -moz-border-radius: 2px;
	        border-radius: 2px;
	}

	
/*  rc - stylized r(adio) / c(heckbox)
(abs verson)

<label class="rc">
	<input type="radio / checkbox">
	<i class="rc__i"></i>
	<span class="rc__l">
		<span class="rc__l">
			label_text
		</span>
	</span>
</label>
*/
.rc {
	position: relative;
	display: inline-block;
	margin-top: 5px;
	margin-bottom: 0;
	color:#444954;
	font-weight: normal;
	}
.rc input {
	z-index: -1;
	opacity: 0;
	position: absolute;
	}
.rc__i {
	position: absolute;
	-webkit-box-sizing: content-box;
	   -moz-box-sizing: content-box;
	        box-sizing: content-box;
	top: 2px;
	left: 0;
	width: 20px;
	height: 20px;
	border: 1px solid #444954;	
	vertical-align: middle;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
	cursor: pointer;
	}
.rc input[type="radio"] + .rc__i {
	-webkit-border-radius: 100%;
	   -moz-border-radius: 100%;
	        border-radius: 100%;
	}
.rc__l {
	display: block;
	padding-left: 30px;
	font-size: 16px;
	font-family: PTSans, Arial, sans-serif;	
	-webkit-transition: opacity 0.3s ease;	
	-o-transition: opacity 0.3s ease;	
	-moz-transition: opacity 0.3s ease;	
	transition: opacity 0.3s ease;
	}
.rc__l > * {
	cursor: pointer;
	}
		
/* bullets */
.rc input + .rc__i:after {
	content: "";
	display: none; /* hide */
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABAUlEQVR4AWMYeDAKnJ0DhV08Q6a7eAQXArmM1DDsPBD/B2FXz5BOsg1z8I0UcfYKvQA2DIFvUdOwL66eofZwRW6eoU7OnqEHnT1C0skw7JOLR6gNIiw8Qi2Bgt/RwoIRm2FA+Ytohn0A6UdRCHIVmqL/zl4hi42N01hhajw9Q0WxGPbeyT3UDNMbDg4sQENnwxUiXLrL2s+PF2rYJTT5t27eocb4k4FncCNMAwKHnsVi2GtXr1ADomLQxSskEajhN1wzJn7p7BGsR1KycPUI9QNq/IrFsBdu3oE6ZKU1N69gc5DXkAx77ugerE1Z1vIM1XLxDL4GDIbrrj7BqlgVjQIAKC6zbDN/P/8AAAAASUVORK5CYII=);
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCIgPgogIDxwYXRoIGZpbGw9IiM0NDQ5NTQiIGQ9Im0gOS4wMDQ5NzkzLDE2Ljk5OTk2NiBhIDEuMjYyLDEuMjYyIDAgMCAxIC0wLjg3MSwtMC4zNCBsIC02LjI3MywtNS42MjMgYSAxLjEzNywxLjEzNyAwIDAgMSAwLC0xLjY2MTk5OTkgbCAwLjg2OCwtMC44MzUgYSAxLjI3MiwxLjI3MiAwIDAgMSAxLjczOCwwIGwgNC41MzIsNC4wNTQ5OTk5IDcuOTYxOTk5NywtNy45NDE5OTk2IGEgMS4yNjQsMS4yNjQgMCAwIDEgMC44NjksLTAuMzQ1IHYgMCBhIDEuMjY1LDEuMjY1IDAgMCAxIDAuODcsMC4zNDEgbCAwLjg3MiwwLjgzMiBhIDEuMTM5LDEuMTM5IDAgMCAxIDAsMS42NjA5OTk3IGwgLTkuNyw5LjUxNzk5OTkgYSAxLjI1OSwxLjI1OSAwIDAgMSAtMC44NjY5OTk3LDAuMzQgeiIgLz4KPC9zdmc+Cg==), none;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	   -moz-background-size: cover;
	        background-size: cover;
	}
.rc input[type="radio"] + .rc__i:after {
	right: 0;
	bottom: 0;
	margin: 4px;
	width: auto;
	height: auto;
	background: #444954;
	-webkit-border-radius: 100%;
	   -moz-border-radius: 100%;
	        border-radius: 100%;
	}
			
/* checked */		
.rc input:checked + .rc__i:after {
	display: block;
	}	

/* focus */
.rc input:focus + .rc__i {
	outline: 1px dotted;
	}
		
/* hover */
.rc:hover input:focus + .rc__i {
	outline:none;
	}
.rc:hover .rc__l {
	opacity: 0.85;
	}

/* disabled */
.rc input:disabled ~ .rc__l {
	opacity: 1;
	color: #ccc;
	cursor: default;
	}
.rc input:disabled + .rc__i {
	border-color: #ccc;
	cursor: default;
	}
.rc input:disabled + .rc__i:after {
	opacity: 0.5;
	cursor: default;
	}	
/* / rc */	
/** / blocks **/




/** modules **/
/* box1 */
.box1 {
	overflow: hidden;
	padding: 40px 0 72px;
	background: #fff;
	background: -webkit-linear-gradient(339deg, #fff 49.5%, #2b33d9 49.5%);
	background: -moz-linear-gradient(339deg, #fff 49.5%, #2b33d9 49.5%);
	background: -o-linear-gradient(339deg, #fff 49.5%, #2b33d9 49.5%);
	background: linear-gradient(111deg, #fff 49.5%, #2b33d9 49.5%);
	}
.box1__cont {
	position: relative;
	padding-left: 48px;
	color: #fff;
	}
.box1__h {
	margin-bottom: 24px;
	font-weight: bold;
	}
.box1 p {
	font-size: 20px;
	}
.box1 .btn {
	margin-top: 42px;
	}
	
@media only screen and (min-width: 768px) {
	.box1__h {
		font-size: 54px;
		}
}	
@media only screen and (max-width: 767px) {
	.box1 {
		background: #fff;
		text-align: center;
		}
	.box1__cont {
		padding-left: 0;
		margin-top: 30px;
		padding-top: 30px;
		}
	.box1__cont > * {
		position: relative;
		}
	.box1__cont:before {
		content:"";
		position: absolute;
		top: 0;
		right: -15px;
		bottom: -200px;
		left: -15px;
		background-color: #2b33d9;
		-webkit-transform: skewY(-5deg);
		   -moz-transform: skewY(-5deg);
		    -ms-transform: skewY(-5deg);
		     -o-transform: skewY(-5deg);
		        transform: skewY(-5deg);
		}
}
@media only screen and (max-width: 767px) and (orientation: landscape){
	.box1 {
		padding-bottom: 40px;
		}
	.box1 img {
		max-width: 300px;
		}
	.box1 .btn {
		margin-top: 20px;
		}		
}
/* / box1 */



/* box2 */
.box2 {
	padding: 36px 0 68px;
	overflow: hidden;
	background-color: #fff;
	}
.box2__h {
	margin: 0 0 28px;
	color: #2b33d9;
	font-weight: bold;
	text-transform: uppercase;
	}
.box2__cont {
	padding-left: 20px;
	color: #0a0443;
	}
.box2__descr {
	margin-bottom: 26px;
	max-width: 90%;
	font-weight: bold;
	line-height: 1.66666666;
}
.box2__lst {
	font-size: 16px;
	}
.box2__lst li {
	position: relative;
	padding-left: 30px;
	margin-bottom: 18px;
	}
.box2__lst li:last-child {
	margin-bottom: 0;
	}
	.box2__lst li:before {
		content:"";
		position: absolute;
		top: 3px;
		left: 0;
		width: 16px;
		height: 16px;
		background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAfCAQAAAC1p96yAAAAxklEQVR4AWOgMRgFo+A/2/+V/z3J1cz8f9X///+//XclT/Pi/xCwjXTNjP/nQjUf/c9DuuYZUM2n/vOTbvcEqOZz/wUJKWXFEOmCar70X5SQ5vT/J1Cd978Jqvn6fzFCmhP//0MNnP+1UM23/0sT9uMiqOID/7nA/GIo/95/GWITBgTs+s/xPw/KfvxfkfhkuR4eUP/A9NP/KqSl623/EeDlf01SY5kT6HQIePVfl5z0zfX/AFDz+/+G5OYuHqAXzBgGLRgFANzIyXvsbek4AAAAAElFTkSuQmCC) #2b33d9 0 0 no-repeat;
		-webkit-background-size: cover;
		   -moz-background-size: cover;
		        background-size: cover;
		-webkit-border-radius: 100%;
		   -moz-border-radius: 100%;
		        border-radius: 100%;
		}
.box2__lst dl {
	margin: 0;
	}
.box2__lst dt {
	display: inline;
	}
	.box2__lst dt:after {
		content:":";
		}
.box2__lst dd {
	display: inline;
	}
.box2__i {
	/*margin-left: -70px;*/
	}
@media only screen and (max-width: 767px) {
	.box2 {
		padding-bottom: 36px;
		}
	.box2__descr {
		max-width: 100%;
		}
	.box2__cont {
		padding-left: 0;
		}		
	.box2__i {
		margin-top: 20px;
		margin-left: 0;
		text-align: center;
		}	
}
@media only screen and (max-width: 767px) and (orientation: landscape){
	.box2__i img {
		max-width: 500px;
		}		
}
/* / box2 */



/* box3 */
.box3 {
	overflow: hidden;
	padding-top: 150px;
	padding-bottom: 55px;
	background: url(i/box3_bg.jpg) #e5e5e5 50% 0 no-repeat;
	-webkit-background-size: auto 100%;
	   -moz-background-size: auto 100%;
	        background-size: auto 100%;
	}
.box3__cont {
	position: relative;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	max-width: 745px;
	padding: 45px;
	background-color: #fff;
	}
.box3__cont:before {
	content:"";
	position: absolute;
	top: 20px;
	right: 20px;
	bottom: 20px;
	left: 40px;
	border: 5px solid #ff2000;
	}
.box3__i {
	z-index: 1;
	position: absolute;
	top: -114px;
	left: -125px;
	width: 580px;
	height: 370px;
	background: url(i/box3__i.png) 0 0 no-repeat;
	-webkit-transform-origin: 21.5517% 30.81%;
	   -moz-transform-origin: 21.5517% 30.81%;
	    -ms-transform-origin: 21.5517% 30.81%;
	     -o-transform-origin: 21.5517% 30.81%;
	        transform-origin: 21.5517% 30.81%;
	pointer-events:none;
	}
.box3__in {
	z-index: 2;
	position: relative;
	max-width: 435px;
	margin: 0 auto;
	}
.box3__txt {
	margin-bottom: 26px;
	}
.box3__h {
	color: #2330de;
	font-weight: bold;
	text-transform: uppercase;
	}	
.box3 p {
	font-size: 18px;
	line-height: 1.1;
	}
	
@media only screen and (min-width: 768px) {
	.box3__h {
		font-size: 26px;
		}
}		
@media only screen and (max-width: 1199px) {
	.box3 {
		background-position: 65% 0;
		}
	.box3__i {
		-webkit-transform: scale(0.9);
		   -moz-transform: scale(0.9);
		    -ms-transform: scale(0.9);
		     -o-transform: scale(0.9);
		        transform: scale(0.9);
		}
	.box3__cont {
		max-width: 100%;	
		}
	.box3__cont:before {
		left: 20px;	
		}
}
@media only screen and (max-width: 991px) {
	.box3 {
		padding-top: 130px;
		background-image: none;
		}
}
@media only screen and (max-width: 767px) {
	.box3 {
		padding-top: 90px;
		padding-bottom: 30px;		
		}
	.box3__i {
		-webkit-transform: scale(0.6);
		   -moz-transform: scale(0.6);
		    -ms-transform: scale(0.6);
		     -o-transform: scale(0.6);
		        transform: scale(0.6);
		}
}
/* / box3 */



/* box4 */
.box4 {
	position: relative;
	padding-top: 60px;
	padding-bottom: 40px;
	overflow: hidden;
	background-color: #e5e5e5;
	}
.box4__decor1 {
	opacity: 0.2;
	position: absolute;
	top: -7px;
	right: 0;
	bottom: 0;
	width: 50%;
	margin-right: -40px;
  background: -webkit-radial-gradient(#7a7a7a 7%, transparent 7%);
  background: -moz-radial-gradient(#7a7a7a 7%, transparent 7%);
  background: -o-radial-gradient(#7a7a7a 7%, transparent 7%);
  background: radial-gradient(#7a7a7a 7%, transparent 7%);
  -webkit-background-size: 40px 36px;
     -moz-background-size: 40px 36px;
          background-size: 40px 36px;
	}
.box4__decor2 {
	position: absolute;	
	top: -88px;
	left: -68px;
	width: 134px;
	height: 134px;
	border: 6px solid #7a7a7a;
	-webkit-border-radius: 100%;
	   -moz-border-radius: 100%;
	        border-radius: 100%;
	}
.box4__decor3 {
	position: absolute;	
	bottom: -170px;
	left: -120px;
	width: 370px;
	height: 370px;
	border: 3px solid rgba(72,72,72,0.21);
	-webkit-border-radius: 100%;
	   -moz-border-radius: 100%;
	        border-radius: 100%;
	}	
.box4__decor3:before {
	content:"";
	position: absolute;	
	top: 24px;
	left: 32px;
	width: 306px;
	height: 306px;
	background: url(i/box4__decor3.png) 0 0 no-repeat;
	-webkit-background-size: cover;
	   -moz-background-size: cover;
	        background-size: cover;
	}
.box4__in {
	z-index: 1;
	position: relative;
	}
	
.box4__top {
	padding-top: 14px;
	padding-left: 40px;
	}
.box4__h {
	font-weight: bold;
	font-size: 30px;
	}
.box4__hh {
	margin-bottom: 26px;
	color: #2330de;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 30px;
	}
.box4__lst {
	margin-top: 45px;
	}
.box4__lst_item {
	padding-left: 15px;
	padding-right: 15px;
	}
.box4__lst_h {
	margin-bottom: 12px;
	padding: 7px;
	border: 3px solid #2330de;
	font-weight: bold;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
	}
.box4__lst_item p {
	font-size: 18px;
	line-height: 1.2;
	}
	
@media only screen and (min-width: 992px) {
	.box4__h {
		font-size: 46px;
		line-height: 1.3;
		}
}	
@media only screen and (max-width: 767px) {
	.box4 {
		padding-top: 40px;
		padding-bottom: 20px;
		}
	.box4__top {
		margin-bottom: 20px;
		padding-left: 0;
		text-align: center;
		}
	.box4__lst {
		margin-top: 30px;
		}
	.box4__lst_item {
		margin-bottom: 20px;
		padding-left: 0;
		padding-right: 0;
		}
}
@media only screen and (max-width: 767px) and (orientation: landscape){
	.box4 img {
		max-width: 300px;
		}	
}
/* / box4 */

/** / modules **/

.b24-web-form-popup-btn-55,
.s7_button.w-button,
.s5_button.w-button,
.b24-form-btn {
	position: relative;
    overflow: hidden;
}

.b24-web-form-popup-btn-55:before,
.s7_button.w-button:before,
.s5_button.w-button:before,
.b24-form-btn:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #fa4923;
    opacity: 0;
    z-index: 1;
    -webkit-transition: ease 0.3s;
    transition: ease 0.3s;
}

.b24-web-form-popup-btn-55:after,
.s7_button.w-button:after,
.s5_button.w-button:after,
.b24-form-btn:after {
    content: "";
    display: block;
    width: 20px;
    height: 97px;
    margin-left: -16px;
    background: #fff;
    position: absolute;
    left: 21px;
    top: -22px;
    z-index: 1;
    -webkit-transform: rotate(45deg);
    transform: rotate(44deg);
    -webkit-transition: all 0.1s;
    transition: all 0.1s;
    -webkit-animation-name: slideme;
    animation-name: slideme;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-delay: 0.05s;
    animation-delay: 0.05s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

@keyframes slideme { 
	0% { left: -30px; margin-left: 0px; }
  30% { left: 110%; margin-left: 80px; }
  100% { left: 110%; margin-left: 80px; } 
}