@import '../libs/pure/pure-min.css'; @import '../libs/pure/grids-responsive-min.css'; @import '../css/pure-extend.css'; @import '../css/extra.css'; @import '../js/johndyer-mediaelement/build/mediaelementplayer.min.css'; @import '../libs/Swiper/dist/css/swiper.min.css'; @import '../libs/TurnWheel/jReject/css/jquery.reject.css'; @import '../libs/fancybox/source/jquery.fancybox.css'; @import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900&subset=cyrillic,cyrillic-ext,latin-ext'); @import 'https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.1/css/select2.min.css'; html { height: 100%; background: #f8f6f6; } body { min-height: 100%; height: 100%; color: #212121; font-weight: normal; font-family: 'Roboto', sans-serif, Arial; font-size: 14px; line-height: 1.5; } a { text-decoration: none; outline: none; color: #ed1c24; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; } a:hover { text-decoration: none; color: #00467f; } img { border: 0 } p { margin: 1.5em 0; } p:first-child { margin-top: 0; } p:last-child { margin-bottom: 0; } strong { font-weight: 700; } #page { height: auto !important; min-height: 100%; height: 100%; position: relative; overflow: hidden; } #footer_guarantor { height: 48px; clear: both; } #footer { margin: 0 auto; margin-top: -48px; height: 48px; clear: both; position: relative; z-index: 3; display: flex; align-items: center; font-size: 11px; color: rgba(33, 33, 33, .3); background: #E9E9E9; } .infoot { background: #fff !important; } div.footer-content { display: flex; align-items: center; justify-content: space-between; } #header { height: 188px; position: relative; z-index: 222; } #header > .container { position: relative; height: 100%; } div.header-content { position: relative; height: 100%; background: #fff;  -webkit-box-shadow: -1px -24px 86px -6px rgba(0, 0, 0, 0.21); -moz-box-shadow: -1px -24px 86px -6px rgba(0, 0, 0, 0.21); box-shadow: -1px -24px 86px -6px rgba(0, 0, 0, 0.21); } div.header-content:before { content: ''; position: absolute; left: 0; right: 0; top: 0; height: 40px; background: #e5e5e5; } a.logo { display: block; width: 223px; position: absolute; left: 35px; top: 43px; bottom: 56px; background: url(../images/logo.png) left center no-repeat; z-index: 15; background-size: contain; } .facebook_header { display: flex; height: 100%; align-items: center; justify-content: center; width: 60px; padding-top: 4px; } .facebook_header a { color: #ffffff; } #sidebar { width: 180px; float: left; } #mainbar { overflow: hidden; background: #b0b0f0; } div.section { padding: 50px 0 30px 0; } #header + div.section { padding-top: 20px; } div.section.white-bg { -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.05); box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.05); position: relative; z-index: 2; } div.section.white-bg2 { border-bottom: 1px rgba(0, 0, 0, 0.1) solid; background: #fff; } div.index-swiper-container { position: relative; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } div.index-swiper-container .swiper-pagination { left: 0; right: 0; bottom: 30px; } div.index-swiper .swiper-slide .photo { width: 100%; height: auto; display: block; } div.index-swiper div.swiper-slide-content { position: absolute; left: 0; right: 0; bottom: 0; top: 0; display: flex; align-items: center; } div.index-swiper-container .swiper-button-prev, div.index-swiper-container .swiper-button-next { display: flex; align-items: center; justify-content: center; background: none; font-size: 28px; } div.swiper-carusel-container { position: relative; padding: 0 84px; } div.swiper-carusel .swiper-slide { width: auto; } div.swiper-carusel .swiper-slide a { display: block; border: 1px solid #212121; } div.swiper-carusel .swiper-slide a img { display: block; width: 100%; height: auto; } div.swiper-carusel-container .swiper-button-prev, div.swiper-carusel-container .swiper-button-next { display: flex; align-items: center; justify-content: center; background: none; } div.header-elements-container { position: fixed; right: 0; top: 0; left: 0; z-index: 223; } div.header-elements { display: flex; justify-content: flex-end; color: #fff; background: #423c3c;; /*border-top: 1px solid red; border-bottom:1px solid red;*/ } div.header-elements > div { display: flex; } a.head-login-button { display: flex; height: 40px; align-items: center; color: #fff; padding: 0 23px; position: relative; } a.head-login-button.ajax_login { color: #ed1c24; } a.head-login-button:after { content: ''; width: 1px; /*height: 13px;*/ background: rgba(0, 0, 0, 0.1); position: absolute; left: 0; top: 0; /*margin-top: -6px;*/ height: 100%; } a.head-login-button > * + * { margin-left: 10px; font-size: 14px; } a.head-login-button:hover { color: #ed1c24; } a.head-call-us { display: flex; height: 43px; align-items: center; color: #fff; padding: 0 23px; font-size: 18px; } a.head-call-us > * + * { margin-left: 10px; } div.events-blocks { margin: -20px -10px 0; display: flex; align-items: center; justify-content: center; } div.events-blocks > div { margin-top: 20px; padding: 0 10px !important; } div.events-blocks-item { position: relative; overflow: hidden; } div.events-blocks-item a { display: block; position: relative; text-transform: uppercase; color: #fff; font-size: 18px; line-height: 1.2; font-weight: 400; } div.events-blocks-item a img { display: block; width: 100%; height: auto; } div.events-blocks-item a span { /*position: absolute;*/ display: block; left: 0; right: 0; bottom: 0; /**background: #37678d;**/ background: #4371bb; padding: 10px 22px; font-weight: 400; letter-spacing: 0.6px; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; } div.events-blocks-item a:hover { -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.25); } div.events-blocks-item a:hover span { background: rgba(237, 28, 36, .8); } div.events-blocks.mod-1 .cont { background: #fff; padding: 24px; } div.events-blocks.mod-1 .cont .title { font-size: 16px; color: #212121; margin-bottom: 1em; } div.descr-colls { display: flex; justify-content: space-between; } div.descr-colls > div { font-size: 14px; color: #646464; } div.descr-colls > div strong { color: #222; } div.descr-colls .ext_button { display: inline-flex; font-size: 12px; text-transform: none; margin-top: 5px; } div.header-elements-2 { position: absolute; top: 40px; left: 300px; right: 20px; bottom: 56px; display: flex; align-items: center; justify-content: space-between; } div.slogan { font-size: 16px; color: #00467f; line-height: 1.1; } a.hel-phone { display: inline-flex; height: 20px; align-items: center; font-size: 15px; font-weight: 400; line-height: 1; background: url('../images/icons/phone.png') no-repeat left 0px; background-size: contain; padding-left: 37px; margin-top: 2px; margin-bottom: 2px; } a.hel-email { display: inline-flex; height: 20px; align-items: center; font-size: 15px; font-weight: 400; line-height: 1; background: url('../images/icons/email.png') no-repeat left 0px; background-size: contain; padding-left: 37px; margin-right: 15px; margin-top: 2px; margin-bottom: 2px; } div.all-events { text-align: right; padding: 15px 0 0; } div.all-events a { color: #00467f; text-decoration: underline; } div.all-events a:hover { text-decoration: none; } div.toggle-content-container { position: relative; line-height: 1.5; } div.toggle-content { max-height: 4.5em; overflow: hidden; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; margin: 0 0 15px; } div.toggle-content.opened { max-height: 999px; } div.toggle-content-toggler a.opened span { display: none; } div.toggle-content-toggler a.opened span + span { display: inline !important; } div.toggle-content-toggler a.opened .fa { transform: rotate(180deg); } div.logos-carusel-container { position: relative; padding: 0 44px; } div.logos-carusel-container .swiper-button-prev, div.logos-carusel-container .swiper-button-next { display: flex; align-items: center; justify-content: center; left: 0; background: none; font-size: 22px; } div.logos-carusel-container .swiper-button-next { left: auto; right: 0; } div.logos-carusel .swiper-wrapper { align-items: center; } div.logos-carusel .swiper-slide { width: auto; } div.footer-info-elements { display: flex; justify-content: space-between; margin: 0 -15px; } div.footer-info-elements > div { position: relative; display: flex; align-items: center; justify-content: space-between; font-size: 18px; color: #212121; line-height: 1; padding: 0 15px; text-align: center; } div.footer-info-elements > div a { color: #212121; } div.footer-info-elements > div.separator { width: 1px; height: 28px; background: #ed1c24; padding: 0 !important; } div.path-container-section { margin-bottom: -50px; } div.path-container { position: relative; font-size: 12px; font-weight: 300; color: #666; display: flex; justify-content: space-between; } div.path-container .iconed-link { display: flex; height: 54px; align-items: center; } ul.path { list-style: none; display: flex; padding: 0; margin: 0; } ul.path > li { display: flex; height: 54px; align-items: center; } ul.path > li > a { display: flex; height: 54px; align-items: center; padding-right: 21px; position: relative; } ul.path > li > a:after { content: '\f105'; font-family: FontAwesome; position: absolute; right: 9px; top: 50%; margin-top: -0.7em; } div.side-block { background: #fff; -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.05); box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.05); } div.side-block + div.side-block { margin-top: 20px; } div.paddbot { padding-bottom: 80px; } div.paddtop { padding-top: 25px; } div.side-block.padded { padding: 15px; } div.side-block h2 { font-size: 20px; color: #212121; font-weight: 400; } div.side-coll { width: 26%; } div.side-coll + div { width: 74%; } div.products-list > div { background: #fff; margin-bottom: 20px; display: flex; } div.products-list > div:last-child { margin: 0; } div.products-list > div > * { } div.products-list .photo { flex: 0 0 40%; max-width: 40%; width: 40%; position: relative; overflow: hidden; } div.products-list .cont { flex-grow: 1; max-width: 60%; display: flex; flex-direction: column; color: #646464; font-size: 15px; } div.products-list .cont > div { border-bottom: 2px solid #e6e6e6; display: flex; align-items: center; justify-content: space-between; padding: 0 20px; } div.products-list .cont > div:nth-child(1) { /*height: 40%*/ height: 85px } div.products-list .cont > div:nth-child(2) { /*height: 40%*/ height: 85px } div.products-list .cont > div:nth-child(3) { /*height: 20%*/ height: 36px } div.products-list .cont > div.vids { justify-content: flex-start; align-items: flex-start; padding-top: 20px; } div.products-list .cont > div.vids > div { /*width: 25%;*/ font-size: 13px; padding-bottom: 5px; font-weight: 400; padding: 0 10px; color: #000; } div.products-list .cont > div.vids > div:nth-child(1) { /*width: 45%;*/ } div.products-list .cont > div.vids > div > strong { font-size: 14px; } div.vids_tip { width: 100%; } div.products-list .cont > div:last-child { border: 0; } div.products-list .photo img { display: block; width: 100%; height: auto; max-width: 100%; /*min-height: 100%;*/ object-fit: cover; } div.products-list .title, div.products-list .price { margin: 0; font-size: 18px; color: #212121; display: block; color: #000; font-weight: 600; } div.products-list .price span { font-size: 14px; font-weight: 300; } div.products-list strong { color: #212121; } div.sticked_notes { position: absolute; right: 0; top: 40%; z-index: 589; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; background: #ed1c23; width: 48px; } div.sticked_notes div { background: #ed1c23; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; } div.sticked_notes div.green { background: #24d366; } div.sticked_notes div.green:hover { background: #1b8643; } div.sticked_notes div.blue { background: #4371bb; } div.sticked_notes div.blue:hover { background: #32487f; } div.sticked_notes a { display: flex; align-items: center; justify-content: center; height: 48px; color: #fff; font-size: 24px; } div.sticked_notes div:hover { background-color: #ce060c; } div.photo-text-container { overflow: hidden; position: relative; } div.photo-text-container .photo { display: block; width: 100%; height: auto; } div.photo-text-container:before { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } div.photo-text { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 2; display: flex; align-items: center; justify-content: center; text-align: center; color: #fff; font-size: 14px; } div.photo-text h2 { color: #fff; font-size: 24px; } div.colls-1 { background: #fff; padding: 30px; } div.colls-2 { background: #fff; padding: 30px; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; } div.zuno-carusel-container { position: relative; padding: 0 40px; } div.zuno-carusel-container .swiper-button-prev, div.zuno-carusel-container .swiper-button-next { left: 0; display: flex; align-items: center; justify-content: center; background: none; font-size: 20px; } div.zuno-carusel-container .swiper-button-next { left: auto; right: 0; } div.zuno-carusel .swiper-slide { width: auto; } div.zuno-carusel .swiper-slide a { display: block; } div.zuno-carusel .swiper-slide a img { display: block; width: 100%; height: auto; } div.product-gallery-container { position: relative; margin-bottom: 15px; } div.product-gallery .swiper-slide img { display: block; width: 100%; height: auto; } div.product-gallery-thumbs-container { position: relative; padding: 0 42px; } div.product-gallery-thumbs .swiper-slide { width: auto; cursor: pointer; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; } div.product-gallery-thumbs .swiper-slide img { display: block; width: 100%; height: auto; } div.product-gallery-thumbs .swiper-slide.swiper-slide-active:after, div.product-gallery-thumbs .swiper-slide:hover:after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; top: 0; border: 2px solid #ed1c24; } div.product-gallery-thumbs-container .swiper-button-prev, div.product-gallery-thumbs-container .swiper-button-next { left: 0; background: none; display: flex; align-items: center; justify-content: center; font-size: 24px; } div.product-gallery-thumbs-container .swiper-button-next { left: auto; right: 0; } div.product-descr { background: #fff; -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1); padding: 40px; overflow: hidden; } div.product-descr > div { border-bottom: 1px solid #e6e6e6; padding: 15px 0; } div.product-descr > div:first-child { padding-top: 0; } div.product-descr > div:last-child { padding-bottom: 0; border: 0; } div.product-descr .ttile { font-size: 20px; margin: 0; } div.product-descr table { font-size: 15px; color: #646464; width: 100%; padding-left: 10px; } div.product-descr table tr:Nth-child(odd) { background: #ededed; } div.product-descr table td { width: 50%; padding: 3px 15px 3px 10px; font-weight: 700; color: #212121; vertical-align: top; } div.product-descr table td + td { font-weight: 400; color: #212121; } div.contacts-container { background: #fff; -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.15); display: flex; border: 2px solid #fff; border-top: 0; } div.contacts-container > div { position: relative; } div.contacts-container .map-place { width: 66%; } div.contacts-container .cont { width: 34%; padding: 40px; } div.contacts-list { display: flex; flex-wrap: wrap; margin: -20px -10px 0; justify-content: center; } div.contacts-list > div { margin-top: 20px; padding: 0 10px !important; flex-grow: 1; flex-shrink: 1; flex-basis: 200px; max-width: 250px; min-width: 200px; } div.contacts-list-item { background: #fff; -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.15); } div.contacts-list-item .photo { display: block; width: 100%; height: auto; } div.contacts-list-item .cont { padding: 20px; } div.contacts-list-item h3 { font-size: 14px; color: #212121; margin: 0; } div.contacts-list-item .status { color: red; margin-bottom: 10px; } div.content-popup-container { opacity: 0; visibility: hidden; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(232, 232, 232, 1); z-index: 852; display: flex; align-items: center; justify-content: center; color: #2A4D85; } div.content-popup-container.visible { opacity: 1; visibility: visible; } div.pagination_container { text-align: center; } ul.pagination { list-style: none; padding: 0; margin: 0; display: inline-flex; } ul.pagination > li { margin: 0 5px !important; } ul.pagination > li > a { display: flex; height: 36px; width: 36px; align-items: center; justify-content: center; background: #fff; border: 1px solid #ccc; } ul.pagination > li:hover > a, ul.pagination > li.selected > a { color: #222; } ul.pagination > li.selected > a { cursor: default; } /*LISTS*/ div.main-menu-container { position: absolute; right: 0; bottom: 0; left: 0; background: #4371bb; font-weight: 500; } ul.main-menu { display: flex; align-items: center; justify-content: space-between; list-style: none; padding: 0; margin: 0; height: 100%; } ul.main-menu > li { position: relative; height: 100%; flex: 1; } ul.main-menu > li > a { display: flex; padding: 0 15px; padding: 0 30px; line-height: 1.1; font-size: 14px; text-transform: uppercase; color: #fff;; position: relative; align-items: center; height: 56px; border-left: 1px solid rgba(39, 35, 35, 0.1); justify-content: center; letter-spacing: 0.6px; } ul.main-menu > li:hover > a, ul.main-menu > li.selected > a { background: #ed1c24; color: #fff; } ul.main-menu > li.selected > a { cursor: default; } ul.main-menu > li > ul { list-style: none; padding: 0; margin: 0; position: absolute; left: 0; top: 100%; background: #fff; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; opacity: 0; visibility: hidden; } ul.main-menu > li:hover > ul { opacity: 1; visibility: visible; } ul.main-menu > li > ul > li > a { display: block; padding: 10px; border: 1px solid rgba(0, 0, 0, 0.2); } div.content-menu-container { } ul.content-menu { list-style: none; padding: 0; margin: 0; } ul.content-menu > li > a { display: block; border-top: 1px solid rgba(0, 0, 0, 0.1); padding: 15px 28px; font-size: 15px; color: #00467f; text-transform: uppercase; line-height: 1.1; } ul.content-menu > li:hover > a, ul.content-menu > li.selected > a { color: #ed1c24; } ul.content-menu > li > ul { list-style: none; padding: 0; margin: 0; } ul.content-menu > li > ul > li > a { display: block; padding: 5px 28px 5px 48px; font-size: 15px; color: #00467f; } ul.content-menu > li > ul > li:last-child > a { padding-bottom: 20px; } ul.content-menu > li > ul > li:hover > a, ul.content-menu > li > ul > li.selected > a { color: #ed1c24; } div.top-menu-container { } ul.top-menu { display: flex; list-style: none; padding: 0; margin: 0; border-left: 1px rgba(0, 0, 0, 0.1) solid; } ul.top-menu > li > a { display: flex; align-items: center; height: 40px; padding: 0 12px; font-size: 14px; color: #fff; line-height: 1.1; } ul.top-menu > li:first-child > a { padding-left: 25px; } ul.top-menu > li:last-child > a { padding-right: 25px; } ul.top-menu > li:hover > a, ul.top-menu > li.selected > a { color: #ed1c24; } ul.top-menu > li.selected > a { cursor: default; } div.langs-menu-container { position: relative; z-index: 55; height: 39px; } a.current-lang { display: flex; height: 40px; align-items: center; padding: 0 20px 0 20px; position: relative; } a.current-lang:before { content: ''; width: 1px; background: rgba(0, 0, 0, 0.1); position: absolute; left: 0; top: 0; /*margin-top: -6px;*/ height: 100%; } a.current-lang > * + * { margin-left: 9px; color: #797979; } ul.langs-menu { list-style: none; padding: 0; margin: 0; margin-right: 19px; background: #e9e9e9; position: absolute; right: 0; top: 100%; -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.25); -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; opacity: 0; visibility: hidden; } a.current-lang.opened + ul.langs-menu { opacity: 1; visibility: visible; } ul.langs-menu > li > a { display: flex; align-items: center; padding: 10px 18px; font-size: 12px; color: #fff; border-bottom: 1px solid rgba(0, 0, 0, .1); } ul.langs-menu > li:last-child > a { border-bottom: 0; } ul.langs-menu > li > a img { display: block; } ul.langs-menu > li:hover > a, ul.langs-menu > li.selected > a { background: #bebebe; } ul.langs-menu > li.selected > a { cursor: default; } /*INPUTS*/ div.side-filter-container { } ul.side-filter { list-style: none; padding: 0; margin: 0; } ul.side-filter > li { margin-bottom: 0px; } ul.side-filter.fcats > li { display: flex; } ul.side-filter > li:last-child { margin-bottom: 0; } ul.side-filter > li > label { /*display: flex;*/ align-items: center; cursor: pointer; font-size: 14px; color: #000; font-weight: 700; } ul.side-filter > li > label p { margin: 5px 0 0px 0; } ul.side-filter .styled-checkbox { flex: 0 0 18px; margin-right: 10px; } ul.side-filter > li > label > * + * { /*margin-left: 10px;*/ } ul.side-filter input { /*opacity: 0;*/ } .submitb { background: none; border: 0; position: absolute; width: 30px; height: 40px; margin-left: 201px; margin-top: -38px; } label.styled-radio { display: inline-block; width: 20px; height: 20px; border: 1px solid #cfcfcf; border-radius: 21px; overflow: hidden; position: relative; cursor: pointer; overflow: hidden; } label.styled-radio input { position: absolute; left: -50px; } label.styled-radio > span { position: absolute; left: 50%; right: 0; bottom: 0; top: 50%; margin: -5px 0 0 -5px; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; opacity: 0; width: 10px; height: 10px; border-radius: 12px; background: #552e8e; } label.styled-radio input:checked + span { opacity: 1; } label.styled-checkbox { display: inline-block; width: 18px; height: 18px; border: 3px solid #666; border-radius: 2px; overflow: hidden; position: relative; cursor: pointer; overflow: hidden; } label.styled-checkbox input { position: absolute; left: -50px; } label.styled-checkbox > span { position: absolute; left: -1px; right: -1px; bottom: -1px; top: -1px; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; opacity: 0; display: flex; align-items: center; justify-content: center; color: #fff; background: #666; font-size: 11px; border-radius: 1px; } label.styled-checkbox > span:after { content: '\f00c'; font-family: FontAwesome; } label.styled-checkbox input:checked + span { opacity: 1; } div.content-popup-container > .container { max-height: 90vh; overflow-y: auto; } a.content-popup-close { cursor: pointer; position: absolute; right: 0; top: 0; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; color: #2A4D85; font-size: 17px; } div.inputs-container { overflow-y: hidden } div.inputs-container > div { margin-top: 15px; } div.inputs-container input::placeholder { color: #2A4D85 } div.inputs-container input[type="text"], div.inputs-container input[type="password"] { background: #fff; border: 0; width: 100%; border: 1px solid #ccc; color: #222; /*border-bottom: 2px solid #b6cad9;*/ padding: 10px 12px; font-size: 14px; } div.inputs-container textarea { background: #fff; border: 0; width: 100%; border: 1px solid #ccc; color: #222; /*border-bottom: 2px solid #b6cad9;*/ padding: 10px 12px; font-size: 14px; resize: vertical; } .error { border-bottom: 1px #EA212D solid !important } div.inputs-container h3 { font-size: 16px; text-transform: uppercase; margin: 15px 0 0; } ul.side-filter input[type="search"] { display: block; background: rgba(255, 255, 255, 0.6) url("../images/icons/ico-srch.png") no-repeat calc(100% - 10px) center; width: 100%; border-radius: 1px; padding: 7px 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 15px; font-weight: 300; color: #141414; line-height: 20px; border: 1px solid rgba(75, 81, 90, 0.45); background-color: #FAFAFA; -moz-box-shadow: 0px 0px 7px -2px #ccc; -webkit-box-shadow: 0px 0px 7px -2px #ccc; box-shadow: 0px 0px 7px -2px #ccc; /*margin-bottom: 13px;*/ } .select2-results__option { padding-left: 11px; } ul.select2-selection__rendered { padding-left: 11px !important; } ul.side-filter input[type="search"]::-webkit-input-placeholder { color: #383838 } div.cstatus { position: absolute; left: -74px; width: 80%; top: 43px; text-align: center; line-height: 2.2; text-transform: uppercase; color: white; font-size: 10px; font-weight: bold; z-index: 10; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -sand-transform: rotate(-45deg); transform: rotate(-45deg); color: #fff; background: #DA3832; } div.cstatus.inner { left: -41px; top: 36px; } div.product-gallery div.cstatus { width: 35%; } div.cstatus.blue { background: #204978; } ul.side-filter .custom-select-style { width: 100% !important; display: block; } ul.side-filter .select2-selection--single { border: 0; height: 32px; background: rgba(255, 255, 255, 0.6); border-radius: 0px; border: 2px #D6D6D6 solid; background-color: #FAFAFA; -moz-box-shadow: 0px 0px 7px -2px #ccc; -webkit-box-shadow: 0px 0px 7px -2px #ccc; box-shadow: 0px 0px 7px -2px #ccc; margin-bottom: 9px; font-size: 12px; color: #141414; } ul.side-filter .select2-selection--single .select2-selection__rendered { line-height: 27px; padding: 0 32px 0 14px; font-size: 14px; } ul.side-filter .select2-selection--single .select2-selection__arrow { height: 32px; width: 34px; display: flex; align-items: center; justify-content: center; top: 0; } ul.side-filter .select2-container--open .select2-selection--single { background: rgba(255, 255, 255, 0.8); } ul.side-filter .custom-select-style.select2-container--open .select2-selection--single .select2-selection__arrow b:before, ul.side-filter .custom-select-style.select2-container--open .select2-selection--single .select2-selection__arrow b:after { transform: rotate(180deg); } ul.side-filter .custom-select-style.mod .select2-selection--single { border: 2px #D6D6D6 solid; } /*HEADERS*/ h1 { line-height: 1.2; margin: 0 0 0.5em; } h2 { line-height: 1.2; margin: 0 0 0.5em; } h3 { line-height: 1.2; margin: 0 0 0.5em; } div.events-blocks-item h3 { display: block; height: 37px; } h4 { line-height: 1.2; margin: 0 0 0.5em; } .custom-title { display: flex; justify-content: center; align-items: center; font-size: 24px; text-transform: uppercase; color: #212121; font-weight: 600; padding-bottom: 2em; position: relative; overflow: hidden; } .custom-title span { display: block; position: relative; } .custom-title span:after { content: ' '; position: absolute; left: 100%; top: 50%; margin-left: 30px; height: 1px; background: rgba(0, 0, 0, 0.1); width: 10000px; } .custom-title span:before { content: ' '; position: absolute; right: 100%; top: 50%; margin-right: 30px; height: 1px; background: rgba(0, 0, 0, 0.1); width: 10000px; } .white-bg2 .custom-title span:before, .white-bg2 .custom-title span:after, .contacts-container .custom-title span:after, .contacts-container .custom-title span:before { content: none; } .custom-title:after { content: ''; width: 112px; height: 6px; background: #ed1c24; position: absolute; left: 50%; top: 100%; margin-left: -66px; margin-top: -33px; } .custom-title.left-orient { justify-content: flex-start; } .custom-title.left-orient:after { left: 0; margin-left: 0; } .main-title { font-size: 22px; } div.sticked_notes { position: absolute; right: 0; top: 40%; z-index: 589; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; background: rgba(237, 28, 36, 1); width: 62px; } div.sticked_notes:hover { background: rgba(237, 28, 36, 0.5); } div.sticked_notes a { display: block; height: 62px; background-position: center center; background-repeat: no-repeat; } div.sticked_notes span { font-size: 11px; color: #c5a47e; padding-left: 3px; } /*BUTTONS*/ .ext_button { display: inline-block; display: inline-flex; align-items: center; height: 2.8857em; line-height: 2.8857em; padding: 0 1.1em; position: relative; text-decoration: none !important; } .ext_button.bordered { border: 1px solid #cecece; } .ext_button.rounded { border-radius: 0.8em; } .ext_button.shadowed { -webkit-box-shadow: 0.14em 0.14em 0px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0.14em 0.14em 0px 0px rgba(0, 0, 0, 0.75); box-shadow: 0.14em 0.14em 0px 0px rgba(0, 0, 0, 0.75); } .ext_button.full-w { display: block; text-align: center; } .ext_button .fa { margin: 0 0 0 1.4em; } .ext_button .fa:first-child { margin: 0 1.4em 0 0; } .ext_button.red-style { background: #ed1c24; color: #fff; } .ext_button.red-style:hover { background: #c90e15 } .red-link { color: #ed1c24; text-align: right; width: 100%; font-size: 15px; font-weight: 500; } .idn { padding-right: 4px; } /*SPECIAL*/ .content-popup-container #reg2 div.inputs-container { padding: 0 10vw; } /*COLORS*/ .blue-style-link { color: #00467f; } .blue-style-link:hover { color: #ed1c24; } .red-color { color: #ed1c24; } .white-bg { background: #fff !important; } .blue-color { color: #00467f; } /*MISC*/ div.page-module ul { margin: 20px; } div.page-module ul > li { margin: 5px 0 0; } div.page-module ul > li:first-child { margin: 0 } div.page-module ol { margin: 20px; } div.page-module ol > li { margin: 5px 0 0 } div.page-module ol > li:first-child { margin: 0 } div.page-module table { background: #fff } div.page-module table td { padding: 13px 18px; border-top: 1px solid #e5e7e7 } div.page-module table tr:first-child td { border-top: 0 } div.page-module thead td { background: #e1e1e1; } .prev_next_cont { overflow: hidden; } .prev { } .next { float: right; } .filter-button { display: flex; align-items: center; justify-content: center; } .title2 { padding: 15px 0; text-align: center; font-size: 26px; text-transform: uppercase; position: relative; bottom: -25px; } .select2-results__option[aria-selected] { } .select2-results__option[aria-selected]:before { font: normal normal normal 14px/1 FontAwesome; content: "\f096"; padding-right: 10px; } .select2-container--default .select2-results__option[aria-selected=true] { } .select2-container--default .select2-results__option[aria-selected=true]:before { font: normal normal normal 14px/1 FontAwesome; content: "\f046"; padding-right: 10px; } ul.side-filter input[type="text"] { width: 49%; border-radius: 1px; padding: 7px 13px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 12px; color: #141414; line-height: 18px; border: 2px #D6D6D6 solid; background-color: #FAFAFA; -moz-box-shadow: 0px 0px 7px -2px #ccc; -webkit-box-shadow: 0px 0px 7px -2px #ccc; box-shadow: 0px 0px 7px -2px #ccc; margin-bottom: 13px; } .select2-container--default .select2-selection--multiple { width: 100%; border-radius: 1px; padding: 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 12px; color: #141414; line-height: 18px; border:  2px rgba(75, 81, 90, 0.25)  solid; background-color: #FAFAFA; -moz-box-shadow: 0px 0px 7px -2px #ccc; -webkit-box-shadow: 0px 0px 7px -2px #ccc; box-shadow: 0px 0px 7px -2px #ccc; margin-bottom: 6px; } .select2-container--default.select2-container--focus .select2-selection--multiple { border: 2px #8193b1 solid; } .reg-error { color: red; } div.f2g { width: 50% } /* XS */ @media (max-width: 767px) { #page { background: #f4f2f2; } div.cstatus { /*left: 20px; top: 56px;*/ left: -40px; top: 52px; width: 200px; } a.smart_menu_caller { display: flex; color: #00467f; } ul.pagination { margin-left: 0; display: block } ul.pagination li { margin-bottom: 10px !important; float: left; } table.special { width: 100%; display: block; margin: 10px 0; } table.special thead { display: none; } table.special tbody { width: 100%; display: block; } table.special tbody tr { width: 100%; display: block; } table.special tbody td:before { display: block; background: #7F7F7F; padding: 10px; content: attr(data-label); margin: -10px; margin-bottom: 10px; color: #fff; font-weight: bold; } table.special tbody td { width: 100%; display: block; background: #e7e7e7; padding: 10px; margin-bottom: 10px; } .container { width: auto; } div.mob_nav_container div.mob-nav-top-line { background: #ed1c24; display: flex; justify-content: space-between; color: #fff; } div.mob-nav-top-line > div { flex: 1 1 100%; border-left: 1px solid rgba(193, 217, 184, 0.3); } div.mob-nav-top-line a { display: block; text-align: center; color: #fff; padding: 15px; } div.mob_header_extention { display: block; position: absolute; left: 160px; top: 0; right: 70px; height: 100%; display: flex; align-items: center; justify-content: flex-end; } div.mob_header_extention > div { height: 70px; } div.mob-header-items { display: flex; } div.mob-header-items > div { border-right: 1px solid rgba(193, 217, 184, 0.3); } div.mob-search-container { display: block; height: 0; overflow: hidden; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; } div.mob-search-container.opened { height: 40px; } /* style sample */ div.langs-select select { border: 0; height: 70px; text-align: center; font-size: 16px; padding: 0 15px; color: #00467f; -webkit-appearance: none; } div.langs-select select option { } /* style sample */ div.mob_search a { display: flex; height: 70px; width: 60px; align-items: center; justify-content: center; font-size: 16px; text-decoration: none; } /*-----*/ #header { height: 70px; -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.15); background: #fff; } a.logo { top: 0; bottom: 0; left: 15px; width: 160px; } div.header-content { display: none; } ul.main-menu { display: block; } ul.main-menu > li > a { display: block; position: relative; padding: 15px; height: auto; border-top: 1px solid rgba(0, 0, 0, .1); color: #00467f; text-transform: uppercase; } ul.main-menu > li > a br { display: none; } ul.main-menu > li > a .fa { position: absolute; right: 10px; top: 10px; bottom: 10px; width: 30px; background: #fff; display: flex; align-items: center; justify-content: center; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; border-left: 1px solid rgba(0, 0, 0, 0.1); color: #00467f !important; } ul.main-menu > li.selected > a .fa:before { content: '\f068'; } ul.main-menu > li:hover > a, ul.main-menu > li.selected > a { background: #00569b; } ul.main-menu > li.selected > ul { max-height: 600px; } ul.main-menu > li > ul { position: static; opacity: 1; visibility: visible; background: #fff; overflow: hidden; max-height: 0; } ul.main-menu > li > ul > li > a { } ul.top-menu { display: block; } ul.top-menu > li > a { height: auto; padding: 15px !important; text-transform: uppercase; border-top: 1px solid rgba(0, 0, 0, .1); color: #525252; } div.f2g { width: 100%; margin: 0 } ul.top-menu > li:hover > a, ul.top-menu > li.selected > a { background: #00569b; color: #fff; } div.page-module img { width: 100% !important; margin: 0 0 10px 0 !important; } div.section { padding: 15px 0; } div.index-swiper { height: 60vw; } div.products-card > div { padding-left: 0 !important; padding-right: 0 !important; } .printer { margin-top: 10px; display: block; /*display: none*/ } div.index-swiper .swiper-slide .photo { height: 60vw; object-fit: cover; } .mobile-menu-toggler { display: flex !important; padding: 15px; border: 1px solid #f1f1f1; position: relative; justify-content: space-between; align-items: center; text-transform: uppercase; } .mobile-menu-toggler .fa { font-size: 18px; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; position: absolute; right: 0; top: 10px; bottom: 10px; width: 40px; display: flex; align-items: center; justify-content: center; border-left: 1px solid rgba(0, 0, 0, 0.1); } .mobile-menu-toggler.opened .fa:before { content: '\f068'; } div.content-menu-container { margin: 0; } .content-menu { max-height: 0; overflow: hidden; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; } .content-menu.opened { max-height: 500px; } #footer_guarantor { display: none; } #footer { margin: 0; height: auto; padding: 15px 0; } div.footer-content { display: block; text-align: center; } div.events-blocks { margin: -10px -5px 0; display: flex; flex-wrap: wrap; justify-content: center; } div.events-blocks > div { margin-top: 10px; padding: 0 5px !important; } div.events-blocks-item a span { padding: 10px; font-size: 11px; } div.events-blocks.mod-1 .cont { padding: 15px; } div.footer-info-elements { display: block; } div.footer-info-elements > div { padding: 15px; border-bottom: 1px solid rgba(0, 0, 0, .1); text-align: center; display: block; } div.footer-info-elements > div:first-child { padding-top: 0; } div.footer-info-elements > div:last-child { border: 0; padding-bottom: 0; } div.footer-info-elements .separator { display: none; } div.path-container-section { display: none; } div.side-coll { display: flex; flex-direction: column-reverse; margin-bottom: 20px; order: 2; width: 100% !important; } div.side-coll + div { display: flex; flex-direction: column-reverse; order: 1; width: 100% !important; } div.map-place { order: 2 } div.products-list .cont > div:nth-child(1), div.products-list .cont > div:nth-child(2), div.products-list .cont > div:nth-child(3) { height: auto } div.side-block + div.side-block { margin-top: 0; margin-bottom: 20px; } div.products-list > div { display: block; overflow: hidden } div.products-list .photo { flex: 0 0 50%; max-width: 50%; width: 50%; } div.products-list .cont { max-width: 100%; } div.products-list .cont > div { display: block; padding: 15px; } div.photo-text-section .container { padding: 0; } div.photo-text { position: relative; padding: 30px 0; } div.photo-text-container:before { z-index: 2; } div.photo-text-container .photo { position: absolute; min-height: 100%; min-width: 100%; width: auto; max-height: 100%; object-fit: cover; z-index: 1; } div.sticked_notes { /*display: none;*/ top: auto; bottom: 0; left: 100%; position: sticky; } div.sticked_notes a { height: 45px; } div.sticked_notes { width: 45px; } div.colls-2 { padding: 15px; -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } div.zuno-carusel-container { margin: 0 -15px; padding: 0 30px; } div.product-descr { padding: 15px; } div.product-gallery-warap { margin-bottom: 15px; } div.contacts-container { flex-direction: column; } div.contacts-container .map-place { width: 100%; height: 500px; } div.contacts-container .cont { width: 100%; padding: 15px; } div.contacts-list > div { max-width: 100%; flex-basis: 100%; min-width: 50%; } div.header-elements-container { display: none; } .only-mobile-filter .side-block { margin-bottom: 20px; } .only-mobile-filter ul.side-filter li { display: none; } .only-mobile-filter ul.side-filter li:first-child { display: block; } .only-mobile-filter .no-no, .only-mobile-filter ul.side-filter.fcats { display: none; } } /* SM */ @media /*(min-width: 568px) and */ (max-width: 767px) { } /* */ @media (min-width: 768px) { .only-mobile-filter { display: none; } } /* MD */ @media (min-width: 768px) and (max-width: 1023px) { div.products-list .cont > div:nth-child(1), div.products-list .cont > div:nth-child(2), div.products-list .cont > div:nth-child(3) { height: auto } .container { width: auto !important } div.header-elements-2 { left: 264px; } ul.main-menu > li > a { font-size: 13px; padding: 10px; } div.events-blocks-item a span { padding: 12px 15px; font-size: 14px; } div.events-blocks.mod-1 .cont { padding: 15px; } div.descr-colls { display: block; } div.descr-colls > div + div { margin-top: 10px; } div.footer-info-elements > div { font-size: 12px; } div.section { padding: 30px; } div.side-coll { padding-right: 15px !important; } div.side-block.padded { padding: 15px; } ul.content-menu > li > a { padding: 15px; } div.path-container-section { margin-bottom: -30px; } div.products-list .photo { flex: 1; max-width: 50%; width: 50%; } div.products-list .cont > div { display: block; padding: 15px; } div.product-descr { padding: 20px; } a.hel-phone { font-size: 16px; padding-left: 45px; } a.hel-email { font-size: 16px; padding-left: 45px; } div.slogan { font-size: 16px; } } @media (min-width: 1024px) and (max-width: 1096px) { div.products-list .cont > div:nth-child(1), div.products-list .cont > div:nth-child(2), div.products-list .cont > div:nth-child(3) { height: auto } .container { width: auto !important } } /* LG */ @media (min-width: 1024px) and (max-width: 1279px) { div.side-coll { padding-right: 15px !important; } div.products-list .cont > div { padding: 15px; } ul.main-menu > li > a { padding: 0 15px; } } /* XL */ @media (min-width: 1280px) { } /* PORTRAIT ORIENTATION*/ @media all and (orientation: portrait) { } /* LANDSCAPE ORIENTATION*/ @media all and (orientation: landscape) { }