/* Yahoo! CSS Reset */ * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } a:hover, a:focus { color: inherit; text-decoration: inherit; } body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, menu { margin: 0; padding: 0; } table { border-collapse: collapse; border-spacing: 0; } fieldset, img { border: 0; } address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; } ol, ul, menu { list-style: none; } caption, th { text-align: left; } q:before, q:after { content: ''; } abbr, acronym { border: 0; } input, textarea, select { outline: none; } input[type=submit] { cursor: pointer; } /* End of Yahoo! CSS Reset */ @font-face { font-family: 'FontAwesome'; src: url('fonts/fontawesome-webfont.eot?v=4.3.0'); src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; } @opensans: 'Open Sans', sans-serif; @cuprum: 'Cuprum', sans-serif; @awesome: 'FontAwesome'; .transition-hover { -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; } .border-radius(@radius: 1px) { -webkit-border-radius: @radius; -moz-border-radius: @radius; border-radius: @radius; } a { outline: none; } html { height: 100%; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } body { font: 14px @opensans; height: 100%; color: #666666; position: relative; left: 0; &.offset { overflow: hidden; position:fixed; } } .wrapper { width: 100%; min-height: 100%; height: auto !important; height: 100%; background: url('../images/content_bg.jpg'); } .clear { content: ""; clear: both; display: block; } .home-wrapper { max-width: 1230px; margin: 0 auto; padding: 0 29px; position: relative; &:after { .clear; } @media (max-width:1055px) { padding: 0 10px; } } /* Header -----------------------------------------------------------------------------*/ .header { background: url('../images/header_bg.png'); position: relative; .header_top { height: 154px; @media (max-width:1055px) { display: none; } .logo { display: block; float: left; margin: 41px 0 0; img { max-width: 290px; } } .top_right { float: right; margin-left: 20px; @media (max-width:1130px) { margin-left: 10px; } &.contact { font-weight: 700; color: #5e5e45; margin-top: 33px; .targetcall { font-size: 26px; } .over { font-size: 14px; margin: 8px 0; color: #f35924; a { color: #666666; text-decoration: none; font-weight: 400; .transition-hover; &:hover { color: #f35924; } } span { color: #666666; font-weight: 400; } } } &.search_cart { margin-top: 40px; .cart_block { text-align: right; width: 101px; height: 81px; background: #ffffff; a { color: #5e5e45; text-decoration: none; vertical-align: middle; display: block; text-align: center; width: 100%; height: 100%; padding: 15px 0; .transition-hover; &:hover { color: #f35924; } img { display: block; margin: 0 auto; } } } } .search_block { border: 1px solid #d7d7d7; overflow: hidden; input[type=text] { width: 342px; height: 39px; border: none; padding: 0 10px; float: left; @media (max-width:1130px) { width: 300px; } } input[type=submit] { width: 40px; height: 39px; background: #fff url('../images/search_block.png') center center no-repeat; border: none; float: left; border-left: 1px solid #d7d7d7; .transition-hover; &:hover { opacity: .7; } } } .button_block { a { display: inline-block; height: 31px; line-height: 31px; text-align: center; background-color: #ffffff; margin: 12px 4px; padding-left: 35px; font-size: 14px; text-decoration: none; color: #666666; @media (max-width:1130px) { font-size: 12px; } .transition-hover; &:hover { opacity: .7; } &.deliv { width: 134px; background-image: url('../images/top_link_1.png'); background-position: left 10px center; background-repeat: no-repeat; @media (max-width:1130px) { width: 120px; } } &.manager { width: 230px; background-image: url('../images/top_link_2.png'); background-position: left 10px center; background-repeat: no-repeat; @media (max-width:1130px) { width: 200px; } } } } &.top_link { margin-top: 40px; } } } .menu_block { height: 48px; background: #f35924; @media (max-width:1055px) { position: relative; width: 230px; height: auto; z-index: 30; padding: 0; margin-top: 0; } menu { display: table; height: 48px; margin: 0 auto; text-align: center; font-size: 0; @media (max-width:1055px) { width: 100%; padding: 0; background: #666666; } &>li { display: inline-block; line-height: 48px; border-left: 1px solid #fff; position: relative; font-size: 14px; &:hover { ul { display: block; @media (max-width:1055px) { display: none; } } } &:last-child { border-right: 1px solid #fff; } @media (max-width:1055px) { display: block; line-height: 48px; } &>a { display: block; padding: 0 24px; text-decoration: none; color: #ffffff; .transition-hover; &.active, &:hover { background: lighten(#f35924, 10%); } @media (max-width:1185px) { padding: 0 15px; } @media (max-width:1075px) { padding: 0 10px; } @media (max-width:1055px) { color: #fff; border-bottom: 1px solid #fff; font-size: 13px; text-align: left; padding: 0 10px 0 40px; &:hover { background: lighten(#666666, 10%); } } } &.menu_style_1 { &>a { background: #4d739c; &.active, &:hover { background: lighten(#4d739c, 10%); } } ul { background: #4d739c; li { &:hover { background: lighten(#4d739c, 10%); } } } } &.menu_style_2 { &>a { background: #00adee; &.active, &:hover { background: lighten(#00adee, 10%); } } ul { background: #00adee; li { &:hover { background: lighten(#00adee, 10%); } } } } &.menu_style_3 { &>a { background: #6eae44; &.active, &:hover { background: lighten(#6eae44, 10%); } } ul { background: #6eae44; li { &:hover { background: lighten(#6eae44, 10%); } } } } &.menu_style_4 { &>a { background: #d20000; &.active, &:hover { background: lighten(#d20000, 10%); } } ul { background: #d20000; li { &:hover { background: lighten(#d20000, 10%); } } } } &>ul { position: absolute; left: 0; z-index: 40; min-width: 100%; display: none; a { color: #fff; text-decoration: none; display: block; white-space: nowrap; padding: 0 20px; } } } } } .header_mobile { // height: 61px; overflow: hidden; display: none; @media (max-width:1055px) { display: block; } .top-line { display: flex; align-items: center; padding: 7px; justify-content: space-between; background-color: #f35924; color: #FFF; .phone { color: inherit; display: inline-block; font-size: 12px; font-weight: 600; &:after { content: ""; display: block; background-image: url(../images/dots-pattern.svg); background-repeat: repeat-x; left: 0; width: 100%; bottom: 0; height: 2px; } } .social-links { display: inline-flex; li { margin-right: 10px; a { color: #fff; font-size: 1.8rem; &:hover { color: #ccc; } } &:last-of-type { margin-right: 0; } } } } .middle-line { display: flex; justify-content: space-between; align-items: center; padding: 7px; } .buttons-line { display: flex; justify-content: space-between; align-items: center; padding: 10px; background-color: #fff; box-shadow: inset 0 -2px 3px rgba(0, 0, 0, 0.1); } .logo_mobile { display: block; height: 44px; padding: 7px; // float: left; img { display: block; max-height: 100%; width: auto; } } .catalog_button, .search_button { flex: 0 0 47%; display: inline-flex; border: 1px solid #B5B5B5; background-color: #fff; align-items: center; justify-content: space-around; color: #464646; font-weight: 600; font-size: 12px; line-height: normal; &.open { background-color: #f35924; color: #fff; } } .catalog_button { width: auto; float: none; } // .menu_button { // // float: right; // width: 44px; // height: 44px; // // background: #4d739c url('../images/menu_button.png') center center no-repeat; // background-color: #4d739c; // border: 1px solid #fff; // cursor: pointer; // &.open { // background-color: #f35924; // } // } .menu_button { // float: right; width: 44px; height: 44px; position: relative; // background: #4d739c url('../images/menu_button.png') center center no-repeat; background-color: #4d739c; border: 1px solid #fff; cursor: pointer; span { display: block; position: absolute; height: 4px; background-color: #fff; border-radius: 4px; opacity: 1; left: 8px; right: 8px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; &:nth-child(1) { top: 10px; } &:nth-child(2) { top: 20px; } &:nth-child(3) { top: 30px; } } &.open { background-color: #f35924; span { &:nth-child(1) { top: 18px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); } &:nth-child(2) { opacity: 0; left: -44px; } &:nth-child(3) { top: 18px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); } } } } .catalog_button { // float: right; // width: 56px; height: 36px; // background-color: #4d739c; // border-left: 1px solid #fff; // color: #fff; // line-height: 36px; text-align: center; font-size: 12px; cursor: pointer; } .search_button { // float: right; // width: 41px; height: 36px; // background: #4d739c url('../images/search_block_2.png') center center no-repeat; // border-left: 1px solid #fff; cursor: pointer; } .slogan_mobile { height: 20px; line-height: 20px; background: #f35924; font-family: @cuprum; text-align: center; font-size: 12px; color: #ffffff; } } // .cart_mobile { // width: 230px; // background: #fff; // line-height: 40px; // font-size: 12px; // text-align: center; // display: none; // @media (max-width:1055px) { display: block; } // a { // color: #f35924; // text-decoration: none; // display: block; // .transition-hover; // } // } .cart_mobile { background: #fff; line-height: 44px; width: 44px; font-size: 12px; text-align: center; display: none; border: solid 1px #B5B5B5; @media (max-width:1055px) { display: block; } a { color: #f35924; text-decoration: none; display: block; position: relative; .transition-hover; img { margin-top: -8px; } span { position: absolute; bottom: 1px; right: 1px; font-size: 10px; font-weight: 700; line-height: normal; } } } .menu_mobile { @media (max-width:1055px) { overflow: auto; height: 100%; position: fixed; top: 0; right: -230px; z-index: 30; border-bottom: 1px solid #5b5b44; background: #666666; .transition-hover; &.visible { right: 0; } } } .search_mobile { overflow: hidden; font-size: 0; text-align: center; padding: 10px; background: #f35924; position: absolute; z-index: 20; width: 100%; top: 100%; opacity: 0; visibility: hidden; margin-top: -20px; .transition-hover; &.open { visibility: visible; opacity: 1; margin-top: 0; } input[type=text] { width: 165px; height: 35px; border: none; padding: 0 10px; display: inline-block; vertical-align: top; font-size: 14px; border: 1px solid #d6d4c0; } input[type=submit] { width: 40px; height: 35px; background: #ffffff url('../images/search_block.png') center center no-repeat; border: none; display: inline-block; vertical-align: top; border: 1px solid #d6d4c0; .transition-hover; &:hover { opacity: .7; } } } } .border_button { display: block; height: 39px; line-height: 35px; background-color: #fff; border: 2px solid #f35924; text-align: center; color: #666666; text-decoration: none; .border-radius(@radius: 4px); .transition-hover; &:hover { background-color: #f35924; color: #fff; } } .orange_button { border: none; cursor: pointer; display: block; height: 32px; line-height: 32px; background-color: #f35924; text-align: center; color: #ffffff; font-size: 12px; text-decoration: none; .transition-hover; &:hover { background-color: #f67e54; } } /* Middle -----------------------------------------------------------------------------*/ .middle { width: 100%; margin: 0 0 345px; position: relative; background-image: url("../images/middle_bg.png"), url("../images/content_bg.png"); background-position: top center, center bottom; background-repeat: no-repeat, no-repeat; &:after { display: table; clear: both; content: ''; } .common_content { background: #ffffff; padding: 19px 29px; -webkit-box-shadow: 0px 7px 30px 0px rgba(0, 0, 0, 0.17); -moz-box-shadow: 0px 7px 30px 0px rgba(0, 0, 0, 0.17); box-shadow: 0px 7px 30px 0px rgba(0, 0, 0, 0.17); @media (max-width:1055px) { padding: 19px 10px; } .hr_container { width: 100%; float: left; overflow: hidden; .content { @media (min-width: 1056px) { &:not(.no-padding) { padding: 0 0 0 237px; } } @media (max-width:1055px) { padding: 0; } .main_slider { .carousel-control { &.left { width: 22px; height: 64px; background: url('../images/main_slider_left.png'); position: absolute; top: 50%; margin-top: -32px; left: 0; opacity: 1; } &.right { width: 22px; height: 64px; background: url('../images/main_slider_right.png'); position: absolute; top: 50%; margin-top: -32px; right: 0; opacity: 1; } } .carousel-indicators { font-size: 0; bottom: 0; li { width: 19px; height: 11px; border: 2px solid #ffffff; margin: 0; background: #666666; .border-radius(@radius: 0px); &.active { background: #f35924; } &:first-child { -webkit-border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; border-top-left-radius: 5px; } &:last-child { -webkit-border-top-right-radius: 5px; -moz-border-radius-topright: 5px; border-top-right-radius: 5px; } } } } h1 { padding: 18px 0; font-weight: 700; font-size: 30px; color: #f35924; border-bottom: 2px solid #e2e2e2; margin-bottom: 20px; } h2 { padding: 18px 0; font-weight: 700; font-size: 24px; color: #f35924; border-bottom: 2px solid #e2e2e2; margin-bottom: 20px; } h3 { padding: 18px 0; font-weight: 700; font-size: 24px; color: #f35924; } .blu_title { line-height: 40px; background: #4d739c; font-weight: 700; font-size: 24px; color: #ffffff; padding: 0 10px; margin: 20px 0; } p { margin-bottom: 15px; } ul:not([class]) { list-style-type: disc; padding-left: 20px; margin-bottom: 15px; } .index_about { img { border: 1px solid #cccccc; margin-right: 30px; float: left; margin-bottom: 20px; @media (max-width:450px) { float: none; margin: 0 auto 20px; display: block; } } .border_button { width: 140px; float: right; &:after { font-family: @awesome; content: "\f105"; margin-left: 10px; color: #f35924; } &:hover { &:after { color: #fff; } } } } } .index_topsale { .inside_block { border: 1px solid #dedede; overflow: hidden; padding: 5px; position: relative; margin-bottom: 30px; padding: 5px 5px 44px; .img_block { float: left; margin-right: 25px; } .name { font-weight: 700; color: #666666; text-decoration: none; margin-bottom: 10px; .transition-hover; &:hover { color: #f35924; } } .cat { font-weight: 700; color: #666666; text-decoration: none; margin-bottom: 10px; font-size: 12px; .transition-hover; &:hover { color: #f35924; } } p { font-size: 12px; } .index_topsale_bottom { border-top: 1px solid #e2e2e2; margin-top: 10px; padding-top: 5px; overflow: hidden; position: absolute; bottom: 5px; left: 5px; right: 5px; .price { font-weight: 700; font-size: 20px; color: #f35924; float: left; line-height: 32px; &:after { content: " \f158"; font-family: @awesome; color: #bebebe; } } .quantity_block { float: right; margin-top: 1px; margin-right: 6px; input { width: 32px; height: 29px; border: 1px solid #dddddd; text-align: center; display: inline-block; vertical-align: middle; } .plus { width: 0; height: 0; border-style: solid; border-width: 6px 0 6px 9px; border-color: transparent transparent transparent #bebebe; display: inline-block; vertical-align: middle; cursor: pointer; .transition-hover; &:hover { border-color: transparent transparent transparent #aaa9a9; } } .minus { width: 0; height: 0; border-style: solid; border-width: 6px 9px 6px 0; border-color: transparent #bebebe transparent transparent; display: inline-block; vertical-align: middle; cursor: pointer; .transition-hover; &:hover { border-color: transparent #aaa9a9 transparent transparent; } } } .orange_button { width: 93px; float: right; } } } } .brands { .inside_block { text-align: center; display: block; text-decoration: none; border: 1px solid #cccccc; overflow: hidden; padding: 5px; margin-bottom: 30px; font-weight: 700; color: #5e5e45; font-size: 16px; height: 170px; .transition-hover; &:hover { border: 1px solid #f35924; color: #f35924; } .img_block { height: 130px; &:before { content: ""; height: 130px; width: 1px; display: inline-block; vertical-align: middle; } img { display: inline-block; vertical-align: middle; } } } } .catalog { .inside_block { text-align: center; display: block; text-decoration: none; border: 1px solid #cccccc; overflow: hidden; padding: 5px; margin-bottom: 30px; font-weight: 700; color: #5e5e45; font-size: 14px; .transition-hover; &:hover { border: 1px solid #f35924; color: #f35924; } .img_block { font-size: 0; &:before { content: ""; height: 130px; width: 0; display: inline-block; vertical-align: middle; } img { display: inline-block; vertical-align: middle; max-width: 100%; } } } } .catalog_more.border_button { width: 130px; float: right; &:after { font-family: @awesome; content: "\f105"; margin-left: 10px; color: #f35924; margin-left: 20px; } &:hover { &:after { color: #fff; } } } .breadcrumbs { li { display: inline-block; font-family: @cuprum; font-size: 14px; a { text-decoration: none; color: #b0b0b2; display: inline-block; vertical-align: middle; .transition-hover; &:hover { color: #ffcc33; } &:after { content: ""; display: inline-block; width: 16px; height: 16px; background: url('../images/breadcrumbs.png'); vertical-align: bottom; margin: 0 5px; } } span { color: #f35924; } } } .product_list_text { .order_text { border-top: 2px solid #e2e2e2; padding: 30px 0 10px; font-weight: 700; font-style: italic; font-size: 18px; color: #666666; span { color: #f35924; } a { color: #f35924; text-decoration: none; .transition-hover; &:hover { opacity: .7; } } } } .product_list { margin-top: 40px; &>li { padding: 14px; border: 1px solid #cccccc; overflow: hidden; position: relative; margin-bottom: 15px; .transition-hover; &:hover { border: 1px solid #f35924; } .img_block { width: 109px; text-align: center; float: left; display: block; @media (max-width:700px) { padding-right: 105px; } @media (max-width:570px) { float: none; width: 100%; text-align: center; margin-bottom: 15px; } } .content_block { padding-left: 123px; @media (max-width:570px) { padding-left: 0; } .name { padding: 5px 125px 5px 0; border-bottom: 1px solid #e2e2e2; overflow: hidden; margin-bottom: 10px; @media (max-width:570px) { padding: 5px 0; } a { font-weight: 700; text-decoration: none; color: #666666; float: left; .transition-hover; &:hover { color: #f35924; } } .toggle_button { height: 21px; padding: 0 10px; border: 1px solid #bebebe; float: right; position: absolute; top: 14px; right: 14px; line-height: 17px; text-align: center; color: #f35924; cursor: pointer; &:before { content: "Подробнее"; padding-right: 10px; } &:after { content: "\f078"; font-family: @awesome; } } } .close_text { display: block; } .open_text { display: none; margin-bottom: 15px; ul { li { margin-left: 8px; &:before { content: "●"; color: #f35924; margin-right: 10px; } } } } .bottom { border-top: 1px solid #e2e2e2; padding-top: 7px; position: relative; .unit_measure { line-height: 31px; font-weight: 700; color: #666; float: left; span { color: #f35924; } @media (max-width:700px) { float: none; } } .border_button { width: 93px; height: 31px; line-height: 27px; float: right; @media (max-width:600px) { position: absolute; top: 7px; right: 0; } } .price_block { float: right; font-weight: 700; margin-right: 10px; @media (max-width:700px) { float: none; } .retail { color: #666; display: inline-block; margin-right: 10px; span { font-size: 24px; &:after { content: " \f158"; font-family: @awesome; font-size: 21px; } } } .wholesale { color: #f35924; display: inline-block; margin-right: 10px; span { font-size: 24px; &:after { content: " \f158"; font-family: @awesome; font-size: 21px; } } } } } } &.open { .name { border-bottom: 1px solid #f35924 !important; } .toggle_button { background: #f35924; border: 1px solid #f35924 !important; color: #ffffff !important; } .close_text { display: none; } .open_text { display: block; } .bottom { border-top: 1px solid #f35924 !important; } } } } .video-page { font-size: 0; margin: 0 -5px; &>li { width: 25%; padding: 0 5px 10px; display: inline-block; vertical-align: top; font-size: 14px; @media (max-width:840px) { width: 100%/3; } @media (max-width:600px) { width: 50%; } @media (max-width:450px) { width: 100%; } .inside_block { padding: 14px; border: 1px solid #cccccc; overflow: hidden; position: relative; margin-bottom: 15px; .transition-hover; img { width: 100%; } .name_block { font-weight: 700; color: #5e5e45; text-decoration: none; .transition-hover; } &:hover { border: 1px solid #f35924; .name_block { color: #f35924; } } } } } .product_detail { .product_detail_text { margin-right: 280px; @media (max-width:800px) { margin-right: 0; } ul { li { background: url('../images/open_text_list.jpg') left top 7px no-repeat; margin-left: 8px; padding-left: 17px; } } } .product_detail_over { width: 270px; padding: 7px; float: right; border: 1px solid #e2e2e2; overflow: auto; @media (max-width:800px) { float: none; margin-bottom: 15px; width: 100%; } .img_block { text-align: center; padding: 15px 0; } .price_block { text-align: center; .retail { font-weight: 700; color: #4d739c; padding: 10px 0; border-bottom: 1px solid #e2e2e2; span { font-size: 30px; &:after { content: " \f158"; font-family: @awesome; font-size: 25px; } } } .wholesale { padding: 15px 0 10px; border-bottom: 1px solid #e2e2e2; div { color: #b0b0b2; } span { font-size: 24px; color: #f35924; font-weight: 700; &:after { content: " \f158"; font-family: @awesome; font-size: 25px; } } } } .unit_measure { color: #b0b0b2; text-align: center; padding: 10px 0; span { font-weight: 700; color: #f35924; } } .quantity_block { float: left; margin-top: 9px; margin-right: 6px; input { width: 32px; height: 29px; border: 1px solid #dddddd; text-align: center; display: inline-block; vertical-align: middle; margin: 0 5px; } .plus { width: 0; height: 0; border-style: solid; border-width: 15px 0 15px 15px; border-color: transparent transparent transparent #bebebe; display: inline-block; vertical-align: middle; cursor: pointer; .transition-hover; &:hover { border-color: transparent transparent transparent #aaa9a9; } } .minus { width: 0; height: 0; border-style: solid; border-width: 15px 15px 15px 0; border-color: transparent #bebebe transparent transparent; display: inline-block; vertical-align: middle; cursor: pointer; .transition-hover; &:hover { border-color: transparent #aaa9a9 transparent transparent; } } } .orange_button { width: 150px; height: 45px; line-height: 45px; float: right; font-size: 16px; background-image: url('../images/catalog_detail_cart.png'); background-position: center right 20px; background-repeat: no-repeat; padding-right: 30px; margin-bottom: 7px; } } } .news_list { border-bottom: 2px solid #e2e2e2; li { overflow: hidden; margin-bottom: 30px; .img_block { float: left; display: block; @media (max-width:650px) { float: none; text-align: center; } } .news_content { padding-left: 212px; @media (max-width:650px) { padding-left: 0; } .name { font-weight: 700; font-size: 18px; color: #f35924; text-decoration: none; display: table; margin-bottom: 15px; .transition-hover; &:hover { opacity: .7; } } .date_more { .date { color: #999999; padding: 10px 0; border-top: 1px solid #e2e2e2; float: left; width: 82%; @media (max-width:770px) { width: 75%; } @media (max-width:430px) { width: 100%; float: none; } } .border_button { width: 93px; float: right; @media (max-width:430px) { margin: 0 auto; float: none; } } } } } } .news_pag { margin-top: 14px; float: right; li { display: inline-block; height: 28px; width: 28px; border: 1px solid #f35924; vertical-align: top; &.prev { width: 23px; -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; a { line-height: 22px; &:after { content: "\f053"; font-family: @awesome; font-size: 12px; } } } &.next { width: 23px; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; a { line-height: 22px; &:after { content: "\f054"; font-family: @awesome; font-size: 12px; } } } a { display: block; text-align: center; height: 28px; line-height: 24px; font-weight: 700; font-size: 18px; color: #f35924; text-decoration: none; .transition-hover; &:hover, &.active { color: #fff; background: #f35924; } } } } .cart_overflow { margin-bottom: 20px; .cart { border: 1px solid #4d739c; width: 100%; @media (max-width:580px) { border: none; } thead { tr { height: 30px; background: #4d739c; color: #ffffff; th { padding: 0 10px; font-weight: 700; text-align: center; } } @media (max-width:580px) { display: none; } } tbody { tr { @media (max-width:580px) { margin-bottom: 10px; display: block; border: 1px solid #4d739c; } } td { border: 1px solid #4d739c; padding: 0 10px; @media (max-width:840px) { padding: 10px; } @media (max-width:580px) { display: block; border: none; border-bottom: 1px solid #4d739c; text-align: right; overflow: auto; } &.del { a { display: block; text-decoration: none; width: 14px; height: 14px; background: url('../images/cart_del.jpg') center top no-repeat; padding: 5px; margin: 0 auto; .transition-hover; &:hover { opacity: .6; } @media (max-width:580px) { margin: 0 0 0 auto } } } &.name { a { font-weight: 700; color: #5e5e45; text-decoration: none; display: inline-block; vertical-align: middle; .transition-hover; &:hover { color: #f35924; } &.img_cart { width: 20%; img { width: 100%; } } &.name_cart { width: 70%; } } @media (max-width:580px) { text-align: left; } } &.quantity { text-align: center; white-space: nowrap; @media (max-width:580px) { text-align: right; } input { width: 59px; height: 28px; border: 1px solid #f35924; text-align: center; font-weight: 700; font-size: 18px; color: #5e5e45; } a { display: inline-block; height: 28px; width: 28px; border: 1px solid #f35924; vertical-align: top; text-decoration: none; color: #f35924; text-align: center; .transition-hover; &:hover, &.active { color: #fff; background: #f35924; } } .min { width: 23px; -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; line-height: 25px; &:after { content: "\f053"; font-family: @awesome; font-size: 12px; } } .max { width: 23px; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; line-height: 25px; &:after { content: "\f054"; font-family: @awesome; font-size: 12px; } } } &.price { font-weight: 700; font-size: 20px; color: #bebebe; white-space: nowrap; &:after { content: " \f158"; font-family: @awesome; font-size: 18px; } } &.sum { font-weight: 700; font-size: 20px; color: #f35924; white-space: nowrap; &:after { content: " \f158"; font-family: @awesome; font-size: 18px; color: #5e5e45; } } @media (max-width:580px) { &:before { content: attr(data-title); float: left; text-transform: uppercase; font-weight: bold; } } } } tfoot { td { height: 28px; background: #4d739c; } } } } .promocode { border: 1px solid #4d739c; overflow: hidden; float: left; font-size: 0; @media (max-width:800px) { float: none; margin-bottom: 10px; } input[type=text] { width: 168px; height: 41px; padding: 0 10px; border: none; display: inline-block; vertical-align: top; font-size: 14px; @media (max-width:800px) { width: 70% } @media (max-width:450px) { width: 100% } } input[type=submit] { border: none; display: inline-block; vertical-align: top; width: 180px; height: 41px; text-align: center; text-decoration: none; line-height: 41px; color: #ffffff; background: #4d739c; font-size: 14px; .transition-hover; &:hover { background: #f35924; } @media (max-width:800px) { width: 30% } @media (max-width:450px) { width: 100% } } } .allprice { font-size: 24px; color: #5e5e45; font-weight: 700; float: right; @media (max-width:800px) { float: left; } @media (max-width:450px) { font-size: 20px; line-height: 43px; } span { font-size: 32px; color: #f35924; @media (max-width:450px) { font-size: 24px; } &:after { content: " \f158"; font-family: @awesome; font-size: 25px; @media (max-width:450px) { font-size: 20px; } } } } .border_button { width: 160px; height: 43px; line-height: 39px; float: right; margin-left: 25px; } .order_info { overflow: hidden; width: 100%; border: 1px solid #cccccc; margin-bottom: 40px; li { float: left; line-height: 38px; width: 100%/3; text-align: center; font-weight: 700; font-size: 16px; color: #666666; @media (max-width:750px) { width: 100%; } span { font-size: 18px; color: #4d739c; &:after { content: " \f158"; font-family: @awesome; } } b { font-size: 18px; color: #f35924; &:after { content: " \f158"; font-family: @awesome; } } } } .delivery_block { border-bottom: 2px solid #e2e2e2; margin-bottom: 10px; label { font-size: 16px; color: #f35924; margin-bottom: 15px; } .jq-radio { margin-right: 10px; } p { margin-left: 30px; } } .delivery_back { width: 184px; height: 42px; line-height: 38px; border-color: #c5c7c8; background: #c5c7c8; float: left; margin: 0; @media (max-width:420px) { float: none; margin: 10px auto; } } .delivery_next { width: 184px; height: 42px; line-height: 38px; float: right; @media (max-width:420px) { float: none; margin: 10px auto; } } .object { .inside_block { text-align: center; display: block; text-decoration: none; border: 1px solid #cccccc; overflow: hidden; margin-bottom: 30px; font-weight: 700; color: #f35924; font-size: 12px; padding-bottom: 10px; .transition-hover; &:hover { border: 1px solid #f35924; color: lighten(#f35924, 20%); } .img_block { margin-bottom: 10px; font-size: 0; padding: 0 10px; &:before { content: ""; width: 0; height: 100%; display: inline-block; vertical-align: middle; } img { width: 100%; height: auto; display: inline-block; vertical-align: middle; } } } .col-xs-6 { @media (max-width:400px) { width: 100%; } } } .common_text_block { margin-bottom: 30px; overflow: hidden; .img_block { padding: 10px; float: left; margin-right: 30px; img { max-width: 100%; } @media (max-width:700px) { float: none; text-align: center; margin-right: 0; } } .common_text { p { b { font-size: 18px; font-style: italic; } } h5 { font-size: 18px; color: #f35924; margin-bottom: 15px; } } .bottom_nav { border-top: 2px solid #e2e2e2; padding-top: 10px; .back { width: 93px; float: left; margin-left: 0; } .nav { float: right; a { width: 93px; display: inline-block; vertical-align: top; float: none; &.left { &:before { content: "\f053"; font-family: @awesome; } } &.right { &:before { content: "\f054"; font-family: @awesome; } } } } } .download { width: 93px; float: right; } } .comment_form { border: 1px solid #cccccc; padding: 20px; overflow: hidden; .border-radius(@radius: 4px); label { display: block; font-weight: 700; color: #666666; margin-bottom: 12px; font-size: 0; span { display: inline-block; width: 15%; vertical-align: top; line-height: 30px; font-size: 14px; @media (max-width:1080px) { width: 20%; } @media (max-width:655px) { width: 100%; } } input { width: 460px; height: 30px; border: 1px solid #cfcfcf; padding: 0 10px; display: inline-block; font-size: 14px; @media (max-width:655px) { width: 100%; } } textarea { width: 85%; height: 118px; border: 1px solid #cfcfcf; padding: 10px; resize: none; display: inline-block; font-size: 14px; @media (max-width:1080px) { width: 80%; } @media (max-width:655px) { width: 100%; } } } .green_button { width: 120px; float: right; } } .map_block { iframe { width: 100%; height: 345px; @media (max-width:655px) { height: 150px; } } } .contact_info { margin-top: 30px; p { font-size: 16px; color: #666666; span { font-size: 18px; color: #f35924; } } } .contact_page { h6 { font-weight: 700; font-size: 16px; color: #f35924; } p { font-size: 16px; a { color: #f35924; text-decoration: underline; .transition-hover; &:hover { text-decoration: none; } } } } } } @media (max-width: 1055px){ margin-bottom: 0; padding-bottom: 345px; } } /* Left Sidebar -----------------------------------------------------------------------------*/ .left-sidebar { float: left; width: 202px; margin-left: -100%; position: relative; background: #fff; @media (max-width:1055px) { opacity: 0; visibility: hidden; margin-top: -20px; position: absolute; top: 0; margin-left: 0; width: 100%; z-index: 20; left: 0; padding-top: 2px; .transition-hover; &.open { visibility: visible; opacity: 1; margin-top: 0; } } .catalog_aside { overflow: hidden; li { display: table; float: left; margin: 0 1px 2px; a { display: block; width: 99px; height: 90px; padding: 10px; font-family: @cuprum; text-align: center; text-transform: uppercase; font-size: 12px; border: 1px solid #d7d7d7; color: #666666; text-decoration: none; position: relative; @media (max-width: 480px) { font-size: 11px; } @media (max-width:1055px) { width: 100%; } .transition-hover; span { display: table-cell; height: 42px; vertical-align: middle; width: 200px; } img { display: block; margin: 0 auto; } } &:hover { a { background: #ebebeb; } } } } .brand_aside { margin-top: 30px; @media (max-width:1055px) { display: none; } .brand_aside_inside { border: 1px solid #d7d7d7; .title { font-weight: 700; color: #ffffff; font-size: 14px; line-height: 35px; text-align: center; background: #f35924; a { color: inherit; text-decoration: inherit; } } .banner img { display: block; margin: 10px auto; } } .carousel_vertical { position: relative; overflow: hidden; .carousel-button-top { width: 65px; height: 22px; position: absolute; top: -1px; left: 50%; margin-left: -65px/2; border: 1px solid #d7d7d7; -webkit-border-bottom-right-radius: 2px; -webkit-border-bottom-left-radius: 2px; -moz-border-radius-bottomright: 2px; -moz-border-radius-bottomleft: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; text-align: center; line-height: 22px; text-decoration: none; color: #666666; &:before { content: "\f077"; font-family: @awesome; } } .carousel-button-bottom { width: 65px; height: 22px; border: 1px solid #d7d7d7; position: absolute; bottom: -1px; left: 50%; margin-left: -65px/2; -webkit-border-top-left-radius: 2px; -webkit-border-top-right-radius: 2px; -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; text-align: center; line-height: 22px; text-decoration: none; color: #666666; &:before { content: "\f078"; font-family: @awesome; } } .carousel-wrapper { margin: 40px 0; overflow: hidden; position: relative; .carousel-items { position: relative; .carousel-block { text-align: center; a { display: block; padding: 10px 0; } } } } } } } .tabs_detail { margin-top: 20px; li { display: inline-block; a { line-height: 30px; padding: 0 20px; background: #4d739c; color: #fff; text-decoration: none; display: block; .transition-hover; &:hover { opacity: .7; } &.active { background: #f35924; } @media (max-width: 420px) { padding: 0 10px; } @media (max-width: 355px) { font-size: 12px; } } } } .tab_content { display: none; border: 2px solid #4d739c; padding: 20px; &.active { display: block; } .rew_table { td { padding-bottom: 20px; } } .renderedtable { td { border: 1px solid #cccccc; padding: 10px; } } // .rating-block { // width: 40%; // float: right; // } #question_form, #review_form { margin: 20px 0; } .question-block { margin-bottom: 15px; } input[type=text] { width: 50%; border: solid 1px #ababab; padding: 5px 10px; color: #3b4145; font-size: 16px; height: 40px; margin-bottom: 20px; @media (max-width: 700px) { width: 100% } } select { width: 50%; border: solid 1px #ababab; padding: 5px 10px; color: #3b4145; font-size: 16px; height: 40px; margin-bottom: 20px; @media (max-width: 700px) { width: 100% } } textarea { width: 100%; border: solid 1px #ababab; padding: 10px; color: #3b4145; font-size: 16px; height: 150px; margin-bottom: 20px; resize: none; } input[type=submit] { width: 200px; font-size: 14px; margin: 0 auto; } .question-block { a { line-height: 30px; background: #f35924; text-align: center; text-decoration: none; color: #fff; display: block; } } .question-block-open { a { line-height: 30px; background: lighten(#f35924, 10%); text-align: center; text-decoration: none; color: #fff; display: block; } } } /* Footer -----------------------------------------------------------------------------*/ .footer { margin: -345px auto 0; min-height: 345px; background: #ffffff; position: relative; border-top: 20px solid #4d739c; .common_footer { padding-top: 30px; overflow: hidden; font-size: 0; &>div { margin-bottom: 13px; &.footer_links { padding-right: 24px; border-right: 1px solid #e5e5e5; margin-right: 24px; display: inline-block; vertical-align: top; @media (min-width: 1200px) { max-width: 20%; } @media (max-width: 1200px) { width: 15%; margin-right: 3%; } @media (max-width: 1000px) { width: 30%; margin-right: 3%; } @media (max-width: 825px) { width: 40%; margin: 0 5% 20px; &:nth-child(2n) { border: none; } } @media (max-width: 580px) { width: 100%; } } &.footer_over { display: inline-block; vertical-align: top; float: right; @media (max-width: 1000px) { width: 34%; } @media (max-width: 825px) { width: 100%; } .liveinternet { clear: both; text-align: center; display: block; margin: 0 auto; } } } .title { font-weight: 700; font-size: 16px; color: #f35924; margin-bottom: 20px; } a:not([class]) { display: table; color: #666666; text-decoration: none; line-height: 24px; font-size: 14px; .transition-hover; &:hover { color: #f35924; } } .contact_footer { font-weight: 700; color: #5e5e45; text-align: right; @media (max-width: 825px) { text-align: center; } .phone { font-size: 26px; } .over { font-size: 14px; margin: 8px 0; color: #f35924; a { color: #666666; text-decoration: none; font-weight: 400; display: inline; .transition-hover; &:hover { color: #f35924; } } span { color: #666666; font-weight: 400; } } .border_button { margin-top: 20px; margin-bottom: 10px; width: 235px; float: right; font-weight: 400; font-size: 14px; @media (max-width: 825px) { float: none; margin: 20px auto; } } } } .copy { padding: 30px 0px; background: url('../images/header_bg.png'); text-align: center; font-size: 14px; color: #666666; } } .close_menu_layer { position: absolute;top: 0; left: 0; right: 0; bottom: 0; background: #000; opacity: .2; z-index: 500; display: none; } #prModal { img { max-width: 100%; } } #modal_q { .modal-content { .border-radius(@radius: 0px); color: #fff; .modal-header { background: #f35925; .modal-title { font-weight: 700; } .close { color: #fff; opacity: .7; } } .modal-body { color: #5e5e45; line-height: 40px; input[type="text"], textarea { background: #ffffff; border: solid 1px #ababab; vertical-align: top; padding: 5px 10px; color: #3b4145; font-size: 16px; height: 40px; width: 100%; .border-radius(@radius: 6px); margin-bottom: 20px; } textarea { height: 100px; resize: none; } } .orange_button { width: 150px; float: right; } } } #modal-body h1 { padding: 18px 0; font-weight: 700; font-size: 30px; color: #f35924; border-bottom: 2px solid #e2e2e2; margin-bottom: 20px; text-align: center; } #order { margin-bottom:20px; font-size:18px; } #order h2 { font-weight:bold; color:#8ea2af; } #order p { padding-bottom:10px; border-bottom:solid 1px #fff; } #order label { margin-bottom:10px; display:inline-block; } #order label.input-block { height: 38px; display:block; background:#a5bccb; color:#ffffff; font-size:16px; padding-left:20px; overflow:hidden; border-radius:6px; border:solid 1px #ababab; line-height:38px; margin:10px 0; } #order label.input-block input[type="text"] { float:right; border:0 none; background:#ffffff; padding:5px 10px; color:#111111; font-size:16px; font-style:italic; height:28px; width:50%; } #order h2 { color:#b0b0b2; font-weight:bold; margin-bottom:10px; } #order h4{ margin-bottom:10px; } #order .block { display: inline-block; width: 100%; padding:20px 20px 10px; border: solid 1px #e2e2e2; background: #ffffff; } #order .block.left-content label{ text-align: left !important } #order .block .left-text{ display: inline-block; width: 210px; } #order .block .right-text{ display: inline-block; width: 110px; margin-left: 100px; } #order .block h4 { padding-left: 205px; } #order .block label { display:block; text-align:left; font-weight:bold; font-size:16px; line-height: 40px; } #order input[type="text"], #order textarea { line-height: 30px; background:#ffffff; border: 1px solid #cfcfcf; vertical-align:top; padding:5px 10px; color:#3b4145; font-size:16px; height:30px; width: 100%; margin-bottom: 20px; } #order textarea { height: 120px; resize:vertical; } #order input[type="text"].true { background:#e7ffe1; } #order input[type="text"].false { background:#ffc9c9; } #order label.input-block > input[type="text"].true { background:#e7ffe1; } #order label.input-block > input[type="text"].false { background:#ffc9c9; } #order .block label.short { width:388px; float:left; } #order .block label.short input[type="text"], #order .block label.short ~ label input[type="text"] { width:160px; } #order .block label .phone { color:#7bad18; font-size:24px; padding-left:10px; display:inline-block; width:470px; text-align:left; } #order .block label .phone input[type="text"] { font-size:24px; font-weight:bold; } #order .block label .phone input[type="text"]:nth-of-type(1) { width: 40px; } #order .block label .phone input[type="text"]:nth-of-type(2) { width: 130px; } #order .block label .doubleline { display:inline-block; vertical-align:top; line-height:20px; } #order input[type="submit"], #order input[type="button"]{ margin-top: 20px; } .phone_number_order .info_phone_office_1 { width: 50px !important; } .phone_number_order .info_phone_office_2 { width: 150px !important; } .rew_block { margin-top: 50px; .title { font-weight: 700; font-size: 20px; color: #4d739c; display: inline-block; margin-right: 10px; @media (max-width: 510px) { display: block; } } .star { display: inline-block; color: #dddddd; margin-right: 5px; &:after { content: "\f005"; font-family: @awesome; font-size: 30px; } &.all_star { color: #ffbe54; } } .common_rating { font-size: 20px; font-weight: 700; color: #3b4145; strong { color: #f35924; font-weight: 700; } } } .rating-block { border: 1px solid #4d739c; width: 270px; float: right; @media (max-width: 780px) { float: none; } .title { background: #4d739c; line-height: 28px; font-weight: 700; padding: 0 10px; color: #fff; font-size: 14px; } table { td { padding: 10px; .bar { background: #cccccc; width: 165px; height: 19px; position: relative; .progress-bar { background: #f35924; height: 19px; span { position: absolute; top: 0; right: 10px; } } } } } } .rew_list { li { margin-bottom: 20px; .rat_top { padding: 10px 0; border-bottom: 1px solid #dddddd; .name { display: inline-block; font-weight: 700; font-size: 20px; color: #4d739c; margin-right: 20px; @media (max-width: 500px) { display: block; } } .star { display: inline-block; color: #dddddd; margin-right: 5px; &:after { content: "\f005"; font-family: @awesome; font-size: 20px; } &.all_star { color: #ffbe54; } } .rat { font-weight: 700; color: #666666; font-size: 16px; display: inline-block; margin-left: 20px; @media (max-width: 500px) { display: block; margin-left: 0; } strong { font-weight: 700; color: #f35924; } } } .title { font-weight: 700; font-size: 16px; color: #666666; padding: 10px 0; } p { font-size: 14px; color: #666666; } } } .question_block { background: url('../images/question.png') top 20px left no-repeat; padding-left: 70px; padding-top: 10px; margin-top: 20px; margin-bottom: 20px; .question { margin-bottom: 30px; .name { padding: 10px 0; font-weight: 700; font-size: 18px; color: #666666; border-bottom: 1px solid #c5c5c5; margin-bottom: 10px; } } .answer { border-top: 2px solid #4d739c; border-bottom: 2px solid #4d739c; padding: 20px 0 5px; img { display: block; margin-bottom: 15px; } p { font-weight: 700; } } } .recapcha_block { display: inline-block; width: 100%; } .recapcha_block > div { float: right; } .navi-link, .maps-link {display: flex; flex-flow: row nowrap; align-items: center;} .navi-link i, .maps-link i {display: block; width: 40px; height: 30px; margin-right: 14px; background: center center no-repeat transparent; background-size: contain;} .navi-link i {background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABPCAYAAAAdiWChAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDM1MiwgMjAyMC8wMS8zMC0xNTo1MDozOCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo3N0JCQjEyNTk5MkRFQzExQUQ5MEY1RDA5QUE1OTRFMiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozOTBEMDRGODJEOUYxMUVDQjM2OEYyNjIxRDE0RTFCMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozOTBEMDRGNzJEOUYxMUVDQjM2OEYyNjIxRDE0RTFCMSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjMyRUM4QkQ2MkQ5RDExRUNCODVCQkQ0NTJDMTA3Mzk4IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjMyRUM4QkQ3MkQ5RDExRUNCODVCQkQ0NTJDMTA3Mzk4Ii8+IDwvcmRmOkRlc2NyaXB0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');} .maps-link i {background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABOCAYAAADW1bMEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDM1MiwgMjAyMC8wMS8zMC0xNTo1MDozOCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo3N0JCQjEyNTk5MkRFQzExQUQ5MEY1RDA5QUE1OTRFMiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0OEU3NDIyQTJEOUYxMUVDQjAwOUQyQzNFODUxMDgwQSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0OEU3NDIyOTJEOUYxMUVDQjAwOUQyQzNFODUxMDgwQSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjMyRUM4QkQ2MkQ5RDExRUNCODVCQkQ0NTJDMTA3Mzk4IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjMyRUM4QkQ3MkQ5RDExRUNCODVCQkQ0NTJDMTA3Mzk4Ii8+IDwvcmRmOkRlc2NyaXB0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');}