/* Start:/local/templates/kk2018_new/components/15px.ru/sectionList/.default/style.css?16923113233168*/
.stop-scroll {
overflow: hidden;
}
.mobile-catalog {
display: none;
position: absolute;
z-index: 200;
background: white;
top: 0;
bottom: calc(54px + 48px);
width: 100%;
background-color: #259bc6;
transform: translateX(-992px);
transition: transform .2s ease-in-out;
}
.mobile-catalog__loader {
display: inline-block;
}
.mobile-catalog__loader:before {
content: '';
display: block;
width: 25px;
height: 25px;
border: 4px solid #ccc;
border-top: 4px solid #259bc6;
border-radius: 50%;
animation: loader-rotate .5s linear infinite;
}
@keyframes loader-rotate {
0% { transform: rotate(0); }
100% { transform: rotate(360deg); }
}
.mobile-catalog--open {
transform: translateX(0px);
}
.mobile-catalog__header {
padding: ;
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 15px;
}
.mobile-catalog__header-title {
color: #fff;
font-size: 18px;
display: block;
font-weight: bold;
}
.mobile-catalog__header-close {
position: relative;
display: inline-block;
width: 20px;
height: 20px;
}
.mobile-catalog__header-close:before {
content: '';
position: absolute;
width: 20px;
height: 3px;
background-color: #fff;
border-radius: 10px;
top: 9px;
left: 0;
transform: rotateZ(45deg);
}
.mobile-catalog__header-close:after {
content: '';
position: absolute;
width: 20px;
height: 3px;
background-color: #fff;
border-radius: 10px;
bottom: 8px;
left: 0;
transform: rotateZ(135deg);
}
.mobile-catalog__row {
display: flex;
}
.mobile-catalog__col {
}
.mobile-catalog__col--loader {
display: flex;
justify-content: center;
align-items: center;
}
.mobile-catalog__col--left {
width: 120px;
}
.mobile-catalog__col--right {
width: calc(100% - 120px);
background-color: #fff;
}
.mobile-catalog__list {
overflow-y: auto;
max-height: calc(100vh - 54px - 40px);
min-height: calc(100vh - 54px - 40px);
}
.mobile-catalog__item {
display: flex;
flex-direction: column;
}
.mobile-catalog__item--main {
background-color: #37BAC2;
}
.mobile-catalog__item--main .mobile-catalog__title {
color: #fff !important;
font-weight: bold;
text-align: center;
}
.mobile-catalog__col--left .mobile-catalog__item {
border-bottom: 1px solid #fff;
display: flex;
align-items: center;
padding: 10px 10px;
}
.mobile-catalog__col--right .mobile-catalog__item {
border-bottom: 1px solid #c9c9c9;
position: relative;
}
.mobile-catalog__col--right .mobile-catalog__item:after {
content: '';
position: absolute;
right: 15px;
top: 12px;
border-top: 2px solid #333;
border-right: 2px solid #333;
width: 10px;
height: 10px;
transform: rotateZ(45deg);
}
.mobile-catalog__image {
max-width: 40px;
}
.mobile-catalog__col--left .mobile-catalog__title {
color: #fff;
text-align: center;
margin-top: 4px;
}
.mobile-catalog__col--right .mobile-catalog__title {
padding: 10px 7px;
color: #333;
}
.mobile-catalog__col--right .mobile-catalog__title span {
font-size: 11px;
line-height: 12px;
margin-left: 5px;
}
@media screen and (max-width: 992px) {
.mobile-catalog {
display: block;
}
}
/* End */
/* Start:/local/templates/kk2018_new/components/bitrix/menu/mobile_menu/style.css?17316806431026*/
.fix-mobile-menu {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
display: flex;
justify-content: center;
padding: 8px 10px;
z-index: 400;
box-shadow: 0 -2px 8px rgba(0, 0, 0, .1490196078);
background: #fff;
}
.fix-mobile-menu .menu__nav {
max-width: 960px;
width: 100%;
background: transparent;
height: unset;
}
.fix-mobile-menu .menu__list {
display: flex;
align-items: flex-start;
justify-content: space-between;
}
.fix-mobile-menu .menu__item {
list-style: none;
flex: 1 1;
}
.fix-mobile-menu .menu__link {
display: flex;
flex-direction: column;
align-items: center;
gap: 2px;
color: #8c8c8c;
font-size: 12px;
line-height: 12px;
text-align: center;
}
.fix-mobile-menu .menu__item.active .menu__link {color: #259bc6}
.fix-mobile-menu .menu__icon {
height: 22px;
width: 22px;
fill: #AFAFAF;
}
.fix-mobile-menu .menu__item.active .menu__icon {fill: #259bc6}
/* End */
/* Start:/local/templates/kk2018_new/components/sotbit/regions.choose/kk/style.css?17352211546377*/
.select-city-wrap {
position: relative;
}
.select-city__dropdown__title {
color: #414141;
font-size: 13px;
line-height: 30px;
display: block;
margin-bottom: 10px;
}
.bx-header .header-addr span {
margin-left: 0!important;
}
.select-city__dropdown-wrap {display: none !important;}
.select-city__dropdown {
background-color: #ffffff;
box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.22);
width: 211px;
text-align: center;
padding: 11px 5px 17px 5px;
}
.select-city__dropdown-wrap {
z-index: 101;
position: absolute;
}
.select-city__dropdown__choose {
display: inline-block;
height: 32px;
width: 82px;
font-size: 12px;
line-height: 32px;
text-transform: uppercase;
text-align: center;
cursor: pointer;
}
.select-city__dropdown__choose:hover, .select-city__dropdown__choose:active,
.select-city__dropdown__choose:focus {
opacity: .7;
}
.select-city__dropdown__choose__yes {
color: #919294;
border: 1px solid #d3d3d3;
margin-right: 15px;
}
.select-city__dropdown__choose__no {
color: #ffffff;
background: transparent;
border: 1px solid #d3d3d3;
}
.select-city__dropdown__choose-wrap {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.select-city__modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 3000;
}
.modal__overlay {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 2500;
}
.select-city__modal-wrap {
background-color: #ffffff;
box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.22);
width: 684px;
padding: 37px 53px 40px 53px;
position: relative;
margin: 30vh auto;
transition: width .2s;
}
.select-city__modal__title {
color: #000000 !important;
line-height: 30px;
font-size: 25px !important;
margin-bottom: 20px !important;
}
.select-city__modal__list {
columns: 3;
/*margin-bottom: 23px;*/
}
.select-city__modal__list__title {
color: #000000;
line-height: 30px;
font-size: 14px;
display: block;
margin-bottom: 11px;
}
.select-city__modal__list__item {
color: #414141 !important;
line-height: 30px;
font-size: 15px;
font-weight: 500;
margin-bottom: 0 !important;
cursor: pointer;
}
.select-city__modal__list__item:hover, .select-city__modal__list__item:focus,
.select-city__modal__list__item:active {
color: #0978c6 !important;
text-decoration: underline;
text-decoration-color: #c1ddf1;
}
.select-city__modal__submit__block-wrap {
background: #eceef1;
padding: 21px 15px;
display: flex;
align-items: center;
justify-content: space-between;
width: calc(100% - 42px);
}
.select-city__modal__submit__title {
color: #000000;
line-height: 30px;
font-size: 14px;
display: block;
margin-bottom: 0px;
}
.select-city__modal__submit__input {
border: 1px solid #d3d3d3;
background: #ffffff;
box-shadow: none;
height: 32px;
width: calc(100% - 32px);
max-width: 517px;
color: #414141;
font-size: 14px;
margin-right: 15px;
padding: 0 15px;
}
.select-city__modal__submit__btn {
background: #000000;
border: none !important;
box-shadow: none !important;
width: 147px;
height: 32px;
text-transform: uppercase;
color: #ffffff;
font-size: 12px;
}
.select-city__modal__submit__btn:hover, .select-city__modal__submit__btn:active,
.select-city__modal__submit__btn:focus {
opacity: .7;
}
.select-city__close {
background: url("/local/templates/kk2018_new/components/sotbit/regions.choose/kk/img/select-city__close.png") no-repeat;
background-position: center;
width: 20px;
height: 20px;
position: absolute;
top: 0;
right: -30px;
cursor: pointer;
}
.select-city__close:hover {
opacity: .7;
}
@media ( max-width : 768px) {
.select-city__modal-wrap {
width: 484px;
padding: 37px 25px 40px 25px;
}
.select-city__modal__list {
columns: 2;
}
}
@media ( max-width : 575px) {
.select-city__modal-wrap {
width: 80%;
padding: 27px 20px 30px 20px;
}
.select-city__modal-wrap {
margin: 20vh auto;
}
.select-city__modal__title {
font-size: 20px !important;
margin-bottom: 10px !important;
}
.select-city__close {
top: 15px;
right: 15px;
}
.select-city__modal__list__item {
font-size: 13px !important;
}
}
@media ( max-width : 400px) {
.select-city__modal__list {
columns: unset;
max-height:100px;
overflow:auto;
}
.select-city__modal-wrap {
margin: 5vh auto;
}
.select-city__modal__list__title {
line-height: 20px;
}
.select-city__modal__submit__block-wrap {
display: block;
}
.select-city__modal__submit__input {
margin-right: 0px;
margin-bottom: 10px;
}
.select-city__modal-wrap {
padding: 15px 20px;
}
.select-city__modal__submit__btn
{
width:100%;
}
}
.select-city__modal__submit__block-wrap__input_wrap
{
position:relative;
width:100%;
}
.select-city__modal__submit__block-wrap__input_wrap .sey-container
{
position:absolute;
width:100%;
}
.select-city__modal__submit__block-wrap__input_wrap .sey-list
{
padding-left:0;
margin:0;
}
.select-city__modal__submit__block-wrap__input_wrap .sey-list li
{
list-style:none;
}
.select-city__modal__submit__block-wrap__input_wrap .sey-list .sey-item
{
border-bottom: 1px solid #d3d3d3;
border-right: 1px solid #d3d3d3;
border-left: 1px solid #d3d3d3;
background: #ffffff;
height: 32px;
width: 100%;
max-width: 517px;
color: #414141;
font-size: 14px;
padding: 0 15px;
line-height:32px;
margin:0!important;
}
.select-city__modal__submit__block-wrap__input_wrap .sey-list .sey-hide
{
display:none;
}
.select-city__modal__submit__block-wrap__input_wrap_error
{
color:red;
position:absolute;
top:-20px;
}
.select-city__modal__submit__vars {
position: absolute;
top: 100%;
left: 0px;
background-color: #fff;
box-shadow: 2px 3px 3px #a0a0a0;
padding: 3px;
cursor: pointer;
}
.select-city__modal__submit__vars .regions_vars:hover {
background-color: #f0f0f0;
}
@media (max-width: 991px) {
.bx-header .header-addr {
display: block!important;
position: absolute!important;
top: 6px;
left: 50px;
}
.icon-pin {
width: 10px!important;
height: 12px!important;
background-size: cover!important;
}
.bx-header .header-addr span {font-size: 12px!important}
}
/* End */
/* Start:/local/components/bitrix/form.result.new/error.css?1692311053163*/
.form-error-fld {
display: block;
float: left;
height: 13px;
width: 15px;
background-repeat: no-repeat;
background-image: url(/local/components/bitrix/form.result.new/images/icon_warn.gif);
}
/* End */
/* Start:/bitrix/components/bitrix/main.userconsent.request/templates/.default/user_consent.min.css?16923113403754*/
.main-user-consent-request a{cursor:pointer}.main-user-consent-request-popup{position:fixed;top:0;left:0;bottom:0;right:0;background-color:rgba(0,0,0,0.5);overflow:hidden;z-index:9000}.main-user-consent-request-popup-cont{min-height:290px;position:absolute;top:50%;left:50%;margin:0 auto;padding:20px;min-width:320px;width:100%;max-width:600px;background:#fff;text-align:center;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-border-radius:5px;border-radius:5px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow-y:auto}.main-user-consent-request-popup-header{margin:0 0 10px 0;font:normal 18px var(--ui-font-family-primary,var(--ui-font-family-helvetica));color:#000;text-align:left;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:260px}.main-user-consent-request-popup-textarea-block{margin:0 0 20px 0}.main-user-consent-request-popup-buttons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.main-user-consent-request-popup-button{display:inline-block;height:39px;margin:0 10px 5px 0;padding:0 18px;border:0;border-radius:2px;font:normal 12px/39px var(--ui-font-family-primary,var(--ui-font-family-helvetica));color:#535c69;outline:0;vertical-align:middle;text-decoration:none;text-transform:uppercase;text-shadow:none;white-space:nowrap;-webkit-font-smoothing:antialiased;-webkit-transition:background-color .2s linear,color .2s linear;transition:background-color .2s linear,color .2s linear;cursor:pointer}.main-user-consent-request-popup-button-acc{background:#bbed21}.main-user-consent-request-popup-button-acc:hover{background:#d2f95f}.main-user-consent-request-popup-button-rej{-webkit-box-shadow:inset 0 0 0 1px #a1a6ac;box-shadow:inset 0 0 0 1px #a1a6ac;background:0}.main-user-consent-request-popup-button-rej:hover{background:#cfd4d8}.main-user-consent-request-popup-text{border:1px solid #999;overflow:auto;padding:8px;text-align:left;color:#545454}.main-user-consent-request-popup-link{height:130px;display:flex;justify-content:center;align-items:center;flex-direction:column}.main-user-consent-request-popup-link a{display:block;margin:20px 0 0 0;text-overflow:ellipsis;overflow:hidden;max-width:260px}.main-user-consent-request-loader{position:relative;height:100px;width:100px;margin:0 auto;-webkit-transform:translate(0,50%);transform:translate(0,50%)}.main-user-consent-request-path{stroke:#80868e;stroke-dasharray:100,200}.main-user-consent-request-loader:before{content:'';display:block;padding-top:100%}.main-user-consent-request-circular{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;height:inherit;width:inherit;-webkit-animation:rotate 1s linear infinite;animation:rotate 1s linear infinite;-webkit-transform-origin:center center;transform-origin:center center}.main-user-consent-request-path{stroke:#ccc;stroke-dasharray:60,200;stroke-dashoffset:0;-webkit-animation:dash 1.5s ease-in-out infinite;animation:dash 1.5s ease-in-out infinite;stroke-linecap:round}.main-user-consent-request-announce{color:#333;font-size:13px;line-height:15px}.main-user-consent-request-announce-link{cursor:pointer}@keyframes rotate{100%{transform:rotate(360deg)}}@-webkit-keyframes rotate{100%{-webkit-transform:rotate(360deg)}}@media(min-width:1000px){.main-user-consent-request-popup-cont{min-height:400px;min-width:640px}.main-user-consent-request-popup-header{max-width:590px}.main-user-consent-request-popup-text,.main-user-consent-request-popup-link{height:240px}.main-user-consent-request-popup-link a{max-width:200px}}@media(max-width:768px){.main-user-consent-request-popup-cont{height:100%}}
/* End */
/* Start:/bitrix/components/bitrix/sale.basket.basket.line/templates/.default/style.min.css?16923113424062*/
.bx-basket-block{margin:auto;position:relative;padding-bottom:5px;padding-left:20px;white-space:nowrap;font-size:12px}.bx-basket-block>.fa{position:absolute;top:3px;left:0;width:12px;color:#97a1ab}.bx-basket-block a{margin-right:10px}@media(min-width:768px){.bx-basket-fixed{position:fixed;z-index:100;overflow:hidden;padding-top:10px;width:200px;border:1px solid #f0f0f0;border-radius:1px;background:#fff;box-shadow:0 7px 10px rgba(0,0,0,0.15)}.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}.block-store-catalog-list .bx-basket-fixed.bottom{bottom:70px}}@media(min-width:768px) and (width <= 992px){.block-store-catalog-list .bx-basket-fixed.bottom{bottom:90px}}@media(max-width:767px){.bx-basket-fixed{position:fixed;right:0;bottom:0;left:0;z-index:100;overflow:hidden;padding-top:10px;border:1px solid #f0f0f0;border-radius:1px;background:#fff;box-shadow:0 7px 10px rgba(0,0,0,0.15)}.bx-basket-item-list{display:none}.block-wrapper .bx-basket-fixed{padding-top:0}.block-wrapper .bx-basket-fixed .bx-hdr-profile{display:flex;justify-content:space-between}.block-wrapper .bx-basket-fixed .bx-hdr-profile .bx-basket-block{padding-bottom:0}}.bx-basket-item-list{position:relative;overflow:hidden;padding-bottom:20px;border-top:1px solid #f7f7f7}.bx-opener .bx-basket-item-list{padding-bottom:75px}.bx-max-height .bx-basket-item-list{position:absolute;right:0;bottom:0;left:0}.bx-closed .bx-basket-item-list{overflow:hidden;height:20px}.bx-basket-item-list-action{position:absolute;right:0;bottom:0;left:0;z-index:120;padding:3px 0;height:20px;background:#f7f7f7;color:#4f4f4f;vertical-align:middle;text-align:center;font-size:12px;line-height:14px;cursor:pointer}.bx-basket-item-list-button-container{position:absolute;right:0;bottom:20px;left:0;padding:10px 0;border-top:1px solid #f7f7f7;background:#fff;text-align:center}.bx-basket-item-list-container{overflow-y:auto;max-height:100%}.bx-basket-item-list-item{position:relative;margin-bottom:15px;padding-top:15px;padding-right:10px;padding-left:10px;border-bottom:1px solid #f7f7f7}.bx-basket-item-list-container .bx-basket-item-list-item:last-child{margin-bottom:0;border-bottom:0}.bx-basket-item-list-item-status{margin:0 10px 20px;padding:3px;border-radius:3px;background:#ebebeb;text-align:center;white-space:normal;font-weight:bold;font-size:12px;line-height:16px}.bx-basket-item-list-item-img{position:relative;padding-bottom:5px;text-align:center}.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;line-height:16px}.bx-basket-item-list-item-remove{position:absolute;top:-7px;right:10px;width:20px;height:20px;opacity:.5;cursor:pointer;transition:250ms linear all}.bx-basket-item-list-item-remove:after,.bx-basket-item-list-item-remove:before{position:absolute;top:50%;left:50%;display:block;width:10px;height:2px;border-radius:1px;background-color:#333;content:'';transform:translate(-50%,-50%)}.bx-basket-item-list-item-remove:after{-webkit-transform:translate(-50%,-50%) rotate(45deg);-moz-transform:translate(-50%,-50%) rotate(45deg);-ms-transform:translate(-50%,-50%) rotate(45deg);-o-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)}.bx-basket-item-list-item-remove:before{-webkit-transform:translate(-50%,-50%) rotate(135deg);-moz-transform:translate(-50%,-50%) rotate(135deg);-ms-transform:translate(-50%,-50%) rotate(135deg);-o-transform:translate(-50%,-50%) rotate(135deg);transform:translate(-50%,-50%) rotate(135deg)}.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{display:inline-block;margin-right:5px}.bx-basket-item-list-item-price-old{display:inline-block;margin-right:5px;color:#b0b0b0;text-decoration:line-through}.bx_cart_login_top .bx-hdr-profile{line-height:1.44em}
/* End */
/* Start:/local/templates/kk2018_new/styles.css?1752850112704*/
@media screen and (max-width: 540px) {
.no-mob{display: none !important;}
}
.politic_cookie {
position: fixed;
align-items: center;
display: flex;
bottom: 0;
right: 0;
z-index: 10000000000;
background: #f2f2f2;
padding: .5rem 1rem;
font: 400 12px/1.2 'PT Sans', sans-serif;
}
.politic_cookie p {margin: 0}
.politic_cookie .btn {
padding: 0 28px;
color: #ff0099;
height: 30px;
line-height: 30px;
font-size: 13px;
text-align: center;
font-family: 'PT Sans', sans-serif;
border: 1px solid #ff0099;
border-radius: 15px;
max-width: 200px;
text-transform: uppercase;
transition: all 0.2s ease;
margin-left: 1rem;
}
.politic_cookie .btn:hover {
background-color: #ff0099;
color: #fff;
}
/* End */
/* Start:/local/templates/kk2018_new/template_styles.css?1737469304335914*/
@charset "UTF-8";
body {
margin: 0px;
padding: 0px;
line-height: 1;
font-family: 'PT Sans', sans-serif !important;
background: #fff;
position: relative;
font-size: 13px !important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.main-heading-detail {
font-family: 'PT Sans', sans-serif !important;
}
.wrapper {
min-width: 200px;
max-width: 1640px;
padding: 0 30px 0 30px;
margin: 0 auto;
position: relative;
box-sizing: border-box;
}
button, a {
transition: all .2s ease;
}
button:hover, a:hover {
opacity: 0.8;
}
img {
max-width: 100%;
}
/*
#navigation {
display: none;
}*/
/* no-gutters Class - ready in Bootstrap 4 */
.cart-item-cstm__buy {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
-ms-align-items: center;
align-items: center;
justify-content: space-between;
margin-top: 20px;
}
.cart-item-cstm__buy .bx_catalog_item_price {
margin-top: 0;
width: 50%;
}
.owl-carousel.owl-main-sliders {
padding-left: 20px;
box-sizing: border-box;
}
.owl-carousel.owl-main-sliders .owl-stage-outer, .owl-carousel.owl-nomain-sliders .owl-stage-outer {
padding: 15px 25px 15px 10px;
margin-left: -20px;
box-sizing: border-box;
}
.owl-carousel.owl-nomain-sliders .owl-stage-outer {
margin-left: 0;
}
.owl-main-sliders.owl-carousel .owl-nav {
position: absolute;
top: -70px;
right: 0;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: space-between;
width: 100px;
}
.owl-video-slider.owl-carousel .owl-stage-outer {
z-index: 1;
}
.owl-video-slider.owl-carousel .owl-nav {
position: absolute;
top: calc(50% - 20px);
right: -15px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: space-between;
width: calc(100% + 30px);
}
.owl-cstm-slider.owl-carousel .owl-nav .owl-prev {
transform: rotate(180deg);
}
.owl-cstm-slider.owl-carousel .owl-nav .owl-next, .owl-cstm-slider.owl-carousel .owl-nav .owl-prev {
font-size: 0;
width: 40px;
height: 40px;
margin: 0;
position: relative;
top: auto;
left: auto;
right: auto;
bottom: auto;
z-index: 1;
background-color: #fff;
border: 1px solid #11627f;
transition: all .2s ease;
border-radius: 50%;
background-image: url('data:image/svg+xml;utf8,');
-webkit-background-size: 18px 18px;
background-size: 18px 18px;
background-position: center;
background-repeat: no-repeat;
}
.owl-cstm-slider.owl-carousel .owl-nav .owl-next:hover, .owl-cstm-slider.owl-carousel .owl-nav .owl-prev:hover {
background-color: #11627f;
background-image: url('data:image/svg+xml;utf8,');
}
.header-fix-band {
display: none;
width: 100%;
height: 85px;
}
.header-fix-band.fixed {
display: block;
}
.row.no-gutters {
margin-right: 0;
margin-left: 0;
}
.row.no-gutters>[class^="col-"], .row.no-gutters>[class*=" col-"] {
padding-right: 0;
padding-left: 0;
}
#photoZoom .modal-lg {
width: 80%;
margin: 30px auto;
overflow: hidden;
}
/*MAIN*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {
display: block;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-width: 0px;
padding: 0px;
margin: 0px;
}
td {
margin: 0px;
padding: 0px;
}
html {
height: 100%;
-webkit-text-size-adjust: none;
-ms-text-size-adjust: none;
}
input[type="text"], input[type="password"], textarea {
color: #333;
outline: none;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
-webkit-appearance: none;
}
input[type="button"], input[type="submit"], button {
cursor: pointer;
}
form {
padding: 0px;
margin: 0px;
}
h1, h2, h3, h4 {
margin-bottom: 10px;
margin-top: 20px;
font-family: 'PT Sans', sans-serif;
font-weight: bold;
}
h1 {
font-size: 24px;
}
h2 {
font-size: 18px;
}
h3 {
font-size: 16px;
color: #333;
}
h4 {
font-size: 14px;
color: #ff0099;
}
p, li {
line-height: 21px;
font-size: 13px;
color: #333;
}
p {
margin-bottom: 20px;
}
a, a:focus {
/*color: #000100;*/
transition: all 0.2s linear;
text-decoration: none;
/* why? */
outline: none;
-webkit-tap-highlight-color: transparent;
-webkit-tap-highlight-color: transparent;
}
a:hover {
text-decoration: none;
}
input[type=submit], input[type=button], button {
-webkit-appearance: none;
outline: none;
}
* {
box-sizing: border-box;
}
*:before, *:after {
box-sizing: border-box;
}
.clearfix:after, .wrapper:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* titles DEFAULT colours moove in bootstrap! */
.nowrap {
white-space: nowrap !important;
}
.btn_more_bottom {
display: block;
width: 180px;
height: 40px;
font-family: 'PT Sans', sans-serif !important;
font-size: 14px;
background: linear-gradient(#85c7e2 0%, #57aed3 100%);
text-transform: uppercase;
border-radius: 50px;
margin: 20px auto;
padding-top: 13px;
text-align: center;
color: #fff;
}
/*
================================================================================
| HEADER |
================================================================================
*/
header {
width: 100%;
min-width: 240px;
text-align: left;
z-index: 1;
}
.pre-head {
background-color: #fff;
/*#ff0099;/*#d8d8d8;*/
line-height: 20px;
padding: 0 15px;
}
.logo img.main_logo {
max-height: 90px;
margin: 0;
}
.logo a:hover img.main_logo {
-webkit-filter: contrast(105%);
}
.header_phone {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: center;
position: relative;
}
.header_subphone {
color: #52666f;
font-size: 18px;
font-weight: 400;
line-height: normal;
}
.header_phone p {
font-size: 14px;
font-family: 'PT Sans', sans-serif;
margin: 0;
}
.header_phone p i {
position: absolute;
top: 50%;
margin-top: -30px;
height: 60px;
background: #fff;
color: transparent;
overflow: hidden;
padding: 5px;
border-radius: 50%;
box-shadow: 0px 1px 2px #dcdcdc;
}
.header_phone p i:before, #mobile-phones p a:before {
content: "";
display: block;
width: 50px;
height: 50px;
border-radius: 50%;
padding: 10px;
background: url(/local/templates/kk2018_new/./images/tel.png) no-repeat center top / 100%;
}
.header_phone__cont {
box-sizing: border-box;
}
.header_phone a {
color: #52666f;
font-size: 18px;
font-weight: 700;
line-height: normal;
}
.bx-header .header_phone:hover p i:before {
background-position: center bottom;
border: 1px dashed #fe4aae;
}
.header_phone span {
margin-left: 5px;
font-size: 11px;
font-family: 'PT Sans', sans-serif;
color: #999999;
}
.bx-header .header-addr {
position: relative;
}
.bx-header .header-addr p {
margin: 16px 0;
padding: 5px 0;
}
.bx-header .header-addr .adr-city {
display: block;
}
.bx-header .header-addr i {
position: absolute;
top: 50%;
margin-top: -30px;
height: 60px;
background: #fff;
color: transparent;
overflow: hidden;
padding: 5px;
border-radius: 50%;
box-shadow: 0px 1px 2px #dcdcdc;
}
.bx-header .header-addr i:before {
content: "";
display: block;
width: 50px;
height: 50px;
border: 1px dashed #259bc6;
border-radius: 50%;
padding: 10px;
background: url(/local/templates/kk2018_new/./images/geo.png) no-repeat center top / 100%;
}
.bx-header .header-addr:hover i:before {
background-position: center bottom;
border: 1px dashed #fe4aae;
}
.bx-header .header-addr span {
color: #6cb9da;
white-space: nowrap;
font-size: 20px;
font-weight: 700;
margin-left: 9px;
font-family: 'PT Sans', sans-serif;
}
.bx-header .bx-header-section .wrapper {
padding-top: 24px;
padding-bottom: 24px;
box-sizing: border-box;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
-ms-align-items: center;
align-items: center;
justify-content: space-between;
padding-right: 45px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.bx-header .bx-header-section .wrapper::after {
display: none;
}
.address__cont a {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: center;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
-ms-align-items: center;
align-items: center;
}
.icon-pin {
display: inline-block;
width: 19px;
height: 25px;
background: url(/local/templates/kk2018_new/images/pin.png) no-repeat transparent;
}
.bx-header .select-city__block {cursor: pointer}
.bx-header .select-city__block:hover span {
color: #fe4aae;
}
.bx-header .header-buttons {
position: absolute;
right: 39px;
top: 0;
z-index: 2;
}
.bx-header .header-buttons, #bx_incl_area_8 {
display: -ms-flexbox;
display: flex;
-ms-align-items: flex-start;
align-items: flex-start;
}
.bx-header .header-buttons a {
margin-right: 25px;
white-space: nowrap;
}
.bx-header .header-buttons a:last-child {
margin-right: 0;
}
.header-buttons .order_call, .header-buttons .logout, .header-buttons .personal, .header-buttons .login, .header-buttons .register {
border: none;
vertical-align: top;
border-radius: 0 0 10px 10px;
margin: 0;
padding: 14px 18px;
position: relative;
font-family: 'PT Sans', sans-serif;
font-size: 19px;
line-height: 20px;
text-align: center;
min-width: 100px;
color: #fff;
display: inline-block;
overflow: hidden;
}
.header-buttons .personal, .header-buttons .logout, .header-buttons .login, .header-buttons .register {
background-color: #f64fbb;
}
.header-buttons .personal:hover, .header-buttons .logout:hover, .header-buttons .login:hover, .header-buttons .register:hover {
background-color: #ff0099;
}
.header-buttons .order_call {
background-color: #259bc6;
}
.header-buttons .order_call:hover {
background-color: #4b98bb;
}
html.bx-ie .header-buttons .order_call::before {
background: url(/local/templates/kk2018_new/images/call.svg) no-repeat transparent;
}
.header-buttons .order_call:hover::before {
-webkit-mask-size: 17px;
mask-size: 17px;
-webkit-mask-position: 0;
mask-position: 0;
}
.header-buttons .logout span {
position: relative;
overflow: hidden;
display: inline-block;
width: 21px;
height: 17px;
margin: 0 10px 0 -10px;
}
.bx-ie .header-buttons .logout span::before {
background: url(/local/templates/kk2018_new/images/logout.svg) transparent;
}
@media screen and (max-width: 680px){
#mob-filter.active .bx_filter .bx_filter_search_button{
position: fixed;
width: 100%;
height: 60px;
bottom: 0;
left: 0;
}
#mob-filter.active .bx_filter .bx_filter_search_button:disabled, #mob-filter.active .bx_filter .bx_filter_search_button:disabled:hover{
background: #ff0099;
color: #fff;
border: 1px solid #ff0099;
}
}
@keyframes go {
0% {
transform: skewy(10deg);
}
25% {
transform: skewy(-10deg) translateY(-8%);
}
50% {
transform: skewy(10deg) translateY(-16%);
}
75% {
transform: skewy(-10deg) translateY(-24%);
}
99% {
transform: skewy(10deg) translateY(-33%);
}
}
.header-buttons .logout:hover span::before {
animation: go 1.5s linear infinite;
/*transform: translateY(-67%);*/
}
#auth-res {
text-align: center;
color: #fa50b0;
font-size: 13px;
font-weight: bold;
}
html.bx-ie .header-buttons .personal::before {
background: url(/local/templates/kk2018_new/images/prof2.svg) transparent;
}
.header-buttons .personal:hover::before {
-webkit-mask-size: 17px;
mask-size: 17px;
-webkit-mask-position: 0;
mask-position: 0;
}
html.bx-ie .header-buttons .login::before {
background: url(/local/templates/kk2018_new/images/login2.svg) transparent;
}
.header-buttons .login:hover::before {
transform: rotate3d(1, 1, 0, -180deg);
}
html.bx-ie .header-buttons .register::before {
background: url(/local/templates/kk2018_new/images/reg3.svg) transparent;
}
.header-buttons .register:hover::before {
transform: translateX(0) skewX(1deg);
}
.form_search {
margin-top: 40px;
position: relative;
}
.search-page {
margin-top: 20px;
position: relative;
}
.form_search .search_input, .search-page .search_input {
height: 40px;
width: 100%;
max-width: 320px;
padding: 0 35px 0 15px;
color: #757575;
font-size: 16px;
border: 1px solid #6cb9da;
border-radius: 22px;
}
.search-page .search_input{
max-width: 100%;
}
.form_search .search_input::placeholder, .search-page .search_input::placeholder {
color: #757575;
font-size: 16px;
}
.search-page form{
max-width: 100%;
width: 100%;
}
.form_search .bx-input-group {
max-width: 320px;
width: 265px;
margin: auto;
position: relative;
}
.form_search .search_submit, .search-page .search_submit {
width: 40px;
height: 40px;
position: absolute;
top: 0;
right: 0;
background-image: url(/local/templates/kk2018_new/./images/icon_search.png);
background-repeat: no-repeat;
-webkit-background-size: 18px;
background-size: 18px;
background-position: center;
border-radius: 50%;
background-color: #6cb9da;
border: 0;
}
.line_time p {
margin: 0;
padding: 0 10px;
text-align: center;
line-height: 31px;
font-size: 13px;
font-family: 'PT Sans', sans-serif;
color: #999999;
}
nav {
background: #259bc6;
position: relative;
}
.main_menu {
padding: 0;
}
.main_menu ul {
display: -ms-flexbox;
display: flex;
margin-right: 2%;
-ms-flex-pack: justify;
justify-content: space-between;
}
.main_menu li {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-ms-align-items: center;
align-items: center;
height: 75px;
}
.main_menu li:first-child {
margin-left: 0px;
}
.main_menu li a {
font-size: 18px;
font-weight: 700;
text-align: center;
color: #fff;
text-transform: uppercase;
}
.main_menu li a:hover {
color: #ff2da2;
text-decoration: none;
}
.cart_block {
height: 75px;
padding: 18px 0 11px 33px;
background: linear-gradient(2deg, #ff2da2 0%, #ff61b9 100%);
cursor: pointer;
position: relative;
}
.cart_block:after {
content: '';
display: block;
position: absolute;
top: 20px;
left: 12px;
width: 34px;
height: 34px;
background: url(/local/templates/kk2018_new/./images/icon_basket.png);
background-position: 0 0;
background-repeat: no-repeat;
}
@keyframes kachaem {
0% {
transform: skewx(0);
}
25% {
transform: skewx(-20deg);
}
50% {
transform: skewx(0);
}
75% {
transform: skewx(20deg);
}
}
@keyframes bubble {
0% {
transform: scale(1);
}
25% {
transform: scale(1.4);
}
50% {
transform: scale(1);
}
75% {
transform: scale(0.6);
}
}
@keyframes krutim {
0% {
transform: rotate(0);
}
25% {
transform: rotate(20deg);
}
50% {
transform: rotate(0);
}
75% {
transform: rotate(-20deg);
}
}
.cart_block:hover::after {
animation: krutim 1.5s linear infinite;
}
.cart_block {
font-size: 11px;
font-family: 'PT Sans', sans-serif;
color: #fff;
text-transform: lowercase;
}
.bx-basket {
margin-left: 30px;
}
.cart_block a {
font-size: 17px;
font-weight: 700;
color: #fff;
text-transform: uppercase;
display: block;
}
.bottom_line {
/* background: #f5f5f5; */
background: #fff;
}
.bottom_line p {
margin-bottom: 2px;
line-height: 38px;
text-align: left;
font-size: 12px;
font-family: 'PT Sans', sans-serif;
color: #ff0099;
}
.basket_popap {
width: 365px;
padding: 40px 45px 35px 45px;
background: #fff;
border-radius: 4px;
position: absolute;
right: 15px;
top: 190px;
z-index: 101;
box-shadow: 3px 4px 16px -2px rgba(0, 0, 0, 0.21);
}
.basket_popap b {
width: 18px;
height: 18px;
background: url(/local/templates/kk2018_new/./images/clear.png);
position: absolute;
top: 10px;
right: 10px;
cursor: pointer;
}
.basket_popap p {
line-height: 23px;
text-align: center;
font-family: 'PT Sans', sans-serif;
font-weight: bold;
font-size: 14px;
color: #333;
}
.basket_popap .btn_blocks {
width: 175px;
margin: 20px auto 0;
}
.basket_popap .btn_click {
float: left;
border-radius: 50px;
width: 80px;
display: block;
height: 39px;
font-size: 14px;
text-align: center;
padding-top: 12px;
font-family: 'PT Sans', sans-serif;
color: #fff;
text-transform: uppercase;
}
.basket_popap .btn_true {
background: linear-gradient(2deg, #ff2da2 0%, #ff61b9 100%);
margin-right: 8px;
}
.basket_popap .btn_false {
background: #f5f5f5;
color: #259bc6;
}
.workarea {
margin-top: 20px;
}
.allmag .btn{
margin-top: .5rem;
box-shadow: 0 4px 10px 2px rgba(48, 83, 98, 0.2);
border-radius: 5px;
background-color: #f97fce;
}
.allmag .btn span{color: #fff}
/*
================================================================================
| SIDEBAR |
================================================================================
*/
.bx-sidebar-block {
margin-bottom: 20px;
}
#catalog-link input {
background: url(/bitrix/templates/sonata/./images/cat-arrow.png) no-repeat 50% 70% / 80%;
display: inline-block;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
width: 20px;
height: 20px;
padding: 2px;
border: white 1px dashed;
padding: 2px;
border-radius: 10px;
position: absolute;
right: 3%;
top: 50%;
margin-top: -10px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.link_showr {
background: #f64fbb;
width: 100%;
border-radius: 7px;
margin-bottom: 8px;
padding: 2px;
text-align: center;
}
.link_showr:hover {
background: #ff0099;
}
#catalog-link .bzzz, .showroom-button .bzzz, .link_showr .bzzz {
color: #fff;
display: block;
display: inline-block;
margin: 5px 0;
padding-top: 2px;
width: 98%;
border: white 1px dashed;
border-radius: 4px;
}
#catalog-link .bzzz a, .showroom-button .bzzz a {
color: #fff;
margin: 0;
}
.link_showr .bzzz a {
color: #fff;
font-family: 'PT Sans', sans-serif;
font-weight: bold;
font-size: 21px;
text-transform: uppercase;
padding: 12px 0;
display: block;
}
#catalog-link input[aria-expanded="true"] {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
ul.left-menu {
list-style-type: none;
padding: 0;
}
.sidebar {
/*width: 265px;*/
}
.left-menu li.level1>span {
position: relative;
z-index: 20;
display: block;
margin-bottom: 2px;
font-family: 'PT Sans', sans-serif;
font-size: 16px;
font-weight: 700;
background-color: #41c0ef;
cursor: pointer;
border-radius: 5px;
animation: all 0.3s linear;
}
.left-menu li.level1>span>a {
color: #fff;
display: block;
padding: 13px 15px 13px 20px;
line-height: 20px;
width: 90%;
}
.left-menu li.level1 a:hover {
text-decoration: none;
}
.left-menu li.level1>span:hover, .left-menu .level1.item-selected>span {
background: linear-gradient(#ff62ba 0%, #ff2ea2 100%);
}
.left-menu li.level2.item-selected>span>a, .left-menu li.level2.item-selected a:hover {
animation: all 0.3s linear;
color: #fff;
background: linear-gradient(#ff62ba 0%, #ff2ea2 100%);
}
.left-menu ul.panel-collapse {
background: rgba(255, 255, 255, 0.5);
margin-top: -1px;
overflow: hidden;
position: relative;
z-index: 10;
}
/*UPD: 14/03/2018*/
#submenu-mobile {
display: none;
}
#submenu-mobile ul {
list-style-type: none;
}
.left-menu li.level2 a, #submenu-mobile li.level2 a {
display: inline-block;
padding: 11px 10px 11px 29px;
width: 100%;
font-size: 14px;
font-weight: 700;
color: #24414c;
background: #e2f7fe;
border-bottom: 1px solid #bfd2d8;
}
.left-menu li.level2 a:hover, #submenu-mobile li.level2 a:hover {
text-decoration: none;
background: #e2f4f8;
}
ul.left-menu li {}
.left-menu input {
position: absolute;
display: inline-block;
right: 5%;
top: 50%;
margin-top: -12px;
cursor: pointer;
border: 0;
background: url(/local/templates/kk2018_new/./images/arrow_down.png) no-repeat center;
background-size: 18px 10px;
padding: 0;
width: 25px;
height: 25px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.left-menu input:focus {
outline: transparent;
}
input[aria-expanded="true"] {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.social_blocks {
margin-bottom: 20px;
margin-top: 25px;
}
.social_blocks .sosial_link {
width: 100%;
/*height: 75px;*/
padding-top: 30%;
display: block;
margin-bottom: 7px;
background: url(/local/templates/kk2018_new/./images/social_icon.png) no-repeat;
background-size: cover;
}
.social_blocks .social_friends {
background-position: 0 33.33333%;
}
.social_blocks .social_facebook {
background-position: 0 66.66666%;
}
.social_blocks .social_vk {
background-position: 0 100%;
}
.sidebar_articles {
padding: 25px 22px 25px 22px;
border: 1px dashed #acddf3;
border-radius: 4px;
}
.articles_title {
margin-bottom: 6px;
text-align: center;
font-size: 25px;
font-weight: bold;
line-height: 25px;
color: #11627f;
text-transform: uppercase;
}
.list_article {
padding: 25px 0;
position: relative;
}
.list_article::after {
content: '';
position: absolute;
width: 100px;
height: 1px;
bottom: 0;
right: calc(50% - 50px);
background-color: #787777;
}
.list_article:nth-last-child(2)::after {
display: none;
}
.list_article a {
line-height: 19px;
font-size: 16px;
font-weight: bold;
color: #cd449c;
}
.list_article a:hover {
color: #259bc6;
}
.list_article .data .fa-calendar-o {
margin-right: 11px;
}
.list_article .data {
display: flex;
align-items: center;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
margin: 15px 0;
font-size: 13px;
line-height: 23px;
color: #787777;
}
.list_article p {
line-height: 19px;
font-size: 14px;
color: #2b3133;
}
.yandex {
box-sizing: border-box;
margin-top: 25px;
display: block;
border: 1px solid #ff9900;
}
.yandex img {
width: 100%;
}
/*
=======================================================
| INDEX PAGE
=======================================================
*/
.general_slider {
margin-bottom: 30px;
}
.main_slider .slick-slide {
position: relative;
}
.main_slider img {
width: 100%;
}
.main_slider .slider_action {
position: relative;
}
.main_slider .slick-dots {
bottom: 15px;
z-index: 100;
}
.main_slider .slick-dots li button:before {
font-size: 7px !important;
}
.main_slider .slick-dots li.slick-active button:before {
color: #ff0099;
}
.main_slider .slick-dots li button:hover:before, .main_slider .slick-dots li button:focus:before {
color: #ff0099;
}
.main_slider .mobile_img {
display: none;
}
.slider_text {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
padding: 0 77px;
z-index: 10;
}
.slider_text p {
line-height: 30px;
font-family: 'PT Sans', sans-serif;
font-weight: bold;
font-size: 20px;
color: #259bc6;
}
.slider_text span {
color: #ff0099;
}
.slider_text .baner_title {
line-height: 54px;
margin-bottom: 10px;
margin-top: 118px;
font-family: 'PT Sans', sans-serif;
font-weight: bold;
font-size: 53px;
text-transform: uppercase;
color: #259bc6;
}
.slider_text .btn_more {
display: block;
margin-top: 32px;
width: 188px;
height: 55px;
border-radius: 40px;
text-align: center;
padding-top: 19px;
text-transform: uppercase;
background: linear-gradient(2deg, #ff2da2 0%, #ff61b9 100%);
font-size: 16px;
font-family: 'PT Sans', sans-serif;
color: #fff;
}
.general_text {
float: left;
}
h1.index {
line-height: 28px;
font-family: 'PT Sans', sans-serif;
font-weight: bold;
font-size: 18px;
color: #333333;
}
.general_text h2 {
margin-bottom: 20px;
line-height: 28px;
font-family: 'PT Sans', sans-serif;
font-weight: bold;
font-size: 16px;
color: #333333;
}
.general_text h3 {
margin: 10px 0;
line-height: 24px;
font-family: 'PT Sans', sans-serif;
font-weight: bold;
font-size: 14px;
color: #333333;
}
.general_text p, #productTab p, .news-detail p, .news-detail li {
line-height: 22px;
font-family: 'PT Sans', sans-serif;
font-size: 16px;
margin-bottom: 10px;
color: #333333;
}
.general_text p, #productTab p, .news-detail p {
margin-bottom: 20px;
}
.news-detail img {
margin: 10px;
}
.general_text a, .tent a {
color: #259bc6;
}
.news-detail a {
color: #259bc6;
font-family: 'PT Sans', sans-serif;
font-weight: bold;
}
.news-detail a.pink {
color: #ff0099;
}
.general_text a:hover, .tab-content a:hover {
color: #259bc6;
}
.general_text li {
list-style: none;
padding-left: 10px;
line-height: 30px;
font-family: 'PT Sans', sans-serif;
font-size: 14px;
color: #000;
position: relative;
}
.general_text li:after {
content: '';
position: absolute;
width: 5px;
height: 5px;
top: 14px;
left: -2px;
display: block;
background: #ff0099;
border-radius: 50%;
}
.offersCarousel {
margin-bottom: 30px;
}
p.h2 {
margin: 0 0 35px;
padding-bottom: 0;
text-align: left;
font-family: 'PT Sans', sans-serif;
font-weight: bold;
font-size: 35px;
color: #11627f;
text-transform: capitalize;
}
.list_prams .items:nth-child(4n) {
margin-right: 0;
}
.list_prams .items:hover {
box-shadow: 0px 6px 33px -2px rgba(0, 0, 0, 0.1);
}
.list_prams .product-container {
margin: -4px 23px 19px 25px;
overflow: hidden;
height: 74px;
box-sizing: border-box;
position: relative;
}
.list_prams .img_inner {
display: block;
width: 220px;
height: 240px;
margin: 32px 0px 0px 8px;
box-sizing: border-box;
}
.list_prams .img_inner img {
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
}
.list_prams a {
display: block;
height: 39px;
overflow: hidden;
text-align: left;
line-height: 20px;
font-family: 'PT Sans', sans-serif;
font-weight: bold;
font-size: 14px;
color: #333333;
}
.list_prams a:hover {
color: #259bc6;
text-decoration: underline;
}
.list_prams span {
padding-top: 11px;
display: inherit;
font-family: 'PT Sans', sans-serif;
font-size: 18px;
color: #ff0099;
}
.list_prams .item_action {
position: relative;
}
.list_prams .item_action:after {
content: '';
width: 56px;
height: 55px;
position: absolute;
top: -1px;
right: -1px;
background-image: url(/local/templates/kk2018_new/./images/action.png);
background-repeat: no-repeat;
}
.list_prams .item_action:before {
content: '-20%';
position: absolute;
top: 12px;
right: 3px;
font-family: 'PT Sans', sans-serif;
font-size: 14px;
color: #fff;
z-index: 10;
-ms-transform: rotate(40deg);
transform: rotate(40deg);
}
.general_text .podcat {
display: none;
}
/*
=======================================================
| Раздел каталога
=======================================================
*/
.bx_catalog_item_container {
position: relative;
width: 100%;
border-radius: 10px;
box-sizing: border-box;
padding: 15px 10% 20px;
background: #fff;
margin-bottom: 23px;
transition: all 0.15s linear;
box-shadow: 0 0 11px 1px rgba(48, 83, 98, 0.2);
/*overflow: hidden;*/
}
.bx_catalog_item_container:hover {
box-shadow: 0px 6px 33px -2px rgba(0, 0, 0, 0.1);
}
.bx_catalog_list_home .bx_catalog_item_images {
position: relative;
z-index: 91;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-ms-align-items: center;
align-items: center;
justify-content: center;
height: 250px;
/*padding-top: 135%;
line-height: 250px;*/
width: 100%;
text-align: center;
background-position: center;
background-repeat: no-repeat;
-webkit-background-size: contain;
background-size: contain;
}
.bx_catalog_list_home .bx_catalog_item_images>img {
margin-top: 10px;
max-height: 100%;
}
.bx_catalog_list_home .bx_catalog_item_images.height200>img {
max-height: 200px;
}
.bx_catalog_item_container .bx_catalog_item_images {
transition: all .2s ease !important;
}
.bx_catalog_item_container:hover .bx_catalog_item_images {
transform: scale(1.1);
}
.bx_catalog_item_title {
display: block;
height: 63px;
overflow: hidden;
text-align: left;
line-height: 21px;
margin-top: 25px;
font-weight: 400;
font-size: 18px;
color: #475054;
position: relative;
z-index: 92;
}
.bx_catalog_item_title h2 {
font-size: 14px;
margin: 0;
}
.bx_catalog_item_title a {
display: block;
width: 100%;
color: #475054;
font-size: 18px;
font-weight: 400;
line-height: 21px;
}
.bx_catalog_item_price {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
-ms-align-items: center;
align-items: center;
justify-content: space-between;
width: 100%;
float: left;
font-size: 16px;
font-weight: 700;
height: 30px;
margin-top: 20px;
line-height: 18px;
color: #cd449c;
display: flex;
}
.bx_catalog_list_home .bx_catalog_item_price.stylewidth100 {
width: 100%;
}
.bx_catalog_item_price .bx_price {
/*width: 50%;*/
}
.bx_catalog_item_price span.noprice {
font-size: 14px;
}
.bx_catalog_item_price span.bigprice {
color: #777;
float: left;
font-family: 'PT Sans', sans-serif;
text-decoration: line-through;
}
.bx_catalog_item_price>span.bigprice {
margin-left: 5px;
}
.modern-page-navigation span.modern-page-current, .modern-page-navigation a:hover {
border-radius: 50%;
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flex;
display: -o-inline-flex;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 5px 9px !important;
font-size: 20px;
color: #fff !important;
background-color: #cd449c;
}
div.modern-page-navigation a, span.modern-page-current, div.modern-page-navigation a.modern-page-previous, span.modern-page-dots {
padding: 5px 9px !important;
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flex;
display: -o-inline-flex;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 20px;
color: #475054;
border: 0;
}
.modern-page-next {
width: auto !important;
height: auto !important;
}
div.modern-page-navigation {
float: left !important;
}
div.modern-page-navigation a.modern-page-next:hover {
background-color: transparent !important;
color: #475054 !important;
}
.kk_buy_link {
width: 40%;
float: right;
margin-top: 5px;
color: #ff0099;
height: 30px;
line-height: 30px;
font-size: 13px;
text-align: center;
font-family: 'PT Sans', sans-serif;
border: 1px dashed #ff0099;
border-radius: 18px;
max-width: 210px;
text-transform: uppercase;
transition: all 0.2s ease;
}
.bx_catalog_item_container:hover .kk_buy_link {
border-style: solid
}
.kk_buy_link:hover {
background-color: #ff0099;
color: #fff;
}
.bdata-carousel {
width: 100%;
overflow: hidden;
}
.bdata-carousel>.bx_catalog_item {
max-width: 25%;
float: left;
}
.bx_item_list_section .owl-item {
float: left;
}
/* Slider нахуй2*/
body .slider-nav {
height: 59px;
float: none;
-ms-transform: rotate(90deg);
transform: rotate(90deg);
width: 259px;
top: 160px;
right: -110px;
padding: 20px;
position: absolute;
overflow: hidden;
z-index: 100;
}
body .slider-nav .slick-slide {
float: left;
width: 39px !important;
height: 40px !important;
margin-left: 7px;
box-sizing: border-box;
cursor: pointer;
}
body .slider-nav .slick-slide img {
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
width: 100% !important;
}
body .slider-nav .slick-prev {
left: -5px;
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
top: 27px;
background: #fff;
}
body .slider-nav .slick-prev:before {
content: '';
display: block;
position: absolute;
width: 10px;
height: 12px;
background-image: url(/local/templates/kk2018_new/./images/arow3.png);
background-size: 100%;
background-repeat: no-repeat;
}
body .slider-nav .slick-prev:hover:before {
background-image: url(/local/templates/kk2018_new/./images/arow2.png);
}
body .slider-nav .slick-next {
right: -6px;
top: 34px;
-ms-transform: rotate(-90deg);
transform: rotate(90deg);
background: #fff;
}
body .slider-nav .slick-next:before {
content: '';
display: block;
position: absolute;
width: 10px;
height: 12px;
background-image: url(/local/templates/kk2018_new/./images/arow3.png);
background-size: 100%;
background-repeat: no-repeat;
}
body .slider-nav .slick-next:hover:before {
background-image: url(/local/templates/kk2018_new/./images/arow2.png);
}
body .slider_tovar .product-container {
margin: -4px 60px 19px 25px !important;
}
.slick-dots li button {
background: transparent !important;
}
.title_new h2 {
margin: 30px 0 30px;
padding-bottom: 15px;
text-align: center;
font-family: 'PT Sans', sans-serif;
font-weight: bold;
font-size: 23px;
color: #259bc6;
text-transform: uppercase;
border-bottom: 1px dashed #d7d7d7;
}
.item_action_new {
position: relative;
}
.item_action_new:after {
content: '';
width: 56px;
height: 55px;
position: absolute;
top: -1px;
right: -1px;
background-image: url(/local/templates/kk2018_new/./images/action_new.png);
background-repeat: no-repeat;
}
.item_action_new:before {
content: 'new';
position: absolute;
top: 12px;
right: 3px;
font-family: 'PT Sans', sans-serif;
font-size: 14px;
color: #fff;
z-index: 10;
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.title_hits h2 {
margin: 30px 0 30px;
padding-bottom: 15px;
text-align: center;
font-family: 'PT Sans', sans-serif;
font-weight: bold;
font-size: 23px;
color: #259bc6;
text-transform: uppercase;
border-bottom: 1px dashed #d7d7d7;
}
.item_action_hits {
position: relative;
}
.item_action_hits:after {
content: '';
width: 56px;
height: 55px;
position: absolute;
top: -1px;
right: -1px;
background-image: url(/local/templates/kk2018_new/./images/action_hits.png);
background-repeat: no-repeat;
}
.item_action_hits:before {
content: 'хит';
position: absolute;
top: 12px;
right: 3px;
font-family: 'PT Sans', sans-serif;
font-size: 14px;
color: #fff;
z-index: 10;
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.mobi_filter {
display: none;
}
.mobi_filter .title_filter {
padding-top: 5px;
margin-top: 15px;
margin-bottom: 10px;
line-height: 50px;
text-align: center;
border-radius: 4px;
color: #fff;
font-family: 'PT Sans', sans-serif;
font-weight: bold;
font-size: 21px;
position: relative;
text-transform: uppercase;
cursor: pointer;
background: linear-gradient(#ff62ba 0%, #ff2ea2 100%);
}
.mobi_filter .title_filter:after {
content: '';
display: block;
position: absolute;
top: 26px;
right: 20px;
width: 8px;
height: 5px;
-ms-transform: rotate(180deg);
transform: rotate(180deg);
background: url(/local/templates/kk2018_new/./images/arrow.png);
background-position: 0 0;
background-repeat: no-repeat;
}
.mobi_filter .categori_brend {
display: none;
}
.mobi_filter .categori_brend .inner_filter {
margin-bottom: 10px;
position: relative;
width: 100%;
height: 70px;
display: block;
font-family: 'PT Sans', sans-serif;
font-size: 16px;
color: #fff;
padding-top: 26px;
text-align: center;
border-radius: 3px;
background: linear-gradient(#85c7e2 0%, #57aed3 100%);
}
.mobi_filter .categori_brend .inner_filter:before {
content: '';
display: block;
width: 97%;
height: 87%;
position: absolute;
margin: 0 1px;
top: 5px;
left: 5px;
border: 1px dashed #8bcae6;
border-radius: 5px;
z-index: 0;
}
.mobi_filter .categori_brend img {
width: 62px;
position: absolute;
left: 22px;
top: 9px;
}
.mobi_categori {
display: none;
}
.mobi_categori .mob_slider_popular {
margin: 0 25px;
}
.mobi_categori .mob_slider_popular .slick-prev, .mobi_categori .mob_slider_popular .slick-next {
background: #fff;
background-image: url(/local/templates/kk2018_new/./images/arrow_slider.png);
}
.mobi_categori .mob_slider_popular .slick-prev:before, .mobi_categori .mob_slider_popular .slick-next:before {
content: '';
background: #fff;
}
.mobi_categori .mob_slider_popular .slick-prev {
left: -10px;
}
.mobi_categori .mob_slider_popular .slick-next {
right: -10px;
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.mobi_categori .mob_slider_popular2 {
margin: 0 25px;
}
.mobi_categori .mob_slider_popular2 .slick-prev, .mobi_categori .mob_slider_popular2 .slick-next {
background: #fff;
background-image: url(/local/templates/kk2018_new/./images/arrow_slider.png);
}
.mobi_categori .mob_slider_popular2 .slick-prev:before, .mobi_categori .mob_slider_popular2 .slick-next:before {
content: '';
background: #fff;
}
.mobi_categori .mob_slider_popular2 .slick-prev {
left: -10px;
}
.mobi_categori .mob_slider_popular2 .slick-next {
right: -10px;
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.mobi_categori .right_baner_seil {
margin: 10px 30px;
}
.mobi_categori .title_categori {
padding-top: 5px;
margin-bottom: 6px;
line-height: 50px;
text-align: center;
border-radius: 4px;
color: #fff;
font-family: 'PT Sans', sans-serif;
font-weight: bold;
font-size: 21px;
text-transform: uppercase;
cursor: pointer;
background: linear-gradient(#ff62ba 0%, #ff2ea2 100%);
}
.mobi_categori .name_categori {
padding-top: 5px;
margin-bottom: 6px;
line-height: 50px;
text-align: left;
letter-spacing: -1px;
border-radius: 4px;
padding-left: 20px;
color: #259bc6;
font-family: 'PT Sans', sans-serif;
font-weight: bold;
font-size: 21px;
text-transform: uppercase;
background: #cbebf3;
}
.mobi_categori .categori_list ul {
display: none;
border: 1px dashed #8bcae6;
background: #fff;
margin-top: -6px;
margin-bottom: 20px;
}
.mobi_categori .categori_list li {
list-style: none;
padding: 25px 20px;
border-bottom: 1px solid #ebebeb;
}
.mobi_categori .categori_list a {
width: 250px;
line-height: 20px;
font-family: 'PT Sans', sans-serif;
font-weight: bold;
font-size: 14px;
color: #ff0099;
}
.mobi_categori .categori_list p {
line-height: 20px;
font-size: 13px;
color: #333333;
}
.mobi_categori .categori_list .data {
display: block;
font-family: 'PT Sans', sans-serif;
font-size: 12px;
line-height: 25px;
color: #999999;
}
.mobi_categori .categori_list img {
margin: 5px auto 10px;
display: block;
}
.mobi_categori .categori_list .social_blocks .sosial_link {
width: 250px;
height: 75px;
margin: 0 auto;
display: block;
margin-bottom: 7px;
background: url(/local/templates/kk2018_new/./images/social_icon.png);
background-repeat: no-repeat;
}
.mobi_categori .categori_list .social_blocks .social_friends {
background-position: 0 -75px !important;
}
.mobi_categori .categori_list .social_blocks .social_facebook {
background-position: 0 -150px !important;
}
.mobi_categori .categori_list .social_blocks.social_vk {
background-position: 0 -225px !important;
}
.mobi_categori .categori_list_j {
display: block !important;
}
.mobi_categori .categori_list_j li {
padding: 0;
}
.mobi_categori .categori_list_j a {
line-height: 40px;
background: #fff;
color: #259bc6;
font-size: 14px;
font-family: 'PT Sans', sans-serif;
border-bottom: #ebebeb;
padding-left: 20px;
}
.mob_btn {
margin: 0 auto;
width: 250px;
display: block;
}
.categori_list .link_block {
width: 100%;
height: 65px;
margin-bottom: 8px;
padding: 11px 0 0 105px;
position: relative;
background: #cbebf3;
border-radius: 7px;
}
.categori_list .link_block:before {
content: '';
display: block;
position: absolute;
top: 5px;
left: 6px;
width: 95%;
height: 56px;
border-radius: 7px;
border: 1px dashed #93c8dd;
z-index: 10;
}
.categori_list .right_payment span {
font-family: 'PT Sans', sans-serif;
font-weight: bold;
font-size: 12px;
text-transform: uppercase;
}
.categori_list .link_block p {
font-family: 'PT Sans', sans-serif;
font-weight: bold;
font-size: 21px;
color: #259bc6;
}
.categori_list .right_payment:after {
content: '';
width: 62px;
height: 50px;
top: 14px;
left: 30px;
position: absolute;
background-image: url(/local/templates/kk2018_new/./images/right_sidebar_link.png);
background-repeat: no-repeat;
background-position: 0 -41px;
}
.block_tavar {
display: none;
height: auto;
}
.block_tavar li {
margin-bottom: 20px;
height: 117px;
list-style: none;
display: block;
float: none;
}
.block_tavar .block_img {
float: left;
width: 118px;
height: 115px;
margin-right: 13px;
border: 1px dashed #acddf3;
background: #fff;
}
.block_tavar .block_img img {
width: 100%;
height: 100%;
position: initial;
}
.block_tavar a {
font-family: 'PT Sans', sans-serif;
font-weight: bold;
font-size: 13px;
color: #000;
}
.block_tavar p {
padding-top: 20px;
margin-bottom: 20px;
display: inherit;
font-family: 'PT Sans', sans-serif;
font-size: 18px;
color: #ff0099;
}
.block_tavar .btn_bask {
display: -ms-flexbox;
display: flex;
float: left;
width: 160px;
height: 30px;
display: block;
background: url(/local/templates/kk2018_new/./images/basket_img.png);
}
.count {
padding: 0 15px;
width: 68%;
margin: 0 auto;
box-sizing: border-box;
}
.title_count {
margin-top: 35px;
text-transform: uppercase;
}
.brends {
margin-bottom: 20px;
padding: 0 20px 0 25px;
border-radius: 10px;
background: #fff;
}
.brends .title_brend {
margin-bottom: 15px;
font-family: 'PT Sans', sans-serif;
font-weight: bold;
font-size: 18px;
color: #333333;
}
/*.owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
position: absolute;
top: -3%;
width: 30px;
height: 100px;
transition: all 0.2 ease
}
.owl-carousel .owl-nav .owl-next::before, .owl-carousel .owl-nav .owl-prev::after {
position: absolute;
content: "";
left: 50%;
background: #259bc6;
width: 5px;
height: 50px;
-webkit-transform: skewX(25deg);
-moz-transform: skewX(25deg);
-ms-transform: skewX(25deg);
-o-transform: skewX(25deg);
transform: skewX(25deg);
}
.owl-carousel .owl-nav .owl-prev::before, .owl-carousel .owl-nav .owl-next::after {
position: absolute;
content: "";
left: 50%;
background:#259bc6;
width: 5px;
height: 50px;
-webkit-transform: skewX(-25deg);
-moz-transform: skewX(-25deg);
-ms-transform: skewX(-25deg);
-o-transform: skewX(-25deg);
transform: skewX(-25deg);
}
.owl-carousel .owl-nav .owl-prev {left: -25px;}
.owl-carousel .owl-nav .owl-next {right: -16px;}
.owl-carousel .owl-nav .owl-prev::before, .owl-carousel .owl-nav .owl-next::before {top: 0;}
.owl-carousel .owl-nav .owl-prev::after, .owl-carousel .owl-nav .owl-next::after {bottom: 0;}
.owl-carousel .owl-nav .owl-prev:hover::after, .owl-carousel .owl-nav .owl-next:hover::after,
.owl-carousel .owl-nav .owl-prev:hover::before, .owl-carousel .owl-nav .owl-next:hover::before {width: 6px;background: #ff0099;}
*/
.slider_brends {
padding: 0 15px;
}
.slider_brends .block_slide {
text-align: center;
}
.slider_brends .block_slide img {
display: block;
margin: 10px auto;
}
.slider_brends .block_slide p {
font-family: 'PT Sans', sans-serif;
font-size: 14px;
color: #333;
}
.slider_brends .inner_slider {
width: 120px;
}
.slider_brends .slick-prev, .slider_brends .slick-next {
z-index: 100;
width: 9px;
height: 15px;
background: url(/local/templates/kk2018_new/./images/big_arrow2.png);
}
.slider_brends .slick-prev:hover, .slider_brends .slick-next:hover {
background: url(/local/templates/kk2018_new/./images/big_arrow.png);
}
.slider_brends .slick-prev:before, .slider_brends .slick-next:before {
display: none;
}
.slider_brends .slick-next {
right: 10px;
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.slider_brends .slick-next:hover {
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
.slider_brends .slick-prev {
left: 10px;
}
.slider_brends .slick-prev:hover {
-ms-transform: rotate(180deg);
transform: rotate(180deg);
top: 46px;
}
.link_count {
width: 1150px;
margin: 0 auto;
}
.link_count .btn_info {
float: left;
margin: 0 5px;
width: 373px;
height: 43px;
display: block;
text-align: center;
padding-top: 13px;
font-family: 'PT Sans', sans-serif;
font-weight: bold;
font-size: 18px;
color: #259bc6;
background: #cbebf3;
position: relative;
}
.link_count .btn_info:hover {
color: #fff;
background: #fd8ecc;
}
.link_count .btn_info:after {
content: '';
display: block;
position: absolute;
top: 0;
right: 0;
width: 12px;
height: 12px;
background: url(/local/templates/kk2018_new/./images/cvad.png);
}
.count_filter {
float: left;
margin-top: 20px;
margin-left: 30px;
}
.count_filter p {
float: left;
font-family: 'PT Sans', sans-serif;
font-size: 13px;
color: #999;
margin-right: 5px;
}
.count_filter a {
font-family: 'PT Sans', sans-serif;
font-size: 13px;
color: #ff0099;
text-decoration: underline;
}
.top_lint {
overflow: hidden;
}
.bx_sort {
padding: 0;
margin: 0 0 28px 0;
}
.bx_sort a {
color: #ff0099;
padding: 0 5px;
}
.bx_sort a.active {
font-weight: bold;
}
.bx_sort a:hover {
text-decoration: underline;
}
.modern-page-navigation {
text-align: left;
}
.modern-page-navigation .modern-page-title {
display: none
}
.modern-page-navigation a {
color: #aaa;
}
.modern-page-navigation span.modern-page-current, .modern-page-navigation a:hover {
color: #ff0099;
}
.modern-page-navigation a.modern-page-next::after, .modern-page-navigation a.modern-page-previous::before {
content: '';
color: #ff0099;
margin: 3px 0 0 8px;
width: 12px;
height: 15px;
background-image: url(/local/templates/kk2018_new/./images/up-arrow.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
padding: 0 2px 0 3px;
font-weight: bold;
}
.modern-page-navigation a.modern-page-next:hover::after {
padding: 0 0 0 5px;
}
.modern-page-navigation a.modern-page-previous::before {
transform: rotate(180deg);
margin: 3px 8px 0 0;
}
.modern-page-navigation a.modern-page-previous:hover::before {
padding: 0 5px 0 0;
}
.top_ragination {
float: right;
margin-top: 20px;
margin-right: 45px;
}
.top_ragination li {
margin-right: 5px;
list-style: none;
display: inline-block;
}
.top_ragination li:last-child a {
position: relative;
}
.top_ragination li:last-child a:after {
content: '';
display: block;
position: absolute;
top: 8px;
right: -16px;
width: 10px;
height: 6px;
-ms-transform: rotate(90deg);
transform: rotate(90deg);
background-image: url(/local/templates/kk2018_new/./images/arow2.png);
background-size: 100%;
}
.top_ragination a {
font-family: 'PT Sans', sans-serif;
font-size: 13px;
color: #999999;
text-decoration: underline;
}
.top_ragination a:hover {
color: #ff0099;
}
.tavar_count {
overflow: hidden;
width: 1197px;
margin: 20px auto;
}
.tavar_count .list_prams {
float: left;
}
.tavar_count li:nth-child(4n) {
margin-right: 0;
}
.tavar_count .main_pagination {
width: 385px;
margin: 0 auto;
}
.tavar_count .main_pagination li {
margin: 5px;
list-style: none;
display: inline-block;
}
.tavar_count .main_pagination li:last-child a {
position: relative;
}
.tavar_count .main_pagination li:last-child a:after {
content: '';
display: block;
position: absolute;
top: 8px;
right: -16px;
width: 10px;
height: 6px;
-ms-transform: rotate(90deg);
transform: rotate(90deg);
background-image: url(/local/templates/kk2018_new/./images/arow2.png);
background-size: 100%;
}
.tavar_count .main_pagination li:first-child a {
position: relative;
}
.tavar_count .main_pagination li:first-child a:after {
content: '';
display: block;
position: absolute;
top: 8px;
left: -16px;
width: 10px;
height: 6px;
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
background-image: url(/local/templates/kk2018_new/./images/arow2.png);
background-size: 100%;
}
.tavar_count .main_pagination a {
font-family: 'PT Sans', sans-serif;
font-size: 14px;
color: #999999;
text-decoration: underline;
}
.tavar_count .main_pagination a:hover {
color: #ff0099;
}
.articles {
padding: 0 15px;
width: 68%;
margin: 0 auto;
box-sizing: border-box;
}
.title_article {
border-bottom: 1px dashed #d7d7d7;
margin-bottom: 30px;
padding: 0px 0 23px;
}
.title_article h1 {
text-align: center;
font-size: 21px;
font-family: 'PT Sans', sans-serif;
font-weight: bold;
color: #259bc6;
text-transform: uppercase;
}
.main_pagination {
width: 385px;
margin: 0 auto 20px;
}
.main_pagination li {
margin: 5px;
list-style: none;
display: inline-block;
}
.main_pagination li:last-child a {
position: relative;
}
.main_pagination li:last-child a:after {
content: '';
display: block;
position: absolute;
top: 8px;
right: -16px;
width: 10px;
height: 6px;
-ms-transform: rotate(90deg);
transform: rotate(90deg);
background-image: url(/local/templates/kk2018_new/./images/arow2.png);
background-size: 100%;
}
.main_pagination li:first-child a {
position: relative;
}
.main_pagination li:first-child a:after {
content: '';
display: block;
position: absolute;
top: 8px;
left: -16px;
width: 10px;
height: 6px;
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
background-image: url(/local/templates/kk2018_new/./images/arow2.png);
background-size: 100%;
}
.main_pagination a {
font-family: 'PT Sans', sans-serif;
font-size: 14px;
padding: 0;
background: transparent;
color: #999999;
text-decoration: underline;
}
.main_pagination a:hover {
color: #ff0099;
}
.list_artic {
padding: 17px 15px 15px 15px;
background: #fff;
border-radius: 10px;
margin-bottom: 20px;
border: 1px solid #f2f2f2;
box-sizing: border-box;
}
.list_artic .inner_text {
height: 70px;
overflow: hidden;
}
.list_artic .image_inner {
padding: 0;
margin: 0;
margin-right: 35px;
float: left;
width: 155px;
height: 142px;
border: 0;
background: transparent;
}
.list_artic .image_inner img {
width: 94%;
height: 96%;
}
.list_artic h4 {
font-family: 'PT Sans', sans-serif;
font-size: 14px;
color: #333333;
}
.list_artic .data {
display: block;
padding: 5px 0 12px 0;
font-family: 'PT Sans', sans-serif;
font-size: 12px;
color: #999;
}
.list_artic p {
line-height: 24px;
font-family: text_font;
font-size: 13px;
color: #333;
}
.list_artic .readall {
display: block;
background: transparent;
border: 0;
text-align: right;
font-family: 'PT Sans', sans-serif;
font-size: 14px;
color: #ff0099;
}
.list_artic .readall:hover {
background: transparent;
color: #259bc6;
}
.text_page {
padding: 0 15px;
width: 68%;
margin: 0 auto 20px;
box-sizing: border-box;
}
.text_page .slogan {
margin-top: 30px;
}
.text_page .slogan span {
font-family: 'PT Sans', sans-serif;
}
.main_text p {
line-height: 24px;
font-family: text_font;
font-size: 14px;
color: #333;
}
.main_text img {
margin: 10px;
max-width: 500px;
max-height: 500px;
width: auto;
height: auto;
float: right;
}
.motto_right, .motto_left {
margin-top: 40px;
padding-left: 15px;
padding-bottom: 10px;
margin-bottom: 20px;
border-left: 1px solid #fa98ce;
}
.motto_right p, .motto_left p {
padding: 8px 0 18px;
font-family: 'PT Sans', sans-serif;
font-weight: bold;
font-size: 14px;
color: #000;
}
.motto_right span, .motto_left span {
font-size: 14px;
color: #000;
}
.motto_right {
width: 100%;
padding-right: 15px;
text-align: right;
float: right;
border-left: 0;
border-right: 1px solid #fa98ce;
}
.offer h4, .offer2 h4, .offer3 h4 {
margin-top: 25px;
margin-bottom: 10px;
font-family: 'PT Sans', sans-serif;
font-weight: bold;
font-size: 16px;
color: #333;
}
.offer li, .offer2 li, .offer3 li {
list-style: none;
padding-left: 10px;
line-height: 30px;
font-family: 'PT Sans', sans-serif;
font-size: 14px;
color: #000;
position: relative;
}
.offer li:after, .offer2 li:after, .offer3 li:after {
content: '';
position: absolute;
width: 5px;
height: 5px;
top: 14px;
left: -2px;
display: block;
background: #259bc6;
border-radius: 50%;
}
.offer2 li:after {
background: #ff0099;
}
.offer3 h4 {
color: #259bc6;
}
.offer3 li {
padding-left: 30px;
}
.offer3 li:after {
top: 3px;
left: -5px;
width: 23px;
height: 24px;
background: url(/local/templates/kk2018_new/./images/yes.png);
background-repeat: no-repeat;
}
.articles_main {
padding: 0 15px;
width: 68%;
margin: 0 auto;
box-sizing: border-box;
position: relative;
}
.articles_main .contents {
padding: 0 20px;
}
.articles_main .contents .data {
margin-bottom: 30px;
padding-top: 10px;
font-family: 'PT Sans', sans-serif;
font-size: 12px;
color: #999;
}
.articles_main .contents img {
margin-bottom: 35px;
width: 100%;
border-radius: 10px;
border: 1px dashed #92cde7;
}
.articles_main .contents h4 {
margin-bottom: 20px;
font-family: 'PT Sans', sans-serif;
font-weight: bold;
font-size: 14px;
color: #333;
}
.articles_main .contents p {
text-indent: 15px;
line-height: 21px;
margin-bottom: 30px;
font-family: text_font;
font-size: 13px;
color: #333;
}
.btn_before {
position: absolute;
top: -25px;
right: 50px;
float: right;
font-family: 'PT Sans', sans-serif;
font-size: 13px;
color: #999;
}
.btn_before:after {
content: ' ←';
width: 10px;
position: absolute;
top: -1px;
left: -22px;
z-index: 0;
}
.list_articles {
margin-bottom: 10px;
}
.list_articles li {
list-style: none;
display: inline-block;
}
.list_articles a {
font-family: 'PT Sans', sans-serif;
font-size: 14px;
color: #999;
line-height: 43px;
background: #f0f0f0;
padding: 9px 25px;
margin-left: 5px;
border-radius: 3px;
}
.title_art {
padding-bottom: 10px;
}
.title_art h1 {
font-size: 21px;
}
#mob-filter .bx-sidebar-block, #mob-filter .bx_filter_section, #mob-filter .bx_filter {
height: 100%;
}
#mob-filter {
display: none;
}
#mob-filter.active {
display: block;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 999;
}
/*
================================================================================
| RIGHT_SIDEBAR |
================================================================================
*/
.main-template__heading, .general_text h2.main-template__heading {
color: #11627f;
font-size: 35px;
font-weight: 700;
line-height: 25px;
text-align: left;
margin: 0 0 32px 0;
}
.general_text h2.main-template__heading {
margin-top: 80px;
margin-bottom: 20px;
}
.bx_catalog_list_home.bx_blue {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
}
.link {
display: inline-block;
position: relative;
background-color: transparent;
border: 0;
}
.link:nth-last-child(2)::after {
display: none;
}
.link::after {
content: "|";
position: absolute;
font-size: 18px;
color: #8f8f8f;
right: -20px;
top: calc(50% - 10px);
}
.fast-links.row {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
width: 100%;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 0 35px 0;
}
.fast-links.row::before {
display: none;
}
.fast-links .link {
margin-right: 40px;
}
.fast-links .link:last-child {
margin-right: 0;
}
.fast-links .link a:hover {
color: #cd449c;
}
.fast-links .link a {
color: #8f8f8f;
font-size: 14px;
font-weight: 700;
line-height: 21px;
}
.fast-links .mob-filter {
display: inline-block;
float: right;
background: #259bc6;
position: relative;
padding: 5px 15px;
margin: 10px 15px 0 10px;
border-radius: 13px;
text-align: center;
box-shadow: -2px -2px 1px #00000021 inset;
transition: all 0.4s;
}
.fast-links .mob-filter a {
color: #fff;
font-family: 'PT Sans', sans-serif;
font-size: 15px;
line-height: 13px;
}
.fast-links .mob-filter.cancel-filter {
float: left;
background: transparent;
border: 1px solid #259bc6;
padding: 5px 20px 5px 5px;
}
.fast-links .mob-filter.cancel-filter::after {
content: "\2297";
color: #259bc6;
font-size: 17px;
position: absolute;
right: 3px;
top: 3px;
transition: all 0.3s ease;
}
.fast-links .mob-filter.cancel-filter:hover {
border-radius: 0;
background: #fff;
box-shadow: none;
}
.fast-links .mob-filter.cancel-filter:hover::after {
content: "\22A0";
transform: rotateY(180deg);
}
.fast-links .mob-filter.cancel-filter a {
color: #46aed8;
}
input#brandsearch {
width: 100%;
margin: 10px 0px -10px;
padding: 5px 6%;
border: 1px solid #c3e9f4;
border-radius: 20px;
box-shadow: none;
color: #259bc6;
background: url(/bitrix/templates/sonata/./images/search_icon.png);
background-repeat: no-repeat;
background-position: 97% 6px;
}
#subcategories {
max-height: 15000px;
overflow: hidden;
padding: 15px 0;
text-align: center;
transition: max-height 0.5s ease;
}
#subcategories.closed {
max-height: 380px;
}
#subcategories li {
display: inline-block;
margin: 0;
height: 70px;
}
.col-my-media {
float: left;
padding: 0 15px;
width: 50%;
}
#subcategories.closed li.col-my-media:nth-child(n+11) {
opacity: 0;
}
#subcategories li a {
display: inline-block;
padding: 0;
transition: transform 0.1s ease;
}
#subcategories li a:hover {
transform: scale(1.1);
}
#subcategories li a.bx_catalog_tile_title {
white-space: nowrap;
width: 100%;
text-align: center;
margin-top: 30px;
}
#subcategories li a.bx_catalog_tile_img {
background-size: contain;
background-repeat: no-repeat;
background-position: center;
width: 100%;
height: 70px;
}
.subcategories_bottom {
display: block;
margin-bottom: 20px;
width: 100%;
text-align: right;
}
.subcategories_bottom a {
border-bottom: 1px dashed #333;
}
.bx-sidebar-block.brends:hover {
border-color: #23527c
}
.salecat a {
color: #fff;
}
.salecat, .brandscat, .brandscat_b {
height: 65px;
box-shadow: 0 4px 10px 2px rgba(48, 83, 98, 0.2);
border-radius: 5px;
background-color: #f97fce;
padding: 0 2%;
position: relative;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
font-family: 'PT Sans', sans-serif;
font-weight: bold;
font-size: 18px;
color: #fff;
font-weight: bold;
text-transform: uppercase;
box-sizing: border-box;
}
.salecat {
margin-bottom: 20px;
background-color: #259bc6;
}
.brends .brends_title:hover a {
color: #fff;
}
.filter_table {
display: none;
box-sizing: border-box;
padding: 0 25px 10px 25px;
border-bottom: 1px solid #dfedf4;
}
.filter_table .col_header {
padding: 20px 0;
font-family: 'PT Sans', sans-serif;
font-weight: bold;
font-size: 14px;
color: #333333;
}
.filter_table a {
display: inline-block;
padding-right: 10px;
margin-bottom: 12px;
font-family: 'PT Sans', sans-serif;
font-size: 12px;
text-transform: uppercase;
color: #ff0099;
}
.filter_table a:hover {
color: #259bc6;
}
.brand_search {
position: relative;
}
.flag_filter {
overflow-x: hidden;
overflow-y: auto;
margin: 20px 20px;
width: 85%;
height: 545px;
}
.flag_filter li {
position: relative;
list-style: none;
margin-bottom: 20px;
padding-left: 15px;
text-align: left;
}
.flag_filter li i {
position: absolute;
top: 8px;
left: 0;
}
.flag_filter a {
display: block;
position: relative;
/*top: -4px;*/
padding-left: 10px;
font-family: 'PT Sans', sans-serif;
font-size: 14px;
color: #333333;
}
.flag_filter a.scroll:first-letter {
color: #ff0099;
font-weight: bold;
}
#chooose_letter {
position: absolute;
top: 0;
right: 18px;
width: 40px;
overflow-x: hidden;
height: 100%;
background: #fff;
overflow-y: auto;
}
#chooose_letter a {
display: block;
position: relative;
z-index: 10;
font-family: 'PT Sans', sans-serif;
font-weight: bold;
font-size: 22px;
line-height: 22px;
width: 28px;
height: 28px;
text-align: center;
padding: 2px;
border-radius: 50%;
color: #000100;
}
#chooose_letter a.active {
color: #ff0099;
}
#chooose_letter a:hover {
background: #cbebf3;
font-size: 24px;
/*padding: 4px;*/
}
#current_letter {
position: absolute;
top: 50%;
right: 20%;
}
#current_letter span {
display: block;
font-family: 'PT Sans', sans-serif;
font-weight: bold;
font-size: 26px;
line-height: 28px;
width: 40px;
height: 40px;
text-align: center;
padding: 5px;
border-radius: 50%;
background: #ff0099;
color: #fff;
}
#current_letter span::after {
content: "";
position: absolute;
right: 7px;
top: -12px;
border-top: 16px solid transparent;
border-left: 31px solid #ff0099;
border-bottom: 16px solid transparent;
margin: 16px -30px 0 0;
}
/*#current_letter a.active {
background: #cbebf3;
color: transpatent;
}
#current_letter a.active::after{
border-left-color: #cbebf3;
}
/*#current_letter a.active::before{
content: "X";
}*/
/*mister scrollolo*/
#chooose_letter::-webkit-scrollbar, .flag_filter::-webkit-scrollbar, #thumbNav::-webkit-scrollbar {
width: 3px;
}
#chooose_letter::-webkit-scrollbar-track, .flag_filter::-webkit-scrollbar-track, #thumbNav::-webkit-scrollbar-track {
background: #e8e8e8;
}
#chooose_letter::-webkit-scrollbar-thumb, .flag_filter::-webkit-scrollbar-thumb, #thumbNav::-webkit-scrollbar-thumb {
background-color: #7cc8e9;
}
.right_baner_action {
width: 100%;
margin-top: 23px;
padding: 20px;
padding-top: 10px;
position: relative;
background: url(/local/templates/kk2018_new/./images/right_baner.png);
background-size: cover;
}
.right_baner_action:before {
content: '';
display: block;
width: 95%;
height: 97%;
position: absolute;
margin: 0 1px;
top: 6px;
left: 5px;
border: 1px dashed #8bcae6;
border-radius: 10px;
z-index: 0;
}
.right_baner_action img {
display: block;
text-align: right;
padding: 0 0 15px 60px;
clear: both;
}
.right_baner_action:after {
content: '';
width: 83px;
height: 82px;
position: absolute;
top: 0px;
left: 0px;
background-image: url(/local/templates/kk2018_new/./images/seil.png);
background-repeat: no-repeat;
}
.right_baner_action h3 {
line-height: 23px;
margin-bottom: 15px;
font-family: 'PT Sans', sans-serif;
font-size: 18px;
color: #333333;
}
.right_baner_action p {
margin-bottom: 20px;
font-family: text_font;
font-size: 13px;
color: #333;
}
.right_baner_action a {
position: relative;
z-index: 2;
font-family: 'PT Sans', sans-serif;
font-size: 14px;
color: #ff0099;
}
.right_baner_action a:hover {
color: #259bc6;
}
.right_baner_seil {
margin-top: 25px;
padding: 20px;
position: relative;
border: 1px dashed #ff0099;
border-radius: 10px;
}
.right_baner_seil:after {
content: '';
width: 56px;
height: 55px;
position: absolute;
top: -1px;
right: -1px;
background-image: url(/local/templates/kk2018_new/./images/action.png);
background-repeat: no-repeat;
}
.right_baner_seil:before {
content: '-20%';
position: absolute;
top: 12px;
right: 3px;
font-family: 'PT Sans', sans-serif;
font-size: 14px;
color: #fff;
z-index: 10;
-ms-transform: rotate(40deg);
transform: rotate(40deg);
}
.right_baner_seil h4 {
line-height: 24px;
margin-bottom: 15px;
font-family: 'PT Sans', sans-serif;
font-weight: bold;
font-size: 16px;
color: #333333;
}
.right_baner_seil p {
margin-bottom: 20px;
font-family: text_font;
font-size: 13px;
color: #333;
}
.right_baner_seil a {
position: relative;
z-index: 2;
font-family: 'PT Sans', sans-serif;
font-size: 14px;
color: #ff0099;
}
.right_baner_seil a:hover {
color: #259bc6;
}
/*
================================================================================
| FOOTER |
================================================================================
*/
footer {
/*height: 316px;*/
width: 100%;
min-width: 240px;
text-align: left;
z-index: 100;
position: relative;
margin-top: 20px;
/*background-image: url(/local/templates/kk2018_new/./images/footer_bg.gif);*/
background-color: #28a6d4;
-webkit-background-size: cover;
background-size: cover;
background-position: center;
}
.social__footer, .social__header {
display: flex;
justify-content: flex-start;
}
.social__header ul {
display: block;
margin-bottom: 2px;
margin-left: 12px;
}
.social__header li {
display: inline-block;
max-width: 34px;
max-height: 34px;
margin-right: 10px;
}
.social__header li:last-child {
margin-right: 0;
}
.social__footer ul {
display: block;
}
.social__footer li {
max-width: 40px;
max-height: 40px;
display: inline-block;
margin-right: 10px;
}
.social__footer ul:last-child {
margin-right: 0;
}
footer .bottom_line {
width: 100%;
padding: 15px;
padding-bottom: 10px;
position: absolute;
bottom: 0;
background: #78c0dd;
}
footer .bottom_line p {
margin-top: -33px;
top: -5px;
position: relative;
float: right;
font-family: 'PT Sans', sans-serif;
font-size: 13px;
color: #fff;
}
footer .footer_logo {
float: left;
}
.footer_navigation, .wrapper.footer_navigation {
padding: 55px 15px 25px 15px;
}
.footer_navigation ul {
display: inline-block;
}
.footer_navigation li, .footer_navigation a, .footer_navigation p {
list-style: none;
font-family: 'PT Sans', sans-serif;
color: #fff;
text-align: left;
}
.footer-text {
font-size: 18px;
line-height: 23px;
}
.footer_block a {
color: #ffffff;
font-size: 18px;
font-weight: 400;
line-height: 23px;
}
.footer_navigation li {
margin-bottom: 15px;
}
.footer_phone {
display: inline-block;
}
.footer-heading {
display: block;
color: #ffffff;
font-size: 18px;
font-weight: 700;
line-height: 23px;
margin-bottom: 5px;
}
.footer-text--bottom p {
margin-bottom: 0 0 30px 0;
}
.footer_phone, .footer_address {
position: relative;
}
.footer_phone p {
font-size: 12px;
line-height: 20px;
white-space: nowrap;
margin: 0;
}
.footer_phone a {
color: #ffffff;
font-size: 18px;
line-height: 23px;
}
.footer_copyright p {
color: #fefefe;
white-space: nowrap;
margin: 0;
font-size: 12px;
height: 30px;
line-height: 30px;
}
.footer_ref {
display: block;
margin: 0 auto;
width: 10%;
}
.mobil_links {
display: none;
}
.mobil_links a {
line-height: 60px;
display: block;
position: relative;
color: #fff;
font-size: 14px;
font-family: 'PT Sans', sans-serif;
}
.mobil_links .line_dashed:after {
content: '';
display: block;
width: 110%;
height: 1px;
position: absolute;
margin: 0 1px;
top: 3px;
left: -19px;
border-bottom: 1px dashed #259bc6;
}
.mobil_links:after {
content: '';
display: block;
width: 100%;
height: 1px;
position: absolute;
margin: 0 1px;
top: 4px;
left: 0;
border-bottom: 1px dashed #259bc6;
}
.mobil_links:before {
content: '';
display: block;
width: 100%;
height: 1px;
position: absolute;
bottom: 4px;
left: 0;
border-bottom: 1px dashed #259bc6;
z-index: 10;
}
.affix {
bottom: 0;
background: #ded9d9;
opacity: 0.7;
padding: 10px 15px;
right: 0;
}
.affix a {
color: #000100;
}
p.offerta {
margin: 0;
font-size: 11px;
line-height: 15px;
text-align: center;
padding-bottom: 15px;
box-sizing: border-box;
color: #fff;
}
.right-article__sidebar {
margin-top: 30px;
padding: 20px 30px 30px 30px;
box-sizing: border-box;
box-shadow: 0 4px 10px 2px rgba(48, 83, 98, 0.2);
border-radius: 5px;
border: 1px dashed #259bc6;
background-color: #ffffff;
}
/*
================================================================================
| CONTENT |
================================================================================
*/
.content {
width: 100%;
min-width: 320px;
position: relative;
}
/*
.ptit_fuxk{
text-align: center;
padding-bottom: 20px;
border-bottom: 1px dashed #d7d7d7; }
.ptit_fuxk h1 {
font-family: 'PT Sans', sans-serif;
fwb
font-size: 25px;
margin-top: 0;
color: #259bc6; }
.ptit_fuxk h2{
margin: 20px 0 0;
padding-bottom: 15px;
text-align: center;
font-family: 'PT Sans', sans-serif;
fwb
font-size: 23px;
color: #259bc6;
text-transform: uppercase;
border-bottom: 1px dashed #d7d7d7;
}
*/
.page_title {
text-align: center;
padding-bottom: 20px;
border-bottom: 1px dashed #d7d7d7;
}
.page_title h1 {
font-family: 'PT Sans', sans-serif;
font-weight: bold;
font-size: 25px;
margin-top: 0;
color: #259bc6;
}
.pagetitle h2 {
margin: 20px 0 0;
padding-bottom: 15px;
text-align: center;
font-family: 'PT Sans', sans-serif;
font-weight: bold;
font-size: 23px;
color: #259bc6;
text-transform: uppercase;
border-bottom: 1px dashed #d7d7d7;
}
/*
================================================================================
| КАРТОЧКА ТОВАРА |
================================================================================
*/
.sales-block__detail .stock_links{
min-height: initial;
}
.sales-block__detail{
max-width: 400px;
}
.stock_links a{
text-align: center;
max-width: 120px;
margin: auto;
padding: 5px 10px 5px 10px;
}
.stock_text, .stock_text h2, .stock_links a{
font-family: 'PT Sans', sans-serif !important;
}
.bx_item_detail .item_old_price {
padding: 0;
}
.bx_item_detail .item_info_section {
margin: 0;
}
.bx_item_detail .block_img_prew .bx-controls-direction .bx-prev{
top: 9px !important;
}
.bx_item_detail .bx-controls-direction .bx-prev, .bx_item_detail .bx-controls-direction .bx-next {
right: 0 !important;
}
.bx_item_detail .m_pic .bx-controls {
height: 355px;
left: 50%;
}
.m_pic_thumbs {
padding: 0;
max-height: 375px;
min-height: 375px;
overflow: hidden;
min-width: 120px;
max-width: 120px;
}
.m_pic_thumbs div.bx-wrapper1 .item, .m_pic_thumbs div.bx-wrapper1 {
border: 0;
}
.m_pic_thumbs div.bx-wrapper1 {
background-color: transparent;
box-shadow: none;
}
a[href="#photoZoom"] img {
max-width: 100%;
max-height: 100%;
}
a[href="#photoZoom"] {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-ms-align-items: center;
align-items: center;
justify-content: center;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
height: 100%;
margin: 0;
}
.m_pic_pic0, #main_picture {
padding: 0;
max-width: calc(100% - 160px);
}
#thumbs .imgavailability {
position: absolute;
left: 5px;
top: 7px;
}
#thumbs span.number {
text-align: left;
font-family: 'PT Sans', sans-serif;
font-size: 12px;
line-height: 20px;
color: #475054;
display: block;
width: 100%;
position: relative;
top: 0;
left: 0;
}
#previews li {
list-style-type: none;
}
/*#previews img {
width: 100%;}*/
.newsidebar {
position: relative !important;
}
.cart_tovar {
padding: 0 15px;
width: 68%;
margin: 0 auto;
box-sizing: border-box;
}
.link_line {
padding-left: 3px;
border: 1px solid #dfedf4;
}
.link_line li {
list-style: none;
display: inline-block;
line-height: 31px;
position: relative;
margin-left: 10px;
}
.link_line li:after {
content: '»';
display: block;
position: absolute;
top: 0;
right: -10px;
font-family: 'PT Sans', sans-serif;
font-size: 12px;
color: #999999;
}
.link_line li:last-child:after {
display: none;
}
.link_line li a {
font-family: 'PT Sans', sans-serif;
font-size: 12px;
color: #999999;
}
.link_line li a:hover {}
.link_line li .active {
color: #ff0099;
}
.bx_item_detail .colour {
color: #11627f;
font-size: 25px;
font-weight: 700;
margin-bottom: 20px;
}
@modal-backdrop-bg: #F00;
@modal-backdrop-opacity: 0.1;
.m_pic {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: space-between;
position: relative;
margin-top: 0;
margin-bottom: 25px;
width: 100%;
padding: 10px 0;
text-align: center;
background: #fff;
overflow: hidden;
}
#thumbs2 {
list-style-type: none;
height: 400px;
}
.m_pic_thumbs {
float: none;
}
div.bx-wrapper1 {
margin-bottom: 0;
}
div.bx-wrapper1 .item {
border: 2px solid transparent !important;
box-sizing: border-box;
}
div.bx-wrapper1 .item.active {
border: 2px solid #ff0099 !important;
}
#thumbs li>a {
margin-bottom: 5px;
/*min-height: inherit !important;*/
}
#main_picture:after {
content: '';
pointer-events: none;
width: 25px;
height: 25px;
position: absolute;
bottom: 20px;
right: 25px;
background-image: url(/local/templates/kk2018_new/./images/loop_icon.png);
}
#photoZoom .offerName {
text-align: left;
font-size: 14px;
font-family: 'PT Sans', sans-serif;
color: #333333;
}
#photoZoom .offerName span {
font-family: 'PT Sans', sans-serif;
}
#photoZoom .item_cur_price {
text-align: left;
font-size: 20px;
font-family: 'PT Sans', sans-serif;
color: #ff0099;
line-height: 22px;
margin: 10px 0 10px;
}
#photoZoom .item_cur_price span {
font-family: 'PT Sans', sans-serif;
font-size: 14px;
margin-right: 6px;
}
#photoZoom .inCart {
border-radius: 50px;
max-width: 50%;
min-width: 200px;
margin: 0 auto;
display: block;
border: none;
height: 39px;
line-height: 39px;
font-size: 14px;
text-align: center;
font-family: 'PT Sans', sans-serif;
color: #fff;
background: linear-gradient(2deg, #ff2da2 0%, #ff61b9 100%);
text-transform: uppercase;
transition: all 0.3s ease;
}
#photoZoom .inCart:hover {
min-width: 220px;
max-width: 60%;
}
#thumbNav {
position: relative;
max-height: 600px;
overflow-x: hidden;
overflow-y: auto;
}
#zoomCarousel img {
margin: 0 auto;
max-height: 600px;
}
#zoomCarousel .carousel-control {
background: rgba(255, 255, 255, 0.3);
}
#zoomCarousel .carousel-control.left::before {
content: '\003c';
}
#zoomCarousel .carousel-control.right::before {
content: '\003e';
}
#zoomCarousel .carousel-control::before {
display: block;
margin: 120px 25% 0;
width: 50%;
height: 50%;
width: 30px;
height: 30px;
font-size: 20px;
line-height: 23px;
font-family: 'PT Sans', sans-serif;
text-shadow: none;
border: 2px solid #ff0099;
color: #ff0099;
border-radius: 50%;
left: 50%;
top: 50%;
position: relative;
margin-top: -15px;
margin-left: -15px;
}
#zoomCarousel .carousel-control:hover::before {
color: #fff;
background: #ff0099;
}
.popup-window {
z-index: 11000!important;
}
/******************************************************************
* markers *
******************************************************************/
.cart_action {
position: relative;
}
.cart_action:before {
position: absolute;
content: '';
width: 56px;
height: 55px;
float: right;
/*background-image: url(/local/templates/kk2018_new/../image/action_cont.png);*/
background-repeat: no-repeat;
}
.fpc_page-tip:before, .fpc_page-tip:after {
background-color: #FFF;
position: absolute;
display: block;
z-index: 2;
border-top-right-radius: 60%;
width: 50%;
height: 50%;
content: "";
}
.fpc_page-tip:before {
right: 100%;
top: 0%;
background: -webkit-radial-gradient(-180% 200%, circle, rgba(255, 255, 255, 0) 85%, rgba(0, 0, 0, .1) 93%);
}
.cart_action:hover .fpc_page-tip:before {
border-right: solid 1px #fff;
}
.cart_action .fpc_corner-box:hover .fpc_page-tip:before {
border-right: solid 2px #fff;
}
.fpc_page-tip:after {
top: 100%;
right: 0%;
background: -webkit-radial-gradient(-250% 320%, circle, rgba(255, 255, 255, 0) 85%, rgba(0, 0, 0, .10) 93%);
}
.cart_action:hover .fpc_page-tip:after {
border-top: solid 1px #fff;
}
.cart_action .fpc_corner-box:hover .fpc_page-tip:after {
border-top: solid 2px #fff;
}
.fpc_corner-box {
height: 30px;
width: 30px;
right: 0;
top: 0;
position: absolute;
overflow: visible;
z-index: 100;
}
/*.cart_action_hits:hover .fpc_corner-box { // edit corner size (First animation, when the whole page is rollovered)
height: 50px;
width: 50px;
}*/
.cart_action:hover .fpc_corner-box {
/*.cart_action_hits div.fpc_corner-box:hover { /* edit corner size (Second animation, when the corner itself is rollovered) */
height: 60px;
width: 60px;
}
.fpc_corner-box:before {
position: absolute;
top: 0;
right: 0;
content: "";
display: block;
width: 133%;
height: 133%;
}
.fpc_corner-contents:after {
position: absolute;
top: 0;
right: 0;
content: "";
background: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0) 37%, #DDD 62%, rgba(230, 230, 230, 0.1) 64%, rgba(255, 255, 255, 0) 67%), -webkit-radial-gradient(-50% 150%, circle, transparent 74%, rgba(0, 0, 0, 0.2) 74%, transparent 81%);
display: block;
width: 133%;
height: 133%;
}
.fpc_page-tip {
position: absolute;
top: 0;
right: 0;
content: "";
background: -webkit-linear-gradient(45deg, #ddd 17%, #dfdfdf 18%, #f5f5f5 30%, #f8f8f8 34%, #eee 39%, rgba(200, 200, 200, 0) 41%);
/*grey*/
box-shadow: -2px 2px 0px 0px rgba(255, 255, 255, 0.9);
display: block;
width: 100%;
height: 100%;
}
.cart_hits .fpc_page-tip {
background: -webkit-linear-gradient(45deg, #ffcd9e 17%, #ffcea0 18%, #fbbc80 30%, #f9ad65 34%, #f69e48 39%, rgba(246, 158, 72, 0) 41%);
/*orange*/
}
.cart_new .fpc_page-tip {
background: -webkit-linear-gradient(45deg, #a1e8c0 17%, #a1e8c0 18%, #99e3b9 30%, #8cdeb0 34%, #6bd399 39%, rgba(106, 211, 152, 0) 41%);
/*green*/
}
.cart_percent .fpc_page-tip {
background: -webkit-linear-gradient(45deg, #fe9fd4 17%, #fea1d5 18%, #f975bf 30%, #f567b7 34%, #f55fb3 39%, rgba(255, 96, 185, 0) 41%);
/*pink*/
}
.cart_gift .fpc_page-tip {
background: -webkit-linear-gradient(45deg, #84cfef 17%, #86d2f3 18%, #80c9e8 30%, #7abfdc 34%, #68a4bd 39%, rgba(122, 193, 223, 0) 41%);
/*blue*/
}
.fpc_corner-button {
position: absolute;
top: 0;
right: 0;
transform: rotate(45deg);
color: #fff;
font-family: 'PT Sans', sans-serif;
text-align: center;
padding: 8px 6px;
display: inline-block;
font-size: 11px;
transition: all 0.3s ease;
}
.cart_action:hover .fpc_corner-button {
font-size: 12px;
transform: rotate(0);
}
.fpc_corner-button.percent {
font-size: 13px;
padding: 9px 2px;
}
.cart_action:hover .fpc_corner-button.percent {
font-size: 15px;
padding: 9px 6px;
}
.fpc_corner-contents {
width: 125%;
position: absolute;
display: block;
overflow: hidden;
-webkit-mask: -webkit-linear-gradient(45deg, transparent 49%, #000 53%);
/*grey*/
top: 0;
right: 0;
height: 125%;
}
.cart_hits .fpc_corner-contents {
-webkit-mask: -webkit-linear-gradient(45deg, transparent 49%, #ffc05b 53%);
/*orange*/
}
.cart_new .fpc_corner-contents {
-webkit-mask: -webkit-linear-gradient(45deg, transparent 49%, #71d29c 53%);
/*green*/
}
.cart_percent .fpc_corner-contents {
-webkit-mask: -webkit-linear-gradient(45deg, transparent 49%, #ff60b9 53%);
/*pink*/
}
.cart_gift .fpc_corner-contents {
-webkit-mask: -webkit-linear-gradient(45deg, transparent 49%, #7ac1df 53%);
/*blue*/
}
.fpc_corner-contents:before {
content: "";
position: absolute;
top: 0;
right: 0;
content: "";
display: block;
width: 100%;
height: 100%;
background-color: #eeeef4;
/*цвет фона grey*/
}
.cart_hits .fpc_corner-contents:before {
background-color: #ffc05b;
/*orange*/
}
.cart_new .fpc_corner-contents:before {
background-color: #71d29c;
/*green*/
}
.cart_percent .fpc_corner-contents:before {
background-color: #ff60b9;
/*pink*/
}
.cart_gift .fpc_corner-contents:before {
background-color: #7ac1df;
/*blue*/
}
.fpc_corner-box, .fpc_corner-contents, .fpc_page-tip {
-webkit-transition-property: all;
-webkit-transition-duration: .3s;
-webkit-transition-timing-function: cubic-bezier(0, 0.35, .5, 1.7);
}
.fpc_corner-button strong {
font-size: 13px;
font-weight: bold;
display: block;
}
.pic-gift {
background: url("/local/templates/kk2018_new/./images/gift1.png");
padding: 0 8px;
background-size: cover;
}
.cart_action:hover .pic-gift {
display: none;
}
.text-gift {
font-family: 'PT Sans', sans-serif;
display: none;
}
.cart_action:hover .text-gift {
display: inherit;
}
.in_showroom {
position: absolute;
top: -5px;
left: -10px;
width: 50px;
height: 50px;
display: flex;
border-radius: 25px;
padding: 5px 10px;
text-align: center;
background: url("/local/templates/kk2018_new/./images/showr.png") no-repeat #cbebf3 center / 25px;
transition: width 0.4s, background-url 0.3s;
z-index: 99;
}
.in_showroom:after {
content: "";
position: absolute;
top: 2px;
left: 2px;
bottom: 2px;
right: 2px;
border-radius: 22px;
border: 1px dashed #fff;
}
.in_showroom span {
color: transparent;
font-family: 'PT Sans', sans-serif;
transition: color 0s;
margin: auto;
}
.item .in_showroom {
width: 30px;
height: 30px;
position: absolute;
top: -3px;
left: -3px;
border-radius: 15px;
border: 1px solid #5cb1d4;
background-size: 81%;
background-position: center;
}
.item .in_showroom span {
font-family: 'PT Sans', sans-serif;
font-size: 11px;
}
.bx_catalog_item_container:hover .in_showroom.prod, .in_showroom:hover {
background: #cbebf3;
width: 100%;
max-width: 150px;
}
.item:hover .in_showroom, .select_js_ulli:hover span.inshwr {
transform: scale(1.1);
border: 1px solid #67c100;
}
.bx_catalog_item_container:hover .in_showroom.prod span, .in_showroom:hover span {
color: #23527c;
transition: color 0s 0.2s
}
.item:hover .in_showroom span {
white-space: nowrap;
position: absolute;
top: -8px;
left: 25px;
color: #67c100;
}
.item .in_showroom:hover span {
top: 2px;
}
.select_js_ulli .select_ico_text2 p {
white-space: nowrap;
}
.select_js_ulli span.inshwr {
display: inline-block;
white-space: nowrap;
border-radius: 50%;
background: url("/local/templates/kk2018_new/./images/showr.png") no-repeat #cbebf3 center / 81%;
width: 30px;
height: 30px;
line-height: 30px;
margin: 0 10px 0 -40px;
;
color: transparent;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * *
* forms
* * * * * * * * * * * * * * * * * * * * * * * * * * */
#RecallPopup {
background: #e2f4f8;
padding: 0 50px;
border-radius: 4px;
}
.autorize.modal-dialog {
width: 300px;
}
.autorize .modal-content {
background: #e2f4f8;
padding: 0 10px;
border-radius: 4px;
width: 300px;
}
.autorize .modal-header {
background: url(/bitrix/templates/sonata/images/logos.png) no-repeat center 118%/ 26%;
padding-bottom: 80px;
border: none;
}
#RecallPopup .popup-window-content {
background: none;
}
.bx_popup_form form h2 {
margin-top: 20px;
text-align: center;
font-family: 'PT Sans', sans-serif;
font-weight: bold;
font-size: 25px;
color: #259bc6;
text-transform: uppercase;
}
.autorize h2 {
margin-top: 10px;
text-align: center;
font-family: 'PT Sans', sans-serif;
font-weight: bold;
font-size: 20px;
color: #259bc6;
text-transform: uppercase;
}
.bx_popup_form form p.descr {
text-align: center;
margin-bottom: 10px;
display: block;
padding-bottom: 15px;
font-family: 'PT Sans', sans-serif;
font-size: 14px;
color: #15a4c4;
border-bottom: 1px solid #d0ebf1;
}
.bx_popup_form .row {
margin: 10px 0;
display: flex;
}
.autorize .row {
margin: 10px 0;
}
.bx_popup_form input[type="text"], .bx_popup_form textarea, .autorize form input[type="text"], .autorize form input[type="password"] {
border: 0;
font-family: 'PT Sans', sans-serif;
border-radius: 3px;
padding: 0 20px;
width: 100%;
background: #f8f8f8;
}
.autorize form input[type="text"], .autorize form input[type="password"] {
padding: 12px;
}
.bx_popup_form input:focus, .bx_popup_form textarea:focus, .autorize form input[type="text"]:focus, .autorize form input[type="password"]:focus {
background: #fff;
}
.autorize form label, .autorize form a {
font-family: 'PT Sans', sans-serif;
color: #15a4c4;
}
.autorize form a {
display: block;
text-align: center;
}
.autorize form label:hover, .autorize form a:hover {
text-decoration: underline;
}
.bx_popup_form input[type="text"] {
height: 35px;
}
.bx_popup_form textarea {
padding: 10px 20px;
}
.bx_popup_form label {
margin: auto 0;
text-align: right;
}
.text-center {
text-align: center;
}
.bx_popup_form p.text-center {
margin: auto;
}
.bx_popup_form input[type="submit"], .autorize form input[type="submit"] {
display: block;
width: 85%;
text-align: center;
font-family: 'PT Sans', sans-serif;
color: #fff;
border: none;
text-transform: uppercase;
background: linear-gradient(2deg, #ff2da2 0%, #ff61b9 100%);
transition: width 0.5s ease;
}
.bx_popup_form input[type="submit"]:hover, .autorize form input[type="submit"]:hover {
width: 90%;
}
.bx_popup_form input[type="submit"] {
height: 50px;
margin: 20px auto 40px;
font-size: 16px;
border-radius: 50px;
}
.bx_popup_form .main-user-consent-request {
text-align: left;
max-width: 500px;
font-size: smaller;
font-weight: normal;
color: #333;
}
.main-user-consent-request a {
color: #000100;
}
.feedback-footer__container {
max-width: 450px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column;
padding: 45px 75px;
box-sizing: border-box;
box-shadow: 0 4px 10px 2px rgba(48, 83, 98, 0.2);
border-radius: 15px;
background-color: #ffffff;
}
.feedback-footer__header {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column;
}
.total-price__basket {
font-size: 15px;
margin-top: 5px;
display: inline-block;
}
.feedback-footer__header-heading {
color: #11627f;
font-size: 30px;
font-weight: 700;
line-height: 25px;
text-align: center;
margin-bottom: 15px;
}
.feedback-footer__header-subheading {
color: #012b3a;
font-size: 17px;
font-weight: 400;
line-height: 23px;
text-align: center;
font-weight: 400;
margin-bottom: 40px;
}
.color-purple {
color: #cd449c;
}
.cstm-input__main {
border: 0;
padding: 10px 15px;
box-sizing: border-box;
border-bottom: 1px solid #949494;
color: #01384c;
font-size: 20px;
font-weight: 700;
line-height: 23px;
}
.cstm-input__main::placeholder {
color: #686767;
font-size: 20px;
font-weight: 400;
}
.cstm-textarea__main {
height: 70px;
border: 0;
padding: 10px 15px;
box-sizing: border-box;
border-bottom: 1px solid #949494;
color: #01384c;
font-size: 20px;
resize: none;
font-weight: 700;
line-height: 23px;
}
.cstm-textarea__main::placeholder {
color: #686767;
font-size: 20px;
font-weight: 400;
}
.feedback-footer__btn {
width: 100%;
margin: 37px auto 0 auto;
}
.footer_copyright {
width: 100%;
display: block;
}
.feedback-footer__btn button {
width: 100%;
}
.feedback-footer__input input, .feedback-footer__input textarea {
width: 100%;
}
.feedback-footer__input input {
margin-bottom: 20px;
}
.btn-cstm__main {
border: 0;
box-shadow: none;
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flex;
display: -o-inline-flex;
display: inline-flex;
-ms-align-items: center;
align-items: center;
justify-content: center;
height: 50px;
border-radius: 25px;
background-color: #cd449c;
color: #ffffff;
font-size: 18px;
font-weight: 400;
line-height: 23px;
}
.feedback-footer__header-subheading .autorize form input[type="submit"] {
height: 30px;
margin: 0 auto;
font-size: 12px;
border-radius: 30px;
}
.popup-window-with-titlebar {
/*padding: 20px 20px 10px;*/
min-width: 500px;
max-width: 800px;
border-radius: 4px;
}
.popup-window-with-titlebar .popup-window-titlebar {
text-align: center;
margin-top: 10px;
}
.popup-window-with-titlebar .popup-window-titlebar-text {
font-family: 'PT Sans', sans-serif;
font-weight: bold;
font-size: 15px;
text-transform: uppercase;
color: #259bc6;
}
.popup-window-close-icon:after {
background-image: url(/local/templates/kk2018_new/images/clear.png);
width: 18px;
height: 18px;
}
.popup-window-buttons .bx_bt_button {
border-radius: 50px;
width: 80%;
display: inline-block;
border: none;
height: 39px;
line-height: 39px;
font-size: 13px;
text-align: center;
font-family: 'PT Sans', sans-serif;
color: #fff;
cursor: pointer;
background: linear-gradient(2deg, #ff2da2 0%, #ff61b9 100%);
text-transform: uppercase;
}
.popup-window-buttons .bx_bt_button {
color: #fff;
border: 1px solid #fff;
background: linear-gradient(2deg, #ff2da2 0%, #ff61b9 100%);
transition: width 0.3s ease;
}
.popup-window-buttons .bx_bt_button:hover {
width: 90%;
}
.popup-window-buttons .cancel .bx_bt_button {
color: #ff2da2;
border: 1px solid #ff2da2;
background: #fff;
}
.cart_slider_list {
overflow: hidden;
padding: 0 5px;
height: 125px;
}
.cart_slider_list .slick-current .list_block {
border: 1px solid #ff0099;
}
.cart_slider_list .slick-slide {
box-sizing: border-box;
}
.cart_slider_list .list_block {
text-align: center;
background: #fff;
width: 90px;
height: 125px;
}
.cart_slider_list .list_block:hover {
border: 1px solid #ff0099;
}
.cart_slider_list .list_block .namber {
padding-top: 3px;
display: block;
font-family: 'PT Sans', sans-serif;
font-size: 14px;
color: #333333;
}
.cart_slider_list .list_block .name {}
.cart_slider_list .list_block .block_img {
width: 90px;
height: 93px;
border-bottom: 1px solid #f5f5f5;
}
.cart_slider_list .list_block img {
width: 96%;
height: 100%;
}
.form-control {
display: inline-block;
width: auto;
}
.form-control.transparent {
border-color: transparent;
background-color: transparent;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
}
.select_js_title {
max-width: 237px;
}
.select_js_title_ins.transparent {
background-color: transparent;
cursor: auto;
}
.item_sku {
min-height: 40px;
}
/*TODO clean this block*/
.subright .filter {
margin-top: 15px;
float: left;
}
.subright .filter p {
position: relative;
top: -5px;
}
.subright .filten_color {
margin-right: 35px;
}
.subright .text {
width: 200px;
height: 30px;
background: #fff;
padding-left: 13px;
line-height: 30px;
font-family: 'PT Sans', sans-serif;
font-size: 14px;
color: #333;
position: relative;
}
.subright .text:before {
content: '';
display: block;
position: absolute;
top: 6px;
right: 10px;
width: 10px;
height: 12px;
-ms-transform: rotate(180deg);
transform: rotate(180deg);
background-image: url(/local/templates/kk2018_new/./images/arow2.png);
background-size: 100%;
background-repeat: no-repeat;
}
.subright .btn_acr {
width: 175px;
height: 40px;
line-height: 40px;
display: block;
font-family: 'PT Sans', sans-serif;
font-size: 14px;
color: #fff;
text-transform: uppercase;
border-radius: 50px;
text-align: center;
}
.subright .bet_arder {
background: linear-gradient(2deg, #ff2da2 0%, #ff61b9 100%);
float: left;
}
.subright .bet_arder_one {
float: right;
background: linear-gradient(#85c7e2 0%, #57aed3 100%);
}
.subright .order_call {
font-family: 'PT Sans', sans-serif;
font-size: 14px;
color: #ff0099;
}
.subright .order_call:hover {
font-weight: bold;
}
.carts_link {
float: right;
margin-top: -8px;
margin-right: 35px;
}
.carts_link li {
list-style: none;
display: inline-block;
position: relative;
margin-left: -6px;
}
.carts_link li:last-child:after {
content: '';
position: absolute;
display: block;
top: 0px;
right: -34px;
width: 30px;
height: 29px;
background: url(/local/templates/kk2018_new/./images/carts_icon.png);
background-position: 29px 0;
}
.carts_link a {
display: block;
width: 48px;
height: 28px;
background: url(/local/templates/kk2018_new/./images/carts_icon.png);
}
.carts_link .cart2 {
background-position: -49px 0;
}
.carts_link .cart3 {
background-position: -93px 0;
}
.sicial_cart {
margin-top: 31px;
padding-top: 30px;
border-top: 1px solid #dfedf4;
}
.sicial_cart li {
margin-top: 10px;
list-style: none;
display: inline-block;
position: relative;
}
.sicial_cart a {
display: block;
width: 24px;
height: 24px;
background: url(/local/templates/kk2018_new/./images/social_all.png);
}
.sicial_cart .social2 {
background-position: -27px 0;
}
.sicial_cart .social3 {
background-position: -56px 0;
}
.sicial_cart .social4 {
background-position: -84px 0;
}
.sicial_cart .social5 {
background-position: -112px 0;
}
.sicial_cart .social6 {
background-position: -140px 0;
}
.sicial_cart .social7 {
background-position: -168px 0;
}
.sicial_cart .social8 {
background-position: -195px 0;
}
.sicial_cart .social9 {
background-position: -224px 0;
}
.title_delivery {
font-family: 'PT Sans', sans-serif;
font-weight: bold;
font-size: 14px;
color: #333;
margin-left: 90px;
line-height: 26px;
}
.delivery {
padding: 20px 20px 20px 30px;
margin-top: 90px;
box-sizing: border-box;
border-radius: 10px;
background: #e2f4f8;
position: relative;
overflow: hidden;
}
.delivery:before {
content: '';
display: block;
position: absolute;
top: 13px;
left: -8px;
width: 108px;
height: 84px;
background: url(/local/templates/kk2018_new/./images/car.png);
z-index: 2;
}
.delivery:after {
content: '';
display: block;
position: absolute;
top: 5px;
left: 8px;
width: 98.6%;
height: 97%;
border-radius: 7px;
border: 1px dashed #93c8dd;
z-index: 2;
}
.delivery .dropdown {
display: none;
}
.delivery .dropdown li {
list-style: none;
}
.delivery .filter {
margin-bottom: 15px;
float: left;
}
.delivery .filten_color {
margin-right: 35px;
}
.delivery .text {
width: 200px;
height: 30px;
background: #fff;
padding-left: 13px;
line-height: 30px;
font-family: 'PT Sans', sans-serif;
font-size: 14px;
color: #333;
top: 0px;
left: 0px;
position: relative;
}
.delivery .text:before {
content: '';
display: block;
position: absolute;
top: 6px;
right: 10px;
width: 10px;
height: 12px;
-ms-transform: rotate(180deg);
transform: rotate(180deg);
background-image: url(/local/templates/kk2018_new/./images/arow2.png);
background-size: 100%;
background-repeat: no-repeat;
}
.delivery .counter {
position: relative;
margin-top: 36px;
z-index: 5;
}
.delivery .counter p, .delivery .counter span {
float: left;
font-family: 'PT Sans', sans-serif;
font-size: 14px;
color: #ff0099;
}
.delivery .counter span {
color: #333;
}
.delivery p {
line-height: 20px;
font-family: 'PT Sans', sans-serif;
font-weight: bold;
font-size: 14px;
color: #333;
}
.delivery p .text_dren {
font-family: 'PT Sans', sans-serif;
color: #999999;
}
.delivery p span {
color: #ff0099;
}
.delivery a {
position: relative;
display: inline-block;
padding-top: 40px;
font-family: 'PT Sans', sans-serif;
font-size: 14px;
color: #ff0099;
z-index: 10;
}
.tab_cart {
margin-top: 30px;
}
.bx_item_detail .bx-controls-direction .bx-prev {
transform: rotate(0deg);
top: 0 !important;
}
.nav-tabs {
min-width: 240px;
padding: 0px;
}
.nav-tabs li, .nav-tabs li.active {
margin: 3px 5px -1px 0;
border-radius: 7px 7px 0 0;
}
.nav-tabs li>a {
display: inline-block;
padding: 13px 13px;
font-weight: 400;
text-align: center;
color: #4188a7;
font-size: 18px;
font-family: 'PT Sans', sans-serif;
}
.nav-tabs li>a:hover, .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
color: #4188a7;
cursor: pointer;
border-color: #11627f;
border-radius: 10px 10px 0 0;
border-bottom: 0;
font-weight: 700;
}
.nav>li>a:hover, .nav>li>a:focus {
font-weight: 700;
background: transparent;
}
.nav-tabs>li>a:hover {
border-color: #11627f;
border-radius: 10px 10px 0 0;
border-bottom: 0;
}
.nav-tabs li.active {
font-weight: 700;
border-color: #11627f;
border-radius: 10px 10px 0 0;
border-bottom: 0;
}
.nav-tabs li.active a, .nav-tabs li.active a:focus {
border-color: #11627f;
border-bottom: 0;
position: relative;
}
.nav-tabs li.active a::after {
content: '';
position: absolute;
bottom: -1px;
left: 0;
width: 100%;
height: 1px;
background-color: #fff;
}
.tab_cart #productTab {
border: none;
border-bottom: 1px solid #11627f;
}
.tab-content {
background: #fff;
padding: 27px 30px 0 30px;
}
.tab-content .bx_item_attributes, .tab-content .bx_item_carousel {
margin: 0 -31px;
}
.tab-content table.bx_item_attributes, .tab-content .bx_item_attributes tbody {
width: 100%;
display: table;
}
.tab-content .bx_item_description {
padding-bottom: 30px;
}
.tab-content .bottom_text {
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid #ff0099;
}
.tab-content .bottom_text p {
margin: 0;
font-family: text_font;
font-size: 12px;
color: #999999;
}
.additional_tovar {
width: 98%;
margin: 0 auto;
}
.additional_tovar .slick-prev:before, .additional_tovar .slick-next:before {
content: '';
display: block;
}
.additional_tovar .slick-prev, .additional_tovar .slick-next {
background: url(/local/templates/kk2018_new/./images/arrow_slider2.png);
}
.additional_tovar .slick-prev:hover, .additional_tovar .slick-next:hover {
background: url(/local/templates/kk2018_new/./images/arrow_slider.png);
}
.bx_item_list_title {
border-bottom: 1px dashed #d7d7d7;
margin-bottom: 30px;
padding: 35px 0 23px;
}
.bx_item_list_title h2 {
text-align: center;
font-size: 21px;
font-family: 'PT Sans', sans-serif;
font-weight: bold;
color: #259bc6;
text-transform: uppercase;
}
.additional_tovar .slick-prev, .additional_tovar .slick-next {
top: -17%;
}
.additional_tovar .slick-next {
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.additional_tovar .slider-nav1 {
height: 59px;
float: none;
-ms-transform: rotate(90deg);
transform: rotate(90deg);
width: 259px;
top: 160px;
right: -110px;
padding: 20px;
position: absolute;
overflow: hidden;
z-index: 100;
}
.additional_tovar .slider-nav1 .slick-slide {
float: left;
width: 39px !important;
height: 40px !important;
margin-left: 7px;
box-sizing: border-box;
cursor: pointer;
}
.additional_tovar .slider-nav1 .slick-slide img {
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
width: 100% !important;
}
.additional_tovar .slider-nav1 .slick-prev {
left: -5px;
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
top: 27px;
background: #fff;
}
.additional_tovar .slider-nav1 .slick-prev:before {
content: '';
display: block;
position: absolute;
width: 10px;
height: 12px;
background-image: url(/local/templates/kk2018_new/./images/arow3.png);
background-size: 100%;
background-repeat: no-repeat;
}
.additional_tovar .slider-nav1 .slick-prev:hover:before {
background-image: url(/local/templates/kk2018_new/./images/arow2.png);
}
.additional_tovar .slider-nav1 .slick-next {
right: -6px;
top: 34px;
-ms-transform: rotate(-90deg);
transform: rotate(90deg);
background: #fff;
}
.additional_tovar .slider-nav1 .slick-next:before {
content: '';
display: block;
position: absolute;
width: 10px;
height: 12px;
background-image: url(/local/templates/kk2018_new/./images/arow3.png);
background-size: 100%;
background-repeat: no-repeat;
}
.additional_tovar .slider-nav1 .slick-next:hover:before {
background-image: url(/local/templates/kk2018_new/./images/arow2.png);
}
.additional_tovar body .slider_tovar .product-container {
margin: -4px 60px 19px 25px !important;
}
.additional_tovar .slick-dots li button {
background: transparent !important;
}
.detailed {
display: none;
}
.detailed .titlr_mob_cart {
border-bottom: 1px dashed #d7d7d7;
margin-bottom: 30px;
padding: 0px 0 23px;
text-align: center;
font-family: 'PT Sans', sans-serif;
font-weight: bold;
font-size: 20px;
color: #259bc6;
text-transform: uppercase;
}
.detailed .title_article_mobi {
padding: 0px 0 23px;
text-align: center;
font-family: 'PT Sans', sans-serif;
font-weight: bold;
font-size: 16px;
color: #259bc6;
background: transparent;
text-transform: uppercase;
}
.detailed .article_mobi {
padding: 10px;
background: #fff;
}
.detailed .article_mobi p {
font-family: text_font;
font-size: 13px;
color: #333;
line-height: 20px;
}
.recommend_child .title_recommend {
padding: 0px 0 23px;
margin-top: 20px;
text-align: center;
font-family: 'PT Sans', sans-serif;
font-weight: bold;
font-size: 16px;
color: #259bc6;
background: transparent;
text-transform: uppercase;
}
.recommend_child .block_tavar {
display: block;
}
.recommend_child {
display: none;
}
.name_categori2 {
font-size: 18px !important;
padding-bottom: 5px !important;
line-height: 25px !important;
}
@media screen and (max-width: 1760px) {
.additional_tovar {
width: 90%;
}
}
.contact {
padding: 0 15px;
width: 68%;
margin: 0 auto;
box-sizing: border-box;
}
.contact .title_contact {
border-bottom: 1px dashed #d7d7d7;
margin-bottom: 30px;
padding: 0px 0 23px;
}
.contact .title_contact h1 {
text-align: center;
font-family: 'PT Sans', sans-serif;
font-weight: bold;
font-size: 25px;
color: #259bc6;
}
.map_contact h3 {
margin: 20px;
font-family: 'PT Sans', sans-serif;
font-weight: bold;
font-size: 14px;
color: #333;
}
.map_contact #map {
width: 100%;
height: 470px;
position: relative;
}
.map_contact #map:before {
content: '';
display: block;
width: 99%;
height: 98%;
position: absolute;
margin: 0 1px;
top: 6px;
left: 5px;
border: 1px dashed #8bcae6;
border-radius: 4px;
z-index: 100;
}
.left_adress {
float: left;
margin-top: 30px;
width: 495px;
}
.left_adress .block_name {
width: 200px;
float: left;
}
.left_adress .name {
line-height: 24px;
font-family: 'PT Sans', sans-serif;
font-weight: bold;
font-size: 14px;
color: #333;
}
.left_adress span {
line-height: 24px;
font-family: 'PT Sans', sans-serif;
font-size: 14px;
color: #ff0099;
}
.left_adress .mail {
text-decoration: underline;
}
.left_adress .dey {
color: #999999;
}
.left_adress b {
color: #ff0099;
}
.right_adress {
margin-top: 30px;
margin-bottom: 55px;
float: right;
width: 445px;
}
.right_adress .name {
line-height: 24px;
font-family: 'PT Sans', sans-serif;
font-weight: bold;
font-size: 14px;
color: #333;
}
.right_adress span {
line-height: 24px;
font-family: 'PT Sans', sans-serif;
font-size: 14px;
color: #ff0099;
}
.right_adress .mail {
text-decoration: underline;
}
.right_adress .dey {
margin: 7px 0;
font-family: 'PT Sans', sans-serif;
font-size: 14px;
color: #999999;
}
.right_adress .block_name {
width: 200px;
float: left;
}
.right_adress b {
color: #ff0099;
font-family: 'PT Sans', sans-serif;
}
.contact_form {
width: 100%;
background: #e2f4f8;
padding: 0 50px;
border-radius: 4px;
overflow: hidden;
position: relative;
}
.contact_form:before {
content: '';
display: block;
width: 99%;
height: 98%;
position: absolute;
margin: 0 1px;
top: 6px;
left: 5px;
border: 1px dashed #8bcae6;
border-radius: 4px;
z-index: 0;
}
.contact_form h2 {
margin-top: 25px;
text-align: center;
font-family: 'PT Sans', sans-serif;
font-weight: bold;
font-size: 25px;
color: #259bc6;
text-transform: uppercase;
}
.contact_form span {
text-align: center;
margin-bottom: 30px;
display: block;
padding: 13px 0 15px;
font-family: 'PT Sans', sans-serif;
font-size: 14px;
color: #15a4c4;
border-bottom: 1px solid #d0ebf1;
}
.contact_form form {
margin: 0 auto;
width: 585px;
position: relative;
z-index: 100;
}
.contact_form form p {
position: relative;
font-family: 'PT Sans', sans-serif;
font-size: 13px;
color: #333;
text-align: right;
top: 24px;
left: -500px;
}
.contact_form form b {
color: #ff0099;
}
.contact_form form .center {
position: initial;
font-family: 'PT Sans', sans-serif;
font-size: 13px;
color: #333;
text-align: center;
margin-top: 10px;
}
.contact_form .forn_text {
display: block;
margin: 0 auto;
width: 390px;
height: 35px;
border: 0;
border-radius: 3px;
padding: 0 20px;
}
.contact_form textarea {
padding: 20px;
display: block;
width: 390px;
margin: 0 auto;
height: 83px;
border: none;
resize: none;
box-sizing: border-box;
}
.contact_form .submit {
height: 50px;
width: 85%;
margin: 20px auto 40px;
display: block;
text-align: center;
font-family: 'PT Sans', sans-serif;
font-size: 16px;
color: #fff;
border-radius: 50px;
border: none;
text-transform: uppercase;
background: linear-gradient(2deg, #ff2da2 0%, #ff61b9 100%);
}
.basket {
padding: 0 15px;
width: 68%;
margin: 0 auto;
box-sizing: border-box;
}
.line_dop {
overflow: hidden;
}
.line_dop .left_block, .line_dop .right_block {
margin: 0;
float: left;
font-family: 'PT Sans', sans-serif;
font-size: 13px;
color: #999;
position: relative;
}
.line_dop .right_block {
float: right;
margin-right: 30px;
}
.line_dop .right_block:after {
content: '';
width: 10px;
position: absolute;
width: 13px;
height: 13px;
top: 0px;
right: -26px;
background: url(/local/templates/kk2018_new/./images/exit.png);
z-index: 0;
}
.line_dop .left_block {
margin-left: 25px;
}
.line_dop .left_block:after {
content: ' ←';
width: 10px;
position: absolute;
top: -1px;
left: -22px;
z-index: 0;
}
.block_method {
overflow: hidden;
}
.basket_main {
margin-top: 20px;
border: 1px dashed #8bcae6;
border-radius: 10px;
}
.basket_main .title_basket p {
line-height: 50px;
display: inline-block;
font-family: 'PT Sans', sans-serif;
font-size: 14px;
color: #259bc6;
}
.basket_main .title_basket .first_block {
padding-left: 15px;
width: 72%;
}
.basket_main .title_basket .second_block {
width: 13%;
}
.basket_main .title_basket .forts_block {
padding-right: 95px;
width: 10%;
float: right;
}
.basket_main .block_tovar {
overflow: hidden;
padding: 15px;
border-top: 1px solid #dfedf4;
padding-left: 15px;
width: 100%;
position: relative;
}
.basket_main .block_tovar .name {
font-family: 'PT Sans', sans-serif;
font-weight: bold;
font-size: 14px;
color: #333;
display: inherit;
margin-top: 27px;
margin-bottom: 12px;
}
.basket_main .block_tovar .setings {
font-family: 'PT Sans', sans-serif;
font-size: 14px;
color: #ff0099;
}
.basket_main .block_tovar .number {
margin-top: 40px;
width: 17%;
float: left;
}
.basket_main .block_tovar .block_product {
float: left;
width: 72%;
}
.basket_main .block_tovar .ui-widget.ui-widget-content {
width: 75px;
margin-left: 25px;
border: 0;
}
.basket_main .block_tovar .ui-spinner a.ui-spinner-button {
background: #f5f5f5;
border: 0;
}
.basket_main .img_inner {
width: 95px;
height: 105px;
margin-right: 15px;
background: #fff;
float: left;
}
.basket_main .img_inner img {
width: 90%;
margin: auto;
display: block;
padding-top: 3px;
}
.basket_main .didgit_number {
float: left;
position: relative;
margin-top: 45px;
}
.basket_main .didgit_number span {
font-family: 'PT Sans', sans-serif;
font-weight: bold;
font-size: 16px;
color: #333;
}
.basket_main .seil_nom {
overflow: hidden;
border-top: 1px solid #ff0099;
border-bottom: 1px solid #ff0099;
}
.basket_main .seil_nom p {
display: block;
float: left;
padding: 13px 0 13px 15px;
font-family: 'PT Sans', sans-serif;
font-size: 14px;
color: #259bc6;
}
.basket_main .seil_nom span {
display: block;
float: right;
padding: 13px 60px 13px 0;
font-family: 'PT Sans', sans-serif;
font-size: 14px;
color: #259bc6;
}
.basket_main .max_sum p {
display: inline-block;
padding: 20px 0 20px 15px;
font-family: 'PT Sans', sans-serif;
font-size: 14px;
color: #259bc6;
}
.basket_main .max_sum span {
display: block;
float: right;
padding: 13px 50px 13px 0;
font-family: 'PT Sans', sans-serif;
font-weight: bold;
font-size: 20px;
color: #ff0099;
}
.methods_delivery, .payment_options {
width: 46%;
float: left;
}
.title_method {
margin: 35px 0 30px;
text-align: center;
font-family: 'PT Sans', sans-serif;
font-weight: bold;
font-size: 21px;
color: #259bc6;
text-transform: uppercase;
}
.inner_delivery {
margin-bottom: 40px;
border: 1px dashed #8bcae6;
border-radius: 10px;
}
.inner_delivery .ui-checkboxradio-label {
background: #fff;
}
.inner_delivery .methods_delivery .ui-checkboxradio-label {
border: 0 !important;
}
.inner_delivery .ui-corner-all {
background: transparent;
border: 0;
}
.inner_delivery .ui-state-active, .inner_delivery .ui-button.ui-state-active:hover {
background: transparent;
border: 0;
box-shadow: none !important;
}
.inner_delivery .ui-checkboxradio-label .ui-icon-background {
margin-right: 15px;
box-shadow: none !important;
}
.inner_delivery .ui-checkboxradio .ui-icon-background {
width: 19px;
height: 19px;
background: #fff;
border: 0;
}
.inner_delivery .ui-checkboxradio-radio-label .ui-icon-background {
width: 5px;
border: 10px solid #fff;
background: #ff47ad;
}
.inner_delivery .methods_delivery .ui-state-active, .inner_delivery .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon {
width: 17px;
border: 5px solid #fff;
height: 17px;
}
.inner_delivery .ui-button {
font-family: 'PT Sans', sans-serif fwb!important;
font-size: 14px !important;
color: #333 !important;
display: -ms-flexbox;
display: flex;
border-bottom: 1px solid #dfedf4;
padding: 25px 0px 25px 10px;
text-align: left;
}
.inner_delivery .ui-button span {
font-family: 'PT Sans', sans-serif;
font-size: 13px;
color: #999;
}
.payment_options {
float: right;
}
.payment_options .one_radio .ui-button {
padding: 25px 0px 25px 10px;
border-bottom: 1px solid #dfedf4;
}
.payment_options .one_radio .inner_delivery .ui-checkboxradio-radio-label .ui-icon-background {
margin-top: 0px !important;
}
.payment_options .ui-button {
padding: 10px 0px 10px 10px;
border-bottom: 0;
}
.payment_options img {
margin: -2px 17px 10px 0;
}
.main_form {
overflow: hidden;
background: #e2f4f8;
border-radius: 10px;
}
.main_form .title_main_form {
margin-bottom: 45px;
padding: 25px 27px 25px 25px;
font-size: 14px;
font-family: 'PT Sans', sans-serif;
font-weight: bold;
color: #333;
border-bottom: 1px solid #d0ebf1;
}
.main_form .left_form {
width: 45%;
float: left;
}
.main_form .input_text {
background: #fff;
border: 0;
width: 385px;
height: 35px;
border-radius: 2px;
margin-bottom: 13px;
float: right;
clear: both;
padding: 0 15px;
}
.main_form label {
display: inherit;
margin-top: 33px;
position: relative;
top: -18px;
text-align: right;
left: -20px;
font-size: 13px;
font-family: 'PT Sans', sans-serif;
color: #333;
}
.main_form span {
color: #ff0099;
}
.main_form .hint {
margin: 5px 0 40px 0;
text-align: center;
font-size: 13px;
font-family: 'PT Sans', sans-serif;
color: #333;
}
.main_form .input_comments {
height: 178px;
resize: none;
padding-top: 20px;
}
.main_form .input_adress {
height: 80px;
resize: none;
padding-top: 20px;
}
.main_form .right_form {
padding-right: 80px;
width: 49%;
float: right;
}
.main_sum {
margin-top: 30px;
border-radius: 7px;
border: 1px dashed #8bcae6;
}
.main_sum p {
display: inline-block;
padding: 20px 0 20px 15px;
font-family: 'PT Sans', sans-serif;
font-size: 14px;
color: #259bc6;
}
.main_sum span {
display: block;
float: right;
padding: 13px 50px 13px 0;
font-family: 'PT Sans', sans-serif;
font-weight: bold;
font-size: 20px;
color: #ff0099;
}
.btn_order {
display: block;
width: 50%;
height: 40px;
font-family: 'PT Sans', sans-serif;
font-size: 16px;
background: linear-gradient(2deg, #ff2da2 0%, #ff61b9 100%);
text-transform: uppercase;
border-radius: 50px;
margin: 20px auto;
padding-top: 13px;
text-align: center;
color: #fff;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {
background: transparent !important;
border: 0 !important;
border-bottom: 1px solid #dfedf4 !important;
box-shadow: 0 !important;
outline: 0 !important;
}
.clearbtn2 {
display: none;
}
.dropdown li {
font-family: 'PT Sans', sans-serif;
font-size: 13px;
color: #333;
line-height: 23px;
padding-left: 15px;
background: #fff;
border-bottom: 1px dashed #8bcae6;
}
.selectbox2 {
width: 200px !important;
margin: 0 auto;
}
.dispatch {
width: 580px;
margin: 0 auto;
background: url(/local/templates/kk2018_new/./images/zxc_max.jpg);
background-repeat: no-repeat;
background-position: top;
padding-bottom: 100px;
}
.dispatch_inner {
box-sizing: border-box;
width: 100%;
padding: 0 15px;
}
.logo_dispatch img {
width: 65%;
}
.title_dispatch {
margin-top: 11px;
margin-bottom: 335px;
}
.title_dispatch h1 {
line-height: 34px;
font-family: 'PT Sans', sans-serif;
font-weight: bold;
font-size: 24px;
color: #259bc6;
text-transform: uppercase;
}
.title_dispatch p {
margin-top: 7px;
line-height: 23px;
font-family: 'PT Sans', sans-serif;
font-size: 16px;
color: #333;
}
/*.title_pit_element {
position: relative;*/
/* &:after {
content: '';
display: block;
position: absolute;
width: 300px;
height: 200px;
top: 0;
right: -10px;
background: url(/local/templates/kk2018_new/./images/baby_1.jpg);
background-repeat: no-repeat;
}
}*/
.title_pit {
text-align: center;
font-family: 'PT Sans', sans-serif;
font-weight: bold;
font-size: 29px;
color: #ff2ea2;
margin-bottom: 30px;
margin-top: 20px;
text-transform: uppercase;
}
.block_dispatch {
float: left;
width: 250px;
padding: 20px 15px;
margin: 0 auto;
margin-top: 20px;
text-align: center;
background: #fff;
border-radius: 10px;
border: 1px solid #f2f2f2;
}
.block_dispatch .name {
margin-top: 15px;
font-size: 14px;
line-height: 20px;
font-family: 'PT Sans', sans-serif;
font-weight: bold;
color: #333333;
}
.block_dispatch p {
margin-top: 15px;
font-family: 'PT Sans', sans-serif;
font-size: 16px;
color: #ff0099;
}
.first_dispatch {
margin-right: 50px;
}
.btn_dispatch {
display: block;
width: 180px;
height: 40px;
font-family: 'PT Sans', sans-serif;
font-size: 14px;
background: linear-gradient(#85c7e2 0%, #57aed3 100%);
text-transform: uppercase;
border-radius: 50px;
margin: 25px auto;
padding-top: 13px;
text-align: center;
color: #fff;
}
.seil_img {
width: 100%;
font-size: 27px;
line-height: 32px;
}
.inner_img4 {
width: 220px;
height: 240px;
}
.popup-window-close-icon::after {
background-image: url(/bitrix/templates/kk2018/images/clear.png);
width: 24px;
height: 24px;
}
.brandscat img {
margin-left: 12px;
}
.visible-cstm-sm {
display: none;
}
.subright dt, .subright label, .subright dd, .subright dt, .subright .item_cur_price span, .subright .item_cur_price, .subright .no_price, .bx_item_detail .item_info_section .available, .btn3 {
font-family: 'PT Sans', sans-serif;
}
.form_search-detail-page .form_search .bx-input-group {
margin-left: 0;
}
/*----------------------------------------------------------/
/ MEDIA-QUERIES /
/----------------------------------------------------------*/
@media screen and (max-width: 991px) {
.props_section__cont {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
}
.header_phone__cont, .bx-header .header-addr {
display: none;
}
.bx_item_detail .bx_item_detail_scu {
max-width: 400px !important;
}
.bx-header .bx-header-section .wrapper {
padding-top: 13px;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
}
.her_carousel .her_prev {
left: 0 !important;
}
.her_carousel .her_next {
right: 0 !important;
}
.salecat, .brandscat {
padding: 0 60px;
height: 60px;
}
.visible-cstm-sm {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
width: 100%;
margin-bottom: 10px;
justify-content: space-between;
}
body.stopscroll {
overflow: hidden;
}
body.horizscroll {
overflow-x: hidden;
}
.wrapper {
margin: 0;
padding: 0;
}
.logo {
position: relative;
padding: 0;
text-align: center;
max-width: 57%;
z-index: 100;
}
.logo img {
margin: 0 auto;
}
/*mobile nav*/
.page-mobile {
position: relative;
height: 100%;
width: 100%;
left: 0;
-webkit-transition: left 0.4s ease-in-out;
-moz-transition: left 0.4s ease-in-out;
-ms-transition: left 0.4s ease-in-out;
-o-transition: left 0.4s ease-in-out;
transition: left 0.4s ease-in-out;
}
.page-mobile.open-sidebar {
left: 80%;
}
.page-mobile .slide-mobile {
position: fixed;
left: -80%;
padding-right: 20px;
background: #259bc6;
width: 80%;
z-index: 100;
max-width: 663px;
height: 100%;
box-sizing: border-box;
-webkit-transition: left 0.4s ease-in-out;
-moz-transition: left 0.4s ease-in-out;
-ms-transition: left 0.4s ease-in-out;
-o-transition: left 0.4s ease-in-out;
transition: left 0.4s ease-in-out;
}
.page-mobile.open-sidebar .slide-mobile {
left: 0;
}
.page-mobile .bx-wrapper, .page-mobile #panel {
width: 100%;
height: 100%;
box-sizing: border-box;
-moz-box-sizing: border-box;
position: relative;
}
.page-mobile .not-swipe {
width: 80%;
position: absolute;
top: 0;
right: 0;
bottom: 0;
z-index: 1000;
}
.slide-mobile .close-icon, #mob-filter .close-icon {
position: absolute;
right: 12px;
top: 10px;
z-index: 1060;
cursor: pointer;
font-size: 38px;
font-family: 'PT Sans', sans-serif;
font-weight: bold;
color: #000;
}
#mob-filter .close-icon {
left: 12px;
}
#mobile-nav, #mobile-buttons {
text-align: center;
margin-top: 20px;
}
#mobile-nav ul {
display: inline-block;
list-style-type: none;
text-align: left;
}
#mobile-nav li.bx-nav {
margin: 10px 0 0 20px;
}
#mobile-nav li.bx-nav a {
color: #f5f5f5;
font-size: 24px;
font-family: 'PT Sans', sans-serif;
font-weight: bold;
}
#mobile-nav li.bx-nav a:hover, .slide-mobile .close-icon:hover {
color: #ff0099;
}
#mobile-buttons a, #mobile-buttons button {
display: inline-block;
width: 75%;
height: 50px;
background: #23aae5;
line-height: 50px;
border-radius: 10px;
border: none;
color: #f5f5f5;
font-family: 'PT Sans', sans-serif;
margin-top: 20px;
text-transform: uppercase;
}
#mobile-buttons a:hover, #mobile-buttons button:hover {
background-color: #259bc6;
color: #fff;
}
#mobile-buttons a.order_call {
background-color: #f64fbb;
}
#mobile-buttons a.order_call:hover {
background-color: #ff0099;
}
#mobile-phones {
margin-top: 20px;
text-align: center;
}
#mobile-phones p {
text-align: center;
display: inline-block;
width: 75%;
}
#mobile-phones p span {
display: none;
}
#mobile-phones p a {
display: block;
position: relative;
text-align: center;
font-size: 28px;
line-height: 40px;
background: #fff;
margin-bottom: 20px;
border-radius: 20px;
padding-left: 50px;
white-space: nowrap;
font-family: 'PT Sans', sans-serif;
font-weight: bold;
color: #f64fbb;
}
#mobile-phones p a:hover {
color: #7ac2e1;
}
#mobile-phones p a:before {
position: absolute;
left: 20%;
top: 50%;
width: 30px;
height: 30px;
margin-top: -15px;
background-position: center bottom;
}
#mobile-phones p a:hover::before {
background-position: center top;
}
nav {
background: #fff;
height: 0;
}
nav:after, nav:before {
display: none;
}
.navbar-default, .moblie-cart {
position: relative;
margin-top: 10px;
padding: 20px 0;
}
.navbar-default .navbar-toggle {
float: none;
margin: 0 auto;
}
.navbar-default, .navbar-default .navbar-toggle, .navbar-default .navbar-toggle:focus {
border: 1px solid transparent;
background: transparent;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:active {
background: transparent;
border: 1px solid #ff0099;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #ff0099;
}
.main_menu {
/*width: 33.333333%;*/
z-index: 100;
position: absolute;
top: -101px;
left: -40%;
transition: all 0.2s linear;
}
.main_menu.collapse.in {
left: 0;
padding: 0;
overflow: hidden;
}
.main_menu ul {
top: 10px;
margin: 0;
display: block;
position: relative;
}
.main_menu li {
background: #fff;
border-bottom: 1px dashed #259bc6;
}
.main_menu li a {
padding-right: 10px;
color: #333333;
display: inline-block;
}
.main_menu li.alarm {
background: #f64ab9;
}
.main_menu li.alarm a {
color: #fff;
font-weight: bold;
}
#mobile-basket {
background: url(/local/templates/kk2018_new/./images/basket_icon_mobil-sec.png) no-repeat transparent center bottom;
margin-left: 20px;
width: 40px;
height: 38px;
-webkit-background-size: contain;
background-size: contain;
cursor: pointer;
}
#mobile-basket .icon_spacer {
min-width: 17px;
padding: 2px 7px;
margin-right: 4px;
font-size: 11px;
border-radius: 50px;
background-color: #69b7d9;
text-align: center;
color: #fff;
position: relative;
right: -25px;
z-index: 10;
top: -6px;
}
#mobile-basket b {
display: none;
}
#mobile-basket p {
display: none;
}
#mobile-basket:after {
background: transparent;
}
.bx-header .header_phone p, .bx-header .header-addr p {
margin: 0 auto;
background: #fff;
padding: 5px 10px;
border-radius: 20px;
line-height: 30px;
}
.bx-header .header-addr {
margin-left: -6.66667%;
width: 40%;
/*bootstrap shift*/
}
.bx-header .header-addr .adr-city {
display: none;
}
.bx-header .header_phone p i, .bx-header .header-addr p i {
margin: -20px;
height: 40px;
width: 40px;
background: #fff;
box-shadow: 0 0px 0px 5px #f5f5f5;
}
.bx-header .header_phone p i:before, .bx-header .header-addr p i:before {
width: 30px;
height: 30px;
}
.searchtitle {
width: 100%;
padding-right: 15px;
padding-left: 15px;
box-sizing: border-box;
background: #259bc6;
justify-content: flex-end;
margin-top: 10px;
}
.main_menu li a {
font-size: 14px;
padding-left: 15px;
}
.main_menu li a {
line-height: 55px;
}
.col-my-media {
width: 20%;
}
.bx_catalog_item_container {
padding-bottom: 5px
}
#subcategories.closed li.col-my-media:nth-child(n) {
opacity: inherit;
}
#subcategories.closed li.col-my-media:nth-child(n+26) {
opacity: 0;
}
.form_search {
width: 100%;
margin-top: 12px;
margin-bottom: 12px;
}
.search-page, .bottom_line {
/* display: none;*/
}
.showroom-button {
cursor: pointer;
line-height: 50px;
text-align: center;
border-radius: 4px;
background: linear-gradient(#ff62ba 0%, #ff2ea2 100%);
margin-bottom: -1px;
}
.footer_navigation {
padding: 35px 0 25px 0;
}
.footer_phone p, .footer_phone a {
font-size: 10px;
}
}
@media screen and (max-width: 1108px) {
.feedback-footer__container {
display: none;
}
}
@media screen and (max-width: 771px) {
.footer_navigation ul {
display: block;
margin: auto;
position: relative;
z-index: 1;
}
.owl-cstm-slider.owl-carousel .owl-nav .owl-next, .owl-cstm-slider.owl-carousel .owl-nav .owl-prev {
width: 30px;
height: 30px;
background-size: 14px 14px;
}
.owl-main-sliders.owl-carousel .owl-nav {
top: -46px;
}
.feedback-footer__container {
display: none;
}
.footer_block a {
font-size: 15px;
line-height: 25px;
text-align: center;
}
.ow-slidglav .owl-dots {
right: 50%;
}
.footer_navigation li {
margin-bottom: 8px;
line-height: normal;
}
footer {
/*padding-top: 50px;*/
padding-bottom: 64px;
box-sizing: border-box;
}
.bx_catalog_item_title a {
font-size: 15px;
line-height: 19px;
}
.page-mobile .slide-mobile {
max-width: 568px;
}
.sidebar_title {
cursor: pointer;
line-height: 50px;
text-align: center;
border-radius: 4px;
background: linear-gradient(#ff62ba 0%, #ff2ea2 100%);
margin-bottom: -1px;
}
#mobile-nav, #mobile-buttons {
width: 50%;
float: left;
}
#mobile-nav li.bx-nav {
margin-top: 4px;
}
#mobile-nav li.bx-nav a {
font-size: 16px;
}
#mobile-buttons a, #mobile-buttons button {
height: 40px;
line-height: 40px;
margin-top: 10px;
font-size: 12px;
}
#mobile-phones {
margin-top: 10px;
}
#mobile-phones p a {
margin-bottom: 10px;
}
#submenu-mobile {
display: block;
}
.bx_catalog_list_home .bx_catalog_item_images {
height: 300px;
}
.tab_cart {
margin: 0
}
.bx_item_related_offers-cstm~div.tab_cart {
margin-top: -20px;
}
.tab-content, .tab-content .bx_item_attributes, .tab-content .bx_item_carousel {
margin: 0;
padding: 0;
}
.col-my-media {
width: 25%;
}
#subcategories.closed li.col-my-media:nth-child(n) {
opacity: inherit;
}
#subcategories.closed li.col-my-media:nth-child(n+21) {
opacity: 0;
}
.popup-window-with-titlebar {
min-width: 0;
}
.m_pic_thumbs img {
max-height: 200px;
}
.footer_copyright p {
font-size: 9px;
white-space: normal;
}
}
@media screen and (min-width: 1600px) {
.main_menu li:nth-child(-n+2) {
display: none;
}
}
@media screen and (max-width: 1600px) and (min-width: 1200px) {
.header_phone span {
display: none;
}
.header-buttons .order_call, .header-buttons .logout, .header-buttons .personal, .header-buttons .login, .header-buttons .register {
padding: 10px;
font-size: 14px;
}
.header-buttons .order_call::before, .header-buttons .logout span::before, .header-buttons .personal::before, .header-buttons .login::before, .header-buttons .register::before {
display: none
}
.main_menu li:nth-child(-n+3) {
display: none;
}
.subright .btn_acr {
width: 146px;
font-size: 12px;
}
.bx_catalog_list_home .col-lg-3.bx_catalog_item {
width: 33.333%;
}
.col-my-media {
width: 80%;
float: none
}
#subcategories.closed li.col-my-media:nth-child(n) {
opacity: inherit;
}
#subcategories.closed li.col-my-media:nth-child(n+6) {
opacity: 0;
}
#chooose_letter {
right: 4px;
}
}
@media screen and (max-width: 1450px) and (min-width: 1200px) {
.bx_catalog_list_home .bx_catalog_item_images {
height: 200px;
}
.bx_catalog_item_price {
font-size: 16px;
}
.kk_buy_link {
font-size: 12px;
}
}
@media screen and (max-width: 1200px) {
.wrapper {
padding: 0 15px;
}
.logo {
line-height: 90px;
}
.header_phone span {
display: none;
}
.header-buttons .order_call, .header-buttons .logout, .header-buttons .personal, .header-buttons .login, .header-buttons .register {
padding: 10px;
font-size: 14px;
}
.header-buttons .order_call::before, .header-buttons .logout span::before, .header-buttons .personal::before, .header-buttons .login::before, .header-buttons .register::before {
display: none
}
.tab_cart li>a {
padding: 10px;
font-size: 12px;
}
.subright .bet_arder_one {
float: none;
}
.footer_address p {
font-size: 10px;
}
}
@media screen and (max-width: 1200px) and (min-width: 992px) {
.main_menu li:nth-child(-n+4) {
display: none;
}
#chooose_letter {
right: 4px;
}
.col-my-media {
width: 80%;
float: none
}
#subcategories.closed li.col-my-media:nth-child(n) {
opacity: inherit;
}
#subcategories.closed li.col-my-media:nth-child(n+6) {
opacity: 0;
}
.bx_catalog_item_price {
font-size: 16px;
}
.kk_buy_link {
font-size: 12px;
}
}
@media screen and (max-width: 1200px) and (min-width: 768px) {
.subright dt>span {
display: none;
}
.clear-1200 {
clear: both;
}
.bx_catalog_list_home .bx_catalog_item_images {
height: 180px;
}
}
@media screen and (max-width: 650px) {
.page-mobile .slide-mobile {
max-width: 520px;
}
.navbar-default, .moblie-cart, .logo {
margin-top: 5px;
}
#mobile-phones p a {
padding-left: 40px;
font-size: 18px;
}
.bx_catalog_list_home .bx_catalog_item_images {
height: 250px;
}
}
@media screen and (max-width: 600px) {
.page-mobile .slide-mobile {
max-width: 480px;
}
.col-my-media {
width: 33.333%;
}
#subcategories.closed li.col-my-media:nth-child(n) {
opacity: inherit;
}
#subcategories.closed li.col-my-media:nth-child(n+16) {
opacity: 0;
}
}
@media screen and (max-width: 550px) {
.footer_navigation li {
text-align: center;
}
.page-mobile .slide-mobile {
max-width: 440px;
}
}
@media screen and (max-width: 500px) {
.props_section__cont {
-webkit-flex-direction: column-reverse;
-moz-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
-o-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.detail-rating-available {
margin: 20px 0 0 0 !important;
}
.carRight:hover {
height: 56px !important;
/*margin-top: -50px !important;*/
}
.subright .item_cur_price, .detail-page-price {
font-size: 25px !important;
}
.bx_item_detail .item_price {
margin-top: 15px;
}
.navbar-toggle .icon-bar {}
.subright .item_old_price {
font-size: 18px !important;
}
.bx_item_detail .bx_item_detail_scu {
max-width: 290px !important;
}
.popup-window {
z-index: 11000!important;
width: 80%;
}
.page-mobile .slide-mobile {
max-width: 400px;
}
.navbar-default, .moblie-cart, .logo {
margin-top: 0;
padding: 0;
}
#mobile-basket {
margin: 0 0 0 auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.moba .visible-cstm-sm {
padding-left: 0 !important;
}
.moblie-cart {
padding-right: 10px;
}
.navbar-default .navbar-toggle {
margin: 0;
}
#mobile-nav, #mobile-buttons {
width: 100%;
float: none;
}
#mobile-buttons a, #mobile-buttons button {
font-size: 14px;
}
#mobile-phones p, #mobile-buttons a, #mobile-buttons button {
width: 100%;
margin-left: 20px;
}
#mobile-phones {
margin-top: 20px;
}
.bx_catalog_list_home .col-xs-6.bx_catalog_item {
width: 100%;
padding: 0;
}
.bx_catalog_list_home .bx_catalog_item_container {
/*padding: 5px 3%;*/
position: relative;
background: #fff;
margin-bottom: 12px;
}
.main-template__heading, .general_text h2.main-template__heading {
font-size: 20px;
line-height: normal;
margin-bottom: 20px;
}
.bx_sort {
margin-bottom: 10px;
color: #475054;
font-size: 13px;
font-weight: 400;
line-height: 25px;
text-align: left;
}
.bx_catalog_item_container:hover .bx_catalog_item_images {
transform: none
}
.cart_action:hover .fpc_corner-box {
width: 30px;
height: 30px;
}
.cart_action:hover .fpc_corner-button {
font-size: 11px;
transform: rotate(45deg);
}
.fpc_corner-button.percent, .bx_catalog_item_container:hover .fpc_corner-button.percent {
font-size: 13px;
padding: 5px 2px;
}
.bx_catalog_item_container:hover .pic-gift {
display: initial
}
.bx_catalog_item_container:hover .text-gift {
display: none;
}
.bx_catalog_list_home .bx_catalog_item_images {
height: 110px;
}
.bx_catalog_list_home .bx_catalog_item_images>img, .bx_catalog_list_home .bx_catalog_item_images.height200>img {
margin-top: -6px;
max-height: 100px;
}
.bx_catalog_list_home .bx_catalog_item_title {
margin-top: 15px;
display: inline-block;
height: auto;
width: 100%;
text-align: center;
}
.offersCarousel.owl-carousel .bx_catalog_item_title {
height: 59px;
}
.bx_catalog_list_home .bx_catalog_item_price, .bx_catalog_list_home .bx_catalog_item_price.stylewidth100 {
/*font-size: 17px;*/
/*line-height: 15px;*/
/*width: 100%;*/
}
.bx_catalog_item_price span.bigprice {
font-size: 75%;
}
.bx_catalog_list_home .bx_catalog_item_price {
/*position: initial;
justify-content: center;
text-align: center;
max-width: 100% !important;
margin-top: 15px;*/
}
.offersCarousel.owl-carousel .bx_catalog_item_price {
top: 20px;
white-space: nowrap;
}
.bx_catalog_list_home .kk_buy_link {
border-style: dashed;
border-radius: 11px;
float: right;
margin-right: 0;
padding: 5px 10px;
width: auto;
height: 25px;
line-height: 15px;
margin-top: 0;
}
.visible-cstm-sm {
padding: 0 15px;
}
.in_showroom, .bx_catalog_item_container:hover .in_showroom.prod, .in_showroom:hover {
top: -5px;
left: -10px;
width: auto;
height: 25px;
border-radius: 13px;
background: url("/local/templates/kk2018_new/./images/showr.png") no-repeat #cbebf3 5px center / 20px;
}
.in_showroom:after {
content: "";
position: absolute;
top: 2px;
left: 2px;
bottom: 2px;
right: 2px;
border: 1px dashed #fff;
border-radius: 22px;
}
.in_showroom span {
display: none;
}
.in_showroom:after {
position: relative;
top: auto;
left: auto;
bottom: auto;
right: auto;
border: none;
content: "ШОУ-РУМ";
margin: auto;
font-size: 10px;
white-space: nowrap;
color: #23527c;
padding-left: 20px;
}
.col-my-media {
width: 50%;
}
#subcategories.closed li.col-my-media:nth-child(n) {
opacity: inherit;
}
#subcategories.closed li.col-my-media:nth-child(n+11) {
opacity: 0;
}
}
/* .bx_catalog_list_home .bx_catalog_item_images { height: 200px; }
}
/*@media screen and (max-width: 500px) {
.bx_catalog_list_home .bx_catalog_item_images { height: 150px; }
}*/
@media screen and (max-width: 450px) {
.page-mobile .slide-mobile {
max-width: 390px;
}
}
@media screen and (max-width: 400px) {
.page-mobile .slide-mobile {
max-width: 320px;
}
.col-md-9.col-xs-12 .visible-cstm-sm {
padding: 0 15px;
box-sizing: border-box;
}
.wrapper {
padding: 0;
margin: 0;
}
.main_menu {
top: -121px;
}
.cart_block {
top: -174px;
}
.bx_catalog_list_home .bx_catalog_item_price {
/*font-size: 14px;*/
}
.header-buttons .logout, .header-buttons .logout span, .header-buttons .personal, .header-buttons .personal span, .header-buttons .login, .header-buttons .login span, .header-buttons .register, .header-buttons .register span {
font-size: 14px;
margin: 0;
}
}
@media screen and (max-width: 360px) {
.page-mobile .slide-mobile {
max-width: 310px;
}
}
@media screen and (max-width: 320px) {
.page-mobile .slide-mobile {
max-width: 256px;
}
}
#phone_mob_call {
height: 36px;
padding-left: 0;
/* border-left: 1px solid #4195be; */
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: #fefefe!important;
font-weight: 500;
text-transform: uppercase;
cursor: pointer;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
text-decoration: none!important;
}
.footer-nav-mobile {
font-weight: bold;
font-size: 16px;
position: fixed;
bottom: 0;
left: 0;
right: 0;
height: 54px;
box-shadow: 0 4px 10px 2px rgba(48, 83, 98, 0.2);
z-index: 100;
background-color: #f75fa7;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
z-index: 888;
justify-content: space-between;
padding: 0 8px;
}
@media (min-width:320px) {
/* smartphones, iPhone, portrait 480x320 phones */
.footer-nav-mobile {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
@media (min-width:481px) {
/* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */
.footer-nav-mobile {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
@media (min-width:641px) {
/* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */
.footer-nav-mobile {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
@media (min-width:961px) {
/* tablet, landscape iPad, lo-res laptops ands desktops */
.footer-nav-mobile {
display: none;
}
}
@media (min-width:1025px) {
/* big landscape tablets, laptops, and desktops */
.footer-nav-mobile {
display: none;
}
}
@media (min-width:1281px) {
/* hi-res laptops and desktops */
.footer-nav-mobile {
display: none;
}
}
.main-user-consent-request-popup {
z-index: 19000 !important;
}
@media only screen and (max-device-width: 480px) {
.next_b {
width: 100%;
margin-top: 5px;
margin-bottom: 5px;
}
}
/*фиксация меню при скроле*/
#navfix.fixed {
position: fixed;
top: 0;
width: 100%;
z-index: 1000;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.22);
}
#navfix .form_search {
display: none;
}
#navfix.fixed .form_search {
display: none;
}
@media screen and (max-width: 1200px) {
#navfix .form_search {
display: none !important;
}
}
/*кнопка вверх*/
#upbutton {
background-color: #259bc6;
height: 70px;
width: 70px;
bottom: 30px;
right: 30px;
cursor: pointer;
display: none;
position: fixed;
transition: all .2s ease;
font-size: 0;
background-image: url('/local/templates/kk2018_new/images/right-arrowbig.png');
background-repeat: no-repeat;
-webkit-background-size: 38px;
background-size: 38px;
background-position: center;
z-index: 1000;
border-radius: 100%;
box-shadow: 0 1px 5px rgba(0, 0, 0, .22);
}
#upbutton span {
color: #ffffff;
top: 22px;
position: absolute;
left: 12px;
}
#upbutton:hover {
background-color: #f09;
}
#upbuttons {
display: none;
}
@media screen and (max-width: 480px) {
.moba h1 {
font-size: 16px !important;
}
.bx_ordercart_order_sum {
position: absolute;
padding: 10px;
}
.link {
padding: 5px 5px;
margin: 5px 0 0 5px;
}
.fast-links .link a {
font-size: 13px;
line-height: 15px;
}
.ltr {
left: 2px !important;
}
.b24-widget-button-popup {
width: 228px !important;
}
#toggles .tel {
width: 100%;
}
/*кнопка WhatsApp*/
#upbuttons {
height: 60px;
width: 60px;
bottom: 100px;
right: 27px;
cursor: pointer;
display: none;
position: fixed;
z-index: 1000;
opacity: 1;
display: block;
}
#upbuttons img {
color: #ffffff;
top: 10px;
position: absolute;
left: 2px;
}
}
/***newyear.php***/
.massage-block {
background-color: #ff61b9;
padding: 8px;
font-size: 16px;
color: #fff;
text-align: center;
}
/***socnet_big.php***/
.city_text {
background: #ff50b1;
text-align: center;
border: solid 3px #ff50b1;
color: #fff;
line-height: 28px;
font-family: 'PT Sans', sans-serif;
font-size: 14px;
padding: 15px;
margin-bottom: 15px;
text-transform: uppercase;
}
.city_text a {
color: #fff;
}
/***************МОДАЛКА ГОРОД**************/
/* Всплывающее окно
* при загрузке сайта
modal coockie
*/
/* базовый контейнер, фон затемнения*/
#overlay_modal {
position: absolute;
bottom: 0;
left: 0;
display: none;
z-index: 999;
-webkit-animation: fade .6s;
-moz-animation: fade .6s;
animation: fade .6s;
overflow: auto;
}
/* модальный блок */
.popup_modal {
left: 0;
position: fixed;
bottom: 0;
right: 0;
font-size: 14px;
margin: auto;
width: 100%;
padding: 15px 20px;
border: 1px solid #383838;
background: #f64fbb;
z-index: 1000;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
font-size: 14px;
-webkit-box-shadow: 0 15px 20px rgba(0, 0, 0, .22), 0 19px 60px rgba(0, 0, 0, .3);
-moz-box-shadow: 0 15px 20px rgba(0, 0, 0, .22), 0 19px 60px rgba(0, 0, 0, .3);
-ms-box-shadow: 0 15px 20px rgba(0, 0, 0, .22), 0 19px 60px rgba(0, 0, 0, .3);
box-shadow: 0 15px 20px rgba(0, 0, 0, .22), 0 19px 60px rgba(0, 0, 0, .3);
-webkit-animation: fade .6s;
-moz-animation: fade .6s;
animation: fade .6s;
}
/* заголовки в модальном блоке */
.popup_modal h2 {
color: #fff;
text-align: center;
}
.popup_modal h2>a {
color: #fff;
text-decoration: underline;
}
/* кнопка закрытия */
.close_modal {
top: 10px;
right: 50px;
width: 32px;
height: 32px;
position: absolute;
border: none;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
background-color: #259bc6;
-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
-moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
cursor: pointer;
outline: none;
}
.close_modal:before {
color: rgba(255, 255, 255, 0.9);
content: "X";
font-size: 14px;
font-weight: normal;
text-decoration: none;
text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
/* кнопка закрытия при наведении */
.close_modal:hover {
background: linear-gradient(#44c5f4 0%, #259bc6 100%);
}
/* анимация при появлении блоков с содержанием */
@-moz-keyframes fade {
from {
opacity: 0;
}
to {
opacity: 1
}
}
@-webkit-keyframes fade {
from {
opacity: 0;
}
to {
opacity: 1
}
}
@keyframes fade {
from {
opacity: 0;
}
to {
opacity: 1
}
}
/***************КОНЕЦ МОДАЛКА ГОРОД**************/
/***page pay***/
.pay_input {
height: 35px;
width: 100%;
padding: 0 35px 0 15px;
border: 1px solid #b0d7de;
border-radius: 30px;
}
.btn_submit {
height: 35px;
margin-bottom: 8px;
padding: 0 2%;
text-align: center;
position: relative;
background: #f64fbb;
border-radius: 7px;
color: #ffffff;
font-weight: 600;
border: none;
margin-top: 20px;
}
.key-pay p {
height: auto;
margin-bottom: 8px;
padding: 5px 2%;
text-align: center;
position: relative;
background: #4cd45a;
border-radius: 7px;
color: #ffffff;
font-weight: 600;
border: solid 3px #43a234;
margin-top: 20px;
}
/**end page pay**/
/*quiz*/
.container__popup__quiz .heading__text {
font-size: 20px;
line-height: normal;
margin: 1rem 0;
}
.quiz-modal__close {
position: absolute;
right: 18px;
top: 18px;
overflow: hidden;
padding: 5px;
width: 24px;
height: 24px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-ms-align-items: center;
align-items: center;
justify-content: center;
}
.popup__quiz-slide {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-ms-align-items: center;
align-items: center;
justify-content: center;
height: 100%;
left: 0;
outline: none;
overflow: auto;
position: absolute;
text-align: center;
top: 0;
transition-property: transform, opacity;
white-space: normal;
width: 100%;
z-index: 7;
}
.btn_quiz_controls {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: space-between;
}
.btn_quiz_controls.btn_quiz_controls--start {
justify-content: flex-end;
}
.quiz-form__number-input:focus {
border-color: #ff2da2;
box-shadow: 0px 0px 6px rgb(0 0 0 / 15%);
outline: none
}
.quiz-form__number-input {
background: #FFFFFF;
border: 1px solid #ff2da2;
box-sizing: border-box;
border-radius: 3px;
color: #111;
font-size: 18px;
line-height: 1.2rem;
font-weight: 600;
padding: 5px 1rem;
min-height: 50px;
max-width: 100%;
margin: auto;
display: inline-block;
vertical-align: top;
width: 100%;
transition: border-color 0.25s, box-shadow 0.25s;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.btn.quiz_submit {
margin: 40px auto 0 auto;
}
.container__popup__quiz {
display: none;
background-color: #fff;
position: fixed;
right: 0;
bottom: 0;
height: auto;
max-width: 620px;
cursor: default;
width: 50%;
padding: 30px 30px 10px 30px;
margin: auto;
z-index: 999999;
box-sizing: border-box;
-webkit-box-shadow: 0px 1px 20px 4px rgba(255, 86, 180, .45);
box-shadow: 0px 1px 20px 4px rgba(255, 86, 180, .45);
}
.popup__quiz {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9999;
cursor: pointer;
}
.quiz__heading {
display: none;
}
.result {
font-size: 2rem;
color: #117eeb;
}
.heading__text {
margin-bottom: 1.5rem;
text-align: center;
font-size: 3rem;
font-weight: 300;
}
.quiz__heading-text {
margin-bottom: 2rem;
text-align: center;
font-weight: 300;
}
.quiz_modal-bg, .quiz_modal-inner {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
background-color: rgba(255, 255, 255, 0.5);
opacity: 1;
}
.quiz-form__container {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column;
justify-content: center;
-ms-align-items: center;
align-items: center;
margin-bottom: 50px;
display: none;
}
.quiz-form__container.active {
display: flex;
}
.quiz-form__question {
font-size: 16px;
line-height: normal;
margin-bottom: 30px;
color: #111;
text-align: center;
margin-top: 10px;
margin-left: -6px;
}
.quiz-form__container-img {
display: block;
margin: 20px auto;
max-width: 200px;
max-height: 200px;
}
.quiz-form__quiz {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
-ms-align-items: flex-start;
align-items: flex-start;
justify-content: center;
-ms-align-self: stretch;
align-self: stretch;
}
.quiz-form__quiz:not(:last-child) {
margin-bottom: 1.5rem;
}
.quiz-form__text {
position: absolute;
width: 100%;
top: 110%;
display: block;
font-size: 12px;
text-align: center;
}
.quiz-form__ans {
max-width: 100px;
max-height: 100px;
border-radius: 0.8rem;
color: #a1a9bd;
position: relative;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: nowrap;
cursor: pointer;
-webkit-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;
width: calc(50% - 15px);
margin-right: 15px;
margin-bottom: 15px;
}
.quiz-form__ans:last-child {
margin-right: 0;
}
input[type="radio"] {
opacity: 0;
position: absolute;
left: 15px;
z-index: -1;
}
.quiz-form__quiz.quiz-form__quiz__price .quiz-form__ans {
padding: 10px 20px;
box-sizing: border-box;
}
.design {
width: 100%;
height: 100%;
border: 6px solid #ffcbe8;
border-radius: 0.8rem;
margin-right: 0;
position: absolute;
left: 0;
bottom: 0;
-webkit-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;
z-index: 5;
}
.quiz-form__img {
max-width: 100%;
max-height: 100%;
-webkit-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;
border-radius: 0.8rem;
}
input[type="radio"]:hover~.quiz-form__img {
opacity: 0.7;
}
input[type="radio"]:checked+.design {
border-color: #FF46AD;
}
.quiz-form__close {
margin-left: 25px;
}
.quiz_submit, .quiz-form__next, .quiz-form__prev, .quiz-form__close {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-ms-align-items: center;
align-items: center;
justify-content: center;
height: 50px;
border-radius: 40px;
color: #fff;
background: linear-gradient( 2deg, #ff2da2 0%, #ff61b9 100%);
font-size: 18px;
font-weight: bold;
max-width: 280px;
text-align: center;
line-height: 40px;
padding: 0 20px;
position: relative;
overflow: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-transform: uppercase;
transition: all .2s ease;
outline: none !important;
}
.submit:focus {
outline: none;
}
.submit:hover {
transform: translateY(-2px) scale(1.015);
box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.35);
}
.submit:active {
transform: translateY(0) scale(1);
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
.correct {
color: #117eeb;
}
.wrong {
color: crimson;
}
.quiz-form__next, .quiz_submit, .quiz-form__prev {
background-position: center;
}
.quiz-form__next:hover, .quiz_submit:hover, .quiz-form__prev:hover, .quiz-form__close:hover {
opacity: 0.7;
color: #fff;
background: linear-gradient( 2deg, #ff2da2 0%, #ff61b9 100%);
outline: none !important;
}
.quiz-form__next:active, .quiz_submit:active, .quiz-form__prev:active {
opacity: 0.7;
color: #fff;
outline: none !important;
background: linear-gradient( 2deg, #ff2da2 0%, #ff61b9 100%);
}
@media screen and (max-width: 900px) {
.container__popup__quiz {
width: 80%;
}
}
@media screen and (max-width: 560px) {
.container__popup__quiz {
width: 100%;
}
.quiz-form__quiz {
justify-content: space-around;
}
.quiz-form__ans {
margin-right: 0;
margin-bottom: 35px;
}
}
@media screen and (max-width: 771px) {
.container__popup__quiz {
padding: 35px 20px 25px 20px;
}
p.h2 {
font-size: 20px;
margin-bottom: 20px;
}
.design {
border-width: 4px;
}
.container__popup__quiz .heading__text {
font-size: 16px;
font-weight: bold;
margin: 10px 0;
}
.quiz-form__question {
margin-top: 10px;
font-size: 14px;
margin-bottom: 15px;
}
.quiz-form__container {
margin-bottom: 0;
}
.quiz-form__number-input {
min-height: 50px;
font-size: 18px;
}
.btn.quiz_submit {
margin-top: 30px;
}
.quiz-form__container-img {
max-width: 180px;
max-height: 180px;
}
.quiz-modal__close {
width: 20px;
height: 20px;
right: 18px;
top: 18px;
}
}
/******слайдер акций в баре на главной***/
.stockrt {
background: #fff;
padding: 30px 20px 77px 20px;
border-radius: 5px;
position: relative;
box-shadow: 0 0 10px 2px rgba(48, 83, 98, 0.2);
}
.stockrt .stockrt-tit h3 {
margin: 0 0 30px 0;
font-size: 21px;
font-weight: 700;
text-align: center;
text-transform: uppercase;
color: #11627f;
padding-left: 5px;
}
.stockrt-one {
border: 1px dashed #11627f;
margin: 0 0 10px;
padding: 5px;
border-radius: 5px;
}
.data-table.bx-registration-table tr {
margin-bottom: 15px;
}
.data-table.bx-registration-table .bx-auth-input {
border: 1px solid #259BC6;
height: 35px;
padding-left: 15px;
-webkit-box-shadow: none;
box-shadow: none;
}
.stockrt-one h3 {
margin: 8px 0 5px;
height: auto;
text-align: center;
text-transform: uppercase;
}
.stockrt-one img.owl-lazy {
max-height: 250px;
}
.stockrt .bootom-all {
background: #259bc6;
height: 57px;
background-color: #259bc6;
border-radius: 0 0 5px 5px;
position: absolute;
bottom: 0;
width: 100%;
left: 0;
}
.stockrt .bootom-all a {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-ms-align-items: center;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
color: #ffffff;
font-size: 20px;
font-weight: 700;
line-height: 25px;
text-align: center;
}
.stockrt .bootom-all:hover {
background: #ff0099;
box-shadow: 0px -2px 5px #bdbdbd;
}
.stockrt .owl-dots {
height: 10px;
margin-bottom: 15px;
border-radius: 3px;
}
.stockrt .owl-dots .owl-dot {
width: 6px;
height: 6px;
background: #fff;
float: left;
margin: 2px;
border-radius: 3px;
transition: width 0.5s;
}
.stockrt .owl-dots .active {
width: 12px;
background: #f64fbb;
}
.stockrt .owl-nav {}
.owl-carousel .owl-nav .owl-next {
right: 2px;
top: -20px;
}
.owl-carousel .owl-nav .owl-prev {
right: 32px;
top: -20px;
}
.stockrt .owl-nav .owl-prev {
position: absolute;
margin-top: -15px;
width: 30px;
height: 30px;
background: #259bc6;
border-radius: 8px 0 0 8px;
}
.stockrt .owl-nav .owl-prev:hover {
background: #6fb5d3;
}
.stockrt .owl-nav .owl-next {
position: absolute;
margin-top: -15px;
width: 30px;
height: 30px;
background: #259bc6;
border-radius: 0 8px 8px 0;
}
.stockrt .owl-nav .owl-next:hover {
background: #6fb5d3;
}
.stockrt .owl-carousel .owl-nav .owl-next:before, .stockrt .owl-carousel .owl-nav .owl-prev:after {
position: absolute;
content: "";
left: 41%;
background: #fdfdfd;
width: 5px;
height: 10px;
-webkit-transform: skewX(25deg);
-moz-transform: skewX(25deg);
-ms-transform: skewX(25deg);
-o-transform: skewX(25deg);
transform: skewX(35deg);
}
.stockrt .owl-carousel .owl-nav .owl-next:after, .stockrt .owl-carousel .owl-nav .owl-prev:before {
position: absolute;
content: "";
left: 41%;
background: #ffffff;
width: 5px;
height: 10px;
-webkit-transform: skewX(-25deg);
-moz-transform: skewX(-25deg);
-ms-transform: skewX(-25deg);
-o-transform: skewX(-25deg);
transform: skewX(-35deg);
}
.stockrt .owl-nav .owl-prev::before, .stockrt .owl-nav .owl-next::before {
top: 5px!important;
}
.stockrt .owl-nav .owl-prev::after, .stockrt .owl-nav .owl-next::after {
bottom: 5px!important;
}
/*****баннер на главной****/
.ow-slidglav {
margin-bottom: 36px;
}
.ow-slidglav .owl-dots {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: center;
}
.ow-slidglav .owl-dots .owl-dot {
display: inline-block;
width: 15px;
height: 15px;
margin: 2px 3px;
text-indent: -999px;
cursor: pointer;
border-radius: 10px;
background-size: 100%;
background-color: #fff;
border: 1px solid #11627f;
}
.ow-slidglav .owl-dots .active {
width: 15px;
height: 15px;
margin: 0;
background-size: 100%;
background-color: #11627f;
margin: 2px 3px;
}
/* preloading images */
.owl-item.loading {
min-height: 150px;
background: url("/local/templates/kk2018_new/img/AjaxLoader.gif") no-repeat center center;
}
@media screen and (max-width:1199px) {
.offersTitle {
margin: 0;
}
.ow-slidglav .owl-dots {
bottom: -35px;
margin-top: 10px;
}
}
/***********обзор продукции на главной ************/
div.news-list {
word-wrap: break-word;
}
div.news-list img.preview_picture {
float: left;
margin: 0 4px 6px 0;
}
.news-date-time {
color: #486DAA;
}
.main-text__block .podcat {
display: none;
}
.right-article__sidebar .text-align__right {
white-space: nowrap;
}
.text-align__right {
text-align: right;
padding-right: 10px;
box-sizing: border-box;
}
.iscat, .isall {
cursor: pointer;
color: #475054;
font-size: 13px;
font-weight: 700;
line-height: 23px;
position: relative;
border-bottom: 1px solid #475054;
}
.iscat:hover {
border-bottom: 0;
}
.iscat::after, .isall::after {
content: '';
position: absolute;
right: -24px;
top: 5px;
width: 16px;
height: 9px;
background-image: url('/local/templates/kk2018_new/images/right.png');
background-repeat: no-repeat;
-webkit-background-size: cover;
background-size: cover;
background-position: center;
}
.main-text__block {
margin-bottom: 60px;
}
.main-text__block.color-purple .main-text__heading, .main-text__block.color-purple .main-text__text {
color: #cd449c;
}
.main-text__heading {
margin: 0 0 20px 0;
color: #475054;
font-size: 21px;
font-weight: 700;
line-height: 24px;
}
.main-text__text {
color: #475054;
font-size: 18px;
line-height: 24px;
margin: 0 0 20px 0;
}
.video-review__detail .video-review__item {
width: calc(33% - 16px);
margin-right: 20px;
margin-bottom: 20px;
}
.video-review__detail .video-review__item:nth-child(4n) {
margin-right: 20px;
}
.video-review__detail .video-review__item:nth-child(3n) {
margin-right: 0;
}
.video-review {
padding: 25px 40px;
box-sizing: border-box;
box-shadow: 0 0 17px 4px rgba(48, 83, 98, 0.17);
border-radius: 10px;
margin-bottom: 80px;
background-color: #ffffff;
}
.video-review__heading, .video-review__heading a {
color: #11627f;
font-size: 25px;
font-weight: 700;
line-height: 25px;
margin: 0 0 14px 0;
}
.video-review__subheading {
color: #475054;
font-size: 15px;
line-height: 15px;
margin: 0 0 25px 0;
}
.video-review__item {
background: #fff;
border: 1px solid #11627f;
border-radius: 7px;
}
.video-review__cont {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
}
.video-detail-review .video-review__item {
margin-bottom: 20px;
}
.video-detail-review .video-review__item {
width: 31%;
}
.video-detail-review .video-review__cont {
justify-content: space-between;
}
.owl-carousel.owl-video-slider .owl-item img {
max-width: 100%;
max-height: 142px;
}
.video-review__link {
display: block;
width: 100%;
height: 100%;
max-height: 100%;
max-width: 100%;
}
.video-review__item:nth-child(4n) {
margin-right: 0;
}
.video-review__item {}
.video-review__img {
max-width: 100%;
max-height: 100%;
object-fit: contain;
object-position: center;
}
.social__header {
display: none;
}
@media screen and (min-width: 1500px) {
.social__header {
display: block;
}
.searchtitle {
display: flex;
justify-content: flex-end;
align-items: flex-end;
}
}
@media screen and (max-width: 991px) {
.col-md-9.col-md-9-main {
width: 100%;
}
.sidebar {
display: none;
}
}
@media screen and (max-width: 1100px) {
.main-text__heading {
font-size: 17px;
line-height: 21px;
margin: 0 0 16px 0;
}
.main-text__text {
font-size: 15px;
line-height: 18px;
margin: 0 0 16px 0;
}
.video-review__item {
/*max-width: 156px;*/
/*max-height: 124px;**/
}
.video-review {
padding: 25px 30px;
margin-bottom: 90px;
}
.video-review__heading {
font-size: 25px;
line-height: 25px;
margin-bottom: 13px;
}
.video-review__subheading {
font-size: 15px;
line-height: 15px;
margin-bottom: 25px;
}
}
@media screen and (max-width: 680px) {
.video-review__detail .video-review__cont {
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
-o-flex-direction: row;
flex-direction: row;
}
.bx_filter .bx_filter_popup_result.left{
right: auto !important;
left: 50%;
}
.video-review__detail .video-review__item {
width: calc(33% - 16px);
margin: 0 20px 20px 0;
max-width: 100%;
max-height: 100%;
}
.video-review__detail .video-review__item:nth-child(4n) {
margin-right: 20px;
}
.video-review__detail .video-review__item:nth-child(3n) {
margin-right: 0;
}
.m_pic_pic0, #main_picture {
max-width: 100%;
}
.logo img.main_logo {
max-width: 137px;
max-height: 50px;
width: 100%;
height: 100%;
}
.salecat, .brandscat {
height: 50px;
font-size: 16px;
padding: 0 30px;
}
.social__footer {
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: center;
width: 100%;
}
.social__footer ul:last-child {
margin-right: auto;
margin-top: 20px;
}
.owl-carousel.owl-main-sliders {
padding-left: 10px;
}
.owl-carousel.owl-main-sliders .owl-stage-outer, .owl-carousel.owl-nomain-sliders .owl-stage-outer {
/*padding: 0;*/
padding: 15px 0 15px 0;
margin-left: 0;
/*margin: 0;*/
}
.slide-mobile .header_subphone {
color: #fff;
}
.bx-header .header-addr {
display: none;
}
.header_phone {
display: none;
}
.owl-video-slider.owl-carousel .owl-nav {
width: 100%;
right: 0;
}
#upbutton {
width: 50px;
height: 50px;
-webkit-background-size: 24px;
background-size: 24px;
}
.owl-main-sliders.owl-carousel .owl-nav {
top: -46px;
}
.left-menu li.level2 a, #submenu-mobile li.level2 a {
font-size: 14px;
}
.bx-header .bx-header-section .wrapper {
padding: 0;
}
.searchtitle {
margin-top: 0;
}
.header_fixed {
position: fixed;
left: 0;
top: 0;
z-index: 99;
}
.header_fixed .form_search {
margin-top: 5px;
margin-bottom: 5px;
}
.form_search .search_input, .search-page .search_input {
height: 30px;
font-size: 14px;
}
.bx-header .header-addr {
display: none;
}
.form_search .bx-input-group {
margin: auto;
}
.form_search .search_submit, .search-page .search_submit {
width: 30px;
height: 30px;
background-size: 14px 14px;
}
.form_search .search_input::placeholder, .search-page .search_input::placeholder {
font-size: 14px;
}
.video-review {
padding: 20px 15px;
margin-bottom: 90px;
text-align: center;
}
.video-review__heading {
font-size: 21px;
line-height: 25px;
margin-bottom: 9px;
}
.video-review__subheading {
font-size: 11px;
line-height: 15px;
margin-bottom: 18px;
}
.video-review__cont {
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column;
}
.video-review__item {
max-width: 156px;
/*max-height: 124px;*/
margin: 0 auto 20px auto;
}
.video-review__item:nth-child(4n) {
margin-right: auto;
}
.main-text__heading {
font-size: 14px;
line-height: 18px;
margin: 0 0 9px 0;
}
.main-text__text {
font-size: 12px;
line-height: 16px;
margin: 0 0 9px 0;
}
}
.grid01 {
list-style: none;
padding: 0;
}
.grid01 .shown, .no-js .grid01 li, .no-cssanimations .grid01 li {
opacity: 1;
}
.grid01 li {
display: block;
float: left;
padding: 0.5%;
width: 25%;
opacity: 0;
}
.grid01 li a, .grid01 li img {
outline: none;
border: none;
display: block;
max-width: 100%;
}
.grid01 li a {}
.grid01 li p {
text-align: center;
color: #fff;
font-size: 12px;
margin: 5px 0;
}
.list-tabs_bvn {
margin-left: 30px;
}
.list-tabs_bvn.fixed {
position: fixed;
top: 100px;
max-width: 270px;
right: auto;
}
@media screen and (max-width: 1260px) {
.list-tabs_bvn.fixed {
max-width: 180px;
}
}
.list-tabs_bvn-item {
display: block;
position: relative;
margin-bottom: 30px;
}
.list-tabs_bvn-item.active::after {
background-color: #cd449c;
}
.bx_item_detail.bx_blue {
border-top: 2px dotted #5d6b70;
padding-top: 30px;
box-sizing: border-box;
}
.bx-content .moba {
border-bottom: 0 !important;
}
.bx-content .moba h1 {
color: #11627f !important;
font-size: 26px;
font-weight: 700 !important;
text-align: left !important;
border-bottom: 0 !important;
}
.list-tabs_bvn-item::after {
content: '';
position: absolute;
left: -31px;
z-index: 1;
transition: all .2s ease;
top: calc(50% - 10px);
width: 20px;
height: 20px;
border-radius: 50%;
border: 2px solid #cd449c;
background-color: #ffffff;
}
.list-tabs_bvn-item:last-child {
margin-bottom: 0;
}
.list-tabs_bvn-item a {
color: #11627f;
font-size: 16px;
font-weight: 700;
line-height: 21px;
}
.list-tabs_bvn {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column;
position: relative;
}
.list-tabs_bvn::after {
content: '';
position: absolute;
top: -5px;
left: -22px;
width: 2px;
height: 100%;
background-color: #cd449c;
}
/* Effect 1: opacity
.grid01.effect-1 li.animate {
-webkit-animation: fadeIn 0.65s ease forwards;
animation: fadeIn 0.65s ease forwards;
}
@-webkit-keyframes fadeIn {
0% {}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {}
100% {
opacity: 1;
}
}
/* Effect 2: Move Up */
.grid01.effect-2 li.animate {
-webkit-transform: translateY(200px);
transform: translateY(200px);
-webkit-animation: moveUp 0.65s ease forwards;
animation: moveUp 0.65s ease forwards;
}
@-webkit-keyframes moveUp {
0% {}
100% {
-webkit-transform: translateY(0);
opacity: 1;
}
}
@keyframes moveUp {
0% {}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
/* Effect 3: Scale up */
.grid01.effect-3 li.animate {
-webkit-transform: scale(0.6);
transform: scale(0.6);
-webkit-animation: scaleUp 0.65s ease-in-out forwards;
animation: scaleUp 0.65s ease-in-out forwards;
}
@-webkit-keyframes scaleUp {
0% {}
100% {
-webkit-transform: scale(1);
opacity: 1;
}
}
@keyframes scaleUp {
0% {}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
/* Effect 4: fall perspective */
.grid01.effect-4 {
-webkit-perspective: 1300px;
perspective: 1300px;
}
.grid01.effect-4 li.animate {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: translateZ(400px) translateY(300px) rotateX(-90deg);
transform: translateZ(400px) translateY(300px) rotateX(-90deg);
-webkit-animation: fallPerspective .8s ease-in-out forwards;
animation: fallPerspective .8s ease-in-out forwards;
}
@-webkit-keyframes fallPerspective {
0% {}
100% {
-webkit-transform: translateZ(0px) translateY(0px) rotateX(0deg);
opacity: 1;
}
}
@keyframes fallPerspective {
0% {}
100% {
-webkit-transform: translateZ(0px) translateY(0px) rotateX(0deg);
transform: translateZ(0px) translateY(0px) rotateX(0deg);
opacity: 1;
}
}
/* Effect 5: fly (based on http://lab.hakim.se/scroll-effects/ by @hakimel) */
.grid01.effect-5 {
-webkit-perspective: 1300px;
perspective: 1300px;
}
.grid01.effect-5 li.animate {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform-origin: 50% 50% -300px;
transform-origin: 50% 50% -300px;
-webkit-transform: rotateX(-180deg);
transform: rotateX(-180deg);
-webkit-animation: fly .8s ease-in-out forwards;
animation: fly .8s ease-in-out forwards;
}
@-webkit-keyframes fly {
0% {}
100% {
-webkit-transform: rotateX(0deg);
opacity: 1;
}
}
@keyframes fly {
0% {}
100% {
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
opacity: 1;
}
}
/* Effect 6: flip (based on http://lab.hakim.se/scroll-effects/ by @hakimel) */
.grid01.effect-6 {
-webkit-perspective: 1300px;
perspective: 1300px;
}
.grid01.effect-6 li.animate {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-transform: rotateX(-80deg);
transform: rotateX(-80deg);
-webkit-animation: flip .8s ease-in-out forwards;
animation: flip .8s ease-in-out forwards;
}
@-webkit-keyframes flip {
0% {}
100% {
-webkit-transform: rotateX(0deg);
opacity: 1;
}
}
@keyframes flip {
0% {}
100% {
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
opacity: 1;
}
}
/* Effect 7: helix (based on http://lab.hakim.se/scroll-effects/ by @hakimel) */
.grid01.effect-7 {
-webkit-perspective: 1300px;
perspective: 1300px;
}
.grid01.effect-7 li.animate {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
-webkit-animation: helix .8s ease-in-out forwards;
animation: helix .8s ease-in-out forwards;
}
@-webkit-keyframes helix {
0% {}
100% {
-webkit-transform: rotateY(0deg);
opacity: 1;
}
}
@keyframes helix {
0% {}
100% {
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
opacity: 1;
}
}
/* Effect 8: */
.grid01.effect-8 {
-webkit-perspective: 1300px;
perspective: 1300px;
}
.grid01.effect-8 li.animate {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: scale(0.4);
transform: scale(0.4);
-webkit-animation: popUp .8s ease-in forwards;
animation: popUp .8s ease-in forwards;
}
@-webkit-keyframes popUp {
0% {}
70% {
-webkit-transform: scale(1.1);
opacity: .8;
-webkit-animation-timing-function: ease-out;
}
100% {
-webkit-transform: scale(1);
opacity: 1;
}
}
@keyframes popUp {
0% {}
70% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
opacity: .8;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@media screen and (max-width: 1600px) {
.grid01 li {
width: 33%;
}
}
@media screen and (max-width: 900px) {
.grid01 li {
width: 50%;
}
}
@media screen and (max-width: 400px) {
.grid01 li {
width: 100%;
}
}
@media screen and (max-width:700px) {
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
display: block!important;
}
.owl-prev {
position: absolute;
left: 20px;
top: 87%;
margin-right: 15px;
height: 30px;
width: 30px;
border-radius: 50%;
}
.owl-next {
position: absolute;
right: 30px;
top: 87%;
margin-left: 15px;
height: 30px;
width: 30px;
border-radius: 50%;
}
.zagl001 h3 {
width: 300px;
font-size: 20px;
}
body {
overflow-x: hidden;
}
.gltop {
background-size: 110%;
}
}
/**************хз что***************/
.main-user-consent-request-popup {
z-index: 19000 !important;
}
@media only screen and (max-device-width: 480px) {
.next_b {
width: 100%;
margin-top: 5px;
margin-bottom: 5px;
}
.moba->h1 {
font-size: 16px !important;
}
}
/**********поиск в шапке************************/
.bx-searchtitle {
margin: 10px 0 0;
}
.bx-searchtitle .bx-block-title {
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('/local/templates/kk2018_new/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;
}
/******************стили фитльтра каталога**************/
.bx_filter .bx_filter_section {
position: relative;
padding: 30px 20px;
border-radius: 5px;
background-color: #e2f7fe;
}
.bx_filter .bx_filter_title {
font-size: 21px;
font-weight: bold;
margin-bottom: 10px;
padding: 0 10px;
color: #000;
text-shadow: 0 1px 0 #fff;
text-align: center;
}
.bx_filter .bx_filter_button_box {
clear: both;
margin-top: 20px;
}
.bx_filter.bx_horizontal .bx_filter_parameters_box {
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 25%;
padding: 0 15px;
}
.bx_filter.bx_horizontal .bx_filter_parameters_box:nth-child(4n+2) {
clear: both;
}
@media (max-width:860px) {
.bx_filter.bx_horizontal .bx_filter_parameters_box {
width: 33.333%;
}
.bx_filter.bx_horizontal .bx_filter_parameters_box:nth-child(4n+2) {
clear: none;
}
.bx_filter.bx_horizontal .bx_filter_parameters_box:nth-child(3n+2) {
clear: both;
}
}
@media (max-width:640px) {
.bx-touch .bx_filter.bx_horizontal .bx_filter_parameters_box {
width: 50%;
}
.bx-touch .bx_filter.bx_horizontal .bx_filter_parameters_box:nth-child(4n+2) {
clear: none;
}
.bx-touch .bx_filter.bx_horizontal .bx_filter_parameters_box:nth-child(3n+2) {
clear: none;
}
.bx-touch .bx_filter.bx_horizontal .bx_filter_parameters_box:nth-child(2n+2) {
clear: both;
}
}
@media (max-width:450px) {
.bx-touch .bx_filter.bx_horizontal .bx_filter_parameters_box {
float: none;
width: 100%;
}
.bx-touch .bx_filter.bx_horizontal .bx_filter_parameters_box:nth-child(4n+2) {
clear: none;
}
.bx-touch .bx_filter.bx_horizontal .bx_filter_parameters_box:nth-child(3n+2) {
clear: none;
}
.bx-touch .bx_filter.bx_horizontal .bx_filter_parameters_box:nth-child(2n+2) {
clear: none;
}
}
.bx_filter_parameters_box_title {
padding: 12px 0;
width: 100%;
/*border-bottom: 1px solid #bfd2d8;*/
border-top: 1px solid #bfd2d8;
box-sizing: border-box;
position: relative;
}
.bx_filter .bx_filter_parameters_box_title:after {
content: "";
width: 18px;
height: 10px;
position: absolute;
right: 0;
top: calc(50% - 5px);
transition: all .3s ease;
background-image: url(/local/templates/kk2018_new/./images/filter-arrow.png);
background-repeat: no-repeat;
-webkit-background-size: cover;
background-size: cover;
background-position: center;
}
.bx_filter .bx_filter_parameters_box_title {
color: #24414c;
font-size: 18px;
font-weight: 700;
line-height: 19px;
padding-right: 20px;
box-sizing: border-box;
display: inline-block;
cursor: pointer;
position: relative;
width: 90%;
}
.bx_filter .bx_filter_parameters_box.active .bx_filter_parameters_box_title:after {
transform: rotate(180deg);
}
.left-meny .left-menu span:hover, .left-meny .left-menu span:focus, .left-meny .left-menu span:active, .left-meny .left-menu span:link, .left-meny .left-menu span:visited {
-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgb(221, 9, 46)), to(rgb(221, 9, 46)));
background-color: #dd0932;
}
.bx_filter .bx_filter_block {
display: none;
padding: 0;
}
.bx_filter .bx_filter_button_box .bx_filter_block, .bx_filter .bx_filter_parameters_box.active .bx_filter_block {
display: block;
}
.bx_filter .bx_filter_button_box .bx_filter_block {
display: inline-block;
}
.bx_filter .bx_filter_parameters_box.active .bx_filter_block i {
font-size: 15px;
font-style: normal;
color: #596b70;
display: block;
padding-bottom: 3px;
}
/*bx_filter_param_area => bx_filter_parameters_box_container*/
.bx_filter .bx_filter_parameters_box_container {
padding-bottom: 5px;
padding-top: 5px;
}
/*bx_filter_param_area_block => bx_filter_parameters_box_container_block*/
.bx_filter .bx_filter_parameters_box_container_block {
/*display: none;*/
font-size: 11px;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 50%;
color: #3f3f3f;
}
.bx_filter .bx_filter_parameters_box_container .bx_filter_parameters_box_container_block:nth-child(2) {
text-align: right;
}
/*bx_input_container => bx_filter_input_container*/
.bx_filter .bx_filter_parameters_box_container .bx_filter_input_container {
display: inline-block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
/*max-width:105px;*/
/*max-width: 66%;*/
min-width: 80px;
width: 100%;
height: 35px;
padding: 1px;
border-radius: 3px;
}
.bx_filter .bx_filter_parameters_box_container .bx_filter_parameters_box_container_block:nth-child(1) {
padding-right: 5px;
}
.bx_filter .bx_filter_parameters_box_container .bx_filter_parameters_box_container_block:nth-child(2) {
padding-left: 5px;
}
.bx_filter .bx_filter_parameters_box_container .bx_filter_input_container input {
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
font-size: 18px;
height: 35px;
margin: 0;
padding: 0 4px;
color: #5d6b70;
border: none;
border: 1px solid #24414c;
border-radius: 12px;
background: #fff;
}
.bx_filter .bx_filter_parameters_box_container .bx_filter_calendar_container {
max-width: 100%;
position: relative;
}
.bx_filter .bx_filter_parameters_box_container .bx_filter_calendar_container input.calendar {
padding: 0 23px 0 4px;
font-size: 15px;
}
.bx_filter .bx_filter_parameters_box_container .bx_filter_input_container img.calendar-icon {
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
font-size: 18px;
top: 7px;
right: 3px;
}
/*Track*/
.bx_filter .bx_ui_slider_track {
position: relative;
height: 7px;
margin: 25px 10px;
border: 1px solid #8da3ad;
background: #a1c0c8;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ExYzBjOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiM2Q1ZGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a1c0c8), color-stop(100%, #b3d5df));
background: -webkit-linear-gradient(top, #a1c0c8 0%, #b3d5df 100%);
background: -moz-linear-gradient(top, #a1c0c8 0%, #b3d5df 100%);
background: -ms-linear-gradient(top, #a1c0c8 0%, #b3d5df 100%);
background: -o-linear-gradient(top, #a1c0c8 0%, #b3d5df 100%);
background: linear-gradient(top bottom, #a1c0c8 0%, #b3d5df 100%);
box-shadow: 0 1px 0 0 rgba(255, 255, 255, .35);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1c0c8', endColorstr='#b3d5df', GradientType=0);
}
.bx_filter .bx_ui_slider_part {
position: absolute;
top: -6px;
width: 1px;
height: 17px;
background: #a2bfc7;
}
.bx_filter .bx_ui_slider_part.p1 {
left: -1px;
}
.bx_filter .bx_ui_slider_part.p2 {
left: 25%;
}
.bx_filter .bx_ui_slider_part.p3 {
left: 50%;
}
.bx_filter .bx_ui_slider_part.p4 {
left: 75%;
}
.bx_filter .bx_ui_slider_part.p5 {
right: -1px;
}
.bx_filter .bx_ui_slider_part span {
font-size: 14px;
font-weight: bold;
position: absolute;
top: -18px;
left: 50%;
display: block;
width: 100px;
margin-left: -50px;
text-align: center;
color: #000;
}
.bx_filter .bx_ui_slider_part.p2 span, .bx_filter .bx_ui_slider_part.p3 span, .bx_filter .bx_ui_slider_part.p4 span {
color: #6b8086;
}
.bx_filter .bx_ui_slider_range, .bx_filter .bx_ui_slider_pricebar, .bx_filter .bx_ui_slider_pricebar_VD, .bx_filter .bx_ui_slider_pricebar_VN, .bx_filter .bx_ui_slider_pricebar_V {
position: absolute;
top: -1px;
bottom: -1px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.bx_filter .bx_ui_slider_range {
z-index: 150;
}
.bx_filter .bx_ui_slider_pricebar {
z-index: 100;
}
.bx_filter .bx_ui_slider_pricebar_VD {
z-index: 60;
border-top: 1px solid #74868e;
border-bottom: 1px solid #74868e;
background: #849da4;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg0OWRhNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5M2FmYjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #849da4), color-stop(100%, #93afb7));
background: -webkit-linear-gradient(top, #849da4 0%, #93afb7 100%);
background: -moz-linear-gradient(top, #849da4 0%, #93afb7 100%);
background: -ms-linear-gradient(top, #849da4 0%, #93afb7 100%);
background: -o-linear-gradient(top, #849da4 0%, #93afb7 100%);
background: linear-gradient(top bottom, #849da4 0%, #93afb7 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#849da4', endColorstr='#93afb7', GradientType=0);
}
.bx_filter .bx_ui_slider_pricebar_VN {
z-index: 70;
border: 1px solid #8da3ad;
background: #a8dff3;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E4ZGZmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiMGVhZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6eccea), color-stop(100%, #73d6f6));
background: -webkit-linear-gradient(top, #6eccea 0%, #73d6f6 100%);
background: -moz-linear-gradient(top, #6eccea 0%, #73d6f6 100%);
background: -ms-linear-gradient(top, #6eccea 0%, #73d6f6 100%);
background: -o-linear-gradient(top, #6eccea 0%, #73d6f6 100%);
background: linear-gradient(top bottom, #6eccea 0%, #73d6f6 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6eccea', endColorstr='#73d6f6', GradientType=0);
}
.bx_filter .bx_ui_slider_pricebar_V {
z-index: 80;
top: -1px;
bottom: -1px;
/* border-right:1px solid #1888cc;
border-left: 1px solid #1888cc;*/
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAABGdBTUEAALGPC/xhBQAAAANQTFRFGIjM1MdTygAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CIIA=') repeat-y left, url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAABGdBTUEAALGPC/xhBQAAAANQTFRFGIjM1MdTygAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CIIA=') repeat-y right, url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAJCAMAAAAxZj1mAAAABGdBTUEAALGPC/xhBQAAAL1QTFRFANz2ALTqAKrmALbrAN33AKzmANf0ALPqAKfkAKrlAKbkHpThALXqALHqAI/dAKDkAJviAJ/lAJrhAKnnAKTnAJTgAJ/kAKTmAJXfAJnhAKbjAJriAJ3iAKfoAKPnAJHeAKHjAKfmAKznAKvoAKvpAKHkAKzqALTrALTpANb0ALXrALPrALjtAJ7kAKfnAKPlAKTlAKLnAKbnAK/pHpTiALDqANz3AHi6AKzpAKjoANv2AHm6AKzoAHm7H5XiGxHqSgAAAG9JREFUCNcVxEUCwkAQBMDG3V2Dxz3rO/n/s4A6FOqq/vk3qsC7XGsfuu1rjk7gtZoNLxqMgwg9xvqh6w7ZJDyitDcpbVbax9titVT35yFRr7P8YJ5k6T7dFadLoTBbxNN1vN3k19yBEIYEkTGG6AvhQBEyBjCadgAAAABJRU5ErkJggg==') repeat-x;
}
.bx_filter .bx_ui_slider_handle {
position: absolute;
top: 0%;
margin-top: -8px;
width: 22px;
height: 22px;
border: 1px solid #00a1e3;
border-radius: 11px;
background: #fff;
}
.bx_filter .bx_ui_slider_handle:hover {
-webkit-cursor: grab;
-ms-cursor: grab;
-o-cursor: grab;
cursor: grab;
}
.bx_filter .bx_ui_slider_handle:active {
-webkit-cursor: grabbing;
-ms-cursor: grabbing;
-o-cursor: grabbing;
cursor: grabbing;
}
.bx_filter .bx_ui_slider_handle.left {
left: 0;
margin-left: -11px;
/*background:url(/local/templates/kk2018_new/images/handle_left.png) no-repeat right top;*/
}
.bx_filter .bx_ui_slider_handle.right {
right: 0;
margin-right: -11px;
/*background:url(/local/templates/kk2018_new/images/handle_right.png) no-repeat left top;*/
}
/*
* Select
*
*/
.bx_filter .bx_filter_select_container {
display: inline-block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
height: 35px;
padding: 1px;
border-radius: 3px;
background: #8ca3ae;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhjYTNhZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiNmM4ZDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8ca3ae), color-stop(100%, #b6c8d2));
background: -webkit-linear-gradient(top, #8ca3ae 0%, #b6c8d2 100%);
background: -moz-linear-gradient(top, #8ca3ae 0%, #b6c8d2 100%);
background: -ms-linear-gradient(top, #8ca3ae 0%, #b6c8d2 100%);
background: -o-linear-gradient(top, #8ca3ae 0%, #b6c8d2 100%);
background: linear-gradient(top bottom, #8ca3ae 0%, #b6c8d2 100%);
box-shadow: 0 1px 0 0 rgba(255, 255, 255, .75);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ca3ae', endColorstr='#b6c8d2', GradientType=0);
}
.bx_filter .bx_filter_select_block {
position: relative;
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
height: 33px;
margin: 0;
padding: 0 33px 0 10px;
border: none;
border-radius: 2px;
background: #fff;
box-shadow: inset 0 3px 6px 0 rgba(215, 215, 215, .75);
}
.bx_filter .bx_filter_select_text {
font-size: 15px;
line-height: 33px;
overflow: hidden;
max-width: 100%;
height: 33px;
cursor: pointer;
vertical-align: middle;
white-space: nowrap;
text-overflow: ellipsis;
-ms-text-overflow: ellipsis;
}
.bx_filter .bx_filter_select_text.fix {
min-width: 120px;
}
.bx_filter .bx_filter_select_text label {
cursor: pointer;
}
.bx_filter .bx_filter_select_arrow {
position: absolute;
top: 0;
right: 0;
width: 34px;
height: 33px;
cursor: pointer;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAYAAABCxiV9AAAAG0lEQVQY02OYOXPmf1yYAQRwSsAATglkBch8ADy7LKHqFrgoAAAAAElFTkSuQmCC') no-repeat center;
}
/*
* Select popup
*
*/
.bx_filter_select_popup {
padding: 0;
}
.bx_filter_select_popup ul {
margin: 0;
padding: 0;
list-style: none;
}
.bx_filter_select_popup ul li {
display: block;
text-align: left;
vertical-align: middle;
}
.bx_filter_select_popup ul li:first-child {
border-bottom: 1px solid #e5e5e5;
padding-bottom: 5px;
margin-bottom: 5px;
}
.bx_filter_select_popup ul li label {
font-size: 14px;
line-height: 26px;
display: block;
text-align: left !important;
overflow: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
height: 26px;
padding: 0 5px;
cursor: pointer;
vertical-align: middle;
white-space: nowrap;
text-overflow: ellipsis;
-ms-text-overflow: ellipsis;
color: #575757;
}
.bx_filter_select_popup ul li label.selected, .bx_filter_select_popup ul li label:hover {
color: #000;
background: #f3f8fa;
}
.bx_filter_select_popup ul li label.disabled {
color: #b8b8b8;
background: transparent;
}
.bx_filter_select_popup ul li .bx_filter_param_text {
line-height: 26px !important;
}
/*
* TAGS
*
*/
.bx_filter.bx_horizontal .bx_filter_parameters_box.tags {
width: 100%;
clear: both
}
.bx_filter .bx_filter_tag {
padding: 18px;
border: 1px solid #aed5e0;
border-radius: 5px;
background: rgba(151, 214, 233, .33);
}
.bx_filter .bx_tag_link {
font-size: 12px;
text-decoration: none;
color: #68939e;
border-bottom: 1px solid;
text-shadow: none;
}
.bx_filter .bx_tag_link.active, .bx_filter .bx_tag_link:hover {
color: #1d3d46;
border-bottom: none;
}
/*
* LABEL
*
*/
.bx_filter .bx_filter_param_label {
font-size: 13px;
position: relative;
display: block;
text-align: left;
margin-bottom: 5px;
margin-right: 5px;
clear: both;
height: 45px;
}
.bx_filter .bx_filter_param_label:before {
content: "";
background: #fff;
height: 17px;
width: 17px;
border: 1px solid #ff009963;
box-shadow: inset 0px 0px 1px 0px #0066ad, 0px 0px 3px #0066ad;
display: inline-block;
margin: 4px 0 0 5px;
float: left;
border-radius: 3px;
transition: all 0.8s;
}
.bx_filter .bx_filter_param_label.dib {
display: inline-block;
}
.bx_filter .bx_filter_param_text {
line-height: 34px;
position: relative;
display: inline-block;
margin: 0 5px;
vertical-align: middle;
text-align: center;
cursor: pointer;
}
.bx_filter .bx_filter_param_label.disabled .bx_filter_param_text {
color: #6c6c6c;
/*text-decoration: line-through;*/
}
.bx_filter_select_popup .bx_filter_param_label.active {
background: #f3f8fa;
}
/*
* Checkbox / Radio
*
*/
.bx_filter .bx_filter_input_checkbox {
position: relative;
overflow: hidden;
min-height: 20px;
padding-top: 5px;
padding-bottom: 5px;
float: left;
display: inline-block;
}
.bx_filter .bx_filter_parameters_box input[type="radio"], .bx_filter .bx_filter_parameters_box input[type="checkbox"] {
position: relative;
top: -3px;
float: left;
display: none;
}
.bx_filter input[type="checkbox"]:checked+.bx_filter_param_label:before {
box-shadow: inset 0px 0px 20px 6px #7ec3df, 0px 0px 3px #0066ad;
}
.bx_filter .bx_filter_input_checkbox .bx_filter_param_text {
display: block;
line-height: 15px;
margin-left: 10px;
text-align: left;
font-size: 12px;
}
/*
* BTN
*
*/
.fixed_close_but {
display: inline-block;
font-size: 24px;
margin-right: 20px;
color: #f09;
/*height: 27px;*/
text-shadow: none;
vertical-align: middle;
cursor: pointer;
transition: transform 0.4s ease;
}
.fixed_close_but:hover {
color: #df0488;
transform: rotate(90deg);
}
.bx_filter .bx_filter_param_btn {
display: inline-block;
width: 34px;
height: 34px;
text-align: center;
text-decoration: none;
color: #000;
vertical-align: middle;
border: 1px solid #9dbcc3;
border-radius: 3px;
background: #fbfdfd;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiZmRmZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZmUxZTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fbfdfd), color-stop(100%, #cfe1e7));
background: -webkit-linear-gradient(top, #fbfdfd 0%, #cfe1e7 100%);
background: -moz-linear-gradient(top, #fbfdfd 0%, #cfe1e7 100%);
background: -ms-linear-gradient(top, #fbfdfd 0%, #cfe1e7 100%);
background: -o-linear-gradient(top, #fbfdfd 0%, #cfe1e7 100%);
background: linear-gradient(top bottom, #fbfdfd 0%, #cfe1e7 100%);
background-clip: padding-box;
box-shadow: 0 1px 0 rgba(0, 0, 0, .1), inset 0 0 0 1px rgba(255, 255, 255, .22);
text-shadow: 0 1px 0 #fff;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfdfd', endColorstr='#cfe1e7', GradientType=0);
-webkit-transition: border .3s ease, box-shadow .1s ease, color .3s ease;
-moz-transition: border .3s ease, box-shadow .1s ease, color .3s ease;
-ms-transition: border .3s ease, box-shadow .1s ease, color .3s ease;
-o-transition: border .3s ease, box-shadow .1s ease, color .3s ease;
transition: border .3s ease, box-shadow .1s ease, color .3s ease;
cursor: pointer;
}
.bx_filter .bx_filter_param_btn:hover {
border-color: #b4d5de
}
.bx_filter .bx_filter_param_btn:active, .bx_filter .bx_filter_param_label.active .bx_filter_param_btn {
border-color: #b4d5de;
background: #fcfefe;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZmUyZTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #feffff), color-stop(100%, #cfe2e7));
background: -webkit-linear-gradient(top, #fcfefe 0%, #feffff 100%);
background: -moz-linear-gradient(top, #fcfefe 0%, #feffff 100%);
background: -ms-linear-gradient(top, #fcfefe 0%, #feffff 100%);
background: -o-linear-gradient(top, #fcfefe 0%, #feffff 100%);
background: linear-gradient(top bottom, #fcfefe 0%, #cfe2e7 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfefe', endColorstr='#feffff', GradientType=0);
box-shadow: 0 0 0 3px #2995d7, inset 0 2px 3px rgba(0, 0, 0, .12);
}
/* --- colors */
.bx_filter .bx_filter_param_btn.bx_color_sl {
/*width:24px;*/
/*padding:0 1px;*/
}
.bx_filter .bx_filter_param_label.disabled .bx_filter_param_btn.bx_color_sl {
background: transparent;
box-shadow: none
}
.bx_filter .bx_filter_param_label.disabled .bx_filter_param_btn.bx_color_sl {
position: relative;
}
.bx_filter .bx_filter_param_label.disabled .bx_filter_param_btn.bx_color_sl:before {
position: absolute;
bottom: 0;
right: 0;
top: 0;
left: 0;
content: ' ';
/*width: 19px;*/
/*height:19px;*/
display: block;
z-index: 100;
background: url(/local/templates/kk2018_new/images/missing_v2.png) no-repeat center;
opacity: .7;
}
/*
* BTN P/M
*
*/
.bx_filter .bx_filter_param_btn.bx_spm {
width: 23px;
min-width: 23px;
height: 23px;
padding: 0;
vertical-align: middle;
}
.bx_filter .bx_filter_param_btn.bx_spm.bx_minus {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAECAIAAADXmFKkAAAAIUlEQVQYV2NgKFmCD5UuYUDno5ElUBWLoUJwUWT0nxAAABiMRP18QPJ4AAAAAElFTkSuQmCC), -webkit-linear-gradient(#fbfdfd 0%, #cfe1e7 100%);
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAECAIAAADXmFKkAAAAIUlEQVQYV2NgKFmCD5UuYUDno5ElUBWLoUJwUWT0nxAAABiMRP18QPJ4AAAAAElFTkSuQmCC), -o-linear-gradient(#fbfdfd 0%, #cfe1e7 100%);
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAECAIAAADXmFKkAAAAIUlEQVQYV2NgKFmCD5UuYUDno5ElUBWLoUJwUWT0nxAAABiMRP18QPJ4AAAAAElFTkSuQmCC), linear-gradient(#fbfdfd 0%, #cfe1e7 100%);
background-repeat: no-repeat, repeat;
background-position: center 10px, center;
}
.bx_filter .bx_filter_param_btn.bx_spm.bx_plus {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAMCAYAAAC0qUeeAAAATElEQVQoz2NgQAclS/7DMUEAVriYWMVQhSCaKJNLcTmjFMmNyBibOFgQLrEYu0a4YrCCxbhNQxb7jwaQFWLIUR7OpUtIDWciFONzIwAP8KL1rVnYDQAAAABJRU5ErkJggg==), -webkit-linear-gradient(#fbfdfd 0%, #cfe1e7 100%);
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAMCAYAAAC0qUeeAAAATElEQVQoz2NgQAclS/7DMUEAVriYWMVQhSCaKJNLcTmjFMmNyBibOFgQLrEYu0a4YrCCxbhNQxb7jwaQFWLIUR7OpUtIDWciFONzIwAP8KL1rVnYDQAAAABJRU5ErkJggg==), -o-linear-gradient(#fbfdfd 0%, #cfe1e7 100%);
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAMCAYAAAC0qUeeAAAATElEQVQoz2NgQAclS/7DMUEAVriYWMVQhSCaKJNLcTmjFMmNyBibOFgQLrEYu0a4YrCCxbhNQxb7jwaQFWLIUR7OpUtIDWciFONzIwAP8KL1rVnYDQAAAABJRU5ErkJggg==), linear-gradient(#fbfdfd 0%, #cfe1e7 100%);
background-repeat: no-repeat, repeat;
background-position: center 6px, center;
}
.bx_filter .bx_filter_param_btn.bx_spm:active {
outline: none !important;
box-shadow: inset 0 2px 3px rgba(0, 0, 0, .12);
}
.bx_filter span.bx_spm {
font-size: 18px;
font-weight: bold;
line-height: 23px;
display: inline-block;
height: 23px;
margin: 0 10px;
vertical-align: middle;
color: #000;
}
/*
* icon
*
*/
.bx_filter_select_popup .bx_filter_select_text_icon, .bx_filter .bx_filter_select_text_icon {
line-height: 33px;
position: relative;
display: inline-block;
width: 24px;
height: 24px;
margin-top: -2px;
margin-right: 2px;
vertical-align: middle;
border-radius: 2px;
}
.bx_filter_select_popup .bx_filter_btn_color_icon, .bx_filter .bx_filter_btn_color_icon {
line-height: 24px;
position: relative;
top: 5px;
border-radius: 2px;
display: inline-block;
width: 24px;
height: 24px;
vertical-align: middle;
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .2);
-webkit-background-size: cover;
background-size: cover;
}
.bx_filter_select_popup .bx_filter_btn_color_icon {
width: 20px;
height: 20px;
margin: 2px 0;
top: 0 !important;
}
.bx_filter .bx_filter_select_block .bx_filter_btn_color_icon {
top: -1px !important;
}
.bx_filter_btn_color_icon.all {
position: relative;
border: none;
box-shadow: none
}
.bx_filter_btn_color_icon.all:after, .bx_filter_btn_color_icon.all:before {
position: absolute;
width: 60%;
height: 60%;
background: #fff;
content: " ";
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .2);
}
.bx_filter_btn_color_icon.all:after {
right: 0;
bottom: 0;
}
.bx_filter_btn_color_icon.all:before {
top: 0;
left: 0;
}
.bx_filter .bx_filter_param_label.disabled .bx_filter_btn_color_icon {
opacity: .2;
}
/*
* BIZ
*
*/
.bx_filter .bx_filter_parameter_biz {
font-size: 15px;
display: inline-block;
margin-right: 10px;
text-decoration: none;
color: #215968;
border-bottom: 1px dashed;
}
.bx_filter .bx_filter_parameter_biz:hover {
text-decoration: none;
border-bottom: 1px solid;
}
.bx_filter .bx_filter_parameter_biz.active {
position: relative;
padding-left: 20px;
color: #d54a4a;
border-bottom: 1px solid;
}
.bx_filter .bx_filter_parameter_biz.active:hover {
border-bottom: 1px dashed;
}
.bx_filter .bx_filter_parameter_biz.active:before {
position: absolute;
top: 4px;
left: 1px;
display: block;
width: 13px;
height: 13px;
content: ' ';
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAMCAYAAAC5tzfZAAABFElEQVQoz2NgIBJcl+Qzui7J33Vdgo+RWA38NxQknwDp/zekhRoIarghyc94Q15iC5D+f1NJ5v/n7dumE7ZFWqgYbANQ08c1a37+///fAL8GCT7L6zLCf0CaXjbUAdX/j0aWdAJKTACaxookJnJTUeoFyIaHIYH////8ORHZzdw35MTegyRvSAkeAdISYH8oSu4Fid0x0f//5/nzo0BbWOCagBzur0ePvrujp/kf5Aygc54DbZkDYt9UkPj/7czpl0A1ohhuBwra/Lp//809Zwewh8GagfSHpUt+A+VMcXoaKKn45+PHK0/iY8EaX1SUgzyeRDB4gYp4//3+veX9/Hn//379OpPY1ALSyAzEOUDMhksNAKf2po+AEPuKAAAAAElFTkSuQmCC') no-repeat center left;
}
/*
* BTN result and reset
*
*/
.bx_filter .bx_filter_search_button {
cursor: pointer;
outline: none;
font-size: 14px;
font-weight: 600;
padding: 8px 10px;
background: #5fb2d5;
border: 1px solid #4296b9;
border-radius: 5px;
color: #fff;
text-shadow: 1px 1px 1px #245d75;
box-shadow: 1px 1px 3px 0px #44444452;
}
.bx_filter .bx_filter_search_button:hover {
box-shadow: inset 1px 1px 3px 0px #44444452;
background: #54a1c1;
border: 1px solid #4296b9;
}
.bx_filter .bx_filter_search_button:active {
box-shadow: inset 1px 1px 3px 0px #44444452;
background: #54a1c1;
border: 1px solid #4296b9;
}
.bx_filter .bx_filter_search_reset {
cursor: pointer;
outline: none;
font-size: 14px;
font-weight: bold;
line-height: 35px;
display: inline-block;
height: 35px;
margin-right: 7px;
margin-bottom: 10px;
padding: 0 10px;
/*text-decoration:underline;*/
color: #586a6f;
border-radius: 3px;
background: transparent;
border: none;
text-shadow: 0 1px 0 0 rgba(255, 255, 255, .75);
}
.bx_filter .bx_filter_search_reset:hover {
color: #555;
}
.bx_filter .bx_filter_search_reset:active {
position: relative;
bottom: -1px;
/*box-shadow: inset 0 1px 2px 0 rgba(0,0,0,0.08) ;*/
}
/*
* Result Popup
*
*/
.bx_filter .bx_filter_popup_result {
font-size: 13px;
font-weight: normal;
line-height: 33px;
position: absolute;
z-index: 930;
display: none;
height: 33px;
margin-top: -7px;
margin-left: 10px;
padding: 0 10px;
white-space: nowrap;
color: #3f3f3f;
border-top: 1px solid #c0d6dc;
border-right: 1px solid #c0d7dd;
border-bottom: 1px solid #c0d6dc;
border-left: 1px solid #c0d7dd;
border-radius: 3px;
background: #fff;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .1);
}
.bx_filter .bx_filter_popup_result .arrow {
position: absolute;
top: 50%;
width: 8px;
height: 14px;
margin-top: -7px;
background: url(/local/templates/kk2018_new/images/arr_left.png) no-repeat center;
}
.bx_filter.bx_horizontal .bx_filter_popup_result {
position: static !important;
display: inline-block
}
.bx_filter.bx_horizontal .bx_filter_popup_result .arrow {
display: none;
}
.bx_filter .bx_filter_popup_result.right {
left: 102%;
}
.bx_filter .bx_filter_popup_result.left {
right: 102%;
}
.bx_filter .bx_filter_popup_result.right .arrow {
left: -8px;
background: url(/local/templates/kk2018_new/images/arr_left.png) no-repeat center;
}
.bx_filter .bx_filter_popup_result.left .arrow {
right: -8px;
background: url(/local/templates/kk2018_new/images/arr_right.png) no-repeat center;
}
.bx_filter .bx_filter_popup_result a {
color: #0073a3;
}
.bx_filter .bx_filter_popup_result a:hover {
text-decoration: none;
}
.bx_filter .bx_filter_popup_result_close {
display: none;
}
@media (max-width: 991px) {
.bx-wrapper1 {
box-shadow: none !important;
}
.bx_item_related_offers-cstm {
display: none;
}
.page-mobile.right-sidebar .bx_filter .bx_filter_button_box {
background: #6cb9dbe0;
/*position: fixed;*/
left: 0;
bottom: 0;
width: 100%;
padding: 10px 5% 0;
margin: 0;
text-align: center;
vertical-align: middle;
}
}
@media (max-width:530px) {
.bx-touch .bx_filter .bx_filter_popup_result {
font-size: 12px;
line-height: 14px;
display: none !important;
position: fixed !important;
z-index: 1001;
top: auto !important;
right: 0 !important;
bottom: 0 !important;
left: 0 !important;
margin-top: 0;
margin-left: 0;
width: auto;
height: auto;
padding: 10px;
border-radius: 0;
box-shadow: 0 -2px 5px 0 rgba(0, 0, 0, .1);
}
.bx_filter .bx_filter_popup_result .arrow {
display: none;
}
.bx-touch .bx_filter .bx_filter_popup_result_close {
position: absolute;
top: 50%;
right: 10px;
display: block;
width: 22px;
height: 22px;
margin-top: -11px;
background: url(/local/templates/kk2018_new/images/x.png) no-repeat center;
background-size: 16px;
}
.bx_filter .bx_ui_slider_track {
display: none;
}
.bx_filter .bx_filter_button_box .bx_filter_block, .bx_filter .bx_filter_parameters_box.active .bx_filter_block {
margin-bottom: 20px;
}
}
.bx_filter .onevalue {
/*background: #edf8fc;*/
border-radius: 0;
margin-bottom: 0;
box-shadow: none;
/*padding: 0 3px 0 3px;*/
border-top: 1px solid #bfd2d8;
}
.bx_filter .onevalue .bx_filter_parameters_box {
margin-bottom: 0px;
border-top: 0px dashed #6cb9da;
border-bottom: 0px dashed #6cb9da;
border-radius: 0;
/*padding: 4px;*/
}
.onevalue:first-child, :not(.onevalue)+.onevalue {
padding: 3px 3px 0;
border-radius: 5px 5px 0 0;
border-top: 1px solid #bfd2d8;
}
.onevalue:first-child, :not(.onevalue)+.onevalue .bx_filter_parameters_box {
/*border-top: 1px dashed #6cb9da;*/
border-radius: 5px 5px 0 0;
}
.bx_filter_parameters_poher.onevalue.last {
padding: 0 3px 3px 3px;
border-radius: 0 0 5px 5px;
}
.bx_filter_parameters_poher.onevalue.last .bx_filter_parameters_box {
border-bottom: 1px dashed #6cb9da;
border-radius: 0 0 5px 5px;
}
.bx_filter .onevalue .bx_filter_param_label:before {
display: none;
}
.bx_filter .onevalue .bx_filter_param_text {
margin: 0;
padding-right: 40px;
}
.onevalue .bx_filter_param_label .slider {
position: absolute;
right: 0;
top: 2px;
width: 32px;
height: 20px;
cursor: pointer;
background-color: #fff;
box-shadow: inset 0 2px 3px rgba(0, 0, 0, .2);
border-radius: 10px;
}
.onevalue .bx_filter_param_label .slider:after {
content: '';
position: absolute;
display: block;
top: 3px;
left: 3px;
height: 15px;
width: 14px;
border-radius: 8px;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAJCAMAAAAxZj1mAAAABGdBTUEAALGPC/xhBQAAAL1QTFRFANz2ALTqAKrmALbrAN33AKzmANf0ALPqAKfkAKrlAKbkHpThALXqALHqAI/dAKDkAJviAJ/lAJrhAKnnAKTnAJTgAJ/kAKTmAJXfAJnhAKbjAJriAJ3iAKfoAKPnAJHeAKHjAKfmAKznAKvoAKvpAKHkAKzqALTrALTpANb0ALXrALPrALjtAJ7kAKfnAKPlAKTlAKLnAKbnAK/pHpTiALDqANz3AHi6AKzpAKjoANv2AHm6AKzoAHm7H5XiGxHqSgAAAG9JREFUCNcVxEUCwkAQBMDG3V2Dxz3rO/n/s4A6FOqq/vk3qsC7XGsfuu1rjk7gtZoNLxqMgwg9xvqh6w7ZJDyitDcpbVbax9titVT35yFRr7P8YJ5k6T7dFadLoTBbxNN1vN3k19yBEIYEkTGG6AvhQBEyBjCadgAAAABJRU5ErkJggg==') repeat-x center / 70% 140%;
transition: transform 0.5s linear;
}
.bx_filter input[type="checkbox"]:checked+.bx_filter_param_label {
color: #069;
}
.bx_filter input[type="checkbox"]:checked+.bx_filter_param_label .slider {
background-color: #c3e9f4;
}
.bx_filter input[type="checkbox"]:checked+.bx_filter_param_label .slider::after {
-webkit-transform: translateX(12px);
-ms-transform: translateX(12px);
transform: translateX(12px);
}
.bx_filter .bx_filter_search_button:disabled, .bx_filter .bx_filter_search_button:disabled:hover {
background: transparent;
color: #8ea9b1;
text-shadow: none;
border: none;
box-shadow: none;
/*background: url("/local/templates/kk2018_new/./images/missing_v2.png") no-repeat center;*/
}
@media (max-width:991px) {
.bx_filter .bx_filter_search_button {
cursor: pointer;
outline: none;
font-size: 14px;
font-weight: 600;
padding: 8px 10px;
background: #ff0099;
border: 1px solid #ff0099;
border-radius: 5px;
color: #fff;
text-shadow: 1px 1px 1px #245d75;
box-shadow: 1px 1px 3px 0px #44444452;
}
.bx_filter .bx_filter_search_button:hover {
box-shadow: inset 1px 1px 3px 0px #44444452;
background: #df0488;
}
.bx_filter .bx_filter_search_button:active {
box-shadow: inset 1px 1px 3px 0px #44444452;
background: #df0488;
}
.bx_filter .bx_filter_search_reset {
cursor: pointer;
outline: none;
font-size: 14px;
font-weight: bold;
line-height: 35px;
display: inline-block;
height: 35px;
margin-right: 7px;
margin-bottom: 10px;
padding: 0 10px;
color: #ffffff;
background: transparent;
text-shadow: 1px 1px 1px #069;
}
.bx_filter .bx_filter_search_reset:hover {
color: #555;
text-shadow: 1px 1px 1px #fff;
}
.bx_filter .bx_filter_search_reset:active {
color: #555;
text-shadow: 1px 1px 1px #fff;
}
}
/*******************каталог*******/
.bottom_texts {
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid #ff0099;
}
.bottom_texts p {
margin: 0;
font-size: 12px;
color: #999999;
}
/*****дет карта******/
/*----------------------
card upgraded on 07.2018
ver 4.0 07.2018
----------------------*/
.detail-right {
position: relative;
}
#bx_detail_sidebar.isAffix {
position: fixed;
-webkit-transform: translateZ(0);
/*fix the flick*/
top: 20px;
margin-right: 75px;
bottom: unset;
right: unset;
opacity: 1;
background: none;
padding: 0;
}
#bx_detail_sidebar .rdetail {
width: 100%;
text-align: center;
margin: 0 0 10px;
}
#bx_detail_sidebar #r_title a {
color: #333;
}
#bx_detail_sidebar .rdetail img {
width: 80%;
margin: 0 auto;
max-width: 200px;
}
#bx_detail_sidebar .rdetail span {
display: none;
}
#bx_detail_sidebar #r_price a {
display: block;
font-size: 26px;
color: #f64fbb;
margin-bottom: 10px
}
#anchor_menu {
list-style-type: none;
border-left: 2px solid #f64fbb;
}
#anchor_menu li {
position: relative;
padding-left: 20px;
}
#anchor_menu>li:not(:last-child) {
margin-bottom: 20px;
}
/*#anchor_menu li:hover{
}*/
#anchor_menu li a {
font-size: 16px;
}
#anchor_menu li.active a {
color: #f64fbb;
}
#anchor_menu li:before {
content: "\25cb";
color: #f64fbb;
/* background: #f5f5f5;*/
background: #fff;
font-size: 36px;
line-height: 11px;
height: 16px;
position: absolute;
left: -12px;
top: 50%;
margin-top: -7px;
}
#anchor_menu li:hover:before {
content: "\25cc";
transform: scale(1.2);
}
#anchor_menu li.active:before {
content: "\25cf";
}
#anchor_menu li.onslide:before {
color: #f5f5f5;
}
#bx_detail_sidebar p.h2 {
margin: 20px 0 10px 20px;
padding: 0;
text-align: left;
font-size: 16px;
color: #333;
text-transform: none;
border: none;
}
#bx_detail_sidebar .offer-wrapper {
padding: 5px 5px 0;
background: none;
border: none;
}
#bx_detail_sidebar .bx_catalog_item_container {
padding: 5px 10px;
margin-bottom: 5px;
}
#bx_detail_sidebar .bx_catalog_item_images {
display: inline-block;
float: left;
height: 90px;
width: 90px;
margin-right: 10px;
}
#bx_detail_sidebar .bx_catalog_item_title {
height: auto;
min-height: 59px;
}
#bx_detail_sidebar .bx_catalog_item_price {
text-align: right;
}
@media (max-width:1400px) {
#bx_detail_sidebar .bx_catalog_item_images {
display: block;
float: none;
}
#bx_detail_sidebar .bx_catalog_item_images, #bx_detail_sidebar .bx_catalog_item_title, #bx_detail_sidebar .bx_catalog_item_price {
width: 100%;
text-align: center;
}
}
.highslide img {
border: none!important;
}
#thumbs li {
position: relative;
padding: 3px 3px 3px 3px;
margin-bottom: 10px;
transition: all 0.1s ease-out;
border: 3px solid transparent;
}
#thumbs li>a {
width: 100%;
display: block;
text-align: center;
background: #fff;
min-height: initial;
overflow: hidden;
}
#thumbs li>a.inshwr {
border: 1px solid #67c100;
}
#thumbs li img {
width: 100px;
height: 100px;
object-fit: cover;
transition: all 0.1s ease-out;
}
#thumbs li:hover img {
transform: scale(1.05);
}
#thumbs li.selected {
border: 3px solid #ff0099;
}
#thumbs span.number {
/*position: absolute;*/
top: 0;
left: 5px;
right: 5px;
text-align: left;
font-size: 12px;
line-height: 20px;
color: #475054;
}
#thumbs span.avail {
/*position: absolute;*/
top: 65px;
left: 5px;
right: 5px;
text-align: center;
font-size: 13px;
line-height: 20px;
height: 20px;
color: #999999;
}
#thumbs .instock {
color: #66cc33;
}
.highslide-container .highslide-heading {
font-size: 36px;
color: #0d93cb;
background: rgba(255, 255, 255, 0.7);
padding: 5px;
}
/* item_detail_v2 */
.bx_item_detail .bx_item_title {
padding-bottom: 14px;
border-bottom: 1px solid #e5e5e5;
margin-bottom: 16px;
min-height: 24px
}
.bx_item_detail .bx_item_title h1 {
font-size: 24px;
border-bottom: 0 none transparent;
margin-bottom: 0;
padding-bottom: 0;
}
.bx_item_detail h1 span {
color: #000
}
.bx_item_detail .bx_item_container {}
.bx_item_detail .bx_item_container .bx_lt {
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-right: 2%;
width: 38%;
}
.bx_item_detail .bx_item_container .bx_rt {
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-left: 2%;
width: 58%;
}
.bx_item_detail .bx_item_container .bx_md {
clear: both
}
.bx_item_detail .bx_item_container .bx_lb {
float: left;
margin-right: 2%;
width: 48%;
}
.bx_item_detail .bx_item_container .bx_rb {
float: right;
margin-left: 2%;
width: 48%;
}
.bx_item_detail .bx_optionblock {
float: right;
margin-left: 10px;
width: 150px;
}
.bx_item_detail_rating {
display: block;
}
.bx_item_detail_rating td {
display: inline-block;
float: left;
line-height: 30px;
}
.bx_item_detail_rating .bx_stars_rating_votes {
padding-left: 5px;
}
/* Item info */
.bx_item_detail .item_price {
margin-bottom: 20px
}
.bx_item_detail .item_name {
margin: 0;
padding: 0;
}
.bx_item_detail .item_name a {
color: #000;
text-decoration: none;
font-size: 23px;
}
.bx_item_detail .item_old_price {
padding: 0 10px;
color: #b8b8b8;
text-decoration: line-through;
font-weight: bold
}
.bx_item_detail .item_current_price {
display: inline-block;
margin-top: 2px;
padding: 0 10px;
border-bottom: 1px solid #e6e6e6;
background: #f8f5ab;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4ZjVhYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYmY5Y2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8f5ab), color-stop(100%, #fbf9cb));
background: -webkit-linear-gradient(top, #f8f5ab 0%, #fbf9cb 100%);
background: -moz-linear-gradient(top, #f8f5ab 0%, #fbf9cb 100%);
background: -ms-linear-gradient(top, #f8f5ab 0%, #fbf9cb 100%);
background: -o-linear-gradient(top, #f8f5ab 0%, #fbf9cb 100%);
background: linear-gradient(to bottom, #f8f5ab 0%, #fbf9cb 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f5ab', endColorstr='#fbf9cb', GradientType=0);
color: #cf1515;
font-weight: bold;
font-size: 21px;
line-height: 33px;
}
.bx_item_detail .item_economy_price {
display: inline-block;
padding: 0 0 0 10px;
color: #b8b8b8;
font-weight: bold;
font-size: 14px;
line-height: 33px;
}
.bx_item_detail .item_info_section .available {
color: #61af64;
margin: 0 0 10px;
display: block;
position: relative;
}
.bx_item_detail .item_info_section .available::after {
content: '';
position: absolute;
top: calc(50% - 2px);
left: -11px;
width: 7px;
height: 7px;
border-radius: 50%;
background-color: #61af64;
}
.bx_item_detail .item_info_section .not.available::after {
background-color: #d91616;
}
.bx_item_detail .item_info_section .noprice.available::after {
background-color: #ff8f00;
}
.bx_item_detail .not.available {
color: #ff0099;
}
.bx_item_detail .item_info_section .notprice.available {
color: #ff8f00;
}
.bx_item_detail .item_info_section {
margin: 0 0 20px 0;
font-size: 13px;
line-height: 19px;
}
.bx_item_detail .item_section_name_gray {
color: #9e9e9e;
font-size: 13px;
}
.bx_item_detail .item_info_section dl {
margin-bottom: 20px;
overflow: hidden;
padding: 0;
}
.bx_item_detail .item_info_section dl dt {
clear: both;
float: left;
font-weight: bold;
}
.bx_item_detail .item_info_section dl dd {
float: left;
margin: 0 5px;
}
.bx_item_detail .item_buttons_counter_block, .item_buttons_counter_block_one_click {
display: inline-block;
margin-right: 10px;
width: 100%;
vertical-align: baseline;
color: #3f3f3f;
font-size: 13px;
text-align: left;
margin-bottom: 10px;
}
.item_buttons_counter_block_one_click {
margin-left: 10px;
margin-right: 0;
}
.bx_item_detail .item_buttons_counter_block a {
vertical-align: baseline;
}
.bx_item_detail .bx_cnt_desc {
vertical-align: baseline;
}
/* Item SET */
.bx_item_detail .transparent_input {
border: none;
background: none;
color: #000;
font-weight: bold;
font-size: 14px;
display: inline-block;
width: 60px;
text-align: center;
}
/*tab-section-container*/
.bx_item_detail .tab-section-container {
position: relative;
}
.bx_item_detail .tab-list {
padding: 0;
border-bottom: 1px solid #d9e1e3;
vertical-align: bottom;
text-align: left;
}
.bx_item_detail .tab-list li {
display: inline-block;
border: 1px solid #d9e1e3;
border-bottom: none;
border-radius: 3px 3px 0 0;
background: #f7f7f7;
box-shadow: inset 0 -10px 5px -10px rgba(0, 0, 0, .12);
vertical-align: bottom;
}
.bx_item_detail .tab-list li a {
display: block;
padding: 0 10px;
height: 30px;
box-shadow: none;
color: #999;
text-decoration: none;
font-size: 13px;
line-height: 30px;
}
.bx_item_detail .tab-list li:hover, .bx_item_detail .tab-list li.active {
background: #fff;
}
/*.tab-list li:hover a,*/
.bx_item_detail .tab-list li.active a {
position: relative;
bottom: -2px;
height: 35px;
background: #fff;
color: #3f3f3f;
line-height: 35px;
}
.bx_item_detail .tab-boby-container .container>div.tab-off {
display: none;
}
.bx_item_detail .tab-boby-container .container>div {}
.subright {
/*margin-top: 31px;*/
box-sizing: border-box;
}
.subright .props_section dt, .subright .props_section label {
font-size: 16px;
color: #475054;
line-height: 16px;
}
.subright .props_section dd, .subright .props_section dt {
margin-bottom: 5px;
}
.subright .props_section dd {
font-size: 14px;
color: #475054;
line-height: 16px;
}
.subright .props_section, .subright .props_section .row {
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: flex-start;
-ms-align-items: center;
align-items: center;
}
.subright dt, .subright label {
float: left;
margin-right: 5px;
color: #999999;
}
.subright dd {
font-size: 13px;
color: #000;
}
.subright dd, .subright dt {
white-space: nowrap;
padding-top: 11px;
}
.subright dd:last-of-type, .subright dt:last-of-type {
padding-bottom: 11px;
}
.subright .item_cur_price span {
font-size: 13px;
color: #ff0099;
bottom: -3px;
position: relative;
display: block;
font-size: 20px;
bottom: 0;
display: inline-block;
margin-right: 5px;
}
.subright .item_cur_price, .subright .no_price {
font-size: 33px;
color: #ff0099;
padding: 0 10px;
}
.subright .item_old_price {
color: #777;
font-size: 24px;
padding: 0;
margin-top: 9px;
margin-bottom: 0;
}
#attributes tr:nth-child(2n) {
background: #f5f5f5;
}
#attributes td {
font-size: 14px;
line-height: 18px;
font-family: 'PT Sans', sans-serif;
padding: 5px 2%;
}
#right-button, .bx_item_detail .bx_bt_button, .bx_item_detail .bx_bt_button_type_2, .item_buttons_counter_block_one_click a {
font-family: 'PT Sans', sans-serif;
}
#attributes td:nth-child(1) {
width: 30%;
font-weight: bold;
}
#attributes td:nth-child(2) {
width: 70%;
}
.bx_item_detail .item_comments {
display: block;
padding-left: 10px;
}
.bx_item_detail .item_comments li {
display: block;
padding-bottom: 10px;
}
.bx_item_detail .item_comments_username {
display: inline-block;
color: #5d90bd;
font-size: 14px;
}
.bx_item_detail .item_comments_date {
display: inline-block;
margin-left: 10px;
color: #b8b8b8;
font-size: 14px;
}
.bx_item_detail .item_comments_container p {
margin-top: 5px;
color: #3f3f3f;
font-size: 14px;
}
.bx_item_detail .bx_notavailable {
text-align: left;
font-size: 12px;
font-weight: bold;
display: inline-block;
border: 1px solid #E4E4E4;
background: #F3F3F3;
white-space: normal;
line-height: normal;
padding: 5px 15px;
margin-bottom: 10px;
}
.bx_notavailable_subscribe {
background: none !important;
border: none !important;
padding-left: 0 !important;
}
#right-button, .bx_item_detail .bx_bt_button, .bx_item_detail .bx_bt_button_type_2, .item_buttons_counter_block_one_click a {
border-radius: 50px;
width: 100%;
max-width: 210px;
display: inline-block;
border: none;
height: 39px;
line-height: 39px;
font-size: 14px;
text-align: center;
color: #fcfcfc;
cursor: pointer;
background: #f64fbb;
text-transform: uppercase;
transition: all 0.2s ease;
}
.item_buttons_counter_block_one_click a {
float: right;
color: #fff !important;
}
#right-button:hover, .bx_item_detail .bx_bt_button:hover, .bx_item_detail .bx_bt_button_type_2:hover, .item_buttons_counter_block_one_click a:hover {
background: #ff0099;
color: #fff;
font-weight: 400 !important;
font-size: 14px !important;
}
#right-button.adding, .bx_item_detail .bx_bt_button.adding, .bx_item_detail .bx_bt_button_type_2.adding {
transform: scale(0, 1);
}
.bx_item_detail .bx_bt_button.adding::before, .bx_item_detail .bx_bt_button_type_2.adding::before {}
.bx_item_detail .bx_fwb {
font-weight: bold
}
@media (min-width:981px) {}
@media (max-width:740px) {
.bx_item_detail .bx_optionblock {
display: none
}
/*.bx_item_detail .item_buttons_counter_block{margin-bottom:10px}*/
.bx_item_detail .bx_item_container .bx_lb, .bx_item_detail .bx_item_container .bx_rb {
width: 48%
}
}
@media (min-width:640px) and (max-width:980px) {}
@media (min-width:480px) and (max-width:639px) {}
@media (max-width:480px) {
.bx-touch .bx_item_detail .bx_item_container .bx_lt, .bx-touch .bx_item_detail .bx_item_container .bx_rt, .bx-touch .bx_item_detail .bx_item_container .bx_md, .bx-touch .bx_item_detail .bx_item_container .bx_lb, .bx-touch .bx_item_detail .bx_item_container .bx_rb {
float: none;
margin: 0;
padding: 0;
width: 100%;
}
.bx-touch .bx_item_detail .item_info_section {
padding-left: 0
}
}
@media (max-width:319px) {}
/* item_detail_slider */
.bx_item_detail .bx_item_slider {
position: relative;
margin-bottom: 10px;
}
.bx_item_detail .bx_item_slider .bx_bigimages {
position: relative;
overflow: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0 auto;
padding: 0;
max-width: 440px;
border: 1px solid #cfcfcf;
border-radius: 2px;
background: #fff;
text-align: center;
height: 0;
width: 100%;
padding-top: 105%;
/*минутка говнокода*/
}
.bx_item_detail .bx_item_slider .bx_bigimages .bx_bigimages_imgcontainer {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.bx_item_detail .bx_item_slider .bx_bigimages .bx_bigimages_imgcontainer .bx_bigimages_aligner {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
}
.bx_item_detail .bx_item_slider .bx_bigimages .bx_bigimages_imgcontainer img {
display: inline-block;
max-width: 100% !important;
max-height: 100% !important;
vertical-align: middle;
text-align: center;
}
/*----*/
.bx_item_detail .bx_item_slider .bx_slider_conteiner {
position: relative;
padding-top: 20px;
margin-bottom: 10px;
max-width: 100%;
width: 100%;
}
.bx-no-touch .bx_item_detail .bx_item_slider .bx_slider_conteiner.full {
position: relative;
margin-left: -5%;
padding: 20px 5% 0
}
/*----*/
.bx_item_detail .bx_item_slider .bx_slider_scroller_container {
position: relative
}
.bx_item_detail .bx_item_slider .bx_slide {
position: relative;
overflow: hidden;
margin: 0;
width: 100%;
}
.bx-touch .bx_item_detail .bx_item_slider .bx_slide {
overflow-x: auto
}
.bx_item_detail .bx_item_slider .bx_slide ul {
position: relative;
display: block;
margin: 0;
padding: 0;
width: 100%;
white-space: nowrap
}
.bx-touch .bx_item_detail .bx_item_slider .bx_slide ul {
margin-left: 0 !important
}
.bx_item_detail .bx_item_slider .bx_slide ul li {
position: relative;
display: block;
float: left;
height: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
}
.bx_item_detail .bx_item_slider .bx_slide ul li .cnt {
position: absolute;
top: 0;
right: 2px;
bottom: 4px;
left: 2px;
display: block;
overflow: hidden;
border: 1px solid #c0cfda;
background: #fff;
}
.bx-retina .bx_item_detail .bx_item_slider .bx_slide ul li .cnt {
border: none;
border-style: solid;
border-width: 1px;
-webkit-border-image: url(/local/templates/kk2018_new/images/x2border.png) 2 stretch;
-moz-border-image: url(/local/templates/kk2018_new/images/x2border.png) 2 stretch;
-o-border-image: url(/local/templates/kk2018_new/images/x2border.png) 2 stretch;
border-image: url(/local/templates/kk2018_new/images/x2border.png) 2 fill stretch;
}
.bx_item_detail .bx_item_slider .bx_slide ul li:hover .cnt {
border: 1px solid #006cc0
}
.bx_item_detail .bx_item_slider .bx_slide ul li:active .cnt, .bx_item_detail .bx_item_slider .bx_slide ul li.bx_active .cnt {
padding: 3px;
border: 2px solid #006cc0;
}
.bx-retina .bx_item_detail .bx_item_slider .bx_slide ul li.bx_active .cnt {
border: none;
border-style: solid;
border-width: 1px;
-webkit-border-image: url(/local/templates/kk2018_new/images/x2border_active.png) 2 stretch;
-moz-border-image: url(/local/templates/kk2018_new/images/x2border_active.png) 2 stretch;
-o-border-image: url(/local/templates/kk2018_new/images/x2border_active.png) 2 stretch;
border-image: url(/local/templates/kk2018_new/images/x2border_active.png) 2 fill stretch;
}
.bx_item_detail .bx_item_slider .bx_slide ul li .cnt .cnt_item {
position: absolute;
top: 6%;
right: 6%;
bottom: 6%;
left: 6%;
background-size: 100% auto;
background-repeat: no-repeat;
}
.bx_item_detail .bx_item_slider .bx_slide ul li .cnt .cnt_item img {
width: auto;
height: 25px;
}
/*----*/
.bx-no-touch .bx_item_detail .bx_item_slider .bx_slide_left, .bx-no-touch .bx_item_detail .bx_item_slider .bx_slide_right {
opacity: 0.8
}
.bx-no-touch .bx_item_detail .bx_item_slider .bx_slide_left:hover, .bx-no-touch .bx_item_detail .bx_item_slider .bx_slide_right:hover {
opacity: 1.0
}
.bx_item_detail .bx_item_slider .bx_slider_conteiner.full .bx_slide_left, .bx_item_detail .bx_item_slider .bx_slider_conteiner.full .bx_slide_right {
position: absolute;
top: 0;
bottom: 4px;
width: 5%;
max-width: 11px;
cursor: pointer;
}
.bx-no-touch .bx_item_detail .bx_item_slider .bx_slide_left {
left: -5%;
background: url(/local/templates/kk2018_new/images/arr_left.png) no-repeat left center;
background-size: 100% auto
}
.bx-no-touch .bx_item_detail .bx_item_slider .bx_slide_right {
right: -5%;
background: url(/local/templates/kk2018_new/images/arr_right.png) no-repeat right center;
background-size: 100% auto
}
.bx-touch .bx_item_detail .bx_item_slider .bx_slide_left {
left: 0;
background: url(/local/templates/kk2018_new/images/fade_left.png) repeat-y left center;
background-size: 100% auto
}
.bx-touch .bx_item_detail .bx_item_slider .bx_slide_right {
right: 0;
background: url(/local/templates/kk2018_new/images/fade_right.png) repeat-y right center;
background-size: 100% auto
}
.bx_item_detail .bx_item_slider_lupe_small {
position: absolute;
background: rgba(0, 0, 0, 0.18);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid rgba(255, 255, 255, .5);
cursor: pointer;
}
.bx_item_detail .bx_item_slider_lupe {
position: absolute;
border: 1px solid #b2b2b2;
left: 105%;
top: 0;
bottom: 4px;
margin: 0;
background: #fff url(/local/templates/kk2018_new/images/wait.gif) no-repeat scroll center center;
z-index: 120;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
}
.bx_item_detail .bx_item_slider_lupe img {
max-width: 99999px !important;
max-height: 99999px !important;
}
/* Stickers */
.bx_item_detail .bx_bigimages .bx_stick {
position: absolute;
width: 123px;
height: 35px;
background: url(/local/templates/kk2018_new/images/stick.png) left center no-repeat;
color: #fff;
text-align: center;
text-shadow: 0 1px 0 #ba3434;
line-height: 35px;
white-space: nowrap;
overflow: hidden;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.bx_item_detail .bx_bigimages .bx_stick.short {
font-weight: bold;
font-size: 18px
}
.bx_item_detail .bx_bigimages .bx_stick.average {
font-weight: bold;
font-size: 13px
}
.bx_item_detail .bx_bigimages .bx_stick.long {
font-weight: normal;
font-size: 11px
}
.bx_item_detail .bx_bigimages .bx_stick_disc {
position: absolute;
width: 72px;
height: 74px;
background: url(/local/templates/kk2018_new/images/stick_disc.png) no-repeat center;
color: #fff;
text-align: center;
text-shadow: 0 1px 0 #ba3434;
font-weight: bold;
font-size: 23px;
line-height: 74px;
}
.bx_item_detail .bx_bigimages .bx_stick.left, .bx_item_detail .bx_bigimages .bx_stick_disc.left {
left: -2px;
}
.bx_item_detail .bx_bigimages .bx_stick.right, .bx_item_detail .bx_bigimages .bx_stick_disc.right {
right: 0;
}
.bx_item_detail .bx_bigimages .bx_stick.top, .bx_item_detail .bx_bigimages .bx_stick_disc.top {
top: 15px;
}
.bx_item_detail .bx_bigimages .bx_stick.bottom, .bx_item_detail .bx_bigimages .bx_stick_disc.bottom {
bottom: 5px;
}
.bx_item_detail .bx_bigimages .bx_stick.middle, .bx_item_detail .bx_bigimages .bx_stick_disc.middle {
top: 49%;
}
@media (min-width:641px) and (max-width:960px) {
.bx_item_detail .bx_bigimages .bx_stick {
width: 90px;
height: 30px;
background-size: 100%;
line-height: 30px;
}
.bx_item_detail .bx_bigimages .bx_stick.short {
font-weight: normal;
font-size: 14px
}
.bx_item_detail .bx_bigimages .bx_stick.average {
font-weight: normal;
font-size: 11px
}
.bx_item_detail .bx_bigimages .bx_stick.long {
font-weight: normal;
font-size: 11px
}
.bx_item_detail .bx_bigimages .bx_stick_disc {
width: 64px;
height: 65px;
background-size: 100%;
font-size: 20px;
line-height: 65px;
}
}
@media (max-width:640px) {
.bx-touch .bx_item_detail .bx_bigimages .bx_stick {
width: 70px;
height: 30px;
background-size: 100%;
font-size: 11px;
line-height: 30px;
}
.bx-touch .bx_item_detail .bx_bigimages .bx_stick_disc {
width: 48px;
height: 49px;
background-size: 100%;
font-size: 16px;
line-height: 49px;
}
}
@media (max-width:479px) {
.bx-touch .bx_item_detail .bx_bigimages .bx_stick {
width: 70px;
height: 30px;
background-size: 100%;
font-size: 11px;
line-height: 30px;
}
.bx-touch .bx_item_detail .bx_bigimages .bx_stick_disc {
width: 37px;
height: 38px;
background-size: 100%;
font-size: 13px;
line-height: 38px;
}
}
@media (min-width:768px) and (max-width:1200px) {
#thumbs li {
padding-left: 0;
padding-right: 0;
}
#thumbs span.number {
left: 2px;
right: 2px;
}
}
/* scu_detail_size */
.bx_item_detail .bx_item_detail_size {
position: relative;
margin-bottom: 10px;
padding: 0;
max-width: 100%;
width: 100%;
}
.bx-no-touch .bx_item_detail .bx_item_detail_size.full {
position: relative;
margin-left: -5%;
padding: 0 5%;
}
/*----*/
.bx_item_detail .bx_item_detail_size .bx_item_section_name_gray {
color: #9e9e9e;
vertical-align: middle;
font-size: 11px;
line-height: 11px;
}
/*----*/
.bx_item_detail .bx_item_detail_size .bx_size_scroller_container {
position: relative
}
.bx_item_detail .bx_item_detail_size .bx_size {
position: relative;
overflow: hidden;
margin: 0;
width: 100%;
}
.bx_item_detail .bx_item_detail_size ul {
position: relative;
display: block;
margin: 0;
padding: 0;
width: 100%;
white-space: nowrap;
}
.bx-touch .bx_item_detail .bx_item_detail_size .bx_size {
overflow-x: auto;
}
.bx_item_detail .bx_item_detail_size ul {
position: relative;
display: block;
margin: 0;
padding: 0;
width: 100%;
white-space: nowrap;
}
.bx-touch .bx_item_detail .bx_item_detail_size .bx_size ul {
margin-left: 0 !important;
}
.bx_item_detail .bx_item_detail_size ul li {
position: relative;
display: block;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
height: 25px;
}
.bx_item_detail .bx_item_detail_size ul li .cnt {
cursor: pointer;
position: absolute;
top: 0;
right: 2px;
bottom: 2px;
left: 2px;
display: block;
overflow: hidden;
border: 1px solid #c0cfda;
background: #fff;
color: #3f3f3f;
text-align: center;
text-decoration: none;
font-weight: normal;
font-size: 10px;
line-height: 22px;
}
.bx-retina .bx_item_detail .bx_item_detail_size ul li .cnt {
border: none;
border-style: solid;
border-width: 1px;
-webkit-border-image: url(/local/templates/kk2018_new/images/x2border.png) 2 stretch;
-moz-border-image: url(/local/templates/kk2018_new/images/x2border.png) 2 stretch;
-o-border-image: url(/local/templates/kk2018_new/images/x2border.png) 2 stretch;
border-image: url(/local/templates/kk2018_new/images/x2border.png) 2 fill stretch;
}
.bx_item_detail .bx_item_detail_size ul li:hover .cnt {
border: 1px solid #006cc0
}
.bx_item_detail .bx_item_detail_size ul li:active .cnt, .bx_item_detail .bx_item_detail_size ul li.bx_active .cnt {
border: 2px solid #006cc0;
}
.bx-retina .bx_item_detail .bx_item_detail_size ul li.bx_active .cnt {
border: none;
border-style: solid;
border-width: 1px;
-webkit-border-image: url(/local/templates/kk2018_new/images/x2border_active.png) 2 stretch;
-moz-border-image: url(/local/templates/kk2018_new/images/x2border_active.png) 2 stretch;
-o-border-image: url(/local/templates/kk2018_new/images/x2border_active.png) 2 stretch;
border-image: url(/local/templates/kk2018_new/images/x2border_active.png) 2 fill stretch;
}
.bx_item_detail .bx_item_detail_size .bx_size ul li.bx_missing .cnt {
border: 1px solid #c0cfda !important
}
.bx_item_detail .bx_item_detail_size .bx_size ul li.bx_missing>i {
cursor: not-allowed;
position: absolute;
display: block;
top: 0;
right: 2px;
bottom: 2px;
left: 2px;
z-index: 11;
background: rgba(255, 255, 255, .79) url(/local/templates/kk2018_new/images/missing.png) no-repeat center;
}
/*----*/
.bx-no-touch .bx_item_detail .bx_item_detail_size .bx_slide_left, .bx-no-touch .bx_item_detail .bx_item_detail_size .bx_slide_right {
opacity: 0.8
}
.bx-no-touch .bx_item_detail .bx_item_detail_size .bx_slide_left:hover, .bx-no-touch .bx_item_detail .bx_item_detail_size .bx_slide_right:hover {
opacity: 1.0
}
.bx_item_detail .bx_item_detail_size.full .bx_slide_left, .bx_item_detail .bx_item_detail_size.full .bx_slide_right {
position: absolute;
top: 0;
bottom: 4px;
width: 5%;
max-width: 11px;
cursor: pointer;
}
.bx-no-touch .bx_item_detail .bx_item_detail_size .bx_slide_left {
left: -5%;
background: url(/local/templates/kk2018_new/images/arr_left.png) no-repeat left center;
background-size: 100% auto
}
.bx-no-touch .bx_item_detail .bx_item_detail_size .bx_slide_right {
right: -5%;
background: url(/local/templates/kk2018_new/images/arr_right.png) no-repeat right center;
background-size: 100% auto
}
.bx-touch .bx_item_detail .bx_item_detail_size .bx_slide_left {
left: 0;
background: url(/local/templates/kk2018_new/images/fade_left.png) repeat-y left center;
background-size: 100% auto
}
.bx-touch .bx_item_detail .bx_item_detail_size .bx_slide_right {
right: 0;
background: url(/local/templates/kk2018_new/images/fade_right.png) repeat-y right center;
background-size: 100% auto
}
/* scu_detail_scu */
.bx_item_detail .bx_item_detail_scu {
position: relative;
margin-bottom: 10px;
padding: 0;
max-width: 100%;
width: 100%;
}
.bx-no-touch .bx_item_detail .bx_item_detail_scu.full {
position: relative;
margin-left: -5%;
padding: 0 5%
}
/*----*/
.bx_item_detail .bx_item_detail_scu .bx_item_section_name_gray {
color: #9e9e9e;
vertical-align: middle;
font-size: 11px;
line-height: 11px;
}
/*----*/
.bx_item_detail .bx_item_detail_scu .bx_scu_scroller_container {
position: relative
}
.bx_item_detail .bx_item_detail_scu .bx_scu {
position: relative;
overflow: hidden;
margin: 0;
width: 100%;
}
.bx-touch .bx_item_detail .bx_item_detail_scu .bx_scu {
overflow-x: auto
}
.bx_item_detail .bx_item_detail_scu .bx_scu ul {
position: relative;
display: block;
margin: 0;
padding: 0;
width: 100%;
white-space: nowrap
}
.bx-touch .bx_item_detail .bx_item_detail_scu .bx_scu ul {
margin-left: 0 !important
}
.bx_item_detail .bx_item_detail_scu .bx_scu ul li {
position: relative;
display: block;
float: left;
height: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.bx_item_detail .bx_item_detail_scu .bx_scu ul li .cnt {
cursor: pointer;
position: absolute;
top: 0;
right: 2px;
bottom: 4px;
left: 2px;
display: block;
overflow: hidden;
border: 1px solid #c0cfda;
background: #fff;
z-index: 10;
}
.bx-retina .bx_item_detail .bx_item_detail_scu .bx_scu ul li .cnt {
border: none;
border-style: solid;
border-width: 1px;
-webkit-border-image: url(/local/templates/kk2018_new/images/x2border.png) 2 stretch;
-moz-border-image: url(/local/templates/kk2018_new/images/x2border.png) 2 stretch;
-o-border-image: url(/local/templates/kk2018_new/images/x2border.png) 2 stretch;
border-image: url(/local/templates/kk2018_new/images/x2border.png) 2 fill stretch;
}
.bx_item_detail .bx_item_detail_scu .bx_scu ul li:hover .cnt {
border: 1px solid #006cc0
}
.bx_item_detail .bx_item_detail_scu .bx_scu ul li:active .cnt, .bx_item_detail .bx_item_detail_scu .bx_scu ul li.bx_active .cnt {
padding: 3px;
border: 2px solid #006cc0;
}
.bx_item_detail .bx_item_detail_scu .bx_scu ul li.bx_missing .cnt {
border: 1px solid #c0cfda !important
}
.bx_item_detail .bx_item_detail_scu .bx_scu ul li.bx_missing>i {
cursor: not-allowed;
position: absolute;
display: block;
top: 0;
right: 2px;
bottom: 4px;
left: 2px;
z-index: 11;
background: rgba(255, 255, 255, .79) url(/local/templates/kk2018_new/images/missing.png) no-repeat center;
}
.bx-retina .bx_item_detail .bx_item_detail_scu .bx_scu ul li.bx_active .cnt {
border: none;
border-style: solid;
border-width: 1px;
-webkit-border-image: url(/local/templates/kk2018_new/images/x2border_active.png) 2 stretch;
-moz-border-image: url(/local/templates/kk2018_new/images/x2border_active.png) 2 stretch;
-o-border-image: url(/local/templates/kk2018_new/images/x2border_active.png) 2 stretch;
border-image: url(/local/templates/kk2018_new/images/x2border_active.png) 2 fill stretch;
}
.bx_item_detail .bx_item_detail_scu .bx_scu ul li .cnt .cnt_item {
position: absolute;
top: 6%;
right: 6%;
bottom: 6%;
left: 6%;
background-size: contain;
background-repeat: no-repeat;
}
.bx_item_detail .bx_item_detail_scu .bx_scu ul li .cnt .cnt_item img {
width: auto;
height: 25px;
}
/*----*/
.bx-no-touch .bx_item_detail .bx_item_detail_scu .bx_slide_left, .bx-no-touch .bx_item_detail .bx_item_detail_scu .bx_slide_right {
opacity: 0.8
}
.bx-no-touch .bx_item_detail .bx_item_detail_scu .bx_slide_left:hover, .bx-no-touch .bx_item_detail .bx_item_detail_scu .bx_slide_right:hover {
opacity: 1.0
}
.bx_item_detail .bx_item_detail_scu.full .bx_slide_left, .bx_item_detail .bx_item_detail_scu.full .bx_slide_right {
position: absolute;
top: 0;
bottom: 4px;
width: 5%;
max-width: 11px;
cursor: pointer;
}
.bx-no-touch .bx_item_detail .bx_item_detail_scu .bx_slide_left {
left: -5%;
background: url(/local/templates/kk2018_new/images/arr_left.png) no-repeat left center;
background-size: 100% auto
}
.bx-no-touch .bx_item_detail .bx_item_detail_scu .bx_slide_right {
right: -5%;
background: url(/local/templates/kk2018_new/images/arr_right.png) no-repeat right center;
background-size: 100% auto
}
.bx-touch .bx_item_detail .bx_item_detail_scu .bx_slide_left {
left: 0;
background: url(/local/templates/kk2018_new/images/fade_left.png) repeat-y left center;
background-size: 100% auto
}
.bx-touch .bx_item_detail .bx_item_detail_scu .bx_slide_right {
right: 0;
background: url(/local/templates/kk2018_new/images/fade_right.png) repeat-y right center;
background-size: 100% auto
}
/* item_detail_description */
.bx_item_detail .bx_item_description p {
font-size: 13px;
}
.bx_item_detail .bx_item_description .bx_item_section_name_gray {
color: #9e9e9e;
font-size: 13px;
}
.bx_item_detail .bx_item_description .bx_specifications_table {
margin-top: 10px;
width: 100%;
border-collapse: collapse;
}
.bx_item_detail .bx_item_description .bx_specifications_table tr:nth-child(odd) {
background: #f2f2f2;
}
.bx_item_detail .bx_item_description .bx_specifications_table tr:nth-child(even) {}
.bx_item_detail .bx_item_description .bx_specifications_table tr td {
padding: 3px 10px;
font-size: 12px;
}
.bx_item_detail .bx_item_description .bx_specifications_table tr td:first-child {
font-weight: bold;
}
.video-responsive {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.video-responsive iframe, .video-responsive object, .video-responsive embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.offer-wrapper {
display: inline-block;
width: 100%;
}
.select_js_title_ins {
height: 40px;
border-radius: 20px;
border: 1px solid #6cb9da;
box-shadow: none;
background: #fff;
margin: 5px 0 0;
position: relative;
padding-right: 17px;
cursor: pointer;
}
.select_js_title.open .select_js_title_ins {
border-bottom: none;
}
.select_js_title_ins:after {
position: absolute;
content: '';
right: -2px;
top: 0;
width: 39px;
border-radius: 20px;
border: 1px solid #6cb9da;
height: 100%;
background: #fff;
display: block;
color: #fff;
}
.select_js_title_ins:before {
content: '';
background: url(/local/templates/kk2018_new/images/carret-select.png) !important;
background-size: contain;
position: absolute;
right: 10px;
top: 15px;
background-repeat: no-repeat;
width: 15px;
height: 9px;
}
.open .select_js_title_ins:before {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.select_js_title_ins.transparent, .select_js_title_ins.transparent:after, .select_js_title_ins.transparent:before {
border: none;
box-shadow: none;
background: none;
font-weight: 200;
color: #999999;
}
.select_js_ulli {
width: 100%;
float: left;
margin: 0;
height: 80px;
line-height: 34px;
border-bottom: 1px solid #e8e8e8;
overflow: hidden;
}
.select_js_ulli:first-child {
display: none;
}
.select_js {
position: relative;
}
.select_js_title_ins div {
font-weight: 700;
height: 100%;
font-size: 16px;
color: #6cb9da;
line-height: 40px;
padding-left: 20px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis
}
.select_js_ulli div {
height: inherit;
cursor: pointer;
}
.select_js_ulli div p {
margin: 10px 0 0;
}
.select_ico_img {
width: 25%;
float: left;
}
.select_ico_img img {
width: auto;
height: auto;
display: block;
margin: 0 auto;
max-height: 80px;
}
.select_ico_text {
width: 50%;
float: left;
}
.select_ico_text2 {
width: 25%;
float: left;
}
.priceColor {
font-size: 20px;
color: #ff0099;
}
.select_js_ulli .select_ico_text2 p {
color: #63C322;
margin: 0;
margin-top: 20px;
line-height: 20px;
}
.select_ico_text.nopic, .select_ico_price.nopic, .select_ico_text2.nopic {
width: 33%;
float: left;
}
.select_ico_text.nopic p, .select_ico_price.nopic p, .select_ico_text2.nopic p {
margin-top: 10px;
line-height: 60px;
}
.select_ico_text.nopic p {
text-align: center;
}
.select_js_ul {
background: #fff;
border: 1px solid #6cc8eb !important;
border-top: 0 !important;
border-radius: 0 0 20px 20px;
display: none;
position: absolute;
z-index: 999;
top: 100%;
left: 0;
width: 100%;
display: none;
width: 100%;
margin: 0;
max-height: 400px;
overflow-y: hidden;
}
.bx_item_detail .bx_item_detail_scu {
display: inline-block;
width: 100%;
}
.bx-no-touch .bx_item_detail .bx_item_detail_scu.full {
margin-left: 0;
padding: 0;
}
.bx_item_detail .item_buttons_counter_block, .item_buttons_counter_block_one_click {
max-width: 200px;
}
.item_buttons_counter_block_one_click {
float: left;
}
.bx_item_detail .item_info_section {
display: inline-block;
width: 100%;
}
.col-video>div {
margin: 0 -15px 20px 0;
}
.bx_item_list_you_looked_horizontal .bx_gift_item {
margin-bottom: 0;
}
div.mCSB_scrollTools .mCSB_draggerRail {
background-color: #e8e8e8;
filter: "alpha(opacity=100)";
-ms-filter: "alpha(opacity=100)";
border-radius: 0;
width: 3px;
}
div.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, div.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, div.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, div.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
background-color: #84C4E7;
filter: "alpha(opacity=100)";
-ms-filter: "alpha(opacity=100)";
border-radius: 0;
width: 3px;
}
div.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {}
div.mCSB_inside>.mCSB_container {
margin-right: 17px;
}
.modal #thumbs li {
width: 20%;
}
.modal #thumbs li:first-child {
display: none;
}
#carouselv .item img {
cursor: pointer;
}
@media (max-width: 1199px) {
.col-video {
width: 100%;
}
.col-video>div {
margin: 0 -15px 20px -15px;
}
}
.list_city {
line-height: 30px;
}
#city-result {
margin: 20px 0;
clear: right;
}
#city-result-price {
background: #e8e8e8;
padding: 10px 10px 20px 10px;
}
#city-result p.more_dos {
margin-bottom: 0;
text-decoration: underline;
cursor: pointer;
}
@media (min-width: 1200px) and (max-width: 1500px) {
.item_buttons.vam {
width: 100%;
}
.list_city {
width: 100%;
padding: 20px 15px;
line-height: 30px;
display: inline-block;
}
/* ul#thumbs li.item {
width: 14.2857143%;
}*/
.chosen-container {
width: 100% !important;
max-width: 250px;
text-align: left;
}
.bx_item_detail .item_price {
width: 100%;
}
.bx_item_detail .bx_optionblock {
width: 100%;
}
.block_img_prew {
width: 60%;
}
.subright {
width: 40%;
}
.props_section {
width: 100%;
}
}
@media screen and (max-width: 1200px) {
.chosen-container {
width: 100% !important;
max-width: 250px;
text-align: left;
}
.subright {
margin-bottom: 30px;
}
.col-lg-12.hidden-sm.hidden-xs {
display: none;
}
#bx_detail_sidebar.isAffix {
margin-right: 45px;
}
}
@media screen and (max-width: 992px) {
.subright {
margin-top: 0;
}
.tabh2 {
position: relative;
cursor: pointer;
background: #f64fbb;
margin: 0;
padding: 20px 40px 20px 15px;
}
.tabh2:hover {
background: #ff0099;
}
.bx_item_all_color {
display: none;
}
.tabh2 a {
color: #fff!important;
font-size: 16px;
}
.tabh2 a:hover {
color: #fff!important;
}
.tabh2:before {
/*content: '';
background: url(/bitrix/templates/sonata/./images/cat-arrow.png) no-repeat 50% 70% / 80%;
display: block;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
width: 20px;
height: 20px;
border: white 1px dashed;
padding: 2px;
border-radius: 10px;*/
content: '+';
width: 30px;
height: 30px;
display: block;
text-align: center;
vertical-align: middle;
color: #fff;
font-size: 32px;
line-height: 36px;
position: absolute;
right: 15px;
top: 50%;
margin-top: -15px;
}
.tabh3 {
position: relative;
cursor: pointer;
background: #f64fbb;
margin: 0;
padding: 20px 15px;
}
.tabh3:hover {
background: #ff0099;
}
.bx_item_all_color {
display: none;
}
.tabh3 a {
color: #fff!important;
font-size: 16px;
}
.tabh3 a:hover {
color: #fff!important;
}
.tabh3:before {
content: '+';
width: 30px;
height: 30px;
display: block;
text-align: center;
vertical-align: middle;
color: #fff;
font-size: 32px;
line-height: 36px;
position: absolute;
right: 15px;
top: 50%;
margin-top: -15px;
}
.tabh2.activeh2::before {
content: '−';
}
.tabh3.activeh3::before {
content: '−';
}
.tabh2:hover::before {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.tabh3:hover::before {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.bx_item_detail .item_info_section {
margin-bottom: 0;
}
.list_city select {
width: 100%;
}
.chosen-container {
width: 100% !important;
max-width: 250px;
text-align: left;
}
.subright {
margin-bottom: 0;
}
}
.carRight, .carLeft {
display: none;
}
@media (max-width: 991px) and (min-width: 768px) {
#all_colours>div {
padding-right: 15px;
padding-left: 15px;
}
#all_colours .tabh2:not(.activeh2) {
margin-bottom: 10px;
}
#all_colours .tabh3:not(.activeh3) {
margin-bottom: 10px;
}
}
@media screen and (max-width: 771px) {
.subright .item_cur_price, .subright .item_old_price, .subright .no_price {
text-align: center;
}
#all_colours .bx_item_all_color {
padding: 0;
}
.bx_item_detail .bx_optionblock {
display: block !important;
width: 100% !important;
float: none;
margin: 0;
}
.bx_item_detail .item_info_section .available {
text-align: center;
width: 100%;
}
.bx_item_detail .item_buttons_counter_block, .item_buttons_counter_block_one_click {
display: block;
margin: 0 auto;
margin-bottom: 10px;
}
.item_buttons.vam {
text-align: center;
}
.list_city {
text-align: center;
width: 100%;
padding: 20px 15px;
line-height: 30px;
display: inline-block;
}
.list_city select {
width: 100%;
}
.chosen-container {
width: 100% !important;
max-width: 250px;
text-align: left;
}
.nav-tabs li, .nav-tabs li.active {
width: auto;
margin: 3px 5px -1px 0 !important;
border-radius: 7px 7px 0 0 !important;
border: 0 !important;
border-bottom: none;
position: relative;
}
.nav-tabs li.active a:before {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
.nav-tabs li:hover, .nav-tabs li.active:hover {
margin: 0 !important;
border-radius: 0 !important;
border-color: #11627f !important;
border-bottom: none;
}
.nav-tabs li:last-child {
border: 0 !important;
}
.nav-tabs li.active {
border: 1px solid transparent !important;
font-weight: 700;
border-color: #11627f !important;
border-radius: 10px 10px 0 0;
border-bottom: 0 !important;
}
.nav-tabs li a, .nav-tabs li.active a {
width: 100%;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
border: none !important;
}
.subright {
margin-top: 0;
}
.bx_item_detail .item_info_section {
margin-bottom: 0;
}
.carLeft {
display: block;
position: absolute;
top: 50%;
margin-top: -50px;
width: 30px;
height: 100px;
background: url(/bitrix/templates/sonata/components/sonata/offers.carousel/carousel/./images/arrow_slider.png) no-repeat center right / 90%;
transition: all 0.2s ease-out;
left: 3%;
cursor: pointer;
z-index: 1;
}
.carRight {
display: block;
position: absolute;
top: 50%;
margin-top: -50px;
width: 30px;
height: 100px;
background: url(/bitrix/templates/sonata/components/sonata/offers.carousel/carousel/./images/arrow_slider.png) no-repeat center right / 90%;
transition: all 0.2s ease-out;
right: 3%;
cursor: pointer;
z-index: 1;
transform: rotate(180deg);
}
.carRight:hover {
right: 2%;
}
.carLeft:hover {
left: 2%;
}
.tab-content {
padding: 0;
margin-bottom: 20px;
}
.tab-pane ul, .tab-pane ol {
padding-left: 20px;
}
#all_colours, #related_offers, #description, #attributes, #carousel, #video, #comments, #description2, #instruktsii, #obzor {
display: inline-block !important;
opacity: 1 !important;
width: 100%;
margin: 0;
padding: 0;
border-bottom: 1px solid #fff;
}
.bx_item_description, .bx_item_attributes, .bx_item_carousel {
padding: 20px 15px;
}
.subright {
margin-bottom: 0;
}
#carousel .offersTitle, #related_offers .offersTitle {
display: none;
}
}
@media screen and (max-width: 500px) {
/*ul#thumbs li.item {
width: 33.3333%;
}*/
}
.butnp {
color: #fff;
background: #337ab7;
border: 1px solid #337ab7;
}
.butnw {
color: #337ab7;
background: #ffffff;
border: 1px solid #337ab7;
}
.butn {
border-radius: 50px;
margin-right: 2%;
margin-left: 2%;
margin-top: 1%;
min-width: 50%;
display: inline-block;
line-height: 39px;
text-align: center;
cursor: pointer;
text-transform: uppercase;
word-break: break-word;
white-space: normal;
}
.tel {
border-radius: 5px;
font-size: 20px;
text-align: center;
background: #fff;
box-shadow: none;
border: 1px solid #af0591;
color: #af0591;
}
.popup-window-buttons {
display: inline-block;
width: 100%;
}
#toggles {
background: #daeaf9;
border-top: #337ab7 3px solid;
padding: 3%;
text-align: center;
}
.ramka {
border: 3px solid #337ab7;
}
.txtdown {
display: inline-block;
color: #337ab7;
}
.txtdown b {
font-size: 20px;
}
.pers {
cursor: pointer;
color: #ff54b4;
}
#dialog1 div {
width: 100% !important;
}
#dialog1 div h1 {
text-align: center;
}
#call_feedback2 {
text-align: center;
border: 3px solid #77bedd;
}
#call_feedback2 h1 {
color: #ff0099;
}
#call_feedback2 div {
padding: 10px;
}
#call_feedback2 p {
color: #6cb9da;
}
.btn3 {
border-radius: 50px;
width: 100%;
max-width: 210px;
display: inline-block;
border: none;
height: 39px;
/* line-height: 39px; */
font-size: 14px;
text-align: center color: #fcfcfc;
cursor: pointer;
background: rgb(0, 102, 153);
text-transform: uppercase;
transition: all 0.2s ease;
}
.carRight:hover {
right: 2%;
}
.carLeft:hover {
left: 27%;
}
.carRight {
display: block;
position: absolute;
top: 50%;
margin-top: -50px;
width: 30px;
height: 100px;
background: url(/bitrix/templates/sonata/components/sonata/offers.carousel/carousel/images/arrow_slider.png) no-repeat center right / 90%;
transition: all .2s ease-out;
right: 3%;
cursor: pointer;
z-index: 1;
transform: rotate(180deg);
}
.carLeft {
display: block;
position: absolute;
top: 50%;
margin-top: -50px;
width: 30px;
height: 100px;
background: url(/bitrix/templates/sonata/components/sonata/offers.carousel/carousel/images/arrow_slider.png) no-repeat center right / 90%;
transition: all .2s ease-out;
left: 25%;
cursor: pointer;
z-index: 1;
}
/*****Обзоры****/
div.news-list {
word-wrap: break-word;
}
div.news-list img.preview_picture {
float: left;
margin: 0 4px 6px 0;
}
.news-date-time {
color: #486DAA;
}
.blo1 {
background: #fff;
padding: 5px;
border-radius: 10px;
margin-bottom: 10px;
box-shadow: 0px 0px 7px 0px #dcdcdc;
}
.blo1:hover {
box-shadow: 0px 1px 9px 0px #a2a2a2;
}
.blo2 {
background: #fff;
border: 1px dashed #6cb9da;
border-radius: 7px;
}
.blo2 h3 {
font-size: 14px;
padding: 0 5px;
margin: 10px 0;
color: #057aad;
}
.blo2 img {
padding: 5px;
}
.grid01 {
list-style: none;
padding: 0;
}
.grid01 .shown, .no-js .grid01 li, .no-cssanimations .grid01 li {
opacity: 1;
}
.grid01 li {
display: block;
float: left;
padding: 0.5%;
width: 25%;
}
.grid01 li a, .grid01 li img {
outline: none;
border: none;
display: block;
max-width: 100%;
}
.grid01 li a {}
.grid01 li p {
text-align: center;
color: #fff;
font-size: 12px;
margin: 5px 0;
}
/* Effect 1: opacity */
.grid01.effect-1 li.animate {
-webkit-animation: fadeIn 0.65s ease forwards;
animation: fadeIn 0.65s ease forwards;
}
@-webkit-keyframes fadeIn {
0% {}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {}
100% {
opacity: 1;
}
}
/* Effect 2: Move Up */
.grid01.effect-2 li.animate {
-webkit-transform: translateY(200px);
transform: translateY(200px);
-webkit-animation: moveUp 0.65s ease forwards;
animation: moveUp 0.65s ease forwards;
}
@-webkit-keyframes moveUp {
0% {}
100% {
-webkit-transform: translateY(0);
opacity: 1;
}
}
@keyframes moveUp {
0% {}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
/* Effect 3: Scale up */
.grid01.effect-3 li.animate {
-webkit-transform: scale(0.6);
transform: scale(0.6);
-webkit-animation: scaleUp 0.65s ease-in-out forwards;
animation: scaleUp 0.65s ease-in-out forwards;
}
@-webkit-keyframes scaleUp {
0% {}
100% {
-webkit-transform: scale(1);
opacity: 1;
}
}
@keyframes scaleUp {
0% {}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
/* Effect 4: fall perspective */
.grid01.effect-4 {
-webkit-perspective: 1300px;
perspective: 1300px;
}
.grid01.effect-4 li.animate {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: translateZ(400px) translateY(300px) rotateX(-90deg);
transform: translateZ(400px) translateY(300px) rotateX(-90deg);
-webkit-animation: fallPerspective .8s ease-in-out forwards;
animation: fallPerspective .8s ease-in-out forwards;
}
@-webkit-keyframes fallPerspective {
0% {}
100% {
-webkit-transform: translateZ(0px) translateY(0px) rotateX(0deg);
opacity: 1;
}
}
@keyframes fallPerspective {
0% {}
100% {
-webkit-transform: translateZ(0px) translateY(0px) rotateX(0deg);
transform: translateZ(0px) translateY(0px) rotateX(0deg);
opacity: 1;
}
}
/* Effect 5: fly (based on http://lab.hakim.se/scroll-effects/ by @hakimel) */
.grid01.effect-5 {
-webkit-perspective: 1300px;
perspective: 1300px;
}
.grid01.effect-5 li.animate {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform-origin: 50% 50% -300px;
transform-origin: 50% 50% -300px;
-webkit-transform: rotateX(-180deg);
transform: rotateX(-180deg);
-webkit-animation: fly .8s ease-in-out forwards;
animation: fly .8s ease-in-out forwards;
}
@-webkit-keyframes fly {
0% {}
100% {
-webkit-transform: rotateX(0deg);
opacity: 1;
}
}
@keyframes fly {
0% {}
100% {
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
opacity: 1;
}
}
/* Effect 6: flip (based on http://lab.hakim.se/scroll-effects/ by @hakimel) */
.grid01.effect-6 {
-webkit-perspective: 1300px;
perspective: 1300px;
}
.grid01.effect-6 li.animate {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-transform: rotateX(-80deg);
transform: rotateX(-80deg);
-webkit-animation: flip .8s ease-in-out forwards;
animation: flip .8s ease-in-out forwards;
}
@-webkit-keyframes flip {
0% {}
100% {
-webkit-transform: rotateX(0deg);
opacity: 1;
}
}
@keyframes flip {
0% {}
100% {
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
opacity: 1;
}
}
/* Effect 7: helix (based on http://lab.hakim.se/scroll-effects/ by @hakimel) */
.grid01.effect-7 {
-webkit-perspective: 1300px;
perspective: 1300px;
}
.grid01.effect-7 li.animate {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
-webkit-animation: helix .8s ease-in-out forwards;
animation: helix .8s ease-in-out forwards;
}
@-webkit-keyframes helix {
0% {}
100% {
-webkit-transform: rotateY(0deg);
opacity: 1;
}
}
@keyframes helix {
0% {}
100% {
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
opacity: 1;
}
}
/* Effect 8: */
.grid01.effect-8 {
-webkit-perspective: 1300px;
perspective: 1300px;
}
.grid01.effect-8 li.animate {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: scale(0.4);
transform: scale(0.4);
-webkit-animation: popUp .8s ease-in forwards;
animation: popUp .8s ease-in forwards;
}
@-webkit-keyframes popUp {
0% {}
70% {
-webkit-transform: scale(1.1);
opacity: .8;
-webkit-animation-timing-function: ease-out;
}
100% {
-webkit-transform: scale(1);
opacity: 1;
}
}
@keyframes popUp {
0% {}
70% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
opacity: .8;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@media screen and (max-width: 1600px) {
.grid01 li {
width: 33%;
}
}
@media screen and (max-width: 900px) {
.grid01 li {
width: 50%;
}
}
@media screen and (max-width: 400px) {
.grid01 li {
width: 100%;
}
}
@media screen and (max-width:700px) {
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
display: block!important;
}
.owl-prev {
position: absolute;
left: 20px;
top: 87%;
margin-right: 15px;
height: 30px;
width: 30px;
border-radius: 50%;
}
.owl-next {
position: absolute;
right: 30px;
top: 87%;
margin-left: 15px;
height: 30px;
width: 30px;
border-radius: 50%;
}
.zagl001 h3 {
width: 300px;
font-size: 20px;
}
body {
overflow-x: hidden;
}
.gltop {
background-size: 110%;
}
}
.bx_item_list_you_looked_horizontal .bx_gift_title, .bx_item_list_you_looked_horizontal .bx_item_list_title, .bx_item_list_you_looked_horizontal .bx_gift_price{
font-family: 'PT Sans', sans-serif;
}
.descrip2 {
position: relative;
cursor: pointer;
height: 55px;
background: #d4def9;
margin: 0;
padding: 0 15px;
text-align: center;
color: #fff !important;
font-size: 16px;
margin-bottom: 2px;
}
.bx_item_list_you_looked_horizontal .bx_gift_price{
position: initial;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-ms-align-items: flex-end;
align-items: flex-end;
}
@media screen and (max-width: 1500px) {
.bx_item_list_you_looked_horizontal .bx_gift_text{
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
height: auto;
justify-content: flex-start;
}
.bx_item_list_you_looked_horizontal .bx_gift_title{
margin: 0 0 20px 0;
}
}
.descrip2 a{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-ms-align-items: center;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
}
.descrip2.fa {
border: solid 2px #f64fbb;
border-radius: 100%;
padding: 2px;
}
/*****************Элементы раздела*********************/
.her_carousel {
position: relative;
overflow: hidden;
}
.her_carousel .her-item {
display: none;
}
.her_carousel .her-item.her_active {
display: block;
position: relative;
/*height: 100%;*/
transition: transform 0.2s;
}
.bx_catalog_item_container {
transition: box-shadow 0.15s linear!important;
}
.her_carousel .her_navigation {
text-align: center;
display: none;
width: 116%;
margin: 0 -8%;
overflow: hidden;
}
.bx_catalog_item_container.her_carousel:hover {
padding-bottom: 5px
}
.bx_catalog_item_container:hover .her_navigation {
height: 15px;
display: block;
}
.her_carousel .her_prev, .her_carousel .her_next {
position: absolute;
top: calc(50% - 15px);
z-index: 100;
width: 30px;
height: 30px;
cursor: pointer;
transition: left 0.5s, right 0.5s;
}
.her_carousel .her_prev {
left: -5px;
transform: rotate(180deg);
background-image: url('data:image/svg+xml;utf8,');
}
.her_carousel .her_next {
right: -5px;
background-image: url('data:image/svg+xml;utf8,');
}
.her_carousel .her_dots {
margin: 0 auto;
width: max-content;
transition: transform 0.7s linear;
z-index: 100;
/*position: absolute;
top: 67%;
left: 10%;
right: 10%;
display: flex;
justify-content:space-between;*/
}
.her_carousel .her_point.active {
flex: 0 1 15px;
border: 1px solid #ff48ae;
}
.her_carousel .her_point {
display: inline-block;
width: 8px;
height: 8px;
margin: 3px;
border-radius: 50%;
background: #c8eef9;
}
.avail.prod {
color: #61af64;
width: 100%;
text-align: center;
margin-top: 5px;
float: right;
margin-top: 30px;
}
.avail.prod::before {
content: "";
display: inline-block;
background-color: #71d29c;
width: 6px;
height: 6px;
position: relative;
top: -1px;
border-radius: 50%;
margin-right: 6px;
}
.no.avail.prod {
color: #ee6397;
}
.no.avail.prod::before {
background-color: #ee6397;
}
.prod_call {
width: 40%;
float: right;
margin-top: 5px;
color: #ff0099;
height: 30px;
line-height: 30px;
font-size: 13px;
text-align: center;
border: 1px dashed #ff0099;
border-radius: 18px;
max-width: 210px;
text-transform: uppercase;
transition: all 0.2s ease;
}
.prod_call:hover {
background-color: #ff0099;
color: #fff;
}
.fast-links .mob-filter.cancel-filter {
border-radius: 5px;
background-color: #259bc6;
color: #ffffff;
font-size: 12px;
font-weight: 700;
line-height: 25px;
}
.fast-links .mob-filter.cancel-filter a {
color: #fff;
}
.fast-links .mob-filter.cancel-filter::after {
color: #fff;
font-size: 13px;
font-weight: normal;
right: 3px;
top: 4px;
}
.bx_filter_parameters_poher.onevalue.last .bx_filter_parameters_box {
border-bottom: 0;
}
@media screen and (max-width: 991px) {
.tab_cart .tab-pane .owl-nav {
display: none !important;
}
.bx-wrapper1 #carouselv .item img {
width: 130px !important;
height: 136px !important;
}
.m_pic {
margin-bottom: 0;
}
.her_carousel .her_navigation {
height: 15px;
display: block;
}
}
@media screen and (max-width: 560px) {
.modern-page-navigation a.modern-page-next::after, .modern-page-navigation a.modern-page-previous::before {
width: 8px;
height: 10px;
}
div.modern-page-navigation a, span.modern-page-current, div.modern-page-navigation a.modern-page-previous, span.modern-page-dots {
font-size: 12px;
padding: 5px 6px !important;
}
.cart-item-cstm__buy {}
.block_img_prew .carLeft:hover {
margin-top: 0;
}
.her_carousel .her_navigation {
width: 104%;
margin: 0 -2%;
}
.her_carousel .her_prev, .her_carousel .her_next {
width: 20px;
height: 20px;
margin-top: -10px;
}
.her_carousel .her_prev {
left: 12px !important;
}
.her_carousel .her_next {
right: 12px !important;
}
.her_carousel .her_dots {
top: 90%;
}
.modern-page-navigation span.modern-page-current, .modern-page-navigation a:hover {
font-size: 12px;
}
.avail.prod {
margin-top: 10px;
/*width: auto;
line-height: 25px;
margin-right: 10px;*/
}
}
.no.avail.on_order {
color: #FF9800;
}
.no.avail.on_order::before {
background-color: #FF9800;
}
.butnp {
color: #fff;
background: #337ab7;
border: 1px solid #337ab7;
}
.butnw {
color: #337ab7;
background: #ffffff;
border: 1px solid #337ab7;
}
.butn {
border-radius: 50px;
margin-right: 2%;
margin-left: 2%;
margin-top: 1%;
min-width: 50%;
display: inline-block;
line-height: 39px;
text-align: center;
cursor: pointer;
text-transform: uppercase;
word-break: break-word;
white-space: normal;
}
.tel {
border-radius: 5px;
font-size: 20px;
text-align: center;
background: #fff;
box-shadow: none;
border: 1px solid #af0591;
color: #af0591;
}
.popup-window-buttons {
display: inline-block;
width: 100%;
}
#toggles {
background: #daeaf9;
border-top: #337ab7 3px solid;
padding: 3%;
text-align: center;
}
.ramka {
border: 3px solid #337ab7;
}
.txtdown {
display: inline-block;
color: #337ab7;
}
.txtdown b {
font-size: 20px;
}
.pers {
cursor: pointer;
color: #ff54b4;
}
#dialog1 div {
width: 100% !important;
}
#dialog1 div h1 {
text-align: center;
}
#call_feedback2 {
text-align: center;
border: 3px solid #77bedd;
}
#call_feedback2 h1 {
color: #ff0099;
}
#call_feedback2 div {
padding: 10px;
}
#call_feedback2 p {
color: #6cb9da;
}
.btn3 {
border-radius: 50px;
width: 100%;
max-width: 210px;
display: inline-block;
border: none;
height: 39px;
/* line-height: 39px; */
font-size: 14px;
text-align: center color: #fcfcfc;
cursor: pointer;
background: rgb(0, 102, 153);
text-transform: uppercase;
transition: all 0.2s ease;
}
.credito {
text-align: left;
width: 150px;
max-width: 150px;
margin-top: 5px;
}
.bx_item_detail .item_buttons .bx_bt_button {
max-width: 150px;
float: none;
width: 150px;
}
.carRight:hover {
right: 2%;
}
.carLeft:hover {
left: 27%;
}
.carRight {
display: block;
position: absolute;
top: 50%;
margin-top: -50px;
width: 30px;
height: 100px;
background: url(/bitrix/templates/sonata/components/sonata/offers.carousel/carousel/images/arrow_slider.png) no-repeat center right / 90%;
transition: all .2s ease-out;
right: 3%;
cursor: pointer;
z-index: 1;
transform: rotate(180deg);
}
.carLeft {
display: block;
position: absolute;
top: 50%;
margin-top: -50px;
width: 30px;
height: 100px;
background: url(/bitrix/templates/sonata/components/sonata/offers.carousel/carousel/images/arrow_slider.png) no-repeat center right / 90%;
transition: all .2s ease-out;
left: 25%;
cursor: pointer;
z-index: 1;
}
.product-actions {
z-index: 900;
position: absolute;
/* left: 0px;*/
margin-top: -20px;
bottom: 50%;
}
.product-actions .product-action {
height: 40px;
width: 65px;
position: relative;
display: block;
border-radius: 0 20px 20px 0;
margin-bottom: 2px;
}
.product-actions .free_delivery {
background-color: #71d29c;
}
.product-actions .preferential_delivery {
background-color: #38a86a;
}
.product-actions .promo_kit {
background-color: #ffc05b;
}
.product-actions .charity {
background-color: #ff2da2;
}
.product-actions .product-action__popup {
position: absolute;
bottom: 102%;
left: 10px;
background-color: #fff;
padding: 17px;
width: 200px;
text-align: center;
box-shadow: 1px 2px 5px 0 rgba(0, 0, 0, 0.23);
display: block;
visibility: hidden;
opacity: 0;
}
.product-actions .product-action__popup.product-action__popup_big .product-action__popup-title {
font-size: 14px;
}
.product-actions .product-action__popup .btn-grey {
display: inline-flex;
padding: 0 30px;
align-items: center;
justify-content: center;
height: 25px;
box-sizing: border-box;
font-size: 14px;
color: #000;
border: 1px solid #5f58ac;
border-radius: 20px;
transition: 0.3s;
}
.product-actions .product-action:hover .product-action__popup {
visibility: visible;
opacity: 1;
-webkit-transition-delay: 0.20s;
-o-transition-delay: 0.20s;
transition-delay: 0.20s;
}
.product-actions .product-action__icon {
position: absolute;
text-align: center;
width: 100%;
height: auto;
display: block;
left: 47%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.product-actions .product-action__popup:after {
content: '';
display: block;
position: absolute;
left: 14px;
bottom: -7px;
width: 20px;
height: 20px;
background-color: #fff;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.product-actions .product-action__icon svg {
width: 40px;
height: 33px;
margin: auto;
display: block;
text-align: center;
vertical-align: middle;
}
.row.items .product-actions {
bottom: 60%;
}
.row.items.prod .product-actions {
bottom: 15%;
}
.row.items.prod .product-actions .product-action {
width: 45px;
}
.row.items .product-actions .product-action {
width: 65px;
}
@media screen and (max-width: 680px) and (min-width: 320px) {
.product-actions .product-action {
height: 28px;
width: 46px;
}
.product-actions .product-action__popup.product-action__popup_big .product-action__popup-title {
line-height: 16px;
}
.product-actions .product-action__popup .btn-grey {
width: 92px;
}
.product-actions .product-action__popup {
padding: 12px;
}
.row.items .product-actions {
bottom: 70%;
}
.row.items.prod .product-actions .product-action {
width: 45px;
}
.product-actions {
bottom: auto;
top: 10%;
}
.product-actions .product-action__popup {
z-index: 9;
bottom: 0;
width: 160px;
}
.product-actions .product-action__popup:after {
display: none;
}
.row.items .product-actions .product-action {
width: 60px;
}
}
@media screen and (max-width: 365px) and (min-width: 320px) {
.product-actions .product-action {
height: 20px;
width: 36px;
}
.product-actions .product-action__popup {
width: 160px;
}
.product-actions .product-action__icon svg {
width: 20px;
height: 33px;
}
}
/************дет карса****************/
/*****дет карта******/
/*----------------------
card upgraded on 07.2018
ver 4.0 07.2018
----------------------*/
.detail-right {
position: relative;
}
#bx_detail_sidebar.isAffix {
position: fixed;
-webkit-transform: translateZ(0);
/*fix the flick*/
top: 20px;
margin-right: 75px;
bottom: unset;
right: unset;
opacity: 1;
background: none;
padding: 0;
}
#bx_detail_sidebar .rdetail {
width: 100%;
text-align: center;
margin: 0 0 10px;
}
#bx_detail_sidebar #r_title a {
color: #333;
}
#bx_detail_sidebar .rdetail img {
width: 80%;
margin: 0 auto;
max-width: 200px;
}
#bx_detail_sidebar .rdetail span {
display: none;
}
#bx_detail_sidebar #r_price a {
display: block;
font-size: 26px;
color: #f64fbb;
margin-bottom: 10px
}
#anchor_menu {
list-style-type: none;
border-left: 2px solid #f64fbb;
}
#anchor_menu li {
position: relative;
padding-left: 20px;
}
#anchor_menu>li:not(:last-child) {
margin-bottom: 20px;
}
/*#anchor_menu li:hover{
}*/
#anchor_menu li a {
font-size: 16px;
}
#anchor_menu li.active a {
color: #f64fbb;
}
#anchor_menu li:before {
content: "\25cb";
color: #f64fbb;
/* background: #f5f5f5;*/
background: #fff;
font-size: 36px;
line-height: 11px;
height: 16px;
position: absolute;
left: -12px;
top: 50%;
margin-top: -7px;
}
#anchor_menu li:hover:before {
content: "\25cc";
transform: scale(1.2);
}
#anchor_menu li.active:before {
content: "\25cf";
}
#anchor_menu li.onslide:before {
color: #f5f5f5;
}
#bx_detail_sidebar p.h2 {
margin: 20px 0 10px 20px;
padding: 0;
text-align: left;
font-size: 16px;
color: #333;
text-transform: none;
border: none;
}
#bx_detail_sidebar .offer-wrapper {
padding: 5px 5px 0;
background: none;
border: none;
}
#bx_detail_sidebar .bx_catalog_item_container {
padding: 5px 10px;
margin-bottom: 5px;
}
#bx_detail_sidebar .bx_catalog_item_images {
display: inline-block;
float: left;
height: 90px;
width: 90px;
margin-right: 10px;
}
#bx_detail_sidebar .bx_catalog_item_title {
height: auto;
min-height: 59px;
}
#bx_detail_sidebar .bx_catalog_item_price {
text-align: right;
}
@media (max-width:1400px) {
#bx_detail_sidebar .bx_catalog_item_images {
display: block;
float: none;
}
#bx_detail_sidebar .bx_catalog_item_images, #bx_detail_sidebar .bx_catalog_item_title, #bx_detail_sidebar .bx_catalog_item_price {
width: 100%;
text-align: center;
}
}
.highslide img {
border: none!important;
}
#thumbs li {
position: relative;
padding: 3px 3px 3px 3px;
margin-bottom: 10px;
transition: all 0.1s ease-out;
border: 3px solid transparent;
}
#thumbs li img {
transition: all 0.1s ease-out;
max-width: initial;
}
#thumbs li:hover img {
transform: scale(1.05);
}
#thumbs li.selected {
border: 3px solid #ff0099;
}
#previews .row.no-gutters {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
}
#thumbs span.avail {
top: 65px;
left: 5px;
right: 5px;
text-align: center;
font-size: 13px;
line-height: 20px;
height: 20px;
color: #999999;
}
#thumbs .instock {
color: #66cc33;
}
.highslide-container .highslide-heading {
font-size: 36px;
color: #0d93cb;
background: rgba(255, 255, 255, 0.7);
padding: 5px;
}
/* item_detail_v2 */
.bx_item_detail .bx_item_title {
padding-bottom: 14px;
border-bottom: 1px solid #e5e5e5;
margin-bottom: 16px;
min-height: 24px
}
.bx_item_detail .bx_item_title h1 {
font-size: 24px;
border-bottom: 0 none transparent;
margin-bottom: 0;
padding-bottom: 0;
}
.bx_item_detail h1 span {
color: #000
}
.bx_item_detail .bx_item_container {}
.bx_item_detail .bx_item_container .bx_lt {
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-right: 2%;
width: 38%;
}
.bx_item_detail .bx_item_container .bx_rt {
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-left: 2%;
width: 58%;
}
.bx_item_detail .bx_item_container .bx_md {
clear: both
}
.bx_item_detail .bx_item_container .bx_lb {
float: left;
margin-right: 2%;
width: 48%;
}
.bx_item_detail .bx_item_container .bx_rb {
float: right;
margin-left: 2%;
width: 48%;
}
.bx_item_detail .bx_optionblock {
margin-left: 0;
float: none;
width: 150px;
}
.props_section {
float: none;
}
.bx_item_detail .item_info_section.item_info_section-available {
width: auto;
margin-left: 30px;
margin-bottom: 2px;
}
.detail-rating-available {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-ms-align-items: center;
align-items: center;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 20px;
}
.bx_item_detail_rating {
display: block;
}
.bx_item_detail_rating td {
display: inline-block;
float: left;
line-height: 30px;
}
.bx_item_detail_rating .bx_stars_rating_votes {
padding-left: 5px;
position: relative;
top: -1px;
}
/* Item info */
.bx_item_detail .item_price {
margin-bottom: 0px;
margin-top: 20px;
}
.bx_item_detail .item_name {
margin: 0;
padding: 0;
}
.bx_item_detail .item_name a {
color: #000;
text-decoration: none;
font-size: 23px;
}
.bx_item_detail .item_old_price {
padding: 0 10px;
color: #b8b8b8;
text-decoration: line-through;
font-weight: bold
}
.bx_item_detail .item_current_price {
display: inline-block;
margin-top: 2px;
padding: 0 10px;
border-bottom: 1px solid #e6e6e6;
background: #f8f5ab;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4ZjVhYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYmY5Y2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8f5ab), color-stop(100%, #fbf9cb));
background: -webkit-linear-gradient(top, #f8f5ab 0%, #fbf9cb 100%);
background: -moz-linear-gradient(top, #f8f5ab 0%, #fbf9cb 100%);
background: -ms-linear-gradient(top, #f8f5ab 0%, #fbf9cb 100%);
background: -o-linear-gradient(top, #f8f5ab 0%, #fbf9cb 100%);
background: linear-gradient(to bottom, #f8f5ab 0%, #fbf9cb 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f5ab', endColorstr='#fbf9cb', GradientType=0);
color: #cf1515;
font-weight: bold;
font-size: 21px;
line-height: 33px;
}
.bx_item_detail .item_economy_price {
display: inline-block;
padding: 0 0 0 10px;
color: #b8b8b8;
font-weight: bold;
font-size: 14px;
line-height: 33px;
}
.bx_item_detail .item_info_section .available {
color: #3c8a3c;
margin: 0;
display: block;
}
.bx_item_detail .not.available {
color: #ff0099;
}
.bx_item_detail .item_info_section .noprice.available {
color: #ff8f00;
}
.bx_item_detail .item_info_section {
margin: 0 0 20px 0;
font-size: 13px;
line-height: 19px;
}
.bx_item_detail .item_section_name_gray {
color: #9e9e9e;
font-size: 13px;
}
.bx_item_detail .item_info_section dl {
margin-bottom: 20px;
overflow: hidden;
padding: 0;
}
.bx_item_detail .item_info_section dl dt {
clear: both;
float: left;
font-weight: bold;
}
.bx_item_detail .item_info_section dl dd {
float: left;
margin: 0 5px;
}
.bx_item_detail .item_buttons_counter_block, .item_buttons_counter_block_one_click {
display: inline-block;
margin-right: 10px;
width: 100%;
vertical-align: baseline;
color: #3f3f3f;
font-size: 13px;
text-align: left;
margin-bottom: 10px;
}
.item_buttons_counter_block_one_click {
margin-left: 10px;
margin-right: 0;
}
.bx_item_detail .item_buttons_counter_block a {
vertical-align: baseline;
}
.bx_item_detail .bx_cnt_desc {
vertical-align: baseline;
}
/* Item SET */
.bx_item_detail .transparent_input {
border: none;
background: none;
color: #000;
font-weight: bold;
font-size: 14px;
display: inline-block;
width: 60px;
text-align: center;
}
/*tab-section-container*/
.bx_item_detail .tab-section-container {
position: relative;
}
.bx_item_detail .tab-list {
padding: 0;
border-bottom: 1px solid #d9e1e3;
vertical-align: bottom;
text-align: left;
}
.bx_item_detail .tab-list li {
display: inline-block;
border: 1px solid #d9e1e3;
border-bottom: none;
border-radius: 3px 3px 0 0;
background: #f7f7f7;
box-shadow: inset 0 -10px 5px -10px rgba(0, 0, 0, .12);
vertical-align: bottom;
}
.bx_item_detail .tab-list li a {
display: block;
padding: 0 10px;
height: 30px;
box-shadow: none;
color: #999;
text-decoration: none;
font-size: 13px;
line-height: 30px;
}
.bx_item_detail .tab-list li:hover, .bx_item_detail .tab-list li.active {
background: #fff;
}
/*.tab-list li:hover a,*/
.bx_item_detail .tab-list li.active a {
position: relative;
bottom: -2px;
height: 35px;
background: #fff;
color: #3f3f3f;
line-height: 35px;
}
.bx_item_detail .tab-boby-container .container>div.tab-off {
display: none;
}
.bx_item_detail .tab-boby-container .container>div {}
.subright {
/*margin-top: 31px;*/
box-sizing: border-box;
}
.subright dt, .subright label {
font-size: 13px;
float: left;
margin-right: 5px;
color: #999999;
}
.subright dd {
font-size: 13px;
color: #000;
}
.subright dd, .subright dt {
white-space: nowrap;
padding-top: 11px;
}
.subright dd:last-of-type, .subright dt:last-of-type {
padding-bottom: 11px;
}
.subright .item_cur_price span {
font-size: 13px;
color: #ff0099;
bottom: -3px;
position: relative;
display: block;
font-size: 20px;
bottom: 0;
display: inline-block;
margin-right: 5px;
}
.subright .item_cur_price, .subright .no_price, .detail-page-price {
color: #cd449c;
font-size: 30px;
font-weight: 700;
padding: 0;
}
.subright .item_old_price {
color: #8f8f8f;
font-size: 20px;
padding: 0;
font-family: 'PT Sans', sans-serif;
margin-top: 10px;
}
#attributes tr:nth-child(2n) {
background: #f5f5f5;
}
#attributes td {
font-size: 14px;
line-height: 18px;
padding: 5px 2%;
}
#attributes td:nth-child(1) {
width: 30%;
font-weight: bold;
}
#attributes td:nth-child(2) {
width: 70%;
}
.bx_item_detail .item_comments {
display: block;
padding-left: 10px;
}
.bx_item_detail .item_comments li {
display: block;
padding-bottom: 10px;
}
.bx_item_detail .item_comments_username {
display: inline-block;
color: #5d90bd;
font-size: 14px;
}
.bx_item_detail .item_comments_date {
display: inline-block;
margin-left: 10px;
color: #b8b8b8;
font-size: 14px;
}
.bx_item_detail .item_comments_container p {
margin-top: 5px;
color: #3f3f3f;
font-size: 14px;
}
.bx_item_detail .bx_notavailable {
text-align: left;
font-size: 12px;
font-weight: bold;
display: inline-block;
border: 1px solid #E4E4E4;
background: #F3F3F3;
white-space: normal;
line-height: normal;
padding: 5px 15px;
margin-bottom: 10px;
}
.bx_notavailable_subscribe {
background: none !important;
border: none !important;
padding-left: 0 !important;
}
#right-button, .bx_item_detail .bx_bt_button, .bx_item_detail .bx_bt_button_type_2, .item_buttons_counter_block_one_click a {
border-radius: 50px;
width: 100%;
max-width: 210px;
display: inline-block;
border: none;
height: 39px;
line-height: 39px;
font-size: 14px;
text-align: center;
color: #fcfcfc;
cursor: pointer;
background: #f64fbb;
text-transform: uppercase;
transition: all 0.2s ease;
}
.item_buttons_counter_block_one_click a {
float: right;
color: #fff !important;
}
#right-button:hover, .bx_item_detail .bx_bt_button:hover, .bx_item_detail .bx_bt_button_type_2:hover, .item_buttons_counter_block_one_click a:hover {
background: #ff0099;
color: #fff;
font-weight: 400 !important;
font-size: 14px !important;
}
#right-button.adding, .bx_item_detail .bx_bt_button.adding, .bx_item_detail .bx_bt_button_type_2.adding {
transform: scale(0, 1);
}
.bx_item_detail .bx_bt_button.adding::before, .bx_item_detail .bx_bt_button_type_2.adding::before {}
.bx_item_detail .bx_fwb {
font-weight: bold
}
@media (min-width:981px) {}
@media (max-width:740px) {
.bx_item_detail .bx_optionblock {
display: none
}
/*.bx_item_detail .item_buttons_counter_block{margin-bottom:10px}*/
.bx_item_detail .bx_item_container .bx_lb, .bx_item_detail .bx_item_container .bx_rb {
width: 48%
}
}
@media (min-width:640px) and (max-width:980px) {}
@media (min-width:480px) and (max-width:639px) {}
@media (max-width:480px) {
.video-review__detail .video-review__item {
width: 100%;
margin: 0 0 12px 0;
max-width: 100%;
max-height: 100%;
}
.bx-touch .bx_item_detail .bx_item_container .bx_lt, .bx-touch .bx_item_detail .bx_item_container .bx_rt, .bx-touch .bx_item_detail .bx_item_container .bx_md, .bx-touch .bx_item_detail .bx_item_container .bx_lb, .bx-touch .bx_item_detail .bx_item_container .bx_rb {
float: none;
margin: 0;
padding: 0;
width: 100%;
}
.bx-touch .bx_item_detail .item_info_section {
padding-left: 0
}
}
@media (max-width:319px) {}
/* item_detail_slider */
.bx_item_detail .bx_item_slider {
position: relative;
margin-bottom: 10px;
}
.bx_item_detail .bx_item_slider .bx_bigimages {
position: relative;
overflow: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0 auto;
padding: 0;
max-width: 440px;
border: 1px solid #cfcfcf;
border-radius: 2px;
background: #fff;
text-align: center;
height: 0;
width: 100%;
padding-top: 105%;
/*минутка говнокода*/
}
.bx_item_detail .bx_item_slider .bx_bigimages .bx_bigimages_imgcontainer {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.bx_item_detail .bx_item_slider .bx_bigimages .bx_bigimages_imgcontainer .bx_bigimages_aligner {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
}
.bx_item_detail .bx_item_slider .bx_bigimages .bx_bigimages_imgcontainer img {
display: inline-block;
max-width: 100% !important;
max-height: 100% !important;
vertical-align: middle;
text-align: center;
}
/*----*/
.bx_item_detail .bx_item_slider .bx_slider_conteiner {
position: relative;
padding-top: 20px;
margin-bottom: 10px;
max-width: 100%;
width: 100%;
}
.bx-no-touch .bx_item_detail .bx_item_slider .bx_slider_conteiner.full {
position: relative;
margin-left: -5%;
padding: 20px 5% 0
}
/*----*/
.bx_item_detail .bx_item_slider .bx_slider_scroller_container {
position: relative
}
.bx_item_detail .bx_item_slider .bx_slide {
position: relative;
overflow: hidden;
margin: 0;
width: 100%;
}
.bx-touch .bx_item_detail .bx_item_slider .bx_slide {
overflow-x: auto
}
.bx_item_detail .bx_item_slider .bx_slide ul {
position: relative;
display: block;
margin: 0;
padding: 0;
width: 100%;
white-space: nowrap
}
.bx-touch .bx_item_detail .bx_item_slider .bx_slide ul {
margin-left: 0 !important
}
.bx_item_detail .bx_item_slider .bx_slide ul li {
position: relative;
display: block;
float: left;
height: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
}
.bx_item_detail .bx_item_slider .bx_slide ul li .cnt {
position: absolute;
top: 0;
right: 2px;
bottom: 4px;
left: 2px;
display: block;
overflow: hidden;
border: 1px solid #c0cfda;
background: #fff;
}
.bx-retina .bx_item_detail .bx_item_slider .bx_slide ul li .cnt {
border: none;
border-style: solid;
border-width: 1px;
-webkit-border-image: url(/local/templates/kk2018_new/images/x2border.png) 2 stretch;
-moz-border-image: url(/local/templates/kk2018_new/images/x2border.png) 2 stretch;
-o-border-image: url(/local/templates/kk2018_new/images/x2border.png) 2 stretch;
border-image: url(/local/templates/kk2018_new/images/x2border.png) 2 fill stretch;
}
.bx_item_detail .bx_item_slider .bx_slide ul li:hover .cnt {
border: 1px solid #006cc0
}
.bx_item_detail .bx_item_slider .bx_slide ul li:active .cnt, .bx_item_detail .bx_item_slider .bx_slide ul li.bx_active .cnt {
padding: 3px;
border: 2px solid #006cc0;
}
.bx-retina .bx_item_detail .bx_item_slider .bx_slide ul li.bx_active .cnt {
border: none;
border-style: solid;
border-width: 1px;
-webkit-border-image: url(/local/templates/kk2018_new/images/x2border_active.png) 2 stretch;
-moz-border-image: url(/local/templates/kk2018_new/images/x2border_active.png) 2 stretch;
-o-border-image: url(/local/templates/kk2018_new/images/x2border_active.png) 2 stretch;
border-image: url(/local/templates/kk2018_new/images/x2border_active.png) 2 fill stretch;
}
.bx_item_detail .bx_item_slider .bx_slide ul li .cnt .cnt_item {
position: absolute;
top: 6%;
right: 6%;
bottom: 6%;
left: 6%;
background-size: 100% auto;
background-repeat: no-repeat;
}
.bx_item_detail .bx_item_slider .bx_slide ul li .cnt .cnt_item img {
width: auto;
height: 25px;
}
/*----*/
.bx-no-touch .bx_item_detail .bx_item_slider .bx_slide_left, .bx-no-touch .bx_item_detail .bx_item_slider .bx_slide_right {
opacity: 0.8
}
.bx-no-touch .bx_item_detail .bx_item_slider .bx_slide_left:hover, .bx-no-touch .bx_item_detail .bx_item_slider .bx_slide_right:hover {
opacity: 1.0
}
.bx_item_detail .bx_item_slider .bx_slider_conteiner.full .bx_slide_left, .bx_item_detail .bx_item_slider .bx_slider_conteiner.full .bx_slide_right {
position: absolute;
top: 0;
bottom: 4px;
width: 5%;
max-width: 11px;
cursor: pointer;
}
.bx-no-touch .bx_item_detail .bx_item_slider .bx_slide_left {
left: -5%;
background: url(/local/templates/kk2018_new/images/arr_left.png) no-repeat left center;
background-size: 100% auto
}
.bx-no-touch .bx_item_detail .bx_item_slider .bx_slide_right {
right: -5%;
background: url(/local/templates/kk2018_new/images/arr_right.png) no-repeat right center;
background-size: 100% auto
}
.bx-touch .bx_item_detail .bx_item_slider .bx_slide_left {
left: 0;
background: url(/local/templates/kk2018_new/images/fade_left.png) repeat-y left center;
background-size: 100% auto
}
.bx-touch .bx_item_detail .bx_item_slider .bx_slide_right {
right: 0;
background: url(/local/templates/kk2018_new/images/fade_right.png) repeat-y right center;
background-size: 100% auto
}
.bx_item_detail .bx_item_slider_lupe_small {
position: absolute;
background: rgba(0, 0, 0, 0.18);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid rgba(255, 255, 255, .5);
cursor: pointer;
}
.bx_item_detail .bx_item_slider_lupe {
position: absolute;
border: 1px solid #b2b2b2;
left: 105%;
top: 0;
bottom: 4px;
margin: 0;
background: #fff url(/local/templates/kk2018_new/images/wait.gif) no-repeat scroll center center;
z-index: 120;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
}
.bx_item_detail .bx_item_slider_lupe img {
max-width: 99999px !important;
max-height: 99999px !important;
}
/* Stickers */
.bx_item_detail .bx_bigimages .bx_stick {
position: absolute;
width: 123px;
height: 35px;
background: url(/local/templates/kk2018_new/images/stick.png) left center no-repeat;
color: #fff;
text-align: center;
text-shadow: 0 1px 0 #ba3434;
line-height: 35px;
white-space: nowrap;
overflow: hidden;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.bx_item_detail .bx_bigimages .bx_stick.short {
font-weight: bold;
font-size: 18px
}
.bx_item_detail .bx_bigimages .bx_stick.average {
font-weight: bold;
font-size: 13px
}
.bx_item_detail .bx_bigimages .bx_stick.long {
font-weight: normal;
font-size: 11px
}
.bx_item_detail .bx_bigimages .bx_stick_disc {
position: absolute;
width: 72px;
height: 74px;
background: url(/local/templates/kk2018_new/images/stick_disc.png) no-repeat center;
color: #fff;
text-align: center;
text-shadow: 0 1px 0 #ba3434;
font-weight: bold;
font-size: 23px;
line-height: 74px;
}
.bx_item_detail .bx_bigimages .bx_stick.left, .bx_item_detail .bx_bigimages .bx_stick_disc.left {
left: -2px;
}
.bx_item_detail .bx_bigimages .bx_stick.right, .bx_item_detail .bx_bigimages .bx_stick_disc.right {
right: 0;
}
.bx_item_detail .bx_bigimages .bx_stick.top, .bx_item_detail .bx_bigimages .bx_stick_disc.top {
top: 15px;
}
.bx_item_detail .bx_bigimages .bx_stick.bottom, .bx_item_detail .bx_bigimages .bx_stick_disc.bottom {
bottom: 5px;
}
.bx_item_detail .bx_bigimages .bx_stick.middle, .bx_item_detail .bx_bigimages .bx_stick_disc.middle {
top: 49%;
}
@media (min-width:641px) and (max-width:960px) {
.bx_item_detail .bx_bigimages .bx_stick {
width: 90px;
height: 30px;
background-size: 100%;
line-height: 30px;
}
.bx_item_detail .bx_bigimages .bx_stick.short {
font-weight: normal;
font-size: 14px
}
.bx_item_detail .bx_bigimages .bx_stick.average {
font-weight: normal;
font-size: 11px
}
.bx_item_detail .bx_bigimages .bx_stick.long {
font-weight: normal;
font-size: 11px
}
.bx_item_detail .bx_bigimages .bx_stick_disc {
width: 64px;
height: 65px;
background-size: 100%;
font-size: 20px;
line-height: 65px;
}
}
@media (max-width:640px) {
.bx-touch .bx_item_detail .bx_bigimages .bx_stick {
width: 70px;
height: 30px;
background-size: 100%;
font-size: 11px;
line-height: 30px;
}
.bx-touch .bx_item_detail .bx_bigimages .bx_stick_disc {
width: 48px;
height: 49px;
background-size: 100%;
font-size: 16px;
line-height: 49px;
}
}
@media (max-width:479px) {
.bx-touch .bx_item_detail .bx_bigimages .bx_stick {
width: 70px;
height: 30px;
background-size: 100%;
font-size: 11px;
line-height: 30px;
}
.bx-touch .bx_item_detail .bx_bigimages .bx_stick_disc {
width: 37px;
height: 38px;
background-size: 100%;
font-size: 13px;
line-height: 38px;
}
}
@media (min-width:768px) and (max-width:1200px) {
#thumbs li {
padding-left: 0;
padding-right: 0;
}
#thumbs span.number {
left: 2px;
right: 2px;
}
}
/* scu_detail_size */
.bx_item_detail .bx_item_detail_size {
position: relative;
margin-bottom: 10px;
padding: 0;
max-width: 100%;
width: 100%;
}
.bx-no-touch .bx_item_detail .bx_item_detail_size.full {
position: relative;
margin-left: -5%;
padding: 0 5%;
}
/*----*/
.bx_item_detail .bx_item_detail_size .bx_item_section_name_gray {
color: #9e9e9e;
vertical-align: middle;
font-size: 11px;
line-height: 11px;
}
/*----*/
.bx_item_detail .bx_item_detail_size .bx_size_scroller_container {
position: relative
}
.bx_item_detail .bx_item_detail_size .bx_size {
position: relative;
overflow: hidden;
margin: 0;
width: 100%;
}
.bx_item_detail .bx_item_detail_size ul {
position: relative;
display: block;
margin: 0;
padding: 0;
width: 100%;
white-space: nowrap;
}
.bx-touch .bx_item_detail .bx_item_detail_size .bx_size {
overflow-x: auto;
}
.bx_item_detail .bx_item_detail_size ul {
position: relative;
display: block;
margin: 0;
padding: 0;
width: 100%;
white-space: nowrap;
}
.bx-touch .bx_item_detail .bx_item_detail_size .bx_size ul {
margin-left: 0 !important;
}
.bx_item_detail .bx_item_detail_size ul li {
position: relative;
display: block;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
height: 25px;
}
.bx_item_detail .bx_item_detail_size ul li .cnt {
cursor: pointer;
position: absolute;
top: 0;
right: 2px;
bottom: 2px;
left: 2px;
display: block;
overflow: hidden;
border: 1px solid #c0cfda;
background: #fff;
color: #3f3f3f;
text-align: center;
text-decoration: none;
font-weight: normal;
font-size: 10px;
line-height: 22px;
}
.bx-retina .bx_item_detail .bx_item_detail_size ul li .cnt {
border: none;
border-style: solid;
border-width: 1px;
-webkit-border-image: url(/local/templates/kk2018_new/images/x2border.png) 2 stretch;
-moz-border-image: url(/local/templates/kk2018_new/images/x2border.png) 2 stretch;
-o-border-image: url(/local/templates/kk2018_new/images/x2border.png) 2 stretch;
border-image: url(/local/templates/kk2018_new/images/x2border.png) 2 fill stretch;
}
.bx_item_detail .bx_item_detail_size ul li:hover .cnt {
border: 1px solid #006cc0
}
.bx_item_detail .bx_item_detail_size ul li:active .cnt, .bx_item_detail .bx_item_detail_size ul li.bx_active .cnt {
border: 2px solid #006cc0;
}
.bx-retina .bx_item_detail .bx_item_detail_size ul li.bx_active .cnt {
border: none;
border-style: solid;
border-width: 1px;
-webkit-border-image: url(/local/templates/kk2018_new/images/x2border_active.png) 2 stretch;
-moz-border-image: url(/local/templates/kk2018_new/images/x2border_active.png) 2 stretch;
-o-border-image: url(/local/templates/kk2018_new/images/x2border_active.png) 2 stretch;
border-image: url(/local/templates/kk2018_new/images/x2border_active.png) 2 fill stretch;
}
.bx_item_detail .bx_item_detail_size .bx_size ul li.bx_missing .cnt {
border: 1px solid #c0cfda !important
}
.bx_item_detail .bx_item_detail_size .bx_size ul li.bx_missing>i {
cursor: not-allowed;
position: absolute;
display: block;
top: 0;
right: 2px;
bottom: 2px;
left: 2px;
z-index: 11;
background: rgba(255, 255, 255, .79) url(/local/templates/kk2018_new/images/missing.png) no-repeat center;
}
/*----*/
.bx-no-touch .bx_item_detail .bx_item_detail_size .bx_slide_left, .bx-no-touch .bx_item_detail .bx_item_detail_size .bx_slide_right {
opacity: 0.8
}
.bx-no-touch .bx_item_detail .bx_item_detail_size .bx_slide_left:hover, .bx-no-touch .bx_item_detail .bx_item_detail_size .bx_slide_right:hover {
opacity: 1.0
}
.bx_item_detail .bx_item_detail_size.full .bx_slide_left, .bx_item_detail .bx_item_detail_size.full .bx_slide_right {
position: absolute;
top: 0;
bottom: 4px;
width: 5%;
max-width: 11px;
cursor: pointer;
}
.bx-no-touch .bx_item_detail .bx_item_detail_size .bx_slide_left {
left: -5%;
background: url(/local/templates/kk2018_new/images/arr_left.png) no-repeat left center;
background-size: 100% auto
}
.bx-no-touch .bx_item_detail .bx_item_detail_size .bx_slide_right {
right: -5%;
background: url(/local/templates/kk2018_new/images/arr_right.png) no-repeat right center;
background-size: 100% auto
}
.bx-touch .bx_item_detail .bx_item_detail_size .bx_slide_left {
left: 0;
background: url(/local/templates/kk2018_new/images/fade_left.png) repeat-y left center;
background-size: 100% auto
}
.bx-touch .bx_item_detail .bx_item_detail_size .bx_slide_right {
right: 0;
background: url(/local/templates/kk2018_new/images/fade_right.png) repeat-y right center;
background-size: 100% auto
}
/* scu_detail_scu */
.bx_item_detail .bx_item_detail_scu {
position: relative;
margin-bottom: 10px;
padding: 0;
max-width: 100%;
width: 100%;
}
.bx-no-touch .bx_item_detail .bx_item_detail_scu.full {
position: relative;
margin-left: -5%;
padding: 0 5%
}
/*----*/
.bx_item_detail .bx_item_detail_scu .bx_item_section_name_gray {
color: #9e9e9e;
vertical-align: middle;
font-size: 11px;
line-height: 11px;
}
/*----*/
.bx_item_detail .bx_item_detail_scu .bx_scu_scroller_container {
position: relative
}
.bx_item_detail .bx_item_detail_scu .bx_scu {
position: relative;
overflow: hidden;
margin: 0;
width: 100%;
}
.bx-touch .bx_item_detail .bx_item_detail_scu .bx_scu {
overflow-x: auto
}
.bx_item_detail .bx_item_detail_scu .bx_scu ul {
position: relative;
display: block;
margin: 0;
padding: 0;
width: 100%;
white-space: nowrap
}
.bx-touch .bx_item_detail .bx_item_detail_scu .bx_scu ul {
margin-left: 0 !important
}
.bx_item_detail .bx_item_detail_scu .bx_scu ul li {
position: relative;
display: block;
float: left;
height: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.bx_item_detail .bx_item_detail_scu .bx_scu ul li .cnt {
cursor: pointer;
position: absolute;
top: 0;
right: 2px;
bottom: 4px;
left: 2px;
display: block;
overflow: hidden;
border: 1px solid #c0cfda;
background: #fff;
z-index: 10;
}
.bx-retina .bx_item_detail .bx_item_detail_scu .bx_scu ul li .cnt {
border: none;
border-style: solid;
border-width: 1px;
-webkit-border-image: url(/local/templates/kk2018_new/images/x2border.png) 2 stretch;
-moz-border-image: url(/local/templates/kk2018_new/images/x2border.png) 2 stretch;
-o-border-image: url(/local/templates/kk2018_new/images/x2border.png) 2 stretch;
border-image: url(/local/templates/kk2018_new/images/x2border.png) 2 fill stretch;
}
.bx_item_detail .bx_item_detail_scu .bx_scu ul li:hover .cnt {
border: 1px solid #006cc0
}
.bx_item_detail .bx_item_detail_scu .bx_scu ul li:active .cnt, .bx_item_detail .bx_item_detail_scu .bx_scu ul li.bx_active .cnt {
padding: 3px;
border: 2px solid #006cc0;
}
.bx_item_detail .bx_item_detail_scu .bx_scu ul li.bx_missing .cnt {
border: 1px solid #c0cfda !important
}
.bx_item_detail .bx_item_detail_scu .bx_scu ul li.bx_missing>i {
cursor: not-allowed;
position: absolute;
display: block;
top: 0;
right: 2px;
bottom: 4px;
left: 2px;
z-index: 11;
background: rgba(255, 255, 255, .79) url(/local/templates/kk2018_new/images/missing.png) no-repeat center;
}
.bx-retina .bx_item_detail .bx_item_detail_scu .bx_scu ul li.bx_active .cnt {
border: none;
border-style: solid;
border-width: 1px;
-webkit-border-image: url(/local/templates/kk2018_new/images/x2border_active.png) 2 stretch;
-moz-border-image: url(/local/templates/kk2018_new/images/x2border_active.png) 2 stretch;
-o-border-image: url(/local/templates/kk2018_new/images/x2border_active.png) 2 stretch;
border-image: url(/local/templates/kk2018_new/images/x2border_active.png) 2 fill stretch;
}
.bx_item_detail .bx_item_detail_scu .bx_scu ul li .cnt .cnt_item {
position: absolute;
top: 6%;
right: 6%;
bottom: 6%;
left: 6%;
background-size: contain;
background-repeat: no-repeat;
}
.bx_item_detail .bx_item_detail_scu .bx_scu ul li .cnt .cnt_item img {
width: auto;
height: 25px;
}
/*----*/
.bx-no-touch .bx_item_detail .bx_item_detail_scu .bx_slide_left, .bx-no-touch .bx_item_detail .bx_item_detail_scu .bx_slide_right {
opacity: 0.8
}
.bx-no-touch .bx_item_detail .bx_item_detail_scu .bx_slide_left:hover, .bx-no-touch .bx_item_detail .bx_item_detail_scu .bx_slide_right:hover {
opacity: 1.0
}
.bx_item_detail .bx_item_detail_scu.full .bx_slide_left, .bx_item_detail .bx_item_detail_scu.full .bx_slide_right {
position: absolute;
top: 0;
bottom: 4px;
width: 5%;
max-width: 11px;
cursor: pointer;
}
.bx-no-touch .bx_item_detail .bx_item_detail_scu .bx_slide_left {
left: -5%;
background: url(/local/templates/kk2018_new/images/arr_left.png) no-repeat left center;
background-size: 100% auto
}
.bx-no-touch .bx_item_detail .bx_item_detail_scu .bx_slide_right {
right: -5%;
background: url(/local/templates/kk2018_new/images/arr_right.png) no-repeat right center;
background-size: 100% auto
}
.bx-touch .bx_item_detail .bx_item_detail_scu .bx_slide_left {
left: 0;
background: url(/local/templates/kk2018_new/images/fade_left.png) repeat-y left center;
background-size: 100% auto
}
.bx-touch .bx_item_detail .bx_item_detail_scu .bx_slide_right {
right: 0;
background: url(/local/templates/kk2018_new/images/fade_right.png) repeat-y right center;
background-size: 100% auto
}
/* item_detail_description */
.bx_item_detail .bx_item_description p {
font-size: 13px;
}
.bx_item_detail .bx_item_description .bx_item_section_name_gray {
color: #9e9e9e;
font-size: 13px;
}
.bx_item_detail .bx_item_description .bx_specifications_table {
margin-top: 10px;
width: 100%;
border-collapse: collapse;
}
.bx_item_detail .bx_item_description .bx_specifications_table tr:nth-child(odd) {
background: #f2f2f2;
}
.bx_item_detail .bx_item_description .bx_specifications_table tr:nth-child(even) {}
.bx_item_detail .bx_item_description .bx_specifications_table tr td {
padding: 3px 10px;
font-size: 12px;
}
.bx_item_detail .bx_item_description .bx_specifications_table tr td:first-child {
font-weight: bold;
}
.video-responsive {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.video-responsive iframe, .video-responsive object, .video-responsive embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.offer-wrapper {
display: inline-block;
width: 100%;
}
.bx_item_detail .bx_item_detail_scu {
display: inline-block;
width: 100%;
}
.bx-no-touch .bx_item_detail .bx_item_detail_scu.full {
margin-left: 0;
padding: 0;
}
.bx_item_detail .item_buttons_counter_block, .item_buttons_counter_block_one_click {
max-width: 200px;
}
.item_buttons_counter_block_one_click {
float: left;
}
.bx_item_detail .item_info_section {
display: inline-block;
width: 100%;
}
.col-video>div {
margin: 0 -15px 20px 0;
}
.bx_item_list_you_looked_horizontal .bx_gift_item {
margin-bottom: 0;
}
div.mCSB_scrollTools .mCSB_draggerRail {
background-color: #e8e8e8;
filter: "alpha(opacity=100)";
-ms-filter: "alpha(opacity=100)";
border-radius: 0;
width: 3px;
}
div.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, div.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, div.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, div.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
background-color: #84C4E7;
filter: "alpha(opacity=100)";
-ms-filter: "alpha(opacity=100)";
border-radius: 0;
width: 3px;
}
div.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {}
div.mCSB_inside>.mCSB_container {
margin-right: 17px;
}
#thumbs li.item {
width: auto;
max-width: 160px;
margin-bottom: 0;
}
.modal #thumbs li {
width: 20%;
}
.modal #thumbs li:first-child {
display: none;
}
.bx-wrapper1 #carouselv .item img {
width: 120px;
height: 120px;
object-fit: cover;
border-radius: 6px;
object-position: center;
margin-bottom: 5px;
cursor: pointer;
}
div.mCSB_inside>.mCSB_container {
margin-right: 0;
}
@media (max-width: 1199px) {
.col-video {
width: 100%;
}
.col-video>div {
margin: 0 -15px 20px -15px;
}
}
.list_city {
line-height: 30px;
}
@media (min-width: 1200px) and (max-width: 1350px) {
/* ul#thumbs li.item {
width: 16.6666%;
}*/
}
@media screen and (max-width: 1200px) {
.chosen-container {
width: 100% !important;
max-width: 250px;
text-align: left;
}
.subright {
margin-bottom: 30px;
}
.col-lg-12.hidden-sm.hidden-xs {
display: none;
}
#bx_detail_sidebar.isAffix {
margin-right: 45px;
}
}
.bx_item_detail .bx_item_detail_scu {
max-width: 400px;
}
.select_js_ulli {
height: auto;
padding: 5px 0;
}
@media screen and (max-width: 992px) {
#related_offers .owl-nav {
top: calc(50% - 15px);
width: 100%;
}
.subright {
margin-top: 0;
}
.tabh2 {
position: relative;
cursor: pointer;
background: #f64fbb;
margin: 0;
padding: 20px 40px 20px 15px;
}
.tabh2:hover {
background: #ff0099;
}
.bx_item_all_color {
display: none;
}
.descrip2 {
font-family: 'PT Sans', sans-serif;
}
.tabh2 a {
color: #fff!important;
font-family: 'PT Sans', sans-serif;
font-size: 16px;
}
.tabh2 a:hover {
color: #fff!important;
}
.tabh2:before {
/*content: '';
background: url(/bitrix/templates/sonata/./images/cat-arrow.png) no-repeat 50% 70% / 80%;
display: block;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
width: 20px;
height: 20px;
border: white 1px dashed;
padding: 2px;
border-radius: 10px;*/
content: '+';
width: 30px;
height: 30px;
display: block;
text-align: center;
vertical-align: middle;
color: #fff;
font-size: 32px;
line-height: 36px;
position: absolute;
right: 15px;
top: 50%;
margin-top: -15px;
}
.tabh3 {
position: relative;
cursor: pointer;
background: #f64fbb;
margin: 0;
padding: 20px 15px;
}
.tabh3:hover {
background: #ff0099;
}
.bx_item_all_color {
display: none;
}
.tabh3 a {
color: #fff!important;
font-size: 16px;
}
.tabh3 a:hover {
color: #fff!important;
}
.tabh3:before {
content: '+';
width: 30px;
height: 30px;
display: block;
text-align: center;
vertical-align: middle;
color: #fff;
font-size: 32px;
line-height: 36px;
position: absolute;
right: 15px;
top: 50%;
margin-top: -15px;
}
.tabh2.activeh2::before {
content: '−';
}
.tabh3.activeh3::before {
content: '−';
}
.tabh2:hover::before {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.tabh3:hover::before {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.bx_item_detail .item_info_section {
margin-bottom: 0;
}
.list_city select {
width: 100%;
}
.chosen-container {
width: 100% !important;
max-width: 250px;
text-align: left;
}
.subright {
margin-bottom: 0;
}
}
.carRight, .carLeft {
display: none;
}
@media (max-width: 991px) and (min-width: 768px) {
#all_colours>div {
padding-right: 15px;
padding-left: 15px;
}
#all_colours .tabh2:not(.activeh2) {
margin-bottom: 10px;
}
#all_colours .tabh3:not(.activeh3) {
margin-bottom: 10px;
}
}
@media screen and (max-width: 771px) {
.navbar-toggle .icon-bar {
width: 30px;
height: 4px;
}
.subright .item_cur_price, .subright .item_old_price, .subright .no_price {
text-align: center;
}
.bx_item_detail .subright .item_cur_price, .bx_item_detail .subright .item_old_price, .bx_item_detail .subright .no_price {
text-align: left;
}
.bx_item_detail #prod_buttons {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column;
box-sizing: border-box;
}
#all_colours .bx_item_all_color {
padding: 0;
}
.bx_item_detail .bx_optionblock {
display: block !important;
width: 100% !important;
float: none;
margin: 0;
}
.bx_item_detail .item_info_section .available {
text-align: center;
width: 100%;
}
.bx_item_detail .item_buttons_counter_block, .item_buttons_counter_block_one_click {
display: block;
margin: 0 auto;
margin-bottom: 10px;
}
.item_buttons.vam {
text-align: center;
}
.list_city {
text-align: center;
width: 100%;
padding: 20px 15px;
line-height: 30px;
display: inline-block;
}
.list_city select {
width: 100%;
}
.chosen-container {
width: 100% !important;
max-width: 250px;
text-align: left;
}
/* .nav-tabs li, .nav-tabs li.active {
width: 100%;
margin: 0 !important;
border-radius: 0 !important;
border: 1px solid #000;
border-bottom: none;
position: relative;
}*/
.nav-tabs li.active a:before {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
.nav-tabs li:hover, .nav-tabs li.active:hover {
margin: 0 !important;
border-radius: 0 !important;
border: 1px solid #000;
border-bottom: none;
}
.nav-tabs li a, .nav-tabs li.active a {
width: 100%;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
border: none !important;
}
.subright {
margin-top: 0;
}
.bx_item_detail .item_info_section {
margin-bottom: 0;
}
.carLeft {
display: block;
position: absolute;
top: 50%;
margin-top: -50px;
width: 30px;
height: 100px;
background: url(/bitrix/templates/sonata/components/sonata/offers.carousel/carousel/./images/arrow_slider.png) no-repeat center right / 90%;
transition: all 0.2s ease-out;
left: 3%;
cursor: pointer;
z-index: 1;
}
.carRight {
display: block;
position: absolute;
top: 50%;
margin-top: -50px;
width: 30px;
height: 100px;
background: url(/bitrix/templates/sonata/components/sonata/offers.carousel/carousel/./images/arrow_slider.png) no-repeat center right / 90%;
transition: all 0.2s ease-out;
right: 3%;
cursor: pointer;
z-index: 1;
transform: rotate(180deg);
}
.carRight:hover {
right: 2%;
}
.carLeft:hover {
left: 2%;
}
.tab-content {
padding: 0;
margin-bottom: 20px;
}
.tab-pane ul, .tab-pane ol {
padding-left: 20px;
}
#all_colours, #related_offers, #description, #attributes, #carousel, #video, #comments, #otziv, #description2, #photo, #instruktsii, #obzor {
display: inline-block !important;
opacity: 1 !important;
width: 100%;
margin: 0;
padding: 0;
border-bottom: 1px solid #fff;
}
.bx_item_description, .bx_item_attributes, .bx_item_carousel {
padding: 20px 15px;
}
.subright {
margin-bottom: 0;
}
#carousel .offersTitle, #related_offers .offersTitle {
display: none;
}
}
@media screen and (max-width: 500px) {
.ow-slidglav .owl-dots .owl-dot {
width: 10px;
height: 10px;
}
.fast-links .link {
margin-left: 0;
margin-right: 20px;
}
.link::after {
right: -15px;
}
/* ul#thumbs li.item {
width: 33.3333%;
}*/
.col-md-9.col-xs-12 .visible-cstm-sm {
/*padding-left: 0;*/
}
.bx_item_detail #prod_buttons {
padding-left: 15px;
}
}
.butnp {
color: #fff;
background: #337ab7;
border: 1px solid #337ab7;
}
.butnw {
color: #337ab7;
background: #ffffff;
border: 1px solid #337ab7;
}
.butn {
border-radius: 50px;
margin-right: 2%;
margin-left: 2%;
margin-top: 1%;
min-width: 50%;
display: inline-block;
line-height: 39px;
text-align: center;
cursor: pointer;
text-transform: uppercase;
word-break: break-word;
white-space: normal;
}
.tel {
border-radius: 5px;
font-size: 20px;
text-align: center;
background: #fff;
box-shadow: none;
border: 1px solid #af0591;
color: #af0591;
}
.popup-window-buttons {
display: inline-block;
width: 100%;
}
#toggles {
background: #daeaf9;
border-top: #337ab7 3px solid;
padding: 3%;
text-align: center;
}
.ramka {
border: 3px solid #337ab7;
}
.txtdown {
display: inline-block;
color: #337ab7;
}
.txtdown b {
font-size: 20px;
}
.pers {
cursor: pointer;
color: #ff54b4;
}
#dialog1 div {
width: 100% !important;
}
#dialog1 div h1 {
text-align: center;
}
#call_feedback2 {
text-align: center;
border: 3px solid #77bedd;
}
#call_feedback2 h1 {
color: #ff0099;
}
#call_feedback2 div {
padding: 10px;
}
#call_feedback2 p {
color: #6cb9da;
}
.btn3 {
border-radius: 50px;
width: 100%;
max-width: 210px;
display: inline-block;
border: none;
height: 39px;
/* line-height: 39px; */
font-size: 14px;
text-align: center;
color: #fcfcfc;
cursor: pointer;
background: rgb(0, 102, 153);
text-transform: uppercase;
transition: all 0.2s ease;
}
.carRight:hover {
right: 2%;
}
.carLeft:hover {
left: 27%;
}
.m_pic .carRight {
display: block;
position: absolute;
top: calc(50% - 20px);
margin-top: 0;
width: 40px;
height: 40px;
background: url(/local/templates/kk2018_new/images/arrow-slide.png) no-repeat center right / 90%;
transition: all .2s ease-out;
right: 3%;
box-shadow: none !important;
cursor: pointer;
z-index: 1;
transform: rotate(0deg);
}
.bx_item_related_offers-cstm {
margin-top: 50px;
}
.m_pic .carLeft {
display: block;
position: absolute;
top: calc(50% - 20px);
margin-top: 0;
width: 40px;
height: 40px;
background: url(/local/templates/kk2018_new/images/arrow-slide.png) no-repeat center right / 90%;
transition: all .2s ease-out;
left: 32%;
box-shadow: none !important;
cursor: pointer;
z-index: 1;
transform: rotate(180deg);
}
/*****Обзоры****/
div.news-list {
word-wrap: break-word;
}
div.news-list img.preview_picture {
float: left;
margin: 0 4px 6px 0;
}
.news-date-time {
color: #486DAA;
}
.blo1 {
background: #fff;
padding: 5px;
border-radius: 10px;
margin-bottom: 10px;
box-shadow: 0px 0px 7px 0px #dcdcdc;
}
.blo1:hover {
box-shadow: 0px 1px 9px 0px #a2a2a2;
}
.blo2 {
background: #fff;
border: 1px dashed #6cb9da;
border-radius: 7px;
}
.blo2 h3 {
font-size: 14px;
padding: 0 5px;
margin: 10px 0;
color: #057aad;
}
.blo2 img {
padding: 5px;
}
.grid01 {
list-style: none;
padding: 0;
}
.grid01 .shown, .no-js .grid01 li, .no-cssanimations .grid01 li {
opacity: 1;
}
.grid01 li {
display: block;
float: left;
padding: 0.5%;
width: 25%;
}
.grid01 li a, .grid01 li img {
outline: none;
border: none;
display: block;
max-width: 100%;
}
.grid01 li a {}
.grid01 li p {
text-align: center;
color: #fff;
font-size: 12px;
margin: 5px 0;
}
/* Effect 1: opacity */
.grid01.effect-1 li.animate {
-webkit-animation: fadeIn 0.65s ease forwards;
animation: fadeIn 0.65s ease forwards;
}
@-webkit-keyframes fadeIn {
0% {}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {}
100% {
opacity: 1;
}
}
/* Effect 2: Move Up */
.grid01.effect-2 li.animate {
-webkit-transform: translateY(200px);
transform: translateY(200px);
-webkit-animation: moveUp 0.65s ease forwards;
animation: moveUp 0.65s ease forwards;
}
@-webkit-keyframes moveUp {
0% {}
100% {
-webkit-transform: translateY(0);
opacity: 1;
}
}
@keyframes moveUp {
0% {}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
/* Effect 3: Scale up */
.grid01.effect-3 li.animate {
-webkit-transform: scale(0.6);
transform: scale(0.6);
-webkit-animation: scaleUp 0.65s ease-in-out forwards;
animation: scaleUp 0.65s ease-in-out forwards;
}
@-webkit-keyframes scaleUp {
0% {}
100% {
-webkit-transform: scale(1);
opacity: 1;
}
}
@keyframes scaleUp {
0% {}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
/* Effect 4: fall perspective */
.grid01.effect-4 {
-webkit-perspective: 1300px;
perspective: 1300px;
}
.grid01.effect-4 li.animate {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: translateZ(400px) translateY(300px) rotateX(-90deg);
transform: translateZ(400px) translateY(300px) rotateX(-90deg);
-webkit-animation: fallPerspective .8s ease-in-out forwards;
animation: fallPerspective .8s ease-in-out forwards;
}
@-webkit-keyframes fallPerspective {
0% {}
100% {
-webkit-transform: translateZ(0px) translateY(0px) rotateX(0deg);
opacity: 1;
}
}
@keyframes fallPerspective {
0% {}
100% {
-webkit-transform: translateZ(0px) translateY(0px) rotateX(0deg);
transform: translateZ(0px) translateY(0px) rotateX(0deg);
opacity: 1;
}
}
/* Effect 5: fly (based on http://lab.hakim.se/scroll-effects/ by @hakimel) */
.grid01.effect-5 {
-webkit-perspective: 1300px;
perspective: 1300px;
}
.grid01.effect-5 li.animate {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform-origin: 50% 50% -300px;
transform-origin: 50% 50% -300px;
-webkit-transform: rotateX(-180deg);
transform: rotateX(-180deg);
-webkit-animation: fly .8s ease-in-out forwards;
animation: fly .8s ease-in-out forwards;
}
@-webkit-keyframes fly {
0% {}
100% {
-webkit-transform: rotateX(0deg);
opacity: 1;
}
}
@keyframes fly {
0% {}
100% {
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
opacity: 1;
}
}
/* Effect 6: flip (based on http://lab.hakim.se/scroll-effects/ by @hakimel) */
.grid01.effect-6 {
-webkit-perspective: 1300px;
perspective: 1300px;
}
.grid01.effect-6 li.animate {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-transform: rotateX(-80deg);
transform: rotateX(-80deg);
-webkit-animation: flip .8s ease-in-out forwards;
animation: flip .8s ease-in-out forwards;
}
@-webkit-keyframes flip {
0% {}
100% {
-webkit-transform: rotateX(0deg);
opacity: 1;
}
}
@keyframes flip {
0% {}
100% {
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
opacity: 1;
}
}
/* Effect 7: helix (based on http://lab.hakim.se/scroll-effects/ by @hakimel) */
.grid01.effect-7 {
-webkit-perspective: 1300px;
perspective: 1300px;
}
.grid01.effect-7 li.animate {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
-webkit-animation: helix .8s ease-in-out forwards;
animation: helix .8s ease-in-out forwards;
}
@-webkit-keyframes helix {
0% {}
100% {
-webkit-transform: rotateY(0deg);
opacity: 1;
}
}
@keyframes helix {
0% {}
100% {
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
opacity: 1;
}
}
/* Effect 8: */
.grid01.effect-8 {
-webkit-perspective: 1300px;
perspective: 1300px;
}
.grid01.effect-8 li.animate {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: scale(0.4);
transform: scale(0.4);
-webkit-animation: popUp .8s ease-in forwards;
animation: popUp .8s ease-in forwards;
}
@-webkit-keyframes popUp {
0% {}
70% {
-webkit-transform: scale(1.1);
opacity: .8;
-webkit-animation-timing-function: ease-out;
}
100% {
-webkit-transform: scale(1);
opacity: 1;
}
}
@keyframes popUp {
0% {}
70% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
opacity: .8;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@media screen and (max-width: 1600px) {
.grid01 li {
width: 33%;
}
}
@media screen and (max-width: 900px) {
.grid01 li {
width: 50%;
}
}
@media screen and (max-width: 400px) {
.grid01 li {
width: 100%;
}
}
@media screen and (max-width:700px) {
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
display: block!important;
}
.owl-prev {
position: absolute;
left: 20px;
top: 87%;
margin-right: 15px;
height: 30px;
width: 30px;
border-radius: 50%;
}
.owl-next {
position: absolute;
right: 30px;
top: 87%;
margin-left: 15px;
height: 30px;
width: 30px;
border-radius: 50%;
}
.zagl001 h3 {
width: 300px;
font-size: 20px;
}
body {
overflow-x: hidden;
}
.gltop {
background-size: 110%;
}
}
.descrip2 {
position: relative;
cursor: pointer;
background-color: #6cb9da;
margin: 0;
padding: 0 15px;
text-align: center;
color: #fff !important;
font-size: 15px;
text-transform: uppercase;
margin-bottom: 2px;
}
.descrip2:hover {
background-color: #2a97c6;
}
.descrip2 a {
color: #fff;
}
.descrip2.fa {
border: solid 2px #f64fbb;
border-radius: 100%;
padding: 2px;
}
.descrip2 .fa {
margin-left: 5px;
margin-top: -3px;
}
/*******стиль для рэйтинга*/
.bx_item_detail_rating {
margin-bottom: 0;
}
.bx_item_detail_rating td {
vertical-align: middle;
text-align: right;
}
.bx_item_detail_rating .bx_item_rating {
text-align: right;
}
.bx_item_detail_rating .bx_stars_container {
position: relative;
width: 68px;
height: 30px;
background: #dadada;
background-size: 100% 100%;
}
.bx_item_detail_rating .bx_stars_bg {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 101;
background: url(/bitrix/components/bitrix/iblock.vote/templates/stars/images/stars.png) no-repeat center;
}
.bx_item_detail_rating .bx_stars_progress {
position: absolute;
top: 0;
bottom: 0;
left: 0;
background: #e76110;
}
.bx_item_detail_rating .bx_stars_rating_votes {
color: #8d8d8d;
font-size: 11px;
line-height: 11px;
vertical-align: middle;
}
@media (max-width:530px) {
.bx-touch .bx_item_detail_rating .bx_stars_container {
height: 15px;
margin: 4px 0;
}
.bx_item_detail_rating .bx_stars_rating_votes {
font-size: 7px;
line-height: 7px;
}
}
/* End рэйтинг*/
/*отзывы*/
.ui-246 {
margin: 25px auto;
border: 1px solid #e7e7e7;
padding: 10px;
box-shadow: 1px 1px 0px 1px rgba(0, 0, 0, 0.07);
border-radius: 5px;
background: #fff;
}
/* Heading */
.ui-246 .ui-heading {
height: 40px;
}
/* UI Image */
.ui-246 .ui-heading .ui-image {
float: left;
width: 60%;
}
/* Tablets */
@media (max-width: 767px) {
.ui-246 .ui-heading .ui-image {
width: 100%;
}
}
/* Heading */
.ui-246 .ui-heading h4 {
/* margin-left:65px; */
font-size: 15px;
line-height: 20px;
font-weight: 600;
}
.ui-246 .ui-heading h4 span {
font-size: 13px;
display: block;
color: #999;
font-weight: 400;
}
/* Date And Time */
.ui-246 .ui-heading .ui-date {
float: right;
max-width: 40%;
font-size: 12px;
color: #aaa;
}
/* Tablets */
.moba .visible-cstm-sm {
margin-bottom: 35px;
}
.visible-cstm-sm .salecat, .visible-cstm-sm .brandscat {
-webkit-box-shadow: none;
box-shadow: none;
}
@media (max-width: 420px) {
.visible-cstm-sm {
padding: 0;
}
.visible-cstm-sm .salecat, .visible-cstm-sm .brandscat {
width: 48%;
height: 40px;
}
.m_pic .carRight, .m_pic .carLeft {
width: 30px;
height: 30px;
}
.carRight, .carRight:hover {
background-color: transparent !important;
box-shadow: none !important;
}
}
@media (max-width: 767px) {
.ui-246 .ui-heading .ui-date {
display: none;
}
}
/* Content */
.ui-246 .ui-content {
font-size: 13px;
line-height: 28px;
margin-top: 10px;
margin-bottom: 10px;
color: #888;
}
/* Footer */
.ui-246 .ui-footer {
padding: 5px 0px;
}
.form_boots {
border-radius: 50px;
width: 100%;
display: inline-block;
border: none;
height: 39px;
line-height: 39px;
font-size: 14px;
text-align: center;
color: #fcfcfc;
cursor: pointer;
background: #337ab7;
text-transform: uppercase;
transition: all 0.2s ease;
margin: 0 auto;
margin-top: 10px;
}
.form_boots:hover {
background: #f64fbb;
color: #fff !important;
}
.mob_b_r {
margin: 10px 0px 10px 0px;
}
/*promo*/
.promokod{
color: #ff0000;
}
.detail_promo{
background: #f7f7f7;
border-radius: 4px;
font-size: 14px;
color: #222;
line-height: 18px;
padding: 16px;
margin: 70px 0px 18px 0px;
}
.detail_promo svg{
cursor: pointer;
}
.detail_promo .code{
font-weight:600;
margin-right: 3px;
}
#popupcode{
padding: 20px;
background-color: #fff;
font-size: 14px;
line-height: 20px;
color: #222;
box-shadow: 0 5px 46px rgb(0 0 0 / 12%), 0 7px 15px rgb(0 0 0 / 12%);
border-radius: 8px;
margin: 0 0 12px;
opacity: 1;
z-index: 111;
position: absolute;
}
#popupcode .title{
font-weight:700;
}
@media (max-width: 540px) {
.detail_promo{
margin: 20px 0px 18px 0px;
}
}
.bx_filter .onevalue .bx_filter_param_text{
color: #24414c;
font-size: 18px;
font-weight: 700;
line-height: 19px;
}
.tabs__item {width: -moz-fit-content;width: fit-content;border-radius: 8px;padding: 12px 18px;font-size: 16px;background: rgba(0, 0, 0, .03);color: #475054}
.buttons-wrapper {display: flex}
.tab-button {
padding: .5rem 1rem;
box-shadow: 0 5px 14px rgba(0, 0, 0, .1098039216);
font-weight: 700;
border: 1px solid #259BC6;
border-radius: .5rem;
color: #259BC6;
margin-right: .5rem;
}
.tab-button.active {
background: #259BC6;
color: #FFF;
}
.tabs-content {display: none}
.tabs-content.active {display: block}
.fast-links .fastlink__slider {padding: 5px 0}
.fast-links .swiper-slide {
width: 125px;
height: 42px;
padding: 5px 10px;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
overflow: hidden;
border-radius: 16px;
border: 1px solid rgba(0, 0, 0, .05);
}
.fast-links .swiper-slide.link::after {content: none}
/* End */
/* Start:/local/templates/kk2018_new/css/link1.css?16923113223933*/
.gzrfkz {
padding-left: 3px;
border: 1px solid #dfedf4;
}
.gzrfkz li {
list-style: none;
display: inline-block;
line-height: 31px;
position: relative;
margin-left: 10px;
}
.gzrfkz li:after {
content: '»';
display: block;
position: absolute;
top: 0;
right: -10px;
font-family: Roboto-Light;
font-size: 12px;
color: #999999;
}
.gzrfkz li:last-child:after {
display: none;
}
.gzrfkz li a {
font-family: Roboto-Light;
font-size: 12px;
color: #999999;
}
.gzrfkz li a:hover {
color: color_red;
}
.gzrfkz li .active {
color: #ff0099;
}
.container-nonsmoker {
width: 100%;
}
.container-nonsmoker .col-xs-3 {
width: 100%;
max-width: 320px;
margin: auto;
}
@media screen and (max-width: 500px) {
.bx-touch .bx_ordercart .bx_ordercart_order_sum{
width: auto;
}
.carLeft,.carLeft:hover{
left: 3% !important;
height: 30px;
margin-top: -15px;
border-radius: 50%;
background-color: #fff;
background-position: center;
-webkit-box-shadow: -1px 1px 12px 0px #f64fbb;
box-shadow: -1px 1px 12px 0px #f64fbb;
}
.carRight,.carRight:hover{
height: 30px;
border-radius: 50%;
margin-top: -15px;
background-color: #fff;
background-position: center;
-webkit-box-shadow: -1px 1px 12px 0px #f64fbb;
box-shadow: -1px 1px 12px 0px #f64fbb;
}
}
@media screen and (min-width: 800px) {
.bvn-showall.active {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.bvn-showall {
display: none;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
overflow: hidden;
cursor: pointer;
width: 180px;
height: 40px;
line-height: 28px;
border: 0;
-webkit-border-radius: 10px;
border-radius: 10px;
font-size: 18px;
color: #fff;
border-radius: 4px;
padding: 0 8px;
outline: none;
font-size: 16px;
font-weight: bold;
line-height: 28px;
outline: none;
background-color: #86C0D6;
-webkit-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
font-weight: 700;
text-align: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.bvn-showall:hover, .bvn-showall:focus {
color: #fff;
text-decoration: none;
}
.bx_item_all_color li.item:nth-child(n+25) {
display: none;
}
.bx_item_all_color.active li.item:nth-child(n+25) {
display: inline-block;
}
}
.bx_item_detail .bx-controls-direction .bx-prev, .bx_item_detail .bx-controls-direction .bx-next{
position: absolute;
width: 24px;
height: 24px;
font-size: 0;
background-color: #fff;
border-radius: 50%;
background-image: url('data:image/svg+xml;utf8,');
background-position: center;
-webkit-background-size: 16px 16px;
background-size: 16px 16px;
-webkit-box-shadow: -1px 1px 7px 1px rgb(48 171 215);
box-shadow: -1px 1px 7px 1px rgb(48 171 215);
background-repeat: no-repeat;
}
.bx_item_detail .bx-controls-direction .bx-prev{
top: 9px;
}
.bx_item_detail .bx-controls-direction .bx-next{
bottom: 9px;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.bx_item_detail .bx-controls{
position: absolute;
height: 336px;
left: calc(50% - 10px);
top: 0;
}
#carouselv .item img{
width: 80px;
height: 80px;
}
/* End */
/* Start:/local/templates/kk2018_new/fonts/fonts.css?16923113221933*/
@font-face {
font-family: "PT Sans";
font-weight: 400;
font-display: swap;
src: local("☺"), url("/local/templates/kk2018_new/fonts/./PTSans-Regular.ttf") format("truetype");
}
@font-face {
font-family: "PT Sans";
font-weight: bold;
font-display: swap;
src: local("☺"), url("/local/templates/kk2018_new/fonts/./PTSans-Bold.ttf") format("truetype");
}
/*@font-face {
font-family: "Roboto-Regular";
font-display: swap;
src: local("☺"), url("/local/templates/kk2018_new/fonts/./Roboto-Regular.ttf") format("truetype");
}
@font-face {
font-family: "Roboto-Light";
font-display: swap;
src: local("☺"), url("/local/templates/kk2018_new/fonts/./Roboto-Light.ttf") format("truetype"); }
@font-face {
font-family: "Roboto-Medium";
font-display: swap;
src: local("☺"), url("/local/templates/kk2018_new/fonts/./Roboto-Medium.ttf") format("truetype"); }
@font-face {
font-family: "arial-rounded-mt-bold";
font-display: swap;
src: local("☺"), url("/local/templates/kk2018_new/fonts/./arial-rounded-mt-bold.ttf") format("truetype"); }
@font-face {
font-family: "Roboto-Bold";
font-display: swap;
src: local("☺"), url("/local/templates/kk2018_new/fonts/./Roboto-Bold.ttf") format("truetype"); }
@font-face {
font-family: "Roboto-Thin";
font-display: swap;
src: local("☺"), url("/local/templates/kk2018_new/fonts/./Roboto-Thin.ttf") format("truetype"); }
@font-face {
font-family: "Roboto-Medium";
font-display: swap;
src: local("☺"), url("/local/templates/kk2018_new/fonts/./Roboto-Medium.ttf") format("truetype"); }
@font-face {
font-family: "ArialRoundedMTProCyr-Bold";
font-display: swap;
src: local("☺"), url("/local/templates/kk2018_new/fonts/./ArialRoundedMTProCyr-Bold.otf") format("truetype"); }
@font-face {
font-family: "ArialRoundedMTProCyr";
font-display: swap;
src: local("☺"), url("/local/templates/kk2018_new/fonts/./ArialRoundedMTProCyr.otf") format("truetype"); }
@font-face {
font-family: "Roboto-Italic";
font-display: swap;
src: local("☺"), url("/local/templates/kk2018_new/fonts/./Roboto-Italic.ttf") format("truetype"); }
@font-face {
font-family: "text_font";
font-display: swap;
src: local("☺"), url("/local/templates/kk2018_new/fonts/./text_font.ttf") format("truetype"); }*/
/* End */
/* Start:/local/templates/kk2018_new/css/flags.css?169231132215162*/
/* Пиктограммы государственных флагов в спрайте */
/* v0.2, 28 февраля 2012 года */
/* @author Артём Поликарпов, artpolikarpov.ru (artpolikarpov@gmail.com) */
/* @author Никита Иванов (исходные пиктограммы флагов), nickivanov.ru (nickivanov@nickivanov.ru) */
/* Набор распостраняется на условиях лицензии CC-BY-SA */
/* Эти летом я был: в Гондурасе, Лихтенштейне, и Швеции. */
.flag-NOWHERE, .flag-ABKHAZIA, .flag-AD, .flag-AE, .flag-AF, .flag-AG, .flag-AI, .flag-AL, .flag-AM, .flag-AN, .flag-AO, .flag-AQ, .flag-AR, .flag-AS, .flag-AT, .flag-AU, .flag-AW, .flag-AX, .flag-AZ, .flag-BA, .flag-BB, .flag-BD, .flag-BE, .flag-BF, .flag-BG, .flag-BH, .flag-BI, .flag-BJ, .flag-BL, .flag-BM, .flag-BN, .flag-BO, .flag-BR, .flag-BS, .flag-BT, .flag-BV, .flag-BW, .flag-BY, .flag-BZ, .flag-CA, .flag-CC, .flag-CD, .flag-CF, .flag-CG, .flag-CH, .flag-CI, .flag-CK, .flag-CL, .flag-CM, .flag-CN, .flag-CO, .flag-CR, .flag-CU, .flag-CV, .flag-CX, .flag-CY, .flag-CZ, .flag-DE, .flag-DJ, .flag-DK, .flag-DM, .flag-DO, .flag-DZ, .flag-EC, .flag-EE, .flag-EG, .flag-EH, .flag-ER, .flag-ES-CE, .flag-ES-ML, .flag-ES, .flag-ET, .flag-EU, .flag-FI, .flag-FJ, .flag-FK, .flag-FM, .flag-FO, .flag-FR, .flag-GA, .flag-GB, .flag-GD, .flag-GE, .flag-GF, .flag-GG, .flag-GH, .flag-GI, .flag-GL, .flag-GM, .flag-GN, .flag-GP, .flag-GQ, .flag-GR, .flag-GS, .flag-GT, .flag-GU, .flag-GW, .flag-GY, .flag-HK, .flag-HM, .flag-HN, .flag-HR, .flag-HT, .flag-HU, .flag-IC, .flag-ID, .flag-IE, .flag-IL, .flag-IM, .flag-IN, .flag-IO, .flag-IQ, .flag-IR, .flag-IS, .flag-IT, .flag-JE, .flag-JM, .flag-JO, .flag-JP, .flag-KE, .flag-KG, .flag-KH, .flag-KI, .flag-KM, .flag-KN, .flag-KOSOVO, .flag-KP, .flag-KR, .flag-KW, .flag-KY, .flag-KZ, .flag-LA, .flag-LB, .flag-LC, .flag-LI, .flag-LK, .flag-LR, .flag-LS, .flag-LT, .flag-LU, .flag-LV, .flag-LY, .flag-MA, .flag-MC, .flag-MD, .flag-ME, .flag-MF, .flag-MG, .flag-MH, .flag-MK, .flag-ML, .flag-MM, .flag-MN, .flag-MO, .flag-MP, .flag-MQ, .flag-MR, .flag-MS, .flag-MT, .flag-MU, .flag-MV, .flag-MW, .flag-MX, .flag-MY, .flag-MZ, .flag-NA, .flag-NC, .flag-NE, .flag-NF, .flag-NG, .flag-NI, .flag-NKR, .flag-NL, .flag-NO, .flag-NP, .flag-NR, .flag-NU, .flag-NZ, .flag-OM, .flag-PA, .flag-PE, .flag-PF, .flag-PG, .flag-PH, .flag-PK, .flag-PL, .flag-PM, .flag-PN, .flag-PR, .flag-PS, .flag-PT, .flag-PW, .flag-PY, .flag-QA, .flag-RE, .flag-RO, .flag-RS, .flag-RU, .flag-RW, .flag-SA, .flag-SB, .flag-SC, .flag-SD, .flag-SE, .flag-SG, .flag-SH, .flag-SI, .flag-SJ, .flag-SK, .flag-SL, .flag-SM, .flag-SN, .flag-SO, .flag-SOUTH-OSSETIA, .flag-SR, .flag-SS, .flag-ST, .flag-SV, .flag-SY, .flag-SZ, .flag-TC, .flag-TD, .flag-TF, .flag-TG, .flag-TH, .flag-TJ, .flag-TK, .flag-TL, .flag-TM, .flag-TN, .flag-TO, .flag-TR, .flag-TT, .flag-TV, .flag-TW, .flag-TZ, .flag-UA, .flag-UG, .flag-UM, .flag-US, .flag-UY, .flag-UZ, .flag-VA, .flag-VC, .flag-VE, .flag-VG, .flag-VI, .flag-VN, .flag-VU, .flag-WF, .flag-WS, .flag-YE, .flag-YT, .flag-ZA, .flag-ZM, .flag-ZW { background: url("/local/templates/kk2018_new/css/../images/flags.png") no-repeat 0 9px; display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; *display: inline; *zoom: 1; vertical-align: baseline; position: relative; overflow: hidden; width: 16px; height: 9px; font-size: 0; line-height: 0; margin: 0; padding: 0; }
.flag-ABKHAZIA { background-position: 0 0px; }
.flag-AD { background-position: 0 -9px; }
.flag-AE { background-position: 0 -18px; }
.flag-AF { background-position: 0 -27px; }
.flag-AG { background-position: 0 -36px; }
.flag-AI { background-position: 0 -45px; }
.flag-AL { background-position: 0 -54px; }
.flag-AM { background-position: 0 -63px; }
.flag-AN { background-position: 0 -72px; }
.flag-AO { background-position: 0 -81px; }
.flag-AQ { background-position: 0 -90px; }
.flag-AR { background-position: 0 -99px; }
.flag-AS { background-position: 0 -108px; }
.flag-AT { background-position: 0 -117px; }
.flag-AU { background-position: 0 -126px; }
.flag-AW { background-position: 0 -135px; }
.flag-AX { background-position: 0 -144px; }
.flag-AZ { background-position: 0 -153px; }
.flag-BA { background-position: 0 -162px; }
.flag-BB { background-position: 0 -171px; }
.flag-BD { background-position: 0 -180px; }
.flag-BE { background-position: 0 -189px; }
.flag-BF { background-position: 0 -198px; }
.flag-BG { background-position: 0 -207px; }
.flag-BH { background-position: 0 -216px; }
.flag-BI { background-position: 0 -225px; }
.flag-BJ { background-position: 0 -234px; }
.flag-BL { background-position: 0 -243px; }
.flag-BM { background-position: 0 -252px; }
.flag-BN { background-position: 0 -261px; }
.flag-BO { background-position: 0 -270px; }
.flag-BR { background-position: 0 -279px; }
.flag-BS { background-position: 0 -288px; }
.flag-BT { background-position: 0 -297px; }
.flag-BV { background-position: 0 -306px; }
.flag-BW { background-position: 0 -315px; }
.flag-BY { background-position: 0 -324px; }
.flag-BZ { background-position: 0 -333px; }
.flag-CA { background-position: 0 -342px; }
.flag-CC { background-position: 0 -351px; }
.flag-CD { background-position: 0 -360px; }
.flag-CF { background-position: 0 -369px; }
.flag-CG { background-position: 0 -378px; }
.flag-CH { background-position: 0 -387px; }
.flag-CI { background-position: 0 -396px; }
.flag-CK { background-position: 0 -405px; }
.flag-CL { background-position: 0 -414px; }
.flag-CM { background-position: 0 -423px; }
.flag-CN { background-position: 0 -432px; }
.flag-CO { background-position: 0 -441px; }
.flag-CR { background-position: 0 -450px; }
.flag-CU { background-position: 0 -459px; }
.flag-CV { background-position: 0 -468px; }
.flag-CX { background-position: 0 -477px; }
.flag-CY { background-position: 0 -486px; }
.flag-CZ { background-position: 0 -495px; }
.flag-DE { background-position: 0 -504px; }
.flag-DJ { background-position: 0 -513px; }
.flag-DK { background-position: 0 -522px; }
.flag-DM { background-position: 0 -531px; }
.flag-DO { background-position: 0 -540px; }
.flag-DZ { background-position: 0 -549px; }
.flag-EC { background-position: 0 -558px; }
.flag-EE { background-position: 0 -567px; }
.flag-EG { background-position: 0 -576px; }
.flag-EH { background-position: 0 -585px; }
.flag-ER { background-position: 0 -594px; }
.flag-ES-CE { background-position: 0 -603px; }
.flag-ES-ML { background-position: 0 -612px; }
.flag-ES { background-position: 0 -621px; }
.flag-ET { background-position: 0 -630px; }
.flag-EU { background-position: 0 -639px; }
.flag-FI { background-position: 0 -648px; }
.flag-FJ { background-position: 0 -657px; }
.flag-FK { background-position: 0 -666px; }
.flag-FM { background-position: 0 -675px; }
.flag-FO { background-position: 0 -684px; }
.flag-FR { background-position: 0 -693px; }
.flag-GA { background-position: 0 -702px; }
.flag-GB { background-position: 0 -711px; }
.flag-GD { background-position: 0 -720px; }
.flag-GE { background-position: 0 -729px; }
.flag-GF { background-position: 0 -738px; }
.flag-GG { background-position: 0 -747px; }
.flag-GH { background-position: 0 -756px; }
.flag-GI { background-position: 0 -765px; }
.flag-GL { background-position: 0 -774px; }
.flag-GM { background-position: 0 -783px; }
.flag-GN { background-position: 0 -792px; }
.flag-GP { background-position: 0 -801px; }
.flag-GQ { background-position: 0 -810px; }
.flag-GR { background-position: 0 -819px; }
.flag-GS { background-position: 0 -828px; }
.flag-GT { background-position: 0 -837px; }
.flag-GU { background-position: 0 -846px; }
.flag-GW { background-position: 0 -855px; }
.flag-GY { background-position: 0 -864px; }
.flag-HK { background-position: 0 -873px; }
.flag-HM { background-position: 0 -882px; }
.flag-HN { background-position: 0 -891px; }
.flag-HR { background-position: 0 -900px; }
.flag-HT { background-position: 0 -909px; }
.flag-HU { background-position: 0 -918px; }
.flag-IC { background-position: 0 -927px; }
.flag-ID { background-position: 0 -936px; }
.flag-IE { background-position: 0 -945px; }
.flag-IL { background-position: 0 -954px; }
.flag-IM { background-position: 0 -963px; }
.flag-IN { background-position: 0 -972px; }
.flag-IO { background-position: 0 -981px; }
.flag-IQ { background-position: 0 -990px; }
.flag-IR { background-position: 0 -999px; }
.flag-IS { background-position: 0 -1008px; }
.flag-IT { background-position: 0 -1017px; }
.flag-JE { background-position: 0 -1026px; }
.flag-JM { background-position: 0 -1035px; }
.flag-JO { background-position: 0 -1044px; }
.flag-JP { background-position: 0 -1053px; }
.flag-KE { background-position: 0 -1062px; }
.flag-KG { background-position: 0 -1071px; }
.flag-KH { background-position: 0 -1080px; }
.flag-KI { background-position: 0 -1089px; }
.flag-KM { background-position: 0 -1098px; }
.flag-KN { background-position: 0 -1107px; }
.flag-KOSOVO { background-position: 0 -1116px; }
.flag-KP { background-position: 0 -1125px; }
.flag-KR { background-position: 0 -1134px; }
.flag-KW { background-position: 0 -1143px; }
.flag-KY { background-position: 0 -1152px; }
.flag-KZ { background-position: 0 -1161px; }
.flag-LA { background-position: 0 -1170px; }
.flag-LB { background-position: 0 -1179px; }
.flag-LC { background-position: 0 -1188px; }
.flag-LI { background-position: 0 -1197px; }
.flag-LK { background-position: 0 -1206px; }
.flag-LR { background-position: 0 -1215px; }
.flag-LS { background-position: 0 -1224px; }
.flag-LT { background-position: 0 -1233px; }
.flag-LU { background-position: 0 -1242px; }
.flag-LV { background-position: 0 -1251px; }
.flag-LY { background-position: 0 -1260px; }
.flag-MA { background-position: 0 -1269px; }
.flag-MC { background-position: 0 -1278px; }
.flag-MD { background-position: 0 -1287px; }
.flag-ME { background-position: 0 -1296px; }
.flag-MF { background-position: 0 -1305px; }
.flag-MG { background-position: 0 -1314px; }
.flag-MH { background-position: 0 -1323px; }
.flag-MK { background-position: 0 -1332px; }
.flag-ML { background-position: 0 -1341px; }
.flag-MM { background-position: 0 -1350px; }
.flag-MN { background-position: 0 -1359px; }
.flag-MO { background-position: 0 -1368px; }
.flag-MP { background-position: 0 -1377px; }
.flag-MQ { background-position: 0 -1386px; }
.flag-MR { background-position: 0 -1395px; }
.flag-MS { background-position: 0 -1404px; }
.flag-MT { background-position: 0 -1413px; }
.flag-MU { background-position: 0 -1422px; }
.flag-MV { background-position: 0 -1431px; }
.flag-MW { background-position: 0 -1440px; }
.flag-MX { background-position: 0 -1449px; }
.flag-MY { background-position: 0 -1458px; }
.flag-MZ { background-position: 0 -1467px; }
.flag-NA { background-position: 0 -1476px; }
.flag-NC { background-position: 0 -1485px; }
.flag-NE { background-position: 0 -1494px; }
.flag-NF { background-position: 0 -1503px; }
.flag-NG { background-position: 0 -1512px; }
.flag-NI { background-position: 0 -1521px; }
.flag-NKR { background-position: 0 -1530px; }
.flag-NL { background-position: 0 -1539px; }
.flag-NO { background-position: 0 -1548px; }
.flag-NP { background-position: 0 -1557px; }
.flag-NR { background-position: 0 -1566px; }
.flag-NU { background-position: 0 -1575px; }
.flag-NZ { background-position: 0 -1584px; }
.flag-OM { background-position: 0 -1593px; }
.flag-PA { background-position: 0 -1602px; }
.flag-PE { background-position: 0 -1611px; }
.flag-PF { background-position: 0 -1620px; }
.flag-PG { background-position: 0 -1629px; }
.flag-PH { background-position: 0 -1638px; }
.flag-PK { background-position: 0 -1647px; }
.flag-PL { background-position: 0 -1656px; }
.flag-PM { background-position: 0 -1665px; }
.flag-PN { background-position: 0 -1674px; }
.flag-PR { background-position: 0 -1683px; }
.flag-PS { background-position: 0 -1692px; }
.flag-PT { background-position: 0 -1701px; }
.flag-PW { background-position: 0 -1710px; }
.flag-PY { background-position: 0 -1719px; }
.flag-QA { background-position: 0 -1728px; }
.flag-RE { background-position: 0 -1737px; }
.flag-RO { background-position: 0 -1746px; }
.flag-RS { background-position: 0 -1755px; }
.flag-RU { background-position: 0 -1764px; }
.flag-RW { background-position: 0 -1773px; }
.flag-SA { background-position: 0 -1782px; }
.flag-SB { background-position: 0 -1791px; }
.flag-SC { background-position: 0 -1800px; }
.flag-SD { background-position: 0 -1809px; }
.flag-SE { background-position: 0 -1818px; }
.flag-SG { background-position: 0 -1827px; }
.flag-SH { background-position: 0 -1836px; }
.flag-SI { background-position: 0 -1845px; }
.flag-SJ { background-position: 0 -1854px; }
.flag-SK { background-position: 0 -1863px; }
.flag-SL { background-position: 0 -1872px; }
.flag-SM { background-position: 0 -1881px; }
.flag-SN { background-position: 0 -1890px; }
.flag-SO { background-position: 0 -1899px; }
.flag-SOUTH-OSSETIA { background-position: 0 -1908px; }
.flag-SR { background-position: 0 -1917px; }
.flag-SS { background-position: 0 -1926px; }
.flag-ST { background-position: 0 -1935px; }
.flag-SV { background-position: 0 -1944px; }
.flag-SY { background-position: 0 -1953px; }
.flag-SZ { background-position: 0 -1962px; }
.flag-TC { background-position: 0 -1971px; }
.flag-TD { background-position: 0 -1980px; }
.flag-TF { background-position: 0 -1989px; }
.flag-TG { background-position: 0 -1998px; }
.flag-TH { background-position: 0 -2007px; }
.flag-TJ { background-position: 0 -2016px; }
.flag-TK { background-position: 0 -2025px; }
.flag-TL { background-position: 0 -2034px; }
.flag-TM { background-position: 0 -2043px; }
.flag-TN { background-position: 0 -2052px; }
.flag-TO { background-position: 0 -2061px; }
.flag-TR { background-position: 0 -2070px; }
.flag-TT { background-position: 0 -2079px; }
.flag-TV { background-position: 0 -2088px; }
.flag-TW { background-position: 0 -2097px; }
.flag-TZ { background-position: 0 -2106px; }
.flag-UA { background-position: 0 -2115px; }
.flag-UG { background-position: 0 -2124px; }
.flag-UM { background-position: 0 -2133px; }
.flag-US { background-position: 0 -2142px; }
.flag-UY { background-position: 0 -2151px; }
.flag-UZ { background-position: 0 -2160px; }
.flag-VA { background-position: 0 -2169px; }
.flag-VC { background-position: 0 -2178px; }
.flag-VE { background-position: 0 -2187px; }
.flag-VG { background-position: 0 -2196px; }
.flag-VI { background-position: 0 -2205px; }
.flag-VN { background-position: 0 -2214px; }
.flag-VU { background-position: 0 -2223px; }
.flag-WF { background-position: 0 -2232px; }
.flag-WS { background-position: 0 -2241px; }
.flag-YE { background-position: 0 -2250px; }
.flag-YT { background-position: 0 -2259px; }
.flag-ZA { background-position: 0 -2268px; }
.flag-ZM { background-position: 0 -2277px; }
.flag-ZW { background-position: 0 -2286px; }
/* End */
/* Start:/local/templates/kk2018_new/css/owl.carousel.min.css?16923113222936*/
/**
* Owl Carousel v2.2.1
* Copyright 2013-2017 David Deutsch
* Licensed under ()
*/
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;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(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-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{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.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}.owl-carousel .animated{animation-duration:1s;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 .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s 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(/local/templates/kk2018_new/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s 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-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
/* End */
/* Start:/local/templates/kk2018_new/css/swiper-bundle.min.css?173408443518436*/
/**
* Swiper 11.0.5
* Most modern mobile touch slider and framework with hardware accelerated transitions
* https://swiperjs.com
*
* Copyright 2014-2023 Vladimir Kharlampidi
*
* Released under the MIT License
*
* Released on: November 22, 2023
*/
@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
/* End */
/* Start:/local/templates/kk2018_new/css/jquery.mCustomScrollbar.min.css?169231132242839*/
.mCustomScrollbar{-ms-touch-action:pinch-zoom;touch-action:pinch-zoom}.mCustomScrollbar.mCS_no_scrollbar,.mCustomScrollbar.mCS_touch_action{-ms-touch-action:auto;touch-action:auto}.mCustomScrollBox{position:relative;overflow:hidden;height:100%;max-width:100%;outline:0;direction:ltr}.mCSB_container{overflow:hidden;width:auto;height:auto}.mCSB_inside>.mCSB_container{margin-right:30px}.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0}.mCS-dir-rtl>.mCSB_inside>.mCSB_container{margin-right:0;margin-left:30px}.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-left:0}.mCSB_scrollTools{position:absolute;width:16px;height:auto;left:auto;top:0;right:0;bottom:0;opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_outside+.mCSB_scrollTools{right:-26px}.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{right:auto;left:0}.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{left:-26px}.mCSB_scrollTools .mCSB_draggerContainer{position:absolute;top:0;left:0;bottom:0;right:0;height:auto}.mCSB_scrollTools a+.mCSB_draggerContainer{margin:20px 0}.mCSB_scrollTools .mCSB_draggerRail{width:2px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCSB_scrollTools .mCSB_dragger{cursor:pointer;width:100%;height:30px;z-index:1}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{position:relative;width:4px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;text-align:center}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:12px}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:8px}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonUp{display:block;position:absolute;height:20px;width:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools .mCSB_buttonDown{bottom:0}.mCSB_horizontal.mCSB_inside>.mCSB_container{margin-right:0;margin-bottom:30px}.mCSB_horizontal.mCSB_outside>.mCSB_container{min-height:100%}.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal{width:auto;height:16px;top:auto;right:0;bottom:0;left:0}.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:-26px}.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer{margin:0 20px}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:2px;margin:7px 0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{width:30px;height:100%;left:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:4px;margin:6px auto}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:12px;margin:2px auto}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:8px;margin:4px 0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{display:block;position:absolute;width:20px;height:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{left:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{right:0}.mCSB_container_wrapper{position:absolute;height:auto;width:auto;overflow:hidden;top:0;left:0;right:0;bottom:0;margin-right:30px;margin-bottom:30px}.mCSB_container_wrapper>.mCSB_container{padding-right:30px;padding-bottom:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:20px}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:20px}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:20px}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:0}.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper{margin-right:0;margin-left:30px}.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container{padding-right:0}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container{padding-bottom:0}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0;margin-left:0}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}.mCSB_scrollTools,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;transition:opacity .2s ease-in-out,background-color .2s ease-in-out}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar{-webkit-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out}.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools{opacity:0;filter:"alpha(opacity=0)";-ms-filter:"alpha(opacity=0)"}.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools,.mCustomScrollBox:hover>.mCSB_scrollTools,.mCustomScrollBox:hover~.mCSB_scrollTools,.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag{opacity:1;filter:"alpha(opacity=100)";-ms-filter:"alpha(opacity=100)"}.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.4);filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.75);filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85);filter:"alpha(opacity=85)";-ms-filter:"alpha(opacity=85)"}.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9);filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp{background-image:url(/local/templates/kk2018_new/css/mCSB_buttons.png);background-repeat:no-repeat;opacity:.4;filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_buttonUp{background-position:0 0}.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -20px}.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -40px}.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -56px}.mCSB_scrollTools .mCSB_buttonDown:hover,.mCSB_scrollTools .mCSB_buttonLeft:hover,.mCSB_scrollTools .mCSB_buttonRight:hover,.mCSB_scrollTools .mCSB_buttonUp:hover{opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_buttonDown:active,.mCSB_scrollTools .mCSB_buttonLeft:active,.mCSB_scrollTools .mCSB_buttonRight:active,.mCSB_scrollTools .mCSB_buttonUp:active{opacity:.9;filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:rgba(0,0,0,.85)}.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:rgba(0,0,0,.9)}.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px}.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:4px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px auto}.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px 0}.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -20px}.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -40px}.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -56px}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px 0}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -20px}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -40px}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -56px}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px 0}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:6px;margin:5px auto}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px 0}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -20px}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -40px}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -56px}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px 0}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -20px}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -40px}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -56px}.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.1)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:2px}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:2px;margin:7px auto}.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px}.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.15)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,.mCS-rounded.mCSB_scrollTools .mCSB_dragger{height:14px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:14px;margin:0 1px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger{width:14px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:14px;margin:1px 0}.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:16px;height:16px;margin:-1px 0}.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:4px}.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:16px;width:16px;margin:0 -1px}.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:4px;margin:6px 0}.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{background-position:0 -72px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -92px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -112px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -128px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px -72px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -92px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -112px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -128px}.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail{width:4px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{background-color:transparent;background-position:center}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);background-repeat:repeat-y;opacity:.3;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{height:4px;margin:6px 0;background-repeat:repeat-x}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px -72px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -92px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -112px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -128px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=)}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px -72px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -92px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -112px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -128px}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-y;background-image:-moz-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:linear-gradient(to right,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-x;background-image:-moz-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:linear-gradient(to bottom,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger{height:70px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger{width:70px}.mCS-3d-dark.mCSB_scrollTools,.mCS-3d.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{width:8px;background-color:#000;background-color:rgba(0,0,0,.2);box-shadow:inset 1px 0 1px rgba(0,0,0,.5),inset -1px 0 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:8px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:8px;margin:4px 0;box-shadow:inset 0 1px 1px rgba(0,0,0,.5),inset 0 -1px 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:8px;margin:4px auto}.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);box-shadow:inset 1px 0 1px rgba(0,0,0,.1)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{box-shadow:inset 0 1px 1px rgba(0,0,0,.1)}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,.mCS-3d-thick.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px}.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical{right:1px}.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCS-3d-thick.mCSB_scrollTools_vertical{box-shadow:inset 1px 0 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal,.mCS-3d-thick.mCSB_scrollTools_horizontal{bottom:1px;box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;box-shadow:inset 1px 0 0 rgba(255,255,255,.4);width:12px;margin:2px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4);height:12px;width:auto}.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{background-color:#000;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-3d-thick-dark.mCSB_scrollTools{box-shadow:inset 0 0 14px rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 1px 0 0 rgba(255,255,255,.4),inset -1px 0 0 rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#777}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{background-color:#fff;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{right:0;margin:12px 0}.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:0;margin:0 12px}.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{left:0;right:auto}.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger{height:50px}.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger{width:50px}.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail{width:6px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px}.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:6px;margin:5px 0}.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:12px}.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:12px;margin:2px 0}.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1)}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools .mCSB_draggerRail{width:12px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;margin:3px 5px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:6px;margin:5px 3px;position:absolute;width:auto;top:0;bottom:0;left:0;right:0}.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:12px;margin:2px 0}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent;border-width:1px;border-style:solid;border-color:#fff;border-color:rgba(255,255,255,.2);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{border-color:#000;border-color:rgba(0,0,0,.2)}.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.6)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.6)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.75)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}
/* End */
/* Start:/local/templates/kk2018_new/css/jquery.bxslider.min.css?16923113224398*/
.bx-wrapper1 {
position: relative;
margin-bottom: 60px;
padding: 0;
-ms-touch-action: pan-y;
touch-action: pan-y;
-moz-box-shadow: 0 0 5px #ccc;
-webkit-box-shadow: 0 0 5px #ccc;
box-shadow: 0 0 5px #ccc;
border: 5px solid #fff;
background: #fff
}
.bx-wrapper1 img {
max-width: 100%;
display: block
}
.bxslider {
margin: 0;
padding: 0
}
ul.bxslider {
list-style: none
}
.bx-viewport {
-webkit-transform: translateZ(0)
}
.bx-wrapper1 .bx-controls-auto, .bx-wrapper1 .bx-pager {
position: absolute;
bottom: -30px;
width: 100%
}
.bx-wrapper1 .bx-loading {
min-height: 50px;
background: url(/local/templates/kk2018_new/css/images/bx_loader.gif) center center no-repeat #fff;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2000
}
.bx-wrapper1 .bx-pager {
text-align: center;
font-size: .85em;
font-family: Arial;
font-weight: 700;
color: #666;
padding-top: 20px
}
.bx-wrapper1 .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-wrapper1 .bx-pager.bx-default-pager a.active, .bx-wrapper1 .bx-pager.bx-default-pager a:focus, .bx-wrapper1 .bx-pager.bx-default-pager a:hover {
background: #000
}
.bx-wrapper1 .bx-controls-auto .bx-controls-auto-item, .bx-wrapper1 .bx-pager-item {
display: inline-block;
vertical-align: bottom
}
.bx-wrapper1 .bx-pager-item {
font-size: 0;
line-height: 0
}
.bx-wrapper1 .bx-prev {
left: 50%;
background: url(/local/templates/kk2018_new/css/images/controls.png) 0 -32px no-repeat;
top: -15px !important;
margin-top: 0 !important;
margin-left: -16px;
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
-moz-transform: rotate(90deg);
transform: rotate(90deg);
}
.bx-wrapper1 .bx-prev1:focus, .bx-wrapper1 .bx-prev1:hover {
background-position: 0 0
}
.bx-wrapper1 .bx-next {
right: 50%;
background: url(/local/templates/kk2018_new/css/images/controls.png) -43px -32px no-repeat;
top: 100% !important;
margin-top: -15px !important;
margin-right: -16px;
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
-moz-transform: rotate(90deg);
transform: rotate(90deg);
}
.bx-wrapper1 .bx-next1:focus, .bx-wrapper1 .bx-next1:hover {
background-position: -43px 0
}
.bx-wrapper1 .bx-controls-direction a {
position: absolute;
top: 50%;
margin-top: -16px;
outline: 0;
width: 32px;
height: 32px;
text-indent: -9999px;
z-index: 9
}
.bx-wrapper1 .bx-controls-direction a.disabled {
display: none
}
.bx-wrapper1 .bx-controls-auto {
text-align: center
}
.bx-wrapper1 .bx-controls-auto .bx-start {
display: block;
text-indent: -9999px;
width: 10px;
height: 11px;
outline: 0;
background: url(/local/templates/kk2018_new/css/images/controls.png) -86px -11px no-repeat;
margin: 0 3px
}
.bx-wrapper1 .bx-controls-auto .bx-start.active, .bx-wrapper1 .bx-controls-auto .bx-start:focus, .bx-wrapper1 .bx-controls-auto .bx-start:hover {
background-position: -86px 0
}
.bx-wrapper1 .bx-controls-auto .bx-stop {
display: block;
text-indent: -9999px;
width: 9px;
height: 11px;
outline: 0;
background: url(/local/templates/kk2018_new/css/images/controls.png) -86px -44px no-repeat;
margin: 0 3px
}
.bx-wrapper1 .bx-controls-auto .bx-stop.active, .bx-wrapper1 .bx-controls-auto .bx-stop:focus, .bx-wrapper1 .bx-controls-auto .bx-stop:hover {
background-position: -86px -33px
}
.bx-wrapper1 .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
text-align: left;
width: 80%
}
.bx-wrapper1 .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
right: 0;
width: 35px
}
.bx-wrapper1 .bx-caption {
position: absolute;
bottom: 0;
left: 0;
background: #666;
background: rgba(80, 80, 80, .75);
width: 100%
}
.bx-wrapper1 .bx-caption span {
color: #fff;
font-family: Arial;
display: block;
font-size: .85em;
padding: 10px
}
/* End */
/* Start:/local/templates/kk2018_new/css/chosen.min.css?169231132210156*/
/*!
Chosen, a Select Box Enhancer for jQuery and Prototype
by Patrick Filler for Harvest, http://getharvest.com
Version 1.8.3
Full source at https://github.com/harvesthq/chosen
Copyright (c) 2011-2018 Harvest http://getharvest.com
MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
This file is generated by `grunt build`, do not edit it by hand.
*/.chosen-container{position:relative;display:inline-block;vertical-align:middle;font-size:13px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.chosen-container *{-webkit-box-sizing:border-box;box-sizing:border-box}.chosen-container .chosen-drop{position:absolute;top:100%;z-index:1010;width:100%;border:1px solid #aaa;border-top:0;background:#fff;-webkit-box-shadow:0 4px 5px rgba(0,0,0,.15);box-shadow:0 4px 5px rgba(0,0,0,.15);display:none}.chosen-container.chosen-with-drop .chosen-drop{display:block}.chosen-container a{cursor:pointer}.chosen-container .chosen-single .group-name,.chosen-container .search-choice .group-name{margin-right:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:400;color:#999}.chosen-container .chosen-single .group-name:after,.chosen-container .search-choice .group-name:after{content:":";padding-left:2px;vertical-align:top}.chosen-container-single .chosen-single{position:relative;display:block;overflow:hidden;padding:0 0 0 8px;height:25px;border:1px solid #aaa;border-radius:5px;background-color:#fff;background:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#fff),color-stop(50%,#f6f6f6),color-stop(52%,#eee),to(#f4f4f4));background:linear-gradient(#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background-clip:padding-box;-webkit-box-shadow:0 0 3px #fff inset,0 1px 1px rgba(0,0,0,.1);box-shadow:0 0 3px #fff inset,0 1px 1px rgba(0,0,0,.1);color:#444;text-decoration:none;white-space:nowrap;line-height:24px}.chosen-container-single .chosen-single input[type=text]{cursor:pointer;opacity:0;position:absolute}.chosen-container-single .chosen-default{color:#999}.chosen-container-single .chosen-single span{display:block;overflow:hidden;margin-right:26px;text-overflow:ellipsis;white-space:nowrap}.chosen-container-single .chosen-single-with-deselect span{margin-right:38px}.chosen-container-single .chosen-single abbr{position:absolute;top:6px;right:26px;display:block;width:12px;height:12px;background:url(/local/templates/kk2018_new/css/chosen-sprite.png) -42px 1px no-repeat;font-size:1px}.chosen-container-single .chosen-single abbr:hover{background-position:-42px -10px}.chosen-container-single.chosen-disabled .chosen-single abbr:hover{background-position:-42px -10px}.chosen-container-single .chosen-single div{position:absolute;top:0;right:0;display:block;width:18px;height:100%}.chosen-container-single .chosen-single div b{display:block;width:100%;height:100%;background:url(/local/templates/kk2018_new/css/chosen-sprite.png) no-repeat 0 2px}.chosen-container-single .chosen-search{position:relative;z-index:1010;margin:0;padding:3px 4px;white-space:nowrap}.chosen-container-single .chosen-search input[type=text]{margin:1px 0;padding:4px 20px 4px 5px;width:100%;height:auto;outline:0;border:1px solid #aaa;background:url(/local/templates/kk2018_new/css/chosen-sprite.png) no-repeat 100% -20px;font-size:1em;font-family:sans-serif;line-height:normal;border-radius:0}.chosen-container-single .chosen-drop{margin-top:-1px;border-radius:0 0 4px 4px;background-clip:padding-box}.chosen-container-single.chosen-container-single-nosearch .chosen-search{position:absolute;clip:rect(0,0,0,0)}.chosen-container .chosen-results{color:#444;position:relative;overflow-x:hidden;overflow-y:auto;margin:0 4px 4px 0;padding:0 0 0 4px;max-height:240px;-webkit-overflow-scrolling:touch}.chosen-container .chosen-results li{display:none;margin:0;padding:5px 6px;list-style:none;line-height:15px;word-wrap:break-word;-webkit-touch-callout:none}.chosen-container .chosen-results li.active-result{display:list-item;cursor:pointer}.chosen-container .chosen-results li.disabled-result{display:list-item;color:#ccc;cursor:default}.chosen-container .chosen-results li.highlighted{background-color:#3875d7;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#3875d7),color-stop(90%,#2a62bc));background-image:linear-gradient(#3875d7 20%,#2a62bc 90%);color:#fff}.chosen-container .chosen-results li.no-results{color:#777;display:list-item;background:#f4f4f4}.chosen-container .chosen-results li.group-result{display:list-item;font-weight:700;cursor:default}.chosen-container .chosen-results li.group-option{padding-left:15px}.chosen-container .chosen-results li em{font-style:normal;text-decoration:underline}.chosen-container-multi .chosen-choices{position:relative;overflow:hidden;margin:0;padding:0 5px;width:100%;height:auto;border:1px solid #aaa;background-color:#fff;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(1%,#eee),color-stop(15%,#fff));background-image:linear-gradient(#eee 1%,#fff 15%);cursor:text}.chosen-container-multi .chosen-choices li{float:left;list-style:none}.chosen-container-multi .chosen-choices li.search-field{margin:0;padding:0;white-space:nowrap}.chosen-container-multi .chosen-choices li.search-field input[type=text]{margin:1px 0;padding:0;height:25px;outline:0;border:0!important;background:0 0!important;-webkit-box-shadow:none;box-shadow:none;color:#999;font-size:100%;font-family:sans-serif;line-height:normal;border-radius:0;width:25px}.chosen-container-multi .chosen-choices li.search-choice{position:relative;margin:3px 5px 3px 0;padding:3px 20px 3px 5px;border:1px solid #aaa;max-width:100%;border-radius:3px;background-color:#eee;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),to(#eee));background-image:linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-size:100% 19px;background-repeat:repeat-x;background-clip:padding-box;-webkit-box-shadow:0 0 2px #fff inset,0 1px 0 rgba(0,0,0,.05);box-shadow:0 0 2px #fff inset,0 1px 0 rgba(0,0,0,.05);color:#333;line-height:13px;cursor:default}.chosen-container-multi .chosen-choices li.search-choice span{word-wrap:break-word}.chosen-container-multi .chosen-choices li.search-choice .search-choice-close{position:absolute;top:4px;right:3px;display:block;width:12px;height:12px;background:url(/local/templates/kk2018_new/css/chosen-sprite.png) -42px 1px no-repeat;font-size:1px}.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover{background-position:-42px -10px}.chosen-container-multi .chosen-choices li.search-choice-disabled{padding-right:5px;border:1px solid #ccc;background-color:#e4e4e4;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),to(#eee));background-image:linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);color:#666}.chosen-container-multi .chosen-choices li.search-choice-focus{background:#d4d4d4}.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close{background-position:-42px -10px}.chosen-container-multi .chosen-results{margin:0;padding:0}.chosen-container-multi .chosen-drop .result-selected{display:list-item;color:#ccc;cursor:default}.chosen-container-active .chosen-single{border:1px solid #5897fb;-webkit-box-shadow:0 0 5px rgba(0,0,0,.3);box-shadow:0 0 5px rgba(0,0,0,.3)}.chosen-container-active.chosen-with-drop .chosen-single{border:1px solid #aaa;border-bottom-right-radius:0;border-bottom-left-radius:0;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#eee),color-stop(80%,#fff));background-image:linear-gradient(#eee 20%,#fff 80%);-webkit-box-shadow:0 1px 0 #fff inset;box-shadow:0 1px 0 #fff inset}.chosen-container-active.chosen-with-drop .chosen-single div{border-left:none;background:0 0}.chosen-container-active.chosen-with-drop .chosen-single div b{background-position:-18px 2px}.chosen-container-active .chosen-choices{border:1px solid #5897fb;-webkit-box-shadow:0 0 5px rgba(0,0,0,.3);box-shadow:0 0 5px rgba(0,0,0,.3)}.chosen-container-active .chosen-choices li.search-field input[type=text]{color:#222!important}.chosen-disabled{opacity:.5!important;cursor:default}.chosen-disabled .chosen-single{cursor:default}.chosen-disabled .chosen-choices .search-choice .search-choice-close{cursor:default}.chosen-rtl{text-align:right}.chosen-rtl .chosen-single{overflow:visible;padding:0 8px 0 0}.chosen-rtl .chosen-single span{margin-right:0;margin-left:26px;direction:rtl}.chosen-rtl .chosen-single-with-deselect span{margin-left:38px}.chosen-rtl .chosen-single div{right:auto;left:3px}.chosen-rtl .chosen-single abbr{right:auto;left:26px}.chosen-rtl .chosen-choices li{float:right}.chosen-rtl .chosen-choices li.search-field input[type=text]{direction:rtl}.chosen-rtl .chosen-choices li.search-choice{margin:3px 5px 3px 0;padding:3px 5px 3px 19px}.chosen-rtl .chosen-choices li.search-choice .search-choice-close{right:auto;left:4px}.chosen-rtl.chosen-container-single .chosen-results{margin:0 0 4px 4px;padding:0 4px 0 0}.chosen-rtl .chosen-results li.group-option{padding-right:15px;padding-left:0}.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div{border-right:none}.chosen-rtl .chosen-search input[type=text]{padding:4px 5px 4px 20px;background:url(/local/templates/kk2018_new/css/chosen-sprite.png) no-repeat -30px -20px;direction:rtl}.chosen-rtl.chosen-container-single .chosen-single div b{background-position:6px 2px}.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b{background-position:-12px 2px}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:144dpi),only screen and (min-resolution:1.5dppx){.chosen-container .chosen-results-scroll-down span,.chosen-container .chosen-results-scroll-up span,.chosen-container-multi .chosen-choices .search-choice .search-choice-close,.chosen-container-single .chosen-search input[type=text],.chosen-container-single .chosen-single abbr,.chosen-container-single .chosen-single div b,.chosen-rtl .chosen-search input[type=text]{background-image:url(/local/templates/kk2018_new/css/chosen-sprite@2x.png)!important;background-size:52px 37px!important;background-repeat:no-repeat!important}}
/* End */
/* /local/templates/kk2018_new/components/15px.ru/sectionList/.default/style.css?16923113233168 */
/* /local/templates/kk2018_new/components/bitrix/menu/mobile_menu/style.css?17316806431026 */
/* /local/templates/kk2018_new/components/sotbit/regions.choose/kk/style.css?17352211546377 */
/* /local/components/bitrix/form.result.new/error.css?1692311053163 */
/* /bitrix/components/bitrix/main.userconsent.request/templates/.default/user_consent.min.css?16923113403754 */
/* /bitrix/components/bitrix/sale.basket.basket.line/templates/.default/style.min.css?16923113424062 */
/* /local/templates/kk2018_new/styles.css?1752850112704 */
/* /local/templates/kk2018_new/template_styles.css?1737469304335914 */
/* /local/templates/kk2018_new/css/link1.css?16923113223933 */
/* /local/templates/kk2018_new/fonts/fonts.css?16923113221933 */
/* /local/templates/kk2018_new/css/flags.css?169231132215162 */
/* /local/templates/kk2018_new/css/owl.carousel.min.css?16923113222936 */
/* /local/templates/kk2018_new/css/swiper-bundle.min.css?173408443518436 */
/* /local/templates/kk2018_new/css/jquery.mCustomScrollbar.min.css?169231132242839 */
/* /local/templates/kk2018_new/css/jquery.bxslider.min.css?16923113224398 */
/* /local/templates/kk2018_new/css/chosen.min.css?169231132210156 */