html,body {
  height: 100%;
  background: url(../img/background_pat.jpg) repeat;
}
a {
    color: #000;
    text-decoration: underline;
}
a:focus {
    /*outline: thin dotted rgb(51, 51, 51);
    outline-offset: -2px;
    */
    outline: none;
}
a:hover, a:focus {
    color: #222;
    text-decoration: none;
}
h2, .h2 {
    font-size: 22px;
}
h3, .h3 {
    font-size: 18px;
}
.page-header {
    margin: 0px 0px 20px;
}
.btn{
    border-radius: 0;
    text-decoration: none;
}

.spec-link{
    color: rgb(229, 23, 24);
    /*font-weight: bold;*/
}
.spec-link:hover,.spec-link:focus{
    color: rgb(229, 23, 24);
}

.form-control{ border-radius: 0; border-color: #fff;}
.form-control:focus{border-color: #666; 
    -webkit-box-shadow: inset 0 1px 1px rgba(182, 182, 182, 0.1), 0 0 8px rgba(51, 50, 50, 0.6);
    box-shadow: inset 0 1px 1px rgba(182, 182, 182, 0.1), 0 0 8px rgba(51, 50, 50, 0.6);
}




.header{padding: 24px 0 24px 0;}
.header .top_logo{/*margin: 10px 0 0 0;*/ text-align: center; margin: 0;}
.header .top_logo img{transition: all 1s ease-out; width: 90%;}
.header .top_logo a{display: block; padding-bottom: 4px;}
.header .top_logo a:hover img{transform: scale(1.06);}
.header .top_logo span{color: /*#E51718*/#BA1300;}


.header .top_addres{text-transform: uppercase;}
.header .top_addres p{ font-size: 18px; color: #111; padding: 0 0 0 14px;}
.header .top_amet p{ font-size: 17px; text-align: justify;}
.header .top_amet img{float: right;}
.header .top_phone{position: relative;}
.header .top_phone p{ font-size: 22px; text-align: right; padding: 10px 0 0 0; margin: 0 -4px 0 0;}

.header .top_btn_ring .btn{right: 18px; font-size: 20px; top: 20px; outline: none;}

.btn-squard{position: absolute; color: rgb(229, 23, 24); text-decoration: none; outline: none;}
.btn-squard:hover,.btn-squard:focus{color:rgb(229, 23, 24);}
.btn-squard:before,
.btn-squard:after{position: absolute;content: ''; width: 106%; height: 112%; 
    left: -6px; top: -4px; border: 2px solid #e84c3d; transition: all 0.5s ease-out;}
.btn-squard:before{left: -2px; top: 0px; border-color: #e9eef1;}
.btn-squard:hover:after{left: -2px; top: -0px;}
.btn-squard:hover:before{left: -6px; top: -4px;}


.btn-black{}
.btn-black {
    color: #333;
    background-color: transparent;
    border-color: #333;outline: none;
}
.btn-black:hover, .btn-black:focus, .btn-black.focus, .btn-black:active, .btn-black.active, .open > .dropdown-toggle.btn-black {
    color: #222;
    background-color: rgba(0,0,0,0.1);
    border-color: #111;outline: none;
}

.header .glyphicon{margin-right: 12px; top: 2px;}

.navbar{ border-radius: 0; margin-top: 38px; margin-bottom: 20px;}
.navbar-default{ box-shadow: none; background: none; border: none; }
.navbar-default .navbar-nav{/*margin-left: 100px;*/margin-left: 50px;}
.navbar-default .navbar-nav > li > a{    color: black; font-size: 24px; padding: 10px 16px 10px 16px; 
    text-decoration: none; margin: 0 24px 0 24px; transition: all 0.5s ease-out;
}

.navbar-default .navbar-nav > li > a span{color: black; border-bottom: 1px solid black; transition: all 0.5s ease-out;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{
    color: #fff; text-decoration: none; background: rgb(229, 23, 24);
}
.navbar-default .navbar-nav > li > a:hover span, .navbar-default .navbar-nav > li > a:focus span{
    border-color: transparent; color: #fff;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
    color: #fff; text-decoration: none; background: rgb(229, 23, 24);/*#e51718*/
}
.navbar-default .navbar-nav > .active > a span, .navbar-default .navbar-nav > .active > a:hover span, 
.navbar-default .navbar-nav > .active > a:focus span{ border-color: transparent; color: #fff;}

.navbar-default .navbar-toggle {
    border-color: #000;
    float: left;
}
.navbar-default .navbar-toggle .title-men{
    width: 72px; display: block; float: right; text-transform: uppercase; font-size: 18px;
}
.navbar-default .navbar-toggle .cont{float: left; margin: 5px 5px 0 0;}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #000;
}

.dropdown-menu{
    border-radius: 0;
}
.nav-pills{
    border-radius: 0;
    background-color: transparent;
    border: 1px solid #E7E7E7;
    /*padding-bottom: 10px;*/
}
.nav-pills > li > a {
    border-radius: 0;
    font-size: 18px;
}
.nav-pills > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: rgba(255, 255, 255, 0.4);
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: #fff;
    background-color: #e51718;
}
.input-group-addon{
    border-radius: 0;
}
.jumbotron, .container .jumbotron, .container-fluid .jumbotron{
    border-radius: 0;
    background-color: transparent;
    border: 1px solid #E7E7E7;
}
.thumbnail{border-radius: 0; background: transparent;}
.img-thumbnail {border-radius: 0;}
a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active {
    border-color: #383d45;
}

.breadcrumb{border-radius: 0;background-color: transparent;border: 1px solid #E7E7E7;}
.panel {border-radius: 0; background-color: transparent;}
.pagination {border-radius: 0;}
.pagination > li > a, .pagination > li > span{ border-radius: 0!important;}
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, 
.pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {background: transparent;}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, 
.pagination > .active > a:focus, .pagination > .active > span:focus {
    color: #333; background-color: rgba(0, 0, 0, 0.1); border-color: #333;}
.pagination > li > a, .pagination > li > span { color: #444; background-color: transparent; border: 1px solid #ddd;}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    color: #333; background-color: rgba(0, 0, 0, 0.1);
}

.alert{ border-radius: 0;}
.label{ border-radius: 0;}


.form-control-feedback ul {
    display: none; position: absolute; bottom: 18px; width: 300px;
    left: -133px; z-index: 11; text-transform: none; padding: 0.5em 0.8em; font-weight: normal; border-radius: 0.325em;
    box-sizing: border-box; transition: #6363CE 0.1s linear 0s; margin-top: 0; margin-bottom: 1em;
    background-color: #D95C5C; border-color: #D95C5C; color: #000;
    font-family: "Open Sans","Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 13px;line-height: 18px;
}

.bg-white{background: #fff; padding: 4px;}
.bg-green{background: #00ff00; padding: 4px;}
.bg-red{background: rgb(229, 23, 24); padding: 4px; color: #fff;}


.modal-content{border-radius: 0; background: url(../img/background_pat.jpg) repeat; border: 2px solid #eee;} 
.modal-content .has-error ul{display: none;}

.text_page .content{font-size: 16px; min-height: 500px; padding: 10px 12px;}
.text_page .content.content_background{background: #fff;}
.text_page .content .table{font-size: 16px;}

.contact_page .auto-content .contact_data_section ul{list-style: none; padding-left: 0;}
.contact_page .auto-content .contact_data_section ul li{ padding: 4px 0px 4px 16px; font-size: 15px; border-left: 1px solid #ababab; margin-left: 1px;}
.contact_page .auto-content .contact_data_section .glyphicon{padding-right: 8px;}
.contact_page .auto-content .contact_message_form{border: 1px solid #ddd; padding: 8px 8px 0 8px; margin-bottom: 8px;}

.gallery_main .content .gallery_cover{ /*height: 360px;*/}
.gallery_main .content .gallery_cover h3{ margin-top: 0; margin-bottom: 5px;}
.gallery_main .content .gallery_cover p { height: 56px; overflow: hidden;}
.gallery_main .content .gallery_cover .caption{height: 136px; overflow: hidden;}
.gallery_main .content .gallery_cover .btn {display: block;}

/* Carousel style*/
.jcarousel-wrapper { position: relative; min-height: 100px; padding: 0 50px; }
.jcarousel { position: relative; overflow: hidden; }
.jcarousel ul { width: 20000em; position: relative; list-style: none; margin: 0; padding: 0;}
.jcarousel li { float: left; width: 307px;}
.jcarousel-control{ /*color: #fb6603;*/ font-size: 34px; opacity: 0.65; display: block; position: absolute; top: 50%;
    margin-top: -24px; overflow: hidden;
}
.jcarousel-control:hover, .jcarousel-control:focus{ /*color: #fb6603;*/ font-size: 35px; opacity: 1; margin-top: -25px; outline: medium none; }
.jcarousel-control-prev{ left: 0;}
.jcarousel-control-next{ right: 0;}
/* END Carousel style*/

/* Bootstrap Carousel widget_product_promo_block*/
.widget_product_promo_block .panel{background : transparent;}
.widget_product_promo_block .carousel-inner{ height: 140px;}
.widget_product_promo_block .carousel-inner .item{ }
.widget_product_promo_block .carousel-inner .item.active{ }
.widget_product_promo_block .carousel-inner .carousel-caption{ height: 100%; 
    padding: 0; margin: 0; top: 0; bottom: 0; text-align: left; text-shadow: none; color: #000;}
.widget_product_promo_block .carousel-inner h4{ background: rgba(0,0,0,0.07); padding: 10px; margin-top:0;}
.widget_product_promo_block .carousel-inner .media-left{  padding-right: 20px;  }
.widget_product_promo_block .carousel-inner .thumbnail1{ width: 130px; float: left; }
.widget_product_promo_block .carousel-inner .item.active .carousel-caption{}
.widget_product_promo_block .carousel-indicators{margin-bottom: 0; bottom: -10px;}
.widget_product_promo_block .carousel-indicators li{ border: 1px solid #000}
.widget_product_promo_block .carousel-indicators .active { background: #000;}
/* END */
#cat_filter{
    border: 1px solid #E7E7E7; padding: 8px 8px 6px 8px; margin: 0 0 12px 0;
}

.carousel-control.left{background: none;}
.carousel-control.right{background: none;}
    
.content-collapse{ min-height: 160px; overflow: hidden; }
.panel-default > .panel-heading { background-color: transparent;}
.content-collapse .panel-heading a, .content-collapse .panel-heading a:focus{border-bottom: 1px dashed; text-decoration: none;}
.content-collapse .panel-heading a:hover {
    text-decoration:none; border-bottom: 1px solid transparent;
}
.content-collapse .panel-collapse{ min-height: 160px; overflow: hidden; }
.content-collapse .collapse { overflow: visible; visibility: visible; display: inherit;}

.table-hover > tbody > tr:hover { background-color: rgba(245, 245, 245, 0.22);}

.main_thumbnails{ padding-top: 20px;}
.main_thumbnails .thumbnail{
    background: transparent;
    border: 2px solid rgb(255, 255, 255);
}
.main_thumbnails .thumbnail h3{color: #fff; font-size: 28px; width: 220px; margin: 4px 0 0 8px; line-height: 1.3;}
.main_thumbnails .thumbnail img{float: right;}
.main_thumbnails .thumbnail p{height: 80px; padding-left: 12px; position: relative;}
.main_thumbnails .thumbnail .btn-squard{bottom: 0; font-size: 22px; color: #fff; width: 180px; outline: none;}

.main_thumbnails .thumbnail .btn-squard:before,
.main_thumbnails .thumbnail .btn-squard:after{position: absolute;content: ''; width: 106%; height: 108%; 
    left: -6px; top: -4px; border: 2px solid #e9eef1; transition: all 0.5s ease-out;}
.main_thumbnails .thumbnail .btn-squard:before{left: -2px; top: 0px; border-color: #e84c3d;}
.main_thumbnails .thumbnail .btn-squard:hover:after{left: -2px; top: -0px;}
.main_thumbnails .thumbnail .btn-squard:hover:before{left: -6px; top: -4px;}

.content_main{font-size: 22px; color: #333; padding: 14px;}
.content_main a{color: #111;}

#wrap {
  min-height: 100%;
  height: auto;
  /*margin: 0 auto -60px;
  padding: 0 0 60px;*/
}
#footer { padding-top: 40px; /*height: 60px;*/}
#footer .container .row{
  background-color: transparent;
  /*border: 1px solid #E7E7E7;
    min-height: 60px;*/
  margin: 0;
}
#footer .footer_top{
    border-bottom: 3px solid rgb(229, 23, 24);
}
#footer .footer_top_link{margin-bottom: 6px;}
#footer .footer_top_link, #footer .footer_top_link a{ font-size: 18px; color: #fff;}
#footer .footer_top_link a{ text-decoration: none; padding: 0 6px 0 6px;}
#footer .footer_top_link a:hover{ text-decoration: underline;}

#footer .footer_links{padding-bottom: 8px;}
#footer .footer_links .list-inline{padding: 4px 16px;}
#footer .footer_links .list-inline li{padding: 0 6px 0 2px ; font-size: 19px;}
#footer .footer_links .list-inline li a{color: #444;}
#footer .footer_links .list-inline li.head_list{color: #fff;}

#footer .footer_main p{font-size: 18px; margin-bottom: 0px; color: #444;}
#footer .footer_main p strong{color: #222;}
#footer .footer_main a{color: #444;}
#footer .footer_main .left_conent p{padding-left: 14px; }
#footer .footer_main .left_conent a{margin-left: 128px; font-size: 13px; text-transform: uppercase; color: rgb(68, 68, 68);}
#footer .footer_main .midle_content p{}
#footer .footer_main .right_content p{padding-left:20px;}

#footer .footer_copyright{padding-top: 38px; padding-bottom: 14px;}
#footer .footer_copyright p{padding-left: 14px; color: #444;}
#footer .footer_copyright a{text-decoration: none;}
#footer .footer_copyright a:hover,#footer .footer_copyright a:focus{text-decoration: underline;}

#footer .container .credit { margin: 18px 0; }
#scroll-top { display:none; position:fixed; right:24px;
	cursor:pointer; bottom:50px; z-index:999; border: 1px solid #222;
}
#scroll-top:hover {background: rgba(0,0,0,0.1); border: 1px solid #111;}
.promo{background: url("../img/promo_2.jpg") center no-repeat; width: 100%; height: 232px; position: relative;}
.promo .qr{padding:14px; }
.promo .app_buttons{position: absolute; right: 7px; bottom: 14px;}

.promo .app_buttons a{padding: 6px; }
.promo .app_buttons a img{transition: all 1s ease-out;/*all 0.3s cubic-bezier(0.5, 0.5, 0.5, 0.5) 0s;*/}
.promo .app_buttons a:hover img{transform: scale(1.1);}

.calc_result{color: #000; font-size: 18px;}
a.make_order{border-bottom: 1px dashed black; text-decoration: none;}
a.make_order:hover, a.make_order:focus{border-bottom: 1px dashed transparent;}


@media (max-width:459px){
   .promo .app_buttons a img { width: 130px;}
   .promo .app_buttons a { padding: 2px;}
   .header .top_logo{text-align: center; margin: 0;}
   .header .top_logo img{text-align: center; margin: 0; width: auto;}
   .header .top_phone{width: 100%;}
   .header .top_phone p{text-align: center; margin: 0 20px 0 0;}
   .header .top_btn_ring{display: none;}
   .promo {height: 152px;}
   .navbar { margin-top: 20px;margin-bottom: 6px;}
   .navbar-default .navbar-nav{margin-left: 0;}
   .main_page h1, .h1 {font-size: 26px;}
    .content_main { font-size: 18px;}
    .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, 
    .table > tbody > tr > td, .table > tfoot > tr > td {padding: 8px 4px 8px 4px;}
    .main_thumbnails .thumbnail h3 { font-size: 22px;}
    .main_thumbnails .thumbnail img {width: 70px;}
    #footer .footer_links .list-inline li {padding: 0 6px 0 2px; font-size: 18px;}
    #footer .footer_main .left_conent{ text-align:center; font-size: 14px;}
    #footer .footer_main .left_conent p { text-align:center;padding-left: 0px;}
    #footer .footer_main .left_conent a {margin: 0;}
    #footer .footer_main .midle_content {text-align:center;}
    #footer .footer_main .right_content {text-align:center; padding-top:10px;}
    
    #footer .footer_copyright p{font-size: 11px; padding: 0;}
    #footer p .any_size{font-size: 14px;}
    .text_page .content{font-size: 18px; min-height: auto;}
    .promo .qr{display: none;}
}

@media (min-width:460px) and (max-width:767px){
   .promo .app_buttons a img { width: 200px;}
   .header .top_logo{text-align: center; margin: 0; }
   .header .top_logo img{width: auto;}
   .header .top_amet img {width: 108px; margin-top: 3px;}
   .header .top_amet p { font-size: 12px; margin-top: 10px;}
   .header .top_phone p { font-size: 20px; text-align: right; margin: 0;}
   .navbar { margin-top: 20px;margin-bottom: 6px;}
   .navbar-default .navbar-nav{margin-left: 0;}
   .main_page h1, .h1 {font-size: 26px;}
    .content_main { font-size: 20px;}
    #footer .footer_links .list-inline li {padding: 0 6px 0 2px; font-size: 18px; display: inline;}
    #footer .footer_main .left_conent{ text-align:center;}
    #footer .footer_main .left_conent p { text-align:center;padding-left: 0px;}
    #footer .footer_main .left_conent a {margin: 0;}
    #footer .footer_main .midle_content {text-align:center;}
    #footer .footer_main .right_content {text-align:center; padding-top:10px;}
    .text_page .content{font-size: 18px; min-height: auto;}
    .promo .qr{display: none;}
    

}
@media (min-width:768px) and (max-width:991px){
    .main_page h2.any_size{font-size: 20px;margin-bottom: 6px;}
    .header .top_amet img { width: 136px;}
    .header .top_amet p { font-size: 14px;}
    .header .top_btn_ring .btn {  font-size: 18px;}
    .header .top_phone p { font-size: 18px; padding: 14px 0 0 0; margin: 0 0px 0 0;}
    .navbar-default .navbar-nav{margin-left: 0;}
    /*.navbar-default .navbar-nav > li > a { font-size: 18px; padding: 10px 10px 10px 10px;margin: 0 8px 0 8px;}*/
    .navbar-default .navbar-nav > li > a { font-size: 22px; /*padding: 10px 10px 10px 10px;*/margin: 0 8px 0 8px;}
    .main_thumbnails .thumbnail h3 {font-size: 18px;}
    .main_thumbnails .thumbnail img {width: 64px;}
    .main_thumbnails .thumbnail .btn-squard { font-size: 20px;}
    .main_page h1, .h1 {font-size: 26px;}
    .content_main { font-size: 20px;}
    #footer .footer_links .list-inline li {font-size: 16px; display: inline;}
    .text_page .content{font-size: 18px; min-height: auto;}
    .promo .qr{display: none;}
    
}
@media (min-width:992px) and (max-width:1199px){
    .header .top_logo {
        margin: 5px 0 0 0;
    }
    .header .top_logo span{
        font-size: 12px;
    }
    .header .top_addres p {
        font-size: 16px;
        padding: 0 0 0 6px;
    } 
    .header .top_amet p {
        font-size: 14px;
    }
    .header .top_phone p{
        font-size: 19px;
        margin: 0 20px 0 0;
    }
    .header .top_btn_ring .btn {
        font-size: 18px;
        top: 16px;
        
    }
    .navbar-default .navbar-nav{margin-left: 0;}
    /*.navbar-default .navbar-nav > li > a {
        font-size: 22px;
        padding: 10px 13px 10px 13px;
        margin: 0 14px 0 14px;
    }*/
    .main_thumbnails .thumbnail h3{
        font-size: 22px;
    }
    .main_thumbnails .thumbnail img {
        float: right;
        width: 80px;
    }
    .main_thumbnails .thumbnail .btn-squard {
        font-size: 20px;
        width: 160px;
    }
    .main_page h1, .h1 {
        font-size: 32px;
    }
    .content_main {
        font-size: 20px;
        padding: 10px;
    }
    #footer .footer_links .list-inline {
        padding: 4px 10px;
    }
    #footer .footer_links .list-inline li {
        font-size: 16px;
    }
    #footer .footer_main p {
        font-size: 17px;
    }
    #footer p .any_size{
        font-size: 14px;
    }
    
}
@media (min-width:1200px) and (max-width:1315px){

}