/*   
Theme Name: Макеев Видео 
Version: 1.0
Author: Орехов Артём
Author URI: https://vk.com/orekhovart
*/
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, img, ins, kbd, q, s, samp,
small, strike, 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,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	font-family: "Montserrat", sans-serif;
	font-size:18px;
	line-height:1.3;
	color:#000;
	width: 100%;
	background:#F3F3F3
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* End of Eric Meyer's CSS Reset */

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block;
}
p{margin:0 0 20px}
img{
	vertical-align:bottom
}
input, button, select, textarea, a {
    outline: 0 !important;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.btn,
.btn svg,
.header,
.logo_svg,
.phone_link,
.portfolio-next,
.portfolio-prev,
.blue_btn,
.fueh:before,
.fueh:after,
.hamburger_btn,
.hamburger_btn span,
.btn-secondary,
.wpcf7-response-output,
.video-poster img,
.btn-secondary-1,
.icon_blocking:before,
.image picture,
.image img,
.garantii_block,
.vimeo-iframe-container img,
.asda{
	-webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

button{
  border: none;
  background-color: transparent;
  padding: 0;
  font-family: inherit;
}
img{max-width:100%;height:auto}

a{
  display:inline-block;
  text-decoration: none;
}

.wrapper{
	width: 1200px;
	margin: 0 auto;
	padding:0 15px
}
.vimeo-iframe-container {
    position: relative;
    padding-bottom: 56.25%; 
    height: 0;
    overflow: hidden;
    max-width: 100%;
	background:black;
}
.video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}
.video-overlay .play {
    position: absolute;
    z-index: 2;
}
.vimeo-iframe-container img{
	position:absolute;
	top:50%;
	left:50%;
    -webkit-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	min-width: 101%;
    min-height: 101%;
    width: auto;
    height: auto;
    object-fit: cover;
}
.vimeo-iframe-container:hover img{
    -webkit-transform:translate(-50%,-50%) scale(1.2);
	-ms-transform:translate(-50%,-50%) scale(1.2);
	transform:translate(-50%,-50%) scale(1.2);
}
.vimeo-iframe-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.header{
	position:fixed;
	z-index:9999;
	top:0;
	left:0;
	right:0;
	width:100%;
	padding: 40px 0 20px;
}
.header_fix .header{
	background:#f3f3f3;
	padding:15px 0;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(50,50,50,.25);
    -moz-box-shadow: 0px 0px 15px 0px rgba(50,50,50,.25);
    box-shadow: 0px 0px 15px 0px rgba(50,50,50,.25);
}
.asda{
	cursor:pointer;
	color:black;
	opacity:0.5;
	margin-left:25px;
}
.asda:hover{
	opacity:1;
}
.header_fix .header .logo_svg{
	fill:black
}

.header_fix .header .nav a,
.header_fix .header .phone_link{
	color:black
}
.header_fix .header .btn{
	border-color:#3B83BD;
	color:#3B83BD
}
.header_fix .header .btn:hover{
	background:#3B83BD;
	color:white;
}
.flex{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
	-ms-flex-wrap:wrap;
    flex-wrap:wrap;
	margin:0 -15px;
}
.header .flex{
	-webkit-box-align:center;
    -ms-flex-align:center;
	align-items:center;
}

.w_big{
	width:calc(50% - 70px);
	padding:0 15px;
}
.logo_block{
	text-align:center;
	width:140px;
	padding:0 15px;
}
.logo_svg{
	height:60px;
	width:auto;
	vertical-align:bottom;
	fill:white
}
.header_contacts{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
	-ms-flex-wrap:wrap;
    flex-wrap:wrap;
	-webkit-box-align:center;
    -ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:end;
    -ms-flex-pack:end;
	justify-content:end
}
.phone_link{
	color:white;
	font-weight:bold;
	font-family: "Oswald", sans-serif;
}
.btn{
	position:relative;
	font-family: "Oswald", sans-serif;
	text-transform:uppercase;
	border:1px solid white;
	color:white;
	line-height:42px;
	padding:0 30px;
}
.header .btn{
	margin-left:25px;
}
.btn:hover{
	background:white;
	color:black
}
.nav a{
	color:white;
	margin-right:20px;
	font-weight:bold;
	font-size:16px;
}

.first_screen{
	position:relative;
	overflow:hidden;
}
.first_screen .wrapper{
	padding:250px 15px 80px;
	min-height:90vh;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
	-ms-flex-wrap:wrap;
    flex-wrap:wrap;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
    -ms-flex-direction: column;
	flex-direction: column; 
	justify-content:flex-end
}
.first_screen:before{
	position:absolute;
	content:'';
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:black;
	z-index:-2;
}
.video_background {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -1;
    object-fit: cover;
}

.bottom_fweq{
	color:white
}
h1{
	text-transform:uppercase;
	font-weight:300;
	font-size:35px;
	margin-bottom:20px;
}
h1 span{
	display:block;
	font-weight:bold;
	font-size:31px;
}

.first_screen .btn{
	margin-top:10px;
	padding-right:70px;
	border-color:#3B83BD;
	color:#3B83BD;
}
.first_screen .btn svg{
	fill:#3B83BD;
	position:absolute;
	right:25px;
	top:50%;
	-webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
	transform:translateY(-50%);
}
.first_screen .btn:hover{
	background:#3B83BD;
	color:white;
}
.first_screen .btn:hover svg{
	fill:white
}
#player-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: -1;
}
#player {
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	transform: translate(-50%, -50%);
	object-fit: cover; 
}
.ieafjgo{
	text-align:right;
	font-size:12px;
	margin-top:10px;
}
.ieafjgo span{
	Display:block;
	font-size:16px;
}

.portfolio_screen{
	width:100%;
	overflow:hidden;
	padding:90px 0
}
h2{
	font-size:45px;
	margin-bottom:20px;
	font-weight:bold
}
h2 span{
	font-weight:300
}
.iafs{
	font-size:21px;
	font-weight:300;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
	-ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	-webkit-box-align:end;
    -ms-flex-align:end;
	align-items:flex-end;
}
.iafs p{
	line-height:1.5;
	width:550px;
	padding-left:30px;
	border-left:1px solid #3B83BD
}
.slider_navigation{
	width:100px;
	text-align:right
}
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide{
	height:auto
}
.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  -o-transition-property: transform, height;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}
.portfolio-slider .swiper-slide{
	width:50%;
}
.video_name{
	font-size:25px;
	font-weight:bold
}
.portfolio-slider .video_name{
	margin:0
}
.portfolio-slider .vimeo-iframe-container{
	margin-bottom:20px
}
.menu-overlay,
.hamburger_btn,
.screen-reader-response{
	display:none
}
.video-container {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto 20px;
	position: relative;
	overflow:hidden;
}
.video-container video {
	width: 100%;
	height: auto;
	display: block;
}
.play-button{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	cursor: pointer;
	z-index: 10;
}
.video-poster{
	position: relative
}
.video-poster:hover img{
    -webkit-transform:scale(1.1);
	-ms-transform:scale(1.1);
	transform:scale(1.1)
}
.video-poster img{
	width: 100%;
	height: auto;
	display: block;
}

.feedback-next,
.feedback-prev,
.portfolio-next,
.portfolio-prev{
	margin-bottom:20px;
	display:inline-block;
	vertical-align:bottom;
	width:40px;
	height:40px;
	opacity:0.7;
	background-size:80%;
	background-repeat:no-repeat;
}
.feedback-next:hover,
.feedback-prev:hover,
.portfolio-next:hover,
.portfolio-prev:hover{
	cursor:pointer;
	opacity:1
}
.feedback-prev,
.portfolio-prev{
	background-position:center left;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='22.184' viewBox='0 0 40 22.184'%3E%3Cpath d='M11.069,0l1.8,1.8-8,8.019H40v2.548H4.872l8,8.019-1.8,1.8L0,11.092Z'/%3E%3C/svg%3E%0A");
}
.feedback-next,
.portfolio-next{
	background-position:center right;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='22.184' viewBox='0 0 40 22.184'%3E%3Cpath d='M28.931,0l-1.8,1.8,8,8.019H0v2.548H35.128l-8,8.019,1.8,1.8L40,11.092Z'/%3E%3C/svg%3E%0A");
}
.gorizont_block{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
	-ms-flex-wrap:wrap;
    flex-wrap:wrap;
	-webkit-box-align:center;
    -ms-flex-align:center;
	align-items:center;
}
.image,
.description{
	width:50%;
}
.gorizont_block:nth-of-type(2n){
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
	flex-direction: row-reverse
}
.gorizont_block:nth-of-type(2n - 1) .description{
	padding-left:80px;
}
.gorizont_block:nth-of-type(2n) .description{
	padding-right:80px;
}
.second_screen{
	margin-bottom:90px;
}
.second_screen h2{
	margin-bottom:40px
}
.description p:last-of-type{
	margin:0;
}
.image:hover picture,
.image:hover img{
    -webkit-transform:scale(0.9);
	-ms-transform:scale(0.9);
	transform:scale(0.9);
}

.order_block{
	margin:90px 0 0
}
.order{
	position:relative;
	padding:65px 65px 45px 410px;
	-webkit-box-shadow: 0px 0px 50px 0px rgba(50, 50, 50, .25);
    -moz-box-shadow: 0px 0px 50px 0px rgba(50, 50, 50, .25);
    box-shadow: 0px 0px 50px 0px rgba(50, 50, 50, .25);
}
.order:before{
	position:absolute;
	content:'';
	width:410px;
	height:570px;
	left:-35px;
	top:50%;
	-webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
	transform:translateY(-50%);
	background-image:url(images/planshet.webp);
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
}
.no-webp .order:before{
	background-image:url(images/planshet.png)
}
label{
	font-size:14px;
	display:block;
	margin-bottom:3px;
}
input{
	border:none;
	background:white;
	font-family: "Montserrat", sans-serif;
	font-size:18px;
	color:black;
	width:100%;
	line-height:50px;
	padding:0 10px;
}
.flexxi{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
    flex-wrap:wrap;
	margin:0 -10px;
}
.w50{
	position:relative;	
	width:50%;
	padding:0 10px;
}
input[type="checkbox"]{
	width:20px;
	height:20px;
	position:absolute;
	top:0;
	left:0;
	margin:0;
	padding:0;
}
.wpcf7-acceptance{
	display:block;
	margin-top:10px;
}
.wpcf7-acceptance label{
	position:relative;
	padding-left:30px;
	line-height:20px;
}
.wpcf7-acceptance label a{
	Display:inline;
	color:black;
	text-decoration:underline
}
.wpcf7-acceptance label a:hover{
	text-decoration:none
}
.wpcf7-acceptance label span{
	display:block
}
.blue_btn{
	z-index:10;
	cursor:pointer;
    position: relative;
    font-family: "Oswald", sans-serif;
    text-transform: uppercase;
    line-height: 42px;
    padding: 0 30px;
    padding-right: 70px;
    color: #3B83BD;
	width:auto;
	background:none
}
.disable {
  opacity: 0.6;
  pointer-events: none;
  position: relative;
}
.blue_btn:hover{
	color:white
}

.fueh{
	z-index:8;
    margin-top: 20px;
	position:relative;
	display:table;
}
.fueh:after{
	z-index:-1;
	position:absolute;
	content:'';
	width:24px;
	height:14px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='13.31' viewBox='0 0 24 13.31'%3E%3Cpath d='M17.359,0,16.276,1.079l4.8,4.811H0V7.42H21.077l-4.8,4.811,1.082,1.079L24,6.655Z' fill='%233B83BD'%3E%3C/path%3E%3C/svg%3E");
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
	top:50%;
	margin-top:-7px;
	right:25px;
}
.fueh:hover:after{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='13.31' viewBox='0 0 24 13.31'%3E%3Cpath d='M17.359,0,16.276,1.079l4.8,4.811H0V7.42H21.077l-4.8,4.811,1.082,1.079L24,6.655Z' fill='white'%3E%3C/path%3E%3C/svg%3E");
}
.fueh:before{
	z-index:-2;
	position:absolute;
	content:'';
	top:0;
	left:0;
	width:100%;
	height:100%;
    border: 1px solid #3B83BD;
}
.fueh:hover:before{
	background: #3B83BD;
}
.order_2 {
	position: relative;
	margin: auto;
    background: #F3F3F3;
	max-width: 500px;
	padding: 50px 35px 35px;
}
.order_2 .wpcf7-form-control-wrap{
	position:relative;
	Display:block;
}
.order_2 .wpcf7-not-valid-tip{
	top:-15px
}
.order_2 .wpcf7-text{
	margin-bottom:15px
}
.uehg_2{
	max-width: 440px;
	text-align: center;
	padding: 50px 35px 35px;
	position: relative;
    margin: auto;
    background: White;
}
.uehg_2 .btn-secondary-1{
	display:block;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	max-width:220px;
	text-align:center;
	margin-bottom:10px;
	padding:0 10px;
}
.feedback{
	margin-top:90px
}
.feedback-slider{
	padding-top:20px;
}
.feedback-slider .swiper-slide{
	border:2px solid #3B83BD;
	padding:70px 70px 50px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
    flex-wrap:wrap;
	    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}
.feedback-slider .swiper-slide:before{
	position:absolute;
	content:'';
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48.899' height='36.599' viewBox='0 0 48.899 36.599'%3E%3Cpath d='M9.3-39.12a10.373,10.373,0,0,1-4.77-2.82,11.4,11.4,0,0,1-2.52-4.23,12.58,12.58,0,0,1-.6-4.71A11.828,11.828,0,0,1,2.46-55.2a11.291,11.291,0,0,1,3.72-4.68,11.971,11.971,0,0,1,6.84-1.92,11.507,11.507,0,0,1,5.01.9,9.8,9.8,0,0,1,3.54,2.64,11.633,11.633,0,0,1,2.13,3.84,15.231,15.231,0,0,1,.78,4.44,19.784,19.784,0,0,1-.81,5.94,37.592,37.592,0,0,1-2.19,5.76,45.384,45.384,0,0,1-2.88,5.16,44.931,44.931,0,0,1-3,4.14,9.567,9.567,0,0,1-3.99,3.15,8.131,8.131,0,0,1-3.96.57,5.745,5.745,0,0,1-3.06-1.29,3.18,3.18,0,0,1-1.23-2.49,44.792,44.792,0,0,1,3.06-5.25A44.543,44.543,0,0,0,9.3-39.12Zm25.8,0a10.373,10.373,0,0,1-4.77-2.82,11.4,11.4,0,0,1-2.52-4.23,12.166,12.166,0,0,1-.57-4.71,13.167,13.167,0,0,1,1.02-4.32,11.291,11.291,0,0,1,3.72-4.68,11.971,11.971,0,0,1,6.84-1.92,11.507,11.507,0,0,1,5.01.9,9.8,9.8,0,0,1,3.54,2.64,11.633,11.633,0,0,1,2.13,3.84,15.232,15.232,0,0,1,.78,4.44,19.784,19.784,0,0,1-.81,5.94,39.682,39.682,0,0,1-2.16,5.76,39.963,39.963,0,0,1-2.88,5.16q-1.59,2.4-2.97,4.14a9.517,9.517,0,0,1-4.02,3.15,8.278,8.278,0,0,1-3.99.57,5.745,5.745,0,0,1-3.06-1.29,3.18,3.18,0,0,1-1.23-2.49,55.166,55.166,0,0,1,3.09-5.25A47.7,47.7,0,0,0,35.1-39.12Z' transform='translate(-1.385 61.804)' fill='%233B83BD'/%3E%3C/svg%3E");
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
	width:48px;
	height:36px;
	left:70px;
	top:-18px;
}
.iafs h2{
	width:calc(100% - 150px)
}
.author_feedback{
	width:280px;
}
.text_feedback{
	line-height:1.5;
	width:calc(100% - 280px);
	padding-right:60px;
}
.text_feedback p:last-of-type{
	margin:0
}
.name_feedback{
	margin-top:20px;
	margin-bottom:10px;
	font-weight:bold;
	font-size:21px;
}
.spec_feedback{
	font-size:14px;
	margin:0;
}
.doverie{
	margin-top:90px
}
.doverie-slider{
	margin:0 -15px;
}
.doverie-slider:after,
.doverie-slider:before{
	z-index:8;
	position:absolute;
	content:'';
	top:0;
	bottom:0;
	width:15px;
	background:#F3F3F3
}
.doverie-slider:after{
	right:0
}
.doverie-slider:before{
	left:0;
}
.doverie-slider .swiper-slide{
	width:25%;
	padding:0 15px;
}
.doverie-slider .swiper-slide img{
	width:100%;
	height:auto;
}
.w33{
	width:33.3333%;
	padding:0 15px 30px;
	position:relative;
}
.garantii{
	margin-top:90px;
	margin-bottom:90px
}
.garantii img{
	height:150px;
	width:auto;
	left:30px;
	position:relative;
	z-index:3;
}
.garantii_block{
	background:white;
	padding:140px 30px 30px;
	margin-top:-100px;
	position:relative;
	z-index:2;
}
.garantii_block:hover{
	-webkit-box-shadow: 0px 0px 50px 0px rgba(50, 50, 50, .25);
    -moz-box-shadow: 0px 0px 50px 0px rgba(50, 50, 50, .25);
    box-shadow: 0px 0px 50px 0px rgba(50, 50, 50, .25);
}
.strong{
	font-weight:bold;
	margin-bottom:0;
}
.strong + .eiujo{
	margin-top:10px;
	margin-bottom:0
}
.w60{
	width:60%;
	padding:0 15px
}
.w40{
	width:40%;
	padding:0 15px
}
.price_block{
	position: relative;
    padding: 65px 65px 45px 410px;
    .padding: 65px 65px 45px;
    -webkit-box-shadow: 0px 0px 50px 0px rgba(50, 50, 50, .25);
    -moz-box-shadow: 0px 0px 50px 0px rgba(50, 50, 50, .25);
    box-shadow: 0px 0px 50px 0px rgba(50, 50, 50, .25);
}
.ksdgn {
    position: absolute;
    width: 370px;
    height: 100%;
    left: 0px;
    bottom:0;
    background-image: url(images/makeev.webp);
    background-size: cover;
    background-position: bottom center;
    background-repeat: no-repeat;
}
.no-webp .ksdgn{
    background-image: url(images/makeev.jpg)
}
.ksdgn:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 230px;
    left: 0px;
    bottom:0;
	background: #000000;
	background: -webkit-linear-gradient(0deg,rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.5) 75%, rgba(0, 0, 0, 0) 100%);
	background: -moz-linear-gradient(0deg,rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.5) 75%, rgba(0, 0, 0, 0) 100%);
	background: linear-gradient(0deg,rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.5) 75%, rgba(0, 0, 0, 0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(
	  startColorstr="#000000",
	  endColorstr="#000000",
	  GradientType=0
	);
}
.quote{
	z-index:9;	
	position:absolute;
	bottom:50px;
	left:35px;
	width:calc(100% - 70px);
	color:white;
	padding-left: 40px;
    padding-top: 15px;
}
.quote:before{
	position: absolute;
    content: '';
	z-index:-1;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48.899' height='36.599' viewBox='0 0 48.899 36.599'%3E%3Cpath d='M9.3-39.12a10.373,10.373,0,0,1-4.77-2.82,11.4,11.4,0,0,1-2.52-4.23,12.58,12.58,0,0,1-.6-4.71A11.828,11.828,0,0,1,2.46-55.2a11.291,11.291,0,0,1,3.72-4.68,11.971,11.971,0,0,1,6.84-1.92,11.507,11.507,0,0,1,5.01.9,9.8,9.8,0,0,1,3.54,2.64,11.633,11.633,0,0,1,2.13,3.84,15.231,15.231,0,0,1,.78,4.44,19.784,19.784,0,0,1-.81,5.94,37.592,37.592,0,0,1-2.19,5.76,45.384,45.384,0,0,1-2.88,5.16,44.931,44.931,0,0,1-3,4.14,9.567,9.567,0,0,1-3.99,3.15,8.131,8.131,0,0,1-3.96.57,5.745,5.745,0,0,1-3.06-1.29,3.18,3.18,0,0,1-1.23-2.49,44.792,44.792,0,0,1,3.06-5.25A44.543,44.543,0,0,0,9.3-39.12Zm25.8,0a10.373,10.373,0,0,1-4.77-2.82,11.4,11.4,0,0,1-2.52-4.23,12.166,12.166,0,0,1-.57-4.71,13.167,13.167,0,0,1,1.02-4.32,11.291,11.291,0,0,1,3.72-4.68,11.971,11.971,0,0,1,6.84-1.92,11.507,11.507,0,0,1,5.01.9,9.8,9.8,0,0,1,3.54,2.64,11.633,11.633,0,0,1,2.13,3.84,15.232,15.232,0,0,1,.78,4.44,19.784,19.784,0,0,1-.81,5.94,39.682,39.682,0,0,1-2.16,5.76,39.963,39.963,0,0,1-2.88,5.16q-1.59,2.4-2.97,4.14a9.517,9.517,0,0,1-4.02,3.15,8.278,8.278,0,0,1-3.99.57,5.745,5.745,0,0,1-3.06-1.29,3.18,3.18,0,0,1-1.23-2.49,55.166,55.166,0,0,1,3.09-5.25A47.7,47.7,0,0,0,35.1-39.12Z' transform='translate(-1.385 61.804)' fill='%2317d5ff'/%3E%3C/svg%3E%0A");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 48px;
    height: 36px;
    left: 0px;
    top: 0px;
}
.footer{
	padding:50px 0;
}
.footer .w33{
	padding-bottom:0
}

.w16{
	width:16.6666%;
	padding:0 15px;
}
.footer_logo_svg{
	fill:black
}
.footer_navi a{
	font-size:16px;
	display:block;
	color:black;
}
.footer_navi li{
	margin-bottom:15px;
}
.icon_a:last-of-type,
.footer_navi li:last-of-type{
	margin:0;
}
.icon_a{
	color:black;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
    flex-wrap:wrap;
	-webkit-box-align:center;
    -ms-flex-align:center;
	align-items:center;
	margin-bottom:20px;
}
.icon_a svg{
	margin-right:15px;
}
.iead{
	margin-bottom:10px;
}
.socseti{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
    flex-wrap:wrap;
	-webkit-box-align:center;
    -ms-flex-align:center;
	align-items:center;
}
.socseti a{
	margin-right:15px;
}
.socseti a:last-of-type{
	margin-right:0;
}
#guarantees,
#feedbacks,
#portfolio{
	position:relative;
	top:-40px;
}




.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999999;
    display: none!important;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}
.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}

.modal-open .modal.in {
    overflow-x: hidden;
    overflow-y: auto;
	display: flex!important;
}
.fade.in {
    opacity: 1;
    -webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
}
.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999999;
    background-color: #000;
}
.modal-backdrop.fade {
    filter: alpha(opacity=0);
    opacity: 0;
}
.modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .5;
}
.modal-open {
    overflow: hidden;
}
.modal-dialog {
    margin: auto;
    padding: 30px 0;
}
#order .order{
	background:#F3F3F3
}
.btn-secondary{
	opacity:0.5;
	cursor:pointer;
	position:absolute;
	top:20px;
	right:20px;
}
.btn-secondary:hover{
	opacity:1
}

.wpcf7-not-valid-tip {
	top: 0;
	left:10px;
    width: 190px;
    position: absolute;
    background: #ff0000;
    color: white;
    font-size: 12px;
    padding: 4px 8px;
    border-radius: 3px;
    z-index: 100;
    animation: fadeOut 0.5s ease 3s forwards;
}
.wpcf7-not-valid-tip::after {
    content: "";
    position: absolute;
    top: 100%; /* Нижняя граница span */
    left: 10px; /* Совпадает с отступом сообщения */
    border-width: 5px;
    border-style: solid;
    border-color: #ff0000 transparent transparent transparent; /* Красный треугольник вниз */
}
@keyframes fadeOut {
    to {
        opacity: 0;
        visibility: hidden;
    }
}
input[type="checkbox"]:checked {
	background-color: #3B83BD;
	border-color: #3B83BD;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
}
.invalid .wpcf7-response-output{
	padding-top:15px;
	max-height:200px;
	opacity:1;
}
.wpcf7-response-output{
	font-size:12px;
	max-height:0;
	overflow:hidden;
	opacity:0;
}

.uehg{
	position:relative;
	max-width:620px;
	margin:auto;
	background:White;
	padding:50px;
	padding-right:200px;
	text-align:left;
}
.eigsad{
	position:absolute;
	top:40px;
	right:-50px;
}
.uehg_2 img{
	height:170px;
	margin-bottom:20px;
}
.eigsad picture,
.eigsad img{
	height:300px;
	width:auto;
	-webkit-transform: rotate(15deg);
	-ms-transform: rotate(15deg);
	transform: rotate(15deg);
	.margin-bottom:30px;
}
.btn-secondary-1{
	cursor:pointer;
	position: relative;
    font-family: "Oswald", sans-serif;
    text-transform: uppercase;
    border: 1px solid #3B83BD;
    color: #3B83BD;
    line-height: 42px;
    padding: 0 30px;
	opacity:1;
	top: auto;
    right: auto;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.btn-secondary-1:hover{
    color: white;
	background:#3B83BD
}
.page{
	padding-top:150px;
	font-size:16px;
}
.page h1{
	font-size:35px;
	font-weight:bold;
}
.page ul,
.page ol{
	padding-left:25px;
	margin-bottom:20px;
}
.page{
	line-height:1.5;
}
.page a{
	color:#3B83BD;
	text-decoration:underline
}
.page a:hover{
	text-decoration:none
}
.page p{
	margin-bottom:20px;
}
.page ul li,
.page ol li{
	margin-bottom:5px;
}
.page ul li{
	list-style-type:disc
}
.page ul li:last-of-type,
.page ol li:last-of-type{
	margin-bottom:0
}
.page p + h2,
.page ul +h2,
.page ol + h2{
	margin-top:30px;
}
.page h2{
	Display:inline-block;
	width:100%;
	font-size:25px;
}
.swiper-2{
	margin:0 -5px;
}
.swiper-2:after,
.swiper-2:before{
	position:absolute;
	content:'';
	top:0;
	bottom:0;
	width:5px;
	height:100%;
	left:0;
	background:#F3F3F3;
}
.swiper-2:after{
	left:auto;
	right:0;
}
/* .swiper-2 .swiper-wrapper{ */
    /* -ms-flex-wrap:wrap; */
	/* flex-wrap:wrap; */
/* } */
.swiper-2 .swiper-slide{
	width:20%;
	padding:0 5px 10px;
	height:auto;
}

.wrgwr{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
	-ms-flex-wrap:wrap;
    flex-wrap:wrap;
	margin:0 -5px;
}
.video_blocking{
	width:33.3333%;
	position:relative;
	padding:0 5px 10px; 
}
.video_blocking_content{
	overflow:hidden;
	padding:25px;
	background:white;
}
.video_blocking p{
	margin:0;
}
.icon_blocking{
	position:relative;
	height:100px;
	width:100px;
	margin-bottom:20px;
}
.icon_blocking:before{
	position:absolute;
	content:'';
	top:50%;
	left:50%;
    -webkit-transform:translate(-50%,-65%);
	-ms-transform:translate(-50%,-65%);
	transform:translate(-50%,-65%);
	background:#3B83BD;
	opacity:0.05;
	width: 180%;
    height: 180%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.video_blocking_content:hover .icon_blocking:before{
	width: 900%;
    height: 900%;
}
.icon_blocking img{
	max-height:100px;
	width:auto;
}














@media (max-width: 1220px){
.wrapper{
	width: 990px
}
.socseti a {
    margin-right: 6px;
}
.icon_a{
	margin-bottom:15px;
}
.swiper-2 .swiper-slide{
	width:25%
}
}

@media (max-width: 1000px){
.wrapper{
	width: 100%;
	padding:0 35px;
}
body{
	font-size:16px;
}
.swiper-2 .swiper-slide{
	width:33.3333%
}
.header{
	padding-top:20px
}
.logo_svg {
    height: 46px;
}
.logo_block{
	width:110px;
}
.header_contacts,
.w_big:first-of-type{
	display:none
}
.logo_block,
.w_big{
	width:50%;
}
.logo_block{
	text-align:left;
}
.hamburger_btn {
	display:block;
    width: 46px;
    height: 46px;
    right: 35px;
    top: 20px;
    position: fixed;
    border: none;
    background: none;
    cursor: pointer;
    z-index: 99999;
}
.hamburger_btn span {
    position: absolute;
    top: 50%;
    left: 8px;
    width: 30px;
    display: block;
    height: 2px;
    background: #fff;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.hamburger_btn span:first-of-type {
    margin-top: -8px;
}
.hamburger_btn span:last-of-type {
    margin-top: 8px;
    width: 24px;
}
body.menu-open .hamburger_btn span:first-of-type {
    background: black;
    margin: 0;
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
}
body.menu-open .hamburger_btn span:nth-of-type(2) {
    background: black;
    width: 0;
}
body.menu-open .hamburger_btn span:last-of-type {
    background: black;
    margin: 0;
    width: 30px;
    -webkit-transform: translateY(-50%) rotate(-45deg);
    -ms-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg);
}


.menu-overlay {
    position: fixed;
    top: -100%;
    left: 0;
    width: 100%;
    height: 100%;
    background: #f1f1f1;
    z-index: 9999;
    transition: top 0.5s ease;
    padding:0 35px;
    Display: flex;
}
.menu-overlay.open {
    top: 0;
}
.ikrgj {
    max-height: 100%;
    overflow: auto;
    width: 100%;
    max-width: 400px;
    margin: auto 0;
	padding:35px 0
}
.ikrgj::-webkit-scrollbar-button{width:0} 
.ikrgj::-webkit-scrollbar{width:0}
.header_fix .header{
	padding:10px 0;
}
.header_fix .hamburger_btn{
	top:10px
}
.header_fix .hamburger_btn span{
	background:black
}
body.menu-open {
    overflow: hidden;
}
.logo_mob_svg{
	height:60px;
	width:auto;
	margin-bottom:30px;
}
.nav_mobi{
	margin-bottom:30px;
}
.nav_mobi a{
	color:black;
	Display:block;
	margin-bottom:10px;
}
.ikrgj .btn{
	margin-bottom:50px;
	border-color: #3B83BD;
    color: #3B83BD;
}
.ikrgj .btn:hover{
	color: white;
	background:#3B83BD;
}
.ikrgj .icon_a {
	margin-bottom: 10px;
}
.ikrgj .iead {
	margin-top: 30px;
}
.ikrgj .socseti a {
	margin-right: 15px;
}
.first_screen .wrapper{
	padding-left:35px;
	padding-right:35px;
}
.feedback-slider .swiper-slide{
	padding:50px 50px 30px;
}
.feedback-slider .swiper-slide:before{
	left:50px;
}
.gorizont_block:nth-of-type(2n - 1) .description {
    padding-left: 50px;
}
.gorizont_block:nth-of-type(2n) .description {
    padding-right: 50px;
}
.doverie-slider .swiper-slide{
	width:33.3333%
}
.footer .w16:first-of-type{
	width:100%;
	margin-bottom:30px;
}
.footer .w33,
.footer .w16{
	width:33.3333%
}
#guarantees,
#feedbacks,
#portfolio {
    top: 60px;
}
.order:before {
    width: 350px;
    height: 485px;
    left: -35px;
    top: 50px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}
.order {
    padding: 65px 65px 45px 355px;
}
.page{
	padding-top:110px;
}
.price_block{
	padding: 30px 30px 15px 300px;
}
.ksdgn{
	width:270px
}
.quote:before {
    width: 30px;
    height: 25px;
}
.quote{
	width:calc(100% - 30px);
    left: 10px;
    padding-left: 30px;
}
}



@media (max-width: 768px){
	
.uehg{
	max-width:350px;
	text-align:center;
	padding:50px 35px 35px;
}
.eigsad{
	position: relative;
    top:auto;
    right:auto;
}
.eigsad picture,
.eigsad img{
	position:relative;	
	height:220px;
	width:auto;
	margin-bottom:30px;
	-webkit-transform:none;
    -ms-transform:none;
    transform:none;
}
.asda{
	Display:table;
	margin:20px auto 0;
}
.ksdgn{
	position:relative;
	width:calc(100% + 70px);
	height:0;
	margin-top:-35px;
	margin-left:-35px;
	margin-right:-35px;
	padding-top:140%;
	margin-bottom:30px;
}
.quote{
	bottom:25px;
    width: calc(100% - 50px);
	left: 25px;
}
.wrapper{
	padding:0 25px;
}
.menu-overlay{
	padding:0 25px
}
.first_screen .wrapper{
	padding-left:25px;
	padding-right:25px;
}
.portfolio_screen{
	padding:60px 0
}
h2{
	font-size:35px
}
.iafs{
	font-size:18px;
}
.iafs p{
	width:420px;
	padding-left: 25px;
}
.portfolio-slider .swiper-slide{
	width:100%;
}
.second_screen h2 {
    margin-bottom: 20px;
}
.image,
.description {
    width: 100%;
}
.gorizont_block:nth-of-type(2n) .description,
.gorizont_block:nth-of-type(2n - 1) .description {
	padding-left: 0;
	padding-top:20px;
	padding-bottom:50px;
}
.feedback,
.order_block,
.doverie {
    margin-top: 60px;
}
.second_screen{
	margin-bottom:60px
}
.order:before {
	width: 170px;
	height: 230px;
	right:30px;
    left: auto;
    top: -80px;
    -webkit-transform:rotate(15deg);
	-ms-transform:rotate(15deg);
	transform:rotate(15deg);
}
.order,
.feedback-slider .swiper-slide{
	padding:35px
}
.order h2{
	padding-right:200px
}
.author_feedback {
    width: 190px;
}
.text_feedback{
	width:calc(100% - 190px);
	padding-right:35px;
}
.doverie-slider {
    margin: 0 -5px;
}
.doverie-slider .swiper-slide {
    width: 50%;
    padding: 0 5px;
}
.doverie-slider:after,
.doverie-slider:before{
	width:5px;
}
.garantii {
    margin-top: 60px;
    margin-bottom: 60px;
}
.video_blocking{
	width:50%;
}

/* .swiper-2 .swiper-wrapper{ */
    /* -ms-flex-wrap:nowrap; */
	/* flex-wrap:nowrap; */
/* } */
.w33,
.w60,
.w40{
	width:100%
}
.garantii img {
    height: 100px;
    left: 35px;
}
.garantii_block {
    padding: 90px 35px 30px;
    margin-top: -70px;
}
.w60{
	padding-bottom:30px
}

.price_block:before{
	content:none
}
.price_block{
	padding:35px
}
.footer{
	padding-bottom:0px;
}
.footer .w33, .footer .w16 {
	width: 100%;
	padding-bottom:40px;
}
.footer .w16:first-of-type {
	margin-bottom: 0;
}
.first_screen .wrapper{
	padding-bottom:50px
}
.socseti a {
	margin-right: 15px;
}
#guarantees,
#feedbacks,
#portfolio {
    top: 30px;
}
.hamburger_btn{
	right:25px
}
.modal-dialog {
    padding: 100px 0 30px;
}
#okey .modal-dialog{
	padding:30px 0
}
.btn-secondary {
	opacity:1;
    top: -20px;
    right: auto;
	left:35px;
	width:40px;
	height:40px;
	background:#F3F3F3;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.btn-secondary svg{
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-6px;
	margin-top:-6px;
}
.page h1{
	font-size:21px
}
.page h2{
	font-size:18px;
}
.page{
	padding-top:110px;
}
}

@media (max-width: 600px){
.slider_navigation{
	width:100%;
	text-align:left;
}
.portfolio-slider .swiper-slide {
	width: 100%;
}
.video_name {
    font-size: 18px;
}
.iafs p{
	width:100%;
	max-width:420px
}
.iafs h2{
	width:100%
}
h2 {
	font-size: 25px;
}
.order:before {
	width: 140px;
	height: 190px;
	top: -60px;
}
.order h2 {
	padding-right: 170px;
}
.w50{
	width:100%;
	margin-bottom:15px;
}
.author_feedback {
	width: 100%;
}
.author_feedback img{
	width:100%;
	height:auto
}
.text_feedback {
	width: 100%;
    padding: 30px 0 0;
}
.name_feedback {
    margin-bottom: 5px;
    font-size: 18px;
}
.feedback-slider .swiper-slide:before {
	left: 35px;
}
.swiper-2 .swiper-slide{
	width:50%;
}
}

@media (max-width: 479px){
h1{
	font-size:30px
}
h1 span{
	margin-top:10px;
	font-size:25px;
}	
.first_screen .btn{
	line-height:1.3;
	padding:15px 20px;
	padding-right: 70px;
}	
.order h2{
	padding-right:80px
}	
.order,
.feedback-slider .swiper-slide,
.price_block,
.uehg {
	padding: 25px;
}	
.order:before {
	width: 110px;
	height: 160px;
	top: -25px;
	right:auto;
	left:230px
}	
.order_block{
	margin-top:0;
	padding:60px 0;
	width:100%;
	overflow:hidden;
}		
.gorizont_block:last-of-type .description{
	padding-bottom:0
}	
.feedback{
	margin-top:0
}
.feedback-slider .swiper-slide:before {
	left: 25px;
}	
.feedback-slider .swiper-slide{
	padding-top:35px
}
.garantii_block {
	padding: 70px 25px 20px;
	margin-top: -55px;
}	
.garantii img {
	left: 25px;
}	
.btn-secondary{
	left:25px
}	
#consultation_okey .modal-dialog,
#lets_talk_okey .modal-dialog{
	padding:20px;
}
.modal-dialog {
	padding: 50px 0 30px;
}
.swiper-2{
	margin-right:-25px
}
.swiper-2 .swiper-slide{
	width:190px;
}	
.ksdgn{
	width:calc(100% + 50px);
	margin-top:-25px;
	margin-left:-25px;
	margin-right:-25px;
	margin-bottom:20px;
}	
	

.video_blocking{
	width:100%;
	padding-bottom:0;
}
.video_blocking_content{
	background:none;
	padding:0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-ms-flex-wrap:wrap;
    flex-wrap:wrap;
	-webkit-box-align:center;
    -ms-flex-align:center;
	align-items:center;
}
.icon_blocking,
.icon_blocking img {
    max-height: 64px;
	width:64px;
	margin:0
}
.video_blocking p{
	width:calc(100% - 64px);
	padding-left:15px;
}	
.icon_blocking:before{
	content:none
}	
.quote {
	width: calc(100% - 40px);
	left: 20px;
}	
	
	
}