* { -webkit-box-sizing: border-box; box-sizing: border-box; } html, body { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } body { line-height: 1; } div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } a { text-decoration: none; outline: none; } b, strong { font-weight: bold; } i, em { font-style: italic; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } button { background: transparent; border: 0; padding: 0; } input, select, textarea, button { outline: none; font-family: "SourceSansPro"; } input, button { -webkit-appearance: none; } @font-face { font-family: SourceSansPro; src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url("fonts/subset-SourceSansPro-Bold.woff2") format('woff2'), url("fonts/subset-SourceSansPro-Bold.woff") format('woff'), url("fonts/subset-SourceSansPro-Bold.svg#SourceSansPro-Bold") format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: SourceSansPro; src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url("fonts/subset-SourceSansPro-Regular.woff2") format('woff2'), url("fonts/subset-SourceSansPro-Regular.woff") format('woff'), url("fonts/subset-SourceSansPro-Regular.svg#SourceSansPro-Regular") format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: SourceSansPro; src: local('Source Sans Pro Black'), local('SourceSansPro-Black'), url("fonts/subset-SourceSansPro-Black.woff2") format('woff2'), url("fonts/subset-SourceSansPro-Black.woff") format('woff'), url("fonts/subset-SourceSansPro-Black.svg#SourceSansPro-Black") format('svg'); font-weight: 900; font-style: normal; } @font-face { font-family: SourceSansPro; src: local('Source Sans Pro Black Italic'), local('SourceSansPro-BlackItalic'), url("fonts/subset-SourceSansPro-BlackItalic.woff2") format('woff2'), url("fonts/subset-SourceSansPro-BlackItalic.woff") format('woff'), url("fonts/subset-SourceSansPro-BlackItalic.svg#SourceSansPro-BlackItalic") format('svg'); font-weight: 900; font-style: italic; } @font-face { font-family: OfficinaSerifBookC; src: local('OfficinaSerifBookC-Italic'), url("fonts/subset-OfficinaSerifBookC-Italic.woff2") format('woff2'), url("fonts/subset-OfficinaSerifBookC-Italic.woff") format('woff'), url("fonts/subset-OfficinaSerifBookC-Italic.svg#OfficinaSerifBookC-Italic") format('svg'); font-weight: normal; font-style: italic; } @font-face { font-family: SourceSansPro; src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url("fonts/subset-SourceSansPro-Light.woff2") format('woff2'), url("fonts/subset-SourceSansPro-Light.woff") format('woff'), url("fonts/subset-SourceSansPro-Light.svg#SourceSansPro-Light") format('svg'); font-weight: 300; font-style: normal; } @font-face { font-family: SourceSansPro; src: local('Source Sans Pro Italic'), local('SourceSansPro-Italic'), url("fonts/subset-SourceSansPro-Italic.woff2") format('woff2'), url("fonts/subset-SourceSansPro-Italic.woff") format('woff'), url("fonts/subset-SourceSansPro-Italic.svg#SourceSansPro-Italic") format('svg'); font-weight: normal; font-style: italic; } @font-face { font-family: SourceSansPro; src: local('Source Sans Pro ExtraLight Italic'), local('SourceSansPro-ExtraLightItalic'), url("fonts/subset-SourceSansPro-ExtraLightItalic.woff2") format('woff2'), url("fonts/subset-SourceSansPro-ExtraLightItalic.woff") format('woff'), url("fonts/subset-SourceSansPro-ExtraLightItalic.svg#SourceSansPro-ExtraLightItalic") format('svg'); font-weight: 200; font-style: italic; } @font-face { font-family: SourceSansPro; src: local('Source Sans Pro Light Italic'), local('SourceSansPro-LightItalic'), url("fonts/subset-SourceSansPro-LightItalic.woff2") format('woff2'), url("fonts/subset-SourceSansPro-LightItalic.woff") format('woff'), url("fonts/subset-SourceSansPro-LightItalic.svg#SourceSansPro-LightItalic") format('svg'); font-weight: 300; font-style: italic; } @font-face { font-family: SourceSansPro; src: local('Source Sans Pro Bold Italic'), local('SourceSansPro-BoldItalic'), url("fonts/subset-SourceSansPro-BoldItalic.woff2") format('woff2'), url("fonts/subset-SourceSansPro-BoldItalic.woff") format('woff'), url("fonts/subset-SourceSansPro-BoldItalic.svg#SourceSansPro-BoldItalic") format('svg'); font-weight: bold; font-style: italic; } @font-face { font-family: SourceSansPro; src: local('Source Sans Pro ExtraLight'), local('SourceSansPro-ExtraLight'), url("fonts/subset-SourceSansPro-ExtraLight.woff2") format('woff2'), url("fonts/subset-SourceSansPro-ExtraLight.woff") format('woff'), url("fonts/subset-SourceSansPro-ExtraLight.svg#SourceSansPro-ExtraLight") format('svg'); font-weight: 200; font-style: normal; } @font-face { font-family: OfficinaSerifBookC; src: local('OfficinaSerifBookC'), url("fonts/subset-OfficinaSerifBookC.woff2") format('woff2'), url("fonts/subset-OfficinaSerifBookC.woff") format('woff'), url("fonts/subset-OfficinaSerifBookC.svg#OfficinaSerifBookC") format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: SourceSansPro; src: local('Source Sans Pro SemiBold Italic'), local('SourceSansPro-SemiBoldItalic'), url("fonts/subset-SourceSansPro-SemiBoldItalic.woff2") format('woff2'), url("fonts/subset-SourceSansPro-SemiBoldItalic.woff") format('woff'), url("fonts/subset-SourceSansPro-SemiBoldItalic.svg#SourceSansPro-SemiBoldItalic") format('svg'); font-weight: 600; font-style: italic; } @font-face { font-family: SourceSansPro; src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), url("fonts/subset-SourceSansPro-SemiBold.woff2") format('woff2'), url("fonts/subset-SourceSansPro-SemiBold.woff") format('woff'), url("fonts/subset-SourceSansPro-SemiBold.svg#SourceSansPro-SemiBold") format('svg'); font-weight: 600; font-style: normal; } html, body { font-family: "SourceSansPro"; color: #000; } body { overflow-x: hidden; } /* body:before { content: ''; z-index: 1000000; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #fff; } */ body.pace-done:before { display: none; } .pace .pace-progress { z-index: 1000001; } body.pace-done .pace-progress { z-index: -1; } .container-fluid{position: relative;width:100%;padding:0 1rem;margin:0 auto;z-index:1;} .row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -1rem;} .col-1,.col-2,.col-25,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col,.col-auto,.col-sm-1,.col-sm-2,.col-sm-25,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm,.col-sm-auto,.col-md-1,.col-md-2,.col-md-25,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md,.col-md-auto,.col-ml-1,.col-ml-2,.col-ml-25,.col-ml-3,.col-ml-4,.col-ml-5,.col-ml-6,.col-ml-7,.col-ml-8,.col-ml-9,.col-ml-10,.col-ml-11,.col-ml-12,.col-md,.col-ml-auto,.col-lg-1,.col-lg-2,.col-lg-25,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg,.col-lg-auto,.col-xl-1,.col-xl-2.col-xl-25,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl,.col-xl-auto,.col-s,.col-m{position:relative;width:100%;min-height:1px;padding:1rem 1rem} @media (max-width:1181px) { .row {margin: 0 -0.75rem;} .col-1,.col-2,.col-25,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col,.col-auto,.col-sm-1,.col-sm-2,.col-sm-25,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm,.col-sm-auto,.col-md-1,.col-md-2,.col-md-25,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md,.col-md-auto,.col-ml-1,.col-ml-2,.col-ml-25,.col-ml-3,.col-ml-4,.col-ml-5,.col-ml-6,.col-ml-7,.col-ml-8,.col-ml-9,.col-ml-10,.col-ml-11,.col-ml-12,.col-md,.col-ml-auto,.col-lg-1,.col-lg-2,.col-lg-25,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg,.col-lg-auto,.col-xl-1,.col-xl-2.col-xl-25,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl,.col-xl-auto,.col-s,.col-m {padding: 1rem 0.75rem;} } @media (max-width:767px) { .row {margin: 0 -0.5rem;} .col-1,.col-2,.col-25,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col,.col-auto,.col-sm-1,.col-sm-2,.col-sm-25,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm,.col-sm-auto,.col-md-1,.col-md-2,.col-md-25,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md,.col-md-auto,.col-ml-1,.col-ml-2,.col-ml-25,.col-ml-3,.col-ml-4,.col-ml-5,.col-ml-6,.col-ml-7,.col-ml-8,.col-ml-9,.col-ml-10,.col-ml-11,.col-ml-12,.col-md,.col-ml-auto,.col-lg-1,.col-lg-2,.col-lg-25,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg,.col-lg-auto,.col-xl-1,.col-xl-2.col-xl-25,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl,.col-xl-auto,.col-s,.col-m {padding: 1rem 0.5rem;} } .visible-xs,.visible-sm,.visible-md,.visible-ml,.visible-lg,.visible-xl, .hidden{display:none} .hidden-xs,.hidden-sm,.hidden-md,.hidden-ml,.hidden-lg,.hidden-xl{display:block} /*Автоширина колонок*/ .col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%} /*Фиксированая ширина колонок*/ .col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%} .col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%} .col-25{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%} .col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%} .col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%} .col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%} .col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%} .col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%} .col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%} .col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%} .col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%} .col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%} .col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%} /*Смещение столбцов*/ .offset-1{margin-left:8.333333%} .offset-2{margin-left:16.666667%} .offset-3{margin-left:25%} .offset-4{margin-left:33.333333%} .offset-5{margin-left:41.666667%} .offset-6{margin-left:50%} .offset-7{margin-left:58.333333%} .offset-8{margin-left:66.666667%} .offset-9{margin-left:75%} .offset-10{margin-left:83.333333%} .offset-11{margin-left:91.666667%} /* РЁРёСЂРёРЅС‹ экрана -- xs 320-499 Смартфоны -- sm 500-767 Фаблеты -- md 768-1023 Планшеты -- ml 1024-1180 Нетбуки -- lg 1181-1399 Ноутбуки -- xl 1400 Декстопы */ @media (min-width:1400px) { .hidden-xl{display:none !important} .visible-xl{display:flex !important} } @media (min-width:1153px) and (max-width:1399px) { .hidden-lg{display:none !important} .visible-lg{display:flex !important} } @media (min-width:1024px) and (max-width:1181px) { .hidden-ml{display:none !important} .visible-ml{display:flex !important} } @media (min-width:768px) and (max-width:1023px) { .hidden-md{display:none !important} .visible-md{display:flex !important} } @media (min-width:500px) and (max-width:767px) { .hidden-sm{display:none !important} .visible-sm{display:flex !important} } @media (max-width:499px) { .hidden-xs{display:none !important} .visible-xs{display:flex !important} } /* xs - Смартфоны */ @media (min-width: 320px) { .container-fluid{padding:0 1rem} .col-s,.col-m{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; margin: 0 auto;} } /* sm - Фаблеты */ @media (min-width: 500px) { .container-fluid{padding:0 2rem} .col-sm{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%} .col-sm-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%} .col-sm-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%} .col-sm-25{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%} .col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%} .col-sm-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%} .col-sm-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%} .col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%} .col-sm-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%} .col-sm-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%} .col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%} .col-sm-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%} .col-sm-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%} .col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%} .offset-sm-0{margin-left:0} .offset-sm-1{margin-left:8.333333%} .offset-sm-2{margin-left:16.666667%} .offset-sm-3{margin-left:25%} .offset-sm-4{margin-left:33.333333%} .offset-sm-5{margin-left:41.666667%} .offset-sm-6{margin-left:50%} .offset-sm-7{margin-left:58.333333%} .offset-sm-8{margin-left:66.666667%} .offset-sm-9{margin-left:75%} .offset-sm-10{margin-left:83.333333%} .offset-sm-11{margin-left:91.666667%} } /* md - Планшеты */ @media (min-width: 768px) { .container-fluid{padding:0 2.5rem} .col-s{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%; margin: 0 auto;} .col-m{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; margin: 0 auto;} .col-md{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%} .col-md-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%} .col-md-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%} .col-md-25{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%} .col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%} .col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%} .col-md-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%} .col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%} .col-md-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%} .col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%} .col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%} .col-md-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%} .col-md-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%} .col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%} .offset-md-0{margin-left:0} .offset-md-1{margin-left:8.333333%} .offset-md-2{margin-left:16.666667%} .offset-md-3{margin-left:25%} .offset-md-4{margin-left:33.333333%} .offset-md-5{margin-left:41.666667%} .offset-md-6{margin-left:50%} .offset-md-7{margin-left:58.333333%} .offset-md-8{margin-left:66.666667%} .offset-md-9{margin-left:75%} .offset-md-10{margin-left:83.333333%} .offset-md-11{margin-left:91.666667%} } /* ml - Нетбуки */ @media (min-width: 1024px) { .container-fluid{padding:0 3rem} .col-ml{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%} .col-ml-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%} .col-ml-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%} .col-ml-25{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%} .col-ml-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%} .col-ml-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%} .col-ml-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%} .col-ml-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%} .col-ml-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%} .col-ml-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%} .col-ml-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%} .col-ml-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%} .col-ml-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%} .col-ml-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%} .offset-ml-0{margin-left:0} .offset-ml-1{margin-left:8.333333%} .offset-ml-2{margin-left:16.666667%} .offset-ml-3{margin-left:25%} .offset-ml-4{margin-left:33.333333%} .offset-ml-5{margin-left:41.666667%} .offset-ml-6{margin-left:50%} .offset-ml-7{margin-left:58.333333%} .offset-ml-8{margin-left:66.666667%} .offset-ml-9{margin-left:75%} .offset-ml-10{margin-left:83.333333%} .offset-ml-11{margin-left:91.666667%} } /* lg - Ноутбуки */ @media (min-width: 1181px) { .col-s{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%; margin: 0 auto;} .col-m{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%; margin: 0 auto;} .col-lg{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%} .col-lg-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%} .col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%} .col-lg-25{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%} .col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%} .col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%} .col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%} .col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%} .col-lg-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%} .col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%} .col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%} .col-lg-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%} .col-lg-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%} .col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%} .offset-lg-0{margin-left:0} .offset-lg-1{margin-left:8.333333%} .offset-lg-2{margin-left:16.666667%} .offset-lg-3{margin-left:25%} .offset-lg-4{margin-left:33.333333%} .offset-lg-5{margin-left:41.666667%} .offset-lg-6{margin-left:50%} .offset-lg-7{margin-left:58.333333%} .offset-lg-8{margin-left:66.666667%} .offset-lg-9{margin-left:75%} .offset-lg-10{margin-left:83.333333%} .offset-lg-11{margin-left:91.666667%} } /* xl - Десктопы */ @media (min-width: 1400px) { .container-fluid{max-width:1472px} .g-modules .container-fluid, .g-hero .container-fluid, .g-benefits .container-fluid, #balls-cart .container-fluid, #cases-hero .container-fluid, #hero .container-fluid {max-width:1472px} .col-xl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%} .col-xl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%} .col-xl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%} .col-xl-25{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%} .col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%} .col-xl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%} .col-xl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%} .col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%} .col-xl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%} .col-xl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%} .col-xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%} .col-xl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%} .col-xl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%} .col-xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%} .offset-xl-0{margin-left:0} .offset-xl-1{margin-left:8.333333%} .offset-xl-2{margin-left:16.666667%} .offset-xl-3{margin-left:25%} .offset-xl-4{margin-left:33.333333%} .offset-xl-5{margin-left:41.666667%} .offset-xl-6{margin-left:50%} .offset-xl-7{margin-left:58.333333%} .offset-xl-8{margin-left:66.666667%} .offset-xl-9{margin-left:75%} .offset-xl-10{margin-left:83.333333%} .offset-xl-11{margin-left:91.666667%} } .content { padding: 160px 65px 0; } .ccnt { padding:0 65px; background: url(/img/map2.jpg) -100px 82px no-repeat; } .ccnt_uu { padding: 0 65px; background: url(/img/map2.jpg) 0px -15px no-repeat, url(/img/map-03-min.jpg) right bottom no-repeat; } .ccnt2 { background: url(/img/map-03-min.jpg) right bottom no-repeat; } body.pace-done .content{ -webkit-transition-delay: .7s; transition-delay: .7s; z-index: inherit; } .header, .content, .footer { opacity: 1; -webkit-transition: opacity .7s; transition: opacity .7s; } body.pace-done .header, body.pace-done .content, body.pace-done .footer{ opacity: 1; } .messagmobile {display:none;} .messagmobile a {border:0 !important;} .messagfix {position:fixed;right:30px;bottom:30px;z-index:100;} @media (min-width: 1640px) { .content { padding: 180px 160px 0; } .ccnt,.ccnt_uu {padding:0 160px;} } @media (max-width: 960px) { .content { padding: 160px 35px 0; } .messag {display:none;} .ccnt,.ccnt_uu { padding:0 35px; } } @media (max-width: 768px) { .messagmobile { display:block; position:absolute; z-index:2; right: 10px; margin-top: 5px; } } @media (max-width: 768px) { .content { padding: 90px 35px 0; } .ccnt section {margin-top:60px !important;} .ccnt,.ccnt_uu {padding:0 35px;} } .content, .text { font-family: "SourceSansPro"; } .content h1:not([class]), .text h1:not([class]) { font-family: "OfficinaSerifBookC"; font-size: 72px; font-weight: 400; line-height: 76px; margin: 63px 0 35px; } .content h2:not([class]), .text h2:not([class]), .content h3:not([class]), .text h3:not([class]), .content h4:not([class]), .text h4:not([class]) { font-family: "OfficinaSerifBookC"; font-size: 30px; font-weight: 400; line-height: 36px; margin: 75px 0 23px; } .content img:not([class]), .text img:not([class]) { margin: 5px 0; max-width: 100%; } .content ul:not([class]), .text ul:not([class]) { list-style: none; margin: 23px 0; } .content ul:not([class]) li, .text ul:not([class]) li { padding-left: 40px; position: relative; font-size: 15px; font-weight: 400; line-height: 21px; } @media (min-width: 1367px) { .content ul:not([class]) li, .text ul:not([class]) li { font-size: 18px; line-height: 24px; } } @media (max-width: 768px) { .content ul:not([class]) li, .text ul:not([class]) li { font-size: 14px; font-weight: 400; line-height: 21px; } } .content ul:not([class]) li + li, .text ul:not([class]) li + li { margin-top: 18px; } .content ul:not([class]) li:before, .text ul:not([class]) li:before { content: ""; position: absolute; left: 1px; top: 11px; width: 20px; height: 1px; background-color: #262626; } .content ol:not([class]), .text ol:not([class]) { list-style: none; margin: 23px 0; counter-reset: myCounter; } .content ol:not([class]) li, .text ol:not([class]) li { padding-left: 30px; position: relative; font-size: 15px; font-weight: 400; line-height: 21px; } @media (max-width: 768px) { .content ol:not([class]) li, .text ol:not([class]) li { font-size: 14px; font-weight: 400; line-height: 21px; } } .content ol:not([class]) li + li, .text ol:not([class]) li + li { margin-top: 24px; } .content ol:not([class]) li:before, .text ol:not([class]) li:before { counter-increment: myCounter; content: counter(myCounter) "."; position: absolute; left: 0; top: 0; width: 30px; padding-right: 9px; color: #f3502d; font-size: 15px; font-weight: 400; line-height: 21px; } @media (max-width: 768px) { .content ol:not([class]) li:before, .text ol:not([class]) li:before { font-size: 14px; font-weight: 400; line-height: 21px; } } .content p:not([class]), .text p:not([class]) { font-size: 18px; font-weight: 400; line-height: 24px; margin: 18px 0; } @media (max-width: 1366px) { .content p:not([class]), .text p:not([class]) { font-size: 18px; line-height: 24px; } } @media (max-width: 768px) { .content p:not([class]), .text p:not([class]) { font-size: 16px; font-weight: 400; line-height: 24px; } } .content a:not([class]), .text a:not([class]) { color: #000; border-bottom: 2px solid #f3502d; -webkit-transition: 0.7s border; transition: 0.7s border; } .content a:not([class]):hover, .text a:not([class]):hover { border-color: transparent; } .content *:not([class]):not(span):first-child, .text *:not([class]):not(span):first-child { margin-top: 0; } .content *:not([class]):not(span):last-child, .text *:not([class]):not(span):last-child { margin-bottom: 0 !important; } .content table, .text table { margin: 24px 0; } .content table th, .text table th { text-align: left; padding: 19px 25px 14px; color: #000; font-size: 15px; font-weight: 400; line-height: 21px; border-top: 1px solid #e5e5e5; } @media (min-width: 1367px) { .content table th, .text table th { font-size: 15px; line-height: 24px; } } @media (max-width: 768px) { .content table th, .text table th { font-size: 14px; font-weight: 400; line-height: 21px; } } .content table td, .text table td { padding: 19px 25px 14px; color: #262626; font-size: 15px; font-weight: 400; line-height: 21px; border-top: 1px solid #e5e5e5; } @media (max-width: 768px) { .content table td, .text table td { font-size: 14px; font-weight: 400; line-height: 21px; } } .content table tbody tr:last-child, .text table tbody tr:last-child { border-bottom: 1px solid #e5e5e5; } input::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.5); } input::-moz-placeholder { color: rgba(255, 255, 255, 0.5); } input:-ms-input-placeholder { color: rgba(255, 255, 255, 0.5); } div[class^="table-scroller"] { overflow: auto; position: relative; } /* @media $desktopMax { div[class^="table-scroller"] { width: 100%; } } */ .btn { display: inline-block; vertical-align: top; position: relative; border: 0; color: #fff; outline: none; cursor: pointer; width: 124px; height: 124px; position: relative; font-size: 18px; font-weight: 400; line-height: 22px; padding: 25px 19px 56px; text-align: left; background: url("../i/btn-bg.jpg") no-repeat top left; -webkit-transition: 0.7s background; transition: 0.7s background; overflow: hidden; z-index: 1; } .btn:before { content: ''; position: absolute; left: 0; top: 0; width: 0; height: 100%; -webkit-transition: .7s width; transition: .7s width; background: url("../img/zvo-s.jpg") no-repeat top left; opacity: 1; z-index: -1; } .btn_red{ background-image: url("../img/zvo-s.jpg"); } .btn_red:before { background-image: url("../i/btn-bg.jpg"); } @media (max-width: 1366px) { .btn { width: 116px; height: 116px; font-size: 15px; font-weight: 400; line-height: 18px; } } @media (max-width: 768px) { .btn { width: 90px; height: 90px; padding: 10px; font-size: 14px; font-weight: 400; line-height: 18px; } } .btn:after { content: ""; position: absolute; width: 35px; height: 17px; left: 20px; bottom: 27px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAARCAMAAABgteXNAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAXVBMVEX///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8/beDHAAAAHnRSTlMAqU8w5WIk3XYZ0YwBEMOfBAmzsaDB0L2NocIKshGrGyxnAAAAAWJLR0QAiAUdSAAAAAlwSFlzAAALEgAACxIB0t1+/AAAAFlJREFUKM+NkjcSgEAMA03mEhfI8f/PpKRi9lTveGRJIn8qSkFVdcNQ2/UMKW0sQm7wAaGYxohQmGaHkDWLkge14p1NK/KzH+TnTBf9dXM+GTln9JXT+7efF/fkBtgCWMQPAAAAAElFTkSuQmCC") no-repeat center; -webkit-transition: 0.7s opacity, 0.7s left; transition: 0.7s opacity, 0.7s left; } @media (max-width: 1366px) { .btn:after { bottom: 30px; } } @media (max-width: 768px) { .btn:after { display: none; } } .btn:hover:before { width: 100%; } /* .btn:hover { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgwAAAEZAQMAAADBu+/5AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABlBMVEX///////9VfPVsAAAAAXRSTlMD2e+J3AAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAoSURBVHja7cEBAQAAAIIg/69uSEABAAAAAAAAAAAAAAAAAAAAAADcGkmLAAHdDymqAAAAAElFTkSuQmCC"); } */ .btn:hover:after { left: 30px; } /* .btn_dark { background-color: #262626; } */ .btn_small:after { bottom: 41px; } .common__label { /*opacity: 0.25;*/ color: #fff; font-size: 14px; font-weight: 600; line-height: 18px; display: block; margin-bottom: 4px; } .common__inp { width: 100%; height: 42px; border: 1px solid #2f89ca; background-color: rgba(255,255,255, 0.15); /*background-color: rgba(0, 0, 0, 0.13);*/ color: #fff; padding: 0 16px; font-family: "SourceSansPro"; font-size: 15px; font-weight: 400; line-height: 21px; -webkit-transition: 0.5s border; transition: 0.5s border; } @media (max-width: 768px) { .common__inp { font-size: 14px; font-weight: 400; line-height: 21px; } } .common__textarea { width: 100%; height: 131px; border: 1px solid #2f89ca; overflow: hidden; resize: none; padding: 11px 16px; background-color: rgba(255,255,255, 0.15); /*background-color: rgba(0, 0, 0, 0.13);*/ color: #fff; font-family: "SourceSansPro"; font-size: 15px; font-weight: 400; line-height: 21px; -webkit-transition: 0.7s border; transition: 0.7s border; } @media (max-width: 768px) { .common__textarea { font-size: 14px; font-weight: 400; line-height: 21px; } } .common__sbm { font-family: "SourceSansPro"; margin-top: 5px; } .common__select { height: 36px; background-color: #fff; border: 2px solid #b6b6b6; width: auto; cursor: pointer; -webkit-transition: 0.5s border; transition: 0.5s border; } .common__select.warning { border-color: #f3502d; } .common__placeholder { position: absolute; z-index: -1; left: 0; top: 0; color: #fff; font-size: 14px; font-weight: 700; line-height: 50px; letter-spacing: 0.1em; text-transform: uppercase; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width: 100%; } .common__placeholder span { font-size: 23px; font-weight: 400; line-height: 50px; position: relative; top: 0; } #order-form .common__textarea, #order-form .common__inp, #callorder-form .common__textarea, #callorder-form .common__inp{ background-color: rgba(0, 0, 0, 0.13); } .common__col { width: calc(50% - 16px); } @media (max-width: 768px) { .common__col { width: 100%; } .common__col + .common__col { margin-top: 27px; } } .common__row_flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; width: 100%; } @media (max-width: 768px) { .common__row_flex { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } .common__row + .common__row { margin-top: 25px; } .common__fileover { width: 100%; position: relative; padding-top: 25px; } .common__file { position: absolute; width: 0; height: 0; left: 0; top: 0; opacity: 0; } .common__filename { display: inline-block; vertical-align: top; position: relative; left: 48px; cursor: pointer; color: #fff; font-size: 15px; font-weight: 400; line-height: 21px; border-bottom: 2px solid #f3502d; -webkit-transition: 0.5s border; transition: 0.5s border; } @media (max-width: 768px) { .common__filename { font-size: 14px; font-weight: 400; line-height: 21px; left: 33px; } } .common__filename.choosed, .common__filename:hover { border-color: transparent; } .common__filename:before { content: ""; position: absolute; left: -38px; top: 0; width: 24px; height: 23px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAXCAMAAAAm/38fAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABL1BMVEX///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+TyruBAAAAZHRSTlMAEy4XeNXRdyiW7mk4Y+SLwY3yMGDcFoE2h/Ec3/MrdEniGypy7QISjwumB9u4BM6+z7vsy8i89S1zA8L5L8q6EOs6vW9FU+UpWR3TVs25gsDQjBgBoZmKBtQ96YTvbiFYetZMI7yxYQAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAEBSURBVCjPY2DAAIxMzAzYAAsrKxs7uiAHAwMnFzcPLx8Lqji/AIOgkDCQISIqhiwuLiQhKQUSZ5CWkUAWl5WT5wKLMygoKiGrV1ZRBYmrMagraqCqB4lrailp6+giiyuDxfX0DZQMjVDMkTcGiZsYiZmaIYvLgcXVTMwYBZDVm1tYgsyxAopbI4vb2PIa2wLNsQOqt0cST5FwcHQCme+MYo5LiiuDmztI3EwdWdxD1ZOBwcub08fXD0WcwT8ARDoZBAYFCxiFIEmEhoEpKyugF5DFGcKh3o+IRDYHCKKiXUFUsA6aOANDTGxcPHOCjC4DBkiMjDRJCsIW/czJCl4YggDELiK7BTHsCwAAAABJRU5ErkJggg==") no-repeat center; } @media (max-width: 768px) { .common__filename:before { left: -33px; } } .common__filename.choosed + .common__filedelete { visibility: visible; cursor: pointer; } .common__filename.choosed:after { content: ""; } .common__filedelete { display: inline-block; vertical-align: top; visibility: hidden; margin-top: 6px; margin-left: 58px; width: 10px; height: 10px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKBAMAAAB/HNKOAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAD1BMVEX3bE73bE73bE73bE7////Z+NqaAAAAA3RSTlMAf4C/aSLHAAAAAWJLR0QEj2jZUQAAAAlwSFlzAAALEgAACxIB0t1+/AAAADdJREFUCNcVytENACAIA9HDCSAuYGACcP/drD9Nc3kEEJRjw2r2gYpRXFcXu67d2XwgJiCWivkAYb8DZG1gCrwAAAAASUVORK5CYII=") no-repeat center; } .fakecheckbox { display: inline-block; vertical-align: top; position: relative; margin-top: 7px; } .fakecheckbox__label { display: inline-block; vertical-align: top; color: #fff; font-size: 15px; font-weight: 400; line-height: 21px; position: relative; padding-left: 33px; padding-top: 7px; } @media (max-width: 768px) { .fakecheckbox__label { font-size: 14px; font-weight: 400; line-height: 21px; } } .fakecheckbox__label:before { content: ""; position: absolute; left: -1px; top: 50%; margin-top: -5px; width: 18px; height: 18px; border: 1px solid #ececec; cursor: pointer; -webkit-transition: 0.5s border; transition: 0.5s border; } .fakecheckbox__label:after { content: ""; position: absolute; width: 14px; height: 10px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAKCAMAAACzB5/1AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAllBMVEX3bE73bE73bE73bE73bE73bE73bE73bE73bE73bE73bE73bE73bE73bE73bE73bE73bE73bE73bE73bE73bE73bE73bE73bE73bE73bE73bE73bE73bE73bE73bE73bE73bE73bE73bE73bE73bE73bE73bE73bE73bE73bE73bE73bE73bE73bE73bE73bE73bE7////q9A/bAAAAMHRSTlMAA6BsB66EC7v+cxHH/GUBGND5V80UH9r1Sk/31xwo4vE+QvPfU+nrMjft4yktxCBwMwDhAAAAAWJLR0Qx2dsdcgAAAAlwSFlzAAALEgAACxIB0t1+/AAAAFVJREFUCNdjYEAARiZmJB4LqwEbgsfOwcmF4HHz8PIBKX52ME9AUEgYRDOJiAJJMXEJSbCwlLSMLIOcvIIiVJOSsoqqmroG3BBNLQNtHSQLdfX0YUwA+mEE0mQdlfMAAAAASUVORK5CYII=") no-repeat center; left: 2px; top: 50%; margin-top: 0px; opacity: 0; cursor: pointer; -webkit-transition: 0.5s opacity; transition: 0.5s opacity; } .fakecheckbox__label a:not([class]) { color: #fff; } .fakecheckbox__truecheck { position: absolute; left: 0; top: 0; width: 0; height: 0; border: 0; opacity: 0; } .fakecheckbox__truecheck:checked + .fakecheckbox__label:after { opacity: 1; } .fakecheckbox__truecheck.warning + .fakecheckbox__label:before { border-color: #f3502d; } input.warning, textarea.warning { border-color: #f3502d; } .hidden-block { display: none; } .header { position: absolute; width: 100%; // top: 24px; top:0; left: 0; padding: 28px 74px 0; //z-index: 1; } .header.offers {top:0;} @media (max-width: 960px) { .header { position: fixed; z-index: 11; height: 116px; background-color: #fff; padding-top: 0; top: 0; -webkit-box-shadow: 2.5px 4.3px 35px rgba(0, 0, 0, 0.25); box-shadow: 2.5px 4.3px 35px rgba(0, 0, 0, 0.25); padding: 0 35px 0; } } @media (max-width: 768px) { .header { height: 90px; } } .header:before { content: ""; position: absolute; top: 0; left: 0; z-index: -1; width: 544px; height: 351px; /* background-color: #f3502d; background-image: url("../img/bg3-111.png"); background-repeat: no-repeat; background-blend-mode: soft-light; background-position: top left; */ background: url("../img/bg3-111.png") top left no-repeat; opacity: 1; -webkit-transition: .7s; transition: .7s; -webkit-transition-delay: .7s; transition-delay: .7s; } body.pace-done .header:before{ opacity: 1; } @media (min-width: 1400px) { .header:before { width: 524px; height: 281px; background-size: cover; } } @media (min-width: 1640px) { .header:before { width: 650px; height: 350px; background-size: cover; } } @media (max-width: 960px) { .header:before { display: none; } } .header__feedback { float: right; margin-right: -74px; } @media (max-width: 960px) { .header__feedback { margin-right: -35px; } } .header__info { float: right; margin-right: 35px; margin-top: 0px; text-align: right; } @media (max-width: 1270px) { .header__info { margin-top: 26px; } } @media (max-width: 960px) { .header__info { margin-right: 20px; } } @media (max-width: 768px) { .header__info { margin-top: 5px; } .header__info-days {margin-top:0 !important;} } @media (max-width: 400px) { .header__info { margin-right: 15px; } } @media (max-width: 360px) { .header__info { margin-right:6px; } } .header__info-phone { color: #000; font-size: 24px; font-weight: 600; line-height: 28px; } @media (max-width: 1270px) { .header__info-phone { font-size: 15px; font-weight: 600; line-height: 21px; } } .header__info-days { display: block; margin-top: 8px; color: #000; font-size: 15px; font-weight: 400; line-height: 21px; } @media (max-width: 1270px) { .header__info-days { margin-top: 6px; } } @media (max-width: 960px) { .header__info-days { font-size: 9px; font-weight: 400; line-height: 18px; } } .header__logo { display: inline-block; vertical-align: top; margin-top: 29px; margin-right: 42px; } @media (max-width: 1270px) { .header__logo { margin-right: 20px; margin-top: 22px; } } @media (max-width: 780px) { .header__logo { margin-top: 24px; } } @media (max-width: 360px) { .header__logo { margin-top: 23px; } } @media (max-width: 960px) { .header__logo-img { -webkit-filter: invert(100%); filter: invert(100%); } } @media (max-width: 780px) { .header__logo-img { width: 88px; } } .header__logo-hint { display: inline-block; vertical-align: top; margin-top: 38px; font-family: 'Roboto Condensed', sans-serif; color: #fff; font-size: 22px; font-weight: 400; line-height: 24px; max-width: 240px; } @media (max-width: 1270px) { .header__logo-hint { font-size: 14px; font-weight: 400; line-height: 21px; } } @media (max-width: 1230px) { .header__logo-hint { display: none; } } .header__menu { float: right; margin-right: 55px; margin-top: 34px; position:relative; } @media (min-width: 1400px) { .header__menu { margin-right: 120px; } } @media (min-width: 1640px) { .header__menu { margin-right: 230px; } } @media (max-width: 1315px) { .header__menu { margin-right: 35px; margin-top: 50px; } } @media (max-width: 960px) { .header__menu { margin-right: 25px; } } @media (max-width: 768px) { .header__menu { display: none; } } .header__menu-list { display: -webkit-box; display: -ms-flexbox; display: flex; } .header__menu-item + .header__menu-item { margin-left: 30px; } @media (max-width: 1315px) { .header__menu-item + .header__menu-item { margin-left: 17px; } } @media (max-width: 960px) { .header__menu-item + .header__menu-item { margin-left: 12px; } } .header__menu-href { color: #000; font-size: 18px; font-weight: 400; line-height: 20px; position: relative; -webkit-transition: 0.7s color; transition: 0.7s color; } .header__menu-href:after { content: ""; position: absolute; background-color: #f3502d; width: 0; height: 2px; bottom: -2px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: 0.7s width; transition: 0.7s width; } .header__menu-href.active:after, .header__menu-href:not(.acitve):hover:after { width: 100%; } .header.fixed_ready { position: fixed; top: -140px; -webkit-box-shadow: none; box-shadow: none; } @media (max-width: 960px) { .header.fixed_ready { top: 0; -webkit-box-shadow: 2.5px 4.3px 35px rgba(0, 0, 0, 0.25); box-shadow: 2.5px 4.3px 35px rgba(0, 0, 0, 0.25); } } .header.fixed_ready:before { display: none; } .header.fixed { z-index: 11; height: 124px; background-color: #fff; padding-top: 0; top: 0; -webkit-box-shadow: 2.5px 4.3px 35px rgba(0, 0, 0, 0.25); box-shadow: 2.5px 4.3px 35px rgba(0, 0, 0, 0.25); -webkit-transition: 1.2s top, 0.7s -webkit-box-shadow 0.2s; transition: 1.2s top, 0.7s -webkit-box-shadow 0.2s; transition: 1.2s top, 0.7s box-shadow 0.2s; transition: 1.2s top, 0.7s box-shadow 0.2s, 0.7s -webkit-box-shadow 0.2s; } @media (max-width: 1366px) { .header.fixed_ready { height: 116px; } } @media (max-width: 768px) { .header.fixed,.header.fixed_ready { height: 90px !important; } } .header.fixed:before { display: none; } .header.fixed .header__logo-hint { color: #000; } .header.fixed .header__logo-img { -webkit-filter: invert(100%); filter: invert(100%); } .header.fixed .header__info { margin-top: 1px; margin-right: 30px; } @media (max-width: 960px) { .header.fixed .header__info { margin-right: 20px; } } @media (max-width: 768px) { .header.fixed .header__info { margin-top: 5px; } } @media (max-width: 400px) { .header.fixed .header__info { margin-right: 6px; } } .header.fixed .header__info-phone { font-size: 24px; font-weight: 600; line-height: 28px; } @media (max-width: 1270px) { .header.fixed .header__info-phone { font-size: 15px; line-height: 21px; } } .header.fixed .header__info-days { margin-top: 6px; } @media (max-width: 960px) { .header.fixed .header__info-days { font-size: 9px; font-weight: 400; line-height: 18px; } } .header.fixed .header__menu { margin-right: 128px; margin-top: 50px; } @media (max-width: 1315px) { .header.fixed .header__menu { margin-right: 35px; } } @media (max-width: 960px) { .header.fixed .header__menu { margin-right: 25px; } } .header.fixed .header__menu-href { font-size: 18px; font-weight: 400; line-height: 22px; } @media (max-width: 1439px) { .header.fixed .header__menu-href, .header__menu-href { font-size: 15px; font-weight: 600; line-height: 21px; } .header.fixed .header__menu { margin-right: 55px; } } .burger__bg { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%) scale(1.06); transform: translate(-50%, -50%) scale(1.06); -webkit-transition: 1s -webkit-transform; transition: 1s -webkit-transform; transition: 1s transform; transition: 1s transform, 1s -webkit-transform; will-change: transform; opacity: 0.5; } @media (max-width: 960px) { .burger__bg { display: none; } } .burger__button { cursor: pointer; width: 25px; height: 25px; position: relative; } .burger__button:before { content: ""; position: absolute; top: 0; right: 0; width: 25px; height: 1px; -webkit-transition: 0.5s width, 0.5s background, 0.5s top, 0.5s -webkit-transform; transition: 0.5s width, 0.5s background, 0.5s top, 0.5s -webkit-transform; transition: 0.5s width, 0.5s background, 0.5s transform, 0.5s top; transition: 0.5s width, 0.5s background, 0.5s transform, 0.5s top, 0.5s -webkit-transform; } .burger__button:after { content: ""; position: absolute; bottom: 0; right: 0; width: 25px; height: 1px; -webkit-transition: 0.5s width, 0.5s background, 0.5s top, 0.5s -webkit-transform; transition: 0.5s width, 0.5s background, 0.5s top, 0.5s -webkit-transform; transition: 0.5s width, 0.5s background, 0.5s transform, 0.5s top; transition: 0.5s width, 0.5s background, 0.5s transform, 0.5s top, 0.5s -webkit-transform; } .burger__button-meat { content: ""; position: absolute; top: 50%; right: 0; width: 25px; height: 1px; margin-top: -1px; -webkit-transition: 0.5s width, 0.5s background, 0.5s top, 0.5s -webkit-transform; transition: 0.5s width, 0.5s background, 0.5s top, 0.5s -webkit-transform; transition: 0.5s width, 0.5s background, 0.5s transform, 0.5s top; transition: 0.5s width, 0.5s background, 0.5s transform, 0.5s top, 0.5s -webkit-transform; } .burger__button:not(.open):hover:before { -webkit-animation: burger-hover 1s infinite ease-in-out alternate; animation: burger-hover 1s infinite ease-in-out alternate; } .burger__button:not(.open):hover:after { -webkit-animation: burger-hover 1s infinite ease-in-out alternate forwards 400ms; animation: burger-hover 1s infinite ease-in-out alternate forwards 400ms; } .burger__button:not(.open):hover .burger__button-meat { -webkit-animation: burger-hover 1s infinite ease-in-out alternate forwards 200ms; animation: burger-hover 1s infinite ease-in-out alternate forwards 200ms; } .burger__button.open:before { -webkit-animation: burger-top 1s ease-in-out forwards; animation: burger-top 1s ease-in-out forwards; } .burger__button.open:after { -webkit-animation: burger-bottom 1s ease-in-out forwards; animation: burger-bottom 1s ease-in-out forwards; } .burger__button.open .burger__button-meat { opacity: 0; } .burger__button.open.remove:before { -webkit-animation: burger-top-invert 1s ease-in-out forwards; animation: burger-top-invert 1s ease-in-out forwards; } .burger__button.open.remove:after { -webkit-animation: burger-bottom-invert 1s ease-in-out forwards; animation: burger-bottom-invert 1s ease-in-out forwards; } .burger__button.open.remove .burger__button-meat { opacity: 1; -webkit-transition: 0.4s opacity 0.6s; transition: 0.4s opacity 0.6s; } .burger__popup { visibility: hidden; opacity: 0; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 9; background: #262626; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-transition: 0.7s visibility, 0.7s opacity; transition: 0.7s visibility, 0.7s opacity; } @media (max-width: 650px) { .burger__popup { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; overflow: auto; } } @media (max-width: 960px) { .burger__popup { background: url("../i/burger-bg.png") no-repeat center #262626; background-size: cover; } } .burger__menu-inner { max-width: 1226px; width: 100%; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } /* @media $desktopMax { .burger__menu-inner { max-width: 100%; padding: 0 30px; } } */ @media (max-width: 650px) { .burger__menu-inner { padding: 0 20px; } } @media (max-width: 650px) { .burger__menu-inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .burger__menu-col { width: calc(50% - 21px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-line-pack: justify; align-content: space-between; } @media (max-width: 650px) { .burger__menu-col { width: 100%; } } .burger__menu-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; opacity: 0; bottom: -20px; -webkit-transition: 0.7s bottom, 0.7s opacity; transition: 0.7s bottom, 0.7s opacity; } .burger__menu-item + .burger__menu-item { margin-top: 59px; } @media (max-width: 1600px) { .burger__menu-item + .burger__menu-item { margin-top: 44px; } } @media (max-width: 650px) { .burger__menu-item + .burger__menu-item { margin-top: 10px; } } @media (min-width: 651px) { .burger__menu-item_mobile { display: none; } .burger__menu-item_mobile + .burger__menu-item { margin-top: 0; } } .burger__menu-href { color: #fff; font-size: 72px; font-weight: 400; line-height: 48px; position: relative; left: 0; -webkit-transition: 0.7s color, 0.7s left; transition: 0.7s color, 0.7s left; } @media (max-width: 1740px) { .burger__menu-href { font-size: 66px; font-weight: 400; line-height: 48px; } } @media (max-width: 1600px) { .burger__menu-href { font-size: 60px; font-weight: 400; line-height: 48px; } } @media (max-width: 650px) { .burger__menu-href { font-size: 36px; font-weight: 400; line-height: 48px; } } .burger__menu-href:after { content: ""; position: absolute; background-color: rgba(255, 255, 255, 0.25); width: 0; height: 3px; bottom: 4px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: 0.7s width; transition: 0.7s width; } .burger__menu-href.active { color: yellow; } .burger__menu-href:hover { left: 15px; } .burger__phones { margin-top: -6px; overflow: hidden; position: relative; opacity: 0; bottom: -20px; -webkit-transition: 0.7s bottom, 0.7s opacity; transition: 0.7s bottom, 0.7s opacity; } @media (max-width: 960px) { .burger__phones { margin-top: 0; } } @media (max-width: 650px) { .burger__phones { margin-top: 35px; } } .burger__phones-elem { display: inline-block; vertical-align: top; color: #fff; font-size: 42px; font-weight: 400; line-height: 40px; float: left; clear: both; } @media (max-width: 1740px) { .burger__phones-elem { font-size: 38px; font-weight: 400; line-height: 40px; } } @media (max-width: 1600px) { .burger__phones-elem { font-size: 36px; font-weight: 400; line-height: 40px; } } @media (max-width: 960px) { .burger__phones-elem { font-size: 30px; font-weight: 400; line-height: 40px; } } @media (max-width: 650px) { .burger__phones-elem { font-size: 23px; font-weight: 400; line-height: 23px; } } .burger__phones-elem ~ .burger__phones-elem { margin-top: 40px; } @media (max-width: 960px) { .burger__phones-elem ~ .burger__phones-elem { margin-top: 20px; } } .burger__socials { padding-left: 102px; position: relative; color: #fff; font-size: 16px; font-weight: 400; line-height: 23px; max-width: 334px; opacity: 0; bottom: -20px; -webkit-transition: 0.7s bottom, 0.7s opacity; transition: 0.7s bottom, 0.7s opacity; } @media (max-width: 1600px) { .burger__socials { font-size: 14px; font-weight: 400; line-height: 21px; } } @media (max-width: 650px) { .burger__socials { padding-left: 0; margin-top: 35px; } } .burger__socials:before { content: ""; position: absolute; left: 6px; top: 11px; width: 70px; height: 1px; background-color: #fff; -webkit-transition: 0.7s width; transition: 0.7s width; } @media (max-width: 650px) { .burger__socials:before { display: none; } } .burger__socials-elem { color: #fff; font-size: 16px; font-weight: 400; line-height: 23px; white-space: nowrap; position: relative; } @media (max-width: 1600px) { .burger__socials-elem { font-size: 14px; font-weight: 400; line-height: 21px; } } .burger__socials-elem:after { content: ""; position: absolute; background-color: rgba(255, 255, 255, 0.25); height: 1px; bottom: 0; right: 0; -webkit-transition: 0.7s background, 0.7s bottom; transition: 0.7s background, 0.7s bottom; } .burger__socials-elem:hover:after { background-color: transparent; bottom: -2px; } .burger__socials-elem:hover { border-color: transparent; } .burger__socials-elem:before { content: ""; display: inline-block; vertical-align: top; margin-right: 7px; } .burger__socials-elem[data-type="inst"]:before { width: 12px; height: 12px; margin-top: 6px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAMAAABhq6zVAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAP1BMVEX///////////////////////////////////////////////////////////////////////////////////81m6ZbAAAAFHRSTlMAA37ree2Qg4+O+W4SEedvdoHhd8PbWNMAAAABYktHRACIBR1IAAAACXBIWXMAAAsSAAALEgHS3X78AAAAU0lEQVQI122N0Q6AIAhFLxqZolnG/39rkrXW1n3hHMa4IOf1ip8IbqDyzAH3XhdERp9JcpE1sppU9GwdTLJJ/pPPWZJSJJk8r60K+ysB5NrAdtAJRDMH441ZvLkAAAAASUVORK5CYII=") no-repeat center; } .burger__socials-elem[data-type="inst"]:after { left: 19px; } .burger__socials-elem[data-type="fb"]:before { width: 7px; height: 13px; margin-top: 5px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAANBAMAAACX52mGAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAHlBMVEX///////////////////////////////////////8V2MxSAAAACXRSTlMAEardd2bumbuE/Rs4AAAAAWJLR0QAiAUdSAAAAAlwSFlzAAALEgAACxIB0t1+/AAAACxJREFUCNdjYBCaOYGBQRNEzDQJABIKDAxKM5MKGGbOnGkAIhogYliJtAIGAA1bDqr8bfauAAAAAElFTkSuQmCC") no-repeat center; } .burger__socials-elem[data-type="fb"]:after { left: 14px; } html.burgeropen .burger__button:before, html.burgeropen .burger__button:after, html.burgeropen .burger__button-meat { background-color: #fff !important; } html.burgeropen .burger__popup { visibility: visible; opacity: 1; } @media (max-width: 650px) { html.burgeropen .burger__popup { padding-top: 150px; } } @media (max-width: 960px) { html.burgeropen .burger__popup { padding: 30px 0; } } html.burgeropen .burger__bg { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } html.burgeropen .burger__menu-list { opacity: 1; bottom: 0; -webkit-transition-delay: 0.8s; transition-delay: 0.8s; } html.burgeropen .burger__phones { opacity: 1; bottom: 0; -webkit-transition-delay: 1s; transition-delay: 1s; } html.burgeropen .burger__socials { opacity: 1; bottom: 0; -webkit-transition-delay: 1.2s; transition-delay: 1.2s; } html.touchevents .burger__button:not(.open):hover:before { -webkit-animation: none; animation: none; } html.touchevents .burger__button:not(.open):hover:after { -webkit-animation: none; animation: none; } html.touchevents .burger__button:not(.open):hover .burger__button-meat { -webkit-animation: none; animation: none; } @-webkit-keyframes burger-hover { 0% { width: 100%; } 50% { width: 50%; } 100% { width: 100%; } } @keyframes burger-hover { 0% { width: 100%; } 50% { width: 50%; } 100% { width: 100%; } } @-webkit-keyframes burger-top { 0% { top: 0; } 40% { top: 12px; } 60% { top: 12px; -webkit-transform: rotate(0); transform: rotate(0); } 100% { top: 12px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } } @keyframes burger-top { 0% { top: 0; } 40% { top: 12px; } 60% { top: 12px; -webkit-transform: rotate(0); transform: rotate(0); } 100% { top: 12px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } } @-webkit-keyframes burger-bottom { 0% { bottom: 0; } 40% { bottom: 12px; } 60% { bottom: 12px; -webkit-transform: rotate(0); transform: rotate(0); } 100% { bottom: 12px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } } @keyframes burger-bottom { 0% { bottom: 0; } 40% { bottom: 12px; } 60% { bottom: 12px; -webkit-transform: rotate(0); transform: rotate(0); } 100% { bottom: 12px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } } @-webkit-keyframes burger-top-invert { 0% { top: 12px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } 40% { top: 12px; -webkit-transform: rotate(0); transform: rotate(0); } 60% { top: 12px; } 100% { top: 0; } } @keyframes burger-top-invert { 0% { top: 12px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } 40% { top: 12px; -webkit-transform: rotate(0); transform: rotate(0); } 60% { top: 12px; } 100% { top: 0; } } @-webkit-keyframes burger-bottom-invert { 0% { bottom: 12px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } 40% { bottom: 12px; -webkit-transform: rotate(0); transform: rotate(0); } 60% { bottom: 12px; } 100% { bottom: 0; } } @keyframes burger-bottom-invert { 0% { bottom: 12px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } 40% { bottom: 12px; -webkit-transform: rotate(0); transform: rotate(0); } 60% { bottom: 12px; } 100% { bottom: 0; } } .banner { position: relative; } @media (max-width: 500px) { .banner { margin-left: -35px; width: calc(100% + 70px); } } .banner .swiper-buttons { position: absolute; z-index: 1; right: 228px; top: 20px; } @media (max-width: 1366px) { .banner .swiper-buttons { top: 20px; } } @media (min-width: 1400px) { .banner .swiper-buttons { right: 285px; } } @media (min-width: 1640px) { .banner .swiper-buttons { right: 311px; } } @media (max-width: 960px) { .banner .swiper-buttons { right: auto; left: 35px; top: 35px; } } .banner .swiper-slide { overflow: hidden; height: 560px; } @media (min-width: 1367px) { .banner .swiper-slide { height: 560px; } } @media (max-width: 960px) { .banner .swiper-slide { height: auto; } } .banner .swiper-slide-active .banner__img { -webkit-transform: translateY(-50%) scale(1.02); transform: translateY(-50%) scale(1.02); } .banner__img { position: absolute; height: 100%; max-height:560px; left: 0; top: 50%; will-change: transform; -webkit-transition: 4s -webkit-transform; transition: 4s -webkit-transform; transition: 4s transform; transition: 4s transform, 4s -webkit-transform; -webkit-transform: translateY(-50%) scale(1); transform: translateY(-50%) scale(1); } .banner__content { position: absolute; z-index: 1; top: 0; right: 0; height: 100%; background-color: #fff; width: 393px; padding: 80px 20px 0 64px; } @media (max-width: 1366px) { .banner__content { padding: 80px 20px 0 64px; } } @media (min-width: 1400px) { .banner__content { width: 450px; padding: 80px 20px 0 64px; } /* .banner__img { max-width: calc(100% - 450px); } */ } @media (min-width: 1640px) { .banner__content { width: 492px; } /* .banner__img { max-width: calc(100% - 503px); } */ } @media (max-width: 960px) { .banner__content { width: 100%; background-color: rgba(251, 251, 251, 0.75); padding: 100px 35px 124px; height: auto; position: relative; } .banner__img { /* max-width: 100%; */ min-height: 100%; width: auto; } } @media (max-width: 500px) { .banner__img { height: 100%; } } @media (max-width: 768px) { .banner__content { padding: 100px 35px 95px; } } .banner__title { font-family: 'Roboto Condensed', sans-serif; font-size: 46px; font-weight: 600; line-height: 52px; margin-bottom: 30px; } @media (min-width: 1367px) { .banner__title { /* font-size: 62px; */ font-size: 44px; font-weight: 600; /* line-height: 66px; */ line-height: 50px; } } @media (max-width: 1366px) { .banner__title { font-size: 42px; line-height: 46px; } } @media (max-width: 768px) { .banner__title { font-size: 32px; font-weight: 400; line-height: 42px; } } .banner__text { font-size: 18px; font-weight: 400; line-height: 24px; } @media (min-width: 1366px) { .banner__text { font-size: 18px; font-weight: 400; line-height: 24px; } } @media (max-width: 768px) { .banner__text { font-size: 14px; font-weight: 400; line-height: 21px; } } .banner__btn { position: absolute; border-bottom: 6px solid #ff4419; right: 213px; bottom: -46px; z-index: 1; } .logistic__btn { display:block; text-align:center; margin:40px auto; width:350px; max-width:80%; background:#407fd5; border-bottom: 6px solid #ff4419; } .logistic__btn:before{ background:#6b737c; } .logistic__btn:after { left: calc(50% - 18px); } .logistic__btn:hover:after { left: calc(50% - 2px); } @media (min-width: 1400px) { .banner__btn { right: 268px; bottom: 46px; } } @media (max-width: 1366px) { .banner__btn { bottom: -30px; } } @media (min-width: 1640px) { .banner__btn { right: 287px; } } @media (max-width: 960px) { .banner__btn { right: auto; left: 35px; } } .special { margin-top: 231px; padding: 0 44px; } @media (max-width: 1100px) { .special { margin-top: 150px; } } @media (max-width: 960px) { .special { padding: 0; } } .special__count { float: right; font-family: "OfficinaSerifBookC"; font-size: 30px; font-weight: 300; line-height: 34px; max-width: 345px; text-align: right; margin-top: 5px; } @media (max-width: 1366px) { .special__count { font-size: 24px; line-height: 28px; max-width: 245px; } } @media (max-width: 1270px) { .special__count { display: none; } } .special__title { font-family: "OfficinaSerifBookC"; font-size: 48px; font-weight: 300; line-height: 52px; max-width: 650px; margin-bottom: 30px; } @media (min-width: 1367px) { .special__title { font-size: 62px; font-weight: 300; line-height: 66px; } } @media (max-width: 960px) { .special__title { max-width: 650px; } } @media (max-width: 768px) { .special__title { font-size: 32px; font-weight: 400; line-height: 42px; } } .special__subtitle { font-size: 18px; font-weight: 400; line-height: 24px; max-width: 520px; } @media (max-width: 1366px) { .special__subtitle { font-size: 15px; line-height: 21px; } } @media (max-width: 1270px) { .special__subtitle { max-width: 370px; } } @media (max-width: 960px) { .special__subtitle { max-width: 650px; } } @media (max-width: 768px) { .special__subtitle { font-size: 14px; font-weight: 400; line-height: 21px; } } .special__bottom { margin-top: 74px; height: 195px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 1; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 1270px) { .special__bottom { height: 220px; } } @media (max-width: 960px) { .special__bottom { margin-top: 45px; height: auto; } } .special__bottom:before { content: ""; background-color: #f3502d; position: absolute; z-index: -1; left: 0; top: 0; height: 100%; width: calc(100% + 110px); } @media (min-width: 1640px) { .special__bottom:before { width: calc(100% + 204px); } } @media (max-width: 960px) { .special__bottom:before { width: calc(100% + 35px); } } @media (max-width: 500px) { .special__bottom:before { margin-left: -35px; width: calc(100% + 70px); } } .special__links { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 64px; } @media (max-width: 1270px) { .special__links { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media (max-width: 960px) { .special__links { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 40px; } } @media (max-width: 768px) { .special__links { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media (max-width: 500px) { .special__links { padding: 30px 0; } } .special__link { max-width: 170px; margin-bottom: -2px; } @media (max-width: 1270px) { .special__link { max-width: 250px; } } @media (max-width: 960px) { .special__link { max-width: none; } } .special__link:first-child { max-width: 148px; } @media (max-width: 1270px) { .special__link:first-child { max-width: 250px; } } @media (max-width: 960px) { .special__link:first-child { max-width: none; } } .special__link + .special__link { margin-left: 34px; } @media (max-width: 1270px) { .special__link + .special__link { margin-left: 0; margin-top: 15px; } } @media (max-width: 960px) { .special__link + .special__link { margin-left: 34px; margin-top: 0; } } @media (max-width: 768px) { .special__link + .special__link { margin-left: 0; margin-top: 15px; } } .special__link-type { color: #fff; font-size: 14px; font-weight: 400; line-height: 21px; margin-bottom: 2px; } .special__link-href { color: #fff; font-size: 18px; font-weight: 600; line-height: 28px; border-bottom: 2px solid #fff; -webkit-transition: 0.5s border; transition: 0.5s border; } .special__link-href:hover { border-color: transparent; } .special__car { width: 570px; height: 570px; top: 50%; } @media (max-width: 1366px) { .special__car { width: 450px; height: 450px; } } @media (max-width: 1270px) { .special__car { width: 530px; } } @media (max-width: 960px) { .special__car { display: none; } } /* .special__car.swiper-container { margin-top: -487px; margin-right: 362px; margin-left: 40px; overflow: visible; } */ .special__car.swiper-container { margin-top: -353px; margin-right: 230px; margin-left: 40px; overflow: visible; } .special__img { width: 530px; } @media (max-width: 1450px) { .special__car.swiper-container { margin-top: -370px; margin-left: 50px; } } @media (max-width: 1366px) { .special__car.swiper-container { margin-top: -270px; } } @media (max-width: 1270px) { .special__car.swiper-container { margin-right: 0; } } .special__car + .swiper-buttons { position: absolute; right: 0; top: 50%; margin-top: -14px; } @media (max-width: 1270px) { .special__car + .swiper-buttons { top: -323px; margin-top: 0; } } @media (max-width: 960px) { .special__car + .swiper-buttons { display: none; } } @media (max-width: 1270px) { .special__car + .swiper-buttons .swiper-button-prev, .special__car + .swiper-buttons .swiper-button-next { -webkit-filter: invert(100%); filter: invert(100%); } } .special__bottom .swiper-button-prev { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAbCAMAAADBLsarAAAAWlBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////9ZMre9AAAAHXRSTlMABwPl18/GsaaYjBsVEAu+3rukfm5iV0s0KyOBe0Cflo8AAABsSURBVCjPhZM3EoAwDARFcE6AyeH/34SWarfe8VjSnfzYrBBrt5OydAcp83CSUvtAilcRjNbpRMpUMiiNMQ0oebSkJO1aUKLyAoS+ClEe5HvnEgD+A3PBfnjPfC++O+cHuTGHnGfuBfeLe/oCvGAHt9oir+4AAAAASUVORK5CYII='); } .special__bottom .swiper-button-next { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAbCAMAAADBLsarAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAqFBMVEX////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////VRVRbAAAAN3RSTlMAqEs05lcr42Mj3nAc134Wz4sBEceXAgy9pAQIsrAHBaa7CwOZxRCMzoAbgdYaj80UmsQPF9CJC2y6PQAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxIAAAsSAdLdfvwAAACISURBVCjPY2DAAhiZGAgCZhZWworY2DkIK+Lk4iasiIeXj7AifgFBIYKKhEVExQgqEpeQlCKoSFpGVo6gInkFRSWCipRVVNUIKhJS1+AnHAaavFoM5gSBBEFztHV0CblHT9+AkL8MjYwpDx8iwpmI+CIi3k1MzQilHyLSIRHpmYh8QUz+QsunAN/DD7paMn9GAAAAAElFTkSuQmCC"); } .special__hint { position: absolute; width: 30px; height: 30px; color: #fff; cursor: pointer; text-align: center; font-size: 23px; font-weight: 200; line-height: 30px; z-index: 1; } .special__hint:after { content: ''; position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; background-color: #262626; -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); z-index: -1; will-change: transform; -webkit-transition: .7s -webkit-transform; transition: .7s transform; } .special__hint:hover { z-index: 2; } .special__hint:hover:after { -webkit-transform: translate(-50%, -50%) scale(1.35); transform: translate(-50%, -50%) scale(1.35); } .special__hint:before { content: attr(data-text); position: absolute; bottom: 55px; width: 300px; text-align: left; padding: 25px 29px; background-color: #fff; -webkit-box-shadow: 2.5px 4.3px 35px rgba(0, 0, 0, 0.25); box-shadow: 2.5px 4.3px 35px rgba(0, 0, 0, 0.25); color: #000; font-size: 18px; font-weight: 400; line-height: 24px; -webkit-box-sizing: border-box; box-sizing: border-box; left: 50%; margin-left: -150px; opacity: 0; visibility: hidden; -webkit-transition: 0.7s opacity, 0.7s visibility, 0.7s bottom; transition: 0.7s opacity, 0.7s visibility, 0.7s bottom; } @media (max-width: 768px) { .special__hint:before { font-size: 14px; font-weight: 400; line-height: 21px; } } .special__hint:hover:before { visibility: visible; bottom: 65px; opacity: 1; } .features { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 0px; padding: 0 43px; position: relative; z-index: 1; } .featuress { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 0px; padding: 0 43px; position: relative; z-index: 1; } @media (max-width: 1100px) { .features { margin-top: 250px; } } @media (max-width: 960px) { .features { margin-top: 155px; padding: 0; } } @media (max-width: 768px) { .features { margin-top: 100px; } } .features:before,.featuress:before { content: ""; position: absolute; z-index: -1; width: calc(100% - 240px); height: 454px; left: 120px; top: 170px; background-color: #fbfbfb; } @media (max-width: 960px) { .features:before,.featuress:before { display: none; } } .featuress__content { width: 500px; } @media (min-width: 1400px) { .featuress__content { width: 632px; } } @media (max-width: 1270px) { .featuress__content { width: 420px; } } @media (max-width: 960px) { .featuress__content { width: 600px; } } .features__title,.featuress__title { font-family: 'Roboto Condensed', sans-serif; font-size: 48px; font-weight: 600; line-height: 52px; margin-bottom: 80px; } @media (min-width: 1367px) { .features__title,.featuress__title { font-size: 56px; font-weight: 600; line-height: 66px; } } @media (max-width: 768px) { .features__title,.featuress__title { font-size: 32px; font-weight: 400; line-height: 42px; } } @media (max-width: 960px) { .features__title,.featuress__title { margin-bottom: 55px; } } @media (max-width: 768px) { .features__title,.features__title { margin-bottom: 35px; } } .features__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: 26px; background: url(/i/point2.png) 14px 0 repeat-y; background-size: 5px; } .featuress__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: 0px; } @media (max-width: 1270px) { .features__list,.featuress__list { margin-left: 0px; } } .features__item { padding-left: 50px; font-size: 18px; /* font-weight: 600; */ line-height: 24px; position: relative; font-family: "SourceSansPro"; margin-bottom: 50px; width:100%; } .features__item span { line-height:2.5; font-size: 26px; font-weight:400 !important; text-transform: uppercase; font-family: 'Roboto Condensed', sans-serif; } @media (max-width: 960px) { .features__item span { line-height: 32px; font-size: 22px; display: block; } } .featuress__item { padding-left: 30px; font-size: 18px; font-weight: 400; line-height: 24px; position: relative; max-width: 230px; margin-bottom: 38px; } @media (max-width: 1440px) { .featuress__item { font-size: 18px; line-height: 21px; max-width: 200px; } } @media (max-width: 960px) { .featuress__item { width: 240px; max-width: none; } } @media (max-width: 768px) { .featuress__item { width: 100%; padding-left: 0; margin-bottom: 18px; } } .features__list .features__item:first-child:before { padding-top: 25px; top: -2px; } .features__list .features__item:last-child { margin-bottom:0; } .features__list .features__item:last-child:before { height:100%; } .featuress__item + .featuress__item { margin-left: 70px; } @media (max-width: 1100px) { .featuress__item + .featuress__item { margin-left: 50px; } } @media (max-width: 960px) { .featuress__item + .featuress__item { margin-left: 110px; } } @media (max-width: 768px) { .featuress__item + .featuress__item { margin-left: 0; } } .featuress__item:nth-child(2n - 3) { margin-left: 0; } .features__item:before { content: attr(data-number); position: absolute; left: 0; top: 12px; font-size: 32px; font-weight: 400; line-height: 18px; background: #fff; /* padding: 20px 0; */ padding: 10px 0; border-radius: 50%; } .log-ic { padding: 0 5px; width: calc(20% - 5px); max-width: 213px; } @media (max-width: 768px) { .log-ic {width: calc(50% - 5px);} .catalog__official-content:after {display:none;} .catalog__official-files:after {display:none;} } .featuress__item:before { content: attr(data-number); position: absolute; left: 0; top: 3px; font-size: 32px; font-weight: 400; line-height: 18px; background: none; } /* @media (max-width: 768px) { .features__item:before { display: none; } } */ .featuress__imgs { position: relative; z-index: 1; width: calc(100% - 632px); height: 629px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: end; align-content: flex-end; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } @media (min-width: 1400px) { .featuress__imgs { height: 710px; } } @media (max-width: 960px) { .featuress__imgs { display: none; } } .featuress__img_img1 { position: relative; top: 80px; background: url("/img/pre2.jpg") no-repeat top left; width: 0; height: 422px; -webkit-transition: 0.9s width; transition: 0.9s width; background-size: contain; } @media (min-width: 1400px) { .featuress__img_img1 { top: 118px; height: 580px; background-size: 386px 580px; } } .featuress__img_img1.visible { width: 280px; } @media (min-width: 1400px) { .featuress__img_img1.visible { width: 386px; } } .featuress__img_img2 { background: url("/img/pre1.jpg") no-repeat top left; width: 0; height: 730px; position: absolute; z-index: -1; left: 213px; top: -100px; -webkit-transition: 0.9s width; transition: 0.9s width; } @media (min-width: 1400px) { .featuress__img_img2 { left: 244px; top: -117px; height: 860px; background-size: 680px 860px; } } @media (max-width: 1100px) { .featuress__img_img2 { width: 0; height: 600px; left: 103px; top: -40px; } } .featuress__img_img2.visible { width: 600px; } @media (min-width: 1400px) { .featuress__img_img2.visible { width: 680px; } } @media (max-width: 1100px) { .featuress__img_img2.visible { width: 493px; } } .video { margin-top: 318px; margin-left: -65px; width: calc(100% + 130px); height: 100vh; max-height: 700px; position: relative; z-index: 1; background-size: cover; } @media (min-width: 1640px) { .video { width: calc(100% + 320px); margin-left: -160px; max-height: 980px; } } @media (max-width: 960px) { .video { max-height: none; height: auto; margin-left: -35px; width: calc(100% + 70px); padding-top: 60%; margin-top: 155px; } } @media (max-width: 768px) { .video { margin-top: 100px; } } .video__play { position: absolute; z-index: 1; left: 50%; top: 50%; width: 60px; height: 60px; margin-top: -30px; margin-left: -30px; border-radius: 50%; } .video__play:before { content: ""; position: absolute; width: 10px; height: 13px; top: 23px; left: 26px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAANCAMAAACn6Q83AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAOVBMVEX///////////////////////////////////////////////////////////////////////////+0EB4eAAAAEnRSTlMAdgLAH/BbqBHjQ/6NCKX9B+J19h11AAAAAWJLR0QAiAUdSAAAAAlwSFlzAAALEgAACxIB0t1+/AAAAD1JREFUCNdjEGJkYoACISFmFjhTiJUNzhQSYueAM4U4ueBMIW4eXhhTSIgPxuTnEYAyBbkwTECYi7AN7gYAYAoE1tuqH1sAAAAASUVORK5CYII=") no-repeat center; } .video__play:after { content: ""; cursor: pointer; position: absolute; z-index: -1; background-color: #f3502d; border-radius: 50%; width: 100%; height: 100%; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: 0.7s background, 0.7s width, 0.7s height; transition: 0.7s background, 0.7s width, 0.7s height; } .video__play:hover:after { width: 110%; height: 110%; background-color: #262626; } .catalog { margin-top: 194px; padding: 0 43px; } @media (max-width: 960px) { .catalog { padding: 0; } } @media (max-width: 768px) { .catalog { margin-top: 100px; } } .catalog__smalltitle { display: block; color: #f3502d; font-size: 18px; font-weight: 600; line-height: 24px; } .catalog__title { margin-top: 16px; max-width: 950px; color: #000; font-family: "OfficinaSerifBookC"; font-size: 48px; font-weight: 400; line-height: 52px; } @media (min-width: 1367px) { .catalog__title { font-size: 62px; font-weight: 400; line-height: 66px; } } @media (max-width: 768px) { .catalog__title { font-size: 32px; font-weight: 400; line-height: 42px; } } .catalog__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 35px; margin-left: -100px; width: calc(100% + 200px); counter-reset: catCounter; -webkit-transition: 0.7s background; transition: 0.7s background; background-size: cover; } @media (min-width: 1640px) { .catalog__list { width: calc(100% + 406px); margin-left: -203px; } } @media (max-width: 960px) { .catalog__list { background-size: cover; } } @media (max-width: 960px) { .catalog__list { margin-left: -35px; width: calc(100% + 70px); } } .catalog__item { position: relative; z-index: 1; cursor: pointer; height: 50vh; width: 25%; color: #fff; font-size: 15px; font-weight: 600; line-height: 25px; padding: 74px 43px 0 108px; border-bottom: 1px solid rgba(255,255,255,.05); border-right: 1px solid rgba(255,255,255,.05); } @media (max-width: 1366px) { .catalog__item { padding-top: 36px; padding-left: 74px; } } @media (max-width: 1100px) { .catalog__item { padding: 55px 43px; height: 290px; } } @media (max-width: 960px) { .catalog__item { width: 50%; height: 170px; padding: 30px 35px; } } @media (max-width: 650px) { .catalog__item { width: 100%; height: auto; border-right: 0; } } .catalog__item span { display: inline-block; vertical-align: top; font-size: 18px; font-weight: 400; line-height: 24px; position: relative; } .catalog__item span:after { content: ""; position: absolute; width: 35px; height: 17px; left: -10px; bottom: -31px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAARCAMAAABgteXNAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAXVBMVEX///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8/beDHAAAAHnRSTlMAqU8w5WIk3XYZ0YwBEMOfBAmzsaDB0L2NocIKshGrGyxnAAAAAWJLR0QAiAUdSAAAAAlwSFlzAAALEgAACxIB0t1+/AAAAFlJREFUKM+NkjcSgEAMA03mEhfI8f/PpKRi9lTveGRJIn8qSkFVdcNQ2/UMKW0sQm7wAaGYxohQmGaHkDWLkge14p1NK/KzH+TnTBf9dXM+GTln9JXT+7efF/fkBtgCWMQPAAAAAElFTkSuQmCC") no-repeat center; opacity: 0; -webkit-transition: 0.7s left, 0.7s opacity; transition: 0.7s left, 0.7s opacity; } @media (max-width: 650px) { .catalog__item span:after { display: none; } } .catalog__item:hover span:after { left: 0; opacity: 1; } .catalog__item:before { counter-increment: catCounter; content: counter(catCounter) ". "; position: absolute; left: 78px; top: 74px; font-size: 18px; font-weight: 400; line-height: 24px; } @media (max-width: 1366px) { .catalog__item:before { left: 45px; top: 36px; } } @media (max-width: 1100px) { .catalog__item:before { display: none; } } .catalog__item:after { content: ""; position: absolute; z-index: -1; left: 0; top: 0; /*width: 100%;*/ width: 0; height: 100%; background-color: #f3502d; opacity: 0; -webkit-transition: 0.7s opacity, width .7s; transition: 0.7s opacity, width .7s; } .catalog__item:hover:after { opacity: 0.75; width: 100%; } .catalog__item:nth-child(3), .catalog__item:last-child { border-right: 0; } @media (max-width: 960px) { .catalog__item:nth-child(3), .catalog__item:last-child { border-right: 1px solid rgba(255,255,255,.05); } } .catalog__item_wide { width: 50%; border-right: 1px solid rgba(255,255,255,.05); border-bottom: 1px solid rgba(255,255,255,.05); } @media (max-width: 650px) { .catalog__item_wide { width: 100%; border-right: 0; } } .catalog__official { margin-top: 212px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: 0 47px; position: relative; z-index: 1; } @media (max-width: 1100px) { .catalog__official { margin-top: 112px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media (max-width: 960px) { .catalog__official { margin-top: 120px; padding: 0; } } @media (max-width: 768px) { .catalog__official { margin-top: 90px; } } .catalog__official-content { width: 495px; padding: 59px 0 59px 75px; } @media (min-width: 1640px) { .catalog__official-content { width: 718px; } } @media (max-width: 1270px) { .catalog__official-content { padding: 39px 0 110px 45px; width: 435px; } } @media (max-width: 960px) { .catalog__official-content { padding: 39px 0 110px 0; width: 100%; } } @media (max-width: 500px) { .catalog__official-content { padding: 0; } } .catalog__official-content:before { content: ""; position: absolute; z-index: -1; left: 44px; top: -10px; height: 114%; width: 63%; background-color: #f3f3f3; } .catalog__official-content:after { content: ""; position: absolute; z-index: -2; right: 85px; top: 45px; height: 200px; width: 63%; background-color: #ff4419; } @media (max-width: 1100px) { .catalog__official-content:before { height: 306px; } } @media (max-width: 960px) { .catalog__official-content:before { left: -35px; width: 100%; } } @media (max-width: 500px) { .catalog__official-content:before { display: none; } } .catalog__official-title { font-family: 'Roboto Condensed', sans-serif; font-size: 48px; font-weight: 600; line-height: 52px; max-width: 400px; } @media (min-width: 1367px) { .catalog__official-title { font-size: 56px; font-weight: 600; line-height: 66px; } } @media (max-width: 768px) { .catalog__official-title { font-size: 32px; font-weight: 400; line-height: 42px; } } .catalog__official-subtitle { font-size: 18px; font-weight: 400; line-height: 24px; margin-top: 30px; padding:0 20px 0 0; } @media (max-width: 1366px) { .catalog__official-subtitle { font-size: 18px; line-height: 24px; } } @media (max-width: 768px) { .catalog__official-subtitle { font-size: 14px; font-weight: 400; line-height: 21px; } } .catalog__official-files { min-height: 197px; width: calc(100% - 602px); margin-top: 63px; background-color: #407fd5; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 35px 0 81px; } .catalog__official-files:after{ content:''; min-height:inherit; font-size:0; } @media (max-width: 1640px) { .catalog__official-files { width: calc(100% - 495px); padding-left: 61px; } } @media (max-width: 1270px) { .catalog__official-files { margin-top: 48px; padding: 0 35px; min-height: 140px; width: calc(100% - 435px); } } @media (max-width: 1100px) { .catalog__official-files { width: calc(100% - 35px); margin-left: 35px; margin-top: -71px; } } @media (max-width: 768px) { .catalog__official-files { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 25px 35px; } } @media (max-width: 500px) { .catalog__official-files { margin-top: 30px; width: calc(100% + 70px); margin-left: -35px; } } .catalog__official-file { padding-bottom: 7px; } .catalog__official-file + .catalog__official-file { margin-left: 36px; } @media (max-width: 768px) { .catalog__official-file + .catalog__official-file { margin-left: 0; margin-top: 15px; } } .catalog__official-file-info { color: #fff; font-size: 14px; font-weight: 400; line-height: 21px; margin-bottom: -3px; } .catalog__official-file-href { color: #fff; font-size: 18px; font-weight: 600; line-height: 28px; border-bottom: 2px solid #fff; -webkit-transition: 0.5s border; transition: 0.5s border; } .catalog__official-file-href:hover { border-color: transparent; } .gallery { padding: 74px 0 0 122px; margin-top: 237px; display: -webkit-box; display: -ms-flexbox; display: flex; width: calc(100% + 65px); position: relative; } @media (min-width: 1640px) { .gallery { width: calc(100% + 195px); } } @media (max-width: 960px) { .gallery { width: calc(100% + 35px); margin-top: 155px; padding: 0; } } @media (max-width: 768px) { .gallery { margin-top: 100px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; } } .gallery:before { content: ""; position: absolute; z-index: -1; left: 35px; top: 0; height: 720px; width: 90%; background-color: #fbfbfb; } @media (max-width: 960px) { .gallery:before { display: none; } } .gallery__side { width: 297px; min-width: 297px; } @media (min-width: 1400px) { .gallery__side { width: 370px; } } @media (min-width: 1640px) { .gallery__side { width: 440px; } } @media (max-width: 1100px) { .gallery__side { width: 245px; min-width: 245px; } } @media (max-width: 768px) { .gallery__side { width: 100%; height: auto !important; } } @media (max-width: 768px) { .gallery__side-sticky { position: static !important; -webkit-transform: none !important; transform: none !important; } } .gallery__smalltitle { color: #f3502d; font-size: 18px; font-weight: 400; line-height: 21px; } .gallery__title { margin-top: 17px; font-family: "OfficinaSerifBookC"; font-size: 48px; font-weight: 400; line-height: 52px; padding-right: 20px; } @media (min-width: 1367px) { .gallery__title { font-size: 62px; font-weight: 400; line-height: 66px; } } @media (max-width: 768px) { .gallery__title { font-size: 32px; font-weight: 400; line-height: 42px; } } .gallery__catlist { 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: 80px; padding-right: 55px; } @media (max-width: 768px) { .gallery__catlist { margin-top: 32px; } } .gallery__catitem + .gallery__catitem { margin-top: 28px; } @media (max-width: 1366px) { .gallery__catitem + .gallery__catitem { margin-top: 18px; } } @media (max-width: 768px) { .gallery__catitem + .gallery__catitem { margin-top: 12px; } } .gallery__catitem-href { color: #000; font-size: 18px; font-weight: 400; line-height: 24px; -webkit-transition: 0.7s color; transition: 0.7s color; } @media (max-width: 1366px) { .gallery__catitem-href { font-size: 15px; line-height: 21px; } } .gallery__catitem-href.active, .gallery__catitem-href:hover { color: #f3502d; } .gallery__photos { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; margin-top: 8px; } @media (max-width: 768px) { .gallery__photos { margin-top: 40px; } } @media (max-width: 768px) { .gallery__photos { width: calc(100% + 70px); margin-left: -35px; } } .gallery__photos-tab { display: none; } .gallery__photos-tab.active { display: -webkit-box; display: -ms-flexbox; display: flex; } .gallery__photo-col { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .gallery__photo-col + .gallery__photo-col { margin-left: 40px; } @media (max-width: 400px) { .gallery__photo-col + .gallery__photo-col { margin-left: 20px; } } .gallery__photo-col:first-child { width: calc(33% - 2px); text-align: right; } @media (max-width: 1270px) { .gallery__photo-col:first-child { width: 300px; } } .gallery__photo-col:last-child { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .gallery__photo-col img { width: 100%; } .gallery__photo-elem { position: relative; font-size: 0; } .gallery__photo-elem:after { content: ""; position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; background-color: #f3502d; opacity: 0; -webkit-transition: 0.7s opacity; transition: 0.7s opacity; } .gallery__photo-elem:hover:after { opacity: 0.75; } .gallery__photo-elem + .gallery__photo-elem { margin-top: 40px; } @media (max-width: 400px) { .gallery__photo-elem + .gallery__photo-elem { margin-top: 20px; } } .gallery__photo-elem img { max-width: 100%; } .help { margin: 193px 44px 0; background-color: #262626; padding: 71px 175px 74px 80px; position: relative; } @media (max-width: 960px) { .help { margin: 140px 0 0; padding: 41px 147px 41px 47px; } } @media (max-width: 768px) { .help { margin-top: 100px; } } @media (max-width: 575px) { .help { padding: 41px 47px; } } @media (max-width: 500px) { .help { margin-left: -35px; width: calc(100% + 70px); padding: 35px; } } .help__title { color: #fff; font-family: "OfficinaSerifBookC"; font-size: 48px; font-weight: 400; line-height: 52px; } @media (min-width: 1367px) { .help__title { font-size: 62px; font-weight: 400; line-height: 66px; } } @media (max-width: 768px) { .help__title { font-size: 32px; font-weight: 400; line-height: 42px; } } .help__subtitle { margin-top: 30px; color: #fff; max-width: 630px; font-size: 18px; font-weight: 400; line-height: 24px; } @media (max-width: 1366px) { .help__subtitle { font-size: 15px; line-height: 21px; } } @media (max-width: 768px) { .help__subtitle { font-size: 14px; font-weight: 400; line-height: 21px; } } .help__form { margin-top: 40px; } @media (max-width: 1270px) { .help__form > .common__row_flex { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .help__form > .common__row_flex > .common__col { width: 100%; } .help__form > .common__row_flex > .common__col + .common__col { margin-top: 27px; } } .help__hint { color: #fff; font-size: 18px; font-weight: 400; line-height: 24px; margin-top: 12px; } @media (max-width: 1366px) { .help__hint { font-size: 15px; line-height: 21px; } } @media (max-width: 768px) { .help__hint { font-size: 14px; font-weight: 400; line-height: 21px; } } .help__btn { position: absolute; bottom: 80px; right: -45px; } @media (max-width: 960px) { .help__btn { right: -21px; } } @media (max-width: 575px) { .help__btn { position: static; margin-top: 30px; } } .about { margin-top: 274px; padding: 0 43px; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; } @media (max-width: 960px) { .about { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0; margin-top: 140px; } } @media (max-width: 768px) { .about { margin-top: 60px !important; } } .about__side { width: 535px; margin-right: 62px; position: relative; z-index: 1; } @media (max-width: 1270px) { .about__side { width: 280px; } } @media (max-width: 960px) { .about__side { width: 100%; margin-right: 0; } } .about__info { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; position: relative; padding-top: 650px; padding-right: 37px; } @media (max-width: 1100px) { .about__info { padding-top: 650px; } } .about__info-img { position: absolute; left: 0; top: -75px; background: url(/img/slide-02-min.jpg) no-repeat top left; width: 0; height: 672px; -webkit-transition: 1.3s width; transition: 1.3s width; } @media (max-width: 960px) { .about__info-img { display: none; } } .about__info-img.visible { width: calc(100vw - 595px); } @media (max-width: 1270px) { .about__info-img.visible { width: 830px; } } .about__smalltitle { color: #f3502d; font-family: "Roboto Condensed", sans-serif; font-size: 18px; font-weight: 400; line-height: 21px; } .about__title { margin-top: 17px; font-family: 'Roboto Condensed', sans-serif; font-size: 56px; font-weight: 600; line-height: 66px; width: 570px; } @media (min-width: 1367px) { .about__title { font-size: 56px; font-weight: 600; line-height: 66px; } } @media (max-width: 768px) { .about__title { font-size: 32px; font-weight: 400; line-height: 42px; width: 100%; } } .about__text { margin-top: 32px; } .about__features { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: flex-start; } @media (max-width: 1100px) { .about__features { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .about__feature { width: 120px; margin-right: 95px; } @media (max-width: 1510px) { .about__feature { margin-right: 45px; } } @media (max-width: 1366px) { .about__feature { margin-right: 20px; } } .about__feature:last-child { margin-right: 0; } @media (max-width: 1100px) { .about__feature { width: 50%; margin-bottom: 30px; margin-right: 0; } } .about__digit {opacity:0;} .about__digit,.about__digit_nan { color: #407fd5; font-family: "OfficinaSerifBookC"; font-size: 80px; font-weight: 400; line-height: 48px; margin-left: -5px; } @media (max-width: 1366px) { .about__digit,.about__digit_nan { font-size: 66px; } } .about__digit-for { margin-top: 20px; font-size: 18px; font-weight: 600; line-height: 24px; } .capabilities { margin-top: 249px; position: relative; z-index: 1; padding: 71px 43px 36px 43px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } @media (max-width: 1440px) { .capabilities { padding-bottom: 80px; } } @media (max-width: 960px) { .capabilities { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-top: 150px; padding: 42px 0 50px; } } .capabilities:before { content: ""; position: absolute; z-index: -1; left: -71px; top: 0; background-color: #f3502d; height: 100%; width: calc(100% + 231px); } @media (max-width: 960px) { .capabilities:before { left: -65px; width: calc(100% + 130px); } } @media (max-width: 768px) { .capabilities:before { left: -35px; width: calc(100% + 70px); } } .capabilities__img { position: absolute; right: 560px; top: -81px; background: url("/img/capabilites.jpg") no-repeat top left; width: 0; height: 739px; -webkit-transition: 1.3s width; transition: 1.3s width; } @media (min-width: 1400px) { .capabilities__img { right: 620px; } } @media (min-width: 1640px) { .capabilities__img { right: 694px; } } @media (max-width: 1100px) { .capabilities__img { right: 460px; } } @media (max-width: 960px) { .capabilities__img { display: none; } } .capabilities__img.visible { width: calc(100vw - 640px); } @media (min-width: 1400px) { .capabilities__img.visible { width: calc(100vw - 702px); } } @media (min-width: 1640px) { .capabilities__img.visible { width: calc(100vw - 866px); } } @media (max-width: 1270px) { .capabilities__img.visible { width: 746px; } } .capabilities__info { width: 460px; } @media (min-width: 1400px) { .capabilities__info { width: 520px; } } @media (min-width: 1640px) { .capabilities__info { width: 590px; padding-bottom: 120px; } } @media (max-width: 1100px) { .capabilities__info { width: 380px; } } @media (max-width: 960px) { .capabilities__info { width: 100%; } } .capabilities__title { color: #fff; font-family: "OfficinaSerifBookC"; font-size: 48px; font-weight: 400; line-height: 52px; } @media (min-width: 1367px) { .capabilities__title { font-size: 62px; font-weight: 400; line-height: 66px; } } @media (max-width: 768px) { .capabilities__title { font-size: 32px; font-weight: 400; line-height: 42px; } } .capabilities__list { margin-top: 30px; padding-left: 73px; counter-reset: capabalitiesCounter; } .capabilities__item { position: relative; } .capabilities__item + .capabilities__item { margin-top: 40px; } .capabilities__item:before { counter-increment: capabalitiesCounter; content: counter(capabalitiesCounter) ". "; position: absolute; top: 0; left: -30px; color: #fff; font-size: 18px; font-weight: 600; line-height: 24px; } .capabilities__item:after { content: ""; position: absolute; top: 5px; left: -56px; width: 1px; height: calc(100% - 5px); background-color: rgba(255, 255, 255, 0.25); } .capabilities__item-title { color: #fff; font-size: 18px; font-weight: 600; line-height: 24px; } .capabilities__item-text { color: #fff; font-size: 18px; font-weight: 400; line-height: 23px; margin-top: 19px; } @media (max-width: 1366px) { .capabilities__item-text { font-size: 15px; line-height: 21px; } } @media (max-width: 768px) { .capabilities__item-text { font-size: 14px; font-weight: 400; line-height: 21px; } } .ourfeat { margin-top: 192px; position: relative; } @media (max-width: 960px) { .ourfeat { margin-top: 140px; } } @media (max-width: 768px) { .ourfeat { margin-top: 100px; } } .ourfeat__title { font-size: 48px; font-weight: 400; line-height: 52px; margin-left: 42px; } @media (min-width: 1367px) { .ourfeat__title { font-size: 62px; font-weight: 400; line-height: 66px; } } @media (max-width: 768px) { .ourfeat__title { font-size: 32px; font-weight: 400; line-height: 42px; } } .ourfeat__list { margin: 115px 45px 0; background: url("/img/slide-f1-min.jpg") no-repeat top left; background-size: 100% auto; min-height: 574px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media (max-width: 960px) { .ourfeat__list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin: 40px 0 0; background: none; } } .ourfeat__item { width: calc(100% / 3); height: 390px; position: relative; background-color: #fbfbfb; padding: 48px 64px; -webkit-transition: 0.7s background; transition: 0.7s background; } @media (max-width: 1440px) { .ourfeat__item { height: auto; } } @media (max-width: 1270px) { .ourfeat__item { padding: 38px 35px; } } @media (max-width: 1100px) { .ourfeat__item { height: auto; } } @media (max-width: 960px) { .ourfeat__item { width: 100%; top: 0 !important; } } @media (max-width: 500px) { .ourfeat__item { width: calc(100% + 70px); margin-left: -35px; } } .ourfeat__item + .ourfeat__item { margin-left: 33px; } @media (max-width: 960px) { .ourfeat__item + .ourfeat__item { margin-left: 0; /*margin-top: 30px;*/ margin-top: 0 !important; } } @media (max-width: 500px) { .ourfeat__item { padding-top: 10px; padding-bottom: 10px; } .ourfeat__item + .ourfeat__item { margin-left: -35px; } } .ourfeat__item:first-child { margin-left: -35px; top: -65px; } @media (max-width: 960px) { .ourfeat__item:first-child { margin-left: 0; } } @media (max-width: 500px) { .ourfeat__item:first-child { margin-left: -35px; } } .ourfeat__item:nth-child(2) { top: 195px; } .ourfeat__item:last-child { margin-right: -35px; top: 65px; } @media (max-width: 960px) { .ourfeat__item:last-child { margin-right: 0; } } .ourfeat__item-title { font-size: 18px; font-weight: 600; text-transform: uppercase; font-family: 'Roboto Condensed', sans-serif; line-height: 24px; -webkit-transition: 0.7s color; transition: 0.7s color; } .ourfeat__item-text { margin-top: 20px; font-size: 18px; font-weight: 400; line-height: 24px; -webkit-transition: 0.7s color; transition: 0.7s color; } @media (max-width: 1366px) { .ourfeat__item-text { font-size: 15px; line-height: 21px; } } @media (max-width: 768px) { .ourfeat__item-text { font-size: 14px; font-weight: 400; line-height: 21px; } } .ourfeat__item:hover { background-color: #407fd5; } .ourfeat__item:hover .ourfeat__item-title, .ourfeat__item:hover .ourfeat__item-text { color: #fff; } .clients { margin-top: 150px; /*margin-top: 263px;*/ position: relative; padding: 0 43px; } @media (max-width: 1366px) { .clients { margin-top: 190px; } } @media (max-width: 1100px) { .clients { margin-top: 160px; } } @media (max-width: 768px) { .clients { margin-top: 120px; } } @media (max-width: 960px) { .clients { padding: 0; } } .clients__title { font-family: "OfficinaSerifBookC"; font-size: 48px; font-weight: 400; line-height: 52px; } @media (min-width: 1367px) { .clients__title { font-size: 62px; font-weight: 400; line-height: 66px; } } @media (max-width: 768px) { .clients__title { font-size: 32px; font-weight: 400; line-height: 42px; } } .clients__img { max-width: 100%; max-height: 100%; opacity: 0.6; -webkit-transition: 0.7s opacity; transition: 0.7s opacity; align-self: flex-end; filter: grayscale(1); } .clients__img:hover { opacity: 1; filter: none; } .clients__car.swiper-container { margin-top: 68px; } .clients__car .swiper-slide { height: 85px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 20px; } .clients__car .swiper-slide .clients__img{ -ms-flex-item-align: auto;-ms-grid-row-align: auto;align-self: auto; } .clients .swiper-buttons { position: absolute; right: 45px; top: 19px; } @media (max-width: 500px) { .clients .swiper-buttons { right: auto; left: 50%; top: 0; position: relative; margin-top: 30px; width: 102px; margin-left: -51px; } } .contacts { margin: 143px 0 0 0; /*margin: 193px 43px 0;*/ background-color: #262626; padding: 71px 110px 79px 110px; position: relative; } @media (max-width: 1270px) { .contacts > .common__row_flex { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .contacts > .common__row_flex > .common__col { width: 100%; } .contacts > .common__row_flex > .common__col + .common__col { margin-top: 27px; } } @media (max-width: 960px) { .contacts { margin: 140px 0 0; padding: 41px 147px 41px 47px; } } @media (max-width: 768px) { .contacts { margin-top: 100px; } } @media (max-width: 575px) { .contacts { padding: 41px 47px; } } @media (max-width: 500px) { .contacts { margin-left: 0; } } .anyque { padding: 0px 0; text-align: center; font-size: 40px; /* font-family: 'Roboto Condensed', sans-serif; background: url(/i/point2.png) 0px 11px repeat-x;*/ background-size: 10px; } .anyque:after { content: ''; /* height: 40px; */ display: block; width: 100%; /* background: url(/i/down.jpg) no-repeat top center; */ /* background-size: contain; */ margin: 30px auto 0px auto; opacity: 1; width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #ff4419; } .contacts__title { color: #fff; font-family: 'Roboto Condensed', sans-serif; font-size: 48px; font-weight: 600; line-height: 52px; } @media (min-width: 1367px) { .contacts__title { font-size: 62px; font-weight: 400; line-height: 66px; } } @media (max-width: 768px) { .contacts__title { font-size: 32px; font-weight: 400; line-height: 42px; } } .contacts__types { margin-top: 30px; } .contacts__type { padding-left: 27px; position: relative; } @media (max-width: 500px) { .contacts__type { padding-left: 0; } } .contacts__type:before { content: ""; position: absolute; left: 2px; top: 4px; background-color: rgba(255, 255, 255, 0.1); height: 30px; width: 1px; } @media (max-width: 500px) { .contacts__type:before { display: none; } } .contacts__type + .contacts__type { margin-top: 39px; } .contacts__type-title { color: #fff; font-size: 18px; font-weight: 600; line-height: 24px; } .contacts__type-text { margin-top: 18px; color: #fff; font-size: 18px; font-weight: 400; line-height: 24px; } @media (max-width: 1366px) { .contacts__type-text { font-size: 15px; line-height: 21px; } } @media (max-width: 768px) { .contacts__type-text { font-size: 14px; font-weight: 400; line-height: 21px; } } .contacts__type-phones { margin-top: 18px; } @media (max-width: 360px) { .contacts__type-phones { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .contacts__type-phone { display: inline-block; vertical-align: top; color: #fff; font-size: 15px; font-weight: 400; line-height: 21px; } @media (max-width: 768px) { .contacts__type-phone { font-size: 14px; font-weight: 400; line-height: 21px; } } .contacts__type-phone + .contacts__type-phone { margin-left: 30px; } @media (max-width: 360px) { .contacts__type-phone + .contacts__type-phone { margin-top: 10px; margin-left: 0; } } .contacts__type-mail { margin-top: 18px; display: inline-block; vertical-align: top; color: #fff; font-size: 15px; font-weight: 400; line-height: 21px; border-bottom: 1px solid transparent; -webkit-transition: 0.7s border; transition: 0.7s border; } @media (max-width: 768px) { .contacts__type-mail { font-size: 14px; font-weight: 400; line-height: 21px; } } .contacts__type-mail:hover { border-color: currentColor; } .contacts__form { margin-top: 33px; } .contacts__btn { position: absolute; bottom: 2px; right: 0; border-bottom:6px solid #ff4419; } @media (max-width: 960px) { .contacts__btn { bottom: 0; right: 0px; } } @media (max-width: 575px) { .contacts__btn { position: static; margin-top: 30px; } } .contacts .common__textarea { height: 89px; } .footer { margin-top: 49px; margin-bottom: 52px; padding: 0 74px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 960px) { .footer { padding: 0 35px; } } .footer__left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: normal; } .footer__logoover { display: inline-block; vertical-align: top; margin-right: 31px; } .footer__logo { -webkit-filter: invert(100%); filter: invert(100%); } @media (max-width: 360px) { .footer__logo { width: 55px; } } .footer__copy { display: inline-block; vertical-align: top; font-size: 18px; font-weight: 400; line-height: 21px; } @media (max-width: 500px) { .footer__copy { display: none; } } .footer__dextra { color: #000; font-family: Verdana, Geneva, sans-serif; font-size: 9px; font-weight: 400; line-height: 14px; text-transform: uppercase; letter-spacing: 0.18em; position: relative; } .footer__dextra span { display: block; position: absolute; top: 2px; right: calc(100% + 9px); width: 71px; height: 21px; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAAJCAMAAABZlb9eAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAM1BMVEUAAAD///////////////////////////////////////////////////////////////+3leKCAAAAEHRSTlMAgL9QEN9AMGCf7yCPz69wvspXdQAAAAFiS0dEAf8CLd4AAAAJcEhZcwAACxIAAAsSAdLdfvwAAADYSURBVCjPZVFXlsQwCMPYuJCm+592Kdm8yYw+YsVGIIAKDFzJEBQgaoLun0HEeddvJpMCgpkKLkuDOzUY6xD7czbLgpSyuXiVXT0NUQWOFBcP1n+a2LHy2d84TnbdHbLA2B7F4Razcvgxz37zLW5nVG44KvZHfKeN/iP0hLRvseNyOu1QecTiLj5sV2ikfomvXlU3yvbl6eKCvHpuqkNyNu+ed9heNgizJXCFsEAHJTWE6WLF0/jvwErsRrTR9HhfBSV18eDTJ84xu8Hpf2cr0NmaXuxZL+5/APkKRRf72YAAAAAASUVORK5CYII="); background-repeat: no-repeat; background-position: center; background-color: #262626; -webkit-transition: 0.7s background; transition: 0.7s background; } .footer__dextra:hover span { background-color: #f3502d; } .popup { width: calc(100% - 200px); background-color: #fbfbfb; padding: 58px 147px 59px 63px; } @media (max-width: 960px) { .popup { padding: 41px 147px 41px 47px; } } @media (max-width: 768px) { .popup { width: calc(100% - 70px); } } @media (max-width: 575px) { .popup { padding: 41px 47px; } } @media (max-width: 400px) { .popup { width: 100%; padding: 35px; } } .popup__back-btn{ position: fixed; left: 32px; top: 30px; width: 35px; height: 27px; z-index: 10; cursor: pointer; background-color: transparent; outline: none; -webkit-transition: .7s left, 0.7s opacity, background .7s; transition: .7s left, 0.7s opacity, background .7s; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAbCAMAAADBLsarAAAAV1BMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOl5NtAAAAHHRSTlMABAq95dfOxqeMGxUQft6ysKSZl3BjV0s0KyOByAvt4gAAAGlJREFUKM+lkzcSgDAMBIVzJGf4/zuhpdqCrXc8lnQnH7YgxGp2UhZzkDK3JynVJlKiy6RMvoDRDFqR0nekKB0aUIofSckuCpBsFULfyPvOJQD9h+fi/fCe+V58d84P55Dz/KcX3C/u6QPsvgdG/jVcBQAAAABJRU5ErkJggg==') no-repeat center; padding: 0; } .popup__back-btn:hover{ left: 17px; } .popup__title { color: #000; font-family: 'Roboto Condensed', sans-serif; font-size: 42px; font-weight: 600; line-height: 52px; } @media (max-width: 768px) { .popup__title { font-size: 32px; font-weight: 400; line-height: 42px; } } .popup__subtitle { color: #000; margin-top: 32px; max-width: 630px; font-size: 15px; font-weight: 400; line-height: 21px; } @media (max-width: 768px) { .popup__subtitle { font-size: 14px; font-weight: 400; line-height: 21px; } } @media (max-width: 1270px) { .popup__form > .common__row_flex { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .popup__form > .common__row_flex > .common__col { width: 100%; } .popup__form > .common__row_flex > .common__col + .common__col { margin-top: 27px; } } .popup__form_top { margin-top: 40px; } .popup__form .common__label { opacity: 0.5; } .popup__form .common__label, .popup__form .help__hint, .popup__form .common__filename, .popup__form .fakecheckbox__label, .popup__form .fakecheckbox__label a:not([class]) { color: #000; } .popup__form .fakecheckbox__label a:not([class]) { border-bottom: 2px solid #f3502d; -webkit-transition: 0.7s border; transition: 0.7s border; } .popup__form .fakecheckbox__label a:not([class]):hover { border-color: transparent; } .popup__form .common__filename:before { -webkit-filter: invert(100%); filter: invert(100%); } .popup__form .fakecheckbox__label:before { border-color: #000; } .popup__form .common__inp{ color: #000; } .popup_item { padding: 0; background-color: transparent; } .popup__scrollable { height: 70vh; overflow: auto; } .card__over { display: -webkit-box; display: -ms-flexbox; display: flex; padding-right: 20px; } @media (max-width: 1100px) { .card__over { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media (max-width: 400px) { .card__over { padding: 0 35px; } } .card__imgover { position: fixed; width: 368px; margin-right: 59px; } @media (max-width: 1270px) { .card__imgover { width: 270px; margin-right: 40px; } } @media (max-width: 1100px) { .card__imgover { position: relative; width: 100%; margin-right: 0; margin-bottom: 40px; } } .card__img { width: 100%; } @media (max-width: 1100px) { .card__img { max-width: 100%; width: auto; } } .card__info { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; margin-top: -8px; max-width: 698px; width: calc(100% - 427px); margin-left: 427px; } @media (min-width: 1600px) { .card__info { max-width: 1000px; } } @media (max-width: 1270px) { .card__info { width: calc(100% - 310px); margin-left: 310px; } } @media (max-width: 1100px) { .card__info { width: 100%; margin-left: 0; } } .card__title { font-family: "OfficinaSerifBookC"; font-size: 48px; font-weight: 400; line-height: 52px; margin-bottom: 32px; } @media (max-width: 768px) { .card__title { font-size: 24px; font-weight: 400; line-height: 31px; } } .card__download { margin-top: 22px; position: relative; z-index: 1; padding-left: 65px; padding-bottom: 7px; height: 170px; width: 535px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media (max-width: 650px) { .card__download { padding-left: 30px; width: 100%; margin-right: 0; height: auto; padding: 35px; } } @media (max-width: 500px) { .card__download { display: block; } } .card__download:before { content: ""; position: absolute; z-index: -1; left: 0; top: 0; height: 100%; width: 100%; background-color: #fbfbfb; } .card__download-type { color: #f3502d; font-size: 12px; font-weight: 600; line-height: 21px; } .card__download-href { max-width: calc(100% - 135px); } /* .card__download-href { color: #000; font-size: 15px; font-weight: 600; line-height: 21px; border-bottom: 2px solid #f3502d; -webkit-transition: 0.7s border; transition: 0.7s border; } */ .card__download-href span{ color: #000; font-size: 15px; font-weight: 600; line-height: 21px; border-bottom: 2px solid #f3502d; -webkit-transition: 0.7s border; transition: 0.7s border; } .card__download-href:hover span{ border-color: transparent; } .card__btn { position: absolute; top: 50%; right: -35px; margin-top: -58px; } @media (max-width: 650px) { .card__btn { position: static; margin-top: 20px; display: block; } } .card__examples { margin-top: 46px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: -34px; } .card__example { width: calc(50% - 16px); margin-bottom: 34px; } @media (max-width: 575px) { .card__example { width: 100%; } } .card__example-img { width: 100%; } .card__example-name { font-size: 15px; font-weight: 400; line-height: 21px; margin-top: 10px; } @media (min-width: 1367px) { .card__example-name { font-size: 18px; line-height: 24px; } } @media (max-width: 768px) { .card__example-name { font-size: 14px; font-weight: 400; line-height: 21px; } } .card__imgs { position: relative; margin-top: 69px; max-width: 800px } .card__imgs .swiper-buttons { position: absolute; right: 0; top: 3px; } @media (max-width: 500px) { .card__imgs .swiper-buttons { right: auto; left: 50%; top: 0; position: relative; margin-top: 30px; width: 102px; margin-left: -51px; margin-bottom: 40px; } } .card__car.swiper-container { margin-top: 30px; } .card__car-img { width: 100%; } body.fancybox-active { overflow: hidden; } body.fancybox-iosfix { position: fixed; left: 0; right: 0; } .fancybox-is-hidden { position: absolute; top: -9999px; left: -9999px; visibility: hidden; } .fancybox-container { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99992; -webkit-tap-highlight-color: transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0); transform: translateZ(0); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; } .fancybox-outer, .fancybox-inner, .fancybox-bg, .fancybox-stage { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .fancybox-outer { overflow-y: auto; -webkit-overflow-scrolling: touch; } .fancybox-bg { right: auto; width: 0; background: #fff; opacity: 0; -webkit-transition: .7s width cubic-bezier(0.47, 0, 0.74, 0.71), opacity .7s cubic-bezier(0.47, 0, 0.74, 0.71); transition: .7s width cubic-bezier(0.47, 0, 0.74, 0.71), opacity .7s cubic-bezier(0.47, 0, 0.74, 0.71); } .fancybox-is-open .fancybox-bg { width: 100%; opacity: 1; } .popup .popup__title, .popup .popup__subtitle, .popup#feedback .popup__form, .popup#feedback_logistic .popup__form, .popup#feedcall .popup__form, .popup#feedcall-offer .popup__form { opacity: 0; -webkit-transition: opacity .7s linear 1.4s; transition: opacity .7s linear 1.4s; } .popup_item .popup__scrollable { opacity: 0; -webkit-transition: opacity .7s linear .7s; transition: opacity .7s linear .7s; } .fancybox-container .fancybox-slide--video iframe { visibility: hidden; background: #fff; opacity: 0; -webkit-transition: opacity .7s, background .7s, visibility.7s; transition: opacity .7s, background .7s, visibility.7s; -webkit-transition-delay: .7s; transition-delay: .7s; } .popup#feedback, .popup#feedback_logistic, .popup#feedcall, .popup#feedcall-offer { top: 100px; opacity: 0; display:none; -webkit-transition: opacity .7s linear .7s, top .7s linear .7s; transition: opacity .7s linear .7s, top .7s linear .7s; } .fancybox-slide--complete .popup#feedback, .fancybox-slide--complete .popup#feedcall, .fancybox-slide--complete .popup#feedback_logistic, .fancybox-slide--complete .popup#feedcall-offer { opacity: 1; top: 0; } .fancybox-slide--complete .popup .popup__title, .fancybox-slide--complete .popup .popup__subtitle, .fancybox-slide--complete .popup_item .popup__scrollable, .fancybox-slide--complete .popup#feedback .popup__form, .fancybox-slide--complete .popup#feedback_logistic .popup__form, .fancybox-slide--complete .popup#feedcall .popup__form, .fancybox-slide--complete .popup#feedcall-offer .popup__form { opacity: 1; } .fancybox-container .fancybox-slide--video.fancybox-slide--complete iframe { opacity: 1; background: #000; visibility: visible; } .fancybox-infobar, .fancybox-toolbar, .fancybox-caption-wrap { position: absolute; direction: ltr; z-index: 99997; opacity: 0; visibility: hidden; -webkit-transition: opacity 0.25s, visibility 0s linear 0.25s; transition: opacity 0.25s, visibility 0s linear 0.25s; -webkit-box-sizing: border-box; box-sizing: border-box; } .fancybox-show-infobar .fancybox-infobar, .fancybox-show-toolbar .fancybox-toolbar, .fancybox-show-caption .fancybox-caption-wrap { opacity: 1; visibility: visible; -webkit-transition: opacity 0.25s, visibility 0s; transition: opacity 0.25s, visibility 0s; } .fancybox-infobar { top: 0; left: 0; font-size: 13px; padding: 0 10px; height: 44px; min-width: 44px; line-height: 44px; color: #ccc; text-align: center; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; -webkit-font-smoothing: subpixel-antialiased; mix-blend-mode: exclusion; } .popup#feedcall,.popup#feedcall-offer { width: 100%; max-width: 949px; } .popup#feedcall .common__row_flex, .popup#feedcall-offer .common__row_flex{ flex-direction: column; } .popup#feedcall .common__col,.popup#feedcall-offer .common__col { width: 100%; } .popup#feedcall .common__col + .common__col,.popup#feedcall-offer .common__col + .common__col { margin-top: 40px; } .fancybox-toolbar { top: 0; right: 0; margin: 0; padding: 0; } .fancybox-stage { overflow: hidden; direction: ltr; z-index: 99994; -webkit-transform: translate3d(0, 0, 0); } .fancybox-is-closing .fancybox-stage { overflow: visible; } .fancybox-slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; overflow: auto; outline: none; white-space: normal; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; z-index: 99994; -webkit-overflow-scrolling: touch; display: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition-property: opacity, -webkit-transform; -webkit-transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; } .fancybox-slide::before { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0; } .fancybox-is-sliding .fancybox-slide, .fancybox-slide--previous, .fancybox-slide--current, .fancybox-slide--next { display: block; } .fancybox-slide--image { overflow: visible; } .fancybox-slide--image::before { display: none; } .fancybox-slide--video .fancybox-content, .fancybox-slide--video iframe { /*background: #000;*/ } .fancybox-slide--map .fancybox-content, .fancybox-slide--map iframe { background: #e5e3df; } .fancybox-slide--next { z-index: 99995; } .fancybox-slide > * { display: inline-block; position: relative; /*padding: 24px;*/ margin: 85px 0; border-width: 0; vertical-align: middle; text-align: left; overflow: visible; -webkit-box-sizing: border-box; box-sizing: border-box; } .fancybox-slide > title, .fancybox-slide > style, .fancybox-slide > meta, .fancybox-slide > link, .fancybox-slide > script, .fancybox-slide > base { display: none; } .fancybox-slide .fancybox-image-wrap { position: absolute; top: 0; left: 0; margin: 0; padding: 0; border: 0; z-index: 99995; background: transparent; cursor: default; overflow: visible; -webkit-transform-origin: top left; transform-origin: top left; background-size: 100% 100%; background-repeat: no-repeat; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition-property: opacity, -webkit-transform; -webkit-transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; } .fancybox-can-zoomOut .fancybox-image-wrap { cursor: -webkit-zoom-out; cursor: zoom-out; } .fancybox-can-zoomIn .fancybox-image-wrap { cursor: -webkit-zoom-in; cursor: zoom-in; } .fancybox-can-drag .fancybox-image-wrap { cursor: -webkit-grab; cursor: grab; } .fancybox-is-dragging .fancybox-image-wrap { cursor: -webkit-grabbing; cursor: grabbing; } .fancybox-image, .fancybox-spaceball { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; border: 0; max-width: none; max-height: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fancybox-spaceball { z-index: 1; } .fancybox-slide--iframe .fancybox-content { padding: 0; width: 80%; height: 80%; max-width: calc(100% - 100px); max-height: calc(100% - 88px); overflow: visible; background: #fff; } .fancybox-iframe { display: block; margin: 0; padding: 0; border: 0; width: 100%; height: 100%; background: #fff; } .fancybox-error { margin: 0; padding: 40px; width: 100%; max-width: 380px; background: #fff; cursor: default; } .fancybox-error p { margin: 0; padding: 0; color: #444; font-size: 16px; line-height: 20px; } .fancybox-button { -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; vertical-align: top; width: 44px; height: 44px; margin: 0; padding: 10px; border: 0; border-radius: 0; background: rgba(30, 30, 30, 0.6); -webkit-transition: color 0.3s ease; transition: color 0.3s ease; cursor: pointer; outline: none; } .fancybox-button, .fancybox-button:visited, .fancybox-button:link { color: #ccc; } .fancybox-button:focus, .fancybox-button:hover { color: #fff; } .fancybox-button[disabled] { color: #ccc; cursor: default; opacity: 0.6; } .fancybox-button svg { display: block; position: relative; overflow: visible; shape-rendering: geometricPrecision; } .fancybox-button svg path { fill: currentColor; stroke: currentColor; stroke-linejoin: round; stroke-width: 3; } .fancybox-button--share svg path { stroke-width: 1; } .fancybox-button--play svg path:nth-child(2) { display: none; } .fancybox-button--pause svg path:nth-child(1) { display: none; } .fancybox-button--zoom svg path { fill: transparent; } .fancybox-navigation { display: none; } .fancybox-show-nav .fancybox-navigation { display: block; } .fancybox-navigation button { position: absolute; top: 50%; margin: -50px 0 0 0; z-index: 99997; background: transparent; width: 60px; height: 100px; padding: 17px; } .fancybox-navigation button:before { content: ""; position: absolute; top: 30px; right: 10px; width: 40px; height: 40px; background: rgba(30, 30, 30, 0.6); } .fancybox-navigation .fancybox-button--arrow_left { left: 0; } .fancybox-navigation .fancybox-button--arrow_right { right: 0; } .fancybox-close-small { cursor: pointer; top: 30px; right: 30px; position: fixed; background-color: transparent; width: 27px; height: 27px; opacity: 0.7; background-position: -59px 2px; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAbBAMAAAB/+ulmAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAMFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD///9agToZAAAADnRSTlMAqT8+qjrnO+Y9cW9tPPJEaJcAAAABYktHRA8YugDZAAAACXBIWXMAAAsSAAALEgHS3X78AAAAnUlEQVQY02MQYkAAZgeGMAUE1yyAgTUZIZkKJMIMkCQZENJgSYS0WQGYYodIM7dDVVWApS0KoFz2ZmRJiDRcEijdycCZjuS6sgnTCpC47FnIkgwM+zYg8zhzMpG5MwoqJiBJtjPwdiJJXmBguAGX5uwFEghpkCRQ+gKEx9uLTMGFr4Fp3lyoHgjj2gWYGSBlcEmI7htwSTDbF9npDgAe6SgCaPxARAAAAABJRU5ErkJggg=="); background-repeat: no-repeat; background-position: center; transition: transform .5s, 0.5s opacity; -webkit-transition: transform .5s, 0.5s opacity; } .fancybox-close-small:hover { opacity: 1; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .fancybox-slide--image .fancybox-close-small, .fancybox-slide--iframe .fancybox-close-small { top: 0; right: -40px; } .fancybox-slide--image .fancybox-close-small:after, .fancybox-slide--iframe .fancybox-close-small:after { font-size: 35px; color: #aaa; } .fancybox-slide--image .fancybox-close-small:hover:after, .fancybox-slide--iframe .fancybox-close-small:hover:after { color: #fff; background: transparent; } .fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small { display: none; } .fancybox-caption-wrap { bottom: 0; left: 0; right: 0; padding: 60px 2vw 0 2vw; background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(20%, rgba(0, 0, 0, 0.1)), color-stop(40%, rgba(0, 0, 0, 0.2)), color-stop(80%, rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0.8))); background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8) 100%); pointer-events: none; } .fancybox-caption { padding: 30px 0; border-top: 1px solid rgba(255, 255, 255, 0.4); font-size: 14px; color: #fff; line-height: 20px; -webkit-text-size-adjust: none; } .fancybox-caption a, .fancybox-caption button, .fancybox-caption select { pointer-events: all; position: relative; /* Fix IE11 */ } .fancybox-caption a { color: #fff; text-decoration: underline; } .fancybox-slide > .fancybox-loading { border: 6px solid rgba(100, 100, 100, 0.4); border-top: 6px solid rgba(255, 255, 255, 0.6); border-radius: 100%; height: 50px; width: 50px; -webkit-animation: fancybox-rotate 0.8s infinite linear; animation: fancybox-rotate 0.8s infinite linear; background: transparent; position: absolute; top: 50%; left: 50%; margin-top: -30px; margin-left: -30px; z-index: 99999; } @-webkit-keyframes fancybox-rotate { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .fancybox-animated { -webkit-transition-timing-function: cubic-bezier(0, 0, 0.25, 1); transition-timing-function: cubic-bezier(0, 0, 0.25, 1); } .fancybox-fx-slide.fancybox-slide--previous { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); opacity: 0; } .fancybox-fx-slide.fancybox-slide--next { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); opacity: 0; } .fancybox-fx-slide.fancybox-slide--current { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } .fancybox-fx-fade.fancybox-slide--previous, .fancybox-fx-fade.fancybox-slide--next { opacity: 0; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .fancybox-fx-fade.fancybox-slide--current { opacity: 1; } .fancybox-fx-zoom-in-out.fancybox-slide--previous { -webkit-transform: scale3d(1.5, 1.5, 1.5); transform: scale3d(1.5, 1.5, 1.5); opacity: 0; } .fancybox-fx-zoom-in-out.fancybox-slide--next { -webkit-transform: scale3d(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5); opacity: 0; } .fancybox-fx-zoom-in-out.fancybox-slide--current { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; } .fancybox-fx-rotate.fancybox-slide--previous { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); opacity: 0; } .fancybox-fx-rotate.fancybox-slide--next { -webkit-transform: rotate(360deg); transform: rotate(360deg); opacity: 0; } .fancybox-fx-rotate.fancybox-slide--current { -webkit-transform: rotate(0deg); transform: rotate(0deg); opacity: 1; } .fancybox-fx-circular.fancybox-slide--previous { -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); opacity: 0; } .fancybox-fx-circular.fancybox-slide--next { -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); opacity: 0; } .fancybox-fx-circular.fancybox-slide--current { -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); opacity: 1; } .fancybox-fx-tube.fancybox-slide--previous { -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); } .fancybox-fx-tube.fancybox-slide--next { -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); } .fancybox-fx-tube.fancybox-slide--current { -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); } .fancybox-share { padding: 30px; border-radius: 3px; background: #f4f4f4; max-width: 90%; text-align: center; } .fancybox-share h1 { color: #222; margin: 0 0 20px 0; font-size: 35px; font-weight: 700; } .fancybox-share p { margin: 0; padding: 0; } p.fancybox-share__links { margin-right: -10px; } .fancybox-share__button { display: inline-block; text-decoration: none; margin: 0 10px 10px 0; padding: 0 15px; min-width: 130px; border: 0; border-radius: 3px; background: #fff; white-space: nowrap; font-size: 14px; font-weight: 700; line-height: 40px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #fff; -webkit-transition: all 0.2s; transition: all 0.2s; } .fancybox-share__button:hover { text-decoration: none; } .fancybox-share__button--fb { background: #3b5998; } .fancybox-share__button--fb:hover { background: #344e86; } .fancybox-share__button--pt { background: #bd081d; } .fancybox-share__button--pt:hover { background: #aa0719; } .fancybox-share__button--tw { background: #1da1f2; } .fancybox-share__button--tw:hover { background: #0d95e8; } .fancybox-share__button svg { position: relative; top: -1px; width: 25px; height: 25px; margin-right: 7px; vertical-align: middle; } .fancybox-share__button svg path { fill: #fff; } .fancybox-share__input { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; margin: 10px 0 0 0; padding: 10px 15px; background: transparent; color: #5d5b5b; font-size: 14px; outline: none; border: 0; border-bottom: 2px solid #d7d7d7; } .fancybox-thumbs { display: none; position: absolute; top: 0; bottom: 0; right: 0; width: 212px; margin: 0; padding: 2px 2px 4px 2px; background: #fff; -webkit-tap-highlight-color: transparent; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 99995; } .fancybox-thumbs-x { overflow-y: hidden; overflow-x: auto; } .fancybox-show-thumbs .fancybox-thumbs { display: block; } .fancybox-show-thumbs .fancybox-inner { right: 212px; } .fancybox-thumbs > ul { list-style: none; position: absolute; position: relative; width: 100%; height: 100%; margin: 0; padding: 0; overflow-x: hidden; overflow-y: auto; font-size: 0; white-space: nowrap; } .fancybox-thumbs-x > ul { overflow: hidden; } .fancybox-thumbs-y > ul::-webkit-scrollbar { width: 7px; } .fancybox-thumbs-y > ul::-webkit-scrollbar-track { background: #fff; border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); } .fancybox-thumbs-y > ul::-webkit-scrollbar-thumb { background: #2a2a2a; border-radius: 10px; } .fancybox-thumbs > ul > li { float: left; overflow: hidden; padding: 0; margin: 2px; width: 100px; height: 75px; max-width: calc(50% - 4px); max-height: calc(100% - 8px); position: relative; cursor: pointer; outline: none; -webkit-tap-highlight-color: transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; } li.fancybox-thumbs-loading { background: rgba(0, 0, 0, 0.1); } .fancybox-thumbs > ul > li > img { position: absolute; top: 0; left: 0; max-width: none; max-height: none; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fancybox-thumbs > ul > li:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 4px solid #4ea7f9; z-index: 99991; opacity: 0; -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .fancybox-thumbs > ul > li.fancybox-thumbs-active:before { opacity: 1; } @media all and (max-width: 800px) { .fancybox-thumbs { width: 110px; } .fancybox-show-thumbs .fancybox-inner { right: 110px; } .fancybox-thumbs > ul > li { max-width: calc(100% - 10px); } } @-webkit-keyframes fancybox-rotate { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fancybox-rotate { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .swiper-container { margin: 0 auto; background:#fff; position: relative; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; } .swiper-container-no-flexbox .swiper-slide { float: left; } .swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; } .swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } .swiper-container-multirow > .swiper-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; } .swiper-container-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; } .swiper-slide { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; } .swiper-invisible-blank-slide { visibility: hidden; } .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; } .swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-transition-property: height, -webkit-transform; transition-property: height, -webkit-transform; transition-property: transform, height; transition-property: transform, height, -webkit-transform; } .swiper-container-3d { -webkit-perspective: 1200px; perspective: 1200px; } .swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-container-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper { -ms-touch-action: pan-y; touch-action: pan-y; } .swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper { -ms-touch-action: pan-x; touch-action: pan-x; } .swiper-button-prev, .swiper-button-next { position: absolute; top: 50%; width: 35px; height: 27px; margin-top: -13px; z-index: 10; cursor: pointer; border-radius: 50%; background-color: transparent; outline: none; -webkit-transition: .7s right, .7s left, 0.7s opacity, background .7s; transition: .7s right, .7s left, 0.7s opacity, background .7s; } /* @media $desktopMax { .swiper-button-prev, .swiper-button-next { top: 0; margin-top: 0; } } */ .swiper-buttons .swiper-button-prev, .swiper-buttons .swiper-button-next { position: relative; margin-top: 0; display: inline-block; vertical-align: top; top: 0; } .swiper-buttons .swiper-button-next { margin-left: 28px; } /* .swiper-button-prev_dark, .swiper-button-next_dark { -webkit-filter: invert(100%); filter: invert(100%); } */ .swiper-button-prev_arr, .swiper-button-next_arr { background-color: transparent; -webkit-filter: invert(100%); filter: invert(100%); } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.1; cursor: auto; pointer-events: none; } .swiper-button-prev { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAbCAMAAADBLsarAAAAV1BMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOl5NtAAAAHHRSTlMABAq95dfOxqeMGxUQft6ysKSZl3BjV0s0KyOByAvt4gAAAGlJREFUKM+lkzcSgDAMBIVzJGf4/zuhpdqCrXc8lnQnH7YgxGp2UhZzkDK3JynVJlKiy6RMvoDRDFqR0nekKB0aUIofSckuCpBsFULfyPvOJQD9h+fi/fCe+V58d84P55Dz/KcX3C/u6QPsvgdG/jVcBQAAAABJRU5ErkJggg==') no-repeat center; left: 0; } .swiper-button-next { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAbCAMAAADBLsarAAAAV1BMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOl5NtAAAAHHRSTlMABqa84dfPmBsVEAuL5sfFsrCBfnBjV0s0KyOPI9DbSgAAAGhJREFUKM+lk8cJwEAMBOXLyTmH/ut0A4Y58LwHgaRd+ULtghztxtJpVpYus7AU7MxSdIWl1HmWslYNSs0wVkhKZ0F8n1gqLrI02SAPoqvmALeLP/ai+/Cd+V/8d84P55DzzL3gfnFPX4GIBy0Y4/9+AAAAAElFTkSuQmCC') no-repeat center; right: 0; } /* .swiper-button-next { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAbCAMAAADBLsarAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAqFBMVEX////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////VRVRbAAAAN3RSTlMAqEs05lcr42Mj3nAc134Wz4sBEceXAgy9pAQIsrAHBaa7CwOZxRCMzoAbgdYaj80UmsQPF9CJC2y6PQAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxIAAAsSAdLdfvwAAACISURBVCjPY2DAAhiZGAgCZhZWworY2DkIK+Lk4iasiIeXj7AifgFBIYKKhEVExQgqEpeQlCKoSFpGVo6gInkFRSWCipRVVNUIKhJS1+AnHAaavFoM5gSBBEFztHV0CblHT9+AkL8MjYwpDx8iwpmI+CIi3k1MzQilHyLSIRHpmYh8QUz+QsunAN/DD7paMn9GAAAAAElFTkSuQmCC") no-repeat center; right: 20px; } */ .swiper-button-next:hover { right: -10px; /* background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAbCAMAAADBLsarAAAAXVBMVEUAAADzUC3zUC3zUC3zUC3zUC3zUC3zUC3zUC3zUC3zUC3zUC3zUC3zUC3zUC3zUC3zUC3zUC3zUC3zUC3zUC3zUC3zUC3zUC3zUC3zUC3zUC3zUC3zUC3zUC3zUC1r48NIAAAAHnRSTlMApgYD5dfPfxsVEAu9l4rfx8W7srBwY1dLNCsjm45uI6lhAAAAbUlEQVQoz6WTWQ6AIAwFQZQdFPf9/sf0AiZj4nxPmqZ9T7whV4Fs9cLSXs8sHe3Ekm0MS05nlnyXFEohSpaqYaxYkn1ASaXiBZK1Y8k0VtxI/DQHuHAfdRb/4z5wZ/4X/53zwznkPHMvuF/c0wfL8QfhhSfSRgAAAABJRU5ErkJggg==');*/ } .swiper-button-prev:hover { left: -10px; /* background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAbCAMAAADBLsarAAAAUVBMVEUAAADzUC3zUC3zUC3zUC3zUC3zUC3zUC3zUC3zUC3zUC3zUC3zUC3zUC3zUC3zUC3zUC3zUC3zUC3zUC3zUC3zUC3zUC3zUC3zUC3zUC3zUC0kiyP9AAAAGnRSTlMApgcDvR8W5dfPxrGYjBAL3n5wY1dLNCuBfVC8cSEAAABnSURBVCjPhZO3AYAwEMTeOduYDPsPSk0l1So+3MmPQwmxh5OULVykrIsjZUZUWvJgmJo7KcoOUHQpGpRhFSk9VwOKT00AF6cQ9kXEx1sAmAf2gvvwnflf/HfOD/JgDjnP3AvuF/f0AxR1BtkjUYZsAAAAAElFTkSuQmCC');*/ } /* .swiper-button-next.swiper-button-next_dark, .swiper-button-prev.swiper-button-prev_dark, .swiper-container-rtl .swiper-button-next { -webkit-filter: invert(100%); filter: invert(100%); } */ .swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-lock { display: none; } .swiper-pagination { position: absolute; text-align: center; -webkit-transition: 300ms opacity; transition: 300ms opacity; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 10px; left: 0; width: 100%; } .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transform: scale(0.33); transform: scale(0.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { -webkit-transform: scale(1); transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { -webkit-transform: scale(1); transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { -webkit-transform: scale(0.66); transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { -webkit-transform: scale(0.33); transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { -webkit-transform: scale(0.66); transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { -webkit-transform: scale(0.33); transform: scale(0.33); } .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: 0.2; } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet-active { opacity: 1; background: #007aff; } .swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; -webkit-transform: translate3d(0px, -50%, 0); transform: translate3d(0px, -50%, 0); } .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0; display: block; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 8px; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; -webkit-transition: 200ms top, 200ms -webkit-transform; transition: 200ms top, 200ms -webkit-transform; transition: 200ms transform, 200ms top; transition: 200ms transform, 200ms top, 200ms -webkit-transform; } .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: 200ms left, 200ms -webkit-transform; transition: 200ms left, 200ms -webkit-transform; transition: 200ms transform, 200ms left; transition: 200ms transform, 200ms left, 200ms -webkit-transform; } .swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: 200ms right, 200ms -webkit-transform; transition: 200ms right, 200ms -webkit-transform; transition: 200ms transform, 200ms right; transition: 200ms transform, 200ms right, 200ms -webkit-transform; } .swiper-pagination-progressbar { background: rgba(0, 0, 0, 0.25); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #007aff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; transform-origin: left top; } .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { -webkit-transform-origin: right top; transform-origin: right top; } .swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0; } .swiper-container-vertical > .swiper-pagination-progressbar, .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 4px; height: 100%; left: 0; top: 0; } .swiper-pagination-white .swiper-pagination-bullet-active { background: #fff; } .swiper-pagination-progressbar.swiper-pagination-white { background: rgba(255, 255, 255, 0.25); } .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill { background: #fff; } .swiper-pagination-black .swiper-pagination-bullet-active { background: #000; } .swiper-pagination-progressbar.swiper-pagination-black { background: rgba(0, 0, 0, 0.25); } .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill { background: #000; } .swiper-pagination-lock { display: none; } .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1); } .swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; } .swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0; top: 0; } .swiper-scrollbar-cursor-drag { cursor: move; } .swiper-scrollbar-lock { display: none; } .swiper-zoom-container { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } .swiper-zoom-container > img, .swiper-zoom-container > svg, .swiper-zoom-container > canvas { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain; } .swiper-slide-zoomed { cursor: move; } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite; animation: swiper-preloader-spin 1s steps(12, end) infinite; } .swiper-lazy-preloader:after { display: block; content: ''; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 50%; background-size: 100%; background-repeat: no-repeat; } .swiper-lazy-preloader-white:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } @-webkit-keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; transition-property: opacity; } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube { overflow: visible; } .swiper-container-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; -webkit-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100%; } .swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; transform-origin: 100% 0; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-prev, .swiper-container-cube .swiper-slide-next + .swiper-slide { pointer-events: auto; visibility: visible; } .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; background: #000; opacity: 0.6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0; } .swiper-container-flip { overflow: visible; } .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-flip .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-container-coverflow .swiper-wrapper { /* Windows 8 IE 10 fix */ -ms-perspective: 1200px; } @-webkit-keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .ps { overflow: hidden !important; overflow-anchor: none; -ms-overflow-style: none; touch-action: auto; -ms-touch-action: auto; } .ps__rail-x { display: none; opacity: 0; transition: background-color 0.2s linear, opacity 0.2s linear; -webkit-transition: background-color 0.2s linear, opacity 0.2s linear; height: 15px; /* there must be 'bottom' or 'top' for ps__rail-x */ bottom: 0px; /* please don't change 'position' */ position: absolute; } .ps__rail-y { display: none; opacity: 0; transition: background-color 0.2s linear, opacity 0.2s linear; -webkit-transition: background-color 0.2s linear, opacity 0.2s linear; width: 7px; /* there must be 'right' or 'left' for ps__rail-y */ right: 0; /* please don't change 'position' */ position: absolute; top: 0 !important; } .ps--active-x > .ps__rail-x, .ps--active-y > .ps__rail-y { display: block; background-color: #f3f3f3; } .ps:hover > .ps__rail-x, .ps:hover > .ps__rail-y, .ps--focus > .ps__rail-x, .ps--focus > .ps__rail-y, .ps--scrolling-x > .ps__rail-x, .ps--scrolling-y > .ps__rail-y { opacity: 1; } .ps__rail-x:hover, .ps__rail-y:hover, .ps__rail-x:focus, .ps__rail-y:focus { background-color: #eee; opacity: 0.9; } .ps__thumb-x { background-color: #aaa; border-radius: 6px; transition: background-color 0.2s linear, height 0.2s ease-in-out; -webkit-transition: background-color 0.2s linear, height 0.2s ease-in-out; height: 6px; /* there must be 'bottom' for ps__thumb-x */ bottom: 2px; /* please don't change 'position' */ position: absolute; } .ps__thumb-y { background-color: rgba(247, 108, 78, 0.75); transition: background-color 0.2s linear, width 0.2s ease-in-out; -webkit-transition: background-color 0.2s linear, width 0.2s ease-in-out; width: 100%; /* there must be 'right' for ps__thumb-y */ right: 0; /* please don't change 'position' */ position: absolute; } .ps__rail-y:hover > .ps__thumb-y, .ps__rail-y:focus > .ps__thumb-y { background-color: #f3502d; } @supports (-ms-overflow-style: none) { .ps { overflow: auto !important; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .ps { overflow: auto !important; } } .choices { display: inline-block; vertical-align: top; margin-left: 4px; margin-top: -7px; position: relative; margin-bottom: 24px; font-size: 16px; line-height: 22px; } .choices:focus { outline: none; } .choices:last-child { margin-bottom: 0; } .choices.is-disabled .choices__inner, .choices.is-disabled .choices__input { background-color: #eaeaea; cursor: not-allowed; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .choices.is-disabled .choices__item { cursor: not-allowed; } .choices[data-type*="select-one"] { cursor: pointer; } .choices[data-type*="select-one"] .choices__input { display: block; width: 100%; padding: 10px; border-bottom: 1px solid #ddd; background-color: #fff; margin: 0; } .choices[data-type*="select-one"] .choices__button { background-image: url("../../icons/cross-inverse.svg"); padding: 0; background-size: 8px; height: 100%; position: absolute; top: 50%; right: 0; margin-top: -10px; margin-right: 25px; height: 20px; width: 20px; border-radius: 10em; opacity: 0.5; } .choices[data-type*="select-one"] .choices__button:hover, .choices[data-type*="select-one"] .choices__button:focus { opacity: 1; } .choices[data-type*="select-one"] .choices__button:focus { -webkit-box-shadow: 0px 0px 0px 2px #00bcd4; box-shadow: 0px 0px 0px 2px #00bcd4; } .choices[data-type*="select-one"]:after { content: ""; width: 16px; height: 10px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAKBAMAAABPkMOvAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAHlBMVEXnbxfnbxfnbxfnbxfnbxfnbxfnbxfnbxfnbxf///+QQS04AAAACHRSTlMAKQM48Kk3NvV16uIAAAABYktHRAnx2aXsAAAACXBIWXMAAAsSAAALEgHS3X78AAAARUlEQVQI12NgVGAAAiYBBpMgEEPVjSGlFSjEFOHOwOYBFFJtKWAACYEEGEBCqi0JIIUprRFuIJqB3QMiwMBQAhEACoEEABl3C7YMtMY5AAAAAElFTkSuQmCC") no-repeat center; position: absolute; right: 11.5px; top: 50%; margin-top: -5px; pointer-events: none; -webkit-transition: 0.5s -webkit-transform; transition: 0.5s -webkit-transform; transition: 0.5s transform; transition: 0.5s transform, 0.5s -webkit-transform; will-change: transform; } .choices[data-type*="select-one"].is-open:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .choices[data-type*="select-one"][dir="rtl"]:after { left: 11.5px; right: auto; } .choices[data-type*="select-one"][dir="rtl"] .choices__button { right: auto; left: 0; margin-left: 25px; margin-right: 0; } .choices[data-type*="select-multiple"] .choices__inner, .choices[data-type*="text"] .choices__inner { cursor: text; } .choices[data-type*="select-multiple"] .choices__button, .choices[data-type*="text"] .choices__button { position: relative; display: inline-block; margin-top: 0; margin-right: -4px; margin-bottom: 0; margin-left: 8px; padding-left: 16px; border-left: 1px solid #008fa1; background-image: url("../../icons/cross.svg"); background-size: 8px; width: 8px; line-height: 1; opacity: 0.75; } .choices[data-type*="select-multiple"] .choices__button:hover, .choices[data-type*="select-multiple"] .choices__button:focus, .choices[data-type*="text"] .choices__button:hover, .choices[data-type*="text"] .choices__button:focus { opacity: 1; } .choices__inner { display: inline-block; vertical-align: top; width: 100%; background-color: #fff; font-size: 14px; height: 36px; border: 2px solid #b6b6b6; overflow: hidden; } .is-focused .choices__inner, .is-open .choices__inner { border-color: #b7b7b7; } .is-open .choices__inner { border-radius: 2.5px 2.5px 0 0; } .is-flipped.is-open .choices__inner { border-radius: 0 0 2.5px 2.5px; } .choices__list { margin: 0; padding-left: 0; list-style: none; } .choices__list--single { display: inline-block; padding: 5px 34px 6px 9px; width: 100%; } [dir="rtl"] .choices__list--single { padding-right: 4px; padding-left: 16px; } .choices__list--single .choices__item { width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .choices__list--multiple { display: inline; } .choices__list--multiple .choices__item { display: inline-block; vertical-align: middle; border-radius: 20px; padding: 4px 10px; font-size: 12px; font-weight: 500; margin-right: 3.75px; margin-bottom: 3.75px; background-color: #00bcd4; border: 1px solid #00a5bb; color: #fff; word-break: break-all; } .choices__list--multiple .choices__item[data-deletable] { padding-right: 5px; } [dir="rtl"] .choices__list--multiple .choices__item { margin-right: 0; margin-left: 3.75px; } .choices__list--multiple .choices__item.is-highlighted { background-color: #00a5bb; border: 1px solid #008fa1; } .is-disabled .choices__list--multiple .choices__item { background-color: #aaa; border: 1px solid #919191; } .choices__list--dropdown { display: none; z-index: 1; position: absolute; width: 100%; background-color: #fff; -webkit-box-shadow: 0 6px 32px rgba(0, 0, 0, 0.21); box-shadow: 0 6px 32px rgba(0, 0, 0, 0.21); border-top: 0; top: 100%; margin-top: 0; overflow: hidden; word-break: break-all; } .choices__list--dropdown.is-active { display: block; } .is-open .choices__list--dropdown { border-color: #b7b7b7; } .is-flipped .choices__list--dropdown { top: auto; bottom: 100%; margin-top: 0; margin-bottom: -1px; border-radius: 0.25rem 0.25rem 0 0; } .choices__list--dropdown .choices__list { position: relative; max-height: 300px; overflow: auto; -webkit-overflow-scrolling: touch; will-change: scroll-position; } .choices__list--dropdown .choices__item { position: relative; padding: 4px 10px; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } [dir="rtl"] .choices__list--dropdown .choices__item { text-align: right; } .choices__list--dropdown .choices__item--selectable.is-highlighted { background-color: #000; color: #fff; } .choices__list--dropdown .choices__item--selectable.is-highlighted:after { opacity: 0.5; } .choices__item { cursor: default; } .choices__item--selectable { cursor: pointer; } .choices__item--disabled { cursor: not-allowed; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; opacity: 0.5; } .choices__heading { font-weight: 600; font-size: 12px; padding: 10px; border-bottom: 1px solid #f7f7f7; color: #808080; } .choices__button { text-indent: -9999px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; background-color: transparent; background-repeat: no-repeat; background-position: center; cursor: pointer; } .choices__button:focus { outline: none; } .choices__input { display: inline-block; vertical-align: baseline; background-color: #f9f9f9; font-size: 14px; margin-bottom: 5px; border: 0; border-radius: 0; max-width: 100%; padding: 4px 0 4px 2px; } .choices__input:focus { outline: 0; } [dir="rtl"] .choices__input { padding-right: 2px; padding-left: 0; } .choices__placeholder { opacity: 0.5; } .glightbox-container { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99999 !important; overflow: hidden; overflow-scrolling: touch; } .glightbox-container.inactive { display: none; } .glightbox-container .gcontainer { position: relative; width: 100%; height: 100%; z-index: 9999; } .glightbox-container .gslider { -webkit-transition: -webkit-transform 0.4s ease; transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; transition: transform 0.4s ease, -webkit-transform 0.4s ease; height: 100%; left: 0; top: 0; width: 100%; position: absolute; } .glightbox-container .gslide { height: 100%; width: 100%; position: absolute; display: block; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; opacity: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .glightbox-container .gslide.current { opacity: 1; z-index: 99999; } .glightbox-container .gslide.prev { opacity: 1; z-index: 9999; } .glightbox-container .gslide-inner-content { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .glightbox-container .ginner-container { width: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 100%; } @media (min-width: 48em) { .glightbox-container .ginner-container { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .glightbox-container .ginner-container.desc-bottom, .glightbox-container .ginner-container.desc-top { display: inline-block; } .glightbox-container .ginner-container.desc-left, .glightbox-container .ginner-container.desc-right { max-width: 100% !important; } @media (min-width: 48em) { .glightbox-container .ginner-container.desc-left .gslide-description, .glightbox-container .ginner-container.desc-top .gslide-description { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .glightbox-container .ginner-container.desc-left .gslide-media, .glightbox-container .ginner-container.desc-top .gslide-media { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } .gslide iframe, .gslide video { width: 100vw; max-width: 100vw; min-width: 100vw; outline: none !important; border: none; min-height: 165px; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; -ms-touch-action: auto; touch-action: auto; } @media (min-width: 25em) { .gslide iframe, .gslide video { min-width: 0; } } .gslide-image { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .gslide-image img { max-height: 100vh; display: block; max-width: 100%; margin: 0; padding: 0; float: none; outline: none; border: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: initial; } @media (min-width: 48em) { .gslide-image img { width: initial; max-height: 97vh; } } .gslide-video { width: 100%; height: auto; min-width: 100%; max-width: 100%; min-height: auto; max-height: auto; position: relative; } @media (min-width: 48em) { .gslide-video { display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 100px; height: 100%; max-height: 95vh !important; } } .gslide-video::before { content: ''; display: block; position: absolute; width: 100%; height: 100%; background: rgba(255, 0, 0, 0.34); display: none; } .gslide-video.playing::before { display: none; } .gslide-video .jw-media, .gslide-video .jw-video { position: relative !important; } .gslide-video .jwplayer { max-width: 100vw; width: 100vh; height: auto !important; } .gslide-video .jwplayer, .gslide-video .box-emboss { outline: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; border: none !important; } .gslide-video .jwplayer .btnd:active, .gslide-video .box-emboss .btnd:active, .gslide-video .jwplayer .btnd:focus, .gslide-video .box-emboss .btnd:focus, .gslide-video .jwplayer .btnd.active, .gslide-video .box-emboss .btnd.active { background-image: none; outline: 0; -webkit-box-shadow: none; box-shadow: none; } .gslide-video object { position: absolute; top: 0; left: 0; } .gslide-inline { text-align: left; max-height: 62vh; overflow: auto; } @media (min-width: 48em) { .gslide-inline { max-height: 95vh; } } .ginlined-content { overflow: auto; display: block !important; opacity: 1; } .gslide-external { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; min-width: 100%; background: #fff; padding: 0; overflow: auto; max-height: 62vh; } @media (min-width: 48em) { .gslide-external { max-height: 95vh; } } .gslide-media { display: block; width: auto; } @media (min-width: 48em) { .gslide-media { display: block; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .gslide-description.left-position, .gslide-description.right-position { padding: 30px; background: #fff; max-width: 300px; min-width: 190px; } .gslide-description .bottom-position, .gslide-description .top-position { padding: 30px; background: #fff; width: 100%; display: inline-block; min-width: 190px; } .gslide-description.description-left, .gslide-description.description-right { max-width: 100%; } @media (min-width: 48em) { .gslide-description.description-left, .gslide-description.description-right { max-width: 275px; } } .gslide-description p { margin-bottom: 12px; } .gslide-description p::last-child { margin-bottom: 0; } .glightbox-mobile .glightbox-container .gslide-description { background: transparent; position: absolute; bottom: 15px; padding: 19px 11px; max-width: 100vw !important; -webkit-box-ordinal-group: 3 !important; -ms-flex-order: 2 !important; order: 2 !important; max-height: 78vh; overflow: auto !important; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.75))); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%); -webkit-transition: opacity 0.3s linear; transition: opacity 0.3s linear; } .glightbox-mobile .glightbox-container .gslide-title { color: #fff; font-size: 1em; } .glightbox-mobile .glightbox-container .gslide-desc { color: #a1a1a1; } .glightbox-mobile .glightbox-container .gslide-desc a { color: #fff; font-weight: bold; } .glightbox-mobile .glightbox-container .gslide-desc .desc-more { color: #fff; opacity: 0.4; } .gdesc-open .gslide-media { -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; opacity: 0.4; } .gdesc-open .gslide-description { padding-bottom: 30px; } .gdesc-closed .gslide-media { -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; opacity: 1; } .greset { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .glightbox-desc { display: none; } .glightbox-open { overflow: hidden; -webkit-overflow-scrolling: touch; -ms-touch-action: auto; touch-action: auto; } .gloader { height: 25px; width: 25px; -webkit-animation: lightboxLoader 0.8s infinite linear; animation: lightboxLoader 0.8s infinite linear; border: 2px solid #fff; border-right-color: transparent; border-radius: 50%; position: absolute; display: block; z-index: 9999; left: 0; right: 0; margin: 0 auto; top: 47%; } .goverlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: #222; } .gprev, .gnext, .gclose { background-repeat: no-repeat; z-index: 99999; cursor: pointer; width: 26px; height: 44px; display: block; background-position: 0 0; } .gprev.disabled, .gnext.disabled, .gclose.disabled { opacity: 0.1; } .gprev .garrow, .gnext .garrow, .gclose .garrow { stroke: #fff; } iframe.wait-autoplay { opacity: 0; } .glightbox-closing .gnext, .glightbox-closing .gprev, .glightbox-closing .gclose { opacity: 0 !important; } .glightbox-clean .gslide-description { background: #fff; padding: 22px 20px; } .glightbox-clean .gslide-title { font-size: 1em; font-weight: normal; font-family: arial; color: #000; margin-bottom: 19px; line-height: 1.4em; } .glightbox-clean .gslide-desc { font-size: 0.86em; margin-bottom: 0; font-family: arial; line-height: 1.4em; } .glightbox-clean .gslide-video { background: #000; } .glightbox-clean .gprev { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAASBAMAAACQmVJ4AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAMFBMVEX///////////////////////////////////////////////////////////////9Or7hAAAAAD3RSTlMACT3pPvSVngIDPPOg8uULsCJ2AAAAAWJLR0QAiAUdSAAAAAlwSFlzAAALEgAACxIB0t1+/AAAAEBJREFUCNdjYAACARDBZAIiVb+BmPEVQNL1ewMDAwuUOQHErIQxGVb/AZFc+08yIDj3wZy1KByQaQxcrxjAtgAAbV4XisWpAfYAAAAASUVORK5CYII="); } .glightbox-clean .gnext { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAASBAMAAACQmVJ4AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAALVBMVEX///////////////////////////////////////////////////////////+g0jAFAAAADnRSTlMACT7plfQDnqHzPPKW5Xfv9DQAAAABYktHRACIBR1IAAAACXBIWXMAAAsSAAALEgHS3X78AAAANklEQVQI12NgZAABZQUQ6RcEItOfgjhsdfg5bH2zgGTGywVw5mswcxeMyXAOxGRYC2IygG0BALXtFALhD24QAAAAAElFTkSuQmCC"); } .glightbox-clean .gclose { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGMAAAA2CAYAAADTeCfRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5NThDMEMwNzg3NjgxMUU1QUM2MUYwRDYwNTNEN0UxMSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5NThDMEMwODg3NjgxMUU1QUM2MUYwRDYwNTNEN0UxMSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjk1OEMwQzA1ODc2ODExRTVBQzYxRjBENjA1M0Q3RTExIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjk1OEMwQzA2ODc2ODExRTVBQzYxRjBENjA1M0Q3RTExIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+htE8KwAAA9BJREFUeNrsm1tIFGEYhndDI4OSLgqkMrKjBXYwCjt40QkpL4pMyoqMgigIgm6iiy66KSwpj2vrucKgpINRRhYRooQkWYEWUkaWERokhVQXbu/QOyDhpjPzz3H/Dx7W1f2+753/3X9mnPnHHwqFfDKcEWPkEEgzZEgzpBkybDbjHLhvIP8GKLNhPILgksEaFaDKKWacAMdAn4Ean8F+kGOxGXFgDyjSmZ8L9oFpurKVU1uBnAr9jZMCah1hrQLBGkciyL7FGvNymXdZb2+RG3GGYo4LrHmINS9abEiZRkMu8PNXjPQVJV4Vc9SEgclm7WqLDSkd5RdBiBGizCihmMMmDkwWe1yz2JBy9g2E+ft5o7smkWZUUMwBCwYmg71u2nQMCZhphFEzaihmt4UDk86e9TYZUsj3OaKNMGJGHcVkWjwoChvZ+7HFfQvZt42vpaJ76Em6SzHbbDBCZR01NFvct519u8yorzXhEcWk2WiESiq1tFrUT901veZrnp1mNFHEWgcYoZJMTe0m98ljn3K+z+f7oB1mtLD5agcZoZJEbZ3Ab0J9deCrwpzSB6004xWbLnegESqJ1NgNok04aFeF+XtA5MF8pA90stkiBxuhkkCtvSBGQL2iEYz415Bys8yIAu/ZZKELjFCJp+Z+EGugTgHrVGq8ClEm2oxZ4CUYAHNcZIRKHOjj6ed8A8eISo15xUaPIcP9spFFk11ohMp0bkOHxrxa5lXo7Ksack9Pvn+YpTqLwS0QDZbxRo+bYgJoBZPAZtCiIVe5QzceZBroXwP8YKfWRH+YdVOx4AOYCOJBt0uMUAz4BGLAVNDjhXvg/bwF2UdTElywLVOoN5o/97hsRv/3HvgAv10fwVuQ6ODtUO45f6HmyaDXi6tDfoMZNKMdJDlwG2ZyN/qVs/mbl5fqDILZoAO8AMkO0j8XvONJhjKLf0TKuqkF4Dl4BlY6QLty1vcGdHE39SvSFrEtBc2gCWywUfcKfjE6eHIxGKkrCleBRvAApNmgOQU8BW2crRG/vDMV1JN0C/WmcmYqZizxeSyMLO/cBG6DOyDDAq3rwRPOyhSfB8PoWtst4DrJMlGnYnwDeMjZ4c0QdGGumhfIsk246LeVtetcfOFyVEQJ8nQv+AkqwThQIqjuDnAV1ILtPo9HlMBaB/kfewCMBfkG6ylL85VnJZSroLt8kRAmTLezOpfUD+W0WQvFnIzfpEePlaeO5oE1OvOVp56+R8KuaWiYZYYMG05tZUgzpBkypBnSDBnSDGmGDGmGDGmGNEOGNEOaIUOa4YH4I8AAM9m8BFEzyDIAAAAASUVORK5CYII="); } .glightbox-clean .gprev { background-color: rgba(255, 255, 255, 0.15); background-position: 16px 14px; position: absolute; top: -100%; left: 30px; width: 44px; height: 44px; border-radius: 50%; -webkit-transition: 0.5s background-color; transition: 0.5s background-color; } .glightbox-clean .gprev:hover { background-color: rgba(255, 255, 255, 0.35); } @media (min-width: 48em) { .glightbox-clean .gprev { top: 45%; } } .glightbox-clean .gnext { background-color: rgba(255, 255, 255, 0.15); background-position: 18px 14px; position: absolute; top: -100%; right: 30px; width: 44px; height: 44px; border-radius: 50%; -webkit-transition: 0.5s background-color; transition: 0.5s background-color; } .glightbox-clean .gnext:hover { background-color: rgba(255, 255, 255, 0.35); } @media (min-width: 48em) { .glightbox-clean .gnext { top: 45%; } } .glightbox-clean .gclose { background-color: rgba(0, 0, 0, 0.08); width: 35px; height: 35px; top: 15px; right: 10px; position: absolute; opacity: 0.7; background-position: -59px 2px; } @media (min-width: 62em) { .glightbox-clean .gclose { right: 20px; } } .glightbox-clean .gclose:hover { opacity: 1; } .gfadeIn { -webkit-animation: gfadeIn 0.5s ease; animation: gfadeIn 0.5s ease; } .gfadeOut { -webkit-animation: gfadeOut 0.5s ease; animation: gfadeOut 0.5s ease; } .gslideOutLeft { -webkit-animation: gslideOutLeft 0.3s ease; animation: gslideOutLeft 0.3s ease; } .gslideInLeft { -webkit-animation: gslideInLeft 0.3s ease; animation: gslideInLeft 0.3s ease; } .gslideOutRight { -webkit-animation: gslideOutRight 0.3s ease; animation: gslideOutRight 0.3s ease; } .gslideInRight { -webkit-animation: gslideInRight 0.3s ease; animation: gslideInRight 0.3s ease; } .gzoomIn { -webkit-animation: gzoomIn 0.5s ease; animation: gzoomIn 0.5s ease; } .gzoomOut { -webkit-animation: gzoomOut 0.5s ease; animation: gzoomOut 0.5s ease; } @-webkit-keyframes lightboxLoader { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes lightboxLoader { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes gfadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes gfadeIn { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes gfadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes gfadeOut { from { opacity: 1; } to { opacity: 0; } } @-webkit-keyframes gslideInLeft { from { opacity: 0; -webkit-transform: translate3d(-60%, 0, 0); transform: translate3d(-60%, 0, 0); } to { visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes gslideInLeft { from { opacity: 0; -webkit-transform: translate3d(-60%, 0, 0); transform: translate3d(-60%, 0, 0); } to { visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @-webkit-keyframes gslideOutLeft { from { opacity: 1; visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { -webkit-transform: translate3d(-60%, 0, 0); transform: translate3d(-60%, 0, 0); opacity: 0; visibility: hidden; } } @keyframes gslideOutLeft { from { opacity: 1; visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { -webkit-transform: translate3d(-60%, 0, 0); transform: translate3d(-60%, 0, 0); opacity: 0; visibility: hidden; } } @-webkit-keyframes gslideInRight { from { opacity: 0; visibility: visible; -webkit-transform: translate3d(60%, 0, 0); transform: translate3d(60%, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes gslideInRight { from { opacity: 0; visibility: visible; -webkit-transform: translate3d(60%, 0, 0); transform: translate3d(60%, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @-webkit-keyframes gslideOutRight { from { opacity: 1; visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { -webkit-transform: translate3d(60%, 0, 0); transform: translate3d(60%, 0, 0); opacity: 0; } } @keyframes gslideOutRight { from { opacity: 1; visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { -webkit-transform: translate3d(60%, 0, 0); transform: translate3d(60%, 0, 0); opacity: 0; } } @-webkit-keyframes gzoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 1; } } @keyframes gzoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 1; } } @-webkit-keyframes gzoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes gzoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .irs { position: relative; display: block; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .irs-line { position: relative; display: block; overflow: hidden; outline: none !important; } .irs-line-left, .irs-line-mid, .irs-line-right { position: absolute; display: block; top: 0; } .irs-line-left { left: 0; width: 11%; } .irs-line-mid { left: 9%; width: 82%; } .irs-line-right { right: 0; width: 11%; } .irs-bar { position: absolute; display: block; left: 0; width: 0; } .irs-bar-edge { position: absolute; display: block; top: 0; left: 0; } .irs-shadow { position: absolute; display: none; left: 0; width: 0; } .irs-slider { position: absolute; display: block; cursor: default; z-index: 1; } .irs-slider.type_last { z-index: 2; } .irs-min { position: absolute; display: block; left: 0; cursor: default; } .irs-max { position: absolute; display: block; right: 0; cursor: default; } .irs-from, .irs-to, .irs-single { position: absolute; display: block; top: 0; left: 0; cursor: default; white-space: nowrap; } .irs-grid { position: absolute; display: none; bottom: 0; left: 0; width: 100%; height: 20px; } .irs-with-grid .irs-grid { display: block; } .irs-grid-pol { position: absolute; top: 0; left: 0; width: 1px; height: 8px; background: #000; } .irs-grid-pol.small { height: 4px; } .irs-grid-text { position: absolute; bottom: 0; left: 0; white-space: nowrap; text-align: center; font-size: 9px; line-height: 9px; padding: 0 3px; color: #000; } .irs-disable-mask { position: absolute; display: block; top: 0; left: -1%; width: 102%; height: 100%; cursor: default; background: rgba(0, 0, 0, 0); z-index: 2; } .irs-disabled { opacity: 0.4; } .irs-hidden-input { position: absolute !important; display: block !important; top: 0 !important; left: 0 !important; width: 0 !important; height: 0 !important; font-size: 0 !important; line-height: 0 !important; padding: 0 !important; margin: 0 !important; outline: none !important; z-index: -9999 !important; background: none !important; border-style: solid !important; border-color: transparent !important; } .irs { height: 40px; } .irs-with-grid { height: 60px; } .irs-line { height: 2px; top: 25px; background-color: #30302f; } .irs-line-left { height: 2px; } .irs-line-mid { height: 2px; } .irs-line-right { height: 2px; } .irs-bar { height: 2px; top: 25px; background-color: #e76f17; } .irs-bar-edge { top: 25px; height: 12px; width: 9px; } .irs-shadow { height: 3px; top: 34px; background: #000; opacity: 0.25; } .irs-slider { width: 16px; height: 18px; top: 22px; } .irs-min, .irs-max { display: none; color: #999; font-size: 10px; line-height: 1.333; text-shadow: none; top: 0; padding: 1px 3px; background: #e1e4e9; border-radius: 4px; } .irs-from, .irs-to, .irs-single { color: #0e0e0e; font-family: "Open Sans"; font-size: 14px; font-weight: 400; line-height: 23px; bottom: -16px; top: auto; cursor: pointer; } .irs-from:after, .irs-to:after, .irs-single:after { content: ""; position: absolute; width: 14px; height: 14px; background-color: #e76f17; border: 2px solid #f5f5f5; border-radius: 50%; top: -15px; left: 50%; margin-left: -9px; cursor: pointer; } .irs-grid-pol { background: #e1e4e9; } .irs-grid-text { color: #999; } .table-wrapper { width: 100%; overflow: auto; } @media (max-width: 1366px) { .capabilities{ margin-top: 149px; } .ourfeat, .catalog{ margin-top: 132px; } .video { margin-top: 218px; } .features{ margin-top: 320px; } .special { margin-top: 185px; } .gallery{ margin-top: 160px; } .about{ margin-top: 174px; } .about__title{ width: 620px; } .about__info{ padding-top: 520px; } .about__info-img{ top: -35px; height: 470px; background-size: 771px 470px; } .popup__scrollable { height: 80vh; } } @media (max-width: 960px) { .about__info { padding-top: 0; padding-right: 0; margin-top: 50px; } } @media (max-width: 1239px) { .about__title{ width: 100%; } } @media (max-width: 767px) { .ourfeat, .catalog, .capabilities, .clients{ margin-top: 75px; } .ourfeat__list{ min-height: auto; } } .accordion { max-width:1000px; margin: 0 auto !important; } .accordion-header {border:0;} .accordion-item { border:0; border-top: 1px solid rgba(0,0,0,.1); } .accordion .accordion-item:first-child { border-top: none !important; } .ui-accordion-header-icon {display:none;} .accordion .ui-accordion-header { font-size: 18px; font-weight:600; font-family: "SourceSansPro"; line-height: 22px; margin: 0 0 0 0; padding: 20px 0 25px 50px; outline: none; cursor: pointer; background: url(/img/down.png) 0 27px no-repeat; } .ui-widget-content {border:0 !important;background:none;} .ui-accordion .ui-accordion-header {color:#000;} .ui-accordion .ui-accordion-header:hover { color: #f43 !important; } .accordion .ui-state-active { background-image: url(/img/up.png); } .accordion .ui-accordion-content { padding:0 0px 50px 50px; font-family: "SourceSansPro"; font-size: 18px; line-height: 1.4; color: #111; } .fong {display:none;} @media (max-width: 768px) { .featuress {padding:0;} .featuress__item {padding-left:25px;} .featuress__item:before { content: '·'; font-size: 22px; } .anyque { font-size:22px; padding-top:40px; } .fong { display: block; background: url(/img/slide-mob-1-min.jpg) no-repeat; width: 100%; height: 260px; background-size: cover; } .about__side { width: calc(100% + 70px); margin-left: -35px; padding: 0 35px 50px 35px; background: url(/img/slide-5-1-min.jpg) -460px top no-repeat; /* background-size: contain; */ } } #cookie_note { display: none; position: fixed; bottom: 15px; left: 50%; max-width: 90%; transform: translateX(-50%); padding: 20px; z-index:9999; background-color: white; border-radius: 4px; box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.4); } #cookie_note p{ margin: 0; font-size: 0.7rem; text-align: left; color: black; } .cookie_accept{ width: 100px; background: #308acb; color: #fff; cursor: pointer; padding: 5px; } @media (min-width: 576px){ #cookie_note.show{ display: flex; } } @media (max-width: 575px){ #cookie_note.show{ display: block; text-align: left; } #cookie_note { left: 0; right: 0; margin: 0 auto; max-width: 80%; transform: translateX(0%); } } .table-legal td { border:1px solid #777; padding:10px; } .language-selector { border:0; position:absolute; right:0; width:76px; top:-30px; background-position: 0; background-repeat: no-repeat; padding-left: 28px; font-size: 15px; cursor: pointer; } .language-selector-mob { border:0; display:block; margin: 0 0 0 50px; width:68px; background-position: 0; background-repeat: no-repeat; padding-left: 22px; font-size: 13px; cursor: pointer; } .language-selector.ru { background-image: url(/i/flag-ru.svg); } .language-selector.en { background-image: url(/i/flag-en.svg); } .language-selector-mob.ru { background-image: url(/i/flag-ru.svg); background-size:18px 14px; } .language-selector-mob.en { background-image: url(/i/flag-en.svg); background-size:18px 14px; } /* .language-selector:after, .language-selector-mob:after { content: ""; background: url(/i/arrow-small.svg) no-repeat 0 0; filter: invert(80%) sepia(0) saturate(233%) hue-rotate(179deg) brightness(92%) contrast(102%); width: 10px; height: 7px; display: inline-block; margin-left: 8px; position: relative; top: 0; } .language-selector:hover:after, .language-selector-mob:hover:after { filter: invert(70%) sepia(0) saturate(233%) hue-rotate(179deg) brightness(50%) contrast(100%); } */ @media (min-width: 767px) { .language-selector-mob { display:none;} } .swiper-slide0 { display:inline-block; width: calc(100%/4 - 4px); text-align: center; display: inline-block; } .clients__img0 {max-width:100%;} @media (max-width: 768px) { .swiper-slide0 { display:inline-block; width: calc(100%/2 - 4px); text-align: center; display: inline-block; } .clients__img0 {padding:10px 20px;} } .block_uslugi { display: grid; gap: 1rem; grid-template-rows: repeat(4, 12.5rem); grid-template-columns: repeat(2, 1fr); margin-top: 4rem; } .block_item { cursor:pointer; font-weight: 600; border-radius: 2px; padding: 3rem 2.5rem; background-repeat: no-repeat; background-size: contain; background-position: bottom right; transition: background 1.5s ease; } .block_uslugi_b { display: grid; gap: 1rem; grid-template-rows: repeat(1, 12.5rem); grid-template-columns: repeat(5, 1fr); margin-top: 4rem; } .block_uslugi_s { display: grid; gap: 1rem; grid-template-rows: repeat(1, 17.5rem); grid-template-columns: repeat(4, 1fr); margin-top: 4rem; } .block_uslugi_s_n { display: grid; gap: 1rem; grid-template-rows: repeat(2, 12.5rem); grid-template-columns: repeat(4, 2fr); margin-top: 4rem; } .block_item_s { overflow:hidden; cursor:pointer; font-weight: 600; border-radius: 16px; padding: 2rem 2rem; background-repeat: no-repeat; background-size: contain; background-position: bottom right; transition: background 1s ease; background:#fff; } .block_item_b { position:relative; overflow:hidden; cursor:pointer; font-weight: 600; border-radius: 2px; padding: 2rem 2.5rem; background-repeat: no-repeat; background-size: contain; background-position: bottom right; transition: background 1s ease; background:#f3f3f3; } .block_item_b:hover { background:#deeef1; } .block_item_b::after { position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background: #ff4419; content: ''; -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s; -webkit-transform: translate3d(-75%,0,0); transform: translate3d(-75%,0,0); } .block_item_b:hover::after { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .block_item_b::before { position: absolute; top: 0; right: 0; width: 100%; height: 3px; background: #ff4419; content: ''; -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s; -webkit-transform: translate3d(75%,0,0); transform: translate3d(75%,0,0); } .block_item_b:hover::before { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .block_item_b { -webkit-transition: background 0.5s linear; transition: background 0.5s linear; } .block_item_b:nth-child(1) { background: url(/i/item_1b.png) -17px 72px #ebebeb no-repeat; background-size: 280px; } .block_item_b:nth-child(1):hover { background: url(/i/item_1c.png) -17px 72px #ebebeb no-repeat; background-size: 280px; } .block_item_b:nth-child(1).active { background: url(/i/item_1c.png) -17px 72px #ebebeb no-repeat; background-size: 280px; } .block_item_b:nth-child(2) { background: url(/i/item_2b.png) -17px 72px #ebebeb no-repeat; background-size: 280px; } .block_item_b:nth-child(2):hover { background: url(/i/item_2c.png) -17px 72px #ebebeb no-repeat; background-size: 280px; } .block_item_b:nth-child(2).active { background: url(/i/item_2c.png) -17px 72px #ebebeb no-repeat; background-size: 280px; } .block_item_b:nth-child(3) { background: url(/i/item_5b.png) -34px 72px #ebebeb no-repeat; background-size: 280px; } .block_item_b:nth-child(3):hover { background: url(/i/item_5c.png) -34px 72px #ebebeb no-repeat; background-size: 280px; } .block_item_b:nth-child(3).active { background: url(/i/item_5c.png) -34px 72px #ebebeb no-repeat; background-size: 280px; } .block_item_b:nth-child(4) { background: url(/i/item_3b.png) -17px 48px #ebebeb no-repeat; background-size: 280px; } .block_item_b:nth-child(4):hover { background: url(/i/item_3c.png) -17px 48px #ebebeb no-repeat; background-size: 280px; } .block_item_b:nth-child(4).active { background: url(/i/item_3c.png) -17px 48px #ebebeb no-repeat; background-size: 280px; } .block_item_b:nth-child(5) { background: url(/i/item_4b.png) -27px 58px #ebebeb no-repeat; background-size: 312px; } .block_item_b:nth-child(5):hover { background: url(/i/item_4c.png) -27px 58px #ebebeb no-repeat; background-size: 312px; } .block_item_b:nth-child(5).active { background: url(/i/item_4c.png) -27px 58px #ebebeb no-repeat; background-size: 312px; } .block_item_b:nth-child(6) { background: url(/i/item_6b.png) -48px 4px #ebebeb no-repeat; background-size: 280px; } .block_item_b:nth-child(6):hover { background: url(/i/item_6c.png) -48px 4x #ebebeb no-repeat; background-size: 280px; } .block_item_b:nth-child(6).active { background: url(/i/item_6c.png) -48px 4x #ebebeb no-repeat; background-size: 280px; } @media (min-width: 1333px) { .block_item_b:nth-child(1) { background: url(/i/item_1b.png) -7px 62px #ebebeb no-repeat; background-size: 300px; } .block_item_b:nth-child(1):hover { background: url(/i/item_1c.png) -7px 62px #ebebeb no-repeat; background-size: 300px; } .block_item_b:nth-child(2) { background: url(/i/item_2b.png) -7px 62px #ebebeb no-repeat; background-size: 300px; } .block_item_b:nth-child(2):hover { background: url(/i/item_2c.png) -7px 62px #ebebeb no-repeat; background-size: 300px; } .block_item_b:nth-child(3) { background: url(/i/item_5b.png) -27px 62px #ebebeb no-repeat; background-size: 300px; } .block_item_b:nth-child(3):hover { background: url(/i/item_5c.png) -27px 62px #ebebeb no-repeat; background-size: 300px; } .block_item_b:nth-child(4) { background: url(/i/item_3b.png) -4px 46px #ebebeb no-repeat; background-size: 300px; } .block_item_b:nth-child(4):hover { background: url(/i/item_3c.png) -4px 46px #ebebeb no-repeat; background-size: 300px; } .block_item_b:nth-child(5) { background: url(/i/item_4b.png) -4px 54px #ebebeb no-repeat; background-size: 330px; } .block_item_b:nth-child(5):hover { background: url(/i/item_4c.png) -4px 54px #ebebeb no-repeat; background-size: 330px; } } @media (min-width:1024px) and (max-width:1181px) { .block_item_b:nth-child(1) { background: url(/i/item_1b.png) -50px 72px #ebebeb no-repeat; background-size: 280px; } .block_item_b:nth-child(1):hover { background: url(/i/item_1c.png) -50px 72px #ebebeb no-repeat; background-size: 280px; } .block_item_b:nth-child(2) { background: url(/i/item_2b.png) -50px 72px #ebebeb no-repeat; background-size: 280px; } .block_item_b:nth-child(2):hover { background: url(/i/item_2c.png) -50px 72px #ebebeb no-repeat; background-size: 280px; } .block_item_b:nth-child(3) { background: url(/i/item_5b.png) -50px 72px #ebebeb no-repeat; background-size: 280px; } .block_item_b:nth-child(3):hover { background: url(/i/item_5c.png) -50px 72px #ebebeb no-repeat; background-size: 280px; } .block_item_b:nth-child(4) { background: url(/i/item_3b.png) -50px 48px #ebebeb no-repeat; background-size: 280px; } .block_item_b:nth-child(4):hover { background: url(/i/item_3c.png) -50px 48px #ebebeb no-repeat; background-size: 280px; } .block_item_b:nth-child(5) { background: url(/i/item_4b.png) -50px 58px #ebebeb no-repeat; background-size: 312px; } .block_item_b:nth-child(5):hover { background: url(/i/item_4c.png) -50px 58px #ebebeb no-repeat; background-size: 312px; } } @media (min-width:781px) and (max-width:1023px) { .block_uslugi_b { display: grid; gap: 1rem; grid-template-rows: repeat(3, 9.5rem); grid-template-columns: repeat(2, 1fr); margin-top: 4rem; } .block_uslugi_s,.block_uslugi_s_n { display: grid; gap: 1rem; grid-template-rows: repeat(2, 9.5rem); grid-template-columns: repeat(2, 1fr); margin-top: 4rem; } .block_item_b:nth-child(1) { background: url(/i/item_1b.png) right 25px #ebebeb no-repeat; background-size: 280px; } .block_item_b:nth-child(1):hover { background: url(/i/item_1c.png) right 25px #ebebeb no-repeat; background-size: 280px; } .block_item_b:nth-child(2) { background: url(/i/item_2b.png) right 25px #ebebeb no-repeat; background-size: 280px; } .block_item_b:nth-child(2):hover { background: url(/i/item_2c.png) right 25px #ebebeb no-repeat; background-size: 280px; } .block_item_b:nth-child(3) { background: url(/i/item_5b.png) right 25px #ebebeb no-repeat; background-size: 280px; } .block_item_b:nth-child(3):hover { background: url(/i/item_5c.png) right 25px #ebebeb no-repeat; background-size: 280px; } .block_item_b:nth-child(4) { background: url(/i/item_3b.png) right 10px #ebebeb no-repeat; background-size: 280px; } .block_item_b:nth-child(4):hover { background: url(/i/item_3c.png) right 10px #ebebeb no-repeat; background-size: 280px; } .block_item_b:nth-child(5) { background: url(/i/item_4b.png) right 25px #ebebeb no-repeat; background-size: 312px; } .block_item_b:nth-child(5):hover { background: url(/i/item_4c.png) right 25px #ebebeb no-repeat; background-size: 312px; } } @media (max-width:780px) { .block_item_b .block_item_title { font-size:16px !important; } .block_item_b { padding:20px !important; } .block_uslugi_b { display: grid; gap: 1rem; grid-template-rows: repeat(3, 9.5rem); grid-template-columns: repeat(2, 1fr); margin-top: 4rem; } .block_uslugi_s,.block_uslugi_s_n { display: grid; gap: 1rem; grid-template-rows: repeat(2, 9.5rem); grid-template-columns: repeat(2, 1fr); margin-top: 4rem; } .block_item_b:nth-child(1) { background: url(/i/item_1b.png) -50px 25px #ebebeb no-repeat; background-size: 280px; } .block_item_b:nth-child(1):hover { background: url(/i/item_1c.png) -50px 25px #ebebeb no-repeat; background-size: 280px; } .block_item_b:nth-child(2) { background: url(/i/item_2b.png) -60px 25px #ebebeb no-repeat; background-size: 280px; } .block_item_b:nth-child(2):hover { background: url(/i/item_2c.png) -60px 25px #ebebeb no-repeat; background-size: 280px; } .block_item_b:nth-child(3) { background: url(/i/item_5b.png) -65px 25px #ebebeb no-repeat; background-size: 280px; } .block_item_b:nth-child(3):hover { background: url(/i/item_5c.png) -65px 25px #ebebeb no-repeat; background-size: 280px; } .block_item_b:nth-child(4) { background: url(/i/item_3b.png) -91px 10px #ebebeb no-repeat; background-size: 280px; } .block_item_b:nth-child(4):hover { background: url(/i/item_3c.png) -91px 10px #ebebeb no-repeat; background-size: 280px; } .block_item_b:nth-child(5) { background: url(/i/item_4b.png) -70px 25px #ebebeb no-repeat; background-size: 312px; } .block_item_b:nth-child(5):hover { background: url(/i/item_4c.png) -70px 25px #ebebeb no-repeat; background-size: 312px; } } .block_item_b .block_item_title { text-transform: uppercase; font-size: 24px; font-family: 'Roboto Condensed', sans-serif; } .block_item:nth-child(1) { grid-column: 1 / 2; grid-row: 1 / 3; background: url(/i/item_1.png) 0 0 #deeef1; } .block_item:nth-child(1):hover { background: url(/i/item_1.png) 0 -20px #7bb3ff; } .block_item:nth-child(2) { grid-column: 2 / 3; grid-row: 2 / 3; background: url(/i/item_2.png) 0px -30px #deeef1; } .block_item:nth-child(2):hover { background: url(/i/item_2.png) -20px -30px #a7d9f7; } .block_item:nth-child(3):hover { background: url(/i/item_3.png) 30px -47px #a7d9f7; } .block_item:nth-child(3) { grid-column: 2 / 3; grid-row: 1 / 2; background: url(/i/item_3.png) 10px -47px #deeef1; } .block_item:nth-child(4) { grid-column: 1 / 2; grid-row: 3 / 4; background: url(/i/item_4.png) 0px -30px #deeef1; } .block_item:nth-child(4):hover { background: url(/i/item_4.png) -20px -30px #a7d9f7; } .block_item:nth-child(5) { grid-column: 1 / 2; grid-row: 4 / 5; background-color: #deeef1; background-size: 65%; } .block_item:nth-child(6) { grid-column: 2 / 3; grid-row: 3 / 5; background-color:#deeef1; } .uusl_pic {overflow:hidden;border-radius:20px;} .uusl_pic img { width:100%; -webkit-transition: all 0.5s; transition: all 0.5s; } .uusl_pic:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); } .uusl_title { text-align: center; color: #000; font-size: 18px; font-weight: 600; padding: 10px; } .all_steps { background: url(/i/fon_steps.jpg) center center no-repeat #047cab; } .all_steps_n { background: url(/i/fon_steps_n.jpg) center center no-repeat #76acc1; } .box_steps { padding: 5px 65px 40px 65px; } .all_steps_n .box_steps {background:url(/i/fly2.png) no-repeat right 44px;} .s_title { width: 60px; font-size:26px; height: 60px; background: #ff4419; text-align: center; padding: 16px 0 0 0; border-radius: 50%; color: #fff; position: absolute; margin:-70px 0 0 -25px; } .block_item_title_s {padding:10px 0 0 0;} .block_uslugi_s_n .block_item_title_s {padding:0px 0 0 0;} .block_item_title_s > span { font-size: 20px; font-weight: normal; } .block_item_title_s > span > span { font-weight:600; } @media (max-width:780px) { .box_steps { padding: 1px 10px 40px 10px; } .block_item_title_s > span { font-size: 16px; font-weight: normal; } .block_item_s { padding:20px; } } @media (min-width:780px) { .hidden-pc {display:none;} } @media (max-width:779px) { .hidden-mob {display:none;} .page-offers {margin-top:0 !important} .offers-tip {width:100% !important;} .box__advert {flex-direction: column !important;} } @media (min-width:1100px) { .block_item_s { overflow:visible; position:relative; margin: 0 30px; } .block_item_s:nth-child(1) { margin-top:70px; } .block_item_s:nth-child(2) { margin-top:47px; } .block_item_s:nth-child(3) { margin-top:23px; } .block_uslugi_s_n .block_item_s {margin-top:0;} .block_item_s:nth-child(1):after { background: url(/i/arrow-right.png) no-repeat; background-size: cover; content: ''; position: absolute; right: -67px; top: calc(50% - 30px); width: 60px; height: 52px } .block_item_s:nth-child(2):after { background: url(/i/arrow-right.png) no-repeat; background-size: cover; content: ''; position: absolute; right: -67px; top: calc(50% - 30px); width: 60px; height: 52px } .block_item_s:nth-child(3):after { background: url(/i/arrow-right.png) no-repeat; background-size: cover; content: ''; position: absolute; right: -67px; top: calc(50% - 30px); width: 60px; height: 52px /* content:''; position:absolute; right: -111px; top: calc(50% - 20px); width: 40px; height: 40px; border-top: 6px solid #fff; border-right: 6px solid #fff; margin-right: 60px; transform: rotate(45deg); */ } } .block_uslugi_s_n .block_item_s:nth-child(1):after,.block_uslugi_s_n .block_item_s:nth-child(3):after { background: url(/i/arrow-right.png) no-repeat; transform: rotate(90deg); background-size: cover; content: ''; position: absolute; right: calc(50% - 36px); top: calc(100% - 44px); width: 60px; height: 52px; } .block_uslugi_s_n .block_item_s:nth-child(4):after { display:none; } .block_uslugi_s_n .block_item_s:nth-child(2):after,.block_uslugi_s_n .block_item_s:nth-child(5):after,.block_uslugi_s_n .block_item_s:nth-child(7):after { background: url(/i/arrow-right.png) no-repeat; background-size: cover; content: ''; position: absolute; right: -67px; top: calc(50% - 30px); width: 60px; height: 52px; } .block_uslugi_s_n .block_item_s:nth-child(6):after,.block_uslugi_s_n .block_item_s:nth-child(8):after { background: url(/i/arrow-right.png) no-repeat; transform: rotate(270deg); background-size: cover; content: ''; position: absolute; right: calc(50% - 27px); top: calc(0% - 10px); width: 60px; height: 52px; } .block_item_s.numb { background:#dd4444; color: #fff; text-align: center; font-size: 100px; } .offers-tip { display: table; width:60%; border-collapse: separate; border-spacing: 10px; } .offers-tip div { display:table-cell;width:50%;background: #6fc3ff; height: 60px; cursor:pointer; font-weight:600; border-radius: 10px; padding: 22px 0; text-align: center;} .offers-tip div:hover { background-color: #6fc3ff !important; } .box__advert { display: flex; flex-direction: row; justify-content: space-between; align-items: start; padding: 19px; cursor:pointer; margin:10px 0 35px 0; border-bottom: 1px solid #ecf2f5; } .box__advert:hover {background:#f4f4f4;} .advert__image { margin-right: 30px; flex-shrink: 0; margin: 4px 30px 4px 0; } .equip_image { width: 170px; text-align: center; display: flex; justify-content: center; align-items: center; } .advert__text { flex-grow: 1; min-width: 50%; line-height:1.5; } .advert__text a { display: inline-block; font-size: 18px; color: #015293; font-weight:600; margin-bottom: 5px; line-height: 1; margin-top: 0; } .advert__text>p { color: #333; margin: 5px 0 10px; font-size: 14px; line-height: 22px; padding-right: 20px; } .of_ic {line-height:1.9;} .advert__image a { border: 0 !important;} .advert__price { text-align: right; padding-right: 20px; flex-shrink: 0; } .fa {width:20px;color: #008ed8;} .btn_offer { margin:20px 0 0 0; display: inline-block; vertical-align: top; position: relative; border: 0; color: #fff; outline: none; cursor: pointer; width: 200px; height: 60px; position: relative; font-size: 16px; font-weight: 400; line-height: 22px; padding: 20px 0px 20px 0; text-align: center; background: #43afef; -webkit-transition: 0.7s background; transition: 0.7s background; overflow: hidden; z-index: 1; border-radius:6px; } .btn_offer:hover { background:#2f88c9; } .thcolums { columns: 3; -webkit-columns: 3; -moz-columns: 3; } @media (max-width: 768px) { .thcolums { margin-left: -40px; columns: 2; -webkit-columns: 2; -moz-columns: 2; } }