body {line-height: 1.5;overflow-x: hidden;} .header {background: url(../images/bg-header.jpg);} /* cookie */ .cookie-banner { position: fixed; left: 0; top: 100%; right: 0;transition: box-shadow .2s ease-in-out; z-index: 6; top: auto; bottom: 0; animation: infopanel_open_bottom .2s ease-in-out; background-color: #fff;color: #000; text-align: center;} .cookie-banner a {font-size: 16px; color: #0074bb;} .cookie-banner button { background-color: #0074bb; border: none; color: #fff;} .row_my {width: 100%;display: inline-flex;} #fixed_menu {position: relative;z-index: 3;} .fixedheader {position: fixed !important;width: 100%;} .gallery_bg {background-color: #f1f4f7; transform: translateX(-50%); position: relative; left: 50%; width: 100vw; margin: 30px 0px; padding: 30px 0px;} .moduletable_myforms {background-color: #fff; padding: 25px; max-width: 560px;-webkit-box-shadow: 0px 4px 2px 0px rgb(52 84 143 / 18%); box-shadow: 2px 3px 8px 0px rgb(52 84 143 / 18%);} .moduletable_myforms .beforeformtext { color: #404040;font-size: 20px; font-weight: 700; text-align: center;} .moduletable_myforms .btn_zapis {position: relative;overflow: hidden;transition: ease 0.3s;background-color: #50b848;color: #fff;width: 100%;text-align: center;padding: 20px;border-radius: 2px;border: 1px solid #fff;-webkit-box-shadow: 0px 4px 2px 0px rgb(255 255 255 / 12%);box-shadow: 0px 4px 2px 0px rgb(255 255 255 / 12%);} .moduletable_myforms .btn_zapis:hover { transition: ease 0.3s; cursor: pointer; background-color: #0075bf;} .moduletable_myforms .wrapper {} .moduletable_myforms .wrapper label { width: 100%;margin-bottom: 15px;} .moduletable_myforms .wrapper label input {background-color: #e5edf5; border: none; padding: 15px; width: 100%; color: #072832 !important; font-weight: 300; border-radius: 5px; box-shadow: 1px 2px 2px 0px rgb(201 211 232);} .r_utp_forms { margin: auto;} .lead__text-socials ul {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: -5px; margin-left: 15px;} .lead__text-socials ul li:not(:last-child) { margin-right: 3px;} .lead__text-socials ul a { display: block; -webkit-transition: -webkit-transform .25s ease-in-out; transition: transform .25s ease-in-out; -o-transition: transform .25s ease-in-out; transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out;} .lead__text-socials ul li {list-style-type: none;} .lead__text-socials ul li a {font-size: 16px;} .lead__text-socials ul li img { max-width: 25px;height: auto;} .lead__text-socials {position: absolute;left: 35px; top: 36px;} .sptg ul {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 0px; margin-left: 0px;padding-left: 0px;} .sptg ul li:not(:last-child) { margin-right: 3px;} .sptg ul a { display: block; -webkit-transition: -webkit-transform .25s ease-in-out; transition: transform .25s ease-in-out; -o-transition: transform .25s ease-in-out; transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out;} .sptg ul li {list-style-type: none;} .sptg ul li a {font-size: 16px;} .sptg ul li img { max-width: 45px;height: auto;} .with_size {background-image: url(../images/pergol/bg_pergola.jpg); transform-origin: center center;background-size: cover;background-repeat: no-repeat; transform: translateX(-50%);min-height: calc(100vw* var(--min-height-hero) / 1920);min-height: 1090px;position: relative; left: 50%; width: 100vw; margin:-17px 0px; padding: 30px 0px;background-position: center center;} .pergola_bg {border-radius: 12px; background-color: #ffffff; background-position: center center; border-color: transparent; border-style: solid; padding: 25px; max-width: 850px; margin-top: 100px;} .pergola_content {} .pergola_desc_top { background-color: #e8eff6; display: inline-block; padding: 10px 20px; border-radius: 12px; color: #0175bf; font-weight: 700; font-size: 20px;} .pergola_h1 {} .pergola_h1 h1 {font-size: 62px; font-weight: 700;} .pergola_desc_bottom { font-size: 24px; margin: 25px 0px;} .pergola_btn {} .pergola_btn a {width: 100%; display: inline-block; background-color: #40c866; text-align: center; color: #fff; font-size: 24px; border-radius: 12px; padding: 1.875rem 5rem;} .pergola_btn a:hover {transition: ease 0.3s;cursor:pointer; background-color: #0075bf;color:#fff;} .blocks-row {display: flex;flex-wrap: wrap;gap: 20px;width: 100%;margin-top: 35px;} .block {height: 200px;background-color: #f0f0f0;flex: 1 1 calc(20% - 16px); min-width: 250px; padding: 15px 30px;} .block-1 { background: linear-gradient(135deg, #f28f1b, #f8b72a); border-radius: 12px; border: 1px solid rgba(255, 255, 255, 0.18);padding: 27px 30px;} .block-1 .name_1 { font-size: 28px; color: #fff; font-weight: 700; margin-bottom: 10px; border: 1px solid #fff; text-align: center; border-radius: 12px;} .description_1 { color: #fff; font-size: 22px; line-height: 1.4;} .description_1 .bb { background-color: #0175c0; padding: 2px 10px; border-radius: 12px;} .block-2, .block-3, .block-4, .block-5 { background: rgba(255, 255, 255, 0.2);backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-radius: 12px; border: 1px solid rgba(255, 255, 255, 0.18); box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);} .with_size .block .inner {} .with_size .block .inner .name { font-size: 42px; color: #fff; font-weight: 700; margin-bottom: 10px;} .with_size .block .inner .description { color: #fff;font-size: 22px; line-height: 1.4;} .with_size .block .inner .description .aa { background-color: #0175c0; padding: 2px 10px; border-radius: 12px;} /* Алюминиевые конструкции */ .h1_txt_alum {font-size: 36px;font-weight: 700;line-height: 1.1;color: #000;} .h1_txt_dop_alum {font-weight: 400;font-size: 36px;line-height: 1.1;} .alum_brand_row {background-color: #f1f4f7;transform: translateX(-50%);position: relative;left: 50%;width: 100vw;margin: 30px 0px;padding: 30px 0px;} /*.alum_brand_row:before {content: "";height: 900px;width: 100%;position: absolute;background-color: #f1f4f7;left: -600px;z-index: -1;top: 0px;} .alum_brand_row:after {content: "";height: 900px;width: 100%;position: absolute;background-color: #f1f4f7;right: -600px;z-index: -1;top: 0px;}*/ .alum_brand_row_my {width: 100%;display: inline-block;position: relative;margin-left: -15px;margin-top: 20px;} .brand_block {float: left;width: 25%;padding: 0px 15px;text-align: center; margin-bottom: 25px;} .brand_block_inner {position: relative;display: inline-block;width: 320px;padding: 20px;background-color: #fff;-webkit-box-shadow: 0px 4px 2px 0px rgb(52 84 143 / 18%);box-shadow: 2px 3px 8px 0px rgb(52 84 143 / 18%);border-radius: 2px;} .brand_block_img {height: 250px;} .brand_block_img img {-moz-transition: all 1s ease-out;-o-transition: all 1s ease-out;-webkit-transition: all 1s ease-out;width: auto;} .brand_block_img img:hover {cursor: pointer;-webkit-transform: scale(0.9);-moz-transform: scale(0.9);-o-transform: scale(0.9);} .brand_block_name {font-size: 20px;color: #0074bb;font-weight: 700;} .brand_block_name a {font-size: 20px;color: #0074bb;font-weight: 700;} .row_preim_alum {background-color: #dae4ed;padding: 30px 0px;position: relative;height: 300px;margin-bottom: 30px;} .row_preim_alum:before {content: "";height: 300px;width: 100%;position: absolute;background-color: #dae4ed;left: -600px;z-index: -1;top: 0px;} .row_preim_alum:after {content: "";height: 300px;width: 100%;position: absolute;background-color: #dae4ed;right: -600px;z-index: -1;top: 0px;} .step_img {} .step_img img {width: 5.5rem;height: 5rem;} .steps__item-title {font-size: 22px;line-height: 1.2;font-weight: 700;margin: 15px 0px 0px;position: relative;} .steps__item-text {margin: 15px 0px 0px;font-size: 15px;line-height: 1.3;color: #505153;} .cooperation {padding: 10rem 0 5rem;} .cooperation__block {margin: 7rem 0 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-webkit-box-align: stretch;-ms-flex-align: stretch;align-items: stretch;} .cooperation__wrp {margin: 0 0 0 4.4rem;padding: 0 0 0 2.3rem;border-left: 1px solid #eee;} .cooperation__block-title {font-size: 2.4rem;font-weight: 700;color: #333;} .cooperation__img {margin: 5.8rem 0 0;display: block;width: 7rem;height: 13.7rem;} .cooperation__wrp-img img {margin: 5.8rem 0 0;display: block;width: 7rem;height: 13.7rem;} .cooperation__list {list-style-type: none;counter-reset: a 0;margin: 3.5rem 0 0;padding: 0;} .cooperation__list li {position: relative;font-size: 1.6rem;line-height: 1.8rem;color: #333;margin: 2rem 0 0;} .cooperation__list li:first-child {margin: 0;} .cooperation__list li:before {counter-increment: a;content: counter(a);position: absolute;left: -4rem;top: .1rem;} .sotr_row_alum {margin-bottom: 50px;} .object_row_bg {background: url(../images/objects-bg.jpeg) no-repeat 50%;margin: 40px 0px;} .object_block_row_my {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-right: -25px;margin-left: -25px;-ms-flex-pack: distribute !important;justify-content: space-around !important;} .object_block_row { -webkit-box-flex: 0;-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;} .object_block {text-align: center;font-size: 1.6rem;color: #000;margin: 7rem 0 0;} .object_block_img {display: -webkit-box;display: -ms-flexbox;display: flex;height: 6.4rem;-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;} .object_block_img img {height: 60px;width: auto;display: block;margin: 0 auto;} .object_block_name {text-align: center;font-size: 16px;color: #000;margin: 10px 0px 0px;} .mmvid {margin: 50px 0px;} .portfolio_alum_bg {background-color: #dae4ed;transform: translateX(-50%);position: relative;left: 50%;width: 100vw;margin: 30px 0px;padding: 30px 0px;} .portfolio_alum_bg .block_portfolio {border-radius: 3px;background-color: #fff;padding: 20px;-webkit-box-shadow: 0px 4px 2px 0px rgb(52 84 143 / 18%);box-shadow: 2px 3px 8px 0px rgb(52 84 143 / 18%); margin-bottom: 15px;} .portfolio_alum_bg .block_portfolio_owl {margin: 30px 0px;} .portfolio_alum_bg .block_portfolio_inner_img_price {position: absolute;top: 15px;font-size: 24px;color: #51ad32;background-color: #fff;padding: 10px 30px;border-radius: 0px 2px 2px 0px;} .portfolio_alum_bg .block_portfolio_inner_name {font-size: 20px;text-align: center;margin-bottom: 10px;font-weight: 600;color: #000;} .portfolio_alum_bg .block_portfolio_inner_img {position: relative;display: inline-block;height: 250px;overflow: hidden;} .portfolio_alum_bg .block_portfolio_inner_desc ul {list-style-type: none;padding: 0px;} .portfolio_alum_bg .block_portfolio_inner_desc ul li {margin-bottom: 10px;} .portfolio_alum_bg .block_portfolio_inner_desc {min-height: 300px;} .portfolio_alum_bg .block_portfolio_inner_main {overflow: hidden;} /* Алюминиевые окна */ .row_profil_okna {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-right: -25px;margin-left: -25px;} .col_row_profil_okna {-webkit-box-flex: 0;-ms-flex: 0 0 41.6666666667%;flex: 0 0 41.6666666667%;max-width: 41.66666667%;position: relative;width: 100%;min-height: 1px;padding-right: 25px;padding-left: 25px;} .profile-type {min-height: 50rem;position: relative;border: 6px solid transparent;padding: 5rem 1.5rem 5rem 7.5rem;margin: 25px 0px;} .profile-type.profile-type_cold {border: 6px solid #4796ce} .profile-type__title {font-size: 2.4rem;line-height: 3rem;font-weight: 600;} .profile-type__text {margin: 2.5rem 0 0;font-size: 14px;line-height: 1.6rem;} .profile-type__text a {font-size: 14px;color: #333;} .profile-type__use {margin: 3.5rem 0 0 33%;} .profile-type__img {position: absolute;bottom: -4.5rem;left: -2.5rem;} .profile-type__use-title {display: inline-block;font-weight: 600;font-size: 1.4rem;text-transform: uppercase;padding: 10px 13px 8px;background: #eaeaea;} .profile-type__use-items {color: #000;margin: 2rem 0 0;font-weight: 300;} .profile-type__use-items a, .profile-type__use-items span {display: inline-block;font-size: 1.5rem; margin: 0 1rem 0 0;} .d-xl-block {display: block !important;} .col-xl-2 {-webkit-box-flex: 0;-ms-flex: 0 0 16.6666666667%;flex: 0 0 16.6666666667%;max-width: 16.66666667%;} .profile-type.profile-type_warm {border: 6px solid #00af1a} .profile-type__use-items a {color: #000;font-weight: 300;} .alum_okna_sposob {background-color: #e8eff6;transform: translateX(-50%);position: relative;left: 50%;width: 100vw;margin: 30px 0px;padding: 30px 0px;} .alum_okna_sposob_full_with {width: 100%;max-width: 1560px;margin: 0 auto;} .align-items-center {-webkit-box-align: center !important;-ms-flex-align: center !important;align-items: center !important;} .flex-wrap {-ms-flex-wrap: wrap !important;flex-wrap: wrap !important;} .row_alum_okna_sposob {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-right: -25px;margin-left: -25px;} .col-auto {-ms-flex: 0 0 auto;flex: 0 0 auto;width: auto;max-width: none;} .openways__item {text-align: center;margin: 5.5rem 0 0;} .openways__name {font-size: 1.4rem;line-height: 1.6rem;font-weight: 600;margin: .7rem 0 0;} .col-1, .col-auto {-webkit-box-flex: 0;} .col-auto {position: relative;min-height: 1px;padding-right: 25px;padding-left: 25px;} .openways__info {color: #666;font-size: 1.3rem;line-height: 1.4rem;position: relative;-ms-flex-item-align: center;align-self: center;margin: 5.5rem 0 0;} .openways__info-text {position: relative;z-index: 2;padding-left: 15px;} .alum_okna_sposob_full_with h2 {font-size: 36px;font-weight: 700;line-height: 1.1;color: #000;} .alum_zag {font-size: 22px;font-weight: 700;color: #000;} .alum_desc_txt {} .alum_brand_row_full_with {width: 100%;max-width: 1560px;margin: 0 auto;} .row_option_alum {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-right: -25px;margin-left: -25px;} .row_option_alum .col {min-width: 17.2rem;} .row_option_alum .col {-ms-flex-preferred-size: 0;flex-basis: 0;-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;max-width: 100%;} .row_option_alum .col {position: relative;width: 100%;min-height: 1px;padding-right: 25px;padding-left: 25px;} .winoptions__item {max-width: 100%;margin: 5rem 0 0;} .winoptions__item-title {font-size: 1.8rem;font-weight: 600;} .winoptions__item-img {margin: 2rem 0 0;} .winoptions__item-desc {font-size: 12px;line-height: 1.3;color: #666;margin: 3rem 0 0;font-weight: 400;} .winoptions__item-desc a { font-size: 12px;line-height: 1.3;color: #666;font-weight: 400;} .alum_option h2 {font-size: 36px;font-weight: 700;line-height: 1.1;color: #000;} .alum_option {margin-bottom: 30px;} .benefit {background: url(/templates/vn_utp/images/benefit-aluminum-bg.jpeg) no-repeat 50%;background-size: cover;transform: translateX(-50%);position: relative;left: 50%;width: 100vw;margin: 30px 0px;padding: 30px 0px;color: #fff;} .benefit.container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;} .benefit__title {font-size: 90px;line-height: 120px;font-weight: 900;color: rgba(255,255,255,.7);} .benefit__title span {font-size: 90px;color: rgba(255,255,255,.7);display: block;} .row_benefit { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -25px; margin-left: -25px;} .col-sm-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none;position: relative; min-height: 1px; padding-right: 25px; padding-left: 25px;} .benefit__item { margin: 7rem 0 0;} .benefit__list { display: inline-block; list-style: none; margin: 0; padding: 0; color: #fff; font-size: 1.6rem; font-weight: 600;} .benefit__row { margin-top: 7rem;} .benefit__duty { padding: 7.5rem 7rem 6.8rem; color: #fff; border: 2px solid rgba(255,255,255,.17);} .benefit__duty-year { font-weight: 100; font-size: 6rem; line-height: 5rem;} .benefit__duty-desc { font-weight: 300; font-size: 2.2rem; margin: 2rem 0 0;} .col-md-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; position: relative; min-height: 1px; padding-right: 25px; padding-left: 25px;} .benefit__text { color: #fff; font-size: 1.6rem; line-height: 1.8rem; max-width: 56rem;} /* Шапка сайта */ .top {background-color: #e8eff6;padding: 20px 0px;position: relative;z-index: 2;} .top .l_top {display: inline-flex;width: 40%;} .top .r_top {display: inline-flex;width: 60%;margin: auto;} .top .logo {margin-bottom: auto;margin-top: auto;} .top .descriptor {font-size: 17px;color: #576378;line-height: 1.2;margin-left: 30px;margin-bottom: auto;margin-top: auto;} .top .logo img {width:312px;} .top .r_top .adress {margin-top: auto;margin-bottom: auto;margin-left: auto;padding-right: 20px;background-image: url(/images/svg/location-pin-svgrepo-com.svg);background-repeat: no-repeat;padding-left: 30px;background-position: 0px;background-size: 25px auto;} .top .r_top .adress .timing {font-size: 14px;color: #576378;} .top .r_top .phone {margin-top: auto;margin-bottom: auto;padding-left: 50px;border-left: 2px solid #fff;position: relative;} .top .r_top .phone a {font-size: 28px;color: #000;font-weight: 700;} .top .mail_top {font-size: 16px !important;margin-right: auto;float: right;font-weight: 500 !important;text-decoration: underline;} /* УТП */ .utp {background-color: #dae4ed;padding: 30px 0px;} .utp .l_utp {width: 40%;} .utp .l_utp ul {list-style-type: none;padding: 0px;margin: 20px 0px;} .utp .l_utp ul li {background-image: url(../images/plus_utp.png); background-repeat: no-repeat;padding-left: 18px;background-position: 0px;margin-bottom: 10px;} .utp .l_utp p {font-size: 16px;color: #576378;font-weight: 600;} .utp .l_utp .btn_zapis {position: relative;overflow: hidden;transition: ease 0.3s;margin-top: 30px;background-color: #50b848;color: #fff;width: 262px;text-align: center;padding: 20px;border-radius: 12px;border: 0px solid #fff;-webkit-box-shadow: 0px 4px 2px 0px rgb(255 255 255 / 12%);box-shadow: 0px 4px 2px 0px rgb(255 255 255 / 12%);} .utp .l_utp .btn_zapis:hover {transition: ease 0.3s;cursor:pointer; background-color: #0075bf;} .r_utp {margin: auto; width: 60%;} .r_utp img {width: 100%;} /* Виды рольставен */ .vid {} .vid .vid_main {display: inline-flex;width: 24%;margin-bottom: 30px;} .vid .vid_main .vid_main_inner {position: relative;display: inline-block; max-width: 360px;} .vid .vid_main .vid_main_inner img { -moz-transition: all 1s ease-out;-o-transition: all 1s ease-out;-webkit-transition: all 1s ease-out;width: 100%; border-radius: 12px;} .vid .vid_main .vid_main_inner img:hover {cursor:pointer; -webkit-transform: scale(0.9);-moz-transform: scale(0.9);-o-transform: scale(0.9);} .vid .vid_main .vid_main_inner p {position: absolute;bottom: -10px;width: 100%;background-color: rgb(48 54 61 / 75%);color: #fff;padding: 10px;text-align: center;border-radius: 0px 0px 12px 12px;} .vid .vid_main .vid_main_inner p:hover {cursor:pointer;transition: ease 0.3s;background-color: rgb(48 54 61);} .vid .vid_main .vid_main_inner p a {color: #fff;font-size: 16px;display: block;} .su-tabs-nav span.su-tabs-current { border-radius: 12px;} /* Прайс */ .price {background-color: #0074bb;padding: 30px 0px;} .price .tab-price {table-layout: fixed;width: 100%; color: #fff;} .price .tab-price th {text-align: center;padding: 10px;} .price .tab-price td {text-align: center;padding: 10px;} .price .su-tabs-nav span:last-child { border: 1px solid #fff; color: #fff; border-radius: 12px;} .price .su-tabs-nav span:last-child:hover {color:#000;} /* Типы профилей */ .tips {background-color: #dae4ed;padding: 30px 0px;} .tips .tips_main {display: inline-flex;margin: auto;padding: 0px 20px;} .tips .tips_main:first-cild {padding-left: 0px;} .tips_main_inner {background-color: #fff;-webkit-box-shadow: 0px 4px 2px 0px rgb(52 84 143 / 18%);box-shadow: 2px 3px 8px 0px rgb(52 84 143 / 18%);border-radius: 12px;} .tips_main_inner_img {} .tips_main_inner_img img {width: 100%; border-radius: 12px 12px 0px 0px;} .tips_main_inner_desc {padding: 20px;} .tips_main_inner_desc .name {font-size: 24px;font-weight: 600;line-height: 1.2;} .tips_main_inner_desc .desc {font-size: 15px;color: #576378;line-height: 1.3;overflow: auto;max-width: 320px;max-height: 150px;} /* Цветовые решения */ .color {padding: 30px 0px;} .name_before {font-size: 24px;color: #576378;text-align: center;margin-bottom: 30px;} .block_color {text-align: center;display: inline-flex; margin-bottom: 20px;width: 100%;max-width: 302px;justify-content: center;align-content: space-between;} .block_color .block_color_inner { padding: 0px 20px;} .block_color .block_color_inner_img {} .block_color .block_color_inner_img img { width: 100%;} .block_color .block_color_inner_desc {margin-top: 10px;color: #000;font-size: 18px;font-weight: 600;} .name_after {font-size: 18px;color: #576378;text-align: center;margin: 30px 0px;line-height: 1.2;font-weight: 300;} .color .btn_color {margin-top: 20px;text-align: center;width: 100%;display: inline-block;} .color .btn_color p {} .color .btn_color p a {background-color: #50b848;color: #fff;padding: 20px;width: 315px;display: inline-block; border-radius: 2px;} .color .btn_color p a:hover {transition: ease 0.3s;cursor:pointer;background-color: #0075bf;} .w {width:100%;} /* Калькулятор */ .calc {background-color: #dae4ed;padding: 30px 0px;} /* Варианты управления */ .variant {padding: 30px 0px;} .block_variant {display: inline-flex;margin-bottom: 20px;width: 100%;max-width: 378px;justify-content: center;align-content: space-between;padding: 0px 20px;} .block_variant .block_variant_inner {padding: 20px;background-color: #f0f6fb;border-radius: 12px;} .block_variant .block_variant_inner_img {} .block_variant .block_variant_inner_img img {} .block_variant .block_variant_inner_name {font-size: 24px;color: #000;font-weight: 600;display: inline-flex;margin: 10px 0px;} .block_variant .block_variant_inner_name .cifra {font-size: 40px;color: #0074bb;display: inline-flex;margin: auto;margin-right: 20px;} .block_variant .block_variant_inner_desc {font-size: 16px;color: #576378;line-height: 1.2;} .block_variant:last-child {padding-right:0px;} /* Преимущества рольставен */ .preim {background-image: url(../images/bg_preimu.jpg);background-repeat: no-repeat;padding: 30px 0px;} .block_preim {display: inline-flex;margin-bottom: 20px;width: 100%;max-width: 302px;justify-content: center;align-content: space-between;padding: 0px 20px;} .block_preim:last-child {padding-right:0px;} .block_preim .block_preim_inner {background-color: #fff;width: 100%;margin: auto;text-align: center;padding: 30px;} .block_preim .block_preim_inner_img {} .block_preim .block_preim_inner_img img {} .block_preim .block_preim_inner_name {margin-top: 20px;height: 66px;} /* Примеры расчетов */ .portfolio {} .portfolio .block_portfolio {background-color: #f0f6fb;max-width: 442px;padding: 20px 0px;border-radius: 12px;} .portfolio .block_portfolio_inner {} .portfolio .block_portfolio_inner_main {} .portfolio .block_portfolio_inner_name {font-size: 20px;text-align: center;margin-bottom: 10px;font-weight: 600;color: #000;} .portfolio .block_portfolio_inner_img {position: relative;display: inline-block;height: 270px;overflow: hidden;} .portfolio .block_portfolio_inner_img img {width: 100%;} .portfolio .block_portfolio_inner_img_price {position: absolute;top: 15px;font-size: 24px;color: #51ad32;background-color: #fff;padding: 10px 30px;border-radius: 0px 2px 2px 0px;} .portfolio .block_portfolio_inner_desc {font-size: 14px;color: #576378;padding: 20px;} .portfolio .block_portfolio_inner_desc ul {list-style-type: none;padding: 0px;} .portfolio .block_portfolio_inner_desc ul li {margin-bottom:10px;} .btn_portfolio {width: 100%;display: inline-block;margin-top: 20px;text-align: center;} .btn_portfolio p {color: #fff;background-color: #0074bb;padding: 20px 30px;max-width: 320px;display: inline-block;border-radius: 12px;} .btn_portfolio p:hover {background-color: #00b93b;cursor:pointer;transition: ease 0.3s;} .info {padding: 30px 0px;} .info .l_info {margin: auto;max-width: 500px;margin-right: 0px;} .info .r_info {margin: auto;} .info .r_info img {} /* Товары */ .tovar {background-color: #e8eff6;padding: 30px 0px;} .block_tovar {display: inline-flex;margin-bottom: 25px;width: 100%;max-width: 378px;justify-content: center;align-content: space-between;} .block_tovar_inner {border-radius: 12px;background-color: #fff;padding: 20px;-webkit-box-shadow: 0px 4px 2px 0px rgb(52 84 143 / 18%);box-shadow: 2px 3px 8px 0px rgb(52 84 143 / 18%);max-width: 353px;} .block_tovar_image {} .block_tovar_image img {} .block_tovar_name {font-size: 18px;color: #000;font-weight: 600;margin: 10px 0px;height: 50px;overflow: auto;} .block_tovar_price {color: #576378;margin-bottom: 10px;font-weight: 700;margin-top: 10px;} .block_tovar_btn {} .block_tovar_btn p {max-width: 170px;text-align: center;color: #fff;background-color: #00b93b;padding: 10px 20px;border-radius: 12px;margin-bottom: 0px;} .block_tovar_btn p:hover {cursor:pointer;transition: ease 0.3s;background-color: #0074bb;} .block_tovar_desc {font-size: 12px;height: 30px;overflow: auto;} /* Текст на главной */ .txt_main {padding: 30px 0px;} .txt_main .l_txt {width: 40%;margin-top: auto;margin-bottom: auto;} .txt_main .r_txt {margin: auto;font-size: 14px;} /* Футер */ .footer {background-color: #dae4ed;padding: 50px 0px;} .footer ul {list-style-type: none;padding: 0px;display: inline-block;} .footer ul li {border: 1px solid #fff;padding: 5px 10px;margin-bottom: 20px;float: left;margin-right: 20px; border-radius: 12px; background-color: #fff;} .footer ul li:hover {background-color: #0175bf;transition: ease 0.3s;color:#fff;} .footer ul li a {font-size: 16px;color: #667083;} .footer ul li:hover a {color:#fff;} .l_footer {width: 50%;margin: auto;margin-left: 0px;} .c_footer {margin: auto;} .r_footer {margin: auto;} .footer_adress {} .footer_adress .adre {background-image: url(/images/svg/location-pin-svgrepo-com.svg);background-repeat: no-repeat;padding-left: 30px;background-position: 0px;background-size: 25px auto;} .footer_adress .phone {background-image: url(/images/svg/phone-svgrepo-com.svg);background-repeat: no-repeat;padding-left: 30px;background-position: 0px;padding-top: 10px;padding-bottom: 10px;background-size: 25px auto;} .footer_adress .phone a {font-size: 16px;color: #000;} .footer_adress .mail a {font-size: 16px;color: #000;} .footer_adress .mail {background-image: url(/images/svg/at-sign-svgrepo-com.svg);background-repeat: no-repeat;padding-left: 30px;background-position: 0px;padding-top: 10px;padding-bottom: 10px;background-size: 25px auto;} .footer_adress .time {background-image: url(/images/svg/clock-five-svgrepo-com.svg);background-repeat: no-repeat;padding-left: 30px;background-position: 0px;background-size: 25px auto;} .copy {padding: 20px 0px;font-size: 14px;} .copy .row_my div {width: 30%;margin: auto;margin-right: 0px;text-align: right;} .copy .row_my div:first-child {text-align: left;} .copy a {font-size: 14px;color: #000;} .nn1 { color: #071f3b; font-size: 28px; font-family: 'Golos Text', Arial, sans-serif; text-align: left; line-height: 1.2;} .nn2 {text-align: left; margin: 20px 0px; font-size: 16px;opacity: 0.6;} /* Страница контакты */ .name_contact {font-size: 40px;color: #000;font-weight: 700;} .item-page .adress {background-image: url(/images/svg/location-pin-svgrepo-com.svg);background-repeat: no-repeat;padding: 20px 0px 20px 30px;background-position: 0px;background-size: 25px auto;} .item-page .time {background-image: url(/images/svg/clock-five-svgrepo-com.svg);background-repeat: no-repeat;padding: 20px 0px 20px 30px;background-position: 0px;background-size: 25px auto;} .item-page .phone {background-image: url(/images/svg/phone-svgrepo-com.svg);background-repeat: no-repeat;padding: 20px 0px 20px 30px;background-position: 0px;padding-top: 10px;padding-bottom: 10px;background-size: 25px auto;} .item-page .phone a {font-size: 16px;color: #0075bf;font-weight: 600;} .item-page .mail {background-image: url(/images/svg/at-sign-svgrepo-com.svg);background-repeat: no-repeat;padding: 20px 0px 20px 30px;background-position: 0px;background-size: 25px auto;} .item-page .mail a {font-size: 16px;color: #0075bf;font-weight: 600;} .map_border {background-color: #fff;padding: 20px;border-radius: 25px;box-shadow: 0 0 6px 0 rgba(0,0,0,.04), 0 3px 4px 0 rgba(13,35,67,.25);margin-top: 20px;} /* Прочее */ .remonttbl {width: 100%; margin: 30px 0px;} .remonttbl td {padding: 10px 20px;border-bottom: 1px solid #ddd;vertical-align: middle;} .remonttbl td {padding: 10px 20px;border-bottom: 1px solid #ddd;vertical-align: middle;} .remonttbl tr:hover {background-color:#ddd;cursor:pointer;transition: ease 0.3s;} /* Внутренние страницы */ .product-element {display: flex;margin: 80px 0px;gap: 30px;} .product-element .element-left {margin-top: auto;margin-bottom: auto;width: 70%;padding-right: 20px;} .product-element .content {} .product-element .content ul {list-style-type: none;padding: 0px;} .product-element .content ul li {margin-bottom: 10px;} .product-element .content ul li:before {content:"+";color: #4fb848;font-weight: 700;padding-right: 5px;} .product-element .product-title {font-size: 42px;color: #0075bf;font-weight: 600;max-width: 760px;} .product-element .desc {color: #576378;font-weight: 600;} .product-element .product-price {font-size: 28px;font-weight: 600;} .product-element .element-right {margin: auto;min-width: 690px;} .product-element .element-right img {width: 100%; max-width: 690px;} .product-element .btn-ras {display: block;position: relative;overflow: hidden;transition: ease 0.3s;margin-top: 30px;background-color: #40c866;color: #fff;width: 262px;text-align: center;padding: 20px;border-radius: 12px;border: 1px solid #fff;-webkit-box-shadow: 0px 4px 2px 0px rgb(255 255 255 / 12%);box-shadow: 0px 4px 2px 0px rgb(255 255 255 / 12%);} .product-element .btn-ras:hover {transition: ease 0.3s;cursor:pointer; background-color: #0075bf;} .block_two {background-color: #f1f4f7;padding: 30px 0px;position: relative; height: 600px;} .block_two:before {content:"";height: 600px;width: 100%;position: absolute;background-color: #f1f4f7;left: -600px;z-index: -1;top: 0px;} .block_two:after {content:"";height: 600px;width: 100%;position: absolute;background-color: #f1f4f7;right: -600px;z-index: -1;top: 0px;} /* Всплывающая форма */ .overlay-form {} .overlay-form .name {font-size: 36px;color: #404040;margin-bottom: 20px;font-weight: 600;} .overlay-form .inner-form {} .overlay-form .inner-form .ldivob {} .overlay-form .inner-form .ldivob label {width: 100%;margin-bottom: 20px;} .overlay-form .inner-form .ldivob label input {background-color: #e5edf5;border-radius: 12px;border: none;padding: 15px;width: 100%;color: #072832 !important;font-weight: 300;border-radius: 5px;box-shadow: 1px 2px 2px 0px rgb(201 211 232);} .overlay-form .callback-btn {background-color: #40c866;color: #fff;width: 100%;text-align: center;padding: 20px;border-radius: 12px;border: 1px solid #fff;-webkit-box-shadow: 0px 4px 2px 0px rgb(255 255 255 / 12%);box-shadow: 0px 4px 2px 0px rgb(255 255 255 / 12%);font-weight: 500;font-size: 20px;} .overlay-form .callback-btn:hover {transition: ease 0.3s;cursor:pointer; background-color: #0075bf;} .zakonrf {} .zakonrf a {color: #000000;font-size: 14px;font-weight: 300;} a:hover, a:focus {text-decoration:none !important} /* Заголовки */ .utp .l_utp h1 {font-size: 48px;font-weight: 800;color: #000; line-height: 1.4;} .vid h2 {text-align: center;font-size: 48px;font-weight: 700;margin-bottom: 30px;} .price h3 {text-align: center;font-size: 48px;font-weight: 700;margin-bottom: 30px;color:#fff;} .tips h3 {text-align: center;font-size: 48px;font-weight: 700;margin-bottom: 30px;} .color h3 {text-align: center;font-size: 48px;font-weight: 700;margin-bottom: 30px;} .calc h3 {text-align: center;font-size: 48px;font-weight: 700;margin-bottom: 30px;} .variant h3 {text-align: center;font-size: 48px;font-weight: 700;margin-bottom: 30px;} .preim h3 {text-align: center;font-size: 48px;font-weight: 700;margin-bottom: 30px;color:#fff;} .portfolio h3 {text-align: center;font-size: 48px;font-weight: 700;margin: 100px 0px;} .tovar h3 {text-align: center;font-size: 48px;font-weight: 700;margin-bottom: 30px;} .tips_tkani h3 {text-align: center;font-size: 48px;font-weight: 700;margin-bottom: 30px;} /* Маркизы */ .portfolio_markiz {background-color: #dae4ed;padding: 20px 0px;margin-bottom: 50px;} .portfolio_markiz:before {content: "";position: absolute;width: 100%;background-color: #dae4ed;z-index: -1;height: 834px;margin-top: -20px;left: 0px;} .ro_block_tkani {width: 100%;display: inline-block;} .tkani-title {font-size: 24px;font-weight: 800;color: #b1b1b1;text-align: center;margin: 30px 0px;} .tkani_block {width: 33.3%;float: left;height: 150px;} .tkani-col {text-align: center;font-size: 19px;color: #231f20;margin-bottom: 16px;} .tips_tkani {} .desctkan {font-size: 14px;font-weight: 300;} /* Пергола */ .block_pergol_row {width: 100%;display: inline-block;} .block_pergol {float: left;width: 33.3%; margin-bottom: 50px;} .block_pergol_inner {border: 1px solid rgb(218 228 237 / 21%);margin: 0px 10px;-webkit-box-shadow: 0px 4px 2px 0px rgb(52 84 143 / 18%);box-shadow: 2px 3px 8px 0px rgb(52 84 143 / 18%);padding: 20px;} .block_pergol_img {width: 100%;text-align: center;} .block_pergol_img img {width: 85%;text-align: center;} .block_pergol_name {color: #0075bf;font-size: 22px;font-weight: 700;margin: 10px 0px;} .block_pergol_desc {margin: 10px 0px;font-size: 14px;font-weight: 500;} .block_pergol_price {font-size: 20px;font-weight: 800;color: #576378;} .block_pergol_btn {margin: 10px 0px;} .block_pergol_btn a {max-width: 170px;text-align: center;color: #fff;background-color: #00b93b;padding: 5px 20px;border-radius: 2px;} .block_pergol_btn a:hover {background-color: #0075bf;transition: ease 0.3s;color:#fff;} /* Цвета до */ .inner_price:after {content:"";left: 100%;background: #0074bb;top: 0;bottom: 0;width: 9999px;position: absolute;z-index:-1;} .inner_price:before {content:"";position: absolute;background: #0074bb;top: 0;bottom: 0;width: 9999px;right: 100%;z-index:-1;} .inner_price {position: relative;margin: 30px 0px;} .tovar_inner:after {content:"";left: 100%;background: #e8eff6;top: 0;bottom: 0;width: 9999px;position: absolute;z-index:-1;} .tovar_inner:before {content:"";position: absolute;background: #e8eff6;top: 0;bottom: 0;width: 9999px;right: 100%;z-index:-1;} .tovar_inner {position: relative;margin: 30px 0px;} .left_vibor {width: 50%;text-align: center;} .right_vibor {width: 50%;text-align: center;} .mr30 {margin:30px 0px;} .block_portfo_inner {display: inline-block;} .block_portfo_inner .block_portfolio {float: left;margin-right: 20px;} .inner-h {text-align: center;font-size: 48px;font-weight: 700;margin-bottom: 30px;} .tags {text-align: center;margin: 20px 0px;width: 100%;} .tags ul {list-style-type: none;padding: 0px;display: inline-block;margin-bottom: 0px;} .tags ul li {border: 1px solid #fff;padding: 4px 9px;margin-bottom: 5px;float: left;margin-right: 10px;border-radius: 12px;background-color: #dae4ed;} .tags ul li a {font-size: 13px;color: #333;} .tags ul li:hover {background-color: #0074bb;transition: ease 0.3s;} .tags ul li:hover a {color:#fff} .tags_inner {text-align: left;} .row_my_ter {width: 100%;display: inline-block;} .l_ter {float: left;width: 50%;padding-right: 20px;} .r_ter {float: left;width: 50%;} .l_ter img {width:100%;} .ccmm {text-align: center;} .description__cards-img img {width: auto!important;max-width: 98px;float: left;margin-right: 8px!important;height: 85px;margin-left: -13px!important;} h4.description__cards-title {font-family: RobotoSlab,sans-serif;font-size: 1.8rem;font-weight: 700;color: #183749;margin-bottom: 8px;height: 85px;align-items: flex-end;padding-bottom: 6px;} .description__card {display: flex;align-items: center;margin-bottom: 20px;max-width: 292px;margin: 0 auto 20px;} .grey {position: relative;margin: 30px 0px;padding: 30px 0px;background-color: #e8eff6;} .grey:after {content:"";left: 100%;background: #e8eff6;top: 0;bottom: 0;width: 9999px;position: absolute;z-index:-1;} .grey:before {content:"";position: absolute;background: #e8eff6;top: 0;bottom: 0;width: 9999px;right: 100%;z-index:-1;} .su-image-compare {margin-bottom:20px;} .brl {border-left: 3px solid #00af1a;padding-left: 15px;} /* Примеры гаражные ворота */ .primer_garag {} .primer_garag_inner {} .primer_garag h3 {} .row_my_g_primer {width:100%;display:inline-block;} .primer_g_row {float: left;width: 25%;padding: 5px 15px; margin-bottom: 20px;} .primer_g_row_inner {} .primer_g_row_img {} .primer_g_row_img img {width: 100%;height: 265px;border-radius: 3px;} .primer_g_row_name {margin: 7px 0px;} .primer_g_row_name a {font-size: 17px;color: #000;font-weight: 600;line-height: 1.1;white-space: normal;-webkit-line-clamp: 2;max-height: 45px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;} .primer_g_row_name a:hover {} .primer_g_row_desc {} .primer_g_row_btn {} .primer_g_row_btn p {position: relative;overflow: hidden;transition: ease 0.3s;margin-top: 5px;background-color: #50b848;color: #fff;width: 100%;text-align: center;padding: 4px;border-radius: 2px;border: 1px solid #fff;-webkit-box-shadow: 0px 4px 2px 0px rgb(255 255 255 / 12%);box-shadow: 0px 4px 2px 0px rgb(255 255 255 / 12%);margin-bottom: 0px;} .primer_g_row_btn p:hover {background-color: #0075bf;cursor:pointer;} .block_tovar_name a {font-size: 18px;color: #000;font-weight: 600;white-space: normal;-webkit-line-clamp: 2;max-height: 45px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;} /* Гильотинное остекление */ .row_oblast_gil {background-color: #dae4ed;padding: 30px 0px;position: relative;margin-bottom: 30px;} .row_oblast_gil:before {content: "";height: 600px;width: 100%;position: absolute;background-color: #dae4ed;left: -600px;z-index: -1;top: 0px;} .row_oblast_gil:after {content: "";height: 600px;width: 100%;position: absolute;background-color: #dae4ed;right: -600px;z-index: -1;top: 0px;} .row_oblast_gil h2 {margin-bottom: 30px;} .tips_gilotina {width: 100%;display: inline-flex;} .tips_gilotina_block {display: inline-flex;margin: auto;padding: 0px 20px;} .tips_gilotina_block_inner {background-color: #fff;-webkit-box-shadow: 0px 4px 2px 0px rgb(52 84 143 / 18%);box-shadow: 2px 3px 8px 0px rgb(52 84 143 / 18%);border-radius: 2px;max-width: 280px;} .tips_gilotina_block_img {} .tips_gilotina_block_img img {width: 280px;height: 200px;} .tips_gilotina_block_name {padding: 20px;font-size: 24px;font-weight: 600;line-height: 1.2;} .tips_gilotina_block_desc_prev {padding: 20px;} .tips_gilotina_block_desc {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;} .advantage__icon {display: inline-block;vertical-align: middle;margin-right: 30px;height: 84px;width: 84px;border-radius: 42px;line-height: 84px;background-color: #3174b7;box-shadow: 0 10px 30px rgb(0 0 0 / 15%);text-align: center;font-size: 40px;color: #fff;} .advantage__heading {display: inline-block;vertical-align: middle;max-width: calc(100% - 65px);white-space: normal;} .advantage__text {font-size: 16px;margin-left: 114px;margin-bottom: 30px;line-height: 24px;height: 192px;overflow: hidden;} .preim_sdvig h2 {margin-bottom: 40px;} .preim_sdvig {margin: 30px 0px;background-color: #f1f4f7;padding: 30px 0px;position:relative;} .preim_sdvig:before {content:"";height: 765px;width: 100%;position: absolute;background-color: #f1f4f7;left: -600px;z-index: -1;top: 0px;} .preim_sdvig:after {content:"";height: 765px;width: 100%;position: absolute;background-color: #f1f4f7;right: -600px;z-index: -1;top: 0px;} .element-right img {border-radius: 18px;} .block_otd_one {/*background-color: #f1f4f7;*/padding: 30px 0px;position: relative;/*height: 500px;*/} .block_otd_one:before {/*content: "";height: 500px;width: 100%;position: absolute;background-color: #f1f4f7;left: -600px;z-index: -1;top: 0px;*/} .block_otd_one:after {/*content: "";height: 500px;width: 100%;position: absolute;background-color: #f1f4f7;right: -600px;z-index: -1;top: 0px;*/} .txt_bioclimatik {/*background-color: #f1f4f7;*/padding: 30px 0px;position: relative;height: 1560px;} /*.txt_bioclimatik:before {content: "";height: 1560px;width: 100%;position: absolute;background-color: #f1f4f7;left: -600px;z-index: -1;top: 0px;} .txt_bioclimatik:after {content: "";height: 1560px;width: 100%;position: absolute;background-color: #f1f4f7;right: -600px;z-index: -1;top: 0px;}*/ /* Кнопка анимации */ .utp .l_utp .btn_zapis:before {content: "";display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: #fa4923;opacity: 0;z-index: 1;-webkit-transition: ease 0.3s;transition: ease 0.3s;} .utp .l_utp .btn_zapis:after {content: "";display: block;width: 30px;height: 300px;margin-left: 60px;background: #fff;position: absolute;left: -40px;top: -150px;z-index: 1;-webkit-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition: all 0.1s;transition: all 0.1s;-webkit-animation-name: slideme;animation-name: slideme;-webkit-animation-duration: 3s;animation-duration: 3s;-webkit-animation-delay: 0.05s;animation-delay: 0.05s;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;} @-webkit-keyframes slideme { 0% { left: -30px; margin-left: 0px; } 30% { left: 110%; margin-left: 80px; } 100% { left: 110%; margin-left: 80px; } } /* Слайдер */ .block_portfolio_owl {display: block;z-index: 1;margin: 0 auto; -webkit-tap-highlight-color: transparent;position: relative;} .block_portfolio_owl, .block_portfolio_owl .owl-item {-webkit-tap-highlight-color: transparent;position: relative;} .no-js .block_portfolio_owl, .block_portfolio_owl.owl-loaded {display: block;} .block_portfolio_owl .owl-stage-outer {position: relative;overflow: hidden;-webkit-transform: translate3d(0,0,0);} .block_portfolio_owl .owl-stage {position: relative;-ms-touch-action: pan-Y;touch-action: manipulation;-moz-backface-visibility: hidden;} .block_portfolio_owl, .block_portfolio_owl .owl-item {-webkit-tap-highlight-color: transparent;position: relative;} .block_portfolio_owl .owl-item, .block_portfolio_owl .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);} .block_portfolio_owl .owl-item {min-height: 1px;float: left;-webkit-backface-visibility: hidden;-webkit-touch-callout: none;} .block_portfolio_owl.owl-drag .owl-item {-ms-touch-action: pan-y;touch-action: pan-y;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} .block_portfolio_owl .owl-dots {display:none;} .block_portfolio_owl .owl-nav {margin: 0 auto;text-align: center;position: absolute;top: -50px;right: 50px;} .block_portfolio_owl .owl-nav button {background-color: #fff;border: none;margin-right: 10px;} .block_portfolio_owl .owl-nav button span {font-size: 30px;color: #0074bb;font-weight: 700;} .block_otziv_owl {display: block;z-index: 1;margin: 0 auto; -webkit-tap-highlight-color: transparent;position: relative;} .block_otziv_owl, .block_otziv_owl .owl-item {-webkit-tap-highlight-color: transparent;position: relative;} .no-js .block_otziv_owl, .block_otziv_owl.owl-loaded {display: block;} .block_otziv_owl .owl-stage-outer {position: relative;overflow: hidden;-webkit-transform: translate3d(0,0,0);} .block_otziv_owl .owl-stage {position: relative;-ms-touch-action: pan-Y;touch-action: manipulation;-moz-backface-visibility: hidden;} .block_otziv_owl, .block_otziv_owl .owl-item {-webkit-tap-highlight-color: transparent;position: relative;} .block_otziv_owl .owl-item, .block_otziv_owl .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);} .block_otziv_owl .owl-item {min-height: 1px;float: left;-webkit-backface-visibility: hidden;-webkit-touch-callout: none;} .block_otziv_owl.owl-drag .owl-item {-ms-touch-action: pan-y;touch-action: pan-y;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} .block_otziv_owl .owl-dots {display:none;} .block_otziv_owl .owl-nav {margin: 0 auto;text-align: center;position: absolute;top: -50px;right: 50px;} .block_otziv_owl .owl-nav button {background-color: #fff;border: none;margin-right: 10px;} .block_otziv_owl .owl-nav button span {font-size: 30px;color: #0074bb;font-weight: 700;} /* Читать далее */ .podrobnee {} .pod_b {font-size: 13px;margin-left: -6px;text-align: right;} .podrobnee ul {margin: 10px 0px;list-style-type: none;padding: 0px;display: inline-block;} .podrobnee ul li {float: left;padding: 5px;} .podrobnee ul li a {display: inline-block;color: #097e82;text-decoration: none;padding: 4px 10px;border: 1px solid #efefef;font-weight: 500;font-size: 14px;transition: ease 0.3s;} .podrobnee ul li a:hover {background-color: #efefef;} .podrobnee[data-readmore] {transition: height 250ms;overflow: hidden;} .podrobnee + [data-readmore-toggle], .podrobnee[data-readmore] {display: block;width: 100%;} .step_zamer {font-size: 14px;color: #576378;font-weight: 300;} .step_zamer img {width:100%;} .variant_polotno_main {background-color: #e8eff6;padding: 30px 0px;position: relative;margin: 30px 0px;} .variant_polotno_main:before {content: "";position: absolute;background: #e8eff6;top: 0;bottom: 0;width: 9999px;right: 100%;z-index: -1;} .variant_polotno_main:after {content: "";left: 100%;background: #e8eff6;top: 0;bottom: 0;width: 9999px;position: absolute;z-index: -1;} .variant_polotno_row {display: flex;} .variant_polotno_block {padding: 20px;background-color: #fff;margin: 20px;display: inline-block;text-align: center;max-width: 266px;width: 100%;border-radius: 3px;webkit-box-shadow: 3px 3px 3px -2px rgb(52 84 143 / 12%);box-shadow: 3px 3px 3px -2px rgb(52 84 143 / 12%);} .variant_polotno_block p {margin-bottom: 3px;} .variant_polotno_block img {width: 100%;} .vopros_bg {background-color: #0074bb;padding: 30px 0px;position: relative;margin: 30px 0px;color: #fff;} .vopros_bg:before {content: "";position: absolute;background: #0074bb;top: 0;bottom: 0;width: 9999px;right: 100%;z-index: -1;} .vopros_bg:after {content: "";left: 100%;background: #0074bb;top: 0;bottom: 0;width: 9999px;position: absolute;z-index: -1;} .vopros_bg .su-spoiler-style-default {background-color: #fff;color: #333;border-radius: 3px;} .otziv {background-color: #e8eff6;padding: 30px 0px 30px 0px;position: relative;margin: 30px 0px;} .otziv:before {content: "";position: absolute;background: #e8eff6;top: 0;bottom: 0;width: 9999px;right: 100%;z-index: -1;} .otziv:after {content: "";left: 100%;background: #e8eff6;top: 0;bottom: 0;width: 9999px;position: absolute;z-index: -1;} .block_otziv {background-color: #fff;padding: 20px;border-radius: 3px;webkit-box-shadow: 3px 3px 3px -2px rgb(52 84 143 / 12%);box-shadow: 3px 3px 3px -2px rgb(52 84 143 / 12%);} .block_otziv_row {display: flex;} .otziv_img {margin: auto;} .otziv_img img {width: 100%;} .otziv_txt {margin-left: 20px;font-size: 14px;font-weight: 300;max-height: 118px;overflow: auto;} .razmer_row {display: flex;margin: 30px 0px;} .razmer_row_left {display: inline-flex;padding: 0px 20px;} .razmer_row_left img {width: 100%;border-radius: 5px;} .razmer_row_right {margin: auto;} .razmer_row_right ul {list-style-type: none;padding: 0px;} .btn_zapic_razmer {margin-bottom: 0px;background-color: #00af1a;color: #fff;text-align: center;padding: 10px 0px;border-radius: 5px;font-size: 20px;font-weight: 700;} .btn_zapic_razmer:hover {cursor:pointer;background-color: #0075bf;} /* Скоростные ворота */ .thisis__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;margin-top: 35px;} .thisis__content { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 48px;} ._mb { margin-bottom: 100px;} ._mb-min { margin-bottom: 50px;} .thisis__content>* { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - (48px * 1)/ 2); flex: 0 0 calc(50% - (48px * 1)/ 2); max-width: calc(50% - (48px * 1)/ 2); width: calc(50% - (48px * 1)/ 2);} ._mb-min { margin-bottom: calc(24px + 26 * ((100vw - 320px)/ 1376));} .head-list__wrapper { gap: 48px;} .head-list__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 48px;} .head-list__item { -webkit-box-flex: 0; -ms-flex: 0 0; flex: 0 0; max-width: 100%; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 8px;} .head-list__suptitle { font-size: 16px;} .head-list__suptitle { font: 700 16px/1.2 Lato,sans-serif; color: #0275bf; text-transform: uppercase; font-size: calc(12px + 4 * ((100vw - 480px)/ 1216));} .head-list__title { font-size: 34px;} .head-list__title { font: 500 34px/1.2 Lato,sans-serif; font-size: calc(18px + 16 * ((100vw - 480px)/ 1216));} .thisis__content>* { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - (48px * 1)/ 2); flex: 0 0 calc(50% - (48px * 1)/ 2); max-width: calc(50% - (48px * 1)/ 2); width: calc(50% - (48px * 1)/ 2);} .thisis__item:first-child { border-top: 1px solid #c0262b;} .thisis__item { border-bottom: 1px solid #c0262b;} .thisis__text { font-size: 24px;} .thisis__text {font: 400 24px/1.2 Lato,sans-serif;color: #333;text-transform: uppercase; font-size: calc(14px + 10 * ((100vw - 480px)/ 1216));} .thisis__content .btn_zapis {position: relative; overflow: hidden; transition: ease 0.3s; margin-top: 30px; background-color: #50b848; color: #fff; width: 262px; text-align: center; padding: 20px; border-radius: 2px; border: 1px solid #fff; -webkit-box-shadow: 0px 4px 2px 0px rgb(255 255 255 / 12%); box-shadow: 0px 4px 2px 0px rgb(255 255 255 / 12%);} .thisis__content .btn_zapis:hover {transition: ease 0.3s; cursor: pointer; background-color: #0075bf;} .skorostnie_name_right h3 { font-size: 24px;} .skorostnie_name_right ul {list-style-type: none; padding-left: 0px;} .skorostnie_name_right ul li { background-image: url(../images/plus_utp.png); background-repeat: no-repeat; padding-left: 18px; background-position: 0px; margin-bottom: 10px;} .gallery_skorostnie {margin: 40px 0px;} .skorostnier_acces { background-color: #f1f4f7; transform: translateX(-50%); position: relative; left: 50%; width: 100vw; margin: 30px 0px; padding: 30px 0px;} .skorostnier_acces h3 {font-size: 36px;} .block_skorostnie_row {display: flex; flex-wrap: wrap;margin-left: -30px;} .block_skorostnie { flex: auto;width: calc(100% / 3);} .block_skorostnie .inner { background-color: #fff; margin: 30px; padding: 30px;border-radius: 8px;box-shadow:3.58873px 10.7662px 39.8747px -5.18372px rgb(22 52 80 / 10%);} .block_skorostnie .photo {} .block_skorostnie .photo img { width: 100%; padding: 30px; max-width: 230px;} .block_skorostnie .txt {} .block_skorostnie .name { font-weight: 700; font-size: 18px;} .block_skorostnie .desc {color: #afafaf;} /* Портальные окна */ .portal_okna {} .portal_okna .r_utp {text-align: center;} .portal_okna .r_utp img {max-width:300px;} .preim_row_portal {border: 3px solid #0275bf; border-radius: 8px; display: flex; flex-wrap: wrap; padding: 50px; margin: 40px 0px;} .preim_row_portal .block { flex: auto;width: calc(100% / 5);text-align: center;} .preim_row_portal .inner {} .preim_row_portal .img { height: 100px; display: flex; margin: auto; text-align: center;} .preim_row_portal .img img { margin: auto;} .preim_row_portal .name {font-size: 18px; font-weight: 900; margin-top: 15px;} .character_row_portal {display: flex; width: 100%; flex-wrap: wrap; margin: 40px 0px;} .character_row_portal .block {flex: auto; margin: auto; width: calc(100% / 2);} .character_row_portal .img {} .character_row_portal .img img { max-width: 350px;} .character_row_portal .desc {} .character_row_portal .name {font-size: 20px; font-weight: 900;} .character_row_portal ul { list-style-type: none; padding: 0px; margin: 20px 0px;} .character_row_portal ul li { background-image: url(../images/plus_utp.png); background-repeat: no-repeat;padding-left: 18px; background-position: 0px; margin-bottom: 10px;} .character_row_portal .btn_zapis { position: relative; overflow: hidden; transition: ease 0.3s; margin-top: 30px; background-color: #50b848; color: #fff; width: 262px; text-align: center; padding: 20px; border-radius: 2px; border: 1px solid #fff; -webkit-box-shadow: 0px 4px 2px 0px rgb(255 255 255 / 12%); box-shadow: 0px 4px 2px 0px rgb(255 255 255 / 12%);} .character_row_portal .btn_zapis:hover {cursor:pointer;background-color: #0075bf;} .plenki_portal_bg {background-color: #f1f4f7; transform: translateX(-50%); position: relative; left: 50%; width: 100vw; margin: 30px 0px; padding: 30px 0px;} .plenki_portal_row { display: flex;flex-wrap: wrap; background-color: #fff; padding: 40px; border-radius: 8px; box-shadow: 3.58873px 10.7662px 39.8747px -5.18372px rgb(22 52 80 / 10%);} .plenki_portal_row .block { flex: auto; margin: auto; width: calc(100% / 2);} .plenki_portal_row .img { text-align: center; position: relative; bottom: -41px;} .plenki_portal_row .desc {} .plenki_portal_row h3 {font-weight: 900;} .two_ver {background-color: #f1f4f7; border-radius: 8px; padding: 30px;} /* Террасная доска */ /*.terras_doska .r_utp img {max-width: 300px;} */ .terras_doska .r_utp { text-align: center;} .terras_doska .l_utp { width: 50%;} .desc_nige { font-size: 42px !important; font-weight: 300 !important;} .preim_terras_row { display: flex; flex-wrap: wrap;} .preim_terras_row .block_preim_terras {flex: auto; width: calc(100% / 5); text-align: center;} .preim_terras_row .block_preim_terras .inner { margin: 30px;padding: 30px;} .preim_terras_row .block_preim_terras .img {} .preim_terras_row .block_preim_terras .img img { max-width: 80px; margin-bottom: 10px;} .preim_terras_row .block_preim_terras .name { font-size: 20px; font-weight: 700; line-height: 1.2;} .catalog_terras_bg {background: rgb(241 244 247); transform: translateX(-50%); position: relative; left: 50%; width: 100vw; padding: 50px; margin: 30px 0px; border-radius: 0px;} .catalog_teras_row {display: flex; flex-wrap: wrap;margin-left: -20px;} .catalog_teras_row .block_catalog_teras {flex: auto; width: calc(100% / 3); text-align: center; max-width: 517px;} .catalog_teras_row .block_catalog_teras .inner { overflow: hidden; border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 40px 0px; -webkit-box-shadow: 0px 20px 40px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 20px 40px 0px rgba(0,0,0,0.1); background-color: #fff; margin: 20px;} .catalog_teras_row .block_catalog_teras .img {} .catalog_teras_row .block_catalog_teras .img img {width: 80%;} .catalog_teras_row .block_catalog_teras .name { font-size: 18px; font-weight: 600;margin-top: 15px;} .catalog_teras_row .block_catalog_teras .price { background-color: transparent; padding: 10px; font-size: 22px; font-weight: 700;} .catalog_teras_row .block_catalog_teras .knopka {display: flex; flex-wrap: wrap; margin-bottom: 0px;} .catalog_teras_row .block_catalog_teras .knopka .btnk {flex: auto; width: calc(100% / 2); text-align: center;} .catalog_teras_row .block_catalog_teras .knopka .btnk a {display: block; padding: 10px;color:#fff;} .catalog_teras_row .block_catalog_teras .knopka .btnk:first-child {background-color: #ca0000;} .catalog_teras_row .block_catalog_teras .knopka .btnk:last-child {background-color: #03a702;} .name_modal_desc {font-size: 20px;font-weight: 700;color: #717070;} .modal-content .modal-title { font-weight: 700; font-size: 24px;} .free_catalog { background-image: url(/templates/shablon/images/bg_free_catalog2.jpeg); transform: translateX(-50%); position: relative; left: 50%; width: 100vw; padding: 50px; margin: 30px 0px; border-radius: 0px; color: #fff;} .free_catalog .block_row_free_catalog { display: flex; flex-wrap: wrap;} .free_catalog .block_row_free_catalog .block {flex: auto;width: calc(100% / 2); margin: auto;} .free_catalog .block_row_free_catalog .block:first-child {background-color: rgb(0 0 0 / 52%);padding: 20px; border-radius: 8px;} .free_catalog .block_row_free_catalog .block:last-child{padding-left: 40px;} .free_catalog .block_row_free_catalog .name { font-size: 26px;} .free_catalog .block_row_free_catalog .desc {font-size: 18px; font-weight: 300;} .block_row_free_catalog form { display: flex; flex-wrap: wrap; margin: auto;} .block_row_free_catalog form .qf3 { flex: auto; margin: auto 10px;} .block_factura_owl {display: block;z-index: 1;margin: 0 auto; -webkit-tap-highlight-color: transparent;position: relative;} .block_factura_owl, .block_factura_owl .owl-item {-webkit-tap-highlight-color: transparent;position: relative;} .no-js .block_factura_owl, .block_factura_owl.owl-loaded {display: block;} .block_factura_owl .owl-stage-outer {position: relative;overflow: hidden;-webkit-transform: translate3d(0,0,0);} .block_factura_owl .owl-stage {position: relative;-ms-touch-action: pan-Y;touch-action: manipulation;-moz-backface-visibility: hidden;} .block_factura_owl, .block_factura_owl .owl-item {-webkit-tap-highlight-color: transparent;position: relative;} .block_factura_owl .owl-item, .block_factura_owl .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);} .block_factura_owl .owl-item {min-height: 1px;float: left;-webkit-backface-visibility: hidden;-webkit-touch-callout: none;} .block_factura_owl.owl-drag .owl-item {-ms-touch-action: pan-y;touch-action: pan-y;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} .block_factura_owl .owl-dots {display:none;} .block_factura_owl .owl-nav {margin: 0 auto;text-align: center;position: absolute;top: -50px;right: 50px;} .block_factura_owl .owl-nav button {background-color: #fff;border: none;margin-right: 10px;} .block_factura_owl .owl-nav button span {font-size: 30px;color: #0074bb;font-weight: 700;} .block_factura_owl { margin: 30px 0px;} .block_factura_inner { display: flex; flex-wrap: wrap; margin: auto;} .block_factura_inner .img {width: 40%;} .block_factura_inner .img img { width: 100%; border-radius: 4px;} .block_factura_inner .desc {width: 60%; margin: auto; padding: 0px 30px;} .block_factura_inner .desc .name { font-weight: 700; font-size: 18px;} .cveta_row {display: flex; flex-wrap: wrap;} .cveta_row .cveta_row_block {flex: auto; width: calc(100% / 3); text-align: center;} .cveta_row .cveta_row_block_inner { padding: 30px;} .cveta_row .img {} .cveta_row .img img {width: 100%;} .cveta_row .name {font-size: 20px; font-weight: 700;} .catalog_terras_bg h2 { text-align: center; font-size: 48px; font-weight: 700; margin: 100px 0px 20px 0px;} .catalog_terras_bg .desciptor { text-align: center; font-size: 22px;} .factura h2 { text-align: center; font-size: 48px; font-weight: 700; margin: 100px 0px;} .faq h3.first {text-align: center; font-size: 48px; font-weight: 700; margin: 100px 0px;} .faq { background-color: #dae4ed; padding: 30px; margin-bottom: 30px; border-radius: 8px;} .faq .su-spoiler-style-default { background-color: #ffffff; padding: 10px; border-radius: 8px; margin-bottom: 30px !important;} .faq .su-spoiler-title h3 { font-size: 18px;} .catalog_teras_row .block_catalog_teras .knopka .btnk:first-child:hover { background-color: #0576c1;} .catalog_teras_row .block_catalog_teras .knopka .btnk:last-child:hover { background-color: #e3bc3d;} @media(max-width:1496px) { .block_variant {max-width: 24.7%} .block_preim {max-width: 19.7%} .block_tovar {max-width: 24.7%;} .block_color {max-width: 19.7%;} .vid .vid_main {padding: 10px;} .block_tovar_image img {width:100%;} .row_profil_okna {margin-right: 5px;margin-left: 5px;} .alum_okna_sposob_full_with {padding: 0px 15px;} .alum_brand_row_full_with {padding: 0px 15px;} } @media(max-width:1396px) { .catalog_teras_row .block_catalog_teras .knopka .btnk a { font-size: 18px;} .utp .l_utp h1 { font-size: 42px;} .block-1 .name_1 { font-size: 26px;} .description_1 { font-size: 20px;} .with_size .block .inner .name { font-size: 38px;} .with_size .block .inner .description { font-size: 20px;} .with_size { min-height: 970px;} } @media(max-width:1280px) { .block_otd_one:before {height: 530px;} .block_otd_one:after {height: 530px;} .brand_block_inner {width: 285px;} .benefit__title, .benefit__title span {font-size: 70px;} .terras_doska .l_utp { width: 60%;} .catalog_teras_row .block_catalog_teras .knopka .btnk { width: calc(100% / 1);} .block { height: 235px;} } @media(max-width:1190px) { .lead__text-socials {left: 83px; top: 55px;} .tips_main_inner_desc .desc {font-size: 14px;} .tips_main_inner_desc .name {font-size: 18px;} .tips_main_inner {max-width: 220px;} .block_color {max-width: 19.5%;} .block { height: auto; } .block_variant .block_variant_inner_desc {font-size: 16px;height: 120px;} .block_variant .block_variant_inner_name {font-size: 18px;} .block_variant .block_variant_inner_name .cifra {font-size: 21px;} .block_variant {max-width: 24.5%;} .block_preim {max-width: 19.5%;} .block_tovar {max-width: 24.5%;} .l_txt img {width: 100%; height: auto;} .utp .l_utp h1, .vid h2, .price h3, .tips h3, .color h3, .calc h3, .variant h3, .preim h3, .portfolio h3, .tovar h3 {font-size: 38px;} .portfolio_markiz:before {height: 890px;} .left_vibor img, .right_vibor img {width:100%;} .left_vibor, .right_vibor {padding: 0px 20px;} .top .r_top .phone a {font-size: 16px;} #megamenucss #js-mainnav.megamenu ul.level0 li.megacss span.megacss, #megamenucss #js-mainnav.megamenu ul.level0 li.megacss a.megacss {padding: 2px 3px;} .block_otd_one {} .block_otd_one:before {height: 660px;} .block_otd_one:after {height: 660px;} .row_preim_alum {height: 500px;} .row_preim_alum:before, .row_preim_alum:after{height: 500px;} .alum_brand_row .alum_brand_row_my {display: block;z-index: 1;margin: 0 auto; -webkit-tap-highlight-color: transparent;position: relative;} .alum_brand_row .alum_brand_row_my, .alum_brand_row .alum_brand_row_my .owl-item {-webkit-tap-highlight-color: transparent;position: relative;} .no-js .alum_brand_row .alum_brand_row_my, .alum_brand_row .alum_brand_row_my.owl-loaded {display: block; margin-top: 30px;} .alum_brand_row .alum_brand_row_my .owl-stage-outer {position: relative;overflow: hidden;-webkit-transform: translate3d(0,0,0);} .alum_brand_row .alum_brand_row_my .owl-stage {position: relative;-ms-touch-action: pan-Y;touch-action: manipulation;-moz-backface-visibility: hidden;} .alum_brand_row .alum_brand_row_my, .alum_brand_row .alum_brand_row_my .owl-item {-webkit-tap-highlight-color: transparent;position: relative;} .alum_brand_row .alum_brand_row_my .owl-item, .alum_brand_row .alum_brand_row_my .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);} .alum_brand_row .alum_brand_row_my .owl-item {min-height: 1px;float: left;-webkit-backface-visibility: hidden;-webkit-touch-callout: none;} .alum_brand_row .alum_brand_row_my.owl-drag .owl-item {-ms-touch-action: pan-y;touch-action: pan-y;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} .alum_brand_row .alum_brand_row_my .owl-dots {display:none;} .alum_brand_row .alum_brand_row_my .owl-nav {margin: 0 auto;text-align: center;position: relative;top: 0px;right: 0px;} .alum_brand_row .alum_brand_row_my .owl-nav button {background-color: #fff;border: none;margin-right: 10px;} .alum_brand_row .alum_brand_row_my .owl-nav button span {font-size: 30px;color: #0074bb;font-weight: 700;} .brand_block {width: 100%;} .brand_block_inner {width: 100%;} .benefit__title {line-height: 65px;} .desc_nige { font-size: 38px !important;} .preim_terras_row .block_preim_terras { width: calc(100% / 3);} .catalog_teras_row .block_catalog_teras { width: calc(100% / 2);} } @media(max-width:1090px) { .desc_nige {font-size: 28px !important;} .terras_doska h1 {font-size: 34px !important;} .catalog_terras_bg h2 {font-size: 34px; margin: 50px 0px 20px 0px;} .factura h2 { font-size: 34px; margin: 50px 0px;} .portfolio h3 { font-size: 34px !important; margin: 50px 0px;} .faq h3.first { font-size: 34px; margin: 50px 0px;} .product-element { flex-wrap: wrap;} .product-element .element-left { width: 100%;} .product-element .element-right img { max-width: 100%;} .product-element .element-right { min-width: 100%;} .top .descriptor { display: none;} } @media(max-width:968px) { .block_two:after {content:none;} .block_two:before {content: "";height: 835px;width: 100%;position: absolute;background-color: #f1f4f7;left: 0;z-index: -1;margin-top: -30px;top: auto;} .block_two {position: unset;} .product-element {display: flex;flex-flow: wrap;} .product-element .element-left {width: 100%;order: 2; padding-right: 0px;} .product-element .element-right {margin: auto;width: 100%;margin-top: 20px;order: 1;} .block_two {height: 835px;overflow: hidden;} .portfolio_markiz:before {height: 825px;} .tkani_block {width: 50%;} .tips_tkani h3 {font-size: 38px;} .top .descriptor {display: none;} html {overflow-x: hidden;} .tips_gilotina {overflow-x: auto;} .col_row_profil_okna {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;} .download_catalog { width: 100%; margin-top: 10px;} } @media(max-width:780px) { .row_my {display: inline-block;} .utp .l_utp {width: 100%;order: 2;text-align: center;} .utp .row_my {display: grid;} .r_utp {margin: auto;width: 100%;order: 1;} .utp .l_utp ul {text-align: left;} .utp .l_utp ul li {} .utp .l_utp .btn_zapis {width: 100%;} .su-tabs-nav span {width: 45%;font-weight: 700;float: left;} .tips .tips_main {margin-bottom: 30px;} .tips_main_inner {max-width: 100%;} .block_color {max-width: 185px;} .block_variant {max-width: 100%} .preim {background-size: cover;} .block_preim {max-width: 281px;} .block_preim:last-child, .block_variant:last-child {padding-right: 20px;} .portfolio_markiz:before {height: 745px;} .portfolio .block_portfolio { max-width: 100%;} .info .l_info {margin-right: auto;} .info .r_info {text-align: center;} .block_tovar {max-width: 100%;} .info .r_info img {width: 100%;} .txt_main .l_txt {width: 100%;} .txt_main .l_txt img {width: 100%;} .l_footer {width: 100%;} .copy .row_my div {width: 100%;text-align: center;} .copy .row_my div:first-child {text-align: center;} .top .l_top {width: 100%;} .top .r_top {width: 100%;text-align: center;margin-top: 10px;} .top .r_top .adress {display:none;} .top .r_top .phone {padding-left: 0px;border-left: 0px;width: 100%;} .top .mail_top {float: none;} .top .r_top .phone a {font-size: 20px;} .utp .l_utp h1, .vid h2, .price h3, .tips h3, .color h3, .calc h3, .variant h3, .preim h3, .portfolio h3, .tovar h3 {font-size: 28px;} .vid .vid_main {width: 49%;} .block_portfolio_owl .owl-nav {right: 0px;} .r_footer {display:none;} .tovar .w {display: block;z-index: 1;margin: 0 auto; -webkit-tap-highlight-color: transparent;position: relative;} .tovar .w, .tovar .w .owl-item {-webkit-tap-highlight-color: transparent;position: relative;} .no-js .tovar .w, .tovar .w.owl-loaded {display: block;} .tovar .w .owl-stage-outer {position: relative;overflow: hidden;-webkit-transform: translate3d(0,0,0);} .tovar .w .owl-stage {position: relative;-ms-touch-action: pan-Y;touch-action: manipulation;-moz-backface-visibility: hidden;} .tovar .w, .tovar .w .owl-item {-webkit-tap-highlight-color: transparent;position: relative;} .tovar .w .owl-item, .tovar .w .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);} .tovar .w .owl-item {min-height: 1px;float: left;-webkit-backface-visibility: hidden;-webkit-touch-callout: none;} .tovar .w.owl-drag .owl-item {-ms-touch-action: pan-y;touch-action: pan-y;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} .tovar .w .owl-dots {display:none;} .tovar .w .owl-nav {margin: 0 auto;text-align: center;position: relative;top: 0px;right: 0px;} .tovar .w .owl-nav button {background-color: #fff;border: none;margin-right: 10px;} .tovar .w .owl-nav button span {font-size: 30px;color: #0074bb;font-weight: 700;} .tips .row_my {display: block;z-index: 1;margin: 0 auto; -webkit-tap-highlight-color: transparent;position: relative;} .tips .row_my, .tips .row_my .owl-item {-webkit-tap-highlight-color: transparent;position: relative;} .no-js .tips .row_my, .tips .row_my.owl-loaded {display: block;} .tips .row_my .owl-stage-outer {position: relative;overflow: hidden;-webkit-transform: translate3d(0,0,0);} .tips .row_my .owl-stage {position: relative;-ms-touch-action: pan-Y;touch-action: manipulation;-moz-backface-visibility: hidden;} .tips .row_my, .tips .row_my .owl-item {-webkit-tap-highlight-color: transparent;position: relative;} .tips .row_my .owl-item, .tips .row_my .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);} .tips .row_my .owl-item {min-height: 1px;float: left;-webkit-backface-visibility: hidden;-webkit-touch-callout: none;} .tips .row_my.owl-drag .owl-item {-ms-touch-action: pan-y;touch-action: pan-y;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} .tips .row_my .owl-dots {display:none;} .tips .row_my .owl-nav {margin: 0 auto;text-align: center;position: relative;top: 0px;right: 0px;} .tips .row_my .owl-nav button {background-color: #fff;border: none;margin-right: 10px;} .tips .row_my .owl-nav button span {font-size: 30px;color: #0074bb;font-weight: 700;} .preim .w {display: block;z-index: 1;margin: 0 auto; -webkit-tap-highlight-color: transparent;position: relative;} .preim .w, .preim .w .owl-item {-webkit-tap-highlight-color: transparent;position: relative;} .no-js .preim .w, .preim .w.owl-loaded {display: block;} .preim .w .owl-stage-outer {position: relative;overflow: hidden;-webkit-transform: translate3d(0,0,0);} .preim .w .owl-stage {position: relative;-ms-touch-action: pan-Y;touch-action: manipulation;-moz-backface-visibility: hidden;} .preim .w, .preim .w .owl-item {-webkit-tap-highlight-color: transparent;position: relative;} .preim .w .owl-item, .preim .w .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);} .preim .w .owl-item {min-height: 1px;float: left;-webkit-backface-visibility: hidden;-webkit-touch-callout: none;} .preim .w.owl-drag .owl-item {-ms-touch-action: pan-y;touch-action: pan-y;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} .preim .w .owl-dots {display:none;} .preim .w .owl-nav {margin: 0 auto;text-align: center;position: relative;top: 0px;right: 0px;} .preim .w .owl-nav button {background-color: #fff;border: none;margin-right: 10px;} .preim .w .owl-nav button span {font-size: 30px;color: #0074bb;font-weight: 700;} .tabs_price {overflow: auto;} .price .tab-price td {width: 100px;} .tips_tkani h3 {font-size: 28px;} .inner-h {font-size: 28px;} .top .logo {margin: 0 auto;} .block_skorostnie { width: calc(100% / 1);} .head-list__item { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - (24px * 1)/ 2); flex: 0 0 calc(50% - (24px * 1)/ 2); max-width: calc(50% - (24px * 1)/ 2); width: calc(50% - (24px * 1)/ 2);} .thisis__content>* { -webkit-box-flex: 0; -ms-flex: 0 0; flex: 0 0; max-width: 100%; width: 100%;} .thisis__content { gap: 24px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;} ._mb { margin-bottom: 10px;} .block_skorostnie_row { margin-left: 0px;} .block_skorostnie .inner { margin: 0px;} .thisis__content .btn_zapis {width:100%;} .skorostnie_name_right h3 { font-size: 18px;} .character_row_portal .block { width: calc(100% / 1);margin-bottom: 15px;} .character_row_portal .img img { max-width: 100%; width: 100%;} .plenki_portal_row .img { display: none;} .plenki_portal_row .block { width: calc(100% / 1);} .preim_terras_row .block_preim_terras .inner { margin: 0px;} .catalog_teras_row .block_catalog_teras { width: calc(100% / 1);} } @media(max-width:600px) { .portfolio_markiz:before {height: 775px;} .left_vibor, .right_vibor {width: 100%;} .block_portfo_inner .block_portfolio {margin-right: 0px;margin-bottom: 20px;} .tags ul li {margin-bottom: 5px;} .variant_polotno_row {overflow: auto;} .variant_polotno_block {display: inline-table;width: 220px;} .imgwidth {width:100%;} .row_oblast_gil:before {height: 616px;left: -15px;} .row_oblast_gil:after {height: 616px;right: -15px;} .advantage__icon {width: 50px;height: 50px;border-radius: 25px;font-size: 20px;line-height: 50px;margin-right: 10px;} .advantage__icon img {width:100%;} .preim_sdvig:before {height: 1274px;left: -15px;} .preim_sdvig:after {height: 1274px;right: -15px;} .txt_bioclimatik {height: 2220px;} .txt_bioclimatik:before {height: 2220px;left: -15px;} .txt_bioclimatik:after {height: 2220px;right: -15px;} .brand_block_img img {width: 100%;} .brand_block_img {height: 190px;} .row_preim_alum {height: 700px;} .row_preim_alum:before {left: -20px;height: 700px;} .row_preim_alum:after {right: -20px;height: 700px;} .object_block_row_my {margin-right: 0px;margin-left: 0px;} .object_block_row {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;} .benefit__title {line-height: 40px;} .benefit__title, .benefit__title span {font-size: 36px;} .row_benefit {display: -webkit-box; display: -ms-flexbox; display: block; -ms-flex-wrap: wrap; flex-wrap: nowrap; margin-right: 5px; margin-left: 5px;} .lead__text-socials { left: 145px; top: 15px;} .top .r_top {text-align: left; margin-top: 10px; margin-left: 39px; } } @media(max-width:480px) { .tkani_block {width: 100%;} .product-element .btn-ras {width: 100%;} .block_otd_one {height: 920px;} .block_otd_one:before {height: 920px;left:-15px;} .block_otd_one:after {height: 920px;right:-15px} .terras_doska h1 { font-size: 26px !important;} .desc_nige { font-size: 24px !important;} .preim_terras_row .block_preim_terras .name { font-size: 16px;} .preim_terras_row .block_preim_terras .img img { max-width: 40px;} .preim_terras_row .block_preim_terras { width: calc(100% / 2);} .catalog_terras_bg h2, .factura h2, .faq h3.first { font-size: 28px;} .catalog_terras_bg .desciptor { font-size: 18px;} .catalog_teras_row .block_catalog_teras { width: calc(100% / 1); margin-bottom: 20px;} .catalog_teras_row .block_catalog_teras .inner { margin: 0px;} .free_catalog { padding: 20px;} .free_catalog .block_row_free_catalog .block { width: calc(100% / 1);} .free_catalog .block_row_free_catalog .block:last-child { padding-left: 0px; margin-top: 20px;} .block_factura_inner .img { width: 100%;} .block_factura_inner .desc { width: 100%; padding: 20px 0px;} .cveta_row .cveta_row_block { width: calc(100% / 2);max-width: 195px;} .pergola_bg { margin-top: 30px;} .pergola_h1 h1 { font-size: 36px;} .pergola_desc_bottom { font-size: 21px;} .product-element .product-title { font-size: 38px;} .txt_bioclimatik {height: auto;} } @media(max-width:425px) { .portfolio_markiz:before {height: 860px;} } @media(max-width:395px) { .top .descriptor {font-size: 13px;} .block_color {max-width: 160px;} .block_preim {max-width: 335px;} .portfolio_markiz:before {height: 870px;} .txt_bioclimatik {height: 2320px;} .txt_bioclimatik:before {height: 2320px;left: -15px;} .txt_bioclimatik:after {height: 2320px;right: -15px;} } @media(max-width:375px) { .txt_bioclimatik {height: 2420px;} .txt_bioclimatik:before {height: 2420px;left: -15px;} .txt_bioclimatik:after {height: 2420px;right: -15px;} .pergola_bg { margin-top: 30px;} .pergola_h1 h1 { font-size: 32px;} .pergola_desc_bottom { font-size: 19px;} .product-element .product-title { font-size: 30px;} .pergola_btn a { font-size: 19px;} } @media(max-width:365px) { .preim_sdvig:before {height: 1307px;left: -15px;} .preim_sdvig:after {height: 1307px;right: -15px;} .txt_bioclimatik {height: 2520px;} .txt_bioclimatik:before {height: 2520px;left: -15px;} .txt_bioclimatik:after {height: 2520px;right: -15px;} .block_otd_one {height: 1060px;} .block_otd_one:before {height: 1060px;left:-15px;} .block_otd_one:after {height: 1060px;right:-15px} .preim_terras_row .block_preim_terras { width: calc(100% / 1);} } @media(max-width:330px) { .top .descriptor {display:none;} .top .logo {margin: auto;} .utp .l_utp h1, .vid h2, .price h3, .tips h3, .color h3, .calc h3, .variant h3, .preim h3, .portfolio h3, .tovar h3 {font-size: 23px;} .price .tab-price {font-size: 12px;} .su-tabs-nav span {width: 100%;} .block_color .block_color_inner_desc {font-size: 14px; } .block_color {max-width: 142px; } .name_after {font-size: 14px;} .color .btn_color p a {width: 100%;} .txt_bioclimatik {height: 2900px;} .txt_bioclimatik:before {height: 2900px;left: -15px;} .txt_bioclimatik:after {height: 2900px;right: -15px;} } /* Меню сайта */ .js-megamenu {max-width: 1600px;margin: 0 auto;} ul.level0 {display: table;width: 100%;} ul.level0 li {margin: 0;width: auto;display: table-cell;text-align: center;} ul.level0 li:after {} ul.level0 li a {font-size: 16px;color: #6e7d97;} ul.level0 li:hover {background-color: #0074bb;transition: ease 0.3s;border-radius: 8px;} ul.level0 li:hover a {color:#fff;} #fixed_menu {} ul.level1 {display: block;width: 100%;} ul.level1 li.megacss {float: left;border: none!important; width: 100%;} ul.level1 li a {color: #2d303e !important;font-size: 18px !important;} .adddropdown {box-shadow: 0px 0px 21px 12px rgba(3,0.2,0.1,0.1);} #mainmenu {background-color: #f1f4f7;border-bottom: 2px solid #fff;-webkit-box-shadow: 0px 4px 2px 0px rgb(52 84 143 / 18%);box-shadow: 0px 4px 2px 0px rgb(52 84 143 / 18%);} @media(max-width:968px) { ul.level0 li {display: inline-block;} ul.level0 {display: block;} .mm-listview>li:not(.mm-divider):after {content:none;} ul.level0 li:after {content:none; width:0px;height:0px;margin:0px;position:reladtive;display:none;} .dropdown-menu {position: relative !important;display: block !important;list-style: none !important;box-shadow: none !important;border: none !important;background: transparent !important;} } /* Меню сайта в самый низ */ .the_new, .adapt_menu, .adapt_menu2 {display:none} #menu-checkbox, #menu-checkbox-2{display:none;} .mm-menu,.mm-panels,.mm-panels>.mm-panel{margin:0;left:0;right:0;top:0;bottom:0;z-index:0;box-sizing:border-box} .mm-btn,.mm-menu{box-sizing:border-box} .mm-listview a,.mm-listview a:hover,.mm-navbar a,.mm-navbar a:hover{text-decoration:none} .mm-hidden{display:none!important} .mm-menu,.mm-panels>.mm-panel:not(.mm-hidden){display:block} .mm-wrapper{overflow-x:hidden;position:relative} .mm-menu{padding:0;position:absolute} .mm-panels,.mm-panels>.mm-panel{background:inherit;border-color:inherit;position:absolute} .mm-btn,.mm-panel.mm-highest{z-index:1} .mm-panels{overflow:hidden} .mm-panel{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)} .mm-panel.mm-opened{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .mm-panel.mm-subopened{-webkit-transform:translate3d(-30%,0,0);transform:translate3d(-30%,0,0)} .mm-panels>.mm-panel{-webkit-overflow-scrolling:touch;overflow:scroll;overflow-x:hidden;overflow-y:auto;padding:0 20px; width: auto !important;} .mm-listview .mm-divider,.mm-listview>li>a,.mm-listview>li>span,.mm-navbar .mm-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden; font-size: 14px !important;} .mm-panels>.mm-panel.mm-hasnavbar{padding-top:40px} .mm-panels>.mm-panel:after,.mm-panels>.mm-panel:before{content:'';display:block;height:20px} .mm-vertical .mm-panel{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important} .mm-listview .mm-vertical .mm-panel,.mm-vertical .mm-listview .mm-panel{display:none;padding:10px 0 10px 10px} .mm-listview .mm-vertical .mm-panel .mm-listview>li:last-child:after,.mm-vertical .mm-listview .mm-panel .mm-listview>li:last-child:after{border-color:transparent} .mm-vertical li.mm-opened>.mm-panel,li.mm-vertical.mm-opened>.mm-panel{display:block} .mm-listview>li.mm-vertical>.mm-next,.mm-vertical .mm-listview>li>.mm-next{height:40px;bottom:auto} .mm-listview>li.mm-vertical>.mm-next:after,.mm-vertical .mm-listview>li>.mm-next:after{top:16px;bottom:auto} .mm-listview>li.mm-vertical.mm-opened>.mm-next:after,.mm-vertical .mm-listview>li.mm-opened>.mm-next:after{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);right:19px} .mm-btn{width:40px;height:40px;position:absolute;top:0} .mm-clear:after,.mm-clear:before,.mm-close:after,.mm-close:before{content:'';border:2px solid transparent;display:block;width:5px;height:5px;margin:auto;position:absolute;top:0;bottom:0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)} .mm-clear:before,.mm-close:before{border-right:none;border-bottom:none;right:18px} .mm-clear:after,.mm-close:after{border-left:none;border-top:none;right:25px} .mm-arrow:after,.mm-next:after,.mm-prev:before{content:'';border:2px solid transparent;display:block;width:8px;height:8px;margin:auto;position:absolute;top:0;bottom:0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)} .mm-prev:before{border-right:none;border-bottom:none;left:23px} .mm-arrow:after,.mm-next:after{border-top:none;border-left:none;right:23px} .mm-navbar{border-bottom:1px solid;border-color:inherit;text-align:center;line-height:20px;height:40px;padding:0 40px;margin:0;position:absolute;top:0;left:0;right:0} .mm-navbar>*{display:block;padding:10px 0} .mm-navbar .mm-btn:first-child{padding-left:20px;left:0} .mm-navbar .mm-btn:last-child{text-align:right;padding-right:20px;right:0} .mm-panel .mm-navbar{display:none} .mm-panel.mm-hasnavbar .mm-navbar{display:block} .mm-listview,.mm-listview>li{list-style:none;display:block;padding:0;margin:0} .mm-listview{font:inherit;font-size:14px;line-height:20px} .mm-listview>li{position:relative; font-size: 0;height: 33px;} .mm-listview>li,.mm-listview>li .mm-next,.mm-listview>li .mm-next:before,.mm-listview>li:after{border-color:inherit;} .mm-listview>li>a,.mm-listview>li>span{color:inherit;display:block;padding:5px 10px 5px 20px;margin:0;background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;} .mm-listview>li>a.mm-arrow,.mm-listview>li>span.mm-arrow{padding-right:50px} .mm-listview>li:not(.mm-divider):after{content:'';border-bottom-width:1px;border-bottom-style:solid;display:block;position:absolute;right:0;bottom:0;left:0px} .mm-listview .mm-next{background:rgba(3,2,1,0);width:50px;padding:0;position:absolute;right:0;top:0;bottom:0;z-index:1000} .mm-listview .mm-next:before{content:'';border-left-width:1px;border-left-style:solid;display:block;position:absolute;top:0;bottom:0;left:0} .mm-listview .mm-next+a,.mm-listview .mm-next+span{margin-right:50px} .mm-listview .mm-next.mm-fullsubopen{width:100%} .mm-listview .mm-next.mm-fullsubopen:before{border-left:none} .mm-listview .mm-next.mm-fullsubopen+a,.mm-listview .mm-next.mm-fullsubopen+span{padding-right:50px;margin-right:0} .mm-panels>.mm-panel>.mm-listview{margin:20px -20px!important} .mm-panels>.mm-panel>.mm-listview:first-child,.mm-panels>.mm-panel>.mm-navbar+.mm-listview{margin-top:-0px} .mm-listview .mm-inset{list-style:disc inside;padding:0 10px 15px 40px;margin:0} .mm-listview .mm-inset>li{padding:5px 0} .mm-listview .mm-divider{font-size:10px;text-transform:uppercase;text-indent:20px;line-height:25px} .mm-listview .mm-spacer{padding-top:40px} .mm-listview .mm-spacer>.mm-next{top:40px} .mm-listview .mm-spacer.mm-divider{padding-top:25px} .mm-menu{background:#f3f3f3;border-color:rgba(0,0,0,.1);color:rgba(0,0,0,.7)} .mm-menu .mm-navbar a,.mm-menu .mm-navbar>*{color:rgba(0,0,0,.3)} .mm-menu .mm-btn:after,.mm-menu .mm-btn:before{border-color:rgba(0,0,0,.3)} .mm-menu .mm-listview{border-color:rgba(0,0,0,.1)} .mm-menu .mm-listview>li .mm-arrow:after,.mm-menu .mm-listview>li .mm-next:after{border-color:rgba(0,0,0,.3)} .mm-menu .mm-listview>li a:not(.mm-next){-webkit-tap-highlight-color:rgba(255,255,255,.5);tap-highlight-color:rgba(255,255,255,.5)} .mm-menu .mm-listview>li.mm-selected>a:not(.mm-next),.mm-menu .mm-listview>li.mm-selected>span{background:rgba(255,255,255,.5)} .mm-menu .mm-divider,.mm-menu .mm-listview>li.mm-opened.mm-vertical>.mm-panel,.mm-menu .mm-listview>li.mm-opened.mm-vertical>a.mm-next,.mm-menu.mm-vertical .mm-listview>li.mm-opened>.mm-panel,.mm-menu.mm-vertical .mm-listview>li.mm-opened>a.mm-next{background:rgba(0,0,0,.05)} .mm-page{box-sizing:border-box;position:relative} .mm-slideout{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;z-index:1} html.mm-opened{overflow-x:hidden;position:relative} html.mm-blocking,html.mm-blocking body{overflow:hidden} html.mm-background .mm-page{background:inherit} #mm-blocker{background:rgba(3,2,1,0);display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:2} html.mm-blocking #mm-blocker{display:block} .mm-menu.mm-offcanvas{z-index:0;display:none;position:fixed} .mm-menu.mm-offcanvas.mm-current{display:block} .mm-menu{width:80%;min-width:140px;max-width:440px} html.mm-opening .mm-slideout{-webkit-transform:translate3d(80%,0,0);transform:translate3d(80%,0,0)} @media all and (max-width:175px){html.mm-opening .mm-slideout{-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)} } @media all and (min-width:550px){html.mm-opening .mm-slideout{-webkit-transform:translate3d(440px,0,0);transform:translate3d(440px,0,0)} } .mm-menu.mm-autoheight.mm-bottom,.mm-menu.mm-autoheight.mm-top{max-height:80%} .mm-menu.mm-autoheight.mm-bottom.mm-fullscreen,.mm-menu.mm-autoheight.mm-top.mm-fullscreen{max-height:100%} .mm-menu.mm-measureheight .mm-panel{display:block!important} .mm-menu.mm-measureheight>.mm-panels>.mm-panel{bottom:auto!important;height:auto!important} .mm-menu.mm-columns{-webkit-transition-property:width,max-width,-webkit-transform;transition-property:width,max-width,-webkit-transform;transition-property:transform,width,max-width;transition-property:transform,width,max-width,-webkit-transform} .mm-menu.mm-columns .mm-panels>.mm-panel{width:100%;right:auto;display:none;-webkit-transition-property:width,-webkit-transform;transition-property:width,-webkit-transform;transition-property:transform,width;transition-property:transform,width,-webkit-transform} .mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened{border-right:1px solid;border-color:inherit;display:block;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .mm-menu.mm-columns .mm-panels>.mm-panel.mm-subopened{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);z-index:2} .mm-menu.mm-columns .mm-panels>.mm-panel.mm-columns-0{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened:not([class*=mm-columns-])~.mm-panel:not(.mm-opened).mm-columns-0{display:block;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)} .mm-menu.mm-columns-0{width:80%;min-width:140px;max-width:0} html.mm-opening.mm-columns-0 .mm-slideout{-webkit-transform:translate3d(80%,0,0);transform:translate3d(80%,0,0)} @media all and (max-width:175px){html.mm-opening.mm-columns-0 .mm-slideout{-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)} } @media all and (min-width:0px){html.mm-opening.mm-columns-0 .mm-slideout{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} } .mm-menu.mm-columns .mm-panels>.mm-panel.mm-columns-1{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)} .mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened:not([class*=mm-columns-])~.mm-panel:not(.mm-opened).mm-columns-1{display:block;-webkit-transform:translate3d(200%,0,0);transform:translate3d(200%,0,0)} .mm-menu.mm-columns-1{width:80%;min-width:140px;max-width:440px} html.mm-opening.mm-columns-1 .mm-slideout{-webkit-transform:translate3d(80%,0,0);transform:translate3d(80%,0,0)} @media all and (max-width:175px){html.mm-opening.mm-columns-1 .mm-slideout{-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)} } @media all and (min-width:550px){html.mm-opening.mm-columns-1 .mm-slideout{-webkit-transform:translate3d(440px,0,0);transform:translate3d(440px,0,0)} } .mm-menu.mm-columns-1 .mm-panels>.mm-panel{width:100%} .mm-menu.mm-columns .mm-panels>.mm-panel.mm-columns-2{-webkit-transform:translate3d(200%,0,0);transform:translate3d(200%,0,0)} .mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened:not([class*=mm-columns-])~.mm-panel:not(.mm-opened).mm-columns-2{display:block;-webkit-transform:translate3d(300%,0,0);transform:translate3d(300%,0,0)} .mm-menu.mm-columns-2{width:80%;min-width:140px;max-width:880px} html.mm-opening.mm-columns-2 .mm-slideout{-webkit-transform:translate3d(80%,0,0);transform:translate3d(80%,0,0)} @media all and (max-width:175px){html.mm-opening.mm-columns-2 .mm-slideout{-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)} } @media all and (min-width:1100px){html.mm-opening.mm-columns-2 .mm-slideout{-webkit-transform:translate3d(880px,0,0);transform:translate3d(880px,0,0)} } .mm-menu.mm-columns-2 .mm-panels>.mm-panel{width:50%} .mm-menu.mm-columns .mm-panels>.mm-panel.mm-columns-3{-webkit-transform:translate3d(300%,0,0);transform:translate3d(300%,0,0)} .mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened:not([class*=mm-columns-])~.mm-panel:not(.mm-opened).mm-columns-3{display:block;-webkit-transform:translate3d(400%,0,0);transform:translate3d(400%,0,0)} .mm-menu.mm-columns-3{width:80%;min-width:140px;max-width:1320px} html.mm-opening.mm-columns-3 .mm-slideout{-webkit-transform:translate3d(80%,0,0);transform:translate3d(80%,0,0)} @media all and (max-width:175px){html.mm-opening.mm-columns-3 .mm-slideout{-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)} } @media all and (min-width:1650px){html.mm-opening.mm-columns-3 .mm-slideout{-webkit-transform:translate3d(1320px,0,0);transform:translate3d(1320px,0,0)} } .mm-menu.mm-columns-3 .mm-panels>.mm-panel{width:33.34%} .mm-menu.mm-columns .mm-panels>.mm-panel.mm-columns-4{-webkit-transform:translate3d(400%,0,0);transform:translate3d(400%,0,0)} .mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened:not([class*=mm-columns-])~.mm-panel:not(.mm-opened).mm-columns-4{display:block;-webkit-transform:translate3d(500%,0,0);transform:translate3d(500%,0,0)} .mm-menu.mm-columns-4{width:80%;min-width:140px;max-width:1760px} html.mm-opening.mm-columns-4 .mm-slideout{-webkit-transform:translate3d(80%,0,0);transform:translate3d(80%,0,0)} @media all and (max-width:175px){html.mm-opening.mm-columns-4 .mm-slideout{-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)} } @media all and (min-width:2200px){html.mm-opening.mm-columns-4 .mm-slideout{-webkit-transform:translate3d(1760px,0,0);transform:translate3d(1760px,0,0)} } .mm-menu.mm-columns-4 .mm-panels>.mm-panel{width:25%} .mm-menu.mm-columns .mm-panels>.mm-panel.mm-columns-5{-webkit-transform:translate3d(500%,0,0);transform:translate3d(500%,0,0)} .mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened:not([class*=mm-columns-])~.mm-panel:not(.mm-opened).mm-columns-5{display:block;-webkit-transform:translate3d(600%,0,0);transform:translate3d(600%,0,0)} .mm-menu.mm-columns-5{width:80%;min-width:140px;max-width:2200px} html.mm-opening.mm-columns-5 .mm-slideout{-webkit-transform:translate3d(80%,0,0);transform:translate3d(80%,0,0)} @media all and (max-width:175px){html.mm-opening.mm-columns-5 .mm-slideout{-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)} } @media all and (min-width:2750px){html.mm-opening.mm-columns-5 .mm-slideout{-webkit-transform:translate3d(2200px,0,0);transform:translate3d(2200px,0,0)} } .mm-menu.mm-columns-5 .mm-panels>.mm-panel{width:20%} .mm-menu.mm-columns .mm-panels>.mm-panel.mm-columns-6{-webkit-transform:translate3d(600%,0,0);transform:translate3d(600%,0,0)} .mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened:not([class*=mm-columns-])~.mm-panel:not(.mm-opened).mm-columns-6{display:block;-webkit-transform:translate3d(700%,0,0);transform:translate3d(700%,0,0)} .mm-menu.mm-columns-6{width:80%;min-width:140px;max-width:2640px} html.mm-opening.mm-columns-6 .mm-slideout{-webkit-transform:translate3d(80%,0,0);transform:translate3d(80%,0,0)} @media all and (max-width:175px){html.mm-opening.mm-columns-6 .mm-slideout{-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)} } @media all and (min-width:3300px){html.mm-opening.mm-columns-6 .mm-slideout{-webkit-transform:translate3d(2640px,0,0);transform:translate3d(2640px,0,0)} } .mm-menu.mm-columns-6 .mm-panels>.mm-panel{width:16.67%} em.mm-counter{font:inherit;font-size:14px;font-style:normal;text-indent:0;line-height:20px;display:block;margin-top:-10px;position:absolute;right:45px;top:50%} em.mm-counter+a.mm-next{width:90px} em.mm-counter+a.mm-next+a,em.mm-counter+a.mm-next+span{margin-right:90px} em.mm-counter+a.mm-fullsubopen{padding-left:0} .mm-vertical>.mm-counter{top:12px;margin-top:0} .mm-vertical.mm-spacer>.mm-counter{margin-top:40px} .mm-nosubresults>.mm-counter{display:none} .mm-menu em.mm-counter{color:rgba(0,0,0,.3)} .mm-divider>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:0;line-height:25px} .mm-divider.mm-opened a.mm-next:after{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)} .mm-collapsed:not(.mm-uncollapsed){display:none} .mm-fixeddivider{background:inherit;display:none;position:absolute;top:0;left:0;right:0;z-index:2;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .mm-fixeddivider:after{content:none!important;display:none!important} .mm-hasdividers .mm-fixeddivider{display:block} .mm-menu .mm-fixeddivider span{background:rgba(0,0,0,.05)} html.mm-opened.mm-dragging .mm-menu,html.mm-opened.mm-dragging .mm-slideout{-webkit-transition-duration:0s;transition-duration:0s} .mm-menu.mm-dropdown{box-shadow:0 2px 10px rgba(0,0,0,.3);height:80%} html.mm-dropdown .mm-slideout{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;z-index:0} html.mm-dropdown #mm-blocker{-webkit-transition-delay:0s!important;transition-delay:0s!important;z-index:1} html.mm-dropdown .mm-menu{z-index:2} html.mm-dropdown.mm-opened:not(.mm-opening) .mm-menu{display:none} .mm-menu.mm-tip:before{content:'';background:inherit;box-shadow:0 2px 10px rgba(0,0,0,.3);display:block;width:15px;height:15px;position:absolute;z-index:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)} .mm-menu.mm-tipleft:before{left:22px} .mm-menu.mm-tipright:before{right:22px} .mm-menu.mm-tiptop:before{top:-8px} .mm-menu.mm-tipbottom:before{bottom:-8px} .mm-iconpanel .mm-panel{-webkit-transition-property:left,-webkit-transform;transition-property:left,-webkit-transform;transition-property:transform,left;transition-property:transform,left,-webkit-transform} .mm-iconpanel .mm-panel.mm-opened{border-left:1px solid;border-color:inherit} .mm-iconpanel .mm-panel.mm-subopened{overflow-y:hidden;left:-40px;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .mm-iconpanel .mm-panel.mm-iconpanel-0{left:0} .mm-iconpanel .mm-panel.mm-iconpanel-1{left:40px} .mm-iconpanel .mm-panel.mm-iconpanel-2{left:80px} .mm-iconpanel .mm-panel.mm-iconpanel-3{left:120px} .mm-iconpanel .mm-panel.mm-iconpanel-4{left:160px} .mm-iconpanel .mm-panel.mm-iconpanel-5{left:200px} .mm-iconpanel .mm-panel.mm-iconpanel-6{left:240px} .mm-subblocker{background:inherit;opacity:0;display:block;-webkit-transition:opacity .4s ease;transition:opacity .4s ease} .mm-subopened .mm-subblocker{opacity:.6;position:absolute;top:0;right:0;bottom:-100000px;left:0;z-index:3} .mm-navbar-bottom,.mm-navbar-top~.mm-navbar-top{border-bottom:none} .mm-menu>.mm-navbar{background:inherit;padding:0;z-index:3;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .mm-navbar-bottom{border-top-width:1px;border-top-style:solid;top:auto;bottom:0} .mm-navbar-bottom~.mm-navbar-bottom{border-top:none} .mm-navbar.mm-hasbtns{padding:0 40px} .mm-navbar[class*=mm-navbar-content-]>*{box-sizing:border-box;display:block;float:left} .mm-navbar .mm-breadcrumbs{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-overflow-scrolling:touch;overflow-x:auto;text-align:left;padding:0 0 0 17px} .mm-navbar .mm-breadcrumbs>*{display:inline-block;padding:10px 3px} .mm-navbar .mm-breadcrumbs>a{text-decoration:underline} .mm-navbar.mm-hasbtns .mm-breadcrumbs{margin-left:-40px} .mm-navbar.mm-hasbtns .mm-btn:not(.mm-hidden)+.mm-breadcrumbs{margin-left:0;padding-left:0} .mm-navbar-top-1{top:0} .mm-hasnavbar-top-1 .mm-panels,.mm-navbar-top-2{top:40px} .mm-hasnavbar-top-2 .mm-panels,.mm-navbar-top-3{top:80px} .mm-hasnavbar-top-3 .mm-panels,.mm-navbar-top-4{top:120px} .mm-hasnavbar-top-4 .mm-panels{top:160px} .mm-navbar-bottom-1{bottom:0} .mm-hasnavbar-bottom-1 .mm-panels,.mm-navbar-bottom-2{bottom:40px} .mm-hasnavbar-bottom-2 .mm-panels,.mm-navbar-bottom-3{bottom:80px} .mm-hasnavbar-bottom-3 .mm-panels,.mm-navbar-bottom-4{bottom:120px} .mm-hasnavbar-bottom-4 .mm-panels{bottom:160px} .mm-navbar-size-2{height:80px} .mm-navbar-size-3{height:120px} .mm-navbar-size-4{height:160px} .mm-navbar-content-2>*{width:50%} .mm-navbar-content-3>*{width:33.33%} .mm-navbar-content-4>*{width:25%} .mm-navbar-content-5>*{width:20%} .mm-navbar-content-6>*{width:16.67%} .mm-sronly{text-indent:10px;overflow:hidden;display:block;width:1px;height:1px;position:absolute;z-index:-1} .mm-search,.mm-search input{box-sizing:border-box} .mm-search{height:40px;padding:7px 10px 0;position:relative} .mm-search input{border:none!important;outline:0!important;box-shadow:none!important;border-radius:26px;font:inherit;font-size:14px;line-height:26px;display:block;width:100%;height:26px;min-height:26px;max-height:26px;margin:0;padding:0 10px} .mm-search input::-ms-clear{display:none} .mm-search .mm-clear,.mm-search .mm-next{right:0} .mm-panel>.mm-search{width:100%;position:absolute;top:0;left:0} .mm-panel.mm-hassearch{padding-top:40px} .mm-panel.mm-hassearch.mm-hasnavbar{padding-top:80px} .mm-panel.mm-hassearch.mm-hasnavbar .mm-search{top:40px} .mm-noresultsmsg{text-align:center;font-size:21px;padding:40px 0} .mm-noresults .mm-indexer{display:none!important} li.mm-nosubresults>a.mm-next{display:none} li.mm-nosubresults>a.mm-next+a,li.mm-nosubresults>a.mm-next+span{padding-right:10px} .mm-panels>.mm-resultspanel:not(.mm-opened){-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .mm-menu .mm-search input{background:rgba(0,0,0,.05);color:rgba(0,0,0,.7)} .mm-menu .mm-noresultsmsg{color:rgba(0,0,0,.3)} .mm-indexer{background:inherit;text-align:center;font-size:12px;box-sizing:border-box;width:20px;position:absolute;top:0;bottom:0;right:-100px;z-index:3;-webkit-transition:right .4s ease;transition:right .4s ease;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .mm-indexer a{text-decoration:none;display:block;height:3.85%} .mm-indexer~.mm-panel.mm-hasindexer{padding-right:40px} .mm-hasindexer .mm-indexer{right:0} .mm-hasindexer .mm-fixeddivider{right:20px} .mm-menu .mm-indexer a{color:rgba(0,0,0,.3)} .mm-menu.mm-hoverselected .mm-listview>li>a.mm-fullsubopen+a,.mm-menu.mm-hoverselected .mm-listview>li>a.mm-fullsubopen+span,.mm-menu.mm-hoverselected .mm-listview>li>a:not(.mm-fullsubopen),.mm-menu.mm-parentselected .mm-listview>li>a.mm-fullsubopen+a,.mm-menu.mm-parentselected .mm-listview>li>a.mm-fullsubopen+span,.mm-menu.mm-parentselected .mm-listview>li>a:not(.mm-fullsubopen){-webkit-transition:background .4s ease;transition:background .4s ease} .mm-menu.mm-hoverselected .mm-listview>li>a.mm-fullsubopen:hover+span,.mm-menu.mm-hoverselected .mm-listview>li>a:not(.mm-fullsubopen):hover,.mm-menu.mm-parentselected .mm-listview>li>a.mm-selected.mm-fullsubopen+a,.mm-menu.mm-parentselected .mm-listview>li>a.mm-selected.mm-fullsubopen+span,.mm-menu.mm-parentselected .mm-listview>li>a.mm-selected:not(.mm-fullsubopen){background:rgba(255,255,255,.5)} input.mm-check,input.mm-toggle{position:absolute;left:-10000px} label.mm-check,label.mm-toggle{margin:0;position:absolute;top:50%;z-index:2;right:20px} label.mm-check:before,label.mm-toggle:before{content:'';display:block} label.mm-toggle{border-radius:30px;width:50px;height:30px;margin-top:-15px} label.mm-toggle:before{border-radius:30px;width:28px;height:28px;margin:1px} input.mm-toggle:checked~label.mm-toggle:before{float:right} label.mm-check{width:30px;height:30px;margin-top:-15px} label.mm-check:before{border-left:3px solid;border-bottom:3px solid;width:40%;height:20%;margin:25% 0 0 20%;opacity:.1;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)} input.mm-check:checked~label.mm-check:before{opacity:1} li.mm-vertical label.mm-check,li.mm-vertical label.mm-toggle{bottom:auto;margin-top:0;top:5px} label.mm-toggle+a,label.mm-toggle+span{padding-right:80px} label.mm-check+a,label.mm-check+span{padding-right:60px} a.mm-next+label.mm-check,a.mm-next+label.mm-toggle{right:60px} a.mm-next+label.mm-check+a,a.mm-next+label.mm-check+span,a.mm-next+label.mm-toggle+a,a.mm-next+label.mm-toggle+span{margin-right:50px} a.mm-next+label.mm-toggle+a,a.mm-next+label.mm-toggle+span{padding-right:70px} a.mm-next+label.mm-check+a,a.mm-next+label.mm-check+span{padding-right:50px} em.mm-counter+a.mm-next+label.mm-check,em.mm-counter+a.mm-next+label.mm-toggle{right:100px} em.mm-counter+a.mm-next+label.mm-check+a,em.mm-counter+a.mm-next+label.mm-check+span,em.mm-counter+a.mm-next+label.mm-toggle+a,em.mm-counter+a.mm-next+label.mm-toggle+span{margin-right:90px} .mm-menu label.mm-toggle{background:rgba(0,0,0,.1)} .mm-menu label.mm-toggle:before{background:#f3f3f3} .mm-menu input.mm-toggle:checked~label.mm-toggle{background:#4bd963} .mm-menu label.mm-check:before{border-color:rgba(0,0,0,.7)} .mm-listview.mm-border-none>li:after,.mm-menu.mm-border-none .mm-listview>li:after{content:none} .mm-listview.mm-border-full>li:after,.mm-menu.mm-border-full .mm-listview>li:after{left:0!important} .mm-listview.mm-border-offset>li:after,.mm-menu.mm-border-offset .mm-listview>li:after{right:20px} .mm-menu.mm-effect-menu-zoom{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease} html.mm-opened .mm-menu.mm-effect-menu-zoom{-webkit-transform:scale(.7,.7) translate3d(-30%,0,0);transform:scale(.7,.7) translate3d(-30%,0,0);-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center} html.mm-opening .mm-menu.mm-effect-menu-zoom{-webkit-transform:scale(1,1) translate3d(0,0,0);transform:scale(1,1) translate3d(0,0,0)} html.mm-right.mm-opened .mm-menu.mm-effect-menu-zoom{-webkit-transform:scale(.7,.7) translate3d(30%,0,0);transform:scale(.7,.7) translate3d(30%,0,0);-webkit-transform-origin:right center;-ms-transform-origin:right center;transform-origin:right center} html.mm-right.mm-opening .mm-menu.mm-effect-menu-zoom{-webkit-transform:scale(1,1) translate3d(0,0,0);transform:scale(1,1) translate3d(0,0,0)} .mm-menu.mm-effect-menu-slide{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease} html.mm-opened .mm-menu.mm-effect-menu-slide{-webkit-transform:translate3d(-30%,0,0);transform:translate3d(-30%,0,0)} html.mm-opening .mm-menu.mm-effect-menu-slide{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} html.mm-right.mm-opened .mm-menu.mm-effect-menu-slide{-webkit-transform:translate3d(30%,0,0);transform:translate3d(30%,0,0)} html.mm-right.mm-opening .mm-menu.mm-effect-menu-slide{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .mm-menu.mm-effect-menu-fade{opacity:0;-webkit-transition:opacity .4s ease;transition:opacity .4s ease} html.mm-opening .mm-menu.mm-effect-menu-fade{opacity:1} .mm-menu.mm-effect-panels-zoom .mm-panel{-webkit-transform:scale(1.5,1.5) translate3d(100%,0,0);transform:scale(1.5,1.5) translate3d(100%,0,0);-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center} .mm-menu.mm-effect-panels-zoom .mm-panel.mm-opened{-webkit-transform:scale(1,1) translate3d(0,0,0);transform:scale(1,1) translate3d(0,0,0)} .mm-menu.mm-effect-panels-zoom .mm-panel.mm-opened.mm-subopened{-webkit-transform:scale(.7,.7) translate3d(-30%,0,0);transform:scale(.7,.7) translate3d(-30%,0,0)} .mm-menu.mm-effect-panels-slide-0 .mm-panel.mm-subopened{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .mm-menu.mm-effect-panels-slide-100 .mm-panel.mm-subopened{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)} .mm-menu[class*=mm-effect-listitems-] .mm-listview>li{-webkit-transition:none .4s ease;transition:none .4s ease} .mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(1){-webkit-transition-delay:50ms;transition-delay:50ms} .mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(2){-webkit-transition-delay:.1s;transition-delay:.1s} .mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(3){-webkit-transition-delay:150ms;transition-delay:150ms} .mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(4){-webkit-transition-delay:.2s;transition-delay:.2s} .mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(5){-webkit-transition-delay:250ms;transition-delay:250ms} .mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(6){-webkit-transition-delay:.3s;transition-delay:.3s} .mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(7){-webkit-transition-delay:350ms;transition-delay:350ms} .mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(8){-webkit-transition-delay:.4s;transition-delay:.4s} .mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(9){-webkit-transition-delay:450ms;transition-delay:450ms} .mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(10){-webkit-transition-delay:.5s;transition-delay:.5s} .mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(11){-webkit-transition-delay:550ms;transition-delay:550ms} .mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(12){-webkit-transition-delay:.6s;transition-delay:.6s} .mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(13){-webkit-transition-delay:650ms;transition-delay:650ms} .mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(14){-webkit-transition-delay:.7s;transition-delay:.7s} .mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(15){-webkit-transition-delay:750ms;transition-delay:750ms} .mm-menu.mm-effect-listitems-slide .mm-listview>li{-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-transform:translate3d(50%,0,0);transform:translate3d(50%,0,0);opacity:0} html.mm-opening .mm-menu.mm-effect-listitems-slide .mm-panel.mm-opened .mm-listview>li{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1} .mm-menu.mm-effect-listitems-fade .mm-listview>li{-webkit-transition-property:opacity;transition-property:opacity;opacity:0} html.mm-opening .mm-menu.mm-effect-listitems-fade .mm-panel.mm-opened .mm-listview>li{opacity:1} .mm-menu.mm-effect-listitems-drop .mm-listview>li{-webkit-transition-property:opacity,top;transition-property:opacity,top;opacity:0;top:-25%} html.mm-opening .mm-menu.mm-effect-listitems-drop .mm-panel.mm-opened .mm-listview>li{opacity:1;top:0} .mm-menu.mm-fullscreen{width:100%;min-width:140px;max-width:10000px} html.mm-opening.mm-fullscreen .mm-slideout{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)} @media all and (max-width:140px){html.mm-opening.mm-fullscreen .mm-slideout{-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)} } @media all and (min-width:10000px){html.mm-opening.mm-fullscreen .mm-slideout{-webkit-transform:translate3d(10000px,0,0);transform:translate3d(10000px,0,0)} } html.mm-right.mm-opening.mm-fullscreen .mm-slideout{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)} @media all and (max-width:140px){html.mm-right.mm-opening.mm-fullscreen .mm-slideout{-webkit-transform:translate3d(-140px,0,0);transform:translate3d(-140px,0,0)} } @media all and (min-width:10000px){html.mm-right.mm-opening.mm-fullscreen .mm-slideout{-webkit-transform:translate3d(-10000px,0,0);transform:translate3d(-10000px,0,0)} } .mm-menu.mm-fullscreen.mm-bottom,.mm-menu.mm-fullscreen.mm-top{height:100%;min-height:140px;max-height:10000px} html.mm-opened.mm-fullscreen .mm-page{box-shadow:none!important} .mm-menu .mm-panels>.mm-panel.mm-justified-listview:after,.mm-menu .mm-panels>.mm-panel.mm-justified-listview:before,.mm-menu.mm-justified-listview .mm-panels>.mm-panel:after,.mm-menu.mm-justified-listview .mm-panels>.mm-panel:before{content:none;display:none} .mm-menu .mm-panels>.mm-panel.mm-justified-listview>.mm-listview,.mm-menu.mm-justified-listview .mm-panels>.mm-panel>.mm-listview{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:column nowrap;-ms-flex-flow:column nowrap;flex-flow:column nowrap;height:100%;margin-top:0;margin-bottom:0} .mm-menu .mm-panels>.mm-panel.mm-justified-listview>.mm-listview>li:not(.mm-divider),.mm-menu.mm-justified-listview .mm-panels>.mm-panel>.mm-listview>li:not(.mm-divider){-webkit-box-flex:1;-webkit-flex:1 1 0;-ms-flex:1 1 0;flex:1 1 0} .mm-menu .mm-panels>.mm-panel.mm-justified-listview>.mm-listview>li:not(.mm-divider)>a:not(.mm-next),.mm-menu .mm-panels>.mm-panel.mm-justified-listview>.mm-listview>li:not(.mm-divider)>span,.mm-menu.mm-justified-listview .mm-panels>.mm-panel>.mm-listview>li:not(.mm-divider)>a:not(.mm-next),.mm-menu.mm-justified-listview .mm-panels>.mm-panel>.mm-listview>li:not(.mm-divider)>span{box-sizing:border-box;height:100%} .mm-menu .mm-panels>.mm-panel.mm-justified-listview>.mm-listview>li:not(.mm-divider)>a:not(.mm-next):before,.mm-menu .mm-panels>.mm-panel.mm-justified-listview>.mm-listview>li:not(.mm-divider)>span:before,.mm-menu.mm-justified-listview .mm-panels>.mm-panel>.mm-listview>li:not(.mm-divider)>a:not(.mm-next):before,.mm-menu.mm-justified-listview .mm-panels>.mm-panel>.mm-listview>li:not(.mm-divider)>span:before{content:'';vertical-align:middle;display:inline-block;height:100%;width:0} .mm-listview.mm-multiline>li .mm-listview>li.mm-multiline>a,.mm-listview.mm-multiline>li .mm-listview>li.mm-multiline>span,.mm-menu.mm-multiline .mm-listview>li>a,.mm-menu.mm-multiline .mm-listview>li>span{text-overflow:clip;white-space:normal} html.mm-pagedim #mm-blocker,html.mm-pagedim-black #mm-blocker,html.mm-pagedim-white #mm-blocker{opacity:0} html.mm-pagedim-black.mm-opening #mm-blocker,html.mm-pagedim-white.mm-opening #mm-blocker,html.mm-pagedim.mm-opening #mm-blocker{opacity:.3;-webkit-transition:opacity .4s ease .4s;transition:opacity .4s ease .4s} html.mm-pagedim #mm-blocker{background:inherit} html.mm-pagedim-white #mm-blocker{background:#fff} html.mm-pagedim-black #mm-blocker{background:#000} .mm-menu.mm-pageshadow:after{content:"";display:block;width:20px;height:120%;position:absolute;left:100%;top:-10%;z-index:99;box-shadow:0 0 10px rgba(0,0,0,.3)} .mm-menu.mm-pageshadow.mm-right:after{left:auto;right:100%} .mm-menu.mm-pageshadow.mm-front:after,.mm-menu.mm-pageshadow.mm-next:after{content:none;display:none} .mm-menu.mm-popup{-webkit-transition:opacity .4s ease;transition:opacity .4s ease;opacity:0;box-shadow:0 2px 10px rgba(0,0,0,.3);height:80%;min-height:140px;max-height:880px;top:50%;left:50%;bottom:auto;right:auto;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)} html.mm-popup.mm-opening .mm-menu.mm-popup{opacity:1} html.mm-popup .mm-slideout{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;z-index:0} html.mm-popup #mm-blocker{-webkit-transition-delay:0s!important;transition-delay:0s!important;z-index:1} html.mm-popup .mm-menu{z-index:2} .mm-menu.mm-bottom,.mm-menu.mm-top{width:100%;min-width:100%;max-width:100%;height:80%;min-height:140px;max-height:880px} .mm-menu.mm-right{left:auto;right:0} html.mm-right.mm-opening .mm-slideout{-webkit-transform:translate3d(-80%,0,0);transform:translate3d(-80%,0,0)} @media all and (max-width:175px){html.mm-right.mm-opening .mm-slideout{-webkit-transform:translate3d(-140px,0,0);transform:translate3d(-140px,0,0)} } @media all and (min-width:550px){html.mm-right.mm-opening .mm-slideout{-webkit-transform:translate3d(-440px,0,0);transform:translate3d(-440px,0,0)} } html.mm-front .mm-slideout{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;z-index:0} html.mm-front #mm-blocker{z-index:1} html.mm-front .mm-menu{z-index:2} .mm-menu.mm-front,.mm-menu.mm-next{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)} .mm-menu.mm-front.mm-right,.mm-menu.mm-next.mm-right{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)} .mm-menu.mm-top{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)} .mm-menu.mm-bottom{top:auto;bottom:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)} html.mm-opening .mm-menu.mm-front,html.mm-opening .mm-menu.mm-next{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .mm-menu.mm-theme-dark{background:#333;border-color:rgba(0,0,0,.15);color:rgba(255,255,255,.8)} .mm-menu.mm-theme-dark .mm-navbar a,.mm-menu.mm-theme-dark .mm-navbar>*,.mm-menu.mm-theme-dark em.mm-counter{color:rgba(255,255,255,.4)} .mm-menu.mm-theme-dark .mm-btn:after,.mm-menu.mm-theme-dark .mm-btn:before{border-color:rgba(255,255,255,.4)} .mm-menu.mm-theme-dark .mm-listview{border-color:rgba(0,0,0,.15)} .mm-menu.mm-theme-dark .mm-listview>li .mm-arrow:after,.mm-menu.mm-theme-dark .mm-listview>li .mm-next:after{border-color:rgba(255,255,255,.4)} .mm-menu.mm-theme-dark .mm-listview>li a:not(.mm-next){-webkit-tap-highlight-color:rgba(0,0,0,.1);tap-highlight-color:rgba(0,0,0,.1)} .mm-menu.mm-theme-dark .mm-listview>li.mm-selected>a:not(.mm-next),.mm-menu.mm-theme-dark .mm-listview>li.mm-selected>span{background:rgba(0,0,0,.1)} .mm-menu.mm-theme-dark .mm-divider,.mm-menu.mm-theme-dark .mm-fixeddivider span,.mm-menu.mm-theme-dark .mm-listview>li.mm-opened.mm-vertical>.mm-panel,.mm-menu.mm-theme-dark .mm-listview>li.mm-opened.mm-vertical>a.mm-next,.mm-menu.mm-theme-dark.mm-vertical .mm-listview>li.mm-opened>.mm-panel,.mm-menu.mm-theme-dark.mm-vertical .mm-listview>li.mm-opened>a.mm-next{background:rgba(255,255,255,.05)} .mm-menu.mm-theme-dark label.mm-check:before{border-color:rgba(255,255,255,.8)} .mm-menu.mm-pageshadow.mm-theme-dark:after{box-shadow:0 0 20px rgba(0,0,0,.5)} .mm-menu.mm-theme-dark .mm-search input{background:rgba(255,255,255,.3);color:rgba(255,255,255,.8)} .mm-menu.mm-theme-dark .mm-indexer a,.mm-menu.mm-theme-dark .mm-noresultsmsg{color:rgba(255,255,255,.4)} .mm-menu.mm-hoverselected.mm-theme-dark .mm-listview>li>a.mm-fullsubopen:hover+span,.mm-menu.mm-hoverselected.mm-theme-dark .mm-listview>li>a:not(.mm-fullsubopen):hover,.mm-menu.mm-parentselected.mm-theme-dark .mm-listview>li>a.mm-selected.mm-fullsubopen+a,.mm-menu.mm-parentselected.mm-theme-dark .mm-listview>li>a.mm-selected.mm-fullsubopen+span,.mm-menu.mm-parentselected.mm-theme-dark .mm-listview>li>a.mm-selected:not(.mm-fullsubopen){background:rgba(0,0,0,.1)} .mm-menu.mm-theme-dark label.mm-toggle{background:rgba(0,0,0,.15)} .mm-menu.mm-theme-dark label.mm-toggle:before{background:#333} .mm-menu.mm-theme-dark input.mm-toggle:checked~label.mm-toggle{background:#4bd963} .mm-menu.mm-theme-white{background:#fff;border-color:rgba(0,0,0,.1);color:rgba(0,0,0,.6)} .mm-menu.mm-theme-white .mm-navbar a,.mm-menu.mm-theme-white .mm-navbar>*,.mm-menu.mm-theme-white em.mm-counter{color:rgba(0,0,0,.3)} .mm-menu.mm-theme-white .mm-btn:after,.mm-menu.mm-theme-white .mm-btn:before{border-color:rgba(0,0,0,.3)} .mm-menu.mm-theme-white .mm-listview{border-color:rgba(0,0,0,.1)} .mm-menu.mm-theme-white .mm-listview>li .mm-arrow:after,.mm-menu.mm-theme-white .mm-listview>li .mm-next:after{border-color:rgba(0,0,0,.3)} .mm-menu.mm-theme-white .mm-listview>li a:not(.mm-next){-webkit-tap-highlight-color:rgba(0,0,0,.05);tap-highlight-color:rgba(0,0,0,.05)} .mm-menu.mm-theme-white .mm-listview>li.mm-selected>a:not(.mm-next),.mm-menu.mm-theme-white .mm-listview>li.mm-selected>span{background:rgba(0,0,0,.05)} .mm-menu.mm-theme-white .mm-divider,.mm-menu.mm-theme-white .mm-fixeddivider span,.mm-menu.mm-theme-white .mm-listview>li.mm-opened.mm-vertical>.mm-panel,.mm-menu.mm-theme-white .mm-listview>li.mm-opened.mm-vertical>a.mm-next,.mm-menu.mm-theme-white.mm-vertical .mm-listview>li.mm-opened>.mm-panel,.mm-menu.mm-theme-white.mm-vertical .mm-listview>li.mm-opened>a.mm-next{background:rgba(0,0,0,.03)} .mm-menu.mm-theme-white label.mm-check:before{border-color:rgba(0,0,0,.6)} .mm-menu.mm-pageshadow.mm-theme-white:after{box-shadow:0 0 10px rgba(0,0,0,.2)} .mm-menu.mm-theme-white .mm-search input{background:rgba(0,0,0,.05);color:rgba(0,0,0,.6)} .mm-menu.mm-theme-white .mm-indexer a,.mm-menu.mm-theme-white .mm-noresultsmsg{color:rgba(0,0,0,.3)} .mm-menu.mm-hoverselected.mm-theme-white .mm-listview>li>a.mm-fullsubopen:hover+span,.mm-menu.mm-hoverselected.mm-theme-white .mm-listview>li>a:not(.mm-fullsubopen):hover,.mm-menu.mm-parentselected.mm-theme-white .mm-listview>li>a.mm-selected.mm-fullsubopen+a,.mm-menu.mm-parentselected.mm-theme-white .mm-listview>li>a.mm-selected.mm-fullsubopen+span,.mm-menu.mm-parentselected.mm-theme-white .mm-listview>li>a.mm-selected:not(.mm-fullsubopen){background:rgba(0,0,0,.05)} .mm-menu.mm-theme-white label.mm-toggle{background:rgba(0,0,0,.1)} .mm-menu.mm-theme-white label.mm-toggle:before{background:#fff} .mm-menu.mm-theme-white input.mm-toggle:checked~label.mm-toggle{background:#4bd963} .mm-menu.mm-theme-black{background:#000;border-color:rgba(255,255,255,.2);color:rgba(255,255,255,.6)} .mm-menu.mm-theme-black .mm-navbar a,.mm-menu.mm-theme-black .mm-navbar>*,.mm-menu.mm-theme-black em.mm-counter{color:rgba(255,255,255,.4)} .mm-menu.mm-theme-black .mm-btn:after,.mm-menu.mm-theme-black .mm-btn:before{border-color:rgba(255,255,255,.4)} .mm-menu.mm-theme-black .mm-listview{border-color:rgba(255,255,255,.2)} .mm-menu.mm-theme-black .mm-listview>li .mm-arrow:after,.mm-menu.mm-theme-black .mm-listview>li .mm-next:after{border-color:rgba(255,255,255,.4)} .mm-menu.mm-theme-black .mm-listview>li a:not(.mm-next){-webkit-tap-highlight-color:rgba(255,255,255,.3);tap-highlight-color:rgba(255,255,255,.3)} .mm-menu.mm-theme-black .mm-listview>li.mm-selected>a:not(.mm-next),.mm-menu.mm-theme-black .mm-listview>li.mm-selected>span{background:rgba(255,255,255,.3)} .mm-menu.mm-theme-black .mm-divider,.mm-menu.mm-theme-black .mm-fixeddivider span,.mm-menu.mm-theme-black .mm-listview>li.mm-opened.mm-vertical>.mm-panel,.mm-menu.mm-theme-black .mm-listview>li.mm-opened.mm-vertical>a.mm-next,.mm-menu.mm-theme-black.mm-vertical .mm-listview>li.mm-opened>.mm-panel,.mm-menu.mm-theme-black.mm-vertical .mm-listview>li.mm-opened>a.mm-next{background:rgba(255,255,255,.2)} .mm-menu.mm-theme-black label.mm-check:before{border-color:rgba(255,255,255,.6)} .mm-menu.mm-pageshadow.mm-theme-black:after{content:none;display:none} .mm-menu.mm-theme-black .mm-search input{background:rgba(255,255,255,.3);color:rgba(255,255,255,.6)} .mm-menu.mm-theme-black .mm-indexer a,.mm-menu.mm-theme-black .mm-noresultsmsg{color:rgba(255,255,255,.4)} .mm-menu.mm-hoverselected.mm-theme-black .mm-listview>li>a.mm-fullsubopen:hover+span,.mm-menu.mm-hoverselected.mm-theme-black .mm-listview>li>a:not(.mm-fullsubopen):hover,.mm-menu.mm-parentselected.mm-theme-black .mm-listview>li>a.mm-selected.mm-fullsubopen+a,.mm-menu.mm-parentselected.mm-theme-black .mm-listview>li>a.mm-selected.mm-fullsubopen+span,.mm-menu.mm-parentselected.mm-theme-black .mm-listview>li>a.mm-selected:not(.mm-fullsubopen){background:rgba(255,255,255,.3)} .mm-menu.mm-theme-black label.mm-toggle{background:rgba(255,255,255,.2)} .mm-menu.mm-theme-black label.mm-toggle:before{background:#000} .mm-menu.mm-theme-black input.mm-toggle:checked~label.mm-toggle{background:#4bd963} .mm-menu .mm-tileview.mm-listview:after,.mm-menu.mm-tileview .mm-listview:after{content:'';display:block;clear:both} .mm-menu .mm-tileview.mm-listview>li>.mm-next:after,.mm-menu .mm-tileview.mm-listview>li>.mm-next:before,.mm-menu.mm-tileview .mm-listview>li>.mm-next:after,.mm-menu.mm-tileview .mm-listview>li>.mm-next:before,.mm-menu.mm-tileview .mm-panel:after{content:none;display:none} .mm-menu .mm-tileview.mm-listview>li,.mm-menu.mm-tileview .mm-listview>li{width:50%;height:0;padding:50% 0 0;float:left;position:relative} .mm-menu .mm-tileview.mm-listview>li:after,.mm-menu.mm-tileview .mm-listview>li:after{left:0;top:0;border-right-width:1px;border-right-style:solid;z-index:-1} .mm-menu .mm-tileview.mm-listview>li.mm-tile-xs,.mm-menu.mm-tileview .mm-listview>li.mm-tile-xs{width:12.5%;padding-top:12.5%} .mm-menu .mm-tileview.mm-listview>li.mm-tile-s,.mm-menu.mm-tileview .mm-listview>li.mm-tile-s{width:25%;padding-top:25%} .mm-menu .mm-tileview.mm-listview>li.mm-tile-l,.mm-menu.mm-tileview .mm-listview>li.mm-tile-l{width:75%;padding-top:75%} .mm-menu .mm-tileview.mm-listview>li.mm-tile-xl,.mm-menu.mm-tileview .mm-listview>li.mm-tile-xl{width:100%;padding-top:100%} .mm-menu .mm-tileview.mm-listview>li>a,.mm-menu .mm-tileview.mm-listview>li>span,.mm-menu.mm-tileview .mm-listview>li>a,.mm-menu.mm-tileview .mm-listview>li>span{line-height:1px;text-align:center;padding:50% 10px 0;margin:0;position:absolute;top:0;right:1px;bottom:1px;left:0} .mm-menu .mm-tileview.mm-listview>li>.mm-next,.mm-menu.mm-tileview .mm-listview>li>.mm-next{width:auto} .mm-menu.mm-tileview .mm-panel{padding-left:0;padding-right:0} .mm-menu.mm-tileview .mm-listview{margin:0} .mm-listview font{ font-size: 14px !important; padding: 5px 10px 5px 20px; display: block; } @media screen and (max-width:980px){ .adapt_menu::before { /*background: rgba(0, 0, 0, 0) url("../images/pull.png") no-repeat scroll center center;*/ content: ""; display: block; height: 16px; left: 10px; position: absolute; width: 35px; } .megacol {width:250px !important} #megamenucss #js-mainnav.megamenu ul.level0 li.megacss a.megacss {color: #554c41;} #megamenucss #js-mainnav.megamenu ul.level0 li.megacss span.megacss {color: #554c41;} .mm-listview>li,.mm-listview>li .mm-next,.mm-listview>li .mm-next:before,.mm-listview>li:after{border-color:inherit;} #megamenucss #js-mainnav.megamenu ul.level0 li.megacss {width: 100%;} .adapt_menu { display:block; padding: 7px 12px 7px 7px; font-size:18px; cursor:pointer; color:#fff; background: #dae4ed; text-align: center; border-bottom:1px solid #fff; } .adapt_menu span{ color:#000!important; display: block; } .adapt_menu a { display: block; position: relative; text-decoration: none; z-index: 99;font-size: 18px; } #megamenucss #js-mainnav.megamenu.horizontal ul.level0 li a.haschild.megacss span.menu-title, #megamenucss #js-mainnav.megamenu.horizontal ul.level0 li a.haschild-over.megacss span.menu-title {background: none !important;} #megamenucss #js-mainnav.megamenu ul.level0 li.megacss span.menu-title {border-right: 0px solid #ff8a00 !important;} #fixed_menu { position: static; display:none; } #mainmenu { height: auto; position: static; } #mainmenu ul li { float: none; } #mainmenu ul li a { height: auto; line-height: normal; padding: 2px 10px; } .toggle-button { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #363636 0%, #121212 100%) repeat scroll 0 0; color: #fff; cursor: pointer; display: block; height: 33px; text-align: center; } .toggle-button::after { content: attr(data-open); display: block; font-family: "PT Sans",Arial,Helvetica,sans-serif; font-size: 15px; padding-top: 6px; } .toggle-button::before { background: rgba(0, 0, 0, 0) url("../images/pull.png") no-repeat scroll center center; content: ""; display: block; height: 32px; left: 5px; position: absolute; width: 35px; } #menu-checkbox:checked + div[role="navigation"] #mainmenu { display: block; } #menu-checkbox:checked + div[role="navigation"] .toggle-button::after { content: attr(data-close); } #mainmenu a.callback { margin: 9px auto; position: static; } }