/* ###################################################################################
    Стили
   ################################################################################### */
body { font-family: 'HelveticaNeueCyr'; background-color: #ebf4fa;}

p{font-size: 18px; font-weight: 300;}
a:active, a:focus{outline: none;}
   
table p{margin: 16px auto; text-align:center; }  
table p s{font-size: 14px; color: gray;}
   
#sizetable td {padding: 0 20px;}
.main-block .row{position: relative;}
.headphone{position: absolute; top: 20px; right: 0; z-index: 100;}
.headphone a{font-weight: 300;font-size: 1em;margin-top: 0; z-index: 5; color: white; margin-right: 10px; white-space: normal;}
.headphone a:hover{color: white;} 
.main-block{background: url(/skin/img/main-bg.png) center center no-repeat; background-size: cover; color: white; padding-bottom: 90px;}

.main-block.no-padding{padding-bottom: 0; margin-bottom: 50px;}

.head-title p{display: block; font-weight: bold; font-size: 36px; margin-bottom: 5px;line-height: 1; margin-top: 30px;}
.head-title p .sublogo{font-size: 28px;}
.head-title h3{font-weight: 300; font-size: 30px; margin-top: 0;}
.head-title > a{color: white !important; text-decoration: none !important;}

.head-title-2{margin-top: 10%;}
.head-title-2 h1{font-size: 55px; line-height: 50px; font-weight: 300;}

.center-img{display: block; margin: auto; max-width: 100%;}

.block-title h2, .block-title-2 h2{font-size: 56px; font-weight: bold;}
.block-title h2{text-align: center; margin-bottom: 35px;}
.block-title-2{margin-top: 45px;}
.block-title-2 h3{font-size: 25px; font-weight: 300; margin-top: 0px;}

.sertif-block{max-width: 100%; display: block; margin: auto;}

.text-link{font-size: 30px;font-weight: 300;text-align: center; display: block; color: black !important; margin-top: 15px;}

.block-container{margin-bottom: 80px;} 

.about-item{text-align: center;}
.about-img{max-width: 100%;}
.about-text p{font-size: 18px; font-weight: 300; margin-top: 20px;}
.why-we{margin-top: 25px; display: flex; justify-content: center; flex-wrap: wrap;}
.flex-rows{display: flex; justify-content: center; flex-wrap: wrap;}

footer{background: url(/skin/img/footer-bg.png) center center no-repeat; background-size: cover; color: white; padding: 20px 0px;}
footer p{font-size: 16px;}
footer a, footer a:hover{color: white;}

.sea_link{text-align: right;margin-top: 25px;display: block;}
.sea_link img{max-width: 100%;}

.footer-spacer{margin-top: 80px;}
.footer-title{font-size: 25px; font-weight: 300;}
.footer-adress{text-align: right;}
.footer-adress h2{font-size: 22px;} 
.contact-fix{margin-bottom: 100px;}

#main{background-color: white; padding: 0 30px; width: 1260px;}
#map-container{background-color: white; padding: 0; width: 1260px;}
#map-container .row{margin: auto;}
#map-container .col-lg-24{padding: 0;}
#contactmap{margin-bottom: -5px;}
.cont-padding{padding: 0 30px; margin: 70px auto;}
.image-block{text-align: center; display: flex;}
.image-block img{display: block; margin: auto; max-width: 100%; width: 100%;}
.main-fixer{background-color: white;height: 90px;margin-top: -90px;z-index: -1;position: relative;}

.smalltext p{font-size: 20px;}
.headingtext{font-size: 40px; font-weight: 300;}
.flex-row{display: flex; padding: 20px 60px; flex-wrap: wrap; justify-content: center;}
.flex-row.with-bg{background: url(/skin/img/item-bg.png) center center no-repeat; background-size: cover; color: white;} 
.flex-row.with-bg .image-block{order: 1;}

#howbuy a{display: inline-block;}

/* ###################################################################################
##  Продукция
################################################################################### */  
 
.top-block{ background-color: #f1f1f1; padding: 10px 15px; } 
#mainbox-head{ font-size: 30px; margin-bottom: 20px; font-weight: bold; padding: 10px;} 
.hover-item{position: absolute;top: 0;left: 0;width: 100%;height: 100%;padding: 30px; text-align: left;}
.shop-item{padding: 0;}
.shop-item .bg-img{ width: 100%; height: 270px; background-position: center; background-repeat: no-repeat; background-size: cover;}      
.shop-item .title{ text-align: left; font-size: 30px; margin-left: auto; margin-right: auto; color: white; line-height: normal; font-weight: bold; transition: color .2s ease;} 
.hover-item{background-color: rgba(42, 56, 112, 0.73); transition: background-color .2s ease;}
.hover-item:hover{background-color: rgba(211, 200, 230, 0.7); box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.2);}
.hover-item .btn-link{opacity: 0; position: absolute; bottom: 30px;left: 30px; transition: color .2s ease, opacity .2s ease;}
.hover-item:hover .title{color: black;}
.hover-item:hover .btn-link{opacity: 1; color: black;}
#ajax_loader_article{padding: 10px 40px;  }
.bs-fix{padding: 0 10px;}
.cont-fix{padding: 0 100px 30px;}
article{cursor: pointer;}

/* ###################################################################################
    Подразделы
   ################################################################################### */

#cmlex-subparts {margin-top: 30px;  margin-bottom:20px; padding: 0 0 20px 0; padding:0; overflow:hidden; }
.cmlex-subparts-item { background:#fff; padding: 10px; cursor:pointer;
margin:10px 0; transition: box-shadow .2s ease;}
.cmlex-subparts-image { background:#fff no-repeat 50% 50%; background-size:contain; height:195px; width: 100%; }
.cmlex-subparts-title { min-height:60px; line-height:1.1; color: black; display:block; font-weight: 300; font-size: 26px; padding:10px; text-align:center; margin-top:3px; text-decoration:none; }
.cmlex-subparts-item:hover .cmlex-subparts-title { text-decoration:none; }


/* ###################################################################################
    Верхнее меню
   ################################################################################### */

#mainMenu {margin-top: 52px; line-height: 50px; font-size: 22px; list-style: none; display: inline-block;}
#mainMenu > li { margin:0; padding:0; display:inline-block; position:relative; float:left; }
#mainMenu > li > a { color:white;  z-index:102; line-height: 50px; position:relative; transition-delay: 0.1s; margin: 8px 0; padding:0 20px; display:inline-block; text-decoration:none; }

#mainMenu > li:hover > a,
#mainMenu > li.active > a { text-decoration: underline; }


#mainMenu li:hover > ul{ display: block;}
#mainMenu ul{ display: none; position: absolute; left: -110px; padding:0; top: 60px; z-index: 1; list-style: none; 
background-color: rgba(10, 107, 188, 0.75); width: 360px; line-height: normal; text-align: center;} 
#mainMenu ul:before{border: 10px solid transparent;border-bottom: 15px solid rgba(10, 107, 188, 0.75);display: block;width: 0;
height: 0;content: "";position: absolute;top: -25px;left: 175px;}
#mainMenu ul li{padding: 20px 5px; transition: background-color .2s ease;}
#mainMenu ul a{text-decoration: none; color: white; font-size: 18px; line-height: 10px;} 
#mainMenu ul li:hover{background-color: rgba(10, 107, 188, 0.8);}

#mobMenu{background-color: rgba(10, 107, 188, 0.95); list-style: none; color: white; margin: 0 -10px; position: absolute;width: 100%; z-index: 1;}
#mobMenu li{text-align: center;}
#mobMenu li a{transition: background-color .2s ease;padding: 10px 5px; display: block; color: white; font-size: 18px;}
#mobMenu li a:hover{background-color: rgba(10, 107, 188, 0.8);}

#mobMenu li ul{display: none;}

@media only screen and (min-width:768px){
	#mainMenuWrap.isStuck{position: fixed; top: 0;bottom: unset; z-index: 1000; right: 0; left: 0; margin: auto; border-radius: 0;}
	#mainMenuWrap.isStuck > ul{text-align: center;}
	#mainMenuWrap.isStuck > ul > li{float: none;}
}

/* #################################################################################
## Контент
################################################################################### */

#main {margin: auto;}
#main p, #main ul, #main h3, #main h2 {width: 100%;}
blockquote { margin: 0 1.5em 1em 0; border-left: 5px solid #444; padding-left: 20px; } 
blockquote p{margin: 0;} 
#model-one-page{width: 100%; display: table; margin-bottom: 30px;}
main{min-height: calc(100vh - 111px);}

/* #################################################################################
## Спойлер
################################################################################### */
.spoiler_wrapper{	 display: block; width: 100%; }	 	
.cmlex_insert_spoiler{	 display: none; } 
.cmlex_insert_spoiler a{ color: #FFEA00; } 
.cmlex_insert_spoiler_but{ cursor: pointer; border-bottom: 1px dotted black; display: inline-block; margin-bottom: 10px; transition: color .2s ease; position: relative; } 
.cmlex_insert_spoiler_but:after{ content: "\f0dd"; font: normal normal normal 14px/1 FontAwesome; font-size: inherit;	 display: inline-block; margin-left: 5px; position: absolute; } 
.cmlex_insert_spoiler_but[data-open="1"]:after { content: "\f0de"; top: 7px; } 
.cmlex_insert_spoiler_but:hover{ color: #F65F1A; border-bottom: 1px dotted #F65F1A; } 

/* ###################################################################################
##  ФОТО галерея
################################################################################### */

.blueimp-gallery,.blueimp-gallery >.slides >.slide >.slide-content{position: absolute; top: 0; right: 0; bottom: 0; left: 0; -moz-backface-visibility: hidden;}
.blueimp-gallery >.slides >.slide >.slide-content{margin: auto; width: auto; height: auto; max-width: 100%; max-height: 100%; opacity: 1;}
.blueimp-gallery{position: fixed; z-index: 999999; overflow: hidden; background: #000; background: rgba(0, 0, 0, .9); opacity: 0; display: none; direction: ltr; -ms-touch-action: none; touch-action: none;}
.blueimp-gallery-carousel{position: relative; z-index: auto; margin: 1em auto; padding-bottom: 56.25%; box-shadow: 0 0 10px #000; -ms-touch-action: pan-y; touch-action: pan-y;}
.blueimp-gallery-display{display: block; opacity: 1;}
.blueimp-gallery >.slides{position: relative; height: 100%; overflow: hidden;}
.blueimp-gallery-carousel >.slides{position: absolute;}
.blueimp-gallery >.slides >.slide{position: relative; float: left; height: 100%; text-align: center; -webkit-transition-timing-function: cubic-bezier(.645, .045, .355, 1); -moz-transition-timing-function: cubic-bezier(.645, .045, .355, 1); -ms-transition-timing-function: cubic-bezier(.645, .045, .355, 1); -o-transition-timing-function: cubic-bezier(.645, .045, .355, 1); transition-timing-function: cubic-bezier(.645, .045, .355, 1);}
.blueimp-gallery,.blueimp-gallery >.slides >.slide >.slide-content{-webkit-transition: opacity .5s linear; -moz-transition: opacity .5s linear; -ms-transition: opacity .5s linear; -o-transition: opacity .5s linear; transition: opacity .5s linear;}
.blueimp-gallery >.slides >.slide-loading{background: url(/skin/gallery/loading.gif) center no-repeat; background-size: 64px 64px;}
.blueimp-gallery >.slides >.slide-loading >.slide-content{opacity: 0;}
.blueimp-gallery >.slides >.slide-error{background: url(/skin/gallery/error.png) center no-repeat;}
.blueimp-gallery >.slides >.slide-error >.slide-content{display: none;}
.blueimp-gallery >.next,.blueimp-gallery >.prev{position: absolute; top: 50%; left: 15px; width: 40px; height: 40px; margin-top: -23px; font-family: inherit; font-size: 60px; font-weight: 100; line-height: 23px; color: #fff; text-decoration: none; text-shadow: 0 0 2px #000; text-align: center; background: #222; background: rgba(0, 0, 0, .5); -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; border: 3px solid #fff; -webkit-border-radius: 23px; -moz-border-radius: 23px; border-radius: 23px; opacity: .5; cursor: pointer; display: none;}
.blueimp-gallery >.next{left: auto; right: 15px;}
.blueimp-gallery >.close,.blueimp-gallery >.title{position: absolute; top: 15px; left: 15px; margin: 0 40px 0 0; font-size: 20px; line-height: 30px; color: #fff; text-shadow: 0 0 2px #000; opacity: .8; display: none;}
.blueimp-gallery >.close{padding: 15px; right: 15px; left: auto; margin: -15px; font-size: 30px; text-decoration: none; cursor: pointer;}
.blueimp-gallery >.play-pause{position: absolute; right: 15px; bottom: 15px; width: 15px; height: 15px; background: url(/skin/gallery/play-pause.png) 0 0 no-repeat; cursor: pointer; opacity: .5; display: none;}
.blueimp-gallery-playing >.play-pause{background-position: -15px 0;}
.blueimp-gallery >.close:hover,.blueimp-gallery >.next:hover,.blueimp-gallery >.play-pause:hover,.blueimp-gallery >.prev:hover,.blueimp-gallery >.title:hover{color: #fff; opacity: 1;}
.blueimp-gallery-controls >.close,.blueimp-gallery-controls >.next,.blueimp-gallery-controls >.play-pause,.blueimp-gallery-controls >.prev,.blueimp-gallery-controls >.title{display: block; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0);}
.blueimp-gallery-left >.prev,.blueimp-gallery-right >.next,.blueimp-gallery-single >.next,.blueimp-gallery-single >.play-pause,.blueimp-gallery-single >.prev{display: none;}
.blueimp-gallery >.close,.blueimp-gallery >.next,.blueimp-gallery >.play-pause,.blueimp-gallery >.prev,.blueimp-gallery >.slides >.slide >.slide-content{-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
body:last-child .blueimp-gallery >.slides >.slide-error{background-image: url(/skin/gallery/error.svg);}
body:last-child .blueimp-gallery >.play-pause{width: 20px; height: 20px; background-size: 40px 20px; background-image: url(/skin/gallery/play-pause.svg);}
body:last-child .blueimp-gallery-playing >.play-pause{background-position: -20px 0;}
.blueimp-gallery >.indicator{position: absolute; top: auto; right: 15px; bottom: 15px; left: 15px; margin: 0 40px; padding: 0; list-style: none; text-align: center; line-height: 10px; display: none;}
.blueimp-gallery >.indicator > li{display: inline-block; width: 9px; height: 9px; margin: 6px 3px 0 3px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; border: 1px solid transparent; background: #ccc; background: rgba(255, 255, 255, .25) center no-repeat; border-radius: 5px; box-shadow: 0 0 2px #000; opacity: .5; cursor: pointer;}
.blueimp-gallery >.indicator >.active,.blueimp-gallery >.indicator > li:hover{background-color: #fff; border-color: #fff; opacity: 1;}
.blueimp-gallery-controls >.indicator{display: block; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0);}
.blueimp-gallery-single >.indicator{display: none;}
.blueimp-gallery >.indicator{-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.blueimp-gallery >.slides >.slide >.video-content > img{position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: auto; height: auto; max-width: 100%; max-height: 100%; -moz-backface-visibility: hidden;}
.blueimp-gallery >.slides >.slide >.video-content > video{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.blueimp-gallery >.slides >.slide >.video-content > iframe{position: absolute; top: 100%; left: 0; width: 100%; height: 100%; border: none;}
.blueimp-gallery >.slides >.slide >.video-playing > iframe{top: 0;}
.blueimp-gallery >.slides >.slide >.video-content > a{position: absolute; top: 50%; right: 0; left: 0; margin: -64px auto 0; width: 128px; height: 128px; background: url(/skin/gallery/video-play.png) center no-repeat; opacity: .8; cursor: pointer;}
.blueimp-gallery >.slides >.slide >.video-content > a:hover{opacity: 1;}
.blueimp-gallery >.slides >.slide >.video-playing > a,.blueimp-gallery >.slides >.slide >.video-playing > img{display: none;}
.blueimp-gallery >.slides >.slide >.video-content > video{display: none;}
.blueimp-gallery >.slides >.slide >.video-playing > video{display: block;}
.blueimp-gallery >.slides >.slide >.video-loading > a{background: url(/skin/gallery/loading.gif) center no-repeat; background-size: 64px 64px;}
body:last-child .blueimp-gallery >.slides >.slide >.video-content:not(.video-loading) > a { background-image: url(/skin/gallery/video-play.svg);}


/* ###################################################################################
## Постраничная разбивка
################################################################################### */

.pagination {
 display:inline-block;
 padding-left:0;
 margin:20px 0;
 border-radius:4px
}
.pagination>li {
 display:inline
}
.pagination>li>a,.pagination>li>span {
 position:relative;
 float:left;
 padding:6px 12px;
 line-height:1.42857143;
 text-decoration:none;
 color:#337ab7;
 background-color:#fff;
 border:1px solid #ddd;
 margin-left:-1px
}
.pagination>li:first-child>a,.pagination>li:first-child>span {
 margin-left:0;
 border-bottom-left-radius:4px;
 border-top-left-radius:4px
}
.pagination>li:last-child>a,.pagination>li:last-child>span {
 border-bottom-right-radius:4px;
 border-top-right-radius:4px
}
.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus {
 z-index:3;
 color:#23527c;
 background-color:#eee;
 border-color:#ddd
}
.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus {
 z-index:2;
 color:#fff;
 background-color:#337ab7;
 border-color:#337ab7;
 cursor:default
}
.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus {
 color:#777;
 background-color:#fff;
 border-color:#ddd;
 cursor:not-allowed
}
.pagination-lg>li>a,.pagination-lg>li>span {
 padding:10px 16px;
 font-size:18px;
 line-height:1.3333333
}
.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span {
 border-bottom-left-radius:6px;
 border-top-left-radius:6px
}
.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span {
 border-bottom-right-radius:6px;
 border-top-right-radius:6px
}
.pagination-sm>li>a,.pagination-sm>li>span {
 padding:5px 10px;
 font-size:12px;
 line-height:1.5
}
.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span {
 border-bottom-left-radius:3px;
 border-top-left-radius:3px
}
.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span {
 border-bottom-right-radius:3px;
 border-top-right-radius:3px
}
.pagination { float:right; margin: 0 0 20px !important; padding:0 !important; }
.pagination > li.active > a { background-color: rgba(74, 74, 75, 0.75) !important; border-color: rgba(74, 74, 75, 0.75) !important; }
.pagination > li > a { background-color: rgba(255, 255, 255, 0.7); }
.pagination li { margin:0; padding:0; background:none; }
.wraper-pages { margin:10px 0; text-align:center; }

.carousel-item {
	display: block;
}

/* #################################################################################
## Партнеры
################################################################################### */
#partners .block-partners{display: -ms-flexbox; display: -webkit-box; display: flex; flex-direction: row; justify-content: center; flex-wrap: wrap;}
#partners .about-item{height: 100%; display: -ms-flexbox; display: -webkit-box; display: flex; float: none; margin: auto 0;
flex-direction: column; justify-content: center; flex-wrap: wrap;}
#partners .about-item a{margin: auto;text-align:center;}
#partners .about-item .about-title{font-size: 18px; margin-top: 10px; color:black;line-height: 20px;display: inline-block;}
#partners .about-item:hover .about-title{text-decoration:underline;}


/* #################################################################################
## Одна страница
################################################################################### */

#tovar-header{font-size: 30px; font-weight: bold; padding: 20px 15px 10px; text-align: center;}
.cont-holder{margin-top: 30px;}
.cont-holder > img{max-width: 30%; float: left; padding: 0 20px 5px 0;}
.photos-wrapper{padding: 50px 5px 20px; text-align: center;  width: 100%;}
.gallery-container .cmlex-tovar-photos{float: left;}
.cmlex-tovar-photos{text-align: center; display: inline-block;}
.cmlex-tovar-photos img{padding: 10px; display: inline-block; max-width: 100%;}
.cmlex-tovar-photos.mult{padding: 10px;}
.cmlex-tovar-photos.mult div{display: inline-block; max-width: 100%; background-size: cover; 
background-position: center; background-repeat: no-repeat; height: 200px; width: 200px;}

/* ###################################################################################
## МОДЕЛЬ многостраничный раздел с вертикальными плашками
################################################################################### */

.model-mp-vert {padding-left:15px;}
.model-mp-vert article { height:330px; box-shadow: 0px 3px 1px -3px rgba(0, 0, 0, 0.5); line-height:1.3; background:#fff; border:2px solid #E1E1E1; cursor:pointer; position:relative; transition-property:all; transition-duration:0.2s; padding: 7px 10px 30px 10px; margin-bottom:30px;}
.model-mp-vert article:hover { box-shadow:0px 6px 1px -3px rgba(0, 0, 0, 0.25); border-color:#aeaeae; background:#fdfdfd; transform:translateY(-3px); }
.model-mp-vert h2 { font-size: 28px; line-height:1.2; font-weight:bold; color:#000; padding:3px 0 5px 0; margin:0; text-align: center}
.model-mp-vert article hr { margin:15px 0 15px 0; border-top:1px dotted #4375C2; }
.model-mp-vert article .textsmall { font-size: 0.8em; height: 117px; overflow: hidden; }
.model-mp-vert article span.link { display:block; position:absolute; bottom:5px; right:10px; color:#777; }
.model-mp-vert article span.link:hover { color:#c00; }
.model-mp-vert article .image-box { height:140px; border-radius: 0 0 15px 0; width:100%; margin:0 0 5px 0; background:no-repeat center center; background-size:cover; }
.model-mp-vert .date { color: #D95850; font-size:32px; line-height: 1.1; position:absolute; left:-19px; top:-14px; width:80px; height:80px; border-radius:40px; background:#fff; text-align:center; padding-top:10px; border-top:2px solid #E1E1E1; border-left:2px solid #E1E1E1; }
.model-mp-vert .date span { color: #555; display:block; font-size:14px; }

/* ###################################################################################
## МОДЕЛЬ многостраничный раздел с горизонтальными плашками
################################################################################### */
#cmlex-title{margin: 40px auto 20px; text-align: center; width: 100%; font-size: 50px;color: black;font-weight: bold;}
.model-mp-horz article { margin-bottom:20px; padding-bottom:25px; width: 100%;}
.model-mp-horz h2 { font-size: 40px; line-height:1.3; font-weight:bold; color:#000; padding:0; margin:0 0 10px 0; }
.model-mp-horz h2 a{color: black; text-decoration: none;}
.model-mp-horz .col-sm-8 a{display: block; width: 100%;}
.model-mp-horz img {  max-width:100%; display: block; margin: auto; }
.model-mp-horz .smalltext { margin:0 0 10px 0px; }

/* #################################################################################
## Вверх
################################################################################### */

#up { display:none; background:url(/skin/arrow_up.png) no-repeat left top; position:fixed; bottom: 11px; left: 20px; width: 46px; height: 49px; cursor:pointer; z-index: 1000; } 
#up:hover { background-position: left bottom; }

/* #################################################################################
## Адаптив
################################################################################### */
#mobMenu{display: none;}
#mobileMenuButton{display: none;background-color: transparent;border: none;font-size: 36px;position: absolute;right: 15px;}
.footer-cont span[itemprop="telephone"]{margin-bottom: 10px; display: block;}

@media only screen and (max-width: 1260px) {
	#main{background-color: white; padding: 0; width: inherit;}
	#map-container{width: inherit;}
	.cont-padding{padding: 0 10px;}
}

@media only screen and (max-width: 1200px) {
	.main-block .headphone{position: relative;top: 0;right: 0;z-index: unset;text-align: left;}
	.headphone a{font-size: 25px;}
	.head_block_img{display: none;}
	#mainMenu{display: none;}
	#mobileMenuButton{display: block;}
	#mobileMenuButton{top: 35px;}
	.head-title-2{margin-top: 0px;}
	.type-block{margin-bottom: 20px;}
	.about-item{margin-bottom: 20px;}
	.sertif-block{margin-top: 20px;}
	.footer-cont{margin-top: 0;}
	#map{height: 320px;}
}

@media only screen and (max-width: 991px) {	
	.head-title-2 h1 {font-size: 32px; line-height: 32px;}
	.footer-spacer{display: table; width: 100%;}
	.flex-row{padding: inherit;}
	h1, .h1 { font-size: 32px;}
	#map-container .row {margin-left: -10px;margin-right: -10px;}
	#map-container, #map-container .col-lg-24{padding-left: 10px;padding-right: 10px;}	
	.smalltext p { font-size: 18px;}
	.flex-row.with-bg .image-block{order: 0;}
	article{margin-bottom: 30px;}
	.flex-row.with-bg {padding-top: 30px;}
	.image-block img {max-width: 300px;}
	article.row{margin-left: 0;margin-right: 0;}
}

@media only screen and (max-width: 766px) {	
	p {font-size: 17px;}
	.headphone a{display: block;}
	.block-container{margin-bottom:50px;}
	/*Шапка*/
	.main-block.no-padding{background: #0f61ad; padding-bottom: 10px;}
	.head-title p{font-size: 25px; margin-bottom: 15px; margin-top: 15px;}
	.head-title p .sublogo{font-size: 22px;}
	.head-title h3{font-size: 15px;}
	.head-title-2 h2{font-size: 32px; line-height: 30px;}
	/*Блок 1*/
	.block-title h2 {font-size: 35px;line-height: 35px;}
	.text-link{font-size: 17px; line-height: 16px;}
	/*Сертификаты*/
	.block-title-2{margin-top: 0;}
	.block-title-2 h2 {font-size: 35px;text-align: center;}
	.block-title-2 h3 {text-align: center;font-size: 17px;}	
	/*Подвал*/
	.footer-cont{margin-top: 0;}
	.footer-adress h2 {font-size: 22px;}
	.footer-spacer{margin: 0;}
	.footer-title{font-size: 20px;}
	footer p{font-size: 20px;}
	#map{height: 250px; margin-top:10px;}
	#mobileMenuButton{top: 15px;}
}
.top_phone p a{
    font-size: 12px;
    color: #fff;
    margin-top: 20px;
}
	
.town {
    margin-top:10px;
}
@media only screen and (min-resolution: 117dpi) and (max-resolution: 119dpi), only screen and (min-resolution: 131dpi) and (max-resolution: 133dpi), only screen and (min-resolution: 145dpi) and (max-resolution: 154dpi), only screen and (min-resolution: 162dpi) and (max-resolution: 164dpi), only screen and (min-resolution: 169dpi) {
br {
  display: none;
}
}