/*
    Common
*/

html, body, div, input, textarea, button, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    font-family: 'OpenSansRegular', Arial, Helvetica, sans-serif;
}

html, body {
    /*height: 100%;*/

}

body {
    min-width: 300px;
}

a:hover, a:active {
    text-decoration: none;
}

div, li, menu, ol, ul, h1, h2, h3, h4, h5 {
    position: relative;
    outline: none;
    list-style: none outside none;
}

.f:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.float_left {
    float: left;
}

.txt_inline {
    -o-text-overflow: ellipsis;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bold {
    font-weight: bold;
}

.underline {
    text-decoration: underline;
}

.transparent {
    opacity: 0;
}
.display_none {
    display: none;
}

input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 200px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: pointer;
    display: block;
    z-index: 55;
}

.img_center {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
}

body {
    background-color: #fafafa;
   /* background-color: #f5f7f8;
    background-color: #ffffff;*/
/*    background-color: #fbfbfb;
    background-color: #fcfcfc;*/
}

textarea, input, button, select, .form-control {
    outline: none !important;
    box-shadow: none !important;

}

select {
    cursor: pointer;
}

.form-control:focus {
    border-color: #cccccc;
}

div {
    position: relative;
}

.fill_all_invisible {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
}

.fixed_center {
    max-width: 1140px;
    margin: 0 auto;

}

.no_decoration, .no_decoration:hover, .no_decoration:focus, .no_decoration:active {
    text-decoration: none !important;
}

@media (max-width: 1150px) {
    .fixed_center {
        width: 100%;
    }
}

/* --- stm-icon --- */

@font-face {
    font-family: 'icomoon';
    src: url('/st/fonts/icons/icomoon.eot');
    src: url('/st/fonts/icons/icomoon.eot?#iefix9vex3p') format('embedded-opentype'),
    url('/st/fonts/icons/icomoon.ttf?9vex3p') format('truetype'),
    url('/st/fonts/icons/icomoon.woff?9vex3p') format('woff'),
    url('/st/fonts/icons/icomoon.svg?9vex3p#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="stm-icon-"], [class*=" stm-icon-"] {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.stm-icon-flower-2:before {
    content: "\e617";
}

.stm-icon-phone:before {
    content: "\e616";
}

.stm-icon-clock:before {
    content: "\e600";
}

.stm-icon-hairdryer:before {
    content: "\e601";
}

.stm-icon-pomade:before {
    content: "\e602";
}

.stm-icon-pencil:before {
    content: "\e603";
}

.stm-icon-powder:before {
    content: "\e604";
}

.stm-icon-clips:before {
    content: "\e605";
}

.stm-icon-epilator:before {
    content: "\e606";
}

.stm-icon-perfume:before {
    content: "\e607";
}

.stm-icon-lips:before {
    content: "\e608";
}

.stm-icon-mirror:before {
    content: "\e609";
}

.stm-icon-flourish:before {
    content: "\e60a";
}

.stm-icon-flourish-2:before {
    content: "\e60b";
}

.stm-icon-icon-1:before {
    content: "\e60c";
}

.stm-icon-icon-2:before {
    content: "\e60d";
}

.stm-icon-bag:before {
    content: "\e60e";
}

.stm-icon-shoe:before {
    content: "\e60f";
}

.stm-icon-cosmetics:before {
    content: "\e610";
}

.stm-icon-comb:before {
    content: "\e611";
}

.stm-icon-comb-2:before {
    content: "\e612";
}

.stm-icon-icon-3:before {
    content: "\e613";
}

.stm-icon-eye:before {
    content: "\e614";
}

.stm-icon-map:before {
    content: "\e615";
}

/* general */

h1, h2, h3 {
    font-family: 'ProximaNovaBold';
    text-transform: uppercase;
}

/* menu */

.top_contacts{
    display: none;
}


@media (max-width: 754px) {
    .top_contacts{
        display: block;
        /* background: url(/img/leaf.jpg); */
        /* height: 40px; */
        background-color: #fafafa;
        /* border-bottom: 1px solid #ffffff; */
        line-height: 40px;
        text-align: center;
        font-size: 14px;
    }
}

.wr {

}

.top_ribbon{
    background: url("/img/leaf.jpg");
}

/* menu */

header {
    padding: 22px 0;
    /* padding-top: 12px; */
    background-color: #ffffff;
    position: relative;
    border-bottom: 1px solid #e8e8e8;
    /* box-shadow: 0 0 0 3px #efefef; */
}

header .fixed_center {
    min-height: 87px;
}

.logo1 {
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -35px;
}

.logo1 img {
    display: block;
}

.menu1 {
    position: absolute;
    left: 295px;
    bottom: 12px;
}

.menu1 > li {
    text-align: center;
    display: inline-block;
}

.menu1 > li > a {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: bold;
    padding: 5px 20px;
    font-family: 'ProximaNovaBold';
    color: #333333;
}

.menu1 > li > a.active, .menu1 > li > a.hover, .menu1 > li > a:hover {
    background-color: #00E0DA;
    background-color: #86b6ca;
    color: #ffffff;
    text-decoration: none;
}

.header-phrase {
    font-size: 12px;
    font-family: 'OpenSansItalic';
    padding-top: 12px;
    margin-bottom: 15px;
    margin-left: 25px;
    position: absolute;
    left: 254px;
    color: #555555;
}

.header_loc {
    position: absolute;
    top: 25px;
    right: 5px;
    width: 285px;
}

.header_loc .icon {
    color: #4abbc7;
    color: #2a637b;
    font-family: 'OpenSansRegular';
    float: left;
    font-size: 33px;
    margin: 0 14px 0 0;

}

.header_loc .text {
    color: #555555;
    color: #7799a7;
    color: #2a637b;
    font-family: 'OpenSansRegular';
}

.header_loc a {
    font-size: 14px;
    text-decoration: underline;
    color: #7799a7;
    color: #2a637b;
}

.header_socials {
    position: absolute;
    top: 14px;
    left: 700px;
}

.header_socials a {
    font-size: 19px;
    line-height: 19px;
    display: inline-block;
    margin: 0px 0 0 15px;
    transition: color 0.2s ease;
    color: #ffa44a;
    color: #7799a7;
}

a.learn_more {
    color: #ffffff;
    font-size: 16px;
    font-family: 'ProximaNovaBold';
    padding: 15px 60px;
    display: inline-block;
    border: 1px solid #ffffff;
    border-radius: 70px;

    text-shadow: 0 0px 47px rgba(0, 0, 0, 0.5);
}


@media (max-width: 1190px) {
    header {
        padding-left: 20px;
        padding-right: 20px;
    }

    .header_loc {
        right: -10px;
    }
}

@media (max-width: 1150px) {
    .menu1 > li > a {
        padding: 5px 15px;
    }

    .header_socials {
        left: 680px;
    }
}

@media (max-width: 1100px) {
    .menu1 > li > a {
        padding: 5px 10px;
    }

    .header_socials {
        left: 635px;
    }
}

@media (max-width: 1055px) {
    .menu1 > li > a {
        padding: 5px 6px;
    }

    .header_socials {
        left: 600px;
    }
}

@media (max-width: 1015px) {

    #header_li_master {
        display: none;
    }

    .menu1 > li > a {
        padding: 5px 12px;
    }

    .header_socials {
        left: 557px;
    }
}

@media (max-width: 975px) {
    #slovo_posmotret {
        display: none;
    }

    .header_loc {
        width: 247px;
    }
}

@media (max-width: 936px) {
    .header_loc {
        width: 200px;
        top: 16px;
    }

}

@media (max-width: 895px) {
    #posmotret_na_karte {
        display: none;
    }

    .header_loc {
        width: 165px;
    }
}

@media (max-width: 860px) {
    .header_loc {
        display: none;
    }

    #header_li_master {
        display: inline-block;
    }

    .header_socials {
        left: 655px;
    }
}

@media (max-width: 794px) {
    .menu1 > li > a {
        padding: 5px 8px;
    }

    .header_socials {
        left: 590px;
    }
	
}

@media (max-width: 754px) {
    .header-phrase {
        display: none;
    }
	.header_socials {
		display: none;
	}

    header {
        padding: 0;

    }

    .menu1 {
        position: relative;
        left: 0;
        bottom: 0;
        display: block;
        /* background-color: #f5f5f5; */
        border-top: 1px solid #e8e8e8;
    }

    header .fixed_center {
        min-height: inherit;
        padding-top: 120px;
    }

    .menu1 > li {
        display: block;
        float: left;
        width: 20%;
    }

    .menu1 > li > a {
        display: block;
        border-radius: 0;
        padding: 18px 8px;
        border-left: 1px solid #e8e8e8;
    }

    .menu1 > li:first-child > a:first-child {
        border-left: none;
    }

    .menu1 > li > a.active, .menu1 > li > a.hover, .menu1 > li > a:hover {
        background-color: inherit;
        color: inherit;
    }

    .menu1 > li > a.active:after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        height: 5px;
        bottom: 0;
        background-color: #fecb81;
    }

    .logo1 {
        top: 58px;
        left: 50%;
        margin-left: -131px;
    }

    .header_socials {
        right: 22px;
        top: 18px;
        left: inherit;
    }

    .header_socials a {
        font-size: 25px;
    }
}

@media (max-width: 527px) {
    .header_socials a {
        font-size: 19px;
    }
}

@media (max-width: 480px) {
    .header_socials {
        display: none;
    }

    .menu1 > li > a {
        font-size: 14px;
    }
}

@media (max-width: 440px) {
    #header_li_master {
        display: none;
    }

    .menu1 > li {
        width: 25%;
    }
}

@media (max-width: 390px) {
    .menu1 > li > a {
        font-size: 13px;
    }
}

@media (max-width: 363px) {
    .menu1 > li > a {
        font-size: 12px;
    }
}

/* footer */
.footer {
    color: #e2e2e2;
    color: #b9b9b9;
    overflow: hidden;
}

.footer .col1 {
    width: 30%;
}

.footer .col2 {
    width: 20%;
}

.footer .col3 {
    width: 16.66667%;
}

.footer .back {
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
}

.footer .content {
    background: rgba(9, 9, 23, 0.95);

}

.footer .content .row1 {
    padding: 80px 0;
}

.footer .content .row1 .col {
    float: left;

    padding: 0 20px;
}

.footer .img1 {
    width: 100%;
}

.footer .txt1 {

    margin-top: 30px;

}

.footer .title {
    font-size: 16px;
    font-weight: bold;
    color: #ED9435;
    margin-bottom: 8px;
}

.footer ul li {
    margin-bottom: 3px;
}

.footer ul li a {
    color: #ffffff;
    opacity: 0.6;
    transition: 0.3s;
    font-size: 14px;

}

.footer .addr {

}

.footer .addr a {
    color: #ED9435;
}

.footer_socials {
    margin-top: 10px;
    text-align: right;
}

.footer_socials a {
    color: #a7a7a7;
    font-size: 26px;
    margin-left: 10px;
}

@media (max-width: 960px) {
    #footer_menu_news3 {
        display: none;
    }

    .footer .col1 {
        width: 34%;
    }

    .footer .col2 {
        width: 26%;
    }

    .footer .col3 {
        width: 20%;
    }

}

@media (max-width: 740px) {

    .footer .col1 {
        width: 34%;
    }

    .footer .col2 {
        width: 30%;
    }

    .footer .col3 {
        width: 18%;
    }

}

@media (max-width: 682px) {
    #footer_menu_news2 {
        display: none;
    }

    .footer .col1 {
        width: 37%;
    }

    .footer .col2 {
        width: 33%;
    }

    .footer .col3 {
        width: 30%;
    }

}

@media (max-width: 640px) {

    .footer .col1 {
        width: 54%;
    }

    .footer .col2 {
        width: 46%;
    }

    .footer .col3 {
        display: none;
    }

    .footer .content .row1 {
        padding: 60px 0;
    }
}

@media (max-width: 570px) {

    .footer .content .row1 {
        padding: 40px 0;
    }
}

@media (max-width: 540px) {

    .footer .col2 {
        display: none;
    }

    .footer .col1 {
        text-align: center;
        width: 100%;
    }

    .footer .img1 {
        width: inherit;
        max-width: 100%;
    }

    .footer_socials {
        text-align: center;
    }
}

@media (max-width: 480px) {
    .footer_socials {
        display: none;
    }

    .footer .col {
        padding: 0 40px;
    }
}


