/* Start:/bitrix/templates/template/classes.css?16646871254532*/
/*******Margins*****************/
.margin-5{margin: 5px!important;}
.margin-10{margin: 10px!important;}
.margin-15{margin: 15px!important;}
.margin-20{margin: 20px!important;}
.margin-25{margin: 25px!important;}
.margin-30{margin: 30px!important;}
.margin-35{margin: 35px!important;}
.margin-40{margin: 40px!important;}

.margin-top-5{margin-top: 5px!important;}
.margin-top-10{margin-top: 10px!important;}
.margin-top-15{margin-top: 15px!important;}
.margin-top-20{margin-top: 20px!important;}
.margin-top-25{margin-top: 25px!important;}
.margin-top-30{margin-top: 30px!important;}
.margin-top-35{margin-top: 35px!important;}
.margin-top-40{margin-top: 40px!important;}

.margin-right-5{margin-right: 5px!important;}
.margin-right-10{margin-right: 10px!important;}
.margin-right-15{margin-right: 15px!important;}
.margin-right-20{margin-right: 20px!important;}
.margin-right-25{margin-right: 25px!important;}
.margin-right-30{margin-right: 30px!important;}
.margin-right-35{margin-right: 35px!important;}
.margin-right-40{margin-right: 40px!important;}

.margin-bottom-5{margin-bottom: 5px!important;}
.margin-bottom-10{margin-bottom: 10px!important;}
.margin-bottom-15{margin-bottom: 15px!important;}
.margin-bottom-20{margin-bottom: 20px!important;}
.margin-bottom-25{margin-bottom: 25px!important;}
.margin-bottom-30{margin-bottom: 30px!important;}
.margin-bottom-35{margin-bottom: 35px!important;}
.margin-bottom-40{margin-bottom: 40px!important;}

.margin-left-5{margin-left: 5px!important;}
.margin-left-10{margin-left: 10px!important;}
.margin-left-15{margin-left: 15px!important;}
.margin-left-20{margin-left: 20px!important;}
.margin-left-25{margin-left: 25px!important;}
.margin-left-30{margin-left: 30px!important;}
.margin-left-35{margin-left: 35px!important;}
.margin-left-40{margin-left: 40px!important;}

/*******Paddings*****************/
.padding-5{padding: 5px!important;}
.padding-10{padding: 10px!important;}
.padding-15{padding: 15px!important;}
.padding-20{padding: 20px!important;}
.padding-25{padding: 25px!important;}
.padding-30{padding: 30px!important;}
.padding-35{padding: 35px!important;}
.padding-40{padding: 40px!important;}

.padding-top-5{padding-top: 5px!important;}
.padding-top-10{padding-top: 10px!important;}
.padding-top-15{padding-top: 15px!important;}
.padding-top-20{padding-top: 20px!important;}
.padding-top-25{padding-top: 25px!important;}
.padding-top-30{padding-top: 30px!important;}
.padding-top-35{padding-top: 35px!important;}
.padding-top-40{padding-top: 40px!important;}

.padding-right-5{padding-right: 5px!important;}
.padding-right-10{padding-right: 10px!important;}
.padding-right-15{padding-right: 15px!important;}
.padding-right-20{padding-right: 20px!important;}
.padding-right-25{padding-right: 25px!important;}
.padding-right-30{padding-right: 30px!important;}
.padding-right-35{padding-right: 35px!important;}
.padding-right-40{padding-right: 40px!important;}

.padding-bottom-5{padding-bottom: 5px!important;}
.padding-bottom-10{padding-bottom: 10px!important;}
.padding-bottom-15{padding-bottom: 15px!important;}
.padding-bottom-20{padding-bottom: 20px!important;}
.padding-bottom-25{padding-bottom: 25px!important;}
.padding-bottom-30{padding-bottom: 30px!important;}
.padding-bottom-35{padding-bottom: 35px!important;}
.padding-bottom-40{padding-bottom: 40px!important;}

.padding-left-5{padding-left: 5px!important;}
.padding-left-10{padding-left: 10px!important;}
.padding-left-15{padding-left: 15px!important;}
.padding-left-20{padding-left: 20px!important;}
.padding-left-25{padding-left: 25px!important;}
.padding-left-30{padding-left: 30px!important;}
.padding-left-35{padding-left: 35px!important;}
.padding-left-40{padding-left: 40px!important;}

/************************/
.min-height-50{min-height:50px}
.min-height-100{min-height:100px}
.min-height-150{min-height:150px}
.min-height-200{min-height:200px}
.min-height-250{min-height:250px}
.min-height-300{min-height:300px}
.min-height-350{min-height:350px}
.min-height-400{min-height:400px}

/************************/
.verical-center{display: table;vertical-align: middle;height: 100%;}
.verical-center .cell{display: table-cell; vertical-align: inherit;}

/************************/
.clear{clear: both;}
.oh {overflow:hidden;}
.block{display:block;}
.grayscale{
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}


/* End */


/* Start:/bitrix/templates/template/styles.css?1792750995569*/
.quote{
border-left: solid 2px #c0c0c0;
background:#eaeaea;
margin: 5px 0 5px 25px;
padding:15px;
font-style:italic;
}




input, button, select, textarea { line-height: normal; }

@media (min-width: 768px){
.navbar-nav>li a {
    padding: 36px 20px !important;   
}
}

@media (max-width: 768px){
    .nav>li>a{padding: 15px 20px;}
    .navbar-brand {margin: 0 25px 0 20px !important;}
.navbar-brand img{padding-left: 15px!important;}
h1{
    font-size: 20px !important;  
    font-weight: bold !important; 
}
}

.mt-10{margin-top:10px}
.mb-10{margin-bottom:10px}






/* End */


/* Start:/bitrix/templates/template/template_styles.css?17927509955132*/
a{text-decoration: underline !important}
a:hover{text-decoration: none !important}

body{font-family: 'Open Sans', sans-serif !important;}
.container{font-size: 18px;}
.header{
    background: #292a2e;
    }
.bg-navbar-1, .bg-navbar-2{width: 100%;height: 100%;background-size: 211px !important;}
.bg-navbar-1{background:url(/bitrix/templates/template/images/bg-navbar-1.jpg) 0% 0% no-repeat;}
.bg-navbar-2{background:url(/bitrix/templates/template/images/bg-navbar-2.jpg) 100% 0% no-repeat;}
.sertificate {
    margin: 13px 0 13px 25px;    
    }
.sertificate:hover{opacity: 1.0;-webkit-filter: grayscale(0%);}
.navbar-brand {
    height: auto !important;
    padding: 15px 0 !important;
    margin: 0 25px 0 0 !important;
}
.navbar{border-radius: 0px !important;margin-bottom: 3px;border: none !important}

.navbar-collapse.collapse {overflow: hidden !important}
.nav>li>a{
    font-size: 18px;
    font-weight: 300;
    color: #fff !important;   
    }    
.nav>li>a:hover{background: rgba(255,255,255,0.2)!important;}
.nav>.active>a{background: rgba(255,255,255,0.2)!important;}
.nav .glyphicon{margin-right:7px;}

.glyphicon{margin-right:7px;}

.navbar-collapse { -webkit-box-shadow: none; box-shadow: none;}
.navbar-toggle{
    margin-top: 24px !important;
    padding: 12px 13px !important;
    }
    .navbar-toggle .icon-bar {background-color: #fff !important;width: 25px;height: 3px;}

.divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #fff;
    opacity: 0.3;
}

 /*****************/
.breadcrumb{background:none!important;color: #6F6F6F!important;font-size: 14px!important;padding: 8px 0!important;}
.breadcrumb a{color: #6F6F6F!important;font-size: 14px!important;}

 /*****************/
.jumbotron {
    padding: 0 !important;
    color: inherit;
    background-color: #fff !important;
}
.fotorama__dot {border: 1px solid #5D5D5D !important;width: 12px !important;height: 12px !important;}
.fotorama__active .fotorama__dot {background: #5D5D5D !important;}


/*****************/
.services .item{padding: 8px;}
.services .item .image{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fe2e01+0,fd9a04+79 */
background: rgb(254,46,1); 
background: -moz-linear-gradient(45deg,  rgba(254,46,1,1) 0%, rgba(253,154,4,1) 79%);
background: -webkit-linear-gradient(45deg,  rgba(254,46,1,1) 0%,rgba(253,154,4,1) 79%);
background: linear-gradient(45deg,  rgba(254,46,1,1) 0%,rgba(253,154,4,1) 79%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe2e01', endColorstr='#fd9a04',GradientType=1 );

    display:block;
    padding:10px;
    margin: 0 0 7px;
}
.services .item:hover .image{
    background:#FE2E01;
    padding:5px;
}
.services .item a{color: rgb(51,51,51);text-decoration:none!important;font-size:18px;}
.services .item:hover a{text-decoration:underline!important;}
/*****************/
.portfolio a{color:rgba(254,158,0,1);}
.portfolio .item{
    background-size:cover !important;
    height: 200px;
    }

.portfolio .item-container{
    padding-left: 0 !important;padding-right: 0 !important;
    position: relative;
    display: block;    
    }
.portfolio .item-container .text{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    display: block;
    -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;    
    }
    .portfolio .item-container .text:hover{        
        border: solid 12px #2d2f31;        
        background: rgba(254,158,0,0.9);
        color: #000;
        font-size: 22px;        
    }
    .portfolio .text .name{
        width: 100%;
        vertical-align: middle;
        text-align: center;
        padding: 35px 10px 10px;
        display: none;
    }
    .portfolio .text:hover .name, .portfolio .text:hover .description{display: inline-block;}

.portfolio .text .description {
    font-size: 12px;
    display: none;
}
    
.reviews .item{
    padding: 15px 0;
    overflow:hidden;
    -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
       -o-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
          transition: all 0.3s ease; 
    }
.reviews .item:hover{
    background: #C3C2C2;
    border-radius: 25px;    
}

.reviews .item.nohover:hover{
    background: none;
    border-radius: none;  
}

    
.feedback{padding: 15px 15px 0}
    .feedback .author{font-weight:700;font-size: 16px;}
    .feedback .author.big{font-size: 22px;}
    .feedback .author-status{font-weight:600;margin-bottom: 7px;}
    .feedback .text{font-style: italic}

.bg-gray1{background: #2d2f31}
.bg-gray2{background: #DADADA}
.bg-green{background: #63B048}
.color-white{color: #fff}

.btn-default{border: solid 1px #aaa}


 /*****************/   


   
 /*****************/   
.bottom{
    background: #2d2f31;
    background-size: cover;
    color: #9d9d9d;
    }
.bottom-container{padding:15px 0}
.bottom-container .contacts{font-size:18px;}
.bottom-container .contacts a{color:#9d9d9d;}
.hosting a{text-decoration:none}

h2{padding: 0 0 10px;font-size: 34px;}



/* End */
/* /bitrix/templates/template/classes.css?16646871254532 */
/* /bitrix/templates/template/styles.css?1792750995569 */
/* /bitrix/templates/template/template_styles.css?17927509955132 */