body {
    background-color: white;
    font: 14px/1.34em 'PT Sans', sans-serif;
    margin: 0;
    background-color: #eee;
    background: linear-gradient(to bottom, rgba(0,0,0,0.35) 0%,rgba(150,150,150,0.1) 20%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

@media screen and (min-width: 1400px) {
    body {
        background-position: 85% 5%;
    }
}

a,
a:visited {
    color: #f6957f;
}

.layout {
    width: 100%;
    position: relative;
}

.layout__inner {
    margin: 0 auto;
    max-width: 1000px;
    min-height: 100%;
    box-shadow: 0px 0 5px rgba(0,0,0,0.3);
}

.layout__header {
    width: 100%;
    height: 250px;
    ~margin-bottom: 2px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .13);
    background: #fff url(/assets/d/layout/topbg.jpg?1);
}

.layout__header_logo {
    float: left;
    display: block;
    position: relative;
    top: 42px;
    left: 45px;
}

.layout__header_title {
    float: left;
    position: relative;
    top: 25px;
    left: 60px;
}

.layout__header_right {
    position: relative;
    float: right;
    top: 41px;
    right: 21px;
    margin: 25px 10px 0 10px;
    padding: 15px 20px 5px 20px;
    background-color: rgba(0,0,0,0.5);
}

.layout__header_right .i_icon {
    color: white;
}

.layout__header_right_phone,
.layout__header_right_email {
    font-size: 18px;
    padding: 5px 0;
    line-height: 145%;
    color: white;
}

.layout__header_right_phone a,
.layout__header_right_phone a:visited{
    text-decoration: none;
    color: white;
}

.layout__header_right_search {
    margin-top: 10px;
}

.callback_btn {
    font-size: 0.9em;
    text-align: center;
    display: block;
    text-decoration: underline!important;
}

.layout__menu {
    ~margin-bottom: 2px;
    background-color: #333;
    display: flex;
}

.layout__left {
    width: 280px;
    float: left;
}

.layout__main {
    background-color: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .13);
    overflow: hidden;
}

.layout__content {
    margin-left: 295px;
    min-height: 400px;
}

.layout__footer {
    padding: 30px;
    overflow: auto;
    background-color: white;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .13);
}

.layout__footer_copyright {
    float: left;
    width: 250px;
}

.login_form {
    width: 300px;
    margin: 50px auto 10px auto;
}

.login_form legend {
    font-size: 0.9em;
    padding-left: 5px;
    color: #333;
}

.login_form input[type=submit] {
    margin-left: 4px;
}

.login_form fieldset {
    border: 1px solid #6495ed;
    padding: 1.4em;
}

.login_form .row {
    margin: 10px 5px;
}

.login_form label {
    width: 80px;
    display: block;
    float: left;
}

h1 {
    font-size: 23px;
    color: #333;
    margin-top: 5px;
    font-weight: bold;
    margin-bottom: 1em;
    font-family: "PT Sans", sans-serif;
}

.commerce_btn {
    padding: 5px 15px;
}

@media all and (max-width: 800px) {

    .layout_search__form {
        display: none;
    }


    .layout__left {
        width: 100%;
        float: none;
    }

    .callback_btn {
        text-align: left;
    }



    .layout__content {
        float: none;
        margin-left: 0;
    }

}

@media all and (max-width: 600px) {

    .layout__header {
        height: 300px;
        background-size: cover;
        background-position-x: -130px;
    }

    .layout__header_logo {
        float: none;
        top: 10px;
        left: 5px;
    }

    .layout__header_logo img {
        width: 95%;
    }

    .layout__header_right {
        left: 0px;
        top: 2px;
        float: none;
        right: 0;
        box-sizing: border-box;
        margin: 0;
        width: 100%;
        padding: 10px 15px 5px 15px;
    }

    .layout_search__form {
        display: none;
    }

    .layout__left {
        width: 100%;
        float: none;
    }

    .layout__content {
        float: none;
        margin-left: 0;
    }
}