SetTitle("Title"); ?>body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td, a { font-family: 'Noto Sans', sans-serif, tahoma; font-weight: 400; font-size: 16px; line-height:auto; color:#0f0f0f; } a, div { box-sizing:border-box; background-repeat: no-repeat; background-position: 0 0; } h1, h2, h3, div.h2 { font-size: 32px; line-height: 1.3; font-weight: 700; color: #6bb500; padding: 0; margin: 70px 0 30px 0; left: auto; } /*h2 { margin-top: 30px; margin-bottom: 0; }*/ h2.medium { font-size: 26px; line-height: 30px; font-weight: 700; color: #6bb500; padding: 0; margin: 40px 0 20px 0 !important; left: auto; } .text a { text-decoration: underline; color: #6bb500; } @media (max-width: 991px) { h1, h2, h3 { font-size: 34px; line-height: 40px; margin: 50px 0 30px 0; } h2.medium { font-size: 18px; line-height: 26px; margin: 30px 0 20px 0 !important; } } @media (max-width: 767px) { h1, h2, h3 { font-size: 30px; line-height: 36px; margin: 40px 0 30px 0; } h2.medium { font-size: 18px; line-height: 22px; margin: 30px 0 20px 0 !important; } } @media (max-width: 479px) { h1, h2, h3 { font-size: 28px; line-height: 32px; margin: 30px 0 30px 0; } h2.medium { font-size: 16px; line-height: 20px; margin: 20px 0 10px 0 !important; } } /* 0f0f0f - черный основной 6bb500 - зеленый основной ed1f24 - красный основной 2097d0 - синий основной 8694ac - фиолетовый основной f3f4f4 - светло-светло-серый фон (фон окна с подменю) 373737 - темно-серый (фон под основным меню) dadada - светло-серый фон у фильтра аксессуаров bcbcbc - светло-серый текст (для блеклого текста, выбор города, телефоны в шапке) ababab - серая рамка у товаров */ /* BOOTSTRAP CLASSES --------------------------------------- */ .breadcrumb { background-color: #fff; padding: 0; margin-top: 30px; } .breadcrumb li { font-size: 14px;} .breadcrumb li:before { color: #373737 !important; } .breadcrumb a { color: #373737; font-size: 14px; } .container-fluid { min-width: 320px; } /* / BOOTSTRAP CLASSES ------------------------------------- */ a { } a:hover { color:#000; } strong { font-weight: 700; } * { margin: 0; padding: 0; } .rub { font-family: 'PT Sans Narrow'; font-style: normal; } input { border: 0; width: 100%; height: 40px; background-color: #fff; color: #b1b5bc; border: 1px solid #ababab; padding: 0 10px 0 10px; border-radius: 0; } input:focus { outline: none; } input[type='submit'] { border: 0; } .error { border: 1px solid #ed1f24; color: #ed1f24; } .error-text { color: #ed1f24; margin-bottom: -6px; line-height: 16px; font-size: 14px; } .but, .but:focus { width: auto; height: 40px; display: block; background-color: #6bb500; border: 0; text-align: center; color: #fff; text-transform: uppercase; font-size: 16px; padding: 0 20px 0 20px; line-height: 40px; text-decoration: none; } .but.floal-left { float: left; } .but:hover { background-color: #2097d0; color: #fff; text-decoration: none; } .but.middle { width: 200px; } .but.big { width: 220px; } .but.small { width: 100px; } .but.blue {background-color: #2097d0; } body, html { height: 100%; background-color: #fff; } .text-green { color:#6bb500; } .wrapper { position: relative; min-height: 100%; } .inner { padding-bottom: 504px; } .content { padding-bottom: 0; } .content h1, .content h3 { margin: 0 0 20px 0; } .content h2, .content div.h2 { margin: 9px 0 8px 0; } .content a { text-decoration: underline; } .content a:hover { color:#2097d0;} @media (max-width: 767px) { .inner { padding-bottom: 370px; } /* т.к. высота footer = 370 пикс (она складывается из высот footer1 2 и 3) */ } /* WIN ------------------------- */ .dark-bgr { display: block; background-color: #000; position: fixed; width: 100%; height: 100%; opacity: 0.3; z-index: 900; display: none; } .win { position: absolute; z-index: 1000; border-radius: 10px; box-shadow: 4px 3px 5px 0px rgba(0, 0, 0, 0.23); padding-left: 20px; } .win__close { position: absolute; width: 16px; height: 16px; top: 10px; right: 20px; font-size: 20px; color: #ababab; } .win__close:hover { color: #2097d0; } .win--auth { width: 340px; height: auto; left:50%; margin-left: -200px; margin-top: 200px; background-color: #fff; padding-top: 14px; padding-bottom: 9px; display: none; } .win--auth input { width: 300px; margin-left: 0; margin-top: 2px; margin-bottom: 15px; } .win--auth strong { padding-left: 0; font-size: 20px; line-height: 36px; } /* / WIN ----------------------- */ /* HEADER ---------------------- */ header { width: 100%; height: 102px; } .header__contacts { height: 40px; width: 100%; text-align: right; color: #bdbdbd; font-size: 14px; padding-top: 16px; } .logo { width: 86px; height: 29px; margin-top: 0; float: left; margin-right: 10px; } /* v2 */ .header__city-select { color: #333333; font-size: 14px; text-decoration: underline; display: block; margin-top: 15px; float: right; position: absolute; right: 220px; } /* v2 */ .header__city-select i { /*font-size: 18px;*/ margin-right: 5px; } /* v2 */ .slogan { font-size: 14px; line-height: 16px !important; display: block; float: right; padding-top: 1px; } /* v2 */ .header__menu { width: 100%; text-align: right; padding-top: 3px; } /* v2 */ .header__menu>ul { margin: 10px 0 0 0; padding: 0; } .header__menu>ul>li { display: inline-block; margin-left: 16px; margin-right: 0; position: relative; } /* v2 */ .header__menu>ul>li.header__menu-marker:before { content: ''; width: 11px; height: 7px; position: absolute; right: 0; background-image: url(/include/sprite_icons.png); background-position: -46px -20px; margin: 9px -13px 0 0; } /* v2 */ .header__menu>ul>li.header__menu-marker:hover:before { background-position: -46px -2px; } /* v2 */ .header__menu>ul>li>a { color: #333333; text-transform: uppercase; font-size: 12px; font-weight: 700; } /* v2 */ .header__menu>ul>li>ul { display: none; box-shadow: 4px 3px 5px 0px rgba(0, 0, 0, 0.23); position: absolute; list-style: none; margin: 0; padding: 6px 0 10px 0; width: 170px; z-index: 200; background-color: #f3f4f4; } .header__menu>ul>li>ul>li { text-align: left; } .header__menu>ul>li>ul>li>a { padding: 10px 10px 2px 20px; display: block; font-size: 14px; } .header__menu>ul>li.header__menu-marker:hover ul { display: block; } .header__cart, .header__cart:focus { display: block; float: right; color: #6bb500; text-transform: uppercase; font-size: 13px; margin-top: 11px; margin-left: 60px; font-weight: 700; text-decoration: none !important; } /* v2 */ .header__cart:hover, .header__cart:active { color: #2097d0 !important; } /* v2 */ .header__cart:before { content: ''; width: 20px; height: 18px; position: absolute; background-image: url(/include/sprite_icons.png); background-position: 0 -34px; margin: 0 0 0 -26px; } /* v2 */ .header__cart:hover:before { background-position: -21px -34px; } /* v2 */ .header__cart span { width: 16px; height: 16px; display: block; border-radius: 8px; background-color: #2097d0; color: #fff !important; text-align: center; font-size: 11px; position: absolute; margin: -23px 0 0 -18px; } /* v2 */ .header__cart span div { color:#fff; font-size: 12px; } /*.header__person--account:after { content: ''; width: 11px; height: 7px; position: absolute; background-image: url(/include/sprite_icons.png); background-position: -15px -20px; margin: 7px 0 0 4px; }*/ /*.header__person:hover { color: #2097d0; text-decoration: none; }*/ /*.header__person--account:hover:after { background-position: -31px -20px; }*/ .header__account { width: 200px; height: 30px; float: right; margin-top: 14px; color: #6bb500; padding-left: 20px; text-align: right; } /* v2 */ .header__account a { font-size: 14px; color: #6bb500; } /* v2 */ /* .account__auth-win { display: none; width: 340px; height: auto; background-color: #fff; box-shadow: 4px 3px 5px 0px rgba(0, 0, 0, 0.23); position: absolute; z-index: 200; right: 90px; margin-top: 30px; } */ #account__auth-win { display: none; width: 340px; height: auto; background-color: #fff; box-shadow: 4px 3px 5px 0px rgba(0, 0, 0, 0.23); } .header__mob { display: none; } .header__mob-but { display: block; width: 46px; height: 46px; background-color: #fff; float: right; border: 1px solid #ababab; border-bottom: 0; margin-left: -1px; margin-top: -2px; margin-bottom: 0; text-align: center; font-size: 26px; padding-top: 4px; color: #ababab; } .header__mob-but:hover, .header__mob-but--active { background-color: #dadada; color: #fff !important; border: 1px solid #dadada; border-bottom: 0; } .header__mob-but--cart span { width: 16px; height: 16px; display: block; border-radius: 8px; background-color: #2097d0; color: #fff; text-align: center; font-size: 11px; position: absolute; margin: -36px 0 0 24px; } @media (max-width: 1199px) { .header__mob { display: none; } .header__cart { margin-left: 30px; } .header__menu ul li { margin-left: 20px; } .header__menu ul li a { font-size: 13px; } .slogan { font-size: 13px; } /*.header__account { width: 170px; height: 30px; float: right; padding-left: 20px; }*/ .header__city-select { margin: 0 0 0 0; display: none; } /* v2 */ } @media (max-width: 1100px) { .header__menu ul li { margin-left: 15px; } .header__menu ul li a { font-size: 12px; } } @media (max-width: 991px) { .header__mob { display: block; } header { height: auto; } .header__contacts { height: 40px; width: 530px; text-align: right; padding-top: 14px; float: left; font-size: 12px; } .header__cart, .header__account { display: none; } .logo { margin-top: 9px; width: 76px; height: auto; } /* v2 */ .slogan { font-size: 12px; line-height: 11px !important; padding-top: 10px; display: none; } /* v2 */ .header__city-select { display: none; } /* v2 */ } @media (max-width: 860px) { .header__contacts { display: none; } } @media (max-width: 767px) { .header__contacts { display: none; } /* v2 */ } /* / HEADER ---------------------- */ /* mob HEADER MENU --------------- */ .header__menu-mob { width: 100%; height: auto; display: none; } .header__menu-mob>ul { list-style: none; margin: 0; padding: 0; } .header__menu-mob>ul>li { display: block; border-top: 1px solid #c7c6c6; padding:0; position: relative; background-color: #dadada; } .header__menu-mob>ul>li:first-child { border-top: 0; } .header__menu-mob>ul>li>a { padding: 13px 0 9px 20px; display: block; } .header__menu-mob>ul>li>a:focus { color: #000; text-decoration: none; } .header__menu-mob>ul>li:hover { cursor: pointer; background-color: #d5d3d3; } .header__menu-mob>ul>li:hover>a { text-decoration: none; } .header__menu-mob-marker:before { content: ''; right: 30px; top: 17px; position: absolute; display: block; background-image: url(/include/sprite_icons.png); background-position: -46px -20px; width: 12px; height: 7px; } .header__menu-mob-marker--active:before { background-position: -46px -2px; } .header__menu-mob>ul>li>ul { margin: 0; padding: 0; display: none; } .header__menu-mob>ul>li>ul>li { display: block; background-color: #f3f4f4; } .header__menu-mob>ul>li>ul>li>a { padding: 13px 0 9px 30px; display: block; } .header__menu-mob>ul>li>ul>li:hover { cursor: pointer; background-color: #eceded; } .header__menu-mob>ul>li>ul>li:hover>a { text-decoration: none; } /* / mob HEADER MENU ------------- */ /* MAIN MENU --------------------- */ .main-menu { width: 100%; height: 42px; background-color: #373737; } .main-menu__catalog { } .main-menu__catalog>li { display: inline-block; float: left; margin-right: 0; margin-top: 0; height: 42px; padding: 10px 25px 0 10px; -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; } .main-menu__catalog>li.nomarker { padding-right: 10px;} .main-menu__catalog>li>a { color: #fff; font-weight: 700; font-size: 15px; } .main-menu__catalog>li>a:after { content: ''; width: 11px; height: 7px; position: absolute; background-image: url(/include/sprite_icons.png); background-position: 0 -20px; margin: 9px 0 0 6px; } .main-menu__catalog>li.nomarker>a:after { background: none; } .main-menu__catalog>li:hover a:after, .main-menu__catalog>li.active a:after { background-position: -46px 0; } .main-menu__catalog>li:hover { background-color: #f3f4f4; cursor: pointer; } .main-menu__catalog>li:hover a { text-decoration: none; color: #373737; } .main-menu__catalog--nomenu { padding-right: 20px !important; } .main-menu__catalog--nomenu a:after { display: none; } .main-menu__catalog--vive { display: block; width: 126px; height: 42px; background-image: url(/include/logo_htc-vive.png); background-repeat: no-repeat; background-position: center 10px; display: block; margin-left: 10px; margin-top: 0; -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; } /* v2 */ .main-menu__catalog--vive a { display: block; width: 100%; height: 42px; } .main-menu__catalog--vive:hover { background-color: #2a2a2a !important; } .main-menu__catalog>li.main-menu__catalog--vive>a:after { background-image: none; } .submenu { visibility: hidden; opacity: 0; /*-webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease;*/ z-index: 200; width: 440px; height: auto; background-color: #f3f4f4; position: absolute; margin: 10px 0 0 -20px; box-shadow: 4px 3px 5px 0px rgba(0, 0, 0, 0.23); padding: 30px 0 30px 40px; } .submenu ul { display: block; width: 180px; float: left; list-style: none; margin: 0 10px 0 0; padding: 0; } .submenu ul li a { font-size: 14px; text-decoration: underline; } .submenu ul li a:hover { color: #2097d0; } .submenu__header { margin-bottom: 10px; } .submenu__header a { font-weight: 700; text-decoration: none !important; } .submenu__header--old-models { margin-top: 30px; line-height: 18px; text-decoration: underline; } /*подменю для устройств - три колонки семейств*/ .submenu_u ul { display: block; width: 180px; float: left; list-style: none; margin: 0 10px 0 0; padding: 0; } .submenu_u ul li a { font-size: 14px; text-decoration: underline; } .submenu_u ul li a:hover { color: #2097d0; } .submenu_u ul li p { font-size: 14px; text-decoration: none; color: #373737; font-weight: 700;} /*подменю для VIVE - две колонки*/ .submenu_v { width: 500px; } .submenu_v ul { width: 400px; } .submenu_u { display:none; /*-webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease;*/ z-index: 200; width: 630px; height: auto; background-color: #f3f4f4; position: absolute; margin: 10px 0 0 -20px; box-shadow: 4px 3px 5px 0px rgba(0, 0, 0, 0.23); padding: 30px 0 30px 40px; } //@media (min-width: 991px) { // .main-menu__catalog>li:hover .submenu { visibility: visible; opacity: 1; } // .main-menu__catalog>li:hover .submenu_u { visibility: visible; opacity: 1; } // .main-menu__catalog>li:hover .submenu_v { visibility: visible; opacity: 1; } //} .search-panel { width: 100%; height: 34px; border-bottom: 2px solid #bcbcbc; margin-top: 0; } /* v2 */ .search-panel input[type='text'] { width: 88%; height: 24px; border: 0; background-color: #373737; float: right; color: #bcbcbc; margin-top: 8px; } /* v2 */ .search-panel button { width: 20px; height: 20px; background-color: #373737; border: 0; font-size: 22px; color: #bcbcbc; float: left; margin-top: -10px; } /* v2 */ @media (max-width: 1199px) { .search-panel input[type='text'] { width: 80%; } /* v2 */ } @media (max-width: 991px) { .main-menu { height: auto; padding-bottom: 8px; } .search-panel { width: 340px; } .search-panel input[type='text'] { width: 300px; float: left; margin-left: 20px; } /* v2 */ .main-menu__catalog>li { padding: 10px 26px 0 10px; } .main-menu__catalog--vive { width: 126px; height: 42px; margin-left: 0; float: left; } } @media (max-width: 767px) { /*.main-menu { height: auto; }*/ .main-menu__catalog>li { padding: 10px 36px 0 20px; } .main-menu__catalog>li>a { font-size: 16px; } .main-menu__catalog--vive { width: 120px; height: 42px; margin-left: -10px; margin-right: 0; margin-top: 0; } /*.search-panel { width: 100%; height: 34px; border-bottom: 2px solid #bcbcbc; margin-top: 0; float: right; } .search-panel input[type='text'] { width: 88%; height: 24px; border: 0; background-color: #373737; float: right; color: #bcbcbc; margin-top: 8px; } .search-panel button { width: 18px; height: 18px; font-size: 20px; margin-top: 4px; }*/ .submenu { width: 100%; margin: 9px 0 0 0; left: 0; padding: 30px 0 30px 20px; } .submenu ul { width: 160px; } .submenu ul li a { font-size: 13px; } .submenu_u { width: 100%; margin: 9px 0 0 0; left: 0; padding: 30px 0 30px 20px; } .submenu_u ul { width: 160px; } .submenu_u ul li a { font-size: 13px; } } @media (max-width: 460px) { .main-menu__catalog>li { padding: 10px 10px 0 10px; margin: 0 15px 0 0; } /*.main-menu__catalog>li>a { font-size: 15px; }*/ .main-menu__catalog>li>a:after { display: none; } .main-menu__catalog--vive { margin: 0 !important; } } @media (max-width: 410px) { .search-panel { width: 280px; } .search-panel input[type='text'] { width: 250px; margin-left: 10px; } /* v2 */ .main-menu__catalog>li { padding: 10px 0 0 0; margin: 0 20px 0 0; } .main-menu__catalog>li>a { font-size: 15px; } .main-menu__catalog>li>a:after { display: none; } .main-menu__catalog--vive { width: 85px; height: 42px; float: left; background-position: center 15px; margin: 0 !important; padding: 0; -webkit-background-size: 66px; background-size: 66px; } /* v2 */ /*.main-menu__catalog--vive { height: 41px; }*/ } /* / MAIN MENU ------------------- */ /* mob MENU VIVE ----------------- */ .mob-menu-vive { display: none; width: 100%; height: 42px; background-color: #373737; margin-top: 0; border-top: 1px solid #2f2f2f; } @media (max-width: 767px) { .mob-menu-vive { display: block; } } /* / mob MENU VIVE --------------- */ /* SLIDER ------------------------ */ .slider { width: 100%; height: auto; overflow: auto; padding-bottom: 15px; } #slider1 .item img { display: block; width: 1920px; height: auto; } #slider1 .item img.slider__pic-700 { display: none; } @media (max-width: 1919px) { #slider1 .item img { width: 100%; } } @media (max-width: 991px) { .slider { padding-bottom: 1px; } } @media (max-width: 767px) { .slider { padding-bottom: 8px; } #slider1 .item img.slider__pic-1920 { display: none; } #slider1 .item img.slider__pic-700 { display: block; } } /* / SLIDER ---------------------- */ /* BANNERS ----------------------- */ .banners { margin-top: 30px; margin-bottom: 30px; } .banners a { display: block; float: left; width: 33.33333333333%; height: auto; border-right: 0px solid #fff; } .banners a:last-child { border-right: 0; } .banners a img { width: 100%; } .banners a.banner-2 { width: 50%; } .banners a.banner-3 { width: 380px; } /*.banners a.banner-3:last-child { width: 376px; }*/ .banners a.banner-4 { width: 25%; } @media (max-width: 1199px) { .banners a.banner-3 { width: 33.3333333333333333333333333333333333333333% !important; } .banners a.banner-3:last-child { width: 33.3333333333333333333333333333333333333333%; } } @media (max-width: 767px) { .banners { display: none; } .banners a.banner-4 { width: 50%; } .banners a.banner-4:nth-child(even) { border-right: 0; } } @media (max-width: 500px) { .banners { margin-top: 3px; display: none; } .banners a.banner-2 { width: 100%; border: 0; border-top: 1px solid #fff; } .banners a.banner-3 { width: 100%; border: 0; border-top: 1px solid #fff; } .banners a.banner-4 { width: 100%; border: 0; border-top: 1px solid #fff; } } /* / BANNERS --------------------- */ /* BANNER ------------------------ */ .banner { width: 100%; height: auto; margin-top: 50px; display: block; } .banner img { width: 100%; } /* / BANNER ----------------------- */ /* FOOTER ------------------------ */ footer { width: 100%; background-color: #1c1c1c; height: 504px; position: absolute; left: 0; right: 0; bottom: 0; } .footer1 { height: 125px; } .footer1__maildirect-form { width: 300px; padding-top: 25px; float: left; margin-right: 20px; } .footer1__maildirect-form strong { font-size: 16px; text-transform: uppercase; color: #fff; font-weight: 400; } .footer1__maildirect-form input { margin-top: 8px; width: 100%; padding-left: 10px; } .footer1__maildirect-text { display: block; float: left; color: #fff; font-size: 14px; text-align: left; padding-top: 62px; line-height: 17px; } .footer1__socialnets { width: 100%; text-align: right; color: #fff; text-transform: uppercase; font-size: 14px; padding-top: 34px; } .footer1__socialnets span { display: block; width: 100%; } .social-icon { opacity: 0.7; width: 32px; height: 32px; float: right; display: block; margin-top: 10px; background-image: url(/include/sprite_icons.png); background-repeat: no-repeat; margin-left: 10px; } .social-icon:hover { opacity: 1; } .social-icon--is { background-position: -3px -232px; } .social-icon--vk { background-position: -3px -273px; } .social-icon--fb { background-position: -3px -314px; } .social-icon--ok { background-position: -3px -355px; } .social-icon--yo { background-position: -3px -396px; } .social-icon--tw { background-position: -3px -437px; } @media (max-width: 1199px) { .footer1__maildirect-form { padding-top: 10px; } .footer1__maildirect-form input { margin-top: 4px; } .footer1__maildirect-text { padding-top: 4px; font-size: 13px; } .footer1__maildirect-text br { display: none; } } @media (max-width: 767px) { footer { height: 370px; } .footer1 { height: 220px; } .footer1__maildirect-text { width: 100%; font-size: 12px; } .social-icon { float: left; margin-left: 0; margin-right: 10px; } .footer1__socialnets { text-align: left; padding-top: 20px; } } .footer2 { width: 100%; background-color: #333; height: 309px; padding-top: 25px; } .footer2 ul { display: block; width: 20%; float: left; list-style: none; margin: 0 36px 0 20px; padding: 0 0 0 0; } .footer2 ul li { padding-bottom: 3px; } .footer2 ul li.footer__menu-header { text-transform: uppercase; color: #fff; font-size: 14px; font-weight: 700; padding-bottom: 16px; } .footer2 ul li a { font-size: 14px; color: #fff; text-transform: none; padding-top: 9px; } .footer__google { padding-top: 10px; } .footer__google-play { float: left; opacity: 0.7; width: 168px; height: 49px; display: block; margin: 10px 0 0 20px; background-image: url(/include/playmarket-icon.png); background-position: 0 0; background-repeat: no-repeat; } .footer__google-play:hover { opacity: 1; } .footer__yandex-market { float: left; width: 97px; height: 34px; background-image: url(/include/yandex-market.png); background-position: 0 0; background-repeat: no-repeat; margin-top: 18px; margin-left: 40px; } @media (max-width: 1199px) { .footer2 ul { width: 22%; margin: 0 10px 0 10px; } .footer2 ul li a { font-size: 14px; } } @media (max-width: 767px) { .footer2 { height: 90px; padding-top: 0; } .footer2 ul { display: none; } .footer__google { padding-top: 10px; } .footer__google-play { margin: 10px 0 0 20px; } } @media (max-width: 500px) { .footer__google-play { width: 120px; height: 49px; -webkit-background-size: 120px; background-size: 120px; margin: 20px 0 0 0; } .footer__yandex-market { width: 97px; height: 34px; } } .footer3 { width: 100%; background-color: #fff; height: 70px; } .footer3 p { font-size: 14px; padding-top: 25px; text-align: left; } .swebs-link { color: #c3c3c3; text-align: right !important; font-size: 12px !important; } .swebs-link a{ color: #6bb500; font-size: 12px !important; text-transform: uppercase; text-decoration: underline} @media (max-width: 767px) { .footer3 { height: 60px; } .footer3 p { font-size: 12px; padding-top: 12px; text-align: left; } .swebs-link { text-align: left !important; } } /* / FOOTER ---------------------- */ /* PRODUCT CARD ------------------- */ .product-card { margin-top: 20px; margin-bottom: 50px; } .product-card__photogallery { width: 100%; height: 580px; background-color: #eee; } .product-card__main-info { width: 100%; padding-left: 40px; overflow: auto; margin-top: -20px; } .product-card__main-info-blocks { overflow: auto; width: 100%; } .product-card__colors { width: 45%; float: left; margin-top: 40px; } .product-card__buy { width: 45%; float: right; text-align: right; } .product-card__price { width: 100%; height: 40px; } /* v2 */ .product-card__price-text { float: left; width: 50px; float: left; height: 20px; text-align: left; padding-top: 10px; } /* v2 */ .product-card__price-val { font-size: 36px; font-weight: 700; line-height: 30px; float: right; display: block; width: 170px; height: 40px; margin: 0; } /* v2 */ .product-card__price-val i { font-size: 28px; font-weight: 400; } /* v2 */ .product-card__but { display: block; width: 100%; height: 45px; text-align: center; font-size: 18px; line-height: 45px; text-transform: uppercase; color: #fff !important; background-color: #26acf2; margin-top: 10px; text-decoration: none !important; } .product-card__but:hover { background-color: #6bb500; color: #fff; text-decoration: none; } .product-card__but--incart { line-height: 15px; font-weight: 400; font-size: 18px; padding-top: 14px; background-color: #fff; border: 2px solid #2097d0; color: #2097d0; } .product-card__but--incart:hover { background-color: #fff; border: 2px solid #6bb500; color: #6bb500; } .product-card__but--oneclick { background-color: #6bb500; border: 1px solid #bcbcbc; color: #ababab; } .product-card__but--oneclick:hover { border: 1px solid #6bb500; } .product-card__but--credit { background-color: #373737; margin-top: 30px; } /*кнопка во всплывающих окнах*/ .product-card__but_m { display: block; height: 35px; text-align: center; font-size: 18px; line-height: 45px; text-transform: uppercase; color: #fff; background-color: #26acf2; margin-top: 10px; } .product-card__but_m:hover { background-color: #6bb500; color: #fff; text-decoration: none; } /**/ .product-card__color-link { width: 70%; height: 36px; margin-top: 10px; display: block; font-size: 12px; line-height: 33px; border: 1px solid #ababab; } .product-card__color-link span { display: block; width: 26px; height: 26px; margin-right: 10px; margin-top: 4px; margin-left: 4px; background-color: #eee; float: left; } .product-card__color-link:hover { border: 1px solid #373737; } .product-card__info { width: 100%; } .product-card__info--delivery { border-top: 1px solid #ababab; height: 360px; margin-top: 40px; padding-top: 20px; overflow: auto; } .product-card__info--offer { height: auto; margin-top: 20px; padding-top: 3px !important; overflow: auto; font-weight: 600 !important; margin-bottom: -10px; } .product-card__info--offer p { padding: 0; font-weight: 600 !important; } .product-card__info--offer a { color: #26acf2; text-decoration: underline; font-weight: 600; } .product-card__info--offer a:hover { color: #373737; text-decoration: underline; } .product-card__info p, .product-card__info a { font-size: 13px; margin: 2px 0 0 0; padding: 0; line-height: 18px; color: #373737; } .product-card__info a { text-decoration: underline; color:#26acf2; } .product-card__info-header { font-size: 18px; font-weight: 700; color: #373737; display: block; margin-bottom: 7px; } .product-card__info--offer a .img-preview { margin-right: 10px; margin-top: 10px; opacity: 0.8; } .product-card__info--offer a:hover .img-preview { opacity: 1; } .product-card__info--offer a .img-preview--right { margin-right: 0; margin-bottom: -10px; } .product-card__menu { width: 100%; height: 42px; background-color: #dadada; margin-top: 40px; } .product-card__menu ul { text-align: center; } .product-card__menu ul li { display: inline-block; padding: 10px 15px 0 15px; } /* v2 */ .product-card__menu ul li a { padding-top: 5px; font-size: 16px; text-decoration: underline; } .product-card__menu ul li a:hover { color: #2097d0; } .product-card__desc { width: 100%; overflow: auto; padding-top: 5px; padding-bottom: 10px; } .product-card__desc p { font-size: 14px; } .product-card__desc h2 { font-size: 22px; font-size: 20px; line-height: 22px; font-weight: 700; margin: 40px 0 10px 0; color: #373737; } .product-card__desc--spec { padding-left: 40px; } .product-card__spec-s, .product-card__spec-hidden, .product-card__desc--compl { font-size: 16px !important; } .product-card__spec-hidden ol, .product-card__spec-hidden ul, .product-card__spec-s ol, .product-card__spec-s ul, .product-card__desc-v ol, .product-card__desc-v ul { padding:0 0 0 10px !important; margin: 10px 0 -5px 0 !important; } .product-card__desc--compl, .product-card__desc--compl p, .product-card__desc--compl ul, .product-card__desc--compl ol, .product-card__desc--compl li, .product-card__desc--compl strong { font-size: 16px !important; } .product-card__desc--compl ol, .product-card__desc--compl ul { padding:0 0 0 20px !important; margin: 10px 0 -5px 0 !important; } .product-card__spec-hidden ul li, .product-card__spec-s ul li, .product-card__spec-hidden ol li, .product-card__spec-s ol li, .product-card__desc-v ol li, .product-card__desc-v ul li { margin: 2px 0 0 8px; padding:0; font-size: 16px; } .product-card__desc-spec-header { font-size: 16px; display: inline-block; padding: 4px 0 0 0; margin:14px 0 0 0; } .product-card__video-all, .product-card__desc-all, .product-card__spec-all, .product-card__spec-all_h { display: block; height: 18px; text-decoration: underline; color: #6bb500 !important; text-transform: uppercase; font-size: 14px; margin-top: 20px; position: relative; } /* v2 */ .product-card__video-all:hover, .product-card__desc-all:hover, .product-card__spec-all:hover, .product-card__spec-all_h:hover { color: #373737 !important; } /* v2 */ .product-card__desc-all { width: 203px; } .product-card__spec-all { width: 247px; } .product-card__spec-all_h { width: 247px; } .product-card__video-all { width: 120px; } /* v2 */ .product-card__desc-all { display: block; height: 18px; width: 203px; text-decoration: underline; color: #6bb500; text-transform: uppercase; font-size: 14px; margin-top: 20px; position: relative; } .product-card__desc-all:after, .product-card__spec-all:after, .product-card__spec-all_h:after, .product-card__video-all:after { content: ''; display: block; width: 13px; height: 9px; background-image: url(/include/sprite_icons.png); position: absolute; right: 0; top: 5px; background-position: -19px -504px; } /* v2 */ .product-card__desc-all:hover:after, .product-card__spec-all:hover:after, .product-card__spec-all_h:hover:after, .product-card__video-all:hover:after { background-position: -19px -490px; } /* v2 */ .product-card__video-hidden, .product-card__desc-hidden, .product-card__spec-hidden { display: block; margin-top: 0; } .product-card__desc a { color: #26acf2; font-size: 14px; text-decoration: underline; } .product-card__desc a:hover { text-decoration: underline; color: #373737; } .product-card__desc a img { margin-right: 10px; margin-top: 4px; } .product-card__desc--files { margin-top: 10px; } .product-card__desc--files-mob { display: none; } .product-card__desc--compl { padding-left: 40px; } .accessory-slider { width: 90%; height: 400px; margin: 0 auto 50px; padding-left: 0; } .accessory-slider .item { margin: 0 26px 0 26px; } .but-more--product-card { margin-right: 83px; } .accessory-slider .owl-pagination { display: none; } @media (max-width: 1199px) { .product-card__menu ul li { padding: 11px 10px 0 10px; } .product-card__colors { width: 38%; float: left; margin-top: 12px; } .product-card__buy { width: 47%; float: right; text-align: right; } .product-card__color-link { width: 100%; } .accessory-slider { display: none; } .but-more--product-card { float: none !important; margin: 0; width: 400px; } .but-more--product-card span { display: none; } /*.accessory-slider { width: 40%; height: 580px; margin: 0 auto 50px; padding-left: 0; background-color: #eee; } .accessory-slider .item { width: 200px !important; margin: 0 20px 0 20px; } .accessory-slider .item .product { width: 300px; }*/ } @media (max-width: 991px) { .product-card__main-info { padding-left: 0; margin-top: 0; } .product-card__colors { width: 40%; float: left; margin-top: 12px; } .product-card__buy { width: 48%; float: right; text-align: right; } .product-card__but { font-size: 14px; } .product-card__color-link { width: 100%; height: 32px; font-size: 12px; line-height: 32px; } .product-card__color-link span { width: 22px; height: 22px; margin-right: 5px; margin-top: 4px; margin-left: 4px; } .product-card__info--delivery { height: auto; } .product-card__info p { font-size: 12px; margin: 2px 0 0 0; line-height: 16px; } .product-card__info-header { font-size: 16px; margin-bottom: 5px; } .product-card__menu { margin-top: 40px; } .product-card__menu ul li { padding: 11px 12px 0 12px; } .product-card__menu ul li a { padding-top: 5px; font-size: 13px; } } @media (max-width: 767px) { .product-card__photogallery { width: 50%; margin: 0 auto 20px; height: 200px; } .product-card__menu { display: none; } .product-card__desc--spec { padding-left: 0; } .product-card__desc--compl { padding-left: 0; } .product-card__desc--files { display: none; } .product-card__desc--files-mob { display: block; } .product-card__info--delivery { display: none; border-top: 1px solid #ababab; border-bottom: 1px solid #ababab; padding-bottom: 20px; } } @media (max-width: 479px) { .product-card__photogallery { width: 70%; margin: 0 auto 30px; height: 200px; } .but-more--product-card { width: 100%; font-size: 12px !important; } /*.product-card__price { background-color: #f00; }*/ .product-card__price-text { font-size: 13px; width: 40px; } /* v2 */ .product-card__price-val { font-size: 34px; width: 150px; } /* v2 */ } /* / PRODUCT CARD ----------------- */ /* CART --------------------------- */ .cart { margin-top: 20px; margin-bottom: 50px; } .cart-table { width: 100%; } .cart-table__header { background-color: #f3f4f4; font-size: 14px; padding: 10px 0 9px 0; text-align: center; } .cart-table__header--pic { width: 14%; } .cart-table__header--product { width: 40%; text-align: left; } .cart-table__header--price { width: 11%; } .cart-table__header--col { width: 13%; } .cart-table__header--sum { width: 11%; } .cart-table__header--delete { width: 11%; } .cart-table__row { text-align: center; border-bottom: 1px solid #f3f4f4; padding-top: 13px; padding-bottom: 13px; } .cart-table__row--product { text-align: left; padding-right: 30px; } .cart-table__row--product a { text-decoration: underline;} .cart-table__row--product a:hover { text-decoration: underline; color: #2097d0; } .cart-table__row--delete a { display: block; width: 20px; height: 20px; background-image: url(/include/sprite_icons.png); background-position: 0 -745px; margin: 0 auto 0; } .cart-table__row--delete a:hover { background-position: -31px -745px; } .cart-table__row--col input { border-radius: 0; width: 80px; margin: 0 auto 0; } .cart-table__discount { padding-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #f3f4f4; } .cart-table__discount--text { padding-left: 60px; width: 14%; } .cart-table__discount--input { font-size: 14px; width: 86%; } .cart-table__discount--input input { width: 40%; font-size: 14px; margin-right: 30px; } .cart-table__discount--input br { display: none; } .cart-table__discount-message--ready { } .cart-table__discount-message--error { color: #ed1f24; } .cart-table__order-info { padding-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #f3f4f4; } .cart-table__order-info p { margin: 0; padding: 0; line-height: 26px; } .cart-table__order-info--empty { width: 70%; } .cart-table__order-info--left { text-align: left; width: 14%; } .cart-table__order-info--right { text-align: right; padding-right: 40px; width: 16%; } .cart-table__order-but { padding-top: 20px; padding-bottom: 20px; padding-left: 60px; font-weight: 700; } .cart-table__order-but--but { width: 70%; } .cart-table__order-but--left { text-align: left; padding-left: 0; width: 14%; } .cart-table__order-but--right { text-align: right; padding-right: 40px; width: 16%; } .cart-table__row--product-price { font-weight: 700; font-size: 20px; padding-top: 10px; display: block; display: none; } .cart-table__order-info-sum-text, .cart-table__order-info-sum-val { font-weight: 700; font-size: 20px; padding-top: 10px !important; display: none; } /*.cart-table__order-but .but { width: 200px; }*/ @media (max-width: 1199px) { .cart-table__order-info--empty { width: 60%; } .cart-table__order-info--left { width: 20%; } .cart-table__order-info--right { width: 20%; } .cart-table__order-but--but { width: 60%; } .cart-table__order-but--left { width: 20%; } .cart-table__order-but--right { width: 20%; } } @media (max-width: 991px) { .cart-table__header--pic { display: none; } .cart-table__header--product { padding-left: 20px; } .cart-table__row--product { padding-left: 20px; } .cart-table__row--product a { font-size: 14px; } .cart-table__row--pic { display: none; } .cart-table__header--product { width: 50%; } .cart-table__header--price { width: 12%; } .cart-table__header--col { width: 15%; } .cart-table__header--sum { width: 12%; } .cart-table__header--delete { width: 12%; } .cart-table__discount--text { padding-left: 20px; width: 12%; } .cart-table__discount--input { font-size: 14px; width: 88%; } .cart-table__discount--input input { width: 70%; font-size: 14px; margin-right: 30px; margin-top: 10px; margin-bottom: 7px;} .cart-table__discount--input br { display: inline; } .cart-table__order-info--empty { width: 50%; } .cart-table__order-info--left { width: 22%; } .cart-table__order-info--right { width: 28%; } .cart-table__order-but--but { width: 50%; } .cart-table__order-but--left { width: 22%; } .cart-table__order-but--right { width: 28%; } } @media (max-width: 767px) { .cart-table__header--sum { display: none; } .cart-table__row--sum { display: none; } .cart-table__header--product { width: 53%; } .cart-table__header--price { width: 15%; } .cart-table__header--col { width: 18%; } .cart-table__header--delete { width: 15%; } .cart-table__row--col input { width: 60px; } .cart-table__discount--text { width: 22%; } .cart-table__discount--input { width: 78%; } .cart-table__discount--input input { width: 90%; font-size: 13px; margin-right: 0;} .cart-table__order-info--empty { width: 5%; } .cart-table__order-info--left { width: 45%; } .cart-table__order-info--right { width: 55%; padding-right: 20px; } .cart-table__order-but--but { width: 44%; padding-left: 20px; } .cart-table__order-but--but .but { width: 170px; } .cart-table__order-but--left { width: 23%; margin: 0; } .cart-table__order-but--right { width: 26%; padding-right: 20px; margin: 0; padding-left: 0; } } @media (max-width: 550px) { .cart-table__row--product-price { display: block; } .cart-table__header { font-size: 13px; font-weight: 700; } .cart-table__header--price { display: none; } .cart-table__row--price { display: none; } .cart-table__header--product { width: 55%; } .cart-table__header--col { width: 26%; } .cart-table__header--delete { width: 20%; } .cart-table__discount--text { display: none; } .cart-table__discount--input { width: 100%; padding-left: 20px; padding-right: 20px; } .cart-table__discount--input input { width: 100%; font-size: 14px;} .cart-table__order-info-sum-text, .cart-table__order-info-sum-val { display: block; } .cart-table__order-but--left { display: none; } .cart-table__order-but--right { display: none; } .cart-table__order-but--but { width: 100%; padding-left: 20px; padding-right: 20px; } .cart-table__order-but--but .but { width: 100%; } } /* / CART --------------------------- */ /* AUTH SELECT ---------------------- */ .auth-form { float: left; margin-top: 10px; overflow: auto; } .auth-form-text { font-size: 18px; line-height: 30px; } .auth-form-text-reg { font-size: 18px; line-height: 30px;text-align: center; } .auth-form input[type='text'], .auth-form input[type='password'] { width: 262px; margin-top: 1px; margin-bottom: 3px; } .auth-form input[type='submit'] { margin-top: 20px; } .auth-form--right { float: right; } .but--noreg { margin-top: 40px; margin-bottom: 20px} .auth-form-2 { overflow: auto; margin-bottom: 20px; overflow: auto; } @media (max-width: 991px) { .auth-form { float: none; } .auth-form-2 { background-color: #fff; width: 600px; margin-top: 40px; } } @media (max-width: 767px) { .auth-form { width: 100%; margin-bottom: 40px; } .auth-form-2 { width: 100%; } } @media (max-width: 479px) { .auth-form input[type='text'], .auth-form input[type='password'] { width: 100%; } .auth-form input[type='submit'] { width: 100%; } .but { width: 100%; } .auth-form { } .auth-form--right { margin-top: -38px; } .auth-form-text { line-height: 20px; } .auth-form-text-reg { line-height: 20px; } .auth-form-2 { margin-top: 0; } .but--reg { margin-top: -40px; } } /* / AUTH SELECT -------------------- */ /* PRODUCTS ----------------------- */ .products { margin-top: 20px; margin-bottom: 50px; } .products h1 { margin-top: 20px; } .product { width: 100%; border: 1px solid #ababab; padding: 20px 0 0 0; position: relative; margin-bottom: 30px; } .product:hover { box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.4); } .product--main-page { height: 390px; } .product--accessory { height: 430px; } .product--device { height: 560px; } .product__content { width: 100%; height: auto; display: block; } .product__content:hover { text-decoration: none !important; color: #2097d0; } .product__pic { width: 100%; margin: 0 auto 0; } .product__pic img { width: 100%; max-width: 200px; height: auto; display: block; margin: 0 auto 0; } /* картинка должна быть в пределах 200 на 200 */ .product__name { display: block; font-weight: 700; font-size: 15px; line-height: 18px; height: 40px; margin: 20px 0 0 0; padding: 0 20px; } .product--accessory .product__name { height: 80px; } .product__colors { width: 100%; height: 22px; margin-top: 5px; padding: 0 20px; } .product__colors-header { color: #373737; font-size: 14px; float: left; width: 55px; height: 22px; padding-top: 3px; } .product__colors a { display: block; width: 22px; height: 22px; float: left; margin-right: 5px; -webkit-background-size:20px ; background-size:20px; border: 1px solid #000; } .product__colors a div { width: 100%; height: 100%; border: 1px solid #000; opacity: 0.2; background-color: rgba(0, 0, 0, 0.2); } .product__colors a:hover div { background-color: rgba(0, 0, 0, 0); opacity: 0.5; } .product__buy { width: 100%; height: 40px; bottom: 20px; position: absolute; padding: 0 20px 0 20px; } .product__buy-no-stock { display: block; width: 50%; font-size: 14px; float: right; color: #bcbcbc; padding-top: 10px; text-align: right; } .product__price { width: 42%; float: left; font-size: 20px; font-weight: 700; line-height: 20px; padding-top: 10px; } .product__price--oldprice { color: #ed1f24; margin-top: -5px; padding-top: 0; } .product__price i { font-style: normal; font-size: 18px; font-weight: 400; } .product__but-buy { width: 48%; float: right; height: 40px; background-color: #2097d0; color: #fff !important; text-align: center; text-transform: uppercase; padding: 0; line-height: 40px; text-decoration: none !important; } .product__but-buy:hover { text-decoration: none; color: #fff; background-color: #6bb500; } .product__but-buy--incart { line-height: 15px; font-weight: 700; font-size: 14px; padding-top: 4px; background-color: #fff; border: 2px solid #2097d0; color: #2097d0; } .product__but-buy--incart:hover { background-color: #fff; border: 2px solid #6bb500; color: #6bb500; } .product__price span { font-size: 18px; color: #0f0f0f; text-decoration: line-through; } .product__price span i { font-size: 15px; } .product__note-block { position: absolute; margin-top: 5px; margin-left: -1px; left: 0; top: 0; } .product__note { height: 30px; padding: 6px 10px 0 10px; background-color: #69b40f; color: #fff; font-size: 14px; text-transform: uppercase; float: left; clear: both; margin-top: 5px; } .product__note--price { background-color: #8694ac; } .product__note--discount { background-color: #9ec2c6; } .product__note--sim2 { background-color: #69b40f; } .product__note--new { background-color: #ed1f24; } .product__note--credit { background-color: #cac02d; } .product__body { width: 100%; font-size: 12px; line-height: 16px; margin-top: 16px; height: 90px; padding: 0 20px; } .product__body p { font-size: 12px; line-height: 16px; } .product__body ul { margin: 0; padding: 0 0 0 15px; } .product__body ul li { margin: 0; font-size: 12px; line-height: 16px; } .filter-panel__line { width: 100%; height: 1px; border-bottom: 1px solid #ababab; margin-bottom: 0; } .sort-panel { width: 100%; height: 36px; margin-bottom: 14px; } .sort-panel span { display: block; float: left; height: 36px; line-height: 34px; margin-right: 10px; } .sort-panel a { display: block; height: 36px; float: left; border: 1px solid #ababab; font-size: 16px; line-height: 34px; text-align: center; padding: 0 10px 0 10px; margin-left: 10px; position: relative; } .sort-panel a.active { background-color: #8694ac; border: 1px solid #8694ac; color: #fff; padding: 0 26px 0 10px; } .sort-panel a.active:after { content: ''; display: block; width: 12px; height: 10px; position: absolute; top: 14px; right: 7px; background-image: url(/include/sprite_icons.png); background-position: 0 -490px; } .sort-panel a.active--to-up:after { background-position: 0 -490px; } .sort-panel a.active--to-down:after { background-position: 0 -490px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .sort-panel a:hover { text-decoration: none; background-color: #2097d0; border: 1px solid #2097d0; color: #fff; } .asc{display: block; height: 36px; float: left; border: 1px solid #ababab; font-size: 16px; line-height: 34px; text-align: center; padding: 0 10px 0 10px; margin-left: 10px; position: relative; background-color: #8694ac; border: 1px solid #8694ac; color: #fff; padding: 0 26px 0 10px; content: ''; display: block; width: 12px; height: 10px; position: absolute; top: 14px; right: 7px; background-image: url(/include/sprite_icons.png); background-position: 0 -490px;} .filter-but { width: 100%; height: 36px; background-color: #f3f4f4; float: right; position: relative; font-size: 16px; line-height: 34px; padding: 0 0 0 12px; text-decoration: none !important; color: #0f0f0f !important; } .filter-but:after { content: ''; display: block; width: 14px; height: 10px; position: absolute; top: 13px; right: 8px; background-image: url(/include/sprite_icons.png); background-position: -18px -490px; } .filter-but:hover, .filter-but--opened { background-color: #2097d0; color: #fff !important; text-decoration: none; } .filter-but:hover:after, .filter-but--opened:after { background-position: -37px -490px; } .filter-but--opened:after { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .filter { display: none; width: 100%; background-color: #f3f4f4; margin-top: 0; margin-bottom: 0; overflow: auto; position: relative; } .filter ul { display: block; float: left; width: 200px; margin: 20px 0 20px 20px; padding: 0; list-style: none; } .filter ul li { margin: 0; padding: 0; font-weight: 700; } .filter ul li label { font-weight: 400; line-height: 24px; } .filter input[type='checkbox'] { width: 14px; height: 14px; margin-right: 5px; float: left; } .filter__name span { margin-bottom: 10px; display: block; } /* заменен на класс*/ #filter-reset { width: 106px; height: 36px; background-color: #373737; color: #fff; position: absolute; bottom: 20px; right: 20px; } #filter-reset:hover { background-color: #2097d0; } .filter-pokaz { width: 106px; height: 36px; background-color: #373737; color: #fff; position: absolute; bottom: 2px; right: 150px; } .filter-pokaz:hover { background-color: #2097d0; } /*dop klass dly ryjpki v filtre*/ .filter-reset { width: 106px; height: 36px; background-color: #373737; color: #fff; position: absolute; bottom: 2px; right: 20px; } .filter-reset:hover { background-color: #2097d0; } .but-more { height: 46px; border: 2px solid #373737; display: block; text-align: left; font-size: 14px; float: right; font-weight: 400; line-height: 46px; position: relative; text-transform: uppercase; padding: 0 34px 0 14px; } .but-more:hover { border: 2px solid #2097d0; text-decoration: none; color: #2097d0; } .but-more:after { content: ''; display: block; width: 14px; height: 10px; position: absolute; top: 18px; right: 10px; background-image: url(/include/sprite_icons.png); background-position: -18px -490px; } .but-more:hover:after { background-position: 0 -504px; } .acc-filter-panel { display: block; width: 100%; background-color: #dadada; height: 56px; border-bottom: 1px solid #ababab; } .acc-filter-panel ul { margin: 0; left: 0; list-style: none; display: block; float: left; } .acc-filter-panel ul li { display: block; float: left; } .acc-filter-panel ul li a { display: block; height: 56px; font-size: 14px; line-height: 58px; text-transform: uppercase; padding: 0 10px 0 10px; text-decoration: underline; } .acc-filter-panel ul li a:hover, .acc-filter-panel ul li a.active { background-color: #8694ac; text-decoration: none; color: #fff; } .but-find-acc { width: 350px; height: 36px; line-height: 36px; font-size: 15px; background-color: #fff; float: right; display: block; margin-top: 10px; margin-right: 10px; position: relative; padding-left: 10px; text-decoration: none !important; color: #0f0f0f !important; } .but-find-acc:after { content: ''; display: block; width: 14px; height: 10px; top: 14px; right: 10px; position: absolute; background-image: url(/include/sprite_icons.png); background-position: -18px -490px; } .but-find-acc:hover, .but-find-acc--opened { text-decoration: none !important; color: #fff !important; background-color: #2097d0; } .but-find-acc:hover:after { background-position: -37px -490px; } .but-find-acc--opened:after { background-position: -37px -490px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .filter--acc { display: none; overflow: auto; padding-bottom: 10px; } .filter__acc-devices { float: left; margin-top: 30px; margin-bottom: 10px; } .filter__acc-devices span { display: block; width: 100%; font-weight: 700; border-bottom: 1px solid #ababab; padding-bottom: 3px; margin-bottom: 10px; font-size: 13px; } .filter__acc-devices--one { width: 170px; margin-left: 50px; } .filter__acc-devices--desire { width: 380px; margin-left: 60px; } .filter__acc-devices--old { width: 380px; margin-left: 60px; } .filter__acc-devices ul li { line-height: 1.3; } .filter__acc-devices ul { margin: 0 20px 0 0; padding: 0; list-style: none; width: 170px; } .filter__acc-devices ul li a { font-size: 13px; text-decoration: underline; } .filter__acc-devices ul li a:hover { color: #2097d0; } .filter__acc-devices--one ul { margin: 0 !important; } .but-more--filter-acc { height: 36px; font-size: 14px; line-height: 30px; position: absolute; right: 30px; bottom: 30px; background-color: #f3f4f4; } .but-more--filter-acc:after { top: 12px; right: 10px; } .filter__hidden-models { display: none; } @media (max-width: 1199px) { /*.product--main-page { height: 390px; } .product--accessory { height: 500px; } .product--device { height: 560px; }*/ .product__pic img { width: 80%; } .product__name { font-size: 14px; line-height: 17px; height: 60px; } .product__colors { width: 100%; height: 18px; } .product__colors-header { font-size: 13px; width: 50px; height: 18px; padding-top: 1px; } .product__colors a { display: block; width: 18px; height: 18px; } .product__price { font-size: 18px; line-height: 20px; padding-top: 10px; } .product__price--oldprice { color: #ed1f24; margin-top: -5px; padding-top: 0; } .product__price i { font-size: 15px; } .product__price span { font-size: 14px; } .product__price span i { font-size: 12px; } .product__buy { bottom: 10px; } .product__but-buy { width: 50%; height: 30px; font-size: 13px; padding: 0; line-height: 30px; margin-top: 6px; } .product__buy-no-stock { font-size: 12px; } .filter-but { width: 100px; } .filter-but span { display: none; } .acc-filter-panel ul li a { font-size: 13px; padding: 0 5px 0 5px; } .but-find-acc { width: 320px; line-height: 36px; font-size: 14px; margin-top: 10px; margin-right: 10px; padding-left: 8px; } .but-find-acc:after { top: 14px; right: 7px; } .filter__acc-devices { width: 220px; margin-left: 20px; } .filter__acc-devices ul { margin: 0 20px 0 0; width: 100%; } } @media (max-width: 991px) { .product__pic img { width: 200px; margin: 0 auto 0; display: block; } .product__colors { padding: 0 15px; } .product__name { padding: 0 15px; } .product__body { padding: 0 15px; } .product__buy { padding: 0 15px; } .sort-panel span { display: none; } .sort-panel a { margin-left: 0; margin-right: 5px; } .filter ul { width: 130px; margin: 20px 0 10px 20px; } .filter ul li { font-size: 14px; } /* заменен на класс */ #filter-reset { width: 80px; height: 32px; bottom: 10px; right: 10px; font-size: 14px; } .filter-reset { width: 80px; height: 32px; bottom: 2px; right: 20px; font-size: 14px; } .filter-pokaz { width: 100px; height: 32px; bottom: 2px; right: 110px; font-size: 14px; } /*.acc-filter-panel ul li a { font-size: 14px; padding: 0 7px 0 7px; }*/ .but-find-acc { width: 350px; height: 40px; line-height: 36px; font-size: 15px; float: left; border: 2px solid #373737; margin-top: 20px; margin-right: 10px; position: relative; } /*.but-find-acc:after { content: ''; display: block; width: 14px; height: 10px; top: 14px; right: 10px; position: absolute; background-image: url(/include/sprite_icons.png); background-position: -18px -490px; }*/ .but-find-acc:hover, .but-find-acc--opened { color: #373737 !important; background-color: #fff; border: 2px solid #2097d0; } .but-find-acc:hover:after { background-position: -18px -490px; } .but-find-acc--opened:after { background-position: -18px -490px; } .filter__acc-devices { width: 220px; margin-left: 20px; } .filter__acc-devices ul { margin: 0 20px 0 0; width: 100%;} } @media (max-width: 767px) { .product__pic img { width: 90%; } .product__buy-no-stock { width: 55%; } .product__price { width: 50%; } .product__but-buy { width: 50%; font-size: 12px; height: 34px; line-height: 36px; font-weight: 700;; } .sort-panel a { font-size: 14px; padding: 0 8px 0 8px; } .sort-panel a.active { padding: 0 22px 0 8px; } .sort-panel a.active:after { top: 14px; right: 7px; } .filter { height: 320px; } .filter-but { width: 300px; float: left; } .filter-but span { display: inline; } .filter ul { width: 160px; margin: 20px 0 10px 20px; } .filter ul li { font-size: 14px; } .filter ul li label { line-height: 26px; } .filter input[type='checkbox'] { width: 18px; height: 18px; margin-right: 10px; } .but-find-acc { font-size: 14px; } .acc-filter-panel { height: 93px; border-bottom: 0; padding: 10px; } .acc-filter-panel ul li { display: block; float: left; } .acc-filter-panel ul li a { display: block; background-color: #fff; height: 34px; border: 1px solid #373737; font-size: 13px; line-height: 30px; text-transform: uppercase; padding: 2px 10px 0 10px; margin: 0 5px 5px 0; text-decoration: none; } .filter__acc-devices { width: 90%; margin-left: 20px; float: none; } .filter__acc-devices span { margin-top: 40px; } .filter__acc-devices ul { margin: 0; width: 90%; float: none; } .filter__acc-devices ul li { line-height: 26px; } .filter--acc { height: auto; } } @media (max-width: 479px) { .product { padding-top: 15px; } .product__pic img { width: 200px; } .product__name { font-size: 16px; line-height: 18px; height: 40px; padding: 0 20px; } .product__colors { width: 100%; height: 36px; padding: 0 20px; margin-top: 10px; } .product__colors-header { font-size: 14px; width: 55px; height: 26px; padding-top: 3px; } .product__colors a { display: block; width: 26px; height: 26px; } .product__price { font-size: 22px; line-height: 20px; margin-top: 5px; padding-top: 10px; height: 40px; } .product__price--oldprice { color: #ed1f24; margin-top: -8px; padding-top: 0; } .product__price i { font-size: 18px; } .product__price span { font-size: 18px; } .product__price span i { font-size: 15px; } .product__body { padding: 0 20px; } .product__buy { padding: 0 20px; bottom: 26px; } .product__buy-no-stock { width: 50%; font-size: 14px; } .product__price { width: 40%; padding-top: 10px; } .product__but-buy { width: 50%; height: 40px; padding: 0; line-height: 40px; font-size: 16px; font-weight: 400; } .sort-panel a { font-size: 13px; padding: 0 6px 0 6px; margin-left: 0; margin-right: 4px; } .sort-panel a.active { padding: 0 19px 0 6px; } .sort-panel a.active:after { top: 14px; right: 4px; } .filter-but { width: 100%; float: left; } .filter-but:after { top: 13px; right: 5%; } .filter { height: auto; } .filter ul { width: 80%; margin: 20px 0 10px 30px; float: none; } .filter ul li { font-size: 16px; } .filter ul li label { line-height: 28px; } .filter input[type='checkbox'] { width: 20px; height: 20px; margin-right: 10px; } .but-find-acc { width: 100%; } .acc-filter-panel { height: 89px; border-bottom: 0; padding: 0; } .acc-filter-panel ul li { display: block; float: left; } .acc-filter-panel ul li a { display: block; background-color: #fff; height: 34px; border: 1px solid #373737; font-size: 11px; line-height: 30px; text-transform: uppercase; padding: 2px 5px 0 5px; margin: 7px 0 0 7px; text-decoration: none; } .filter__acc-devices ul { margin: 0; width: 90%; float: none; } .filter__acc-devices ul li { line-height: 26px; } } /* / PRODUCTS --------------------- */ /* ABOUT -------------------------- */ .about { width: 100%; background-color: #f3f4f4; margin-top: -24px; margin-bottom: 27px; padding-bottom: 0px; padding-top: 2px; } .about h1, .about h2 { text-align: center; color: #373737; margin-top: 18px; margin-bottom: 21px; font-size: 30px; } .about__text { width: 100%; padding-left: 200px; padding-right: 100px; position: relative; margin-top: 30px; margin-bottom: 30px; overflow: auto; } .about__text:before { content: ''; display: block; width: 82px; height: 82px; position: absolute; top: 10px; left: 90px; background-image: url(/include/sprite_about-icons.png); } .about__text p { margin-top: 10px; color: #373737; font-size: 14px; } .about__text strong { text-transform: uppercase; } .about__main-text { padding: 0 30px 0 30px; } .about__main-text p, .about__main-text a { font-size: 14px; } .about__main-text a { text-decoration: underline; color: #6bb500; } .about__main-text a:hover { text-decoration: underline; color: #000; } .about__text--official:before { height: 52px; background-position: 0 0; } .about__text--stock:before { height: 62px; background-position: 0 -63px; } .about__text--original:before { height: 70px; background-position: 0 -145px; } .about__text--delivery:before { height: 42px; background-position: 0 -232px; } .about__text--monobrand:before { height: 52px; background-position: 0 -299px; } .about__text--payment:before { height: 60px; background-position: 0 -373px; } @media (max-width: 991px) { .about__text { padding-left: 120px; padding-right: 20px; margin-top: 30px; margin-bottom: 10px; } .about__text:before { left: 10px; } } @media (max-width: 767px) { .about { } .about__main-text { padding: 0 15px 0 15px; } .about h1 { font-size: 22px; margin-top: 25px; margin-bottom: 30px; line-height: 25px; } .about__text { padding-left: 100px; padding-right: 10px; margin-top: 20px; margin-bottom: 10px; } .about__text:before { left: 0; } .about__text p { font-size: 12px !important; padding: 0 15px 0 15px; } .about__main-text p { font-size: 14px; } .about__main-text a { font-size: 14px; text-decoration: underline; } .about__main-text a:hover { color: #6bb500; } } /* / ABOUT ------------------------ */ /*всплывающее окно*/ .popup-window { background-color: #fff; box-shadow: 0 7px 21px rgba(83, 92, 105, .12), 0 -1px 6px 0 rgba(83, 92, 105, .06); padding: 10px; font: 13px "Helvetica Neue", Helvetica, Arial, sans-serif; border-radius:10px; } /*кнопка оплаты ассиста*/ .assist-but{ width: 30%; float: left; height: 40px; background-color: #6bb500; color: #fff !important; text-align: center; text-transform: uppercase; padding: 0; line-height: 40px; text-decoration: none !important; } .assist-but:hover { color: #23527c; text-decoration: underline; } /*кнопка оплаты ассиста конец*/ .FZfooter { display: none; } .text, .text p, .text ul, .text ol, .bx-newsdetail, .bx-newsdetail-content, .bx-newsdetail p, .bx-newsdetail ul, .bx-newsdetail ol { font-size: 16px !important; } .text ul, .text ol, .bx-newsdetail ul, .bx-newsdetail ol { margin-top: 15px;} .text li, .bx-newsdetail li { margin: 0 0 0 20px; padding: 0 0 0 0; } .text, .bx-newsdetail-content { padding: 0 0 30px 0; } /* 404 */ .p404 { background-image: url(/bitrix/templates/htc_online/images/404-page.png); width:100%; height: 500px; color:#68b645; padding-top:130px; margin-bottom:40px; } .p404 h2 { font-size:250px; font-weight: 100 !important; margin-left: 600px; color:#65b545;} .p404 p { padding-left:550px; color:#65b545; font-size: 24px; padding-right: 100px; padding-top: 100px; } .p404 p a { color:#65b545; font-size: 24px; text-decoration: underline; } .p404 p a:hover { color:#333; } /* / 404 */ .ps_logo { display: none;} .credit-header { font-size: 22px; font-weight: 500; color: #f00; } .assist-but.assist-but--credit { margin:20px 0 40px 0; padding-right: 10px; padding-left: 10px; width: 200px !important; } .credit-header-price { margin: 0 0 15px 0 0 !important; font-weight: 500px !important; } #homecredit input { margin-bottom:20px;} .bf-block { width:100%; text-align: center; margin-top:30px; margin-bottom:80px; } .bf-offer-title { font-size: 30px !important; font-weight: 600; text-align:center;} .bf-block p.bf-block__title { font-size: 25px !important; font-weight: 600; color:#00b5e0; } .bf-block p.bf-block__price { font-size: 32px !important; font-weight: 600; color:#000; } .bf-block p.bf-block__price b { text-decoration: line-through; font-size:22px; color:#b0b0b0; font-weight:300; } .bf-block img { width:100%; max-width:580px; margin-top: 10px; margin-bottom:10px; } .bf-offer__det { width:170px; height: 46px; taxt-align:center; font-size:22px; text-decoration: none !important; background-color:#00b5e0; color:#fff; display:block; margin: 0 auto 0; padding-top:7px; } .bf-offer__det:hover { color:#fff !important; background-color:#3ed3f7; } @media (max-width: 500px) { .bf-block p.bf-block__price { font-size: 28px !important; } .bf-block p.bf-block__price b { font-size:20px; } }