/* Start:/bitrix/templates/hittek/css/top.css?176181440331731*/ @font-face { font-family: MuseoSans100Italic; font-display: optional; font-weight: 400; font-style: normal; src: url(/bitrix/templates/hittek/fonts/museosanscyrl_100_italic.eot); src: url(/bitrix/templates/hittek/fonts/museosanscyrl_100_italic.eot?#iefix) format("embedded-opentype"),url(/bitrix/templates/hittek/fonts/museosanscyrl_100_italic.woff2) format("woff2"),url(/bitrix/templates/hittek/fonts/museosanscyrl_100_italic.woff) format("woff"),url(/bitrix/templates/hittek/fonts/museosanscyrl_100_italic.ttf) format("truetype"),url(/bitrix/templates/hittek/fonts/museosanscyrl_100_italic.svg#MuseoSans100Italic) format("svg") } @font-face { font-family: MuseoSans100; font-display: optional; font-weight: 400; font-style: normal; src: url(/bitrix/templates/hittek/fonts/museosanscyrl_100.eot); src: url(/bitrix/templates/hittek/fonts/museosanscyrl_100.eot?#iefix) format("embedded-opentype"),url(/bitrix/templates/hittek/fonts/museosanscyrl_100.woff2) format("woff2"),url(/bitrix/templates/hittek/fonts/museosanscyrl_100.woff) format("woff"),url(/bitrix/templates/hittek/fonts/museosanscyrl_100.ttf) format("truetype"),url(/bitrix/templates/hittek/fonts/museosanscyrl_100.svg#MuseoSans100) format("svg") } @font-face { font-family: MuseoSans300Italic; font-display: optional; font-weight: 400; font-style: normal; src: url(/bitrix/templates/hittek/fonts/museosanscyrl_300_italic.eot); src: url(/bitrix/templates/hittek/fonts/museosanscyrl_300_italic.eot?#iefix) format("embedded-opentype"),url(/bitrix/templates/hittek/fonts/museosanscyrl_300_italic.woff2) format("woff2"),url(/bitrix/templates/hittek/fonts/museosanscyrl_300_italic.woff) format("woff"),url(/bitrix/templates/hittek/fonts/museosanscyrl_300_italic.ttf) format("truetype"),url(/bitrix/templates/hittek/fonts/museosanscyrl_300_italic.svg#MuseoSans300Italic) format("svg") } @font-face { font-family: MuseoSans300; font-display: optional; font-weight: 400; font-style: normal; src: url(/bitrix/templates/hittek/fonts/museosanscyrl_300.eot); src: url(/bitrix/templates/hittek/fonts/museosanscyrl_300.eot?#iefix) format("embedded-opentype"),url(/bitrix/templates/hittek/fonts/museosanscyrl_300.woff2) format("woff2"),url(/bitrix/templates/hittek/fonts/museosanscyrl_300.woff) format("woff"),url(/bitrix/templates/hittek/fonts/museosanscyrl_300.ttf) format("truetype"),url(/bitrix/templates/hittek/fonts/museosanscyrl_300.svg#MuseoSans300) format("svg") } @font-face { font-family: MuseoSans500Italic; font-display: optional; font-weight: 400; font-style: normal; src: url(/bitrix/templates/hittek/fonts/museosanscyrl_500_italic.eot); src: url(/bitrix/templates/hittek/fonts/museosanscyrl_500_italic.eot?#iefix) format("embedded-opentype"),url(/bitrix/templates/hittek/fonts/museosanscyrl_500_italic.woff2) format("woff2"),url(/bitrix/templates/hittek/fonts/museosanscyrl_500_italic.woff) format("woff"),url(/bitrix/templates/hittek/fonts/museosanscyrl_500_italic.ttf) format("truetype"),url(/bitrix/templates/hittek/fonts/museosanscyrl_500_italic.svg#MuseoSans500Italic) format("svg") } @font-face { font-family: MuseoSans500; font-display: optional; font-weight: 400; font-style: normal; src: url(/bitrix/templates/hittek/fonts/museosanscyrl_500.eot); src: url(/bitrix/templates/hittek/fonts/museosanscyrl_500.eot?#iefix) format("embedded-opentype"),url(/bitrix/templates/hittek/fonts/museosanscyrl_500.woff2) format("woff2"),url(/bitrix/templates/hittek/fonts/museosanscyrl_500.woff) format("woff"),url(/bitrix/templates/hittek/fonts/museosanscyrl_500.ttf) format("truetype"),url(/bitrix/templates/hittek/fonts/museosanscyrl_500.svg#MuseoSans500) format("svg") } @font-face { font-family: MuseoSans700Italic; font-display: optional; font-weight: 400; font-style: normal; src: url(/bitrix/templates/hittek/fonts/museosanscyrl_700_italic.eot); src: url(/bitrix/templates/hittek/fonts/museosanscyrl_700_italic.eot?#iefix) format("embedded-opentype"),url(/bitrix/templates/hittek/fonts/museosanscyrl_700_italic.woff2) format("woff2"),url(/bitrix/templates/hittek/fonts/museosanscyrl_700_italic.woff) format("woff"),url(/bitrix/templates/hittek/fonts/museosanscyrl_700_italic.ttf) format("truetype"),url(/bitrix/templates/hittek/fonts/museosanscyrl_700_italic.svg#MuseoSans700Italic) format("svg") } @font-face { font-family: MuseoSans700; font-display: optional; font-weight: 400; font-style: normal; src: url(/bitrix/templates/hittek/fonts/museosanscyrl_700.eot); src: url(/bitrix/templates/hittek/fonts/museosanscyrl_700.eot?#iefix) format("embedded-opentype"),url(/bitrix/templates/hittek/fonts/museosanscyrl_700.woff2) format("woff2"),url(/bitrix/templates/hittek/fonts/museosanscyrl_700.woff) format("woff"),url(/bitrix/templates/hittek/fonts/museosanscyrl_700.ttf) format("truetype"),url(/bitrix/templates/hittek/fonts/museosanscyrl_700.svg#MuseoSans700) format("svg") } @font-face { font-family: MuseoSans900Italic; font-display: optional; font-weight: 400; font-style: normal; src: url(/bitrix/templates/hittek/fonts/museosanscyrl_900_italic.eot); src: url(/bitrix/templates/hittek/fonts/museosanscyrl_900_italic.eot?#iefix) format("embedded-opentype"),url(/bitrix/templates/hittek/fonts/museosanscyrl_900_italic.woff2) format("woff2"),url(/bitrix/templates/hittek/fonts/museosanscyrl_900_italic.woff) format("woff"),url(/bitrix/templates/hittek/fonts/museosanscyrl_900_italic.ttf) format("truetype"),url(/bitrix/templates/hittek/fonts/museosanscyrl_900_italic.svg#MuseoSans900Italic) format("svg") } @font-face { font-family: MuseoSans900; font-display: optional; font-weight: 400; font-style: normal; src: url(/bitrix/templates/hittek/fonts/museosanscyrl_900.eot); src: url(/bitrix/templates/hittek/fonts/museosanscyrl_900.eot?#iefix) format("embedded-opentype"),url(/bitrix/templates/hittek/fonts/museosanscyrl_900.woff2) format("woff2"),url(/bitrix/templates/hittek/fonts/museosanscyrl_900.woff) format("woff"),url(/bitrix/templates/hittek/fonts/museosanscyrl_900.ttf) format("truetype"),url(/bitrix/templates/hittek/fonts/museosanscyrl_900.svg#MuseoSans900) format("svg") } @font-face { font-family: Notobold; font-display: optional; font-weight: 400; font-style: normal; src: url(/bitrix/templates/hittek/fonts/notoserif-bold.eot); src: url(/bitrix/templates/hittek/fonts/notoserif-bold.eot?#iefix) format("embedded-opentype"),url(/bitrix/templates/hittek/fonts/notoserif-bold.woff2) format("woff2"),url(/bitrix/templates/hittek/fonts/notoserif-bold.woff) format("woff"),url(/bitrix/templates/hittek/fonts/notoserif-bold.ttf) format("truetype"),url(/bitrix/templates/hittek/fonts/notoserif-bold.svg#Notobold) format("svg") } @font-face { font-family: NotoItalicBold; font-display: optional; font-weight: 400; font-style: normal; src: url(/bitrix/templates/hittek/fonts/notoserif-bolditalic.eot); src: url(/bitrix/templates/hittek/fonts/notoserif-bolditalic.eot?#iefix) format("embedded-opentype"),url(/bitrix/templates/hittek/fonts/notoserif-bolditalic.woff2) format("woff2"),url(/bitrix/templates/hittek/fonts/notoserif-bolditalic.woff) format("woff"),url(/bitrix/templates/hittek/fonts/notoserif-bolditalic.ttf) format("truetype"),url(/bitrix/templates/hittek/fonts/notoserif-bolditalic.svg#NotoItalicBold) format("svg") } @font-face { font-family: NotoItalic; font-display: optional; font-weight: 400; font-style: normal; src: url(/bitrix/templates/hittek/fonts/notoserif-italic.eot); src: url(/bitrix/templates/hittek/fonts/notoserif-italic.eot?#iefix) format("embedded-opentype"),url(/bitrix/templates/hittek/fonts/notoserif-italic.woff2) format("woff2"),url(/bitrix/templates/hittek/fonts/notoserif-italic.woff) format("woff"),url(/bitrix/templates/hittek/fonts/notoserif-italic.ttf) format("truetype"),url(/bitrix/templates/hittek/fonts/notoserif-italic.svg#NotoItalic) format("svg") } @font-face { font-family: Noto; font-display: optional; font-weight: 400; font-style: normal; src: url(/bitrix/templates/hittek/fonts/notoserif-regular.eot); src: url(/bitrix/templates/hittek/fonts/notoserif-regular.eot?#iefix) format("embedded-opentype"),url(/bitrix/templates/hittek/fonts/notoserif-regular.woff2) format("woff2"),url(/bitrix/templates/hittek/fonts/notoserif-regular.woff) format("woff"),url(/bitrix/templates/hittek/fonts/notoserif-regular.ttf) format("truetype"),url(/bitrix/templates/hittek/fonts/notoserif-regular.svg#Noto) format("svg") } .hidden {display: none!important;} .header-menu__item.header-menu__item_mod_cart{position: relative;} .fotorama__wrap,html {-webkit-text-size-adjust: 100%} .jq-file__name,.jq-selectbox__select-text {text-overflow: ellipsis;white-space: nowrap} .fotorama__arr,.fotorama__fullscreen-icon,.fotorama__nav,.fotorama__nav__frame,.fotorama__nav__shaft,.fotorama__stage__frame,.fotorama__stage__shaft,.fotorama__video-close,.fotorama__video-play,.menu,a {-webkit-tap-highlight-color: transparent} html {font-family: sans-serif;-ms-text-size-adjust: 100%} body {margin: 0} article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {display: block} audio,canvas,progress,video {display: inline-block;vertical-align: baseline} a {background-color: transparent} a:active,a:hover {outline: 0} b,optgroup,strong {font-weight: 700} h1 {font-size: 2em;margin: .67em 0} button,input,optgroup,select,textarea {color: inherit;font: inherit;margin: 0} button {overflow: visible} button,select {text-transform: none} button,html input[type=button],input[type=reset],input[type=submit] {-webkit-appearance: button;cursor: pointer} input {line-height: normal} .breadcrumbs:before,.jq-number__spin:after,.middle:after {content: ''} .jq-selectbox {vertical-align: middle;cursor: pointer} .jq-selectbox__select {height: 32px;padding: 0 45px 0 10px;border: 1px solid #CCC;border-bottom-color: #B3B3B3;border-radius: 4px;background: #F5F5F5;background: -webkit-linear-gradient(#FFF,#E6E6E6);background: linear-gradient(#FFF,#E6E6E6);box-shadow: inset 1px -1px #F1F1F1,inset -1px 0 #F1F1F1,0 1px 2px rgba(0,0,0,.1);font: 14px/32px Arial,sans-serif;color: #333;text-shadow: 1px 1px #FFF} .jq-selectbox__select-text {display: block;overflow: hidden;width: 100%} .jq-selectbox__trigger {position: absolute;top: 0;right: 0;width: 34px;height: 100%;border-left: 1px solid #CCC} .jq-selectbox__trigger-arrow {position: absolute;top: 14px;right: 12px;width: 0;height: 0;border-top: 5px solid #999;border-right: 5px solid transparent;border-left: 5px solid transparent} .jq-selectbox__dropdown,.jq-selectbox__search input {border: 1px solid #CCC;width: 100%;box-sizing: border-box} .jq-selectbox__dropdown {margin: 2px 0 0;padding: 0;border-radius: 4px;background: #FFF;box-shadow: 0 2px 10px rgba(0,0,0,.2);font: 14px/18px Arial,sans-serif} .body_state_popup,.header-player,.html_state_popup {overflow: hidden} body {font: 400 12px/1.5 MuseoSans500;height: 100%;position: relative;} .wrapper {box-sizing: border-box;min-width: 320px;max-width: 1300px;margin: 0 auto;padding: 0 40px} .middle {position: relative;width: 100%} .middle:after {display: table;clear: both} .container {float: left;width: 100%} .header-menu__item_mod_index a:before,.header-menu__item_mod_cart a:before,.header-scroll__address:before,.header-scroll__menu:before,.header__address:before,.header__menu:before,.header__search:before,.header__wrap:after,.menu-search__submit:before {content: ''} .header-menu {position: relative;} .header-city .jq-selectbox__dropdown,.header-city .jq-selectbox__select,.header__login {font: 400 16px/1 MuseoSans500} .header-city {margin: 42px 0 0 4px;vertical-align: top} .header-city .jq-selectbox__select {height: auto;padding: 0 26px 0 0;-webkit-transition: all .3s ease;transition: all .3s ease;color: #000;border: none;background: 0 0;box-shadow: none;text-shadow: none} .header-city .jq-selectbox__select-text {width: auto!important} .header-city .jq-selectbox__trigger {border: none} .header-city .jq-selectbox__trigger-arrow {top: 6px;width: 10px;height: 6px;-webkit-transition: opacity .3s ease;transition: opacity .3s ease;border: none;background: url(/bitrix/templates/hittek/i/sprite.png) -227px -260px no-repeat} .header-city .jq-selectbox__dropdown {top: 32px;color: #000;border: 1px solid #d2d2d2;border-bottom: 2px solid #000;border-radius: 0;box-shadow: none;text-shadow: none} .header-menu {margin: -20px 0 0;border: 2px solid #000;border-radius: 30px;background: #1c1d23} .header-search-menu {position: absolute;right: 0;top: 70px;} #search-input-menu {font: 400 12px/1 MuseoSans300;line-height: normal;box-sizing: border-box;width: 235px;height: 40px;padding: 0 20px 0 10px;border: 2px solid #000;border-radius: 40px;outline: 0;background: #fff;margin-left: 10px;} .menu-search__submit-right {border: 0 none;display: inline-block;width: 19px;height: 19px;margin: 0 auto;position: relative;top: 5px;-webkit-transition: opacity .3s ease;transition: opacity .3s ease;background: url(/bitrix/templates/hittek/i/sprite.png) -130px -246px no-repeat;cursor: pointer;} .header-menu__body {font-size: 0;display: table;width: 100%;margin: -2px;padding: 0;border-radius: 30px} .header-menu__item {display: table-cell;vertical-align: middle} .header-menu__item a {font: 400 16px/50px MuseoSans500;display: block;-webkit-transition: all .3s ease;transition: all .3s ease;text-align: center;white-space: nowrap;text-decoration: none;color: #fff;border: 3px solid transparent;border-radius: 30px} .header-menu__item a:hover {color: rgba(255,255,255,.7)} .header-menu__item_mod_cart a {position: relative;margin: 0 18px 0 0;border: none;border-radius: 0;background: 0 0} .header-menu__item_mod_cart a.open-basket:before {display: block;width: 24px;height: 25px;margin: 0 auto;-webkit-transition: opacity .3s ease;transition: opacity .3s ease;background: url(/bitrix/templates/hittek/i/sprite.png) -177px -282px no-repeat} .header-menu__cart-count {font: 400 13px/1 MuseoSans900;position: absolute;top: -7px;left: 70%;padding: 3px 5px 2px;color: #fff;border-radius: 10px;background: red} .header-player {position: fixed;top: 0;left: 0;width: 100%;height: 100%} .header-player > video{position: relative;} .header-player__video {position: absolute;top: 50%;left: 50%;width: auto;min-width: 100%;height: auto;min-height: 100%;-webkit-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);background: inherit;background-size: cover;-o-object-fit: cover;object-fit: cover} .footer-list,.footer__block,.main-offers__body,.shop-map__item,.shop-promo-subs {vertical-align: top} .main-deals:hover,.main-offers__body:hover {box-shadow: 0 20px 30px 0 rgba(0,0,0,.5)} .main-article__title:after,.main-deals__title span:after,.main-offers__item a:before,.main-offers__title a:after {content: ''} .footer-list,.footer-list__body,.footer__block,.footer__body {display: inline-block} .footer {position: relative;margin: 150px -40px 0;padding: 50px 0 150px;text-align: center;border-top: 5px solid #f1f1f1; width: 100%;} .footer__body {font-size: 0;margin: 0} .footer__block_mod_social {margin: 0 40px;text-align: left} .footer-list {margin: 0 30px} .footer-list li.footer-delimetr{padding: 25px 0;} .footer-list__body {margin: 0;padding: 0;list-style: none;text-align: left} .footer__block_mod_social .footer-list {margin: 0} .footer-list_mod_copyright {display: block;margin-top: 0px;text-align: left} .footer-list__item {font: 400 14px/1.5 MuseoSans500;margin: 0 0 10px;color: #000} .wrapper_page_main .footer-list__item, .wrapper_page_main .footer-list__item a{color: #fff;} .footer-list__item a {-webkit-transition: all .3s ease;transition: all .3s ease;text-decoration: none;color: #000} .footer-list__item_size_big {font: 400 19px/1 MuseoSans500} .footer-social {margin: 16px 0 10px;} .footer-social__body {font-size: 0;line-height: 0;margin: 0;padding: 0} .footer-social__item {display: inline-block;margin-left: 2px} .footer-social__item:first-child {margin-left: 0} .footer-social__item a {display: block;width: 37px;height: 35px;-webkit-transition: all .3s ease;transition: all .3s ease;background: url(/bitrix/templates/hittek/i/sprite.png) 0 -320px no-repeat} .footer-social__item_mod_fb a {background-position: 0 -320px} .footer-social__item_mod_in a {background-position: -148px -320px} .footer-social__item_mod_youtube a {background-position: 0 -384px;} .main-title {font: 400 50px/66px MuseoSans300;position: relative;margin: 90px 0 20px;opacity: 0;color: #fff} .main-title_mod_2 {opacity: 1} .main-offers__body,.main-offers__title a:after {-webkit-transition: all .3s ease;display: inline-block} .main-offers {font-size: 0;margin: 0;opacity: 0} .main-offers_mod_2 {opacity: 1} .main-offers__body {overflow: hidden;margin: 20px 40px 20px 0;transition: all .3s ease;border: 2px solid #eaeff1;border-radius: 25px;background: #eaeff1} .main-offers__body:hover {border-color: transparent;background: #fff} .main-offers__title {margin: 0;padding: 41px 43px 35px;border-bottom: 1px solid #eaeff1} .main-offers__title a {font: 400 28px/1 MuseoSans700;text-decoration: none;color: #000} .main-offers__title a:after {width: 27px;height: 27px;margin: 0 0 0 12px;transition: all .3s ease;vertical-align: middle;background: url(/bitrix/templates/hittek/i/main-article-title-arrow.png) left top no-repeat;background-size: 27px} .main-offers__title a:hover:after {opacity: .5} .main-offers__list {font-size: 0;margin: 0;padding: 0 26px;list-style: none;background: #fff} .main-offers__item {display: inline-block;text-align: center;vertical-align: top} .main-offers__item a {font: 400 14px/1.428571428571429 MuseoSans500;position: relative;display: block;padding: 78px 17px 45px;-webkit-transition: all .3s ease;transition: all .3s ease;text-decoration: none;color: #000} .main-offers__item a:before {position: absolute;right: 0;left: 0;display: block;margin: auto} .main-offers__item_mod_dealer a:before {top: 32px;width: 40px;height: 40px;background: url(/bitrix/templates/hittek/i/new_icons/akcii_dileram.png) left top no-repeat;background-size: 40px 40px} .main-offers__item_mod_training a:before {top: 34px;width: 40px;height: 40px;background: url(/bitrix/templates/hittek/i/new_icons/price_listy.png) left top no-repeat;background-size: 40px 40px} .main-offers__item_mod_design a:before {top: 32px;width: 40px;height: 40px;background: url(/bitrix/templates/hittek/i/new_icons/postavka_i_sklad.png) left top no-repeat;background-size: 40px 40px} .main-offers__item_mod_uchebniy_center a:before {top: 32px;width: 40px;height: 40px;background: url(/bitrix/templates/hittek/i/new_icons/uchebny_center.png) left top no-repeat;background-size: 40px 40px} .main-offers__item_mod_kabinet a:before {top: 32px;width: 40px;height: 40px;background: url(/bitrix/templates/hittek/i/new_icons/lichniy_kabinet.png) left top no-repeat;background-size: 40px 40px} .main-offers__item_mod_magazin a:before {top: 32px;width: 40px;height: 40px;background: url(/bitrix/templates/hittek/i/new_icons/internet_magazin.png) left top no-repeat;background-size: 40px 40px} .main-offers__item_mod_akcii_salonam a:before {top: 32px;width: 40px;height: 40px;background: url(/bitrix/templates/hittek/i/new_icons/akcii_salonam.png) left top no-repeat;background-size: 40px 40px} .main-offers__item_mod_proektirovanie a:before {top: 32px;width: 40px;height: 40px;background: url(/bitrix/templates/hittek/i/new_icons/proektirovanie_salonov.png) left top no-repeat;background-size: 40px 40px} .main-offers__item_mod_wholesaler a:before {top: 33px;width: 40px;height: 40px;background: url(/bitrix/templates/hittek/i/new_icons/stat_dillerom.png) left top no-repeat;background-size: 40px 40px} .main-offers__item_mod_prezentaciya a:before {top: 33px;width: 40px;height: 40px;background: url(/bitrix/templates/hittek/i/new_icons/prezentaciya.png) left top no-repeat;background-size: 40px 40px} .main-offers__item_mod_shop a:before {top: 38px;width: 40px;height: 40px;background: url(/bitrix/templates/hittek/i/new_icons/lichniy_kabinet.png) left top no-repeat;background-size: 40px 40px} .main-offers .main-offers__body{margin: 20px 38px 20px 0;} .desktop-block,.show {display: block} .mob_cart, .mob_cart_main {display: none;float: left;} .clear{clear:both} .header_wr{padding:33px 0 0 0;position:relative;min-height:138px;} .header_wr .btn-menu{float:left;margin:66px 25px 0 0;width:24px;height:21px;cursor:pointer;opacity:1;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;} .header_wr .btn-menu div{width:100%;height:3px;background:#fff;margin-top:6px;} .header_wr .btn-menu div:first-child{margin-top:0;} .header_wr .logo{float:left;margin:13px 52px 0 0;} .header_wr .rightblock{float:right;width:76%;position:relative;} .header_wr .header-city{margin:0;position:absolute!important;top:0;left:1px;} .header_wr .header-city .jq-selectbox__select{padding:0 13px 0 0;font-family: MuseoSans700, MuseoSans500, Arial, Helvetica, sans-serif;font-size:14px;color:#fff;line-height:37px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;} .header_wr .jq-selectbox__trigger{width:7px;} .header_wr .header-city .jq-selectbox__trigger-arrow{width:7px;height:4px;right:0;top:50%;margin-top:-2px;background:url(/images/header-city.png);-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;} .header_wr .phone{line-height:37px;font-family: MuseoSans700, MuseoSans500, Arial, Helvetica, sans-serif;color:#ffffff;text-decoration:none;margin:0 95px 0 174px;font-size:16px;float:left;} .header_wr .phone.phone-new{margin:0;position: absolute;right: 0;top: 0;text-align: right;z-index: 2;} .header_wr .phone.phones-header{line-height: normal;} .header_wr .phone.phones-header>div{margin: 0 0 5px;font-size: 10px;} .header_wr .phone.phones-header>div a,.header_wr .phone.phones-header>div span{color:#ffffff;text-decoration:none;font-size:16px;} .header_wr .feedback.feedback-new{line-height:37px;font-family: MuseoSans700, MuseoSans500, Arial, Helvetica, sans-serif;color:#ffffff;font-size:14px;float:left;margin:0 95px 0 174px;cursor:pointer;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;} .header_wr .feedback{line-height:37px;font-family: MuseoSans700, MuseoSans500, Arial, Helvetica, sans-serif;color:#ffffff;font-size:14px;float:left;margin:0 95px 0 0;cursor:pointer;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;} .header_wr .feedback:hover{color:#999;} .header_wr .shops{line-height:37px;font-family: MuseoSans700, MuseoSans500, Arial, Helvetica, sans-serif;color:#ffffff;font-size:14px;float:left;text-decoration:none;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;} .header_wr .become-a-dealer2{display:block;height:33px;line-height:33px;border: 2px solid rgba(255,255,255,.3);-webkit-border-radius: 17px;-moz-border-radius: 17px;border-radius: 17px;float:left;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;padding:0 28px;font-family: MuseoSans700, MuseoSans500, Arial, Helvetica, sans-serif;color:#ffffff;font-size:14px;text-decoration:none;margin: 0 0 0 95px;} .header_wr .personal{position:absolute;top:50px;left:553px;line-height:20px;font-family: MuseoSans700, MuseoSans500, Arial, Helvetica, sans-serif;font-size:14px;color:#fff;z-index:100;width: 164px;text-align: center;} .header_wr .personal a{color:#fff;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease; font-family: MuseoSans700, MuseoSans500, Arial, Helvetica, sans-serif;font-weight: 700;} /* OLD VERSION .header_wr .personal{position:absolute;top:42px;left:553px;line-height:20px;font-family: MuseoSans700, MuseoSans500, Arial, Helvetica, sans-serif;font-size:14px;color:#fff;z-index:100;width: 162px;text-align: center;} .header_wr .personal a{color:#fff;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;font-family: MuseoSans100, MuseoSans500, Arial, Helvetica, sans-serif;font-weight: 600;} */ .header_wr .header-search-menu{position:relative;top:0;left:0;width:455px;} @media screen and (min-width: 1024px){ .header_wr .header-search-menu{ display: block!important; } } .header_wr .menu-search__submit-right{display:block;position:absolute;right:0;top:50%;margin-top:-10.5px;width:21px;height:21px;background:url(/images/search.png);padding:0;opacity:1;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;} .header_wr #search-input-menu{margin:0;border:none;padding:0 15px;line-height:32px;height:32px;font-family: MuseoSans300Italic, MuseoSans500, Arial, Helvetica, sans-serif;font-size:14px;color:#fff;width:422px;background:rgba(255,255,255,.3);} .header_wr.black-and-blue #search-input-menu{color:#000;} .header_wr #search-input-menu::-webkit-input-placeholder {color:#c7c7c7;} .header_wr #search-input-menu::-moz-placeholder {color:#c7c7c7;} .header_wr #search-input-menu:-moz-placeholder {color:#c7c7c7;} .header_wr #search-input-menu:-ms-input-placeholder {color:#c7c7c7;} .header_wr.black-and-blue #search-input-menu::-webkit-input-placeholder {color:#a8a8a8;} .header_wr.black-and-blue #search-input-menu::-moz-placeholder {color:#a8a8a8;} .header_wr.black-and-blue #search-input-menu:-moz-placeholder {color:#a8a8a8;} .header_wr.black-and-blue #search-input-menu:-ms-input-placeholder {color:#a8a8a8;} .header_wr.black-and-blue #search-input-menu{background:#fff;height:30px;line-height:30px;border:#818181 solid 1px;width:420px;} .header_wr .header-menu{border:none;background:none;border-radius:0;margin:5px 0 0 0;} .header_wr .header-menu .header-menu__body .header-menu__item a{font-size:14px;font-family: MuseoSans700, MuseoSans500, Arial, Helvetica, sans-serif;color:#000000;border:none;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;} .header_wr.black-and-blue .header-menu .header-menu__body .header-menu__item.header-menu__item_state_active a:hover{color:#000;} .header_wr .header-menu__item_mod_cart a:before{background-position: -177px -246px;} .link-shop{float: left;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;margin: 0 0 0 95px;} .header_wr .btn-menu:hover{opacity:0.5;} .header_wr.black-and-blue .btn-menu div{background:#000000;} .header_wr .logo a img{opacity:1;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;} .header_wr .logo a img:hover{opacity:0.5;} .header_wr.black-and-blue .header-city .jq-selectbox__select{color:#000;} .header_wr .header-city .jq-selectbox__select:hover{color:#999;} .header_wr.black-and-blue .header-city .jq-selectbox__trigger-arrow{background:url(/images/header-city_black-and-blue.png);} @media screen and (max-width: 572px){.header_wr .phone{margin: 0 30px 0 0;}} .header_wr.black-and-blue .phone, .header_wr.black-and-blue .phone.phones-header>div a,.header_wr.black-and-blue .phone, .header_wr.black-and-blue .phone.phones-header>div span{color:#000000;} .header_wr.black-and-blue .feedback{color:#000;} .header_wr.black-and-blue .shops{color:#000000;} .header_wr .shops:hover{color:#999;} .header_wr .become-a-dealer{display:block;height:33px;line-height:33px;border: 2px solid rgba(255,255,255,.3);-webkit-border-radius: 17px;-moz-border-radius: 17px;border-radius: 17px;float:right;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;padding:0 28px;font-family: MuseoSans700, MuseoSans500, Arial, Helvetica, sans-serif;color:#ffffff;font-size:14px;text-decoration:none;} .header_wr.black-and-blue .become-a-dealer, .header_wr.black-and-blue .become-a-dealer2{color:#000;border-color:#b2b2b2;} .header_wr .become-a-dealer:hover{border-color:#fff;} .header_wr.black-and-blue .personal{color:#000;} .header_wr.black-and-blue .personal a{color:#000;} .header_wr .personal a:hover{text-decoration:none;color:#999;} .header_wr.black-and-blue .menu-search__submit-right{background:url(/images/search_black-and-blue.png);} .header_wr .menu-search__submit-right:hover{opacity:0.7;} .header_wr .header-menu .header-menu__body{margin:14px 0 0 0;-webkit-border-radius: 24px;-moz-border-radius: 24px;border-radius: 24px;background:#fff;} .header_wr.black-and-blue .header-menu .header-menu__body{background:#1c1d23;} .header_wr.black-and-blue .header-menu .header-menu__body .header-menu__item a{color:#ffffff;} .header_wr.black-and-blue .header-menu .header-menu__body .header-menu__item.header-menu__item_state_active a{border:3px solid #1c1d23;color:#000;line-height:44px;} .header_wr .header-menu .header-menu__body .header-menu__item a:hover{color: rgba(0,0,0,.7);} .header_wr.black-and-blue .header-menu .header-menu__body .header-menu__item a:hover{color: rgba(255,255,255,.7);} .header_wr .header-menu .header-menu__body .header-menu__item_mod_index a:before{background-position: -186px -320px;} .header_wr.black-and-blue .header-menu .header-menu__body .header-menu__item_mod_index a:before{background-position: -186px -344px;} .header_wr .header-menu .header-menu__body .header-menu__item_mod_index a{opacity:1;} .header_wr .header-menu .header-menu__body .header-menu__item_mod_index a:hover{opacity:0.7;} .header_wr.black-and-blue .header-menu__item_mod_cart a:before{background-position: -177px -282px;} @media (min-width: 1025px){.link-shop{display: none;}} .owl-carousel.owl-slider-main {display: none;} .com-baforms form { margin: 0 0 18px; } .ba-form .row-fluid .span12 { width: 100%; } .ba-form .tool { margin: 20px 0px; text-align: left; } .cont_f input, .cont_f textarea { height: 50px; font-size: 13px; color: rgba(153, 153, 153, 1); background-color: rgba(255, 255, 255, 1); border: 1px solid rgba(232, 232, 232, 1); border-radius: 0px; width: 100%;padding: 0 20px; height: 50px; font-size: 13px; color: rgba(153, 153, 153, 1); background-color: rgba(255, 255, 255, 1); border: 1px solid rgba(232, 232, 232, 1); border-radius: 0px; border: 1px solid rgba(232, 232, 232, 1); border-radius: 0px; margin: 10px 0px; } .cont_f {margin: 50px auto; width: 50%; text-align: center;} .cont_f input.feedback { width: 50%; margin: 30px;line-height: 3; background: #ebc74f; transition: all .5s ease; text-decoration: none; color: #000; border-radius: 25px; cursor: pointer; } .cont_f input.feedback:hover { box-shadow: 0 0 30px rgba(0,0,0,.6); } #baform-1 { width: 50%; margin: 0 auto; } .images { margin: 0 auto; text-align: center;} .images img {margin: 10px;} /* End */ /* Start:/bitrix/templates/hittek/js/jquery-growl/stylesheets/jquery.growl.css?16690088401796*/ /* jQuery Growl * Copyright 2015 Kevin Sylvestre * 1.3.1 */ #growls { z-index: 50000; position: fixed; } #growls.default { top: 10px; right: 10px; } #growls.tl { top: 10px; left: 10px; } #growls.tr { top: 10px; right: 10px; } #growls.bl { bottom: 10px; left: 10px; } #growls.br { bottom: 10px; right: 10px; } #growls.tc { top: 10px; right: 10px; left: 10px; } #growls.bc { bottom: 10px; right: 10px; left: 10px; } #growls.tc .growl, #growls.bc .growl { margin-left: auto; margin-right: auto; } .growl { opacity: 0.8; filter: alpha(opacity=80); position: relative; border-radius: 4px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .growl.growl-incoming { opacity: 0; filter: alpha(opacity=0); } .growl.growl-outgoing { opacity: 0; filter: alpha(opacity=0); } .growl.growl-small { width: 200px; padding: 5px; margin: 5px; } .growl.growl-medium { width: 250px; padding: 10px; margin: 10px; } .growl.growl-large { width: 300px; padding: 15px; margin: 15px; } .growl.growl-default { color: #FFF; background: #7f8c8d; } .growl.growl-error { color: #FFF; background: #C0392B; } .growl.growl-notice { color: #FFF; background: #2ECC71; } .growl.growl-warning { color: #FFF; background: #F39C12; } .growl .growl-close { cursor: pointer; float: right; font-size: 14px; line-height: 18px; font-weight: normal; font-family: helvetica, verdana, sans-serif; } .growl .growl-title { font-size: 18px; line-height: 24px; } .growl .growl-message { font-size: 14px; line-height: 18px; } /* End */ /* Start:/bitrix/templates/hittek/js/bxslider/jquery.bxslider.css?16690088403203*/ .bx-wrapper { position: relative; margin: 0 auto 60px; padding: 0; *zoom: 1; } .bx-wrapper img { max-width: 100%; display: block; } .bx-wrapper .bx-viewport { -moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc; border: 5px solid #fff; left: -5px; background: #fff; -webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0); } .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%; } .bx-wrapper .bx-loading { min-height: 50px; background: url(/bitrix/templates/hittek/js/bxslider/images/bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; } .bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; } .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; } .bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #000; } .bx-wrapper .bx-prev { left: 10px; background: url(/bitrix/templates/hittek/js/bxslider/images/controls.png) no-repeat 0 -32px; } .bx-wrapper .bx-next { right: 10px; background: url(/bitrix/templates/hittek/js/bxslider/images/controls.png) no-repeat -43px -32px; } .bx-wrapper .bx-prev:hover { background-position: 0 0; } .bx-wrapper .bx-next:hover { background-position: -43px 0; } .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 2; } .bx-wrapper .bx-controls-direction a.disabled { display: none; } .bx-wrapper .bx-controls-auto { text-align: center; } .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(/bitrix/templates/hittek/js/bxslider/images/controls.png) -86px -11px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; } .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(/bitrix/templates/hittek/js/bxslider/images/controls.png) -86px -44px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; } .bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666\9; background: rgba(80, 80, 80, 0.75); width: 100%; } .bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; } /* End */ /* Start:/bitrix/templates/hittek/css/owl.carousel.css?16690088394108*/ .owl-carousel { width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; -moz-backface-visibility: hidden; } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display: block; width: 100%; } .diploma-page .owl-carousel .owl-item img { width: auto; margin: 0 auto; position: relative; top: 50%; transform: translateY(-50%); } .diploma-page .owl-carousel .owl-item .diploma-fancy{ height: 200px; display: inline-block; vertical-align: middle; width: 100%; } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { visibility: hidden; } .owl-carousel.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } .no-js .owl-carousel { display: block; } .owl-carousel .animated { animation-duration: 1000ms; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { animation-name: fadeOut; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .owl-height { transition: height 500ms ease-in-out; } .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; } .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; } .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("/bitrix/templates/hittek/css/owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } .diploma-page .owl-carousel{ position: relative; padding: 0 20px; box-sizing: border-box; } .diploma-page .owl-carousel .owl-nav > div{ position: absolute; top: 0; width: 27px; height: 31px; cursor: pointer; top: 50%; margin: -16px 0 0; } .diploma-page .owl-carousel .owl-nav > div.owl-prev{ background: url(/bitrix/templates/hittek/i/diploma-left.png) no-repeat center; left: 0; } .diploma-page .owl-carousel .owl-nav > div.owl-next{ background: url(/bitrix/templates/hittek/i/diploma-right.png) no-repeat center; right: 0px; } .diploma-page{ margin: 50px 0 0px; } /* End */ /* Start:/bitrix/templates/hittek/css/owl.theme.default.css?16690088391010*/ .owl-theme .owl-nav { margin-top: 10px; text-align: center; -webkit-tap-highlight-color: transparent; } .owl-theme .owl-nav [class*='owl-'] { color: #FFF; font-size: 14px; margin: 5px; padding: 4px 7px; background: #D6D6D6; display: inline-block; cursor: pointer; border-radius: 3px; } .owl-theme .owl-nav [class*='owl-']:hover { background: #869791; color: #FFF; text-decoration: none; } .owl-theme .owl-nav .disabled { opacity: 0.5; cursor: default; } .owl-theme .owl-nav.disabled + .owl-dots { margin-top: 10px; } .owl-theme .owl-dots { text-align: center; -webkit-tap-highlight-color: transparent; } .owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1; *display: inline; } .owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #D6D6D6; display: block; -webkit-backface-visibility: visible; transition: opacity 200ms ease; border-radius: 30px; } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #869791; } /* End */ /* Start:/bitrix/templates/hittek/css/jquery.nouislider.css?16690088391728*/ .noUi-target, .noUi-target * { -webkit-touch-callout: none; -webkit-user-select: none; -ms-touch-action: none; -ms-user-select: none; -moz-user-select: none; -moz-box-sizing: border-box; box-sizing: border-box; } .noUi-target { position: relative; direction: ltr; } .noUi-base { width: 100%; height: 100%; position: relative; } .noUi-origin { position: absolute; right: 0; top: 0; left: 0; bottom: 0; } .noUi-handle { position: relative; z-index: 1; } .noUi-stacking .noUi-handle { z-index: 10; } .noUi-stacking + .noUi-origin { *z-index: -1; } .noUi-state-tap .noUi-origin { -webkit-transition: left 0.3s, top 0.3s; transition: left 0.3s, top 0.3s; } .noUi-state-drag * { cursor: inherit !important; } .noUi-base { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .noUi-horizontal { height: 5px; border-radius: 2px; margin: 0px 0 5px 0; } .noUi-horizontal .noUi-handle { width: 17px; height: 17px; left: -8px; top: -5px; border: 2px solid #0083d1; border-radius: 50%; background: #fff; cursor: pointer; } .noUi-vertical { width: 18px; } .noUi-vertical .noUi-handle { width: 28px; height: 34px; left: -6px; top: -14px; } .noUi-background { background: #bcbec0; box-shadow: inset 0 1px 1px #f0f0f0; } .noUi-connect { background: #0175a1; -webkit-transition: background 450ms; transition: background 450ms; } .noUi-origin { border-radius: 2px; } .noUi-target.noUi-connect { box-shadow: inset 0 0 3px rgba(51,51,51,0.45), 0 3px 6px -5px #BBB; } .noUi-dragable { cursor: w-resize; } .noUi-vertical .noUi-dragable { cursor: n-resize; } [disabled].noUi-connect, [disabled] .noUi-connect { background: #B8B8B8; } [disabled] .noUi-handle { cursor: not-allowed; } /* End */ /* Start:/bitrix/templates/hittek/css/form.css?16690088395292*/ .form-field__name { font-size: 18px; text-align: left; font-weight: bold; } .hidden { display: none!important; } .form-field__register { width: 100%; height: 60px; font-size: 14px; } #form4 .popup-feedback__body{ width: 1220px; box-sizing: border-box; margin: 0; } #form4.popup-feedback .diler-column{ display: inline-block; width: 33%; vertical-align: top; padding: 0 15px; box-sizing: border-box; } #form4 .popup-feedback__body .field{ width: 100%; } #form4 .popup-feedback__body .field .bx-sls .bx-ui-sls-fake, #form4 .popup-feedback__body .field .bx-sls .bx-ui-sls-route{ box-sizing: border-box; } #form4 .popup-feedback__body .quickorder-privacy{ margin: 0 auto 20px; width: 355px; text-align: center; max-width: 100%; } .diler-form-footer{ box-sizing: border-box; margin: 20px 0px 0; } #form4 .popup-feedback__body input[type="submit"].popup-feedback__submit{ margin: 0; } #form4 .popup-feedback__body .popup-feedback__topic{ margin: 0 0 27px; } #form4 .popup-feedback__body .text-dealer__input{ width: 100%; } @media screen and (max-width: 1230px){ #form4 .popup-feedback__body{ width: 95%; max-width: none; padding: 20px; } } @media screen and (max-width: 999px){ #form4 .popup-feedback__body .text-dealer__input + label, #form4 .popup-feedback__body .text-dealer__input{ font-size: 14px; } #form4 .popup-feedback__body .form-field__name{ font-size: 16px; } } @media screen and (max-width: 767px){ #form4.popup-feedback .diler-column{ display: block; width: 100%; margin: 0 0 15px; } #form4.popup-feedback .diler-column .field{ width: 343px; max-width: 100%; } #form4 .popup-feedback__body .text-dealer__input + label, #form4 .popup-feedback__body .text-dealer__input{ font-size: 16px; } } .text-dealer__input + label.error-policy, .purchase-radio-list__item.err-radio a{ color: #ff0000; } .form-static-fields a{ color: #fff; } .error-policy input[type="checkbox"] + label{ color: #ff0000; } .error-policy input[type="checkbox"] + label a{ color: #ff0000; } #form_fastorder.new_fast_order .popup-feedback__body{ width: auto; } #form_fastorder.new_fast_order .form-info .form-left{ float: left; } #form_fastorder.new_fast_order .form-info .form-left .from-image{ width: 100px; text-align: center; } #form_fastorder.new_fast_order .form-info .form-right{ padding: 0 0 0 120px; text-align: left; } #form_fastorder.new_fast_order .form-info #quick-form-name{ font-size: 18px; margin: 0 0 5px; color: #4793d0; } #form_fastorder.new_fast_order .form-info #quick-form-article{ font-size: 14px; margin: 0 0 15px; } #form_fastorder.new_fast_order .popup-quick__close{ width: 20px; height: 20px; background: url(/bitrix/templates/hittek/i/close.svg) center center no-repeat; } #form_fastorder.new_fast_order .popup-feedback__topic{ font-size: 30px; margin: 20px 0; } #form_fastorder.new_fast_order .quick-form-calc{ font-size: 18px; white-space: nowrap; } #form_fastorder.new_fast_order .quick-form-calc>div{ display: inline-block; vertical-align: middle; } #quick-form-calc-price{ } #quick-form-calc-price:after{ content: '\00d7'; margin: 0 15px; } #quick-form-calc-q{ position: relative; } #form_fastorder.new_fast_order .quick-form-calc span { color: #eed06d; position: absolute; font-size: 17px; top: 50%; z-index: 999; transform: translateY(-50%); cursor: pointer; } #form_fastorder.new_fast_order .quick-form-calc span:first-of-type{ left: 0; } #form_fastorder.new_fast_order .quick-form-calc span:last-of-type{ left: 76px; } #form_fastorder.new_fast_order .quick-form-calc input { font: 400 18px/1 MuseoSans300; line-height: normal; box-sizing: border-box; /* margin: 0 0 17px; */ -webkit-transition: all .3s ease; transition: all .3s ease; color: #000; border: none; border-bottom: 2px solid #9b9b9b; outline: 0; width: 90px; text-align: center; padding: 4px 25px; } #quick-form-calc-q:after{ content: '\003d'; margin: 0 15px; } #form_fastorder.new_fast_order .form-info{ margin: 0 0 30px; } #form_fastorder.new_fast_order .text-dealer__input{ height: auto; font-size: 15px; padding: 5px 5px; } #form_fastorder.new_fast_order .quickorder-privacy{ margin: 0 auto 30px; } #form_fastorder.new_fast_order .popup-feedback__submit{ height: auto; padding: 10px 20px; width: auto; font-size: 18px; margin: 0; } #quick-form-complect{ font-size: 14px; margin: 0 0 5px; } @media screen and (max-width: 499px){ #form_fastorder.popup-feedback.new_fast_order .popup-feedback__body{ width: 320px; margin: 80px 0 0; } #form_fastorder.new_fast_order .form-info .form-left{ float: none; margin: 0 auto 15px; } #form_fastorder.new_fast_order .form-info .form-right{ padding: 0; } #form_fastorder.new_fast_order .form-info .form-left .from-image{ margin: 0 auto; } #form_fastorder.new_fast_order .quick-form-calc{ font-size: 14px; } #form_fastorder.new_fast_order .quick-form-calc input{ font-size: 14px; width: 70px; } #form_fastorder.new_fast_order .quick-form-calc span:last-of-type{ left: 55px; } #form_fastorder.new_fast_order .quickorder-privacy{ width: 100%; } #form_fastorder.new_fast_order .popup-feedback__topic{ margin: 0 0 20px; } } /* End */ /* Start:/bitrix/templates/hittek/css/search.title.css?16690088394041*/ .bx-searchtitle { margin: 10px 0 0; } .bx-searchtitle .bx-block-title { font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif; color: #343434; text-transform: uppercase; font-size: 12px; margin-bottom: 9px; font-weight: 600; } .bx-searchtitle .bx-input-group { position: relative; display: table; border-collapse: separate; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bx-searchtitle .bx-input-group {} .bx-searchtitle .bx-input-group .bx-form-control { display: table-cell; position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #f8fafc; border: 1px solid #d5dadc; border-right: none; border-radius: 2px 0 0 2px; outline: none; box-shadow: none !important; -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .bx-ios .bx-searchtitle .bx-input-group .bx-form-control { /* Fix of input shadow for IOS browsers. */ background-image: -webkit-linear-gradient(#f8fafc 0%, #f8fafc 100%); background-image: linear-gradient(#f8fafc 0%, #f8fafc 100%); } .bx-searchtitle .bx-input-group-btn { position: relative; font-size: 0; width: 1%; white-space: nowrap; vertical-align: middle; display: table-cell; } .bx-searchtitle .bx-input-group-btn button { position: relative; border: none; background: #95a1a8; display: inline-block; margin-bottom: 0; cursor: pointer; padding:6px 12px; border-radius: 0 2px 2px 0; color: #fff; font-size: 16px; line-height: 1.42857143; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .bx-searchtitle .bx-input-group-btn button:hover { background: #1484CE; } div.title-search-result { border:1px solid #c6c6c6; display:none; overflow:hidden; z-index:999; min-width: 370px; margin-top:-3px; background-color: #FFF; } div.title-search-fader { display:none; background-image: url('/bitrix/templates/hittek/css/images/fader.png'); background-position: right top; background-repeat: repeat-y; position:absolute; } p.title-search-preview { font-size:12px; } div.title-search-result td.title-search-price span { font-size: 26px; } /*========================*/ .bx_searche{} .bx_searche .bx_img_element{ background: #fafafa; float: left; width: 67px; padding: 5px 10px; position: absolute; top: 0; bottom: 0; } .bx_searche .bx_item_block{ min-height: 65px; position: relative } .bx_searche .bx_image{ width: 45px; height: 45px; background-size: contain; background-position: center; background-repeat: no-repeat; border: 1px solid #e8e8e8; } .bx_searche .bx_item_element{ /*float: left;*/ padding-left: 10px; margin-left: 70px; } .bx_searche .bx_item_element hr{ margin: 0; border: none; border-bottom: 1px solid #e5e5e5; } .bx_searche .bx_item_element a{ margin-top: 10px; display: inline-block; color: #4788cb; font-size: 13px; text-decoration: none; } .bx_searche .bx_item_element a b{color: #000;font-weight: normal;} .bx_searche .bx_item_element a:hover, .bx_searche .bx_item_element a:hover b{text-decoration: underline;} .bx_searche .bx_price{ font-weight:bold; font-size:13px; } .bx_searche .bx_price .old{ font-weight:normal; text-decoration: line-through; color: #636363 } .bx_item_block.all_result{min-height:0} .bx_item_block.others_result{ min-height: 0; padding: 0 0 12px; line-height: 12px; } .bx_item_block.all_result .all_result_title{ display: block; font-size: 12px; color: #a7a7a7; padding-top: 15px; padding-bottom: 10px; } .bx_item_block.all_result .all_result_title a{color: #a7a7a7} .bx_item_block.all_result .all_result_title a:hover{color: #4788cb} .bx_item_block.all_result a{ margin-top: 0; } /* End */ /* Start:/bitrix/templates/hittek/css/menu.css?16690088392507*/ .mobile-menu .menu-list a{ color: #fff; text-decoration: none; } .mobile-menu .menu-list__title, .mobile-menu-subsection .menu-list__title{ padding: 0px; } .mobile-menu .menu-list__title a{ padding: 23px 25px 23px 38px; display: block; position: relative; } @media screen and (min-width: 1024px){ .mobile-menu .menu-list, .mobile-menu-subsection .menu-list{ border: none; } .mobile-menu .menu-list__title a{ color: #000; font: 400 25px MuseoSans700; } .mobile-menu .menu__block_mod_line{ border-bottom: 1px solid #000; } .mobile-menu .menu__cart, .mobile-menu .menu__logout{ border-top: 1px solid #000; } .js_menu .mobile-menu-subsection a{ color: #000; font-size: 25px; } .js_menu .mobile-menu-subsection .js_menu-list__title{ border-bottom: 1px solid #000; } } .mobile-menu .menu-list__title.parent-item a:after{ position: absolute; content: '\276d'; right: 10px; top: 50%; transform: translateY(-50%); } .mobile-subsections{ left: -100%; } .mobile-menu-subsection{ display: none; } .mobile-menu-subsection a{ color: #fff; text-decoration: none; padding: 23px 25px 23px 38px; display: block; } .mobile-menu-subsection .menu-depth-2 a{ font-size: 14px; } .mobile-menu-subsection .menu-depth-3 a{ font-size: 12px; padding: 23px 30px 23px 58px; } .menu-list{ border-right: 1px solid #000; } .menu-list.menu-depth-4{ background: #fff; border-right: 1px solid #000; border-bottom: 1px solid #000; } .mobile-menu-subsection .menu-list.menu-depth-4 a{ color: #000; font-size: 15px; padding: 10px 20px 10px 58px; } .mobile-menu .menu-list__title span:after{ display: none; } .menu-sub-back a{ padding: 23px 25px 23px 58px; position: relative; color: #ebc74f; text-transform: uppercase; } .menu-sub-back a:before{ content: '\276c'; position: absolute; left: 40px; top: 50%; transform: translateY(-50%); } .js_menu.menu .menu-list.menu-depth-3 .menu-list__title a{ position: relative; } .js_menu.menu .menu-list.menu-depth-3 .menu-list__title span{ right: 0px; top: 50%; position: absolute; width: 30px; text-align: center; z-index: 3; height: 30px; transform: translateY(-50%); } .js_menu.menu .menu-list.menu-depth-3 .menu-list__title span:after{ position: static; display: block; content: '\276d'; background: none; line-height: 30px; width: auto; height: auto; } .js_menu.menu .menu-list.menu-depth-3 .menu-list__title span.active:after{ transform: rotate(90deg); } .subsection-level-4{ display: none; } /* End */ /* Start:/bitrix/templates/hittek/js/fancybox2/jquery.fancybox.css?16690088404858*/ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('/bitrix/templates/hittek/js/fancybox2/fancybox_sprite.png'); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url('/bitrix/templates/hittek/js/fancybox2/fancybox_loading.gif') center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('/bitrix/templates/hittek/js/fancybox2/blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: hidden !important; width: auto; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('/bitrix/templates/hittek/js/fancybox2/fancybox_overlay.png'); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); } /*Retina graphics!*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){ #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('/bitrix/templates/hittek/js/fancybox2/fancybox_sprite@2x.png'); background-size: 44px 152px; } #fancybox-loading div { background-image: url('/bitrix/templates/hittek/js/fancybox2/fancybox_loading@2x.gif'); background-size: 24px 24px; } } /* End */ /* Start:/bitrix/templates/hittek/css/font-awesome.css?166900883932913*/ @font-face { font-family: 'FontAwesome'; src: url(/bitrix/templates/hittek/fonts/fontawesome/fontawesome-webfont.eot?v=4.5.0); src: url(/bitrix/templates/hittek/fonts/fontawesome/fontawesome-webfont.eot) format('embedded-opentype'), url(/bitrix/templates/hittek/fonts/fontawesome/fontawesome-webfont.woff2) format('woff2'), url(/bitrix/templates/hittek/fonts/fontawesome/fontawesome-webfont.woff) format('woff'), url(/bitrix/templates/hittek/fonts/fontawesome/fontawesome-webfont.ttf) format('truetype'), url(/bitrix/templates/hittek/fonts/fontawesome/fontawesome-webfont.svg) format('svg'); font-weight: normal; font-style: normal; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .fa-lg { font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { width: 1.28571429em; text-align: center; } .fa-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none; } .fa-ul > li { position: relative; } .fa-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: 0.14285714em; text-align: center; } .fa-li.fa-lg { left: -1.85714286em; } .fa-border { padding: .2em .25em .15em; border: solid 0.08em #eeeeee; border-radius: .1em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left { margin-right: .3em; } .fa.fa-pull-right { margin-left: .3em; } .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left { margin-right: .3em; } .fa.pull-right { margin-left: .3em; } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .fa-rotate-90 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1); -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1); -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none; } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #ffffff; } .fa-glass:before { content: "\f000"; } .fa-music:before { content: "\f001"; } .fa-search:before { content: "\f002"; } .fa-envelope-o:before { content: "\f003"; } .fa-heart:before { content: "\f004"; } .fa-star:before { content: "\f005"; } .fa-star-o:before { content: "\f006"; } .fa-user:before { content: "\f007"; } .fa-film:before { content: "\f008"; } .fa-th-large:before { content: "\f009"; } .fa-th:before { content: "\f00a"; } .fa-th-list:before { content: "\f00b"; } .fa-check:before { content: "\f00c"; } .fa-remove:before, .fa-close:before, .fa-times:before { content: "\f00d"; } .fa-search-plus:before { content: "\f00e"; } .fa-search-minus:before { content: "\f010"; } .fa-power-off:before { content: "\f011"; } .fa-signal:before { content: "\f012"; } .fa-gear:before, .fa-cog:before { content: "\f013"; } .fa-trash-o:before { content: "\f014"; } .fa-home:before { content: "\f015"; } .fa-file-o:before { content: "\f016"; } .fa-clock-o:before { content: "\f017"; } .fa-road:before { content: "\f018"; } .fa-download:before { content: "\f019"; } .fa-arrow-circle-o-down:before { content: "\f01a"; } .fa-arrow-circle-o-up:before { content: "\f01b"; } .fa-inbox:before { content: "\f01c"; } .fa-play-circle-o:before { content: "\f01d"; } .fa-rotate-right:before, .fa-repeat:before { content: "\f01e"; } .fa-refresh:before { content: "\f021"; } .fa-list-alt:before { content: "\f022"; } .fa-lock:before { content: "\f023"; } .fa-flag:before { content: "\f024"; } .fa-headphones:before { content: "\f025"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-up:before { content: "\f028"; } .fa-qrcode:before { content: "\f029"; } .fa-barcode:before { content: "\f02a"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-book:before { content: "\f02d"; } .fa-bookmark:before { content: "\f02e"; } .fa-print:before { content: "\f02f"; } .fa-camera:before { content: "\f030"; } .fa-font:before { content: "\f031"; } .fa-bold:before { content: "\f032"; } .fa-italic:before { content: "\f033"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-align-left:before { content: "\f036"; } .fa-align-center:before { content: "\f037"; } .fa-align-right:before { content: "\f038"; } .fa-align-justify:before { content: "\f039"; } .fa-list:before { content: "\f03a"; } .fa-dedent:before, .fa-outdent:before { content: "\f03b"; } .fa-indent:before { content: "\f03c"; } .fa-video-camera:before { content: "\f03d"; } .fa-photo:before, .fa-image:before, .fa-picture-o:before { content: "\f03e"; } .fa-pencil:before { content: "\f040"; } .fa-map-marker:before { content: "\f041"; } .fa-adjust:before { content: "\f042"; } .fa-tint:before { content: "\f043"; } .fa-edit:before, .fa-pencil-square-o:before { content: "\f044"; } .fa-share-square-o:before { content: "\f045"; } .fa-check-square-o:before { content: "\f046"; } .fa-arrows:before { content: "\f047"; } .fa-step-backward:before { content: "\f048"; } .fa-fast-backward:before { content: "\f049"; } .fa-backward:before { content: "\f04a"; } .fa-play:before { content: "\f04b"; } .fa-pause:before { content: "\f04c"; } .fa-stop:before { content: "\f04d"; } .fa-forward:before { content: "\f04e"; } .fa-fast-forward:before { content: "\f050"; } .fa-step-forward:before { content: "\f051"; } .fa-eject:before { content: "\f052"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-plus-circle:before { content: "\f055"; } .fa-minus-circle:before { content: "\f056"; } .fa-times-circle:before { content: "\f057"; } .fa-check-circle:before { content: "\f058"; } .fa-question-circle:before { content: "\f059"; } .fa-info-circle:before { content: "\f05a"; } .fa-crosshairs:before { content: "\f05b"; } .fa-times-circle-o:before { content: "\f05c"; } .fa-check-circle-o:before { content: "\f05d"; } .fa-ban:before { content: "\f05e"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrow-down:before { content: "\f063"; } .fa-mail-forward:before, .fa-share:before { content: "\f064"; } .fa-expand:before { content: "\f065"; } .fa-compress:before { content: "\f066"; } .fa-plus:before { content: "\f067"; } .fa-minus:before { content: "\f068"; } .fa-asterisk:before { content: "\f069"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-gift:before { content: "\f06b"; } .fa-leaf:before { content: "\f06c"; } .fa-fire:before { content: "\f06d"; } .fa-eye:before { content: "\f06e"; } .fa-eye-slash:before { content: "\f070"; } .fa-warning:before, .fa-exclamation-triangle:before { content: "\f071"; } .fa-plane:before { content: "\f072"; } .fa-calendar:before { content: "\f073"; } .fa-random:before { content: "\f074"; } .fa-comment:before { content: "\f075"; } .fa-magnet:before { content: "\f076"; } .fa-chevron-up:before { content: "\f077"; } .fa-chevron-down:before { content: "\f078"; } .fa-retweet:before { content: "\f079"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-folder:before { content: "\f07b"; } .fa-folder-open:before { content: "\f07c"; } .fa-arrows-v:before { content: "\f07d"; } .fa-arrows-h:before { content: "\f07e"; } .fa-bar-chart-o:before, .fa-bar-chart:before { content: "\f080"; } .fa-twitter-square:before { content: "\f081"; } .fa-facebook-square:before { content: "\f082"; } .fa-camera-retro:before { content: "\f083"; } .fa-key:before { content: "\f084"; } .fa-gears:before, .fa-cogs:before { content: "\f085"; } .fa-comments:before { content: "\f086"; } .fa-thumbs-o-up:before { content: "\f087"; } .fa-thumbs-o-down:before { content: "\f088"; } .fa-star-half:before { content: "\f089"; } .fa-heart-o:before { content: "\f08a"; } .fa-sign-out:before { content: "\f08b"; } .fa-linkedin-square:before { content: "\f08c"; } .fa-thumb-tack:before { content: "\f08d"; } .fa-external-link:before { content: "\f08e"; } .fa-sign-in:before { content: "\f090"; } .fa-trophy:before { content: "\f091"; } .fa-github-square:before { content: "\f092"; } .fa-upload:before { content: "\f093"; } .fa-lemon-o:before { content: "\f094"; } .fa-phone:before { content: "\f095"; } .fa-square-o:before { content: "\f096"; } .fa-bookmark-o:before { content: "\f097"; } .fa-phone-square:before { content: "\f098"; } .fa-twitter:before { content: "\f099"; } .fa-facebook-f:before, .fa-facebook:before { content: "\f09a"; } .fa-github:before { content: "\f09b"; } .fa-unlock:before { content: "\f09c"; } .fa-credit-card:before { content: "\f09d"; } .fa-feed:before, .fa-rss:before { content: "\f09e"; } .fa-hdd-o:before { content: "\f0a0"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bell:before { content: "\f0f3"; } .fa-certificate:before { content: "\f0a3"; } .fa-hand-o-right:before { content: "\f0a4"; } .fa-hand-o-left:before { content: "\f0a5"; } .fa-hand-o-up:before { content: "\f0a6"; } .fa-hand-o-down:before { content: "\f0a7"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-globe:before { content: "\f0ac"; } .fa-wrench:before { content: "\f0ad"; } .fa-tasks:before { content: "\f0ae"; } .fa-filter:before { content: "\f0b0"; } .fa-briefcase:before { content: "\f0b1"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-group:before, .fa-users:before { content: "\f0c0"; } .fa-chain:before, .fa-link:before { content: "\f0c1"; } .fa-cloud:before { content: "\f0c2"; } .fa-flask:before { content: "\f0c3"; } .fa-cut:before, .fa-scissors:before { content: "\f0c4"; } .fa-copy:before, .fa-files-o:before { content: "\f0c5"; } .fa-paperclip:before { content: "\f0c6"; } .fa-save:before, .fa-floppy-o:before { content: "\f0c7"; } .fa-square:before { content: "\f0c8"; } .fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: "\f0c9"; } .fa-list-ul:before { content: "\f0ca"; } .fa-list-ol:before { content: "\f0cb"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-underline:before { content: "\f0cd"; } .fa-table:before { content: "\f0ce"; } .fa-magic:before { content: "\f0d0"; } .fa-truck:before { content: "\f0d1"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-plus:before { content: "\f0d5"; } .fa-money:before { content: "\f0d6"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-up:before { content: "\f0d8"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-columns:before { content: "\f0db"; } .fa-unsorted:before, .fa-sort:before { content: "\f0dc"; } .fa-sort-down:before, .fa-sort-desc:before { content: "\f0dd"; } .fa-sort-up:before, .fa-sort-asc:before { content: "\f0de"; } .fa-envelope:before { content: "\f0e0"; } .fa-linkedin:before { content: "\f0e1"; } .fa-rotate-left:before, .fa-undo:before { content: "\f0e2"; } .fa-legal:before, .fa-gavel:before { content: "\f0e3"; } .fa-dashboard:before, .fa-tachometer:before { content: "\f0e4"; } .fa-comment-o:before { content: "\f0e5"; } .fa-comments-o:before { content: "\f0e6"; } .fa-flash:before, .fa-bolt:before { content: "\f0e7"; } .fa-sitemap:before { content: "\f0e8"; } .fa-umbrella:before { content: "\f0e9"; } .fa-paste:before, .fa-clipboard:before { content: "\f0ea"; } .fa-lightbulb-o:before { content: "\f0eb"; } .fa-exchange:before { content: "\f0ec"; } .fa-cloud-download:before { content: "\f0ed"; } .fa-cloud-upload:before { content: "\f0ee"; } .fa-user-md:before { content: "\f0f0"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-suitcase:before { content: "\f0f2"; } .fa-bell-o:before { content: "\f0a2"; } .fa-coffee:before { content: "\f0f4"; } .fa-cutlery:before { content: "\f0f5"; } .fa-file-text-o:before { content: "\f0f6"; } .fa-building-o:before { content: "\f0f7"; } .fa-hospital-o:before { content: "\f0f8"; } .fa-ambulance:before { content: "\f0f9"; } .fa-medkit:before { content: "\f0fa"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-beer:before { content: "\f0fc"; } .fa-h-square:before { content: "\f0fd"; } .fa-plus-square:before { content: "\f0fe"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angle-down:before { content: "\f107"; } .fa-desktop:before { content: "\f108"; } .fa-laptop:before { content: "\f109"; } .fa-tablet:before { content: "\f10a"; } .fa-mobile-phone:before, .fa-mobile:before { content: "\f10b"; } .fa-circle-o:before { content: "\f10c"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-spinner:before { content: "\f110"; } .fa-circle:before { content: "\f111"; } .fa-mail-reply:before, .fa-reply:before { content: "\f112"; } .fa-github-alt:before { content: "\f113"; } .fa-folder-o:before { content: "\f114"; } .fa-folder-open-o:before { content: "\f115"; } .fa-smile-o:before { content: "\f118"; } .fa-frown-o:before { content: "\f119"; } .fa-meh-o:before { content: "\f11a"; } .fa-gamepad:before { content: "\f11b"; } .fa-keyboard-o:before { content: "\f11c"; } .fa-flag-o:before { content: "\f11d"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-terminal:before { content: "\f120"; } .fa-code:before { content: "\f121"; } .fa-mail-reply-all:before, .fa-reply-all:before { content: "\f122"; } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\f123"; } .fa-location-arrow:before { content: "\f124"; } .fa-crop:before { content: "\f125"; } .fa-code-fork:before { content: "\f126"; } .fa-unlink:before, .fa-chain-broken:before { content: "\f127"; } .fa-question:before { content: "\f128"; } .fa-info:before { content: "\f129"; } .fa-exclamation:before { content: "\f12a"; } .fa-superscript:before { content: "\f12b"; } .fa-subscript:before { content: "\f12c"; } .fa-eraser:before { content: "\f12d"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-slash:before { content: "\f131"; } .fa-shield:before { content: "\f132"; } .fa-calendar-o:before { content: "\f133"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-rocket:before { content: "\f135"; } .fa-maxcdn:before { content: "\f136"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-html5:before { content: "\f13b"; } .fa-css3:before { content: "\f13c"; } .fa-anchor:before { content: "\f13d"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-bullseye:before { content: "\f140"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-rss-square:before { content: "\f143"; } .fa-play-circle:before { content: "\f144"; } .fa-ticket:before { content: "\f145"; } .fa-minus-square:before { content: "\f146"; } .fa-minus-square-o:before { content: "\f147"; } .fa-level-up:before { content: "\f148"; } .fa-level-down:before { content: "\f149"; } .fa-check-square:before { content: "\f14a"; } .fa-pencil-square:before { content: "\f14b"; } .fa-external-link-square:before { content: "\f14c"; } .fa-share-square:before { content: "\f14d"; } .fa-compass:before { content: "\f14e"; } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: "\f150"; } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: "\f151"; } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: "\f152"; } .fa-euro:before, .fa-eur:before { content: "\f153"; } .fa-gbp:before { content: "\f154"; } .fa-dollar:before, .fa-usd:before { content: "\f155"; } .fa-rupee:before, .fa-inr:before { content: "\f156"; } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "\f157"; } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\f158"; } .fa-won:before, .fa-krw:before { content: "\f159"; } .fa-bitcoin:before, .fa-btc:before { content: "\f15a"; } .fa-file:before { content: "\f15b"; } .fa-file-text:before { content: "\f15c"; } .fa-sort-alpha-asc:before { content: "\f15d"; } .fa-sort-alpha-desc:before { content: "\f15e"; } .fa-sort-amount-asc:before { content: "\f160"; } .fa-sort-amount-desc:before { content: "\f161"; } .fa-sort-numeric-asc:before { content: "\f162"; } .fa-sort-numeric-desc:before { content: "\f163"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbs-down:before { content: "\f165"; } .fa-youtube-square:before { content: "\f166"; } .fa-youtube:before { content: "\f167"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-youtube-play:before { content: "\f16a"; } .fa-dropbox:before { content: "\f16b"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-instagram:before { content: "\f16d"; } .fa-flickr:before { content: "\f16e"; } .fa-adn:before { content: "\f170"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitbucket-square:before { content: "\f172"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-long-arrow-down:before { content: "\f175"; } .fa-long-arrow-up:before { content: "\f176"; } .fa-long-arrow-left:before { content: "\f177"; } .fa-long-arrow-right:before { content: "\f178"; } .fa-apple:before { content: "\f179"; } .fa-windows:before { content: "\f17a"; } .fa-android:before { content: "\f17b"; } .fa-linux:before { content: "\f17c"; } .fa-dribbble:before { content: "\f17d"; } .fa-skype:before { content: "\f17e"; } .fa-foursquare:before { content: "\f180"; } .fa-trello:before { content: "\f181"; } .fa-female:before { content: "\f182"; } .fa-male:before { content: "\f183"; } .fa-gittip:before, .fa-gratipay:before { content: "\f184"; } .fa-sun-o:before { content: "\f185"; } .fa-moon-o:before { content: "\f186"; } .fa-archive:before { content: "\f187"; } .fa-bug:before { content: "\f188"; } .fa-vk:before { content: "\f189"; } .fa-weibo:before { content: "\f18a"; } .fa-renren:before { content: "\f18b"; } .fa-pagelines:before { content: "\f18c"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-arrow-circle-o-right:before { content: "\f18e"; } .fa-arrow-circle-o-left:before { content: "\f190"; } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\f191"; } .fa-dot-circle-o:before { content: "\f192"; } .fa-wheelchair:before { content: "\f193"; } .fa-vimeo-square:before { content: "\f194"; } .fa-turkish-lira:before, .fa-try:before { content: "\f195"; } .fa-plus-square-o:before { content: "\f196"; } .fa-space-shuttle:before { content: "\f197"; } .fa-slack:before { content: "\f198"; } .fa-envelope-square:before { content: "\f199"; } .fa-wordpress:before { content: "\f19a"; } .fa-openid:before { content: "\f19b"; } .fa-institution:before, .fa-bank:before, .fa-university:before { content: "\f19c"; } .fa-mortar-board:before, .fa-graduation-cap:before { content: "\f19d"; } .fa-yahoo:before { content: "\f19e"; } .fa-google:before { content: "\f1a0"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-delicious:before { content: "\f1a5"; } .fa-digg:before { content: "\f1a6"; } .fa-pied-piper:before { content: "\f1a7"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-drupal:before { content: "\f1a9"; } .fa-joomla:before { content: "\f1aa"; } .fa-language:before { content: "\f1ab"; } .fa-fax:before { content: "\f1ac"; } .fa-building:before { content: "\f1ad"; } .fa-child:before { content: "\f1ae"; } .fa-paw:before { content: "\f1b0"; } .fa-spoon:before { content: "\f1b1"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-recycle:before { content: "\f1b8"; } .fa-automobile:before, .fa-car:before { content: "\f1b9"; } .fa-cab:before, .fa-taxi:before { content: "\f1ba"; } .fa-tree:before { content: "\f1bb"; } .fa-spotify:before { content: "\f1bc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-soundcloud:before { content: "\f1be"; } .fa-database:before { content: "\f1c0"; } .fa-file-pdf-o:before { content: "\f1c1"; } .fa-file-word-o:before { content: "\f1c2"; } .fa-file-excel-o:before { content: "\f1c3"; } .fa-file-powerpoint-o:before { content: "\f1c4"; } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: "\f1c5"; } .fa-file-zip-o:before, .fa-file-archive-o:before { content: "\f1c6"; } .fa-file-sound-o:before, .fa-file-audio-o:before { content: "\f1c7"; } .fa-file-movie-o:before, .fa-file-video-o:before { content: "\f1c8"; } .fa-file-code-o:before { content: "\f1c9"; } .fa-vine:before { content: "\f1ca"; } .fa-codepen:before { content: "\f1cb"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: "\f1cd"; } .fa-circle-o-notch:before { content: "\f1ce"; } .fa-ra:before, .fa-rebel:before { content: "\f1d0"; } .fa-ge:before, .fa-empire:before { content: "\f1d1"; } .fa-git-square:before { content: "\f1d2"; } .fa-git:before { content: "\f1d3"; } .fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before { content: "\f1d4"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-qq:before { content: "\f1d6"; } .fa-wechat:before, .fa-weixin:before { content: "\f1d7"; } .fa-send:before, .fa-paper-plane:before { content: "\f1d8"; } .fa-send-o:before, .fa-paper-plane-o:before { content: "\f1d9"; } .fa-history:before { content: "\f1da"; } .fa-circle-thin:before { content: "\f1db"; } .fa-header:before { content: "\f1dc"; } .fa-paragraph:before { content: "\f1dd"; } .fa-sliders:before { content: "\f1de"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-bomb:before { content: "\f1e2"; } .fa-soccer-ball-o:before, .fa-futbol-o:before { content: "\f1e3"; } .fa-tty:before { content: "\f1e4"; } .fa-binoculars:before { content: "\f1e5"; } .fa-plug:before { content: "\f1e6"; } .fa-slideshare:before { content: "\f1e7"; } .fa-twitch:before { content: "\f1e8"; } .fa-yelp:before { content: "\f1e9"; } .fa-newspaper-o:before { content: "\f1ea"; } .fa-wifi:before { content: "\f1eb"; } .fa-calculator:before { content: "\f1ec"; } .fa-paypal:before { content: "\f1ed"; } .fa-google-wallet:before { content: "\f1ee"; } .fa-cc-visa:before { content: "\f1f0"; } .fa-cc-mastercard:before { content: "\f1f1"; } .fa-cc-discover:before { content: "\f1f2"; } .fa-cc-amex:before { content: "\f1f3"; } .fa-cc-paypal:before { content: "\f1f4"; } .fa-cc-stripe:before { content: "\f1f5"; } .fa-bell-slash:before { content: "\f1f6"; } .fa-bell-slash-o:before { content: "\f1f7"; } .fa-trash:before { content: "\f1f8"; } .fa-copyright:before { content: "\f1f9"; } .fa-at:before { content: "\f1fa"; } .fa-eyedropper:before { content: "\f1fb"; } .fa-paint-brush:before { content: "\f1fc"; } .fa-birthday-cake:before { content: "\f1fd"; } .fa-area-chart:before { content: "\f1fe"; } .fa-pie-chart:before { content: "\f200"; } .fa-line-chart:before { content: "\f201"; } .fa-lastfm:before { content: "\f202"; } .fa-lastfm-square:before { content: "\f203"; } .fa-toggle-off:before { content: "\f204"; } .fa-toggle-on:before { content: "\f205"; } .fa-bicycle:before { content: "\f206"; } .fa-bus:before { content: "\f207"; } .fa-ioxhost:before { content: "\f208"; } .fa-angellist:before { content: "\f209"; } .fa-cc:before { content: "\f20a"; } .fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: "\f20b"; } .fa-meanpath:before { content: "\f20c"; } .fa-buysellads:before { content: "\f20d"; } .fa-connectdevelop:before { content: "\f20e"; } .fa-dashcube:before { content: "\f210"; } .fa-forumbee:before { content: "\f211"; } .fa-leanpub:before { content: "\f212"; } .fa-sellsy:before { content: "\f213"; } .fa-shirtsinbulk:before { content: "\f214"; } .fa-simplybuilt:before { content: "\f215"; } .fa-skyatlas:before { content: "\f216"; } .fa-cart-plus:before { content: "\f217"; } .fa-cart-arrow-down:before { content: "\f218"; } .fa-diamond:before { content: "\f219"; } .fa-ship:before { content: "\f21a"; } .fa-user-secret:before { content: "\f21b"; } .fa-motorcycle:before { content: "\f21c"; } .fa-street-view:before { content: "\f21d"; } .fa-heartbeat:before { content: "\f21e"; } .fa-venus:before { content: "\f221"; } .fa-mars:before { content: "\f222"; } .fa-mercury:before { content: "\f223"; } .fa-intersex:before, .fa-transgender:before { content: "\f224"; } .fa-transgender-alt:before { content: "\f225"; } .fa-venus-double:before { content: "\f226"; } .fa-mars-double:before { content: "\f227"; } .fa-venus-mars:before { content: "\f228"; } .fa-mars-stroke:before { content: "\f229"; } .fa-mars-stroke-v:before { content: "\f22a"; } .fa-mars-stroke-h:before { content: "\f22b"; } .fa-neuter:before { content: "\f22c"; } .fa-genderless:before { content: "\f22d"; } .fa-facebook-official:before { content: "\f230"; } .fa-pinterest-p:before { content: "\f231"; } .fa-whatsapp:before { content: "\f232"; } .fa-server:before { content: "\f233"; } .fa-user-plus:before { content: "\f234"; } .fa-user-times:before { content: "\f235"; } .fa-hotel:before, .fa-bed:before { content: "\f236"; } .fa-viacoin:before { content: "\f237"; } .fa-train:before { content: "\f238"; } .fa-subway:before { content: "\f239"; } .fa-medium:before { content: "\f23a"; } .fa-yc:before, .fa-y-combinator:before { content: "\f23b"; } .fa-optin-monster:before { content: "\f23c"; } .fa-opencart:before { content: "\f23d"; } .fa-expeditedssl:before { content: "\f23e"; } .fa-battery-4:before, .fa-battery-full:before { content: "\f240"; } .fa-battery-3:before, .fa-battery-three-quarters:before { content: "\f241"; } .fa-battery-2:before, .fa-battery-half:before { content: "\f242"; } .fa-battery-1:before, .fa-battery-quarter:before { content: "\f243"; } .fa-battery-0:before, .fa-battery-empty:before { content: "\f244"; } .fa-mouse-pointer:before { content: "\f245"; } .fa-i-cursor:before { content: "\f246"; } .fa-object-group:before { content: "\f247"; } .fa-object-ungroup:before { content: "\f248"; } .fa-sticky-note:before { content: "\f249"; } .fa-sticky-note-o:before { content: "\f24a"; } .fa-cc-jcb:before { content: "\f24b"; } .fa-cc-diners-club:before { content: "\f24c"; } .fa-clone:before { content: "\f24d"; } .fa-balance-scale:before { content: "\f24e"; } .fa-hourglass-o:before { content: "\f250"; } .fa-hourglass-1:before, .fa-hourglass-start:before { content: "\f251"; } .fa-hourglass-2:before, .fa-hourglass-half:before { content: "\f252"; } .fa-hourglass-3:before, .fa-hourglass-end:before { content: "\f253"; } .fa-hourglass:before { content: "\f254"; } .fa-hand-grab-o:before, .fa-hand-rock-o:before { content: "\f255"; } .fa-hand-stop-o:before, .fa-hand-paper-o:before { content: "\f256"; } .fa-hand-scissors-o:before { content: "\f257"; } .fa-hand-lizard-o:before { content: "\f258"; } .fa-hand-spock-o:before { content: "\f259"; } .fa-hand-pointer-o:before { content: "\f25a"; } .fa-hand-peace-o:before { content: "\f25b"; } .fa-trademark:before { content: "\f25c"; } .fa-registered:before { content: "\f25d"; } .fa-creative-commons:before { content: "\f25e"; } .fa-gg:before { content: "\f260"; } .fa-gg-circle:before { content: "\f261"; } .fa-tripadvisor:before { content: "\f262"; } .fa-odnoklassniki:before { content: "\f263"; } .fa-odnoklassniki-square:before { content: "\f264"; } .fa-get-pocket:before { content: "\f265"; } .fa-wikipedia-w:before { content: "\f266"; } .fa-safari:before { content: "\f267"; } .fa-chrome:before { content: "\f268"; } .fa-firefox:before { content: "\f269"; } .fa-opera:before { content: "\f26a"; } .fa-internet-explorer:before { content: "\f26b"; } .fa-tv:before, .fa-television:before { content: "\f26c"; } .fa-contao:before { content: "\f26d"; } .fa-500px:before { content: "\f26e"; } .fa-amazon:before { content: "\f270"; } .fa-calendar-plus-o:before { content: "\f271"; } .fa-calendar-minus-o:before { content: "\f272"; } .fa-calendar-times-o:before { content: "\f273"; } .fa-calendar-check-o:before { content: "\f274"; } .fa-industry:before { content: "\f275"; } .fa-map-pin:before { content: "\f276"; } .fa-map-signs:before { content: "\f277"; } .fa-map-o:before { content: "\f278"; } .fa-map:before { content: "\f279"; } .fa-commenting:before { content: "\f27a"; } .fa-commenting-o:before { content: "\f27b"; } .fa-houzz:before { content: "\f27c"; } .fa-vimeo:before { content: "\f27d"; } .fa-black-tie:before { content: "\f27e"; } .fa-fonticons:before { content: "\f280"; } .fa-reddit-alien:before { content: "\f281"; } .fa-edge:before { content: "\f282"; } .fa-credit-card-alt:before { content: "\f283"; } .fa-codiepie:before { content: "\f284"; } .fa-modx:before { content: "\f285"; } .fa-fort-awesome:before { content: "\f286"; } .fa-usb:before { content: "\f287"; } .fa-product-hunt:before { content: "\f288"; } .fa-mixcloud:before { content: "\f289"; } .fa-scribd:before { content: "\f28a"; } .fa-pause-circle:before { content: "\f28b"; } .fa-pause-circle-o:before { content: "\f28c"; } .fa-stop-circle:before { content: "\f28d"; } .fa-stop-circle-o:before { content: "\f28e"; } .fa-shopping-bag:before { content: "\f290"; } .fa-shopping-basket:before { content: "\f291"; } .fa-hashtag:before { content: "\f292"; } .fa-bluetooth:before { content: "\f293"; } .fa-bluetooth-b:before { content: "\f294"; } .fa-percent:before { content: "\f295"; } /* End */ /* Start:/bitrix/templates/hittek/css/brendy.css?17034859891173*/ .brands-list { display: grid; grid-column-gap: 65px; grid-row-gap: 32px; grid-template-columns: repeat( auto-fill, minmax(125px, 1fr) ); justify-items: center; } .brand-item { height: 190px; width: 125px; transition: all .3s ease; } .brand-item:hover { opacity: .5; } .brand-item__a { height: 100%; text-align: center; font: 400 14px/1.5 MuseoSans500; text-decoration: none; color: #000; } .brand-item__img { object-fit: contain; width: 100%; height: 150px; float: left; } @media only screen and (max-width:639px),only screen and (max-device-width:639px) { .brands-list { grid-column-gap: 25px; } } .letters-filter { margin-bottom: 24px; } .letters-filter__item { text-decoration: none; font: 500 16px/1.5 MuseoSans500; line-height: 17px; color: #0e0e0e; margin-right: 10px; } .letters-filter__item_selected { text-decoration: none; font: 500 16px/1.5 MuseoSans500; line-height: 17px; color: #EBC74F; margin-right: 10px; } .main-page-brands .brands-list { padding: 0 43px; } .main-page-brands .brand-item { height: 150px; } /* End */ /* Start:/bitrix/templates/hittek/components/bitrix/news.list/brand-letters/style.css?1669008840697*/ .header-menu__body .header--brands{ display: none; } .header-menu__body > li:hover .header--brands { display: block; position: absolute; top: 100%; padding: 24px 32px; background: #fff; z-index: 9999; border-radius: 0 0 15px 15px; left: 10px; box-shadow: 0 10px 15px rgba(0,0,0,0.5); column-count: 4; column-gap: 30px; } .header--brands__item { display: inline-block; border: none; height: 35px; width: 200px; position: relative; } .header--brands__item__link { color: #000 !important; border: none !important; font: 400 14px MuseoSans500; text-align: left !important; padding-left: 25px; } .header--brands__item__letter { position: absolute; left: 0; color: orange; } /* End */ /* Start:/bitrix/templates/hittek/components/bitrix/sale.basket.basket.line/menu-full/style.min.css?16690088406093*/ .bx-basket-block{font-size:12px;padding-bottom:5px;white-space:nowrap;position:relative;padding-left:20px}.bx-basket-block>.fa{color:#97a1ab;width:12px;position:absolute;left:0;top:3px}.bx-basket-block a{color:#039be5;border-bottom:1px dashed;margin-right:10px}.bx-basket-block a:hover{text-decoration:none;border-bottom-color:transparent}@media (min-width:768px){.bx-basket-fixed{width:200px;position:fixed;z-index:998;background:#fff;padding-top:10px;border:1px solid #f0f0f0;box-shadow:0 7px 10px rgba(0,0,0,.15);border-radius:1px;overflow:hidden}.bx-basket-fixed.top{top:10px}.bx-basket-fixed.right{right:10px}.bx-basket-fixed.bottom{bottom:10px}.bx-basket-fixed.left{left:10px}.bx-basket-fixed.bx-max-height{top:10px;bottom:10px}}.bx-basket-fixed .bx-basket-block{margin-left:10px}.bx-basket-item-list{position:absolute;right:0;top:100%;padding-bottom:20px;border:1px solid #ebc74f;z-index:999;background:#fff;width:300px;margin:10px 0 0;display:none}.bx-basket-item-list:after,.bx-basket-item-list:before{content:'';display:block;bottom:100%;right:44px;width:0;height:0;border-bottom:10px solid #ffdc8b;border-left:10px solid transparent;border-right:10px solid transparent;position:absolute;z-index:2}.bx-basket-item-list:after{right:46px;border-bottom:8px solid #fff;border-left:8px solid transparent;border-right:8px solid transparent}.header_wr .header-menu .header-menu__body .header-menu__item .bx-basket-item-list-item-name a,.header_wr .header-menu .header-menu__body .header-menu__item .bx-basket-item-list-item-name a:hover,.header_wr.black-and-blue .header-menu .header-menu__body .header-menu__item .bx-basket-item-list-item-name a,.header_wr.black-and-blue .header-menu .header-menu__body .header-menu__item .bx-basket-item-list-item-name a:hover{color:#000;text-align:left;line-height:normal;white-space:normal}.header_wr .header-menu__item_mod_cart .bx-basket-item-list-item-name a:before,.header_wr.black-and-blue .header-menu .header-menu__body .header-menu__item .bx-basket-item-list>a{display:none}.bx-basket-item-list-action,.bx-max-height .bx-basket-item-list{position:absolute;bottom:0;left:0;right:0}.bx-closed .bx-basket-item-list{height:20px;overflow:hidden}.bx-basket-item-list-action{cursor:pointer;background:#f7f7f7;z-index:120;height:20px;line-height:14px;vertical-align:middle;text-align:center;font-size:12px;color:#4f4f4f;padding:3px 0}.header_wr .header-menu .header-menu__body .header-menu__item .bx-basket-item-list-button-container a,.header_wr.black-and-blue .header-menu .header-menu__body .header-menu__item .bx-basket-item-list-button-container a{color:#000;line-height:normal;text-align:left;padding:15px 10px;border-bottom:1px solid #ebc74f;display:block;margin:0}.header_wr .header-menu .header-menu__body .header-menu__item .bx-basket-item-list-button-container a:after{content:'\203A';display:inline-block;margin:0 0 0 5px;font-size:16px}.header-menu__item_mod_cart .bx-basket-item-list-item-img a:before,.header_wr .header-menu .header-menu__body .header-menu__item .bx-basket-item-list-button-container a:before{display:none}.header_wr .header-menu .header-menu__body .header-menu__item .bx-basket-item-list-button-container:hover{background:#ebc74f;color:#fff}.bx-basket-item-list-button-container a.btn:active,.bx-basket-item-list-button-container a.btn:hover,.header_wr .header-menu .header-menu__body .header-menu__item .bx-basket-item-list-button-container:hover a{color:#fff}.bx-basket-item-list-button-container a.btn{color:#ddd;text-decoration:none}.bx-basket-item-list-container{overflow-y:auto;max-height:100%}.bx-basket-item-list-item{padding:15px 10px;position:relative;border-bottom:1px solid #ebc74f}.bx-basket-item-list-container .bx-basket-item-list-item:last-child{border-bottom:none;margin-bottom:0}.bx-basket-item-list-item-status{font-weight:700;padding:3px;background:#ebebeb;margin:0 10px 20px;line-height:16px;font-size:13px;border-radius:3px;text-align:center;white-space:normal}.bx-basket-item-list-item-img{text-align:center;position:relative;padding-bottom:5px;display:inline-block;width:75px;margin:0 10px 0 0;vertical-align:top}.header-menu__item_mod_cart .bx-basket-item-list-item-img a{margin:0;line-height:0}.bx-basket-item-list-item-info{display:inline-block;width:calc(100% - 85px);vertical-align:top}.bx-basket-item-list-item-img img{max-width:90px;height:auto;border:1px solid #e6e6e6}.bx-basket-item-list-item-name{padding-bottom:5px}.bx-basket-item-list-item-name a{font-size:13px;color:#3f3f3f;text-decoration:none;white-space:normal;line-height:16px}.bx-basket-item-list-item-remove{position:absolute;right:10px;top:10px;width:20px;height:20px;cursor:pointer;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAMAAADzjKfhAAAAJFBMVEX///8yMjI6Ojpvb29wcHCEhISHh4eIiIiqqqqtra2wsLCxsbE3yvJ6AAAAAXRSTlMAQObYZgAAACxJREFUCNcFwYEBgCAMA7BYUMb2/78m9sXdJtfNMHkzcJ4DlS9FpXXKavT6ARdgANGqCJ38AAAAAElFTkSuQmCC) no-repeat center;opacity:.5}.bx-basket-item-list-item-remove:hover{opacity:.7}.bx-basket-item-list-item-price-block{padding-bottom:5px;font-size:12px}.bx-basket-item-list-item-price,.bx-basket-item-list-item-price-old{display:inline-block;margin-right:5px}.bx-basket-item-list-item-price-old{text-decoration:line-through;color:#b0b0b0}.bx_cart_login_top .bx-hdr-profile a{text-decoration:none}.bx_cart_login_top .bx-hdr-profile{line-height:1.44em}.bx-basket-block-total{font-size:0;color:#000;padding:15px 10px 0}.bx-basket-block-total>div{display:inline-block;vertical-align:bottom;text-align:left;width:70px}.bx-basket-block-total>div:last-of-type{text-align:right;width:calc(100% - 70px)}.bx-basket-block-total>div span{display:block;font-size:16px}.bx-basket-block-total>div b{font-size:18px;font-weight:600}.cart-menu-item{position:relative;display:inline-block;width:30px}.cart-menu-item:first-of-type{margin-right:10px}.icon-favorites{position:absolute;top:-28px;left:0;width:30px;height:30px}.count-favorites{position:absolute;top:-24px;color:#fff;display:inline-block;width:20px;text-align:center;font-size:12px;line-height:20px}.black-and-blue .count-favorites{color:#1c1d23} /* End */ /* Start:/bitrix/templates/hittek/css/one_click_order/one_click_order.css?16690088393023*/ .one-click-order-button { cursor: pointer; font-size: 18px; border-bottom: 2px dotted black; } .one-click-order { display: none; } .one-click-order__required { color: #d93333; } .one-click-order__text { text-align: left !important; } .one-click-order__input-body label { font-size: 14px; font-weight: 500; padding-bottom: 2px; color: #000; width: 100%; display: inline-block; max-width: 100%; margin-bottom: 5px; } .one-click-order__input-body .one-click-order__input { background-color: #f8fafc; border: 1px solid #d5dadc; box-shadow: none; border-radius: 2px; } .one-click-order__close { background-size: cover !important; height: 15px !important; width: 15px !important; top: 15px !important; right: 15px !important; } .one-click-order__button-container { text-align: center; margin: 15px 0 0 0; } .one-click-order__add-order { float: unset !important; margin: 0 !important; cursor: pointer; } .one-click-order__errors { color: red; } .one-click-order__recaptcha-info { margin-top: 15px; } .order-policy input[type=checkbox]{ display: none; } .order-policy input[type=checkbox] + label:before{ position: absolute; top: 1px; left: 0; width: 19px; height: 19px; content: ''; display: inline-block; border: 2px solid rgba(0,0,0,.16); text-align: center; box-sizing: border-box; } .order-policy input[type=checkbox] + label{ font: 400 16px/24px MuseoSans500; position: relative; display: block; text-align: left; padding: 0 0 0 35px; text-decoration: none; color: #000; margin: 10px 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; cursor: pointer; box-sizing: border-box; } .order-policy input[type=checkbox]:checked + label:before{ border-color: #000; content: "\2714"; line-height: 15px; font-weight: 600; box-sizing: border-box; } .order-policy a, .one-click-order a { color: #337ab7; text-decoration: none; } .order-policy a:hover { text-decoration: underline; } div.one-click-order__title { font-size: 30px; margin-top: 20px; margin-bottom: 10px; font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; } .one-click-order__input { display: block; padding: 6px 12px; width: calc(100% - 24px); height: 20px; font-size: 14px; line-height: 1.42857143; color: #555; background-image: none; -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .one-click-order__input:focus { border-color: #66afe9; outline: 0; box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%); } /* End */ /* Start:/bitrix/templates/hittek/styles.css?166900884022453*/ .noselect { /* -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none;*/ } .exit { color: #4a90e2!important;} .item-price__button.notavailable{ background: #bcbcbc; background: -webkit-linear-gradient(top,#f7f7f7 0,#cac9c9 100%); background: linear-gradient(to bottom,#f7f7f7 0,#cac9c9 100%); background-position: 0 100%; background-size: auto 150% } #fbform {width: 343px; text-align: left; margin: 0 auto 40px;} .text-dealer__input.fix{ border: 0; text-align: left; display: inline-block; margin-bottom: -20px;} .textBottom { font-size:16px; margin-top:40px; } .text-dealer ul li:before { content: none!important; } .block-page-not-found { width: 100%; } .block-page-not-found__container { position: relative; } .block-page-not-found .nf-row { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; height: 100%; } .shop-empty__butterfly_menu .nf-right-block{ max-width: 635px; } .shop-empty__butterfly_menu .nf-row { justify-content: center; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; height: 100%; } .nf-row.nf-row--unset { -webkit-box-align: unset; -ms-flex-align: unset; align-items: unset; height: 52%; } .nf-left-block { -webkit-box-flex: 0; -ms-flex: 0 0 29%; flex: 0 0 29%; max-width: 29%; margin-right: 15px; height: 100%; } .nf-right-block { -webkit-box-flex: 0; -ms-flex: 0 0 69%; flex: 0 0 69%; max-width: 69%; height: 501px; } .nf-left-block__content { } .nf-left-block__content p, .nf-left-block__content a { font-size: 16px; color: black; } .nf-left-block__content p { margin-bottom: 35px; } .nf-left-block__content .btn-back { display: block; font-size: 14px; border: 1px solid black; border-radius: 20px; color: black; background-color: transparent; max-width: 178px; height: 20px; text-decoration: none; text-align: center; padding: 9px 3px; cursor: pointer; font-weight: 700; margin: 0 auto 13px; } .nf-left-block__content .btn-back:hover, .nf-left-block__content .btn-back:active, .nf-left-block__content .btn-back:focus { background-color: black; color: white; } .nf-left-block__content .btn-map { color: #676767; font-size: 14px; text-align: center; margin: auto; text-decoration: none; border-bottom: 1px solid #676767; display: table; } .nf-left-block__content .btn-map:hover, .nf-left-block__content .btn-map:active, .nf-left-block__content .btn-map:focus { border-color: transparent; } .nf-right-block__container { background: url('/bitrix/templates/hittek/components/bitrix/main.map/.default/img/butterfly-wings.png'), url("/bitrix/templates/hittek/components/bitrix/main.map/.default/img/butterfly-bg.png") ; background-position: center, bottom; background-size: 100%, 74%; background-repeat: no-repeat; width: 100%; max-width: 100%; height: 100%; } .nf-right-block__container .butterfly-menu{ position: relative; width: 50%; z-index: 9; } .nf-right-block__container .butterfly-menu:before { content: ''; position: absolute; width: 100%; height: 100%; z-index: -1; } .nf-right-block__container .butterfly-menu.butterfly-menu--left-top, .butterfly-menu.butterfly-menu--right-top { margin-top: 25px; } .nf-right-block__container .butterfly-menu.butterfly-menu--left-top .butterfly-menu__container, .butterfly-menu.butterfly-menu--right-top .butterfly-menu__container { margin-top: 52px; } .nf-right-block__container .butterfly-menu.butterfly-menu--left-bottom, .butterfly-menu.butterfly-menu--right-bottom { margin-bottom: 22px; } .nf-right-block__container .butterfly-menu.butterfly-menu--left-bottom .butterfly-menu__container, .butterfly-menu.butterfly-menu--right-bottom .butterfly-menu__container { margin-top: 36px; } .nf-right-block__container .butterfly-menu.butterfly-menu--left-top:hover:before { content: ''; background: url("/bitrix/templates/hittek/components/bitrix/main.map/.default/img/ellipse.png") right bottom no-repeat; background-size: contain; } .nf-right-block__container .butterfly-menu.butterfly-menu--right-top:hover:before { background: url("/bitrix/templates/hittek/components/bitrix/main.map/.default/img/ellipse-orange.png") right bottom no-repeat; background-size: contain; -webkit-transform: scale(-1, 1); -moz-transform: scale(-1, 1); -ms-transform: scale(-1, 1); -o-transform: scale(-1, 1); transform: scale(-1, 1); } .nf-right-block__container .butterfly-menu.butterfly-menu--left-bottom:hover:before { content: ''; background: url("/bitrix/templates/hittek/components/bitrix/main.map/.default/img/ellipse-violet.png") right bottom no-repeat; background-size: contain; -webkit-transform: scale(1, -1); -moz-transform: scale(1, -1); -ms-transform: scale(1, -1); -o-transform: scale(1, -1); transform: scale(1, -1); } .nf-right-block__container .butterfly-menu.butterfly-menu--right-bottom:hover:before { content: ''; background: url("/bitrix/templates/hittek/components/bitrix/main.map/.default/img/ellipse-blue.png") right bottom no-repeat; background-size: contain; -webkit-transform: scale(-1, -1); -moz-transform: scale(-1, -1); -ms-transform: scale(-1, -1); -o-transform: scale(-1, -1); transform: scale(-1, -1); } .butterfly-menu__heading { margin-bottom: 5px; } .butterfly-menu__heading, .butterfly-menu__links { width: 54%; } .butterfly-menu__heading a { color: white; font-size: 14px; background-color: black; padding: 2px 4px 2px 4px; text-decoration: none; } .butterfly-menu__heading a b, .butterfly-menu__links a b { padding: 2px; display: inline; } .butterfly-menu__heading a:hover { text-decoration: underline; } .butterfly-menu__links a { color: white; font-size: 12px; background-color: black; padding: 4px; } .butterfly-menu__links a:hover { text-decoration: none; } .nf-right-block__container .butterfly-menu:hover .butterfly-menu__heading a, .nf-right-block__container .butterfly-menu:hover .butterfly-menu__links a { background-color: transparent; } .butterfly-menu.butterfly-menu--right-top .butterfly-menu__heading, .butterfly-menu.butterfly-menu--right-top .butterfly-menu__links, .butterfly-menu.butterfly-menu--right-bottom .butterfly-menu__heading, .butterfly-menu.butterfly-menu--right-bottom .butterfly-menu__links { margin-left: 50px; } .butterfly-menu.butterfly-menu--left-top .butterfly-menu__links, .butterfly-menu.butterfly-menu--left-top .butterfly-menu__heading, .butterfly-menu.butterfly-menu--left-bottom .butterfly-menu__links, .butterfly-menu.butterfly-menu--left-bottom .butterfly-menu__heading { margin-left: auto; } @media (max-width: 1200px) { .nf-left-block { -webkit-box-flex: 0; -ms-flex: 0 0 29%; flex: 0 0 26%; max-width: 26%; } .nf-right-block { height: 552px; } .nf-right-block__container { background-position: center 21px, center 73px; } .butterfly-menu__heading, .butterfly-menu__links { width: 70%; } .nf-right-block__container .butterfly-menu.butterfly-menu--left-top, .butterfly-menu.butterfly-menu--right-top { margin-top: 0px; } .nf-right-block__container .butterfly-menu.butterfly-menu--left-bottom, .butterfly-menu.butterfly-menu--right-bottom { margin-bottom: 0px; margin-top: 0px; } .nf-right-block__container .butterfly-menu.butterfly-menu--left-bottom .butterfly-menu__container, .butterfly-menu.butterfly-menu--right-bottom .butterfly-menu__container { margin-top: 48px; } .nf-right-block__container .butterfly-menu.butterfly-menu--left-top .butterfly-menu__container, .butterfly-menu.butterfly-menu--right-top .butterfly-menu__container { margin-top: 86px; } } @media (max-width: 992px) { .block-page-not-found .nf-row { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .nf-left-block { -webkit-box-flex: 0; -ms-flex: 0 0 45%; flex: 0 0 45%; max-width: 45%; margin-right: 0; } .butterfly-menu__heading, .butterfly-menu__links { width: 74%; } .nf-right-block__container .butterfly-menu.butterfly-menu--left-top .butterfly-menu__container, .butterfly-menu.butterfly-menu--right-top .butterfly-menu__container { margin-top: 95px; } .nf-right-block__container .butterfly-menu.butterfly-menu--left-bottom .butterfly-menu__container, .butterfly-menu.butterfly-menu--right-bottom .butterfly-menu__container { margin-top: 36px; } .shop-empty__butterfly_menu .nf-row { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media (max-width: 768px) { .nf-right-block { -webkit-box-flex: 0; -ms-flex: 0 0 86%; flex: 0 0 86%; max-width: 86%; } .nf-left-block { -webkit-box-flex: 0; -ms-flex: 0 0 66%; flex: 0 0 66%; } .nf-right-block { height: 593px; } .nf-row.nf-row--unset { height: 47%; } .butterfly-menu__heading, .butterfly-menu__links { width: 78%; } .nf-right-block__container .butterfly-menu.butterfly-menu--left-top .butterfly-menu__container, .butterfly-menu.butterfly-menu--right-top .butterfly-menu__container { margin-top: 81px; } } @media (max-width: 576px) { .nf-right-block { height: 464px; -webkit-box-flex: 0; -ms-flex: 0 0 91%; flex: 0 0 91%; max-width: 91%; } .nf-row.nf-row--unset { height: 52%; } .nf-right-block__container .butterfly-menu.butterfly-menu--left-top .butterfly-menu__container, .butterfly-menu.butterfly-menu--right-top .butterfly-menu__container { margin-top: 59px; } .butterfly-menu.butterfly-menu--right-top .butterfly-menu__heading, .butterfly-menu.butterfly-menu--right-top .butterfly-menu__links, .butterfly-menu.butterfly-menu--right-bottom .butterfly-menu__heading, .butterfly-menu.butterfly-menu--right-bottom .butterfly-menu__links { margin-left: 42px; } } @media (max-width: 500px) { .nf-left-block, .nf-right-block { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .nf-left-block__content p { margin-bottom: 20px; } .nf-right-block { height: auto; } .nf-right-block__container { background: url(/bitrix/templates/hittek/components/bitrix/main.map/.default/img/butterfly-bg.png) no-repeat; background-position: center; background-size: contain; } .nf-row.nf-row--unset { height: auto; } .nf-right-block__container .butterfly-menu.butterfly-menu--left-top, .butterfly-menu.butterfly-menu--right-top { margin-top: 0px; } .nf-right-block__container .butterfly-menu { margin-top: 28px !important; } .nf-right-block__container .butterfly-menu:before { display: none; } .butterfly-menu__heading, .butterfly-menu__links { width: 100%; } .butterfly-menu.butterfly-menu--left-top .butterfly-menu__links, .butterfly-menu.butterfly-menu--left-top .butterfly-menu__heading, .butterfly-menu.butterfly-menu--left-bottom .butterfly-menu__links, .butterfly-menu.butterfly-menu--left-bottom .butterfly-menu__heading { margin-left: 0; } .nf-right-block__container .butterfly-menu { width: 100%; } .butterfly-menu.butterfly-menu--right-top .butterfly-menu__heading, .butterfly-menu.butterfly-menu--right-top .butterfly-menu__links, .butterfly-menu.butterfly-menu--right-bottom .butterfly-menu__heading, .butterfly-menu.butterfly-menu--right-bottom .butterfly-menu__links { margin-left: 0; } .nf-right-block__container .butterfly-menu.butterfly-menu--left-top .butterfly-menu__container, .butterfly-menu.butterfly-menu--right-top .butterfly-menu__container { margin-top: 0; } .nf-right-block__container .butterfly-menu.butterfly-menu--left-bottom .butterfly-menu__container, .butterfly-menu.butterfly-menu--right-bottom .butterfly-menu__container { margin-top: 0; } .nf-right-block__container .butterfly-menu:hover .butterfly-menu__heading a, .nf-right-block__container .butterfly-menu:hover .butterfly-menu__links a { background-color: black; } .butterfly-menu__links br, .butterfly-menu__heading br { display: none; } .block-page-not-found { margin-bottom: 50px; } .block-page-not-found__left-block.nf-left-block { margin-bottom: 20px; } .nf-left-block { margin-bottom: 20px; } .shop-empty__butterfly_menu { margin-bottom: 50px; } } .read_more_link {margin: 20px 0;} .read_more_link {margin: 20px 0;} .contacts-item { position: relative; } .map_arrow { position: absolute; width: 10px; height: 10px; /* background: red; */ z-index: 1000; color: red;} .encicl-list { font: 400 15px/22px MuseoSans500 !important; margin: 0 !important; color: #000 !important; } .encicl-list .preview_picture { margin: 0 50 0 0 !important; width: 200px; height: 200px; } .encicl-list > .news-item img { border-radius: 50% 50% 50% 0; margin: 0 50px 0 0 !important; width: 200px; height: 200px; } .news-detail-enciclopedia { font: 400 15px/22px MuseoSans500 !important; margin: 0 !important; color: #000 !important;} .news-detail-enciclopedia .title { font: 400 30px/30px MuseoSans500; margin: 20px 0 40px; color: #000; } .news-detail-enciclopedia p {margin: 10px 0;} .school-img { text-align: center; margin: 40px auto; } .titl_h2 { margin: 40px 0 0; } .titl_h2 span { background: #ccc; float: left; margin: -5px 20px 0 0; padding: 5px 10px; } .main_block { border: medium none; font-size: 16px; font-style: italic; padding-left: 50px; padding-right: 50px; position: relative; font-weight: 100;} .main_block::before { color: #eee; content: "!"; font-family: georgia; font-size: 70px; left: 0; /* opacity: 0.5; */ position: absolute; top: 20px; } ol.school_list { counter-reset: myCounter; margin: 0; padding: 0; } ol.school_list li{ list-style: none; } ol.school_list li:before { counter-increment: myCounter; content:counter(myCounter); background: #ccc; display: inline-block; text-align: center; margin: 5px 10px; line-height: 40px; width: 40px; height: 40px; } .standart-text, .standart-text p { font: 400 16px/24px MuseoSans500; margin: 14px 0 14px 10%; color: #000; font-style: italic; } .encicl-list{ display: flex; flex-wrap: wrap; margin: 0 auto; /* выровняем по центру */ } .encicl-list .news-item{ flex: 0 1 calc(33.33% - 20px); margin: 30px 10px; box-sizing: border-box; text-align: center; height: 420px; } .news-item .img_wrapper { width: 100%; background-size: cover ! important; } @font-face { font-family: Montserrat; font-weight: 800; font-style: normal; src: url(/bitrix/templates/hittek/fonts/Montserrat.eot); src: url(/bitrix/templates/hittek/fonts/Montserrat.eot?#iefix) format("embedded-opentype"),url(/bitrix/templates/hittek/fonts/Montserrat.woff2) format("woff2"),url(/bitrix/templates/hittek/fonts/Montserrat.woff) format("woff"),url(/bitrix/templates/hittek/fonts/Montserrat.ttf) format("truetype"),url(/bitrix/templates/hittek/fonts/Montserrat.svg#Noto) format("svg") } .news-item.black .img_wrapper { height: 100%; color: #fff; padding: 10px; } .news-item.black .img_wrapper h3, .news-item.black .img_wrapper h3 a { font: 800 35px/45px sans-serif; text-transform: uppercase; text-decoration: none; color: #fff; margin: 30% 0 10px 0; } .news-item:nth-child(3n+6) .img_wrapper h3 a, .news-item:nth-child(3n+6) .img_wrapper h3, .news-item:nth-child(3) .img_wrapper h3 a, .news-item:nth-child(3) .img_wrapper h3 { font: 800 35px/45px sans-serif; text-transform: uppercase; text-decoration: none; color: #000; margin: 215px 0 10px 0 ! important; } .news-item:nth-child(6n) .img_wrapper h3 a, .news-item:nth-child(6n) .img_wrapper h3 { color: #fff; } .news-item:nth-child(6n) .img_wrapper h3 a, .news-item:nth-child(6n) .img_wrapper h3 { margin: 30% 0 10px 0 ! important; } .news-item .img_wrapper p { max-height: 110px; overflow: hidden; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 22px; font-weight: 400; } .encicl-list > .news-item .news-date {float:left;margin: 20px 20px 0 0;} .encicl-list > .news-item .button { padding-right: 50px; padding-left: 50px; margin: 20px 0; border: #cccccc; background: #cccccc; color: #fff; text-transform: uppercase; font-weight: bold; letter-spacing: 2px; } .news-item { flex-grow: 1; display: flex; margin-bottom: 40px; position: relative; } .news-item.white .img_wrapper { height: 205px; } .news-item.white .img_wrapper h3, .news-item.white .img_wrapper h3 a { text-transform: uppercase; text-decoration: none; margin: 230px 0 10px 0; color: #333333; } .news-item .img_wrapper p { max-height: 80px; overflow: hidden; font-family: 'Open Sans', sans-serif; font-size: 13px; line-height: 20px; font-weight: 400; } .encicl-list > .news-item.white .button { margin: 10px 0; } .tag-wr { position: absolute; top: 15px; right: 15px; background: rgba(0, 0, 0, 0.5); border-radius: 20px; padding: 1px 12px; text-transform: uppercase; color: #fff; font-size: 10px; } .news-item.white .img_wrapper a:hover, .news-item:nth-child(6n) .img_wrapper h3 a:hover {} .encicl-list > .news-item .button:hover { border-color: #ebc74f; background: #ebc74f; color: #fff ! important; } .news-detail-enciclopedia .school-img iframe, .news-detail-enciclopedia .school-img img {max-width: 70%;} .subtitle { font-size: 22px; padding-left: 50px; padding-right: 50px; font-weight: 700; } .h22 { display: block; font: 600 28px/22px MuseoSans500 !important; margin: 0 !important; color: #000 !important; margin: 20px 0 50px ! important; } .shares-cell__list-body { max-width: 100%;} .flex_wrapper{ display: flex; flex-wrap: wrap; justify-content: space-around; } .flex_wrapper .item{ align-items: stretch; justify-content: center; display: inline-block; background-repeat: no-repeat; background-size: 30%; background-position: 50% 15%; padding: 80px 5px 5px 5px; flex-basis: 15%; text-align: center; color: #000; min-width: 125px; text-decoration: none; margin-top: 10px; } .flex_wrapper .item .step_title { font-size: 14px; text-transform: uppercase; font-weight: bold; color: #000; text-decoration: none; } .flex_wrapper .item.shop1{background-image: url("/help/registration/images/registration.png");} .flex_wrapper .item.shop2{background-image: url("/help/registration/images/shop.svg");} .flex_wrapper .item.shop3{background-image: url("/help/registration/images/order.png");} .flex_wrapper .item.shop4{background-image: url("/help/registration/images/status.png");} .flex_wrapper .item.shop5{background-image: url("/help/registration/images/deliv.png");} .flex_wrapper .item.shop6{background-image: url("/help/registration/images/passw.png");} .flex_wrapper .item.shop7{padding: 42px 5px;} .flex_wrapper .item.active, .flex_wrapper .item:hover {background-color: #ebc74f;} .main-text { font: 400 13pt/1.5 MuseoSans500; padding: 40px 20px;} .main-text .bold {font-size: 14px; font-weight: bold;} .main-text .attention { font-size: 16px; height: auto; color: #000; background-repeat: no-repeat; background-size: 30px; background-position: 30px 35px; padding: 30px 20px 30px 80px; background-image: url(/help/registration/images/alarm.png); background-color: #f9f9f9; margin: 40px 0; box-shadow: 0 3px 3px -2px rgba(0,0,0,.2), 0 3px 4px 0 rgba(0,0,0,.14), 0 1px 8px 0 rgba(0,0,0,.12); } .flex_wrapper a.item { background-color: #e6e6e6; } .main-text ol {margin: 0; padding: 0;} .img_wr {margin: 40px auto 60px; text-align: center;} .img_wr img {max-width: 80%;} .img_wr p {margin: 10px; font-style: italic;} .img_wr a {color: #666; text-decoration: none;} @media (max-width: 900px) { .img_wr img { max-width: 100%; } .flex_wrapper .item { flex-basis: 35%; margin: 10px 0; } } @media (max-width: 700px) { .encicl-list .news-item{ flex:0 0 95%; } .news-detail-enciclopedia iframe {max-width:100%; } } table.img_tab {margin: 20px auto ! important;} table.img_tab td { padding: 10px ! important; border: 1px #ccc solid ! important;} table.img_tab2 td img{ height: auto ! important; width: 150px; } .black_class{color:black ! important;} .ul__checkmarks { list-style: none; padding-left: 0; } .ul__checkmarks > li { padding-left: 20px; position: relative; margin: 10px; } .ul__checkmarks > li:before { content: '\2713'; position: absolute; top: 0; left: 0; } .ul__dashed { list-style: none; padding-left: 0; } .ul__dashed > li { padding-left: 20px; position: relative; margin: 10px; } .ul__dashed > li:before { content: '\2013'; position: absolute; top: 0; left: 0; } /* End */ /* Start:/bitrix/templates/hittek/template_styles.css?1725942216373685*/ @charset "UTF-8"; img,legend { border: 0 } legend,td,th { padding: 0 } .aside-tabs__body,.purchase-goods__body,table { border-collapse: collapse } audio:not([controls]) { display: none; height: 0 } [hidden],template { display: none } abbr[title] { border-bottom: 1px dotted } dfn { font-style: italic } mark { background: #ff0; color: #000 } small { font-size: 80% } sub,sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sup { top: -.5em } sub { bottom: -.25em } svg:not(:root) { overflow: hidden } figure { margin: 1em 40px } hr { box-sizing: content-box; height: 0 } pre,textarea { overflow: auto } code,kbd,pre,samp { font-family: monospace,monospace; font-size: 1em } button[disabled],html input[disabled] { cursor: default } button::-moz-focus-inner,input::-moz-focus-inner { border: 0; padding: 0 } input[type=checkbox],input[type=radio] { box-sizing: border-box; padding: 0 } input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button { height: auto } input[type=search] { -webkit-appearance: textfield; box-sizing: content-box } input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration { -webkit-appearance: none } fieldset { border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em } table { border-spacing: 0 } .fotorama__arr:focus:after,.fotorama__fullscreen-icon:focus:after,.fotorama__html,.fotorama__img,.fotorama__nav__frame:focus .fotorama__dot:after,.fotorama__nav__frame:focus .fotorama__thumb:after,.fotorama__stage__frame,.fotorama__stage__shaft,.fotorama__video iframe { position: absolute; width: 100%; height: 100%; top: 0; right: 0; left: 0; bottom: 0 } .fotorama--fullscreen,.fotorama__img { max-width: 99999px!important; max-height: 99999px!important; min-width: 0!important; min-height: 0!important; border-radius: 0!important; box-shadow: none!important; padding: 0!important } .fotorama__wrap .fotorama__grab { cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab } .fotorama__grabbing * { cursor: move; cursor: -webkit-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing } .fotorama__spinner { position: absolute!important; top: 50%!important; left: 50%!important } .fotorama__wrap--css3 .fotorama__arr,.fotorama__wrap--css3 .fotorama__fullscreen-icon,.fotorama__wrap--css3 .fotorama__nav__shaft,.fotorama__wrap--css3 .fotorama__stage__shaft,.fotorama__wrap--css3 .fotorama__thumb-border,.fotorama__wrap--css3 .fotorama__video-close,.fotorama__wrap--css3 .fotorama__video-play { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } .fotorama__caption,.fotorama__nav:after,.fotorama__nav:before,.fotorama__stage:after,.fotorama__stage:before,.fotorama__wrap--css3 .fotorama__html,.fotorama__wrap--css3 .fotorama__nav,.fotorama__wrap--css3 .fotorama__spinner,.fotorama__wrap--css3 .fotorama__stage,.fotorama__wrap--css3 .fotorama__stage .fotorama__img,.fotorama__wrap--css3 .fotorama__stage__frame { -webkit-transform: translateZ(0); transform: translateZ(0) } .fotorama__arr:focus,.fotorama__fullscreen-icon:focus,.fotorama__nav__frame { outline: 0 } .fotorama__arr:focus:after,.fotorama__fullscreen-icon:focus:after,.fotorama__nav__frame:focus .fotorama__dot:after,.fotorama__nav__frame:focus .fotorama__thumb:after { content: ''; border-radius: inherit; background-color: rgba(0,175,234,.5) } .fotorama__wrap--video .fotorama__stage,.fotorama__wrap--video .fotorama__stage__frame--video,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img,.fotorama__wrap--video .fotorama__stage__shaft { -webkit-transform: none!important; transform: none!important } .fotorama__wrap--css3 .fotorama__nav__shaft,.fotorama__wrap--css3 .fotorama__stage__shaft,.fotorama__wrap--css3 .fotorama__thumb-border { transition-property: -webkit-transform,width; transition-property: transform,width; transition-timing-function: cubic-bezier(.1,0,.25,1); transition-duration: 0s } .fotorama__arr,.fotorama__fullscreen-icon,.fotorama__no-select,.fotorama__video-close,.fotorama__video-play,.fotorama__wrap { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .fotorama__nav,.fotorama__nav__frame { margin: auto; padding: 0 } .fotorama--fullscreen,.fullscreen { width: 100%!important; height: 100%!important; margin: 0!important } .fotorama__caption__wrap,.fotorama__nav__frame,.fotorama__nav__shaft { -moz-box-orient: vertical; display: inline-block; vertical-align: middle } .fotorama:not(.fotorama--unobtrusive)>:not(:first-child),.fotorama__wrap--fade .fotorama__stage__frame { display: none } .fotorama__nav__frame,.fotorama__thumb-border { box-sizing: content-box } .fotorama--hidden,.fotorama__load { position: absolute; left: -99999px; top: -99999px; z-index: -1 } .fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play { background: url(/bitrix/templates/hittek/i/fotorama.png) no-repeat } @media (-webkit-min-device-pixel-ratio: 1.5),(min-resolution:2dppx) { .fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play { background:url(/bitrix/templates/hittek/i/fotorama@2x.png) 0 0/96px 160px no-repeat } } .fotorama__thumb { background-color: #7f7f7f; background-color: rgba(127,127,127,.2) } @media print { .fotorama__arr,.fotorama__fullscreen-icon,.fotorama__thumb-border,.fotorama__video-close,.fotorama__video-play { background: 0 0!important } } .fotorama--fullscreen .fotorama__nav,.fotorama--fullscreen .fotorama__stage,.fullscreen { background:rgba(255, 255, 255, 0.7) } .fotorama { min-width: 1px; overflow: hidden } .fullscreen { max-width: 100%!important; max-height: 100%!important; padding: 0!important; overflow: hidden!important } .fotorama--fullscreen { position: absolute!important; top: 0!important; left: 0!important; right: 0!important; bottom: 0!important; float: none!important; z-index: 2147483647!important; } .fotorama__wrap { position: relative; direction: ltr; z-index: 0; } .fotorama__stage__frame.fotorama__active,.fotorama__wrap--fade .fotorama__fade-front { z-index: 8 } .fotorama__wrap--rtl .fotorama__stage__frame { direction: rtl } .fotorama__nav,.fotorama__stage { overflow: hidden; position: relative; max-width: 100% } .fotorama__wrap--pan-y { -ms-touch-action: pan-y } .fotorama__wrap .fotorama__pointer { cursor: pointer } .fotorama__wrap--slide .fotorama__stage__frame { opacity: 1!important } .fotorama__stage__frame { overflow: hidden } .fotorama__wrap--fade .fotorama__fade-front,.fotorama__wrap--fade .fotorama__fade-rear,.fotorama__wrap--fade .fotorama__stage__frame.fotorama__active { display: block; left: 0; top: 0 } .fotorama--fullscreen .fotorama__loaded--full .fotorama__img,.fotorama__img--full,.fotorama__wrap--fade .fotorama__stage .fotorama__shadow { display: none } .fotorama__wrap--fade .fotorama__fade-rear { z-index: 7 } .fotorama__wrap--fade .fotorama__fade-rear.fotorama__active { z-index: 9 } .fotorama__img { -ms-filter: "alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; border: none!important } .fotorama__error .fotorama__img,.fotorama__loaded .fotorama__img { -ms-filter: "alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1 } .fotorama--fullscreen .fotorama__loaded--full .fotorama__img--full { display: block } .fotorama__wrap--only-active .fotorama__nav,.fotorama__wrap--only-active .fotorama__stage { max-width: 99999px!important } .fotorama__wrap--only-active .fotorama__stage__frame { visibility: hidden } .fotorama__wrap--only-active .fotorama__stage__frame.fotorama__active { visibility: visible } .fotorama__nav { font-size: 0; line-height: 0; text-align: center; display: none; white-space: nowrap; z-index: 5 } .fotorama__nav__shaft { position: relative; left: 0; top: 0; text-align: left } .fotorama__nav__frame { position: relative; cursor: pointer } .fotorama__nav--dots { display: block } .fotorama__nav--dots .fotorama__nav__frame { width: 18px; height: 30px } .fotorama__nav--dots .fotorama__nav__frame--thumb,.fotorama__nav--dots .fotorama__thumb-border { display: none } .fotorama__nav--thumbs { display: block } .fotorama__nav--thumbs .fotorama__nav__frame { padding-left: 0!important } .fotorama__nav--thumbs .fotorama__nav__frame:last-child { padding-right: 0!important } .fotorama__nav--thumbs .fotorama__nav__frame--dot { display: none } .fotorama__dot { display: block; width: 4px; height: 4px; position: relative; top: 12px; left: 6px; border-radius: 6px; border: 1px solid #7f7f7f } .fotorama__wrap--css2 .fotorama__video-play,.fotorama__wrap--no-captions .fotorama__caption,.fotorama__wrap--video .fotorama__caption,.fotorama__wrap--video .fotorama__stage .fotorama__video-play { display: none } .fotorama__nav__frame:focus .fotorama__dot:after { padding: 1px; top: -1px; left: -1px } .fotorama__nav__frame.fotorama__active .fotorama__dot { width: 0; height: 0; border-width: 3px } .fotorama__nav__frame.fotorama__active .fotorama__dot:after { padding: 3px; top: -3px; left: -3px } .fotorama__thumb { overflow: hidden; position: relative; width: 100%; height: 100% } .fotorama__nav__frame:focus .fotorama__thumb { z-index: 2 } .fotorama__thumb-border { position: absolute; z-index: 9; top: 0; left: 0; border-style: solid; border-color: #00afea; background-image: linear-gradient(to bottom right,rgba(255,255,255,.25),rgba(64,64,64,.1)) } .fotorama__caption { position: absolute; z-index: 12; bottom: 0; left: 0; right: 0; font-family: 'Helvetica Neue',Arial,sans-serif; font-size: 14px; line-height: 1.5; color: #000 } .fotorama__caption a { text-decoration: none; color: #000; border-bottom: 1px solid; border-color: rgba(0,0,0,.5) } .fotorama__caption a:hover { color: #333; border-color: rgba(51,51,51,.5) } .fotorama__wrap--rtl .fotorama__caption { left: auto; right: 0 } .fotorama__caption__wrap { box-sizing: border-box; background-color: #fff; background-color: rgba(255,255,255,.9); padding: 5px 10px } @-webkit-keyframes spinner { 0% { -webkit-transform: rotate(0); transform: rotate(0) } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes spinner { 0% { -webkit-transform: rotate(0); transform: rotate(0) } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } .fotorama__wrap--css3 .fotorama__spinner { -webkit-animation: spinner 24s infinite linear; animation: spinner 24s infinite linear } .fotorama__wrap--css3 .fotorama__html,.fotorama__wrap--css3 .fotorama__stage .fotorama__img { transition-property: opacity; transition-timing-function: linear; transition-duration: .3s } .fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img { -ms-filter: "alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0 } .fotorama__select { -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; cursor: auto } .jq-number__spin,.jq-selectbox li { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none } .fotorama__video { top: 32px; right: 0; bottom: 0; left: 0; position: absolute; z-index: 10 } @-moz-document url-prefix() { .fotorama__active { box-shadow: 0 0 0 transparent } } .fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play { position: absolute; z-index: 11; cursor: pointer } .fotorama__arr { position: absolute; width: 32px; height: 32px; top: 50%; margin-top: -16px } .fotorama__arr--prev { left: 2px; background-position: 0 0 } .fotorama__arr--next { right: 2px; background-position: -32px 0 } .fotorama__arr--disabled { cursor: default; opacity: .1 } .fotorama__fullscreen-icon { width: 32px; height: 32px; top: 2px; right: 2px; background-position: 0 -32px; z-index: 20 } .fotorama__arr:focus,.fotorama__fullscreen-icon:focus { border-radius: 50% } .fotorama--fullscreen .fotorama__fullscreen-icon { background-position: -32px -32px } .fotorama__video-play { width: 96px; height: 96px; left: 50%; top: 50%; margin-left: -48px; margin-top: -48px; background-position: 0 -64px; opacity: 0 } .fotorama__error .fotorama__video-play,.fotorama__loaded .fotorama__video-play,.fotorama__nav__frame .fotorama__video-play { opacity: 1; display: block } .fotorama__nav__frame .fotorama__video-play { width: 32px; height: 32px; margin-left: -16px; margin-top: -16px; background-position: -64px -32px } .fotorama__video-close { width: 32px; height: 32px; top: 0; right: 0; background-position: -64px 0; z-index: 20; opacity: 0 } .fotorama__wrap--css2 .fotorama__video-close { display: none } .fotorama__wrap--css3 .fotorama__video-close { -webkit-transform: translate3d(32px,-32px,0); transform: translate3d(32px,-32px,0) } .fotorama__wrap--video .fotorama__video-close { display: block; opacity: 1 } .fotorama__wrap--css3.fotorama__wrap--video .fotorama__video-close { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } .fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon { opacity: 0 } .fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus,.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus { opacity: 1 } .fotorama__wrap--video .fotorama__arr,.fotorama__wrap--video .fotorama__fullscreen-icon { opacity: 0!important } .jq-checkbox.disabled,.jq-radio.disabled { opacity: .55 } .fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon { display: none } .fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus,.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus { display: block } .fotorama__wrap--css2.fotorama__wrap--video .fotorama__arr,.fotorama__wrap--css2.fotorama__wrap--video .fotorama__fullscreen-icon { display: none!important } .fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:not(:focus) { -webkit-transform: translate3d(32px,-32px,0); transform: translate3d(32px,-32px,0) } .fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--prev:not(:focus) { -webkit-transform: translate3d(-48px,0,0); transform: translate3d(-48px,0,0) } .fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--next:not(:focus) { -webkit-transform: translate3d(48px,0,0); transform: translate3d(48px,0,0) } .fotorama__wrap--css3.fotorama__wrap--video .fotorama__fullscreen-icon { -webkit-transform: translate3d(32px,-32px,0)!important; transform: translate3d(32px,-32px,0)!important } .fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--prev { -webkit-transform: translate3d(-48px,0,0)!important; transform: translate3d(-48px,0,0)!important } .fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--next { -webkit-transform: translate3d(48px,0,0)!important; transform: translate3d(48px,0,0)!important } .fotorama__wrap--css3 .fotorama__arr:not(:focus),.fotorama__wrap--css3 .fotorama__fullscreen-icon:not(:focus),.fotorama__wrap--css3 .fotorama__video-close:not(:focus),.fotorama__wrap--css3 .fotorama__video-play:not(:focus) { transition-property: -webkit-transform,opacity; transition-property: transform,opacity; transition-duration: .3s } .fotorama__nav:after,.fotorama__nav:before,.fotorama__stage:after,.fotorama__stage:before { content: ""; display: block; position: absolute; text-decoration: none; top: 0; bottom: 0; width: 10px; height: auto; z-index: 10; background-repeat: no-repeat; background-size: 1px 100%,5px 100% } .fotorama__nav:before,.fotorama__stage:before { background-image: linear-gradient(transparent,rgba(0,0,0,.2) 25%,rgba(0,0,0,.3) 75%,transparent),radial-gradient(farthest-side at 0 50%,rgba(0,0,0,.4),transparent); background-position: 0 0,0 0; left: -10px } .fotorama__nav.fotorama__shadows--left:before,.fotorama__stage.fotorama__shadows--left:before { left: 0 } .fotorama__nav:after,.fotorama__stage:after { background-image: linear-gradient(transparent,rgba(0,0,0,.2) 25%,rgba(0,0,0,.3) 75%,transparent),radial-gradient(farthest-side at 100% 50%,rgba(0,0,0,.4),transparent); background-position: 100% 0,100% 0; right: -10px } .fotorama__nav.fotorama__shadows--right:after,.fotorama__stage.fotorama__shadows--right:after { right: 0 } .fotorama--fullscreen .fotorama__nav:after,.fotorama--fullscreen .fotorama__nav:before,.fotorama--fullscreen .fotorama__stage:after,.fotorama--fullscreen .fotorama__stage:before,.fotorama__wrap--fade .fotorama__stage:after,.fotorama__wrap--fade .fotorama__stage:before,.fotorama__wrap--no-shadows .fotorama__nav:after,.fotorama__wrap--no-shadows .fotorama__nav:before,.fotorama__wrap--no-shadows .fotorama__stage:after,.fotorama__wrap--no-shadows .fotorama__stage:before { display: none } .jq-checkbox,.jq-radio { top: -1px; vertical-align: middle; cursor: pointer } .jq-checkbox { width: 16px; height: 16px; margin: 0 4px 0 0; border: 1px solid #C3C3C3; border-radius: 3px; background: #F5F5F5; background: -webkit-linear-gradient(#FFF,#E6E6E6); background: linear-gradient(#FFF,#E6E6E6); box-shadow: 0 1px 1px rgba(0,0,0,.05),inset -1px -1px #FFF,inset 1px -1px #FFF } .jq-checkbox.checked .jq-checkbox__div { width: 12px; height: 12px; margin: 2px 0 0 2px; border-radius: 2px; background: #666; box-shadow: inset 0 -3px 6px #AAA } .jq-checkbox.focused { border: 1px solid #08C } .jq-radio { width: 16px; height: 16px; margin: 0 4px 0 0; border: 1px solid #C3C3C3; border-radius: 50%; background: #F5F5F5; background: -webkit-linear-gradient(#FFF,#E6E6E6); background: linear-gradient(#FFF,#E6E6E6); box-shadow: 0 1px 1px rgba(0,0,0,.05),inset -1px -1px #FFF,inset 1px -1px #FFF } .jq-radio.checked .jq-radio__div { width: 10px; height: 10px; margin: 3px 0 0 3px; border-radius: 50%; background: #777; box-shadow: inset 1px 1px 1px rgba(0,0,0,.7) } .jq-radio.focused { border: 1px solid #08C } .jq-file { width: 270px; border-radius: 4px; box-shadow: 0 1px 2px rgba(0,0,0,.1) } .jq-file input { height: auto; line-height: 1em; cursor: pointer } .jq-file__browse,.jq-file__name { font: 14px/32px Arial,sans-serif; color: #333 } .jq-file__name { overflow: hidden; box-sizing: border-box; width: 100%; height: 34px; padding: 0 80px 0 10px; border: 1px solid #CCC; border-bottom-color: #B3B3B3; border-radius: 4px; background: #FFF; box-shadow: inset 1px 1px #F1F1F1 } .jq-file__browse { position: absolute; top: 1px; right: 1px; padding: 0 10px; border-left: 1px solid #CCC; border-radius: 0 4px 4px 0; background: #F5F5F5; background: -webkit-linear-gradient(#FFF,#E6E6E6); background: linear-gradient(#FFF,#E6E6E6); box-shadow: inset 1px -1px #F1F1F1,inset -1px 0 #F1F1F1,0 1px 2px rgba(0,0,0,.1); text-shadow: 1px 1px #FFF } .jq-file:hover .jq-file__browse { background: #E6E6E6; background: -webkit-linear-gradient(#F6F6F6,#E6E6E6); background: linear-gradient(#F6F6F6,#E6E6E6) } .jq-file:active .jq-file__browse { background: #F5F5F5; box-shadow: inset 1px 1px 3px #DDD } .jq-file.focused .jq-file__name { border: 1px solid #5794BF } .jq-file.disabled,.jq-file.disabled .jq-file__browse,.jq-file.disabled .jq-file__name { border-color: #CCC; background: #F5F5F5; box-shadow: none; color: #888 } .jq-number { position: relative; display: inline-block; vertical-align: middle; padding: 0 36px 0 0 } .jq-number__field { width: 100px; border: 1px solid #CCC; border-bottom-color: #B3B3B3; border-radius: 4px; box-shadow: inset 1px 1px #F1F1F1,0 1px 2px rgba(0,0,0,.1) } .jq-number__field:hover { border-color: #B3B3B3 } .jq-number__field input { box-sizing: border-box; width: 100%; padding: 8px 9px; border: none; outline: 0; background: 0 0; font: 14px Arial,sans-serif; color: #333; text-align: left; -moz-appearance: textfield } .jq-number__field input::-webkit-inner-spin-button,.jq-number__field input::-webkit-outer-spin-button { margin: 0; -webkit-appearance: none } .jq-number__spin { position: absolute; top: 0; right: 0; width: 32px; height: 14px; border: 1px solid #CCC; border-bottom-color: #B3B3B3; border-radius: 4px; background: #F5F5F5; background: -webkit-linear-gradient(#FFF,#E6E6E6); background: linear-gradient(#FFF,#E6E6E6); box-shadow: 0 1px 2px rgba(0,0,0,.1); box-shadow: inset 1px -1px #F1F1F1,inset -1px 0 #F1F1F1,0 1px 2px rgba(0,0,0,.1); user-select: none; text-shadow: 1px 1px #FFF; cursor: pointer } .jq-number__spin.minus:after,.jq-number__spin:after { border-right: 5px solid transparent; border-left: 5px solid transparent } .jq-number__spin.minus { top: auto; bottom: 0 } .jq-number__spin:hover { background: #E6E6E6; background: -webkit-linear-gradient(#F6F6F6,#E6E6E6); background: linear-gradient(#F6F6F6,#E6E6E6) } .jq-number__spin:active { background: #F5F5F5; box-shadow: inset 1px 1px 3px #DDD } .jq-number__spin:after { position: absolute; top: 4px; left: 11px; width: 0; height: 0; border-bottom: 5px solid #999 } .jq-number__spin.minus:after { top: 5px; border-top: 5px solid #999; border-bottom: none } .jq-number__spin.minus:hover:after { border-top-color: #000 } .jq-number__spin.plus:hover:after { border-bottom-color: #000 } .jq-number.focused .jq-number__field { border: 1px solid #5794BF } .jq-number.disabled .jq-number__field,.jq-number.disabled .jq-number__spin { border-color: #CCC; background: #F5F5F5; box-shadow: none; color: #888 } .jq-number.disabled .jq-number__spin:after { border-bottom-color: #AAA } .jq-number.disabled .jq-number__spin.minus:after { border-top-color: #AAA } .jq-selectbox__select:hover { background: #E6E6E6; background: -webkit-linear-gradient(#F6F6F6,#E6E6E6); background: linear-gradient(#F6F6F6,#E6E6E6) } .jq-selectbox__select:active { background: #F5F5F5; box-shadow: inset 1px 1px 3px #DDD } .jq-selectbox.focused .jq-selectbox__select { border: 1px solid #5794BF } .jq-selectbox.disabled .jq-selectbox__select { border-color: #CCC; background: #F5F5F5; box-shadow: none; color: #888 } .jq-selectbox .placeholder { color: #888 } .jq-selectbox:hover .jq-selectbox__trigger-arrow { border-top-color: #000 } .jq-selectbox.disabled .jq-selectbox__trigger-arrow { border-top-color: #AAA } .jq-selectbox__search { margin: 5px } .jq-selectbox__search input { margin: 0; padding: 5px 27px 6px 8px; border-radius: 3px; outline: 0; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO1JREFUeNqU078LAXEYx/FzYfNzk5TJaFNKYjFYSQZ/hvwBsvg1UCY2xT9gM8hukQGThWRjkcFw3pdnujhfT736Xn2fPvfc3fd07V0OFDDFAnM0ENYsZRiGLSc9OpqIYIA9fMhhjCrW2h9VlMlcH/aymMGtOqEugX08PwQucUZKdTozMIqdTc9WepQD7wjY9ARx+ydwhfyXfS+S0qMcOEQJGcueB3VccFINdMgal6NzkmPjRwJXxDBB7/2RDdtAp6wb+dpphHDASG5QQ0V6u2aoSqBZD/lDrNWRJynLK2qpBn4rc6K2XB9/Nb8EGABtf1thzY6X2AAAAABJRU5ErkJggg==) 100% 50% no-repeat; box-shadow: inset 1px 1px #F1F1F1; color: #333; -webkit-appearance: textfield } .jq-selectbox__search input::-webkit-search-cancel-button,.jq-selectbox__search input::-webkit-search-decoration { -webkit-appearance: none } .jq-selectbox__not-found { margin: 5px; padding: 5px 8px 6px; background: #F0F0F0; font-size: 13px } .jq-selectbox ul { margin: 0; padding: 0 } .jq-selectbox li { min-height: 18px; padding: 5px 10px 6px; user-select: none; white-space: nowrap; color: #231F20 } .jq-selectbox li.selected { background-color: #A3ABB1; color: #FFF } .jq-selectbox li:hover { background-color: #08C; color: #FFF } .jq-selectbox li.disabled { color: #AAA } .jq-selectbox li.disabled:hover { background: 0 0 } .jq-selectbox li.optgroup { font-weight: 700 } .jq-selectbox li.optgroup:hover { background: 0 0; color: #231F20; cursor: default } .jq-selectbox li.option { padding-left: 25px } .jq-select-multiple { box-sizing: border-box; padding: 1px; border: 1px solid #CCC; border-bottom-color: #B3B3B3; border-radius: 4px; background: #FFF; box-shadow: inset 1px 1px #F1F1F1,0 1px 2px rgba(0,0,0,.1); font: 14px/18px Arial,sans-serif; color: #333; cursor: default } .jq-select-multiple.focused { border: 1px solid #5794BF } .jq-select-multiple.disabled { border-color: #CCC; background: #F5F5F5; box-shadow: none; color: #888 } .jq-select-multiple ul { margin: 0; padding: 0 } .jq-select-multiple li { padding: 3px 9px 4px; list-style: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap } .jq-select-multiple li:first-child { border-radius: 3px 3px 0 0 } .jq-select-multiple li:last-child { border-radius: 0 0 3px 3px } .jq-select-multiple li.selected { background: #08C; color: #FFF } .jq-select-multiple li.disabled { color: #AAA } .jq-select-multiple li.selected.disabled,.jq-select-multiple.disabled li.selected { background: #CCC; color: #FFF } .jq-select-multiple li.optgroup { font-weight: 700 } .jq-select-multiple li.option { padding-left: 25px } input[type=email].styler,input[type=password].styler,input[type=search].styler,input[type=tel].styler,input[type=text].styler,input[type=url].styler,textarea.styler { padding: 8px 9px; border: 1px solid #CCC; border-bottom-color: #B3B3B3; border-radius: 4px; box-shadow: inset 1px 1px #F1F1F1,0 1px 2px rgba(0,0,0,.1); font: 14px Arial,sans-serif; color: #333 } input[type=search].styler { -webkit-appearance: none } textarea.styler { overflow: auto } input[type=email].styler:hover,input[type=password].styler:hover,input[type=search].styler:hover,input[type=tel].styler:hover,input[type=text].styler:hover,input[type=url].styler:hover,textarea.styler:hover { border-color: #B3B3B3 } input[type=email].styler:focus,input[type=password].styler:focus,input[type=search].styler:focus,input[type=tel].styler:focus,input[type=text].styler:focus,input[type=url].styler:focus,textarea.styler:focus { border-color: #B3B3B3 #CCC #CCC; outline: 0; box-shadow: inset 0 1px 2px rgba(0,0,0,.1) } button.styler,input[type=button].styler,input[type=submit].styler,input[type=reset].styler { overflow: visible; padding: 8px 11px; border: 1px solid #CCC; border-bottom-color: #B3B3B3; border-radius: 4px; outline: 0; background: #F5F5F5; background: -webkit-linear-gradient(#FFF,#E6E6E6); background: linear-gradient(#FFF,#E6E6E6); box-shadow: inset 1px -1px #F1F1F1,inset -1px 0 #F1F1F1,0 1px 2px rgba(0,0,0,.1); font: 14px Arial,sans-serif; color: #333; text-shadow: 1px 1px #FFF; cursor: pointer } button.styler::-moz-focus-inner,input[type=button].styler::-moz-focus-inner,input[type=submit].styler::-moz-focus-inner,input[type=reset].styler::-moz-focus-inner { padding: 0; border: 0 } button.styler:not([disabled]):hover,input[type=button].styler:not([disabled]):hover,input[type=submit].styler:not([disabled]):hover,input[type=reset].styler:hover { background: #E6E6E6; background: -webkit-linear-gradient(#F6F6F6,#E6E6E6); background: linear-gradient(#F6F6F6,#E6E6E6) } button.styler:not([disabled]):active,input[type=button].styler:not([disabled]):active,input[type=submit].styler:not([disabled]):active,input[type=reset].styler:active { background: #F5F5F5; box-shadow: inset 1px 1px 3px #DDD } button.styler[disabled],input[type=button].styler[disabled],input[type=submit].styler[disabled] { border-color: #CCC; background: #F5F5F5; box-shadow: none; color: #888 } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s } @-webkit-keyframes bounce { 0%,100%,20%,50%,80% { -webkit-transform: translateY(0); transform: translateY(0) } 40% { -webkit-transform: translateY(-30px); transform: translateY(-30px) } 60% { -webkit-transform: translateY(-15px); transform: translateY(-15px) } } @keyframes bounce { 0%,100%,20%,50%,80% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } 40% { -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px) } 60% { -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px) } } .bounce { -webkit-animation-name: bounce; animation-name: bounce } @-webkit-keyframes flash { 0%,100%,50% { opacity: 1 } 25%,75% { opacity: 0 } } @keyframes flash { 0%,100%,50% { opacity: 1 } 25%,75% { opacity: 0 } } .flash { -webkit-animation-name: flash; animation-name: flash } @-webkit-keyframes pulse { 0%,100% { -webkit-transform: scale(1); transform: scale(1) } 50% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes pulse { 0%,100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } 50% { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) } } .pulse { -webkit-animation-name: pulse; animation-name: pulse } @-webkit-keyframes shake { 0%,100% { -webkit-transform: translateX(0); transform: translateX(0) } 10%,30%,50%,70%,90% { -webkit-transform: translateX(-10px); transform: translateX(-10px) } 20%,40%,60%,80% { -webkit-transform: translateX(10px); transform: translateX(10px) } } @keyframes shake { 0%,100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } 10%,30%,50%,70%,90% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px) } 20%,40%,60%,80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px) } } .shake { -webkit-animation-name: shake; animation-name: shake } @-webkit-keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg) } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg) } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg) } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg) } 100% { -webkit-transform: rotate(0); transform: rotate(0) } } @keyframes swing { 20% { -webkit-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg) } 40% { -webkit-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg) } 60% { -webkit-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg) } 80% { -webkit-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg) } 100% { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0) } } .swing { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing } @-webkit-keyframes tada { 0% { -webkit-transform: scale(1); transform: scale(1) } 10%,20% { -webkit-transform: scale(.9) rotate(-3deg); transform: scale(.9) rotate(-3deg) } 30%,50%,70%,90% { -webkit-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg) } 40%,60%,80% { -webkit-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg) } 100% { -webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0) } } @keyframes tada { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } 10%,20% { -webkit-transform: scale(.9) rotate(-3deg); -ms-transform: scale(.9) rotate(-3deg); transform: scale(.9) rotate(-3deg) } 30%,50%,70%,90% { -webkit-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg) } 40%,60%,80% { -webkit-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg) } 100% { -webkit-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); transform: scale(1) rotate(0) } } .tada { -webkit-animation-name: tada; animation-name: tada } @-webkit-keyframes wobble { 0%,100% { -webkit-transform: translateX(0); transform: translateX(0) } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg) } 30% { -webkit-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg) } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg) } 60% { -webkit-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg) } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg) } } @keyframes wobble { 0%,100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); -ms-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg) } 30% { -webkit-transform: translateX(20%) rotate(3deg); -ms-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg) } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); -ms-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg) } 60% { -webkit-transform: translateX(10%) rotate(2deg); -ms-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg) } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); -ms-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg) } } .wobble { -webkit-animation-name: wobble; animation-name: wobble } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3) } 50% { opacity: 1; -webkit-transform: scale(1.05); transform: scale(1.05) } 70% { -webkit-transform: scale(.9); transform: scale(.9) } 100% { -webkit-transform: scale(1); transform: scale(1) } } @keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3) } 50% { opacity: 1; -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05) } 70% { -webkit-transform: scale(.9); -ms-transform: scale(.9); transform: scale(.9) } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn } @-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px) } 60% { opacity: 1; -webkit-transform: translateY(30px); transform: translateY(30px) } 80% { -webkit-transform: translateY(-10px); transform: translateY(-10px) } 100% { -webkit-transform: translateY(0); transform: translateY(0) } } @keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px) } 60% { opacity: 1; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px) } 80% { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px) } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown } @-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px) } 60% { opacity: 1; -webkit-transform: translateX(30px); transform: translateX(30px) } 80% { -webkit-transform: translateX(-10px); transform: translateX(-10px) } 100% { -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px) } 60% { opacity: 1; -webkit-transform: translateX(30px); -ms-transform: translateX(30px); transform: translateX(30px) } 80% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px) } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft } @-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px) } 60% { opacity: 1; -webkit-transform: translateX(-30px); transform: translateX(-30px) } 80% { -webkit-transform: translateX(10px); transform: translateX(10px) } 100% { -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px) } 60% { opacity: 1; -webkit-transform: translateX(-30px); -ms-transform: translateX(-30px); transform: translateX(-30px) } 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px) } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight } @-webkit-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px) } 60% { opacity: 1; -webkit-transform: translateY(-30px); transform: translateY(-30px) } 80% { -webkit-transform: translateY(10px); transform: translateY(10px) } 100% { -webkit-transform: translateY(0); transform: translateY(0) } } @keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px) } 60% { opacity: 1; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px) } 80% { -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px) } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp } @-webkit-keyframes bounceOut { 0% { -webkit-transform: scale(1); transform: scale(1) } 25% { -webkit-transform: scale(.95); transform: scale(.95) } 50% { opacity: 1; -webkit-transform: scale(1.1); transform: scale(1.1) } 100% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3) } } @keyframes bounceOut { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } 25% { -webkit-transform: scale(.95); -ms-transform: scale(.95); transform: scale(.95) } 50% { opacity: 1; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) } 100% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3) } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut } @-webkit-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0) } 20% { opacity: 1; -webkit-transform: translateY(-20px); transform: translateY(-20px) } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px) } } @keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } 20% { opacity: 1; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px) } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px) } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown } @-webkit-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0) } 20% { opacity: 1; -webkit-transform: translateX(20px); transform: translateX(20px) } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px) } } @keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } 20% { opacity: 1; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px) } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px) } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft } @-webkit-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0) } 20% { opacity: 1; -webkit-transform: translateX(-20px); transform: translateX(-20px) } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px) } } @keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } 20% { opacity: 1; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px) } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px) } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight } @-webkit-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0) } 20% { opacity: 1; -webkit-transform: translateY(20px); transform: translateY(20px) } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px) } } @keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } 20% { opacity: 1; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px) } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px) } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp } @-webkit-keyframes fadeIn { 0% { opacity: 0 } 100% { opacity: 1 } } @keyframes fadeIn { 0% { opacity: 0 } 100% { opacity: 1 } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px) } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px) } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px) } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px) } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px) } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px) } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px) } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px) } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px) } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px) } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px) } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px) } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px) } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px) } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px) } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px) } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig } @-webkit-keyframes fadeOut { 0% { opacity: 1 } 100% { opacity: 0 } } @keyframes fadeOut { 0% { opacity: 1 } 100% { opacity: 0 } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } 100% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px) } } @keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } 100% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px) } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px) } } @keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px) } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) } 100% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px) } } @keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } 100% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px) } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px) } } @keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px) } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) } 100% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px) } } @keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } 100% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px) } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px) } } @keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px) } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } 100% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px) } } @keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } 100% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px) } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px) } } @keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px) } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } } @keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } } .animated.flip { -webkit-backface-visibility: visible; -ms-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0 } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg) } 70% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg) } 100% { -webkit-transform: perspective(400px) rotateX(0); transform: perspective(400px) rotateX(0); opacity: 1 } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0 } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); -ms-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg) } 70% { -webkit-transform: perspective(400px) rotateX(10deg); -ms-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg) } 100% { -webkit-transform: perspective(400px) rotateX(0); -ms-transform: perspective(400px) rotateX(0); transform: perspective(400px) rotateX(0); opacity: 1 } } .flipInX { -webkit-backface-visibility: visible!important; -ms-backface-visibility: visible!important; backface-visibility: visible!important; -webkit-animation-name: flipInX; animation-name: flipInX } .flipInY,.flipOutX { -webkit-backface-visibility: visible!important; -ms-backface-visibility: visible!important } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0 } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg) } 70% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg) } 100% { -webkit-transform: perspective(400px) rotateY(0); transform: perspective(400px) rotateY(0); opacity: 1 } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0 } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); -ms-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg) } 70% { -webkit-transform: perspective(400px) rotateY(10deg); -ms-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg) } 100% { -webkit-transform: perspective(400px) rotateY(0); -ms-transform: perspective(400px) rotateY(0); transform: perspective(400px) rotateY(0); opacity: 1 } } .flipInY { backface-visibility: visible!important; -webkit-animation-name: flipInY; animation-name: flipInY } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0); transform: perspective(400px) rotateX(0); opacity: 1 } 100% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0 } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0); -ms-transform: perspective(400px) rotateX(0); transform: perspective(400px) rotateX(0); opacity: 1 } 100% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0 } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; backface-visibility: visible!important } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0); transform: perspective(400px) rotateY(0); opacity: 1 } 100% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0 } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0); -ms-transform: perspective(400px) rotateY(0); transform: perspective(400px) rotateY(0); opacity: 1 } 100% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0 } } .flipOutY { -webkit-backface-visibility: visible!important; -ms-backface-visibility: visible!important; backface-visibility: visible!important; -webkit-animation-name: flipOutY; animation-name: flipOutY } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0 } 60% { -webkit-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1 } 80% { -webkit-transform: translateX(0) skewX(-15deg); transform: translateX(0) skewX(-15deg); opacity: 1 } 100% { -webkit-transform: translateX(0) skewX(0); transform: translateX(0) skewX(0); opacity: 1 } } @keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0 } 60% { -webkit-transform: translateX(-20%) skewX(30deg); -ms-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1 } 80% { -webkit-transform: translateX(0) skewX(-15deg); -ms-transform: translateX(0) skewX(-15deg); transform: translateX(0) skewX(-15deg); opacity: 1 } 100% { -webkit-transform: translateX(0) skewX(0); -ms-transform: translateX(0) skewX(0); transform: translateX(0) skewX(0); opacity: 1 } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } @-webkit-keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0) skewX(0); transform: translateX(0) skewX(0); opacity: 1 } 100% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0 } } @keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0) skewX(0); -ms-transform: translateX(0) skewX(0); transform: translateX(0) skewX(0); opacity: 1 } 100% { -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0 } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0 } 100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1 } } @keyframes rotateIn { 0% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); -ms-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0 } 100% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1 } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0 } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1 } } @keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0 } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1 } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0 } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1 } } @keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0 } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1 } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0 } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1 } } @keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0 } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1 } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0 } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1 } } @keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0 } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1 } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1 } 100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0 } } @keyframes rotateOut { 0% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1 } 100% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); -ms-transform: rotate(200deg); transform: rotate(200deg); opacity: 0 } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1 } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0 } } @keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1 } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0 } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1 } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0 } } @keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1 } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0 } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1 } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0 } } @keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1 } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0 } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1 } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0 } } @keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1 } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0 } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight } @-webkit-keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px) } 100% { -webkit-transform: translateY(0); transform: translateY(0) } } @keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px) } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown } @-webkit-keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px) } 100% { -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px) } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft } @-webkit-keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px) } 100% { -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px) } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0) } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px) } } @keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px) } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0) } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px) } } @keyframes slideOutRight { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px) } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px) } } @keyframes slideOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px) } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp } @-webkit-keyframes hinge { 0% { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 20%,60% { -webkit-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 40% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 80% { -webkit-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 100% { -webkit-transform: translateY(700px); transform: translateY(700px); opacity: 0 } } @keyframes hinge { 0% { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 20%,60% { -webkit-transform: rotate(80deg); -ms-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 40% { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 80% { -webkit-transform: rotate(60deg) translateY(0); -ms-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 100% { -webkit-transform: translateY(700px); -ms-transform: translateY(700px); transform: translateY(700px); opacity: 0 } } .hinge { -webkit-animation-name: hinge; animation-name: hinge } @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg) } 100% { opacity: 1; -webkit-transform: translateX(0) rotate(0); transform: translateX(0) rotate(0) } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); -ms-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg) } 100% { opacity: 1; -webkit-transform: translateX(0) rotate(0); -ms-transform: translateX(0) rotate(0); transform: translateX(0) rotate(0) } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn } @-webkit-keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0) rotate(0); transform: translateX(0) rotate(0) } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg) } } @keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0) rotate(0); -ms-transform: translateX(0) rotate(0); transform: translateX(0) rotate(0) } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); -ms-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg) } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut } .fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play { background-image: url(/bitrix/templates/hittek/i/fotorama.png) } @media (-webkit-min-device-pixel-ratio: 1.5),(-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx) { .fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play { background-image:url(/bitrix/templates/hittek/i/fotorama@2x.png); background-size: 96px 160px } } @media (max-width: 630px){ .container p img{ width: 100%; height: auto; } .delivery_page p img{ width:20px; } } @media (max-width: 860px){ .container span table{ width: 100%; } } .content_mod_aside { padding: 0 0 0 300px } .title { font: 400 50px/66px MuseoSans500; margin: 20px 0 40px; color: #000 } .title-eshop { font-size: 28px; margin-bottom: 0; } .breadcrumbs { font-size: 0; position: relative; margin: 116px 0 0; padding: 0 0 0 33px; list-style: none } .breadcrumbs:before { position: absolute; top: -2px; left: 0; display: block; width: 20px; height: 20px; margin: 0; background: url(/bitrix/templates/hittek/i/breadcrumbs-logo.png) left top no-repeat } .breadcrumbs__item,.breadcrumbs__item:last-child { display: inline-block } .breadcrumbs__item { font: 400 16px/20px MuseoSans500; position: relative; margin: 0 12px; -webkit-transition: all .3s ease; transition: all .3s ease } .breadcrumbs__item:before { position: absolute; left: -15px; content: '/' } .breadcrumbs__item a { -webkit-transition: all .3s ease; transition: all .3s ease; text-decoration: none; color: #4793d0 } .breadcrumbs__item a:hover { color: #6aaee4 } .breadcrumbs__item_mod_mobile { display: none; cursor: pointer } .breadcrumbs__item_mod_mobile a { color: #000 } @media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min-resolution:144dpi) { .breadcrumbs:before { background-image:url(/bitrix/templates/hittek/i/breadcrumbs-logo_x2.png); background-size: 20px 20px } } .form-result { margin: 70px 0 70px 10%; text-align: center } .form-result__topic { font: 400 45px/1 MuseoSans700; margin: 0 0 19px; color: #000 } .form-result__text { font: 400 16px/27px MuseoSans500; max-width: 580px; margin: 0 auto; text-align: center; color: #000 } .vacancies-form { padding: 54px 0 65px; text-align: center; border-radius: 0 0 20px 20px; background: #eff1f2 } .vacancies-form__topic { font: 400 30px/40px MuseoSans700; margin: 0 0 15px; text-align: center; color: #000 } .vacancies-form__text { font: 400 16px/24px MuseoSans500; margin: 0 0 28px; text-align: center; color: #000 } .vacancies-form__text_mod_italic { font-family: NotoItalic; font-size: 14px; max-width: 420px; margin: 23px auto 0 } .vacancies-form__text b { font-family: MuseoSans700 } .vacancies-form__input { font: 400 16px/1 MuseoSans500; line-height: normal; display: block; box-sizing: border-box; width: 100%; max-width: 250px; height: 50px; margin: 0 auto; -webkit-transition: all .3s ease; transition: all .3s ease; border: none; border-bottom: 2px solid rgba(0,0,0,.3); outline: 0; background: #eff1f2 } .vacancies-form__input:focus { border-color: #000 } .vacancies-form__submit { font: 400 20px/1 MuseoSans700; box-sizing: border-box; width: 100%; max-width: 260px; height: 55px; margin: 0 auto 52px; -webkit-transition: all .3s ease; transition: all .3s ease; text-align: center; color: #fff; border: none; border-radius: 35px; outline: 0; background: #000 } .vacancies-form__submit:hover { background: rgba(0,0,0,.8) } .vacancies-form__line { font: 400 16px/1 NotoItalic; position: relative; margin: 45px 0; color: #000 } .vacancies-form__line:before { position: absolute; top: 50%; left: 0; width: 100%; height: 1px; content: ''; background: #fff } .vacancies-form__line span { position: relative; padding: 0 25px; background: #eff1f2 } .vacancies-form__phone-text { font: 400 16px/19px MuseoSans500; margin: 0 0 9px; color: #000 } .vacancies-form__phone-number { font: 400 30px/1 MuseoSans500; margin: 0; color: #000 } .vacancies-form__link { -webkit-transition: all .3s ease; transition: all .3s ease; text-decoration: none; color: #4793d0 } .vacancies-form__link:hover { color: #6aaee4 } .vacancies-form-file { position: relative; display: inline-block; overflow: hidden; width: 250px; margin: 31px 0 24px; text-align: left } .vacancies-form-file__input { font-size: 100px; position: absolute; top: 0; right: 0; height: 100px; cursor: pointer; opacity: 0 } .vacancies-form-file__label { font: 400 16px/1 MuseoSans500; margin: 0; color: #4a90e2 } .vacancies-form-file__label:before,.vacancies-form-list__item:before { vertical-align: middle; font: normal normal normal 14px/1 FontAwesome; content: ""; display: inline-block; -moz-osx-font-smoothing: grayscale; } .vacancies-form-file__label:before { margin: 0 10px 0 0; font-size: inherit; -webkit-font-smoothing: antialiased } .vacancies-form-list { position: relative; width: 250px; margin: 31px auto 30px; text-align: left } .vacancies-form-list__item { font: 400 16px/1 MuseoSans500; margin: 0 20px 0 0; color: #4a90e2 } .vacancies-form-list__item:before { margin: 0 10px 0 0; font-size: inherit; -webkit-font-smoothing: antialiased } .vacancies-form-list__close { position: absolute; top: 0; right: 0; cursor: pointer } .vacancies-form-list__close:before { color: #4a90e2; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; content: ""; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .button,.text-content .button,.text-content .button:hover { color: #000 } .button { font: 400 16px/2.875 MuseoSans500; display: inline-block; margin: 0; padding: 0 30px; -webkit-transition: all .3s ease; transition: all .3s ease; text-decoration: none; border: 2px solid #eae9e9; border-radius: 30px } .button:hover { border-color: #000 } .header { font-size: 0; position: relative; z-index: 101; height: 150px; -webkit-transition: opacity .3s ease; transition: opacity .3s ease } .header__wrap { position: fixed; z-index: 10; top: 0; left: 0; width: 100%; -webkit-transition: top .3s ease,-webkit-transform .3s ease; transition: top .3s ease,-webkit-transform .3s ease; transition: transform .3s ease,top .3s ease; transition: transform .3s ease,top .3s ease,-webkit-transform .3s ease; background: #fff } .header__menu,.header__search { -webkit-transition: all .3s ease; cursor: pointer } .header_mod_white .header__wrap { opacity: 0; background: 0 0 } .header_mod_white .header__wrap:after { display: none } .header_mod_2 .header__wrap { position: relative; opacity: 1 } .header_state_fixed .header__wrap { top: -22px } .header__wrap:after { position: absolute; bottom: -40px; left: 0; display: block; width: 100%; height: 40px; background: -webkit-linear-gradient(top,#fff 0,rgba(255,255,255,0) 100%); background: linear-gradient(to bottom,#fff 0,rgba(255,255,255,0) 100%); } .header__body { box-sizing: border-box; max-width: 1300px; margin: 0 auto; padding: 0 40px } .header_mod_2 .header__body { position: relative; padding: 0; opacity: 1 } .header__block_mod_left { font-size: 0; position: relative; float: left; width: 280px } .header__block_mod_right { font-size: 0; position: relative; margin: 0 0 0 300px } .header_state_menu .header__block_mod_right { display: none } .header__menu { position: absolute; top: 53px; left: -24px; width: 72px; height: 47px; transition: all .3s ease; background: 0 0 } .header__menu:before { position: absolute; top: 14px; left: 24px; display: block; width: 24px; height: 20px; background: url(/bitrix/templates/hittek/i/sprite.png) 0 -246px no-repeat } .header__menu:hover { opacity: .5 } .header_mod_white .header__menu:before { background-position: 0 -282px } .header_mod_white .header__menu:hover { opacity: 1 } .header__search { position: absolute; top: 100px; left: -25px; display: inline-block; width: 72px; height: 50px; transition: all .3s ease } .header__search:before { position: absolute; top: 13px; left: 25px; display: block; width: 26px; height: 27px; background: url(/bitrix/templates/hittek/i/sprite.png) -72px -246px no-repeat } .header__search:hover { opacity: .5 } .header_mod_white .header__logo:hover,.header_mod_white .header__search:hover { opacity: 1 } .header_mod_white .header__search:before { background-position: -72px -282px } .header__login { position: absolute; top: 42px; right: 0; -webkit-transition: all .3s ease; transition: all .3s ease; text-decoration: none; color: #000 } .header_mod_white .header__login { color: #fff } .header__login:hover { color: #999 } .header__logo { position: absolute; top: 27px; right: 20px; display: block; width: 182px; height: 123px; margin: 0; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; background: url(/bitrix/templates/hittek/i/sprite.png) no-repeat } .header__logo span { display: inline-block; white-space: nowrap; text-indent: 100% } .header_mod_white .header__logo { background-position: 0 -123px } .header__logo:hover { opacity: .5 } .header_mod_white .header-city .jq-selectbox__select { color: #fff } .header-city .jq-selectbox__select:hover { color: #999 } .header-city .jq-selectbox__select:hover .jq-selectbox__trigger-arrow { opacity: .4 } .header_mod_white .header-city .jq-selectbox__trigger-arrow { background-position: -227px -296px } .header-city li { padding: 10px 37px 10px 25px; -webkit-transition: all .3s ease; transition: all .3s ease; border-top: 1px solid #d2d2d2 } .header-list__item a,.header__phone { -webkit-transition: all .3s ease; text-decoration: none } .header-city li:first-child { border-top: none } .header-city li.selected,.header-city li:hover { color: #000; background: #f2f5f6 } .header-city.focused .jq-selectbox__select { border: none } .header-city.opened .jq-selectbox__trigger-arrow { -webkit-transform: rotate(180deg); transform: rotate(180deg) } .header__phone { font: 700 16px/1 MuseoSans500; display: inline-block; margin: 42px 19px 0 28px; transition: all .3s ease; color: #000 } .header_mod_white .header__phone { color: #fff } .header__address { font: 400 20px/1 MuseoSans500; position: absolute; top: 111px; right: 4px; display: none; text-decoration: none; color: #000 } .header_mod_white .header__address { color: #fff } .header__address:before { position: absolute; bottom: 1px; left: -26px; display: block; width: 14px; height: 20px; background: url(/bitrix/templates/hittek/i/sprite.png) -163px -246px no-repeat } .header_mod_white .header__address:before { background-position: -149px -282px } .header-list { font-size: 0; display: inline-block; margin: 42px 0 0; padding: 0; list-style: none; vertical-align: top } .header-list__item { font: 400 16px/1 MuseoSans500; display: inline-block; margin: 0 15px } .header-list__item a { transition: all .3s ease; color: #000 } .header_mod_white .header-list__item a { color: #fff } .header-list__item a:hover { color: #999 } .header_mod_white .header-menu { border-color: #fff; background: #fff } .header_mod_white .menu-search__submit-right { background-position: -130px -283px; } .header_mod_white .header-menu__item a { color: #000 } .header_mod_white .header-menu__item a:hover { color: rgba(0,0,0,.7) } .header-menu__item_state_active a { color: #000; border-color: #000; background: #fff } .header_mod_white .header-menu__item_state_active a { color: #fff; background: #1c1d23 } .header_mod_white .header-menu__item_state_active a:hover { color: #fff } .header-menu__item_state_active a:hover { color: #000 } .header-menu__item_mod_index { padding:0 5px 0 20px; } .header-menu__item_mod_index a:before { display: block; width: 24px; height: 24px; margin: 0 auto; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; background: url(/bitrix/templates/hittek/i/sprite.png) -186px -344px no-repeat; } .header-menu__item_mod_index a { background: 0 0 !important; border-color: transparent !important; } .header-menu__item_mod_index a:before{ background-position: -186px -344px; } .header_mod_white .header-menu__item_mod_index a { background:white !important; border-color: transparent !important; } .header_mod_white .header-menu__item_mod_index a:before{ background-position: -186px -320px; } .header_mod_white .header-menu__item_mod_cart a { border: none; background: 0 0 } .header_mod_white .header-menu__item_mod_cart a:before { background-position: -177px -246px } .header-menu__item_mod_cart a:hover:before { opacity: .5 } .header-scroll { position: fixed; z-index: 10; top: 0; left: 0; width: 100%; -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease,-webkit-transform .3s ease; -webkit-transform: translate(0,-100%); transform: translate(0,-100%); background: #000 } .header-scroll__body { position: relative; width: 100%; min-width: 320px; max-width: 1400px; height: 120px } .header-scroll__menu { position: absolute; top: 0; left: 35px; width: 120px; height: 120px; margin-left: -44px; cursor: pointer } .header-scroll__logo,.header-scroll__menu:before { top: 48px; height: 26px; position: absolute; display: block } .header-scroll__menu:before { left: 44px; width: 32px; background: url(/bitrix/templates/hittek/i/sprite.png) -24px -282px no-repeat } .header-scroll__logo { left: 35px; width: 81px; margin: 0 0 0 72px; background: url(/bitrix/templates/hittek/i/sprite.png) 0 -358px no-repeat } .header-scroll__address { font: 400 20px/1 MuseoSans500; position: absolute; top: 50px; right: 35px; text-decoration: none; color: #fff } .header-scroll__address:before { position: absolute; bottom: 1px; left: -26px; display: block; width: 14px; height: 20px; background: url(/bitrix/templates/hittek/i/sprite.png) -149px -246px no-repeat } @media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min-resolution:144dpi) { .header-city .jq-selectbox__trigger-arrow,.header-menu__item_mod_cart a:before,.header-scroll__address:before,.header-scroll__logo,.header-scroll__menu:before,.header__address:before,.header__logo,.header__menu:before,.header__search:before { background-image:url(/bitrix/templates/hittek/i/sprite_x2.png); background-size: 500px 500px } } .header-player_mod_poster { /*background: url(/bitrix/templates/hittek/i/main/main_bg.jpg) center center no-repeat;*/ background-size: cover } .menu { position: fixed; z-index: 200; top: 0; left: 0; overflow-x: hidden; overflow-y: auto; width: 100%; height: 100%; background: #e4eaed } .menu__body { box-sizing: border-box; max-width: 1300px; margin: 0 auto; padding: 0 40px } .menu__top { height: 150px } .menu__right { margin: 0 110px 0 300px; padding: 73px 0 0 } .menu-search { position: relative; margin: 0 } .menu-search__input { font: 400 23px/1 MuseoSans300; line-height: normal; box-sizing: border-box; width: 100%; height: 77px; padding: 0 90px 0 40px; border: 2px solid #000; border-radius: 40px; outline: 0; background: #fff } .menu-search__submit { position: absolute; top: 0; right: 0; width: 90px; height: 77px; border: none; border-radius: 0 40px 40px 0; outline: 0; background: 0 0 } .menu__cart,.menu__logout { text-decoration: none; border-top: 2px solid rgba(255,255,255,.2) } .menu-search__submit:before { position: absolute; top: 25px; right: 40px; width: 26px; height: 27px; background: url(/bitrix/templates/hittek/i/sprite.png) -72px -246px no-repeat } .menu__close { position: absolute; top: 14px; right: -110px; width: 49px; height: 48px; -webkit-transition: all .3s ease; transition: all .3s ease; background: url(/bitrix/templates/hittek/i/sprite.png) -328px -246px no-repeat } .menu__close:hover { opacity: .5 } .menu__bottom { font-size: 0; padding: 100px 0 0 } .menu__block { margin: 0px 0 0px; padding: 0; } .menu__block_mod_line { border-bottom: 1px solid #fff } .menu-list { display: inline-block; box-sizing: border-box; width: 100%; margin: 0; padding: 0 0px 0 0; vertical-align: top } .menu-list:first-child { margin-left: 0 } .menu-list__body { margin: 0; padding: 0; list-style: none } .menu-list__body_mod_submenu { margin: 5px 0 0 } .menu-list__body_mod_submenu .menu-list__body { margin: 0 0 39px 22px } .menu-list__title { font: 400 25px MuseoSans700; margin: 0; color: #000 } .mobile-menu-subsection .menu-depth-2 a{ font-size: 18px; } .mobile-menu-subsection .menu-depth-3 a{ font-size: 16px; } .menu-list__item { font: 400 16px/1.5 MuseoSans500; margin: 18px 0 } .menu-list__item a { -webkit-transition: all .3s ease; transition: all .3s ease; text-decoration: none; color: #000 } .menu-list__item a:hover { color: #999 } .menu-list__body_mod_submenu>.menu-list__item { font-family: MuseoSans700; font-size: 18px; margin: 14px 0 } .menu__cart { font: 400 25px MuseoSans500; display: block; display: none; padding: 45px 50px 45px 77px; color: #fff } .menu__cart-count { font: 400 20px/1 MuseoSans900; position: relative; bottom: 2px; display: inline-block; margin: 0 0 0 30px; padding: 5px 10px; color: #fff; border-radius: 30px; background: red } .menu__logout { font: 400 32px/1.09375 MuseoSans500; display: block; display: none; padding: 45px 50px 45px 77px; color: #fff } .shop-promo__button,.shop-sale-link { -webkit-transition: all .3s ease; text-decoration: none } .shop-sale-block__left,.shop-sale-block__right { box-sizing: border-box; width: 50%; vertical-align: top; display: inline-block } @media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min-resolution:144dpi) { .menu-list__title span:after,.menu-search__submit:before,.menu__close:after { background-image:url(/bitrix/templates/hittek/i/sprite_x2.png); background-size: 500px 500px } } .shop-sale-block { font-size: 0; margin: 0 0 0 10% } .shop-sale-block__left { padding: 0 40px 0 0 } .shop-sale-block__right { padding: 0 0 0 40px } .shop-sale-text { font: 400 16px/26px MuseoSans500; margin: 20px 0; color: #000 } .shop-sale-text b { font-family: MuseoSans700; font-size: 18px; font-weight: 400 } .shop-sale-text_size_big { font: 400 20px/26px MuseoSans700 } .shop-sale-text_size_small { font: 400 14px/26px MuseoSans500; color: #9f9f9f } .shop-sale-link { transition: all .3s ease; color: #4793d0 } .shop-sale-link_mod_file:after { margin: 0 5px; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; content: ""; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .shop-sale-link:hover { color: #6aaee4 } .shop-sale-item { display: inline-block; width: 200px; margin: 0 20px; vertical-align: top } .shop-sale-item__wrap { font-size: 0; margin: 30px 0 0 } .shop-sale-item__body { margin: 0 -20px } .shop-sale-item__img { height: 250px; margin: 0 0 30px } .shop-sale-item__img img { vertical-align: bottom } .shop-sale-item__img:before { display: inline-block; width: 0; height: 100%; content: ''; vertical-align: bottom } .shop-sale-item__title { font: 400 16px/24px MuseoSans500; margin: 0 0 4px; color: #000 } .shop-sale-item__price { font: 400 18px/24px MuseoSans900; margin: 0 0 20px; color: #000 } .shop-sale-item-list { margin: 0 0 0 20px; padding: 0; list-style: none } .shop-sale-item-list__item { font: 400 13px/17px MuseoSans500; margin: 6px 0; color: rgba(0,0,0,.5) } .shop-sale-item-list__item:before { float: left; margin-left: -20px; content: '\2014\a0' } .aside-menu_mod_submenu:before,.shop-map-list__item a:before,.shop-map__title a:after,.shop-promo__item:before { content: '' } .shop-promo { font-size: 0; margin: 100px 0 } .shop-promo__body { margin: 0 -1px; text-align: center } .shop-promo__item { display: inline-block; overflow: hidden; width: 300px; height: 365px; margin: 1px; text-align: center; vertical-align: top; text-decoration: none } .shop-promo__item:before { display: inline-block; width: 0; height: 100%; vertical-align: middle } .shop-promo__item_mod_1 { border-radius: 40px 0 0; background: #d0fafa } .shop-promo__item_mod_1:hover { background: url(/bitrix/templates/hittek/i/shop/shop-promo_1.png) center center no-repeat; background-size: cover } .shop-promo__item_mod_2 { background: #ebfcba } .shop-promo__item_mod_2:hover { background: url(/bitrix/templates/hittek/i/shop/shop-promo_2.png) center center no-repeat; background-size: cover } .shop-promo__item_mod_3 { border-radius: 0 40px 0 0; background: #fef6c7 } .shop-promo__item_mod_3:hover { background: url(/bitrix/templates/hittek/i/shop/shop-promo_3.png) center center no-repeat; background-size: cover } .shop-promo__item_mod_4 { border-radius: 0 0 0 40px; background: #ffe8e2 } .shop-promo__item_mod_4:hover { background: url(/bitrix/templates/hittek/i/shop/shop-promo_4.png) center center no-repeat; background-size: cover } .shop-promo__item_mod_5 { background: #f8e5fc } .shop-promo__item_mod_5:hover { background: url(/bitrix/templates/hittek/i/shop/shop-promo_5.png) center center no-repeat; background-size: cover } .shop-promo__item_mod_6 { border-radius: 0 0 40px; background: url(/bitrix/templates/hittek/i/shop/shop-promo_6.png) center center no-repeat; background-size: cover } .shop-promo__item_state_subs { background: #f0efee } .shop-promo__item-shares { display: inline-block; margin: 50px 0 0; vertical-align: middle } .shop-promo__item_state_subs .shop-promo__item-shares { display: none } .shop-promo__item-body { display: inline-block; width: 180px; margin: 0; padding: 50px 25px; vertical-align: middle } .shop-promo__item:hover .shop-promo__item-body { background: #fff } .shop-promo__icon { margin: 0 0 19px } .shop-promo__title { font: 400 25px/28px MuseoSans700; margin: 0 0 11px; color: #000 } .shop-promo__text { font: 400 14px/20px MuseoSans500; margin: 0; color: #000 } .shop-promo__button { font: 400 16px/50px MuseoSans500; display: inline-block; margin: 29px 0 0; padding: 0 25px; transition: all .3s ease; color: #fff; border: none; border-radius: 25px; outline: 0; background: #000 } .shop-promo-subs__button,.shop-promo-subs__input { width: 100%; height: 50px; -webkit-transition: all .3s ease; outline: 0; box-sizing: border-box; max-width: 230px } .shop-promo__button:hover { background: rgba(0,0,0,.8) } .shop-promo-subs { display: none; margin: 50px 0 0; text-align: center } .shop-promo__item_state_subs .shop-promo-subs { display: inline-block } .shop-promo-subs__title { font: 400 14px/22px NotoItalic; max-width: 230px; margin: 5px auto 22px; color: #000 } .shop-promo-subs__input { font: 400 15px/1 MuseoSans500; line-height: normal; display: block; margin: 6px 0; padding: 0 20px; transition: all .3s ease; color: #000; border: 2px solid #d9dcdd; border-radius: 25px } .shop-promo-subs__input:focus { border-color: #000 } .shop-promo-subs__button { font: 400 16px/1 MuseoSans500; margin: 20px 0 0; transition: all .3s ease; text-align: center; color: #fff; border: none; border-radius: 25px; background: #000 } .shop-promo-subs__button:hover { background: rgba(0,0,0,.8) } .shop-map { font-size: 0; margin: 0 0 100px } .shop-map__body { margin: 0 -40px } .shop-map__item { display: inline-block; box-sizing: border-box; width: 33.33333333333333%; padding: 0 40px } .shop-map__img { display: block; max-width: 230px; margin: 0 -30px 16px } .shop-map__title { font: 400 20px/28px MuseoSans700; position: relative; display: inline; margin: 0 } .shop-map__title a { position: relative; padding: 0 35px 0 0; text-decoration: none; color: #000 } .shop-map__title a:after { position: absolute; right: 0; bottom: -3px; display: block; width: 26px; height: 26px; background: url(/bitrix/templates/hittek/i/shop-map__title-arrow.png) left top no-repeat } .shop-map-list { margin: 20px 0 40px; padding: 0; list-style: none } .shop-map-list__item { margin: 0 0 13px } .shop-map-list__item a { font: 400 16px/25px MuseoSans500; position: relative; display: inline-block; padding: 0 0 0 15px; text-decoration: none; color: #000 } .shop-map-list__item a:before { position: absolute; top: 8px; left: 3px; display: block; width: 5px; height: 9px; background: url(/bitrix/templates/hittek/i/shop-map-list__item-arrow.png) left top no-repeat } .aside,.aside-price__before-block { position: relative } .shop-map__text { font: 400 14px/20px MuseoSans500Italic; margin: 10px 0 0; color: #000 } .aside { float: left; width: 280px; margin-left: -100% } .aside-menu { margin: 114px 0 0; padding: 0; list-style: none } .aside-menu .delimiter { height: 25px; } .aside-menu__item { margin: 0 0 9px } .aside-menu__item a { font: 400 16px/24px MuseoSans500; display: inline-block; margin: 0 15px 0 -15px; padding: 6px 15px; -webkit-transition: all .3s ease; transition: all .3s ease; text-decoration: none; color: #000; border-radius: 20px } .aside-menu__item a:hover { color: #999 } .menu-item-level2.aside-menu__item_state_active, .menu-item-level3.aside-menu__item_state_active { display: block; } .aside-menu-catalog .menu-item-level2 { display: none; } .menu-item-level2 { margin-left: 1em; margin-bottom: 0; } .menu-item-level3 { display: none; margin-left: 2em; margin-bottom: 0; } .menu-item-level4 { display: none; margin-left: 3em; margin-bottom: 0; } .menu-item-level2 a, .menu-item-level3 a, .menu-item-level4 a { font-size: 13px; } .aside-menu-catalog .menu-item-level2 { margin-left: 2em; } .aside-menu-catalog .menu-item-level3 { margin-left: 4em; } .aside-menu-catalog .menu-item-level4 { margin-left: 6em; } .aside-menu__item_mod_dealer a { font-family: MuseoSans700; display: block; float: left; margin-top: 23px; color: red } .aside-menu__item_mod_dealer a:hover { color: #fa5b5b } .aside-menu__item_mod_dealer-text { font: 400 14px/20px MuseoSans500; float: left; clear: both; width: 75.43859649122807%; color: #aaa } .aside-menu__item_color_red a { color: red } .aside-menu__item_color_red a:hover { color: #fa5b5b } .aside-menu__item_state_active a { padding-right: 13px; padding-left: 13px; border: 2px solid rgba(0,0,0,.15) } .aside-menu__item_state_active a:hover { color: #000; border-color: #000 } .aside-menu__item_state_current a { padding-right: 13px; padding-left: 13px; border: 2px solid #000 } .aside-menu__item_state_current a:hover { color: #000 } .aside-menu_mod_submenu { margin: 0 } .aside-menu_mod_submenu:before { display: block; width: 210px; height: 1px; margin: 25px 0; background: #ebebeb } .aside-block-mobile .aside-menu_mod_submenu:before { display: none } .aside-menu-mobile { display: none; margin: 0; padding: 0; list-style: none } .aside-menu-mobile__item a { font: 400 16px/1.2 MuseoSans500; display: block; padding: 15px 35px; text-decoration: none; color: #fff; border-bottom: 1px solid rgba(255,255,255,.15) } .aside-menu-mobile__item a:after { margin: 0 0 0 10px; -webkit-transition: all .3s ease; transition: all .3s ease; font: normal normal normal 14px/1 FontAwesome; font-size: 12px; content: ""; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .aside-menu-mobile__item_mod_dealer { margin-top: 25px } .aside-menu-mobile__item_mod_dealer-text { font: 400 14px/20px MuseoSans500; color: #aaa } .aside-menu-mobile__item_state_active a,.aside-menu-mobile__item_state_current a { color: #000 } .aside-shares { width: 215px; margin: 0 } .aside-shares-mobile .aside-shares { width: auto; margin: 0 -35px } .aside-shares__logo { width: 42px; height: 42px; margin: 50px 0 22px; background: url(/bitrix/templates/hittek/i/aside-shares_logo.png) left top no-repeat } .aside-shares-mobile .aside-shares__logo { margin: 20px 0 } .aside-shares__item { padding: 28px 0 0; border-top: 1px solid #ebebeb } .aside-shares__item:first-child { padding: 0; border: none } .aside-shares-mobile .aside-shares__item { padding: 28px 35px 0 } .aside-shares__title { font: 400 16px/23px MuseoSans700; margin: 0 0 10px } .aside-shares__title a { -webkit-transition: all .3s ease; transition: all .3s ease; text-decoration: none; color: #000 } .aside-shares__title a:hover { opacity: .7 } .aside-shares__text { font: 400 14px/20px MuseoSans500; margin: 0 0 17px; color: #000 } .aside-price__before-input,.aside-price__title { font: 400 16px/1 MuseoSans500 } @media screen and (min-width: 666px){ .aside-price { margin: -52px 0 10px 205px; } } @media screen and (max-width: 665px){ .aside-price { margin: 0; } } .aside-price:before { display: block; width: 210px; height: 1px; margin: 35px 0; content: ''; background: #ebebeb } .aside-price__after-input,.aside-price__before-input { width: 88px; height: 36px; padding: 0 0 0 25px; background: 0 0; box-sizing: border-box; outline: 0 } .aside-tabs__result .aside-price:before { display: none } .aside-price__title { margin: 33px 0 4px; color: #000 } .aside-tabs__result .aside-price__title { margin: 0 0 4px; color: #fff } .aside-price__before-input { line-height: normal; -webkit-transition: all .3s ease; transition: all .3s ease; border: none; border-bottom: 2px solid #b2b2b2 } .aside-tabs__result .aside-price__before-input { color: #fff } .aside-price__before-input:focus { border-color: #fff } .aside-price__before-text { font: 400 16px/1 MuseoSans500; position: absolute; top: -2px; left: 0; color: #000 } .aside-tabs__result .aside-price__after-input,.aside-tabs__result .aside-price__before-text { color: #fff } .aside-price__after-block { position: relative; margin: 0 0 0 15px } .aside-price__after-input { font: 400 16px/1 MuseoSans500; line-height: normal; -webkit-transition: all .3s ease; transition: all .3s ease; border: none; border-bottom: 2px solid #b2b2b2 } .aside-sorting:before { width: 100%; height: 1px; content: ''; background: #ebebeb } .aside-firm:after,.aside-sorting:after { width: 100%; height: 1px; content: ''; background: #ebebeb; display: block; } .aside-price__after-input:focus { border-color: #fff } .aside-price__after-text { font: 400 16px/1 MuseoSans500; position: absolute; top: -2px; left: 0; color: #000 } .aside-tabs__result .aside-price__after-text { color: #fff } .aside-price__button { font: 400 13px/29px MuseoSans500; display: inline-block; margin: 24px 0 10px; padding: 0 15px; -webkit-transition: all .3s ease; transition: all .3s ease; text-decoration: none; color: rgba(0,0,0,.5); border: 1px solid #e8e8e8; border-radius: 15px } .aside-tabs__result .aside-price__button { color: #fff } .aside-price__button:hover { color: #000; border-color: #494949 } .aside-tabs__result .aside-price__button:hover { color: #494949 } .aside-firm { margin: 0 } .aside-block-mobile .aside-firm:before { display: none } .aside-block-mobile .aside-firm { margin: 0; padding: 5px 0 11px } .aside-firm__title { line-height: 52px !important; font: 400 16px/1 MuseoSans500; margin: 0 0 15px 0; color: #262626 } .aside-firm__body { margin: 0 -5px } .aside-firm__list { font-size: 0; margin: 0 0 31px; padding: 0; list-style: none; display: inline-block; width: 100%; } .aside-firm__list li{ float:left; } .aside-firm__list li:nth-child(4n+1) { clear:both; } @media (max-width: 1310px) { .aside-firm__list li:nth-child(4n+1) { clear:none; } .aside-firm__list li:nth-child(3n+1) { clear:both; } } @media (max-width: 1070px) { .aside-firm__list li:nth-child(4n+1) { clear:none; } .aside-firm__list li:nth-child(3n+1) { clear:none; } } .aside-block-mobile .aside-firm__list { margin: 0 } .aside-firm__item { display: inline-block; margin: 4px 45px 4px 0; width: 185px; text-align: center; } .aside-firm__item input[type=checkbox] { display: none; } .aside-firm__item .text-dealer__input + label:before { top: 25%; left: 10px; height: 10px; width: 10px; line-height: 8px; } .aside-firm__item .text-dealer__input + label { margin: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .aside-firm__item a { position: relative; font: 400 13px/29px MuseoSans500; display: block; padding: 5px 10px; line-height: 18px; -webkit-transition: all .3s ease; transition: all .3s ease; text-decoration: none; color: #000; border: 1px solid #f0f0f0; border-radius: 16px; text-align: left; padding-left: 30px; } .aside-firm__item a.brand-links{ display: inline-block; border: none; padding: 0; vertical-align: middle; color: #4793d0; } .brand-filter-line{ padding: 6px 10px; position: relative; text-align: left; } .aside-firm__item .text-dealer__label.brand-item{ width: 14px; height: 14px; content: ''; display: inline-block; border: 2px solid rgba(0,0,0,.16); margin-right: 0; text-align: center; padding: 0; box-sizing: border-box; vertical-align: middle; position: absolute!important; left: 15px; top: 8px; } #smartfilter-wrap .smartfilter .text-dealer__label { padding: 0px 0px 0px 35px; } #smartfilter-wrap .text-dealer__input + label a { color: #262626; } .aside-firm__item input[type="checkbox"]:checked + label.text-dealer__label.brand-item{ border-color: #000; } .aside-firm__item input[type="checkbox"]:checked + label.text-dealer__label.brand-item:before{ content: "\2714"; display: block; position: absolute; left: 1px; top: 2px; z-index: 2; border: 0px; } .aside-firm__item input[type="checkbox"]:disabled + .text-dealer__label.brand-item:before, .aside-firm__item input[type="checkbox"]:disabled + .text-dealer__label.brand-item:hover:before{ display: none!important; } .aside-firm__item input[type="checkbox"]:disabled + .text-dealer__label.brand-item, .aside-firm__item input[type="checkbox"]:disabled + .text-dealer__label.brand-item:hover{ border: 2px solid rgba(0,0,0,.16); } .aside-firm__item .text-dealer__label.brand-item:before{ display: none; } .aside-firm__item a:hover,.aside-firm__item_state_active a { border-color: #494949 } .aside-firm__count { color: #4a90e2 } .aside-sorting { margin: 0 } .aside-sorting:before { display: block; margin: 35px 0 } .aside-block-mobile .aside-sorting:before,.aside-shares-mobile { display: none } .aside-block-mobile .aside-sorting { margin: 0; padding: 15px 0 35px; border-bottom: 1px solid #ebebeb } .aside-sorting__text { font: 400 16px/1 MuseoSans500; margin: 0; color: #000 } .aside-sorting__select { margin: 0 0 0 4px; vertical-align: top } .aside-sorting__select .jq-selectbox__select { font: 400 16px/1 MuseoSans500; height: auto; padding: 0 26px 0 0; -webkit-transition: all .3s ease; transition: all .3s ease; color: #000; border: none; background: 0 0; box-shadow: none; text-shadow: none } .header_mod_white .aside-sorting__select .jq-selectbox__select { color: #fff } .aside-sorting__select .jq-selectbox__select:hover { color: #999 } .aside-sorting__select .jq-selectbox__select:hover .jq-selectbox__trigger-arrow { opacity: .4 } .aside-sorting__select .jq-selectbox__select-text { width: auto!important; color: #4793d0 } .aside-sorting__select .jq-selectbox__trigger { border: none } .aside-sorting__select .jq-selectbox__trigger-arrow { top: 6px; width: 10px; height: 6px; -webkit-transition: all .3s ease; transition: all .3s ease; border: none; background: url(/bitrix/templates/hittek/i/sprite.png) -227px -260px no-repeat } .header_mod_white .aside-sorting__select .jq-selectbox__trigger-arrow { background-position: -227px -296px } .aside-sorting__select .jq-selectbox__dropdown { font: 400 16px/1 MuseoSans500; top: 32px; color: #000; border: 1px solid #d2d2d2; border-bottom: 2px solid #000; border-radius: 0; box-shadow: none; text-shadow: none } .aside-sorting__select li { padding: 10px 37px 10px 25px; -webkit-transition: all .3s ease; transition: all .3s ease; border-top: 1px solid #d2d2d2 } .aside-sorting__select li:first-child { border-top: none } .aside-sorting__select li.selected,.aside-sorting__select li:hover { color: #000; background: #f2f5f6 } .aside-lk:before,.aside-subs:before { height: 1px; content: ''; background: #ebebeb } .aside-sorting__select.focused .jq-selectbox__select { border: none } .aside-sorting__select.opened .jq-selectbox__trigger-arrow { -webkit-transform: rotate(180deg); transform: rotate(180deg) } .aside-block-mobile { display: none } .aside-lk { margin: 25px 0 0 } .aside-lk:before { display: block; width: 210px; margin: 0 0 35px } .aside-block-mobile .aside-lk:before { display: none } .aside-block-mobile .aside-lk { margin: 0 0 50px } .aside-lk__opt-title { font: 400 18px/1 MuseoSans700; margin: 0 0 14px; color: #000 } .aside-lk__opt-text { font: 400 16px/24px MuseoSans500; margin: 0; color: #000 } .aside-lk__opt-text a { -webkit-transition: all .3s ease; transition: all .3s ease; text-decoration: none; color: #4793d0 } .aside-lk__opt-text a:hover { color: #6aaee4 } .aside-subs { width: 220px; margin: 0 } .aside-subs:before { display: block; width: 210px; margin: 25px 0 35px } .aside-block-mobile .aside-subs:before,.aside-tabs { display: none } .aside-block-mobile .aside-subs { box-sizing: border-box; width: 100%; margin: 40px 0 70px; padding: 0 } .aside-subs__title { font: 400 18px/1 MuseoSans700; margin: 0 0 10px; color: #000 } .aside-subs__text { font: 400 13px/17px MuseoSans500; margin: 0; color: #a0a0a0 } .aside-subs__input { font: 400 15px/1 MuseoSans500; line-height: normal; box-sizing: border-box; width: 100%; height: 40px; margin: 5px 0; padding: 0; -webkit-transition: all .3s ease; transition: all .3s ease; color: #000; border: none; border-bottom: 2px solid rgba(0,0,0,.25); outline: 0 } .aside-subs__input:focus { border-color: #000 } .aside-subs__submit { font: 400 16px/50px MuseoSans500; margin: 20px 0 0; padding: 0 25px; -webkit-transition: all .3s ease; transition: all .3s ease; color: #fff; border: none; border-radius: 25px; outline: 0; background: #000 } .aside-subs__submit:hover { background: #333 } .aside-tabs { overflow: hidden; margin: 0 -35px } .aside-tabs__wrap { margin: 0 -2px } .aside-tabs__body { display: table; box-sizing: border-box; width: 100% } .aside-tabs__row { display: table-row } .aside-tabs__item { display: table-cell; height: 50px; cursor: pointer; -webkit-transition: all .3s ease; transition: all .3s ease; text-align: center; border: 2px solid #fff; border-bottom: none; background: #e8e8e8 } .aside-tabs-select__label:after,.aside-tabs__item span:after { margin: 0 0 0 10px; -webkit-transition: all .3s ease; content: ""; -moz-osx-font-smoothing: grayscale } .aside-tabs-block,.aside-tabs-nav { border-top: 1px solid rgba(255,255,255,.15) } .aside-tabs-nav,.aside-tabs__item_state_open { background: #000 } .aside-tabs__item span { font: 400 14px/50px MuseoSans500; color: #000 } .aside-tabs__item span:after { display: inline-block; transition: all .3s ease; color: #4793d0; font: normal normal normal 14px/1 FontAwesome; font-size: 12px; -webkit-font-smoothing: antialiased } .aside-tabs__item:first-child { padding: 0 0 0 35px; text-align: left } .aside-tabs__item_state_open>span { color: #fff } .aside-tabs__item_state_open>span:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); color: #fff } .aside-tabs__result { display: none } .aside-tabs__result_mod_nav { padding: 0 0 150px } .aside-tabs-select { position: relative; background: #000 } .aside-tabs-select__label { font: 400 16px/50px MuseoSans500; padding: 0 35px; color: #fff } .aside-tabs-select__label:after { transition: all .3s ease; font: normal normal normal 14px/1 FontAwesome; font-size: 12px; -webkit-font-smoothing: antialiased } .aside-tabs-select__select { position: absolute; top: 0; right: 0; width: 100%; height: 100%; cursor: pointer; opacity: 0 } .aside-tabs-block__title { display: block; margin: 0; padding: 15px 35px; cursor: pointer } .aside-tabs-block__title span { font: 400 16px/1 MuseoSans500; color: #fff } .aside-tabs-block__title span:after { display: inline-block; margin: 0 0 0 10px; -webkit-transition: all .3s ease; transition: all .3s ease; font: normal normal normal 14px/1 FontAwesome; font-size: 12px; content: ""; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .aside-tabs-block__title_state_open { padding-top: 25px } .aside-tabs-block__title_state_open>span:after { -webkit-transform: rotate(180deg); transform: rotate(180deg) } .aside-tabs-block__info { font: 400 12px/14px MuseoSans500; margin: 3px 0 0; color: rgba(255,255,255,.5) } .aside-tabs-block__result { display: none; padding: 0 35px 25px } .aside-tabs-nav { position: fixed; z-index: 10; bottom: 0; left: 0; width: 100%; text-align: center } .aside-tabs-nav__result { font: 400 16px/1 MuseoSans500; margin: 15px 0 0; color: #fff } .aside-tabs-nav__cancel,.aside-tabs-nav__ok { font: 400 16px/40px MuseoSans500; display: inline-block; margin: 15px 5px; padding: 0 20px; text-decoration: none } .aside-tabs-nav__ok { -webkit-transition: all .3s ease; transition: all .3s ease; color: #fff; border: 1px solid #e8e8e8; border-radius: 20px } .aside-tabs-nav__ok:active { color: #494949; border-color: #494949 } .aside-tabs-nav__cancel { -webkit-transition: all .3s ease; transition: all .3s ease; color: #fff; border: 1px solid #e8e8e8; border-radius: 20px } .aside-tabs-nav__cancel:active { color: #494949; border-color: #494949 } .aside-firm-mobile { font-size: 0 } .aside-firm-mobile__item { display: block; margin: 0 0 10px } .aside-firm-mobile__checkbox { position: absolute; opacity: 0 } .aside-firm-mobile__label { font: 400 14px/20px MuseoSans500; position: relative; display: inline-block; padding: 0 0 0 30px; cursor: pointer; color: #fff } .aside-firm-mobile__label:before { position: absolute; top: 0; left: 0; width: 16px; height: 16px; content: ''; border: 2px solid rgba(255,255,255,.5) } .aside-firm-mobile__label:after { position: absolute; top: 5px; left: 5px; display: block; width: 10px; height: 10px; content: ''; -webkit-transition: all .3s ease; transition: all .3s ease; opacity: 0; background: rgba(255,255,255,.5) } .aside-firm-mobile__checkbox:checked+.aside-firm-mobile__label:after { opacity: 1 } .aside-submenu { display: none; overflow: hidden; height: 50px; margin: 0 -35px } .aside-submenu__wrap { overflow-x: scroll; width: 100%; margin: 0 } .aside-submenu__body { font-size: 0; width: 0 } .aside-submenu__item { display: inline-block; height: 50px; cursor: pointer; text-align: center; text-decoration: none; border: 1px solid #fff; border-top: 2px solid #fff; background: #e8e8e8 } .aside-submenu__item span { font: 400 16px/50px MuseoSans500; display: inline; padding: 0 15px; text-decoration: none; color: #000 } .aside-submenu__item span:after { display: inline-block; margin: 0 0 0 10px; -webkit-transition: all .3s ease; transition: all .3s ease; color: #4793d0; font: normal normal normal 14px/1 FontAwesome; font-size: 12px; content: ""; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .aside-submenu__item:first-child { border-left: none } .aside-submenu__item:last-child { border-right: none } .footer { background-color: white; margin-left: 0; padding-right: 20px; padding-left: 20px; box-sizing: border-box; padding-bottom: 50px; z-index: 101; } .footer-list__item a:hover { color: #5a5a5a } .footer-list__item_weight_bold { font-family: MuseoSans700 } .footer-list__item_mod_margin { margin-top: 22px } .footer-social__item a:hover { opacity: .7 } .footer-social__item_mod_vk a { background-position: -37px -320px } .footer-social__item_mod_tw a { background-position: -74px -320px } .footer-social__item_mod_ok a { background-position: -111px -320px } .mob_search-icon{ display: none; } .main-title__text { position: absolute; width: 220px; text-align: center } .main-title__text_mod_2 { width: auto; text-align: left } .main-title__content { display: none } .main-title__content_state_active { display: inline-block } .main-title__item_mod_1,.main-title__item_mod_2,.main-title__item_mod_3 { opacity: 0 } .main-dealerlink { opacity: 0 } .main-dealerlink_mod_2 { opacity: 1 } .header_mod_white .main-dealerlink__button { font: 400 15px/49px MuseoSans300; display: inline-block; margin: 0 0 40px; padding: 0 28px; -webkit-transition: all .3s ease; transition: all .3s ease; text-decoration: none; color: #fff; border: 2px solid rgba(255,255,255,.2); border-radius: 30px; } .main-dealerlink__button { font: 400 15px/49px MuseoSans300; display: inline-block; margin: 0 0 40px; padding: 0 28px; -webkit-transition: all .3s ease; transition: all .3s ease; text-decoration: none; color: #000; border: 2px solid rgba(34, 34, 34, 0.67); border-radius: 30px; } .main-dealerlink__button:hover { border-color: #fff } .main-offers__item a:hover { color: rgba(0,0,0,.5) } .main-offers__item_mod_loyalty a:before { top: 36px; width: 40px; height: 40px; background: url(/bitrix/templates/hittek/i/main-offers_1.png) left top no-repeat; background-size: 40px 40px } .main-deals { display: inline-block; overflow: hidden; margin: 20px 20px 20px 0; -webkit-transition: all .3s ease; transition: all .3s ease; vertical-align: top; text-decoration: none; border-radius: 25px } .main-offers .main-deals { margin: 20px 0px 20px 0; } .main-activity__link,.main-today__item { -webkit-transition: all .3s ease; text-decoration: none } .main-deals__title { font: 400 22px/1 MuseoSans700; margin: 0; padding: 34px 0 4px 38px; color: #fff; background: #000 } .main-deals__title span:after { display: inline-block; width: 27px; height: 27px; margin: 0 0 0 12px; vertical-align: bottom; background: url(/bitrix/templates/hittek/i/circle-arrow-white.png) left top no-repeat } .main-deals__text { font: 400 12px/1.666666666666667 MuseoSans700; margin: 0; padding: 0 38px 24px; color: #fff; background: #000 } .main-deals__img { width: 500px; text-align: center; border-radius: 0 0 25px 25px } @media screen and (min-width: 1024px) and (max-width: 1300px){ .main-offers__title{ padding: 40px 20px 35px; } .main-offers__list{ padding: 0 10px; } .main-offers .main-offers__body{ margin: 20px 20px 20px 0; } .main-deals{ width: calc(100% - 671px); max-width: 500px; } .main-deals.main-deals_mod_master-class{ width: calc(100% - 623px); } .main-deals.main-deals_mod_discounts{ width: 500px; } .main-deals .main-deals__img{ width: 100%; background-size: 100%; } .main-deals__title{ padding: 34px 0 4px 10px; font: 400 18px/1 MuseoSans700; } .main-deals__text{ padding: 0 10px 24px; } } .main-today { font-size: 0; position: relative; z-index: 1; margin: 0; opacity: 0 } .main-today__topic { font: 400 49px/1 MuseoSans700; margin: 101px 0 59px } .main-today__item { display: inline-block; width: 175px; margin: 0 73px 50px 0; transition: all .3s ease; vertical-align: top } .main-today__item:hover { opacity: .5 } .main-today__item:last-child { margin-right: 0 } .main-today__img { display: block; width: 175px; height: 175px; border-radius: 50% 50% 50% 0 } .main-today__title { font: 400 18px/24px MuseoSans700; margin: 33px 0 12px; color: #000 } .main-today__text { font: 400 14px/22px MuseoSans500; margin: 0; color: #000 } .main-activity { position: relative; z-index: 1; float: left; margin: 0 555px 0 0; opacity: 0 } .main-activity__title h2 { font: 400 34px/1 MuseoSans700; margin: 40px 0 27px; color: #000 } .main-activity__text p { font: 400 16px/28px MuseoSans500; overflow: hidden; margin: 17px 0; color: #000 } .main-activity__link { font: 400 16px/46px MuseoSans500; display: inline-block; margin: 31px 0 0; padding: 0 30px; transition: all .3s ease; vertical-align: top; color: #000; border: 2px solid #eae9e9; border-radius: 25px } .main-activity__link:hover { border-color: #000 } .main-activity-list { font-size: 0; display: inline-block; margin: 31px 0 0 11px; padding: 0; list-style: none; vertical-align: top } .main-activity-list__item { display: inline-block; margin: 0 5px } .main-activity-list__item a { display: block; width: 50px; height: 50px; -webkit-transition: all .3s ease; transition: all .3s ease } .main-activity-list__item a:hover { opacity: .5 } .main-activity-list__item_mod_vk a { background: url(/bitrix/templates/hittek/i/main/main-social-vk.png) left top no-repeat } .main-activity-list__item_mod_fb a { background: url(/bitrix/templates/hittek/i/main/main-social-fb.png) left top no-repeat } @media only screen and (max-width: 1023px),only screen and (max-device-width:1023px) { .main-activity { float:none; margin: 0 } .main-activity__link { margin: 20px 0 0 } .main-activity-list { margin: 20px 0 0 11px } .no-mobile { display: none; } } .main-geography { position: relative; z-index: 1; float: right; width: 479px; margin-left: -100%; padding: 0 30px 0 0; opacity: 0 } .main-geography__title { font: 400 34px/1 MuseoSans700; margin: 40px 0 29px 34px; color: #000 } .main-geography-list { font-size: 0; position: relative; z-index: 1; margin: 0 0 0 34px } .main-geography-list__item { display: inline-block; margin: 0 28px 0 0 } .main-geography__count { font: 400 34px/1 MuseoSans700 } .main-geography__text { font: 400 14px/1 MuseoSans500; display: block; margin: 16px 0 0 } .main-geography__map { position: relative; height: 275px; margin: -62px 0 0 } .main-geography__map-img { position: absolute; -webkit-transition: all 1s ease; transition: all 1s ease; opacity: 0 } .main-geography__map-img_state_active { opacity: 1 } .main-article__title:hover,.main-search__submit:hover { opacity: .5 } @media only screen and (max-width: 1023px),only screen and (max-device-width:1023px) { .wrapper_page_main .footer-list__item, .wrapper_page_main .footer-list__item a, .wrapper_page_main .main-search-list__item a{ color: #000; } .main-geography { float:none; width: auto; margin: 0; padding: 0 } .main-geography__title { margin: 60px 0 25px } .main-geography-list { margin-left: 0 } .main-geography-list__item { margin: 0 21px 0 0 } .main-geography__map { margin: -20px 0 0 } } @media only screen and (max-width: 767px),only screen and (max-device-width:767px) { .main-geography__title { font-size:25px; margin-top: 50px } .main-geography__count { font-size: 25px } .main-geography__text { font-size: 15px } .main-geography__map { margin: 10px 0 0 } .main-geography__map img { max-width: 100% } } .main-article { font-size: 0; box-sizing: border-box; margin: 120px 0 0; padding: 40px 0 80px; background: #eaeff1 } .main-article__body { box-sizing: border-box; min-width: 320px; max-width: 1300px; margin: 0 auto; padding: 0 40px } .main-article__item { display: inline-block; vertical-align: top } .main-article__title { font: 400 34px/1 MuseoSans700; margin: 40px 0 24px; -webkit-transition: all .3s ease; transition: all .3s ease } .main-article__title a { display: inline-block; vertical-align: middle; text-decoration: none; color: #000; } .main-article__title:after { display: inline-block; width: 27px; height: 27px; margin: 0 0 0 12px; -webkit-transition: all .3s ease; transition: all .3s ease; vertical-align: middle; background: url(/bitrix/templates/hittek/i/circle-arrow.png) left top no-repeat; background-size: 27px } .main-article__list { display: inline-block; width: 240px; margin: 0 55px 0 0; vertical-align: top } .main-article__date { font: 400 14px/1 MuseoSans500; margin: 0 0 15px; color: #000 } .main-article__text { font: 400 16px/26px MuseoSans700; margin: 0; color: #000 } @media only screen and (max-width: 1099px),only screen and (max-device-width:1099px) { .main-article__body { padding:0 35px } } @media only screen and (max-width: 1023px),only screen and (max-device-width:1023px) { .main-article__title { position:relative; display: inline-block; padding: 0 50px 0 0 } .main-article__list { display: block; width: auto; margin: 0 0 20px } } @media only screen and (max-width: 767px),only screen and (max-device-width:767px) { .main-article__body { padding:0 20px } .main-article__list { margin: 0 0 15px } .main-article .main-article__title { font-size: 25px; margin: 20px 0 30px; padding: 0 35px 0 0 } .main-article .main-article__title:after { top: 1px; width: 27px; height: 27px; background: url(/bitrix/templates/hittek/i/sprite.png) -240px -262px no-repeat } .main-article__date,.main-article__text { font-size: 15px } } @media only screen and (max-width: 419px),only screen and (max-device-width:419px) { .main-article { margin-top:0 } } .main-search { margin: 130px 0 0; text-align: center } .main-search_mod_aside { margin-left: -300px } .main-search__title { font: 400 45px/1 MuseoSans700; margin: 0 0 43px; color: #fff } .main-search__form { position: relative; width: 764px; margin: 0 auto } .main-search__input { font: 400 23px/1 MuseoSans300; line-height: normal; box-sizing: border-box; width: 100%; height: 77px; padding: 0 90px 0 40px; border: 2px solid #000; border-radius: 40px; outline: 0; background: #fff } .wrapper_page_main .main-search__input{ border: 2px solid #fff; } .main-search__submit { position: absolute; top: 0; right: 0; width: 90px; height: 77px; -webkit-transition: all .3s ease; transition: all .3s ease; border: none; border-radius: 0 40px 40px 0; outline: 0; background: 0 0 } .main-search__submit:before { position: absolute; top: 24px; right: 35px; font: normal normal normal 14px/1 FontAwesome; font-size: 30px; content: '\f002'; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .main-search-list { font-size: 0; margin: 35px 0 0; padding: 0; list-style: none } .main-search-list__item { font: 400 14px/29px MuseoSans700; display: inline-block; margin: 7px 5px; color: #000; } .wrapper_page_main .main-search-list__item, .wrapper_page_main .main-search-list__item a{ color: #fff; } .wrapper_page_main .main-search-list__item a{ border: 1px solid #fff; } .main-search-list__item.hidden { display: none; } .main-search-list__item a { font: 400 14px/29px MuseoSans500; display: block; padding: 0 10px; -webkit-transition: all .3s ease; transition: all .3s ease; text-decoration: none; color: #000; border: 1px solid #000; border-radius: 16px } .main-search-list__item a:hover { border-color: #bbc8c8 } @media only screen and (max-width: 1023px),only screen and (max-device-width:1023px) { .main-search,.main-search_mod_aside { margin:30px 0 0 } .main-search__title{ color: #000; font-size: 35px; margin: 0 0 20px; } .wrapper_page_main .main-search__input{ border: 2px solid #000; } .main-search-list{ margin: 15px 0 0; } .wrapper_page_main .main-search-list__item, .wrapper_page_main .main-search-list__item a{ color: #000; } .wrapper_page_main .main-search-list__item a{ border: 1px solid #000; } .main-search__form { width: auto; padding: 0 } .main-search__submit { right: 0 } } @media only screen and (max-width: 767px),only screen and (max-device-width:767px) { .main-search{ display: none; } .main-search__title { font-size: 25px; margin: 0 0 20px } .main-search__form { padding: 0 } .main-search__input { font-size: 13px; height: 50px; padding: 0 30px 0 10px; border: 2px solid #000 } .main-search__submit { right: 0; width: 30px; height: 50px } .main-search__submit:before { font-size: 20px; top: 15px; right: 10px } .main-search a { font-size: 13px; line-height: 30px; padding: 0 10px; border: 1px solid #f0f0f0; border-radius: 25px } } .main-equipment { font-size: 0; margin: 86px auto 0; padding: 0 0 40px; text-align: center } .main-equipment_mod_aside { margin-left: -300px } .main-equipment__item { display: inline-block; width: 285px; height: 680px; margin: 1px; padding: 37px 0 0; -webkit-transition: all .3s ease; transition: all .3s ease; vertical-align: top; background: #eaeff1 } .main-equipment__item--square { height: 310px; } .main-equipment__item--square .main-equipment-list__title a:after { display: none; } .main-equipment__item.main-equipment__item--square:nth-child(7) { border-radius: 0; } .main-equipment__item.main-equipment__item--square:last-child { border-radius: 0; } .main-equipment_mod_small .main-equipment__item { height: 340px } .main-equipment__item:first-child { border-radius: 40px 0 0 40px } .main-equipment__item:last-child { border-radius: 0 40px 40px 0 } .main-equipment__item:hover { position: relative; z-index: 1; cursor: pointer; box-shadow: 0 0 30px 10px rgba(0,0,0,.2) } .main-equipment__img { display: block; margin: 0 auto } .main-equipment__title { font: 400 19px/30px MuseoSans500; margin: 0 0 30px; padding: 0; color: #000 } .main-equipment-list { clear: both; margin: 0 40px; padding: 0; list-style: none; text-align: left } .main-equipment-list__title { font: 400 18px/28px MuseoSans700; position: relative; display: inline; float: left; margin: 15px 20px 21px; text-align: left; color: #000 } .main-equipment-list__title a { position: relative; padding: 0 35px 0 0; -webkit-transition: all .3s ease; transition: all .3s ease; text-decoration: none; color: #000 } .main-equipment-list__title a:after { position: absolute; right: 0; bottom: -4px; display: block; width: 27px; height: 27px; content: ''; opacity: .6; background: url(/bitrix/templates/hittek/i/circle-arrow.png) no-repeat } .main-equipment-list__item:hover,.main-equipment-list__title a:hover { opacity: .7 } .main-equipment-list__item { position: relative; margin: 16px 0; -webkit-transition: all .3s ease; transition: all .3s ease } .main-equipment-list__item:before { position: absolute; top: 5px; left: 0; display: block; font: normal normal normal 14px/1 FontAwesome; font-size: 15px; content: ""; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .main-equipment-list__item a { font: 400 16px/27px MuseoSans500; display: inline-block; padding: 0 0 0 15px; text-decoration: none; color: #000 } @media only screen and (min-width: 768px),only screen and (min-device-width:768px) { .main-equipment__item.main-equipment__item--square:first-child { border-radius: 40px 0 0 0; } } @media only screen and (max-width: 767px),only screen and (max-device-width:767px) { .main-equipment__item.main-equipment__item--square:first-child { border-radius: 40px 40px 0 0; } } @media only screen and (min-width: 1250px),only screen and (min-device-width:1250px) { .main-equipment__item:nth-child(3){ border-radius: 0 40px 0 0; } } @media only screen and (max-width: 1249px),only screen and (max-device-width:1249px) { .main-equipment__body { width:598px; margin: 0 auto } .main-equipment__item { border-radius: 0 } .main-equipment__item:nth-child(1) { border-radius: 40px 0 0 } .main-equipment__item:nth-child(2) { border-radius: 0 40px 0 0 } .main-equipment__item:nth-child(3) { border: 0; } .main-equipment__item:nth-child(4) { } } @media only screen and (max-width: 1023px),only screen and (max-device-width:1023px) { .main-equipment_mod_aside { margin-left:0 } .main-equipment__title { font-size: 24px; line-height: 37px } } @media only screen and (max-width: 767px),only screen and (max-device-width:767px) { .main-equipment__body { width:auto !important; } .main-equipment__title { font-size: 20px; line-height: 1.5 } .main-equipment__item { display: block; width: auto; margin: 5px 0; border-radius: 0; } .main-equipment__item:nth-child(1),.main-equipment__item:nth-child(2),.main-equipment__item:nth-child(3),.main-equipment__item:nth-child(4) { border-radius: 0 } .main-equipment__item:nth-child(2), .main-equipment__item:nth-child(3), .main-equipment__item:nth-child(4){ border-radius: 0 !important; } .main-equipment__item:hover { width: auto; margin: 5px 0; box-shadow: none } .main-equipment-list { margin: 0 20px } .main-equipment-list__title { margin-right: 20px; margin-left: 20px } } @media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min-resolution:144dpi) { .main-equipment-list__title a:after { background-image:url(/bitrix/templates/hittek/i/circle-arrow_x2.png); background-size: 27px 27px } } .text-content h1 { font: 400 50px/66px MuseoSans500; margin: 100px 0 40px; color: #000 } .text-content h2 { font: 400 34px/1 MuseoSans700; margin: 40px 0 30px; color: #000 } .text-content h3, .h3 { font: 400 20px/1.4 MuseoSans700; position: relative; display: inline-block; margin: 15px 0; color: #000 } .text-content h3 a { padding: 0 37px 0 0; text-decoration: none; color: #000 } .text-content h3 a:after { position: absolute; top: 1px; right: 0; display: block; width: 27px; height: 27px; content: ''; -webkit-transition: all .3s ease; transition: all .3s ease; opacity: .6; background: url(/bitrix/templates/hittek/i/circle-arrow.png) no-repeat } .text-content h3:hover a { color: #000 } .text-content h3:hover a:after { opacity: 1 } .text-content p { font: 400 16px/1.875 MuseoSans500; margin: 15px 0; color: #000 } .text-content a { -webkit-transition: all .3s ease; transition: all .3s ease; text-decoration: none; color: #4793d0 } .text-loyalty__link,.text-offers__item { -webkit-transition: all .3s ease; text-decoration: none } .text-content a:hover { color: #6aaee4 } .text-content ul { margin: 0 0 0 30px; padding: 0; list-style: none } .text-content ul li { font: 400 16px/1.6875 MuseoSans500; margin: 0 0 15px; color: #000 } .text-content ul li:before { float: left; margin-left: -30px; content: '\2014\a0' } .text-content blockquote { font: 400 20px/1.55 NotoItalic; position: relative; margin: 125px 0 50px; color: #000 } .text-content blockquote:after { position: absolute; top: -66px; left: 0; display: block; width: 60px; height: 40px; content: ''; background: url(/bitrix/templates/hittek/i/quates.png) no-repeat } @media only screen and (max-width: 767px),only screen and (max-device-width:767px) { .text-content h1 { font-size:30px; line-height: 1.2; margin: 50px 0 20px } .text-content h2 { font-size: 25px; line-height: 1.2; margin: 30px 0 20px } .text-content h3 { font-size: 18px; line-height: 1.2; margin: 15px 0 } .text-content p,.text-content ul li { font-size: 15px; line-height: 1.5 } .text-content blockquote { font-size: 16px; margin: 40px 0 35px } .text-content blockquote:after { display: none } } @media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min-resolution:144dpi) { .text-content blockquote:after { background-image:url(/bitrix/templates/hittek/i/quates_x2.png); background-size: 60px 40px } .text-content h3 { font: 400 20px/1.4 MuseoSans700; position: relative; display: inline-block; margin: 15px 0; color: #000 } .text-content h3 a:after { background-image: url(/bitrix/templates/hittek/i/circle-arrow.png); background-size: 27px 27px } } .text-title { font: 400 50px/66px MuseoSans500; margin: 100px 0 40px; color: #000 } @media only screen and (max-width: 767px),only screen and (max-device-width:767px) { .text-title { font-size:30px; line-height: 1.2; margin: 50px 0 20px } } .text-info__quote { position: relative; margin: 40px 0 } .text-info__quote p:not(.shop-catalog__old-price, .shop-catalog__text) { font: 400 20px/1.65 NotoItalic; margin: 14px 0 14px 10%; color: #000 } .text-info__quote p.h2{ font-size: 25px; font-weight: 600; } .text-info__quote p.center{ text-align: center; } .text-info__quote ul, .text-info__quote ol{ margin: 14px 0 24px 10%; } .text-info__quote ul li p, .text-info__quote ol li p{ margin: 7px 0; } .stati-img span{ font-size: 14px; font-weight: 600; margin: 5px 0 0; text-align: center; display: block; max-width: 536px; } .text-info__quote.rights p{ font: 400 13pt/1.5 MuseoSans500; margin: 0; color: #000 } @media only screen and (max-width: 767px),only screen and (max-device-width:767px) { .text-info__quote p:not(.shop-catalog__old-price, .shop-catalog__text) { font-size:16px; margin: 7px 0 } } .text-gallery { overflow: hidden; margin: 70px 0 } @media only screen and (max-width: 1023px),only screen and (max-device-width:1023px) { .text-gallery { margin:70px -35px } } @media only screen and (max-width: 767px),only screen and (max-device-width:767px) { .text-gallery { margin:35px -20px } } .text-loyalty { margin: 100px 0 0 10% } .text-loyalty__title h2 { font: 400 34px/1 MuseoSans700; margin: 0; color: #000 } .text-loyalty__text p { font: 400 16px/1.875 MuseoSans500; margin: 28px 0 0; color: #000 } .text-loyalty__link { font: 400 16px/2.875 MuseoSans500; display: inline-block; margin: 41px 10px 0 0; padding: 0 30px; transition: all .3s ease; color: #000; border: 2px solid #eae9e9; border-radius: 30px } .text-content .text-loyalty__link,.text-content .text-loyalty__link:hover { color: #000 } .text-loyalty__link:hover { border-color: #000 } .text-loyalty__link_mod_extension { font-family: MuseoSans700; color: red } @media only screen and (max-width: 767px),only screen and (max-device-width:767px) { .text-loyalty { margin:50px 0 0 } .text-loyalty__title h2 { font-size: 25px; line-height: 1.2 } .text-loyalty__text p { font-size: 15px; line-height: 1.5; margin-top: 14px } .text-loyalty__link { font-size: 15px; line-height: 50px; display: block; box-sizing: border-box; width: 100%; max-width: 320px; margin-top: 20px; margin-right: auto; margin-left: auto; padding: 0; text-align: center } .text-loyalty__link:hover { border-color: #eae9e9 } .text-loyalty__link:active { border-color: #000 } } .text-offers { font-size: 0; margin: 100px 0 0 } .text-offers__item { display: inline-block; box-sizing: border-box; width: 25%; padding: 0 20px 0 0; transition: all .3s ease; vertical-align: top } .text-offers__item:hover { opacity: .5 } .text-offers__img { margin: 0 0 37px } .text-offers__title { font: 400 19px/1.3 MuseoSans700; margin: 0; color: #000 } .text-offers__text { font: 400 14px/1.5 MuseoSans500; width: 160px; margin: 15px 0 0; color: #000 } @media only screen and (max-width: 767px),only screen and (max-device-width:767px) { .text-offers__item { width:50%; margin: 0 0 30px } } @media only screen and (max-width: 639px),only screen and (max-device-width:639px) { .text-offers { margin:100px 0 0 } .text-offers__item { width: 100%; margin: 0 0 21px; padding: 0 } .text-offers__item:hover { opacity: 1 } .text-offers__item:active { opacity: .5 } .text-offers__img { float: left; width: 87px; margin: 0; padding-right: 20px } .text-offers__title { font-size: 16px } .text-offers__text { font-size: 14px; overflow: hidden; width: auto; margin-top: 6px } } .text-activities { margin: 130px -40px 130px -340px; padding: 115px 0 150px 340px; background: #f2f5f6 } .text-activities__body { margin: 0 0 0 10%; padding: 0 } .text-activities__topic { font: 400 34px/1 MuseoSans700; margin: 0; color: #000 } .text-activities__list { font-size: 0; line-height: 0; width: 800px; margin: 66px 0 0 3px } .text-activities__item { font-size: 0; display: inline-block; box-sizing: border-box; width: 400px; height: 380px; margin: -3px 0 0 -3px; padding: 40px 40px 0; -webkit-transition: all .3s ease; transition: all .3s ease; vertical-align: top; border: 3px solid #000 } .text-activities__item_size_big { height: 400px } .text-activities__item:hover { background-color: #fff } .text-activities__item_mod_cosmetics { background: url(/bitrix/templates/hittek/i/text-activities_1.png) center bottom no-repeat #fff } .text-activities__item_mod_cosmetics .text-activities__item-body { vertical-align: top } .text-activities__item_mod_shares { padding: 0; text-align: center; background: url(/bitrix/templates/hittek/i/text-activities_2.png) center top no-repeat #f3f4f6 } .text-activities__item_mod_shares:hover { background-color: #f3f4f6 } .text-activities__item_mod_shares .text-activities__item-body { margin: 112px 0 0; vertical-align: top } .text-activities__item_state_subs { background: #f2f5f6 } .text-activities__item:before { display: inline-block; width: 0; height: 100%; content: ''; vertical-align: middle } .text-activities__item-body { display: inline-block; vertical-align: top } .text-activities__item_state_subs .text-activities__item-body { display: none } .text-activities__title h3 { font: 400 20px/1.4 MuseoSans700; position: relative; display: inline; margin: 0 43px 0 0 } .text-activities__title h3 a { padding: 0 35px 0 0; text-decoration: none; color: #000 } .text-activities__title h3 a:after { position: absolute; right: 0; bottom: -4px; display: block; width: 27px; height: 27px; content: ''; -webkit-transition: all .3s ease; transition: all .3s ease; opacity: .6; background: url(/bitrix/templates/hittek/i/circle-arrow.png) no-repeat } .text-activities__title h3:hover a { color: #000 } .text-activities__title h3:hover a:after { opacity: 1 } .text-activities__text p { font: 400 16px/1.6875 MuseoSans500; float: left; clear: both; margin: 11px 0 0; color: #000 } .text-activities__link a { -webkit-transition: all .3s ease; transition: all .3s ease; text-decoration: none; color: #4793d0 } .text-activities__link a:hover { color: #6aaee4 } .text-activities-shares__title h3 { font: 400 30px/36px MuseoSans700; margin: 0; color: #000 } .text-activities-shares__link { font: 400 16px/50px MuseoSans500; display: inline-block; margin: 23px 0 0; padding: 0 25px; -webkit-transition: all .3s ease; transition: all .3s ease; text-decoration: none; color: #fff; border-radius: 25px; background: #000 } .text-activities-shares__link:hover { background: #333 } .text-activities-shares__text p { font: 400 14px/20px MuseoSans500; margin: 27px 0 0; color: #a0a0a0 } .text-activities-subs { display: none; text-align: center; vertical-align: top } .text-activities__item_state_subs .text-activities-subs { display: inline-block } .text-activities__item_state_subs .text-activities-subs__title { font: 400 16px/25px MuseoSans500; width: 250px; margin: 60px auto 0; text-align: center; color: #000 } .text-activities-subs__input { font: 400 16px/1 MuseoSans500; line-height: normal; display: block; width: 250px; height: 50px; margin: 6px 0; padding: 0; -webkit-transition: all .3s ease; transition: all .3s ease; border: none; border-bottom: 2px solid #d9dcdd; outline: 0; background: 0 0 } .text-activities-subs__input:focus { border-color: #000 } .text-activities-subs__button { font: 400 16px/1 MuseoSans500; box-sizing: border-box; width: 100%; max-width: 250px; height: 50px; margin: 20px 0 0; -webkit-transition: all .3s ease; transition: all .3s ease; text-align: center; color: #fff; border: none; border-radius: 25px; outline: 0; background: #000 } .text-activities-subs__button:hover { background: rgba(0,0,0,.8) } .text-activities-result h3 { font: 400 20px/25px MuseoSans700; margin: 42px 0 12px; color: #000 } .text-activities-result p { font: 400 16px/25px MuseoSans500; margin: 0; color: #000 } @media only screen and (max-width: 1300px),only screen and (max-device-width:1300px) { .text-activities__list { width:700px } .text-activities__item { width: 350px; height: 420px } } @media only screen and (max-width: 1200px),only screen and (max-device-width:1200px) { .text-activities__body { margin:0 } .text-activities__item { width: 350px; height: 450px } } @media only screen and (max-width: 1099px),only screen and (max-device-width:1099px) { .text-activities { margin:130px -35px 130px -335px; padding: 115px 0 150px 335px } .text-activities__list { width: 654px } .text-activities__item { width: 327px } } @media only screen and (max-width: 1023px),only screen and (max-device-width:1023px) { .text-activities { margin:100px -35px; padding: 70px 0; text-align: center } .text-activities__body { display: inline-block; text-align: left } } @media only screen and (max-width: 767px),only screen and (max-device-width:767px) { .text-activities { margin:64px -20px; padding: 57px 0 0 } .text-activities__body { margin: 0 } .text-activities__topic { font-size: 25px; line-height: 1.2 } .text-activities__list { width: 100%; margin: 33px 0 0; border-top: 2px solid #000 } .text-activities__item { box-sizing: border-box; width: 100%; height: auto; margin: 0; padding: 30px 20px; border: none; border-bottom: 2px solid #000 } .text-activities__item:hover { background-color: transparent } .text-activities__item_mod_cosmetics { min-height: 380px } .text-activities__item_mod_cosmetics:hover { background-color: #fff } .text-activities__item_mod_shares { background-size: cover } .text-activities-shares__text p { font-size: 15px; line-height: 1.5 } .text-activities__item_mod_cosmetics .text-activities__item-body { padding: 0 } .text-activities__title h3 { font-size: 16px } .text-activities__text p { font-size: 15px; line-height: 1.5; margin-right: 0 } .text-activities-result { padding: 0 0 30px } .text-activities-result h3 { margin: 0 0 12px } } @media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min-resolution:144dpi) { .text-activities__title a:after { background-image:url(/bitrix/templates/hittek/i/circle-arrow.png); background-size: 27px 27px } } .text-education { margin: 0 0 0 10% } .text-education__title h2 { font: 400 34px/1 MuseoSans700; margin: 0 0 20px; color: #000 } .text-education__text p { font: 400 16px/1.6875 MuseoSans500; margin: 0; color: #000 } .text-education__link a { -webkit-transition: all .3s ease; transition: all .3s ease; text-decoration: none; color: #4793d0 } .text-education__link a:hover { color: #6aaee4 } .text-education-list ul { margin: 0 0 0 30px; padding: 0; list-style: none } .text-education-list__title h3 { font: 400 18px/1 MuseoSans700; margin: 30px 0 21px; color: #000 } .text-education-list__item li { font: 400 16px/1.6875 MuseoSans500; margin: 0 0 15px; color: #000 } .text-education-list__item li:before { float: left; margin-left: -30px; content: '\2014\a0' } .text-advantages__right:before,.text-quote:after,.text-services__title h3 a:after { content: '' } @media only screen and (max-width: 767px),only screen and (max-device-width:767px) { .text-education { margin:0 } .text-education__title h2 { font-size: 25px; line-height: 1.2 } .text-education__text p { font-size: 15px; line-height: 1.5 } .text-education-list__title h3 { font-size: 16px; margin: 15px 0 10px } .text-education-list__item li { font-size: 15px; line-height: 1.5; margin: 0 0 8px } } .text-quote { font: 400 20px/1.55 NotoItalic; position: relative; margin: 80px 0 70px; color: #000 } .text-quote:after { position: absolute; top: -66px; left: 0; display: block; width: 60px; height: 40px; background: url(/bitrix/templates/hittek/i/quates.png) no-repeat } @media only screen and (max-width: 767px),only screen and (max-device-width:767px) { .text-quote { font-size:16px; margin: 40px 0 35px } .text-quote:after { display: none } } @media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min-resolution:144dpi) { .text-quote:after { background-image:url(/bitrix/templates/hittek/i/quates_x2.png); background-size: 60px 40px } } .text-services { margin: 0 0 0 10% } .text-services__topic h2 { font: 400 34px/1 MuseoSans700; margin: 111px 0 51px; color: #000 } .h2 { font: 400 34px/1 MuseoSans700; margin: 0px 0 20px; color: #000 } .text-services__title h3 { font: 400 20px/1 MuseoSans700; position: relative; display: inline-block; margin: 0 0 15px } .text-services__title h3 a { padding: 0 37px 0 0; text-decoration: none; color: #000 } .text-services__title h3 a:after { position: absolute; top: -4px; right: 0; display: block; width: 27px; height: 27px; -webkit-transition: all .3s ease; transition: all .3s ease; opacity: .6; background: url(/bitrix/templates/hittek/i/circle-arrow.png) no-repeat } .text-services__title h3:hover a:after { opacity: 1 } .text-services__text p { font: 400 16px/1.6875 MuseoSans500; margin: 0 0 50px; color: #000 } @media only screen and (max-width: 767px),only screen and (max-device-width:767px) { .text-services { margin:0 } .text-services__topic h2 { font-size: 25px; line-height: 1.2; margin: 55px 0 25px } .text-services__title h3 { font-size: 16px; line-height: 1.2 } .text-services__text p { font-size: 15px; line-height: 1.5; margin: 0 0 25px } } @media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min-resolution:144dpi) { .text-services__title h3 a:after { background-image:url(/bitrix/templates/hittek/i/circle-arrow_x2.png); background-size: 27px 27px } } .text-advantages { font-size: 0; height: 926px; margin: 140px -40px 0 -340px; background: #1e1e1e } .text-advantages__left { box-sizing: border-box; width: 50%; height: 100%; background: url(/bitrix/templates/hittek/i/5reasons.jpg) right center no-repeat; background-size: cover } .text-advantages__right { float: right; box-sizing: border-box; width: 50%; height: 100%; text-align: center; background: #1e1e1e } .text-advantages__right:before { display: inline-block; width: 0; height: 100%; vertical-align: middle } .text-advantages__right-body { display: inline-block; width: 370px; text-align: left; vertical-align: middle } .text-advantages__title { font: 400 45px/1.2 MuseoSans700; margin: 0 0 60px; color: #fff } .text-advantages-list { margin: 0; padding: 0; list-style: none; counter-reset: text-advantages-list } .text-advantages-list__item { font: 400 19px/1.578947368421053 MuseoSans500; position: relative; margin: 0 0 25px 99px; color: #5b5e61 } .text-advantages-list_mod_black .text-advantages-list__item { color: #000 } .text-advantages-list__item:before { font: 400 20px/1 MuseoSans700; position: absolute; top: 0; left: -97px; padding: 21px 25px; content: counter(text-advantages-list); counter-increment: text-advantages-list; text-align: center; color: #fff; border: 1px dashed #6d6d6d; border-radius: 35px } .text-advantages-list_mod_black .text-advantages-list__item:before { color: #000; border-color: #000 } .text-advantages-list__item a { -webkit-transition: all .3s ease; transition: all .3s ease; text-decoration: none; color: #fff } .text-advantages-list_mod_black .text-advantages-list__item a { color: #4793d0 } .text-advantages-list_mod_black .text-advantages-list__item a:hover { color: #6aaee4 } .text-advantages-list__item a:hover { color: #5b5e61 } .aside-menu-catalog { margin-top: 10px; } .aside-menu-additional { list-style: none; margin-top: 80px; padding-left: 0; } .aside-menu-additional li { margin-bottom: 0; } .aside-menu-additional a { font-weight: bold; } @media only screen and (max-width: 1099px),only screen and (max-device-width:1099px) { .text-advantages { margin-right:-35px; margin-left: -335px } } @media only screen and (max-width: 1023px),only screen and (max-device-width:1023px) { .text-advantages { height:auto; margin-top: 70px; margin-left: -35px; padding: 50px 0 } .text-advantages__left { display: none } .text-advantages__right { width: 100% } } @media only screen and (max-width: 767px),only screen and (max-device-width:767px) { .text-advantages { margin-right:-20px; margin-left: -20px } .text-advantages__right-body { width: 280px } .text-advantages__title { font-size: 26px; margin: 0 0 30px } .text-advantages-list__item { font-size: 15px; margin-left: 55px } .text-advantages-list__item:before { font-size: 15px; top: 1px; left: -55px; padding: 13px 15px 11px } } .text-dealer { margin: 140px 0 0 -300px; text-align: center } .text-dealer__title { font: 400 45px/1 MuseoSans700; margin: 0; color: #000 } .text-dealer__text { font: 400 16px/1.6875 MuseoSans500; margin: 19px 0 48px; color: #000 } .text-dealer__input { font: 400 18px/1 MuseoSans300; line-height: normal; box-sizing: border-box; width: 343px; height: 50px; margin: 0 0 17px; -webkit-transition: all .3s ease; transition: all .3s ease; color: #000; border: none; border-bottom: 2px solid #9b9b9b; outline: 0 } .text-dealer__input + label { font: 400 16px/24px MuseoSans500; position: relative; display: block; text-align: left; margin: 0; padding: 0 0 0 35px; text-decoration: none; color: #000; margin: 10px 0; } .text-dealer__input + label:before { position: absolute; top: 1px; left: 0; display: block; width: 19px; height: 19px; content: ''; display: inline-block; border: 2px solid rgba(0,0,0,.16); margin-right: 40px; text-align: center; } .text-dealer__input[type=checkbox]:checked + label:before { border-color: #000; content: "\2714"; } .text-dealer__input[type=checkbox] { width: 22px; height: 22px; float: left; margin-bottom: 0; display: none; } label.priv_policy { font-size: 12px; } label.priv_policy > .text-dealer__input[type=checkbox] { display: block; } #form4 .field { width: 343px; margin: 0 auto; } #form4 .bx-auth-reg { font-size: 16px; } .contacts-office__link a,.text-dealer__link { -webkit-transition: all .3s ease; text-decoration: none } .text-dealer__input:focus { border-color: #000 } .text-dealer__link { font: 400 20px/65px MuseoSans700; display: inline-block; margin: 45px 0 0; padding: 0 96px; transition: all .3s ease; color: #fff; border-radius: 35px; background: #000 } .text-dealer__link:hover { background: #333 } @media only screen and (max-width: 1023px),only screen and (max-device-width:1023px) { .text-dealer { margin-left:0 } } @media only screen and (max-width: 767px),only screen and (max-device-width:767px) { .text-dealer { margin:68px 0 0 } .text-dealer__title { font-size: 25px } .text-dealer__text { font-size: 15px; line-height: 1.5; margin: 10px 0 24px } .text-dealer__input { box-sizing: border-box; width: 260px; margin: 0 auto 10px } .text-dealer__link { width: 260px; margin: 23px 0 0; padding: 0; text-align: center } } .contacts-menu { font-size: 0; margin: 0; padding: 0; list-style: none } .contacts-menu__item { position: relative; display: inline-block } .contacts-menu__item a { font: 400 14px/36px MuseoSans500; display: block; padding: 0 10px; -webkit-transition: border-color .3s ease; transition: border-color .3s ease; transition: border-color .3s ease; text-decoration: none; color: #000; border: 2px solid #ccc; border-left: 0 solid transparent; font-size: 13px; } .contacts-menu__item a:hover { position: relative; left: -2px; margin: 0 -2px 0 0; border-color: #000; border-left: 2px solid #000 } .contacts-menu__item:first-child a { border-left: 2px solid #ccc; border-radius: 20px 0 0 20px } .contacts-menu__item:first-child a:hover { left: 0; margin: 0; border-color: #000 } .contacts-menu__item:last-child a { border-radius: 0 20px 20px 0 } .contacts-menu__item_state_active a { position: relative; left: -2px; margin: 0 -2px 0 0; border-color: #000; border-left: 2px solid #000 } .contacts-menu__item_state_active:first-child a { left: 0; margin: 0; border-color: #000 } @media only screen and (max-width: 1300px),only screen and (max-device-width:1300px) { .contacts-menu { display:none } } @media only screen and (max-width: 767px),only screen and (max-device-width:767px) { .contacts-menu__item { display:block } .contacts-menu__item a { padding: 0; color: #4793d0; border: none } .contacts-menu__item a:hover { left: 0; border: 0 } .contacts-menu__item:first-child a { border: none } .contacts-menu__item_state_active a { color: #000 } } .contacts-office__left,.contacts-office__right { display: inline-block; box-sizing: border-box; width: 50%; vertical-align: top } .contacts-office { font-size: 0; margin: 70px 0 80px } .contacts-office__left { padding: 0 40px 0 0 } .contacts-office__right { padding: 0 0 0 40px } .contacts-office__title { font: 400 22px/26px MuseoSans700; margin: 0 } .contacts-office__link a,.contacts-office__text p { font: 400 16px/26px MuseoSans500 } .contacts-office__text p { margin: 26px 0; color: #000 } .contacts-office__link a { transition: all .3s ease; color: #4793d0 } .contacts-office__link a:hover { color: #6aaee4 } @media only screen and (max-width: 1023px),only screen and (max-device-width:1023px) { .contacts-office__left,.contacts-office__right { width:100%; padding: 0 } } .contacts-filiation__left,.contacts-filiation__right { box-sizing: border-box; width: 50%; vertical-align: top; display: inline-block } @media only screen and (max-width: 767px),only screen and (max-device-width:767px) { .contacts-office { margin-top:30px; margin-bottom: 30px } .contacts-office__link a,.contacts-office__text p { font-size: 15px; line-height: 1.5 } } .contacts-map { overflow: hidden; height: 670px; margin: 0 -40px -150px -340px } @media only screen and (max-width: 1099px),only screen and (max-device-width:1099px) { .contacts-map { margin:0 -35px -150px -335px } } @media only screen and (max-width: 767px),only screen and (max-device-width:767px) { .contacts-map { height:350px; margin: 0 -20px -75px -320px } } .contacts-filiation { font-size: 0; margin: 10px 0 0 } .contacts-filiation__topic { font: 400 34px/1 MuseoSans700; margin: 0; color: #000 } .contacts-filiation__title { font: 400 22px/26px MuseoSans700; margin: 34px 0 8px; color: #000 } .contacts-filiation__left { padding: 0 40px 0 0 } .contacts-filiation__right { padding: 0 0 0 40px } .contacts-filiation__item { margin: 0 0 27px; padding: 0 } .contacts-filiation__item:last-child { margin: 0; border: 0 } .contacts-filiation__item_mod_line { border-bottom: 1px solid rgba(0,0,0,.09) } .contacts-filiation__row { border-top: 1px solid rgba(0,0,0,.09) } .contacts-filiation__text p { font: 400 16px/26px MuseoSans500; margin: 8px 0; color: #000 } .contacts-filiation__text b { font-family: MuseoSans700 } @media only screen and (max-width: 1023px),only screen and (max-device-width:1023px) { .contacts-filiation__left,.contacts-filiation__right { width:100%; padding: 0 } } @media only screen and (max-width: 767px),only screen and (max-device-width:767px) { .contacts-filiation { margin-top:30px } .contacts-filiation__topic { font-size: 25px; line-height: 1.2 } .contacts-filiation__text p { font-size: 15px; line-height: 1.5 } } .contacts-shop-list { font-size: 0; margin: 0; } .contacts-shop-list__title { font: 400 20px/29px MuseoSans700; position: relative; display: inline; margin: 34px 0 24px } .contacts-shop-list__title a { -webkit-transition: all .3s ease; transition: all .3s ease; text-decoration: none; color: #000 } .contacts-shop-list__title a:after { display: inline-block; width: 27px; height: 27px; margin: 0 0 0 10px; content: ''; -webkit-transition: all .3s ease; transition: all .3s ease; vertical-align: middle; opacity: 1; background: url(/bitrix/templates/hittek/i/circle-arrow.png) no-repeat } .contacts-article__link a,.contacts-shop__link-map a { -webkit-transition: all .3s ease; text-decoration: none } .contacts-shop-list__left,.contacts-shop-list__right { display: inline-block; box-sizing: border-box; width: 50%; vertical-align: top } .contacts-shop-list__title a:hover { color: #999 } .contacts-shop-list__title a:hover:after { opacity: .6 } .contacts-shop-list__left { padding: 0 40px 0 0 } .contacts-shop-list__right { padding: 0 0 0 40px } .contacts-shop-list__city-name { font-size: 24px; padding-bottom: 20px; font-weight: 600; } .contacts-shop-list__item { margin: 0 0 27px; padding: 0 0 15px } .contacts-shop-list__text p { font: 400 16px/26px MuseoSans500; margin: 18px 0; color: #000 } .contacts-shop-list__text b { font-family: MuseoSans700 } @media only screen and (max-width: 1023px),only screen and (max-device-width:1023px) { .contacts-shop-list__left,.contacts-shop-list__right { width:100%; padding: 0 } } .contacts-shop__left,.contacts-shop__right { width: 50%; display: inline-block; box-sizing: border-box; vertical-align: top } @media only screen and (max-width: 767px),only screen and (max-device-width:767px) { .contacts-shop-list { margin-top:35px } .contacts-shop-list__text p { font-size: 15px; line-height: 1.5 } } @media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min-resolution:144dpi) { .contacts-shop-list__title:after { background-image:url(/bitrix/templates/hittek/i/circle-arrow_x2.png); background-size: 27px 27px } } .contacts-article { margin: 0 } .contacts-article__title { font: 400 34px/1 MuseoSans700; margin: 8px 0 28px; color: #000 } .contacts-article__text p, .contacts-article__text { font: 400 16px/26px MuseoSans500; margin: 18px 0; color: #000 } .contacts-article__link a { transition: all .3s ease; color: #4793d0 } .contacts-article__link a:hover { color: #6aaee4 } .contacts-article__list ul { padding: 0 0 0 27px; list-style: none } .contacts-article__list ul>li { font: 400 16px/26px MuseoSans500; margin: 0 0 15px } .contacts-article__list ul>li:before { float: left; margin-left: -27px; content: '\2014\a0' } @media only screen and (max-width: 767px),only screen and (max-device-width:767px) { .contacts-article__title { font-size:25px; line-height: 1.2 } .contacts-article__list ul>li,.contacts-article__text p { font-size: 15px; line-height: 1.5 } } .contacts-shop { font-size: 0; margin: 53px 0 0 10% } .contacts-shop__left { padding: 0 40px 0 0 } .contacts-shop__right { padding: 0 0 0 40px } .contacts-shop__title { font: 400 20px/26px MuseoSans700; margin: 34px 0 0; color: #000 } .contacts-shop__text ul{ margin: 0 0 13px; } .contacts-shop__text p{ font: 400 16px/26px MuseoSans500; margin: 13px 0; color: #000 } .contacts-shop__text li{ font: 400 16px/26px MuseoSans500; margin: 0px 0 5px; color: #000 } .contacts-shop__text b { font-family: MuseoSans700 } .contacts-shop__link-map a { font: 400 16px/26px MuseoSans500; transition: all .3s ease; color: #4793d0 } .contacts-shop__link-map a:before { margin: 0 5px; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; content: ""; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .contacts-shop__link-map a:hover { color: #6aaee4 } @media only screen and (max-width: 1023px),only screen and (max-device-width:1023px) { .contacts-shop__left,.contacts-shop__right { width:100%; padding: 0 } } @media only screen and (max-width: 767px),only screen and (max-device-width:767px) { .contacts-shop { margin:30px 0 0 } .contacts-shop__text p { font-size: 15px; line-height: 1.5 } } .search-search { position: relative; display: inline-block; margin: 0 } .search-search__input { font: 400 23px/1 MuseoSans300; line-height: normal; box-sizing: border-box; width: 706px; height: 77px; padding: 0 90px 0 40px; border: 2px solid #000; border-radius: 40px; outline: 0; background: #fff } .search-search__clear { position: absolute; top: 25px; right: 36px; width: 27px; height: 27px; -webkit-transition: all .3s ease; transition: all .3s ease; background: url(/bitrix/templates/hittek/i/search-search__clear.png) no-repeat } .search-search__clear:hover { opacity: .5 } @media only screen and (max-width: 1023px),only screen and (max-device-width:1023px) { .search-search { width:70% } .search-search__input { width: 100% } } @media only screen and (max-width: 767px),only screen and (max-device-width:767px) { .search-search { box-sizing:border-box; width: 100%; margin: 0; padding: 0 } .search-search__input { font-size: 18px; height: 50px; padding: 0 70px 0 30px } .search-search__clear { top: 12px; right: 0; margin: 0 26px 0 0 } } .search-categories { font-size: 0; margin: 27px 0 0 } .search-categories__title { font: 400 14px/22px MuseoSans700; display: inline; margin: 0 11px 0 0; color: #000 } .search-categories__link { font: 400 13px/29px MuseoSans500; display: inline-block; margin: 0 8px 8px 0; padding: 0 15px; -webkit-transition: all .3s ease; transition: all .3s ease; text-decoration: none; color: #000; border: 1px solid #d6d6d6; border-radius: 16px } .search-categories__link:hover,.search-categories__link_state_active { border-color: #000 } .search-categories__link-count { color: #4793d0 } @media only screen and (max-width: 767px),only screen and (max-device-width:767px) { .search-categories__title { display:block; margin-bottom: 15px } } .search-result { font-size: 0; margin: 100px 0 0 } .search-result__body { margin: 50px -25px 70px } .search-result__topic { font: 400 34px/1 MuseoSans700; position: relative; display: inline; margin: 70px 0 0 } .search-result__topic a { padding: 0 35px 0 0; -webkit-transition: all .3s ease; transition: all .3s ease; text-decoration: none; color: #000 } .search-result__topic a:after { position: absolute; right: 0; bottom: 4px; display: block; width: 27px; height: 27px; content: ''; background: url(/bitrix/templates/hittek/i/circle-arrow.png) left top no-repeat } .shop-page__next span:after,.shop-page__prev span:before { bottom: -2px; -moz-osx-font-smoothing: grayscale } .search-result__topic a:hover { opacity: .6 } .search-result__item { display: inline-block; box-sizing: border-box; width: 189px; margin: 0 25px 56px; vertical-align: top } .search-result__item_mod_news { -webkit-transition: all .3s ease; transition: all .3s ease; text-align: left; text-decoration: none } .search-more,.search-result__link { -webkit-transition: all .3s ease; text-decoration: none } .search-result__item_mod_news:hover { opacity: .5 } .search-result__img { display: block; max-width: 150px; max-height: 130px } .search-result__title { font: 400 16px/24px MuseoSans500; margin: 27px 0 8px; color: #000 } .search-result__title_mod_present { color: red } .search-result__item_mod_news .search-result__title { font: 400 18px/25px MuseoSans700; margin-top: 34px } .search-result__text { font: 400 13px/18px MuseoSans500; margin: 0; color: rgba(0,0,0,.31) } .search-result__item_mod_news .search-result__text { font: 400 14px/22px MuseoSans500; color: #000 } .search-result__matches { background: #e9ebec } .search-result__link { font: 400 16px/46px MuseoSans500; display: inline-block; margin: 25px 0 0; padding: 0 20px; transition: all .3s ease; color: #000; border: 2px solid #e4e4e4; border-radius: 25px } .search-result__link:hover { border-color: #000 } @media only screen and (max-width: 767px),only screen and (max-device-width:767px) { .search-result { margin:40px 0 0 } .search-result__body { margin-right: -20px; margin-left: -20px; text-align: center } .search-result__item { padding-right: 20px; padding-left: 20px } .search-result__item_mod_news { margin-right: 0; margin-left: 0 } .search-result__topic { font-size: 25px; line-height: 1.2 } .search-result__topic a:after { display: none } } @media only screen and (max-width: 480px),only screen and (max-device-width:480px) { .search-result__body { margin-right:0; margin-bottom: 50px; margin-left: 0 } .link-shop{ z-index: 0; } .header_wr .rightblock .shops{ z-index: 0; } .search-result__body:last-child { margin-bottom: 0 } .search-result__item_mod_news { width: 100%; margin: 0 0 30px; padding: 0 } .search-result__item_mod_news:hover { opacity: 1 } .search-result__item_mod_news .search-result__img { float: left; width: 87px; margin: 0; padding-right: 20px } .search-result__item_mod_news .search-result__title { font-size: 16px; line-height: 1.3; margin: 0 } .search-result__item_mod_news .search-result__text { font-size: 14px; line-height: 1.5; overflow: hidden; margin: 6px 0 0 } } @media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min-resolution:144dpi) { .search-result a:after { background-image:url(/bitrix/templates/hittek/i/circle-arrow_x2.png); background-size: 27px 27px } } .search-more { font: 400 20px/90px MuseoSans500; display: block; margin: 70px 0; transition: all .3s ease; text-align: center; color: #000; background: #f1f1f1 } .search-more span:after { display: inline-block; margin: 0 0 0 10px; vertical-align: middle; color: #4a90e2; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; content: ""; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .search-more:hover { opacity: .7 } .catalog-menu { position: relative; margin: 40px 0 0 } .catalog-menu__body { font-size: 0; display: inline-block; padding: 0; border: 2px solid #eee; border-radius: 25px } .catalog-menu__cover { position: absolute; top: 0; left: 0; width: 167px; height: 40px; border: 2px solid #000; border-radius: 25px } .catalog-menu__item { display: inline-block; border-radius: 25px } .catalog-menu__item a { font: 400 16px/40px MuseoSans500; position: relative; display: block; padding: 0 25px; -webkit-transition: all .3s ease; transition: all .3s ease; text-decoration: none; color: #000 } .catalog-menu__item a:hover { color: #999 } .catalog-menu__item_state_active { margin: -2px; border: 2px solid #000 } .catalog-menu__item_state_active a:hover { color: #000 } @media only screen and (max-width: 1023px),only screen and (max-device-width:1023px) { .catalog-menu__body { border:none } .catalog-menu__item { display: block } .catalog-menu__item a { padding-left: 0; color: #4793d0 } .catalog-menu__item_state_active { margin: 0; border: none } .catalog-menu__item_state_active a { color: #000 } } @media only screen and (max-width: 767px),only screen and (max-device-width:767px) { .catalog-menu { margin-top:30px } } .catalog-category { margin: 84px 0 0 } .catalog-category__topic { font: 400 34px/1 MuseoSans700; margin: 50px 0 68px; color: #000 } .catalog-category__body { font-size: 0; margin: 0 -20px } .catalog-category__item { display: inline-block; width: 200px; margin: 0 20px 58px; text-align: left; vertical-align: top; text-decoration: none } .catalog-category__img-block { position: relative; width: 134px; height: 127px; border: 2px solid #000 } .catalog-category__img-block:after,.catalog-category__img-block:before { height: 2px; background: #000; position: absolute; content: '' } .catalog-category__img-block:before { top: -8px; left: 4px; width: 126px } .catalog-category__img-block:after { top: -13px; left: 11px; width: 112px } .catalog-category__img { display: block; width: 134px; height: 127px } .catalog-category__img-cover { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; -webkit-transition: all 1s ease; transition: all 1s ease; opacity: 0; background: rgba(0,0,0,.75) } .catalog-category__img-block:hover .catalog-category__img-cover { opacity: 1 } .catalog-category__img-cover:before { position: absolute; top: 45px; left: 50px; display: block; width: 36px; height: 36px; content: ''; background: url(/bitrix/templates/hittek/i/link.png) left top no-repeat } .catalog-category__title { font: 400 18px/25px MuseoSans700; margin: 27px 0 10px; color: #000 } .catalog-category__text { font: 400 14px/22px MuseoSans500; margin: 0; color: #000 } @media only screen and (max-width: 767px),only screen and (max-device-width:767px) { .catalog-category { margin-top:40px } .catalog-category__body { text-align: center } .catalog-category__topic { font-size: 25px; line-height: 1.2; margin: 30px 0 40px } } @media only screen and (max-width: 480px),only screen and (max-device-width:480px) { .catalog-category__body { margin-right:0; margin-left: 0 } .catalog-category__item { width: 100%; margin: 0 0 43px } .catalog-category__img-block { float: left; width: 80px; height: 75px; margin-right: 20px } .catalog-category__img-block:before { left: 3px; width: 74px } .catalog-category__img-block:after { left: 9px; width: 62px } .catalog-category__img { width: 80px; height: 75px } .catalog-category__img-cover:before { top: 19px; left: 23px } .catalog-category__title { font-size: 16px; line-height: 1.3; margin: 0 } .catalog-category__text { line-height: 1.5; overflow: hidden } } .catalog-price__left,.catalog-price__right { display: inline-block; width: 50%; box-sizing: border-box; vertical-align: top } @media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min-resolution:144dpi) { .catalog-category__img-cover:before { background-image:url(/bitrix/templates/hittek/i/link_x2.png); background-size: 36px 36px } } .catalog-price { margin: 84px 0 0 } .catalog-price__topic { font: 400 34px/1 MuseoSans700; margin: 50px 0 36px; color: #000 } .catalog-price__body { font-size: 0 } .catalog-price__left { padding: 0 40px 0 0 } .catalog-price__right { padding: 0 0 0 40px } .catalog-price__item { position: relative; margin: 0 0 29px } .catalog-price__item_mod_flag:after,.catalog-price__item_mod_flag:before { position: absolute; display: block; content: '' } .catalog-price__item_mod_flag:before { top: 5px; left: -20px; width: 10px; height: 12px; background: red } .catalog-price__item_mod_flag:after { top: 13px; left: -19px; width: 0; height: 0; border-right: 4px solid transparent; border-bottom: 4px solid #fff; border-left: 4px solid transparent } .catalog-price__title { font: 400 16px/21px MuseoSans500; margin: 0 0 5px; text-decoration: none; color: #000 } .catalog-price__title:after { margin: 0 5px; -webkit-transition: all .3s ease; transition: all .3s ease; color: #adadad; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; content: ""; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .catalog-price__title:hover:after { color: #000 } .catalog-price__text { font: 400 14px/21px MuseoSans500; margin: 0; text-decoration: none; color: #adadad } @media only screen and (max-width: 1023px),only screen and (max-device-width:1023px) { .catalog-price__left,.catalog-price__right { width:100%; padding: 0 } } @media only screen and (max-width: 767px),only screen and (max-device-width:767px) { .catalog-price__item_mod_flag:before { left:-15px } .catalog-price__item_mod_flag:after { left: -14px } .catalog-price__topic { font-size: 25px; line-height: 1.2 } .catalog-price__title { font-size: 15px } } .shop-menu { font-size: 0; margin: 0; padding: 25px 30px; border-radius: 15px; background: #edf2f2 } .shop-menu__list { display: inline-block; box-sizing: border-box; width: 50%; margin: 0; padding: 0 10px 15px 0; list-style: none; vertical-align: top } .shop-menu__list:last-child { margin-right: 0 } .shop-menu__item a { font: 400 16px/34px MuseoSans500; margin: 0; -webkit-transition: all .3s ease; transition: all .3s ease; text-decoration: none; color: #000 } .shop-menu__item a:before { margin: 0 7px 0 0; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; content: ""; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .shop-menu__item a:hover { color: #999 } .shop-menu__count { font: 400 14px/1 MuseoSans500; color: rgba(0,0,0,.4); } @media only screen and (max-width: 1023px),only screen and (max-device-width:1023px) { .shop-menu { margin:46px -35px 0; border-radius: 0 } } @media only screen and (max-width: 767px),only screen and (max-device-width:767px) { .shop-menu { margin:40px -20px 0; padding: 20px } .shop-menu__list { display: block; margin: 0 } .shop-menu__item a { font-size: 14px; line-height: 30px } .shop-menu__item a:before { margin: 0 5px 0 0 } } .shop-catalog { margin: 45px 0 0 } .shop-catalog__body { font-size: 0; margin: 0 -25px } .shop-catalog__item { position: relative; display: inline-block; box-sizing: border-box; width: 234px; margin: 0; padding: 35px 10px; -webkit-transition: all 1s ease; transition: all 1s ease; text-align: left; vertical-align: top; outline: transparent solid 2px } /*.shop-catalog__item:hover { outline: #e4e4e4 solid 2px; background: #fff }*/ .shop-catalog__item { position: relative; display: inline-block; box-sizing: border-box; width: 234px; margin: 0; padding: 35px 10px; -webkit-transition: all 1s ease; transition: all 1s ease; text-align: left; vertical-align: top; outline: transparent solid 2px; height: 510px; } .shop-catalog__item .catalog-item-description{ font-size: 12px; margin: 15px 0 0; } @media screen and (min-width: 375px){ .shop-catalog__item:hover .shop-catalog-inner { position: absolute; left: -2px; top: -2px; width: calc(100% + 4px); padding: 37px 12px 15px; outline: #e4e4e4 solid 2px; background: #fff; z-index: 99; box-sizing: border-box; display: flex; flex-direction: column; height: 510px; } .catalog-item-description{ display: none; } .shop-catalog__item:hover .catalog-item-description{ display: block; } .shop-catalog__item:hover .catalog-info-wrapper{ height: auto!important; } } .shop-catalog__item.with-action .shop-catalog__item__action { z-index:-1; position:absolute; top:-2px; visibility:hidden; right:0; } .shop-catalog__item.with-action:hover .shop-catalog__item__action { z-index:100; box-sizing: border-box; position:absolute; top:-12px; right:-190px; width:200px; display:block; border-radius: 15px; font-size: 13px; padding: 25px 20px; background: #ecf1f2; -webkit-transition: all .1s ease; transition: all .1s ease; text-align:center; visibility:visible; } .shop-catalog__item.with-action:hover .shop-catalog__item__action > a { font-size: 16px; color: red; text-align:center; text-decoration:none; } .shop-catalog__item.with-action:hover .shop-catalog__item__action > a > img { display: block; margin:0px auto; border:none; width:150px; border-radius: 75px 75px 75px 0; } .shop-catalog__item.with-action:hover .shop-catalog__item__action .shop-catalog__item__action_text { margin:5px 0; text-align:left; } .item-similar .shop-catalog__item,.search-result__body .shop-catalog__item { width: 232px; } .item-similar_mod_aside .shop-catalog__item { width: 242px } .shop-catalog__img { display: block; max-width: 214px; max-height: 178px; margin: 0 auto; cursor: pointer } .shop-catalog__title { font: 400 16px/24px MuseoSans500; margin: 0 0 8px; cursor: pointer; color: #000; } .shop-catalog__title a{ font-size: inherit; color: inherit; text-decoration: none; } .shop-catalog__title-shares { font: 400 11px/1 MuseoSans900; padding: 4px 9px 3px; text-transform: uppercase; color: #fff; border-radius: 10px; background: #f04949 } .shop-catalog__text, .catalog-info-wrapper .shop-catalog__text { font: 400 13px/18px MuseoSans500; margin: 0; color: #666; } .shop-catalog__link { font: 400 16px/46px MuseoSans500; display: inline-block; margin: 25px 0 0; padding: 0 17px; -webkit-transition: all .5s ease; transition: all .5s ease; text-decoration: none; color: #000; border-radius: 25px; cursor:pointer; background: #ebc74f; } .search-result__body .shop-catalog__link{ font: 400 14px/46px MuseoSans500; } .shop-catalog__link:hover { box-shadow: 0 0 30px rgba(0,0,0,.6) } .shop-catalog__old-price { font: 400 12px/18px MuseoSans500; margin: 0 0 5px; color: #9c9fa3; } .shop-catalog__price { font: 400 14px/18px MuseoSans500; margin: 0 0 5px; width: 100%; } .shop-catalog__old-price span { text-decoration: line-through } .shop-catalog__more { position: absolute; top: 15px; right: 15px; width: 30px; height: 29px; cursor: pointer; -webkit-transition: all 1s ease; transition: all 1s ease; opacity: 0; background: url(/bitrix/templates/hittek/i/shop-catalog__more.png) left top no-repeat } .shop-catalog__item:hover .shop-catalog__more { opacity: 1 } .clients-list { margin-top: 40px; } .client-item { box-sizing:border-box; width: 255px; float: left; text-align: center; border: #e4e4e4 solid 2px; border-radius: 30px; padding-top: 50px; padding-bottom: 20px; margin-right: 20px; margin-top: 20px; min-height: 290px; } .client-item .preview_picture { height: 76px; } .client-item .preview_picture img { max-height: 100%; } .client-name { font-size: 18px; margin-top: 20px; } .client-item a { -webkit-transition: all .3s ease; transition: all .3s ease; text-decoration: none; color: #4793d0; font-size: 16px; } .client-item .show-feedback { display: block; padding: 10px; width: 150px; margin: 0 auto; border: #e4e4e4 solid 2px; border-radius: 20px; color: #000; margin-top: 20px; } @media only screen and (max-width: 1265px) { .shop-catalog__item{ margin: 0 calc(16.66% - 117px) 20px; } } @media only screen and (max-width: 767px),only screen and (max-device-width:767px) { .shop-catalog__body { margin:0 -20px } .shop-catalog__item { padding: 35px 20px; width: 234px; } } @media only screen and (max-width: 702px) { .shop-catalog__item{ margin: 0 calc(25% - 117px) 20px; } } @media only screen and (max-width: 375px),only screen and (max-device-width:375px) { .shop-catalog__body { margin: 0 -20px; } .shop-catalog__item { width: 234px; display: block; margin: 0 auto 30px; padding: 0; } .shop-catalog__item .catalog-info-wrapper{ height: auto; } .shop-catalog__item:hover { outline: transparent solid 2px } .item-similar .shop-catalog__item,.item-similar_mod_aside .shop-catalog__item,.search-result__body .shop-catalog__item { width: 100% } .shop-catalog__link { box-sizing: border-box; width: 100%; text-align: center } .shop-catalog__item:hover .shop-catalog__more { opacity: 0 } } .shop-page { margin: 20px 0 0; padding: 60px 0 45px; text-align: center; border-radius: 0 0 15px 15px; background: #edf2f2 } .shop-page__body { font-size: 0 } .shop-page__prev { font: 400 16px/46px MuseoSans700; display: inline-block; padding: 0 25px 0 45px; -webkit-transition: all .3s ease; transition: all .3s ease; text-decoration: none; color: #000; border: 2px solid #000; border-radius: 25px 0 0 25px } .shop-page__prev:hover { color: #fff; background: #000 } .shop-page__prev span:before { position: relative; margin: 0 10px 0 0; font: normal normal normal 14px/1 FontAwesome; font-size: 22px; content: ""; -webkit-font-smoothing: antialiased } .shop-page__current,.shop-page__next { font: 400 16px/46px MuseoSans700; -webkit-transition: all .3s ease; color: #000; display: inline-block; text-decoration: none } .shop-page__current { padding: 0 27px; transition: all .3s ease; border-top: 2px solid #000; border-bottom: 2px solid #000 } .shop-page__current a, .shop-page__current a:visited { color:#4793d0; text-decoration:none; } .shop-page__current .blog-page-current { font: 300 16px/46px MuseoSans900; font-weight:900; } .shop-page__next { padding: 0 45px 0 25px; transition: all .3s ease; border: 2px solid #000; border-radius: 0 25px 25px 0 } .shop-page__next:hover { color: #fff; background: #000 } .shop-page__next span:after { position: relative; margin: 0 0 0 10px; font: normal normal normal 14px/1 FontAwesome; font-size: 22px; content: ""; -webkit-font-smoothing: antialiased } .shop-page__all { font: 400 16px/1 MuseoSans500; display: inline-block; margin: 24px 0 0; text-decoration: none; color: rgba(0,0,0,.2) } @media only screen and (max-width: 1023px),only screen and (max-device-width:1023px) { .shop-page { margin:20px -35px 0; border-radius: 0 } } @media only screen and (max-width: 767px),only screen and (max-device-width:767px) { .shop-page { padding:30px 0; margin: 20px -20px 0 } .shop-page__current,.shop-page__next,.shop-page__prev { display: block; padding: 0; border: none; border-radius: 0 } } .shop-text { margin: 84px 0 0 -300px; padding: 0 } .shop-text__left { overflow: hidden } .shop-text__right { float: right; width: 400px; padding: 58px 25px 0; text-align: center } .shop-text__block { padding: 0 0 0 10% } .shop-text__block_mod_more { display: none } .shop-text__title h3 { font: 400 30px/35px MuseoSans700; margin: 0 0 26px; color: #000 } .shop-text__text p { font: 400 16px/28px MuseoSans500; margin: 15px 0; color: #000 } .shop-text__text b { font-family: MuseoSans700 } .shop-text__link a { -webkit-transition: all .3s ease; transition: all .3s ease; text-decoration: none; color: #4793d0 } .shop-text__link a:hover { color: #6aaee4 } @media only screen and (max-width: 767px),only screen and (max-device-width:767px) { .shop-text__title h3 { font-size:25px; line-height: 1.2 } .shop-text__text p { font-size: 15px; line-height: 1.5 } } .shop-empty { margin: 0 } .shop-empty__text { font: 400 16px/25px MuseoSans500; margin: 0; color: #000 } @media only screen and (max-width: 1023px),only screen and (max-device-width:1023px) { .shop-text { margin-left:0 } .shop-text__right { width: 100%; padding: 0 } .shop-text__left { width: 100%; padding: 50px 0 0 } .shop-text__block { padding: 0 } .shop-empty { margin: 50px 0 0 } } .shop-slider { margin: 50px 0 80px } .shop-slider__body { position: relative; height: 345px } .shop-slider__body:after,.shop-slider__body:before { display: block; height: 50px; content: ''; border-radius: 0 0 50px 50px; width: 100%; position: absolute } .shop-slider__body:before { bottom: -5px; background: #000 } .shop-slider__body:after { bottom: 0; background: #fff } .shop-slider__item { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: all .3s ease; transition: all .3s ease; opacity: 0; border-radius: 40px } .shop-sale-list-shares__button,.shop-sale-list__item { -webkit-transition: all .3s ease; text-decoration: none } .shop-slider__item_state_active { opacity: 1 } .shop-slider__item_mod_1 { background: #d4f3ff } .shop-slider__item_mod_2 { background: #fff9d4 } .shop-slider__title { font: 400 30px/41px MuseoSans500; margin: 0 0 18px; padding: 73px 0 0 63px; color: #000 } .shop-slider__text { font: 400 14px/20px MuseoSans500; margin: 0 0 0 65px; color: rgba(0,0,0,.3) } .shop-slider__img { position: absolute; right: 0; bottom: 0 } .shop-slider-nav { margin: 30px 0 0; text-align: center } .shop-slider-nav__item { font: 400 16px/20px MuseoSans500; display: inline-block; margin: 0 20px; cursor: pointer; vertical-align: top; color: #a0a8aa } .shop-slider-nav__item_state_active { color: #000 } @media only screen and (max-width: 1099px),only screen and (max-device-width:1099px) { .shop-slider__title { font-size:25px; line-height: 35px; padding-left: 30px } .shop-slider__text { margin-left: 30px } } @media only screen and (max-width: 1023px),only screen and (max-device-width:1023px) { .shop-slider { margin:100px 0 50px } } @media only screen and (max-width: 767px),only screen and (max-device-width:767px) { .shop-slider { display:none } } .shop-sale-list { font-size: 0; margin: 63px 0 0 } .shop-sale-list__body { font-size: 0; margin: 0 -1px; text-align: center } .shop-sale-list__count,.shop-sale-list__title { font: 400 18px/28px MuseoSans500; margin: 0 } .shop-sale-list__item { position: relative; display: inline-block; overflow: hidden; box-sizing: border-box; width: 300px; padding: 1px; transition: all .3s ease; vertical-align: top } .shop-sale-list__item img { max-width: 100% } .shop-sale-list__item:hover { position: relative; z-index: 1; background: #eef2f3; box-shadow: 0 0 30px 10px rgba(0,0,0,.2) } .shop-sale-list__item:first-child { border-radius: 40px 0 0 } .shop-sale-list__item:nth-child(3) { border-radius: 0 40px 0 0 } .shop-sale-list__item:nth-child(13) { border-radius: 0 0 0 40px } .shop-sale-list__item:last-child { border-radius: 0 0 40px } .shop-sale-list__title { position: absolute; right: 0; bottom: 45px; left: 0; text-align: center; color: #000 } .shop-sale-list__count { color: #6aaee4 } .shop-sale-list-shares { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center } .shop-sale-list-shares__title { font: 400 26px/30px MuseoSans500; margin: 104px 0 0; color: #000 } .shop-sale-list-shares__button { font: 400 16px/50px MuseoSans500; display: inline-block; margin: 29px 0 0; padding: 0 25px; transition: all .3s ease; color: #fff; border: none; border-radius: 25px; outline: 0; background: #000 } @media only screen and (max-width: 1299px),only screen and (max-device-width:1299px) { .shop-sale-list__body { width:600px; margin: 0 auto; text-align: center } .shop-sale-list__item:first-child { border-radius: 40px 0 0 } .shop-sale-list__item:nth-child(2) { border-radius: 0 40px 0 0 } .shop-sale-list__item:last-child,.shop-sale-list__item:nth-child(13),.shop-sale-list__item:nth-child(3) { border-radius: 0 } .shop-catalog__link { line-height:20px; text-align:center; padding-top:16px; padding-bottom:10px; } } @media only screen and (max-width: 767px),only screen and (max-device-width:767px) { .shop-sale-list { margin:30px -20px } .shop-sale-list__body { width: auto } .shop-sale-list__item { width: 100%; margin: 2px 0; background: #eef2f3 } .shop-sale-list__item:first-child,.shop-sale-list__item:nth-child(2) { border-radius: 0 } } .item-rating { position: relative; display: inline-block; height: 19px; margin: 0 9px 0 0; padding: 0; list-style: none; vertical-align: top; } .item-rating__wrap { margin: 0 0 30px } .item-rating__current { z-index: 1; background: url(/bitrix/templates/hittek/i/item-rating.png) left center repeat-x } .item-rating__item { float: left; height: 19px } .item-rating li span { position: absolute; z-index: 10; display: block; width: 27px; height: 19px; cursor: pointer; text-decoration: none } .item-rating li span:hover { z-index: 2; left: 0; background: url(/bitrix/templates/hittek/i/item-rating.png) left bottom repeat-x } .item-rating span.star1 { left: 0 } .item-rating span.star1:hover { width: 27px } .item-rating span.star2 { left: 27px } .item-rating span.star2:hover { width: 54px } .item-rating span.star3 { left: 54px } .item-rating span.star3:hover { width: 81px } .item-rating span.star4 { left: 81px } .item-rating span.star4:hover { width: 108px } .item-rating span.star5 { left: 108px } .item-rating span.star5:hover { width: 135px } @media only screen and (max-width: 1023px),only screen and (max-device-width:1023px) { .item-rating { margin:30px 9px 0 0 } } .item-info__text p.item-code { font: 400 13px/1 MuseoSans500; display: inline-block; margin: 4px 0 0; vertical-align: top; color: #9c9c9c } .item-info__text p.item-code span { color: red } .item-info__text p.item-code .item-artikul { color: #9c9c9c } .quickorder-worktime { color: red; display: inline-block; position: absolute; right: 65px; bottom: -25px; } @media only screen and (max-width: 1023px),only screen and (max-device-width:1023px) { .item-info__text p.item-code { margin:34px 0 0 } } @media only screen and (max-width: 767px),only screen and (max-device-width:767px) { .item-info__text p.item-code { display:block; margin: 10px 0 0 } } .item-price { position: relative; } .item-price__button,.item-price__wrap, .item-price__button-notavailable { display: inline-block; vertical-align: top; white-space: nowrap; } .item-price__wrap .price { font: 400 18px/58px MuseoSans500; padding: 0 26px; } .item-block { margin: 20px 0 120px } .item-block__left { float: left; width: 430px } .item-price__wrap p.item-code{ margin: 0; color: #00a600; font-size: 14px; } .item-price__wrap p.item-code span{ color: #ff0000; } .item-block__left .item-gallery { width:inherit; min-height:300px; } .item-block__right { overflow: hidden; padding: 0; } @media only screen and (max-width: 2560px),only screen and (max-device-width:2560px) { .item-block__left { float:left; margin-right: 40px; } .item-block__right { overflow: visible; } .item-block__right > div.item-info { float:right; width: 100%; } .item-block__right > div.item-delivery { display: table; } } @media only screen and (max-width: 1099px),only screen and (max-device-width:1099px) { .item-block__left { float:none; width: 100% } .item-block__right { width: 100%; padding: 30px 0 0 } .item-block__right > div { float:none; width:auto; } .item-block__right > div.item-delivery { display: block; } } @media only screen and (max-width: 1023px),only screen and (max-device-width:1023px) { .item-gallery { margin:0 -35px } .popup-quick .item-gallery { overflow: hidden; margin: 0 } } @media only screen and (max-width: 767px),only screen and (max-device-width:767px) { .item-gallery { margin:0 -20px } .popup-quick .item-gallery { overflow: hidden; margin: 0 } } .item-list { margin: 120px 0 0 30px; padding: 0; list-style: none } .item-list__item { font: 400 16px/26px MuseoSans500; margin: 10px 0; color: #000 } .item-list__item:before { float: left; margin-left: -30px; content: '\2014\a0' } .aside-sorting.filter-top, .smartfilter.filter-top { display: inline-block; } .filter-top:before, .filter-top .aside-price:before { display: none; } .filter-top .aside-price .aside-price__title { display: inline-block; margin-right: 10px; } .filter-top .aside-price__after-block input { width: 120px; margin-right: 10px; } @media only screen and (max-width: 1100px),only screen and (max-device-width:1100px) { .item-list { margin-top:50px } } @media only screen and (max-width: 767px),only screen and (max-device-width:767px) { .item-list__item { font-size:15px; line-height: 1.5 } } .item-price__wrap { margin: 0 10px 0 0; text-align: center } .item-price__button{ font: 400 18px/58px MuseoSans500; margin: 0; padding: 0 26px; -webkit-transition: all .3s ease; transition: all .3s ease; text-decoration: none; color: #000; border-radius: 30px; background: #ffdc8b; background: -webkit-linear-gradient(top,#ffdc8b 0,#ffc054 100%); background: linear-gradient(to bottom,#ffdc8b 0,#ffc054 100%); background-position: 0 100%; background-size: auto 150% } .item-price__button-notavailable{ font: 400 14px/46px MuseoSans500; margin: 0; padding: 0 17px; -webkit-transition: all .3s ease; transition: all .3s ease; text-decoration: none; color: #000; border-radius: 30px; background-position: 0 100%; background-size: auto 150%; background: #bcbcbc; background: -webkit-linear-gradient(top,#f7f7f7 0,#cac9c9 100%); background: linear-gradient(to bottom,#f7f7f7 0,#cac9c9 100%); background-position: 0 100%; background-size: auto 150%; } .item-price__button:hover, .item-price__button-notavailable:hover { background-position: 0 0 } .item-price__old-price { font: 400 12px/18px MuseoSans500; margin: 10px 0 0; color: #9c9fa3 } .item-price__old-price span { text-decoration: line-through } .item-price__new-price { font: 400 13px/1.5 MuseoSans500; display: block; margin: 10px 0 0; cursor: pointer; -webkit-transition: all .3s ease; transition: all .3s ease; text-decoration: none; color: #4a90e2 } .item-price__new-price:hover { color: #6aaee4 } .item-delivery { position: relative; margin: 40px 0 0; padding: 25px 80px 20px; background: #ecf1f2 } .item-delivery:before { position: absolute; top: 28px; left: 28px; display: block; width: 29px; height: 34px; content: ''; background: url(/bitrix/templates/hittek/i/item-delivery.png) left top no-repeat } .item-delivery__title { font: 400 16px/1.3 MuseoSans700; margin: 0 0 5px; color: #000 } .item-delivery__text { font: 400 13px/18px MuseoSans500; margin: 0; color: #9c9fa3 } @media only screen and (max-width: 767px),only screen and (max-device-width:767px) { .item-delivery { padding-right:30px } } .item-color { margin: 35px 0 0 } .item-color__title { font: 400 16px/23px MuseoSans500; margin: 0 0 20px; color: #000 } .item-color__list { font-size: 0; padding: 0; list-style: none; } .item-color__body { margin: 0 -1px } .item-color__item { position: relative; display: inline-block; width: 33px; height: 33px; margin: 1px; cursor: pointer; background-position: center center; background-repeat: no-repeat; background-size:cover; } .item-color__item_state_active:after { position: absolute; top: 0; left: 0; display: block; width: 27px; height: 27px; content: ''; border: 3px solid #000 } .item-color__item_color_66d179 { background: #66d179 } .item-color__item_color_8be8ff { background: #8be8ff } .item-color__item_color_22d3ff { background: #22d3ff } .item-color__item_color_00aad5 { background: #00aad5 } .item-color__item_color_437db5 { background: #437db5 } .item-color__item_color_003ba7 { background: #003ba7 } .item-color__item_color_563791 { background: #563791 } .item-color__item_color_a150d9 { background: #a150d9 } .item-color__item_color_d5b8d8 { background: #d5b8d8 } .item-color__item_color_09993a { background: #09993a } .item-color__item_color_059095 { background: #059095 } .item-color__item_color_66858d { background: #66858d } .item-color__item_color_39d9bc { background: #39d9bc } .item-color__item_texture_1 { background: url(/bitrix/templates/hittek/i/texture_1.png) left top no-repeat } .item-color__item_texture_2 { background: url(/bitrix/templates/hittek/i/texture_2.png) left top no-repeat } .item-color__item_texture_3 { background: url(/bitrix/templates/hittek/i/texture_3.png) left top no-repeat } .item-color__item_texture_4 { background: url(/bitrix/templates/hittek/i/texture_4.png) left top no-repeat } .item-color__item_texture_5 { background: url(/bitrix/templates/hittek/i/texture_5.png) left top no-repeat } .item-color__item_texture_6 { background: url(/bitrix/templates/hittek/i/texture_6.png) left top no-repeat } .item-color__item_texture_7 { background: url(/bitrix/templates/hittek/i/texture_7.png) left top no-repeat } .item-size { margin: 47px 0 35px } .item-size__select { margin: 0; vertical-align: top } .item-size__select .jq-selectbox__select { font: 400 16px/1 MuseoSans500; height: auto; padding: 0 26px 0 0; -webkit-transition: all .3s ease; transition: all .3s ease; color: #000; border: none; background: 0 0; box-shadow: none; text-shadow: none } .header_mod_white .item-size__select .jq-selectbox__select { color: #fff } .item-size__select .jq-selectbox__select:hover { color: #999 } .item-size__select .jq-selectbox__select:hover .jq-selectbox__trigger-arrow { opacity: .4 } .item-size__select .jq-selectbox__select-text { width: auto!important; color: #000 } .item-size__select .jq-selectbox__trigger { border: none } .item-size__select .jq-selectbox__trigger-arrow { top: 6px; width: 10px; height: 6px; -webkit-transition: all .3s ease; transition: all .3s ease; border: none; background: url(/bitrix/templates/hittek/i/sprite.png) -227px -260px no-repeat } .header_mod_white .item-size__select .jq-selectbox__trigger-arrow { background-position: -227px -296px } .item-size__select .jq-selectbox__dropdown { font: 400 16px/1 MuseoSans500; top: 32px; color: #000; border: 1px solid #d2d2d2; border-bottom: 2px solid #000; border-radius: 0; box-shadow: none; text-shadow: none } .item-size__select li { padding: 10px 37px 10px 25px; -webkit-transition: all .3s ease; transition: all .3s ease; border-top: 1px solid #d2d2d2 } .item-size__select li:first-child { border-top: none } .item-size__select li.selected,.item-size__select li:hover { color: #000; background: #f2f5f6 } .item-size__select.focused .jq-selectbox__select { border: none } .item-size__select.opened .jq-selectbox__trigger-arrow { -webkit-transform: rotate(180deg); transform: rotate(180deg) } .item-info { margin: 35px 0 0 } .item-info__text p { font: 400 16px/26px MuseoSans500; margin: 15px 0; color: #000 } .item-info__link a { -webkit-transition: all .3s ease; transition: all .3s ease; text-decoration: none; color: #4793d0 } .item-link,.item-quickorder { -webkit-transition: all .3s ease; display: inline-block } .item-info__link a:hover { color: #6aaee4 } @media only screen and (max-width: 767px),only screen and (max-device-width:767px) { .item-info { margin:35px 0 0 } .item-info__text p { font-size: 15px; line-height: 1.5 } } .item-social { display: inline-block; margin: 23px 40px 0 0; vertical-align: bottom } .item-social__title { font: 400 16px/26px MuseoSans500; margin: 0 0 8px; color: #000 } @media only screen and (max-width: 767px),only screen and (max-device-width:767px) { .item-social__title { font-size:15px; line-height: 1.5 } } .item-similar { margin: 40px 0 0 0; } .item-similar__title { font: 400 34px/1 MuseoSans700; margin: 0 0 5px; color: #000 } .item-similar_mod_aside { margin-left: 0 } @media only screen and (max-width: 1023px),only screen and (max-device-width:1023px) { .item-similar { margin-left:0 } .item-similar__title { font-size: 25px; line-height: 1.2 } } .item-link { font: 400 16px/50px MuseoSans500; margin: 15px 0 0; padding: 0 20px; transition: all .3s ease; text-decoration: none; color: #000; border: 2px solid #e4e4e4; border-radius: 25px } .item-link:hover { border-color: #000 } @media only screen and (max-width: 767px),only screen and (max-device-width:767px) { .item-link { font-size:15px; padding: 0 15px } } .item-quickorder { font: 400 16px/58px MuseoSans500; padding: 0 10px; transition: all .3s ease; vertical-align: top; text-decoration: none; color: #4a90e2 } .item-quickorder.disabled { color: #c9c9c9; } .shares-cell__item,.shares-text-list__item a { -webkit-transition: all .3s ease; text-decoration: none } .shares-img-wrapper img { width: 100%; } .item-quickorder:before { display: inline-block; width: 21px; height: 21px; margin: 0 8px 0 0; content: ''; vertical-align: middle; background: url(/bitrix/templates/hittek/i/item/item-quickorder.svg) left top no-repeat; background-size: 21px } .shares-text__left,.shares-text__right { width: 50%; display: inline-block; box-sizing: border-box } .item-quickorder:hover { opacity: .7 } .shares-text { font-size: 0; margin: 0 0 0 10% } .shares-text__left { padding: 0 25px 0 0; vertical-align: top } .shares-text__right { padding: 0 0 0 25px; vertical-align: top } .shares-text__text { font: 400 16px/27px MuseoSans500; margin: 15px 0; color: #000 } .shares-text__text_size_big { font: 400 16px/27px MuseoSans700; margin: 10px 0 } .shares-text-list { margin: 0 0 0 30px; padding: 0; list-style: none } .shares-text-list__item { font: 400 16px/26px MuseoSans500; margin: 10px 0 } .shares-text-list__item:before { float: left; margin-left: -30px; content: '\2014\a0' } .shares-text-list__item a { transition: all .3s ease; color: #4793d0 } .shares-text-list__item a:hover,.shares-text-list__link-map:hover { color: #6aaee4 } .shares-text-list__link-map:before { margin: 0 5px; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; content: ""; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .menu-list__body .menu-list__body { margin-left: 22px; } @media only screen and (max-width: 1023px),only screen and (max-device-width:1023px) { .shares-text { margin:40px 0 0 } .shares-text__left { width: 100%; padding: 0 } .shares-text__right { width: 100%; padding: 30px 0 0 } } @media only screen and (max-width: 767px),only screen and (max-device-width:767px) { .shares-text-list__item,.shares-text__text { font-size:15px; line-height: 1.5 } } .shares-cell { font-size: 0; margin: 50px 0 0 } .shares-cell__topic { font: 400 34px/1 MuseoSans700; margin: 100px 0 60px } .shares-cell__list { overflow: hidden } .shares-cell__list-body { margin: 0 -35px } .shares-cell__item { display: inline-block; margin: 0 35px 50px; transition: all .3s ease; vertical-align: top; width: 15%; } .aside .shares-cell__item{ width: 100%; } .shares-cell__item:hover { opacity: .5 } .shares-cell__img { display: block; width: 175px; height: 175px; max-width: 100%; height: auto; border-radius: 50% 50% 50% 0; } .shares-cell__title { font: 400 18px/24px MuseoSans700; margin: 33px 0 12px; color: #000 } .shares-cell__title.m10{ margin: 10px 0 12px; } .shares-cell__title a{ font-size: inherit; color: inherit; text-decoration: none; } .shares-cell__text { font: 400 15px/22px MuseoSans500 !important; margin: 0 !important; color: #000 !important } @media only screen and (max-width: 767px),only screen and (max-device-width:767px) { .shares-cell__list-body { margin:0 -15px } .shares-cell__item { margin: 0 15px 30px } .shares-cell__topic { font-size: 25px; line-height: 1.2 } .shares-cell__img { } } @media only screen and (max-width: 480px) and (min-width: 375px){ .shop-catalog__item{ width: 180px; margin: 0 calc(25% - 90px) 20px; } .shop-catalog__body{ display: flex; flex-wrap: wrap; justify-content: center; } .shop-catalog__img{ max-width: 100%; } } @media only screen and (max-width: 480px),only screen and (max-device-width:480px) { .shares-cell__list-body { margin:0 } .shares-cell__item { margin: 0 0 30px } .shares-cell__topic { margin: 50px 0 20px } .shares-cell__img { float: left; } .shares-cell__info { overflow: hidden } .shares-cell__title { font-size: 16px; line-height: 1.3; margin: 0; display: inline; } .shares-cell__text { margin: 6px 0 0 } } .shares-categories { margin: 50px 0 0; } .shares-categories__body { margin: 0 -5px } .shares-categories__item { font: 400 16px/40px MuseoSans500; display: inline-block; margin: 0 5px 0; padding: 0 20px; -webkit-transition: all .3s ease; transition: all .3s ease; vertical-align: top; text-decoration: none; color: #000; border: 2px solid #eee; border-radius: 25px } .shares-categories__item:first-letter{ text-transform: uppercase; } .shares-categories__item:hover { border-color: #bac2c3 } .shares-categories__item_state_active { border-color: #000 } .shares-categories__item_color_red { color: red } @media only screen and (max-width: 767px),only screen and (max-device-width:767px) { .shares-categories__item { font-size:15px; line-height: 30px; border-width: 1px; margin: 0 3px 7px; padding: 0 10px } } .showrooms-conditions-info__download,.showrooms-conditions-info__print { font: 400 14px/1 MuseoSans500; -webkit-transition: all .3s ease; text-decoration: none } .showrooms-img { max-width: 100%; margin: 0 0 50px } .showrooms-conditions-info { margin: 0 0 42px; padding: 0 0 42px; text-align: center; border-bottom: 1px solid #fff } .showrooms-conditions-info__download { margin: 0 10px; transition: all .3s ease; color: #4793d0 } .showrooms-conditions-info__download:hover { color: #6aaee4 } .showrooms-conditions-info__download:before { display: inline-block; width: 12px; height: 12px; margin: 0 6px 0 0; content: ''; background: url(/bitrix/templates/hittek/i/showrooms-conditions-info__download-icon.png) left top no-repeat } .showrooms-conditions-info__print { margin: 0 10px; transition: all .3s ease; color: #4793d0 } .purchase-back,.purchase-input { -webkit-transition: all .3s ease } .showrooms-conditions-info__print:hover { color: #6aaee4 } .showrooms-conditions-info__print:before { display: inline-block; width: 13px; height: 12px; margin: 0 6px 0 0; content: ''; background: url(/bitrix/templates/hittek/i/showrooms-conditions-info__print-icon.png) left top no-repeat } .purchase-back { font: 400 15px/1 MuseoSans500; display: none; margin: 114px 0 -84px; transition: all .3s ease; text-decoration: none; color: #4793d0 } .purchase-back:before { margin: 0 8px 0 0; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; content: ""; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .purchase-back:hover { color: #6aaee4 } @media only screen and (max-width: 767px),only screen and (max-device-width:767px) { .purchase-back { display:block; margin: 50px 0 0; } } .purchase-aside { float: right; width: 350px; margin: -30px 0 0 -100% } .purchase-aside__title { font: 400 20px/24px MuseoSans700; margin: 30px 0 20px; color: #000 } .purchase-aside__text { font: 400 15px/23px MuseoSans500; margin: 0; color: #000 } .purchase-aside__text_size_small { font: 400 13px/19px MuseoSans500; color: rgba(0,0,0,.4) } .purchase-aside-list { margin: 0 0 34px; padding: 0 0 0 30px; list-style: none } .purchase-aside-list__item { font: 400 15px/23px MuseoSans500; margin: 11px 0; color: #000 } .purchase-aside-list__item b { font-family: MuseoSans700 } .purchase-aside-list__item:before { float: left; margin-left: -30px; content: '\2014\a0' } @media only screen and (max-width: 1199px),only screen and (max-device-width:1199px) { .purchase-aside { width:300px } } @media only screen and (max-width: 1099px),only screen and (max-device-width:1099px) { .purchase-aside { float:none; width: auto; margin: 50px 0 0 } } @media only screen and (max-width: 767px),only screen and (max-device-width:767px) { .purchase-aside__title { font-size:18px } } .purchase-radio-list { margin: 0 0 40px; padding: 0; list-style: none } .delivery-other { display: none; } .purchase-radio-list__item { margin: 20px 0 } .delivery-select { display: none; padding: 10px; border: 2px solid rgba(0,0,0,.3); } .purchase-radio-list__item a { font: 400 16px/24px MuseoSans500; position: relative; display: block; margin: 0; padding: 0 0 0 35px; text-decoration: none; color: #000 } .purchase-radio-list__item a:before { position: absolute; top: 1px; left: 0; display: block; width: 19px; height: 19px; content: ''; border: 2px solid rgba(0,0,0,.16); border-radius: 50% } .purchase-radio-list__item_state_active a:before { border-color: #000 } .purchase-radio-list__item_state_active a:after { position: absolute; top: 7px; left: 6px; display: block; width: 11px; height: 11px; content: ''; border-radius: 50%; background: #000 } .purchase-radio-list__content { display: none } @media only screen and (max-width: 767px),only screen and (max-device-width:767px) { .purchase-radio-list__item a { font-size:15px } } .purchase-input { font: 400 16px/1 MuseoSans500; line-height: normal; display: block; box-sizing: border-box; height: 50px; margin: 8px 0; transition: all .3s ease; border: none; border-bottom: 2px solid rgba(0,0,0,.3); outline: 0 } .purchase-input:focus { border-color: #000 } .purchase-input__email { width: 350px } .purchase-input__password { width: 285px } .purchase-input__name { width: 350px } .purchase-input__phone { width: 220px } .purchase-input__address,.purchase-input__notes { width: 525px } .purchase-input__postcode { width: 140px } .purchase-input__city { width: 300px } @media only screen and (max-width: 767px),only screen and (max-device-width:767px) { .purchase-input,.purchase-input__address,.purchase-input__city,.purchase-input__email,.purchase-input__name,.purchase-input__notes,.purchase-input__password,.purchase-input__phone,.purchase-input__postcode { width:100% } } .purchase-navigation { margin: 65px 0 0; padding: 45px 0; text-align: center; border-radius: 0 0 20px 20px; background: #eff1f2 } .purchase-navigation__prev { font: 400 18px/52px MuseoSans500; display: inline-block; float: left; box-sizing: border-box; margin: 0 0 0 40px; padding: 0 30px; -webkit-transition: all .3s ease; transition: all .3s ease; text-decoration: none; color: #333; border: 2px solid #c7cacc; border-radius: 30px } .purchase-navigation__prev:before { margin: 0 10px 0 0; -webkit-transition: all .3s ease; transition: all .3s ease; font: normal normal normal 14px/1 FontAwesome; font-size: 16px; content: ""; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .purchase-navigation__center,.purchase-navigation__confirm,.purchase-navigation__next { font: 400 18px/56px MuseoSans500; display: inline-block; padding: 0 30px; color: #fff; border-radius: 30px; text-decoration: none } .purchase-navigation__prev:hover { border-color: #000 } .purchase-navigation__next { float: right; margin: 0 40px 0 0; -webkit-transition: all .3s ease; transition: all .3s ease; background: #000 } .purchase-navigation__next:hover { background: rgba(0,0,0,.8) } .purchase-navigation__center { margin: 0; -webkit-transition: all .3s ease; transition: all .3s ease; background: #000 } .purchase-navigation__center:hover { background: rgba(0,0,0,.8) } .purchase-navigation__confirm { float: left; margin: 0 0 0 40px; -webkit-transition: all .3s ease; transition: all .3s ease; background: #000 } .purchase-navigation__confirm:hover { background: rgba(0,0,0,.8) } .purchase-navigation__error { font: 400 13px/17px MuseoSans500; display: none; float: right; width: 70px; margin: 4px 18px 0; text-align: right; color: red } @media only screen and (max-width: 767px),only screen and (max-device-width:767px) { .purchase-navigation { margin:65px -20px 0; padding: 35px 0; text-align: center; border-radius: 0 } .purchase-navigation__prev { font-size: 16px; line-height: 40px; float: none; margin: 10px 20px } .purchase-navigation__prev:before { margin: 0 5px 0 0; font: normal normal normal 14px/1 FontAwesome; font-size: 14px; content: ""; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .purchase-navigation__next { font-size: 16px; line-height: 40px; float: none; margin: 10px 20px } .purchase-navigation__error { float: none; width: 100%; margin: 20px 0 0; text-align: center } .purchase-navigation__confirm { float: none; margin: 15px 20px; vertical-align: middle } } .purchase-breadcrumbs { font-size: 0; overflow: hidden; margin: 116px 0 0; padding: 0; list-style: none } .purchase-breadcrumbs__item { position: relative; display: inline-block; background: #ebedef } .purchase-breadcrumbs__item:first-child { border-radius: 16px 0 0 16px } .purchase-breadcrumbs__item:first-child a { padding-left: 20px } .purchase-breadcrumbs__item:last-child { border-radius: 0 16px 16px 0 } .purchase-breadcrumbs__item:last-child a { padding-right: 20px } .purchase-breadcrumbs__item:last-child:after,.purchase-breadcrumbs__item:last-child:before { display: none } .purchase-breadcrumbs__item:after,.purchase-breadcrumbs__item:before { position: absolute; z-index: 1; top: -5px; display: block; width: 0; height: 0; border-top: 21px solid transparent; border-bottom: 21px solid transparent; content: '' } .purchase-breadcrumbs__item:before { right: -13px; border-left: 11px solid #fff } .purchase-breadcrumbs__item:after { right: -11px; border-left: 11px solid #ebedef } .purchase-breadcrumbs__item a { font: 400 14px/32px MuseoSans500; position: relative; display: inline-block; padding: 0 13px 0 30px; -webkit-transition: all .3s ease; transition: all .3s ease; text-decoration: none; color: #000 } .purchase-breadcrumbs__item_state_current:before { border-left-color: #000 } .purchase-breadcrumbs__item_state_current:after { border-left-color: #fff } .purchase-breadcrumbs__item_state_current a { background: #fff } .purchase-breadcrumbs__item_state_current a:before { position: absolute; z-index: 2; top: 0; left: 3px; display: block; width: 100%; height: 28px; content: ''; border-top: 2px solid #000; border-bottom: 2px solid #000 } .purchase-breadcrumbs__item_state_current:first-child a:before { left: 0; width: 101%; border-left: 2px solid #000; border-radius: 16px 0 0 16px } .purchase-breadcrumbs__item_state_current:last-child a:before { left: -2px; border-right: 2px solid #000; border-radius: 0 16px 16px 0 } .purchase-breadcrumbs__item_state_active { background: #000 } .purchase-breadcrumbs__item_state_active:after { border-left-color: #000 } .purchase-breadcrumbs__item_state_active a { color: #fff } .purchase-breadcrumbs__item_state_active a:hover { color: rgba(255,255,255,.5) } @media only screen and (max-width: 767px),only screen and (max-device-width:767px) { .purchase-breadcrumbs { display:none; margin: 50px -20px -14px } .purchase-breadcrumbs__item { display: block } .purchase-breadcrumbs__item:after,.purchase-breadcrumbs__item:before { display: none } .purchase-breadcrumbs__item_state_current a:before { left: 0 } .purchase-breadcrumbs__item_state_current:first-child a:before { border-left: none; border-radius: 0 } .purchase-breadcrumbs__item_state_current:last-child a:before { border-right: none; border-radius: 0 } .purchase-breadcrumbs__item a { display: block; padding: 0 20px } .purchase-breadcrumbs__item:first-child { border-radius: 0 } .purchase-breadcrumbs__item:first-child a { padding: 0 20px } .purchase-breadcrumbs__item:last-child { border-radius: 0 } } .purchase-block { margin: 70px 0 0 } @media only screen and (max-width: 767px),only screen and (max-device-width:767px) { .purchase-block { margin-right:0; margin-left: 0 } } .purchase-select { margin: 0; vertical-align: top } .purchase-select .jq-selectbox__select { font: 400 16px/48px MuseoSans500; box-sizing: border-box; height: 50px; margin: 8px 0; padding: 0 26px 0 0; -webkit-transition: all .3s ease; transition: all .3s ease; color: #000; border: none; border-bottom: 2px solid rgba(0,0,0,.3); border-radius: 0; background: 0 0; box-shadow: none; text-shadow: none } .header_mod_white .purchase-select .jq-selectbox__select { color: #fff } .purchase-select .jq-selectbox__select:hover { color: #999 } .purchase-select .jq-selectbox__select:hover .jq-selectbox__trigger-arrow { opacity: .4 } .purchase-select .jq-selectbox__select-text { width: 300px!important; color: #000 } .purchase-select .jq-selectbox__select-text.placeholder { color: #a9a9a9 } .purchase-select .jq-selectbox__trigger { border: none } .purchase-select .jq-selectbox__trigger-arrow { top: auto; bottom: 19px; width: 10px; height: 6px; -webkit-transition: all .3s ease; transition: all .3s ease; border: none; background: url(/bitrix/templates/hittek/i/sprite.png) -227px -260px no-repeat } .header_mod_white .purchase-select .jq-selectbox__trigger-arrow { background-position: -227px -296px } .purchase-select .jq-selectbox__dropdown { font: 400 16px/1 MuseoSans500; top: 56px; width: 326px!important; color: #000; border: 1px solid #d2d2d2; border-bottom: 2px solid #000; border-radius: 0; box-shadow: none; text-shadow: none } .purchase-select li { padding: 10px 37px 10px 25px; -webkit-transition: all .3s ease; transition: all .3s ease; border-top: 1px solid #d2d2d2 } .purchase-select li:first-child { border-top: none } .purchase-select li.selected,.purchase-select li:hover { color: #000; background: #f2f5f6 } .purchase-select.focused .jq-selectbox__select { border: none; border-bottom: 2px solid #000 } .purchase-select.opened .jq-selectbox__trigger-arrow { -webkit-transform: rotate(180deg); transform: rotate(180deg) } @media only screen and (max-width: 767px),only screen and (max-device-width:767px) { .purchase-select .jq-selectbox__select-text { width:236px!important } .purchase-select .jq-selectbox__dropdown { width: 262px!important } } .purchase-register-title { font: 400 20px/24px MuseoSans700; margin: 0 0 11px; color: #000 } .purchase-register-text { font: 400 15px/22px MuseoSans500; margin: 0 0 24px; color: #000 } .purchase-goods-header__title { font: 400 20px/16px MuseoSans700; margin: 0; text-align: left; color: #000 } .purchase-goods-total { margin: 36px 0 0; text-align: right } .purchase-goods-total_mod_confirm { display: inline-block; float: right; margin: 0 40px 0 0 } .purchase-goods-total__title { font: 400 26px/1 MuseoSans700; margin: 0 0 15px; color: #000 } .purchase-goods-total__text { font: 400 13px/1 MuseoSans700; margin: 0; color: rgba(0,0,0,.4) } .purchase-goods-total__input,.purchase-goods-total__input-icon { font: 400 13px/1 MuseoSans500; vertical-align: top } .purchase-goods-total__input { box-sizing: border-box; width: 120px; height: 28px; -webkit-transition: all .3s ease; transition: all .3s ease; border: none; border-bottom: 2px solid rgba(0,0,0,.25); outline: 0 } .purchase-goods-total__input:focus { border-color: #000 } .purchase-goods-total__input-icon { display: inline-block; width: 16px; height: 16px; margin: 7px 8px 0 0; background: url(/bitrix/templates/hittek/i/purchase-goods-total__input.png) left top no-repeat } .purchase-goods-total__button { font: 400 12px/22px MuseoSans500; display: inline-block; margin: 0 0 0 10px; padding: 0 15px; -webkit-transition: all .3s ease; transition: all .3s ease; vertical-align: bottom; text-decoration: none; color: #000; border: 2px solid rgba(0,0,0,.25); border-radius: 15px } .purchase-goods-total__button:hover { border-color: #000 } .purchase-goods__body { font-size: 12px; display: table; width: 100%; margin: 0; border-bottom: 1px solid rgba(202,202,202,.75) } .purchase-goods__row { display: table-row } .purchase-goods__row:first-child { border-bottom: 2px solid rgba(151,151,151,.13) } .purchase-goods__cell { display: table-cell; padding-top: 25px; padding-bottom: 25px; text-align: center; vertical-align: middle } .purchase-goods__row:first-child .purchase-goods__cell { padding-top: 4px; padding-bottom: 14px } .purchase-goods__row:first-child .purchase-goods__goods { font: 400 14px/1 MuseoSans500; text-align: left; color: #000 } .purchase-goods__remove { padding-left: 20px; cursor: pointer; text-align: left } .purchase-goods__remove:before { display: inline-block; width: 31px; height: 31px; content: ''; background: url(/bitrix/templates/hittek/i/purchase-goods__remove.png) left top no-repeat } .purchase-goods__img img { display: inline-block; max-width: 120px; max-height: 120px } .purchase-goods__info { padding-right: 20px; padding-left: 20px; text-align: left } .purchase-goods__title { font: 400 16px/24px MuseoSans500; margin: 0; -webkit-transition: all .3s ease; transition: all .3s ease } .purchase-goods__title a { text-decoration: none; color: #000 } .purchase-goods__title span { font: 400 11px/1 MuseoSans900; padding: 4px 9px 3px; text-transform: uppercase; color: #fff; border-radius: 10px; background: #f04949 } .purchase-goods__title:hover { opacity: .7 } .purchase-goods__text { font: 400 13px/18px MuseoSans500; margin: 0; color: rgba(0,0,0,.3) } .purchase-goods__price { font: 400 18px/1 MuseoSans500; text-align: right; white-space: nowrap; color: #000 } .purchase-goods__row:first-child .purchase-goods__price { font: 400 14px/1 MuseoSans500; color: #000 } .purchase-goods__count { font: 400 18px/1 MuseoSans500; padding-right: 20px; padding-left: 20px; white-space: nowrap; z-index: 997; } .purchase-goods__row:first-child .purchase-goods__count { font: 400 14px/1 MuseoSans500; color: #000 } .purchase-goods__count input { font: 400 16px/1 MuseoSans500; max-width: 50px; height: 30px; -webkit-transition: all .3s ease; transition: all .3s ease; text-align: center; color: #000; border: none; border-bottom: 2px solid #e9e9e9; outline: 0 } .purchase-goods__count input:focus { border-color: #000 } .purchase-goods__sum { font: 400 18px/1 MuseoSans700; text-align: left; white-space: nowrap; color: #000 } .purchase-goods__row:first-child .purchase-goods__sum { font: 400 14px/1 MuseoSans500; color: #000 } .catalog-image-wrapper { height: 150px; } @media only screen and (max-width: 767px),only screen and (max-device-width:767px) { .purchase-goods { margin:0 -20px } .purchase-goods-header__title { margin: 0 0 30px } .purchase-goods-total_mod_confirm { float: none; margin: 15px 20px; vertical-align: middle } .purchase-goods__body { display: block; border: none } .purchase-goods__row { display: block; margin: 0 0 30px; padding: 0 0 20px; border-bottom: 2px solid rgba(202,202,202,.75) } .purchase-goods__row:first-child { display: none } .purchase-goods__cell { position: relative; display: block; padding: 20px 20px 20px 50%; text-align: left } .purchase-goods__cell:after { font: 400 18px/1 MuseoSans500; position: absolute; top: 20px; left: 20px; color: #000 } .purchase-goods__img,.purchase-goods__remove { padding: 20px; text-align: center } .purchase-goods__info { padding: 20px } .purchase-goods__price:after { content: 'Цена' } .purchase-goods__count:after { top: 27px; content: 'Кол-во' } .purchase-goods__sum:after { content: 'Стоимость' } } .purchase-content { float: left; box-sizing: border-box; width: 100%; padding: 0 470px 0 0 } @media only screen and (max-width: 1199px),only screen and (max-device-width:1199px) { .purchase-content { padding:0 420px 0 0 } } @media only screen and (max-width: 1149px),only screen and (max-device-width:1149px) { .purchase-content { padding:0 350px 0 0 } } @media only screen and (max-width: 1099px),only screen and (max-device-width:1099px) { .purchase-content { float:none; padding: 0 } } .purchase-register-link { -webkit-transition: all .3s ease; transition: all .3s ease; text-decoration: none; color: #4793d0 } .purchase-register-link:hover { color: #6aaee4 } .purchase-processed__text { font: 400 16px/26px MuseoSans500; max-width: 820px; margin: -19px 0 55px; padding: 33px 44px; color: #000; border-radius: 8px; background: #eff1f2 } .purchase-processed__text a { -webkit-transition: all .3s ease; transition: all .3s ease; text-decoration: none; color: #4793d0 } .purchase-processed__text a:hover { color: #6aaee4 } @media only screen and (max-width: 1023px),only screen and (max-device-width:1023px) { .purchase-processed__text { margin:-19px 0 15px } } @media only screen and (max-width: 767px),only screen and (max-device-width:767px) { .purchase-processed__text { font-size:15px; line-height: 1.5; margin: 0; padding: 20px } } .showrooms-title__h2 { font: 400 34px/1 MuseoSans700; margin: 50px 0 20px; color: #000 } .showrooms-title__h3 { font: 400 20px/27px MuseoSans700; margin: 50px 0 10px; color: #000 } @media only screen and (max-width: 767px),only screen and (max-device-width:767px) { .showrooms-title { font-size:30px; line-height: 1.2; margin-top: 33px; margin-bottom: 20px } .showrooms-title__h2 { font-size: 25px; line-height: 1.2 } .showrooms-title__h3 { font-size: 18px; line-height: 22px } } .showrooms-block { font-size: 0; margin: 25px 0 0 10% } .showrooms-block__left { display: inline-block; box-sizing: border-box; width: 60%; padding: 0 30px 0 0; vertical-align: top } .showrooms-block__right { display: inline-block; width: 40%; vertical-align: top } @media only screen and (max-width: 767px),only screen and (max-device-width:767px) { .showrooms-block { margin:25px 0 0 } .showrooms-block__left,.showrooms-block__right { width: 100%; padding: 0 } } .showrooms-text { font: 400 16px/27px MuseoSans500; margin: 10px 0; color: #000 } .showrooms-text b { font-family: MuseoSans700 } .showrooms-gallery { margin: 35px 0 0 10% } @media only screen and (max-width: 1023px),only screen and (max-device-width:1023px) { .showrooms-gallery { } } @media only screen and (max-width: 767px),only screen and (max-device-width:767px) { .showrooms-text { font-size:15px; line-height: 1.5 } .showrooms-gallery { margin: 35px -20px 0 } } .showrooms-conditions { margin: 50px 0 0 10%; padding: 60px 0; text-align: center; border-radius: 0 0 20px 20px; background: #eff1f2 } .showrooms-conditions_mod_total { margin-top: -1px } .showrooms-conditions__title { font: 400 30px/1 MuseoSans700; margin: 0 0 20px; color: #000 } .showrooms-conditions__text { font: 400 16px/24px MuseoSans500; margin: 0 0 40px; color: #000 } .showrooms-conditions__input { font: 400 16px/1 MuseoSans500; line-height: normal; display: block; box-sizing: border-box; width: 240px; height: 44px; margin: 0 auto 14px; -webkit-transition: all .3s ease; transition: all .3s ease; border: none; border-bottom: 2px solid #9b9b9b; outline: 0; background: #eff1f2 } .showrooms-conditions__input:focus { border-color: #000 } .showrooms-conditions__submit { font: 400 18px/55px MuseoSans700; display: inline-block; margin: 28px 0 0; padding: 0 40px; -webkit-transition: all .3s ease; transition: all .3s ease; color: #fff; border: none; border-radius: 30px; outline: 0; background: #000 } .showrooms-conditions__submit:hover { background: #333 } .showrooms-conditions-result__sent { font: 400 20px/26px MuseoSans500; margin: 0 0 12px; color: #4aa724 } .showrooms-conditions-result__sent:after { display: inline-block; margin: 0 0 0 10px; vertical-align: middle; color: #4aa724; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; content: ""; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .showrooms-conditions-result__text { font: 400 17px/26px MuseoSans500; max-width: 490px; margin: 0 auto; letter-spacing: -.03em; color: #000 } @media only screen and (max-width: 1023px),only screen and (max-device-width:1023px) { .showrooms-conditions { margin:50px -35px 0; padding-right: 35px; padding-left: 35px; border-radius: 0 } .showrooms-conditions_mod_total { margin-top: -1px } } @media only screen and (max-width: 767px),only screen and (max-device-width:767px) { .showrooms-conditions { margin:50px -20px 0; padding: 60px 20px } .showrooms-conditions_mod_total { margin-top: -1px } .showrooms-conditions__title { font: 400 25px/1.5 MuseoSans700 } } .showrooms-menu { font-size: 0; margin: 50px 0; padding: 40px; border-radius: 15px; background: #edf2f2 } .showrooms-menu__item { font: 400 16px/1 MuseoSans500; position: relative; display: inline-block; box-sizing: border-box; width: 50%; padding: 0 40px 0 0; vertical-align: top; text-decoration: none; color: #262626 } .showrooms-menu__item:before { position: absolute; top: 0; left: -10px; margin: 0 7px 0 0; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; content: ""; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } @media only screen and (max-width: 1023px),only screen and (max-device-width:1023px) { .showrooms-menu { margin:50px -35px 0 } } @media only screen and (max-width: 767px),only screen and (max-device-width:767px) { .showrooms-menu { margin:50px -20px 0; padding-top: 20px; padding-bottom: 20px } .showrooms-menu__item { display: block; width: 100%; padding: 10px 0 } .showrooms-menu__item:before { position: absolute; top: 10px } } .showrooms-list { margin: 15px 0 30px 30px; padding: 0; list-style: none } .showrooms-list__item { font: 400 16px/27px MuseoSans500; margin: 0 0 15px; color: #000 } .showrooms-list_mod_nav .showrooms-list__item { margin: 0 0 5px } .showrooms-list__item:before { float: left; margin-left: -30px; content: '\2014\a0' } .showrooms-list__item a { -webkit-transition: all .3s ease; transition: all .3s ease; text-decoration: none; color: #4793d0 } .showrooms-list__item a:hover { color: #6aaee4 } @media only screen and (max-width: 767px),only screen and (max-device-width:767px) { .showrooms-list_mod_nav { margin-bottom:0 } .showrooms-list__item { font-size: 15px; line-height: 1.5; margin: 0 0 10px } } .showrooms-link { -webkit-transition: all .3s ease; transition: all .3s ease; text-decoration: none; color: #4793d0 } .showrooms-link:hover,.showrooms-link_mod_map:hover:after { color: #6aaee4 } .showrooms-link_mod_map:after { margin: 0 5px; -webkit-transition: all .3s ease; transition: all .3s ease; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; content: ""; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .lk-tab__item,.showrooms-goods-total__reset { -webkit-transition: all .3s ease; text-decoration: none } .showrooms-goods-total { border-bottom: 1px solid rgba(202,202,202,.75) } .showrooms-goods-total__reset { font: 400 16px/95px MuseoSans500; float: left; transition: all .3s ease; color: #4793d0 } .showrooms-goods-total__reset:hover { color: #6aaee4 } .showrooms-goods-total__reset:before { display: inline-block; width: 12px; height: 11px; margin: 0 10px 0 0; content: ''; background: url(/bitrix/templates/hittek/i/showrooms-goods-total__reset-icon.png) left top no-repeat } .lk-singin__left,.lk-singin__right,.lk-tab__item { box-sizing: border-box; width: 50%; vertical-align: top } .showrooms-goods-total__sum { font: 400 22px/95px MuseoSans700; float: right; margin: 0; color: #000 } @media only screen and (max-width: 767px),only screen and (max-device-width:767px) { .showrooms-goods-total { margin:0 -20px; padding: 0 0 20px; text-align: center } .showrooms-goods-total__reset,.showrooms-goods-total__sum { line-height: 50px; float: none; margin: 0 20px } } .lk-tab { font-size: 0; display: none; margin: 0 -35px } .lk-tab__item { display: inline-block; height: 50px; cursor: pointer; transition: all .3s ease; text-align: center; background: #e8e8e8 } .lk-tab__item span { font: 400 14px/50px MuseoSans500; color: #000 } .lk-tab__item span:after { display: inline-block; margin: 0 0 0 10px; -webkit-transition: all .3s ease; transition: all .3s ease; color: #4793d0; font: normal normal normal 14px/1 FontAwesome; font-size: 12px; content: ""; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .lk-tab__item:first-child { border-right: 1px solid #fff } .lk-tab__item:last-child { border-left: 1px solid #fff } @media only screen and (max-width: 1023px),only screen and (max-device-width:1023px) { .lk-tab { display:block } } @media only screen and (max-width: 767px),only screen and (max-device-width:767px) { .lk-tab { margin:0 -20px } } .lk-singin { font-size: 0 } .alert.alert-danger { font-size: 14px; color: red; font-weight: bold; } .lk-singin__title { font: 400 22px/1 MuseoSans700; margin: 0 0 15px; color: #000 } .lk-singin__text { font: 400 15px/22px MuseoSans500; margin: 0 0 30px; color: #000 } .lk-singin__left { display: inline-block; padding: 0 50px 0 0 } .lk-singin__right { display: inline-block; padding: 0 0 0 50px } .lk-singin__submit { font: 400 18px/55px MuseoSans500; display: inline-block; margin: 40px 0 0; padding: 0 50px; -webkit-transition: all .3s ease; transition: all .3s ease; vertical-align: middle; color: #fff; border: none; border-radius: 30px; outline: 0; background: #000 } .lk-singin__registry,.lk-singin__restore { -webkit-transition: all .3s ease; display: inline-block; text-decoration: none } .lk-singin__submit:hover { background: #333 } .lk-singin__restore { font: 400 15px/18px MuseoSans500; margin: 40px 0 0 20px; transition: all .3s ease; vertical-align: middle; color: #4793d0 } .lk-singin__restore:hover { color: #6aaee4 } .lk-singin-list { margin: 0 0 0 30px; padding: 0; list-style: none } .lk-singin-list__item { font: 400 16px/1.6875 MuseoSans500; margin: 0 0 15px; color: #000 } .lk-singin-list__item:before { float: left; margin-left: -30px; content: '\2014\a0'; color: red } .lk-singin__registry { font: 400 16px/51px MuseoSans500; margin: 25px 0 0; padding: 0 30px; transition: all .3s ease; color: #000; border: 2px solid #e4e4e4; border-radius: 30px } .lk-back,.lk-input { -webkit-transition: all .3s ease } .lk-singin__registry:hover { border-color: #000 } .lk-button,.lk-input { border: none; outline: 0; box-sizing: border-box } .lk-singin__checkbox-wrap { display: inline-block; margin: 0 0 0 50px } @media only screen and (max-width: 1023px),only screen and (max-device-width:1023px) { .lk-singin__left { width:100%; padding: 0 0 50px } .lk-singin__right { width: 100%; padding: 0 } } @media only screen and (max-width: 767px),only screen and (max-device-width:767px) { .lk-singin-list__item { font-size:15px; line-height: 1.5; margin: 0 0 11px } .lk-singin__registry,.lk-singin__submit { font-size: 16px; line-height: 40px } .lk-singin__restore { display: block; margin-top: 20px } } .lk-input { font: 400 16px/1 MuseoSans500; line-height: normal; display: block; height: 50px; margin: 8px 0; transition: all .3s ease; border-bottom: 2px solid rgba(0,0,0,.3); padding: 0 10px; } .lk-title{ color: #333; margin: 20px 0 0px; font-size: 18px; } .main-profile__form-row{ position: relative; } .confirm-contact{ display: inline-block; vertical-align: middle; margin: 0 0 0 15px; } .confirm-contact a{ font: 400 12px/22px MuseoSans500; display: inline-block; margin: 0 0 0 10px; padding: 0 15px; -webkit-transition: all .0s ease; transition: all .0s ease; vertical-align: bottom; text-decoration: none; color: #000; border: 2px solid rgba(0,0,0,.25); border-radius: 15px; } .confirm-contact a.loading,.confirm-contact a.loading:hover{ background: url(/bitrix/templates/hittek/i/loading.gif) center center no-repeat; color: #fff; } .confirm-contact a.success, .confirm-contact a.success:hover{ color: #008000; border-color: #008000; } .confirm-contact a:hover{ color: #ebc74f; border-color: #ebc74f; } .confirm-contact.send>a{ display: none } .confirm-contact-input{ display: none; } .confirm-contact.send .confirm-contact-input{ display: inline-block; padding: 7px 15px; border: 1px solid #ebc74f; border-radius: 5px; } .confirm-contact.send .confirm-contact-input label{ display: block; margin: 0 0 3px; } .confirm-contact.send .confirm-contact-input label span{ display: block; color: #ff0000; line-height: normal; } .confirm-contact.send .confirm-contact-input input[type="text"]{ font: 400 16px/1 MuseoSans500; line-height: normal; display: inline-block; margin: 0; transition: all .0s ease; border-bottom: 2px solid rgba(0,0,0,.3); border-top: none; border-left: none; border-right: none; outline: 0; box-sizing: border-box; vertical-align: bottom; width: 100px; } .confirm-contact.send .confirm-contact-input input[type="text"].loading{ background: url(/bitrix/templates/hittek/i/loading.gif) 100% center no-repeat; } .confirm-contact.send .confirm-contact-input input[type="text"].error{ border-color: #ff0000; background: url(/bitrix/templates/hittek/i/warning.svg) 100% center no-repeat; } .confirm-contact.send .confirm-contact-input input[type="text"].success{ border-color: #008000; background: url(/bitrix/templates/hittek/i/success.svg) 100% center no-repeat; } .confirm-contact.send .confirm-contact-input a{ vertical-align: bottom; } @media screen and (max-width: 767px){ .confirm-contact{ display: block; margin: 15px 0; } } .lk-input:focus { border-color: #000 } .lk-input_mod_name { display: inline-block; width: 300px; margin: 8px 0 0; vertical-align: middle; } .lk-input_mod_date { display: inline-block; width: 160px; margin-left: 22px } .lk-input_mod_phone { width: 160px } .lk-input_mod_city { display: inline-block; width: 300px } .lk-input_mod_postcode { display: inline-block; width: 200px; margin-left: 22px } .lk-input_mod_address { width: 525px } .lk-input_mod_email { width: 350px } .lk-input_mod_password { width: 285px } .top_button_text { margin-bottom: 45px; } @media only screen and (max-width: 767px),only screen and (max-device-width:767px) { .lk-input_mod_date,.lk-input_mod_postcode { margin-left:0; width: 100% } .lk-input,.lk-input_mod_address,.lk-input_mod_city,.lk-input_mod_date,.lk-input_mod_email,.lk-input_mod_name,.lk-input_mod_password,.lk-input_mod_phone { width: 100% } } .lk-back { font: 400 15px/1 MuseoSans500; display: block; margin: 114px 0 -84px; transition: all .3s ease; text-decoration: none; color: #4793d0 } .lk-button,.lk-order__number { -webkit-transition: all .3s ease } .lk-back:before { margin: 0 8px 0 0; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; content: ""; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .lk-back:hover { color: #6aaee4 } @media only screen and (max-width: 767px),only screen and (max-device-width:767px) { .lk-back { margin:50px 0 -34px } } .lk-checkbox { box-sizing: border-box; width: 22px; height: 22px; border: 2px solid #000; border-radius: 5px; background: #fff; box-shadow: none } .lk-checkbox_mod_discount { margin: 40px 10px 0 0; vertical-align: middle } .lk-checkbox__label { font: 400 16px/1 MuseoSans500; margin: 0; color: #000 } .lk-checkbox__label_mod_discount { display: inline-block; margin: 40px 0 0; vertical-align: middle } .lk-checkbox.focused { border: 2px solid #000 } .lk-checkbox.checked .jq-checkbox__div { width: 12px; height: 10px; margin: 4px 0 0 3px; background: url(/bitrix/templates/hittek/i/lk-checkbox.png) left top no-repeat; box-shadow: none } @media only screen and (max-width: 767px),only screen and (max-device-width:767px) { .lk-singin__checkbox-wrap { display:block; margin: 0 } .lk-checkbox__label { font-size: 15px } .lk-checkbox_mod_discount { margin-right: 5px } } .lk-order { margin: 0 } .lk-order__body { display: table; width: 100% } .lk-order__item { display: table-row } .lk-order__cell { font: 400 16px/1.2 MuseoSans500; display: table-cell; margin: 0; padding: 28px 0 29px; color: #000; border-bottom: 1px solid #dcdcdc } .lk-order__item:first-child .lk-order__cell { font-size: 14px; padding-bottom: 19px; border-bottom: 2px solid #dcdcdc } .lk-order__cell_mod_green { color: #40ad15 } .lk-order__item:first-child .lk-order__title { font: 400 22px/1 MuseoSans700 } .lk-order__number { transition: all .3s ease; text-decoration: none; color: #4a90e2 } .lk-order__number:hover { color: #6aaee4 } @media only screen and (max-width: 1023px),only screen and (max-device-width:1023px) { .lk-order { margin:40px 0 0 } } @media only screen and (max-width: 767px),only screen and (max-device-width:767px) { .lk-order__body { display:block } .lk-order__item { display: block; margin: 0 0 10px; border: 1px solid #ddd } .lk-order__item:first-child { display: none } .lk-order__item:nth-child(even) { background: #f4f4f4 } .lk-order__cell { font-size: 15px; position: relative; display: block; padding: 18px 10px 19px 50%; border: none; border-top: 1px solid #ddd } .lk-order__cell:first-child { border: none } .lk-order__cell:before { font: 400 15px/1.2 MuseoSans500; position: absolute; top: 18px; left: 10px; color: #000 } .lk-order__cell:after { position: absolute; top: 0; left: 50%; display: block; width: 1px; height: 100%; margin: 0 0 0 -10px; content: ''; background: #ddd } .lk-order__number:before { content: 'Номер' } .lk-order__date:before { content: 'Дата' } .lk-order__total:before { content: 'Итого' } .lk-order__purchase:before { content: 'Оплата' } .lk-order__state:before { content: 'Статус' } } .popup-feedback,.popup-quick { z-index: 200; left: 0; overflow-x: hidden } @media only screen and (max-width: 1023px),only screen and (max-device-width:1023px) { .lk-personal { margin:20px 0 0 } } .lk-order-info { font-size: 0; margin: 0 0 65px } .lk-order-info__left { float: left; width: 210px } .lk-order-info__right { overflow: hidden } .lk-order-info__item { font: 400 16px/1.2 MuseoSans500; margin: 12px 0; color: #000 } .lk-order-info__item_size_big { font-family: MuseoSans700; font-size: 20px } @media only screen and (max-width: 1023px),only screen and (max-device-width:1023px) { .lk-order-info { margin:40px 0 } } @media only screen and (max-width: 767px),only screen and (max-device-width:767px) { .lk-order-info__left { float:none; width: 100% } .lk-order-info__right { width: 100%; margin: 5px 0 20px } .lk-order-info__item { margin: 0 } } .lk-button { font: 400 18px/55px MuseoSans500; padding: 0 43px; transition: all .3s ease; color: #fff; border-radius: 30px; background: #000 } .lk-button:hover { background: #333 } .lk-button_mod_personal { margin: 66px 0 0 } @media only screen and (max-width: 767px),only screen and (max-device-width:767px) { .lk-button_mod_personal { font-size:16px; line-height: 40px; margin: 30px 0 0 } } .popup-quick { font-size: 0; position: fixed; top: 0; overflow-y: auto; width: 100%; height: 100%; text-align: center; background: rgba(0,0,0,.7) } .popup-quick__body { position: relative; display: block; overflow: hidden; width: auto; max-width: 920px; margin: 20px auto; padding: 30px; text-align: left; vertical-align: middle; background: #fff } .popup-quick__title { font: 400 35px/1 MuseoSans700; margin: 0 0 13px; letter-spacing: -.015em; color: #000 } .popup-quick__close { position: absolute; top: 30px; right: 30px; width: 50px; height: 50px; cursor: pointer; -webkit-transition: all .3s ease; transition: all .3s ease; opacity: .5; background: url(/bitrix/templates/hittek/i/close.svg) left top no-repeat; background-size: 50px } .popup-quick__close:hover { opacity: 1 } @media only screen and (max-width: 1023px),only screen and (max-device-width:1023px) { .popup-quick__body { margin:20px } .popup-quick__title { margin: 0 0 -17px } } @media only screen and (max-width: 767px),only screen and (max-device-width:767px) { .popup-quick__body { margin:10px; padding: 10px 10px 30px } .popup-quick__title { margin-top: 50px } .popup-quick__close { top: 10px; right: 10px; width: 30px; height: 30px; background-size: 30px } } table.sitemap td { vertical-align: top; padding: 10px; width: 50%; border: 1px solid #000; } table.sitemap ul { padding-left: 0; } table.sitemap ul ul { padding-left: 15px; } table.sitemap li { list-style: none } .popup-feedback { font-size: 0; position: fixed; top: 0; overflow-y: auto; width: 100%; height: 100%; text-align: center; background: rgba(0,0,0,.7) } .popup-feedback:after { display: inline-block; width: 0; height: 100%; content: ''; vertical-align: middle } .popup-feedback__body { position: relative; display: inline-block; overflow: hidden; box-sizing: border-box; width: 740px; margin: 20px; padding: 30px; text-align: center; vertical-align: middle; background: #fff } @media screen and (max-width: 768px){ #form_fastorder .popup-feedback__body{ width: 96%; max-width: 96%; padding: 25px 15px; } #form_fastorder .popup-feedback__submit{ margin: 25px auto 0px; height: auto; width: auto; padding: 11px 25px; font-size: 15px; } #form_fastorder .popup-feedback__topic{ font-size: 30px; margin: 0 0 20px; } } .popup-feedback__input,.popup-feedback__submit { width: 100%; -webkit-transition: all .3s ease; outline: 0; box-sizing: border-box } .popup-feedback__topic { font: 400 50px/1 MuseoSans500; margin: 74px 0 27px; text-align: center; color: #000 } .popup-feedback__text { font: 400 16px/24px MuseoSans500; margin: 0 0 26px; text-align: center; color: #000 } .popup-feedback__input { font: 400 16px/1 MuseoSans500; line-height: normal; display: block; max-width: 340px; height: 50px; margin: 8px auto 17px; transition: all .3s ease; border: none; border-bottom: 2px solid rgba(0,0,0,.3) } .popup-feedback__input:focus { border-color: #000 } .popup-feedback__submit { font: 400 20px/1 MuseoSans700; max-width: 350px; height: 65px; margin: 45px auto 90px; transition: all .3s ease; text-align: center; color: #fff; border: none; border-radius: 35px; background: #000 } .popup-feedback__submit:hover { background: rgba(0,0,0,.8) } .popup-feedback__close { position: absolute; top: 30px; right: 30px; width: 50px; height: 50px; cursor: pointer; -webkit-transition: all .3s ease; transition: all .3s ease; opacity: .5; background: url(/bitrix/templates/hittek/i/close.svg) left top no-repeat; background-size: 50px } .popup-feedback__close:hover { opacity: 1 } @media only screen and (max-width: 1023px),only screen and (max-device-width:1023px) { .popup-feedback__body { width:auto; max-width: 740px; padding: 30px 100px } } @media only screen and (max-width: 767px),only screen and (max-device-width:767px) { .popup-feedback__body { box-sizing:border-box; margin: 10px; padding: 0 20px } .popup-feedback__close { top: 10px; right: 10px; width: 30px; height: 30px; background-size: 30px } } .purchase-register-restore { font: 400 15px/1 MuseoSans500; display: block; margin: 34px 0 0; -webkit-transition: all .3s ease; transition: all .3s ease; text-decoration: none; color: #4793d0 } .purchase-register-restore:hover { color: #6aaee4 } .payment-text { font: 400 13px/19px MuseoSans500; margin: 0; color: rgba(0,0,0,.4) } .lk-select { margin: 0; vertical-align: top } .lk-select .jq-selectbox__select { font: 400 16px/48px MuseoSans500; box-sizing: border-box; height: 50px; margin: 8px 0; padding: 0 26px 0 0; -webkit-transition: all .3s ease; transition: all .3s ease; color: #000; border: none; border-bottom: 2px solid rgba(0,0,0,.3); border-radius: 0; background: 0 0; box-shadow: none; text-shadow: none } .header_mod_white .lk-select .jq-selectbox__select { color: #fff } .lk-select .jq-selectbox__select:hover { color: #999 } .lk-select .jq-selectbox__select:hover .jq-selectbox__trigger-arrow { opacity: .4 } .lk-select .jq-selectbox__select-text { width: 234px!important; color: #000 } .lk-select .jq-selectbox__select-text.placeholder { color: #a9a9a9 } .lk-select .jq-selectbox__trigger { border: none } .lk-select .jq-selectbox__trigger-arrow { top: auto; bottom: 19px; width: 10px; height: 6px; -webkit-transition: all .3s ease; transition: all .3s ease; border: none; background: url(/bitrix/templates/hittek/i/sprite.png) -227px -260px no-repeat } .header_mod_white .lk-select .jq-selectbox__trigger-arrow { background-position: -227px -296px } .lk-select .jq-selectbox__dropdown { font: 400 16px/1 MuseoSans500; top: 56px; width: 260px!important; color: #000; border: 1px solid #d2d2d2; border-bottom: 2px solid #000; border-radius: 0; box-shadow: none; text-shadow: none } .lk-select li { padding: 10px 37px 10px 25px; -webkit-transition: all .3s ease; transition: all .3s ease; border-top: 1px solid #d2d2d2 } .lk-select li:first-child { border-top: none } .lk-select li.selected,.lk-select li:hover { color: #000; background: #f2f5f6 } .lk-select.focused .jq-selectbox__select { border: none; border-bottom: 2px solid #000 } .lk-select.opened .jq-selectbox__trigger-arrow { -webkit-transform: rotate(180deg); transform: rotate(180deg) } .typed-cursor { -webkit-animation: blink .7s infinite; animation: blink .7s infinite; opacity: 1 } @keyframes blink { 0%,100% { opacity: 1 } 50% { opacity: 0 } } @-webkit-keyframes blink { 0%,100% { opacity: 1 } 50% { opacity: 0 } } .bottom-slider { font-size: 4px; } .bottom-slider .bx-wrapper .bx-viewport { border-radius: 10px; } .bottom-slider .bx-wrapper .bx-viewport li { text-align: center; } .bottom-slider .bx-wrapper .bx-viewport img { display: inline-block; } .wrap { max-width: 600px; margin: 150px auto } .type-wrap { margin: 10px auto; padding: 20px; border: 1px solid #ccc; border-radius: 5px; background: #f0f0f0 } .links { font-size: .75em; margin: 20px 0; text-align: center } input::-ms-clear { display: none } .clearfix:after,.clearfix:before { display: table; content: ' ' } .clearfix:after { clear: both } .hide { display: none } .desktop-inline-block { display: inline-block } .mobile-block,.mobile-inline-block { display: none } .news-list .video-item { margin-bottom:25px; } .fotorama:not(.fotorama--fullscreen) .fotorama__fullscreen-icon { width:100%; height:100%; right:0px; top:0px; background: transparent; z-index:10; } .fotorama.fotorama--fullscreen .fotorama__fullscreen-icon { width: 100%; height: 100%; background-position: right top !important; background-image: url(/bitrix/templates/hittek/i/fotorama-collapse.png); } .main-equipment-list__title a { color: #000; } .image_content_menu { width: 50px; height: 50px; position: relative; margin: 132px auto 0px auto; } @media (-webkit-min-device-pixel-ratio: 1.5),(min-resolution:2dppx) { .fotorama.fotorama--fullscreen .fotorama__fullscreen-icon { background-image:url(/bitrix/templates/hittek/i/fotorama-collapse@2x.png) } } .fotorama.fotorama--fullscreen .fotorama__stage__shaft, .fotorama.fotorama--fullscreen .fotorama__loaded--img.fotorama__active { z-index: 100; cursor: pointer; } .fotorama.fotorama--fullscreen .fotorama__loaded--img.fotorama__active .fotorama__img { z-index: 101; height:70%!important; width:auto!important; top:20%!important; left:33%!important; } .shop-menu__list { width:100%; display:block; } .shop-menu__item { width:50%; display:inline-block; } .item-price__button.notavailable { cursor:pointer; width: 84%; text-align: center; } .nowrap { white-space: nowrap; } .region-list-wrapper { display:table; border: 2px solid rgba(0,0,0,.10); border-radius: 20px; margin:30px auto; } .region-list-row { display: table-row; } .region-list-item { font: 400 14px/24px MuseoSans500; text-decoration: none; color: #000; white-space:nowrap; cursor:pointer; display: table-cell; height:40px; line-height:40px; padding:0 20px; position:relative; } .region-list-item::before { content:''; display:block; position:absolute; top:-2px; left:0; width:calc(100% - 4px); height:100%; border: 2px solid rgba(0,0,0,0); border-radius: 20px; transition: all .3s ease; } .region-list-item:first-child::before { width:calc(100% - 2px); left:-2px; } .region-list-item:last-child::before { width:calc(100% - 2px); } .region-list-item:hover::before, .region-list-item.selected::before{ border: 2px solid rgba(0,0,0,0.99); } .region__button { display: inline-block; vertical-align: top; font: 400 18px/58px MuseoSans700; margin: 20px 0 60px 0; padding: 0 30px; transition: all .3s ease; text-decoration: none; color: #000; border: 0; border-radius: 30px; background: linear-gradient(to bottom,#ffdc8b 0,#ffc054 100%); background-size: auto 150%; } .region__button:hover { background-position: 0 0; } .header__block_mod_right.wsearch { overflow: hidden; } .header-list { height:19px; position:relative; } .header__block_mod_right.wsearch .header-list { top:-2px; } .header__block_mod_right.wsearch .header__block_mod_top { overflow: hidden; width: 150%; margin-left: -73%; text-align: right; } .header__block_mod_right .header__block_mod_top .header-list__item-search { min-height:19px; } .header__block_mod_right .header__block_mod_top .header-list__item-search a { display:inline-block; width: 19px; height: 19px; margin: 0 auto; position:relative;top:2px; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; background: url(/bitrix/templates/hittek/i/sprite.png) -130px -245px no-repeat; cursor:pointer; } .header__block_mod_right .header__block_mod_top .header-list__item-search a:hover { opacity: .5; } .header__block_mod_right.wsearch .header__block_mod_top .header-list__item-search a { display:none; } .header__block_mod_right .header__block_mod_top .header-list__item-search a:hover:before { opacity: .5; } .header__block_mod_right .header__block_mod_top .header-list__item-search .menu-search-right { display:none; position:relative; width:210px; } .header__block_mod_right.wsearch .header__block_mod_top .header-list__item-search .menu-search-right { display:block; } .header__block_mod_right .header__block_mod_top .header-list__item-search .menu-search-right .menu-search__input-right { font: 400 16px/1 MuseoSans300; line-height: normal; box-sizing: border-box; width: 100%; height: 19px; border: none; border-bottom: 2px solid #f1f1f1; outline: 0; background: transparent; } .header__block_mod_right .header__block_mod_top .header-list__item-search .menu-search-right .menu-search__submit-right { position: absolute; top: 0; right: 0; width: 17px; height: 17px; border: none; outline: 0; background: 0 0; } .header__block_mod_right .header__block_mod_top .header-list__item-search .menu-search-right .menu-search__submit-right:before { content:""; display:block; position: absolute; top:0px; right: 0px; width: 17px; height: 17px; background: url(/bitrix/templates/hittek/i/sprite.png) -130px -245px no-repeat; } .header_mod_white .header__block_mod_right .header__block_mod_top .header-list__item-search .menu-search-right .menu-search__input-right { color: #fff; } .header_mod_white .header__block_mod_right .header__block_mod_top .header-list__item-search a:before, .header_mod_white .header__block_mod_right .header__block_mod_top .header-list__item-search .menu-search-right .menu-search__submit-right:before, .header_mod_white .header__block_mod_right .header__block_mod_top .header-list__item-search a { background-position:-130px -283px; } .header-player_mod_poster .header-player__video,.menu { display: none } .top_name_block_managers { font-size: 18px; } .man_b_left_img { display: inline-block; vertical-align: top; } .man_b_top_name { margin-left: 24px; font-size: 16px; } .man_b_right_text { display: inline-block; vertical-align: top; } .header_wr .mob_cart_main a, .header_wr .mob_cart a { display: block; } .header_wr .mob_cart a:before { content: ''; display: block; width: 24px; height: 25px; margin: 0 auto; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; background: url(/bitrix/templates/hittek/i/shopping-basket.png); background-size: cover; } .header_wr .mob_cart_main a:before { content: ''; display: block; width: 24px; height: 25px; margin: 0 auto; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; background: url(/bitrix/templates/hittek/i/shopping-basket-1.png); background-size: cover; } .header_wr .mob_cart_main .header-menu__cart-count, .header_wr .mob_cart .header-menu__cart-count { position: relative; bottom: 30px; left: 60%; } @media only screen and (max-width: 1024px),only screen and (max-device-width:1024px) { .mob_cart, .mob_cart_main { display: inline-block; } } @media only screen and (max-width: 1320px),only screen and (max-device-width:1320px) { .header-list__item,.header__phone { margin-right:10px; margin-left: 10px } } @media only screen and (max-width: 1230px),only screen and (max-device-width:1230px) { .header-list__item,.header__phone { margin-right:5px; margin-left: 5px } } @media only screen and (max-width: 1200px),only screen and (max-device-width:1200px) { } @media only screen and (max-width: 1190px),only screen and (max-device-width:1190px) { .header__body { padding:0 35px } .header__block_mod_left { width: 240px } .header__block_mod_right { margin: 0 0 0 260px } .header__logo { right: 0 } } @media only screen and (max-width: 1150px),only screen and (max-device-width:1150px){ .header_mod_white .main-dealerlink__button { font: 400 16px/0px MuseoSans300; padding: 0 28px; border: none; } } @media (max-width: 1023px){ .header-list,.header-menu { display: none; } } @media only screen and (max-width: 1130px),only screen and (max-device-width:1130px){ .header,.header__block_mod_left { height:140px } .header__wrap { position: relative; top: 0 } .header_mod_white .header__wrap { opacity: 1 } .header_state_fixed .header__wrap { top: 0; -webkit-transform: translate(0,-100%); transform: translate(0,-100%) } .header__body { padding: 0 } .header__block_mod_menu { height: 0 } .header__login { display: none } .header__phone { font: 400 20px/40px MuseoSans500; position: absolute; right: 0; display: block; margin: 41px 0 0; padding: 0 20px; border-radius: 20px; background: rgba(0,0,0,.3) } .header_mod_white .header__phone { background: rgba(255,255,255,.3) } .header__address { display: inline-block } .header__menu { top: 39px; left: 0; width: 80px; height: 51px; margin-left: -24px } .header__menu:before { top: 14px; left: 24px; width: 32px; height: 26px; background-position: -24px -246px } .header_mod_white .header__menu:before { background-position: -24px -282px } .header__search { top: 90px; left: 0; width: 80px; height: 50px; margin-left: -24px } .header__search:before { top: 14px; left: 24px; width: 34px; height: 36px; background-position: -98px -246px } .header_mod_white .header__search:before { background-position: -98px -282px } .header__logo { top: auto; bottom: 0; width: 158px; height: 107px; background-position: -182px 0 } .header_mod_white .header__logo { background-position: -182px -123px } .header_state_fixed .header-scroll { -webkit-transform: translate(0,0); transform: translate(0,0) } .header_mod_white .main-dealerlink__button { font: 400 15px/49px MuseoSans300; display: inline-block; margin: 33px 4px 39px 12%; padding: 0 28px; -webkit-transition: all .3s ease; transition: all .3s ease; text-decoration: none; color: #fff; border: 2px solid rgba(255,255,255,.2); border-radius: 30px; } .main-dealerlink__button { font: 400 15px/49px MuseoSans300; display: inline-block; margin: 33px 4px 39px 12%; padding: 0 28px; -webkit-transition: all .3s ease; transition: all .3s ease; text-decoration: none; color: #000; border: 2px solid rgba(34, 34, 34, 0.67); border-radius: 30px; } } @media only screen and (max-width: 1099px),only screen and (max-device-width:1099px) { .wrapper { padding:0 35px } } @media only screen and (max-width: 1023px),only screen and (max-device-width:1023px) { .desktop-block,.desktop-inline-block { display:none } .mobile-block { display: block } .mobile-inline-block { display: inline-block } .content_mod_aside { padding-left:0 } } @media only screen and (max-width: 880px),only screen and (max-device-width:880px){ .main-dealerlink__button { margin: 33px 4px 39px 10px; } .header_mod_white .main-dealerlink__button { margin: 33px 4px 39px 10px; } } @media only screen and (max-width: 767px),only screen and (max-device-width:767px) { .header_mod_white .main-dealerlink__button { margin: 17px 4px 39px 100px; } .main-dealerlink__button { margin: 17px 4px 39px 100px; } .main-activity__title h2 { font-size:25px; line-height: 1.2 } .main-activity__text p { font-size: 15px; line-height: 1.5 } .main-activity__link { margin: 10px 15px 0 0 } .main-activity-list { margin: 10px -5px 0 } } @media only screen and (max-width: 767px),only screen and (max-device-width:767px) { .header,.header__block_mod_left { height:70px } .wrapper { padding:0 20px } .header__body { box-sizing: border-box; margin: 0 } .header__block_mod_menu { height: 0 } .header__menu { top: 12px; left: 0; width: 54px; height: 40px; margin-left: -19px } .header__menu:before { top: 14px; left: 19px; width: 16px; height: 13px; background-position: -56px -246px } .header_mod_white .header__menu:before { background-position: -56px -282px } .header__search { top: 52px; left: 0; width: 54px; height: 18px; margin-left: -19px } .header__search:before { top: 0; left: 19px; width: 17px; height: 18px; background-position: -132px -246px } .header_mod_white .header__search:before { background-position: -131px -282px } .header__logo { width: 79px; height: 54px; background-position: -340px 0 } .header_mod_white .header__logo { background-position: -340px -123px } .header__block_mod_left { width: 120px } .header__block_mod_right { margin-left: 120px } .header__phone { font-size: 13px; line-height: 26px; margin-top: 20px; padding: 0 10px } .header__address { font-size: 13px; top: 58px; right: 0 } .header__address:before { bottom: 2px; left: -13px; width: 7px; height: 10px; background: url(/bitrix/templates/hittek/i/sprite.png) -163px -266px no-repeat } .header_mod_white .header__address:before { background-position: -149px -302px } .header-scroll__body { height: 60px } .header-scroll__menu { left: 20px; width: 60px; height: 60px; margin-left: -22px } .header-scroll__menu:before { top: 24px; left: 22px; width: 16px; height: 14px; background-position: -56px -282px } .header-scroll__logo { top: 24px; left: 20px; width: 42px; height: 14px; margin: 0 0 0 36px; background-position: -81px -358px } .header-scroll__address { font-size: 13px; top: 24px; right: 20px } .header-scroll__address:before { bottom: 2px; left: -13px; width: 7px; height: 10px; background-position: -149px -266px } .title { font-size:30px; line-height: 1.2; margin: 50px 0 20px } .mobile-v2 .title{ font-size: 25px; margin: 20px 0 20px } .breadcrumbs { margin:50px 0 -34px } .mobile-v2 .breadcrumbs { margin:10px 0 0px } .breadcrumbs__item { display: none } .breadcrumbs__item_mod_mobile { display: inline-block } } @media only screen and (max-width: 1023px),only screen and (max-device-width:1023px) { .form-result { margin:70px 0 } } @media only screen and (max-width: 767px),only screen and (max-device-width:767px) { .form-result__topic { font-size:30px; line-height: 1.2 } } @media only screen and (max-width: 767px),only screen and (max-device-width:767px) { .vacancies-form__phone-number,.vacancies-form__topic { font-size:25px } .vacancies-form__text { padding: 0 10px } } @media only screen and (max-width: 1023px),only screen and (max-device-width:1023px) { .header-player { position:absolute; height: 510px; /*background: url(/bitrix/templates/hittek/i/main/main_bg.jpg) center center no-repeat;*/ background-size: cover } .header-player__video { display: none } } @media only screen and (max-width: 767px),only screen and (max-device-width:767px) { .header-player { } } @media only screen and (max-width: 1099px),only screen and (max-device-width:1099px) { .menu__body { padding:0 35px } .menu__right { margin: 0 110px 0 260px } } @media only screen and (max-width: 1023px),only screen and (max-device-width:1023px) { .menu { min-width:320px; cursor: pointer; background: #fff } .menu__body { width: 85%; min-width: 0; height: 100%; margin: 0; padding: 0; cursor: auto; background: #000 } .menu__top { position: relative; z-index: 1; height: 180px; background: #000 } .menu__right { overflow: visible; margin: 0; padding: 70px 0 30px } .menu-search { margin: 0 50px } .menu-search__input { font-family: MuseoSans500; font-size: 32px; height: 93px; padding: 0 40px; color: rgba(255,255,255,.5); border-color: rgba(255,255,255,.5); border-radius: 50px; background: #000 } .menu-search__submit { display: none } .menu__close { position: fixed; top: 54px; right: 0; width: 15%; height: auto; margin: 0; background: 0 0 } .menu__close:after { display: block; width: 26px; height: 26px; margin: 0 auto; content: ''; background: url(/bitrix/templates/hittek/i/sprite.png) -201px -246px no-repeat } .menu-list__body,.menu__block_mod_shop { display: none } .menu__bottom { margin: -2px 0 0; padding: 0; background: #000 } .menu-list__body_mod_submenu,.menu-list__body_mod_submenu .menu-list__body,.menu-list__body_mod_submenu>.menu-list__item,.menu-list__item,.menu__block { margin: 0 } .menu__block { padding: 0 } .menu__block_mod_line { border: none } .menu-list { width: 100%; padding: 0 } .menu-list__item a,.menu-list__title { font: 400 25px MuseoSans500; padding: 45px 50px 45px 77px; border-top: 2px solid rgba(255,255,255,.2) } .menu-list__title { margin: 0; cursor: pointer; color: #fff } .menu-list__item a,.menu-list__item a:hover { color: rgba(255,255,255,.5) } .menu-list__title span { position: relative } .menu-list__title span:after { position: absolute; top: 13px; right: -40px; display: block; width: 19px; height: 11px; content: ''; -webkit-transition: all .3s ease; transition: all .3s ease; background: url(/bitrix/templates/hittek/i/sprite.png) -240px -246px no-repeat } .menu-list__title_state_open span:after { -webkit-transform: rotate(180deg); transform: rotate(180deg) } .menu-list__item a { display: block } .menu__cart,.menu__logout { display: block } } .menu-list__title span.ya-phone:after{ display: none; } @media only screen and (max-width: 767px),only screen and (max-device-width:767px) { .menu__top { height:90px } .menu__right { padding: 30px 0 0 } .menu-search { margin: 0 25px } .menu-search__input { font-size: 16px; height: 48px; padding: 0 20px; border-color: rgba(255,255,255,.5) } .menu-list__item a,.menu-list__title,.menu__cart { font-size: 16px; padding: 23px 25px 23px 38px } .menu-list__item a,.menu-list__title,.menu__cart,.menu__logout { border-top: 1px solid rgba(255,255,255,.2) } .menu__close { top: 26px } .menu__close:after { width: 13px; height: 13px; background-position: -227px -246px } .menu__bottom { margin-top: -1px } .menu-list__title span { position: relative } .menu-list__title span:after { position: absolute; top: 7px; right: -18px; width: 9px; height: 6px; background-position: -240px -257px } .menu-list__item { margin: 0 } .menu__cart-count { font-size: 14px; bottom: 0; margin: 0 0 0 15px; padding: 3px 6px 2px 5px } .menu__logout { font-size: 16px; padding: 23px 25px 23px 38px } } @media only screen and (max-width: 1023px),only screen and (max-device-width:1023px) { .shop-sale-block { margin:20px 0 0 } .shop-sale-block__left,.shop-sale-block__right { width: 100%; padding: 0 } .shop-sale-item__wrap { margin: 0 } } @media only screen and (max-width: 767px),only screen and (max-device-width:767px) { .shop-sale-text { font-size:15px; line-height: 1.5 } .shop-sale-text b { font-size: 16px } } @media only screen and (max-width: 480px),only screen and (max-device-width:480px) { .shop-sale-item { width:100%; margin: 0 } .shop-sale-item__body { margin: 0 } .shop-sale-item__img { text-align: center } .footer-list__body{ text-align: left; } .wrapper .header_wr .rightblock .personal, .wrapper_page_main .header_wr .rightblock .personal, .header_wr .rightblock .feedback, .header_wr .rightblock .shops, .header_wr .rightblock .become-a-dealer, .header_wr .rightblock .become-a-dealer2 { display: none; } } @media only screen and (max-width: 1299px),only screen and (max-device-width:1299px) { .shop-promo { margin:60px 0 0 } .shop-promo__body { width: 604px; margin: 0 auto } .shop-promo__item_mod_2 { border-radius: 0 40px 0 0 } .shop-promo__item_mod_3,.shop-promo__item_mod_4 { border-radius: 0 } .shop-promo__item_mod_5 { border-radius: 0 0 0 40px } } @media only screen and (max-width: 767px),only screen and (max-device-width:767px) { .shop-promo__body { width:auto; margin: 0 -20px } .shop-promo__item { width: 100%; margin: 0 0 10px; border-radius: 0; background-position: center center; background-size: cover } } @media only screen and (max-width: 1099px),only screen and (max-device-width:1099px) { .shop-map__body { margin:0 -35px } .shop-map__item { padding: 0 35px } } @media only screen and (max-width: 1023px),only screen and (max-device-width:1023px) { .shop-map { margin-top:50px; margin-bottom: 50px } .aside { display: none } } @media only screen and (max-width: 767px),only screen and (max-device-width:767px) { .shop-map__body { margin:0 -20px } .shop-map__item { width: 50%; padding: 0 20px } .shop-map__title { font-size: 18px } .shop-map-list__item a { font-size: 15px; line-height: 1.5 } .shop-map-list__item a:before { top: 6px } } @media only screen and (max-width: 479px),only screen and (max-device-width:479px) { .shop-map__body { margin:0 } .shop-map__item { width: 100%; padding: 0 } .shop-map__item:last-child { margin: 40px 0 0 } .shop-map__img { margin-right: auto; margin-left: auto } } @media only screen and (max-width: 1023px),only screen and (max-device-width:1023px) { .aside-menu-mobile { display:block } } @media only screen and (max-width: 767px),only screen and (max-device-width:767px) { .aside-menu-mobile { padding:0 } .aside-menu-mobile a { padding: 15px 20px } .aside-menu-mobile__item_mod_dealer { margin-top: 15px } .aside-menu-mobile__item_mod_dealer-text { font-size: 13px; color: #aaa } } @media only screen and (max-width: 1023px),only screen and (max-device-width:1023px) { .aside-block-mobile { display:block } } @media only screen and (max-width: 1023px),only screen and (max-device-width:1023px) { .aside-shares-mobile { display:block } } @media only screen and (max-width: 1023px),only screen and (max-device-width:1023px) { .aside-tabs { display: none; } .site-copyright { } .footer-list__item_price{ width: 450px; } } @media only screen and (max-width: 767px),only screen and (max-device-width:767px) { .footer-list__item_price{ width: 425px; } .aside-tabs { margin:0 -20px } .aside-tabs__item:first-child { padding: 0 0 0 20px } .aside-tabs-select__label { padding: 0 20px } .aside-tabs-block__title { padding: 15px 20px } .aside-tabs-block__title_state_open { padding-top: 25px } .aside-tabs-block__result { padding: 0 20px 25px } } @media only screen and (max-width: 1023px),only screen and (max-device-width:1023px) { .aside-submenu { display:block } } @media only screen and (max-width: 767px),only screen and (max-device-width:767px) { .aside-submenu { margin:0 -20px } } @media only screen and (max-width: 1023px),only screen and (max-device-width:1023px) { .footer { padding-bottom:54px } .footer-list_mod_copyright { margin-top: 3px } .footer-list__body { display: block } .footer__block_mod_social { margin: 0 } .footer-social { margin-top: 25px } } @media only screen and (max-width: 767px),only screen and (max-device-width:767px) { .footer { margin: 10px -20px 0; padding-bottom: 20px } .footer-list_mod_shop { margin: 0 30px 50px } } @media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min-resolution:144dpi) { .footer-social__item a { background-image:url(/bitrix/templates/hittek/i/sprite_x2.png); background-size: 500px 500px } } @media only screen and (max-width: 1023px),only screen and (max-device-width:1023px) { .main-title { opacity:1 } } @media only screen and (max-width: 767px),only screen and (max-device-width:767px) { .main-title { font-size:30px; line-height: 1.2; margin: 0 0 20px 0; } } @media only screen and (max-width: 1023px),only screen and (max-device-width:1023px) { .main-offers { margin: 0px -35px 0; opacity: 1; background: #fff } .main-offers .main-offers__body { display: block; margin: 0; border: 0; border-radius: 0; background: 0 0 } .main-offers__title { padding: 35px 35px 35px; border: none } .main-offers__list { padding: 0; border-left: 1px solid #eaeff1; border-top: 1px solid #eaeff1 } .main-offers__item { box-sizing: border-box; border-bottom: 1px solid #eaeff1; border-right: 1px solid #eaeff1 } .main-offers__item{ min-height: 140px; } .main-offers__item a { padding: 80px 0 20px; min-height: 40px; } .main-offers__item_mob-size_33 { width: 33.33333333333333% } .main-offers__item_mob-size_50 { width: 50% } } @media only screen and (max-width: 767px),only screen and (max-device-width:767px) { .main-offers { margin:40px -20px 0 } .main-offers__title { font-size: 25px; line-height: 1.2; padding: 0px 20px 35px } .main-offers__title a:after { display: none } .main-offers__item a { font-size: 15px; line-height: 1.3 } } @media only screen and (max-width: 1023px),only screen and (max-device-width:1023px) { .main-deals { width:100%; margin: 0; border-radius: 0 } .main-deals__title { padding: 35px 35px 4px } .main-deals__text { padding: 0 35px 24px } .main-deals__img { width: 100%; border-radius: 0; } .main-deals_mod_collection .main-deals__img,.main-deals_mod_discounts .main-deals__img,.main-deals_mod_master-class .main-deals__img { background-size: cover } .breadcrumbs{ margin: 35px 0 0; } } @media only screen and (max-width: 767px),only screen and (max-device-width:767px) { .main-deals__title { font: 400 22px/1 MuseoSans700; line-height: 1.3; padding: 20px 0 4px 20px } .main-deals__title span:after { display: none } .main-deals__text { font: 400 12px MuseoSans700; padding: 0 20px 20px } } @media only screen and (max-width: 1023px),only screen and (max-device-width:1023px) { .main-dealerlink { margin:0; opacity: 1 } } @media only screen and (max-width: 1023px),only screen and (max-device-width:1023px) { .main-today { margin:0; opacity: 1 } .main-today__item { display: block; width: auto; margin: 0 0 35px } .main-today__item:last-child { margin-right: 0 } .main-today__img { float: left; width: 100px; height: 100px; margin: 0 20px 0 0 } .main-today__title { margin: 0 0 7px } } @media only screen and (max-width: 767px),only screen and (max-device-width:767px) { .main-today__topic { font-size:35px } .main-today__img { width: 100px; height: 100px; margin: 0 20px 0 0 } .main-today__title { font-size: 16px } .main-today__text { font-size: 15px; overflow: hidden } } body .buorg { right: 0; bottom: 0; margin: auto; height: 620px; max-width: 735px; text-align: center; background: #fff; } body .buorg .bulogo { float: left; } body .buorg img { max-width: 100%; } body .buorg #buorgig { background: url(/bitrix/templates/hittek/i/close.svg) 660px top no-repeat; float: right; box-shadow: none; width: 100%; height: 100%; left: -12px; } body .buorg .buorg-body:before { content: ''; display: table; clear: both; height: 20px; } body .buorg .buorg-body h2 { font-size: 48px; } @media only screen and (max-width: 767px) { body .buorg #buorgig { background: url(/bitrix/templates/hittek/i/close.svg) 90% top no-repeat; } } #form_fastorder .tovar-info, #form_order_product .tovar-info{ font-size: 16px; text-align: left; width: 340px; margin: 0 auto; } .photogallery-list .bx-wrapper { margin-bottom: 20px; } .photogallery-list .bx-wrapper img { margin: auto; } .gallery-item .flexslider-slider img { margin: auto; } .gallery-item .flex-direction-nav a { height: 50px; } .gallery-item .flexslider { margin-bottom: 0; } .gallery-item .flexslider .slides img { width: auto; } .contacts-filiation__item select { height: 40px; line-height: 40px; border: 2px solid #eee; border-radius: 25px; padding: 0 20px; cursor: pointer; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; outline: none; } .contacts-map{ width: 100% !important; margin-left: 0px !important; } @media only screen and (max-width: 767px),only screen and (max-device-width:767px) { .region-list-item { display: block; } input.text-dealer__input[placeholder] { font-size: 14px; } .popup-feedback__body { margin: auto; } } @media (max-width: 413px){ .link-shop{ margin: 0 0 0 25px; } .main-title{ font-size: 24px; margin: 0; } } @media (min-width: 768px) and (max-width: 1024px){ .main-title{ margin: 0; } } @media (min-width: 1024px) and (max-width: 1276px){ .header_wr .feedback.feedback-new{ margin: 0 55px 0 114px; } .header_wr .feedback{ margin: 0 55px 0 0; } .link-shop{ margin: 0 0 0 50px; } .header_wr .rightblock{ width: calc(100% - 283px); } } @media (min-width: 1130px) and (max-width: 1276px){ .header_wr .personal{ left: inherit; right: 200px; } .header_wr .become-a-dealer2{ right: 200px; position: absolute; top: 0px; } } @media (min-width: 1025px) and (max-width: 1130px){ .header_wr .personal{ left: inherit; right: 200px; width: auto; } .header_wr .become-a-dealer2{ right: 200px; position: absolute; top: 0px; } .header_wr .become-a-dealer2{ border: none; padding: 0px; margin: 0; } } @media (min-width: 1025px) and (max-width: 1276px){ .header_wr .header-search-menu{ width: 330px; } .header_wr #search-input-menu{ width: 300px; } } @media (max-width: 1024px){ .header_wr .phone{ margin: 0 55px 0 0; } } .link-shop a{ text-decoration: none; color: #ffffff; line-height: 37px; font-family: MuseoSans700, MuseoSans500, Arial, Helvetica, sans-serif; font-size: 14px; } .link-shop.other a{ color: #000; } .link-shop a:hover{ color: grey; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .loupe__icon-btn{ -webkit-appearance: none; background: url(/images/loupe_icon.svg) no-repeat; border: none; width: 50px; height: 50px; position: absolute; right: -70px; top: 15px; } @media (max-width: 767px){ .loupe__icon-btn{ display: none; } } .shares__cell--bordered { border-color: #fff; border-bottom-left-radius: 0; border-bottom-right-radius: 50%; border-top-left-radius: 50%; border-top-right-radius: 50%; } @media (max-width: 1024px){ .header_wr .become-a-dealer2{ position: absolute; top: 0; left: 180px; } .header_wr .rightblock .personal{ left: 275px; width: 162px; position: absolute; top: 40px; } .sitemap__menu{ display: block; } .sitemap__menu a{ color: #000; padding: 15px 25px 15px 40px; } .sitemap__menu h2.menu-list__title, .sitemap__menu-title{ font-size: 25px; color: #000; padding-bottom: 15px; } .sitemap__menu .menu-list__body{ display: block; } .block_managers { word-break: break-word; } .man_b_right_text { width: 69%; } .man_b_top_name { margin-left: 0px; } .man_b_bottom_contacts ul{ padding-left: 15px; } .text-info__quote iframe { width: 100%; } .wrapper .header_wr .rightblock{ width: calc(100% - 283px); } .header_wr .phone.phone-new{ right: 75px; } .header_wr .feedback.feedback-new{ margin: 0 0 0 114px; } .header_wr .logo{ margin-right: 0; } .header_wr .rightblock .shops{ clear: both; z-index: 100; position: relative; } .header_wr .rightblock .become-a-dealer{ position: absolute; left: 378px; width: 103px; } .mob_cart, .mob_cart_main{ position: absolute; right: 25px; top: 8px; } .link-shop{ margin-left: 47px; z-index: 100; position: relative; } .header_wr .phone{ margin-right: 9.5%; } .header-city .jq-selectbox__select-text{ color: #feffd3; } .header_wr.black-and-blue .header-city .jq-selectbox__select-text{ color: #ff4c06; } .header_wr .personal a[href="/personal/"]{ font-weight: bold; } .header_wr .mob_cart a:before{ background: url(/images/black-cart.png); width: 36px; height: 34px; } .header_wr .mob_cart_main a:before { display: inline; } .header_wr .mob_cart_main .header-menu__cart-count, .header_wr .mob_cart .header-menu__cart-count{ bottom: 35px; left: 70%; } .header_wr.black-and-blue .header-city .jq-selectbox__trigger-arrow { background:url(/images/orange-city-arrow.png); width: 10px; height: 8px; right: 0; top: 48%; } .header_wr .header-city .jq-selectbox__trigger-arrow{ background:url(/images/main-city-arrow.png); width: 10px; height: 8px; right: 0; top: 48%; } } @media screen and (max-width: 1000px){ .header_wr .phone.phone-new { position: static; clear: both; text-align: left; margin: 10px 0 0; } .header_wr .phone.phone-new > div{ display: inline-block; margin: 0 30px 0 0; } .header_wr .become-a-dealer2 { left: inherit; right: 80px; } .header_wr .rightblock .personal{ left: inherit; right: 80px; } .header_wr .feedback.feedback-new{ margin: 0 0 0 calc(100% - 450px); } .link-shop{ margin: 0 0 0 calc(100% - 510px); } } @media (max-width: 929px){ .header_wr .feedback.feedback-new{ margin: 0 0 0 calc(100% - 420px); } .link-shop{ margin: 0 0 0 calc(100% - 480px); } } @media (max-width: 856px){ .header_wr .become-a-dealer2{ position: static; margin: 0; clear: both; } .header_wr .rightblock .personal{ right: 0; top: 75px; } .header_wr .feedback.feedback-new{ margin: 0px 0 0 calc(100% - 235px); } .link-shop { margin: 0 0 0 calc(100% - 293px); } } .showrooms-conditions__privacy{ margin: 20px auto 0 auto; width: 540px; } @media only screen and (max-width: 642px),only screen and (max-device-width:642px) { .footer-list__body.pixel_copy{ text-align: center; } .footer-list__body.pixel_copy.site-copyright{ position: relative; top: 0; text-align: center; } .footer-list__item.footer-list__item_price{ width: 70%; margin: 0 auto; } .footer-list__body_technical{ display: block; } .footer-list.footer-list_mod_copyright{ margin-top: 15px; } } @media only screen and (max-width: 639px),only screen and (max-device-width:639px) { .shares-cell__item { width: 100%; } .shares-cell__img { margin: auto; float: none !important; } .shares-cell__title { display: block !important; text-align: center; margin-top: 15px; } .footer-list__body.pixel_copy { text-align: center; width: 80%; } .footer-list__body.pixel_copy .footer-list__item{ font-size: 15px; } .footer-list__body.pixel_copy .footer-list__item a{ line-height: 0px; } .footer-list__item.year{ text-align: center; font-size: 15px; } .footer-list__body_technical{ display: block; margin-bottom: 15px; } .footer-list__body_prices{ display: block; } .showrooms-conditions__privacy{ width: 100%; } } @media only screen and (max-width: 396px),only screen and (max-device-width:396px) { .footer-list__body_prices{ margin-top: 10px; } } .proektirovanie-salonov-krasoty .showrooms-block, .proektirovanie-salonov-krasoty .showrooms-gallery, .proektirovanie-salonov-krasoty .showrooms-conditions{ margin-left: 0; } .fotorama__wrap.fotorama__wrap--css3.fotorama__wrap--slide{ margin: 0 auto; } @media (max-width: 768px){ .header_wr .rightblock .become-a-dealer{ left: 252px; top: 38px; } .mob_cart, .mob_cart_main { right: 25px; top: -8px; } .header_wr .become-a-dealer2{ padding: 0; border: none; } .header_wr{ min-height: 160px; } .header_wr .phone.phone-new > div:last-of-type{ margin: 0; } } @media (max-width: 740px) { .header_wr .rightblock{ position: absolute; right: 0%; } } @media (max-width: 700px) { .gallery-item .video-js { width: 100%; } } @media (max-width: 640px) { .wrapper .header_wr .header-city{ top: -19px; left: -283px; } .header_wr .rightblock .become-a-dealer{ border: none; } .header_wr .feedback.feedback-new{ margin: 0px; } } @media (max-width: 633px) { .header_wr .phone.phones-header>div a{ font-size: 14px; } .header_wr .rightblock .shops{ clear: none; margin: 0 0 0 15px; } .link-shop{ margin: 0px; clear: both; } .wrapper .header_wr .rightblock{ width: calc(100% - 250px); } .wrapper .header_wr .header-city { top: -19px; left: -251px; } } @media (max-width: 600px) { .gallery-item .video-js { height: 300px; } } @media (max-width: 563px) { .header_wr .phone.phone-new{ margin: 10px 0 0 -90px; } .header_wr .rightblock .shops{ clear: both; margin: 0; } .header_wr .become-a-dealer2{ margin: 0 0 0 -90px; } .header_wr .feedback.feedback-new, .header_wr .rightblock .shops , .link-shop a, .header_wr .become-a-dealer2{ height: auto; line-height: 27px; } } @media (max-width: 430px) { .gallery-item .video-js { height: 250px; } } @media (max-width: 480px) { .header_wr .header-city{top: -160px;left: -52%;} .header_wr .rightblock .phone { margin-top: -80px;font-size: 14px;} .header_wr .mob_cart_main a, .header_wr .mob_cart a { margin-top: -130px; margin-right: -20px;} .link-shop { margin-top: -150px; margin-left: 70px;}} @media screen and (max-width: 414px){ .header_wr .rightblock .become-a-dealer { left: -115px; } .header_wr .rightblock .personal { min-width: auto; right: -4px; } #form4 .field { width: auto; } } @media (max-width: 480px) { .link-shop { margin-top: 0; margin-left: 0; position: absolute; top: 63px; left: -70px; width: 120px; } .header_wr .rightblock .phone{ position: absolute; top: 103px; left: -70px; margin-top: 0; margin-left: 0; width: 120px; } .header_wr .phone.phone-new > div{ margin: 0; } .main-title.mobile-block{ font-size: 7vw; margin-top: 20px; } .mob_cart, .mob_cart_main{ top: 135px; right: 25px; } } @media (max-width: 435px) { } .item-gallery{ position: relative; } .stickers{ width: 30px; position: absolute; left: 20px; top: -5px; z-index: 2; } .stickers > div{ width: 30px; height: 30px; margin: 0 0 3px; border-radius: 50%; } .stickers > div.new-product{ background: #fff url(/bitrix/templates/hittek/i/new_icons/newproduct.png) center center no-repeat; } .stickers > div.sale-20{ width: 32px; height: 32px; background: #fff url(/bitrix/templates/hittek/i/sale20-48x32.png) center center no-repeat; } .stickers > div.specialoffer{ background: #fff url(/bitrix/templates/hittek/i/new_icons/discount.png) center center no-repeat; } .stickers > div.saleleader{ background: #fff url(/bitrix/templates/hittek/i/new_icons/bestseller.png) center center no-repeat; } .stickers > div.snow-sale-25{ background: #fff url(/bitrix/templates/hittek/i/snow_sale_25.png) center center no-repeat; } .stickers > div.snow-sale-20{ background: #fff url(/bitrix/templates/hittek/i/snow_sale_20.png) center center no-repeat; } .stickers > div.rus-sticker{ background: #fff url(/bitrix/templates/hittek/i/new_icons/ros_nadzor.png) center center no-repeat; width: 158px; border-radius: 0px; } div.warranty-sticker{ width: 86px; height: 70px; position: absolute; opacity: 1; background: url(/bitrix/templates/hittek/i/STAMP_garantia.png) center center no-repeat; right: 0px; bottom: 0px; z-index: 2; } div.snow-sale-big-20{ width: 62px; height: 70px; position: absolute; opacity: 1; background: url(/bitrix/templates/hittek/i/FIOCOdellaNEVE20.png) center center no-repeat; right: 0px; top: -5px; z-index: 2; } div.snow-sale-big-25{ width: 62px; height: 70px; position: absolute; opacity: 1; background: url(/bitrix/templates/hittek/i/FIOCOdellaNEVE25.png) center center no-repeat; right: 0px; top: -5px; z-index: 2; } .catalog-image-wrapper{ position: relative; } .shop-catalog__item .shop-catalog__link { font: 400 14px/46px MuseoSans500; display: inline-block; margin: 0px 0 0; padding: 0 20px; -webkit-transition: all .5s ease; transition: all .5s ease; text-decoration: none; color: #000; border-radius: 25px; cursor: pointer; } .shop-catalog__brand{ color: #c0c0c0; font-size: 14px; } .price-block{ margin: 7px 0 0; text-align: center; padding: 18px 0 0; position: relative; } .price-block .shop-catalog__old-price{ position: absolute; top: 0; left: 0; width: 100%; } .complect-choose-btn{ font-size: 0px; margin: 0; } .complect-choose-btn>a:first-child{ display: inline-block; width: 47%; padding: 5px 0; font: 400 12px MuseoSans500; color: #000; box-sizing: border-box; vertical-align: middle; text-align: center; } .complect-choose-btn>a:last-child{ display: inline-block; width: 53%; text-align: center; box-sizing: border-box; vertical-align: middle; margin: 0; padding: 0 3px; } @media screen and (max-width: 480px){ .complect-choose-btn{ display: flex; flex-direction: column-reverse; } .complect-choose-btn>a:last-child, .complect-choose-btn>a:first-child{ display: block; width: 90%; margin: 0 auto; } .shop-catalog__item .shop-catalog__link{ display: block; width: 100%; margin: 0 auto; } .shop-catalog__body.owl-carousel .shop-catalog__item:hover{ border: none; } .shop-catalog__body.owl-carousel .shop-catalog__item{ border: none; } } .quickorder-privacy{ width: 340px; margin: 30px auto 0; text-align: left; } .coach { display: flex; font: 400 15px/22px MuseoSans500 !important; margin-top: 40px; color: #000 !important;} .coach .coach-img {margin:40px;} .coach .coach-img img {background:#fff; border-radius: 50% 50% 50% 0;} .coach .maintext {display: flex; flex-grow:10;} .coach .coach-name{ font: 400 18px/24px MuseoSans700; margin: 10px 0; color: #000;} .pagination { width: 100%; clear: both; text-align: center; font-size: 18px; padding-top: 50px; } .shares-text__text1 { font: 400 16px/27px MuseoSans500; margin: 15px 0; color: #000; } .apartments-item { display: inline-block; margin: 0 35px 50px; transition: all .3s ease; vertical-align: top; width: 15%;} .select-label{ font-size: 16px; font-weight: 600; margin: 0 5px 0 0; display: inline-block; } .popup-feedback__text p.form-err{ font-size: 12px; margin: 0 0 5px; color: #ff0000; line-height: 12px; } .catalog-section-description{ margin: 15px 0; font-size: 14px; } .catalog-section-description__title { font-size: 20px; font-weight: 600; padding-bottom: 20px; } .open-sub-menu{ width: 15px; height: 15px; cursor: pointer; background: url(/bitrix/templates/hittek/i/sprite1.png) -355px -187px no-repeat; display: inline-block; vertical-align: middle; margin: 0 0 0 15px; } .opened-submenu>a>.open-sub-menu{ transform: rotate(180deg); } .opened-submenu>.menu-list__body{ display: block; } .smartfilter-wrap--disabled .catalog-filter__item-list{ display: none!important; } @media screen and (min-width: 768px) and (max-width: 1023px){ .showrooms-conditions{ width: 80%; margin: 0 auto; } } @media screen and (max-width: 767px){ .showrooms-conditions{ width: 95%; margin: 0 auto; padding: 60px 10px; } .showrooms-conditions .showrooms-conditions__privacy{ width: 100%; } } @media screen and (max-width: 599px){ .mebel-v-lizing .pictures{ display: block; } .mebel-v-lizing .pictures .item{ margin: 0 auto 15px; width: 268px; padding: 0; display: block; text-align: center; } .mebel-v-lizing .pictures .item img{ width: auto; max-width: 100%; } } @media screen and (max-width: 549px){ .showrooms-conditions .showrooms-conditions__input{ width: 100%; } .showrooms-conditions .popup-feedback__text{ font-size: 14px; } .showrooms-conditions .lk-checkbox__label{ font-size: 14px; } .banner-lizing .text1 span.title1, .banner-lizing .text1 h1{ font-size: 25px; } .banner-lizing .text1 span.title12{ font-size: 42px; margin: 0; } } @media screen and (max-width: 469px){ .banner-lizing .text1 span.title1{ font-size: 20px; margin: 0 0 30px; } .banner-lizing .text1 span.title12{ font-size: 45px; margin: 0; } } .action-info-block{ background: #f7f7f7; width: 230px; padding: 15px; font-size: 16px; } .action-info-block .action-status{ background: #ffc800; padding: 3px 7px; display: inline-block; color: rgba(0, 0, 0, .4); font-size: 14px; } .action-info-block .action-item{ margin: 0 0 12px; } .action-info-block .action-item span b{ display: block; } .action-info-block .action-item span.action-promo b{ margin: 0 0 10px; } .action-page{ white-space: nowrap; } .action-page-left{ width: calc(100% - 300px); margin: 0 40px 0 0 ; display: inline-block; vertical-align: top; white-space: normal; } .action-page-right{ width: 260px; display: inline-block; vertical-align: top; margin: 100px 0 0; white-space: normal; } .action-page-left p{ font-size: 18px; } .action-page{ margin: 0 0 50px; } .main-equipment__body.action-sections{ white-space: nowrap; } .main-equipment__body.action-sections .main-equipment__item{ white-space: normal; width: 350px; } .main-equipment__body.action-sections .main-equipment__item.main-equipment__item--square:first-child { border-radius: 40px 0 0 40px; } .main-equipment__body.action-sections .main-equipment__item.main-equipment__item--square:last-child { border-radius: 0 40px 40px 0; } @media screen and (max-width: 1249px){ .main-equipment__body.action-sections{ margin: 0; } } @media screen and (max-width: 767px){ .action-page-right{ display: block; width: 100%; margin: 0; } .action-page-left{ width: 100%; margin: 0 0 20px; } .main-equipment__body.action-sections { white-space: nowrap; } .main-equipment__body.action-sections .main-equipment__item.main-equipment__item--square{ width: calc(50% - 2px); display: inline-block; } .main-equipment__body.action-sections .main-equipment__item.main-equipment__item--square:last-child { border-radius: 0 40px 40px 0!important; } } @media screen and (max-width: 599px){ .main-equipment__body.action-sections { white-space: normal;; } .main-equipment__body.action-sections .main-equipment__item.main-equipment__item--square{ width: 300px; margin: 0 auto 20px; display: block; } .main-equipment__body.action-sections .main-equipment__item.main-equipment__item--square:last-child, .main-equipment__body.action-sections .main-equipment__item.main-equipment__item--square:first-child { border-radius: 0!important; } } .popup-order-new{ font-size: 0; position: fixed; top: 0; overflow-y: auto; width: 100%; height: 100%; text-align: center; background: rgba(0,0,0,.7); display: none; z-index: 999; } .popup-order-new .popup-feedback__body{ background: transparent; width: 740px; padding: 0px; } .popup-order-new .popup-feedback__body .popup-title{ color: #fff; font-size: 30px; text-transform: uppercase; text-align: center; margin: 0 0 20px; } .popup-order-new .popup-feedback__body span{ display: block; } .popup-order-new .popup-feedback__body .popup-body-row{ margin: 0 0 20px; font-size: 0; } .popup-order-new .popup-feedback__body .popup-body-row.item-2 .item{ display: inline-block; width: 48%; margin: 0 4% 0 0; } .popup-order-new .popup-feedback__body .popup-body-row.item-2 .item:last-of-type{ margin: 0; } .popup-order-new .popup-feedback__body .popup-body-row.item-3 .item{ display: inline-block; width: 30%; margin: 0 5% 0 0; vertical-align: bottom; } .popup-order-new .popup-feedback__body .popup-body-row.item-3 .item:last-of-type{ margin: 0; } .popup-order-new .popup-feedback__body .popup-body-row .item label{ display: block; margin: 0 0 3px; color: #fff; font-size: 18px; text-align: left; } .popup-order-new .popup-feedback__body .popup-body-row .item label em{ display: inline-block; margin: 0 2px 0 0; font-size: 18px; } .popup-order-new .popup-feedback__body .popup-body-row .item input[type="text"]{ width: 100%; font-size: 18px; padding: 3px 5px; box-sizing: border-box; } .popup-order-new .popup-feedback__body .popup-body-row .item select{ width: 100%; font-size: 15px; padding: 3px 5px; box-sizing: border-box; height: 32px; } .popup-order-new .popup-feedback__body .popup-body-row .item.item-colspan-2{ width: 65%; } .popup-order-new .popup-feedback__body .popup-body-row input[type="submit"]{ background: transparent; color: #fff; text-transform: uppercase; padding: 5px 16px; border: 1px solid #fff; font-size: 16px; width: 100%; outline: none; cursor: pointer; } .popup-order-new .popup-feedback__body .popup-body-row input[type="submit"]:hover{ background: #fff; color: #000; } .popup-footer{ text-align: right; font-size: 16px; color: #fff; } .popup-order-new .popup-quick__close { position: absolute; top: 10px; right: 30px; width: 20px; height: 20px; cursor: pointer; -webkit-transition: all .3s ease; transition: all .3s ease; opacity: 1; background: url(/bitrix/templates/hittek/i/close-white.svg) left top no-repeat; background-size: 20px; } @media screen and (max-width: 768px){ .popup-order-new .popup-feedback__body{ width: 100%; padding: 20px; box-sizing: border-box; } } @media screen and (max-width: 610px){ .popup-order-new .popup-feedback__body .popup-title{ font-size: 25px; } .popup-order-new .popup-feedback__body .popup-body-row .item label{ font-size: 16px; } .popup-order-new .popup-feedback__body .popup-body-row .item input[type="text"]{ font-size: 15px; } .popup-footer{ font-size: 13px; text-align: center; } } @media screen and (max-width: 540px){ .popup-order-new .popup-feedback__body .popup-title{ font-size: 18px; margin: 0 0 10px; } .popup-order-new .popup-feedback__body .popup-body-row{ margin: 0; } .popup-order-new .popup-feedback__body .popup-body-row.item-2 .item, .popup-order-new .popup-feedback__body .popup-body-row.item-3 .item{ display: block; margin: 0 0 10px; width: 100%; } .popup-order-new .popup-feedback__body .popup-body-row.item-2 .item:last-of-type, .popup-order-new .popup-feedback__body .popup-body-row.item-3 .item:last-of-type{ margin: 0 0 10px; } .popup-order-new .popup-feedback__body .popup-body-row:last-of-type .item:last-of-type{ margin: 30px 0 20px; } .popup-order-new .popup-feedback__text{ font-size: 20px; line-height: 25px; color: #fff; } } .err-text{ border-bottom: 2px solid #ff0000; } .popup-order-new .err-text{ border-bottom: 2px solid rgb(238, 238, 238); background: rgba(255, 0, 0, 0.8); color: #fff; } .popup-order-new .popup-feedback__text{ font-size: 25px; line-height: 30px; color: #fff; } .main-article__item a{ color: #000; text-decoration: none; } .main-article__item a:hover{ text-decoration: none; } a.main-article__text:hover{ opacity: 0.5; } .news-date{ font-size: 12px; margin: 13px 0 5px; font-style: italic; color: #ccc; } @media print{ .aside{ display: none; } .content_mod_aside{ padding: 0; width: 100%; } .header_wr{ min-height: auto; padding: 0; } .header_wr .rightblock > div:not(.phones-header), .header_wr .rightblock > a{ display: none!important; } .logo, .logo img{ width: 80px; height: auto; } .breadcrumbs{ margin: 0px 0 0; } .title.title-eshop{ margin: 0; } #catalog-detail-item .item-block__left{ margin: 0 auto; float: none; width: 100%; text-align: center; } .item-block__left:after{ content: ''; display: block; clear: both; } .item-block__left .bx-wrapper{ display: none; } #catalog-detail-item .product-gallery-main{ margin: 0 auto; } #catalog-detail-item .item-block__right{ width: 100%; padding: 0; } #result-complect{ display: none; } #click_order_fast{ display: none; } .element-tabs, .catalog-complect-title{ display: none; } footer{ display: none; } } .spoiler-full-text{ display: block; } .spoiler-resize-text{ display: block; } .opened .spoiler-resize-text{ display: none; } .open-spoiler{ display: block; } .policy-page p{ font-size: 14px; } .policy-page ol { padding: 0; } .policy-page>ol>li>ol>li>ol>li{ margin: 0 0 0 50px; } .policy-page>ol>li{ font-weight: 600; text-align: center; font-size: 16px; list-style: none; } .policy-page>ol>li:before, .policy-page ul li:before{ font-size: 0px; } .policy-page>ol>li>ol{ font-weight: 400; text-align: left; margin: 10px 0 10px 0px; font-size: 14px; line-height: 23px; } .policy-page ol { list-style: none; counter-reset: li; } .policy-page ol li:before { counter-increment: li; content: counters(li,".") ". "; font-weight: 600; } @media screen and (max-width: 1249px){ .owl-carousel.owl-slider-main.owl-loaded{ max-width: 499px; display: block; margin: 20px auto; width: 96%; } } @media screen and (max-width: 510px){ .owl-carousel.owl-slider-main.owl-loaded{ width: 96vw; display: block; margin: 20px auto; } .main-slider-header{ width: 96vw; box-sizing: border-box; } .owl-carousel.owl-slider-main.owl-loaded .main-slider-img{ width: 96vw; } .owl-carousel.owl-slider-main.owl-loaded .owl-item img{ width: 96vw; height: auto; } .main-deals_mod_master-class .main-deals__img, .main-deals_mod_discounts .main-deals__img{ width: 100%; } .main-deals_mod_master-class .main-deals__img img, .main-deals_mod_discounts .main-deals__img img{ width: 100%; } } @media screen and (max-width: 1023px){ #panel{ display: none; } body.mobile-v2 .wrapper { padding: 70px 35px 0 } .mobile-v2 .header-player{ display: none; } .mobile-v2 .header_wr{ width: 100%; background: #000; padding: 0; box-sizing: border-box; min-height: auto; font-size: 0px; position: fixed; left: 0; top: 0; z-index: 999999; } .mobile-v2 .header_wr .logo{ margin: 5px 0; width: 58px; height: 40px; background: url(/bitrix/templates/hittek/i/logo-mobile-v7.png) center center no-repeat; float: none; display: inline-block; vertical-align: middle; } .mobile-v2 .header_wr .logo img{ display: none; } .mobile-v2 .header_wr .btn-menu{ margin: 0 25px 0 0; float: none; display: inline-block; vertical-align: middle; padding: 15px 0 15px 35px; } .mobile-v2 .wrapper .header_wr .rightblock{ width: 50px; padding: 0px 35px 0px 0; text-align: right; display: inline-block; width: calc(100% - 143px); vertical-align: middle; box-sizing: border-box; float: none; position: static; } .mobile-v2 .header_wr .header-city{ display: none!important; } .mobile-v2 .rightblock > *{ display: none; } .mobile-v2 .rightblock > .header-menu{ display: block; position: static; } .mobile-v2 .rightblock > .header-menu .header-menu__body{ display: none; } .mobile-v2 .mob_search-icon{ display: inline-block; position: absolute; right: 145px; top: 50%; transform: translateY(-50%); width: 30px; height: 30px; background: url(/bitrix/templates/hittek/i/magnifying-glass.svg) center center no-repeat; } .header_wr .header-search-menu{ right: 0; left: inherit; position: absolute; top: 100%; background: #000; width: 100%; padding: 20px; box-sizing: border-box; border-top: 1px solid #fff; display: none; } .header_wr .menu-search__submit-right{ right: 35px; } .header_wr.black-and-blue #search-input-menu{ width: 100%; } .mobile-v2 .rightblock > .mob_cart_main, .mobile-v2 .rightblock > .mob_cart{ display: inline-block; position: absolute; top: 50%; right: 100px; float: none; height: 30px; width: 30px; transform: translateY(-50%); background: url(/bitrix/templates/hittek/i/shopping-cart.svg) center center no-repeat; } .mobile-v2 .header_wr .mob_cart_main a, .mobile-v2 .rightblock > .mob_cart a{ height: 100%; text-decoration: none; margin: 0; } .mobile-v2 .header_wr .mob_cart_main .header-menu__cart-count, .mobile-v2 .header_wr .mob_cart .header-menu__cart-count{ left: auto; right: -10px; } .mobile-v2 .header_wr .mob_cart a:before{ display: inline; } .mobile-v2 .header_wr.black-and-blue .btn-menu div{ background: #fff; } .mobile-v2 .js_menu.menu{ top: 70px; height: calc(100% - 70px); } .mobile-v2 .menu__close{ top: 80px; } .header_wr .rightblock .personal{ display: block!important; top: 50%; text-align: right; transform: translateY(-50%); left: inherit; right: 15px; width: 75px; } .header_wr .rightblock .personal a, .header_wr.black-and-blue .personal a{ color: #fff; font-size: 0px; width: 30px; height: 30px; display: inline-block; } .header_wr .rightblock .personal a.personal-icon, .header_wr.black-and-blue .personal a.personal-icon{ background: url(/bitrix/templates/hittek/i/man-user.svg) center center no-repeat; vertical-align: middle; } .header_wr .rightblock .personal a.logout-icon, .header_wr.black-and-blue .personal a.logout-icon{ background: url(/bitrix/templates/hittek/i/logout.svg) center center no-repeat; vertical-align: middle; margin: 0 0 0 10px; } } @media screen and (max-width: 768px){ body.mobile-v2 .wrapper { padding: 70px 20px 0 } .mobile-v2 .header_wr{ width: 100%; } .mobile-v2 .header_wr .btn-menu{ padding: 15px 0 15px 20px; } .mobile-v2 .wrapper .header_wr .rightblock{ padding: 0px 0 0px 0; width: calc(100% - 140px); } .header_wr .rightblock .personal{ right: 0px; } .mobile-v2 .rightblock > .mob_cart_main, .mobile-v2 .rightblock > .mob_cart{ right: 85px; } .mobile-v2 .mob_search-icon{ right: 125px; } } .mobile-menu-phones{ display: none; } @media screen and (max-width: 1023px){ .mobile-menu-phones{ display: block; } .mobile-menu-phones .menu-list__title{ padding: 23px 25px 23px 90px; font-size: 14px; background: url(/bitrix/templates/hittek/i/auricular-phone-symbol-in-a-circle.svg) 38px center no-repeat; } .mobile-menu-phones .menu-list__title a, .mobile-menu-phones .menu-list__title span{ font-size: 24px; color: #fff; text-decoration: none; } } @media screen and (max-width: 768px){ .footer{ padding: 20px 0; } .mobile-menu-phones .menu-list__title{ background: none; padding: 23px 25px 23px 38px; } .mobile-menu-phones .menu-list__title a, .mobile-menu-phones .menu-list__title span{ font-size: 20px; padding: 0; } .footer-list.footer-list_mod_copyright{ display: none; } .footer-list.footer-list_mod_shop{ display: none; } .footer__block .footer-list:nth-child(2){ display: none; } .footer-delimetr{ display: none; } .footer__block.footer__block_mod_social .footer-list:nth-child(1){ display: none; } .footer__body .footer__block:nth-child(1) .footer-list:nth-child(1) .footer-list__item:not(.menu-mobile){ display: none; } .footer__body{ width: 100%; } .footer__block{ width: 50%; padding: 0 20px; box-sizing: border-box; text-align: left; } .footer-social{ margin: 0; } .footer__block.footer__block_mod_social{ padding: 0; width: auto; margin-left: 40px; display: block; } } .footer-list__item--mobile { display: none; } @media screen and (max-width: 550px){ .footer__block{ width: 100%; display: block; } } .head_undeline{position: relative;display: inline-block;font-size: 23px;margin-bottom: 0;} .head_undeline:after{ content:"";display:block;position: absolute; width:100%;height:10px ;background: #eed06d;bottom:2px;z-index:-1; } @media screen and (max-width: 700px){ .head_undeline:after{ width:10px;height:100% ;background: #eed06d;bottom:0px;z-index:-1;left:0px; } .head_undeline{ padding-left: 20px; } } .head__vertical_line{ position: relative; font-size: 23px; padding-left: 15px; margin-bottom: 0; } .head__vertical_line:before{ content:""; position: absolute; width: 10px; height: 100%; background: #eed06d; left: 0; z-index: 2; } .delivery_h2{font-size:26px;margin-bottom: 0;} .delivery_icon{position: relative;top:5px;padding-right: 10px;} .delivery_time{font-weight: bold;} .weight_text{margin-top:-54px;padding-left: 40px;font-weight:bold;} .delivery_info{ -webkit-box-shadow: 0px 0px 19px -7px rgba(46,46,46,0.68); -moz-box-shadow: 0px 0px 19px -7px rgba(46,46,46,0.68); box-shadow: 0px 0px 19px -7px rgba(46,46,46,0.68); border-radius: 10px;padding: 30px; text-align:center; margin-bottom: 25px; } .delivery_type__col{width:50%;box-sizing: border-box;padding: 10px; float: left;} @media screen and (max-width:630px) { .delivery_type__col{ width:100%; } } .clearfix:after,.clearfix:before{ content:""; clear: both; display: block; } .delivery_type{ margin-top: -54px;padding-left: 27px; } .weight_calendar{ margin-top:-48px;padding-left: 40px; } .big_delivery_text{ margin-top:-40px;padding-left: 40px; } .delivery_list{ font-size: 13pt; list-style: none; margin-top:0; } .delivery_list li:before{ display:block; content: ""; width:9px; height:9px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background: #e6b618; position: relative; left:-17px; top:17px; } .discount-programm-page p{ font-size: 15px; } .text-content table.discount{ width: 100% } .text-content table.discount th{ font-size: 16px; padding: 7px 15px; font-weight: 600; text-align: center; border: 1px solid; } .text-content table.discount td{ font-size: 14px; padding: 7px 15px; text-align: center; border: 1px solid; } .discount-info{ margin: 30px 0 0; font-size: 16px; padding: 15px 20px; background: rgba(235, 199, 79, 0.4); border-radius: 10px; } .wrapper_page_lk .discount-info{ margin: 0px 0 30px; } .purchase-block.order-page .discount-info{ margin: 30px 0; } .shop-catalog .shop-catalog__item .catalog-image-wrapper{ margin: 0 0 15px; } .shop-catalog .shop-catalog__item .catalog-image-wrapper > a { display: block; height: 100%; } .shop-catalog .shop-catalog__item .catalog-image-wrapper > a > img { position: relative; top: 50%; transform: translateY(-50%); } .g-recaptcha{ width: 304px; margin: 20px auto; } @media screen and (max-width: 499px){ .popup-feedback .popup-feedback__body{ width: 96%; } .popup-feedback .quickorder-privacy{ width: 100%; } .popup-feedback .popup-feedback__submit{ font-size: 18px; margin: 30px 0 20px; width: auto; height: auto; padding: 10px 25px; } } .footer__block_mod_social ul.payment-cards-footer{ margin: 10px 0; padding: 0; list-style: none; font-size: 0; } .footer__block_mod_social ul.payment-cards-footer li{ display: inline-block; width: 60px; vertical-align: top; } .footer__block_mod_social ul.payment-cards-footer li img{ max-width: 100%; } @media screen and (max-width: 1199px){ .content_mod_aside .news-detail-page img{ max-width: 100%; height: auto; } .item-block__right{ display: flex; flex-direction: column; } .item-block__right > .item-detail-info{ order: 0; } .item-block__right > .item-price{ order: 1; } .item-block__right > .product-detail-props{ order: 2; } .item-block__right > .product-pay-delivery{ order: 3; } } .text-info__quote p.float-image{ float: left; margin: 0 35px 35px 10%; } .text-info__quote p.float-image i{ display: block; text-align: center; margin: 10px 0 0; } .brand-detail ul li, .news-detail-page ul li{ font: 400 20px/1.65 NotoItalic; } .news-detail-page__title { font-size: 24px; font-weight: 600; } .text-info__quote p.center-image{ margin: 0 0 15px 10%; text-align: center; } .text-info__quote p.center-image i{ display: block; text-align: center; margin: 10px 0 0; } /*.catalog-type-filter .slide-container { padding: 0 20px; box-sizing: border-box; position: relative; } .catalog-type-filter .owl-carousel .owl-nav > div { position: absolute; top: 50%; margin: -17px 0 0; font: normal normal normal 14px/1 FontAwesome; font-size: 20px; text-rendering: auto; -webkit-font-smoothing: antialiased; display: inline-block; -webkit-transition: left 0.4s, right 0.4s; transition: left 0.4s, right 0.4s; z-index: 99; background: transparent; border-radius: 50%; line-height: 34px; color: #ebc74f; } .catalog-type-filter .owl-carousel .owl-nav .disabled { display: none; } .catalog-type-filter .owl-carousel .owl-nav .owl-prev { left: 0px; } .catalog-type-filter .owl-carousel .owl-nav .owl-next { right: 0px; } .catalog-type-filter .owl-carousel .owl-nav .owl-next:before { content: "\f105"; } .catalog-type-filter .owl-carousel .owl-nav .owl-prev:before { content: "\f104"; } .catalog-type-filter .owl-carousel .slide-item{ text-align: center; } .catalog-type-filter .owl-carousel .slide-item a{ text-decoration: none; color: #000; font-size: 14px; } .catalog-type-filter .owl-carousel .slide-item.selected-item a{ font-weight: 600; }*/ .catalog-list-container{ position: relative; } .catalog-list-container #smartfilter-wrap{ background: #fff; padding: 7px 0 0; /*border-bottom: 1px solid #ccc*/ } .catalog-list-container.fix-filter #smartfilter-wrap{ position: fixed; top: 0; z-index: 100; } .catalog-list-container .aside-sorting{ margin: 15px 0 0; } @media screen and (max-width: 768px){ .catalog-list-container #smartfilter-wrap{ border-bottom: 0px; padding: 0; } } .catalog-type-filter{ margin: 0 0 30px; } .catalog-type-filter .slide-container{ box-sizing: border-box; } .catalog-type-filter .slide-item{ cursor: pointer; font-size: 14px; display: inline-block; margin: 0 .4rem 7px 0; } .catalog-type-filter .slide-item > span{ padding: 0 15px 0 0; display: inline-block; position: relative; white-space: nowrap; } .catalog-type-filter .slide-item a{ font-size: 14px; color: #333; text-decoration: none; } .catalog-type-filter .slide-item:not(.visible-item){ display: none; } .catalog-type-filter.all-visible .slide-item:not(.visible-item){ display: inline-block; } .catalog-type-filter.all-visible .slide-item.show-all-item{ display: none; } .catalog-type-filter .slide-item.show-all-item a{ color: #4a90e2; } .attention { display: block; /* background: red; */ height: 100px; color: red; font-size: 20px; padding: 20px 0 50px; } .service-centr-text { font-size: 13pt; } .service-centr-text p.file.pdf a{ margin: 0 0 20px; display: block; } .service-centr-text table{ margin: 0 0 15px; width: 100%; } .service-centr-text table tr td{ padding: 5px 15px; border: 1px solid #222; } .service-centr-menu{ text-align: center; margin: 50px 0; padding: 40px; border-radius: 15px; background: #edf2f2; } .service-centr-menu a{ font: 400 16px/1 MuseoSans500; position: relative; display: inline-block; box-sizing: border-box; vertical-align: top; text-decoration: none; color: #262626; } .warning { margin: 30px 0; font-size: 16px; padding: 15px 20px; background: rgba(235, 199, 79, 0.4); border-radius: 10px; } .help-class {margin: 40px;} .images img { margin: 10px; width: 40%; } .images { margin: 0 auto; text-align: center; } .warn_text {font-size: 20px; text-align: center; opacity: 1; display: block; padding: 15px; margin: 40px 0;color:#fff;} @media (max-width: 1000px) { .warn_text { color:#333 ! important;} } @font-face{ font-family:ArtrixStars; src:url(/bitrix/templates/hittek/fonts/WooCommerce.eot); src:url(/bitrix/templates/hittek/fonts/WooCommerce.eot?#iefix) format("embedded-opentype"), url(/bitrix/templates/hittek/fonts/WooCommerce.woff) format("woff"), url(/bitrix/templates/hittek/fonts/WooCommerce.ttf) format("truetype"), url(/bitrix/templates/hittek/fonts/WooCommerce.svg#WooCommerce) format("svg"); font-weight:400; font-style:normal } @media (max-width: 1485px) { .footer__body > .footer-list:first-child { display:none; } } @media (max-width: 1207px) { .footer__body > .footer-list:nth-child(2) { display:none; } } .button-up { display: none; position: fixed; left: 155px; bottom: 100px; text-align: center; } .button-up:before { text-align: center; display:block; vertical-align: middle; content: '\2191'; } @media (max-width: 1023px) { .button-up { border-radius: 50%; left: unset; right: 2%; bottom: 25px; box-shadow: 0 0 1rem rgb(0 0 0 / 20%); background: white; width: 4rem; height: 4rem; z-index: 999; } } .delivery-block { font-size: 13pt; } .delivery-block__label_gray { color: #a1a1a1; font-weight: bold; line-height: 2.5rem; font-size: 14pt; } .delivery-block__list { margin-bottom: 5em; } .delivery-block__list > .delivery-block__list__link:not(:last-child) { margin-bottom: 0.5rem; } .delivery-block__list__link:hover { cursor: pointer; text-decoration: underline; width: max-content; } .delivery-block__table{ display: table; width: 100%; border-collapse: collapse; } .delivery-block__table__row { display: table-row; border-top: 1px solid black; } .delivery-block__table__col { width: 30%; display: table-cell; border: none; vertical-align: baseline; } .delivery-block__table__header { display: table-header-group; } .delivery-block__table__body { display: table-row-group; } .delivery-block__table__header .delivery-block__table__row { height: 5rem; } .delivery-block__table__header .delivery-block__table__col { vertical-align: middle; } .delivery-block__table__body .delivery-block__table__col { padding: 2rem 0; } .delivery-block__table__header .delivery-block__table__row > .delivery-block__table__col:not(:last-child){ padding-right: 1rem; } .delivery-block__table__body .delivery-block__table__row > .delivery-block__table__col:not(:last-child) { padding-right: 1rem; } .delivery-block__table__body .delivery-block__table__row > .delivery-block__table__col:first-child { padding-right: 10rem; } @media (max-width: 767px) { .delivery-block__table{ display: block; } .delivery-block__table__row { display: block; } .delivery-block__table__col { width: 100%; display: block; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; } .delivery-block__table__header { display: none; } .delivery-block__table__body { display: block; } .delivery-block__table__header .delivery-block__table__row { height: 5rem; } .delivery-block__table__body .delivery-block__table__col { padding: 0 } .delivery-block__table__col > p:first-child { margin-block-start: 0; margin-block-end: 0; } .delivery-block__table__body .delivery-block__table__row > .delivery-block__table__col:first-child { padding: 0; } .delivery-block__table__body .delivery-block__table__row > .delivery-block__table__col:not(:last-child) { padding-right: 0; } .delivery-block__table__body .delivery-block__table__col:nth-child(2):before { content: 'Стоимость'; line-height: 2rem; font-weight: bold; display: block; } .delivery-block__table__body .delivery-block__table__col:nth-child(3):before { content: 'Время'; line-height: 2rem; font-weight: bold; display: block; } } .payment-block { font-size: 13pt; } .payment-block__table{ display: table; width: 100%; border-collapse: collapse; } .payment-block__table__row { display: table-row; } .payment-block__table__body .payment-block__table__row:not(:first-child){ border-top: 1px solid black; } .payment-block__table__col { width: 50%; display: table-cell; border: none; vertical-align: baseline; } .payment-block__table__body { display: table-row-group; } .payment-block__table__body .payment-block__table__col { padding: 2rem 0; } .payment-block__table__body .payment-block__table__row > .payment-block__table__col:not(:last-child) { padding-right: 1rem; } .list__point { list-style: none; margin-top: 0; } .list__point li:before { display: block; content: ""; width: 9px; height: 9px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #e6b618; position: relative; left: -17px; top: 17px; } .list__star { margin-top: 0; list-style: none; } .list__star li:before { display: block; content: "*"; font-size: larger; width: 9px; height: 9px; color: #e6b618; position: relative; left: -17px; top: 10px; } @media (max-width: 767px) { .payment-block__table{ display: block; } .payment-block__table__row { display: block; } .payment-block__table__col { width: 100%; display: block; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; } .payment-block__table__body { display: block; } .payment-block__table__body .payment-block__table__col { padding: 0 } .payment-block__table__body .payment-block__table__row > .payment-block__table__col:first-child { padding: 0; } .payment-block__table__body .payment-block__table__row > .payment-block__table__col:not(:last-child) { padding-right: 0; } } .install-app__main-text { font-size: 13pt; } .install-app__button-wrap { text-align: center; } .install-app__button { cursor: pointer; } .install-app__qr-code img { width: 320px; height: 320px; } .install-app__why-container { display: flex; flex-wrap: wrap; } .install-app-footer { margin: 10px 0; cursor: pointer; } .install-app-footer img { width: 115px; } .install-app-popup { display: none; } .install-app-popup__title { margin-top: 0; } .install-app-popup__qr-code { width: 250px; height: 250px; } .install-app-guide-popup { display: none; } .install-app-guide-popup__container { display: flex; align-items: flex-start; margin: 0; } .install-app-guide-popup__body { vertical-align: bottom; padding: 10px; margin-bottom: 15px; position: relative; z-index: 210; overflow: unset; } .install-app-guide-popup__body:before{ content:''; display:block; width:0; height:0; position:absolute; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #FFFFFF; left: 50%; margin-left: -10px; bottom: -10px; } .install-app-guide-popup__close { width: 15px; height: 15px; background-size: cover; top: 5px; right: 5px; } .install-app-guide-popup__text { text-align: justify; margin: 0 10px; line-height: 20px; } .install-app-guide-popup__logo { width: 50px; border-radius: 15px; } .install-app-guide-popup__share-icon { width: 20px; } .install-app-guide-popup__add-home-icon { width: 20px; border-radius: 5px; } .install-app__main-text { font-size: 13pt; } .install-app__button-wrap { text-align: center; } .install-app__button { cursor: pointer; } .install-app__qr-code img { width: 320px; height: 320px; } .install-app__why-container { display: flex; flex-wrap: wrap; margin-top: 50px; } .install-app-footer { margin: 10px 0; cursor: pointer; } .install-app-popup { display: none; } .install-app-popup__title { margin-top: 0; } .install-app-popup__qr-code { width: 350px; height: 350px; } .guide__title { font-size: 40px; margin: 0 0 20px; } .guide__image { width: 320px; display: block; margin: 0 auto; } .guide__items { display: flex; justify-content: space-between; flex-wrap: wrap; } .guide__item { width: 50%; } .guide__share-icon { height: 25px !important; width: auto !important; } .guide__settings-icon { height: 15px !important; width: auto !important; } @media (max-width: 767px) { .guide__item { width: 100%; } } .brand-page__info .text-info__quote p{ margin: 0 0 10px; } .brand-page__info .text-info__quote p img{ margin-right: 32px; } .grecaptcha-badge { visibility: hidden; } .js_menu.menu { z-index: 999; } .form-static-errors_list { color: red; font-size: 14px; padding-bottom: 10px; } /* End */ /* /bitrix/templates/hittek/css/top.css?176181440331731 */ /* /bitrix/templates/hittek/js/jquery-growl/stylesheets/jquery.growl.css?16690088401796 */ /* /bitrix/templates/hittek/js/bxslider/jquery.bxslider.css?16690088403203 */ /* /bitrix/templates/hittek/css/owl.carousel.css?16690088394108 */ /* /bitrix/templates/hittek/css/owl.theme.default.css?16690088391010 */ /* /bitrix/templates/hittek/css/jquery.nouislider.css?16690088391728 */ /* /bitrix/templates/hittek/css/form.css?16690088395292 */ /* /bitrix/templates/hittek/css/search.title.css?16690088394041 */ /* /bitrix/templates/hittek/css/menu.css?16690088392507 */ /* /bitrix/templates/hittek/js/fancybox2/jquery.fancybox.css?16690088404858 */ /* /bitrix/templates/hittek/css/font-awesome.css?166900883932913 */ /* /bitrix/templates/hittek/css/brendy.css?17034859891173 */ /* /bitrix/templates/hittek/components/bitrix/news.list/brand-letters/style.css?1669008840697 */ /* /bitrix/templates/hittek/components/bitrix/sale.basket.basket.line/menu-full/style.min.css?16690088406093 */ /* /bitrix/templates/hittek/css/one_click_order/one_click_order.css?16690088393023 */ /* /bitrix/templates/hittek/styles.css?166900884022453 */ /* /bitrix/templates/hittek/template_styles.css?1725942216373685 */