body {
font-family: "GothamPro";
color: #111111;;
}


.header_logo > img {
    width: 120%;
}

#modal-form-1 {
}

#modal-success {
}

.header_wrap {
color: #fff;;
display: flex;
position: relative;;;

}

.compl_char {
    padding-bottom: 20px;
}

.header_def {
background: url("../img/header_bg_1.jpg") no-repeat top center;
background-size: cover;
}

.header_bg_1 {
background: url("../img/header_bg_1.jpg") no-repeat top center;
background-size: cover;
}

.header_bg_2 {
background: url("../img/header_bg_2.jpg") no-repeat top center;
background-size: cover;
}

.header_bg_3 {
background: url("../img/header_bg_3.jpg") no-repeat top center;
background-size: cover;
}

.header_bg_4 {
background: url("../img/header_bg_4.jpg") no-repeat top center;
background-size: cover;
}

.header_bg_5 {
background: url("../img/header_bg_5.jpg") no-repeat top center;
background-size: cover;
}

.header_bg_6 {
background: url("../img/header_bg_6.jpg") no-repeat top center;
background-size: cover;
}

.header_bg_7 {
background: url("../img/header_bg_7.jpg.html") no-repeat top center;
background-size: cover;
}

.header_bg_8 {
background: url("../img/header_bg_8.jpg.html") no-repeat top center;
background-size: cover;
}


.header_wrap:before {
	content: "";
	background: rgba(0, 0, 0, 0.7);
	position: absolute;
	width: 100%;
	height: 100%;;;;;;
}

.header_wrap > b {
}



.header_wrap > b > b {
}

.header {display: flex;position: relative;min-height: calc(100vh - 0px);
}

.container {
width: 1140px;
margin-left: auto;
margin-right: auto;;;
}

.container > b {
}

.container > b > b {
}

.header_top {
overflow: hidden;
padding: 29px 0;;;
}

.header_logo {
float: left;;
}

.header_logo > img {
}

.phone_container {
float: right;;
}

.phone_desc {
font-size: 14px;
float: left;
line-height: 21px;;;;
}

.phone_desc > p {
}

.phone_over {
float: right;
text-align: right;;;
}

.phone_number {
}

.phone_number > a {
font-weight: 900;
color: #fff;
text-decoration: none;;;;
}

.call_link {
color: #1f8ffb;
font-size: 14px;;;
}

.header_center {
overflow: hidden;
margin: auto;
width: 100%;
padding-bottom: 90px;padding-top: 120px;;;;;
}

.header_center > b {
}

.header_center > b > b {
}

.header_right {
width: 750px;
float: left;;;
}

.header_right > h1 {
font-size: 44px;
font-weight: 900;
}

.header_right > h2 {
font-size: 22px;
line-height: 34px;
padding: 30px 0 30px;
}

.header_right > h2 > b {
font-weight: 900;;
}



.header_right > b {
}

.header_right > ul {
}

.header_right > ul > li {
font-size: 18px;
background: url("../img/header_check.png") no-repeat left;
padding: 10px 0px 10px 25px;;;;
}

.header_right > ul > li > b {
font-weight: 900;;
}

.header_left {
width: 360px;
float: right;;;
}

.header_form {
background: #fff;
color: #000000;
padding: 50px 40px;
border-radius: 6px;;;;;
}

.form-block {
}

.form-block > p {
}

.fh_1 {
font-size: 20px;;
}

.fh_1 > b {
font-weight: 700;;
}

.modal_form_block .fh_1 {
font-weight: 700;;;

}

.fh_2 {
font-size: 14px;
padding-top: 20px;
padding-bottom: 20px;;;;
}

.fformname {
}

.play img:hover {box-shadow: 0 0 80px 10px #1f8ffb;transform: scale(1.1,1.1);;

}

.input_style_1 {
font-size: 13px;
width: 100%;
box-sizing: border-box;color: #727272;
background: #ebebeb;
font-family: inherit;
height: 60px;
border-radius: 6px;
padding: 0 30px;
margin-bottom: 20px;
border: 2px solid #ebebeb;;;;;;;;;;;;;
}

.fphone {
}

.red_btn {background:  #1f8ffb;font-family: inherit;
color: #fff;
border-radius: 6px;font-weight:  900;
cursor: pointer;
text-transform: uppercase;transition:  all 0.4s ease;border: none;;;;;;;
}

.form_size {
width: 100%;
height: 60px;
font-size: 12px;;;;
}

.send-btn {
}

.ben_wrap {
background: url("../img/ben_bg.jpg") no-repeat right bottom;;
}

.ben {
padding-bottom: 60px;padding-top: 100px;
}

.ben_list {
width: 650px;;
}

.ben_item {
padding: 20px 0 70px 90px;;
}

.ben_1 {
background: url("../img/ico_1.png") no-repeat;
}

.ben_head {
font-weight: 900;font-size:  22px;
padding-bottom: 10px;;;;
}

.ben_desc {
line-height: 24px;;
}

.ben_2 {
	background: url("../img/ico_2.png") no-repeat;
}

.ben_3 {
	background: url("../img/ico_3.png") no-repeat;
}

.ben_4 {
	background: url("../img/ico_4.png") no-repeat;
}

.ben_5 {
	background: url("../img/ico_5.png") no-repeat;
}
.video_wrap:before {
	content: "";
	background:#00000075;
	width:100%;
	height:100%;
	position:absolute;
}
.video_wrap {background: url("../img/video_bg.jpg") center;;;
position: relative;;
}

.video {
text-align: center;
position: relative;
padding: 160px 0;color: #fff;;;;
}

.video_heading {
font-size: 44px;
font-weight: 900;;;
}

.video_desc {
padding-top: 20px;
padding-bottom: 50px;;;
}

.play {
border-radius: 110px;display:  inline-block;
}

.play > img {
border-radius: 90px;
transition: all 0.5s ease;;
}

.portfolio_wrap {
padding-bottom: 100px;;
}

.portfolio {
}

.block_heading {
font-size: 44px;
font-weight: 900;
padding-top: 100px;;;;
}

.portfolio_slider {
padding-top: 60px;;
}

.port_top_img_wrap {
width: 80%;
float: left;;;

}

.port_dop_img_wrap {
width: 20%;
float: left;;;

}
.port_link_all {
padding-top: 20px;color: #1f90fb;;
display: inline-block;;

}

.portfolio_item .block_heading {
padding-bottom: 50px;
font-size: 28px;

}
.portfolio_item {
overflow: hidden;;
}

.port_img {
overflow: hidden;;
}

.port_top_img {
max-width: 100%;;;;
}

.port_dop_img {
box-sizing: border-box;;
padding-left: 20px;;
width: 100%;;
padding-bottom: 17px;;;;;;;;
}

.port_dop_img img {
display: inline-block !important;
width: 100%;
margin-bottom: 10px;;;;;
}

.port_dop_img a {

}

.port_dop_img a:last-child img {
	margin-right: 0;
}

.port_desc {
padding-top: 20px;
float: left;
box-sizing: border-box;;;;;;
}

.port_desc  p {
line-height: 24px;
padding-bottom: 20px;;;
}

.port_desc  ul {
line-height: 35px;
}

.port_desc  ul  li {
background: url("../img/ul_check.png") no-repeat left;
padding-left: 20px;;;
}

.slick-prev {
  text-indent: -9999px;
  background: url("../img/arrow_p.png");
  border: none;
  height: 24px;
  width: 14px;
  padding: 0;
  top: 50%;
  position: absolute;
  left: -60px;
  cursor: pointer;

}

.slick-dots .slick-active button {
	background: #1f8ffb;

}

.slick-dots {
  text-align: center;
  margin-top: 60px;;

}

.slick-dots li {
  display: inline-block;
  padding: 0px 5px;

}

.slick-dots li button {
  background: #fff;
  -moz-border-radius: 29px 28px 28px 29px/28px 28px 29px 29px;
  border-radius: 100px;
  background-color: #5a5a5a36;
  border: none;
  width: 10px;
  text-align: center;
  height: 12px;
  cursor: pointer;
  text-indent: -9999px;
  4: 0 12px 49px
	rgba(202,202,202,.67);
  box-sizing: border-box;;;

}

.slick-next {
  text-indent: -9999px;
  background: url("../img/arrow_n.png");
  border: none;
  height: 24px;
  width: 14px;
  padding: 0;
  top: 50%;
  position: absolute;
  right: -60px;
  cursor: pointer;

}

.leadform_wrap {
background: url("../img/form_1_bg.jpg") no-repeat center top;;
}

.leadform {
}

.leadform_form {
padding: 180px 0px;width:  890px;
}

.lfh_1 {
font-weight: 900;;;;
font-size: 44px;;;
}

.input_style_2 {
color: #727272;
font-size: 13px;
width: 32%;
box-sizing: border-box;
background: #ffffff;
font-family: inherit;
height: 60px;
border-radius: 6px;
padding: 0 30px;
margin-bottom: 20px;
margin-right: 10px;
border: 2px solid #ffffff;
	;

}

.lfh_2 {
font-size: 18px;
padding-top: 20px;
padding-bottom: 30px;;;;
}

.input_lf {
}

.lform_size {
height: 60px;
width: 270px;
font-size: 12px;;;;
}

.func_wrap {
padding-bottom: 40px;;
}

.func {
}

.func_list {
padding-top: 60px;overflow: hidden;
}

.func_label p {
background: #fff;
padding: 20px 0;;;;

}

.func_list .func_item:nth-child(3n) {
	padding-right: 0;
}

.func_item {
padding-right: 30px;;;;;;;;
float: left;;;;;;;;
height: 140px;;;;;;;;;
margin-bottom: 60px;width: 360px;;;;;;
}

.func_item_ico {
width: 151px;
border: 7px solid #efefef;
float: left;height:  130px;
}

.fi_ico_1 {
background: url("../img/f_ico_1.png") left no-repeat;
}

.func_label {
font-size: 22px;
font-weight: 700;
height: 140px;
vertical-align: middle;
padding-left: 150px;
display:  table-cell;
}

.fi_ico_2 {
	background: url("../img/f_ico_2.png") left no-repeat;
}

.fi_ico_3 {
	background: url("../img/f_ico_3.png") left no-repeat;
}

.fi_ico_4 {
	background: url("../img/f_ico_4.png") left no-repeat;
}

.fi_ico_5 {
	background: url("../img/f_ico_5.png") left no-repeat;
}

.fi_ico_6 {
	background: url("../img/f_ico_6.png") left no-repeat;
}

.fi_ico_7 {
	background: url("../img/f_ico_7.png") left no-repeat;
}

.fi_ico_8 {
	background: url("../img/f_ico_8.png") left no-repeat;
}

.fi_ico_9 {
	background: url("../img/f_ico_9.png") left no-repeat;
}

.compl_wrap {
background: #f9f9f9;;
}

.compl {
}

.filter {
padding: 40px 0;;
}

.filter > li {
display: inline-block;
padding-right: 8px;
;

}



.filter li a {
font-size: 14px;
text-transform: uppercase;
text-decoration: none;
font-weight: 700;
color: #8c8c8c;
border: 1px solid #8c8c8c;
padding: 15px 20px;
display: block;;;;;;;

}

.call_link_white {
	color: #fff !important;
}

.active_filter a {
color: #1f8ffb !important;
border: 1px solid #1f8ffb !important;

}
.compl_catalog {
padding-bottom: 80px;;
}

.compl_cat {
padding-top: 40px;;
}

.compl_cat_headings {
padding-bottom: 40px;;
}

.compl_list .compl_item:nth-child(3n) {
margin-right: 0;;

}

.compl_cat_head {
font-weight: 700;;;
font-size: 22px;padding-bottom: 10px;;;
}

.compl_cat_desc {
}

.compl_cat_desc > a {
color: #1f8ffb;;
}

.compl_list {
padding-bottom: 80px;;;
}



.menu_links li {
list-style: none;;;;

}

.menu-close {
background: url("../img/close_menu.png") no-repeat center !important;;

}

.menu_links li a {
text-decoration: none;
color: #000;
padding: 15px 0px;
display: inline-block;
	
}

.mult_head {
    color: #ff4a4d;
}

.menu_links {
	display: none;
position: fixed;
z-index: 1;
background: #fff;
padding: 120px 80px 0 30px;
height: 100%;

}
.top_wrap_fixed {
    background: #1f8ffb;

}
.menu_btn {
height: 100px;
position: absolute;
background: url("../img/menu_w.png") no-repeat center;
z-index: 9999;width: 100px;
transition: all 0.5s ease;display: block;;;;;;

}

.compl_item {
background: #fff;
margin-right: 1.2%;width: 31.88%;
margin-bottom: 20px;overflow: hidden;display: inline-block;
min-height: auto;vertical-align: top;;
}

.top_wrap {
position: fixed;;
transition: all 0.5s ease;width:  100%;;
z-index: 2;;;

}

.compl_item_img {
}

.compl_item_img > img {
width: 100%;;
}

.compl_item_desc {
padding: 40px;;;;
}

.compl_name {
font-weight: 700;;
line-height: 22px;;
padding-bottom: 10px;;;;
}

.full_cat_wrap {
background: #fff;
text-align: center;
padding: 30px 0;;
	;;;

}

.compl_desc {
font-size: 14px;
line-height: 21px;
padding-bottom: 20px;;;;
}

.compl_char {
}

.compl_char_str {
font-size: 14px;
overflow: hidden;
position: relative;
margin-bottom: 10px;;;;;;;
}

.compl_char_left {
float: left;
position: relative;
background: #fff;
}

.compl_char_str:before {
	content: "";
	width: 100%;
	border-bottom: 1px dotted #0000002e;
	display: block;
	bottom: 2px;
	position: absolute;;;;;;;
}

.compl_char_right {
float: right;
position: relative;background: #fff;;
}

.compl_price {
font-weight: 700;
font-size: 18px;
padding: 30px 0 20px;;;;
}

.compl_size {
width: 100%;
height: 60px;
font-size: 12px;;;;
}

.full_cat {
color: #1f8ffb;
font-size: 26px;
font-weight: 900;
text-transform: uppercase;
background: url("../img/cat_ico.png") no-repeat left;
display: inline-block;padding: 30px 0 30px 100px;;;;;;;;
}

.full_cat > p {
color: #1f8ffb;
}

.action_wrap {
background: url("../img/action_bg.jpg") no-repeat center;;
}

.action_over {
width: 650px;
}

.action_head {
font-size: 44px;
font-weight: 900;
}

.action_desc {
padding-top: 30px;;
}

.action_desc > p {
font-size: 19px;
padding-bottom: 20px;;;
}
.action {
padding: 140px 0px;;

}
.action_size {
width: 360px;
height: 60px;
font-size: 12px;;;;
}

.calc_wrap {
background: #f9f9f9;;
padding-bottom: 120px;;;;
}

.calc {
}

.calc_over {
overflow: hidden;
padding-top: 60px;;;
}

.calc_left {
width: 490px;
box-sizing: border-box;
padding-right: 120px;
float: left;;;;;
}

.calc_item_1 {
padding-bottom: 30px;;
}

.calc_item_head {
font-size: 14px;
font-weight: 700;
padding-bottom: 10px;;;;
}

.calc_sel {
border-radius: 4px;;
}

.calc_items {
overflow: hidden;;
}

.calc_item_2 {
width: 173px;
float: left;
padding-right: 32px;;;;
}

.calc_item_3 {
width: 165px;
float: left;
}

.calc_right {
float: left;;
}

.calc_item_4 {
}

.calc_check {
padding-top: 20px;
padding-bottom: 70px;;;
}

.calc_size {
width: 360px;
height: 60px;
font-size: 12px;;;;
}

.team_wrap {
padding-bottom: 120px;;
}

.team {
}

.team_list {
padding-top: 80px;
justify-content: space-between;
display: flex;;;
}

.team_item {
display: inline-block;
width: 26%;
text-align: center;
box-sizing: border-box;
padding: 0px 0px;;;;;;
}

.team_item > img {
width: 290px;
border-radius: 160px;;;
}

.team_item:nth-child(2n) {

}

.team_name {
text-transform: uppercase;;
padding-top: 40px;font-weight:  700;;;
}

.team_dol {
font-size: 14px;
padding-top: 10px;
padding-bottom: 20px;;;;
}

.team_desc {
line-height: 24px;;
}

.faq_footer_wrap {
background: url("../img/footer_bg.jpg") no-repeat top;;
background-size: cover;;;
}

.faq {
color: #fff;;
}

.faq_list {
padding-top: 60px;
width: 850px;
padding-bottom: 40px;;;;
}

.faq_item {
padding-bottom: 30px;;
}

.faq_item .opened {
	background: url("../img/ask_m.png") no-repeat left top;
}

.faq_head {
font-size: 18px;
background: url("../img/ask_p.png") no-repeat left top;
padding-top: 10px;font-weight:  700;
padding-left: 60px;
padding-bottom: 20px;
cursor: pointer;;;;;; 
}

.faq_desc {
padding-left: 60px;;
}

.faq_desc > p {
padding-bottom: 20px;;
}

.contacts {
padding-top: 60px;
color: #fff;
overflow: hidden;;;;
}

.cont_left {
width: 750px;
float: left;;;
}

.map_wrap {
height: 400px;
overflow: hidden;
background: #fff;
border-radius: 6px;
}

.cont_list {
padding-top: 40px;;
}

.cont_list  ul {
}

.cont_list ul li {
background: url("../img/point.png") no-repeat right;display:  inline-block;;
padding-right: 30px;;
margin-right: 20px;;;
}

.cont_list ul  li a {
color: #fff;
text-decoration: none;;;
}

.cont_list ul li:last-child {
	background: none;
}


.cont_right {
width: 360px;
float: right;;;
}

.cont_form {
background: #fff;
color: #000000;
padding: 50px 40px;
border-radius: 6px;
}

.footer {
overflow: hidden;
padding: 80px 0;color:  #fff;
line-height: 18px;font-size:  12px;;;;
}

.footer_left {
float: left;;
}

.footer_left > br {
}

.footer_right {
float: right;
text-align: right;;;;
}

.footer_right > br {
}

.footer_right > a {
color: #1f8ffb;;
}

.modal {
}

.close {
}

.modal_form_block {
text-align: center;;
}

.modal-success {
}

.modal-success > h3 {
font-weight: 900;
font-size: 22px;
padding-bottom: 20px;
padding-top: 20px;;;;;
}

.successimg {
}


.sucsecc_desc {
}

.overlay {
}

.red_btn:hover {
box-shadow: 0px 0px 20px 2px #1f90fb;;;

}

/* modal
-----------------------------------------------------------------------------*/
.modal {
  display: none;
  position:fixed;
  z-index:9999;
  top:5%;
  left: 50%;
  border-radius: 3px;
  background: #fff;
  padding: 50px 40px;
  width: 280px;
  margin-left: -180px;;;;
}

.overlay {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:rgba(0, 0, 0, 0.89);
  z-index:99;
  opacity:0.8;
  display:none;
}

.ierror {
  border: 2px solid rgb(229, 30, 35);;
}


.close {
  position: absolute;
  top: 20px;
  right: 20px;
  color: #D2D2D2;
  cursor: pointer;
  background: url("../img/close_mod.png");
  height: 20px;
  width: 20px; } 

#modal-success {

}

.modal-success {
	background: #fff;
	border-radius: 4px;
	box-sizing: border-box;
	text-align: center;;;;;;

}


.dropcontainer {
	position:relative;
	font-size: 16px;
	color: #777;
	width:100%;
	} 

.trigger {
	color: #777;
	padding: 22px 30px;
	font-size: 13px;
	width: 100%;
	background: #ebebeb url("../img/select-arrow-open.png") 93% center no-repeat;
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-decoration: none;
	border-radius: 6px;;;;;
	}

.trigger:hover {
	}

.calc_item_2 .trigger,.calc_item_3 .trigger{
    background: #ebebeb url("../img/select-arrow-open.png") 83% center no-repeat;
}

.calc_item_2 .activetrigger, .calc_item_3 .activetrigger {
    background: #ebebeb url("../img/select-arrow-close.png") 83% center no-repeat;
}

.activetrigger {
	color: #777;
	padding: 22px 30px;
	font-size: 13px;
	width: 100%;
	background: #ebebeb url("../img/select-arrow-close.png") 93% center no-repeat;
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-decoration: none;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;;;;;;
	}

.activetrigger:hover {
	}

.activetrigger:active {
	}

.dropcontainer ul {
	font-size: 16px;
	border-top: none;
	background: #ebebeb;
	list-style-type: none;
	margin: 0;
	width: 100%;
	z-index: 100;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #777;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	padding-bottom: 15px;;;;
	}

.dropcontainer ul li {
	-webkit-transition: all 0.5s ease; 
	-moz-transition: all 0.5s ease; 
	-o-transition: all 0.5s ease; 
	transition: all 0.5s ease;
	}

.dropcontainer ul li a {
font-size: 13px;
padding: 7px 30px;
color: #777;
text-decoration: none;
display: block;
border-radius: 6px;;;;;;

}

.dropcontainer ul li a:hover {
	background: #e0e0e0;

}

.dropcontainer ul li:hover {
	}

.dropcontainer ul li:first-child {
	display: none;
	}

.dropcontainer ul li:last-child {
	border-bottom: none;
	}

.dropdownhidden {
	display: none;
	}

.dropdownvisible {
	height: auto;
	}


.checkbox,
.radio {
	display: none;
}
.checkbox-custom,
.radio-custom {
	width: 20px;
	height: 20px;
	border-radius: 3px;
	position: relative;
	border: 2px solid #ebebeb;
	background: #ebebeb;
	cursor: pointer;;;
}
.checkbox-custom,
.radio-custom,
.label {
	display: inline-block;
	vertical-align: middle;
	font-size: 13px;
	margin-left: 0px;;;;;;
}
.checkbox:checked + .checkbox-custom::before,
.radio:checked + .radio-custom::before {
	content: "";
	display: block;
	position: absolute;
	top: 2px;
	right: 2px;
	bottom: 2px;
	left: 2px;
	background: #1f8ffb;
	border-radius: 2px;
}

.label {
padding-left: 8px;;

}
.radio-custom,
.radio:checked + .radio-custom::before {
}

.check_row {
display: inline-block;
padding-right: 29px;;;

}

.video_modal {

}

.video_modal_wrap {
background: none;
width: 900px;
margin-left: -450px;;;;;
	
}

.video_modal_wrap .close {
background: url("../img/close_mod.png") #ffffff no-repeat center;;;
padding: 10px;;;
border-radius: 100px;;;
top: 0;;;
right: 0;;;;;

}

.complection {
padding-bottom: 20px;
border-bottom: 1px solid #e0e0e0;
margin-bottom: 20px;;;;
	
}

.complection_head {
font-weight: 700;
font-size: 12px;
padding-bottom: 5px;
padding-top: 10px;;;;;

}

.complection_desc {
font-size: 14px;;

}


.compl_name_mod {
}

.arrow_anim {
  -moz-animation: animaciyacbw 1s ease-in-out 0s infinite alternate;
  -webkit-animation: animaciyacbw 1s ease-in-out 0s infinite alternate;
  -ms-animation: animaciyacbw 1s ease-in-out 0s infinite alternate;
  position: absolute;
  bottom: 20px;
  left: 50%;
  padding: 30px;
  box-sizing: border-box;
  margin-left: -40px;;;;;;;
 }

 @-webkit-keyframes animaciyacbw {
   from { bottom: 50px; opacity: 0.2;}  
   to {bottom: 20px;  opacity: 0.8;}
  }

  @-moz-keyframes animaciyacbw {
   from { bottom: 50px; opacity: 0.2;}  
   to {bottom: 20px;  opacity: 0.8;}
  }

   @-ms-keyframes animaciyacbw {
   from { bottom: 50px; opacity: 0.2;}  
   to {bottom: 20px;  opacity: 0.8;}
  }