@font-face {
    font-family: 'GothamProLight';
    src: url('fonts/GothamProLight.eot');
    src: url('fonts/GothamProLight.eot') format('embedded-opentype'),
         url('fonts/GothamProLight.woff') format('woff'),
         url('fonts/GothamProLight.ttf') format('truetype'),
         url('fonts/GothamProLight.svg#GothamProLight') format('svg');
}
@font-face {
    font-family: 'GothamProRegular';
    src: url('fonts/GothamProRegular.eot');
    src: url('fonts/GothamProRegular.eot') format('embedded-opentype'),
         url('fonts/GothamProRegular.woff2') format('woff2'),
         url('fonts/GothamProRegular.woff') format('woff'),
         url('fonts/GothamProRegular.ttf') format('truetype'),
         url('fonts/GothamProRegular.svg#GothamProRegular') format('svg');
}
@font-face {
    font-family: 'GothamProMedium';
    src: url('fonts/GothamProMedium.eot');
    src: url('fonts/GothamProMedium.eot') format('embedded-opentype'),
         url('fonts/GothamProMedium.woff2') format('woff2'),
         url('fonts/GothamProMedium.woff') format('woff'),
         url('fonts/GothamProMedium.ttf') format('truetype'),
         url('fonts/GothamProMedium.svg#GothamProMedium') format('svg');
}
@font-face {
    font-family: 'GothamProBold';
    src: url('fonts/GothamProBold.eot');
    src: url('fonts/GothamProBold.eot') format('embedded-opentype'),
         url('fonts/GothamProBold.woff2') format('woff2'),
         url('fonts/GothamProBold.woff') format('woff'),
         url('fonts/GothamProBold.ttf') format('truetype'),
         url('fonts/GothamProBold.svg#GothamProBold') format('svg');
}
html,
body{
    padding: 0;
    margin: 0;
}
body *{
	transition: all .21s ease;
}
body{
    overflow-x: hidden; 
    transition: none;
    font-family: 'GothamProRegular';
}
*::selection {
    background: #c13030;
    color: white;
}
*::-moz-selection {
    background: #c13030;
    color: white;
}
.wrap{
    width: 1170px;
    margin: 0 auto;
}
.clear{
    clear: both;
}
.black-title,
.content h4,
.blue-title{
	font-size: 160%;
	font-family: 'GothamProMedium';
    font-family: 'GothamProBold';
	text-align: center;
}
article{
    min-height: 550px;
    padding: 0px 0 20px;
}

.advantages,
.index-sert,
.items{
    padding: 30px 0 20px;
}
.bold{
    font-family: 'GothamProBold';
}
.nav>li>a:hover, .nav>li>a:focus{
    background-color: transparent !important;
}		


@keyframes brightness {
	0% {
		filter: brightness(85%);
        -webkit-filter: brightness(85%);
	}
	50% {
		filter: brightness(165%);
        -webkit-filter: brightness(165%);
	}
	100% {
		filter: brightness(85%);
        -webkit-filter: brightness(85%);
	}
    
}
/*@-webkit-keyframes brightness {
    from { 
        filter: : brightness(100%);
        -webkit-filter : brightness(100%);     
    }
    to   { 
        filter: brightness(115%);
        -webkit-filter : brightness(115%);  
    }
}
@-o-keyframes brightness {
    from { 
        filter: : brightness(100%);
        -webkit-filter : brightness(100%);     
    }
    to   { 
        filter: brightness(115%);
        -webkit-filter : brightness(115%);  
    }
}
@-moz-keyframes brightness {
	from { 
        filter: : brightness(100%);
        -webkit-filter : brightness(100%);     
    }
    to   { 
        filter: brightness(115%);
        -webkit-filter : brightness(115%);  
    }
}
@-ms-keyframes brightness {
   from { 
        filter: : brightness(100%);
        -webkit-filter : brightness(100%);     
    }
    to   { 
        filter: brightness(115%);
        -webkit-filter : brightness(115%);  
    }
}*/
/* header */
.top-line{
    height: 130px;
}
.top-line > div{
    width: 24.5%;
    display: inline-block;
    float: none;
    vertical-align: middle;
}
.top-line > div:nth-child(2) p{
	line-height: 110%;
}
#logo > a{
    height: 90px;
    display: block;
    background: url(img/logo.png) no-repeat center center / contain;
}
.top-adress,
.top-phone{
    padding-left: 45px;
    font-size: 110%;
}
.top-adress{
    background: url(img/pin.png) no-repeat left center;  
}
.top-adress .bold,
.top-phone .bold{
    font-size: 120%;
    color: black;
    display: block;
    text-decoration: none;
}
.phone-name a.link{
	display:inline-block;
	font-size:115%;
}
.c-phone .phone-name a.link{
	font-size:100%;
}
.top-adress p,
.top-phone p{
    margin-bottom: 0;
}
.top-adress .top-a,
.top-phone .top-a{
    font-size: 90%;
    text-decoration: none;
    color: black;
    border-bottom: 1px solid rgba(0,0,0,.4);
}
.top-adress .top-a:hover,
.top-phone .top-a:hover{
    border: 0;
}
.top-phone{
	padding-right:0;
    background: url(img/phone.png) no-repeat left center;
	line-height:1.3;
}
/* main menu */
.main-menu{
	height: 60px;
    background: #1e4e90;
}
.main-menu > .wrap{
	position: relative;
}
.button-menu{
	width: 50px;
	height: 50px;
	position: absolute;
	left: 20px;
	top: 5px;
	display: none;
	background: transparent;
	border: 0;
	z-index: 1000;
}
.button-menu:active,
.button-menu:focus{
	outline: 0;
}
.button-menu > span{
	top: 50%;
	left: 0;
	margin-top: -4px;
}
.button-menu > span,
.button-menu > span:after,
.button-menu > span:before{
	width: 40px;
	height: 7px;
	background: white;
	position: absolute;	
	display: block;
}
.button-menu > span:after,
.button-menu > span:before{
	content: '';
}
.button-menu > span:before{
	top: -12px;
}
.button-menu > span:after{
	bottom: -12px;
}
.button-act{
	-webkit-transform: rotate(90deg);
	   -moz-transform: rotate(90deg);
			transform: rotate(90deg);
}
.main-menu > .wrap > .nav,
.main-menu > .wrap > div{
    display: inline-block;
    vertical-align: middle;
}
.main-menu > .wrap > .nav > li{
    display: inline-block;
    vertical-align: top;
}
.main-menu > .wrap > .nav > li > a{
    color: white;
    font-family: 'GothamProRegular';
    text-transform: uppercase;
    padding: 20px;
}
.nav:hover,
.nav:focus,
.nav:active{
	background: transparent !important;
}
.main-menu > .wrap > .nav > li > a:hover{
    text-shadow: 0px 0px 2px white;
}
.social{
	float: right;
    padding: 15px 0 0;
}
.gallery{
	text-align:center;
}
.gallery img{
	margin:3px 0;
}
/* slider */
#slider{
    position: relative;
}
#slider, 
.slide{
    height: 540px; 
    width: 100%;
}
.slide{
    color: white;
    background-size: cover !important;
}
.slide-title{
    width: 40%;
    text-transform: uppercase;
    color: white;
    font-family: 'GothamProBold';
    font-size: 350%;
    line-height: 110%;
    padding-top: 90px;
}
.slider-text{
    width: 50%; 
    font-size: 90%;
    font-family: 'GothamProLight';
    padding: 20px 0 40px;   
}
.more-link{
    display: inline-block;
    background: #e83b3b;
    color: white;
    padding: 20px;
    border-radius: 30px;
    text-decoration: none;
    font-size: 120%;
}
.more-link:hover,
.more-link:active{
    -webkit-filter: brightness(105%);
            filter: brightness(105%);
    color: white;
    text-decoration: none;
}
#slider .owl-prev,
#slider .owl-next{
    width: 70px;
    height: 20px;
    text-indent: -9999px;
}
#slider .owl-prev{
    background: url(img/left-ar.png) no-repeat center center;
}
#slider .owl-next{
    background: url(img/right-ar.png) no-repeat center center;
}
#slider .owl-nav{
	width: 100%;
	position: absolute;
	top: 50%;
}
#slider .owl-prev,
#slider .owl-next{
	position: absolute;
	top: 0;
}
#slider .owl-prev{
	left: 1%;
}
#slider .owl-next{
	right: 1%;
}
#slider .owl-dots{
	width: 100%;
	position: absolute;
	bottom: 20px;
	text-align: center;
}
#slider .owl-dot{
	width: 20px;
	height: 20px;
	border-radius: 20px;
	border: 2px solid #dfdfde;
	display: inline-block; 
	vertical-align: top;
	margin: 0 5px;
}
#slider .owl-dots .active{
	border: 5px solid #eb0d27;
    width: 25px;
    height: 25px;
    margin-top: -3px;
}
/* Материал на главной */
.index-article{
	padding-top: 30px;
}
.index-article .nav > li{
	margin-bottom: 20px;
}
.index-article .nav > li > a{
	
}
.index-article .nav > li > .item-bg{
    height: 395px;
    background-size: cover !important;
    position: relative;
    overflow: hidden;
    position: relative;
}

.index-article .nav > .item-106{
    padding: 0 20px 0 0;
}
.index-article .nav > .item-107{
    padding: 0 10px;
}
.index-article .nav > .item-108{
    padding: 0 0 0 20px;
}
.index-article .nav > .item-106 > .item-bg{
	background: url(img/about1.jpg) no-repeat center center;
}
.index-article .nav > .item-107 > .item-bg{
	background: url(img/about2.jpg) no-repeat center center;
}
.index-article .nav > .item-108 > .item-bg{
	background: url(img/about3.jpg) no-repeat center center;
}
.index-article .nav > li > .item-bg > div{
	width: 100%;
    position: absolute;
    top: 280px;
    height: 100%;
    padding: 20px;
    transition: all .4s ease;
}
.index-article .nav > li > .item-bg > div > a{
    display: table-cell;
    vertical-align: bottom;
    height: 80px;
    color: white;
    font-family: 'GothamProBold';
    text-decoration: underline;
    position: relative;
    font-size: 140%;
    text-transform: uppercase;
    pointer-events: none;
}
.index-article .nav > li .item-bg > div > ul{
    padding-left: 20px;
    opacity: 0;
    z-index: -1;
	/*width: 100%;
	position: absolute;
	top: 101%;
	left: 0;*/
}
.index-article .nav > li .item-bg > div > ul li{
    width: 100%;
    color: white;
    list-style-type: disc;
    padding: 5px 0;
    font-size: 200%;
    margin-bottom: -7px;
}
.index-article .nav > li .item-bg > div > ul li a{
    color: white;
    font-size: 65%;
    text-decoration: underline;
}
.index-article .nav > li:hover > .item-bg > div{
	top: 0;
    background: rgba(0,53,81,.6);
}
.index-article .nav > li:hover > .item-bg > div > a{
    display: block;
    height: auto;
}
.index-article .nav > li:hover > .item-bg > div > ul{
	opacity: .8;
    z-index: 1;
}
.index-article .nav a:hover{
    text-decoration: none !important;
}
.index-article .text .black-title{
    text-align: left;
    background: url(img/mail-icon.png) no-repeat left center;
    padding-left: 70px;
    padding: 5px 15px 5px 70px;
    margin-bottom: 0;
    font-size: 145%;
}
.index-article .text .wr-application a{
    display: inline-block;
    background: #e83b3b;
    color: white;
    padding: 20px;
    border-radius: 30px;
    text-decoration: none;
    -webkit-animation: brightness 4s infinite linear;
            -moz-nimation: brightness 4s infinite linear;
             -ms-nimation: brightness 4s infinite linear;
              -o-nimation: brightness 4s infinite linear;
                animation: brightness 4s infinite linear;
}
.index-article .text .wr-application a:hover{
    -webkit-filter: brightness(105%);
            filter: brightness(105%);
}
.index-article .text .clear{
    height: 0;
}
/* advantages */
.advantages{
    text-align: center;
}
.advantages,
.index-sert{
    border-top: 1px solid #ededed;
}
.best-price,
.fast,
.delivery{
    padding: 0 45px 0;
    margin-top: 20px;
}
.best-price > div:first-child,
.fast > div:first-child,
.delivery > div:first-child{
    height: 130px;
    -webkit-animation: brightness 2s infinite linear;
            -moz-nimation: brightness 2s infinite linear;
             -ms-nimation: brightness 2s infinite linear;
              -o-nimation: brightness 2s infinite linear;
                animation: brightness 2s infinite linear;
}
.best-price > div:first-child{
    background: url(img/best-price.png) no-repeat top center;
}
.fast > div:first-child{
    background: url(img/time.png) no-repeat top center;
}
.delivery > div:first-child{
    background: url(img/delivery.png) no-repeat top center;
}
.advantages-info .black-title{
    font-size: 145%;
}
/* Сертификаты */
.index-sert .slick-slide img {
    max-width: 90%;
    margin: 0 auto;
}
.index-sert .slick-prev, 
.index-sert .slick-next{
	width: 17px;
	height: 30px;
	background-size: cover;
}
.index-sert .slick-prev:before, 
.index-sert .slick-next:before{
	display: none;
}
.index-sert .slick-prev{
	background: url(img/black-ar.png) no-repeat center center;
}
.index-sert .slick-next{
	background: url(img/black-r.png) no-repeat center center;
}
.index-sert .autoplay{
	margin: 15px 0;
}
/* Карта */
.index-map{
	position: relative;
}
.index-map > .black-title{
	position: absolute;
	width: 100%;
	top: 15px;
	z-index: 1;
}
#map {
    width: 100%;
    height: 500px;
    margin: 0;
    padding: 0;
}
.map-contacts{
    width: 320px;
    background: white;
    padding: 15px;
    position: absolute;
    top: -160px;
    left: -160px;
    box-shadow: 0 0 2px rgba(187,187,187,0.7);
}
.map-contacts > p{
	font-family: 'GothamProMedium';
	text-transform: uppercase;
}
.map-adress,
.map-phone{
	min-height: 30px;
    padding-left: 40px;
    background-size: 10% !important;
    margin-bottom: 10px;
}
.map-adress p,
.map-phone p{
	margin: 0;
}
.map-adress{
	background: url(img/f-map.png) no-repeat left center;
}
.map-phone{
	background: url(img/f-phone.png) no-repeat left center;
}
.triangle {
    display: inline-block;
    transform: scaleX(1.5);
    color: white;
    text-shadow: 0 2px 2px rgba(187,187,187,0.7);
    font-size: 20px;
    position: absolute;
    bottom: -17px;
    right: 50%;
    margin-right: -15px;
}
/* footer */
footer{
    background: #1e4e90;
    color: rgba(255,255,255,.8);
    padding-top: 25px;
}
.f-logo{
	background: url(img/f-logo.png) no-repeat;
	padding-top: 80px;
}
.f-logo p{
	margin-bottom: 0;
}
.facebook,
.youtube,
.instagram{
	width: 33px;
	height: 33px;
	display: inline-block;
	vertical-align: top;
	margin: 0 7px;
}
.facebook{
	background: url(img/f-social.png) no-repeat 0px 0px;
}
.youtube{
	background: url(img/vk.svg) no-repeat;
	background-size: contain;
}
.instagram{
	background: url(img/f-social.png) no-repeat 0px -80px;
}
.facebook:hover,
.youtube:hover,
.instagram:hover,
.facebook:active,
.youtube:active,
.instagram:active{
	-webkit-filter: brightness(85%);
			filter: brightness(85%);
}
.f-phone,
.f-social{
	padding-left: 0;
}
.f-social,
.f-social div{
	margin-bottom: 0 !important;
}
.f-phone a{
	display: block;
	background: #1e4e90;
    color: rgba(255,255,255,.8);
    font-size: 130%;
}
.f-phone .phone-name a,
.p-name{
	font-size:14px;
}
.f-social p{
	padding-left: 7px;
	margin-bottom: 12px;
}
.f-phone > p{
	margin-bottom: 0;
    font-size: 110%;
}
.f-social > a{
	color: white;
	display: block;
	font-size: 120%;
}
.f-text{
	font-size: 90%;
}
footer > div div{
	margin-bottom: 15px;
}
footer .clear{
	margin: 0;
}
/* Услуги */
/**/
.left-menu{
	padding-bottom: 0 !important
}
aside > ul.nav{
	margin: 0 -15px;
}
aside > ul.nav > li{
	border-top: 1px solid #ededed;
	border-bottom: 1px solid rgba(255,255,255,0);
    position:relative;
}
aside > ul.nav > li.active a{
    color: white;
}
aside > ul.nav > li > a{
	text-transform: uppercase;
	color: black;
	font-family: 'GothamProMedium';
}


aside > ul.nav > li:hover,
aside > ul.nav > li:active{
    background: #154989;
    
}
aside > ul.nav > li:hover a,
aside > ul.nav > li:active a{
    color: white;
}

aside > ul.nav li span {
    width: 0;
    height: 0;
    position: absolute;
    top: 18px;
    right: 10px;
	border: 5px solid transparent;
    border-top: 5px solid #acacac;
}
aside > ul.nav li.active span {
    border: 5px solid transparent;
    border-top: 0;
    border-bottom: 5px solid white;
}
aside > ul.nav li.active{
    background: #154989;
}
aside > ul.nav li.active > a{
	border-bottom: 1px solid rgba(255,255,255,.4);
}
aside > ul.nav ul {
    margin: 0;
    display: none;
}
aside > ul.nav ul li {
    position: static;
}
aside > ul.nav ul a{
    padding: 5px 20px;
    display: block;
    font-size: 120%;
    text-decoration: underline;
}
aside > ul.nav ul a:hover,
aside > ul.nav ul a:active{
	text-decoration: none;
}
aside > .nav > li.parent > ul > li.current a{
	text-decoration: none;
}
/*.left-menu .nav > li:hover{
    background: #154989;
    border-bottom: 1px solid rgba(255,255,255,.8);
}
.left-menu .nav > li:hover ul{
    height: 100%;
}
.left-menu .nav > li:hover a{
    color: white;
}*/
/**/
.left-menu,
.content > div{
	border: 1px solid #ededed;
	padding: 15px;
}
.content{
	padding: 0 0 0 5px;
}
.content > div > .black-title,
.content h4,
.blue-title{
	color: #154989;
	text-align: left;
	margin-bottom: 0;
}
.content h4,
.blue-title{
	text-transform: uppercase;
}
.left-menu .blue-title + p{
	font-size: 90%;
}
.wr-serv-button{
	padding: 30px 0;
}
.wr-serv-button > div:first-child > a{
    background: #cb2f3e;
    color: white;
}
.wr-serv-button > div > a{
    color: #cb2f3e;
    border: 2px solid #cb2f3e;
    text-align: center;
    font-family: 'GothamProMedium';
    padding: 10px 20px;
    font-size: 110%;
    border-radius: 30px;
    display: block;
}
.wr-serv-button > div > a:hover{
    text-decoration: none;
    -webkit-filter: brightness(110%);
            filter: brightness(110%);
}
/* Контакты */
#userForm{
    max-width: 410px;
    padding: 0px 30px;
    border-left: 1px solid #dcdcdc;
}
#application #userForm{
    border: 0;
}
#userForm h2{
    color: #154989;
    margin-bottom: 0;
    font-size: 160%;
    font-family: 'GothamProBold';
    margin: 0;
}
#userForm .form-horizontal .control-label{
    float: none;
    text-align: left !important;
    width: 100%;
    font-weight: normal !important;
}
#userForm strong.formRequired{
    display: none;
}
#phone-form form{
	border: 0;
}
#phone-form input,
#userForm input,
#userForm textarea{
    width: 100%;
    display: block;
    border-radius: 1px;
    color: black;
    padding: 20px 15px;
    border: 1px solid #dcdcdc;
}
#userForm input{
	padding: 0 10px !important;
	height: 42px;
}
.control-group{
    margin-bottom: 20px;
}
.form-horizontal .control-group{
    margin-bottom: 0;
}
.form-horizontal .control-label{
    padding: 7px 0;
    color: #666666;
}
.form-horizontal .controls{
    margin-left: 0;
}
#Send,
#ph-send{
    width: 100%;
    display: inline-block;
    background: #e83b3b;
    color: white;
    padding: 20px;
    border-radius: 30px;
    text-decoration: none;
    border: 0;
}
#Send:hover{
    -webkit-filter: brightness(105%);
            filter: brightness(105%);
}
.wr-contacts > div{
    border: 0;
}
.wr-contacts > div:first-child{
    padding: 15px 30px;
}
.wr-contacts > div:first-child .black-title,
#userForm h2{
    padding-bottom: 10px;
}
.send-button{
    padding: 0 15px 0 0;
}
.cont-text{
    padding: 0;
    font-size: 85%;
}
.cont-text a{
    color: black;
}

.c-phone,
.c-mail{
    padding: 15px 50px;
    background-size: 8% !important;
    font-size: 145%;
}
.c-adress{
	padding: 15px 50px;
    background-size: 8% !important;
    background: url(img/pin.png) no-repeat 0 20px;
}
.c-adress p:first-child{
	font-size: 145%;
}
.c-adress p{
	font-size: 100%;
}
.c-phone{
    background: url(img/phone.png) no-repeat 0 30px;
}
.c-mail{
    background: url(img/c-mail.png) no-repeat 0 20px;
}
.c-phone a{
    display: block;
    color: black;
    margin-bottom: -5px;
}
.c-phone p{
	font-size: 60%;
	margin: 10px 0 -3px;
}
.c-mail p{
	font-size: 60%;
    margin-bottom: -5px;
}
.c-mail a{
	color: black;
	display: block;
	margin-bottom: 10px;
}
.skype{
    background: url(img/skype-logo.png) no-repeat 7px 0px;
    background-size: contain;
    padding: 3px 50px !important;
}
.wr-contacts .social a,
.wr-contacts .social p{
    padding: 0 50px;
    font-size: 140%;
    color: black;
    text-decoration: underline;
    margin-bottom: 10px;
    display: block;
}
.wr-contacts .social .instagram{
    -webkit-filter: brightness(90%);
            filter: brightness(90%);
}
.wr-contacts .social a:hover,
.wr-contacts .social p:hover{
    -webkit-filter: brightness(85%);
            filter: brightness(85%);
    text-decoration: none;
}
.wr-contacts .social{
    float: none;
}
.contacts-map .black-title{
    margin: 0;
}
.white-map-block{
    height: 170px;
    margin-bottom: -170px;
    padding-top: 40px;
    background: -moz-linear-gradient(top,  rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.9) 42%, rgba(255,255,255,0.93) 64%, rgba(255,255,255,0.95) 77%, rgba(255,255,255,0.3) 95%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0.9) 0%,rgba(255,255,255,0.9) 42%,rgba(255,255,255,0.93) 64%,rgba(255,255,255,0.95) 77%,rgba(255,255,255,0.3) 95%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,0.9) 0%,rgba(255,255,255,0.9) 42%,rgba(255,255,255,0.93) 64%,rgba(255,255,255,0.95) 77%,rgba(255,255,255,0.3) 95%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6ffffff', endColorstr='#00ffffff',GradientType=0 );
    position: relative;
    z-index: 1;
    text-align: center;
}
.contacts-map #map{
    height: 500px !important;
}
/* Формы */
#application textarea,
#service textarea{
	max-height: 200px;
}

#application textarea,
#service textarea,
#application #Send,
#service #Send{
	padding: 15px 10px;
}
#phone-form input,
#application input,
#service input{
	padding: 0 10px;
	height: 34px;
}
#application form,
#service form{
	border: 0;
    padding: 0px 10px;
}
/* Сертификаты */
.one-cert{
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 10px;
    min-height: 300px;
}
/* Хлебные крошки */
.wr-br-cr{
	border-bottom: 1px solid #eee;
    margin-bottom: 10px;
}
.breadcrumb{
	background: transparent;
	padding: 10px 0 14px;
    margin: 0;
}
.breadcrumb > li.active:first-child{
	display: none;
}
.breadcrumb li:before{
	display: none;
}
.breadcrumb .divider{
	border: 0;
}
.breadcrumb span{
	color: #333;
	border-bottom: 1px solid #ccc;
}
.breadcrumb a:hover{
	text-decoration: none;
}
.breadcrumb a:hover span{
	border: 0;
}
/**/
@media all and  (max-width: 1170px){
    .wrap{
        width: 90%;
    }
}
@media all and  (max-width: 1100px){
	.top-adress, .top-phone {
	    font-size: 90%;
	}
}
@media all and  (min-width: 1100px){
	.wr-serv-button > div > a{
		width: 277px;
		margin: 0 30px;
    	background: white;
	}
}
@media all and  (max-width: 1000px){
	.top-line > div{
		width: 32%;
	}
	.top-line > .hidden-xs{
		display: none;
	}
}
@media all and  (max-width: 1000px){
	header .wrap {
	    width: 100%;
	}
}
@media all and  (max-width: 900px){
	.main-menu > .wrap > .nav > li > a{
	    padding: 20px 10px;
	}
}
@media all and  (min-width: 768px){
	.wr-serv-button{
		position: fixed;
		bottom: 0;
		z-index: 100;
	}
}
@media all and  (max-width: 768px){
	.top-adress, .top-phone {
	    padding-left: 25px;
	    font-size: 70%;
        background-size: 10% !important;
	}
	.wr-br-cr{
		border: 0;
		margin-bottom: 30px;
	}
	.wr-br-cr > div{
		display: none;
	}
    .index-article .nav > li{
        padding: 0 !important;
    }
    .index-article .text .wr-application{
        text-align: center !important;
    }
    .index-sert .slick-prev, 
	.index-sert .slick-next{
		display: none !important;
	}
	.button-menu{
		display: block;
	}
    /* menu */
	.main-menu .nav{
		opacity: 0;
        z-index: -1;
        position: absolute;
        top: 60px;
        background: #1e4e90;
        width: 100%;
	}
    .main-menu > .wrap > .nav > li{
        display: block;
    }
    .main-menu > .wrap > .nav > li > a{
        display: block;
        text-align: center;
        border-top: 1px solid rgba(255,255,255,.15);
    }
    /**/
	#map{
		height: 300px;
	}
	.f-logo{
		background-position: top center;
	}
	footer{
		text-align: center;
		padding-bottom: 15px;
	}
    .wr-contacts > div:first-child{
        padding: 15px;
    }
    #userForm{
        padding: 0 15px;
        border: 0;
    }
    .wr-serv-button .serv-button{
    	padding: 0;
    	margin-bottom: 15px;
    }
    .content{
    	padding: 0;
    }
    aside{
    	margin-bottom: 15px;
    }
}
@media all and  (max-width: 600px){
	header .wrap {
	    width: 100%;
	}
	.index-map > .black-title{
		position: inherit;
		padding-bottom: 15px;
	}
    .item-table tr td:first-child{
        display: none;
        max-width: 100%;
    }
}
@media all and  (max-width: 500px){
	.top-adress, 
	.top-phone{
		padding: 0 15px 0 60px;
	    background-position: 20px;
	    margin-bottom: 15px;
	}
	.wr-logo{
		width: 100% !important; 
	}
	.wr-logo h1{
		margin: 15px 0 !important;
	}
	.wr-logo h1 a{
		height: 50px !important;
	}
	.top-line > div{
		width: 49%;
	}
	.top-line{
		height: auto;
	}
	.c-adress{
	    font-size: 90%;
	}
}
@media all and  (max-width: 400px){
	.top-adress, 
	.top-phone {
	    padding: 0 15px 0 30px;
	    background-position: 5px;
	}
    .c-adress, 
    .c-phone, 
    .c-mail,
    .wr-contacts .social a{
        font-size: 130%;
    }
}
@media all and  (max-width: 320px){
	.top-adress, 
	.top-phone {
	    font-size: 60%;
	}
}


#virtech {
    width: 80px;
    height: 40px;
    background: url(img/virtech.png) no-repeat center center;
    background-size: 80px;
    display: inline-block;
}

#upbutton {
    background: url("img/up.svg") no-repeat center center;
    background-size: cover;
    height: 60px;
    width: 60px;
    bottom: 30px;
    right: 30px;
    cursor: pointer;
    display: none;
    position: fixed;
    z-index: 999;
    opacity: .5;
}
#upbutton:hover{
    opacity: 1;
}

.counter {
	position: relative; 
	top: 10px;
	left: -6px;
}