@media (max-width:1115px) {
    body, header, #container, .row,  div.header {
        width: 100%;
        min-width:0;
        transition:all 0.3s ease 0s;
    }
    body{overflow-x:hidden;}
    .index-service-title{
        font-size:1.15em;
    }

    .row.simple{
        width:96%;
        margin:0 2%;
    }
    .header-phone{
       font-size:1.2em;
    }
    .footer .header-phone{
        font-size:1.33em;
    }
     .topmenu {
        width:calc(100% - 150px);
    }
    .footer-menu{width:96%;margin:0 auto;}

}/* 1115 px*/

@media (max-width:1040px) {
    .header-phone,.header-adres{
        padding:0 10px 0 40px;
     }
    .header-phone{
       font-size:0.95em;
     }
    .footer .header-phone{
        font-size:1.33em;
    }
    .header-adres{font-size:0.85em;}
    .header-callback a{
        padding:4px 8px;
        margin-top:10px;
    }
    .topmenu a, .footer-menu a{
        font-size:0.95em;
        padding:4px 6px;
    }


    .how-work{
        float:none;
        clear:both;
        width:250px;
        margin:30px auto 70px auto;
    }
    .how-work:after{
        content:'';
        position:absolute;
        width:54px;
        height:19px;
        top:auto;
        right:auto;
        left:calc(50% - 27px);
        bottom:-47px;
        transform:rotateZ(90deg);
    }
    .footer-menu a{
        font-size:0.95em;
        color:#fff;
        text-transform:uppercase;
        position:relative;
    }
    .index-text{width:96%;margin:20px 0 0 2%;height:auto;}
}/* 1040 px*/

@media (max-width:990px) {
    .index-service{
        width:262px;
        max-width:calc(46% - 4px);
        margin:1.04% calc(25% - 133px);
    }

}/* 990 px*/


@media (max-width:870px) {
    .permission-title{
        font-size:0.85em;
    }

    .footer_soc{
        text-align:center;
    }
    .footer_soc a{float:none;display:inline-block;margin:25px 10px 19px 0;}
    .footer-center, .footer_soc{float:left;width:calc(100% - 100px);margin:0 0 0 10px;}
    .footer-copyright{
        float:left;
        margin-top:0;
        width:100%;
        text-align:center;
    }
    a.footer-wi{
        display:block;
        color:#fff;
        float:left;
        margin-top:0;
         width:100%;
        text-align:center;
    }
    .header {
        position:relative;
        padding:11px 0 52px 0;
     }

    #slider-section {
        height: 550px;
    }
    .slide-text>div{
        font-size:1.5em;
    }
    .slide-text>div:first-of-type{margin:1em auto 0 auto; font-size:2.4em;}

    .topline_contacts{
       position:absolute;
       left:240px;
       right:5px;
       top:65px;
       width:calc(100% - 155px);
       color: #00384d;
    }
    #topline .topline_contacts a, #topline .topline_contacts a:hover{
       color: #00384d;
    }
    .topline_contacts>div{width:calc(100% - 40px);line-height:30px;margin-bottom:5px;padding:0 5px 0 35px;}
    .header-phone{
        background:transparent url(../img/header-phone-black.png) left center no-repeat;
     }
    .footer .header-phone{
        font-size:1.33em;
        background:transparent url(../img/header-phone.png) 5px center no-repeat;
    }
    .header-adres{
        background:transparent url(../img/header-adres-black.png) left center no-repeat;
    }
    .header-callback{
         position:absolute;
         top:0;
         right:5px;
         z-index:10;
    }


    .topmenu_mobile{display:block;}

    div.topmenu{
        position:absolute;top:-51px;
        margin:0;
        width:100%;
        z-index:5;

    }
    div.topmenu table, .footer-menu table{
        display:none;
        background:#80848d;
        padding-bottom:5px;
    }
    div.topmenu td{
        width:96%;
        display:block;
        text-align:left;
        padding:1% 1% 1% 10px;
        margin:0;
        height:auto;
    }
     div.topmenu td>a, div.topmenu td>a:hover, div.topmenu td.active>a{border:none; color:#fff;padding:5px 0;}
     div.topmenu td.active a:before, div.topmenu td a:before{display:none;}
    div.topmenu td ul{
        position:relative;
        top: 0;
        padding: 0;
        width:100%;
        box-shadow: none;
        border: none;
        border-top: none;
        transform:none;
        display:none;
        background:#bdc1cc;
        opacity:1;
    }
    .topmenu td>ul li:nth-of-type(even){
        background:#54595a;
    }
    div.topmenu td ul a{color:#fff;}
    .topmenu td a:after{
        content:"";
        height:10px;
        top:50%;
        margin:-5px 0 0 0;
        width:0px;
        background:#f7cd1f;
        border:none;
        left:-20px;
        transform:rotateZ(45deg);
    }
    .topmenu td.active>a:after, .topmenu a:hover:after{
        width:10px;
        left:-17px;
    }
    .topmenu td.active a.lm-active, .topmenu td li a:hover,
    .footer-menu td.active a.lm-active, .footer-menu td li a:hover
    {
        color:#fff;
    }

    div.topmenu td ul a.lm{border:none; width:100%;}
    div[class^=navbar-toggle]{display:block;}

     h1.title.simple_title{margin-top:20px;}


}/* 870 px*/

@media (max-width:770px) {
    .article-preview{
        width:94%;
        margin:3%;
    }
    .permission{
        float:none;
        display:inline-block;
        width:31%;
        margin:1%;
    }
    .permission-title{
        font-size:1em;
    }


    .gallery-item{
        width:calc(31.3% - 4px);
    }

    .footer-contacts p, .footer-contacts div{
        display:block;
        background:transparent;
        width:100%;
        padding:0;
        margin:0;
        line-height:1.5em;
        height:auto;
    }
    .footer-contacts div{margin-bottom:10px;}

    .catalog-block table{
        font-size:0.9em;
    }
    .catalog-block table tr:first-of-type{
         font-size:1.1em;
    }
    .catalog-block table td[colspan="3"]{
        font-size:1.1em;
    }
}

@media (max-width:680px) {
    .article-preview>a{font-size:1em;}



    .index-section-permissions .clear_2{display:none;}
    .index-section-permissions .clear_3{display:none;}



    .title, h1.title, h2.title{
        font-size:2em;
        width:96%;margin-left:2%;
    }
    .after_title{
        font-size:1.15em;
        width:96%;margin-left:2%;
    }
}


@media (max-width:590px) {
    .about_preview{
        width:96%;
        margin:0 0 30px 2%;
    }
    .about_preview img{
        float:none;
        margin:0 auto 10px auto;
        border-radius:4px;
        width:calc(100% - 8px);
        max-width:none;
    }
    .index-service{
        width:262px;
        max-width:calc(46% - 4px);
        margin:1.04% 2%;
    }
    .permission{
        width:96%;
        margin:2%;
    }


    .logo{margin:0 20px 0 5px;}
    .topline_contacts{
       left:190px;
       top:60px;
    }
    .topline_contacts>div{
        line-height:1.2em;
        background-position:left top;
        min-height:28px;
    }
    .header-phone a{display:inline-block;width:100%;}
    .footer .header-phone{display:inline-block;line-height:1.5em;width:auto;margin:5px auto;background:transparent;}
    .footer .header-phone a{width:300px;}


    #slider-section {
        height: 400px;
    }
    .slide-text>div{
        font-size:1.1em;
    }
    .slide-text>div:first-of-type{margin:1em auto 0 auto; font-size:1.6em;}
    .add_request{
        margin-top:1.5em;
    }
    .add_request a{
        font-size:1em;
        padding:6px 12px;
    }
}/* 590 px*/

@media (max-width:520px) {
    .footer_soc a{float:none;display:inline-block;margin:20px 10px 8px 0;}

    #slider-section{
        height:350px;
    }
    .slide-text>div{
        margin:0.5em auto 0 auto;
    }

    .gallery-item{
        width:calc(48% - 4px);
    }

    .oc-form input{
        width:96%;
        margin:1.5% 1.5% 1.5% 0;
    }

    .catalog-block table{
        font-size:0.8em;
    }
    .catalog-block table tr:first-of-type{
         font-size:0.9em;
    }
    .catalog-block table td[colspan="3"]{
        font-size:1.1em;
    }
}

@media (max-width:450px) {
    .title, h1.title, h2.title{
        font-size:1.5em;
    }
    .after_title{
        font-size:1em;
        margin:0px 0 15px 0;
    }

    .index-service{
        width:calc(96% - 4px);
        max-width:262px;
        float:none;
        margin:1.5% auto;
    }
}


@media (max-width:400px) {

    #slider-section {
        height: 300px;
    }
    .slide-text{
        font-size:0.8em;
    }
    .slide-text>div:first-of-type{margin:0.7em auto 0 auto;}
    .add_request{
        margin-top:0.7em;
    }
    .footer .header-phone a{width:70%;}
}/* 400 px*/

@media (max-width:350px) {

    .footer_soc a{float:none;display:inline-block;margin:20px 10px 15px 0;}
    .footer-copyright,a.footer-wi{
        font-size:0.9em;
    }
}
/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}

/* 
 *  Owl Carousel CSS3 Transitions 
 *  v1.3.2
 */

.owl-origin {
	-webkit-perspective: 1200px;
	-webkit-perspective-origin-x : 50%;
	-webkit-perspective-origin-y : 50%;
	-moz-perspective : 1200px;
	-moz-perspective-origin-x : 50%;
	-moz-perspective-origin-y : 50%;
	perspective : 1200px;
}
/* fade */
.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut .7s both ease;
  -moz-animation: fadeOut .7s both ease;
  animation: fadeOut .7s both ease;
}
.owl-fade-in {
  -webkit-animation: fadeIn .7s both ease;
  -moz-animation: fadeIn .7s both ease;
  animation: fadeIn .7s both ease;
}
/* backSlide */
.owl-backSlide-out {
  -webkit-animation: backSlideOut 1s both ease;
  -moz-animation: backSlideOut 1s both ease;
  animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
  -webkit-animation: backSlideIn 1s both ease;
  -moz-animation: backSlideIn 1s both ease;
  animation: backSlideIn 1s both ease;
}
/* goDown */
.owl-goDown-out {
  -webkit-animation: scaleToFade .7s ease both;
  -moz-animation: scaleToFade .7s ease both;
  animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
  -webkit-animation: goDown .6s ease both;
  -moz-animation: goDown .6s ease both;
  animation: goDown .6s ease both;
}
/* scaleUp */
.owl-fadeUp-in {
  -webkit-animation: scaleUpFrom .5s ease both;
  -moz-animation: scaleUpFrom .5s ease both;
  animation: scaleUpFrom .5s ease both;
}

.owl-fadeUp-out {
  -webkit-animation: scaleUpTo .5s ease both;
  -moz-animation: scaleUpTo .5s ease both;
  animation: scaleUpTo .5s ease both;
}
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
  0% {opacity: 1}
}
@-moz-keyframes empty {
  0% {opacity: 1}
}
@keyframes empty {
  0% {opacity: 1}
}
@-webkit-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-moz-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-webkit-keyframes backSlideOut {
  25% { opacity: .5; -webkit-transform: translateZ(-500px); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}
@-moz-keyframes backSlideOut {
  25% { opacity: .5; -moz-transform: translateZ(-500px); }
  75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes backSlideOut {
  25% { opacity: .5; transform: translateZ(-500px); }
  75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
  0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px); }
  100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@-moz-keyframes backSlideIn {
  0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -moz-transform: translateZ(-500px); }
  100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}
@keyframes backSlideIn {
  0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; transform: translateZ(-500px); }
  100% { opacity: 1; transform: translateZ(0) translateX(0); }
}
@-webkit-keyframes scaleToFade {
  to { opacity: 0; -webkit-transform: scale(.8); }
}
@-moz-keyframes scaleToFade {
  to { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleToFade {
  to { opacity: 0; transform: scale(.8); }
}
@-webkit-keyframes goDown {
  from { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes goDown {
  from { -moz-transform: translateY(-100%); }
}
@keyframes goDown {
  from { transform: translateY(-100%); }
}

@-webkit-keyframes scaleUpFrom {
  from { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpFrom {
  from { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpFrom {
  from { opacity: 0; transform: scale(1.5); }
}

@-webkit-keyframes scaleUpTo {
  to { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpTo {
  to { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpTo {
  to { opacity: 0; transform: scale(1.5); }
}