/* Start:/bitrix/templates/vic_service/components/bitrix/menu/header_menu/style.min.css?1531474837490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/bitrix/templates/vic_service/components/bitrix/menu/header_menu/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */


/* Start:/bitrix/templates/vic_service/components/bitrix/menu/header_menu_mobile/style.min.css?1531474837490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/bitrix/templates/vic_service/components/bitrix/menu/header_menu_mobile/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */


/* Start:/bitrix/templates/vic_service/components/bitrix/menu/footer_menu_first/style.min.css?1531474837490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/bitrix/templates/vic_service/components/bitrix/menu/footer_menu_first/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */


/* Start:/bitrix/templates/vic_service/styles.css?15625827481790*/
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, 
strong, 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;
      outline: none;
}
article, aside, details, figcaption, figure, footer, header, 
hgroup, menu, nav, section { 
    display: block; 
}
ol, ul {
    list-style: none;
}
blockquote, q { 
    quotes: none; 
}
blockquote:before, blockquote:after, q:before, q:after { 
    content: ''; 
    content: none; 
}
strong { 
    font-weight: bold; 
} 
input { 
    outline: none; 
}

table { 
    border-collapse: collapse; 
    border-spacing: 0; 
}
img { 
    border: 0; 
    max-width: 100%; 
}

a {
    text-decoration: none; 
}

.float-left{
    float: left;
}
.float-right {
    float: right;
}
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
 
.clearfix:after {
    clear: both;
}
/*@font-face{
    font-family:"HB";
    src:url(/bitrix/templates/vic_service/fonts/HelveticaNeueCyr-Bold.ttf);
}
@font-face{
    font-family:"HR";
    src:url(/bitrix/templates/vic_service/fonts/HelveticaNeueCyr-Roman.ttf);
}
@font-face{
    font-family:"HM";
    src:url(/bitrix/templates/vic_service/fonts/HelveticaNeueCyr-Medium.ttf);
}
@font-face{
    font-family:"HL";
    src:url(/bitrix/templates/vic_service/fonts/HelveticaNeueCyr-Light.ttf);
}*/
/* End */


/* Start:/bitrix/templates/vic_service/template_styles.css?157402251982967*/
@font-face {
	font-family: Helvetica-Roman;
	src: url(/bitrix/templates/vic_service/fonts/HelveticaNeueCyr-Roman.ttf);
}

@font-face {
	font-family: Helvetica-Bold;
	src: url(/bitrix/templates/vic_service/fonts/HelveticaNeueCyr-Bold.ttf);
}

@font-face {
	font-family: Helvetica-Medium;
	src: url(/bitrix/templates/vic_service/fonts/HelveticaNeueCyr-Medium.ttf);
}

@font-face {
	font-family: Helvetica-Thin;
	src: url(/bitrix/templates/vic_service/fonts/HelveticaNeueCyr-Thin.ttf);
}
html {
	overflow-x: hidden;
}
body {
	font-size: 16px;
	height: 100vh;
	font-family: Helvetica-Medium;
}

.container {
	width: 80em;
	height: auto;
	padding: 0em 1.250em;
	margin: 0 auto;
}

header {
	width: 100%;
	height: 8.625em;
	color: #fff;
	background-color: #fff;
	z-index: 1000;
	position: relative;
}

header .container {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: space-between;
}

header .menu, header .user_data {
	max-width: 25.000em;
	min-width: 25.000em;
	margin-top: 1.688em;
}

header .menu li { display: inline-block; }

header .menu ul:nth-child(1) li { margin-right: 1rem; padding: 0;}

header .menu ul:nth-child(2) {
	position: absolute;
	margin-top: 5em;
}

header .menu ul:nth-child(2) li {
	margin-right: 0.5rem;
}

header .menu ul:nth-child(2) li a {
	color: #808080;
	text-transform: uppercase;
	transition: .2s;
	font-size: 0.813em;
	padding-bottom: 0.500em;
	border-bottom: 1px solid transparent;
}

header .menu ul:nth-child(2) li a:hover {
	color: #474d5a;
	border-bottom: 1px solid #46adf0;
}

header .logo img {
	width: 385px;
	margin: 1.5em auto;
}

header .user_data { text-align: right; }

header .user_data ul li {
	display: inline-block;
	vertical-align: middle;
	margin-left: 0.813em;
}

header .user_data ul li a {
	color: #9aa3a9;
	text-transform: uppercase;
	transition: .2s;
	font-size: 0.813em;
	line-height: 1em;
}

header .user_data ul li a:hover { color: #474d5a; }

header .user_data ul li span { 
	color: #808080;
	margin: 0em 0.313em;
	vertical-align: bottom;
	margin-bottom: .4em;
	display: inline-block;
}

header .user_data div { 
	margin-top: 0.5em;
}

header .user_data div a:first-child {
	color: #808080;
	text-transform: uppercase;
	transition: .2s;
	font-size: 1em;
}

header .user_data div a:first-child span { 
	color: #333333;
}

.btn-header-map {
	padding: 0.500rem 1rem;
	background: linear-gradient(to right, #ffc600, #ffc600);
	color: #231d1d;
	border-radius: 15px;
	/*margin-left: 1.688rem;*/
	font-size: 0.75em;
	text-transform: uppercase;
}

header .user_data .btn_header {
	padding: 0.500rem 2.450rem;
	background: linear-gradient(to right, #ffc600, #ffc600);
	color: #231d1d;
	border-radius: 15px;
	margin-left: 1.688rem;
	font-size: 0.75em;
	text-transform: uppercase;
}

header .user_data .btn_header:hover { 
	background: linear-gradient(to right, #FFA500, #FFA500);
}

main {
	background: url(/bitrix/templates/vic_service/images/main-bg.jpg);
	background-repeat: no-repeat;
	background-position: center top; 
	width: 100%;
	height:auto;
	display: block;
	position: relative;
}

.w3-row {
	margin-top: 45px;
	margin-left: 15px;
}

/*banner*/
.banner {
	background-size: cover;
	position: relative;
	display: block;
	box-sizing: border-box;
	background-repeat: no-repeat;
	height: 31.750em;
	width: 100%;
	padding-top: 7.750em;
}

.container_banner {
	width: 77.500em;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-around;
	box-sizing: border-box;
}

.container_banner div:first-child{ 
	min-width: 3.875em;
	flex-grow: 1;
}
.container_banner div:last-child{ 
	min-width: 3.875em;
	flex-grow: 1;
}
 .container_banner .slide {
	width: 100%;
	background: rgba(0, 0, 0, 0.47);
	padding: 1.063em 2.625em;
	box-sizing: border-box;
	margin: 0em auto;
	margin-left: 2.625em;
	flex-grow: 0;
}

.slider-header {
	font-size: 2.5em;
	margin-top: 0em;
	color: #ffffff;
	text-transform: uppercase;
	line-height: 1em;
}

.slider-desc {
	font-size: 1.875em;
	color: #ffc600;
	margin-top: 1.250em;
	text-transform: uppercase;
	line-height: 0.7em;
}

.slide ul { margin-top: 1.563em; }

.slide ul li {
	margin-right: 10px;
	display: inline-block;
	vertical-align: middle;
	font-size: 1.063em;
	color: #ffffff;
	line-height: 1em;
	text-transform: uppercase;
}


.slide ul li img {
	margin-right: 10px;
	display: inline-block;
	vertical-align: middle;
	padding-bottom: 0.250em;
}

.slide ul li:nth-child(1) img{ margin-left: 0em; }


.btn_slider {
	padding: 1em 2.000em;
	margin-top: 1.875em;
	display: inline-block;
	background: #ffc600;
	color: #231d1d;
	border-radius: 15px;
	line-height: 0em;
	transition: .2s;
}
.btn_slider:hover {
	background: linear-gradient(to right, #FFA500, #FFA500);
}

.arrow_right {
	margin-left: 2.625em;
}

.arrow_left:hover { opacity: 1; }
.arrow_right:hover { opacity: 1; }

.dot {
	border:1px solid transparent;
	border-radius: 50%;
	width: 1.625em;
	height: 1.625em;
	position: relative;
	display: inline-block;
	cursor: pointer;
	margin-left: 2.125em;
}

.dots_control {
	background-repeat: no-repeat;
	background-position: 18.000em 0;
	height: 1px;
	margin-top: 4.063em;
}

.dot_pack { 
	float: right; 
	margin-top: -0.8em;
}

.active_dot, .dot:hover { border:1px solid #429cfc; }

.circle {
	background: -webkit-linear-gradient(left, #56ccf2, #3b98ef);
	border-radius: 50%;
	display:block;
	width: 1em;
	height: 1em;
	margin: 0 auto;
	margin-top: .3em;
}

.fade {
	-webkit-animation-name: fade;
	-webkit-animation-duration: 2s;
	animation-name: fade;
	animation-duration: 2s;
}

.go a {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -1.63em;
	top: 96%;
	width: 50px;
	height: 50px;
	background-color: #fff;
	border-radius: 50%;
	text-align: center;
	padding-top: 20px;
	z-index: 100;
	box-sizing: border-box;
	box-shadow: 0 1px 1px rgba(124, 123, 123, 0.74), 0 1px 1px rgba(50, 50, 50, 0.26);
}

.main-triggers {
	width: 100%;
	height: 110px;
	color: #fff;
	background: #292e30;
}
.triggers-container {
	width: 1330px;
	margin: 0 auto;
	padding: 20px 0px;
}
.trigger-item, .tr-left, .tr-right {
	float: left;
}

.tr-right {
	padding-top: 20px;
	padding-left: 10px;
	margin-right: 15px;
}


/*content*/
.sect_header {
	text-align: center;
	padding-top: 30px;
}

.sect_header li {
	display: inline-block;
	vertical-align: middle;
}

.section-header {
	font-size: 2.250em !important;
	color: #474d5a !important;
	text-transform: uppercase !important;
}

.galery {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	margin-top: 2em;
	flex-wrap: wrap;
}

.galery_item {
	flex-grow: 1;
	width: calc(100% * (1/4));
	margin: 0em 1em;
	position: relative;
	border: 5px solid #fff;
	box-shadow: 0 1px 1px rgba(124, 123, 123, 0.1), 0 1px 1px rgba(50,50,50,0.12);
}

.galery_item span {
	height: 50px;
	display: flex;
	align-items: center;
	position: absolute;
	width: 100%;
	color: #fff;
	font-size: 1em;
	box-sizing: border-box;
	padding: 1em 1.875em;
	z-index: 10;
	background: -webkit-linear-gradient(left, rgba(0, 21, 233, 0.92), rgba(0, 125, 241, 0.72));
}

.galery_item div {
	height: 252px;
	overflow: hidden;
}

.galery_item div .shadow {
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: rgba(0, 0 , 0, .4);
	transition: .3s;
}

.galery_item div:hover .shadow {
	opacity: 0;
}

.service_pack {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	height: auto;
	margin-top: 2em;
}

.service_pack div {
	width: 300px;
	min-height: 100%;
	text-align: center;
	padding: 2.750em 1.750em;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	box-sizing: border-box;
	box-shadow: 0 1px 1px rgba(124, 123, 123, 0.1), 0 1px 1px rgba(83, 82, 82, 0.12);
}


.service_pack div h5 {
	text-transform: uppercase;
	color: #3992ee;
	font-size: 1.500em;
	padding-bottom: 2.500em;
	border-bottom: 1px solid #eef0f3;
}

.service_pack div > span > p {
	color: #474d5a;
	padding: 1.125em 0em;
	font-size: 0.875em;
	border-bottom: 1px solid #eef0f3;
}


.service_pack div span {
	display: block;
	padding: 1.125em 0em;
	margin-top: 0.625em;
	height: auto;
}

.service_pack div span p {
	color: #474d5a;
	font-size: 0.875em;
}

.pack-footer {
	position: absolute;
	bottom: 30px;
	left: 27%;
}

.pack-footer h3 {
	height: 2.125em;
	text-transform: uppercase;
	color: #474d5a;
	font-size: 1.500em;
	display: block;
}

.service_pack div span a {
	padding:  0.500em 4.063em;
	background: -webkit-linear-gradient(right, #56ccf2, #3b98ef);
	color: #fff;
	transition: 1s;
}

.service_pack div a:hover { background: -webkit-linear-gradient(right, #3ac6f4, #2488e6); }

.why_me {
	height: auto;
	width: 100%;
	background-image: url("/bitrix/templates/vic_service/images/why_bg.jpg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
	margin-top: 3.625em;
	padding-bottom: 4.750em;
}

.sect_header_w {
	text-align: center;
	padding-top: 30px;
}

.sect_header_w li {
	display: inline-block;
	vertical-align: middle;
}

.section-header-white {
	font-size: 2.250em !important;
	color: #ffffff !important;
	text-transform: uppercase !important;
}

.why_cont {
	display: flex;
	justify-content: space-between;
	margin-top: 4.063em;
}

.why_left {
	width: 38.750em;
}

.why_left span{
	display: flex;
	align-items: center;
	margin-top: 0.938em;
}

.why_left span:first-child {
	margin-top: 0em;
}

.why_left span h5 {
	font-size: 3.000em;
	color: #2966fc;
}

.why_left span img { margin-left: 1.875em; }

.why_left span p {
	margin-left: 1.875em;
	white-space: nowrap;
	font-size: 1.125em;
	color: #ffffff;
}


.why_right {
	max-width: 31.250em;
	background-color: #ffffff;
	padding: 3.438em 2.375em;
	box-sizing: border-box;
}

.why_right h5 {
	color: #474d5a;
	font-size: 1.5em;
	text-transform: uppercase;
	line-height: 1.5em;
}

.why_right p {
	margin-top: 1em;
	font-size: 0.875em;
	line-height: 1.8em;
}

.why_right span { color: #01A0F2; }

.why_right a {
	display: inline-block;
	text-align: center;
	text-transform: uppercase;
	margin-top: 1em;
	padding:  1em 3.500em;
	background: -webkit-linear-gradient(left, #3992ee, #50bff1);
	color: #fff;
	transition: 1s;
}

.why_right a:hover { background: -webkit-linear-gradient(right, #3ac6f4, #2488e6); }

.how_do {
	width: 100%;
	height: auto;
	background: url(/bitrix/templates/vic_service/images/how-bg.jpg);
	background-repeat: no-repeat;
	background-position: top;
	background-size: cover;
	padding: 0px 15px;
}

.how_we_do {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-top: 1em;
	padding-bottom: 7.063em;
}

.how_we_do_new {
	padding-bottom: 75px !important;
}

.how_we_do span{
	display: flex;
	flex-direction: row;
	align-items: center;
	min-height: 5.000em;
}

.how_we_do span img { 
	max-height: 0.625em;
	margin:0em 0.625em;
}

.how_we_do span h5 {
	font-size: 2.750em;
	color: #01A0F2;
}

.how_we_do span p {
	font-size: 0.938em;
	color: #474d5a;
}

.how_img {
	width: 18.125em;
	height: 18.125em;
	overflow: hidden;
	position: relative;
}
.how_img img{
	width: 18.125em;
	height: 18.125em;
}

.how_img .shadow {
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: rgba(0, 0 , 0, .4);
	transition: .3s;
}

.how_img:hover .shadow {
	opacity: 0;
}

.form {
	background-image: url(/bitrix/templates/vic_service/images/form.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	height: 19.063em;
}

.form .container {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.form .container h5:first-child {
	color: #fff;
	font-size: 2.5em;
	margin-top: 1.5em;
	text-transform: uppercase;
}

.form .container h5 {
	color: #fff;
	font-size: 1.3em;
	text-transform: uppercase;
	margin-top: 1rem;
}

.form .container form { margin-top: 3.125rem; }

.form input[type="phone"] {
	width: 18.750em;
	height: 2.500em;
	border: none;
	outline: none;
	padding: 0em 1.250em;
}

.form input[type="text"] {
	width: 18.750em;
	height: 2.500em;
	border: none;
	outline: none;
	padding: 0em 1.250em;
}
.form select {
	width: 18.750em;
	height: 2.100rem;
	border: none;
	outline: none;
	padding: 0rem 1.250rem;
	color: #474d5a;
	margin-left: 1.250em;
}

.form input[type="submit"] {
	padding: 0em 2.050em;
	height: 2.440em;
	text-transform: uppercase;
	border: none;
	outline: none;
	background: -webkit-linear-gradient(left, #ffc600, #ffc600);
	color: #231d1d;
	border-radius: 15px;
	cursor: pointer;
	font-size: 0.875em;
	margin-left: 1.250em;
}

.otzyvy {
	width: 100%;
	height: auto;
	background: url(/bitrix/templates/vic_service/images/how-bg.jpg);
	background-repeat: no-repeat;
	background-position: top;
	background-size: cover;
	padding-bottom: 4.750em;
}

.otzyvy li {
	text-align: center;
}

.mini_slider li:nth-child(2) img {
	margin: 0em 5.000em;
}

.mini_slider li h5 {
	color: #474d5a;
	font-size: 1.250em;
	margin-top: 1.250em;
}

.mini_slider p { 
	text-align: center; 
	color: #474d5a;
	font-size: 0.938em;
	line-height: 2em;
	padding: 0.750em;
	margin-top: 1.500em;
	box-shadow: 0 1px 1px rgba(124, 123, 123, 0.1), 0 1px 1px rgba(150,150,150,0.12);
}

.l_quote, .r_quote {
	color: #3892ee;
	font-size: 1.875em;
}

.l_quote { float: left; }

.r_quote { float: right; }

.mini_slider ul{
	display: flex;
	align-items: center;
	justify-content: center;
}


.mini_slider_a {
	text-transform: uppercase;
	margin-top: 3.725em;
	padding:  1em 0em;
	background: -webkit-linear-gradient(left, #3992ee, #50bff1);
	color: #fff;
	transition: 1s;
	display: block;
	width: 12.500em;
	margin: 3.750em auto 0em auto;
	text-align: center;
}

.mini_slider_a:hover { background: -webkit-linear-gradient(right, #3ac6f4, #2488e6); }


.info {
	width: 100%;
	height: auto;
	background: url(/bitrix/templates/vic_service/images/info_bg.jpg);
	background-repeat: no-repeat;
	background-position: top;
	background-size: cover;
	padding-bottom: 4.375em;
}

.info_blocks {
	display: flex;
	justify-content: space-between;
	margin-top: 3.000em;
}

.infob:nth-child(1) {
	margin-top: 4em;
}

.infob {
	margin-top: 1em;
}

.info_blocks div {
	width: 38.375em;
	background-color: #fff;
	padding: 2.250em;
	box-sizing: border-box;
	-webkit-box-shadow: 0px 0px 16px 2px rgba(0,0,0,0.17);
}

.info_blocks div span {
	width: 100%;
	height: 17.500em;
	display: block;
	overflow: hidden;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16);
}
.info_blocks div span:hover {
	cursor: pointer;
}

.info_blocks div h2 {
	color: #474d5a;
	font-size: 1.500em;
	margin-top: 1.250em;
}
.info_blocks div h2:hover {
	cursor: pointer;
}

.info_blocks div p {
	line-height: 2em;
	font-size: 0.875em;
	color: #474d5a;
}

.info_blocks a {
	display: inline-block;
	text-align: center;
	text-transform: uppercase;
	margin-top: 1.625em;
	padding:  1em 1.625em;
	background: -webkit-linear-gradient(right, #ffc600, #ffc600);
	color: #231d1d;
	border-radius: 15px;
	transition: 1s;
	box-sizing: border-box;
}

.info_blocks a:hover { background: -webkit-linear-gradient(left, #3ac6f4, #2488e6); }

.more_info a {
	display: block;
	text-align: center;
	text-transform: uppercase;
	padding:  1em 1.625em;
	background: -webkit-linear-gradient(left, #3992ee, #50bff1);
	color: #fff;
	transition: 1s;
	box-sizing: border-box;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
}


.foot_with_logo {
	display: flex;
	align-items: center;
	margin-top: 1.5em;
}

.foot_with_logo div:nth-child(1) {
	width: 28.125em;
	text-align: right;
	margin-top: 4.688em;
	margin-right: -2.500em;
}

.foot_with_logo div:nth-child(1) p {
	display: inline-block;
	position: relative;
	color: #333333;
}

.foot_with_logo div:nth-child(1) p:nth-child(1) {
	margin-right: 1.250em;
}

.foot_with_logo div:nth-child(3) {
	width: 28.125em;
	text-align: left;
	margin-top: 4.688em;
	margin-left: -2.500em;
	color: #333333;
}

footer ul {
	text-align: center;
}

footer ul li {
	display: inline-block;
	margin-left: 2.125em;
}

footer ul li:first-child {
	margin-left: 0em;
}

footer ul:nth-child(2) {
	margin-top: 2.125em;
}

footer ul:nth-child(2) a { 
	text-transform: uppercase;
	color: #333333;
	font-size: 0.875em;
}

footer ul:nth-child(3) a { 
	text-transform: uppercase;
	color: #333333;
	font-size: 0.813em;
	
}

footer ul:nth-child(3) {
	margin: 1.625em 0em 2.750em 0em;
}

.copy {
	background-color: #333333;
	height: 5.000em;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	display: flex;
	justify-content: center;
	align-items: center;
	border-top: 3px solid #358bee;
}


/*info*/
.bann {
	background-size: cover;
	position: relative;
	display: block;
	box-sizing: border-box;
	background-repeat: no-repeat;
	height: 25.625em;
	width: 100%;
}

.bann_cont {
	width: 78.750em;
	height: 15.000em;
	background: rgba(0, 0, 0, 0.47);
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -7.5em;
	margin-left: -39.375em;
	padding: 4rem 2.875rem 0rem 2.875rem ;
	box-sizing: border-box;
}

.bann_cont h1 {
	color: #fff;
	text-transform: uppercase;
	font-size: 2.3rem;
}

.bann_cont h2 {
	font-size: 1.875rem;
	color: #ffc600;
	text-transform: uppercase;
}

.breadcrumb {
	vertical-align: middle;
	margin-top: 2.500rem;
	color: #fff !important;
	background: transparent;
}

.bann_cont img {
	display: inline-block;
	padding:0em 0.625em 0.125em 0.625em;
}

.bann_cont a, .bann_cont p {
	color: #fff;
	font-size: 0.875em;
	display: inline-block;
}


.info_cont {
	background-size: contain;
	background-repeat: no-repeat;
	width: 100%;
	height: auto;
	display: flex;
	justify-content: space-around;
	flex-direction: column;
	padding-bottom: 3.750em;
	border-bottom: 1px solid #f6f6f6;
}

.popular {
	border-bottom: 1px solid #f6f6f6;
	margin-bottom: 35px;
}

.galery_info {
	display: flex;
	justify-content: space-between;
	height: auto;
	margin-top: 3.375em;
}

.info_item div {
	width: 24.375em;
	height: 15.875em;
	display: block;
	overflow: hidden;
	position: relative;
	border: 4px solid #fff;
	-webkit-box-shadow: 0px 0px 16px 2px rgba(0,0,0,0.17);
}

.info_item span {
	position: absolute;
	width: 100%;
	box-sizing: border-box;
	padding:  1em 1.6em;
	text-transform: uppercase;
	color: #fff;
	font-size: 1em;
	background: -webkit-linear-gradient(left, rgba(0, 21, 233, 0.92), rgba(0, 125, 241, 0.72));
}

.info_item a{
	text-transform: uppercase;
	margin-top: 3.725em;
	padding: 1em 0em;
	background: -webkit-linear-gradient(left, #3992ee, #50bff1);
	color: #fff;
	transition: 1s;
	display: block;
	width: 18.750em;
	margin: 1.625em auto 0em auto;
	text-align: center;
}

/*our works*/
.work_cont {
	background-image: url(/bitrix/templates/vic_service/images/bg_all.jpg);
	background-size: contain;
	background-repeat: no-repeat;
}

.work_cont .container{
	display: flex;
	justify-content: space-between;
}

.left_side {
	padding-top: 11.250em;
}

.left_side li {
	border-width: 1px 1px 0px 1px;
	border-style: solid;
	border-color: #c0c0c0;
	height: 2.500em;
	width: 18.750em;
	padding:0.5em 1em;
	box-sizing: border-box;
	vertical-align: middle;
	background-color: #fff;
}

.left_side li:last-child {
	border-bottom: 1px solid #c0c0c0;
}

.left_side span {
	width: 3px;
	height: 3px;
	background-color: #c0c0c0;
	display: inline-block;
	vertical-align: middle;
	border-radius: 50%;
}

.left_side a {
	display: inline-block;
	vertical-align: middle;
	margin-left: 1em;
	color: #474d5a;
	font-size: 0.750em;
}

.left_menu_active {
	background-color: #358cee !important;
	border: 1px solid #45acf0;
}

.left_menu_active a { color: #fff; }

.left_menu_active span { background-color: #fff; }

.right_side {
	display: flex;
	flex-direction: column;
}

.works_galery_row {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	margin-top: 1.500em;
}

.works_galery_item span {
	width: 28.125em;
	height: 18.750em;
	overflow: hidden;
	position: relative;
	display: block;
}

.works_galery_item {
	border: 4px solid #fff;
	-webkit-box-shadow: 0px 0px 5px 2px rgba(100,100,100,0.1);
}

.works_galery_item:nth-child(2) {
	margin-left: 1.250em;
}

.works_galery_item a {
	text-transform: uppercase;
	padding: 1em 0em;
	background: -webkit-linear-gradient(left, #004fff, #00b5ff);
	color: #fff;
	display: block;
	text-align: center;
	margin-top: 0.250em;
	font-size: 12px;
}
.works_galery_item span img {
	height: auto;
	position: absolute;
	bottom: 0;
	right: 0;
}

.contacts_main {
	display: flex;
	flex-direction: row;
	height: 39.375em;
}

.cont {
	width: 100%;
	height: 100%;
	padding: 6.875em 0em;
	box-sizing: border-box;
	font-size: 0.9em;
}

.cont ul{
	width: 50%;
	margin-left: 20.250em;
}

.cont ul li:nth-child(1) a {
	color: #474d5a;
	font-size: 2.250rem;
}

.cont ul li {
	color: #474d5a;
	font-size: 1.5em;
	height: 3.125em;
	display: block;
}

.cont ul li:nth-child(4) span {
	display: block;
	font-size: 0.875rem;
	color: #474d5a;
	text-transform: uppercase;
}

.cont ul li:nth-child(5) p, .cont ul li:nth-child(5) img{
	display: inline-block;
	vertical-align: middle;
	
}

.cont ul li:nth-child(5) img:nth-child(3) {
	padding-top:9px;
	margin-left: -15px;
}

.cont ul li:nth-child(5) img:nth-child(4) {
	padding-top:5px;

}

.cont ul li:nth-child(5) img:nth-child(2) {
	margin-left: 1.5rem;
}

.cont ul li:nth-child(6) p, .cont ul li:nth-child(6) a , .cont ul li:nth-child(6) img{
	display: inline-block;
	vertical-align: middle;
}

.cont ul li:nth-child(6) a:nth-child(2) img{
	margin-left: 1.5rem;
}

.map {
	width: 100%;
	height: 100%;
}

.contacts_main iframe {
	width: 100%;
	height: 39.375em;
}

.quest {
	width: 100%;
	height: 32.188em;
	background-image: url(/bitrix/templates/vic_service/images/form.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	display: block;
	position: relative;
}

.quest h2 {
	color: #fff;
	font-size: 1.875em;
	text-align: center;
	padding-top: 4.375rem;
	text-transform: uppercase;
}

.quest h3 {
	color: #fff;
	font-size: 1.5em;
	text-align: center;
	text-transform: uppercase;
	padding-top: 1.250rem;
}


.quest .container input[type="email"],
.quest .container input[type="submit"] {
	width: 100%;
	display: block;
	position: relative;
	height: 30px;
	outline: none;
	border: none;
	padding: 1em;
	box-sizing: border-box;
	font-size: 0.875em;
}

.quest .container textarea {
	width: 100%;
	display: block;
	height: 30px;
	outline: none;
	border: none;
	box-sizing: border-box;
	height: 7.500em;
	resize: none;
	padding: 1em;
	margin-top: 1.250em;
	font-size: 0.875em;
}

.quest .container form {
	display: block;
	margin: 0 auto;
	width: 26.875em;
	padding: 0em;
	padding-top: 3.438em;
}

.quest .container input[type="email"] {
	height:  2.500em;
}

.quest .container input[type="submit"] {
	background: -webkit-linear-gradient(left, #2478cd, #4bbaea);
	border: none;
	color: #fff;
	width: 12.500em;
	height: 2.500em;
	text-transform: uppercase;
	margin: 0 auto;
	margin-top: 2.188em;
	cursor: pointer;
	padding: 0em;
}

/*proposition*/
.proposition {
	width: 100%;
	background-image: url(/bitrix/templates/vic_service/images/bg_all.jpg);
	background-size: auto;
	background-repeat: no-repeat;
}

/*vakansii*/
.vacancy {
	background-image: url(/bitrix/templates/vic_service/images/bg_all.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	height: auto;
	padding-bottom: 5em;
}

.form_vac {
	background-image: url(/bitrix/templates/vic_service/images/form.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	height: 19.063em;
	margin-bottom: 5em;
}

.form_vac .container {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.form_vac .container h2 {
	color: #fff;
	font-size: 1.875em;
	margin-top: 1rem;
	text-transform: uppercase;
}

.form_vac .container h1 {
	color: #fff;
	font-size: 1.500em;
	text-transform: uppercase;
	margin-top: 4.500rem;
}

.form_vac .container form { margin-top: 3.125rem; }

.form_vac input[type="email"] {
	width: 26.875em;
	height: 2.500em;
	border: none;
	outline: none;
	padding: 0em 1.250em;
}

.form_vac input[type="submit"] {
	padding: 0em 2.000em;
	height: 2.440em;
	text-transform: uppercase;
	border: none;
	outline: none;
	background: -webkit-linear-gradient(left, #3992ee, #50bff1);
	color: #fff;
	cursor: pointer;
	font-size: 0.875em;
	margin-left: 1.250em;
}

/*service*/
.service {
	width: 100%;
	background-image: url(/bitrix/templates/vic_service/images/bg_all.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	padding-bottom: 3.438em;
	border-bottom: 1px solid rgba(229, 227, 227, 0.54);
}

.breadcrumb_serv {
	vertical-align: middle;
	margin-top: 0.500rem;
}

.serv_cont {
	display: flex;
	flex-direction: row;
	margin-top: 3.375rem;
	margin-bottom: 2em;
}

.serv_left, .serv_right {
	width: 50%;
}

.main_img {
	max-width: 39.375em;
	height: 25.938em;
	display: block;
	position: relative;
	overflow: hidden;
	border: 4px solid #fff;
	-webkit-box-shadow: 0px 0px 5px 2px rgba(100,100,100,0.1);
}

.serv_galery {
	display: flex;
	justify-content: space-between;
}

.serv_galery_item {
	max-width: 11.250em;
	flex-shrink: 0;
	height: 7.250em;
	margin-top: 1.5em;
	display: block;
	position: relative;
	overflow: hidden;
	border: 4px solid #fff;
	-webkit-box-shadow: 0px 0px 5px 2px rgba(100,100,100,0.1);
}

.serv_right {
	margin-left: 25px;
}

.container-triger{
	display: flex;
}
.container-triger img{
	height: 100%;
	max-width: 100%;
}
.wrap-triger-text{
	display: flex;
	align-items: center;
}
.wrap-triger-text p{
	margin: 0!important;
	color: #a79f9a !important;
}

.wrap-triger-text p span.span-buy {
	font-size: 16px!important;
	color: #a79f9a!important;
	font-weight: 400;
}

.serv_right p {
	font-size: 0.938em;
	color: #474d5a;
	margin-top: 3.750em;
	line-height: 1.5em;
}

.serv_right h2, .serv_right span {
	font-size: 1.5rem;
	color: #474d5a;
	text-transform: uppercase;
}

.serv_right span {color: #3a95ee;}

.serv_right form input[type="text"],
.serv_right form input[type="phone"],
.serv_right form input[type="submit"] {
	width: 100%;
	height: 2.500rem;
	border: none;
	outline: none;
	padding: 0.875rem 1.625rem;
	box-sizing: border-box;
}

.serv_right form input[type="text"] {
	border: 1px solid rgba(229, 227, 227, 0.54);
	margin-top: 3.375rem;
}

.serv_right form input[type="phone"]{
	border: 1px solid rgba(229, 227, 227, 0.54);
	margin-top: 0.875rem;
}

.serv_right form input[type="submit"]{
	background: -webkit-linear-gradient(left, #ffc600, #ffc600);
	margin-top: 1em;
	color: #231d1d;
	border-radius: 15px;
	text-transform: uppercase;
	cursor: pointer;
	font-size: 0.875em;
	padding: 0;
}


/*otzyvy*/
.otzyv_ban {
	background: -webkit-linear-gradient(left, #3891ee -30%, #50c0f1);
	box-sizing: border-box;
	background-repeat: no-repeat;
	height: 25.625em;
	width: 100%;
}

.otzyv_ban h1{
	font-size: 3.4rem;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	line-height: 1rem;
	padding-top: 6rem;
}


.form_otzyvy {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 1rem;
}

.form_otzyvy input[type="text"] {
	width: 26.875rem;
	height: 2.500rem;
	border: none;
	outline: none;
	padding: 1rem 1.625rem;
	margin-top: 0.5rem;
	box-sizing: border-box;
	font-size: 0.875em;
}

.form_otzyvy textarea {
	width: 26.875rem;
	height: 4.000rem;
	border: none;
	outline: none;
	padding: 1rem 1.625rem;
	margin-top: 0.625rem;
	resize: none;
	box-sizing: border-box;
	font-size: 0.875em;
}

.form_otzyvy input[type="submit"] {
	width: 12.500rem;
	height: 2.500rem;
	border: none;
	outline: none;
	background: -webkit-linear-gradient(left, #3891ee, #50c0f1);
	margin-top: 1.625rem;
	color: #fff;
	text-transform: uppercase;
	cursor: pointer;
	font-size: 0.875em;
	
	padding: 0;
}

/*about us*/
.about_us {
	padding-bottom: 2em;
	width: 100%;
	background-image: url(/bitrix/templates/vic_service/images/bg_all.jpg);
	background-size: contain;
	background-repeat: no-repeat;
}

.about_cont {
	font-size: 0.938em;
	color: #474d5a;
	line-height: 1.5em;
	color: #000;
	margin: 10px;
}

.about_cont img {
	display: block;
	margin: 30px auto;
}

.about_cont h2 {
	font-size: 1.1rem;
	font-weight: 600;
	text-align: center;
}

.about_cont ul {
	list-style: square;
	margin-left: 35px;
	line-height: 1.4rem;
}

.about_cont p {
	font-size: 0.938em;
	color: #474d5a;
	line-height: 1.5em;
	color: #000;
}

.about_galery_row {
	display: flex;
	justify-content: space-around;
	text-align: center;
	flex-wrap: wrap;
}
.about_galery_item {
	flex-grow: 1;
	width: calc(100% * (1/4));
	padding-top: 3.750em;
}

.about_galery_row span {
	width: 12.750em;
	height: 12.750em;
	display: inline-block;
	overflow: hidden;
	border: 0.750em solid #f4f5f6;
	border-radius: 50%;
}

.about_galery_row h2 {
	font-size: 1.125em;
	color: #3992ee;
	text-transform: uppercase;
	margin-top: 1.375rem;
}

.about_galery_row p {
	font-size: 0.625em;
	text-transform: uppercase;
	color: #474d5a;
	margin-top: 0.875rem;
}


.form_about {
	background-image: url(/bitrix/templates/vic_service/images/form.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	height: 19.063em;
}

.form_about .container {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.form_about .container h1 {
	color: #fff;
	font-size: 1.875em;
	margin-top: 4.500rem;
	text-transform: uppercase;
}

.form_about .container h2 {
	color: #fff;
	font-size: 1.500em;
	text-transform: uppercase;
	margin-top: 1rem;
}

.form_about .container form { margin-top: 3.125rem; }

.form_about input[type="phone"] {
	width: 18.750em;
	height: 2.500rem;
	border: none;
	outline: none;
	padding: 0rem 1.250rem;
	margin-left: 1.250rem;
}

.form_about input[type="text"] {
	width: 18.750em;
	height: 2.500rem;
	border: none;
	outline: none;
	padding: 0rem 1.250rem;
}

.form_about select {
	width: 18.750em;
	height: 2.500rem;
	border: none;
	outline: none;
	padding: 0rem 1.250rem;
	color: #474d5a;
	margin-left: 1.250em;
}

.form_about input[type="submit"] {
	width: 18.750em;
	height: 2.500rem;
	text-transform: uppercase;
	border: none;
	outline: none;
	background: -webkit-linear-gradient(left, #ffc600, #ffc600);
	color: #231d1d;
	border-radius: 15px;
	cursor: pointer;
	font-size: 0.875rem;
	margin-left: 1.250rem;
}


/*price*/
.price_bg {
	padding-bottom: 5.875em;
	width: 100%;
	background-image: url(/bitrix/templates/vic_service/images/bg_all.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 0 0;
}

.price > h3, .price > h3 > span {
	font-size: 1em;
	text-transform: uppercase;
	color: #474d5a;
	text-align: center;
	padding-bottom: 2.750em;
}

.price h3 span{ color: #3992ee;}

.panel {
	width: 100%;
	border: 1px solid #d3d3d3;
	padding: 0rem 2.000rem;
	background-color: #fff;
	text-align: left;
	box-sizing: border-box;
}

.panel button {
	font-family: Helvetica-Medium;
	width: 100%;
	text-align: left;
	background-color: #fff;
	border:none;
	outline: none;
	height: 4.750rem;
	font-size: 1.500em;
	color: #474d5a;
	cursor: pointer;
}

.panel button span {
	color: #3992ee;
	font-size: 0.6em;
	margin-right: 1.250rem;
}

.panel span, .panel p, .panel h3, .panel h4 {
	display: inline-block;
	vertical-align: middle;
}


.panel_li {
	margin: 0.875em 0em;
	cursor: pointer;
	display: none;
}

.active_acc {
	display: block;
}


.checkbox {
	display: none;
}

.checkbox-custom {
	position: relative;
	width: 0.750em;
	height: 0.813em;
	border: 1px solid #aeaeae;
	margin-right: 1em;
	margin-left: 0.25em;
}


.checkbox:checked + .checkbox-custom::before {
	content: "";
	display: block;
	position: absolute;
	top: 1px;
	right: 1px;
	bottom: 1px;
	left: 1px;
	background: #3992ee; 
}

.panel li p {
	font-size: 1.125em;
	width: 25.125em;
	color: #000;
}
.panel li h3 {
	font-size: 1.125em;
	text-align: right;
	color: #000;
}
.panel li h4 {
	font-size: 1.125em;
	color: #000;
}
.panel li h4, .panel li h3, .panel li p:hover {
	cursor: pointer;
}

.panel li.active p {
	color: #474d5a;
}

.panel li.active h3 {
	color: #3992ee;
}

.panel li.active h4 {
	color: #474d5a;
}

.price_form {
	margin-top: 2.625em;
}

.price_form_cont {
	display: flex;
	justify-content: space-between;
	width: 100%;
}

.price_form_cont div {
	width: 50%;
}

.price_form div:nth-child(2) {
	margin-left: 1.250em;
}

.price_form input[type="text"]{
	width: 100%;
	height: 2.875rem;
	margin-bottom: 0.750rem;
	padding: 1.250rem 4.125rem;
	box-sizing: border-box;
	border: 1px solid #eff0f3;
	color: #474d5a;
	font-size: 0.875em;
}

.price_form select {
	width: 100%;
	height: 2.875rem;
	margin-bottom: 0.750rem;
	padding-left: 4.125rem;
	box-sizing: border-box;
	border: 1px solid #eff0f3;
	color: #474d5a;
	background: transparent;
}

.price_form input[type="submit"] {
	display: block;
	width: 100%;
	margin-top: 2.500rem;
	height: 2.875rem;
	font-size: 0.875em;
	color: #fff;
	border: none;
	outline: none;
	cursor: pointer;
	background: -webkit-linear-gradient(left, #3992ee, #50bff1);
}

.mini_slider {
	margin-top: 1em;
}

@-webkit-keyframes fade {
	from { opacity: 0.4; }
	to { opacity: 1; }
}

@keyframes fade {
	from { opacity: 0.4; }
	to { opacity: 1; }
}

.mobile_menu {
	display: none;
}

.hamburger {
	display: none;
}

.hamburger img {
	width: 50px;
}

.works_galery_item .shadow {
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: rgba(0, 0 , 0, .4);
	transition: .3s;
	z-index: 10;
}

.works_galery_item:hover .shadow {
	opacity: 0;
}
.works {
	background-image: url(/bitrix/templates/vic_service/images/bgworks.jpg);
}

.info_item span {
	z-index: 11;
}
.info_item .shadow {
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: rgba(0, 0 , 0, .4);
	transition: .3s;
	z-index: 10;
	border: none;
}

.info_item :hover .shadow {
	opacity: 0;
}

.popup_work_overlay {
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .9);
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	border: 0;
	display: none;
	z-index: 1900;
}

.popup_work_cont {
	width: 1140px;
	height: 600px;
	background-color: #1c1f24;
	z-index: 1000;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -630px;
	margin-top: -290px;
	padding: 1.250em;
	box-sizing: border-box;
}

.popup_work_cont {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
}

.popup_work_cont #big {
	width: 740px;
	overflow: hidden;
	position: relative;
	margin-left: 1.250rem;
	margin-top: 1.3rem;
}
.popup_work_cont #big img{
	width: 100%;
	height: 100%;
	position: absolute;
}

.popup_work_cont .work-slider {
	width: 280px;
	height: 540px;
	margin-left: 1.250rem;
}

.popup_work_cont .work-slider a {
	display: block;
	text-align: center;
}
.popup_work_cont .work-slider a:first-child {
	padding-bottom: 1.125rem;
}
.popup_work_cont .work-slider a:last-child {
	padding-top: 1.125rem;
}
.min_slide{
	height: 470px;
	display: block;
	overflow-x: hidden;
	margin-top: 0.7rem;
}
.min_slide::-webkit-scrollbar { width: 0; }

.min_slide span{
	display: flex;
	flex-direction: column;
	width: 280px;
	height: 150px;
	overflow: hidden;
	margin-bottom: 0.750em;
}
.min_slide span:last-child {
	margin-bottom: 0em
}
.min_slide div img{
	width: 100%;
	display:block;
	border: 1px solid #fff;
}

.zvonok, .modal_about_us{
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .9);
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	border: 0;
	z-index: 1900;
	display: none;
}

.modal-header {
	font-size: 1.875em;
	color: #fff;
	text-transform: uppercase;
	padding-top: 3.125rem;
	text-align: center;
}

.modal-desc {
	font-size: 0.875em;
	color: #fff;
	text-transform: uppercase;
	padding-top: 1.250rem;
	text-align: center;
}

/* MODAL WINDOW*/
.modal, .modal_about_us{
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .9);
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	border: 0;
	z-index: 1900;
	display: none;
}

.modal-thx-header {
	font-size: 1.875em;
	color: #fff;
	text-transform: uppercase;
	padding-top: 3.125rem;
	text-align: center;
}

.modal-thx-desc {
	font-size: 0.875em;
	color: #fff;
	text-transform: uppercase;
	padding-top: 1.250rem;
	text-align: center;
	line-height: 22px;
}

.modal_cont_thanks {
	width: 20.25em;
	height: 14.375em;
	margin: 35px auto !important;
	background: -webkit-linear-gradient(left, #3992ee, #50c0f1); 
}
.modal_cont_thanks>a {
	float: right;
	margin-top: 1.375em;
	margin-right: 1.375em;
}
/* END MODAL WINDOW */

.modal_cont {
	width: 41.250em;
	height: 21.375em;
	position: absolute;
	left: 50%;
	top: 10%;
	margin-left: -20.625em;
	background: -webkit-linear-gradient(left, #3992ee, #50c0f1); 
}
.modal_cont>a {
	float: right;
	margin-top: 1.375em;
	margin-right: 1.375em;
}
.modal_cont form {
	height: 11.750em;
	background-color: #fff;
	position: absolute;
	bottom: 0;
	box-sizing: border-box;
	padding-top: 2rem;
	padding-left: 2rem;
	padding-right: 2rem;
	width: 100%;
}
.modal_cont form input[type="text"], .modal_cont form input[type="phone"]{
	width: 100%;
	height: 2.875rem;
	margin-bottom: 0.750rem;
	padding: 1.250rem 3.125rem;
	box-sizing: border-box;
	border: 1px solid #eff0f3;
	color: #474d5a;
	font-size: 0.875em;
}

.modal_cont form input[type="text"]::-webkit-input-placeholder,
.modal_cont form input[type="phone"]::-webkit-input-placeholder {color:#aaaaaa;}

.modal_cont form input[type="text"]:focus::-webkit-input-placeholder,
.modal_cont form input[type="phone"]:focus::-webkit-input-placeholder {color:#474d5a;}

.modal_cont form  input[type="submit"] {
	display: block;
	width: 100%;
	margin-top: 0.813rem;
	height: 2.875rem;
	font-size: 0.875em;
	color: #231d1d;
	border-radius: 15px;
	border: none;
	outline: none;
	cursor: pointer;
	background: -webkit-linear-gradient(left, #ffc600, #ffc600); 
}

#modal_calc .modal_cont {
	height: 24.375em;
}

#modal_calc .modal_cont form {
	height: 15.75em;
}

.mod_about_cont {
	width: 41.250em;
	height: 46.875em;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -20.625em; 
	margin-top: -23.4375em;
	background-color: #fff;
}

#about_close {
	position: absolute;
	right: 1.250rem;
	top: 1.250rem;
}
.mod_about_cont div:first-child {
	height: 27.500em;
	overflow: hidden;
}

.mod_about_cont div:last-child {
	padding: 5em 3.125em;
	box-sizing: border-box;
}

.mod_about_cont div:last-child h2 {
	font-size: 1.875em;
	color: #3992ee;
	text-transform: uppercase;
}

.mod_about_cont div:last-child h3 {
	font-size: 0.875em;
	color: #474d5a;
	margin-top: 1.250rem;
	text-transform: uppercase;
}

.mod_about_cont div:last-child p {
	font-size: 1em;
	color: #474d5a;
	line-height: 1.5rem;
	margin-top: 1.250rem;
}


.img_container { 
	display: inline-flex!important;
	align-items: center;
	justify-content: center;
	height: 93px;
	width: 99px;
	margin: 10px;
}
.img_car {
	max-height: 100%;
	width: auto!important;
}

.img_car:hover {
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	cursor: pointer;
}

.center {
	text-align: center;
	margin-bottom: 35px;
}
.close_popup_mobile {
	display: none;
}
.close_popup {
	text-align: right !important;
	padding-bottom: 0rem !important;
}

.blue {
	color: #3992ee;
}

.min_slide span img:hover {
	cursor: pointer;
}

.wrap-serv_right-p p {
	font-size: 0.938em;
	color: #474d5a;
	line-height: 1.5em;
	color: #000;
}

.right_side{
	flex-wrap:wrap;
	flex-direction: row;
	justify-content: flex-start;
	padding-left: 15px;
}
.work_cont .container{
	justify-content: flex-start;
}

.wrap-serv_right-p h1 {
	color: #000 !important;
	text-align: center;
	font-size: 1.5rem;
	font-weight: 600;
	margin: 20px;
}
.wrap-serv_right-p h2 {
	font-size: 1.1rem;
	font-weight: 600;
	text-align: center;
}
.wrap-serv_right-p ul {
	list-style: square;
	margin-left: 35px;
	line-height: 1.4rem;
}
.btn-all {
	display: inline-block;
	text-align: center;
	text-transform: uppercase;
	margin-top: 3.125em;
	padding: 1em 3.500em;
	background: -webkit-linear-gradient(left, #ffc600, #ffc600);
	color: #231d1d;
	border-radius: 15px;
	transition: 1s;
}
.btns {
	text-align: center;
}

/* SERVICE PACK */
.package-item {
	float:left;
	width: 405px;
	height: 920px;
	border-bottom: 1px solid #dedede;
	border-left: 1px solid #dedede;
	border-right: 1px solid #dedede;
}
.package-item-mainpage {
	height: 1030px;
	position: relative;
}
.pack-header {
	height: 144px;
	background-color: #50c0f1;
	color: #fff;
	padding: 25px;
}
.pi-first {
	margin-right: 5px;
}
.pi-second {
	margin-right: 5px;
}
.ph-second {
	background-color: #44a9f0;
}
.ph-third {
	background-color: #3891ee;
}
.pack-service {
	width: 100%;
	text-align: left;
	box-shadow: 0 1px 1px rgba(124, 123, 123, 0.1), 0 1px 1px rgba(83, 82, 82, 0.12);
}
.pack-order-btn {
	padding: 0.500em 4.063em;
	background: -webkit-linear-gradient(right, #56ccf2, #3b98ef);
	color: #fff;
	transition: 1s;
}
.ps-mainpage {
	margin-top: 2em;
}
.pack-body {
	padding: 0px 25px;
}
.second-line {
	width:100%;
	text-transform: uppercase;
	padding-top: 20px;
}
.pack-left {
	float:left;
	font-size: 20px;
	width: 50%;
}
.pack-right {
	float:left;
	width: 50%;
}
.pack-right p {
	font-family: Helvetica-Thin;
	font-size: 55px !important;
	font-weight: 300 !important;
	margin-top: -19px !important;
	color: #fff !important;
}

.body-line {
	margin: 25px 0px;
}

.blue-line {
	height: 1px;
	width: 80px;
	background-color: #abe1f8;
}
.text-with-number {
	font-family: Helvetica-Bold;
	vertical-align: super;
	font-size: 20px;
	margin: 0px 10px;
}
.tarif-name {
	font-family: Helvetica-Thin;
	font-size: 35px;
	color: #5cc4f2;
	text-transform: uppercase;
}
.blue-number {
	font-size: 35px;
	color: #5cc4f2;
}
.problem-solution-container {
	margin-top: 60px;
	margin-bottom: 30px;
}
.ps-left {
	float: left;
	width: 45%;
}
.ps-left p {
	font-family: Helvetica-Bold;
	line-height: 1.4em;
	margin-bottom: 50px;
}
.ps-left p span {
	font-size: 17px;
}
.ps-right {
	float: left;
	width: 55%;
}
.blue-line-1 {
	width:99px;
	border-bottom: 1px solid #01a0f2;
}
.blue-text {
	color: #01a0f2;
}

.biggest-text {
	font-size: 24px;
	margin:12px 0px;
	letter-spacing: 1px;
}

.smaller-text {
	font-size: 18px;
	line-height: 1.4em;
}

.share-social {
	width: 525px;
	margin: 0px auto;
	padding-top: 80px;
	text-align: center;
}

.share-social p {
	font-size: 36px;
	color: #fff;
	text-transform: uppercase;
	margin-bottom: 25px;
}
.share-container {
	margin-top: 20px;
	margin-bottom: 55px;
	height: 290px;
	width: 100%;
	background-image: url(/bitrix/templates/vic_service/images/infografika/share_bg.png);
	background-size: cover;
}
.solution-number {
	font-size: 35px !important;
	margin-right: 10px;
}

.why_left img {
	border: 10px solid #fff;
	margin-top: 8em;
}
.mobile_close_popup {
	display: none;
}


/* OWL CAROUSEL */
.carousel-container {
	background: -moz-linear-gradient(left, rgba(0, 21, 233, 0.92), rgba(0, 125, 241, 0.72));
	background: -webkit-linear-gradient(left, rgba(0, 21, 233, 0.92), rgba(0, 125, 241, 0.72));
	background: -o-linear-gradient(left, rgba(0, 21, 233, 0.92), rgba(0, 125, 241, 0.72));
	background: -ms-linear-gradient(left, rgba(0, 21, 233, 0.92), rgba(0, 125, 241, 0.72));
	background: linear-gradient(left, rgba(0, 21, 233, 0.92), rgba(0, 125, 241, 0.72));
	position: absolute;
	bottom: 0px;
	width: 100%;
}

.owl-carousel {
	color: #fff;
	padding: 10px 0px;
	font-size: 12px;
	padding-left: 15px;
}

.phone_img {
	width: 10px;
}
/* ЧТО МЫ ПРЕДЛАГАЕМ*/
.all {
	position:relative;
	height:50px;
	margin-top: 5px;
}

.column {
	float: left;
	width: 25%;
	height: 80px;
	display: flex;
	align-items: center;
}

.column .img-left {
	width: 45px;
	margin-right: 10px;
	float: left;
}

.column .name-right {
	float:left;
	/*padding-top: 5px;*/
}
.column .name-right a {
	color: #22354b;
}
/* /ЧТО МЫ ПРЕДЛАГАЕМ*/

/* НАШИ УСЛУГИ */
/* file STYLE.CSS */
.wrap-filtr-but-mobile {
	display: none !important;
}
.test-div {
	background: #ccc;
	padding:1em;
}
.wrap-magic{
	display: flex;
	align-items: flex-start;
}
.wrap-filtr-but{
	display: flex;
	flex-direction: column-reverse;
	flex-wrap: wrap;
	margin-top: 47px;
	margin-left: 120px;
	align-self: flex-start;
}
.wrap-filtr-but-works{
	margin-left:0;
}
.foo-filtr{
	margin-top:50px;
}

.wrap-magic-content{
	display: flex;
	flex-direction: column;
	flex-wrap:wrap;
	max-width: 70%;
	justify-content: flex-end;
	margin: 30px auto 0 auto;
}
.wrap-sort div{
	width:380px;
	height: 248px;
}
.wrap-sort{
	width:100%!important;
}
.wrap-button-col{
	border-width: 1px 1px 0px 1px;
	border-style: solid;
	border-color: #c0c0c0;
	height: 2.500em;
	width: 16.750em;
	padding: 0.5em 1em;
	box-sizing: border-box;
	vertical-align: middle;
	background-color: #fff;
}
.wrap-magic button{
	display: inline-block;
	vertical-align: middle;
	color: #474d5a;
	font-size: 0.750em;
	background: transparent;
	border:none;
	cursor: pointer;
}
.wrap-button-col span{
	width: 3px;
	height: 3px;
	background-color: #c0c0c0;
	display: inline-block;
	vertical-align: middle;
	border-radius: 50%;
}
.left_menu_active button{
	color:#fff!important;
	outline:none;
}
.left_menu_active span{
	background:#fff!important;
}
.last-list{
	border-bottom: 1px solid #c0c0c0;
}
.but2 span{
	padding: 0.5em 1.875em;
}
/* end of file STYLE.CSS */


/* MEDIA 1680 px */
/* ================================================================================================== */
@media (max-width: 1680px) {
	.cont ul {
		width: 77%;
		margin-left: 19.25em;
	}
}

/* MEDIA 1480 px */
/* ================================================================================================== */
@media (max-width: 1480px) {
	.banner{
		width: 100%;
	}
	.container_banner {
		width: 90%;
	}
	.container_banner .slide {
		width: 90%;
	}
	.container_banner div:first-child{ 
		margin-left: 0.5em;
		margin-right: 0.5em;
	}
	.container_banner div:last-child{ 
		margin-right: .5em;
	}
	.cont ul {
		width: 100%;
		margin-left: 2em;

	}
}

/* MEDIA 1366 px */
/* ================================================================================================== */
@media(max-width: 1366px) {
	.container_banner {
		width: 100%;
	}
}

/* MEDIA 1280 px */
/* ================================================================================================== */
@media (max-width: 1280px) {
	.container {
		width: 100%;
		padding: 0;
	}
	header .container .menu, header .container .user_data{
		display: none;
	}
	header .container .logo {
		width: 225px;
		display: inline-block;
	}
	header .logo img {
		margin-top: 1em;
	}
	.hamburger {
		display: block;
		margin-top: -110px;
		float: right;
		cursor: pointer;
		z-index: 100000;
	}
	.hamburger_close{
		display: block;
		margin-top: -7em;
		float: right;
		cursor: pointer;
		z-index: 100000;
		width: 50px;
		margin-right: -1.5em;
	}
	header {
		height: 96px;
		position: fixed;
		top: 0px;
		z-index: 1001;
		padding: 0em 1em;
		box-sizing: border-box;
		box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
	}
	.mobile_menu {
		display: block;
		margin-left: -100%;
		position: fixed;
		z-index: 1011;
		height: 100vh;
		background-color: #fff;
		width: 100%;
		transition: .5s;
		opacity: .1;
		padding-top: 10px;
		overflow-y: scroll;
	}
	.mobile_menu_active {
		margin-left: 0px;
		opacity: 1;
	}
	.mobile_menu .logo {
		width: 260px;
		margin: 0 auto;
		text-align: center;
	}
	.mobile_menu .logo a {
		color: #9aa3a9;
		text-transform: uppercase;
		transition: .2s;
		font-size: 0.813em;
		line-height: 2em;
		text-align: center;
		margin: 0 auto;
	}
	.mobile_menu .menu ul:nth-child(1) li a {
		border-bottom: 1px solid #9aa3a9;
		width: 100%;
		display: block;
		padding: 1em 2.5em;
		box-sizing: border-box;
		color: #474d5a;
		font-size: 1em;
		text-transform: uppercase;
	}
	.mobile_menu .menu ul:nth-child(1) li:first-child { 
		border-top: 1px solid #9aa3a9;
	}
	.mobile_menu  .menu ul:nth-child(2) {
		border-bottom: 1px solid #9aa3a9;
		padding-left: 1.5em;
	}
	.mobile_menu  .menu ul:nth-child(2) li{
		display: inline-block;
		padding: 1em;
	}
	.mobile_menu .user_data {
		margin: 1em 0em;
		padding-left: 1.5em;
		text-align: center;
	}
	.mobile_menu .user_data ul li {
		display: inline-block;
		vertical-align: middle;
		margin-left: 0.813em;
	}
	.mobile_menu .user_data ul li a {
		color: #9aa3a9;
		text-transform: uppercase;
		transition: .2s;
		font-size: 0.813em;
		line-height: 2em;
	}
	.mobile_menu.user_data ul li a:hover { color: #474d5a; }
	.mobile_menu .user_data ul li span { 
		color: #9aa3a9;
		margin: 0em 0.313em;
		vertical-align: bottom;
		margin-bottom: .4em;
		display: inline-block;
	}
	.mobile_menu .user_data div {
		margin: 0.5em;
	}
	.mobile_menu .user_data div a:first-child {
		color: #9aa3a9;
		text-transform: uppercase;
		transition: .2s;
		font-size: 1em;
	}
	.mobile_menu .user_data div .btn_header {
		padding:  0.500em 2.000em;
		background: -webkit-linear-gradient(left, #ffc600, #ffc600);
		color: #231d1d;
		border-radius: 15px;
		margin-left: 1.688rem;
		transition: .2s;
		margin: 0 auto;
	}
	.mobile_menu .user_data .btn_header:hover { background: -webkit-linear-gradient(left, #3ac6f4, #2488e6); }
	.slide ul li { 
		display: block;
		font-size: 0.83em;
		display: inline-block;
	}
	.why_cont {
		justify-content: space-around;
	}

	.info_blocks {
		align-items: center;
		justify-content: space-around;
	}

	.info_blocks div {
		width: 48%;
		height: 670px;
		position: relative;
	}

	.info_blocks a {
		position:absolute;
		bottom: 20px;
	}

	.slide {
		height: auto;
	}
	.slider-header {
		font-size: 1.3rem;
		line-height: 1.3em;
	}
	.slider-desc {
		font-size: 1em;
		line-height: 1.3em;
	}
	.slide ul { margin-top: 1.563em; line-height: 1em;}

	.otzyv_ban h1 {
		padding-top: 9rem;
	}
	.bann_cont {
		margin-top: -4.5em;
	}
	.how_we_do {
		justify-content: space-around;
	}
	.package-item {
		width: 100%;
		height: auto;
		margin-top: 15px;
	}
	.pack-footer {
		left: 40%;
	}
	.ps-left {
		float: none;
		width: 100%;
	}
	.ps-right {
		float: none;
		width: 100%;
	}
	.wrap-filtr-but {
		display: none;
	}
	.owl-carousel {
		font-size: 10px;
	}
	.owl-carousel .owl-item img {
		width: 70%;
	}
	.tr-left {
		width: 35px;
	}
	.tr-right {
		padding-top: 5px;
	}

	.wrap-magic-content div{
		max-height: 100%!important;
	}
	.wrap-filtr-but{
		display: none;
	}
	.wrap-filtr-but-mobile {
		display: block !important;
		width: 100%;
		margin-top: 50px;
	}
	.filtr-container {
		width: 280px;
		margin: 0 auto;
	}
	.select-filtr {
		width: 100%;
		padding-left: 20px;
		padding-top: 15px;
		padding-bottom: 15px;
		background: #fff;
		color: #000;
	}
	.wrap-button-col-work{
		height: 2.500em!important;
		width: 18.750em!important;
	}
	.wrap-magic-content{
		justify-content: center !important;
		margin-top: 0px;
		max-width: 100% !important;
		margin: 0 auto;
	}
	.proposition{
		min-height: 1000px!important;
		background-size: 100vh!important;
	}

	.foo-filtr{
		margin-top: 100px;
	}
	.wrap-magic{
		flex-direction: column;
	}
	.galery_item {
		margin:0 auto;
	}
	.wrap-button-col{
		border:1px solid #c0c0c0!important;
	}
	.w3-row {
		margin-left: 0px;
	}
	.predlojenie .container {
		padding: 0em 1.250em;
	}
}

@media screen and (max-width: 1200px) {
	.serv_cont{
		flex-wrap: wrap;
		justify-content: center;
	}
	.wrap-serv_right-p{
		padding: 0 30px;
	}
	.info_item a {
		margin-bottom:5.725em;
	}
	.container-work{
		display: flex!important;
		flex-direction: column!important;
	}
	.right_side{
		justify-content: center;
		padding-left: 0px;
	}
	.right_side-new{
		margin-top: 0;
	}
}

/* MEDIA 1024 px */
/* ================================================================================================== */
@media (max-width: 1024px) {
	.container_banner .slide {
		width: 79%;
	}
	.galery_item div {
		overflow: hidden;
	}
	.why_left {
		width: 65%;
		margin: -20px auto 10px;
		text-align: center;
	}
	.why_cont {
		display: block;
		max-width: 90%;
		margin: 0 auto;
	}
	.why_left h2 {
		display: none;
	}
	.why_left span{
		display: flex;
		align-items: center;
		flex-direction: column;
		margin-top: 0.938em;
	}
	
	.why_left span img { margin-left: 0em; }

	.why_left span p {
		margin-left: 0em;
		white-space:normal;
		margin: 0.5em 0em;
		font-size: 1.125em;
	}
	
	.why_right {
		max-width: 100%;
		margin-top: 2em;
		margin: 0 auto;
	}
	.how_img  {
		height: 13.125em;
		width: 13.125em;
	}
	.how_we_do {
		justify-content: space-around;
	}
	.how_we_do span p {
		font-size: 0.738em;
	}
	
	.form input[type="submit"] {
		display: block;
		margin: 0 auto;
		margin-top: 2em;
	}
	.form {
		height: 21.063em;
	}
	.info_item div {
		width: 19.375em;
		height: 12.875em;
		justify-content: space-around;
	}
	.form_about input[type="submit"]{
		display: block;
		margin: 0 auto;
		margin-top: 2em;
	}
	.form_about {
		padding-bottom: 2em;
	}
	.dot_pack {
		margin-right: 6em;
	}
	.bann {
		height: auto;
		padding-bottom: 3.2em;
		padding-top: 8.3em;
	}
	.otzyv_ban h1 {
		color: #fff;
		text-transform: uppercase;
		padding-top: 5em;
		line-height: 2rem;
		font-size: 1.4rem;
	}
	.bann_cont {
		width: 90%;
		height: auto;
		position: relative;
		top: 10%;
		left: 0%;
		margin-left: 0em;
		padding: 2rem 2.875rem 2rem 2.875rem ;
		box-sizing: border-box;
		margin: 0 auto;
	}

	.bann_cont h1 {
		color: #fff;
		text-transform: uppercase;
		font-size: 2rem;
	}

	.bann_cont h2 {
		font-size: 1.875rem;
		color: #ffc600;
		text-transform: uppercase;
	}
	
	.left_side {
		display: block;
		margin: 0 auto;
		margin-bottom: 2px;
		padding-top: 2em;
	}
	.form_vac {
		background-size: cover;
		height: 18.063em;
	}
	.galery_item div {
		height: 198px;
	}
	.serv_galery_item {
		max-width: 9.25em;
		height: 6.25em;
	}
	.main_img {
		height: 19.938em;
	}
	.serv_left, .serv_right {
		width: 48%;
	}
	.serv_right {
		padding-left: 1.625em;
	}
	.serv_right p {
		margin-top: 1.75em;
	}
	
	.right_side {
		padding-right: 2em;
	}

	.info_blocks div {
		height: 680px;
	}
	.info_blocks div span {
		width: 26.5em;
	}
	.popup_work_cont {
		width: 1012px;
		height: 433px;
		left: 50%;
		top: 25%;
		margin-left: -512px;
		margin-top: -290px;
	}
	.min_slide {
		height: 315px;
	}
	.popup_work_cont #big img {
		width: 100%;
		height: auto;
		position: absolute;
	}
	.popup_work_cont #big{
		margin-top: 2em;
	} 
	.works_galery_item span {
		width: 20.125em;
		height: 13.75em;
	}
	.right_side {
		padding-right: 0em; 
	}
	.predlojenie .all .column {
		width: 33.33%;
	}
}

@media screen and (max-width: 992px){
	.wrap-side-new {
		margin-top: 710px;
		width: 100%;
	}
	.galery-new{
		justify-content: center !important;
	}
	.left_side-new{
		padding-right: 0;
		left:50%;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.serv_left, .serv_right{
		width: 60%;
	}
	.wrap-filtr-but{
		margin-left: 0 !important;
	}
	.wrap-magic-content div{
		width: 100%;
	}
	.proposition{
		min-height: 500px;
	}
	.wrap-magic-content{
		width: 100%;
		align-items: flex-end !important;
		margin:0 !important;
	}
	.wrap-sort{
		display: flex;
		flex-wrap: wrap;
		margin:0 auto;
	}
}

/* MEDIA 800 px */
/* ================================================================================================== */
@media (max-width: 800px) {
	.why_left img {
		margin-top: 0em;
	}
	.about_galery_row::-webkit-scrollbar { width: 0; }
	.galery_info::-webkit-scrollbar { width: 0; }
	.modal_cont {
		height: 28.375em;
		left: 50%;
		top: 50%;
		margin-top: -14.375em;
	}
	.galery_item {
		flex-grow: 1;
		width: calc(100% * (1/3));
	}
	.service_pack {
		flex-wrap: wrap;
		justify-content: space-around;
	}
	.info_blocks div span {
		width: 19.5em;
		height: 12.5em;
	}
	.galery_item div {
		height: 235px;
	}
	.section-header {
		font-size: 1.25em !important;
	}
	.how_we_do span {
		width: 12.125em
	}
	.how_img {
		height: 11.5em;
		width: 12.125em;
	}
	.how_img img {
		width: 18.125em;
		height: auto; 
	}	
	.work_cont .container {
		display: flex;
		justify-content: space-between;
		flex-direction: column;
	}
	.galery_info {
		overflow-x: scroll;
	}
	.about_cont div:first-child {
		padding: 1.875rem 2.625rem 1.875rem 1.625rem;
	}
	.mod_about_cont {
		width: 24.25em;
		height: 27.875em;
		position: absolute;
		left: 50%;
		top: 51%;
		margin-left: -11.625em;
		margin-top: -14.4375em;
		background-color: #fff;
	}
	.mod_about_cont div:last-child h2 {
		font-size: 1em;
	}
	.mod_about_cont div:last-child p {
		font-size: .8em;
	}
	.mod_about_cont div:last-child {
		padding:1em 1.125em;
	}
	.about_galery_item {
		width: calc(100% * (1/3));
	}
	.form_about input[type="text"] {
		width: 80%;
		padding: 0rem 1.250rem;
		margin-left: 0em;
		box-sizing: border-box;
		margin-top: 1em;
	}
	.form_about input[type="phone"] {
		width: 80%;
		padding: 0rem 1.250rem;
		margin-left: 0em;
		box-sizing: border-box;
		margin-top: 1em;
	}
	.form_about select {
		width: 80%;
		padding: 0rem 1.250rem;
		margin-left: 0em;
		box-sizing: border-box;
		margin-top: 1em;
	}
	.form_about {
		padding-bottom: 10em;
	}
	.cont ul li {
		font-size: 1em;
		margin-top: 1em;
	}
	.cont ul li:nth-child(1) a {
		font-size: 1.8rem;
	}
	.cont ul li:nth-child(5) img:nth-child(2) {
		margin-left: 0.35rem;
	}
	.serv_galery_item {
		max-width: 7.25em;
		height: 4.25em;
	}
	.popup_work_cont {
		width: 780px;
		height: 334px;
		top: 75%;
		left: 65%;
	}
	.popup_work_cont .work-slider {
		width: 210px;
	}
	.min_slide span {
		width: 210px;
		height: 130px;
	}
	.popup_work_cont #big {
		width: 430px;
	}
	.min_slide {
		height: 215px;
	}

	.slider_main_container {
		display: none;
	}

	.img_container {
		height:60px;
		margin:5px;
	}
	.img_car {
		height: 60px;
	}
}

@media screen and (max-width: 798px){
	.proposition{
		background-size: 100vh;
	}
}

/* MEDIA 780 px */
/* ================================================================================================== */
@media (max-width: 780px) {
	.container_banner .slide {
		width: 73%;
	}
	.mod_about_cont div:nth-child(2) img {
		width: 100%;
	}

	.galery_info {
		flex-wrap: nowrap;
		flex-direction: row;
		width: 300px;
		overflow-x: auto;
	}
}

/* MEDIA 768 px */
/* ================================================================================================== */
@media (max-width: 768px) {
	.mobile_close_popup {
		display: block;
		text-align: right;
	}
	.about_us {
		padding-bottom: 0em;
	}

	.galery_item div {
		height: 223px;
	}
	.container_banner .slide {
		width: 90%;
	}
	.dot_pack {
		
		margin-right: 0em;
	}
	.why_cont {
		flex-direction: column;
		justify-content: space-between;
	}
	.galery_item span h2 {
		font-size: .7em;
	}
	.galery_item span {
		padding: 1em 0.875em;
	}
	.service_pack {
		display: flex;
		justify-content: space-around;
		text-align: center;
		flex-wrap: wrap;
	}
	.how_img {
		width: 11.125em;
		height: 10.125em;
	}
	
	.modal_cont {
		width: 90%;
		height: 45%;
		left: 45%;
		top: 65%;
		margin-top: -60%;
		margin-left: -40%;
	}
	.mod_about_cont {
		width: 90%;
		height: auto;
		left: 45%;
		top: 50%;
		margin-top: -60%;
		margin-left: -40%;
	}
	.popup_work_cont {
		width: 90%;
		height: auto;
		left: 45%;
		top: 10%;
		margin-top: -10%;
		margin-left: -40%;
		flex-direction: column;
	}
	.popup_work_cont #big {
		width: 100%;
		height: 12em;
		margin-top: 2rem;
		box-sizing: border-box;
		overflow-y: scroll;
	}
	.popup_work_cont #big {
		width: 100%;
		height: 27em;
		margin-left: 0em;
		padding-left: 0em;
		margin-top: 1em;
	}

	.close_popup {
		display: none;
	}
	.close_popup_mobile {
		display: block;
		position: fixed;
		top: 6%;
		right: 15%;
	}
	
	.popup_work_cont .work-slider {
		width: 100%;
		height: auto;
		margin-left: 0rem;
	}


	.popup_work_cont .work-slider a {
		display: none;

	}
	.popup_work_cont .work-slider a:first-child {
		padding-bottom: 1.125rem;
	}
	.popup_work_cont .work-slider a:last-child {
		padding-top: 1.125rem;
	}
	
	.min_slide{
		height: 150px;
		overflow-y: hidden;
		display: flex;
		flex-direction: row;
		margin-top: 1em;
	}
	
	.min_slide::-webkit-scrollbar { width: 0; }

	.min_slide span img {
		height: 150px;
	}
	
	.min_slide span:last-child {
		margin-bottom: 0em;
	}
	.container_banner div:last-child { 
		display: none;
	}
	
	.container_banner .slide {
		margin-left: 0em;
		margin: 0 auto;
	}
	
	.dot:first-child {
		margin-left: 0em;
	}
	
	.dot_pack {
		float: none;
		text-align: center;
	}
	
	.sect_header_w li:first-child, .sect_header_w li:last-child {
		width: 5.250em;
	}
	
	.sect_header_w li:nth-child(2){
		max-width: 16em;
	}
	
	.section-header-white, .section-header {
		font-size: 1.3em !important;
	}
	.wrap-serv_right-p ul {
		margin-left: 0px;
	}
	.sect_header li:nth-child(2){
		max-width: 16em;
	}
	
	.sect_header li:first-child, .sect_header li:last-child {
		width: 5.250em;
	}
	
	.section-header {
		font-size: 1.250em !important;
	}
	
	.why_left {
		width: 100%;
		text-align: center;
		margin-top: 2em;
	}
	
	.why_cont {
		max-width: 90%;
		margin: 0 auto;
	}
	
	.why_left h2 {
		display: none;
	}

	.why_left span{
		display: flex;
		align-items: center;
		flex-direction: column;
		margin-top: 0.938em;
	}
	
	.why_left span img { margin-left: 0em; }

	.why_left span p {
		margin-left: 0em;
		white-space:normal;
		margin: 0.5em 0em;
		font-size: 1.125em;
	}

	.why_right {
		margin-top: 2em;
	}

	.form {
		height: 25.063em;
	}
	.form input[type="phone"] {
		box-sizing: border-box;
		width: 80%;
	}
	.form select {
		width: 80%;
		margin-top: 1em;
		margin-left: 0;
	}
	.form .container h5:first-child {
		font-size: 1.5rem;
	}
	.form .container h5 {
		font-size: 1rem;
		line-height: 1.4rem;
	}
	.form input[type="phone"] {
		margin: 0 auto;
	}
	
	.form input[type="submit"] {
		margin: 0 auto;
		margin-top: 2em;
	}
	.info_blocks {
		margin-top: 0;
	}
	.info_blocks div {
		margin-top: 2em;
	}
	
	.info_blocks div span {
		width: 100%;
		height: 11.500em;
		display: block;
		position: relative;
		overflow: hidden;
		box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16);
	}

	.foot_with_logo {
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-top: 1.5em;
	}
	.foot_with_logo div:nth-child(2){
		width:200px;
	}
	.foot_with_logo div:nth-child(1) {
		width: 100%;
		text-align: center;
		margin-top: 0.688em;
		margin-bottom: 2em;
		margin-right: 0em;
	}

	.foot_with_logo div:nth-child(1) p {
		display: block;
		position: relative;
		color: #333333;
	}

	.foot_with_logo div:nth-child(1) p:nth-child(1) {
		margin-right: 0em;
	}

	.foot_with_logo div:nth-child(3) {
		width: 100%;
		text-align: center;
		margin-top: 1.688em;
		margin-left: 0em;
		margin-bottom: 2em;
		color: #333333;
	}

	footer .container ul {
		display: none;
	}

	.breadcrumb {
		vertical-align: middle;
		margin-top: 2.500rem;
	}
	
	.about_cont {
		flex-direction: column;
		margin-top: 1em;
	}
	.about_cont div {
		width: 90%;
		margin: 0 auto;
	}
	.about_cont div:first-child {
		text-align: left;
		padding: 1.875rem 2.625rem 1.875rem 2.625rem;
	}
	.about_galery_row {
		flex-direction: row;
		width: 100%;
		overflow-x: auto;
		justify-content: start;
		flex-wrap: nowrap;
	}
	
	.about_galery_item {
		display: block;
		margin: 0 1em;
		margin-top: 2em;
		width: 100%;
		padding-top: 3.750em;
	}

	.galery_info {
		display: flex;
		align-items: center;
		flex-direction: column;
		height: auto;
		margin: 0 auto;
		margin-top: 2.375em;
		
	}
	.info_item {
		margin-top: 3em;
	}
	.form_about {
		padding-bottom: 3em;
		height: auto;
	}

	.form_about .container {
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
	}

	.form_about .container h1 {
		font-size: 1.5em;
	}

	.form_about .container h2 {
		font-size: 1.00em;
	}


	.form_about input[type="phone"] {
		width: 80%;
		padding: 0rem 1.250rem;
		margin-left: 0rem;
		box-sizing: border-box;
		margin-top: 1em;
	}

	.form_about input[type="text"] {
		width:  80%;
		padding: 0rem 1.250rem;
		box-sizing: border-box;
	}

	.form_about select {
		width: 80%;
		padding: 0rem 1.250rem;
		margin-left: 0em;
		box-sizing: border-box;
		margin-top: 1em;
	}

	.form_about input[type="submit"] {
		width: 80%;
		font-size: 0.875rem;
		margin-top: 1em;
	}

	.cont {
		width: 100%;
		height: 100%;
		padding: 1em 2em;
		box-sizing: border-box;
	}

	.cont ul{
		width: 100%;
		margin-left: 0em;
	}

	.cont ul li:nth-child(1) a {
		color: #474d5a;
		font-size:1.250rem;
	}

	.cont ul li {
		color: #474d5a;
		font-size: 1em;
	}

	.cont ul li:nth-child(4) span {
		display: block;
		font-size: 0.675rem;
		color: #474d5a;
		text-transform: uppercase;
	}

	.cont ul li:nth-child(5) img:nth-child(3) {
		width: 2em;
		margin-left: 0em;
	}

	.cont ul li:nth-child(5) img:nth-child(4) {
		width: 2em;
	
	}

	.cont ul li:nth-child(5) img:nth-child(2) {
		width: 2em;
	}

	.cont ul li:nth-child(6) a:nth-child(2) img{
		margin-left: 1rem;
	}
	.quest {
		height: auto;
		padding-bottom: 3em;
	}

	.quest h2 {
		font-size: 1.5em;
	}

	.quest h3 {
		font-size: 1em;
	}

	.quest .container input[type="email"],
	.quest .container input[type="submit"] {
		width: 90%;
		margin: 0 auto;
	}

	.quest .container textarea {
		width: 90%;
		margin: 0 auto;
		margin-top: 1em;
	}

	.quest .container form {
		width: 100%;
	}

	.quest .container input[type="email"] {
		height:  2.500em;
	}

	.quest .container input[type="submit"] {
		width: 12.500em;
		height: 2.500em;
		margin-top: 2.188em;
	}
	
	.otzyv_ban {
		width: 100%;
	}

	.otzyv_ban h1{
		padding-top:8rem;
	}

	.form_otzyvy input[type="text"] {
		width: 90%;
	}

	.form_otzyvy textarea {
		width: 90%;
	}

	.left_side {
		padding-top: 2.250em;
		margin: 0 auto;
	}

	.works_galery_item {
		margin-top: 2em;
	}

	.works_galery_item:nth-child(2) {
		margin-left: 0em;
	}

	.panel button {
		width: 100%;
		font-size: 1em;
	}
	
	.price_bg {
		padding-bottom: 0em;
	}
	.price_form {
		margin-top: 2.625em;
		width: 90%;
		margin: 0 auto;
		margin-top: 2em;
	}
	
	.form_vac {
		background-size: cover;
		width: 100%;
		height: auto;
		margin-bottom: 2em;
	}

	.form_vac .container h2 {
		font-size: 1.5em;
	}

	.form_vac .container h1 {
		font-size: 1em;
		padding-top: 0em;
	}

	.form_vac .container form { margin-top: 2rem; }

	.form_vac input[type="email"] {
		width: 90%;
		padding: 0em 1.250em;
	}

	.form_vac input[type="submit"] {
		margin-left: 0em;
		margin-top: 1.5em;
		margin-bottom: 4em;
	}

	.serv_cont {
		display: flex;
		flex-direction: column;
		margin-top: 3.375rem;
	}

	.serv_left, .serv_right {
		width: 90%;
		margin: 0 auto;
	}

	.main_img {
		max-width: 43.375em;
		height: auto;
	}

	.serv_galery_item {
		max-width:13.250em;
		height: auto;
	}

	.serv_right {
		padding-left: 0em;
	}

	.serv_right h2, .serv_right span {
		font-size: 1.5rem;
		margin-top: 2em;
	}

	.works_galery_item span img {
		width: 100%;
	}

	.cont {
		text-align: center;
		padding-top: 3em;
	}
	.galery_info {
		flex-direction: row;
		width: 90%;
		overflow-x: scroll;
	}
	.info_item {
		width: 100%;
		margin: 0em 1em;
	}
	.how_we_do {
		flex-direction: column;
		text-align: center;
	}
	.how_we_do div{
		margin: 0 auto;
	}
	.how_we_do div:nth-child(2n) {
		display: flex;
		flex-direction: column-reverse;
		margin: 0 auto;
	}
	.how_img {
		width: 18em;
		height: 10.125em;
	}

	.wrap-button-col{
		display: flex;
		justify-content: center;
		align-items: center;
		height: 2.6em!important;
		width: 8.75em!important;
		padding: 0.5em 0.4em!important;
	}
	.wrap-filtr-but{
	}
	.serv_galery{
		justify-content: center;
	}
	.serv_galery_item{
		max-width: 8.25em;
	}
	.info_item{
		display: flex;
		flex-direction: column;
		align-items: center;
	}

}


/* MEDIA 680 px */
/* ================================================================================================== */
@media (max-width: 680px) {
	.works_galery_item {
		margin-left: 0em;
		margin: 0 auto;
		margin-top: 2em;
	}
	.works_galery_item:nth-child(2) {
		margin-left: 0em;
		margin: 0 auto;
		margin-top: 2em;
	}
	.works_galery_row {
		flex-direction: column;
		margin-top: 0em;
		width: 100%;
	}
	.img_container {
		height:56px;
		margin:5px;
	}
	.img_car {
		height: 56px;
		margin: 5px;
	}
	.pi-second-mainpage {
		height: 950px;
	}
	.pi-third-mainpage {
		height: 645px;
	}
	.pack-footer {
		left: 35%;
	}
	.predlojenie .all .column {
		width:50%;
	}
	.predlojenie .container {
		padding: 0em 1.250em;
	}
}

@media only screen and (max-width: 600px) {
	.modal {
		width:300px;
		height: 360px;
		left: 50%;
	}
	.modalform_field {
		width: 250px;
	}
	.t-submit {
		width: 270px;
	}

	.info_blocks a {
		font-size: 14px;
	}
	.info_blocks div h2 {
		font-size: 1.3em;
	}
	.info_blocks div p {
		line-height: 1.5em;
	}
}

@media screen and (max-width: 578px) {
	.wrap-magic-content div {
		max-width: 100%;
		max-height: 125px;
	}
	.wrap-magic button {
		word-wrap: break-word;
		overflow: hidden;
	}
	.wrap-button-col{
		width: 9.75em!important;
		height: 3em!important;
		font-size: 14px;
	}
	.serv_left, .serv_right{
		width: 90%;
	}
	.wrap-serv_right-p{
		padding: 0 16px;
		margin-top: 13px;
	}
	.galery_item div img{
		width:100%;
		height: 100%;
		object-fit: cover;
	}
	.galery_item{
		flex-grow: 0!important;
	}
}

/* MEDIA 570 px */
/* ================================================================================================== */
@media (max-width: 570px) {
	.share-social {
		width: 400px;
	}
	.share-social p {
		font-size: 26px;
	}
	.info_blocks a {
		font-size: 12px;
	}
	.info_blocks div h2 {
		font-size: 1.2em;
	}
}


/* MEDIA 480 px - 768 px */
/* ================================================================================================== */
@media (max-height:480px) and  (max-width: 768px) {
	.modal_cont {
		width: 90%;
		height: 96%;
		left: 45%;
		top: 2%;
		margin-top: 0%;
		margin-left: -40%;
	}
}


/* MEDIA 480 px */
/* ================================================================================================== */
@media (max-width: 480px) {
	.popup_work_cont {
		width: 80%;
		height: auto;
		left: 45%;
		top: 10%;
		margin-top: -10%;
		margin-left: -35%;
		flex-direction: column;
	}
	.popup_work_cont #big {
		width: 100%;
		height: 25em;
		margin-left: 0em;
		padding-left: 0em;
		margin-top: 1em;
	}

	.popup_work_cont .work-slider {
		width: 100%;
		height: auto;
		margin-left: 0rem;
		flex-direction: row;
	}

	.popup_work_cont .work-slider a {
		display: none;

	}
	.popup_work_cont .work-slider a:first-child {
		padding-bottom: 1.125rem;
	}
	.popup_work_cont .work-slider a:last-child {
		padding-top: 1.125rem;
	}
	
	.min_slide{
		height: 200px;
		overflow-y: hidden;
		display: flex;
		flex-direction: row;
		margin-top: 1em;
	}
	
	.min_slide::-webkit-scrollbar { width: 0; }

	.min_slide span img {
		height:200px;
	}

	.min_slide span:last-child {
		margin-bottom: 0em;
	}
	.cont ul li {
		font-size: 1.2em;
	}
	.works_galery_item span {
		width: 19.125em;
		height: 13.75em;
	}
	.works_galery_item a {
		font-size: 0.8em;
	}
	.galery {
		flex-direction: column;
		align-items: center;
	}

	.galery:nth-child(3) {
		margin-top: 0em;
	}
	.works_galery_item span {
		width: 100%;
	}
	.works_galery_item {
		width: 90%;
		margin: 0 auto;
		margin-top: 2em;
	}
	.work_cont .container {
		display: flex;
		justify-content: space-between;
		flex-direction: column;
	}
	.contacts_main {
		display: flex;
		flex-direction: column;
		height:auto;
	}
	.info_blocks {
		flex-direction: column;
		align-items: center;
	}
	.info_blocks div {
		width: 80%;
		height: 560px;
	}
	.info_blocks div span {
		height: 9.3em;
	}
	.slide ul li {
		display: block;
	}
	.slide ul li img {
		margin-left: 0;
	}
	.form {
		height: auto;
		padding-bottom: 3em;
	}
	.service_pack {
		flex-direction: column;
		align-items: center;
	}
	#modal_calc .modal_cont {
		height: 30.375em;
	}
	#modal_calc .modal_cont form {
		height: 21.75em;
	}
	.modal_cont {
		width: 90%;
		height: 86%;
		left: 45%;
		top: 51%;
	}
	.mod_about_cont {
		width: 90%;
		top: 50%;
	}
	.info_blocks div p {
		line-height: 1.5em;
	}
	.popup_work_cont #big {
		height: 17em;
	}
	.min_slide span,.min_slide {
		height: 100px;
	}
	.price_form_cont {
		flex-direction: column;
	}
	.price_form_cont div {
		width: 100%;
	}
	.price_form div:nth-child(2) {
		margin-left:  0em;
	}
	.serv_galery_item {
		max-width: 8.25em;
	}
	.mod_about_cont div:last-child {
		padding: 3em 3.125em;
	}
	
	.bann_cont h1 {
		font-size: 1.5rem;
	}
	.bann_cont h2 {
		font-size: 1rem;
		margin-top: 1em;
	}
	.dot_pack {
		margin-right: 0em;
	}
	.galery_item div {
		height: 250px;
	}
	.map {
		width: 100%;
		height: 300px;
	}
	.galery_item {
		 flex-grow: 1;
		 width: calc(85%);
	}
	.img_container {
		height:36px;
		margin:0px;
	}
	.img_car {
		height: 36px;
		margin: 5px;
	}
	.pack-footer {
		left: 32%;
	}
	.sect_header li:first-child, .sect_header li:last-child {
		display: none;
	}
	.otzyv_ban {
		height: 27.625em;
	}
}

/* MEDIA */
/* ================================================================================================== */
@media (max-height:800px) and  (max-width: 480px) {
	.modal_cont {
		width: 90%;
		height: 68%;
		left: 45%;
		top: 49%;
	}
	.map {
		width: 100%;
		height: 300px;
	}
	.img_container {
		height:36px;
		margin:0px;
	}
	.img_car {
		height: 36px;
		margin: 5px;
	}
}


/* MEDIA 425 px */
/* ================================================================================================== */
@media (max-width: 425px) {
	.sect_header li:first-child, .sect_header li:last-child {
		width: 3.25em;
	}
	.sect_header_w li:first-child, .sect_header_w li:last-child {
		width: 4.25em;
	}
	.modal_cont {
		width: 90%;
		height: 45%;
		left: 45%;
		top: 55%;
	}
	.modal-header {
		font-size: 1.175em;
	}
	.popup_work_cont #big img {
		width: 100%;
		height: auto;
		position: relative;
		margin: 0 auto;
	}
	.popup_work_cont #big {
		height: 10em;
	}
	.serv_galery_item {
		max-width: 7.25em;
	}
	.panel li p {
		width: 13.125em;
	}
	.img_container {
		height:36px;
		margin:0px;
	}
	.img_car {
		height: 36px;
		margin: 5px;
	}
	.pack-footer {
		left: 27%;
	}
	.predlojenie .all .column {
		height: 45px;
	}
	.column .name-right {
		font-size: 11px;
	}
	.column .img-left {
		width: 27px;
		margin-right: 6px;
	}
}


/* MEDIA 414 px */
/* ================================================================================================== */
@media (max-width: 414px) {
	.serv_galery_item {
		max-width:7.25em;
	}
	.sect_header_w li:nth-child(2) {
		max-width: 11em;
	}
	.info_blocks div span {
		height: 7.3em;
	}
	.modal_cont {
		width: 90%;
		height:72%;
		left: 45%;
		top: 36%;
	}
	.mobile_menu .user_data div a:first-child {
		display: block;
	}
	.mobile_menu .user_data div .btn_header {
		margin-left: 0em;
		margin-top: .750em;
		display: inline-block;
		margin: 0 auto;
	}
	.works_galery_item span {
		height: 16.75em;
	}
	.panel li p {
		width: 12.125em;
	}
	.otzyvy {
		padding-bottom: 2rem;
	}
	.galery_item div {
		height: 196px;
	}
}


/* MEDIA 412 px */
/* ================================================================================================== */
@media (max-width: 412px) {
	.sect_header li:nth-child(1), .sect_header li:nth-child(3) {
		display: none;
	}
	.section-header {
		font-size:1.25em !important;
		margin-bottom: 20px;
	}
	.dot {
		margin-left: 1em;
	}
	.dots_control {
		width: 80%;
		margin:0 auto;
		margin-top: 5em;
	}
	.galery_item  {
		width: 300px;
		box-sizing: border-box;
		overflow: hidden;
	}
	.galery_item  div{
		width: 100%;
	}
	
	.mini_slider li:nth-child(2) img {
		margin: 0em 0em;
	}
	
	.galery_item  div img{
		width: 100%;
	}

	.slide ul li {
		font-size: 0.63em;
		margin-left: 0em;
	}
	.slide ul li img {
		margin: 0em;
		margin-right: .5em;
	}
	.dot_pack {
		margin-top: -3.8em;
	}
	.why_right {
		padding: 1.438em 1em;
	}
	.why_right p {
		margin-top: 1.125em;
	}
	.why_right a {
		display: block;
		margin-top: 1.125em;
	}
	.how_img {
		width: 17.125em;
		height: 14.125em;
	}
	.how_we_do { 
		padding-bottom: 3.063em;
	}
	.form .container h5:first-child {
		font-size: 1.4rem;
	}
	.info_blocks div span {
		height: 8.3em;
	}
	.info_blocks a {
		display: block;
		font-size: 0.8rem;
	}
	.why_right h5 {
		font-size: 1em;
	}
	.why_cont {
		margin-top: 2em;
	}
	.info_item div {
		width: 18.375em;
		height: 12.175em;
	}
	.about_cont div:first-child {
		padding: 0.875rem 1rem 1.875rem 1rem;
	}
	.works_galery_item span {
		height: 12.75em;
	}
	.popup_work_cont #big {
		width: 100%;
		height: 14em;
	}
	.min_slide span {
		height: 130px;
	}
	.min_slide span img {
		height: 100px;
	}
	.min_slide {
		height: 100px;
	}
	.form_vac input[type="email"] {
		width: 80%;
	}
	.bann_cont {
		padding: 2rem 1.875rem 2rem 1.875rem;
	}

	.bann_cont h1 {
		font-size: 1.5rem;
	}
	.bann_cont h2 {
		font-size: 1rem;
	}
	.price > h3, .price > h3 > span {
		padding: 0em 0.6em;
		padding-bottom: 2em;
	}
	.panel {
		padding: 0rem 0.5rem;
	}
	.panel li p {
		font-size: 0.725em;
	}
	.panel li h3 {
		font-size: 0.725em;
	}
	.panel li h4 {
		font-size: 0.725em;
	}
	.checkbox-custom {
		margin-right: 0.4rem;
	}
	.price_form_cont {
		flex-direction: column;
	}
	.price_form div:nth-child(2) {
		margin-left: 0em;
	}
	.price_form input[type="text"] {
		padding: 1.250rem 0.525rem;
	}
	.price_form select {
		padding-left: 0.525rem;
	}
	.price_form_cont div {
		width: 100%;
	}
	.serv_galery_item {
		width: 5em;
	}
	.galery_info {
		margin-top: 0.375em;
		flex-direction: row;
		width: 300px;
		overflow-x: auto;
	}
	.panel button {
		height: 3.0rem;
	}
	.panel li p {
		width: 21.225em;
	}
	.mobile_menu .user_data div .btn_header {
		display: block;
		width: 200px;
		margin-top: 1em;
		margin-left: 0em;
		margin: 0 auto;
	}
	.info_item {
		width: 100%;
		margin: 0em .5em;
	}
	.mod_about_cont {
		top: 40%;
	}
	.mod_about_cont div:last-child h2 {
		font-size: 1em;
	}
	.mod_about_cont div:last-child {
		padding: 2em 1.125em;
	}
	.mod_about_cont div:last-child p {
		font-size: 1em;
		line-height: 1.2rem;
		margin-top: 1.250rem;
	}
	.modal_cont h2{
		font-size: 1em
	}
	.modal_cont {
		width: 90%;
		height: 67%;
		left: 42%;
		top: 52%;
		margin-left: -37.9%;
	}
	.modal_cont form input[type="text"], .modal_cont form input[type="phone"] {
		width: 100%;
		padding: 1.05rem 3.125rem;
		height: 0em;
	}
	.modal_cont form {
		height: 10.1em;
		padding: 0.750rem 1.125rem 1.875rem 1.125rem;
	}
	.galery_item div {
		height: 235px;
	}
	.share-social {
		width: 370px;
	}
	.share-social p {
		font-size: 22px;
	}
	.pack-left {
		font-size: 16px;
	}
}


/* MEDIA 375 px */
/* ================================================================================================== */
@media (max-width: 375px) {
	.modal_cont {
		width: 90%;
		height: 45%;
		left: 42%;
		top: 45%;
	}
	.info_blocks div{
		padding: 1.25em;
	}
	.serv_galery_item {
		width: 6em;
		height: 4em;
	}
	.serv_right h2, .serv_right span {
		font-size: 1rem;
		text-align: center;
	}
	.panel li p {
		width: 13em;
	}
	.galery_item div {
		height: 196px;
	}
	.pack-footer {
		left: 19%;
	}
}


/* MEDIA */
/* ================================================================================================== */
@media (max-height:489px) and  (max-width: 375px) {
	.modal_cont {
		width: 90%;
		height: 90%;
		left: 43%;
		top: 65%;
	}
	.popup_work_cont #big {
		width: 100%;
		height: 10em;
	}
	.min_slide span {
		height: 83px;
		margin: 0em 0.2em;
	}
}


/* MEDIA 360 px */
/* ================================================================================================== */
@media (max-width: 360px) {
	.modal_cont {
		height: 50%;
	}
	.min_slide span img {
		height: 85px;
	}
	.img_container {
		height:35px;
		margin:0px;
	}
	.img_car {
		height: 35px;
		margin: 5px;
	}
	.share-social {
		width: 355px;
	}
	.share-social p {
		font-size: 20px;
	}
	.biggest-text {
		font-size: 20px;
		letter-spacing: 0px;
	}
	.smaller-text {
		font-size: 16px;
	}
	.body-line {
		margin: 10px 0px;
	}
	.ps-left p {
		margin-bottom: 25px;
	}
	.otzyv_ban {
		height: 28.625em;
	}
}


/* MEDIA 320 px */
/* ================================================================================================== */
@media (max-width: 320px) {
	.slider-header {
		font-size: 1rem;
		line-height: 1em;
	}
	.btn_slider {
		padding: 1em 1.2em;
	}
	.tr-right {
		padding-left: 5px;
	}
	.modal_cont {
		height: 40%;
		top: 35%;
	}
	.popup_work_cont #big {
		width: 100%;
		height: 10em;
	}
	.cont ul li:nth-child(5) p,
	.cont ul li:nth-child(6) p {
		display: block;
	}
	.cont ul li:nth-child(6) a:nth-child(2) img,
	.cont ul li:nth-child(5) img:nth-child(2) {
		margin-left: 0rem;
		margin: 0.5em 0em;
	}
	.mobile_menu .menu ul:nth-child(1) li a {
		padding: 1.2em 2.5em;
	}
	.mobile_menu .menu ul:nth-child(2) li {
		padding: 0em;
		padding-left: 1em;
		padding-top: .2em;
	}
	.mobile_menu .user_data {
		margin: 1em 0em;
	}
	.mobile_menu .user_data div {
		margin-bottom: 1em;
	}
	.hamburger_close {
		margin-right: -1em;
	}
	.share-social {
		width: 290px;
	}
	.share-social p {
		font-size: 17px;
	}
	.pack-right p {
		font-size: 44px !important;
		margin-top: -14px !important;
		margin-left: 15px;
	}
}

.about_galery_img:hover {
	cursor: pointer;
}

/* =====================================================
ALEX STYLES
===================================================== */
.vacancies-text {
	text-align:center;
}

.galery_item span a {
	color: #fff;
}

.hover_pointer:hover {
	cursor: pointer;
}

#ow_desc {
	color: #474d5a;
	font-size: 0.688em;
	margin-top: 1.625rem;
	line-height: 1rem;
}




.left_side button{
	background: transparent;
	border:none;
	cursor: pointer;
}
.wrap-sort{
	display: flex;
	justify-content: flex-end;
}

.works_galery_item:hover {
	cursor: pointer;
}

.bold {
	font-family: Helvetica-Bold;
}



/* SERVICES */
*{box-sizing:border-box},*:before,*:after {box-sizing:inherit}
.w3-row:after,.w3-row:before{content:"";display:table;clear:both}

.w3-col{float:left;width:100%}

.w3-row .sort:hover {
	cursor: pointer;
}


@media (min-width:601px){
	.w3-col.m6{width:49.99999%}
}

.no-margin{
	margin: 0!important;
}
/* END SERVICES */


/* NEW MODAL POPAP */
.modal {
	width: 500px;
	height: 320px;
	border-radius: 5px;
	border: 3px #ededed solid;
	background: #fff;
	position: fixed;
	top: 45%;
	left: 45%;
	margin-top: -150px;
	margin-left: -150px;
	display: none;
	opacity: 0;
	z-index: 9999;
	font-family: 'Roboto',sans-serif;
	text-align: center;
}

.modal_close {
	width: 21px;
	height: 21px;
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
	display: block;
}

.overlay {
	z-index:3;
	position:fixed;
	background-color:#000;
	opacity:0.8;
	-moz-opacity:0.8;
	filter:alpha(opacity=80);
	width:100%; 
	height:100%;
	top:0;
	left:0;
	cursor:pointer;
	display:none;
}

.modal-content {
	display: block;
	margin: 30px auto;
}

.modal-content p {
	font-size: 20px;
	text-align: center;
	font-weight: 600;
	margin-top: 50px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 40px;
}

.modalform_field {
	display: block;
	width: 380px;
	margin: 20px auto;
	padding: 10px;
}

.t-submit {
	color: #ffffff;
	border: 3px solid #af2827;
	background-color: #af2827;
	width: 404px;
	margin-top: 15px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

/* End */
/* /bitrix/templates/vic_service/components/bitrix/menu/header_menu/style.min.css?1531474837490 */
/* /bitrix/templates/vic_service/components/bitrix/menu/header_menu_mobile/style.min.css?1531474837490 */
/* /bitrix/templates/vic_service/components/bitrix/menu/footer_menu_first/style.min.css?1531474837490 */
/* /bitrix/templates/vic_service/styles.css?15625827481790 */
/* /bitrix/templates/vic_service/template_styles.css?157402251982967 */