@font-face {
    font-family: 'Comfortaa';
    src: url('../fonts/comfortaalight.woff2') format('woff2'), url('../fonts/comfortaalight.woff') format('woff'), url('../fonts/comfortaalight.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Comfortaa';
    src: url('../fonts/comfortaa.woff2') format('woff2'), url('../fonts/comfortaa.woff') format('woff'), url('../fonts/comfortaa.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Comfortaa';
    src: url('../fonts/comfortaabold.woff2') format('woff2'), url('../fonts/comfortaabold.woff') format('woff'), url('../fonts/comfortaabold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Oxygen';
    src:url('../fonts/Oxygen.otf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Oxygen';
	src:url('../fonts/Oxygen-Italic.otf') format('truetype');
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: 'Oxygen';
	src:url('../fonts/Oxygen-Bold.otf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Oxygen';
	src:url('../fonts/Oxygen-BoldItalic.otf') format('truetype');
    font-weight: 700;
    font-style: italic;
}

/* GLOABAL */
body { font-family: Oxygen,Arial; }
.visible-600 { display: none; }
.tooltip { width:300px; }
h2 {color:#38404a}
a { color: #2e97d9; }
a:hover, a:focus { color: #2e97d9; text-decoration:none; }
.lh-30 {line-height:30px}
article {
    background-color:#fef4e8;
    padding:20px 15px;
    border-radius:5px;
    margin-top: 30px;
    border:1px solid white;
    box-shadow: 0 8px 8px rgba(0,0,0,0.3);
}
a.bottom-link {color:#2e97d9;font-size:14px;font-family:Oxygen;text-decoration:none;border-bottom:1px solid #2e97d9;display:inline-block}
a.bottom-link:hover {border:none}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 { font-family: Comfortaa; cursor: default; }
h3,h4,.h3,.h4 { color:#2e97d9;margin-bottom:10px }
img {  height: auto; }
.wrapper { max-width:1200px; margin:0 auto; position:relative; }
.btn-success { background-color: #4caf50; width:100%; font-family: 'Comfortaa'; font-weight: 700; }
.input-sm { font-size:13px; }
.fw-regular {font-weight:300}
select {cursor:pointer}
li { outline: none; }

#promo_check {display:inline-block;background-color:#2e97d9;border-radius:5px;color:#fff;box-shadow: 0 2px 0px rgba(0,94,152,.9);
    text-align: center;font-size: 15px;padding:5px 20px 4px;font-family:Oxygen;margin-left:15px;cursor:pointer}
#promo_error{background-color:#9d9d9d;border-radius:5px;color:#fff;text-align:center;font-size:15px;padding: 5px 20px;font-family: Oxygen;  margin-left: 15px;  display: inline-block;}
#price_with_disc{
    font-weight:600;font-family:Oxygen;font-size:14px;color:#2e97d9;line-height:30px;
    margin-left:14px;float:left;position:relative
}
#price_with_disc > span {font-size:28px;color:#5e6c7f;position:absolute;left:125px;bottom:2px}
#price_with_disc > span > small {font-size:14px;position:absolute;right:-30px;top:4px}

.cell-middle {display:table-cell;vertical-align:middle;text-align:right;padding-right:0}
.form-group label {color:#5e6c7f;text-align:right;font-family:Oxygen;font-size:13px;font-weight:600;padding-right:0;padding-left:13px}

.mgt-0 { margin-top: 0px !important; }
.mgt-5 { margin-top: 5px }
.mgt-10 { margin-top: 10px }
.mgt-15 { margin-top: 15px }
.mgt-20 { margin-top: 20px }
.mgt-25 { margin-top: 25px }
.mgt-30 { margin-top: 30px;}
.mgt-40 { margin-top: 40px }
.mgt-45 { margin-top: 45px }
.mgt-50 { margin-top: 50px }
.pdt-0 { padding-top: 0px !important; }
.pdt-5 { padding-top: 5px !important; }
.pdt-6 { padding-top: 6px !important; }
.pdt-7 { padding-top: 7px !important; }
.pdt-15 { padding-top: 15px !important; }
.pdl-8 { padding-left: 8px !important; }
.pdr-8 { padding-right: 8px !important; }

.catalog-h1-header {font-weight: 600;font-size: 30px }

p.height-36 {height:36px}
p.height-54 {height:54px}
p.height-72 {height:72px}
p.height-88 {height:88px}
div#mega-border {border:1px #d6d6d6 solid;width:600px;height:60px;margin:50px auto 52px;position:relative}
div#mega-border h2 {margin-top:-16px;margin-left:auto;margin-right:auto;width:570px;background-color:#fff}
div#mega-border a.grey-btn {margin-top:17px}
div#mega-border > div {background-color: #fff;width: 300px;margin: 0 auto}

.form-control { padding: 0px 12px; }
#top-line { background-color: #d3d9e0; width:100%; height:60px; position:absolute; top:30px; z-index: 1; opacity: .9 }
#grey-line { background-color: #edf0f3; width:100%; height:30px; position:absolute; top:0px; z-index: 1; }
#shadow-line {
    width:100%; position:absolute; top:90px; z-index: 1; box-shadow: 0 8px 12px 0px rgba(133,138,145,0.5);
    height:30px; background-color:#fff; opacity:.8;  }
.back-grey-shadow { box-shadow: 0 10px 15px rgba(0,0,0,0.6); }

#cityModal .modal-dialog{width:640px}
#cityModal .modal-content{padding:15px; background-color:#fef4e8; border:1px solid #fff}
#cityModal .h2 {color:#38404a;padding:0;margin:0;float:left;font-family:Comfortaa;font-size:22px;font-weight:600}
#cityModal #close {float:right}

#cityModal #for-select-city {width:450px;height:30px;position:relative;margin-top:10px}
#cityModal input#select-city-modal + span {cursor:pointer;background:url('../images/search_blue.png') no-repeat;
            width:30px;height:30px;position:absolute;right:12px;border-radius: 0 5px 5px 0;}
#cityModal input#select-city-modal {
    width:435px;border:none;border-radius:5px 0 0 5px !important;box-shadow:inset 0 1px 1px rgba(104,119,139,1);
    z-index:0; float:left;height:30px; padding-left: 10px;
}
#cityModal #close {width:20px;height:20px;background:url('../images/close.png');background-size:cover; cursor:pointer}
#cityModal #close:hover {width:20px;height:20px;background:url('../images/close_hover.png');background-size:cover;}
#cityModal #close:active, #cityModal #close:focus {width:20px;height:20px;background:url('../images/close_active.png');background-size:cover;}
#cityModal #for-select-region {margin-top:15px;width:450px;position:relative;height:30px}
#cityModal #for-select-region span {float:left;color:#5e6c7f;font-family:Oxygen;font-size:13px;font-weight:600;line-height:25px}
#cityModal #for-select-region #select-region-modal {width:300px;box-shadow:inset 0 1px 1px rgba(104,119,139,1);
    z-index:0; float:left;height:30px;margin-left:15px}
#cityModal #for-list-city {margin-top:15px;overflow-y: scroll;height: 312px;}
#cityModal #for-list-city .col-lg-4 {padding-left:0}
#cityModal ul, #cityModal li {list-style-type:none;padding:0;margin:0}
#cityModal li {line-height:23px}
#cityModal #for-list-city li a {color:#2e97d9;font-family:Oxygen;font-size:13px}
#cityModal #for-list-city li a:hover {text-decoration:underline}
#cityModal #for-list-city a#another-city {background-color:#2e97d9;display:block;border-radius:5px;color:#fff;font-family:
        Oxygen;font-size:13px;padding: 2px 7px;width: 93px;margin-top:5px}

#cityModal div.gadjet-city {
    height:30px;background-color:#5e6c7f;border-radius:5px 5px 0 5px;
    display:inline; padding:5px 0 0 10px;width:150px; float:right;
    color:#fff;font-size:13px;box-shadow: 0 3px 3px rgba(133,138,145,0.7);
    position:absolute;right:-179px;font-weight:600;
}
#cityModal div.gadjet-city a { color:#fff; }
#cityModal div.gadjet-city a:hover { text-decoration:underline }
#cityModal div.gadjet-city > div {
    width:10px;height:20px;border-radius:5px;
    background-color:#35475c;position: absolute;
    bottom: -10px;right: 0;z-index: -1; box-shadow: 0 3px 3px rgba(133,138,145,0.7);
}
/* HEADER */
a#logo { background-image: url('../images/logo.png'); height:102px; width:150px;
            display:block; margin-top:5px; float:left; z-index: 1000; position: relative; }
#right-from-logo { width:990px; float:right; margin-left:-15px; z-index: 1; position: relative;height:120px }
#main-menu-phone a {font-family:Oxygen;font-size:12px}
#main-menu-phone a:first-child{font-size:14px;font-weight:600}
#plashka {
    background: url('../images/plashka.png') no-repeat;
    height:30px; font-family:Comfortaa; color:white;
    font-size:20px; line-height:33px; padding-left:15px;
    float:left; width:110px;
}

#social-header { width:125px; float:right; height:30px; }
#social-header a {
    background: url('../images/socialki_header.png') no-repeat;
    display:inline-block;
    width: 32px;
    height: 32px;
    margin:-2px 0 0 -3px;
    border-bottom: none !important; }
#social-header a.vk { width:32px; }
#social-header a:hover { background: url('../images/socialki_header_hover.png') no-repeat; }
#social-header a.ok { background-position: -32px 0; }
#social-header a.fb { background-position: -64px 0; width: 30px }
#social-header a.tg { background-position: -94px 0; }

#select-city { float:right; color:#7c8a9b; font-size:14px; margin: 5px 15px 0 0; }
#select-city > span:first-child {padding-left:10px}
#select-city a { text-decoration: underline; }
#select-city a:hover {text-decoration:none}
#select-city span.google-point { width:25px; height:25px; background: url('../images/google-point.png') 0 -1px no-repeat; float:left; }

#hotlinks { height: 30px; max-width: 700px; overflow: hidden; }

#sale-line, #bottom-line { height:30px; }
#sale-line > #hotlinks > a { font-family: Oxygen; font-size:18px; line-height:1.4; border-bottom: 1px solid #2e97d9; margin-left:15px; display:inline-block; }
#sale-line > #hotlinks > a:hover { border-bottom:none; }

#mid-line { height:60px; }
#mid-line h1 { margin-top:10px; color:#5e6c7f; font-size:30px; display:inline-block; float:left; font-weight:600}
#mid-line a:hover { border-bottom:none; }
#mid-line #login-user {float:right;position:relative}
#mid-line #login-user a.blue-btn {float:right;margin-top:17px;margin-left:5px}
#mid-line #login-user a.blue-btn:hover + .tooltip-enter,
a#user:hover + .tooltip-enter {display:block}
#mid-line #login-user a.blue-btn:active {box-shadow:none;margin-top:18px}
#mid-line #login-user a#request-user {line-height:60px}

.blue-btn, .blue-btn:visited, .blue-btn:focus {
    display:block; background-color:#2e97d9; border-radius:5px; color:white;
    box-shadow: 0 2px 0px rgba(0,94,152,.9); text-align:center; font-size: 15px; padding: 5px 17px 6px; }
.blue-btn:hover{color:#fff;background-color:#4daae5;}
.blue-btn:active{background-color:#2489c9;color:#fff;}
#login-user .blue-btn {padding:2px 14px}
li#click span.glyphicon {top:3px}
.tooltip-enter {
    background:url('../images/tooltip-enter.png') no-repeat;width:219px;height:137px;position:absolute;
    right: -11px;top: 42px;z-index:100;display:none;line-height:1.5;
}
#mid-line #login-user .tooltip-enter > h4,
#bottom-line #mobile-navigation .tooltip-enter > h4{
    font-family:Comfortaa;font-weight:600;font-size:15px;text-transform:uppercase;color:#fff;
    display:inline-block;margin: 30px 0 0 30px;
}
#mid-line #login-user .tooltip-enter > p,
#bottom-line #mobile-navigation .tooltip-enter > p{
    font-family:Comfortaa;font-size:13px;font-weight:600;margin: 18px 0 0 30px;color:#68778b;width:90px;
    line-height: 1.2;float:left;
}
#mid-line #login-user .tooltip-enter span,
#bottom-line #mobile-navigation .tooltip-enter span {background:none}
#mid-line #login-user .tooltip-enter div,
#bottom-line #mobile-navigation .tooltip-enter div {float:right;font-size:55px;width:78px;margin-right:16px;font-family:Comfortaa;font-weight:600}
#mid-line #login-user .tooltip-enter div > span,
#bottom-line #mobile-navigation .tooltip-enter div > span {font-size:14px;font-family:Comfortaa;font-weight:600;width:17px;margin:45px 0 0 0;float: right;}

.green-btn, .green-btn:visited, .green-btn:focus { min-height:45px;line-height:1.3;
    display:inline-block; background-color:#39b03e; font-family: Comfortaa; color:#fff; text-shadow:none;font-weight:600;
    text-align:center; border-radius:5px; font-size:16px; padding: 12px 15px; box-shadow: 0 2px 0px rgba(12,131,17,.9) }
.green-btn:hover { background-color:#66ba6a; color:white; }
.green-btn:active { background-color:#3fa243; color:white;box-shadow:none }
#mid-line #login-user span {
    background:url('../images/man.png') no-repeat; width:30px; height:30px;
    display:block; margin: 16px 12px 0 0; float:left;
}
.green-btn-large { width:100%; box-shadow: 0 3px 0px rgba(12,131,17,.9) !important; }
.green-btn-large#h30 {min-height:30px;line-height:5px}

#bottom-line { line-height: 1.9; }
#bottom-line > div { float:right; }
#bottom-line > div > a { border-bottom: 1px solid #2e97d9; display:inline-block; line-height:1.5; vertical-align:top; margin-top: 1px; }
#bottom-line > div > a:hover { border-bottom:none; }

#mobile-navigation a#catalog { font-size:14px; line-height:45px; margin-left:20px;
                                display: block; width: 64px; float: left; }
#mobile-navigation a#menu, #mobile-navigation a#menu_xs {
    display:block;
    background:url('../images/blini.jpg') no-repeat;
    margin-left:0px;
    height:45px;
    width: 45px;
    float:left; }
#mobile-navigation span#blue-man {
    float:right; display:block; width:42px; height:42px;
    background:url('../images/man_blue.png') no-repeat; margin-top:3px;
}
a#blue-man-xs {
    float:right; display:block; width:42px; height:42px; margin-right:1px;
    background:url('../images/man_blue.png') no-repeat; margin-top:10px;text-decoration:none;
}
a#blue-man-xs:hover {cursor: pointer;}
#mobile-navigation #user {
    font-family: Oxygen; font-size: 14px; border-bottom: 1px solid #2e97d9;
    display: inline; float: right; margin: 12px 13px 0 0; line-height: 21px; }
#mobile-navigation #user:hover { border-bottom: none; }
a.cart {
    background:url('../images/cart.png') no-repeat; position: relative; box-shadow: 0 5px 10px -1px rgba(0,0,0,.6);
    float:right; display:block; text-decoration:none; border-bottom: none !important;
    width:42px; height:42px; margin-bottom: -4px; margin-left:35px; border-radius:25px;
}
a.cart > span { background-color:#000; border-radius:10px; color:#fff; font-size:10px;
    width: 17px; height: 17px; display: block; line-height: 17px; text-align: center;
    top: 28px; right: -3px; position: absolute; box-shadow: 0 5px 10px -1px rgba(0,0,0,.6);
}
/* #mobile-navigation .cart { margin:3px 15px 0 0; } */
#mobile-navigation #order { float: right; line-height: 1.4; margin: 13px 10px 0 0; border-bottom: 1px dotted #2e97d9; }
#order-xs { float: right; line-height: 1.4; margin: 20px 17px 0 0; border-bottom: 1px solid #2e97d9; }
#mobile-navigation #order:hover { border-bottom:none; }

ul#navigation { background:url('../images/buter.png') no-repeat 0 5px; padding-left:30px; float:left; }
#navigation li { display: inline-block; margin-right:14px; position: relative; line-height: 28px; }
ul#navigation > li > a { font-size:12px; color:#38404a; }
#navigation li.active { border-bottom:4px solid #2e97d9; line-height:21px; }
#navigation li > a:hover { color:#2e97d9; cursor:pointer; }
#navigation  ul {
    border:1px solid #d3d9e0;
    box-shadow: 0 10px 15px rgba(0,0,0,0.6);
    position:absolute;
    background-color:white;
    z-index:10;
    border-left:9px solid #2e97d9;
    left:0;
    padding:0;
    width:230px;
    top: unset;
    bottom: 10px;
    font-weight: 300;
}
#navigation ul > li { display: block; padding-left:9px; margin:0; height:35px; line-height:35px;color:#38404a}
#navigation ul > li:hover {background-color:#2e97d9;color:white}
#navigation ul > li:hover > span { color:white; }
#navigation ul > li:hover > a { color:white; }
#navigation ul > li:hover > ul.level2 { display:block; }
#navigation ul > li > a {color:#38404a }
#navigation ul > li > span { float: right; margin:9px 7px 0 0;color:#38404a }
#navigation ul#content1 { display: none }
.submenued-nav {
    position: relative;
    cursor: pointer ;
}
#navigation .submenued-nav:hover ul#content1, ul#content1:hover { display: block }
ul#content2 {
    display: none;
    border:1px solid #d3d9e0;
    box-shadow: 0 10px 15px rgba(0,0,0,0.6);
    position:absolute;
    background-color:white;
    z-index:10;
    /*border-left:9px solid #2e97d9;*/
    margin-top: 45px;
    padding:6px 0px 7px;
    width:202px;
}
ul#content3 {
    display: none;
    border:1px solid #d3d9e0;
    box-shadow: 0 10px 15px rgba(0,0,0,0.6);
    position:absolute;
    background-color:white;
    z-index:20;
    /*border-left:9px solid #2e97d9;*/
    margin-top: 45px;
    padding:7px;
    width:250px;
    right:0px;

}
ul#content3 > div { text-align: right; margin-right: 70px; color: #2e97d9; }
ul#content3 section, section#reserv { display: none; }
/* затемнение */
#mask {
    background-color:rgba(0,0,0,.5);
    height:200%;
    position:absolute;
    width:100%;
    top:135px;
    left:0;
    display:none;
    z-index:1;
}
.btnRev { display: block;
    width: 45px;
    background-color: #2e97d9;
    height: 100%;
    position: absolute;
    top: 0;
    right: 14px;
}
.btnRev:hover { cursor:pointer; }
.btnRev .glyphicon-triangle-right { color: white; font-size: 30px; margin: 6px auto 0 9px; }

ul#content2 a, ul#content3 a { color:black; }
ul#content2 li#mainli a, ul#content3 li#mainli a { color:#2e97d9; text-decoration: underline; }
ul#content2 li { padding:0px 10px 0 25px; }
ul#content3 li { padding:3px 13px 0 0; text-align: right; }
ul#content3.otstup li { padding-right: 70px; }

ul#content2 li:hover > span { color:white; }
ul#content2 li:hover > a { color:white; }
ul#content2 li:hover { background-color: #2e97d9; color: white; }
ul#content3 li:focus > span { color:white; }
ul#content3 li:focus > a { color:white; }
ul#content3 li:focus { background-color: #2e97d9; color: white; }

ul#content2 li#mainli:hover { background-color: white; }
ul#content2 li:hover > ul.level2 { display:block; }
ul#content2 span.glyphicon-triangle-right { float: right; line-height: 28px; font-size: 19px; color:black; }
ul#content3 span.glyphicon-triangle-left { float:left; line-height: 28px; font-size: 15px; color:#2e97d9; }

#content2 ul.level2 {
    border:1px solid #d3d9e0;
    box-shadow: 0 10px 15px rgba(0,0,0,0.6);
    position:absolute;
    background-color:white;
    z-index:10;
    border-left:9px solid #2e97d9;
    padding:0;
    margin-top: -30px;
    margin-left: 176px;
    width:230px;
    display:none; }
#content3 ul.level2 { display:none; }
#content2 ul.level2 > li > span.glyphicon-triangle-right { font-size: 14px; line-height:32px; }
#content2 ul.level2 > li > ul.level2 { margin: -36px 0 0 211px; }
#content2 ul.level2 li { display: block; padding-left:9px; margin:0; line-height:35px; }
#content2 ul.level2 li:hover { background-color: #2e97d9; color: white; }
#content2 ul.level2 li:hover > span { color:white; }
#content2 ul.level2 li:hover > a { color:white; }
#content2 ul.level2 li > a { color:black; display:inline-block; line-height: 1.3; padding-top:7px; }

ul#content2 li, ul#content3 li { list-style-type: none; }

#navigation ul > li > ul.level2 {
    border:none;
    box-shadow: 0 10px 15px rgba(0,0,0,0.6);
    position:absolute;
    background-color:white;
    font-size: 13px;
    z-index:10;
    padding:0;
    margin-top: -36px;
    margin-left: 212px;
    width:230px;
    display:none;
    bottom: 0;}
#navigation ul > li > ul.level2 > li { display: block; padding-left:9px; margin:0; line-height:35px; }
#navigation ul > li > ul.level2 > li:hover { background-color: #2e97d9; color: white; }
#navigation ul > li > ul.level2 > li:hover > span { color:white; }
#navigation ul > li > ul.level2 > li:hover > a { color:white; }
#navigation ul > li > ul.level2 > li > a {color:#38404a;display:inline-block;line-height:1.3;padding-top:0}


div#breadcrumbs { margin:10px 0 0 15px; }
div#breadcrumbs .breadcrumb-item { margin:0 5px; display:inline-block; border-bottom:1px solid transparent;}
div#breadcrumbs .breadcrumb-item:hover { border-bottom: 1px solid #2e97d9; }

a.disabled-link {
    pointer-events: none;
    color: #333
}

.review-data-hide {
    display: none
}

/* GALLERY */
h1#full_name { color: black; font-size: 20px; padding: 5px 25px 7px; font-weight: 600;
                background-color:#edf0f3; margin-top: 10px; margin-right:-30px; }

.gallery ul { padding: 0; margin: 25px 0 15px; }
.gallery ul li { width:104px; height:76px; list-style-type: none; margin-left: 6px; display: inline-block;
                    background: url('../images/gal.jpg'); background-size:cover; }
.gallery ul li.active { border:2px solid #2e97d9; background: url('../images/gal_active.jpg'); background-size:cover; }
.gallery ul li:hover { background: url('../images/gal_active.jpg'); cursor:pointer; background-size:cover; }
.gallery img:hover { cursor:pointer; }
.gallery > img, .gallery ul li { box-shadow: 0 10px 15px rgba(0,0,0,0.6); }

.modal-body { background-color: #fef4e8; position: relative; padding:3px; }
.modal-body span { display:block; position: absolute; cursor:pointer; }
.modal-body img { width: 77%; margin: 40px auto; display: block; }
.modal-body .close-btn { background: url('../images/close.png'); width: 39px; height:33px; top:0; right:0; }
.modal-body .left-arrow-btn { background: url('../images/left_arrow.png'); width: 23px; height:57px; top:170px; left:3px; }
.modal-body .right-arrow-btn { background: url('../images/right_arrow.png'); width: 26px; height:57px; top:170px; right:2px; }

/* SOCIAL */
#social > span { display:inline-block; background: url('../images/social_btn.png'); vertical-align:top; }
#social > span.vk { width:35px; height:35px; background-position: -6px 0; cursor:pointer; }
#social > span.count { width:35px; height:35px; background-position: -45px 0;  padding-top:9px; }
#social > span.fb { width:35px; height:35px; background-position: -87px 0; cursor:pointer; }
#social > button.btn-social {
    vertical-align:top;
    background-color:#4763b3;
    color:white;
    margin: 1px 0 0 6px;
    font-size:14px;
}
#social > div { display:inline-block; width:195px; line-height:1.2; margin-left:5px; }
#social > div > a { text-decoration: underline;}
#social > div > a:hover { text-decoration: none; }

/* FORMA ZAKAZA */
#forma-zakaza {
    margin-top:0px; padding-top:4px; background-color:#fef4e8; padding:15px 15px 6px;
    border-radius:5px; border:1px solid white; box-shadow: 0 5px 10px rgba(133,138,145,0.8);
}
#forma-zakaza h4, #forma-zakaza .h4 { font-weight:600; }
#forma-zakaza .price { font-family:Oxygen; font-size:28px; font-weight:600; float:left;color:#5e6c7f;
    background: url('../images/koshel.png') 0px 10px no-repeat; padding-left:33px; margin-top:-7px;
}
#forma-zakaza .discount {
    background: url('../images/plashka_small.png') no-repeat; float:left; width:255px; height:31px;
    padding-left: 13px; margin-left:15px;
}
#forma-zakaza .discount p {color:white; font-size:14px; line-height:31px; position: absolute; }
#forma-zakaza .discount > input + span { cursor: pointer;
    background: url('../images/pencil.png') no-repeat; width: 30px; height: 30px; float: left; margin-top:1px;
}
#forma-zakaza .discount > input { margin: 1px 0 0 70px; width:140px;border:none;border-radius:5px 0 0 5px;
    box-shadow:inset 0 1px 1px rgba(104,119,139,1);z-index:0}
#forma-zakaza label {color:#5e6c7f}
#forma-zakaza .choose-proj table {border-spacing: 0 15px;border-collapse:inherit}
#forma-zakaza .choose-proj table tr {margin-bottom:15px}
#forma-zakaza .choose-proj table tr td {position:relative}
#forma-zakaza .choose-proj table p {margin:auto}
#forma-zakaza .choose-proj .form-group > div > p { display: block; padding-top: 8px; }
#forma-zakaza .choose-proj .count-plus, #forma-zakaza .choose-proj .count-minus {
    position: absolute; background: url('../images/count_pages.png');
}

#forma-zakaza .choose-proj .count-plus{background-position:0 0;width:32px;height:44px;cursor:pointer;top:-1px;left:71px}
#forma-zakaza .choose-proj .count-minus{background-position:33px 0;width:32px;height:44px;cursor:pointer;top:-1px;left:-3px}
#forma-zakaza .choose-proj .count-count{display:inline-block; background: url('../images/count_pages.png');text-align: center; padding-top: 9px; margin-left:27px;
                                        background-position: -34px 0; width: 46px; height:44px}
#forma-zakaza .choose-proj select.property-select {margin-top:2px}
#minpages, #maxpages { margin-bottom:-7px; color:#5e6c7f; font-size: 13px; font-family: Oxygen; margin-top: 8px; display: block; width: 30px; }
#minpages { float:left; }
#maxpages { float:right; text-align:right }
#forma-zakaza .choose-proj #slider { background-color: #2e97d9; border: none; border-radius: 0px; width: 100%; margin: 8px 0 0 1px; }
#forma-zakaza .choose-proj #slider > span {
    box-shadow: 0 2px 0 rgba(235,190,135,1);outline:none;width:22px;height:22px;margin-top: -2px;
    border:1px solid rgb(235, 190, 135);background: #fff;cursor:pointer;
}
#forma-zakaza .choose-proj #slider > span:active, #forma-zakaza .choose-proj #slider > span:hover {
    background: #fff;outline:none;border:1px solid #2e97d9;box-shadow: 0 2px 0 rgba(46,151,217,1)
}
#forma-zakaza .delivery {color:#5e6c7f;background-color: #edf0f3; box-shadow: 0 10px 15px rgba(0,0,0,0.6); margin-top: -16px; padding-bottom: 1px; }
#forma-zakaza .delivery h4 { padding:15px 0 0 15px; }
#forma-zakaza #srok-izgotov {
    margin:13px 0 6px 13px;
    background: url('../images/izgotovim.png') 0 4px no-repeat;
    padding-left:37px;
    line-height:1.2;
    height:40px; }
#forma-zakaza #srok-izgotov span { font-weight:600; }
#forma-zakaza #dostavka {
    margin-left:16px;
    background: url('../images/izgotovim.png') 0 4px no-repeat;
    padding-left:37px;
    height:40px;font-weight:600;
    line-height:27px;
    background-position: 0 -42px; }
#forma-zakaza #dostavka select { width:160px; float: right; margin-top:-2px; }
#forma-zakaza #dostavka > div#s2id_preorder-city-select {width:182px;margin-left: 13px;margin-top: -3px;color:#5e6c7f }
#forma-zakaza #dostavka + ul { margin: 7px 0 11px 30px }
#forma-zakaza #dostavka + ul > li { font-size:20px;height:40px; position:relative; }
#forma-zakaza #dostavka + ul > li > div {color:#5e6c7f;font-size: 13px; line-height:1; position:absolute; top:1px; }
#forma-zakaza #dostavka + ul > li > div > span { font-weight:600; }
.select2-container .select2-choice > .select2-chosen, .select2-results .select2-highlighted {color:#5e6c7f}
.select2-results .select2-highlighted:hover {color:#fff}
#countCart { position: relative; text-align: center; }
#countCart > div {
    position: absolute;
    background-color: black;
    color: white;
    font-size: 11px;
    width: 16px;
    height: 16px;
    border-radius: 50px;
    right: -4px;
    top: 30px;
    line-height: 16px;}

/* Дополнительные характеристики в карточке товара */
#forma-zakaza #addoptional {
    height: 30px; background-color: #5e6c7f; font-weight: 600;
    border-radius: 5px 5px 5px 0; position: relative;
    text-transform: uppercase; font-family: Oxygen; font-size: 13px;
    color: #fff; box-shadow: 0 3px 3px rgba(133,138,145,0.7);
    margin-left: -20px; line-height: 29px; padding-left: 20px;
}
#forma-zakaza #addoptional:before {
    content: ""; display: block;
    width: 10px; height: 20px; z-index: -1;
    border-radius: 5px; background-color: #35475c;
    position: absolute; bottom: -10px; left: 0;
    box-shadow: 0 3px 3px rgba(133,138,145,0.7);
}
#forma-zakaza #addoptional:after {
    content: ""; display: block; top: 15px;
    border-bottom: 1px solid #c0c8d1;
    position: absolute; width:317px; left: 358px;
}
#forma-zakaza #addoptional > span.triangle {
    display: block; width: 9px; cursor: pointer;
    border: 9px solid transparent;
    border-top: 11px solid #c0c8d1;
    right:13px; top:10px; position: absolute;
}
#forma-zakaza #optionalwindow { display: none; }
#forma-zakaza #optionalwindow select { max-width:156px }
#forma-zakaza #optionalwindow p { margin: auto }
#forma-zakaza #optionalwindow table {
    border-spacing: 0 15px;
    border-collapse: inherit;
    width:100%
}
#forma-zakaza #optionalwindow td.left-td.varticaltop { vertical-align: top; }
#forma-zakaza #optionalwindow span.addprice {
    display: inline-block; font-family: Oxygen; font-size: 12px; margin-left: 5px;
    background-color: #2e97d9; position: relative; color: #fff; height: 16px;
    line-height: 13px; padding-right: 3px; border-radius: 0 5px 5px 0;
}
#forma-zakaza #optionalwindow span.addprice:after {
    display: block; content: ""; background: url(../images/alarm.png);
    width:16px; height:16px; position: absolute;
    right: -20px; top: -1px;
}
#forma-zakaza #optionalwindow span.addprice:before {
    content: ""; display: block; border: 8px solid transparent;
    border-right: 8px solid #2e97d9; position: absolute;
    top: 0px; left: -16px;
}
#forma-zakaza #optionalwindow ul { margin: 0; padding: 0; width: 480px; }
#forma-zakaza #optionalwindow li {
    width: 45px; height: 75px; float: left; margin: 0 15px 15px 0;
    list-style-type: none; display: inline-block; overflow: hidden;
}
#forma-zakaza #optionalwindow li.empty {
    width: 45px; height: 45px; margin: 0 15px 15px 0; border-radius: 5px;
    background: url(../images/notnorris.png) center center no-repeat #edf0f3;
    box-shadow: 0px 4px 5px 0px rgba(133, 138, 145, 0.5);
}
#forma-zakaza #optionalwindow li.active img,
#forma-zakaza #optionalwindow li.empty.active {
    border: 2px solid #2e97d9;
}
#forma-zakaza #optionalwindow li div {
    width:45px; height:45px;
}
#forma-zakaza #optionalwindow li:hover div {
    position: absolute; width:105px; height:105px;

}
#forma-zakaza #optionalwindow li img {
    width:45px; height:45px; border-radius: 5px; transition: width .5s, height .5s;
    box-shadow: 0px 4px 5px 0px rgba(133, 138, 145, 0.5); z-index: 200;
}
#forma-zakaza #optionalwindow li:hover img {
    width:105px; height:105px; border: 2px solid #2e97d9; position: relative; z-index: 200;
 }
#forma-zakaza #optionalwindow li p {
    display: none; transition-delay:.5s; color:#38404a; font-size: 10px; z-index: 1;

}
#forma-zakaza #optionalwindow li:hover p {
    color: #38404a; font-size: 10px; width: 105px;
    background-color: rgb(237, 240, 243); opacity: 0.902;
    box-shadow: 0px 4px 5px 0px rgba(133, 138, 145, 0.5);
    border-radius: 5px; display:table-cell; vertical-align:bottom;
    position: relative; top: -42px; padding: 31px 6px 7px;
}
#forma-zakaza #optionalwindow li span {
    color: #68778b; font-family: Oxygen; font-size: 12px;
    line-height: 1.2; display: block; margin-top: 3px; z-index: 2;

}
#forma-zakaza #optionalwindow li:hover span {
    color: #38404a; font-size: 12px; font-weight: 600;
    position: relative; padding-left: 6px;
}
input.indi-checkbox { position: relative; top:-2px; }
input.indi-checkbox + span.addprice { top:-4px; right:-10px; }
input.indi-checkbox:after {
    content: ""; display: block; width:15px; height:15px;
    background-color: #fff; border:1px solid #8f9db1;

}
input.indi-checkbox:hover:after { border: 2px solid #2e97d9; width: 17px; height: 17px; margin: -1px 0 0 -1px; }
input.indi-checkbox:checked:after {
    background-image: url(../images/indicheckactive.png); background-position: 0 -1px;
}

/* Выберите готовый шаблон */
#select-templ, #pohojie-goods { padding-left: 7px; padding-right: 7px; }
#select-templ > h4 {margin-left:-7px}
#select-templ select:first-child {max-width:336px}
#select-templ p { margin: 6px 0 7px; }
#select-templ .col-sm-3, #select-templ .col-sm-6,
#pohojie-goods .col-sm-3, #pohojie-goods .col-sm-6 { padding-left:7px; padding-right: 7px; }
a.mobile-btn , a.comp-btn {display:inline-block;width:45px;height:48px;margin-right:8px;cursor:pointer}
a.mobile-btn { background:url('../images/mobile_btn.png') no-repeat; }
a.comp-btn {background:url('../images/comp_btn.png') no-repeat}

.big-link {color:#2e97d9;font-size:15px;line-height:2.5;margin-left:15px;border-bottom:1px solid #2e97d9}
.big-link:hover {text-decoration:none;color: #2e97d9;border-bottom:none}
.back-grey {background-color: #edf0f3; padding-bottom:15px;margin-top:33px}
.back-grey h4 {margin:15px 0 9px}
#pohojie-goods > h4 {margin:30px 0 15px 8px;line-height:18px}
#pohojie-goods a { line-height: 1.3; font-size: 13px; display: inline-block; margin-top: 5px; }
#pohojie-goods a:hover {text-decoration:underline}

#to-layouts-list + p {line-height:1.3;margin-top:15px;color:#5e6c7f}

h2,h3 {font-weight:600}

/* PROFI PAGE */
.show400 { display: none; }
#profi-baner { background-image: url('../images/profi_bg_lg.jpg');background-size:initial;background-position: center center;background-repeat:no-repeat;
                background-color: #fedc5a;height:405px;margin-top:-30px;font-family:Comfortaa; color:#38404a; }
#profi-baner p { margin:83px 0 0 150px; display:block;font-size:19px }
#profi-baner div#profi-border { border:2px solid #fff8df; width:370px; margin:10px 0 0 136px; }
#profi-baner div#profi-border h1 { font-size:48px; font-weight:600; text-transform:uppercase; margin:10px 0 0 11px; }
#profi-baner div#profi-border ul { padding:0; margin:0 0 6px 11px; }
#profi-baner div#profi-border li { list-style-type: none; line-height:1.8 }
#profi-baner div#profi-border li, #profi-baner div#profi-border li > span { font-size:16px; font-family: Oxygen; }
#profi-baner div#profi-border li > span { display: block; line-height: 19px; margin: 4px 0 }
#profi-baner div#profi-border li:before { content: "";display:block;width:20px;height:2px;background-color:#2e97d9; top: 18px; left: -27px; position: relative; }
#profi-baner .green-btn { margin:15px 0 0 148px; width:170px }

ul#profi-predlagaem { list-style-type: none; margin:0; padding:0; }
ul#profi-predlagaem li:before { content:""; background: url('../images/profi_icons_1.png') no-repeat; display:block; width:85px; height:70px; float:left }
ul#profi-predlagaem li:after { clear: both; }
ul#profi-predlagaem li:nth-child(2):before {background-position: 0 -105px }
ul#profi-predlagaem li:nth-child(3):before {background-position: 0 -209px }
ul#profi-predlagaem li:nth-child(4):before {background-position: 0 -330px }
ul#profi-predlagaem li > p { color:#7c8a9b; font-family:Oxygen; font-size:14px;line-height:1.3; margin:3px 0 45px 85px; }
ul#profi-predlagaem li:nth-child(4) > p { width: 180px; float:left; margin-left:0 }
ul#profi-predlagaem li > p > b { color:#38404a}
ul#profi-predlagaem li > img { width:270px; float:right; margin-top:10px; }

.profi-container { width:48%; float:left; margin-top:35px }
.profi-discount { width:48%; float:right; margin-top:35px; background-color:#edf0f3; border:1px solid #fff; box-shadow: 0 4px 9px -3px rgba(0,0,0,0.5); border-radius: 5px; padding:12px; }
.profi-discount #icon-rub { width:75px;height:80px;display:block;float:left; background-image: url('../images/profi_icons_rub.png'); background-repeat: no-repeat;  }
.profi-discount p { color:#7c8a9b; font-family:Oxygen; font-size:14px;line-height:1.2; margin-bottom:0 }
.profi-discount p > b { color:#38404a}
.profi-discount img { margin: -10px 0 0 70px }

#profi-confirm { background-color: #dae3ef; height:555px; position: relative }
#profi-confirm .container { padding: 0; }
#profi-confirm .container:before { content:""; display:block; background-size:initial;background: url('../images/profi_anketa.jpg') no-repeat center center; width:405px; height:495px; position: absolute; top:30px  }
#profi-confirm #first-confirm { width:420px; margin-left: 375px; top:17px; position: absolute }
#profi-confirm #first-confirm label { margin-left: 45px; width:89%}
#profi-confirm #first-confirm p { color:#5e5e5e; margin: 43px 0 0 58px; position: relative }
#profi-confirm #second-confirm { width: 330px; position: absolute; margin-left: 825px; top:2px }
#profi-confirm label { color:#38404a; font-family:Oxygen; font-weight:600; font-size:14px; padding: 12px 0 7px; }
#profi-confirm label > span { color:#5e5e5e; font-weight: 400 }
#profi-confirm input { width:100%; border: none; border-radius:5px; box-shadow: inset 0 1px 1px rgba(104,119,139,1); z-index: 0; height: 30px; padding: 0 15px }
#profi-confirm textarea { width:100%; border: none; border-radius:5px; box-shadow: inset 0 1px 1px rgba(104,119,139,1); z-index: 0; height:180px; resize: none; padding:8px 13px;
    color:#929eac; font-size:13px; line-height: 1.3 }
#profi-confirm #second-confirm label { width: 100% }
#profi-confirm #second-confirm label:first-child { margin-top: 162px; }
#profi-confirm #second-confirm a.green-btn { width:100%; margin-top:12px }
#profi-confirm .zvezda { color:#298ac6; font-size:10px }
#profi-confirm label .zvezda { float:right }
#profi-confirm p .zvezda { position: absolute; left:-10px; top:3px }
label#shortmail { position: relative }
label#shortmail span:first-child {position: absolute; left: 43px; height: 20px; overflow: hidden; }

#profi-confirm #answer-confirm { position: absolute; top:190px; margin-left:430px; text-align: center }
#profi-confirm #answer-confirm > h4 { color: #38404a; font-family: Comfortaa; font-weight: 600; font-size:20px; margin-bottom: 3px }
#profi-confirm #answer-confirm > p { color:#5e5e5e; font-family: Oxygen; }
#profi-confirm #answer-confirm > a.green-btn { padding: 12px 50px }

/* Шаблон статьи */
.flipbook_block_blue_label_article_template {
    text-align: center;
    color: #169BD5;
    font-family: 'Open Sans';
    font-weight: 500;
    font-size: 14px;
}

.flipbook_block_article_template {
    padding-top: 42px;
    padding-bottom: 6px;
}

.flipbook_block_article_template .flipbook_block_inner_article_template {
    padding-top: 7px;
    padding-bottom: 13px;
    background-color: #FAFAFA;
}

.flipbook_block_article_template h2.h2_article_template {
    padding-bottom: 31px;
}

.flipbook_block_article_template .flipbook-viewport {
    width: 600px;
    margin-left: auto;
    margin-right: auto;
}

.flipbook_block_article_template .blue_button_article_template {
    width: 190px;
    height: 48px;
    font-size: 18px;
    margin-top: 25px;
    margin-bottom: 12px;
}

.flipbook_block_article_template .flipbook-viewport .page{
    background-color:white;
    background-repeat:no-repeat;
    background-size:100% 100%;
}

.flipbook_block_article_template .flipbook .page{
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.2);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.2);
    -ms-box-shadow:0 0 20px rgba(0,0,0,0.2);
    -o-box-shadow:0 0 20px rgba(0,0,0,0.2);
    box-shadow:0 0 20px rgba(0,0,0,0.2);
}

.flipbook_block_article_template .flipbook .page.even:not(.no_page_separator) {
    background: -webkit-gradient(linear, left top, right top, color-stop(0.95, #fff), color-stop(1, #dadada));
    background-image: -webkit-linear-gradient(left, #fff 95%, #dadada 100%);
}

.flipbook_block_article_template .flipbook .page.odd:not(.no_page_separator) {
    background: -webkit-gradient(linear, right top, left top, color-stop(0.95, #FFF), color-stop(1, #DADADA));
    background-image: -webkit-linear-gradient(right, #FFF 95%, #C4C4C4 100%);
}

.flipbook_block_article_template .flipbook-viewport .page img{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin:0;
}

.flipbook_block_article_template .flipbook-viewport .shadow{
    -webkit-transition: -webkit-box-shadow 0.5s;
    -moz-transition: -moz-box-shadow 0.5s;
    -o-transition: -webkit-box-shadow 0.5s;
    -ms-transition: -ms-box-shadow 0.5s;

    -webkit-box-shadow:0 0 20px #ccc;
    -moz-box-shadow:0 0 20px #ccc;
    -o-box-shadow:0 0 20px #ccc;
    -ms-box-shadow:0 0 20px #ccc;
    box-shadow:0 0 20px #ccc;
}

.double_image_container-arrow-container-left,
.double_image_container-arrow-container-right {
    display: none;
}

.container_article_template {
    padding-top: 30px;
}

.breadcrumbs_article_template {
    font-family: 'Open Sans';
    color: #0E2F47;
    padding-bottom: 35px;
}

h1.h1_article_template {
    font-family: 'Open Sans';
    color: #0E2F47;
    padding-left: 110px;
    padding-right: 110px;
    text-align: center;
    font-size: 19px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 12px;
    padding-bottom: 12px;
}

h2.h2_article_template {
    font-family: 'Open Sans';
    color: #0E2F47;
    padding-left: 110px;
    padding-right: 110px;
    text-align: center;
    font-size: 29px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 13px;
    padding-bottom: 15px;
}

h2.h2_article_template.h2_article_template_instruction {
    color: #5E6C7F;
    padding-top: 9px;
    padding-bottom: 41px;
}

p.p_article_template {
    font-family: 'Open Sans';
    color: #0E2F47;
    padding-left: 110px;
    padding-right: 110px;
    font-size: 17px;
    line-height: 23px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 10px;
    padding-bottom: 14px;
}

.image_container_outer_article_template {
    padding-left: 10px;
    padding-right: 10px;
    height: 518px;
    position: relative;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 19px;
    padding-bottom: 14px;
}

.image_container_inner_article_template {
    position: relative;
    background-position: center center;
    background-size: cover;
    height: 100%;
}

button.blue_button_article_template {
    background-color: #0381ED;
    color: #ffffff;
    width: 213px;
    height: 64px;
    outline: none;
    border: 0;
    border-radius: 4px;
    font-family: 'Open Sans';
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    box-shadow: 0 3px 12px rgba(0,0,0,0.35);
    transition: background-color 0.5s;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

button.blue_button_article_template:hover {
    background-color: #2699FB;
}

.image_container_inner_article_template button.blue_button_article_template {
    bottom: 35px;
    left: 100px;
    position: absolute;
}

.hr_container_article_template {
    padding-left: 110px;
    padding-right: 110px;
}

.hr_article_template {
    border-color: #707070;
}

.instruction_article_template {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 786px;
    overflow: hidden;
}

.instruction_article_template:before,
.instruction_article_template:after {
    clear: both;
}

.instruction_part_article_template {
    width: 262px;
    float: left;
}

.instruction_circle_article_template {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 102px;
    height: 102px;
    border: 1px solid #9F9FA9;
    border-radius: 50px;
    color: #5E6C7F;
    font-family: 'Open Sans';
    text-align: center;
    font-size: 46px;
    padding-top: 18px;
}

.instruction_label_article_template {
    width: 250px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    color: #5E6C7F;
    font-family: 'Open Sans';
    text-align: center;
    font-size: 18px;
    font-weight: 300;
    line-height: 24px;
    margin-top: 22px;
    padding-bottom: 38px;
}

.double_image_container_outer_article_template {
    padding-left: 10px;
    padding-right: 10px;
    height: 393px;
    position: relative;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 19px;
    padding-bottom: 14px;
}

.double_image_container_wrapper_article_template {
    height: 100%;
}

.double_image_container_outer_article_template:before,
.double_image_container_outer_article_template:after {
    clear: both;
}

.double_image_container_inner_article_template {
    position: relative;
    background-position: center center;
    background-size: cover;
    height: 100%;
    width: 537px;
    float: left;
}

.double_image_container_outer_article_template .double_image_container_inner_article_template:first-of-type {
    margin-right: 46px;
}

.instruction_block_article_template {
    padding-top: 25px;
    padding-bottom: 19px;
}

.instruction_block_article_template hr.instruction_pre_button_hr_article_template {
    margin-bottom: 24px;
}
/* Шаблон статьи - конец */

/* Страница "Новости и акции" */

#news_and_articles_container h2 {
    color: #38404a;
    font-size: 40px;
    font-weight: bold;
    font-family: 'Comfortaa';
    text-align: left;
    padding-left: 15px;
    margin-top: 15px;
    margin-bottom: 44px;
}

#news_and_articles_container img.article_list_item_img {
    margin-left: 7px;
    width: 120px;
    height: 120px;
    border: solid 4px #ffffff;
    border-radius: 4px;
    box-shadow: 1px 1px 7px 1px rgba(125, 125, 125, 0.75);
}

#news_and_articles_container .text-primary.article_list_item_text-primary {
    margin-left: -5px;
}

#news_and_articles_container .article_list_item_post_date {
    color: #5e6c7f;
    font-size: 13px;
    font-family: Noto Sans;
    margin-bottom: 12px;
    text-transform: lowercase;
}

#news_and_articles_container .article_list_item_title {
    color: #2e97d9;
    line-height: 24px;
    font-size: 24px;
    font-family: Noto Sans;
    text-decoration: underline;
}

#news_and_articles_container .article_list_item_title:hover {
    text-decoration: none;
}

#news_and_articles_container .article_list_item_title:active {
    color: #69aed9;
    text-decoration: none;
}

#news_and_articles_container .article_list_item_description {
    color: #5e6c7f;
    line-height: 21px;
    font-size: 16px;
    font-family: Noto Sans;
    margin-bottom: 0;
    margin-top: 9px;
}

#news_and_articles_container .article_list_item_duration_date {
    color: #5e6c7f;
    line-height: 18px;
    font-size: 13px;
    font-family: Noto Sans;
}

#news_and_articles_container .article_list_item_duration_date.article_list_item_duration_date_bold {
    line-height: 26px;
    font-size: 16px;
    font-weight: bold;
}

#news_and_articles_container .article_list_item_duration_date.article_list_item_duration_date_number {
    line-height: 26px;
    font-size: 24px;
    font-weight: bold;
}

#news_and_articles_container .article_list_item_duration_date.article_list_item_duration_date_month {
    text-transform: lowercase;
    margin-top: -3px;
}

#news_and_articles_container .article_list_item_duration_date_container {
    padding-top: 32px;
}

#news_and_articles_container .article_list_item_duration_date_container.article_list_item_duration_date_container_outdated {
    padding-top: 30px;
}

#news_and_articles_container .article_list_item_bottom_line {
    border-bottom: 1px solid #b7bcc2;
    margin-top: 35px;
    margin-bottom: 35px;
}

#news_and_articles_container .pagination>li>a,
#news_and_articles_container .pagination>li>span {
    border: 1px solid #b7bcc2;
    border-radius: 0 !important;
    font-family: 'Noto Sans';
    font-size: 18px;
    color: #38404a;
    padding-top: 5px;
    padding-bottom: 5px;
}

#news_and_articles_container .pagination>li.active>a {
    color: #ffffff;
    background-color: #46a2dd;
    border-color: #46a2dd;
}

#news_and_articles_container .news_and_articles_bread_crums{
    color: #5e6c7f;
    font-size: 13px;
    font-family: 'Noto Sans';
    margin-left: 15px;
    margin-top: 25px;
}

#news_and_articles_container .news_and_articles_bread_crums a {
    color: #5e6c7f;
    font-size: 13px;
    font-family: 'Noto Sans'
}

#news_and_articles_container .news_and_articles_bread_crums a:hover {
    color: #2e97d9;
}

#news_and_articles_container .news_and_articles_bread_crums a:active {
    color: #2e97d9;
}

/* ------------------------- */

@media (max-width:1199px) {
    #profi-baner { background-image: url('../images/profi_bg_md.jpg') }
    #profi-baner div#profi-border { width:340px }
    #profi-baner div#profi-border li { font-size:15px }
    ul#profi-predlagaem li:nth-child(4) > p { width:140px }
    ul#profi-predlagaem li > img { width:215px; }
    .profi-container > .col-md-6 { padding:0 }
    .profi-discount img { margin: -4px 0 0 30px; width: 85%; }
    #profi-confirm #first-confirm { width:375px; margin-left:300px }
    #profi-confirm #second-confirm { width: 250px; margin-left: 700px; top:2px }
    #profi-confirm .container:before { width:330px }
    label#shortmail span:first-child { width: 200px }
    #profi-confirm #answer-confirm { margin-left: 350px }
}
@media (max-width:992px) {
    #profi-baner { background-image: url('../images/profi_bg_sm.jpg') }
    #profi-baner div#profi-border { width:370px; background-color:rgba(255,248,223,.2) }
    #profi-baner div#profi-border li { font-size:16px }
    ul#profi-predlagaem li:nth-child(4) > span.blue-h3 { float:left; width:335px; }
    ul#profi-predlagaem li:nth-child(4) > p { width: 325px }
    ul#profi-predlagaem li:nth-child(4) img { width: 270px; margin-top: 0 }
    .profi-container, .profi-discount { width:100% }
    .profi-discount { margin-top: 30px }
    .profi-discount img { margin: 23px auto 10px; width: 403px; display:block }
    div#profi-confirm { height: 700px; margin-top: 35px }
    #profi-confirm .container:before { background: url('../images/profi_anketa_750.jpg') no-repeat; width: 200px; height: 675px; background-size: cover; background-position: right center; }
    #profi-confirm #first-confirm { width:400px; margin-left:175px }
    #profi-confirm #second-confirm { width: 400px; margin-left: 175px; top:212px }
    #profi-confirm textarea { height:90px; }
    #profi-confirm #second-confirm label { margin-left: 45px; width:89% }
    #profi-confirm #second-confirm a.green-btn { margin-top:50px }
    #profi-confirm #first-confirm p { margin-top: 222px }
    label#shortmail span:first-child { width: 300px }
    #profi-confirm #answer-confirm { margin-left: 250px; top:290px }
}
@media (max-width:750px) {
    #profi-baner p {margin-left:120px}
    #profi-baner div#profi-border {margin-left:106px}
    #profi-baner .green-btn { margin-left:118px }
    ul#profi-predlagaem li:nth-child(4) img { margin-top:10px; width:45%; }
    ul#profi-predlagaem li:nth-child(4) p { width:38% }
}
@media (max-width:600px) {
    #profi-baner p {margin:83px 0 0 20px}
    #profi-baner div#profi-border {margin-left:6px;width:340px}
    #profi-baner .green-btn {margin-left:8px}
    ul#profi-predlagaem li:before { background-size: 46px; width: 60px; height: 53px; }
    ul#profi-predlagaem li > p { margin-left:0; }
    ul#profi-predlagaem li:nth-child(2):before {background-position: 0 -75px }
    ul#profi-predlagaem li:nth-child(3):before {background-position: 0 -150px }
    ul#profi-predlagaem li:nth-child(4):before {background-position: 0 -236px }
    ul#profi-predlagaem li { min-height:0; margin-bottom:40px; }
    ul#profi-predlagaem li:nth-child(4) > span.blue-h3 { float: none }
    ul#profi-predlagaem li:nth-child(4) p { float: none; width:50%; }
    .profi-discount img { width:80%; margin-top:10px }
    .profi-discount #icon-rub { height:50px }
    #profi-confirm #first-confirm p { margin-top:222px }
    h2#scrollToForm { margin-top: 60px }
    #profi-confirm .container:before { width: 45px; background-position: 0 0; background: url('../images/profi_anketa.jpg') }
    #profi-confirm #first-confirm, #profi-confirm #second-confirm { width:92%; margin-left: 15px }
    #profi-confirm #first-confirm label, #profi-confirm #second-confirm label { height: 35px; overflow: hidden }
    #profi-baner .green-btn { width:180px }
    #profi-confirm #answer-confirm { margin: 0 auto; position: relative }
    #profi-confirm #answer-confirm > a.green-btn { padding: 12px 20px }
}
@media (max-width:450px) {
    label#shortmail span:first-child { width: 200px }
}
@media (max-width:400px) {
    #profi-baner div#profi-border { margin-left:-1px; width:101% }
    #profi-baner { background-image: url('../images/profi_bg_xs.jpg') }
    #profi-baner .green-btn { margin-left:0; width:100%; }
    ul#profi-predlagaem li:nth-child(4) img {width: 100% }
    ul#profi-predlagaem li:nth-child(4) p { width:100%; float:left; }
    .profi-discount { margin-top:45px; }
    .profi-discount img { width:100% }
    .profi-discount #icon-rub {width: 45px; height:30px; background-size:30px; }
    #profi-confirm #first-confirm label, #profi-confirm #second-confirm label { width: 84% }
    ul#profi-predlagaem li:nth-child(4) p { margin-bottom: 15px }
    #select-city > span:first-child { display: none }
    .show400 { display: inline }
    .hide400 { display: none }
}

.blue-h3 {font-family:Comfortaa;font-weight:600;font-size:18px;color: #2e97d9;text-transform:uppercase;}

/* MAIN PAGE */
#carousel {
    margin-top:-99px;
}
#carousel .carousel-caption { left:150px; top:140px; text-align: left; }
#carousel .carousel-caption div {
    font-size:48px; color:#fff; font-family: Comfortaa; text-transform:uppercase;
         width:470px; line-height: 1.3; }
#carousel .carousel-caption p { font-size: 16px; font-family: Oxygen; opacity:.8; }
#carousel .carousel-caption a.green-btn { margin-top:7px; }
#carousel .item { min-height: 460px; }
#carousel .item .container { position:relative; }
#carousel .item .container > img { width: 584px; float: right; margin-top: 100px; }
#carousel .bgslide {
    position:absolute; top:0; left:0; height:100%; width:100%;
    background-size: cover; background-position: center center;
}
#carousel .carousel-control { opacity:1; }
#carousel .carousel-control.left, #carousel .carousel-control.right  { background-image: none; }
#carousel .left.carousel-control > span, #carousel .right.carousel-control > span {
    display: block; width: 40px; height: 100px;  position: absolute; top: 200px;
}
#carousel .left.carousel-control > span {
    background:url('../images/carousel_left_ctrl.png') no-repeat; right: 80px;
}
#carousel .left.carousel-control > span:hover {
    background:url('../images/carousel_left_ctrl_hover.png') no-repeat;
}
#carousel .left.carousel-control > span:active {
    background:url('../images/carousel_left_ctrl_active.png') no-repeat;
}
#carousel .right.carousel-control > span {
    background:url('../images/carousel_right_ctrl.png') no-repeat; left: 80px;
}
#carousel .right.carousel-control > span:hover {
    background:url('../images/carousel_right_ctrl_hover.png') 0 -1px no-repeat;
}
#carousel .right.carousel-control > span:active {
    background:url('../images/carousel_right_ctrl_active.png') 0 -1px no-repeat;
}
a#hits { display: block; background-image:url('../images/hits_btn.png'); width:62px; height:66px;
        margin:-30px auto 0; position: relative; }
a#hits:hover { background-image:url('../images/hits_btn_hover.png') }
a#hits:active { background-image:url('../images/hits_btn_active.png') }
a#hits > span {position:absolute; color:#2e97d9; font-size:13px; width:80px; text-shadow:0 0 10px rgba(254,244,232,1);
                margin-left:60px; }

/* LEFT-buttons */
.hide {display:none}

#left-buttons {position:absolute;top:auto;display:block}
#left-buttons {position:absolute; z-index:10}
#left-buttons a {
    display: block; width:105px; height:75px; position: relative;
    margin-bottom: 15px; border: 1px solid #fff; text-align: center;
    border-radius: 5px; left: -12px; box-shadow:  0 4px 9px -3px rgba(0,0,0,0.3);
    color:#000; padding:2px 5px 0 14px; transition: .3s; z-index:100; background-color:#edf0f3;
    background-repeat:no-repeat;
}
#left-buttons a > span, #left-buttons-planshet a > span {font-size:12px;color:#38404a}
#left-buttons a:hover, #left-buttons a.active { left:-3px; background-color:#d3d9e0; }
#left-buttons a:first-child, #left-buttons a:last-child { background-color:#2e97d9;}
#left-buttons a:first-child span, #left-buttons a:last-child span {color:#fff}
#left-buttons a:first-child:hover, #left-buttons a:last-child:hover {background-color: #4daae5; left:-3px;}
#left-buttons a > span { display: block; line-height: 1.2;padding-top:37px; }

#left-buttons a#left-catalog { background-image: url('../images/left_btn_catalog.png');background-position: 38px 6px}
#left-buttons a#left-catalog > span { padding-top: 48px; }

#left-buttons a#left-zakaz { background-image: url('../images/left_btn_zakaz.png');background-position:35px 3px}
#left-buttons a#left-oplata { background-image: url('../images/left_btn_oplata.png');background-position:38px 3px;}

#left-buttons a#left-dostavka { background-image: url('../images/left_btn_dostavka.png');background-position:38px 11px}
#left-buttons a#left-dostavka > span { padding-top: 48px; }

#left-buttons a#left-otziv { background-image: url('../images/left_btn_otziv.png');background-position: 38px 10px;}
#left-buttons a#left-otziv > span { padding-top: 48px; }

#left-buttons a#left-news { background-image: url('../images/left_btn_news.png');background-position: 38px 10px; }
#left-buttons a#left-news > span { padding-top: 48px; }

#left-buttons a#left-profi { background-image: url('../images/left_btn_profi.png');background-position: 38px 10px }
#left-buttons a#left-profi > span { padding-top: 48px; }

div.fixed-center {position:fixed;top:0;left:0;right:0;height:0;text-align:center;z-index:100}
#left-buttons-planshet {display:inline-block}
#left-buttons-planshet a {
    display:block;float:left;width:88px;height:100px;position:relative;margin:0 7px;
    border:1px solid #fff;text-align:center;border-radius:5px;box-shadow: 0 4px 9px -3px rgba(0,0,0,0.3);
    color:#000;transition:.3s;z-index:100;top:-23px;background-color:#edf0f3;background-repeat: no-repeat;
}
#left-buttons-planshet a:hover, #left-buttons-planshet a.active { top:-15px;background-color:#d3d9e0; }
#left-buttons-planshet a:first-child, #left-buttons-planshet a:last-child { background-color:#2e97d9;color:#fff; }
#left-buttons-planshet a:first-child span, #left-buttons-planshet a:last-child span { color:#fff; }
#left-buttons-planshet a > span {display:block;line-height:1.2;padding-top:37px}

#left-buttons-planshet a#left-catalog { background-image: url('../images/left_btn_catalog.png'); background-position:25px 26px; }
#left-buttons-planshet a#left-catalog > span { padding-top: 73px; }

#left-buttons-planshet a#left-zakaz { background-image: url('../images/left_btn_zakaz.png');background-position:21px 24px;}
#left-buttons-planshet a#left-zakaz > span { padding-top: 65px; }

#left-buttons-planshet a#left-oplata { background-image: url('../images/left_btn_oplata.png');background-position:26px 33px; }
#left-buttons-planshet a#left-oplata > span { padding-top: 65px; }

#left-buttons-planshet a#left-dostavka { background-image: url('../images/left_btn_dostavka.png');background-position: 22px 28px; }
#left-buttons-planshet a#left-dostavka > span { padding-top: 73px; }

#left-buttons-planshet a#left-otziv { background-image: url('../images/left_btn_otziv.png');background-position: 26px 30px; }
#left-buttons-planshet a#left-otziv > span { padding-top: 73px; }

#left-buttons-planshet a#left-news { background-image: url('../images/left_btn_news.png');background-position:26px 30px; }
#left-buttons-planshet a#left-news > span { padding-top: 73px; }

#left-buttons-planshet a#left-profi { background-image: url('../images/left_btn_profi.png');background-position:26px 30px; }
#left-buttons-planshet a#left-profi > span { padding-top: 73px; }

#main-menu-phone {display:table;width:100%}
#main-menu-phone a {
    display:table-cell;width:25%;background-color:#2e97d9;color:#fff;line-height:1.2;
    padding:8px;vertical-align: middle;min-height: 38px;
}

/* gadjets */
.container.wraper { max-width: 900px;}
.gadjet { background-color: #fef4e8; text-align: center; box-shadow: 0 4px 9px -3px rgba(0,0,0,0.5);
            border-radius:0 0 5px 5px; margin-bottom: 30px; }
.gadjet > div:first-child { width:100%; min-height:240px; background-position: center center; border-radius:5px 5px 0 0;position:relative;background-size:cover }
.gadjet > div:nth-child(2) { border:1px solid #fff; border-radius: 0 0 5px 5px; }
.goods .gadjet > div:first-child::after {background-color:#e4e4e4; content: ""; opacity: 0.2; display:block; width:100%; height:100%;position:absolute}
.goods .gadjet > div:first-child:hover::after {background:none;cursor:pointer}

.container .gadjet > div > .h3 {
    font-family: Comfortaa;
    font-weight: 600;
    font-size: 18px;
    color: #2e97d9;
    text-transform: uppercase;
    margin-top: 18px;
    display: inline-block;
    margin-bottom: 0px;
    padding: 0 10px;
}

.container .gadjet > div > .h3.fs-14 {font-size:14px;padding:6px 5px;}
.container .gadjet > div > .h3.font-not-uppercase { text-transform: none}
.gadjet > div > p { color:#5e6c7f; font-size:13px; margin:0 15px 13px; }
.gadjet > div.gadjet-price {
    height:45px;background-color:#5e6c7f;border-radius:5px 5px 0 5px;
    display:inline; padding:9px 8px 0;min-width:120px;
    color:#fff;font-size:14px;box-shadow: 0 3px 3px rgba(133,138,145,0.7);
    position:absolute;top:15px;right:10px
}
.gadjet > div.gadjet-price > span {font-size:28px;line-height:.9}
.gadjet > div.gadjet-price > div {
    width:10px;height:20px;border-radius:5px;
    background-color:#35475c;position: absolute;
    bottom: -10px;right: 0;z-index: -1; box-shadow: 0 3px 3px rgba(133,138,145,0.7);
}
.img-thumbnail {box-shadow: 0 5px 10px rgba(133,138,145,0.8);}
/* ADVANTAGES */
#advantages { width:100%;background-color:#edf0f3;padding-bottom:15px}
#advantages .row > div > div { width:20%;text-align:center;float:left;}
#advantages .row > div > div:first-child > img {margin-left:11px;}
#advantages .row > div > div > span {display:block;font-family:Comfortaa;font-size:48px;font-weight:600;color:#38404a;line-height:60px}
#advantages .row > div > div > span.infinity {font-size:60px;margin: -4px 0 4px;}
#advantages .row > div > div > p { font-family:Oxygen;font-size:14px;color:#5e6c7f;line-height:1.3;max-width:180px;margin:0 auto}

/* BANNERS */
#banner-1, #banner-2, #banner-3 {height:435px;width:100%;background-size:cover;background-position:center center;}
#banner-2  {background-size: initial; background-position: center center;background-repeat: no-repeat; background-color: #f5f5f5;}
#banner-1 {background-size: initial; background-position: center center;background-repeat: no-repeat; background-color: #bdcbdb;}
#banner-3 {background-size:cover;}

#banner-1 div.container h2 {color:#fff;font-size:48px;text-transform:uppercase;font-weight:600;margin-top:102px}
#banner-1 div.container p {margin-top:10px;font-family: Oxygen;font-size:16px; color:#fff;width:310px;line-height:1.2}
#banner-1 div.container a {margin-top:15px;width:300px}

#banner-2 {margin-top:50px}
#banner-2 h2 {color:#38404a;font-size:48px;font-weight:600;text-transform: uppercase;margin-top:110px}
#banner-2 p {margin-top:10px;font-family: Oxygen;font-size:16px; color:#38404a;line-height:1.2; text-shadow:0 0 10px #fbfbfb}
#banner-3 h2 {font-size:48px;font-weight:600;font-family:Comfortaa;color:#fff;
                text-transform:uppercase;margin-top:110px;line-height:1.3}
#banner-3 p {font-family:Oxygen;font-size:16px;color:#fff;opacity:.8}

/* HOWORDER */
#howorder section:nth-of-type(2) > img {float:right;margin-left:60px}
#howorder section:nth-of-type(2) > p {float:left}
#howorder section:nth-of-type(2n+1) > img {float:left;margin-right:60px;}
#howorder section:nth-of-type(2n+1) > p {float:right}
#howorder hr {width:383px;margin:20px auto 30px}
#howorder p {color:#7c8a9b;font-size:14px;line-height:1.3;max-width:567px}
#howorder section:nth-of-type(3) > p {max-width:560px}
#howorder section > h3 {text-transform: uppercase;font-size:18px}
#howorder section > h3 > a {border-bottom:1px solid #2e97d9}
#howorder section > h3 > a:hover {border-bottom:none}
a.grey-btn {width:266px;height:45px;background-color:#edf0f3;border-radius:25px;
                margin:30px auto 45px;display:block;line-height:45px;font-size:14px;
                color:#2e97d9;text-decoration:underline;cursor:pointer
}
a.grey-btn:hover {text-decoration:none}
.grey {color:#5e6c7f}
/* PAYMENT METHOD */
#payment-method .row > div > div { width:20%;text-align:center;float:left;}
#payment-method .row > div > div > img {margin-bottom:10px}
#payment-method .row > div > div > p { font-family:Oxygen;font-size:14px;color:#5e6c7f;
                                        line-height:1.3;max-width:170px;margin:0 auto}
#payment-method .row > div > div > p.light-grey {color:#b6bdc5}
#payment-method a.grey-btn {margin-top:0px}

/* SPOSOB DOSTAVKI */
#sposob-dostavki {margin-top:20px;}
#sposob-dostavki > p {margin-left:15px; line-height:1.2;font-size:14px}
#sposob-dostavki > p > a {border-bottom: 1px solid;height: 20px;display: inline-block;}
#sposob-dostavki > p > a:hover{border-bottom:none}

/* otzivi и news */
#otzivi a.blue-btn, #otzivi2 a.blue-btn {
    width: 217px;float:left;font-family:Comfortaa;font-weight:600;font-size:16px
}
#otzivi a.bottom-link {
    margin-top:6px;
}
.bottom-link-small { width: 86px; margin-top: -9px; line-height: 22px; float:right }
.bottom-link-small a { font-size:13px; border-bottom: 1px solid #2e97d9; }
.bottom-link-small a:hover { border-bottom: none; }
.otzivi > h3, .news > h3 {text-transform:uppercase;font-size:18px;line-height: 12px;margin-bottom: 15px;font-weight:600}
.otzivi > ul, #news > ul, #news-on-main > ul  {background-color:#fef4e8;border-radius:5px;border:1px solid #fff;
                            box-shadow:0 4px 5px rgba(133,138,145,.5);min-height:670px}
.otzivi ul {padding:14px 10px 5px 0}
.otzivi li {list-style-type:none;padding-left:90px;margin-bottom:14px}
.otzivi li.female {background: url('../images/female.png') 14px top no-repeat}
.otzivi li.male {background: url('../images/male.png') 14px top no-repeat}
.otzivi li > span {color:#38404a;font-size:14px;font-family:Oxygen;display:block;}
.otzivi li > span:first-child {font-weight:600}
.otzivi li > p, .otzivi li > span {color:#5e6c7f; font-size:14px; line-height:1.2}

.form-group {display:flex}
.form-group > label {margin:auto;line-height:1}
#addOtziv .rating {margin:0}
#addOtziv .form-group:last-child {margin-bottom:0}
.left-td {
    text-align:right;width:120px;color:#5e6c7f;font-family:Oxygen;font-size:13px;font-weight:600;
    padding-right:15px;vertical-align:middle;line-height:1.1;
}
.description {padding:10px 15px 15px}
.description ul.nav-tabs {border:none}

.description .nav-tabs>li>a,
.description .nav-tabs>li>a:hover {
    font-family:Comfortaa;font-weight:600;font-size:16px;color:#8893a3;
    text-transform:uppercase;background-color:transparent;border:none;padding:0;margin-bottom:8px
}
.description .nav-tabs>li > a > span {font-size:14px}
.description .nav-tabs>li.active>a,
.description .nav-tabs>li.active>a:focus,.description .nav-tabs>li.active>a:visited,
.description .nav-tabs>li.active>a:hover {
    color:#2e97d9;border:0;border-bottom:2px solid #2e97d9;background-image:none;background:none;border-radius:0}

.description .nav-tabs>li>a:first-child {margin-right:15px}
.description .otzivi > ul, .news > ul, #news-on-main > ul {border:none;box-shadow:none;min-height:0}
.description .otzivi > ul > li {background-position-x:0;padding-left:75px}

.news ul, #news-on-main ul {padding:12px 10px 6px 0}
.news li, #news-on-main li {list-style-type:none;clear:both}
.news li > div:first-child,#news-on-main > div:first-child{float:left;width:70px;color:#5e6c7f;font-size:12px;
                                text-align: center;line-height: .8; height: 50px;font-family:"Myriad Pro";}
.news li > div:first-child > span,
#news-on-main li > div:first-child > span{font-size:31px;font-weight:600;display:block;padding-top:5px}
/*.news a {line-height: 1.2;display: inherit;text-decoration:underline;font-size:15px;font-family:"Myriad Pro";max-height: 55px;overflow: hidden;}

/* #last-block */
#last-block .gadjet > div:nth-child(2) {padding-bottom:14px}
#last-block .gadjet > div:nth-child(2) a {line-height:1.2}
#last-block .gadjet div.padding-for-h3 { padding:10px 0 25px }
#last-block .gadjet {margin-bottom:15px}
#last-block p {font-family:Oxygen;font-size:14px;color:#7c8a9b;line-height:1.3;margin-bottom:30px}

/* CATALOG PAGE */
.gadjet-good > div:first-child::after {
    background-color: #e4e4e4;
    content: "";
    opacity: 0.2;
    display: block;
    width: 100%;
    height: 196px;
    position: absolute;
}
.gadjet-good > div:first-child:hover::after{
    background: none;
    cursor: pointer;
}

/* move to GLOBAL */
.indi-input {
    border-radius:5px; display:block; border:none;
    box-shadow:inset 0 1px 1px rgba(104,119,139,1);
    color:#929eac; background-color: #fff; font-family:Oxygen;
}
input.focus-input:focus, input.focus-input:active {
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6) !important;
    outline: 0 !important; border:1px solid #66afe9 !important;
}
/* LEFT-FILTER */

#left-filter {
    padding:0; margin-top: 9px; border-radius:6px;
    width:255px; float:left; background-color:#edf0f3;
    border:1px solid #fff; box-shadow: 0 4px 9px -3px rgba(133,138,145,0.5);
}
#left-filter h3 {
    color:#38404a; font-family:Comfortaa; font-size:16px;
    font-weight:600; padding-left:30px; margin:15px 0 5px;
}
.razdel { border-bottom: 1px solid #fff; }
.razdel:after {
    content: ""; width:100%; border-bottom: 1px solid #c0c8d1;
    position: absolute; left: 0; bottom: 0px; display: block;
}

/* TOPSEARCH */
#left-filter > #topsearch { position: relative }
#left-filter > #topsearch > label {
    background:url('../images/searchv2.png') 5px 0 no-repeat; border-left: 1px solid #c0c8d1;
    width:30px; height:20px; cursor:pointer; position: absolute; right:20px; top:5px; outline:none;
}
#left-filter > #topsearch > input#search {
    width:223px; height:30px; cursor: text;
    margin:13px 15px; font-size:14px; padding: 0 12px;
}
/* FILTERSEARCH */
#left-filter > #filtersearch { position: relative; }
#left-filter > #filtersearch > h3 {
    background:url('../images/filters.png') no-repeat;
    line-height:22px; margin: 10px 0 13px 15px;
}
#left-filter > #filtersearch .blue-btn.clear-filters { margin: 0 15px 15px; }
/* PRICEFILTERS */
#left-filter > #pricefilters > h3 {
    background: url(../images/catalogPriceIcon.png) 0 12px no-repeat;
    margin: 0px 0 5px 17px; padding: 14px 0 0 30px;
}
#left-filter > #pricefilters.active:before,
#left-filter > #podbor.active:before,
#left-filter > #podbor-tovar.active:before {
    content:""; display:block; position:absolute;
    background-color: #2e97d9; width:4px; height:100%;
}
#left-filter > #pricefilters { position:relative }
#left-filter > #pricefilters > span {
    color:#5e6c7f; font-family:Oxygen; margin: 0 0 0 15px;
    font-size:13px; font-weight:600; display:block; padding-top: 10px;
}
#left-filter > #pricefilters div.inputprice {
    width:87px; float:left; position: relative; padding: 10px 0 15px 15px;
}
#left-filter > #pricefilters #show-green {
    display: block; width:90px; height:28px; border: 1px solid #fff;
    border-radius: 0 5px 5px 0; position: absolute; background-color: #39b03e;
    color: #fff; top: 11px; right: -169px; z-index: 5; text-align: center;
    font-size: 15px; font-family: Oxygen; line-height: 1.6; cursor: pointer;
}
#left-filter > #pricefilters #pricebtn {
    background-color: #39b03e; background: url(../images/pricebtn.png) center center no-repeat #b1bcca;
    width: 47px; height: 30px; float: left; margin: 10px 0 0 16px; border-radius: 5px;

}
#left-filter > #pricefilters #pricebtn.active { background-color: #39b03e; box-shadow: 0 2px 0px rgba(12,131,17,.9); cursor: pointer; }
#left-filter > #pricefilters .slider-price {
    margin:60px 27px 23px 26px; clear:both;
}
#left-filter > #pricefilters .slider-price span {
    width: 25px; height: 25px; box-shadow: 0 2px 0 rgba(177,188,202,1);
    outline: none; margin-top: -5px; border: 1px solid rgb(177,188,202);
    background: #fff; cursor: pointer; border-radius: 5px; margin-left: -12px;
}
#left-filter > #pricefilters .slider-price span:active {
    border-color: #2e97d9; box-shadow: 0 2px 0 rgba(46,151,217,1);
}
#left-filter > #pricefilters input {
    width:100%; height:30px; text-align:center;
    border-radius:5px; border:none; color:#68778b;
    box-shadow:inset 0 1px 1px rgba(104,119,139,1);
    font-size:16px; font-family:Oxygen;
}
/* PODBOR */
#left-filter > #podbor-tovar ul, #left-filter > #podbor-tovar ul:focus { outline: none !important; }
#left-filter > #podbor { position: relative; }
#left-filter > #podbor .razdel-themes,
#left-filter > #podbor-tovar > ul { display: none;  }
#left-filter > #podbor h3:after,
#left-filter > #podbor-tovar h3:after {
    content: ""; display: block; background: url('../images/catalogArrowDown.png'); width:15px; height:8px;
    top: 20px; right: 15px; left: auto; border: none; cursor: pointer; position: absolute;
}
#left-filter > #podbor h3.active:after,
#left-filter > #podbor-tovar h3.active:after {
    background: url('../images/catalogArrowUp.png')
}
#left-filter > #podbor h3 {
    background:url('../images/lamp.png') 4px 10px no-repeat;
    line-height:24px; margin:0 0 13px 10px; padding-top: 10px;
}
#left-filter > #podbor .h4 {
    color:#38404a; font-size:13px; font-family:Oxygen;
    text-transform:uppercase; display:block; margin:10px 0;
}
#left-filter > #podbor a:hover { color: #2e97d9 }
#left-filter > #podbor > div.col-xs-4 { padding: 0 !important }
#left-filter > #podbor .razdel-themes { font-size: 13px; margin-bottom: 20px }
#left-filter > #podbor .razdel-themes:last-child { margin-bottom: 15px }
#left-filter > #podbor .razdel-themes h5 { color: #5e6c7f; font-weight: 600; font-family: Oxygen; margin: -5px 0 13px 15px; }
#left-filter > #podbor .razdel-themes .indi-input { padding: 10px 0 13px; margin: 0 15px; }
#left-filter > #podbor .razdel-themes ul { padding: 0; margin: 0; }
#left-filter > #podbor .razdel-themes li {
    list-style-type: none; color: #7c8a9b; font-size: 13px; cursor:pointer;
    padding-left: 15px; padding-right: 15px; line-height: 24px;
}
#left-filter > #podbor .razdel-themes li.active { background-color: #2e97d9; color: #fff; }
#left-filter > #podbor .razdel-themes a {
    text-decoration: none; border-bottom: 1px solid #2e97d9; font-size: 13px;
    color: #2e97d9; margin-top: 5px; right:17px; position: absolute;
}
#left-filter > #podbor .razdel-themes a:hover { border-bottom: none; margin-bottom: 1px }

/* PODBOR-TOVAR */
#left-filter > #podbor-tovar .blue-color { color:#2e97d9 !important; outline: none !important;}
#left-filter > #podbor-tovar { position: relative; padding-bottom: 12px; }
#left-filter > #podbor-tovar.active:before { border-radius: 0 0 0 12px; }
#left-filter > #podbor-tovar > h3 {
    background: url(../images/catalogPodborPoTovaru.png) 0 11px no-repeat;
    margin: 0 0 5px 15px; padding: 15px 0 0 26px;
}
#left-filter > #podbor-tovar ul, #left-filter > #podbor-tovar li { margin: 0; padding: 0; }
#left-filter > #podbor-tovar li { list-style-type: none }
#left-filter > #podbor-tovar > ul > li {
    color:#5e6c7f; font-family: Oxygen; font-size: 13px; font-weight: 600; margin: 9px 0 0 15px;
}

#left-filter > #podbor-tovar > ul > li.active > span > span:after {
    background: url('../images/catalogArrowUp.png') -2px 0 no-repeat;
}

#left-filter > #podbor-tovar > ul > li > span { cursor: pointer; outline:none}
#left-filter > #podbor-tovar > ul > li > span > span {
    color:#b1bcca; margin-left: 8px; position: relative; padding-right: 20px;
}
#left-filter > #podbor-tovar > ul > li > span > span:after {
    content: ""; display: block; position: absolute; right:0; top:8px; cursor: pointer;
    background: url('../images/catalogArrowSmallDown.png'); width:11px; height: 6px;
}
#left-filter > #podbor-tovar > ul > li > ul { margin: 11px 0 14px 13px; }
#left-filter > #podbor-tovar > ul > li > ul > li { color:#7c8a9b; font-weight: 400; margin-top: 8px; cursor: pointer; }
#left-filter > #podbor-tovar > ul > li > ul > li > span { color: #d1d8e1; font-weight: 600; margin-left: 8px; }


.blue-btn.clear-filters > span {
    background-repeat: no-repeat;
    background-image: url(../images/close_white.png);
    background-position: 0px 6px;
    padding-left: 20px;
}
.filter-buttons .green-btn {
    width: 100%;
    font-family: Oxygen;
    font-size: 15px;
    padding: 5px 17px 6px;
    font-weight: 400;
    min-height: 0;
    line-height: 21px;
}
/* SHOW-SELECT-SM */
#show-select-sm {
    position: relative; margin-bottom: 14px; padding-left: 73px; padding-right: 243px;
}
#show-select-sm + a.blue-btn { display: none; }
#show-select-sm + a.blue-btn span {
    background: url('../images/filters_white.png') no-repeat; padding: 0 30px; position: relative;
}
#show-select-sm + a.blue-btn span:after {
    content: " ";
    width:11px;
    height:11px;
    display: block;
    position: absolute;
    top:8px;
    right:8px;
    background: url('../images/filters_arrow_white.png') no-repeat;
}
#show-select-sm label {
    color:#5e6c7f;
    font-family: Oxygen;
    font-weight: 600;
    font-size:14px;
    position: absolute;
    top:4px;
    left:0;
}
#show-select-sm select {
    border: none;
    border-radius: 5px;
    box-shadow: inset 0 1px 3px rgba(149,159,173,1);
    z-index: 0;
    color:#68778b;
    font-size: 14px;
    height: 30px;
    padding-left: 6px;
    padding-right: 6px;
    width: 100%;
}
#show-select-sm h3 {
    background: url(../images/filters.png) no-repeat;
    color:#5e6c7f;
    font-family: Comfortaa;
    font-size:17px;
    font-weight: 600;
    line-height: 23px;
    position: absolute;
    right:0;
    top:2px;
    margin:0;
    padding-left:28px;
    padding-right: 20px;
}
#show-select-sm h3:after {
    content: " ";
    background: url(../images/filters_arrow.png) no-repeat;
    width: 11px;
    height: 11px;
    display: block;
    position: absolute;
    top:8px;
    right:0;
}

/* FILTERS-SM-SHOW */
#filters-sm-show {
    position: absolute; width: 100%;
    background-color:#edf0f3; z-index: 5;
    left: 0; top: 135px; display: none; overflow: hidden;
    box-shadow: inset 0 8px 12px 0px rgba(133,138,145,0.5), 0 8px 12px 0px rgba(133,138,145,0.5);
    border-top:1px solid #fff; border-bottom:1px solid #fff; padding-bottom: 15px;
}
/* TOPSEARCH-SM */
#filters-sm-show #topsearch-sm { position: relative; padding:0 0 18px 110px; margin-top: 3px; }
#filters-sm-show #topsearch-sm span {
    background: url(../images/searcharrow.png) 0 4px no-repeat;
    font-family: Comfortaa; font-weight: 600;
    font-size: 17px; color: #38404a; left:0; top:16px;
    position: absolute; padding-left: 20px; cursor: pointer;
}
#filters-sm-show #topsearch-sm > input {
    border-radius:5px; height:30px;margin-top:15px;border:none; width:100%; padding-left:10px;
    box-shadow:inset 0 1px 1px rgba(104,119,139,1);color:#929eac;font-size:14px;font-family:Oxygen;
}
#filters-sm-show #topsearch-sm > label {
    background:url('../images/searchv2.png') 5px 0 no-repeat; border-left: 1px solid #c0c8d1;
    width:30px; height:20px; cursor:pointer; position: absolute; right:6px; top:20px;
}
/* FILTERSEARCH-SM */
#filters-sm-show #filtersearch-sm { position: relative; height:100px }
#filters-sm-show #filtersearch-sm > h3 {
    background:url('../images/filters.png') no-repeat; padding-left: 30px;
    line-height:22px; margin: 15px 0 13px; color:#38404a;
}
#filters-sm-show #filtersearch-sm > div { width: 49%; float:left; }
#filters-sm-show #filtersearch-sm > div:first-of-type { margin-right: 2%}
#filters-sm-show #filtersearch-sm > div > a {
    height: 32px; line-height: 22px; min-height: 0; font-size: 15px;
    font-family: oxygen; font-weight: 400; padding: 4px 0px; width: 100%;
}
/* PRICEFILTERS-SM */
#filters-sm-show #pricefilters-sm { position: relative}

#filters-sm-show #pricefilters-sm > span {
    color:#5e6c7f; font-family:Oxygen; margin: 0 0 0 15px;
    font-size:13px; font-weight:600; display:block; padding-top: 10px;
}
#filters-sm-show #pricefilters-sm div.inputprice {
    width:49%; float:left; position: relative; padding: 10px 0 0;
}
#filters-sm-show #pricefilters-sm div.inputprice:first-of-type { margin-right: 2%}
#filters-sm-show #pricefilters-sm .slider-price {
    margin:60px 12px 23px 10px; clear:both;
}
#filters-sm-show #pricefilters-sm .slider-price span {
    width: 25px; height: 25px; box-shadow: 0 2px 0 rgba(177,188,202,1);
    outline: none; margin-top: -5px; border: 1px solid rgb(177,188,202);
    background: #fff; cursor: pointer; border-radius: 5px; margin-left: -12px;
}
#filters-sm-show #pricefilters-sm .slider-price span:active {
    border-color: #2e97d9; box-shadow: 0 2px 0 rgba(46,151,217,1);
}
#filters-sm-show #pricefilters-sm input {
    width:100%; height:30px; text-align:center;
    border-radius:5px; border:none; color:#68778b;
    box-shadow:inset 0 1px 1px rgba(104,119,139,1);
    font-size:16px; font-family:Oxygen;
}
/* PODBOR-SM */
#filters-sm-show #podbor-sm { position: relative; padding-left: 10px; padding-right: 10px; }
#filters-sm-show #podbor-sm h3 {
    background:url('../images/lamp.png') 4px 14px no-repeat;
    line-height:24px; margin-bottom:20px; padding-top: 15px;
    color: #38404a; font-family: Comfortaa; margin-top: 0;
    font-size: 20px; font-weight: 600; padding-left: 30px;
}
#filters-sm-show #podbor-sm .h4 {
    color:#38404a; font-size:13px; font-family:Oxygen;
    text-transform:uppercase; display:block; margin:10px 0;
}
#filters-sm-show #podbor-sm a:hover { color: #2e97d9 }
#filters-sm-show #podbor-sm > div.col-xs-4 { padding: 0 !important }
#filters-sm-show #podbor-sm .razdel-themes { font-size: 13px; width: 49%; float:left }
#filters-sm-show #podbor-sm .razdel-themes:nth-of-type(2n-1) { margin-right: 2% }
#filters-sm-show #podbor-sm .razdel-themes h5 { color: #5e6c7f; font-weight: 600; font-family: Oxygen; margin: -5px 0 13px 0px; }
#filters-sm-show #podbor-sm .razdel-themes .indi-input { padding: 10px 0 13px; margin: 0; }
#filters-sm-show #podbor-sm .razdel-themes ul { padding: 0; margin: 0; }
#filters-sm-show #podbor-sm .razdel-themes li {
    list-style-type: none; color: #7c8a9b; font-size: 13px; cursor:pointer;
    padding-left: 15px; padding-right: 15px; line-height: 24px;
}
#filters-sm-show #podbor-sm .razdel-themes li.active { background-color: #2e97d9; color: #fff; }
#filters-sm-show #podbor-sm .razdel-themes a {
    text-decoration: none; border-bottom: 1px solid #2e97d9; font-size: 13px;
    color: #2e97d9; margin: 5px 0 0 auto; display: block; width: 79px;
}
#filters-sm-show #podbor-sm .razdel-themes a:hover { border-bottom: none; margin-bottom: 1px }
#filters-sm-show #podbor-sm.active:before {
    content:""; display:block; position:absolute; left: -4px;
    background-color: #2e97d9; width: 4px; height: 104%; top: -2px;
}

#filters-sm-show #podbor-tovarov-sm { position: relative; }
#filters-sm-show #podbor-tovarov-sm > div { width: 33.3%; float:left; }
#filters-sm-show #podbor-tovarov-sm > h3 {
    background: url(../images/catalogPodborPoTovaru.png) 0 11px no-repeat;
    margin: 0 0 5px 15px; padding: 15px 0 0 26px;
}
#filters-sm-show #podbor-tovarov-sm ul, #filters-sm-show #podbor-tovarov-sm li { margin: 0; padding: 0; }

#filters-sm-show #podbor-tovarov-sm li { list-style-type: none }
#filters-sm-show #podbor-tovarov-sm > div > ul > li {
    color:#5e6c7f; font-family: Oxygen; font-size: 13px; font-weight: 600; margin: 9px 0 0 15px;
}
#filters-sm-show #podbor-tovarov-sm > div > ul > li.active,
#filters-sm-show #podbor-tovarov-sm > div > ul > li.active > span,
#filters-sm-show #podbor-tovarov-sm > div > ul > li > ul > li.active,
#filters-sm-show #podbor-tovarov-sm > div > ul > li > ul > li.active > span { color:#2e97d9; }

#filters-sm-show #podbor-tovarov-sm > div > ul > li > span > span {
    color:#b1bcca; margin-left: 8px; position: relative; padding-right: 20px;
}

#filters-sm-show #podbor-tovarov-sm > div > ul > li > ul { margin: 11px 0 14px 13px; }
#filters-sm-show #podbor-tovarov-sm > div > ul > li > ul > li { color:#7c8a9b; font-weight: 400; margin-top: 8px; cursor: pointer; }
#filters-sm-show #podbor-tovarov-sm > div > ul > li > ul > li > span { color: #d1d8e1; font-weight: 600; margin-left: 8px; }

@media (max-width: 480px) {
    #filters-sm-show #filtersearch-sm { height: auto; }
    #filters-sm-show #filtersearch-sm > div:first-of-type { margin-right: 0; }
    #filters-sm-show #filtersearch-sm > div { width: 100%; float: none; margin-bottom: 15px }
    #filters-sm-show #podbor-sm .razdel-themes { width:100%; margin:0; float:none; }
}



.ui-corner-all {
    background-color: #b1bcca;
}
.ui-widget-header {
    background-color: #2e97d9 !important;
}

/* CATALOG */
#catalog {float:right;width:855px;}
#catalog .row {margin-left:-8px;margin-right:-8px}
#catalog .col-xs-4 {padding-left:7px;padding-right:7px}
ul.horizontal-menu {padding:0;margin:0 0 20px}
ul.horizontal-menu li {list-style:none;display:inline-block;margin-right:18px}
ul.horizontal-menu li.active {border-bottom:3px solid #2e97d9}
ul.horizontal-menu li.active a {color:#2e97d9}
ul.horizontal-menu li a {color:#8893a3;font-family:Comfortaa;font-weight:600;font-size:17px;text-decoration:none}
ul.horizontal-menu li a:hover {
    color:#2e97d9;
}
ul.horizontal-menu li:last-child {
    padding-left:18px;
    margin-right:0px;
    border-left:1px solid #8893a3
}
ul.row { padding: 0 }
ul.row > li { height:330px; list-style-type: none; }
.gadjet-good {
    box-shadow: 0 4px 9px -3px rgba(0,0,0,0.5);
    border-radius:0 0 5px 5px;
    margin-bottom:15px;
    position:relative
}
.gadjet-good:hover div:nth-child(2) {
    z-index: 1000;
    position: relative;
}
.gadjet-good:hover div:nth-child(2) ul { height: auto; min-height: 90px }
.gadjet-good > div:first-child {
    width:100%;
    height:195px;
    background-position:center center;
    background-size: cover;
    border-radius:5px 5px 0 0
}
.gadjet-good:hover .tochki { bottom: 9px }
.gadjet-good:hover .count-otziv { bottom:5px; right: 7px; }
.gadjet-good > div:nth-child(2) {
    background-color: #fef4e8;
    border:1px solid #fff;
    border-radius: 0 0 5px 5px;
    overflow:hidden;
    min-height: 120px;
}
.gadjet-good > div li a.h3 {
    font-family:Comfortaa;
    font-size:16px;
    color:#2e97d9;
    text-transform:uppercase;
    display:inline-block;
    margin:13px 15px 0 0;
    font-weight:600
}
.gadjet-good > div li a.h3:hover {
    border: none;
}
.gadjet-good > div li {
    margin-left: 15px;
    line-height: 1.4;
}
.gadjet-good > div ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    height:90px;
    overflow: hidden;
}
.gadjet-good > div li > a {
    color:#5e6c7f;
    font-size:13px;
}
.gadjet-good > div li > a:hover {
    color:#2e97d9;
    border-bottom: 1px solid #2e97d9;
}
.gadjet-good .count-good {
    font-family:Oxygen;
    color:#c5b097;
    font-size:11px;
    float: left;
    margin: 5px 0 8px 11px;
}
.gadjet-good .tochki {
    display:block;width:26px;height:10px;background: url('../images/tochki.png');position:absolute;
    left:0;right:0;bottom:10px;margin:0 auto}
.gadjet-good .count-otziv {
    font-family:Oxygen;color:#7c8a9b;font-size:11px;position:absolute;right:8px;bottom:6px;
    background: url('../images/count_otziv.png') 0 -2px no-repeat;display:block;width:26px;height:20px;text-align:center;
}
.seo {margin-top:45px}
.seo h3 {font-family:Comfortaa;font-size:16px;color:#2e97d9;text-transform:uppercase;margin:0;font-weight:600}
.seo p {font-family:Oxygen;font-size:14px;color:#7c8a9b;line-height:1.3;margin-top:10px}

#planka {width: 639px;
    height: 20px;
    margin: -3px 0 0 -15px;
    border-bottom: 1px solid #fff;box-shadow: 0px 10px 10px -6px rgba(133,138,145,0.9)
}
/* FOOTER */
footer { position: relative; background-color: #edf0f3; margin-top: 70px; min-height: 185px; }
footer #logo-foot { background-image: url('../images/logo.png'); height:102px; width:150px; margin-top:-26px; float:left; z-index: 100; }
footer #vk-link { background: url('../images/vk_link.jpg') 90px 0 no-repeat; position:absolute; padding-right:87px; height: 45px; right:0; top:-45px; line-height:45px; }
footer #vk-link > a { color:#7c8a9b; }
footer #vk-link > a:hover { text-decoration:none; }
footer .phones { padding-top:1px; margin-left:170px; }
footer .phones h3 { margin-bottom:3px; }
footer .phones .h3 {margin:0 0 0 55px; font-weight:600; display:block}
footer #contacts { width: 500px;line-height:1.8;float:left;margin-left:170px;padding-bottom:30px}
footer #contacts span { display:block; font-family:Oxygen; color:#7c8a9b; }
footer ul {  position: absolute; top: -33px; padding-left: 170px; font-weight: bold; font-size: 15px; }
footer ul > li { display:inline; font-family: 'Comfortaa'; margin-right:10px; }
footer ul > li > a { font-family: Oxygen; color:#38404a; }
footer .phones a {border-bottom:1px solid #2e97d9;line-height: 20px;margin:5px 0 18px;display: inline-block;}
footer .phones p {margin:0 0 0 55px}
#grey-line-footer { background-color: #d3d9e0; width:100%; height:45px; position:absolute; z-index: -1; top:-45px; }
#s2id_preorder-city-select { width:67%; }
#vk_groups {float:right;top:20px;position:absolute;right:30px;}

@media (max-width: 1199px) {
    /* Шаблон статьи */
    h1.h1_article_template {
        padding-left: 80px;
        padding-right: 80px;
    }

    h2.h2_article_template {
        padding-left: 80px;
        padding-right: 80px;
    }

    p.p_article_template {
        padding-left: 80px;
        padding-right: 80px;
    }

    .image_container_outer_article_template {
        padding-left: 0;
        padding-right: 0;
        height: 440px;
    }

    .double_image_container_outer_article_template {
        padding-left: 0;
        padding-right: 0;
        height: 338px;
    }

    .double_image_container_inner_article_template {
        width: 458px;
    }

    .double_image_container_outer_article_template .double_image_container_inner_article_template:first-of-type {
        margin-right: 24px;
    }

    .image_container_inner_article_template button.blue_button_article_template {
        left: 80px;
    }

    .hr_container_article_template {
        padding-left: 80px;
        padding-right: 80px;
    }
    /* Шаблон статьи - конец */

    #right-from-logo { width:790px; }
    #mid-line h1 { font-size:21px; margin-top:17px; }
    #navigation { font-size:13px; }
    #bottom-line > div > a.cart { margin-left:10px; }
    #forma-zakaza .price { font-size:26px; background-position-y: 6px; }
    h4 { font-size:15px; }
    #forma-zakaza #srok-izgotov { margin-left:5px; }
    #forma-zakaza #dostavka { margin-left: 10px; }
    #forma-zakaza #dostavka > div#s2id_preorder-city-select {width:117px; margin-left: 10px; margin-top: -3px; }
    #forma-zakaza #dostavka select { width:120px; }
    .gallery ul li { width:114px; }
    #social > div { margin:5px 0 0 160px; }
    article { margin-top:20px; }
    footer ul { font-size:13px; }
    #carousel .carousel-caption div { font-size:36px; }
    #carousel .carousel-caption { width: 345px; }
    #carousel .item .container > img { width:484px; margin-top:130px; }
    #carousel .left.carousel-control > span { left:50px; right:auto; }
    #carousel .right.carousel-control > span { right:50px; left:auto; }
    #howorder hr {width:250px}
    #howorder p {max-width:433px}
    #howorder section:nth-of-type(3) > p {max-width:427px}
    #advantages .row > div > div > p,#payment-method .row > div > div > p {max-width:134px}
    #catalog {width:665px}
    ul.horizontal-menu li {margin-right:11px}
    ul.horizontal-menu li a {font-size:14px}
    ul.horizontal-menu li:last-child {padding-left:11px}
    #otzivi a.blue-btn {width:150px;padding-left:0;padding-right:0;font-size:15px}
    #banner-3 h2 {margin-top:70px}
    #forma-zakaza #addoptional:after { width:185px; }
    #forma-zakaza #optionalwindow ul { width: 419px }
}

@media (max-width: 1050px) {
    div#left-buttons {display:none}
}

@media (max-width: 991px) {
    /* Шаблон статьи */
    .instruction_article_template {
        width: 690px;
    }

    .instruction_article_template .instruction_part_article_template {
        width: 354px;
    }

    .instruction_article_template .instruction_part_article_template .instruction_label_article_template {
        width: 344px;
    }

    .instruction_article_template .instruction_part_article_template:first-of-type,
    .instruction_article_template .instruction_part_article_template:last-of-type {
        width: 168px;
    }

    .instruction_article_template .instruction_part_article_template:first-of-type .instruction_label_article_template,
    .instruction_article_template .instruction_part_article_template:last-of-type .instruction_label_article_template {
        width: 156px;
    }

    .breadcrumbs_article_template {
        padding-left: 15px;
    }

    h1.h1_article_template {
        padding-left: 15px;
        padding-right: 15px;
    }

    h2.h2_article_template {
        padding-left: 15px;
        padding-right: 15px;
    }

    p.p_article_template {
        padding-left: 15px;
        padding-right: 15px;
    }

    .image_container_outer_article_template {
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 44px;
        height: 368px;
    }

    .double_image_container_outer_article_template {
        padding-left: 15px;
        padding-right: 15px;
        height: 257px;
    }

    .double_image_container_inner_article_template {
        width: 330px;
    }

    .double_image_container_outer_article_template .double_image_container_inner_article_template:first-of-type {
        margin-right: 30px;
    }

    .image_container_inner_article_template button.blue_button_article_template {
        left: 0;
        right: 0;
        bottom: -30px;
    }

    .hr_container_article_template {
        padding-left: 15px;
        padding-right: 15px;
    }
    /* Шаблон статьи - конец */

    #left-filter {width:240px }
    .container.wraper { max-width: 780px;}
    #mid-line h1 { font-size: 26px; margin: 13px 0 0 5px; }
    #forma-zakaza #dostavka > div#s2id_preorder-city-select { width: 66%; }
    #right-from-logo { width:100%; }
    #logo { width:158px; }
    .gallery > img { width: 534px; float:left; }
    .gallery ul { margin: 0 0 10px; }
    .gallery ul li { width:180px; height:124px; margin-bottom:4px; }
    #shadow-line { top:90px; height:45px; }
    footer { min-height:230px; }
    footer #contacts { top:70px; }
    #social > div { margin: 10px 0 20px 50px; width:380px; }
    #bottom-line > div > a { margin:12px 20px; }
    /*#carousel { margin-top:-30px; }*/
    #carousel .carousel-caption { width: 460px; left:165px; top:100px; }
    #carousel .carousel-caption div { font-size:47px; }
    #carousel .carousel-caption p { margin-top:5px; }
    #carousel .carousel-caption a.green-btn { margin-top:13px; padding:15px 50px 11px; box-shadow: 0 3px 0px rgba(12,131,17,.9) }
    #carousel .left.carousel-control > span { right:0px; left:auto; }
    #carousel .right.carousel-control > span { left:0px; right:auto; }
    a.cart { margin-left: 0; margin-right: 17px; }
    h1#full_name { margin-right: 0; }
    #howorder hr {width:355px}
    #howorder p {max-width:537px}
    #howorder section:nth-of-type(3) > p {max-width:530px}
    #advantages .row > div > div > p,#payment-method .row > div > div > p {max-width:120px}
    #vk_groups { float: none; position: relative; margin: 0px 0 20px 170px;top:0;right:0}

    #banner-2 div.container h2 {margin:130px 0 0 0;font-size:48px;line-height: 1.1;width: 320px;text-shadow:0 3px 3px rgba(0,0,0,.3);  }
    #banner-2 div.container p {margin:16px 0 0 0px;width:288px;}
    #banner-3 h2 {font-size:36px;margin-top:100px}

    #sposob-dostavki {padding:0}
    #sposob-dostavki .gadjet > div:nth-child(2) {min-height:88px}
    #sposob-dostavki > p, #sposob-dostavki > p > a {font-size:13px}
    #sposob-dostavki > p > a {height:18px;}
    div#mega-border {border:none;width:100%;margin-bottom:100px}
    div#mega-border h2 {width:100%}
    #select-templ select:first-child {max-width:325px}
    .tooltip-enter {right: 50px;top:118px}
    .zadnik-slider {background: linear-gradient(to right, rgba(108,122,135,.7) 70%, transparent ); height:100%}

     #catalog { width:100% }
     .gadjet-good > div:first-child::after { display: none; }
     #forma-zakaza #addoptional:after { width:276px; }
     #forma-zakaza #optionalwindow ul { width: 420px }
}

@media (max-width: 768px) {
    /* Шаблон статьи */
    .flipbook_block_article_template .flipbook-viewport {
        width: 450px;
    }

    .flipbook_block_article_template .flipbook_block_inner_article_template {
        padding-bottom: 17px;
    }

    .flipbook_block_article_template .blue_button_article_template {
        margin-top: 35px;
        margin-bottom: 27px;
    }

    .double_image_container-arrow-container-left,
    .double_image_container-arrow-container-right {
        display: block;
        height: calc(100% - 33px);
        position: absolute;
        z-index: 1;
        width: 35px;
        top: 19px;
    }

    .double_image_container-arrow-container-left {
        left: 0;
    }

    .double_image_container-arrow-container-right {
        right: 0;
    }

    .double_image_container-arrow-container-left svg {
        fill: #0381ED;
        left: -3px;
        position: absolute;
        transform: rotate(180deg);
        top: calc(50% - 16px);
    }

    .double_image_container-arrow-container-right svg {
        fill: #0381ED;
        right: -3px;
        position: absolute;
        top: calc(50% - 24px);
    }

    .double_image_container_inner_article_template {
        width: calc((100% - 30px) / 2);
    }

    .double_image_container_wrapper_article_template {
        width: calc(100% * 2 + 30px);
        transition: transform .65s ease-in-out;
    }

    .double_image_container_outer_article_template.double_image_container_outer_article_template_switched .double_image_container_wrapper_article_template {
        transform: translate3d(calc(-50% - 15px), 0px, 0px);
    }

    .double_image_container_outer_article_template {
        padding-left: 0;
        padding-right: 0;
        height: 300px;
        overflow: hidden;
    }

    .instruction_article_template {
        width: 320px;
    }

    .instruction_block_article_template hr.instruction_pre_button_hr_article_template {
        margin-top: 10px;
    }

    h2.h2_article_template.h2_article_template_instruction {
        padding-top: 5px;
        padding-bottom: 30px;
    }

    .instruction_article_template .instruction_part_article_template {
        width: 320px;
        display: table;
        padding-bottom: 25px;
    }

    .instruction_article_template .instruction_part_article_template .instruction_label_article_template {
        width: 244px;
        padding-left: 20px;
        height: 76px;
        padding-bottom: 0;
        margin-top: 0;
        display: table-cell;
        vertical-align: middle;
    }

    .instruction_article_template .instruction_part_article_template:first-of-type,
    .instruction_article_template .instruction_part_article_template:last-of-type {
        width: 320px;
    }

    .instruction_article_template .instruction_part_article_template:first-of-type .instruction_label_article_template,
    .instruction_article_template .instruction_part_article_template:last-of-type .instruction_label_article_template {
        width: 244px;
    }

    .instruction_circle_article_template {
        width: 76px;
        height: 76px;
        font-size: 36px;
        display: table-cell;
        padding-top: 0;
        margin-right: 0;
        vertical-align: middle;
    }

    .breadcrumbs_article_template {
        padding-left: 0;
    }

    h1.h1_article_template {
        padding-left: 0;
        padding-right: 0;
    }

    h2.h2_article_template {
        padding-left: 0;
        padding-right: 0;
        font-size: 28px;
        line-height: 38px;
        padding-top: 9px;
        padding-bottom: 11px;
    }

    p.p_article_template {
        padding-left: 0;
        padding-right: 0;
    }

    .image_container_outer_article_template {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 44px;
        height: 343px;
    }

    .double_image_container_outer_article_template .double_image_container_inner_article_template:first-of-type {
        margin-right: 30px;
    }

    .image_container_inner_article_template button.blue_button_article_template {
        left: 0;
        right: 0;
        bottom: -30px;
    }

    .hr_container_article_template {
        padding-left: 0;
        padding-right: 0;
    }
    /* Шаблон статьи - конец */

    /* Страница "Новости и акции" */

    #news_and_articles_container h2 {
        font-size: 30px;
    }

    #news_and_articles_container img.article_list_item_img {
        width: 90px;
        height: 90px;
        border: solid 3px #ffffff;
    }

    #news_and_articles_container .article_list_item_post_date {
        font-size: 12px;
    }

    #news_and_articles_container .article_list_item_title {
        font-size: 20px;
    }

    #news_and_articles_container .article_list_item_description {
        color: #5e6c7f;
        line-height: 21px;
        font-size: 16px;
        font-family: NotoSans;
    }

    #news_and_articles_container .article_list_item_bottom_line {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    #news_and_articles_container .article_list_item_left_side {
        width: 135px;
        margin-top: 30px;
    }

    #news_and_articles_container .pagination>li>a,
    #news_and_articles_container .pagination>li>span {
        font-size: 15px;
        padding-top: 3px;
        padding-bottom: 3px;
        padding-left: 5px;
        padding-right: 5px;
    }

    /* ------------------------- */

    #sale-line > a { margin-left: 40px;  }
    #mobile-navigation a#catalog { float:right; margin-right: 25px; }
    #mobile-navigation a#menu_xs { float:right; }
    #logo { width:145px; }
    #forma-zakaza #dostavka > div#s2id_preorder-city-select { width: 63%; }
    #forma-zakaza .choose-proj label { text-align: right; }
    #forma-zakaza .choose-proj label > span { max-width: 100px; display: block; float: right; }
    #social > div { margin:10px 0 0 16px; width:400px;  }
    #forma-zakaza { margin-top:15px; padding-bottom: 15px; }
    footer #contacts { top:70px; }
    .gallery > img { margin-bottom: 20px; }
    footer { min-height:275px; }
    #forma-zakaza .delivery { margin-bottom: 20px; }
    #forma-zakaza .back-grey h4 { padding-top: 15px; }
    #forma-zakaza #dostavka select { width:160px; }
    #carousel .carousel-caption { width:301px; top:100px; }
    #carousel .carousel-caption div { width: 100%; }
    .mgt-30.back-grey.row > div.col-sm-6:last-child { text-align: center; }
    #carousel .carousel-caption a.green-btn { margin-top: 13px; padding: 14px 29px 5px; box-shadow: 0 3px 0px rgba(12,131,17,.9);  line-height: 1.2;}
    #howorder > div > div > section > img {width:50px;float:none !important;margin:0 !important;}
    #howorder > div > div > section > p {max-width:100% !important;}
    #howorder hr {margin:10px auto 20px}
    #payment-method .row > div > div:nth-child(1),#payment-method .row > div > div:nth-child(2) {width:50%;min-height: 225px}
    #payment-method .row > div > div:nth-child(3),#payment-method .row > div > div:nth-child(4),
    #payment-method .row > div > div:nth-child(5) {width:50%;min-height: 200px}
    #payment-method .row > div > div:nth-child(5) {width:100%}
    #sposob-dostavki .gadjet > div:nth-child(2) { min-height:0}
    #sposob-dostavki > div.col-sm-4:first-child p {height:36px}

    #otzivi{padding-left:0}
    #news{padding-right:0}
    #our-partners .gadjet > div:nth-child(2) {height:auto}

    #banner-1  div.container, #banner-2  div.container, #banner-3  div.container {margin:0 auto ;max-width:450px}
    #banner-1  div.container h2 {margin-top:100px;font-size:36px;line-height:1.1;max-width: 320px;text-shadow:0 3px 3px #000;}
    #banner-1  div.container a {margin-top:20px;}
    #banner-1  div.container p {margin-top:13px;width:100%;}

    #banner-2 {margin-top:40px}
    #banner-2  div.container h2, #banner-3  div.container h2 {font-size:36px}
    .zadnik {background: linear-gradient(to right, rgba(108,122,135,.7) 70%, transparent ); height:100%}
    .zadnik-white {background: linear-gradient(to right, rgba(252,252,252,.7) 70%, transparent ); height:100%}
    #banner-3 h2 {margin-top:120px}

    p.height-36, p.height-54, p.height-72, p.height-88 {height:auto}
    #filters-sm-show div#search-sm { padding-right: 90px }
    #forma-zakaza #addoptional:after { width:0 }
    #forma-zakaza #addoptional > span.visible-xs { display: inline !important; }
}
@media (max-width: 720px) {
    #forma-zakaza #optionalwindow ul { width: 419px }
    #filters-sm-show #podbor-tovarov-sm > div { width: 50%; }

}
@media (max-width: 675px) {
    #cityModal .modal-dialog {width:100%;margin:0}
    #cityModal .modal-content {border-radius:0}
    #cityModal #for-select-city {width:100%}
    #for-select-city div.gadjet-city, #for-select-region div.gadjet-city {right:-16px;top:90px;width:50%}
    #cityModal input#select-city-modal {width:97%}
    #cityModal #for-select-region {width:100%}
    #cityModal #for-list-city {margin-top:118px;height:400px}
    #cityModal #for-list-city .col-xs-4 {width:50%}
    #cityModal #for-select-region #select-region-modal {float:right;margin-left:5px;width:75%}
    #planka { position: absolute;top: 213px; }
    #catalog .col-xs-4 { width: 50%}
    #forma-zakaza #optionalwindow ul { width: 359px }
}

@media (max-width: 600px) {
    #plashka, #hotlinks {display:none}
    #select-city{float:left}
    #carousel .carousel-caption{left:10%;margin:0 auto;top:100px;width:80%}
    #carousel .carousel-caption div{font-size:36px}
    #forma-zakaza #dostavka > div#s2id_preorder-city-select { width: 57%; }
    #howorder hr {width:200px}
    #mobile-navigation a#catalog, #order-xs {margin-right:5px}
    #advantages .row > div > div {width:50%}
    #advantages .row > div > div:nth-child(5) {width:100%;min-height:205px}
    #advantages .row > div > div:nth-child(5) > p {max-width:141px}
    #banner-1 div.container, #banner-2 div.container {width:320px}
    #banner-1 div.container a {padding:10px 9px;width:100%;}
    #banner-2 div.container p {width: 100%}
     #banner-3 h2 {margin-top:115px}
    .container.wraper > div.col-xs-6, .container.wraper > div.col-xs-4 {width:100%}
    #otzivi{padding-left:0;padding-right:0}
    #news{padding-right:0;padding-left:0}
    #vk_groups{display:block; margin:0 auto}
    footer {padding-bottom:20px}
    footer #logo-foot {position: absolute;z-index: 0}
    footer .phones {margin-left:0; text-align:center}
    footer .phones h3{font-family: Comfortaa;font-weight:600;font-size:28px;color:#2e97d9;text-align:center}
    footer .phones .h3, footer .phones p {margin: 0}

    footer .br {display: block}
    footer #contacts {position: relative; top:0px; text-align:center; margin-top:20px;right:0;width:100%;margin-left:0}
    #cityModal #for-select-region #select-region-modal {width:70%}

    div.answer-profi-confirm, .answer-profi-confirm .container:before { height:300px !important }
    #profi-confirm #answer-confirm { top:120px }
    #forma-zakaza #optionalwindow ul { width: 299px }
    .hidden-600 { display: none; }
    .visible-600 { display: table-row }
    #forma-zakaza #optionalwindow .visible-600 ul { width: 360px; margin: 0 auto; }
    .visible-600 .left-td { margin-left: 15px; }

    /* Страница "Новости и акции" */
    #news_and_articles_container .article_list_item_duration_date_container.article_list_item_duration_date_container_outdated {
        margin-left: -20px;
    }
    /* ------------------------ */
}
@media (max-width: 540px) {
    #cityModal #for-select-region #select-region-modal {width:67%}

    /* Страница "Новости и акции" */
    #news_and_articles_container .text-primary.article_list_item_text-primary {
        width: calc(100% - 135px);
    }

    #news_and_articles_container .article_list_item_left_side {
        margin-top: 0;
    }

    #news_and_articles_container .article_list_item_duration_date_container {
        display: none;
    }

    #news_and_articles_container .article_list_item_left_side .article_list_item_duration_date_container {
        padding-top: 10px;
        display: block !important;
    }

    #news_and_articles_container .article_list_item_duration_date_container.article_list_item_duration_date_container_outdated {
        margin-left: 0;
    }

    /* ------------------------- */
}
@media (max-width: 480px) {
    /* Шаблон статьи */
    .flipbook_block_article_template .flipbook-viewport {
        width: 290px;
    }

    .double_image_container_outer_article_template {
        height: 264px;
    }

    .instruction_article_template {
        width: 290px;
    }

    .instruction_article_template .instruction_part_article_template {
        width: 290px;
    }

    .instruction_article_template .instruction_part_article_template:first-of-type,
    .instruction_article_template .instruction_part_article_template:last-of-type {
        width: 290px;
    }

    .instruction_article_template .instruction_part_article_template .instruction_label_article_template {
        width: 214px;
        padding-left: 12px;
    }

    .instruction_article_template .instruction_part_article_template:first-of-type .instruction_label_article_template,
    .instruction_article_template .instruction_part_article_template:last-of-type .instruction_label_article_template {
        width: 214px;
    }

    .image_container_outer_article_template {
        height: 316px;
    }
    /* Шаблон статьи - конец */

    #cityModal #for-select-region #select-region-modal {width:63%}
    #catalog .col-xs-4 { width: 100%; }
    #catalog .row { float:none; width:290px; margin: 0 auto; }
    #show-select-sm { float:none; width:276px; margin: 0 auto;  }
    #show-select-sm { padding-right: 0 }
    #show-select-sm h3 { display: none; }
    #show-select-sm + a.blue-btn {
        display: block;
        width: 276px;
        margin: 15px auto;
    }
    #filters-sm { float:none;  background-image:none ; background-color: #2e97d9; border-radius: 5px;
            box-shadow: 0 2px 0px rgba(0,94,152,.9); width:66%; margin: 15px auto; text-align: center }
    #filters-sm h3 { background: url(../images/filters_white.png) no-repeat; line-height: 22px; color:#fff; margin:5px 0; display: inline-block }
    #filters-sm h3:after { content: ""; background: url(../images/filters_arrow_white.png) right 11px; width: 10px; height: 10px; display: block; top: -15px; position: relative; right: -165px; }
    .filter-buttons div.half { width: 100% }
    .filter-buttons div.half.left { padding: 15px 0 0; }
    .filter-buttons div.half.right { padding: 15px 0 15px; }
    #forma-zakaza #optionalwindow .visible-600 ul { width:240px; }
}
@media (max-width:450px) {
    #banner-3 {background-position: -520px center}
    #filters-sm { width: 76% }
    #filters-sm-show #podbor-tovarov-sm > div { width: 90%; float:none; margin: 0 auto; }
}
@media (max-width: 430px) {
    #cityModal #for-select-region span {line-height:14px;width:71px;}
    #cityModal #for-select-region #select-region-modal {width:63%}
}
@media (max-width:400px) {
    #for-select-city div.gadjet-city, #for-select-region div.gadjet-city {width:68%}
    #cityModal #for-list-city .col-xs-4 {width:100%}
    #filters-sm, #show-select-sm + a.blue-btn, #show-select-sm, #catalog .row  { width: 100% }
    #catalog .col-xs-4 { padding: 0 }
    /* Страница "Новости и акции" */
    #news_and_articles_container .article_list_item_left_side .article_list_item_duration_date_container {
        padding-top: 30px;
    }
    /* ------------------------- */
}
@media (max-width: 370px) {
    /* Страница "Новости и акции" */
    #news_and_articles_container .article_list_item_left_side .article_list_item_duration_date_container {
        padding-top: 52px;
    }
    /* ------------------------- */
}
/* jRating */
.rating{margin:2px 0 4px}
.jRatingAverage{background: url('../images/star.png');width:21px;position:relative;top:0;left:0;z-index:2;height:100%;}
.jRatingColor{position:relative;top:0;left:0;z-index:2;height:100%;}
.jStar{position:relative;left:0;z-index:3;}
p.jRatingInfos{display:none;}
p.jRatingInfos span.maxRate{color:#c9c9c9;font-size:14px}