﻿#LogotypeBlock img{width: auto; height: auto}
.section-header-space{dispaly:bock;height:130px;}
#section-header{box-shadow:0px 5px 5px 0px rgba(0, 0, 0, 0.1);position:relative;z-index:10;height:130px;}
#section-header .search-head{position:absolute;left:15px;display:none;/*overflow-x:hidden;*/z-index:100;margin:0;}
#top_b_header .logotype-area .siteTitle{color:#939393;font-size:14px;text-transform:uppercase;margin-top:10px;margin-bottom:0px;}
#section-header .searchbut{background-image:url('search.png');background-position:center center;background-repeat:no-repeat;border-right:1px solid #e9e9e9;}
#top_b_header{height:100%;}
#section-header .buttonhead{height:100%;margin:0;}
#section-header .head-btn-block{height:100%;}
#top_b_header > .row{position:relative;}
#section-header .contact-header-tel{font-size:22px;color:#313131;}
#section-header .header-row{display:flex;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;align-items:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;height:100%;}
#top_b_header .searchbut.trigger-close{background-image:url('sm-cross.png');background-color:#FF324E;}
#top_b_header .searchbut.trigger-close:hover{background-image:url('sm-cross.png');}
#section-header .search-head .buttonSend{outline: none;box-shadow: none;position:absolute;top:0;right:0;background-color:rgba(0, 0, 0, 0);border-radius:0;padding:44px 32px;color:#FF324E;line-height:1;font-size:34px;border:0;}
#top_b_header a:visited{color:#838383;}
#section-header .header-row:before, #section-header .header-row:after{display:none;}
#section-header .basketbut{background-image:url('basket.png');background-position:center center;background-repeat:no-repeat;position:relative;z-index:0;}
#section-header .personbut:hover{background-image:url('personalh.png');background-color:#ff324e;}
#section-header .personbut.auth {background-image:url('personalh.png');background-color:#ff324e;}
#section-header .basketbut:hover{background-image:url('basketh.png');background-color:#ff324e;color:#fff;}
#section-header .basketbut.act{background-image:url('basketh.png');background-color:#ff324e;color:#fff;}
#section-header .searchbut:hover{background-image:url('searchh.png');background-color:#ff324e;}
#section-header .basketbut .infoLink{position:absolute;top:0;left:0;right:0;bottom:0;padding-top:97px;text-align:center;line-height:1;color:inherit;text-decoration:none;}
#section-header .personbut{background-image:url('personal.png');background-position:center center;background-repeat:no-repeat;}
#section-header .personbut, #section-header .searchbut, .basketbut{float:left;width:33.33%;height:100%;border-left:1px solid #e9e9e9;cursor:pointer;}
#section-header .b_call_back-call_button{border:1px solid #e9e9e9;padding:11px 30px;display:inline-block;line-height:1.2;color:inherit;transition:0.2s all ease;text-align:center;}
#section-header .livesearch{top:0;position:absolute;right:-1281px;border:0;height:100%;font-size:35px;padding-right:36px;padding-left:15px;outline:none !important;}
#section-header .suggestions{background-color:#fff;    border: 1px solid #e9e9e9;}
#section-header .suggestItem {
    padding: 10px 15px;
    font-size: 15px;
    border-bottom: 1px solid #f1f1f1;
    overflow: hidden;
    transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
}
.suggestions .suggestItem .goodsImage {
    float: left;
    max-width: 50px;
    margin-right: 10px;
}
.suggestions .suggestItem .goodsName {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.suggestions .suggestItem .goodsArticle {
    float: left;
    margin-right: 15px;
    font-style: italic;
}
.suggestions .suggestItem .goodsPrice {
    float: left;
}
.section-header-fixed{position:fixed!important;left:0;right:0;top:0;background:#fff;z-index:1000!important;}
#section-header .b_call_back-call_button:hover{border:1px solid #ff324e;background:#ff324e;color:#fff;text-decoration:none;}

#section-header .contact-phone {
    margin: -10px;
}

#section-header .logotype-area {
        display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

#section-header .sitetitle-area {
    margin-left: 20px;
    display: none;
}

#section-header .sitetitle-title {
    margin: 0;
    font-size: 22px; 
    margin-top: -5px;
    /*line-height: 1.3;*/
}

#section-header .sitetitle-subtitle {
    margin: 0;
    font-size: 14px; 
    line-height: 16px;
}

.header_modal .modal-header {
     border-bottom:0;
     text-align:center;
}

.header-call_back {
    text-align:center;
}

#callBackModal .modal-dialog {
    width: 320px;
    box-sizing: border-box;
}

#callBackModal button.close {
    position: absolute;
    top: 15px;
    right: 20px;
    font-size: 30px;
}

.header_modal .modal-title {
    font-size: 20px;
}

#callBackModal .modal-body {
    padding: 10px 30px 30px 30px;
    position: relative;
}

form#Go {
    max-width: 400px;
    margin: 0 auto !important;
}

.header_modal .ml001_err {
    padding-bottom: 10px;
}

form#Go .buttonSend {
    background-color: #313131;
    border-radius: 3px;
    color: #fff;
    font-weight: bold;
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: none;
    padding: 0.78em 2.25em;
    font-size: 1em;
    line-height: 1.42857143;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-appearance: button;
    margin-top: 15px;
}

form#Go .buttonSend:hover {
    background-color: #0d79be;
}

.form_message {
    padding: 30px 15px;
}

.form_message #autoreply {
    font-size: 18px;
}

.form_message #ml001_divbtn {
    margin: 15px 0px;
}

.form_message .buttonSend {
    border: 0;
    padding: 0.78em 2.25em;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    background-color: #1f1e1e;
    -moz-border-radius: 0.3125rem;
    -webkit-border-radius: 0.3125rem;
    border-radius: 0.3125rem;
}

.form_message .buttonSend:hover {
    background-color:#0d79be;
}


@media (max-width:469px){#LogotypeBlock img{max-width:150px;max-height:50px;}
#top_b_header .logotype-area .siteTitle{font-size:80%;margin-top:5px;}
.infoLink#informer_shop_cart-count_goods{position:static;top:20px;}
#section-header .searchbut{background-size:40%;}
#section-header .personbut{background-size:40%;position:relative;}
#section-header .basketbut .infoLink{padding-top:42px;position:absolute;}
.section-header-space{height:60px;}
#section-header{height:60px;}
#section-header .basketbut{background-size:40%;}
#section-header .search-head .buttonSend{font-size:25px;margin:0;margin-top:10px;padding:8px 8px;}
#section-header .livesearch{font-size:20px;margin:0;}
#section-header .search-head{margin:0;}
}
@media (min-width:470px) and (max-width:749px){#LogotypeBlock img{max-width:180px;max-height:50px;}
#top_b_header .logotype-area .siteTitle{font-size:90;margin-top:5px;}
}
@media (min-width:470px) and (max-width:969px){#section-header .buttonhead{width:250px;float:right;}
#section-header{height:80px;}
#LogotypeBlock img{max-width:180px;}
.section-header-space{height:80px;}
#section-header .personbut{background-size:30%;}
#section-header .basketbut{background-size:30%;}
#section-header .searchbut{background-size:30%;}
#section-header .search-head .buttonSend{height:90%;padding:19px 19px;}
#section-header .livesearch{font-size:30px;padding-left:30px;height:90%;}
#top_b_header .searchbut.trigger-close{background-size:30%;margin:0;}
#section-header .basketbut .infoLink{padding-top:55px;}  
}
@media (min-width:750px) and (max-width:969px){#LogotypeBlock img{max-height:60px;}
  #LogotypeBlock{display:table-cell;}
  #top_b_header .logotype-area .siteTitle{display:table-cell;}
  #top_b_header .logotype-area{/*display:table;*/}   
}

@media (min-width:970px) and (max-width:1199px){
       #LogotypeBlock img{max-width:200px;max-height:70px;}
}
@media (min-width:1200px){
       #LogotypeBlock img{max-width:220px;max-height:80px;}
       #section-header .sitetitle-area {
                       display: block;
       }
}


@media (max-width: 991px) {
    #section-header .sitetitle-title {
        font-size: 20px; 
    }
    #section-header .sitetitle-subtitle {
        font-size: 14px; 
    }
}

@media (max-width: 767px) {
    #section-header .sitetitle-area {
        display: none;
    }
}
