/** * J!Blank Template for Joomla by JBlank.pro (JBZoo.com) * * @package JBlank * @author SmetDenis * @copyright Copyright (c) JBlank.pro * @license http://www.gnu.org/licenses/gpl.html GNU/GPL * @link http://jblank.pro/ JBlank project page */ /* just example of css import */ /* just for test repaltive paths @import url('print.css'); @import url('reset.css'); */ /************************************* FRONTEND STYLES *************************************************/ body { padding: 0; margin: 0; font-family: 'PT Sans', sans-serif; color: #434343; font-size: 16px; } a { color: #0071bb; -moz-transition: color 0.2s 0.02s ease; -o-transition: color 0.2s 0.02s ease; -webkit-transition: color 0.2s 0.02s ease; text-decoration: none; border-bottom: 1px dashed #0071bb; } a:hover { border-bottom: 1px solid #004699; color: #004699; } .blockCenter { width: 1170px; margin: 0 auto; } .lineOnblack { border-top: 1px solid #353535; border-bottom: 1px solid #696969; } .clearfix::after { content: ""; display: table; clear: both; } .h2_line { background-color: #0085bd; height: 3px; width: 100px; margin: 15px auto; } #header { } #header .topHead { min-height: 55px; background-color: #f6f6f6; padding: 0;/* margin-top: -20px;*/ } #header .topHead_adress { padding: 15px 0; line-height: 23px; float: left; position: relative; } #header .topHead_adress .city_tooltip { position: absolute; font-size: 14px; background-color: #efefef; padding: 10px 15px; background-color: #f8f7f5; background-clip: padding-box; border: 1px solid #e6e6e6; border-radius: 10px; box-shadow: 0 10px 20px -5px rgba(0,0,0,.4); top: 60px; z-index: 100; } #header .topHead_adress .city_tooltip:before { content: ""; position: absolute; left: 14%; top: -8px; width: 14px; height: 14px; background-color: #f8f7f5; border-top: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6; border-bottom: none; border-right: none; transform: rotate(45deg);} .btn_yes_reg { display: inline-block; padding: 0px 8px; border-radius: 2px; background-color: #47a85c; color: #fff; font-size: 13px; border-bottom: none; margin: 0 5px; } .btn_yes_reg:hover { border-bottom: none; color: #fff; background-color: #3a954e; } .btn_no_reg { color: #434343; border-bottom: 1px dashed #434343; } .btn_no_reg:hover { color: #cb4a3c; border-bottom: 1px dashed #cb4a3c; } #header .topHead_adress div.custom { display: inline; } #header .topHead_adress div.custom p { display: inline; } #header .link_arrow_red { background-image:url(/templates/jblank/images/icons/link_arrow_blue.png); background-repeat: no-repeat; padding: 0 17px 0 0; margin: 0 7px 0 0px; background-position: right 8px; border-bottom: none; } #header .link_arrow_red:hover { color: #004699; background-image:url(/templates/jblank/images/icons/link_arrow_blue2.png); border-bottom: none; } #header .icon_map_white_head { width: 18px; height: 24px; background-image:url(/templates/jblank/images/icons/icon_map_white_head.png); background-repeat: no-repeat; display: block; float: left; margin: 0 10px 0 0; } #header .topMenu { float: right; margin: 0 20px 0 0; } #header .topMenu ul { padding: 0; margin: 0; } #header .topMenu ul li { float: left; list-style-type: none; padding: 15px 10px; } #header .topMenu ul li a { line-height: 24px; transition: 0.4s; border-bottom: 1px dashed #0071bb; } #header .topMenu ul li a:hover { border-bottom: 1px solid #004699; } #header .topHead2 { padding: 15px 0; min-height: 110px; } #header .logoHead { width: 200px; float: left; margin: 28px 0 0 0; }/* для обычного лого margin: 28px 0 0 0 ; */ #header .contactHead { float: left; margin: 29px 0 0 59px; } #header .contactHead .contactHead_item { display: inline-block; margin: 0 25px; } #header .contactHead .contactHead_item_icon { width: 26px; height: 24px; float: left; margin-top: 22px; background-repeat: no-repeat; } #header .emailHead .contactHead_item_icon { background-image:url(/templates/jblank/images/icons/icon_email_grey.png); } #header .timeHead .contactHead_item_icon { background-image:url(/templates/jblank/images/icons/icon_time_grey.png); } #header .phoneHead .contactHead_item_icon { background-image:url(/templates/jblank/images/icons/icon_phone_grey.png); } #header .contactHead .contactHead_item_rightblock { margin: 0 0 0 15px; float: right; } #header .contactHead .contactHead_item_rightblock_title { font-size: 14px; color: #696969; } #header .contactHead .contactHead_item_rightblock_text { font-weight: bold; font-size: 20px; } #header .contactHead .contactHead_item_rightblock_desc { font-size: 14px; color: #696969; } #header .callbackHead { background: none; width: 90px; height: 90px; border: 0; outline: none; box-sizing: border-box; box-shadow: inset 0 0 0 2px #f45e61; font-size: 15px; position: relative; vertical-align: middle; border-radius: 100%; box-shadow: none; background-color: rgba(0, 0, 0, 0.35); cursor: pointer; } #header .contactHead .callbackHead:hover { color: #dcd85a !important; } #header .callbackHead::before, .callbackHead::after { box-sizing: inherit; content: ''; position: absolute; width: 100%; height: 100%; border-radius: 100%; } .topHead .blockCenter{width: 1250px;} @media(max-width: 1250px){.topHead .blockCenter{width: 100%;}} .collum2 { -webkit-column-width: 200px; -moz-column-width: 200px; column-width: 200px; -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; -webkit-column-rule: 1px solid #ccc; -moz-column-rule: 1px solid #ccc; column-rule: 1px solid #ccc; } .spin { padding: 0; color: #efefef; } .spin:hover { color: #dcd85a; } .spin:before, .spin:after { top: 0; left: 0; } .spin:before { border: 2px solid transparent; } .spin:hover:before { border-top-color: #dcd85a; border-right-color: #dcd85a; border-bottom-color: #dcd85a; -webkit-transition: border-top-color 0.15s linear, border-right-color 0.15s linear 0.1s, border-bottom-color 0.15s linear 0.2s; transition: border-top-color 0.15s linear, border-right-color 0.15s linear 0.1s, border-bottom-color 0.15s linear 0.2s; } .spin:after { border: 0 solid transparent; } .spin:hover:after { border-top: 2px solid #dcd85a; border-left-width: 2px; border-right-width: 2px; -webkit-transform: rotate(270deg); transform: rotate(270deg); -webkit-transition: border-left-width 0s linear 0.35s, -webkit-transform 0.4s linear 0s; transition: border-left-width 0s linear 0.35s, -webkit-transform 0.4s linear 0s; transition: transform 0.4s linear 0s, border-left-width 0s linear 0.35s; transition: transform 0.4s linear 0s, border-left-width 0s linear 0.35s, -webkit-transform 0.4s linear 0s; } /* button { background: none; border: 0; box-sizing: border-box; padding: 1em 2em; box-shadow: inset 0 0 0 2px #72ccf2; color: #72ccf2; font-size: inherit; font-weight: 700; position: relative; } button::before, button::after { box-sizing: inherit; content: ''; position: absolute; width: 100%; height: 100%; border-radius: 4px; }*/ .float__butt{ position: fixed; bottom: 40px; left: 40px; z-index: 9999999; width: 80px; height: 80px; text-align: center; background: red; border-radius: 50%; } .float__butt a{ color: #fff; font-size: 14px; /* padding: 15px; */ border: none; /* border-radius: 10px; */ /* background: red; */ padding-top: 20px; display: block; } .float__butt a:hover{ text-decoration: revert; } .my_mail_dir{ text-decoration: none; padding: 11px 20px; border: 1px solid #72ccf2; border-radius: 10px; margin-top: 15px; text-align: center; font-size: 16px; color: #72ccf2; } a.my_mail_dir:hover{ border-bottom: 1px solid #72ccf2; color: #fff; border: 1px solid #fff; transition: 0.85s; } .footer_table_left_content_social_items{ margin-bottom: 20px; } .b24-widget-button-social-item { border-bottom: none !important; } .draw { -webkit-transition: color 0.25s; transition: color 0.25s; border-radius: 4px; } .draw::before, .draw::after { border: 2px solid transparent; width: 0; height: 0; border-radius: 4px; } .draw::before { top: 0; left: 0; } .draw::after { bottom: 0; right: 0; } .draw:hover { color: #60daaa; border-radius: 4px; } .draw:hover::before, .draw:hover::after { width: 100%; height: 100%; border-radius: 4px; } .draw:hover::before { border-top-color: #60daaa; border-right-color: #60daaa; -webkit-transition: width 0.25s ease-out, height 0.25s ease-out 0.25s; transition: width 0.25s ease-out, height 0.25s ease-out 0.25s; border-radius: 4px; } .draw:hover::after { border-bottom-color: #60daaa; border-left-color: #60daaa; -webkit-transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s; transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s; border-radius: 4px; } .meet:hover { color: #ff6868; border-radius: 4px; } .meet::after { top: 0; left: 0; border-radius: 4px; } .meet:hover::before { border-top-color: #ff6868; border-right-color: #ff6868; border-radius: 4px; } .meet:hover::after { border-bottom-color: #ff6868; border-left-color: #ff6868; -webkit-transition: height 0.25s ease-out, width 0.25s ease-out 0.25s; transition: height 0.25s ease-out, width 0.25s ease-out 0.25s; border-radius: 4px; } .callbackHead_out { float: right; background-color: #f1f0ee; border-radius: 50%; padding: 5px; margin: 18px 0; } #header .callbackHead_out a { color: #0071bb; padding: 20px 0 0 0; } #header .callbackHead_out a:hover { border-bottom: none; } .hovicon { display: inline-block; font-size: 14px; cursor: pointer; width: 80px; height: 60px; border-radius: 50%; text-align: center; position: relative; text-decoration: none; border-bottom: none; z-index: 1; color: #fff; } .hovicon:after { pointer-events: none; position: absolute; width: 100%; height: 100%; border-radius: 50%; content:''; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .hovicon:before { speak: none; font-size: 48px; line-height: 90px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; display: block; -webkit-font-smoothing: antialiased; } .hovicon.effect-8 { background: rgb(255, 255, 255); -webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s; -moz-transition: -moz-transform ease-out 0.1s, background 0.2s; transition: transform ease-out 0.1s, background 0.2s; } .hovicon.effect-8:after { top: 0; left: 0; padding: 0; z-index: -1; box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1); opacity: 0; -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); } .hovicon.effect-8:hover { background: rgba(255, 255, 255, 0.05); -webkit-transform: scale(0.93); -moz-transform: scale(0.93); -ms-transform: scale(0.93); transform: scale(0.93); color: #fff; } .hovicon.effect-8:hover i { color: #fff; } .hovicon.effect-8:hover:after { -webkit-animation: sonarEffect 1.3s ease-out 75ms; -moz-animation: sonarEffect 1.3s ease-out 75ms; animation: sonarEffect 1.3s ease-out 75ms; } @-webkit-keyframes sonarEffect { 0% { opacity: 0.3; } 40% { opacity: 0.5; box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #0071bb, 0 0 0 10px rgba(255, 255, 255, 0.5); } 100% { box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #0071bb, 0 0 0 10px rgba(255, 255, 255, 0.5); -webkit-transform: scale(1.5); opacity: 0; } } @-moz-keyframes sonarEffect { 0% { opacity: 0.3; } 40% { opacity: 0.5; box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #0071bb, 0 0 0 10px rgba(255, 255, 255, 0.5); } 100% { box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #0071bb, 0 0 0 10px rgba(255, 255, 255, 0.5); -moz-transform: scale(1.5); opacity: 0; } } @keyframes sonarEffect { 0% { opacity: 0.3; } 40% { opacity: 0.5; box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #0071bb, 0 0 0 10px rgba(255, 255, 255, 0.5); } 100% { box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #0071bb, 0 0 0 10px rgba(255, 255, 255, 0.5); transform: scale(1.5); opacity: 0; } } .topHead3 { background: #0071bb; height: 50px; margin-top: 15px; background-image:url(/templates/jblank/images/inner/bg_main_menu.png); background-repeat: no-repeat; background-position: center center; } #header .topHead3_1 { background: #0071bb; width: 100%; color: #fff; margin-top: 15px; } #header .topHead3_1_items { display: flex; flex-wrap: wrap; justify-content: space-between; } #header .topHead3_1_items a { color: #fff; text-decoration: none; padding: 15px 13px; width: 8%; text-align: center;font-size: 15px; border-bottom: none;} #header .topHead3_1_items a:hover { background-color: #046baf; } #header .topHead3_1_items #Layer_1 { height: 55px; margin: 0 0 10px 0; } #btn_openclose_catalog { padding: 12px 25px 12px 50px; font-weight: bold; font-size: 20px; text-transform: uppercase; background-image: url(/templates/jblank/images/icons/sprite_menu.png); background-repeat: no-repeat; background-position: 3px 9px; } #openclose_flag_catalog { float: right; font-size: 32px; margin: -9px 0 0 0; } .searchHead { float: left; margin: 33px 0 0 80px; } #search { float: left; width: 675px; position: relative; border: 2px solid #e4e8ee; border-radius: 4px; width: 400px; } #search form { padding: 0 0 0 55px; background-image:url(/templates/jblank/images/icons/icon_search.png); background-repeat: no-repeat; background-position: 16px; } #search form input[type="search"]{ background: transparent; border: none; outline: none; color: #696969; font-style: italic; line-height: 50px; font-size: 16px; padding: 0px; width: 265px; } #search form button { border: 1px solid #696969; background: transparent; padding: 4px 10px; border-radius: 4px; cursor: pointer; outline: none; box-shadow: none; font-size: 14px; font-weight: normal; color: #696969; } #search form button:hover { background: #e6f5ff; } #search form button:active { background: #0071bb; color: #fff; border: 1px solid #005f9d; } #search input::-webkit-search-decoration, #search input::-webkit-search-cancel-button, #search input::-webkit-search-results-button, #search input::-webkit-search-results-decoration { display: none; } #search input:-webkit-autofill { -webkit-box-shadow: inset 0 0 0 50px #353535 !important; -webkit-text-fill-color: #efefef !important; color: #efefef !important; } #search #search_result { background-color: #efefef; color: #434343; padding: 10px 0; position: absolute; z-index: 2; width: 648px; display: none; left: -2px; top: 48px;} #search .search_item { padding: 10px 15px; overflow: hidden; } #search .search_item:hover { background-color: #e4e4e4; } #search .search_item_left { float: left; width: 60px; height: 40px; border: 1px solid #ccc; background-color: #fff; border-radius: 4px; padding: 2px; text-align: center; display: flex; align-items: center; } #search .search_item_left a { border-bottom: none; display: flex; width: 60px; align-items: center; justify-content: center; } #search .search_item_left img { max-height: 40px; max-width: 60px; } #search .search_item_right { float: right; width: 540px; } #search .search_item_right_btn { float: right; } #search .search_item_right_rating { float: right; height: 34px; margin: 7px 0 0 0; line-height: 34px; } #search .search_item_right_rating img { float: left; margin: 0 10px 0 0; } #search .search_item_right_compare { border: 1px solid #ccc; width: 32px; height: 32px; display: block; float: right; margin: 7px 0 0 20px; border-radius: 4px; background-image:url(/templates/jblank/images/icons/icon_search_compare.png); background-repeat: no-repeat; } #search .search_item_right_compare:hover { border: 1px solid #ccc; background-color: #e4ffe4; } #search .search_item_right_name { font-size: 16px; } #search .search_item_right_name a { color: #434343; border-bottom: 1px dashed #434343; } #search .search_item_right_name a:hover { border-bottom: 1px solid #004699; color: #004699; } #search .search_item_right_price { font-size: 14px; padding: 7px 0 0 0; } #search .search_result_header { overflow: hidden; padding: 5px 15px 10px; } #search .search_result_title { float: left; font-weight: bold; } #search .search_result_close { float: right; font-size: 13px; padding: 2px 0 0 0; border-bottom: 1px dashed #434343; cursor: pointer; } #search .search_result_close:hover { border-bottom: 1px solid #f36767; color: #f36767; } #search #search_input_loader { display: none; width: 20px; height: 20px; position: absolute; top: 16px; right: 115px; background-image: url(/templates/jblank/images/icons/45.gif); background-repeat: no-repeat; } #search .search_footer { padding: 10px 15px; font-size: 14px; } #search .search_footer a { color: #0071bb; } /*----- Слайдер на главной -----*/ #slider { background-color: #f6f6f6; min-height: 420px; } #slider .bx-wrapper { background: #f6f6f6; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: none; margin-bottom: 0px; } #slider .bx-wrapper .bx-controls-direction a { border-bottom: none; } #slider .bx-wrapper .bx-prev { left: 45px; } #slider .bx-wrapper .bx-next { right: 45px; } #slider .bx-wrapper .bx-pager { bottom: 25px; } #slider .bx-wrapper .bx-pager.bx-default-pager a { border-bottom: none; width: 30px; height: 4px; } #slider .bx-wrapper .bx-pager.bx-default-pager a.active { background-color: #4ea3dd; } #slider .bx-wrapper .bx-loading { background: url(/scripts/bxslider/css/images/bx_loader.gif) center center no-repeat #3f3f3f; } #slider .slide_1 { height: 420px; background: url(/images/banners/slide_1.jpg) center center no-repeat #3f3f3f; } #slider .slide_new { height: 420px; background: url(/images/banners/slide_new.jpg) center center no-repeat #3f3f3f; } #slider .slide_1 .title_center_white { color: #fff; font-size: 36px; text-align: center; font-weight: bold; text-transform: uppercase; padding: 60px 0 25px 0; margin: 0 auto; width: 645px; } #slider .alta { color: #ff5656; } #slider .profil { color: #4ea3dd; } #slider .desc_center_white { color: #fff; text-align: center; width: 540px; margin: 0 auto; padding: 0 0 45px 0; } #slider .cifra_items { display: flex; color: #fff; justify-content: center; } #slider .cifra_item { width: 140px; margin: 0 15px; padding: 0 0 0 100px; } #slider .cifra_item_title { font-size: 45px; font-weight: bold; } #slider .cifra_item_desc { } #slider .cifra_1 { background: url(/templates/jblank/images/icons/icons_cifra.png) 0 -152px no-repeat; } #slider .cifra_2 { background: url(/templates/jblank/images/icons/icons_cifra.png) 0 0 no-repeat; } #slider .cifra_3 { background: url(/templates/jblank/images/icons/icons_cifra.png) 0 -304px no-repeat; } #slider .cifra_4 { background: url(/templates/jblank/images/icons/icons_cifra.png) 0 -474px no-repeat; } #slider .slide_disain { height: 420px; background: url(/images/banners/slide_disain.jpg) center center no-repeat #3f3f3f; } #slider .slide_disain .disain_content { width: 575px; float: right; } #slider .slide_disain .disain_title { font-weight: bold; font-size: 36px; color: #fff; padding: 65px 100px 15px 0; } #slider .slide_disain .disain_desc { color: #fff; padding: 0 100px 25px 0; } #slider .slide_disain .disain_btn { display: inline-block; padding: 12px 20px; border: 2px solid #4ea3dd; color: #4ea3dd; border-radius: 4px; font-weight: bold; } #slider .slide_disain .disain_btn:hover { border-color: #fff; color: #fff; } #slider .slide_bespdos { height: 420px; background: url(/images/banners/banner_dostavka_0rub.jpg) center center no-repeat #3f3f3f; } #slider .slide_bespdos .bespdos_btn { position: absolute; padding: 12px 20px; border: 2px solid #fff; color: #fff; border-radius: 4px; font-weight: bold; right: 308px; top: 257px;} #slider .slide_bespdos .bespdos_btn:hover { border-color: #ff5a47; color: #ff5a47; } #slider .bespdos_text { display: none; } @media (max-width: 480px ) { .mod_top_action_text img{ display: none; } .mod_top_action_text{ justify-content: center; font-size: 25px; } #slider .slide_bespdos { text-align: center; } #slider .bespdos_text { display: flex; margin: 107px 25px 25px 25px; font-size: 32px; padding: 25px; background-color: #ffffffd1; } #slider .slide_bespdos .bespdos_btn { top: 0; right: 0; position: relative; display: inline-block; } #clockdiv{display: grid!important;} .mod_top_action_form_inputs{display: flex !important;} .top_action input[name="phone"] {width: 135px!important; margin-left: unset!important;} .top_action button {width: 199px!important; margin-left: unset!important;} } @media (max-width: 1000px ) { .mod_top_action_form_inputs{flex-direction: column;} .top_action input[name="phone"]{margin-bottom: 5px;} } #slider .slide_laminat { height: 420px; background: url(/images/banners/slide_laminat.jpg) center center no-repeat #3f3f3f; } #slider .slide_laminat .laminat_content { text-align: center; padding: 100px 0 0 0; } #slider .slide_laminat .laminat_title { font-weight: bold; font-size: 36px; color: #ff5c60; padding: 0 15px; } #slider .slide_laminat .laminat_desc { color: #fff; font-size: 20px; padding: 10px 15px; } #slider .slide_laminat .laminat_desc strong { color: #4ea3dd; } #slider .slide_laminat .laminat_prod { display: flex; justify-content: center; flex-wrap: wrap; } #slider .slide_laminat .laminat_prod a { color: #fff; margin: 15px 25px; border-bottom: none; } #slider .slide_laminat .laminat_prod a:hover { color: #4ea3dd; } #slider .slide_laminat .laminat_prod a:hover img { border: 2px solid #4ea3dd; } #slider .slide_laminat .laminat_prod a img { width: 120px; height: 120px; margin: 0 0 15px 0; border-radius: 50%; border: 2px solid #fff; display: inline; } #slider .slide_laminat .laminat_btn { display: inline-block; padding: 12px 20px; border: 2px solid #4ea3dd; color: #4ea3dd; border-radius: 4px; font-weight: bold; } #slider .slide_laminat .laminat_btn:hover { border-color: #fff; color: #fff; } #slider .slide_blackfriday { height: 420px; background: url(/images/banners/slide_blackfriday.jpg) center center no-repeat #3f3f3f; } #slider .slide_blackfriday_title { color: #fff; text-align: center; padding: 250px 0 15px 0; font-size: 32px; font-weight: bold; } #slider .slide_blackfriday_desc { color: #fff; text-align: center; } /* Основное меню сайта */ .icemegamenu { width: 850px; float: left; position: relative; } #icemegamenu { padding: 0; margin: 0; } #icemegamenu li.iceMenuLiLevel_1 { padding: 0; list-style-type: none; float: left; margin: 0 28px 0 0; } #icemegamenu li.iceMenuLiLevel_1:last-of-type { margin: 0 !important; } #icemegamenu li.iceMenuLiLevel_1 a { height: 50px; display: block; padding: 0 18px 0 0; font-size: 17px; line-height: 50px; font-weight: bold; color: #fff; background-image:url(/templates/jblank/images/icons/link_arrow_white.png); background-repeat: no-repeat; background-position: right; } #icemegamenu li.iceMenuLiLevel_1 a:hover { color: #fff; background-image:url(/templates/jblank/images/icons/link_arrow_red.png); } #icemegamenu li.iceMenuLiLevel_1:hover a { color: #ff7891; background-image: url(/templates/jblank/images/icons/link_arrow_red.png); } #icemegamenu ul.icesubMenu { padding: 0; margin: 0; position: absolute; z-index: 600; top: 80px; left: 0; visibility:visible; background-color: #efefef; max-height:0; overflow:hidden; opacity: 0; -webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; -ms-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out; } #icemegamenu > li:hover > ul.icesubMenu { opacity: 1; max-height:1000px; overflow:visible; top: 50px; } #icemegamenu ul.icesubMenu ul > li { position:relative; } #icemegamenu ul.icesubMenu li { list-style-type:none; } #icemegamenu ul.icesubMenu ul { padding:0; margin: 0; } #icemegamenu ul.icesubMenu > li a.iceMenuTitle { height:auto; display:block; font-size:16px; padding:0 0 0 25px; font-weight: normal; margin:0; color: #434343; border-bottom:1px dashed #ccc; border-radius:0; /*background:url(../images/point.png) no-repeat 9px 10px;*/} /* when is parent */ #icemegamenu ul.icesubMenu li.parent { background: url(../images/arrow.png) no-repeat 93% 45%; } /* hover and active */ #icemegamenu ul.icesubMenu ul > li:hover > a, #icemegamenu ul.icesubMenu ul > li.active > a { /*background-color:#DEDEDE;*/ } #icemegamenu li.iceMenuLiLevel_1 .mysub1 a { font-size: 17px; font-weight: bold; background-image: none; color: #696969; } #icemegamenu li.iceMenuLiLevel_1 .mysub1 a:hover { color: #c5334e; } #icemegamenu li.iceMenuLiLevel_1 .mysub2 { overflow: hidden; } #icemegamenu li.iceMenuLiLevel_1 .mysub2 a { font-size: 16px; font-weight: normal; background-image: none; color: #696969; float:left; display: block; border: 1px solid #ccc; text-align: center; border-radius: 2px; padding: 10px 15px; line-height: 20px; height: auto; margin: 0 15px 15px 0; position: relative; } #icemegamenu li.iceMenuLiLevel_1 .mysub2 a:hover { border: 1px solid #c5334e; color: #c5334e; } #icemegamenu .item_block_submenu { float: left; width: 210px; padding: 10px 10px 35px 10px; } #icemegamenu .item_block_submenu p { font-weight: bold; font-size: 17px; } #icemegamenu .item_block_submenu ul li { padding: 3px 0; background-image: none; height: auto; } #icemegamenu .item_block_submenu ul li > li { padding: 3px 0 3px 5px; background-image: none; height: auto; } #icemegamenu li.iceMenuLiLevel_1:hover .item_block_submenu ul li a { background-image: none; color: #434343; color: #434343; border-bottom: 1px dashed #434343; display: inline; padding: 0; background-image: none; font-size: 16px; font-weight: normal; height: auto; line-height: normal; } #icemegamenu li.iceMenuLiLevel_1:hover .item_block_submenu ul li a:hover { color: #c5334e; border-bottom: 1px solid #c5334e; } #icemegamenu .subsubmenu { display: none; } #icemegamenu .subsubmenu_open { padding: 3px 0 0 15px !important; } #header .dopMainMenu { float: right; } #header .btn_zamer { float: right; display: block; height: 50px; font-size: 20px; font-weight: bold; color: #efefef; line-height: 50px; margin: 0 35px 0 0; } #header .btn_price { float: right; display: block; height: 50px; font-size: 20px; font-weight: bold; color: #efefef; line-height: 50px; margin: 0 100px 0 0; padding: 0 0 0 55px; background-image:url(/templates/jblank/images/icons/icon_price_white.png); background-repeat: no-repeat; background-position: 15px 10px; padding: 0 15px 0 65px; } #header .btn_price:hover { background-image:url(/templates/jblank/images/icons/icon_price_red.png); color: #ff7891; } .topHead4 { background-color: #f6f6f6; } .breadcrumb { margin: 0; padding: 25px 0 20px 34px; background-image:url(/templates/jblank/images/icons/icon_homepage.png); background-position: 0 22px; background-repeat: no-repeat; } .breadcrumb li { list-style-type: none; display: inline-block; color: #696969; } .breadcrumb li a { color: #696969; border-bottom: 1px dashed #696969; } .breadcrumb li a:hover { color: #696969; border-bottom: 1px solid #696969; } #header .topHead5 { width: 1px; margin: 0 auto; background-color: #909090; height: 30px; } .top_action { background-color: #f6383c; color: #fff; padding: 15px 0; } .top_action .mod_top_action { display: flex; align-items: center; justify-content: space-between;} .action__freez .mod_top_action { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; align-content: center; } .top_action .mod_top_action_text { width: 100%; font-size: 30px; margin-bottom: 10px; margin-left: 10px; display: flex; align-content: center; } .top_action .mod_top_action_text div { font-size: 16px; } .mod_top_action_text_add{width: 550px !important;} .mod_top_action_form_width{width: 460px !important;} .sprint{width: 250px !important;} .tp_pad{ padding-top: 5px; } .gib{ padding-top: 20px; } .gib a{ font-size: 20px; } /*.mod_top_action_form { width: 410px; }*/ .mod_top_action_form_inputs { display: flex; align-items: center; justify-content: space-between; margin: 0 0 7px 0; } #topaction_form img { display:none; } #clockdiv{ color: #fff; /*display: grid;*/ font-weight: 100; text-align: center; font-size: 16px; margin-bottom: 10px; } #clockdiv > div{ padding: 10px; border-radius: 4px; background: #ff5c60; display: inline-block; } #clockdiv div > span{ padding: 10px; border-radius: 4px; background: #f6383c; display: inline-block; min-width: 25px; font-weight: bold; } .smalltext{ padding-top: 5px; font-size: 13px; } .top_action input[name="phone"] { background-image: url(/templates/jblank/images/icons/icon_phone_white.png); background-repeat: no-repeat; background-position: 13px 8px; } .top_action input[name="phone"]::placeholder { color: #ede6e6; } .top_action input { background: rgba(0, 0, 0, 0.25); display: inline-block; color: #fff; border: 2px solid #ff5c60; padding: 10px 15px 10px 45px; width: 135px; font-size: 16px; border-radius: 4px; outline: none; } .top_action button { border-radius: 4px; outline: none; cursor: pointer; padding: 11px 15px; font-size: 17px; width: 199px; display: inline-block; color: #fff; box-shadow: inset 0 0 0 2px #fff; } .top_action button:hover { border-radius: 4px; outline: none; cursor: pointer; padding: 11px 15px; font-size: 17px; width: 199px; display: inline-block; color: #fff; box-shadow: inset 0 0 0 2px #fff; } .top_action .p_status_in { font-size: 13px; text-align: center; } @media (max-width: 717px){ .top_action .mod_top_action{flex-direction: column;} .action__freez .mod_top_action{margin-bottom: 10px;} .top_action .mod_top_action_text{margin-bottom: 10px; text-align: center; margin-left: unset} } .mod_cart { float: right; max-width: 180px; } #header .mod_cart .extern_wrap { padding: 15px;-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; background-color: #e2e7ec; min-height: 35px; } .mod_cart .externtwo_text_count { display: inline-block; background-color: #474747; min-width: 30px; border-radius: 4px; text-align: center; line-height: 25px; margin: 0 0 0 5px; } .mod_cart .externtwo_text_count_yes { background-color: #f36767; color: #ffffff; } .mod_cart .externtwo_wrapp { width: auto; box-shadow: none; min-height: 0; } .mod_cart .mycart_wrapp { margin: 0; max-width: none; } .mod_cart .mycart_wrapp.externtwo_wrapp.green .mycart_mini_txt { background-image: url(/templates/jblank/images/icons/icon_cart.png); background-repeat: no-repeat; background-position: 8px 14px; background-color: transparent; } .mod_cart .mycart_wrapp.externtwo_wrapp.green .mycart_mini_txt:hover { background-color: #e2e7ec; } .mod_cart .externtwo_wrapp .mycart_mini_txt { font-size: 15px; float: none; display: block; width: auto; text-align: left; height: auto; line-height: 1; padding: 20px 10px 20px 45px; color:#434343 !important; } .mod_cart .mycart_wrapp.externtwo_wrapp:hover { box-shadow: none !important; } #inlineContent_minicart_cart_view { display: none; } #error_inlineContent_minicart_cart_view { display: none; } #delete_inlineContent_minicart_cart_view { display: none; } .mod_cart .extern_wrap { width: 284px; right: 0px; } .mod_cart .extern_row span.name { white-space: normal; } #header .mod_cart .extern_row span.name a { color: #0071bb; border-bottom: none; } #header .mod_cart .extern_row span.name a:hover { color: #0071bb; } .mod_cart .extern_row .minus_quantity, .mod_cart .extern_row .plus_quantity { padding: 0px; } .mod_cart .extern_row input.input_quantity { padding: 1px 0; max-width: 30px; } .mod_cart .externtwo_wrapp .extern_wrap { color: #434343; } .mod_cart .gotocart a { color: #0071bb !important; text-decoration: none; border-bottom: none; } .mod_cart .gotocart a.checkout { background-color: #f6383c !important; color: #fff !important; border-radius: 4px; } .mod_cart .gotocart a.checkout:hover { background-color: #cb292c !important; } .mod_cart .extern_row span.delete a { border-bottom: none; } .mod_cart .extern_row span.pict { width: 57px; } .mod_cart .minicart_attr_wrap, .minicart_ef_wrap { display: none; } .mod_cart .extern_row { min-height: 65px; } .mod_cart .extern_wrap .summ_total { font-weight: bold; color: #0071bb; font-size: 16px; } #DOMWindow { width: 360px; height: 160px; } #DOMWindow .modal_header { font-size: 17px; font-weight: bold; color: #434343; text-decoration: none; } #DOMWindow .modal_to_cart a, #DOMWindow .modal_checkout a { background-color: #c5334e; border-radius: 4px; } .toggle-button-cart { float: right; height: 48px; width: 48px; border-left: 1px solid #bababa63; background-image: url(/templates/jblank/images/icons/icon_responsive_cart.png); } #jshop_module_cart { display: inline-block; width: 48px; height: 48px; border-bottom: none; } #component { } #component img {max-width: 100%; } #component .page_header_block { } #component .page-header { } #component .page-header h1 { font-size: 36px; text-transform: uppercase; padding: 25px 0; } #component .page_header_podzagolovok { padding: 10px 0; } #component .page_header_form { text-align: center; background-color: rgba(0, 0, 0, 0.7); padding: 15px 0; } #component .input_head { background: rgba(0, 0, 0, 0.4); display: inline-block; color: #dcdcdc; border: 2px solid #dcdcdc; padding: 10px 15px 10px 45px; width: 196px; font-size: 18px; border-radius: 4px; outline: none; margin: 0 10px 0 0; background-image: url(/templates/jblank/images/icons/icon_phone_white.png); background-repeat: no-repeat; background-position: 14px 9px; } #component .btn_head { border-radius: 4px; outline: none; cursor: pointer; padding: 12px 15px; font-size: 18px; width: 260px;margin: 0 0 0 10px; display: inline-block; } #component .page_header_politica { color: #ababab; text-align: center; padding: 15px 0 20px 0; width: 500px; margin: 0 auto; font-size: 13px; } #component .page_header_politica a { color: #ff7891; text-decoration: none; transition: 0.2s; border-bottom: 1px dashed #ff7891; } #component .page_header_politica a:hover { border-bottom: 1px solid #ff7891; } #component .page_preim_block { background-color: #efefef; padding: 30px 0; text-align: center; } #component .page_preim_block h2 { text-align: center; margin: 0; font-size: 28px; padding: 5px 0 25px 0; } #component .page_preim_block .h2_preim { text-align: center; margin: 0; font-size: 28px; padding: 5px 0 25px 0; font-weight: bold; } #component .page_preim_item { display: inline-block; vertical-align: top; width: 300px; text-align: left; width: 340px; margin: 20px; } #component .page_preim_item img { float: left; width: 65px; height: 65px; } #component .page_preim_item_title { font-weight: bold; margin: 0 0 5px 80px; font-size: 18px; color: #434343; } #component .page_preim_item_text { font-size: 14px; margin: 0 0 0 80px; color: #636363; } #component .podkategorii { text-align: center; background-color: #fff; } #component p.intro { text-align: center; width: 770px; } #component h2 { margin: 0; padding: 25px 0; } #component .podkategorii ul { padding: 0px; margin: 0; } #component .podkategorii ul li { list-style-type: none; display: inline-block; width: 150px; vertical-align: top; margin: 15px; } #component .podkategorii ul li a { font-size: 16px; text-decoration: none; color: #434343; -webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; -ms-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out; border-bottom: none; } #component .podkategorii ul li a:hover { color: #fa4869; border-bottom: none; } #component .podkategorii ul li a:hover img { border: 5px solid #fa4869; } #component .podkategorii ul li img { width: 140px; height: 140px; border-radius: 100%; margin: 0 0 15px 0; border: 5px solid #fff; -webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; -ms-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out; } #component .content { background-color: #fff; } #component .content h2 { padding: 10px 0; } #component .introtext { } #component .content .fulltext { /*padding: 25px 0;*/ } #component .content .content_table { width: 100%; border-collapse: collapse; } #component .content .content_table .tdleft { width: 35%; background-color: #fff; vertical-align: top; background-image: url(/templates/jblank/images/inner/bg_shtukatur.png); } #component .content .content_table .tdleft h3 { width: 290px; float: right; text-align: right; padding: 0 20px 0 0; border-right: 3px solid #fa4869; font-size: 20px; margin: 17px 0; } #component .content .content_table .tdright { vertical-align: top; } #component .content .content_table .tdright_div {margin: 20px 0 0 20px; width: 760px; } #component .content .content_table .tdright_div .custom-price { display: inline; } #component .content .content_table .tdright_div img { max-width: 100%; } #component .content .content_table .tdright_div h4 { font-size: 18px; margin: 17px 0; } #component .content .t_def { width: 100%; border-collapse: collapse; } #component .content .t_def td { border: 1px solid #efefef; padding: 5px; } #component .content_table { width: 100%; border-collapse: collapse; } #component .content_table td { padding: 10px; border: 1px solid #cfcfcf; } .content_article { display: flex; justify-content: space-between; } .content_article h1 { font-size: 32px; text-transform: uppercase; margin: 0; padding: 25px 0; } #component .calculator { background-color: #efefef; padding: 0 0 25px 0; } #component .calculator h2 { text-align: center; padding: 25px 0; } #component .calculator .calc_btns { } #component .calculator .calc_btns_item { width: 46%; display: inline-block; margin: 0 15px; vertical-align: top; } #component .calculator .calc_btns_typeRem_title { overflow: hidden; margin: 0 0 25px 0; } #component .calculator .calc_btns_typeRem_title_numb { border-radius: 100%; background-color: #fa4869; color: #fff; float: left; width: 36px; height: 36px; line-height: 36px; text-align: center; margin: 0 10px 0 0; } #component .calculator .calc_btns_typeRem_title_text { line-height: 36px; float: left; font-size: 16px; font-weight: bold; } #component .calculator .calc_btns_typeRem_btns ul { margin: 0; padding: 0; } #component .calculator .calc_btns_typeRem_btns ul li { display: block; cursor: pointer; border: 1px solid #ababab; padding: 8px 12px; margin: 0 10px 0 0; float: left; border-radius: 4px; -webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; -ms-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out; } #component .calculator .calc_btns_typeRem_btns ul li:hover { border: 1px solid #fa4869; color: #fa4869; } #component .calculator .calc_btns_typeRem_btns ul li.active { color: #fff; background-color: #fa4869; border: 1px solid #fa4869; } #component .calculator #contentSlider { padding: 10px; border: 1px solid #ababab; border-radius: 4px; text-align: center; float: left; width: 36px; } #component .calculator .begunok { float: right; width: 450px; margin: 4px 0 0 0; } #component .calculator .begunok_razmetka { position: relative; margin-top: 10px; } #component .calculator .begunok_razmetka_item { position: absolute; display: block; font-size: 13px; } #component .calculator .tabs__content { display: none; /* по умолчанию прячем все блоки */ } #component .calculator .tabs__content.active { display: block; /* по умолчанию показываем нужный блок */ } #component .calculator .calc_desc { } #component .calculator .calc_desc_title { font-size: 20px; font-weight: bold; text-align: center; padding: 35px 0 25px 0; } #component .calculator .calc_desc ol { padding: 0; margin: 0; text-align: center; overflow: hidden; counter-reset: myCounter; } #component .calculator .calc_desc ol li { display: flex; width: 15%; margin: 10px; vertical-align: top; border: 3px solid #ccc; min-height: 65px; padding: 15px; float: left; list-style: none; position: relative; } #component .calculator .calc_desc ol li:before { counter-increment: myCounter; content:counter(myCounter); color: #696969; background: #ccc; text-align: center; line-height: 24px; width: 24px; height: 24px; position: absolute; text-align: center; top: 0; left: 0; font-size: 13px; } #component .calculator .calc_desc ol li div { margin: auto; } #component .calculator .calc_itogo { overflow: hidden; text-align: center; padding: 25px 0; } #component .calculator .calc_itogo_text { display: inline-block; text-align: right; vertical-align: top; padding: 4px 20px 0 0; } #component .calculator .calc_itogo_input input[type="text"] { font-size: 20px; border: none; font-weight: bold; padding: 14px 15px 13px 15px; text-align: center; width: 180px; } #component .calculator .calc_itogo_input input[type="text"]:disabled { background-color: #fff; } #component .calculator .calc_itogo_input { display: inline-block; vertical-align: top; margin: 0 25px 0 0; } #component .calculator .calc_itogo_btnRaschet { display: inline-block; vertical-align: top; margin: 0 25px 0 0; } #component .calculator .calc_itogo_btnRaschet button { cursor: pointer; } #component .calculator .calc_itogo_btnSmeta { display: inline-block; vertical-align: top; } #component .calculator .calc_itogo_btnSmeta button { cursor: pointer; } #component .blog-porfolio .page-header h1 { text-align: center; margin: 0 15px; padding: 25px 0 0 0; } #component .blog-porfolio .page_header_podzagolovok { text-align: center; margin: 0 15px;} #component .blog_category_items { background-color: #fff; padding: 0 0 35px 0; text-align: center; } #component .blog_category_item { width: 258px; margin: 15px; display: inline-block; vertical-align:top; } #infomation_block { background-color: #efefef; padding: 25px 0; } #component .blog_category_item .infomation_block_title { font-size: 24px; font-weight: bold; padding: 10px 0; text-align: center; } #component .blog_category_item .infomation_block_items { text-align: center; padding: 20px 0; } #component .blog_category_item .infomation_block_item_img { height: 140px; background-color: #ddd; position: relative; overflow: hidden;} #component .blog_category_item .infomation_block_item_link { padding: 10px 0; text-align: left; font-size: 16px; } #component .blog_category_item .infomation_block_item_introtext { text-align: left; font-size: 14px; padding: 5px 0; } #component .blog_category_item .infomation_block_item_introtext p { margin: 0; } #component .blog_category_item .infomation_block_item_date { position: absolute; top: 10px; right: 10px; padding: 10px; text-align: center; font-size: 11px; background-color: #efefef; } #component .blog_category_item .infomation_block_item_day { } #component .blog_category_item .infomation_block_item_year { font-size: 15px; font-weight: bold; } #component .blog_category_item .infomation_block_item_category { font-size: 14px; color: #696969; text-align: left; } #component .blog_category_item .infomation_block_item_category a { color: #696969; border-bottom: 1px dashed #696969; } #component .blog_category_item .infomation_block_item_category a:hover { border-bottom: 1px solid #696969; } #component .blog_category_item .catid_10 .infomation_block_item_link a { color: #434343; border-bottom: 1px dashed #434343; } #component .blog_category_item .catid_10 .infomation_block_item_link a:hover { border-bottom: 1px solid #434343; } #component .blog_category_item .catid_10 .infomation_block_item_date { color: #fff; background-color: #434343; } #component .blog_category_item .catid_12 .infomation_block_item_date { color: #fff; background-color: #F6383C; } #component .blog_category_item .catid_12 .infomation_block_item_category a { color: #c5334e; border-bottom: 1px dashed #c5334e; } #component .blog_category_item .catid_12 .infomation_block_item_category a:hover { border-bottom: 1px solid #c5334e; } #component .blog_category_item .catid_11 .infomation_block_item_link a { color: #23a746; border-bottom: 1px dashed #23a746; } #component .blog_category_item .catid_11 .infomation_block_item_category a { color: #23a746; border-bottom: 1px dashed #23a746; } #component .blog_category_item .catid_11 .infomation_block_item_category a:hover { border-bottom: 1px solid #23a746; } #component .blog_category_item .catid_11 .infomation_block_item_link a:hover { border-bottom: 1px solid #23a746; } #component .blog_category_item .catid_11 .infomation_block_item_date { color: #fff; background-color: #23a746; } #component .portfolio_category_items { background-color: #fff; padding: 10px 0; } #component .portfolio_category_items .portfolio_category_item { padding: 35px 0; } #component .portfolio_category_items .jobs_slide { overflow: hidden; } #component .portfolio_category_items .jobs_slide_left { float: left; width: 467px; } #component .portfolio_category_items .jobs_slide_right { float: right; width: 58%; } #component .portfolio_category_items .jobs_slide_left_mainphoto { } #component .portfolio_category_items .jobs_slide_left_mainphoto a { border-bottom: none; } #component .portfolio_category_items .jobs_slide_left_mainphoto img { width: 100%; height: 300px; } #component .portfolio_category_items .jobs_slide_left_dopphoto { overflow: hidden; } #component .portfolio_category_items .jobs_slide_left_dopphoto a { width: 113px; height: 80px; display: block; float: left; margin: 5px 5px 0 0; border-bottom: none; } #component .portfolio_category_items .jobs_slide_left_dopphoto a img { width: 100%; height: 80px; } #component .portfolio_category_items .jobs_slide_left_dopphoto a:nth-child(4) { margin: 5px 0 0 0; } #component .portfolio_category_items .jobs_slide_right h3 { margin: 0; padding: 0 0 15px 0; } #component .portfolio_category_items .jobs_slide_right_info { padding: 0; margin: 0; font-size: 16px; color: #777; } #component .portfolio_category_items .jobs_slide_right_info li { margin: 0 0 5px 0; padding: 0; list-style-type: none; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAABCAAAAAA+i0toAAAAAnRSTlMA/1uRIrUAAAAMSURBVHheY7j1/z8ABY8C2UtBe8oAAAAASUVORK5CYII=) 0 80% repeat-x; } #component .portfolio_category_items .jobs_slide_right_info_left { background-color: #fff; padding: 0 5px 0 0; font-weight: bold; } #component .portfolio_category_items .jobs_slide_right_prevtext { font-size: 14px; color: #696969; margin: 0 0 15px 0; } #component .portfolio_category_items .jobs_slide_right_prevtext p { margin: 0 0 15px 0; } #component .portfolio_category_items .jobs_slide_right_info_right { background-color: #fff; padding: 0 0 0 5px; float: right; } #component .portfolio_category_items .jobs_slide_right_review { position: relative; background-color: #efefef; color: #434343; margin: 25px 0; padding: 25px; min-height: 82px; background-image: url(/templates/jblank/images/icons/icon_bg_quote.png); background-repeat: no-repeat;background-position: bottom 75px left 100px; } #component .portfolio_category_items .jobs_slide_right_review_photo { position: absolute; width: 100px; height: 100px; bottom: -24px; } #component .portfolio_category_items .jobs_slide_right_review_photo img { border-radius: 100%; width: 100px; height: 100px; } #component .portfolio_category_items .jobs_slide_right_review_text { float: right; width: 495px; font-style: italic; } #component .portfolio_category_items .jobs_slide_right_author { width: 520px; font-size: 14px; margin: -20px 0 0 0; float: right; } #component .introtext { background-color: #fff; } #component .calc_form .tablenoborder { width: 100%; } #component .calc_form { background-color: #fff; } #component .calc_form .tablchet_tr:hover td { background-color: #f5f5f5; } #component .calc_form .tabldiv { padding: 1px 25px; background-color: #FAFAFA; } #component .calc_form .tablchet { padding: 10px 15px; font-family: 'PT Sans', sans-serif; height: auto; border-bottom: none; color: #434343; } #component .calc_form .tablchet { padding: 10px 15px; font-family: 'PT Sans', sans-serif; height: auto; border-bottom: none; color: #434343; } #component .calc_form .tablchet a { border-bottom: none; } #component .calc_form .tablchet span { font-weight: normal; color: #434343; } #component .calc_form .tablzag3 { background-color: #efefef; color: #434343; padding: 15px; height: auto; font-family: 'PT Sans', sans-serif; } #component .calc_form .tablzag2 { background-color: #c5334e; padding: 15px; height: auto; font-family: 'PT Sans', sans-serif; } #component .calc_form .tablchet_total { white-space: nowrap; } #component .calc_form .tablitogo { background-color: #434343; padding: 15px; color: #efefef; font-family: 'PT Sans', sans-serif; white-space: normal; } #component .calc_form .textwarn { color: #fbb9c5; font-size: 16px; font-family: 'PT Sans', sans-serif; } #component .calc_form .tablchet_q input[type="text"] { width: 30px; } .adress_joombebsk{ text-decoration: none; border-bottom: 0px;} .adress_joombebsk:hover{ text-decoration: none; border-bottom: 0px;} #comjshop .jshop_content_catalog h1 { font-size: 32px; } #comjshop .jshop_content { background-color: #fff; } #comjshop .jshop_content_catalog { display: flex; justify-content: space-between; } #comjshop .jshop_content_catalog h1 { font-size: 32px; text-transform: uppercase; margin: 0; padding: 25px 0; } #comjshop .jshop_content_title { text-align: center; text-transform: uppercase; } #comjshop .jshop_content .h2_line { margin: 15px auto 40px auto; } .jshop_content_left { width: 265px; border-right: 1px solid #f6f6f6; -webkit-box-shadow: inset -10px 0px 10px -10px rgba(0,0,0,0.1); -moz-box-shadow: inset -10px 0px 10px -10px rgba(0,0,0,0.1); box-shadow: inset -10px 0px 10px -10px rgba(0,0,0,0.1); } .jshop_content_left #btn_openclose_podcategorii_left { display: none; cursor: pointer; padding: 35px 0 0 20px; font-weight: bold; text-align: left; text-transform: uppercase; font-size: 18px; } .jshop_content_left .podcategorii_title { font-weight: bold; text-transform: uppercase; padding: 29px 20px 25px 20px; font-size: 26px; } .jshop_content_left .open_all_catalog { padding: 0 0 35px 20px; } .jshop_content_left #openclose_flag_podcategorii_left { font-weight: bold; font-size: 38px; float: right; margin: -15px 5px 0 0; } .jshop_content_left ul li .separator { display: block; font-weight: bold; font-size: 17px; padding: 15px 20px; background-color: #f1f5f1; margin: 0px; } .jshop_content_left p { font-weight: bold; font-size: 17px; padding: 15px 20px; background-color: #f6f6f6; margin: 0px; } .jshop_content_left ul { padding: 15px 0; margin: 0; } .jshop_content_left ul li { list-style-type: none; } .jshop_content_left ul li a { padding: 6px 20px; display: block; border-bottom: none; border-right: 1px solid #f6f6f6; } .jshop_content_left ul li a:hover { background-color: #f6f6f6; border-right: 1px solid #f6383c; } .jshop_content_left ul li.current > a { background-color: #0071bb; color: #fff; border-right: 1px solid #0071bb; background-image: url(/templates/jblank/images/inner/menu_arrow_bg.png); background-position: 0px -5px; background-repeat: no-repeat; line-height: 26px; } .jshop_content_left .subsubmenu { padding: 0 0 0 18px; } .jshop_content_left .menu_new { background-color: #23a746; padding: 2px 3px; font-size: 12px; color: #fff; } .jshop_content_left .menu_sale { background-color: #f6383c; padding: 2px 3px; font-size: 12px; color: #fff; } /* .jshop_content_left #btn_openclose_podcategorii_left { padding: 30px 0 15px 0; color: #00a550; font-weight: bold; text-align: left; text-transform: uppercase; font-size: 24px; } .jshop_content_left .open_all_catalog { padding: 0 0 20px 20px; } .jshop_content_left #openclose_flag_podcategorii_left { font-weight: bold; font-size: 38px; float: right; margin: -15px 5px 0 0; } .jshop_content_left ul { padding: 15px 0; margin: 0; } .jshop_content_left ul li { list-style-type: none; } .jshop_content_left ul li.current > a { background-color: #00a550; color: #fff; border-right: 1px solid #00a550; background-image: url(/templates/jblank/images/inner/menu_arrow_bg.png); background-position: 0px -5px; background-repeat: no-repeat; line-height: 26px; } .jshop_content_left ul li.current > a img { border-radius: 50%; } .jshop_content_left ul li.current > a:hover { background-color: #00b256; color: #fff; border-right: 1px solid #00a550; } .jshop_content_left ul li .separator { display: block; font-weight: bold; font-size: 17px; padding: 15px 20px; background-color: #f1f5f1; margin: 0px; } .jshop_content_left ul li a { padding: 5px 18px; display: block; border-bottom: none; border-right: 1px solid #f1f5f1; display: flex; align-items: center; } .jshop_content_left ul li a img { margin: 0 7px 0 0; width: 26px; height: 26px; } .jshop_content_left ul li ul li ul.nav-child { font-size: 14px; padding: 5px 0 5px 30px; } .jshop_content_left ul li ul li.current ul.nav-child { display: block; } .jshop_content_left ul li ul li ul.nav-child { display: none; } .jshop_content_left ul li ul li ul.nav-child li a { padding: 4px 18px 4px 22px; color: #434343; } .jshop_content_left ul li ul li ul.nav-child li.current a { color: #fff; padding: 2px 18px 2px 22px; background-position: 0px -9px; } .jshop_content_left ul li a:hover { background-color: #f1f5f1; border-right: 1px solid #00a550; } .jshop_content_left .open_filter_leftbtn { display: block; border: 1px solid #434343; padding: 12px 15px 12px 45px; width: 180px; font-weight: bold; font-size: 14px; border-radius: 4px; color: #434343; background-image: url(/templates/jblank/images/icons/icon_left_btn_filter1.png); margin: 0 0 25px 0; background-repeat:no-repeat; background-position: 14px 12px; -webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; -ms-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out; color: #434343; } .jshop_content_left .open_filter_leftbtn:hover { border: 1px solid #00a550; color: #00a550; background-image: url(/templates/jblank/images/icons/icon_left_btn_filter_green.png); } */ .jshop_content_right { width: 875px; padding: 0 0 35px 0; } .jshop_content_right .category_shortdescription { padding: 0 0 25px 0; font-size: 17px;} .jshop_content_right .category_description { margin: 0; } #component .category_description h2 { margin: 0.8em 0; padding: 0; } #component .mod_jshop_collection h2 { padding: 0 0 15px 0; } #component .mod_jshop_collection .collection_items { display: flex; flex-wrap: wrap; padding: 0 0 15px 0; align-items: center; } #component .mod_jshop_collection .collection_item { width: 187px; text-align: center; padding: 15px; } #component .mod_jshop_collection .collection_item_img { margin: 0 0 10px 0; } #component .mod_jshop_collection .collection_item_img a { border-bottom: none; position: relative; display: inline-block; } #component .mod_jshop_collection .collection_item_img a img { max-height: 100px; } #component .mod_jshop_collection .collection_item_label { position:absolute; width: 60px; } #component .mod_jshop_collection .collection_item_text { font-size: 13px; padding: 10px 0 0 0; color: #696969; } #component .mod_jshop_collection .collection_item_imgg a {border-bottom: none; position: relative; display: inline-block; padding: 0px 0px 5px 0px;} #component .mod_jshop_collection .collection_item_text_krovlya {font-size: 13px; color: #696969;} #component .mod_jshop_collection .collection_item_krovlya {width: 187px; text-align: center; padding: 0px 10px 10px 0px;} .jshop_list_product { text-align: center; } .jshop_list_product .form_sort_count { overflow: hidden; margin: 0 12px 15px 12px; } .jshop_list_product .box_products_text_sort { float: left; font-size: 14px; padding: 7px 0 0 0; } .jshop_list_product .box_products_sorting { float: right; font-size: 14px; margin: 0 25px 0 0; } .jshop_list_product .box_products_count_to_page { float: right; font-size: 14px; } .jshop_list_product .control-label { display: inline-block; margin: 0 5px 0 0; } .jshop_list_product .controls { display: inline-block; } .jshop_list_product .controls select { color: #434343; padding: 7px; border: 1px solid #efefef; border-radius: 4px; } .jshop_list_product .product { width: 235px; border: 1px solid #efefef; display: inline-block; margin: 10px; vertical-align: top; padding: 15px; border-radius: 2px; -webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; -ms-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out; position: relative; } .jshop_list_product .product:hover { -webkit-box-shadow: 0 0 5px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 0 5px 2px rgba(0,0,0,.2); box-shadow: 0 0 5px 2px rgba(0,0,0,.2); } .jshop_list_product .product .product_label { position: absolute; top: -2px; left: -2px; } .jshop_list_product .product .image_block { height: 180px; } .jshop_list_product .product .image_block a { display: table-cell; width: 235px; height: 180px; vertical-align: middle; border-bottom: none; } .jshop_list_product .product .image_block .jshop_img { max-height: 180px; } .jshop_list_product .product .name { padding: 15px 0 5px 0; } .jshop_list_product .product .color { display: flex; justify-content: center; padding: 5px 0; } .jshop_list_product .product .color_name { font-size: 14px; background-color: #f6f6f6; padding: 4px 8px; } .jshop_list_product .product .attrib { display: none; } .jshop_list_product .product .attrib .jshop_prod_attributes { display: none; } .jshop_list_product .product .description { padding: 10px 0; font-size: 13px; color: #696969; } .jshop_list_product .product .manufacturer_code { font-size: 13px; color: #999; padding: 5px 0; } .jshop_list_product .product .quantityprice { padding: 10px 0; } .jshop_list_product .product .quantity { text-align: left; float: left; } .jshop_list_product .product .jshop_price { font-size: 15px; color: #696969; padding: 0; text-align: left; float: right; width: 95px; } .jshop_list_product .product .jshop_price .old_price span { color: #999; font-weight: normal; font-size: 13px; text-decoration:line-through; } .jshop_list_product .product .jshop_price span { font-size: 17px; color: #434343; font-weight: bold; } .jshop_list_product .product .jshop_price span.jshop_shtuk_span { color: #696969; font-size: 15px; font-weight: normal; } .jshop_list_product .product .char { padding: 10px 0; margin: 0; text-align: left; font-size: 14px; color: #808080; } .jshop_list_product .product .char li { margin: 0; padding: 0; list-style-type: none; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAABCAAAAAA+i0toAAAAAnRSTlMA/1uRIrUAAAAMSURBVHheY7j1/z8ABY8C2UtBe8oAAAAASUVORK5CYII=) 0 80% repeat-x; } .jshop_list_product .product .char_left { background-color: #fff; padding: 0 5px 0 0; } .jshop_list_product .product .char_right { background-color: #fff; padding: 0 0 0 5px; float: right; } .jshop_list_product .product .oiproduct { overflow: hidden; display: flex;justify-content: space-between; align-items: center; } .jshop_list_product .product .buttons { padding: 10px 0; } .jshop_list_product .product .product_minus { display: inline-block; vertical-align: top; border: none; width: 36px; height: 36px; cursor: pointer; border-radius: 4px; background-image: url(/templates/jblank/images/icons/icon_minusplus.png); background-repeat: no-repeat; background-position: 1px 1px; background-color: #fff; } .jshop_list_product .product .product_minus:hover { background-color: #efefef; } .jshop_list_product .product .inputbox { width: 36px; display: inline-block; vertical-align: top; text-align: center;font-size: 16px; line-height: 32px; border-radius: 4px; border: 1px solid #ccc; } .jshop_list_product .product .product_plus { display: inline-block; vertical-align: top; border: none; width: 36px; height: 36px; cursor: pointer; border-radius: 4px; background-image: url(/templates/jblank/images/icons/icon_minusplus.png); background-repeat: no-repeat; background-position: -30px 1px; background-color: #fff; } .jshop_list_product .product .product_plus:hover { background-color: #efefef; } .jshop_list_product .product .button_buy { display: inline-block; border: 1px solid #0072bf; padding: 7px 14px; border-radius: 4px; -webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; -ms-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out; width: 73px; margin: 0 5px; } .jshop_list_product .product .button_buy:hover { background-color: #f6383c; border: 1px solid #f6383c; color: #fff; } .jshop_list_product .product .button_buyfast { display: inline-block; border: 1px solid #0072bf; padding: 7px 14px; border-radius: 4px; -webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; -ms-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out; width: 73px; margin: 0 5px; } .jshop_list_product .product .button_buyfast:hover { background-color: #f6383c; border: 1px solid #f6383c; color: #fff; } .jshop_list_product .jshop_pagination { overflow: hidden; margin: 0 12px; padding: 15px 0; } .jshop_list_product .jshop_pagination .pagination { float: left; } .jshop_list_product .jshop_pagination .pagination_result_counter { float: right; padding: 11px 0 0 0; font-size: 15px; color: #696969; } .jshop_list_product .jshop_pagination ul { padding: 0; margin: 0; } .jshop_list_product .jshop_pagination ul li { display: inline-block; } .jshop_list_product .jshop_pagination ul li span { display: block; padding: 8px 14px; border-radius: 4px; } .jshop_list_product .jshop_pagination ul li span.pagenav { color: #0071bb; background-color: transparent; border: 1px solid #0071bb; } .jshop_list_product .jshop_pagination ul li.pagination-start span.pagenav, .jshop_list_product .jshop_pagination ul li.pagination-prev span.pagenav, .jshop_list_product .jshop_pagination ul li.pagination-next span.pagenav, .jshop_list_product .jshop_pagination ul li.pagination-end span.pagenav { border: none; background-color: transparent; color: #696969; border: 1px solid #efefef; } .jshop_list_product .jshop_pagination ul li a { color: #696969; display: block; padding: 8px 14px; border-radius: 4px; border: 1px solid #efefef; -webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; -ms-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out; } .jshop_list_product .jshop_pagination ul li a:hover { border: 1px solid #999; } .jshop_content_right .jshop_pagination { overflow: hidden; margin: 0 12px; padding: 15px 0; } .jshop_content_right .jshop_pagination .pagination { float: left; } .jshop_content_right .jshop_pagination .pagination_result_counter { float: right; padding: 11px 0 0 0; font-size: 15px; color: #696969; } .jshop_content_right .jshop_pagination ul { padding: 0; margin: 0; } .jshop_content_right .jshop_pagination ul li { display: inline-block; } .jshop_content_right .jshop_pagination ul li span { display: block; padding: 8px 14px; border-radius: 4px; } .jshop_content_right .jshop_pagination ul li span.pagenav { color: #0071bb; background-color: transparent; border: 1px solid #0071bb; } .jshop_content_right .jshop_pagination ul li.pagination-start span.pagenav, .jshop_content_right .jshop_pagination ul li.pagination-prev span.pagenav, .jshop_content_right .jshop_pagination ul li.pagination-next span.pagenav, .jshop_content_right .jshop_pagination ul li.pagination-end span.pagenav { border: none; background-color: transparent; color: #696969; border: 1px solid #efefef; } .jshop_content_right .jshop_pagination ul li a { color: #696969; display: block; padding: 8px 14px; border-radius: 4px; border: 1px solid #efefef; -webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; -ms-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out; } .jshop_content_right .jshop_pagination ul li a:hover { border: 1px solid #999; } .pull-right{float: right; padding: 11px 0 0 0; font-size: 15px; color: #696969;} .list_product .instock_block { font-size: 14px; padding: 5px 0; } .list_product .instock_block_in_icon { display: inline-block; vertical-align: middle; width: 18px; height: 18px; background-image: url(/templates/jblank/images/icons/icons_stock.png); background-repeat: no-repeat; margin: 0 2px; } .list_product .instock_block_in_text { display: inline-block; vertical-align: middle; margin: 0 2px; } .list_product .instock_block_yes { color: #00a550; } .list_product .instock_block_min .instock_block_in_icon { background-position: 0px -33px; } .list_product .instock_block_min .instock_block_in_text { color: #0095e8; } .list_product .instock_block_no .instock_block_in_icon { background-position: 0px -64px; } .list_product .instock_block_no .instock_block_in_text { color: #434343; } .list_product .instock_block_nomin .instock_block_in_icon { background-position: 0px -99px; } .list_product .instock_block_nomin .instock_block_in_text { color: #434343; } .related_header { font-weight: bold; font-size: 18px; padding: 15px 0; } .list_related { display: flex; flex-wrap: wrap; } .list_related .product { padding: 10px; width: 110px; margin: 8px; } .list_related .product:first-child { margin: 8px 8px 8px 0; } .list_related .product:nth-child(9n+9) { margin: 8px 8px 8px 0; } .list_related .product:nth-child(8n+8) { margin: 8px 0px 8px 8px; } .list_related .product .image_block { height: 110px; width: auto; } .list_related .product .image_block a { height: 110px; width: auto; } .list_related .product .name { display: none; } .list_related .product .char { display: none; } .list_related .product .quantityprice { display: none; } .list_related .product .oiproduct { display: none; } .list_related .product .product_label { width: 60px; } .list_related .product .instock_block { display: none; } #comjshop .jshop_list_category { padding: 25px 0; } #comjshop .jshop_list_category_items { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 15px 0; } #comjshop .jshop_list_category_title { padding: 25px 0; text-align: center; font-weight: bold; font-size: 26px; } #comjshop .jshop_list_category_item { width: 260px; margin: 20px 15px; position: relative; text-align: center; } #comjshop .jshop_list_category_item_img a { border-bottom: none; } #comjshop .jshop_list_category_item_img a img { width: auto; max-height: 140px; } #comjshop .jshop_list_category_item a.jshop_list_category_item_img { border-bottom: none; } #comjshop .jshop_list_category_item a.jshop_list_category_item_title { display: inline-block; font-size: 20px; } #comjshop .jshop_list_category_item { border-bottom: none; } #comjshop .jshop_list_category_item img { width: 100%; margin: 0 0 10px 0; } #comjshop .jshop_list_category_item_desc { font-size: 14px; color: #696969; margin: 5px 0 0 0; } #comjshop .jshop_list_category_item_price { font-weight: bold; margin: 10px 0 0 0;} #component .list_category { display: flex; flex-wrap: wrap; padding: 0 0 15px 0; } #component .list_category_item { width: 196px; padding: 10px; text-align: center; } #component .list_category_item_linkimg { display:block; border-bottom: 0; margin: 0 0 10px 0; } #component .list_category_item_linkimg img { height: 120px; } #component .category_short_description { margin: 5px 0 0 0; font-size: 13px; color: #696969; } #comjshop .jshop_selectionform { background-color: #f1f5f1; text-align: center; } #comjshop .jshop_selectionform_question { background-image: url(/templates/jblank/images/inner/bg_questions.png); background-repeat: no-repeat; background-position: center; width: 160px; height: 140px; display: inline-block; vertical-align: middle; } #comjshop .jshop_selectionform_text { display: inline-block; padding: 35px 0; vertical-align: middle; text-align: left; } #comjshop .jshop_selectionform_text_title { font-weight: bold; font-size: 20px; margin: 0 0 5px 0; } #comjshop .jshop_selectionform_text_desc { font-size: 15px; } #comjshop .jshop_selectionform_text_desc .sale { font-weight: bold; color: #f6383c; } #comjshop .jshop_selectionform_btn { display: inline-block; border: 2px solid #0072bf; padding: 10px 15px; vertical-align: middle; border-radius: 4px; margin: 0 30px; font-weight: bold; } #comjshop .jshop_selectionform_btn:hover { color: #fff; background-color: #0072bf; } .mod_home_product { padding: 25px 0; } .mod_home_product .jshop_list_category_title { padding: 25px 0; text-align: center; font-weight: bold; font-size: 26px; } .mod_jshop_filter { padding: 0 0 25px 0; } .mod_jshop_filter .jshop-simpleajax-filter { padding: 25px; border: 1px solid #f1f5f1; } .mod_jshop_filter .jshop-simpleajax-filter .price-filter { display: flex; justify-content: space-between; margin: 0; align-items: center; } .mod_jshop_filter .jshop-simpleajax-filter .price-filter .filter-head { font-size: 16px; width: 200px; text-align: right; } .mod_jshop_filter .jshop-simpleajax-filter .price-filter .filter-item { display: flex; justify-content: space-between; width: 600px; align-items: center; } .mod_jshop_filter .jshop-simpleajax-filter .price-filter .filter-item #slider-mod { width: 340px; } .mod_jshop_filter .jshop-simpleajax-filter .price-filter .filter-item .price-from input, .mod_jshop_filter .jshop-simpleajax-filter .price-filter .filter-item .price-to input { padding: 8px; border-radius: 4px; text-align: center; border: 1px solid #f1f5f1; } .mod_jshop_filter .popover.filter-popover { opacity: 0; height: 0px; display: none !important; } .mod_jshop_filter .noUi-horizontal { height: 5px; background: #e4ece4; border: none; box-shadow: none; } .mod_jshop_filter .noUi-connect { background: #0071bb; } .mod_jshop_filter .noUi-horizontal .noUi-handle { width: 22px; height: 22px; background: #036db3; border: 1px solid #1681c9; box-shadow: none; top: -8px; left: -10px; cursor: pointer; } .mod_jshop_filter .noUi-handle:after, .mod_jshop_filter .noUi-handle:before { height: 9px; left: 8px; top: 5px; background: #aaddff; } .mod_jshop_filter .noUi-handle:after { left: 11px; } .mod_jshop_filter .hide-for-mobile { display: none; padding: 30px 0 10px 0; } .mod_jshop_filter .jshop-simpleajax-filter .after-filter-item { padding: 0; } .mod_jshop_filter .open_close_filter { position: absolute; bottom: -5px; padding: 0px 15px; background-color: #fff; left: 9px; } .mod_jshop_filter .attention-filter-container { display: none !important; } .mod_jshop_filter .filter-block-wrap { display: flex; justify-content: space-between; } .mod_jshop_filter .filter-block-wrap .filter-head { width: 200px; padding: 15px 0; text-align: right; } .mod_jshop_filter .filter-block-wrap .filter-item { width: 600px; display: flex; flex-wrap: wrap; border-top: 1px dashed #f1f5f1; padding: 10px 0; } .mod_jshop_filter .filter-block-wrap .filter-item .filter-inem-value { width: 150px; font-size: 14px; padding: 5px 0; } .mod_jshop_filter .jshop-simpleajax-filter label { margin: 0px; } .mod_jshop_filter .jshop-simpleajax-filter label[for="filter-ef-0"] { display: none; } /*------ ТОВАР -------*/ #comjshop.productfull { background-color: #fff; } #comjshop.productfull h1 { background-color: #fff; color: #434343; padding: 35px 0; font-size: 36px; margin: 0; } #comjshop .productfull_main { display: flex; justify-content: space-between; align-items: flex-start; } #comjshop .productfull_main_left { width: 400px; } #comjshop .productfull_main_left .text_zoom { display: none; } #comjshop .productfull_main_left .image_middle { padding: 15px; height: 368px; display: flex; align-items: center; justify-content: center; border: 1px solid #f1f5f1; position: relative; } #comjshop .productfull_main_left .image_middle img { max-height: 360px; } #comjshop .productfull_main_left .image_middle a { text-decoration: none; border-bottom: none; } #comjshop .productfull_main_left .product_label { position: absolute; top: -2px; left: -2px; } #comjshop .productfull_main_left .compare { background-image: url(/templates/jblank/images/icons/icon_search_compare.png); background-repeat: no-repeat; position: absolute; right: 15px; top: 15px; border: 1px solid #efefef; border-bottom: 1px solid #efefef !important; width: 26px; height: 26px; background-color: #fff; border-radius: 4px; background-size: 26px; -webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; -ms-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out; } #comjshop .productfull_main_left .compare:hover { background-color: #e4ffe4; } #comjshop .productfull_main_left .jshop_img_description { padding: 5px 0; } #comjshop .productfull_main_left .jshop_img_description #list_product_image_thumb { display: flex; flex-wrap: wrap; } #comjshop .productfull_main_left .jshop_img_description #list_product_image_thumb img { border: 1px solid #f1f5f1; width: 60px; height: 60px; padding: 5px; margin: 5px 10px 5px 0; cursor: pointer; } #comjshop .productfull_main_left .jshop_img_description #list_product_image_thumb img:nth-child(5n) { margin: 5px 0px 5px 0; } #comjshop .productfull_main_center { width: 420px; } #comjshop .productfull_main_center .manufacturer_logo { padding: 15px 0; } #comjshop .productfull_main_center .manufacturer_logo a { border-bottom: none; } #comjshop .productfull_main_center .manufacturer_logo img { max-width: 140px; max-height: 70px; } #comjshop .productfull_main_center_1 { display: flex; align-items: center; font-size: 14px; color: #696969; padding: 0 0 15px 0; border-bottom: 1px dashed #f1f5f1; } #comjshop .productfull_main_center_1 .img_rating { margin: 0 5px 0 0; } #comjshop .productfull_main_center_1 .img_rating img { width: 25px; } #comjshop .productfull_main_center_1 .text_rating { margin: 0 10px 0 0; } #comjshop .productfull_main_center_1 .text_rating span { border-bottom: 1px dashed #696969; } #comjshop .productfull_main_center_1 .text_rating span:hover { color: #00a550; border-bottom: 1px dashed #00a550; cursor: pointer; } #comjshop .productfull_main_center_1 .rating { position: relative; width: 84px; height: 20px; margin: 0 35px 0 0; cursor: pointer; } #comjshop .productfull_main_center_1 .rating_star_off { position: absolute; background-image: url(/templates/jblank/images/icons/icon_rating_off.png); height: 18px; top: 0px; left: 0px; width: 84px; } #comjshop .productfull_main_center_1 .rating_star_on { position: absolute; background-image: url(/templates/jblank/images/icons/icon_rating_on.png); height: 18px; top: 0px; left: 0px; } #comjshop .productfull_main_center_2 { padding: 15px 0; font-size: 14px; } .attr_price { display: none; } #comjshop .productfull_main_center_3 .colors_title { padding: 0 0 5px 0; } #comjshop .productfull_main_center_3 .colors_items_block { display: flex; } #comjshop .productfull_main_center_3 .colors_items_block .input_type_radio { margin: 5px 5px 5px 0; } #comjshop .productfull_main_center_3 .colors_items_block input[type="radio"]{ display: none; } #comjshop .productfull_main_center_3 .colors_items_block label { } #comjshop .productfull_main_center_3 .colors_items_block label img { width: 40px; height: 40px; padding: 5px; border: 1px solid #f1f5f1; } #comjshop .productfull_main_center_3 .colors_items_block label img.attr_selected { border: 1px solid #00a550; } #comjshop .productfull_main_center_3 .colors_items_block label:hover img.attr_selected { border: 1px solid #00a550; } #comjshop .productfull_main_center_3 .colors_items_block label:hover img { border: 1px solid #ccc; cursor: pointer; } #comjshop .productfull_main_right { background-color: #f1f5f1; width: 250px; padding: 25px;} #comjshop .productfull_main_right .old_price { display: inline-block; font-size: 15px; color: #999; overflow: hidden; margin: 0; vertical-align: middle; } #comjshop .productfull_main_right .old_price_value { text-decoration: line-through; display: inline-block; margin: 0 15px 0 0; } #comjshop .productfull_main_right .prod_price { display: inline-block; font-weight: bold; font-size: 22px; margin: 0 15px 0 0; vertical-align: middle; } #comjshop .productfull_main_right .cash_prod { font-size: 14px; color: #292929; margin: 5px 0 0 0; line-height: 20px; } #comjshop .productfull_main_right .cash_prod span { } #comjshop .productfull_main_right .cash_prod_minus { padding: 1px 4px; background-color: #f6383c; color: #fff; font-size: 13px; border-radius: 4px; } #comjshop .productfull_main_right .btn-buy { border: 1px solid #0071bb; padding: 7px 18px; border-radius: 4px; -webkit-transition: all .1s ease-out; -moz-transition: all .1s ease-out; -ms-transition: all .1s ease-out; -o-transition: all .1s ease-out; transition: all .1s ease-out; background-color: #0071bb; color: #fff; font-size: 17px; cursor: pointer; } #comjshop .productfull_main_right .btn-buy:hover { background-color: #f6383c; border: 1px solid #f6383c; } #comjshop .productfull_main_right .btn_buy_fast { border: 1px solid #f6383c; padding: 15px 0 15px 0; border-radius: 4px; -webkit-transition: all .1s ease-out; -moz-transition: all .1s ease-out; -ms-transition: all .1s ease-out; -o-transition: all .1s ease-out; transition: all .1s ease-out; color: #f6383c; width: 100%; font-size: 17px; cursor: pointer; display:block; text-align: center; margin: 15px 0 0 0; } #comjshop .productfull_main_right .btn_buy_fast:hover { background-color: #f6383c; color: #fff; } #comjshop .productfull_main_center .instock_block { font-size: 14px; padding: 0; } #comjshop .productfull_main_center .instock_block_in_icon { display: inline-block; vertical-align: middle; width: 18px; height: 18px; background-image: url(/templates/jblank/images/icons/icons_stock.png); background-repeat: no-repeat; margin: 0 2px; } #comjshop .productfull_main_center .instock_block_in_text { display: inline-block; vertical-align: middle; margin: 0 2px; } #comjshop .productfull_main_center .instock_block_yes { color: #00a550; } #comjshop .productfull_main_center .instock_block_min .instock_block_in_icon { background-position: 0px -33px; } #comjshop .productfull_main_center .instock_block_min .instock_block_in_text { color: #0095e8; } #comjshop .productfull_main_center .instock_block_no .instock_block_in_icon { background-position: 0px -64px; } #comjshop .productfull_main_center .instock_block_no .instock_block_in_text { color: #434343; } #comjshop .productfull_main_center .instock_block_nomin .instock_block_in_icon { background-position: 0px -99px; } #comjshop .productfull_main_center .instock_block_nomin .instock_block_in_text { color: #434343; } #comjshop .productfull_main_right .garantia_block { font-size: 14px; padding: 4px 0; line-height: 20px; } #comjshop .productfull_main_right .garantia_block_img { float: left; background-image: url(/templates/jblank/images/icons/icon_garantia.png); background-repeat: no-repeat; width: 22px; height: 22px; background-position: 0px -2px; margin: 0 5px 0 0; } #comjshop .productfull_main_right .delivery_block { font-size: 14px; padding: 4px 0; } #comjshop .productfull_main_right .delivery_block_title { background-image: url(/templates/jblank/images/icons/icon_delivery.png); background-repeat: no-repeat; padding: 0 0 4px 27px; background-position: 2px -2px; } #comjshop .productfull_main_right .payment_block_title { background-image: url(/templates/jblank/images/icons/icon_payment.png); background-repeat: no-repeat; background-position: 2px 1px; } #comjshop .productfull_main_right .delivery_block_text { font-size: 13px; padding: 0 0 0 27px; color: #636363; } #comjshop .productfull_main_right .yandex_banner { font-size: 14px; padding: 13px 0 0;} #comjshop .productfull_main_right .yandex_banner a{text-decoration: none; border: none;} #comjshop .productfull_main_2 { display: flex; justify-content: space-between; } #comjshop .productfull_main_2_left { width: 400px; padding: 15px 0; } #comjshop .productfull_main_2_menu { margin:0; padding: 0; float: right; } #comjshop .productfull_main_2_menu li { list-style-type: none; } #comjshop .productfull_main_2_menu a { display: block; padding: 10px 45px 10px 0; text-align: right; border-bottom: none; font-size: 16px; border-right: 3px solid #fff; color: #696969; background-image: url(/templates/jblank/images/icons/sprite_menu_product.png); background-repeat: no-repeat; font-weight: bold; } #comjshop .productfull_main_2_menu a:hover { border-right: 3px solid #f1f5f1; } #comjshop .productfull_main_2_menu a.description { background-position: right 4px top 4px; } #comjshop .productfull_main_2_menu a.advantages { background-position: right 5px top -150px; } #comjshop .productfull_main_2_menu a.specifications { background-position: right 5px top -30px; } #comjshop .productfull_main_2_menu a.accessories { background-position: right 4px top -199px; } #comjshop .productfull_main_2_menu a.downloads { background-position: right 5px top -245px; } #comjshop .productfull_main_2_menu a.reviews { background-position: right 5px top -64px; } #comjshop .productfull_main_2_menu .active { color: #0071bb; border-right: 3px solid #0071bb; background-image: url(/templates/jblank/images/icons/sprite_menu_product_hover.png); } #comjshop .productfull_main_2_menu .active:hover { border-right: 3px solid #0071bb; background-image: url(/templates/jblank/images/icons/sprite_menu_product_hover.png); } #comjshop .productfull_main_2_right { width: 745px; } #comjshop .productfull_main_2_right h2 { margin: 0 0 20px 0; padding: 0; } #comjshop .productfull_main_2_right #description, #comjshop .productfull_main_2_right #specifications, #comjshop .productfull_main_2_right #downloads, #comjshop .productfull_main_2_right #reviews, #comjshop .productfull_main_2_right #advantages, #comjshop .productfull_main_2_right #accessories, #comjshop .productfull_main_2_right #downloads { padding: 20px 0; } #comjshop .productfull_main_2_right #specifications table { width: 100%; border-spacing: 0px; border-collapse: collapse; } #comjshop .productfull_main_2_right #specifications table td { text-align: left; padding: 10px 15px; border: 1px solid #edf0ed; font-size: 15px; } #comjshop .productfull_main_2_right #specifications table td.title_table_char { background-color: #f1f5f1; font-weight: bold; } #comjshop .productfull_main_2_right .desc_mini { font-size: 13px; color: #696969; } #comjshop .productfull_main_2_right #downloads .downloads_items { display: flex; } #comjshop .productfull_main_2_right #downloads .downloads_item { width: 33.3%; padding: 10px 20px 10px 40px; background-image: url(/templates/jblank/images/icons/icons_downloads.png); background-repeat: no-repeat; } #comjshop .productfull_main_2_right #downloads .downloads_ios { background-position: 0px 10px; } #comjshop .productfull_main_2_right #downloads .downloads_android { background-position: 0px -127px; } #comjshop .productfull_main_2_right #downloads .downloads_instruction { background-position: 0px -284px; } #comjshop .productfull_main_2_right #downloads .downloads_item_title { font-weight: bold; } #comjshop .productfull_main_2_right #downloads .downloads_item_desc { font-size: 13px; color: #999; } #comjshop .list_related { padding: 0 0 25px 0; } #comjshop .productfull_main_2_right .accessories_item { display: flex; justify-content: space-between; align-items: center; margin: 15px 0; } #comjshop .productfull_main_2_right .accessories_item_photo { width: 140px; height: 140px; border: 1px solid #efefef; padding: 5px; } #comjshop .productfull_main_2_right .accessories_item_photo img { max-width: 100%; } #comjshop .productfull_main_2_right .accessories_item_text { width: 560px; } #comjshop .productfull_main_2_right .accessories_item_title { font-weight: bold; padding: 0 0 15px 0; } #comjshop .productfull_main_2_right .accessories_item_desc { font-size: 14px; } #comjshop .productfull_imgBlock .image_middle { margin: 0 15px; text-align: center; } #comjshop .productfull_imgBlock .image_middle a { border-bottom: none; display: table-cell; width: 100%; height: 350px; vertical-align: middle; } #comjshop .productfull_charBlock { } #comjshop .productfull_charBlock_char { padding: 0 0 15px 0; margin: 0; text-align: left; font-size: 15px; color: #808080; } #comjshop .link_all_char { float: right; } #comjshop .productfull_charBlock_title { padding: 10px 0 5px 0; } #comjshop .productfull_charBlock_char li { cursor: default; margin: 5px 0; padding: 0; list-style-type: none; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAABCAAAAAA+i0toAAAAAnRSTlMA/1uRIrUAAAAMSURBVHheY7j1/z8ABY8C2UtBe8oAAAAASUVORK5CYII=) 0 80% repeat-x; } #comjshop .productfull_charBlock_char li .char_left { background-color: #fff; padding: 0 5px 0 0; } #comjshop .productfull_charBlock_char li .char_right { background-color: #fff; padding: 0 0 0 5px; float: right; } #comjshop .productfull_charBlock_char li:hover { color: #0071bb; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAABCAYAAAAb4BS0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjIyOUFBQkUyRkM4MzExRThCRkU2REYxRDEwODYwNjkyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjIyOUFBQkUzRkM4MzExRThCRkU2REYxRDEwODYwNjkyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MjI5QUFCRTBGQzgzMTFFOEJGRTZERjFEMTA4NjA2OTIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MjI5QUFCRTFGQzgzMTFFOEJGRTZERjFEMTA4NjA2OTIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4OrwuLAAAAFklEQVR42mJgKNr/H4gZ/v//zwAQYAAl7wZfeufqNAAAAABJRU5ErkJggg==) 0 80% repeat-x; } #comjshop .productfull_actionBlock { padding: 10px 0; } #comjshop .productfull_actionBlock_priceploshad { display: inline-block; overflow: hidden; background-image: url(/templates/jblank/images/icons/icon_priceploshad.png); background-repeat: no-repeat; vertical-align: middle; } #comjshop .productfull_actionBlock .prod_price { float: left; font-weight: bold; font-size: 20px; width: 160px; padding: 15px 0; text-align: center; line-height: 24px; } #comjshop .productfull_actionBlock .prod_buttons { display: inline-block; vertical-align: middle; } #comjshop .product-buttons { display: flex; flex-wrap: wrap; padding: 30px 0 15px 0; align-items: center; justify-content: space-between; } #comjshop .prod_qty_input { } #comjshop .prod_qty_input .product_minus { display: inline-block; vertical-align: top; border: none; width: 36px; height: 36px; cursor: pointer; border-radius: 4px; background-image: url(/templates/jblank/images/icons/icon_minusplus.png); background-repeat: no-repeat; background-position: 1px 1px; background-color: #f1f5f1; } #comjshop .prod_qty_input .product_minus:hover { background-color: #fff; } #comjshop .prod_qty_input .inputbox { width: 36px; display: inline-block; vertical-align: top; text-align: center;font-size: 16px; line-height: 32px; border-radius: 4px; border: 1px solid #ccc; } #comjshop .prod_qty_input .product_plus { display: inline-block; vertical-align: top; border: none; width: 36px; height: 36px; cursor: pointer; border-radius: 4px; background-image: url(/templates/jblank/images/icons/icon_minusplus.png); background-repeat: no-repeat; background-position: -30px 1px; background-color: #f1f5f1; } #comjshop .prod_qty_input .product_plus:hover { background-color: #fff; } #comjshop .productfull_actionBlock .btn-buy { display: inline-block; border: 1px solid #c5334e; padding: 15px 45px; border-radius: 4px; -webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; -ms-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out; background-color: transparent; color: #c5334e; font-size: 17px; cursor: pointer; } #comjshop .productfull_actionBlock .btn-buy:hover { background-color: #c5334e; border: 1px solid #c5334e; color: #fff; } .blockRelated h3 { text-align: center; margin: 0; padding: 15px 0; text-transform: uppercase; } #comjshop .jshop_prod_advantages .advantages_items { display: flex; flex-wrap: wrap; align-items: center; } #comjshop .jshop_prod_advantages .advantages_item { display: flex; margin: 15px 15px 15px 0; width: 237px; justify-content: space-between; } #comjshop .jshop_prod_advantages .advantages_item:nth-child(3n+3) { margin: 15px 0 15px 0; } #comjshop .jshop_prod_advantages .advantages_item_icon { width: 60px; height: 40px; margin: 0 10px 0 0; } #comjshop .jshop_prod_advantages .advantages_item_icon img { max-height: 40px; } #comjshop .jshop_prod_advantages .advantages_item_text { font-size: 14px; width: 190px; } #comjshop.cartBlock { background-color: #fff; } #comjshop.cartBlock h1 { background-color: #fff; color: #434343; padding: 35px 0; } #comjshop table.cart { width: 100%; border-collapse: collapse; margin-bottom: 15px; } #comjshop table.cart th { padding: 15px; color: #434343; background-color: #f6f6f6; border: 1px solid #fff; } #comjshop table.cart th.product_name { text-align: left; } #comjshop table.cart td { padding: 15px; } #comjshop table.cart td img { max-height: 100px; } #comjshop table.cart .mobile-count { display: none; background-color: #c5334e; color: #fff; padding: 5px 11px; top: -1px; left: -1px; } #comjshop table.cart .mobile-cart { display: none; } #comjshop table.cart .jshop_img_description_center { text-align: center; } #comjshop table.cart .jshop_img_description_center a { border: none; } #comjshop table.cart .prod_name { padding: 0 0 15px 0; } #comjshop table.cart .prod_desc { font-size: 14px; color: #999; } #comjshop table.cart .manufacturer { font-size: 14px; color: #999; } #comjshop table.cart .manufacturer_code { font-size: 14px; color: #999; } #comjshop table.cart .single_price .data{ text-align: center; font-size: 17px; } #comjshop table.cart .quantity .data { text-align:center; } #comjshop table.cart .quantity .data .inputbox { width: 36px; display: inline-block; vertical-align: middle; text-align: center; font-size: 16px; line-height: 32px; border-radius: 4px; border: 1px solid #ccc; margin: 0 0 5px 0; } #comjshop table.cart .quantity .data .product_minus { display: inline-block; vertical-align: middle; border: none; width: 36px; height: 36px; cursor: pointer; border-radius: 4px; background-image: url(/templates/jblank/images/icons/icon_minusplus.png); background-repeat: no-repeat; background-position: 1px 1px; background-color: #fff; margin: 0 0 5px 0; } #comjshop table.cart .quantity .data .product_plus { display: inline-block; vertical-align: middle; border: none; width: 36px; height: 36px; cursor: pointer; border-radius: 4px; background-image: url(/templates/jblank/images/icons/icon_minusplus.png); background-repeat: no-repeat; background-position: -30px 1px; background-color: #fff; margin: 0 0 5px 0;} #comjshop table.cart .quantity .data .product_minus:hover { background-color: #efefef;} #comjshop table.cart .quantity .data .product_plus:hover { background-color: #efefef;} #comjshop table.cart .quantity .data .cart_reload a { font-size: 14px; } #comjshop table.cart .list_attribute { display: none; } #comjshop table.cart .price_dop_prod { text-align: center; } #comjshop table.cart .remove .data { text-align: center; } #comjshop table.cart td.total_price { background-color: #fff6f7; } #comjshop table.cart .total_price .data { text-align: center; font-size: 17px; font-weight: bold; } #comjshop table.cart .dop_uslugi { text-align: center; font-size: 18px; font-weight: bold; padding: 25px 0; } #comjshop .jshop_subtotal { width: 100%; font-size: 17px; border-collapse: collapse; } #comjshop .jshop_subtotal td { background-color: #efefef; } #comjshop .jshop_subtotal td.name { text-align: right; padding: 0 10px; } #comjshop .jshop_subtotal td.value { width: 10%; padding: 10px; font-weight: bold; text-align: center; } #comjshop .cartdopBlock { padding: 25px; background-color: #efefef; } #comjshop .cart_buttons { padding: 25px 0 45px 0; text-align: center; } #comjshop .cart_buttons a { display: inline-block; padding: 12px 25px; border: 1px solid #ac243d; background-color: #c5334e; color: #fff; border-radius: 4px; font-size: 18px; font-weight: bold; } #comjshop .cart_buttons a:hover { border: 1px solid #dc3c59; background-color: #e04461; } #comjshop.checkoutBlock { background-color: #fff; } #comjshop.checkoutBlock h1 { background-color: #fff; color: #434343; padding: 35px 0; } #jshop_menu_order { overflow: hidden; padding: 35px 0 0 0; margin: 0 auto; text-align: center; } #jshop_menu_order li { display: inline-block; padding: 10px; border-bottom: 2px solid #ccc; } #jshop_menu_order li.prev { border-bottom: 2px solid #0071bb; } #jshop_menu_order li.active { display: inline-block; padding: 10px; border-bottom: 2px dashed #0071bb; color: #0071bb; } #jshop_menu_order li span { display: inline-block; } #jshop_menu_order li a { display: block; border-bottom: none; } #jshop_menu_order li span.jshop_order_step_numb { border-radius: 50%; width: 17px; padding: 3px; font-size: 13px; text-align: center; margin: 0 5px 0 0; } #jshop_menu_order li.prev span.jshop_order_step_numb { background-color: #0071bb; color: #fff; border: 1px solid #0071bb; } #jshop_menu_order li.next span.jshop_order_step_numb { background-color: #efefef; color: #434343; border: 1px solid #efefef; } #jshop_menu_order li.active span.jshop_order_step_numb { background-color: #fff; color: #0071bb; border: 1px dashed #0071bb; } #jshop_menu_order li.jshop_order_step_arrow { background-image: url(/templates/jblank/images/icons/icon_how_job_sprite_arrow.png); background-repeat: no-repeat; border-bottom: none;padding:0;width: 12px; height: 12px; } #jshop_menu_order li.jshop_order_step_arrow:last-of-type { display: none; } #comjshop .jshop_register { text-align: center; } #comjshop .jshop_register .control-group { display: inline-block; width: 216px; margin: 6px; text-align: left; } #comjshop .jshop_register .control-group .control-label { padding: 0 0 8px 0; color: #666; font-weight: bold; } #comjshop .jshop_register .control-group input { border: 1px solid #ccc; border-radius: 4px; padding: 10px; width: 194px; } #comjshop .other_delivery_adress { display: none; } #comjshop .requiredtext { display: none; } #comjshop .obpoltext { text-align:center; margin: 0 auto; width: 470px; color: #696969; font-size: 15px; padding: 25px 0; } #comjshop .box_button { text-align: center; padding: 0 0 35px 0; } #comjshop .box_button .button { border-radius: 4px; outline: none; cursor: pointer; padding: 12px 45px; font-size: 18px; background-color: transparent; box-shadow: none; border: 1px solid #f6383c; color: #f6383c; transition: 0.2s; } #comjshop .box_button .button:hover { background-color: #f6383c; color: #fff; } #comjshop.shippingsBlock { background-color: #fff; } #comjshop.shippingsBlock h1 { background-color: #fff; color: #434343; padding: 35px 0; } #comjshop #table_shippings { padding: 0 0 15px 0; } #comjshop #table_payments { padding: 0 0 15px 0; } #comjshop .shipping_descr { font-size: 14px; color: #323232; padding: 0 0 0 25px; } #comjshop .payment_descr { font-size: 14px; color: #323232; padding: 0 0 0 25px; } #comjshop.paymentsBlock { background-color: #fff; } #comjshop.paymentsBlock h1 { background-color: #fff; color: #434343; padding: 35px 0; } #comjshop.finishBlock { background-color: #fff; } #comjshop.finishBlock h1 { background-color: #fff; color: #434343; padding: 35px 0; } #comjshop .checkoutinfo { padding: 15px 0; } #comjshop .checkoutinfo .bill_address { display: none; } #comjshop .pfinish_comment_block { } #comjshop .pfinish_comment_block .inputbox { padding: 15px; width: 1138px; height: 70px; } #comjshop .pfinish_comment_block .name { padding: 15px 0; } #comjshop .checkout_pfinish_block { padding: 0 0 25px 0; } #comjshop .checkout_pfinish_block .box_button { padding: 15px 0; } #comjshop .cart_politica { font-size: 14px; width: 515px; text-align: center; margin: 0 auto; } .blockSpasibo { background-color: #fff; min-height: 350px; } .blockSpasibo h1 { background-color: #fff; margin: 0; color: #434343; padding: 35px 0; text-align: center; font-size: 36px; text-transform: uppercase; } .blockSpasibo p { text-align: center; } #post_component { background-color: #fff; } #post_component .price h2 { text-align: center; padding: 25px 0 0 0 ; } #post_component .price .content_price { width: 100%; border-collapse: collapse; margin: 25px 0 0 0; } #post_component .price .content_price thead td { font-weight: bold; background-color: #c5334e; color: #fff; border: 1px solid #c5334e; } #post_component .price .content_price td { border: 1px solid #efefef; padding: 10px 7px; } #post_component .price .content_price tbody tr:hover td { background-color: #efefef; } #post_component .price .content_price .content_price_value { white-space: nowrap; } #post_component2 .introtext { text-align: center; width: 770px; background-color: #fff; margin: 0 auto; padding: 35px 0; } #post_component2 .home_content { background-image: url(/templates/jblank/images/inner/bg_home_content3.png); background-repeat: no-repeat;background-position: center; } #post_component2 .home_content_table { width: 90%; border-collapse: collapse; } #post_component2 .home_content_table td { padding: 25px; vertical-align: top; } #post_component2 .home_content_table_left { width: 60%; } #post_component2 .home_content_table_right iframe { height: 250px; border: 3px solid #fff; } #post_component2 .home_content_social_items a { display: inline-block; width: 36px; height: 36px; border-bottom: none; margin: 0 5px 0 0; background-image: url(/templates/jblank/images/icons/sprite_social_icons_color.png); background-repeat: no-repeat;} #post_component2 .home_content_social_items a.facebookcom { background-position: 0 -58px; } #post_component2 .home_content_social_items a.okru { background-position: 0px -358px; } #post_component2 .home_content_social_items a.instagramcom { background-position: 0px -236px; } #post_component2 .home_content_social_items a.twittercom { background-position: 0 -117px; } #post_component2 .home_content_social_items a.youtubecom { background-position: 0px -297px; } #jobs { padding: 25px 0; } #jobs h2 { text-align: center; margin: 0px; } #jobs .jobs_slide { overflow: hidden; } #jobs .jobs_slide_left { float: left; width: 467px; } #jobs .jobs_slide_right { float: right; width: 58%; } #jobs .jobs_slide_left_mainphoto { } #jobs .jobs_slide_left_mainphoto img { width: 100%; height: 300px; } #jobs .jobs_slide_left_dopphoto { overflow: hidden; } #jobs .jobs_slide_left_dopphoto a { width: 113px; height: 80px; display: block; float: left; margin: 5px 5px 0 0; border-bottom: none; } #jobs .jobs_slide_left_dopphoto a img { width: 100%; height: 80px; } #jobs .jobs_slide_left_dopphoto a:nth-child(4) { margin: 5px 0 0 0; } #jobs .jobs_slide_right h3 { margin: 0; padding: 0 0 15px 0; } #jobs .jobs_slide_right_info { padding: 0; margin: 0; font-size: 16px; color: #777; } #jobs .jobs_slide_right_info li { margin: 0 0 5px 0; padding: 0; list-style-type: none; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAABCAAAAAA+i0toAAAAAnRSTlMA/1uRIrUAAAAMSURBVHheY7j1/z8ABY8C2UtBe8oAAAAASUVORK5CYII=) 0 80% repeat-x; } #jobs .jobs_slide_right_info_left { background-color: #fff; padding: 0 5px 0 0; font-weight: bold; } #jobs .jobs_slide_right_prevtext { font-size: 14px; color: #696969; margin: 0 0 15px 0; } #jobs .jobs_slide_right_prevtext p { margin: 0 0 15px 0; } #jobs .jobs_slide_right_info_right { background-color: #fff; padding: 0 0 0 5px; float: right; } #jobs .jobs_slide_right_review { position: relative; background-color: #efefef; color: #434343; margin: 25px 0; padding: 25px; min-height: 82px; background-image: url(/templates/jblank/images/icons/icon_bg_quote.png); background-repeat: no-repeat;background-position: bottom 75px left 100px; } #jobs .jobs_slide_right_review_photo { position: absolute; width: 100px; height: 100px; bottom: -24px; } #jobs .jobs_slide_right_review_photo img { border-radius: 100%; width: 100px; height: 100px; } #jobs .jobs_slide_right_review_text { float: right; width: 495px; font-style: italic; } #jobs .jobs_slide_right_author { width: 520px; font-size: 14px; margin: -20px 0 0 0; float: right; } #jobs .bx-wrapper { margin: 35px 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: none; } #jobs .bx-wrapper .bx-prev { left: -60px; } #jobs .bx-wrapper .bx-next { right: -60px; } #jobs .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { bottom: -50px; } #yamap_block { overflow: hidden; margin: 0; } #yamap_block #map { height: 400px; position: relative; } #yamap_block .yamap-text { position: absolute; z-index: 1; width: 50%; right: 0; } #yamap_block .yamap-text-right { width: 585px; } #yamap_block .yamap-text-in { float: right; width: 390px; height: 274px; padding: 63px 35px; background-color: rgba(255, 255, 255, 0.8); } #yamap_block .yamap-text-in h2 { padding: 0 0 15px 0; text-transform: uppercase; font-weight: bold; } #yamap_block .yamap-text-in p { padding: 0 0 10px 0; margin: 0; } #schemework_block { text-align: center; padding: 25px 0; } #schemework_block .schemework_title { font-size: 24px; font-weight: bold; padding: 10px 0; } #schemework_block .schemework_items { padding: 25px 0 15px 0; } #schemework_block .schemework_item { display: inline-block; width: 140px; height: 200px; vertical-align: top; } #schemework_block .schemework_item_img { display: inline-block; width: 130px; height: 130px; background-image: url(/templates/jblank/images/icons/icon_how_job_sprite.png); background-repeat: no-repeat; margin-bottom: 10px; } #schemework_block .schemework_item_img_step1 { } #schemework_block .schemework_item_img_step2 { background-position: 0px -210px; } #schemework_block .schemework_item_img_step3 { background-position: 0px -423px; } #schemework_block .schemework_item_img_step4 { background-position: 0px -661px; } #schemework_block .schemework_item_img_step5 { background-position: 0px -898px; } #schemework_block .schemework_item_img_step6 { background-position: 0px -1121px; } #schemework_block .schemework_arrow { display: inline-block; width: 50px; height: 200px; vertical-align: top; } #schemework_block .schemework_arrow_icon { width: 12px; height: 12px; background-image: url(/templates/jblank/images/icons/icon_how_job_sprite_arrow.png); background-repeat: no-repeat; margin: 64px auto 0 auto; } #schemework_block .schemework_item_text { font-size: 14px; } #infomation_block { background-color: #efefef; padding: 25px 0; } #infomation_block .infomation_block_title { font-size: 24px; font-weight: bold; padding: 10px 0; text-align: center; } #infomation_block .infomation_block_items { text-align: center; padding: 20px 0; } #infomation_block .infomation_block_item { display: inline-block; width: 258px; margin: 0 15px; vertical-align: top; } #infomation_block .infomation_block_item_img { height: 140px; background-color: #ddd; position: relative; overflow: hidden; } #infomation_block .infomation_block_item_img img { max-width: 100%; } #infomation_block .infomation_block_item_link { padding: 10px 0; text-align: left; font-size: 16px; } #infomation_block .infomation_block_item_introtext { text-align: left; font-size: 14px; padding: 5px 0; } #infomation_block .infomation_block_item_introtext p { margin: 0; } #infomation_block .infomation_block_item_date { position: absolute; top: 10px; right: 10px; padding: 10px; text-align: center; font-size: 11px; background-color: #efefef; } #infomation_block .infomation_block_item_day { } #infomation_block .infomation_block_item_year { font-size: 15px; font-weight: bold; } #infomation_block .infomation_block_item_category { font-size: 14px; color: #696969; text-align: left; } #infomation_block .infomation_block_item_category a { color: #696969; border-bottom: 1px dashed #696969; } #infomation_block .infomation_block_item_category a:hover { border-bottom: 1px solid #696969; } #infomation_block .catid_10 .infomation_block_item_link a { color: #434343; border-bottom: 1px dashed #434343; } #infomation_block .catid_10 .infomation_block_item_link a:hover { border-bottom: 1px solid #434343; } #infomation_block .catid_10 .infomation_block_item_date { color: #fff; background-color: #434343; } #infomation_block .catid_12 .infomation_block_item_link a { color: #f6383c; border-bottom: 1px dashed #f6383c; } #infomation_block .catid_12 .infomation_block_item_link a:hover { border-bottom: 1px solid #f6383c; } #infomation_block .catid_12 .infomation_block_item_date { color: #fff; background-color: #f6383c; } #infomation_block .catid_12 .infomation_block_item_category a { color: #f6383c; border-bottom: 1px dashed #f6383c; } #infomation_block .catid_12 .infomation_block_item_category a:hover { border-bottom: 1px solid #f6383c; } #infomation_block .catid_11 .infomation_block_item_link a { color: #23a746; border-bottom: 1px dashed #23a746; } #infomation_block .catid_11 .infomation_block_item_category a { color: #23a746; border-bottom: 1px dashed #23a746; } #infomation_block .catid_11 .infomation_block_item_category a:hover { border-bottom: 1px solid #23a746; } #infomation_block .catid_11 .infomation_block_item_link a:hover { border-bottom: 1px solid #23a746; } #infomation_block .catid_11 .infomation_block_item_date { color: #fff; background-color: #23a746; } #comjshop .modifications_block { padding: 25px 0; margin: 45px 0 25px 0; border-top: 1px dashed #dde1dd; border-bottom: 1px dashed #dde1dd; } #comjshop .modifications_title { font-size: 20px; font-weight: bold; padding: 0 0 25px 0; margin: -41px 0 0 0; } #comjshop .modifications_title span { background-color: #fff; padding: 0 15px 0 0; } #comjshop .modifications { display: flex; flex-wrap: wrap; } #comjshop .modification_item { width: 100%; padding: 8px; margin: 0 10px 10px 10px; border: 1px solid #f1f5f1; text-align: center; height: 90px; } #comjshop .modification_item_this { border: 1px solid #d71a20; } #comjshop .modification_item:hover { -webkit-box-shadow: 0 0 5px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 0 5px 2px rgba(0,0,0,.2); box-shadow: 0 0 5px 2px rgba(0,0,0,.2); } #comjshop .modification_item:nth-child(9n+9) { margin: 0 0 10px 0; } #comjshop .modification_item a {height: 100%;} #comjshop .modification_item a span { border-bottom: 1px dashed #d71a20; } #comjshop .modification_item a:hover span { border-bottom: 1px solid #d71a20; } #comjshop .modification_item_price { font-size: 14px; font-weight: bold; padding: 10px 0 0 0; } #comjshop .modification_item_color { display: flex; justify-content: center; padding: 7px 0; } #comjshop .modification_item_color_name { font-size: 13px; background-color: #f6f6f6; padding: 3px 5px; } #comjshop .modification_item_artikul { font-size: 12px; color: #999; } .name_komplektuy{padding: 0 0 5px 30px; color: black; font-size: 15px; text-align:left; margin-bottom: 12px; overflow: hidden; height: 30px} .img_komplektuy{width: 135px;} .price_komplektuy{margin-bottom: 10px; color: black; font-size: 14px; font-weight: 700; text-align: center; } .info_komplektuy{display: flex; flex-direction: row; align-content: flex-start; width: 100%; justify-content: space-between;} .btn-order { border: 1px solid #0071bb; padding: 7px 25px; border-radius: 4px; -webkit-transition: all .1s ease-out; -moz-transition: all .1s ease-out; -ms-transition: all .1s ease-out; -o-transition: all .1s ease-out; transition: all .1s ease-out; background-color: #0071bb; color: #fff; font-size: 13px; cursor: pointer; } .btn-order:hover { background-color: #d71a20; } .btn_buy_fast { border: 1px solid #d71a20; padding: 15px 0 15px 0; border-radius: 4px; -webkit-transition: all .1s ease-out; -moz-transition: all .1s ease-out; -ms-transition: all .1s ease-out; -o-transition: all .1s ease-out; transition: all .1s ease-out; color: #d71a20; width: 100%; font-size: 17px; cursor: pointer; display:block; text-align: center; } #comjshop .product-button { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .order_kompBlock{display: flex; flex-direction: column; align-items: flex-start; margin-top: 10px; margin-right: 10px;} .BlockInfoKomplektuy{ display: flex; flex-direction: row; border-bottom: none; font-size: 14px; width: 100%; vertical-align: middle; border-bottom: none; padding: 0 0 0 5px; align-items: center;} @media (min-device-width : 280px) and (max-device-width : 580px) { .price_komplektuy{margin-bottom: unset; width: 78px; text-align: left;} .order_kompBlock{flex-direction: row; align-items: center; margin-left: 30px;} #comjshop .product-button{margin-left: 10px;} .info_komplektuy{flex-direction: column;} .btn-order{padding: 7px 15px; margin-left: 10px;} #comjshop .product-button {margin-left: unset;} } @media (min-device-width : 280px) and (max-device-width : 407px) { .BlockInfoKomplektuy{flex-direction: column; align-items: center} #comjshop .modification_item a {flex-direction: column;} .price_komplektuy{width: 100%; padding: 0 0 10px 0; text-align: center;} .name_komplektuy {padding: unset;margin-bottom: 12px; margin-top: 10px; font-size: 13px; text-align: center; height: 36px;} .order_kompBlock{flex-direction: column; margin-left: unset; margin-top: unset; margin-right: unset;} #comjshop .modification_item {width: 70%;} #comjshop .modification_item {height: 210px;} #comjshop .product-button{padding: unset;} .btn-order{margin-left: unset;} #comjshop .modifications {display: flex; flex-wrap: wrap; flex-direction: column; align-items: center;}} @media (min-device-width : 280px) and (max-device-width : 311px) { #comjshop .modifications{align-items: unset;} #comjshop .modification_item {width: 80%;} } #questionform_block { background-color: #434343; background-image: url(/templates/jblank/images/inner/bg_questionform.jpg); background-position: center center; background-repeat: no-repeat; /*что бы работал parlax нужно для r_panel установить прозрачный фон*/ } #questionform_block .questionform_title { text-align: center; padding: 30px 0 0 0; font-weight: bold; color: #fff; font-size: 26px; } #questionform_block .questionform_introtext { text-align: center; width: 500px; color: #fff; padding: 15px 0; margin: 0 auto; color: #efefef; } #questionform_block .questionform_inputs { text-align: center; padding: 15px 0; } #questionform_block .questionform_inputs input { background: rgba(0, 0, 0, 0.4); display: inline-block; color: #dcdcdc; border: 2px solid #dcdcdc; padding: 10px 15px 10px 45px; width: 196px; font-size: 18px; border-radius: 4px; outline: none; margin: 0 10px; } #questionform_block .questionform_inputs input[name="name"] { background-image: url(/templates/jblank/images/icons/icon_name_white.png); background-repeat: no-repeat; background-position: 14px 9px; } #questionform_block .questionform_inputs input[name="phone"] { background-image: url(/templates/jblank/images/icons/icon_phone_white.png); background-repeat: no-repeat; background-position: 14px 9px; } #questionform_block .questionform_inputs button { border-radius: 4px; outline: none; cursor: pointer; padding: 12px 15px; font-size: 18px; width: 260px; margin: 0 10px; display: inline-block; } #questionform_block .questionform_politica { color: #ababab; text-align: center; padding: 15px 0 30px 0; width: 500px; margin: 0 auto; font-size: 13px; } #questionform_block .questionform_politica a { color: #72ccf2; text-decoration: none; transition: 0.2s; border-bottom: 1px dashed #72ccf2; } #questionform_block .questionform_politica a:hover { border-bottom: 1px solid #72ccf2; } #footer { background-color: #434343; color: #efefef; } #footer .footer_table { width: 100%; border-collapse: collapse; } #footer .footer_table td { vertical-align: top; } #footer .footer_table_left { background-color: #2f2f2f; width: 35%; padding: 35px 25px 55px 0; background-repeat: no-repeat; background-position: bottom 0px left 0px; } #footer .footer_table_left_content { width: 340px; float: right; } #footer .footer_table_left_content_title { color: #efefef; font-size: 25px; text-transform: uppercase; padding: 0 0 20px 0; border-bottom: 1px solid #3e3e3e; } #footer .footer_table_left_content_title_line { height: 1px; width: 100px; background-color: #72ccf2; margin: -1px 0 20px 0; transition: 0.2s; } #footer .footer_table_left_content_title_img { background-image: url(/templates/jblank/images/inner/logo.png); background-repeat: no-repeat; width: 36px; height: 36px; float: left; margin: 0 10px 0 0; background-size: 114px; } #footer .footer_table_left:hover .footer_table_left_content_title_line { width: 100%; } #footer .footer_table_left_content_logo { padding: 0 0 15px 0; border-bottom: 1px solid #3e3e3e; margin: 0 0 15px 0; } #footer .footer_table_left_content_logo img { width: 130px;} #footer .footer_table_left_content_phone { overflow: hidden; padding: 3px 0; } #footer .footer_table_left_content_phone p { margin: 0px; } #footer .footer_table_left_content_phone_img { float: left; width: 28px; height: 28px; margin: 0 10px 5px 0; background-image: url(/templates/jblank/images/icons/sprite_footer_contacts.png); background-repeat: no-repeat; background-position: 3px 6px; } #footer .footer_table_left_content_phone_text { font-size: 20px; font-weight: bold; } #footer .footer_table_left_content_email { overflow: hidden; padding: 3px 0; } #footer .footer_table_left_content_email p { margin: 0; } #footer .footer_table_left_content_email_img { float: left; width: 28px; height: 28px; margin: 0 10px 5px 0; background-image: url(/templates/jblank/images/icons/sprite_footer_contacts.png); background-repeat: no-repeat; background-position: 3px -91px; } #footer .footer_table_left_content_email_text { font-size: 20px; font-weight: bold; } #footer .footer_table_left_content_address { overflow: hidden; padding: 3px 0; } #footer .footer_table_left_content_address p { margin: 0; } #footer .footer_table_left_content_address_img { float: left; width: 28px; height: 28px; margin: 0 10px 40px 0; background-image: url(/templates/jblank/images/icons/sprite_footer_contacts.png); background-repeat: no-repeat; background-position: 3px -42px; } #footer .footer_table_left_content_address_text { font-size: 20px; font-weight: bold; } #footer .footer_table_left_content_address_text span { font-size: 16px; font-weight: normal; } #footer .footer_table_left_content_social { padding: 15px 0 0 0; } #footer .footer_table_left_content_social_title { font-size: 14px; color: #ccc; padding: 0 0 15px 0; } #footer .footer_table_left_content_social_items a { display: inline-block; width: 36px; height: 36px; border-bottom: none; margin: 0 5px 0 0; background-image:url(/templates/jblank/images/icons/sprite_social_icons.png); background-repeat: no-repeat; } #footer .footer_table_left_content_social_items a:hover { background-image:url(/templates/jblank/images/icons/sprite_social_icons_hover.png); } #footer .footer_table_left_content_social_items a.vkcom { } #footer .footer_table_left_content_social_items a.facebookcom { background-position: 0 -58px; } #footer .footer_table_left_content_social_items a.okru { background-position: 0px -358px; } #footer .footer_table_left_content_social_items a.instagramcom { background-position: 0px -236px; } #footer .footer_table_left_content_social_items a.twittercom { background-position: 0 -117px; } #footer .footer_table_left_content_social_items a.youtubecom { background-position: 0px -297px; } #footer .footer_table_right { padding: 35px 0 65px 35px; } #footer .footer_table_right_content { width: 745px; } #footer .footer_table_right_content_item { display: inline-block; width: 215px; margin: 0 15px; vertical-align: top; } #footer .footer_table_right_content_item_title { font-size: 25px; } #footer .footer_table_right_content_item .menu { padding: 40px 0 40px 0; margin: 0; } #footer .footer_table_right_content_item .menu li { list-style-type: none; padding: 5px 0; margin: 0; } #footer .footer_table_right_content_item .menu li a { border-bottom: none; color: #72ccf2; } #footer .footer_table_right_content_item .menu li a:hover { border-bottom: none; color: #efefef; } #footer .footer_table_right_content_author { margin: 0 15px; font-size: 13px; color: #adadad; } #footer .footer_table_right_content_author div.custom { display: inline; } #footer .footer_table_right_content_author div.custom p { display: inline; } #footer .footer_table_right_content_author a { color: #77bfdd; border-bottom: 1px dashed #77bfdd; } #footer .footer_table_right_content_author a:hover { color: #77bfdd; border-bottom: 1px solid #77bfdd; } .s_form .p_status_in { color: #fff; padding: 20px 0 0 0; } .s_form .img_good { display: inline-block; height: 24px; vertical-align: middle; margin: 0 10px 0 0 ; } .s_form .div_good { display: inline-block; vertical-align: middle; text-align: left; color: #2cff2c; } .s_form .img_load { display: inline-block; height: 24px; vertical-align: middle; margin: 0 10px 0 0 ; } .s_form .div_load { display: inline-block; vertical-align: middle; text-align: left; color: #dcd85a; } .s_form .img_error { display: inline-block; height: 20px; vertical-align: middle; margin: 0 10px 0 0; } .s_form .div_error { display: inline-block; vertical-align: middle; color: #ff7891; } .cookie_files { position: fixed; z-index:99999; bottom: 0px; background-color: #fff; font-size: 13px; width: 100%; padding: 10px 0; -webkit-box-shadow: 0px -2px 5px -1px rgba(0,0,0,0.2); -moz-box-shadow: 0px -2px 5px -1px rgba(0,0,0,0.2); box-shadow: 0px -2px 5px -1px rgba(0,0,0,0.2); } .cookie_files_in { margin: 0 7px; position: relative; } .cookie_files_close { float: right; display: block; padding: 0 5px; text-decoration: none; font-weight: bold; border-bottom: none; } .cookie_files_close:hover { border: none; } .cookie_files_2 { display: none; position: fixed; z-index:99999; bottom: 0px; background-color: #fff; font-size: 12px; padding: 10px 0; } .cookie_files_2 .cookie_files_close { background-color: #efefef; padding: 10px 15px; margin: 0 0 0 5px; } /* Styles for dialog window */ .popup_form { background: white; padding: 30px; text-align: left; max-width: 40%; margin: 40px auto; position: relative;} .popup_form .p_title { font-weight: bold; font-size: 21px; } .popup_form .p_product_name { padding: 5px 0 0 0; font-weight: bold; } .popup_form input[type="text"] { height: 25px; padding: 10px 10px 10px 10px; width: -webkit-fill-available; border: 1px solid #ccc; background-repeat: no-repeat;background-position: center; } .popup_form input[name="payName"] { background-image: url(/templates/jblank/images/icons/icon_popupform_name.png); background-repeat: no-repeat; } .popup_form input[name="payPhone"] { background-image: url(/templates/jblank/images/icons/icon_popupform_phone.png); background-repeat: no-repeat; } .popup_form input[name="dop1"] { width: 354px; background-image: url(/templates/jblank/images/icons/icon_popupform_link.png); background-repeat: no-repeat; } .popup_form input[name="email"] { width: 354px; background-image: url(/templates/jblank/images/icons/icon_popupform_email.png); background-repeat: no-repeat; } .popup_form textarea { height: 60px; padding: 10px; width: -webkit-fill-available; margin: 15px 0 0 0; resize: vertical; border: 1px solid #ccc; } .popup_form .p_btn_go { background-color: #c5334e; border: 1px solid #F3385F; color: #FFFFFF; display: block; text-align: center; text-decoration: none; padding: 8px 15px 8px 15px; font-size: 15px; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; line-height: 20px; width: 135px; margin: 15px auto 0 auto; font-weight: bold; } .popup_form .p_btn_go:hover { background-color: #FF0044; } .popup_form .p_status .p_status_in { overflow: hidden; padding: 0 0 20px 0; } .popup_form .p_status .p_status_in .img_load { float: left; margin: 0 10px 0 0; } .popup_form .p_status .p_status_in .div_load { float: left; font-weight: bold; color: #7CD63C; } .popup_form .p_status .p_status_in .img_good { float: left; margin: 0 10px 0 0; width: 24px; } .popup_form .p_status .p_status_in .div_good { color: #00e200; } .popup_form .p_status .p_status_in .img_error { float: left; margin: 0 10px 0 0; width: 24px; } .popup_form .p_status .p_status_in .div_error { color: #ff4a7a; float: left; margin: 2px 0 0 0; } .popup_form .p_t2_left { width: 100%; float: left; margin-bottom: 15px; } .popup_form .p_t2_right { width: 100%; float: right; } .popup_form_politic { text-align: center; margin: 15px 0 0 0; font-size: 11px; } .popup_form input:focus[name="name"]{outline:1px solid #0071BB!important;} .popup_form input:focus[name="phone"]{outline:1px solid #0071BB!important;} .popup_form textarea:focus[name="comment"]{outline:1px solid #0071BB!important;} .btn_go { background-color: transparent !important; color: #fff !important; border: 1px solid #fff !important; } /** * Fade-zoom animation for first dialog */ /* start state */ .my-mfp-zoom-in .zoom-anim-dialog { opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); } /* animate in */ .my-mfp-zoom-in.mfp-ready .zoom-anim-dialog { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } /* animate out */ .my-mfp-zoom-in.mfp-removing .zoom-anim-dialog { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); opacity: 0; } /* Dark overlay, start state */ .my-mfp-zoom-in.mfp-bg { opacity: 0; -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; } /* animate in */ .my-mfp-zoom-in.mfp-ready.mfp-bg { opacity: 0.8; } /* animate out */ .my-mfp-zoom-in.mfp-removing.mfp-bg { opacity: 0; } /** * Fade-move animation for second dialog */ /* at start */ .my-mfp-slide-bottom .zoom-anim-dialog { opacity: 0; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; -webkit-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg ); -moz-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg ); -ms-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg ); -o-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg ); transform: translateY(-20px) perspective( 600px ) rotateX( 10deg ); } /* animate in */ .my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog { opacity: 1; -webkit-transform: translateY(0) perspective( 600px ) rotateX( 0 ); -moz-transform: translateY(0) perspective( 600px ) rotateX( 0 ); -ms-transform: translateY(0) perspective( 600px ) rotateX( 0 ); -o-transform: translateY(0) perspective( 600px ) rotateX( 0 ); transform: translateY(0) perspective( 600px ) rotateX( 0 ); } /* animate out */ .my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog { opacity: 0; -webkit-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); -moz-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); -ms-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); -o-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); } /* Dark overlay, start state */ .my-mfp-slide-bottom.mfp-bg { opacity: 0; -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; } /* animate in */ .my-mfp-slide-bottom.mfp-ready.mfp-bg { opacity: 0.8; } /* animate out */ .my-mfp-slide-bottom.mfp-removing.mfp-bg { opacity: 0; } .checkbox { position: absolute; z-index: -1; opacity: 0; margin: 10px 0 0 20px; } .checkbox + label { position: relative; padding: 0 0 0 60px; cursor: pointer; } .checkbox + label:before { content: ''; position: absolute; top: 0px; left: 0; width: 50px; height: 26px; border-radius: 13px; background: #CDD1DA; box-shadow: inset 0 2px 3px rgba(0,0,0,.2); transition: .2s; } .checkbox + label:after { content: ''; position: absolute; top: 2px; left: 2px; width: 22px; height: 22px; border-radius: 10px; background: #FFF; box-shadow: 0 2px 5px rgba(0,0,0,.3); transition: .2s; } .checkbox:checked + label:before { background: #9FD468; } .checkbox:checked + label:after { left: 26px; } .checkbox:focus + label:before { box-shadow: inset 0 2px 3px rgba(0,0,0,.2), 0 0 0 3px rgba(255,255,0,.7); } input[type="checkbox"]:checked, input[type="checkbox"]:not(:checked) { position: absolute; left: -9999px; } input[type="checkbox"]:checked + label, input[type="checkbox"]:not(:checked) + label { display: inline-block; position: relative; padding-left: 28px; line-height: 20px; cursor: pointer; } input[type="checkbox"]:checked + label:before, input[type="checkbox"]:not(:checked) + label:before { content: ""; position: absolute; left: 0px; top: 0px; width: 18px; height: 18px; border: 1px solid #dddddd; background-color: #ffffff; } input[type="checkbox"]:checked + label:before, input[type="checkbox"]:not(:checked) + label:before { border-radius: 2px; } input[type="checkbox"]:checked + label:after, input[type="checkbox"]:not(:checked) + label:after { content: ""; position: absolute; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } input[type="checkbox"]:checked + label:after, input[type="checkbox"]:not(:checked) + label:after { left: 3px; top: 4px; width: 10px; height: 5px; border-radius: 1px; border-left: 4px solid #f6383c; border-bottom: 4px solid #f6383c; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } input[type="checkbox"]:not(:checked) + label:after { opacity: 0; } input[type="checkbox"]:checked + label:after { opacity: 1; } /* classic clearfix */ .clearfix { display: block; } .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } * html .clearfix { height: 1%;} .url-path-test { background: url('../images/test.png'); } .ui-slider-handle { width: 20px !important; height: 20px !important; border-radius: 15px 15px 15px 15px !important; -webkit-border-radius: 15px 15px 15px 15px !important; background: -webkit-linear-gradient(top, #fa4869, #fa4869) !important; background: -o-linear-gradient(top, #fa4869, #fa4869) !important; background: -ms-linear-gradient(top, #fa4869, #fa4869) !important; background: linear-gradient(top, #fa4869, #fa4869) !important; border: none !important; top: 50% !important; margin-top: -10px !important; margin-left: -10px !important; cursor: pointer !important; outline: none !important; } .ui-widget-content { height: 6px !important; } .marquiz-pops_position .marquiz-pops__body { border-bottom: none; } .bg_newyea { position: absolute; width: 100%; height: 50px; background-image: url(/templates/jblank/images/inner/girlanda.png); background-position: bottom; } .bg_newyea_bottom { height: 35px; background-color: #f6f6f6; } .marquiz_block { padding: 25px 0; } /* sertificates */ .certificates-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-right: 0px; margin-bottom: 20px; padding-left: 0px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; list-style-type: none; } .certificat-item { width: 31%; margin-right: 0%; margin-bottom: 30px; } .sertificates { position: relative; display: block; overflow: hidden; border-style: solid; border-width: 1px; border-color: #e7e7e7; border-radius: 3px; -webkit-transition: all 200ms ease; transition: all 200ms ease; } .sertificates:hover { border-color: #e4e3e3; box-shadow: 0 5px 14px -4px rgba(5, 42, 97, 0.17); } .margin-top-10 { display: inline-block; margin-top: 10px; text-decoration: none; } .sertificate-img-min { width: 100%; } @media screen and (max-width: 767px) { .certificat-item { width: 48%; } } /*statya*/ .container-sr{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;max-width:1100px;margin-right:auto;margin-left:auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.heading-sr{margin:40px auto 20px;text-align:center}.row-sr{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-bottom:40px;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.column-sr{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:45%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.text-block-sr{margin-top:20px}.row-pr{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-bottom:20px;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.img-sr{width:100%;max-width:80px;margin-right:4%}.div-block{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.heading-2{margin-top:0;margin-bottom:0px}.link-sr{display:inline-block;margin-top:40px;margin-right:auto;margin-left:auto;padding:20px 40px;border-bottom:3px solid #01548b;border-radius:10px;background-color:#0071bb;color:#fff;font-size:18px;text-align:left;text-decoration:none}.link-sr:hover{border-top:2px solid #0071bb;border-bottom-width:1px;background-color:#057dcc}.tilda-sr{width:100%;height:3px;max-width:100px;margin-right:auto;margin-bottom:20px;margin-left:auto;background-color:#0071bb}@media screen and (max-width: 479px){.img-sr{max-width:40px}} /*Стили для страницы Акция*/ li.action_product-inner { display:grid; grid-template-columns: 1fr 1.5fr; grid-gap: 2vw; } .prod_img a{ text-decoration: none; border: none; } .prod_title{ padding-bottom: 10px; } .prod_title a{ font-size: 18px; } .prod_desc{ font-size: 14px; color:#434343 ; padding-bottom: 10px; } .prod_price{ font-size: 18px; color: #434343; padding-bottom: 20px; } .old_price{ text-decoration: line-through; padding-right: 20px; } .new_price{ color: #f6383c; font-weight: bold; } .prod_prop{ display:grid; grid-template-columns: 1fr 1fr; grid-gap: 0.2vw; font-size: 13px; color:gray ; } .right_col{ text-align: right; } .action_product-inner{ margin-bottom: 50px; border-bottom: 1px dashed #0071bb; padding-bottom: 15px; } /* end стили Акция */ /* Московские поддомены */ .navigation { overflow: hidden; max-height: 0; transition: width 0.5s ease-out; position: absolute; right: 0px; top: 60px; width: 0px; background: #fff; border-left: 1px solid #434343; } .burger-check:checked ~ label.burger{ color: red; font-weight: bold; border-bottom: 1px solid red; } .burger-check:checked ~ .navigation { max-height: 500px; transition: width 0.5s ease-out; position: absolute; right: 0px; top: 60px; width: 400px; } input#burger-check { display: none; } .nav__msk{ display: grid; grid-template-columns: 1fr 1fr; } .nav__msk li{ list-style-type: none; } label.burger{ padding-left: 0px !important; color: #0071bb; border-bottom: 1px dashed #0071bb; } label.burger:hover{ border-bottom: 1px solid #004699; color: #004699; } label.burger:before, label.burger:after { display: none; } .region__city a{ font-size: 24px; font-weight: bold; } /*End Московские поддомены */ /*Уфа поддомены*/ .navigation2 { overflow: hidden; max-height: 0; transition: width 0.5s ease-out; position: absolute; right: 0px; top: 60px; width: 0px; background: #fff; border-left: 1px solid #434343; } .burger-check2:checked ~ label.burger2{ color: red; font-weight: bold; border-bottom: 1px solid red; } .burger-check2:checked ~ .navigation2 { max-height: 500px; transition: width 0.5s ease-out; position: absolute; right: 0px; top: 60px; width: 400px; } input#burger-check2 { display: none; } .nav__msk2{ display: grid; grid-template-columns: 1fr 1fr; } .nav__msk2 li{ list-style-type: none; } label.burger2{ padding-left: 0px !important; color: #0071bb; border-bottom: 1px dashed #0071bb; } label.burger2:hover{ border-bottom: 1px solid #004699; color: #004699; } label.burger2:before, label.burger2:after { display: none; } .region__city2 a{ font-size: 24px; font-weight: bold; } /*Конец Уфа поддомены*/ /*Воронеж поддомены*/ .navigation3 { overflow: hidden; max-height: 0; transition: width 0.5s ease-out; position: absolute; right: 0px; top: 60px; width: 0px; background: #fff; border-left: 1px solid #434343; } .burger-check3:checked ~ label.burger3{ color: red; font-weight: bold; border-bottom: 1px solid red; } .burger-check3:checked ~ .navigation3 { max-height: 500px; transition: width 0.5s ease-out; position: absolute; right: 0px; top: 60px; width: 400px; } input#burger-check3 { display: none; } .nav__msk3{ display: grid; grid-template-columns: 1fr 1fr; } .nav__msk3 li{ list-style-type: none; } label.burger3{ padding-left: 0px !important; color: #0071bb; border-bottom: 1px dashed #0071bb; } label.burger3:hover{ border-bottom: 1px solid #004699; color: #004699; } label.burger3:before, label.burger3:after { display: none; } .region__city3 a{ font-size: 24px; font-weight: bold; } /*Конец Воронеж поддомены*/ .img__mobile img{ width: 100%; } .saratovcenter{ justify-content: center !important; } .saratovcenter a{ color: #fff; text-decoration: none; border: none; } .ramka001 { max-width: 900px; margin-right: auto; margin-left: auto; padding: 16px; border-style: solid; border-width: 3px; border-color: #0071bb; border-radius: 10px; background-color: rgba(0, 113, 187, 0.1); text-align: center; } .r-red { margin-bottom: 10px; color: #ff2711; } .montul ul{ padding: 0px; margin: 0; } .montul ul li{ list-style-type: none; display: inline-block; padding: 5px; text-align: center; /*border-bottom: 1px solid #000;*/ } .montul ul li:nth-child(1){ width: 20px; } .montul ul li:nth-child(2){ width: 500px; } .montul ul li:nth-child(3){ width: 70px; } .montul ul li:nth-child(4){ width: 80px; } .swiper-container { width: 750px; height: 350px; overflow: hidden; position: relative; margin: 0 auto; } .swiper-container img{ width: 100%; height: 100%; object-fit: cover; } .advantage ul li{ width: 30%; list-style-type: none; display: inline-block; padding: 5px; text-align: center; vertical-align: text-top; /*border-bottom: 1px solid #000;*/ } .advantage ul li img{ width: 55%; } .advantage ul li span{ display: block; } .advantage { margin: 40px 0px; } .montul { margin: 40px auto; /* padding-left: 75px; */ width: 83%; } .swiper-button-next, .swiper-button-prev{ color: #fff !important; } .block__container { width: 800px; margin: 0 auto; } .block__container ul{ display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 25px; padding: 0; } .block__container ul li{ list-style-type: none; text-align: center; position: relative; } .block__container ul li img{ width: 300px; height: 250px; object-fit: cover; display: block; margin: 0 auto; } .block__container ul li span{ font-size: 20px; text-transform: uppercase; padding: 20px 0px; display: block; font-weight: bold; height: 50px; } .block__container ul li a{ color: #000; text-decoration: none; } .block__container .button{ color: #fff; background: #0071bb; width: 250px; margin: 0 auto; padding: 15px 0px; font-size: 20px; font-weight: bold; text-transform: uppercase; border-radius: 6px; opacity: 0; position: absolute; top: 33%; left: 0; right: 0; } .block__container a:hover .button{ opacity: 1; transition: 1.5s; } .block__container a:hover img, .block__container a:hover span{ opacity: 0.5; } span#mxcpr { display: none; } .price__sp{ text-align: center; } .mod_top_action_text2{ width: 55% !important; } .zamer__img{ width: 600px; display: block; margin: 40px auto; } .free__list{ list-style-type: none; text-align: center; background: #036db3; display: block; width: 50%; margin: 20px auto; border-radius: 10px; padding: 20px; color: #fff; } .free__title{ font-size: 28px; font-weight: bold; } .howto{ list-style-type: none; display: grid; grid-template-columns: repeat(4, 1fr); text-align: center; font-weight: 500; grid-gap: 15px; } .howto img{ width: 70%; } .list__rew{ list-style-type: none; display: grid; grid-template-columns: repeat(3, 1fr); text-align: center; grid-gap: 15px; grid-gap: 15px; color: #fff; } .list__rew li{ background: #036db3; border-radius: 10px; } .title__rew{ font-size: 22px; font-weight: 600; } .back__cha{ text-align: center; margin-top: 50px; margin-bottom: 50px; } a.back__link{ font-size: 32px; font-weight: 600; border: none; background: #ff2711; padding: 10px 20px; color: #fff; } .mirror{ font-size: 12px; } .action__list{ display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 30px; text-align: center; padding: 0; margin-top: 40px; } .action__list li{ list-style-type: none; } .action__list a{ border: none; font-size: 18px; } .action_price { color: #f6383c; font-weight: bold; padding: 3px 0; } .action__list__img img{ height: 65%; } .link__more{ text-align: center; } .action__blackfr{ } .numerick{ display: grid !important; grid-template-columns: repeat(4, 1fr); grid-gap: 10px; } .red__frid{ color:red; font-weight: bold; } .info__container{ display: grid; grid-template-columns: 70% 30%; } .info__text{ padding: 10px; } .info__text p{ padding-bottom: 10px; /* padding: 0; */ margin: 5px; } p.info__text-new{ color: #ff2711 ; font-size: 36px ; font-weight: bold; } .info__text-title{ color: #0071bb; font-size: 30px; font-weight: bold; } .info__text-red a{ color: #ff2711; border: none; } .info__text-red{ color: #ff2711; } .info__text-rew{ font-size: 14px ; color: #636363; } .info__text-manager{ font-size: 18px; color: #ff2711; } .info__img{ background: url(/templates/jblank/images/inner/bg-panel.png) no-repeat; background-position: 100%; } .ny__gerland{ width: 100%; height: 52px; background-image: url(/templates/jblank/images/inner/girlanda.png); background-position: 0px -32px; z-index: 10; position: relative; background-repeat: repeat-x; display: none; } .action__freez{ background: url(/templates/jblank/images/inner/freezbg1.jpg); background-size: cover; padding: 20px 0px; text-align: center; } .freez__red{ color: #fff; font-weight: bold; text-transform: uppercase; /*text-align: center;*/ font-size: 28px; } .action__freez .mod_top_action_text{ position: relative; } .action__freez .mod_top_action_text:before{ content: " "; background: rgba(2, 78, 141, 0.6); border: 5px solid #fff; position: absolute; width: 100%; height: 100%; top: -10px; left: -10px; padding: 10px; border-radius: 5px; } .action__freez .mod_top_action_text strong, .action__freez .mod_top_action_text div{ position: relative; z-index: 999; color: #fff; font-size: 20px; } .action__freez input { background: rgba(2, 78, 141, 0.6); display: inline-block; color: #fff; border: 2px solid #fff; padding: 10px 15px 10px 45px; width: 135px; font-size: 16px; border-radius: 5px; outline: none; } .action__freez button { border-radius: 5px; outline: none; cursor: pointer; padding: 11px 15px; font-size: 17px; width: 199px; display: inline-block; color: #fff; background: rgba(246, 56, 60, 0.6); box-shadow: none; border: 3px solid #fff; } .action__freez #clockdiv div > span { padding: 10px; border-radius: 4px; background: #046baf; display: inline-block; min-width: 25px; font-weight: bold; } .action__freez #clockdiv > div { padding: 10px; border-radius: 4px; background: #0071bb; display: inline-block; } .action__freez .p_status_in { font-size: 13px; text-align: center; background: #fff; padding: 5px 0px; border-radius: 5px; color: #f6383c; } .action_265{ background: #ff5656; color: #fff; padding: 15px; padding-top: 10px; margin-bottom: 20px; } .action_265 strong{ font-size: 28px; } .action_265 .action_265-lt{ font-size: 20px; } /* Блокировка карт на странице контактов */ #wrapMap { position: relative; cursor: help; overflow: hidden; border-width: 1px; border-style: solid; border-color: rgb(204, 204, 204); border-image: initial; } .mapTitle { position: absolute; z-index: 1000; box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 5px; display: none; padding: 5px 20px; border-radius: 5px; background: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(204, 204, 204); border-image: initial; } /* ------------------------------------------------- */ /* Дополнительные контакты на главной странице МСК */ .contact_popup_css { text-decoration: none; padding: 11px 20px; border: 1px solid #72ccf2; border-radius: 10px; margin-top: 15px; text-align: center; font-size: 16px; color: #72ccf2; } .contact_popup_css:hover{ border-bottom: 1px solid #72ccf2; color: #72ccf2; border: 1px solid #72ccf2; transition: 0.85s; } /* ------------------------------------------------- */ .item-668, .item-669, .item-670, .item-671, .item-672, .item-673, .item-674, .item-676, .item-678, .item-619 ul, .item-620 ul, .item-621 ul, .item-622 ul, .item-645 ul, .item-648 ul, .item-650 ul, .item-653 ul, .item-638 , .item-639 , .item-640 , .item-641 , .item-642 , .item-643 , .item-644 { padding: 0 15px!important; } /* GALLERY */ .top_gallery_head { background: #0071bb; width: 100%; color: #fff; margin-top: 15px; background-color: #FF2711; } #btn_openclose_razdel { display: none; padding: 12px 25px 12px 50px; font-weight: bold; font-size: 20px; text-transform: uppercase; background-image: url(/templates/jblank/images/icons/xsprite_menu.png.pagespeed.ic.nMsz67oDFM.png); background-repeat: no-repeat; background-position: 3px 9px; flex-direction: row-reverse; flex-wrap: nowrap; align-items: center; justify-content: space-between; } #openclose_flag_razdel { /* float: right; font-size: 32px; */ /* margin: -9px 0 0 0; */ } .gallery__nav_block { display: flex; max-width: 100%; height: 50px; margin: 0 auto; background-color: #FF2711; align-items: center; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-content: center; } .gallery__nav_item { display: flex; align-items: center; justify-content: center; color: #fff; padding: 5px 22px; text-decoration: none; border-bottom: none; border: 1px solid #fff; border-radius: 4px; margin-right: 50px; height: 30px; text-transform: uppercase; font-size: 14px !important; font-weight: bold; color: #fff !important; } .gallery__nav_item:last-child{ margin-right: 0; } .gallery__nav_item:hover { border-color: unset; } .gallery__header_text { font-size: 20px !important; color: #000; font-weight: 400; text-transform: none !important; margin: 20px 25px !important; } .gallery__photo_cart_block { position: relative; /* height: 1175.86px; */ height: auto; text-align: center; } .photo-gallery-grid { overflow: hidden; } .gallery__photo_cart_item { margin-left: -30px; margin-right: -30px; display: flex; margin: 0; padding: 0; vertical-align: baseline; background: transparent; text-decoration: none; color: #666; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; } .gallery__photo_cart_item .item { padding: 15.2px; } .item_i { /* padding: 10px; */ border: 1px solid #dfdfdf; display: block; background: #fff; border-radius: 5px; box-shadow: 0 10px 15px rgb(0 0 0 / 10%); position: relative; overflow: hidden; left: auto; top: auto; right: auto; height: 167px; width: auto; bottom: auto; opacity: 1; visibility: visible; -webkit-transition: opacity .4s ease 0s,visibility .4s ease 0s,-webkit-transform .4s ease 0s; transition: opacity .4s ease 0s,visibility .4s ease 0s,-webkit-transform .4s ease 0s; transition: opacity .4s ease 0s,visibility .4s ease 0s,transform .4s ease 0s; transition: opacity .4s ease 0s,visibility .4s ease 0s,transform .4s ease 0s,-webkit-transform .4s ease 0s; } .item_img { } .name_desccription { overflow: hidden; } .gallery__photo_cart_item .item_i .item_info{ display: none; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background-color: rgb(0, 0, 0, 0.3); margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; animation: move 0.2s linear alternate; transition: 0.1s linear; align-items: center; flex-direction: column; justify-content: center; overflow: hidden; } @keyframes move { 0% { top: 200px; } 100% { top: 0px; } } .gallery__photo_cart_item .item_i img { min-width: 100px; width: 258px; height: 167px; } .item_info { position: relative; } .gallery__photo_cart_item .item_i .name { color: #fff; padding: 15px; } .gallery__photo_cart_item .item_i .name p:first-child { /* padding-right: 70px; */ } .gallery__photo_cart_item .item_i .name p { color: #fff; font-size: 18px; line-height: 18px; /* padding-bottom: 3px; */ } .gallery__photo_cart_item ul, .gallery__photo_cart_item ol{ list-style: none; } .gallery__photo_cart_item .item_i .info li { float: left; position: relative; padding-left: 18px; margin-left: 10px; font-size: 12px; line-height: 18px; color: #999; } .gallery__photo_cart_item .item_i .name strong { font-size: 14px; line-height: 18px; color: #fff; font-weight: 400; } .gallery__photo_cart_item .item_i .info .right { position: absolute; right: 0; top: 0; z-index: 2; } .gallery__photo_cart_item .camera { background: url() no-repeat; width: 16px; height: 13px; position: absolute; left: 0; top: 1px; } .tags-cloud { position: relative; display: block; max-width: 80%; box-shadow: 0 10px 15px 0 rgb(0 0 0 / 10%); border-radius: 5px; padding: 15px 10px; border: 1px solid #dfdfdf; margin: 0 auto 40px; } .tags-cloud a { font-size: 12px; line-height: 14px; color: #0071bb; text-decoration: underline; margin-right: 5px; } .tags-cloud .biggest { font-size: 30px; line-height: 34px; } .tags-cloud .mega-big { font-size: 40px; line-height: 44px; } .tags-cloud .small { font-size: 14px; line-height: 18px; } .tags-cloud .semi-small { font-size: 16px; line-height: 20px; } .tags-cloud .normal { font-size: 18px; line-height: 21px; } .mb30 { margin-bottom: 30px; } .show-more { text-align: center; clear: both; padding: 30px 0 50px 0; } .btn_show-more { display: inline-block; font-size: 16px; line-height: 18px; color: #999; border-bottom: 1px dashed #999; padding: 0 5px; -webkit-transition: color .4s ease 0s,border-color .4s ease 0s; transition: color .4s ease 0s,border-color .4s ease 0s; } .btn_show-more:hover { color: #888; border-color: #888; } .popup__gallery_item__head, .popup__gallery_item__use { margin-bottom: 15px !important; } .popup__gallery_item__head strong { font-size: 17px; } .popup__gallery_item__descr { font-size: 13px; color: #525252; margin-bottom: 15px !important; } .popup__gallery_item { display: flex; justify-content: space-between; align-items: flex-start; flex-direction: column; margin-bottom: 15px!important; height: 20%; width: 60%; } .popup__gallery_item-img{ display: flex; width: 100%; height: 302px; /* max-height: 265px; */ } .popup__gallery_item-img img{ width: 93%; /* max-height: 350px; */ } .popup__gallery_item-text { width: 40%; height: 100%; overflow: hidden; text-align: left; } .popup__gallery_item-text p { margin: 0; } .popup__gallery_bottom_img{ width: 32%; height: 90%; } .popup__gallery_item-img { display: flex; width: 100%; height: 350px; padding-bottom: 10px; } .popup__gallery_bottom_img_block{ width: 100%; display: flex; flex-direction: row; align-items: center; height: 117px; } .popup__gallery_bottom_img_block_item { width: 50px; height: 50px; transition: all 0.1s linear; } .popup__gallery_bottom_img_block_item:hover { box-shadow: 0 2px 2px rgb(0 0 0 / 20%); } .popup__gallery_bottom_img_block_item img{ width: 90%; height: 100%; } .my-mfp-zoom-in.mfp-ready .zoom-anim-dialog { /* height: 325px !important; */ } .popup_gallery.popup_form.zoom-anim-dialog { /* height: 325px !important; */ max-width: 65%; } .overlay__gallery, .popup__gallery { height: 100%; } .popup__gallery { display: flex; flex-direction: row; } .popup__gallery_bottom_img_block_item { width: 100%; height: 100px; margin-right: 6%; overflow: hidden; } .popup__gallery_bottom_img_block_item:last-child { margin-right: 0; } .popup__gallery_bottom_img_block a { text-decoration: none; color: unset; border: none; } .popup__gallery_bottom_img{width: 32%;} #btn_openclose_catalogg1 { display: none; } .main_link_using { margin-bottom: 5px; } @media only screen and (min-width: 1400px){ .gallery__photo_cart_item .item_i .name p { font-size: 14px; line-height: 21px; } .gallery__photo_cart_item .item_i .name strong { font-size: 36px; line-height: 21px; font-weight: bold; } .gallery__photo_cart_item .item_i .info li { font-size: 14px; } .gallery__photo_cart_item .item { width: 22%; } .gallery__photo_cart_item .item_i .info .right { top: 3px; } .btn_show-more { font-size: 18px; line-height: 22px; } .name_desccription{ overflow: hidden; height: 62px; } .name_desccription span { color: #E3E3E3; } } @media(max-width: 1300px){ .popup__gallery_item-img{height: 300px;} } @media(max-width: 1200px){ .popup__gallery_bottom_img_block{height: 90px;} .popup__gallery_item-img{height: 270px;} } @media(max-width: 1000px){.popup__gallery_item-img{height: 230px;}} @media(max-width: 900px){.popup__gallery_item-img{height: 180px;}} @media(max-width: 930px){.popup__gallery_bottom_img_block{height: 70px;}} @media (max-width: 757px){ .popup__gallery_item__use { font-size: 11px; } /* .popup__gallery_item-img{height: 140px;} */ .popup__gallery_bottom_img_block{height: 61px;} .popup__gallery_item__using-link{font-size: 11px;} #btn_openclose_razdel { display: flex; } .gallery__nav_block{ width: 100%; height: auto; margin: 0 auto; background-color: #FF2711; display: none; flex-direction: column; flex-wrap: nowrap; align-items: center; align-content: center; } .gallery__nav_item, .gallery__nav_item:last-child { width: 100%; height: 100%; margin-right: unset; padding: 10px 0; border: none; } .gallery__nav_item:hover { background-color: #E5250F; border: none; } } @media(max-width: 690px){ .popup__gallery_bottom_img_block{ width: 100%; height: 105px; } .popup_gallery.popup_form.zoom-anim-dialog{ max-width: unset; } .popup__gallery_item-img img{ width: 97%; } .popup__gallery_item{ width: 100%; } .popup__gallery_bottom_img{ width: 34%; } .popup__gallery_item-img{ width: 100%; height: 290px; } .popup__gallery{ display: flex; flex-direction: column; align-items: center; } .popup__gallery_item-text{ width: 100%; text-align: center; } .popup__gallery_item{ align-items: center ; } } @media (max-width: 588px){ .gallery__photo_cart_item { margin-left: -30px; margin-right: -30px; display: flex; margin: 0; padding: 0; vertical-align: baseline; background: transparent; text-decoration: none; color: #666; flex-direction: row; flex-wrap: wrap; justify-content: center; } .popup__gallery_item-img{height: 270px;} } @media(max-width: 480px){ .popup__gallery_item__head strong { font-size: 16px; } .popup__gallery_bottom_img_block{ height: 72px; } .popup__gallery_item__descr{ font-size: 12px; margin-bottom: 10px !important; } .popup__gallery_item__head, .popup__gallery_item__use{ margin-bottom: 10px !important; } .popup__gallery_item__using-link { font-size: 12px; } .popup__gallery_item-img{height: 180px;} } @media(max-width: 380px){ .popup__gallery_bottom_img_block_item{ margin-right: 5.2%; } } @media(max-width: 347px){ .popup__gallery_bottom_img_block{height: 55px;} .popup__gallery_item-img{height: 140px;} } @media(max-width: 290px){ .popup__gallery_item__descr{ font-size: 11px;} .popup__gallery_item__head strong { font-size: 14px;} .popup__gallery_item__using-link { font-size: 11px;} .popup__gallery_bottom_img_block{ height: 40px ; } .popup__gallery_item-img{height: 100px;} } @media (max-width: 1161px){ .gallery__photo_cart_item{justify-content: center; } } /* АКТИВИРОВАТЬ КНОПКУ "ГАЛЕРЕЯ" ПОСЛЕ ЗАВЕРШЕНИЯ РАБОТЫ НАД СТРАНИЦЕЙ */ .item-685, .item-684, .item-681, .item-682, .item-683 { display: none !important; } /* --------------------------------Поп-Ап Быстрый заказ----------------------------------- */ .p_request{display: flex; flex-direction: column; align-items: center;} .p_block_leftRight{display: flex; flex-direction: column; width: 80%;} @media (max-width: 850px){ .p_block_leftRight{width: 100%;} } @media (max-width: 681px){ .p_block_leftRight{width: 80%;} } @media (max-width: 400px){ .p_block_leftRight{width: 100%;} } /*--------------Адаптив страницы Кровли------------*/ @media only screen and (min-device-width : 280px) and (max-device-width : 800px) { #comjshop.cartBlock h1{text-align: center;} #comjshop form[name="updateCart"] {text-align: center;} } @media only screen and (min-device-width : 800px) and (max-device-width : 1190px) { #comjshop.cartBlock h1{padding: 35px 15px;} } .popup_contact_wrapper{display: flex; align-items: center;} .popup_contact_title{font-weight: 700; font-size: 13px;} .popup_contact_text{font-size: 13px; padding: 0px 0px 0px 5px;} @media only screen and (min-device-width : 345px) and (max-device-width : 425px) { .popup_contact_title{font-size: 10px;} .popup_contact_text{font-size: 10px;} } @media (max-width: 345px){ .popup_contact_title{font-size: 8px;} .popup_contact_text{font-size: 8px;} } @media only screen and (min-device-width : 681px) and (max-device-width : 896px) { .popup_contact_title{font-size: 9px;} .popup_contact_text{font-size: 9px;} } @media (max-width: 630px){ #comjshop .jshop_selectionform_text_title {margin: 0 0 5px 10px;} #comjshop .jshop_selectionform_text_desc {margin: 0 0 0 10px;} } @media (max-width: 964px){ #comjshop .jshop_selectionform_btn{margin: 0 30px 10px 30px;} } /*-------------------- Pop-Up Кровля ---------------*/ .popup-galler { display: flex; flex-wrap: wrap; justify-content: center;} .popup-galler a { border-bottom: none; width: 210px; height: 130px; background-color: #efefef; margin: 0 5px 5px 0; } .popup-galler a img { width: 210px; height: 130px; } .catalog_collection_block{display: flex; align-items: center; flex-direction: column;} .button_calculation{ color: white; background-color: #0976BD; border: 1px solid #0072bf; padding: 10px 0 10px 0; border-radius: 4px; -webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; -ms-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out; width: 270px; margin: 0 5px; font-weight: 600; display: flex; flex-direction: row; justify-content: space-around; align-items: center; } .button_calculation:hover{color: white; background-color:#0864A1;} .calculLogo{width: 30px;} /*POP-UP-Cities*/ @media (max-width: 440px){ .burger-check3:checked ~ .navigation3 { max-height: 500px; transition: width 0.5s ease-out; position: absolute; right: 0px; top: 60px; width: 172px;} } @media only screen and (min-device-width : 440px) and (max-device-width : 600px) { .burger-check3:checked ~ .navigation3{width: 273px;} } @media only screen and (min-device-width : 930px) and (max-device-width : 1275px) { .burger-check3:checked ~ .navigation3{width: 273px;} } @media only screen and (min-device-width : 681px) and (max-device-width : 930px) { .burger-check3:checked ~ .navigation3{width: 172px;} } .item-694, .item-693, .item-695, .item-699, .item-700, .item-701{ padding: 0 30px!important;} .collection_itemm{max-width: 140px; margin-left: 20px;} .collection_itemss{ display: flex; flex-direction: row; align-items: center; } .collection_itemm_img{max-width: 100px; text-decoration: none;} .collection_itemm_link a{border-bottom: none;} .collection_itemm_img a{border-bottom: none;} .img_collection_ugli{max-width: 100%; max-height: 180px;} #DOMWindow p, .defaultDOMWindow.modal p, .errorDOMWindow.modal p, .deleteDOMWindow.modal p{text-align: center; line-height: 1.8; margin: 5px 0; padding: 0;} #jshop_module_cart .modal_quantity {position: absolute; left: auto; top: 1%; right: 0; bottom: auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 24px; height: 16px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 0%; background-color: #ff4141; color: #fff; font-size: 9px; line-height: 1em; z-index: 10000;} .img_komplektuy img{max-height: 90px;} .sber_ras{ padding: 15px 0px; } .sber_ras img{ width: 100%; height: 100%; object-fit: cover; } .sber_ras a{ text-decoration: none; border-bottom: none; } .go-to_kirp { /* text-align: center; */ margin: 0 auto; } a.btn__my{ text-decoration: none; padding: 10px 15px; border: 1px solid #fff; color:#fff; text-transform: uppercase; } .phone__text-my{ font-size: 16px; color: #FFF; text-align: center; width: 80%; margin: 0px auto; padding-top: 10px; } .montaj__wrapper{ display: flex; flex-wrap: wrap; grid-gap: 40px; } .montaj__item{ width: 100%; max-width: 400px ; } .prim__wrapper{ display: flex; flex-wrap: wrap; grid-gap: 40px; } .prim__item{ width: 100%; max-width: 400px ; } .prim__item img{ height: 260px; }