/**********/
/* header */
header {
    margin-top: 0;
    padding-top: 1em
}
/*
header #head-info {
    margin-bottom: 0.5em
}

header .button {
    border-radius: 3px;
    background-color: #4baee2
}
header .contain-to-grid {
    background: transparent
}
*/

header .logo{
    max-width: 100%;
}
header .logo img {
    max-height: 100px;
    width: auto;
}
.mobile-top-line,
.mobile-top-btns-wrap {
    display: none;
}

.new-title #head-info .logo {float:left;}


.new-title #head-info .head-info-menu {
    text-align: right;
}
.new-title #head-info .head-info-menu  {margin-top: -.25em;}
.new-title #head-info .head-info-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.new-title #head-info .head-info-menu ul li {
    display: inline-block;
    margin-left: .8125em;
}
.new-title #head-info .head-info-menu ul li:first-child {
    margin-left: 0;
}
.new-title #head-info .head-info-menu ul li a {
    text-decoration: none;
    vertical-align: middle;
}
.new-title #head-info .head-info-menu ul li i {
    margin-right: 4px;
}
.new-title #head-info .head-info-menu ul li i img {
    height: 18px;
}

.new-title #head-info .cart_control .general.foundicon-cart {background:url("../images/ico-cart.png") 0 0 no-repeat; width:19px; height:19px; overflow:hidden; display:inline-block; vertical-align:top; text-indent:-9999px; margin:-2px 0 0;}


.new-title #head-info .soc-block {}
.new-title #head-info .soc-block a {display:block; height:26px; width:26px; margin:0 0 3px;}
.new-title #head-info .soc-block a i {display:block; height:26px; width:26px; background-image:url("../images/icons-soc.png");}
.new-title #head-info .soc-block a i.ico-vk {background-position:0 0;}
.new-title #head-info .soc-block a i.ico-in {background-position:0 -29px;}
.new-title #head-info .soc-block a i.ico-skype {background-position:0 -58px;}
.new-title #head-info .head-block {padding:0 3px 0 0;}
.new-title #head-info a#request_button {margin-top:0;}
.new-title #head-info .phone-block {text-align: right;padding-top: 20px;}

.new-title .header-text {padding-top: 5px;}


.phone-block .email .fa,
.phone-block #phone .fa {
    margin-right: 7px;
}
.phone-block .email.fa a{
    font-size: 14px;
    text-decoration: none;
}
.phone-block #phone{
    vertical-align: baseline;
    height: 16px;
}
.phone-block #phone .text_block {
    margin-top: 9px;
    margin-bottom: 0;
}
.phone-block #phone .text_block {
    /* position: relative; */
    /* padding-left: 18px; */
}
.phone-block #phone .text_block .fa {
    /* position: absolute; */
    /* left: 0; */
}

.new-title .phone-block #phone h4,
.new-title .phone-block #phone .h4 {
    /*font-size: 1em;*/
    display: inline-block;
    font-size: 16px;
    line-height: 16px;
}
.new-title .header-text {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 18px;
}
.site-fr .header-text {
    padding-top: 36px;
}
.header-text .h5{
    font-weight: normal;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 1;
    margin-top: 0;
}

.top-btn-blocks{
    right: 0;
    padding-left: 0px;
    padding-right: 10px;
}
.top-btn-blocks .top-btn-block{
    width: 185px;
    float: right;
    /*display: inline-block;*/
}
/* .site-fr .top-btn-blocks .top-btn-block{ */
.top-btn-blocks .top-btn-block{
    display: table;
}
.top-btn-blocks .top-btn-block:last-child{
    margin-right: 10px;
}

.fictive-search {
    margin-left: auto;
    padding-left: 12px;
    font-size: 16px;
    background-color: #f2f2f2;
    margin-top: .875em;
    padding-left: 12px;
    height: 30px;
    line-height: 30px;
    color: #8a8a8a;
    cursor: pointer;
    position: relative;
}
.fictive-search:after {
    background-image: url('/local/templates/geodevice_15_07_2019/components/bitrix/search.title/header/images/search-btn.jpeg');
    background-repeat: no-repeat;
    background-position: center;
    content: "";
    /* content: "\f02e"; */
    /* font-family: "SocialFoundicons"; */
    /* font-weight: normal; */
    /* font-style: normal; */
    display: inline-block;
    /* -moz-transform: scale(-1, 1);
    -webkit-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    transform: scale(-1, 1);
    filter: FlipH;
    -ms-filter: "FlipH"; */
    position: absolute;
    right: 5px;
    bottom: 0;
    width: 1.25em;
    height: 1.875em;
}


@media screen and (max-width: 1279px){
    .new-title .top-btn-block .email {
        padding: 0;
    }
    /* .top-btn-blocks .top-btn-block{
        width: 100%;
    }
    .top-btn-blocks .top-btn-block:last-child{
        margin-right: 0;
    } */

}
@media screen and (max-width: 1200px){

    .top-btn-blocks{
        /* padding-left: 10px; */
    }
    .top-btn-blocks .top-btn-block {
        /* width: 50%; */
    }
    .top-btn-blocks .top-btn-block:first-child{
        /* margin-right: 0; */
        /*padding-right: 1%;*/
        /* padding-left: 1%; */
    }
    .top-btn-blocks .top-btn-block:last-child{
        /* padding-right: 1%; */
        /*padding-left: 5px;*/
    }
}
/* header */
/**********/
header a#request_button {
    display: block;
    padding: 10px;
    text-decoration: none;
    background-color: #00aeff;
    color: #fff;
    text-transform: uppercase;
    /*font-size: 90%;*/
    font-size: 14px;
    /* font-weight: 500; */
    margin-bottom: 10px;
    text-align: center;
}
header a#request_button,
header a#request_button.js-callCbForm {
    /*padding: 18px 10px;*/
    /* height: 52px; */
    vertical-align: middle;
    display: table-cell;
    width: 100%;
}
@media only screen and (min-width: 80em){

}

@media only screen and (max-width: 79.99em) and (min-width: 64em){
    .new-title .header-text {
        /* padding-top: 11px; */
    }
    .new-title .header-text div{
        font-size: 14px;
    }
    .new-title #head-info .phone-block {
        padding-top: 14px;
    }
    .logo-wrap {
        width: 20% !important;
    }
    .logo-wrap + div {
        width: 80% !important;
    }
    .langs-wrap {
        width: 40% !important;
    }
    .delivery-wrap {
        width: 60% !important;
    }
    .search-block-wrap {
        width: 52% !important;
    }
    .phone-block {
        width: 48% !important;
    }
    .header-text{
        width: 61% !important;
    }
    .top-btn-blocks{
        width: 39% !important;
    }
}
@media only screen and (max-width: 79.99em) and (min-width: 48em){
    .site-fr .last-header-row{
        /* margin-top: 10px; */
    }
}
@media only screen and (max-width: 79.99em){
    .site-fr .header-text {
        /* padding-top: 0px; */
    }
}
@media only screen and (max-width: 74.99em){
}

@media screen and (min-width: 64em){ /* 1024 */
    .last-header-row{
        position: relative;
        height: 38px;
    }
    .site-fr .last-header-row{
        height: 54px;
    }

    .last-header-row>div{
        position: absolute;
        top:-8px;
    }
    .new-title #head-info .phone-block {
        padding-top: 15px;
    }
}
@media only screen and (max-width:63.99em) and (min-width: 48em) { /* 1024  -768*/
    .site-fr .top-bar .title-area {
        flex-basis: 46%;
    }
    .site-fr header .top-btn-blocks {
        flex-basis: 54%;
    }
    .site-fr header .top-btn-blocks .top-btn-block{
        width: auto;
    }
    header .top-btn-blocks .top-btn-block {
        line-height: 16px;
        float: left;
    }
    .top-btn-blocks .top-btn-block:first-child {
        margin-right: 10px;
    }
    .top-btn-blocks .top-btn-block:last-child {
        margin-right: 0;
    }
}
@media only screen and (max-width:63.99em) { /* 1024 */
    header {
        padding-top: 10px;
    }
    .new-title #head-info .head-info-menu ul li:first-child {
        margin-right: 3px;
    }
    .new-title #head-info .phone-block{
        display: flex;
        flex-direction: column;
        padding-top: 22px;
    }
    .phone-block #phone {
        order: -1;
    }
    .phone-block #phone .text_block {
        margin-top: 0;
    }

    .new-title .phone-block .email {
        padding: 0;
        margin: 25px 0 17px;
    }

    .new-title #head-info .head-info-menu ul li:last-child {
        display: none;
    }
    .new-title .header-text {
        display: none;
    }


    .mobile-top-btns-wrap {
        display: flex;
        flex-wrap: nowrap;
        width: 100%;
    }

    .contain-to-grid.sticky.fixed {
        max-width: 768px;
        right: 0;
        margin: auto;
    }

    header .top-btn-blocks {
        /* margin-top: 10px; */
        flex-grow: 1;
        flex-basis: 50%;
        margin-top: 0;
        padding-right: 0;
        /* padding-left: 0; */
    }
    header .top-btn-blocks .top-btn-block {
        line-height: 16px;
    }
    header a#request_button {
        /* padding-top: 0; */
        /* padding-bottom: 0; */
        margin-bottom: 0;
        padding-top: 7px;
        padding-bottom: 7px;
    }
}
/* не использовать, т.к. телефоны не поддерживают @media only screen and ((min-width: 80em) or (max-width: 47.99em)){*/
@media only screen and (max-width: 47.99em){

    .site-fr header .top-btn-blocks {
        /* order: -1;
        padding-left: 0;
        padding-bottom: 10px; */
    }
    .mobile-top-line {
        display: flex;
        padding-bottom: 17px;
    }
    .mobile-top-line .search-block{
        flex-grow: 1;
    }
    .mobile-top-line .search-block .fictive-search{
        margin-top: 0;
        color: #f2f2f2;
        padding-left: 0;
    }
    .fictive-search:after {
        right: 8px;
    }

    .new-title #head-info .logo {
        float: unset;
    }
    .new-title #head-info .logo img {
        max-height: 90px;
    }
    .new-title #head-info .head-info-menu ul li a {
        font-size: 14px;
    }
    .new-title #head-info .phone-block {
        padding-top: 16px !important;
        margin-bottom: 8px !important;
    }
    .new-title .phone-block .email {
        margin: 20px 0 0px;
    }
    .last-header-row{
        padding-bottom: 10px;
    }

    header .top-btn-blocks {
        flex-basis: auto;
        display: flex;
        /* padding-left: 10px; */
        padding-right: 10px;
    }
    .top-btn-blocks .top-btn-block {
        width: unset;
        flex-basis: 50%;
    }
    .top-btn-blocks .top-btn-block:first-child {
        order: 1;
    }
    .top-btn-blocks .top-btn-block a{
        /* line-height: 18px; */
        /* padding: 8px 0; */
    }


    .contain-to-grid.sticky.fixed {
        max-width: 480px;
    }



    .new-title .header-text {
        padding-top: 0px;
    }
    .new-title #head-info .phone-block {
        padding-top: 0;
        margin-bottom: 10px;
    }

}
@media only screen and (max-width: 380px){
    header .top-btn-blocks {
        /* padding-left: 0; */
        /* order: -1;
        padding-left: 0;
        padding-bottom: 10px; */
    }
    header a#request_button {
        font-size: 12px;
        padding-left: 0;
        padding-right: 0;
    }
}