/* плавное изменение прозрачности placeholder-а при фокусе */
input[type="text"]::-webkit-input-placeholder {opacity: 1; transition: opacity 0.3s ease;}
input[type="text"]::-moz-placeholder {opacity: 1; transition: opacity 0.3s ease;}
input[type="text"]:-moz-placeholder {opacity: 1; transition: opacity 0.3s ease;}
input[type="text"]:-ms-input-placeholder {opacity: 1; transition: opacity 0.3s ease;}
input[type="text"]:focus::-webkit-input-placeholder {opacity: 0; transition: opacity 0.3s ease;}
input[type="text"]:focus::-moz-placeholder {opacity: 0; transition: opacity 0.3s ease;}
input[type="text"]:focus:-moz-placeholder {opacity: 0; transition: opacity 0.3s ease;}
input[type="text"]:focus:-ms-input-placeholder {opacity: 0; transition: opacity 0.3s ease;}
textarea::-webkit-input-placeholder {opacity: 1; transition: opacity 0.3s ease;}
textarea::-moz-placeholder {opacity: 1; transition: opacity 0.3s ease;}
textarea:-moz-placeholder {opacity: 1; transition: opacity 0.3s ease;}
textarea:-ms-input-placeholder {opacity: 1; transition: opacity 0.3s ease;}
textarea:focus::-webkit-input-placeholder {opacity: 0; transition: opacity 0.3s ease;}
textarea:focus::-moz-placeholder {opacity: 0; transition: opacity 0.3s ease;}
textarea:focus:-moz-placeholder {opacity: 0; transition: opacity 0.3s ease;}
textarea:focus:-ms-input-placeholder {opacity: 0; transition: opacity 0.3s ease;}

body {margin: 0; padding-right: 0px!important;}
:focus {outline: none}
.nopadding {padding: 0 !important}
.nomargin {margin: 0 !important}
.text-white {color: #fff}
.display_flex, .display_flex_imp {display: flex;align-items: center;}
a:hover {text-decoration: none;}
.nopadding_left {
	padding-left: 0;
}

body.modal-open{ 
  overflow-y: visible!important;
  padding-right: 0px!important;
}
body .modal .fade{ 
  overflow-y: visible!important;
  padding-right: 0px!important;
}

.customize-support{
	overflow-y: visible!important;
  padding-right: 0px!important;
}

body {
	font: 14px 'Geometria';
	color: #212121;
}

.bold {
	font-family: 'Geometria-Bold';
}

/* section titles/subtitles */

.services-title,
.our-command-title,
.reviews-title,
.advantages-title,
.contacts-title{
	font: 26px 'Geometria-Bold';
	text-align: center;
	padding-bottom: 18px;
	text-transform: uppercase;
	position: relative;
	margin-bottom: 20px;
}

	.services-title:after,
	.our-command-title:after,
	.reviews-title:after,
    .advantages-title:after,
    .contacts-title:after{
		content: '';
		width: 75px;
		height: 3px;
		background-color: #0c61a4;
		position: absolute;
		bottom: 0;
		right: 0;
		left: 0;
		display: block;
    	margin: 0 auto;
	}


.services-subtitle,
.our-command-subtitle,
.reviews-subtitle,
.advantages-subtitle{
	font: 18px 'Geometria';
	text-align: center;
	margin-bottom: 55px;
}

.contacts-subtitle{
	font: 18px 'Geometria';
	text-align: center;
}

.advantages-title{
	font: 26px 'Geometria-Bold';
	text-align: center;
	padding-bottom: 18px;
	text-transform: uppercase;
	position: relative;
	margin-bottom: 20px;
	color: #fff;
}

    .advantages-title:after{
		content: '';
		width: 75px;
		height: 3px;
		background-color: #ff9202;
		position: absolute;
		bottom: 0;
		right: 0;
		left: 0;
		display: block;
    	margin: 0 auto;
	}

.advantages-subtitle{
	font: 18px 'Geometria';
	text-align: center;
	margin-bottom: 55px;
	color: #fff;
}

.contacts-title-block{
	position: absolute;
	top: 30px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 9;
}

/* end section titles*/

/*   button   */

.btn-orange,
.btn-orange:focus{
	color: #fff;
	background-color: #ff9202;
	border-radius: 20px;
	outline: none;
	text-transform: uppercase;
	font: 12px 'Geometria-Bold';
	transition: all 0.2s linear;
}

.btn-orange:hover,
.btn-orange:active,
.btn-orange:active:focus{
	opacity: 0.7;
	outline: none;
}

.btn-transparent,
.btn-transparent:focus{
	background: transparent;
	color: #fff;
	border: 1px solid #fff;
	font: 12px 'Geometria-Bold';
	text-transform: uppercase;
	outline: none;
	border-radius: 25px;
	padding: 14px 13px;
	transition: all 0.2s linear;
}

	.btn-transparent:hover,
	.btn-transparent:active,
	.btn-transparent:active:hover,
	.btn-transparent:active:focus{
		outline: none;
		background: #fff;
		color: #000;
	}

.btn-submit-service-modal{
	border-radius: 25px;
	padding: 14px 18px;
}

/* end button */

/*   header   */

.navbar{
	background-color: #0c61a4;
	border-bottom: 1px solid #163c5a;
}

@media(max-width: 767px){
	.header-burger-block{
		padding-left: 0px;
	}
}

.header_burger,
.header_burger:focus{
	background: none;
	border: none;
	outline: none;
    padding: 14px;
    margin-top: 0px;
    transition: all 0.3s linear;
}

		.header_burger:hover{
			background: #fff;
		}

		.header_burger .icon-bar{
			background-color: #fff;
			display: block;
			height: 2px;
			width: 30px;
			transition: all 0.3s linear;
		}

		.header_burger:hover .icon-bar{
			background: #0c61a4;
		}

		.header_burger .icon-bar:nth-child(2),
		.header_burger .icon-bar:nth-child(3){
			margin-bottom: 8px;
		}

		@media(min-width: 768px){
			.header_burger,
			.header_burger:focus{
				margin-top: 8px;
			}
		}

.nav_list{
	list-style: none;
	width: 220px;
    padding: 20px 0px;
}

		.nav_list>li>a{
			padding: 20px;
			font: 16px 'Geometria-Bold';
			color: #0c61a4;
   			text-transform: uppercase;
   			background: #fff;
   			transition: all 0.2s linear;
		}

		.nav_list>li>a:hover{
			color: #fff;
   			background: #0c61a4;
		}

.header_logo_block{
	padding-top: 3px;
	padding-right: 0px;
}

	@media(min-width: 768px){
		.header_logo_block{
			padding-top: 10px;
		}
	}

.header_logo,
.header_logo:hover,
.header_logo:focus,
.header_logo:active{
	color: #fff;
	text-decoration: none;
}

.header_logo_img{
	float: right;
	margin-right: 10px;
}

		@media(min-width: 768px){
			.header_logo_img{
				float: left;
				margin-right: 0px;
			}
		}

@media(max-width: 767px){
	.dropdown-menu.nav_list{
		left: 22px;
	}
}

.header_logo_text{
	font: 18px 'Geometria-Bold';
	margin-left: 60px;
}

.header_info{
	text-align: center;
	font: 14px 'Geometria';
	line-height: 20px;
	color: #fff;
	padding-top: 12px;
}

.header_phone,
.header_phone:focus{
	font: 22px 'Geometria-Bold';
	display: block;
	margin-bottom: 8px;
	color: #fff;
	text-decoration: none;
	transition: all 0.2s linear;
}
.header_phone:focus,
.header_phone:hover{
	color:#ffa102;
}

.header_callback_block{
	text-align: right;
}

@media(min-width: 768px){
	.header-container{
		padding: 20px 15px;
		transition: padding 0.2s linear;
	}
	.header-container-scrolling{
		padding: 5px 15px;
	}
}

/* end header */

/*   about   */

#about{
	margin-top: 80px;
}

	@media(min-width: 768px){
		#about{
			margin-top: 107px;
		}
	}

.about-text{
	border-left: 6px solid #0c61a4;
	margin: 0 0px 30px;
}

	@media(min-width: 768px){
		.about-text{
			margin: 77px 0 60px;
		}
	}

.about-title{
	font:30px 'Geometria-Bold';
	text-transform: uppercase;
	margin-top: 0px;
	margin-bottom: 5px;
}

	@media(min-width: 768px){
		.about-title{
			font-size: 51px;
		}
	}

.about-subtitle{
	font:22px 'Geometria';
	text-transform: uppercase;
	margin-bottom: 20px;
}

	@media(min-width: 768px){
		.about-subtitle{
			font-size: 34px;
		}
	}

.about-description{
	font:14px 'Geometria';
	margin-bottom: 0px;
}

	@media(min-width: 768px){
		.about-description{
			font-size: 18px;
		}
	}

.about-feedback{
	background: #0c61a4;
	border-radius: 12px;
	padding: 25px 36px 10px;
}

	@media(min-width: 768px){
		.about-feedback{
			padding: 25px 40px 10px;
		}
	}

.about-feedback-title,
.contacts-feedback-title{
	font-size: 18px;
	text-align: center;
	color: #fff;
}
	
	.about-feedback-title{
		margin-bottom: 5px;
	}

	.contacts-feedback-title{
		font-weight: bold;
	}
	.about-feedback-title span{
		font-weight: bold;
	}

.about-feedback-subtitle,
.contacts-feedback-subtitle{
	font-size: 14px;
	text-align: center;
	color: #fff;
	margin-bottom: 20px;
}

	 .contacts-feedback-subtitle{
	 	padding: 0 25px;
	 }

.inputs{
	width: 100%;
	resize: none;
	border-radius: 9px;
	background: #fff;
	color: #000;
	font-size: 16px;
	padding: 12px 20px;
	border: none;
	outline: none;
	margin-bottom: 25px;
}

    .inputs.error{
		border: 1px solid red;
	}
.form-textarea{
	resize: none;
	margin-bottom: 25px;
}

	.about-feedback .form-textarea{
		height: 90px;
	}

.agree-checkbox{
	position: absolute;
	left: -999999999px;
}
	.contacts-feedback .agree-checkbox,
	.callback-feedback-agree-block .agree-checkbox{
		left: 176px;
		margin: 0px;
	}
	.service-feedback-agree-block .agree-checkbox{
		left: 225px;
		margin: 0px;
	}
	@media(min-width: 768px){
		.service-feedback-agree-block .agree-checkbox{
			left: 270px;
			margin: 0px;
		}
	}

.about-feedback-agree-block,
.about-feedback-submit-block,
.contacts-feedback-agree-block,
.contacts-feedback-submit-block,
.callback-feedback-agree-block,
.callback-feedback-submit-block,
.service-feedback-agree-block,
.service-feedback-submit-block{
	text-align: center;
	margin-bottom: 20px;
}
	.contacts-feedback-agree-block{
		position: relative;
	}
	@media(min-width: 992px){
		.contacts-feedback-agree-block,
		.contacts-feedback-agree-block{
			text-align: left;
		}

		.contacts-feedback-submit-block,
		.contacts-feedback-submit-block{
			text-align: right;
		}
	}
	@media(min-width: 992px) and (max-width: 1400px){
		.contacts-feedback-submit-block{
			margin-bottom: 0px;
		}
	}
.label-about-checkbox{
	padding-left: 25px;
}

.label-about-checkbox,
.label-contacts-checkbox,
.label-callback-checkbox{
	color: #fff;
	font-weight: 100;
	position: relative;
	background: #0c61a4;
	font-size: 12px;
}

	.label-about-checkbox:before,
	.label-contacts-checkbox:before,
	.label-callback-checkbox:before{
		content: '';
		position: absolute;
		top: 0px;
    	left: 0px;
		width: 20px;
		height: 20px;
		background: transparent;
		border: 2px solid #fff;
		border-radius: 5px;
		transition: all 0.1s linear;
	} 
	#about-checkbox:checked + .label-about-checkbox:before,
	#contacts-checkbox:checked + .label-contacts-checkbox:before,
	#callback-checkbox:checked + .label-callback-checkbox:before,
	#service-modal-checkbox:checked + .label-callback-checkbox:before{
		font-family: FontAwesome;
		content: '\f00c';
		font-size: 23px;
		color: #ff9202;
		line-height: 12px;
	}

	.label-about-checkbox a,
	.label-about-checkbox a:focus,
	.label-contacts-checkbox a,
	.label-contacts-checkbox a:focus,
	.label-callback-checkbox a,
	.label-callback-checkbox a:focus{
		color: #fff;
		text-decoration: underline;
		transition: all 0.2s linear;
	}

	.label-about-checkbox a:hover,
	.label-about-checkbox a:active,
	.label-about-checkbox a:active:hover,
	.label-about-checkbox a:active:focus,
	.label-contacts-checkbox a:hover,
	.label-contacts-checkbox a:active,
	.label-contacts-checkbox a:active:hover,
	.label-contacts-checkbox a:active:focus,
	.label-callback-checkbox a:hover,
	.label-callback-checkbox a:active,
	.label-callback-checkbox a:active:hover,
	.label-callback-checkbox a:active:focus{
		opacity: 0.7;
		text-decoration: none;
	}

	.label-callback-checkbox{
		padding-left: 25px;
	}

	@media(min-width: 768px){
		.label-about-checkbox{
			padding-left: 0;
		}
		.label-about-checkbox:before{
			left: -10px;
		}
		.label-contacts-checkbox:before{
			left: 0px;
		}
	}

	@media(min-width: 992px){
		.label-about-checkbox,
		.label-contacts-checkbox{
			margin-left: 33px;
		}
		.label-about-checkbox:before,
		.label-contacts-checkbox:before{
			top: 4px;
			left: -28px;
		}

		.label-callback-checkbox{
			padding-left: 0px;
			margin-left: 33px;
		}
		.label-callback-checkbox:before{
			top: -1px;
			left: -28px;
		}
	}

	@media(min-width: 1200px){
		.label-about-checkbox{
			margin-left: 67px;
		}
	}

.about-img{
	position: relative;
}

@media(min-width: 768px){
	.about-img-item{
		position: absolute;
	    right: 0px;
	    top: 309px;
	    width: 521px;
	}
}

@media(min-width: 992px){
	.about-img-item{
	    right: 0px;
	    top: 240px;
	    width: 578px;
	    height: 558px;
	}
}

@media(min-width: 1200px){
	.about-img-item{
	    right: 0;
	    top: 117px;
	    width: 630px;
	    height: 613px;
	}
}


/* end-about */

/*    services    */

.services-container{
	padding-top: 107px;
	padding-bottom: 40px;
}

.services-elem{
	margin-bottom: 55px; 
}

.service-elem-inside{
	max-height: 195px;
	padding: 24px 0px;
	margin: 0 20px;
	border: 2px dashed transparent;
}

	.service-elem-inside:hover{
		border: 2px dashed #e7e7e7;
		border-radius: 8px;
		cursor: pointer;
	}

.service-elem-img{
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	height: 52px;
}

.service-name{
	font-size: 14px;
	text-align: center;
	margin: 25px 0px 15px;
}
	@media(min-width: 768px){
		.service-name{
			min-height: 54px;
		}
	}
	@media(min-width: 1200px){
		.service-name{
			font-size: 16px;
		}
	}

.servicec-more-btn{
	font: 12px 'Geometria-Bold';
	color: #0c61a4;
	text-transform: uppercase;
	text-align: center;
	text-decoration: none;
	transition: all 0.3 linear;
}
	
	.service-elem-inside:hover .servicec-more-btn{
		text-decoration: none;
		color: #ff9202;
	}

/*  end-services  */

/*    needhelp    */

#needhelp{
	background-image: url(../img/bg/bg_help.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    position: relative;
}

.needhelp-container{
	padding: 20px;
}

.needhelp-title{
	font: 32px 'Geometria-Bold';
	text-transform: uppercase;
	color: #fff;
}

.needhelp-subtitle{
	color: #fff;
	font-size: 14px;
}

.needhelp-feedback-row{
	padding-top: 30px;
}

.needhelp-feedback-submit-block{
	text-align: center;
}

.needhelp-feedback-agree-block{
	text-align: center;
	margin-bottom: 20px;
	margin-top: 20px;
}
	@media(min-width: 998px){
		.needhelp-feedback-agree-block{
			margin-top: 0px;
		}
	}

.label-needhelp-checkbox{
	color: #fff;
	font-weight: 100;
	position: relative;
	font-size: 12px;
	margin-left: 10px;
	padding-left: 10px;
}

	.label-needhelp-checkbox:before{
		content: '';
		position: absolute;
		top: -2px;
    	left: -15px;
		width: 20px;
		height: 20px;
		transition: all 0.1s linear;
		background: transparent;
		border: 2px solid #fff;
		border-radius: 5px;
	} 
	#needhelp-checkbox:checked + .label-needhelp-checkbox:before {
		font-family: FontAwesome;
		content: '\f00c';
		font-size: 23px;
		color: #ff9202;
		line-height: 12px;
	}

	.label-needhelp-checkbox a,
	.label-needhelp-checkbox a:focus{
		color: #fff;
		text-decoration: underline;
	}

	.label-needhelp-checkbox a:hover,
	.label-needhelp-checkbox a:active,
	.label-needhelp-checkbox a:active:hover,
	.label-needhelp-checkbox a:active:focus{
		text-decoration: none;
	}

	@media(min-width: 768px){
		.label-needhelp-checkbox:before{
			left: -18px;
		}
	}

	@media(min-width: 992px){
		.label-needhelp-checkbox{
			margin-left: 33px;
		}
	}

	@media(min-width: 1200px){
		.label-needhelp-checkbox{
			margin-left: 67px;
		}
	}

/*  end-needhelp  */

/*   our command   */

.our-command-container{
	padding-top: 30px;
}

.our-command-elem{
	margin: 0 15px 50px;
}

.our-command-elem-img{
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 360px; 
}

.our-command-elem-title{
	font-size: 20px;
	text-transform: uppercase;
	color: #0c61a4;
	margin: 30px 0 20px;
}

.our-command-elem-subtitle{
	font: 12px 'Geometria-Bold';
	text-transform: uppercase;
	margin-bottom: 25px;
}

.our-command-elem-about{
	font-size: 14px;
}

.owl-command{
	position: relative;
}

	.owl-command .owl-nav .owl-prev{
	    font-size: 60px;
	    position: absolute;
	    left: 0px;
	    top: 39%;
	    background: none;
	}

	.owl-command .owl-nav .owl-next{
	    font-size: 60px;
	    position: absolute;
	    right: 0px;
	    top: 39%;
	    background: none;
	}

	.owl-command .owl-nav [class*=owl-]:hover{
		background: none;
	}

	.owl-command .owl-nav .owl-btn{
		font-size: 60px;
	}

	@media(min-width: 1260px){
		.owl-command .owl-nav .owl-prev{
		    left: -55px;
		    background: none;
		}

		.owl-command .owl-nav .owl-next{
		    right: -55px;
		    background: none;
		}
	}

/* end our command*/

/*   reviews   */

.reviews-container{
	padding-bottom: 60px;
}

.reviews-item-block{
	background-color: #eeeeee;
	padding: 10px;
}

	.reviews-item-block:hover{
		background-color: #ff9202;
	}

.reviews-item{
	height: 364px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.owl-reviews{
	position: relative;
}

	.owl-reviews .owl-nav .owl-prev{
	    font-size: 60px;
	    position: absolute;
	    left: 0px;
	    top: 39%;
	    background: none;
	}

	.owl-reviews .owl-nav .owl-next{
	    font-size: 60px;
	    position: absolute;
	    right: 0px;
	    top: 39%;
	    background: none;
	}

	.owl-reviews .owl-nav [class*=owl-]:hover{
		background: none;
	}

	.owl-reviews .owl-nav .owl-btn{
		font-size: 60px;
	}

	@media(min-width: 1260px){
		.owl-reviews .owl-nav .owl-prev{
		    left: -55px;
		    background: none;
		}

		.owl-reviews .owl-nav .owl-next{
		    right: -55px;
		    background: none;
		}
	}

/* end reviews */

/*   advantages   */

#advantages{
	background-color: #0c61a4;
}

.advantages-container{
	padding-top: 30px;
	padding-bottom: 40px;
}

.advantages-elem-block{
	margin-bottom: 35px;
}

.advantages-img{
	display: block;
	margin: 0 auto;
}

.advantages-img:after{
	content: '';
	width: 50px;
	height: 50px;
	position: absolute;
	background: #000;
}

@media(min-width: 768px){
	.advantages-elem-block:before{
		position: absolute;
		content: '';
		width: 43px;
		height: 3px;
		background-color: #fff; 
		top: 59px;
		left: -20px;
	}

	.advantages-elem-block:first-child:before,
	.advantages-elem-block:nth-child(4):before{
		width: 0px;
		height: 0px;
		background-color: transparent; 
	}
}

	@media(min-width: 992px){
		.advantages-elem-block:nth-child(4):before{
			width: 43px;
			height: 3px;
			background-color: #fff; 
			top: 59px;
			left: -20px;
		}
	}

.advantages-description{
	color: #fff;
	text-align: center;
	font-size: 14px;
	margin-top: 20px;
	padding: 0;
	min-height: 40px;
}
@media(min-width: 768px){
    .advantages-description{
        font-size: 16px;
        padding: 0 20px;
        min-height: auto;
    }
}
.advantages-description div {
    display:inline-block;
}

/* end advantages */

/*   footer   */

.footer{
	background-color: #0c61a4; 
	padding: 20px 0px;
    padding-bottom: 40px;
}
.footer_left,
.footer_center{
	color: #fff;
    text-align: center;
}
.footer_center div,
.footer_left div{
    display: inline;
}
@media(min-width: 992px){
    .footer_center{
        text-align: center;
    }
    .footer_left{
        text-align: left;
    }
    .footer{
        padding-bottom:0px;
    }
}

a.link_dev,
a.link_dev:focus{
	color: #ff9202;
	text-decoration: none;
	transition: color 0.3s linear;
}

	a.link_dev:hover,
	a.link_dev:active,
	a.link_dev:active:hover,
	a.link_dev:active:focus{
		opacity: 0.7;
		text-decoration: underline;
	}
/* end footer */

/*   contacts   */

#map{
	width: 100%; 
	height: 500px; 
	padding: 0; 
	margin: 0;
}

	@media(min-width: 768px){
		#map{
			width: 100%; 
			height: 775px; 
		}
	}
	@media(min-width: 992px) and (max-width: 1400px){
		#map{
			height: 540px; 
		}
	}

@media(min-width: 768px){
	#contacts{
		padding-bottom: 124px;
	}
}

@media(min-width: 992px){
	#contacts{
		padding-bottom: 86px;
	}
}

.contacts-container{
	position: relative;
}

[class*="ymaps-2"][class*="-ground-pane"] {
    filter: url("data:image/svg+xml;utf8,<sv g xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
   -webkit-filter: grayscale(100%) brightness(100%);
}

.contacts-data{
	font-size: 16px;
	margin-bottom: 15px;
}
	.contacts-data div{
		display: inline;
	}

	.contacts-data span{
		font-family: 'Geometria-Bold';
		color: #0c61a4;
	}
	
	.contacts-data a,
	.contacts-data a:focus{
		text-decoration: none;
		color: #000;
	}
	.contacts-data a:hover,
	.contacts-data a:active,
	.contacts-data a:active:hover,
	.contacts-data a:active:focus{
		opacity: 0.8;
		text-decoration: none;
	}

.contacts-datas-block{
	height: 0;
}

.contacts-datas{
	position: relative;
	z-index: 9;
	background-color: #fff;
	border: 2px solid #0c61a4;
	padding: 30px;
	border-radius: 10px;
	top: 180px;
}

	@media(min-width: 768px){
		.contacts-datas{
			position: absolute;
			top: 0;
		}
	}

.contacts-btn{
	margin: 5px 0 10px;
}

.contacts-feedback{
	position: absolute;
	z-index: 9;
	background-color: #0c61a4;
	border-radius: 10px;
	padding: 24px 30px;
	right: 18px;
}

	@media(min-width: 768px){
		.contacts-feedback{
			top: 200px;
		}
		.contacts-datas{
			top: 280px;
		}
	}

	@media(min-width: 992px) and (max-width: 1400px){
		.contacts-feedback{
			top: 25px;
		}
		.contacts-datas{
			top: 25px;
		}
	}
/* end contacts */

/*   feedback   */

.valid-message-block{
	position: relative;
}

.valid-message-block p font.errortext{
	color: #fff!important;
	font-family: "Geometria-Bold";
}

.valid-message-block p{
	text-align: center;
}

.needhelp-feedback p:nth-child(1){
	position: absolute;
	top: 5px;
	left: 0;
	right: 0;
}
.needhelp-feedback p:nth-child(2){
	position: absolute;
	top: -10px;
	left: 0;
	right: 0;
}

.callback-modal-body p:nth-child(1){
	position: absolute;
	top: -22px;
	left: 0;
	right: 0;
}
.callback-modal-body p:nth-child(2){
	position: absolute;
	top: -37px;
	left: 0;
	right: 0;
}

.service-modal-footer p:nth-child(1){
	position: absolute;
	top: -20px;
	left: 0;
	right: 0;
}
.service-modal-footer p:nth-child(2){
	position: absolute;
	top: -33px;
	left: 0;
	right: 0;
}

.contacts-feedback .valid-message-block p{
	margin-bottom: 5px;
}

/* end feedback */

/*   modal   */

.modal{
	z-index: 1118;
}

.callback-modal-content,
.service-modal-footer{
	background-color: #0c61a4; 
}

.callback-modal-title,
.service-modal-title,
.service-modal-footer-title{
	color: #fff;
	text-align: center;
	font: 22px 'Geometria-Bold';
}
	.service-modal-title{
		color: #0c61a4;
	}
	@media(min-width: 768px){
		.callback-modal-title,
		.service-modal-title{
			font-size: 28px;
		}
	}
	.service-modal-footer-title{
		font-size: 24px;
		margin-bottom: 30px;
	}

.callback-modal-subtitle,
.service-modal-subtitle{
	color: #fff;
	text-align: center;
	font: 18px;
}

.callback-modal-header,
.service-modal-header{
	border: none;
}

.callback-modal-body,
.service-modal-body{
	padding: 15px 35px;
}

.thanks-modal-body{
	font: 22px 'Geometria-Bold';
    padding: 46px;
    text-align: center;
}
	@media(min-width: 768px){
		.thanks-modal-body{
			font-size: 28px;
		}
	}

.service-modal-info{
	font-size: 16px;
}

@media(min-width: 992px){
	.service-modal-dialog{
		width: 800px;
	}
}

.error.help-block{
	color: #fff;
	text-align: center;
	position: absolute;
}
	/* callback modal, main feedback */
	.callback-feedback-agree-block .help-block,
	.about-feedback-agree-block .help-block,
	.needhelp-feedback-agree-block .help-block,
	.contacts-feedback-agree-block .help-block,
	.service-feedback-agree-block .help-block{
		left: 0;
		right: 0;
		bottom: -25px;
		font-size: 12px;
	}

	.callback-feedback-phone-block .help-block,
	.about-feedback-phone-block .help-block,
	.needhelp-feedback-phone-block .help-block,
	.contacts-feedback-phone-block .help-block,
	.service-feedback-phone-block .help-block{
		left: 0;
		right: 0;
		bottom: -5px;
		font-size: 12px;
	}


.modalCallback div,
.mainFeedback div
.needhelpFeedback div,
.contactsFeedback div,
.serviceOrder div{
	position: relative
}

/* end modal */

/* 404 ERRR */


@media(min-width: 768px) {
	html, body, .content_404_error_block, .agreement_page_cont { height: 100%; }
}
.content_404_error_block {
	box-sizing: border-box;
	padding-top: 140px;
	padding-bottom: 124px; 
}
	@media(min-width:768px){
		.content_404_error_block {
			height: auto; 
			min-height: 100%;
		}
	}
	@media(min-width: 992px){
		.content_404_error_block {
			padding-bottom: 116px; 
		}
	}

.content_404_error {
	position: relative;
	overflow: hidden;
	font-size: 550px;
	font-family: 'BebasNeue-bold', 'Arial';
	line-height: 480px;
	color: #c6c8cb;
}

footer{
	position: relative;
	margin-top: 0px;
	height: auto;
	clear:both;
}
	@media(min-width:768px){
		footer {
			margin-top: -124px;
			height: 124px;
		}
	}
	@media(min-width:992px){
		footer {
			margin-top: -86px;
			height: 86px;
		}
	}

.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}

* html .clearfix { height: 1%;}
.clearfix {display: block;}

.content_404_error_text {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	color: #5c5e69;
	font-size: 88px;
	text-shadow: 0px -4px 0px #fff, 4px 4px 0px #fff, -4px 4px 0px #fff, 4px -4px 0px #fff, -4px -4px 0px #fff;
}

.content_404_error_detail {
	/*margin-bottom: 80px;*/
	font-size: 16px;
}

.content_404_error_links a,
.content_404_error_links a:focus {
	display: inline-block;
	margin: 0 15px 20px 15px;
	padding: 20px 45px;
	border-radius: 10px;
	color: #fff;
	text-decoration: none;
	background-color: #62646e;
}

.content_404_error_links a:hover {
	color: #fff;
	background-color: #c6c8cb;
}

@media (max-width: 1199px) { /*_0-md_*/

	.content_404_error {
		font-size: 460px;
		font-family: 'BebasNeue-bold';
		line-height: 400px;
	}

	.content_404_error_text {
		font-size: 70px;
	}
}


@media (max-width: 767px) { /*_0-xs_*/
	.content_404_error {
		font-size: 200px;
		font-family: 'BebasNeue-bold';
		line-height: 180px;
	}
	.content_404_error_text {
		font-size: 30px;
	}
}

/* END 404 ERRR */

.header-container-scrolling .header_burger, .header-container-scrolling .header_burger:focus {
    margin-top:0px;
}
.header-container-scrolling .header_logo_block {
   padding-top: 3px;
}
.header-container-scrolling .header_info {
   padding-top: 6px;
}
.header-container-scrolling .header_phone, .header-container-scrolling .header_phone:focus {
   font-size: 18px;
   margin-bottom: 4px;
}

/*    social networks    */
@media(max-width: 767px){
	.social-networks-block{
		padding-bottom: 20px;
	}
}
.social_network,
.social_network:focus{
	display: flex;
    align-items: center;
    justify-content: center;
	color: #fff;
	background: #ff9202;
    height: 37px;
    width: 37px;
    float: left;
    border-radius: 37px;
    transition: all .3s linear;
	text-decoration: none;
	margin-right: 10px;
}
	.social_network:hover,
	.social_network:active,
	.social_network:active:hover,
	.social_network:active:focus{
		opacity: 0.7;
	}
/*  end social networks  */