@charset "UTF-8"; .dom-halat { height: 269px; background: url(https://tvoyhalat.by/assets/template/img/product6.jpg); background-size: 80%; background-repeat: no-repeat; background-position: center 2%; } @media screen and (max-width:766px) { .dom-halat { height: 269px; background: url(https://tvoyhalat.by/assets/template/img/product6.jpg); background-size: cover; } } .social-icons {display:flex;height: 140px;margin-left: 20px;} .social-icons img { width:90px; } .fixed .social-icons img { width: 63px;} .fixed .social-icons { height: unset;} @media screen and (max-width:1199px) {.social-icons { height: unset; }} @media screen and (max-width:530px) {.social-icons img{ width:50px; }} @media screen and (max-width:430px) {.social-icons img{ width:45px; }} .kviz-href { position: fixed; display: flex; right: 10%; bottom: 18px; text-decoration: none; -webkit-box-shadow: 0 18px 46px rgb(228 50 80 / 35%); box-shadow: 0 18px 36px rgb(228 50 80 / 35%); z-index:10; -webkit-border-radius: 70px; border-radius: 70px; background-image: -webkit-gradient(linear, left bottom, left top, from(#e32746), to(#f08294)); background-image: -webkit-linear-gradient(bottom, #e32746 0%, #f08294 100%); background-image: -o-linear-gradient(bottom, #e32746 0%, #f08294 100%); background-image: linear-gradient(to top, #e32746 0%, #f08294 100%); padding: 10px 10px; text-align: center; text-shadow: 0 0 5px rgb(255 255 255 / 41%); text-transform: uppercase; letter-spacing: 0.96px; border: none; font-family: 'Gilory', sans-serif; font-size: 1.2em; color: #fff; cursor: pointer; } .kviz-href:before{ content: ''; width: 120%; height: 130%; display: block; -webkit-border-radius: 70px; border-radius: 70px; border: 1px solid #ed7792; opacity: 0.14; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); pointer-events: none; } .kviz-href:hover{ text-shadow: 0 0 5px rgb(255 255 255 / 41%); box-shadow: 0 18px 46px rgb(228 50 80 / 35%); background-image: -webkit-gradient(linear, left bottom, left top, from(#ea556e), to(#f4a4b1)); background-image: -webkit-linear-gradient(bottom, #ea556e 0%, #f4a4b1 100%); background-image: -o-linear-gradient(bottom, #ea556e 0%, #f4a4b1 100%); background-image: linear-gradient(to top, #ea556e 0%, #f4a4b1 100%); } .catalog-page .header{ position: relative; padding-top: 0; } .catalog__wrap{ display: flex; justify-content: space-between; flex-wrap: wrap; } .catalog-page .catalog__item--img{ display: flex; justify-content: center; align-items: center; overflow: hidden; } .catalog-page .catalog__item--img img{ width: auto; height: auto; max-width: 100%; max-height: 100%; } .catalog-page .catalog__item{ padding-bottom: 20px; padding-top: 20px; box-shadow: 4px 4px 8px 8px rgba(34, 60, 80, 0.2); max-width: 22%; width: 100%; box-sizing: border-box; } .kviz-href--text { color: #fff; text-decoration: none; text-transform: uppercase; text-align: center; font-size: 14px; padding-top: 2px; } .kviz-href--text:hover{ color: #fff; text-decoration: none; text-transform: uppercase; text-align: center; font-size: 14px; padding-top: 2px; } .catalog-slider{ margin: auto; margin-top: 100px; width: 100%; max-width: 1140px; } .catalog-slider .catalog__item--img{ display: flex; justify-content: center; align-items: center; overflow: hidden; } .catalog-slider .catalog__item--img img{ width: auto; height: auto; max-width: 100%; max-height: 100%; } .productDay { margin-top: 40px; max-width: 300px !important; margin-left: auto; margin-right: auto; } .modal-content-inner .catalog__item { margin-left: auto; margin-right: auto; margin-top: 0; } .modal-content-inner .catalog__item--img { max-width: 200px; display: block; margin-left: auto; margin-right: auto; } .modal-content-inner .g-btn { margin-top: 10px !important; } .modal-content-inner .catalog__item--redText { margin-top: 0 !important; } .subtitleWithA a { font-family: 'Gilory', sans-serif; color: #303030; font-weight: bold; background-image: -webkit-linear-gradient(274deg, #fed77d 0%, #a57e37 100%), -webkit-linear-gradient(274deg, #f1cba3 0%, #d69f6a 100%); background-image: -o-linear-gradient(274deg, #fed77d 0%, #a57e37 100%), -o-linear-gradient(274deg, #f1cba3 0%, #d69f6a 100%); background-image: linear-gradient(-184deg, #fed77d 0%, #a57e37 100%), linear-gradient(-184deg, #f1cba3 0%, #d69f6a 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .kviz-href .shine-btn { animation: shine-btn-kviz 2s ease-in-out 0s; animation-duration: 7s; animation-iteration-count: infinite; } .shine-btn { position: absolute; top: 0; right: -350px; top: -50%; height: 200%; width: 50px; transition: all .3s linear; transform: rotate( -30deg ) translateX(0); background: rgba(255,255,255,.13); background: linear-gradient(to right,rgba(128,128,128,.13) 0,rgba(255,255,255,.46) 77%,rgba(255,255,255,.5) 92%,rgba(255,255,255,0) 100%); animation: shine-btn 2s ease-in-out 0s; animation-duration: 2s; animation-iteration-count: infinite; } @font-face { font-display: swap; font-family: "roboto-example"; font-weight: normal; font-style: normal; src: url("../fonts/RobotoRegular/RobotoRegular.eot"); src: url("../fonts/RobotoRegular/RobotoRegular.eot?#iefix") format("embedded-opentype"), url("../fonts/RobotoRegular/RobotoRegular.woff") format("woff"), url("../fonts/RobotoRegular/RobotoRegular.ttf") format("truetype"); } @font-face { font-display: swap; font-family: "roboto-example"; font-weight: bold; font-style: normal; src: url("../fonts/RobotoBold/RobotoBold.eot"); src: url("../fonts/RobotoBold/RobotoBold.eot?#iefix") format("embedded-opentype"), url("../fonts/RobotoBold/RobotoBold.woff") format("woff"), url("../fonts/RobotoBold/RobotoBold.ttf") format("truetype"); } @font-face { font-display: swap; font-family: "Gilory"; font-weight: 300; font-style: normal; src: url("../fonts/Gilroy-Light/Gilroy-Light.eot"); src: url("../fonts/Gilroy-Light/Gilroy-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy-Light/Gilroy-Light.woff") format("woff"), url("../fonts/Gilroy-Light/Gilroy-Light.ttf") format("truetype"); } @font-face { font-display: swap; font-family: "Gilory"; font-weight: normal; font-style: normal; src: url("../fonts/Gilroy-Regular/Gilroy-Regular.eot"); src: url("../fonts/Gilroy-Regular/Gilroy-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy-Regular/Gilroy-Regular.woff") format("woff"), url("../fonts/Gilroy-Regular/Gilroy-Regular.ttf") format("truetype"); } @font-face { font-display: swap; font-family: "Gilory"; font-weight: bold; font-style: normal; src: url("../fonts/Gilroy-Bold/Gilroy-Bold.eot"); src: url("../fonts/Gilroy-Bold/Gilroy-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy-Bold/Gilroy-Bold.woff") format("woff"), url("../fonts/Gilroy-Bold/Gilroy-Bold.ttf") format("truetype"); } @font-face { font-display: swap; font-family: "YesevaOne-Regular"; font-weight: normal; font-style: normal; src: url("../fonts/YesevaOne-Regular/YesevaOne-Regular.eot"); src: url("../fonts/YesevaOne-Regular/YesevaOne-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/YesevaOne-Regular/YesevaOne-Regular.woff") format("woff"), url("../fonts/YesevaOne-Regular/YesevaOne-Regular.ttf") format("truetype"); } @font-face { font-display: swap; font-family: "mon_amour_two"; font-weight: normal; font-style: normal; src: url("../fonts/mon_amour_two.eot"); src: url("../fonts/mon_amour_two.eot?#iefix") format("embedded-opentype"), url("../fonts/mon_amour_two.woff") format("woff"), url("../fonts/mon_amour_two.ttf") format("truetype"); } @font-face { font-display: swap; font-family: "acquest_script"; font-weight: normal; font-style: normal; src: url("../fonts/acquest script.eot"); src: url("../fonts/acquest script.eot?#iefix") format("embedded-opentype"), url("../fonts/acquest script.woff") format("woff"), url("../fonts/acquest script.ttf") format("truetype"); } @font-face { font-display: swap; font-family: "Amerikan_Retro"; font-weight: normal; font-style: normal; src: url("../fonts/Amerikan Retro.eot"); src: url("../fonts/Amerikan Retro.eot?#iefix") format("embedded-opentype"), url("../fonts/Amerikan Retro.woff") format("woff"), url("../fonts/Amerikan Retro.ttf") format("truetype"); } @font-face { font-display: swap; font-family: "boyarsky_bolditalic"; font-weight: normal; font-style: normal; src: url("../fonts/boyarsky_bolditalic.eot"); src: url("../fonts/boyarsky_bolditalic.eot?#iefix") format("embedded-opentype"), url("../fonts/boyarsky_bolditalic.woff") format("woff"), url("../fonts/boyarsky_bolditalic.ttf") format("truetype"); } @font-face { font-display: swap; font-family: "GoodVibesPro"; font-weight: normal; font-style: normal; src: url("../fonts/GoodVibesPro.eot"); src: url("../fonts/GoodVibesPro.eot?#iefix") format("embedded-opentype"), url("../fonts/GoodVibesPro.woff") format("woff"), url("../fonts/GoodVibesPro.ttf") format("truetype"); src: url("../fonts/GoodVibesPro.woff2") format("woff2"); } @font-face { font-display: swap; font-family: "isadora"; font-weight: normal; font-style: normal; src: url("../fonts/isadora.eot"); src: url("../fonts/isadora.eot?#iefix") format("embedded-opentype"), url("../fonts/isadora.woff") format("woff"), url("../fonts/isadora.ttf") format("truetype"); } @font-face { font-display: swap; font-family: "rupster"; font-weight: normal; font-style: normal; src: url("../fonts/rupster.eot"); src: url("../fonts/rupster.eot?#iefix") format("embedded-opentype"), url("../fonts/rupster.woff") format("woff"), url("../fonts/rupster.ttf") format("truetype"); } @font-face { font-display: swap; font-family: "rosamunda"; font-weight: normal; font-style: normal; src: url("../fonts/rosamunda.eot"); src: url("../fonts/rosamunda.eot?#iefix") format("embedded-opentype"), url("../fonts/rosamunda.woff") format("woff"), url("../fonts/rosamunda.ttf") format("truetype"); } @font-face { font-display: swap; font-family: "xiomara"; font-weight: normal; font-style: normal; src: url("../fonts/xiomara.eot"); src: url("../fonts/xiomara.eot?#iefix") format("embedded-opentype"), url("../fonts/xiomara.woff") format("woff"), url("../fonts/xiomara.ttf") format("truetype"); } @font-face { font-display: swap; font-family: "MonotypeCorsiva"; font-weight: normal; font-style: normal; src: url("../fonts/MonotypeCorsiva.eot"); src: url("../fonts/MonotypeCorsiva.eot?#iefix") format("embedded-opentype"), url("../fonts/MonotypeCorsiva.woff") format("woff"), url("../fonts/MonotypeCorsiva.ttf") format("truetype"); src: url("../fonts/MonotypeCorsiva.woff2") format("woff2"); } /*! * Bootstrap Reboot v4.0.0 (https://getbootstrap.com) * Copyright 2011-2018 The Bootstrap Authors * Copyright 2011-2018 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md) */ *, *::before, *::after { -webkit-box-sizing: border-box; box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } @-ms-viewport { width: device-width; } article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: left; background-color: #fff; } [tabindex="-1"]:focus { outline: 0 !important; } hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.5rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title], abbr[data-original-title] { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: .5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } dfn { font-style: italic; } b, strong { font-weight: bolder; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -.25em; } sup { top: -.5em; } a { color: #007bff; text-decoration: none; background-color: transparent; -webkit-text-decoration-skip: objects; } a:hover { color: #0056b3; text-decoration: underline; } a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):focus { outline: 0; } pre, code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; -ms-overflow-style: scrollbar; } figure { margin: 0 0 1rem; } img { vertical-align: middle; border-style: none; } svg:not(:root) { overflow: hidden; } table { border-collapse: collapse; } caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6c757d; text-align: left; caption-side: bottom; } th { text-align: inherit; } label { display: inline-block; margin-bottom: .5rem; } button { -webkit-border-radius: 0; border-radius: 0; } button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { padding: 0; border-style: none; } input[type="radio"], input[type="checkbox"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; } input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { -webkit-appearance: listbox; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; } progress { vertical-align: baseline; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { outline-offset: -2px; -webkit-appearance: none; } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } summary { display: list-item; cursor: pointer; } template { display: none; } [hidden] { display: none !important; } /*! * Bootstrap Grid v4.0.0 (https://getbootstrap.com) * Copyright 2011-2018 The Bootstrap Authors * Copyright 2011-2018 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ @-ms-viewport { width: device-width; } html { -webkit-box-sizing: border-box; box-sizing: border-box; -ms-overflow-style: scrollbar; } *, *::before, *::after { -webkit-box-sizing: inherit; box-sizing: inherit; } .container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container { max-width: 540px; } } @media (min-width: 768px) { .container { max-width: 720px; } } @media (min-width: 992px) { .container { max-width: 960px; } } @media (min-width: 1200px) { .container { max-width: 1140px; } } .container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters>.col, .no-gutters>[class*="col-"] { padding-right: 0; padding-left: 0; } .col-1, .col-2, .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-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-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-lg-1, .col-lg-2, .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-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 { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.33333%; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.66667%; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.33333%; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.66667%; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.33333%; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.66667%; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } .order-last { -webkit-box-ordinal-group: 14; -webkit-order: 13; -ms-flex-order: 13; order: 13; } .order-0 { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; } .order-1 { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .order-2 { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .order-3 { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; } .order-4 { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4; } .order-5 { -webkit-box-ordinal-group: 6; -webkit-order: 5; -ms-flex-order: 5; order: 5; } .order-6 { -webkit-box-ordinal-group: 7; -webkit-order: 6; -ms-flex-order: 6; order: 6; } .order-7 { -webkit-box-ordinal-group: 8; -webkit-order: 7; -ms-flex-order: 7; order: 7; } .order-8 { -webkit-box-ordinal-group: 9; -webkit-order: 8; -ms-flex-order: 8; order: 8; } .order-9 { -webkit-box-ordinal-group: 10; -webkit-order: 9; -ms-flex-order: 9; order: 9; } .order-10 { -webkit-box-ordinal-group: 11; -webkit-order: 10; -ms-flex-order: 10; order: 10; } .order-11 { -webkit-box-ordinal-group: 12; -webkit-order: 11; -ms-flex-order: 11; order: 11; } .order-12 { -webkit-box-ordinal-group: 13; -webkit-order: 12; -ms-flex-order: 12; order: 12; } .offset-1 { margin-left: 8.33333%; } .offset-2 { margin-left: 16.66667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.33333%; } .offset-5 { margin-left: 41.66667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.33333%; } .offset-8 { margin-left: 66.66667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.33333%; } .offset-11 { margin-left: 91.66667%; } @media (min-width: 576px) { .col-sm { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-sm-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-sm-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.33333%; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-sm-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-sm-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-sm-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-sm-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.66667%; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-sm-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-sm-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.33333%; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-sm-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.66667%; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-sm-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-sm-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.33333%; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-sm-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.66667%; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-sm-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-sm-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } .order-sm-last { -webkit-box-ordinal-group: 14; -webkit-order: 13; -ms-flex-order: 13; order: 13; } .order-sm-0 { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; } .order-sm-1 { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .order-sm-2 { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .order-sm-3 { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; } .order-sm-4 { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4; } .order-sm-5 { -webkit-box-ordinal-group: 6; -webkit-order: 5; -ms-flex-order: 5; order: 5; } .order-sm-6 { -webkit-box-ordinal-group: 7; -webkit-order: 6; -ms-flex-order: 6; order: 6; } .order-sm-7 { -webkit-box-ordinal-group: 8; -webkit-order: 7; -ms-flex-order: 7; order: 7; } .order-sm-8 { -webkit-box-ordinal-group: 9; -webkit-order: 8; -ms-flex-order: 8; order: 8; } .order-sm-9 { -webkit-box-ordinal-group: 10; -webkit-order: 9; -ms-flex-order: 9; order: 9; } .order-sm-10 { -webkit-box-ordinal-group: 11; -webkit-order: 10; -ms-flex-order: 10; order: 10; } .order-sm-11 { -webkit-box-ordinal-group: 12; -webkit-order: 11; -ms-flex-order: 11; order: 11; } .order-sm-12 { -webkit-box-ordinal-group: 13; -webkit-order: 12; -ms-flex-order: 12; order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.33333%; } .offset-sm-2 { margin-left: 16.66667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333%; } .offset-sm-5 { margin-left: 41.66667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333%; } .offset-sm-8 { margin-left: 66.66667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333%; } .offset-sm-11 { margin-left: 91.66667%; } } @media (min-width: 768px) { .col-md { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-md-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-md-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.33333%; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-md-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-md-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-md-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-md-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.66667%; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-md-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-md-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.33333%; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-md-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.66667%; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-md-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-md-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.33333%; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-md-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.66667%; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-md-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-md-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } .order-md-last { -webkit-box-ordinal-group: 14; -webkit-order: 13; -ms-flex-order: 13; order: 13; } .order-md-0 { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; } .order-md-1 { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .order-md-2 { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .order-md-3 { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; } .order-md-4 { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4; } .order-md-5 { -webkit-box-ordinal-group: 6; -webkit-order: 5; -ms-flex-order: 5; order: 5; } .order-md-6 { -webkit-box-ordinal-group: 7; -webkit-order: 6; -ms-flex-order: 6; order: 6; } .order-md-7 { -webkit-box-ordinal-group: 8; -webkit-order: 7; -ms-flex-order: 7; order: 7; } .order-md-8 { -webkit-box-ordinal-group: 9; -webkit-order: 8; -ms-flex-order: 8; order: 8; } .order-md-9 { -webkit-box-ordinal-group: 10; -webkit-order: 9; -ms-flex-order: 9; order: 9; } .order-md-10 { -webkit-box-ordinal-group: 11; -webkit-order: 10; -ms-flex-order: 10; order: 10; } .order-md-11 { -webkit-box-ordinal-group: 12; -webkit-order: 11; -ms-flex-order: 11; order: 11; } .order-md-12 { -webkit-box-ordinal-group: 13; -webkit-order: 12; -ms-flex-order: 12; order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.33333%; } .offset-md-2 { margin-left: 16.66667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333%; } .offset-md-5 { margin-left: 41.66667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333%; } .offset-md-8 { margin-left: 66.66667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333%; } .offset-md-11 { margin-left: 91.66667%; } } @media (min-width: 992px) { .col-lg { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-lg-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-lg-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.33333%; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-lg-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-lg-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-lg-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-lg-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.66667%; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-lg-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-lg-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.33333%; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-lg-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.66667%; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-lg-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-lg-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.33333%; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-lg-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.66667%; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-lg-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-lg-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } .order-lg-last { -webkit-box-ordinal-group: 14; -webkit-order: 13; -ms-flex-order: 13; order: 13; } .order-lg-0 { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; } .order-lg-1 { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .order-lg-2 { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .order-lg-3 { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; } .order-lg-4 { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4; } .order-lg-5 { -webkit-box-ordinal-group: 6; -webkit-order: 5; -ms-flex-order: 5; order: 5; } .order-lg-6 { -webkit-box-ordinal-group: 7; -webkit-order: 6; -ms-flex-order: 6; order: 6; } .order-lg-7 { -webkit-box-ordinal-group: 8; -webkit-order: 7; -ms-flex-order: 7; order: 7; } .order-lg-8 { -webkit-box-ordinal-group: 9; -webkit-order: 8; -ms-flex-order: 8; order: 8; } .order-lg-9 { -webkit-box-ordinal-group: 10; -webkit-order: 9; -ms-flex-order: 9; order: 9; } .order-lg-10 { -webkit-box-ordinal-group: 11; -webkit-order: 10; -ms-flex-order: 10; order: 10; } .order-lg-11 { -webkit-box-ordinal-group: 12; -webkit-order: 11; -ms-flex-order: 11; order: 11; } .order-lg-12 { -webkit-box-ordinal-group: 13; -webkit-order: 12; -ms-flex-order: 12; order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.33333%; } .offset-lg-2 { margin-left: 16.66667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333%; } .offset-lg-5 { margin-left: 41.66667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333%; } .offset-lg-8 { margin-left: 66.66667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333%; } .offset-lg-11 { margin-left: 91.66667%; } } @media (min-width: 1200px) { .col-xl { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-xl-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-xl-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.33333%; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-xl-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-xl-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-xl-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-xl-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.66667%; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-xl-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-xl-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.33333%; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-xl-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.66667%; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-xl-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-xl-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.33333%; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-xl-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.66667%; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-xl-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-xl-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } .order-xl-last { -webkit-box-ordinal-group: 14; -webkit-order: 13; -ms-flex-order: 13; order: 13; } .order-xl-0 { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; } .order-xl-1 { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .order-xl-2 { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .order-xl-3 { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; } .order-xl-4 { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4; } .order-xl-5 { -webkit-box-ordinal-group: 6; -webkit-order: 5; -ms-flex-order: 5; order: 5; } .order-xl-6 { -webkit-box-ordinal-group: 7; -webkit-order: 6; -ms-flex-order: 6; order: 6; } .order-xl-7 { -webkit-box-ordinal-group: 8; -webkit-order: 7; -ms-flex-order: 7; order: 7; } .order-xl-8 { -webkit-box-ordinal-group: 9; -webkit-order: 8; -ms-flex-order: 8; order: 8; } .order-xl-9 { -webkit-box-ordinal-group: 10; -webkit-order: 9; -ms-flex-order: 9; order: 9; } .order-xl-10 { -webkit-box-ordinal-group: 11; -webkit-order: 10; -ms-flex-order: 10; order: 10; } .order-xl-11 { -webkit-box-ordinal-group: 12; -webkit-order: 11; -ms-flex-order: 11; order: 11; } .order-xl-12 { -webkit-box-ordinal-group: 13; -webkit-order: 12; -ms-flex-order: 12; order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.33333%; } .offset-xl-2 { margin-left: 16.66667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.33333%; } .offset-xl-5 { margin-left: 41.66667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.33333%; } .offset-xl-8 { margin-left: 66.66667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.33333%; } .offset-xl-11 { margin-left: 91.66667%; } } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } .d-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } .d-sm-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } .d-md-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } .d-lg-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 1200px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } .d-xl-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } .d-print-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } .flex-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -webkit-flex-direction: column !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: row-reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: column-reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-wrap { -webkit-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-nowrap { -webkit-flex-wrap: nowrap !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-wrap-reverse { -webkit-flex-wrap: wrap-reverse !important; -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-start { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-end { -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-center { -webkit-box-pack: center !important; -webkit-justify-content: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-between { -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-around { -webkit-justify-content: space-around !important; -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-start { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-end { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-center { -webkit-box-align: center !important; -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-baseline { -webkit-box-align: baseline !important; -webkit-align-items: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-stretch { -webkit-box-align: stretch !important; -webkit-align-items: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-start { -webkit-align-content: flex-start !important; -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-end { -webkit-align-content: flex-end !important; -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-center { -webkit-align-content: center !important; -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-between { -webkit-align-content: space-between !important; -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-around { -webkit-align-content: space-around !important; -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-stretch { -webkit-align-content: stretch !important; -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-auto { -webkit-align-self: auto !important; -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-start { -webkit-align-self: flex-start !important; -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-end { -webkit-align-self: flex-end !important; -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-center { -webkit-align-self: center !important; -ms-flex-item-align: center !important; align-self: center !important; } .align-self-baseline { -webkit-align-self: baseline !important; -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-stretch { -webkit-align-self: stretch !important; -ms-flex-item-align: stretch !important; align-self: stretch !important; } @media (min-width: 576px) { .flex-sm-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-sm-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -webkit-flex-direction: column !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-sm-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: row-reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-sm-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: column-reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-sm-wrap { -webkit-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-sm-nowrap { -webkit-flex-wrap: nowrap !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { -webkit-flex-wrap: wrap-reverse !important; -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-sm-start { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-sm-end { -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-sm-center { -webkit-box-pack: center !important; -webkit-justify-content: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-sm-between { -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-sm-around { -webkit-justify-content: space-around !important; -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-sm-start { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-sm-end { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-sm-center { -webkit-box-align: center !important; -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-sm-baseline { -webkit-box-align: baseline !important; -webkit-align-items: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-sm-stretch { -webkit-box-align: stretch !important; -webkit-align-items: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-sm-start { -webkit-align-content: flex-start !important; -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-sm-end { -webkit-align-content: flex-end !important; -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-sm-center { -webkit-align-content: center !important; -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-sm-between { -webkit-align-content: space-between !important; -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-sm-around { -webkit-align-content: space-around !important; -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-sm-stretch { -webkit-align-content: stretch !important; -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-sm-auto { -webkit-align-self: auto !important; -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-sm-start { -webkit-align-self: flex-start !important; -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-sm-end { -webkit-align-self: flex-end !important; -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-sm-center { -webkit-align-self: center !important; -ms-flex-item-align: center !important; align-self: center !important; } .align-self-sm-baseline { -webkit-align-self: baseline !important; -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-sm-stretch { -webkit-align-self: stretch !important; -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 768px) { .flex-md-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-md-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -webkit-flex-direction: column !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-md-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: row-reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-md-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: column-reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-md-wrap { -webkit-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-md-nowrap { -webkit-flex-wrap: nowrap !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-md-wrap-reverse { -webkit-flex-wrap: wrap-reverse !important; -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-md-start { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-md-end { -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-md-center { -webkit-box-pack: center !important; -webkit-justify-content: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-md-between { -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-md-around { -webkit-justify-content: space-around !important; -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-md-start { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-md-end { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-md-center { -webkit-box-align: center !important; -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-md-baseline { -webkit-box-align: baseline !important; -webkit-align-items: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-md-stretch { -webkit-box-align: stretch !important; -webkit-align-items: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-md-start { -webkit-align-content: flex-start !important; -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-md-end { -webkit-align-content: flex-end !important; -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-md-center { -webkit-align-content: center !important; -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-md-between { -webkit-align-content: space-between !important; -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-md-around { -webkit-align-content: space-around !important; -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-md-stretch { -webkit-align-content: stretch !important; -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-md-auto { -webkit-align-self: auto !important; -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-md-start { -webkit-align-self: flex-start !important; -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-md-end { -webkit-align-self: flex-end !important; -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-md-center { -webkit-align-self: center !important; -ms-flex-item-align: center !important; align-self: center !important; } .align-self-md-baseline { -webkit-align-self: baseline !important; -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-md-stretch { -webkit-align-self: stretch !important; -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 992px) { .flex-lg-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-lg-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -webkit-flex-direction: column !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-lg-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: row-reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-lg-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: column-reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-lg-wrap { -webkit-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-lg-nowrap { -webkit-flex-wrap: nowrap !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { -webkit-flex-wrap: wrap-reverse !important; -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-lg-start { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-lg-end { -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-lg-center { -webkit-box-pack: center !important; -webkit-justify-content: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-lg-between { -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-lg-around { -webkit-justify-content: space-around !important; -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-lg-start { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-lg-end { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-lg-center { -webkit-box-align: center !important; -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-lg-baseline { -webkit-box-align: baseline !important; -webkit-align-items: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-lg-stretch { -webkit-box-align: stretch !important; -webkit-align-items: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-lg-start { -webkit-align-content: flex-start !important; -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-lg-end { -webkit-align-content: flex-end !important; -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-lg-center { -webkit-align-content: center !important; -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-lg-between { -webkit-align-content: space-between !important; -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-lg-around { -webkit-align-content: space-around !important; -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-lg-stretch { -webkit-align-content: stretch !important; -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-lg-auto { -webkit-align-self: auto !important; -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-lg-start { -webkit-align-self: flex-start !important; -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-lg-end { -webkit-align-self: flex-end !important; -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-lg-center { -webkit-align-self: center !important; -ms-flex-item-align: center !important; align-self: center !important; } .align-self-lg-baseline { -webkit-align-self: baseline !important; -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-lg-stretch { -webkit-align-self: stretch !important; -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 1200px) { .flex-xl-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-xl-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -webkit-flex-direction: column !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-xl-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: row-reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-xl-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: column-reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-xl-wrap { -webkit-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-xl-nowrap { -webkit-flex-wrap: nowrap !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { -webkit-flex-wrap: wrap-reverse !important; -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-xl-start { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-xl-end { -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-xl-center { -webkit-box-pack: center !important; -webkit-justify-content: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-xl-between { -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-xl-around { -webkit-justify-content: space-around !important; -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-xl-start { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-xl-end { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-xl-center { -webkit-box-align: center !important; -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-xl-baseline { -webkit-box-align: baseline !important; -webkit-align-items: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-xl-stretch { -webkit-box-align: stretch !important; -webkit-align-items: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-xl-start { -webkit-align-content: flex-start !important; -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-xl-end { -webkit-align-content: flex-end !important; -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-xl-center { -webkit-align-content: center !important; -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-xl-between { -webkit-align-content: space-between !important; -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-xl-around { -webkit-align-content: space-around !important; -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-xl-stretch { -webkit-align-content: stretch !important; -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-xl-auto { -webkit-align-self: auto !important; -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-xl-start { -webkit-align-self: flex-start !important; -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-xl-end { -webkit-align-self: flex-end !important; -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-xl-center { -webkit-align-self: center !important; -ms-flex-item-align: center !important; align-self: center !important; } .align-self-xl-baseline { -webkit-align-self: baseline !important; -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-xl-stretch { -webkit-align-self: stretch !important; -ms-flex-item-align: stretch !important; align-self: stretch !important; } } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .mw-100 { max-width: 100% !important; } .mh-100 { max-height: 100% !important; } ::-webkit-input-placeholder { color: #666; } ::-moz-placeholder { color: #666; } :-ms-input-placeholder { color: #666; } ::-ms-input-placeholder { color: #666; } ::placeholder { color: #666; } ::-moz-selection { background-color: orange; color: #fff; } ::selection { background-color: orange; color: #fff; } body { font-size: 10px; min-width: 320px; position: relative; line-height: 1.65; font-family: "roboto-example", sans-serif; overflow-x: hidden; color: #333; } body input, body textarea { border: #666 1px solid; outline: none; } body input:focus:required:invalid, body textarea:focus:required:invalid { border-color: red; } body input:required:valid, body textarea:required:valid { border-color: green; } .img-responsive { display: block; max-width: 100%; height: auto; } .img-responsive.img-width { width: 100%; } .text-center { text-align: center; } b, strong { font-weight: bold; } @font-face { font-family: "roboto-example"; font-weight: normal; font-style: normal; src: url("../fonts/RobotoRegular/RobotoRegular.eot"); src: url("../fonts/RobotoRegular/RobotoRegular.eot?#iefix") format("embedded-opentype"), url("../fonts/RobotoRegular/RobotoRegular.woff") format("woff"), url("../fonts/RobotoRegular/RobotoRegular.ttf") format("truetype"); } @font-face { font-family: "roboto-example"; font-weight: bold; font-style: normal; src: url("../fonts/RobotoBold/RobotoBold.eot"); src: url("../fonts/RobotoBold/RobotoBold.eot?#iefix") format("embedded-opentype"), url("../fonts/RobotoBold/RobotoBold.woff") format("woff"), url("../fonts/RobotoBold/RobotoBold.ttf") format("truetype"); } @font-face { font-family: "Gilory"; font-weight: 300; font-style: normal; src: url("../fonts/Gilroy-Light/Gilroy-Light.eot"); src: url("../fonts/Gilroy-Light/Gilroy-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy-Light/Gilroy-Light.woff") format("woff"), url("../fonts/Gilroy-Light/Gilroy-Light.ttf") format("truetype"); } @font-face { font-family: "Gilory"; font-weight: normal; font-style: normal; src: url("../fonts/Gilroy-Regular/Gilroy-Regular.eot"); src: url("../fonts/Gilroy-Regular/Gilroy-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy-Regular/Gilroy-Regular.woff") format("woff"), url("../fonts/Gilroy-Regular/Gilroy-Regular.ttf") format("truetype"); } @font-face { font-family: "Gilory"; font-weight: bold; font-style: normal; src: url("../fonts/Gilroy-Bold/Gilroy-Bold.eot"); src: url("../fonts/Gilroy-Bold/Gilroy-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy-Bold/Gilroy-Bold.woff") format("woff"), url("../fonts/Gilroy-Bold/Gilroy-Bold.ttf") format("truetype"); } @font-face { font-family: "YesevaOne-Regular"; font-weight: normal; font-style: normal; src: url("../fonts/YesevaOne-Regular/YesevaOne-Regular.eot"); src: url("../fonts/YesevaOne-Regular/YesevaOne-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/YesevaOne-Regular/YesevaOne-Regular.woff") format("woff"), url("../fonts/YesevaOne-Regular/YesevaOne-Regular.ttf") format("truetype"); } .wow { visibility: hidden; } .container { max-width: 1270px; padding: 0px 15px; } .container-1500 { max-width: 1500px; padding: 0px 15px; margin: auto; } .noUi-marker { display: none; } .noUi-horizontal .noUi-handle { top: -11.5px; } .noUi-handle { width: 21px !important; height: 21px !important; -webkit-border-radius: 50%; border-radius: 50%; background: #fff; border: 1px solid #c68646; cursor: -webkit-grab; cursor: grab; } .noUi-handle:before, .noUi-handle:after { display: none; } .noUi-touch-area { width: 11px; height: 11px; -webkit-box-shadow: 0 7px 33px 2px rgba(215, 110, 4, 0.72); box-shadow: 0 7px 33px 2px rgba(215, 110, 4, 0.72); background-image: -webkit-linear-gradient(114deg, #c58342 0%, #e7ba8b 100%); background-image: -o-linear-gradient(114deg, #c58342 0%, #e7ba8b 100%); background-image: linear-gradient(-24deg, #c58342 0%, #e7ba8b 100%); position: absolute; -webkit-border-radius: 50%; border-radius: 50%; left: 49.95%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .noUi-value { font-size: 16px; color: #222222; font-family: 'Gilory', sans-serif; } html:not([dir=rtl]) .noUi-horizontal .noUi-handle { right: -10px; } .noUi-target { margin-top: 40px; } .noUi-horizontal { height: 2px; } a.c-btn, button.c-btn { text-decoration: none; display: block; width: 100%; -webkit-box-shadow: 0 18px 46px rgba(228, 50, 80, 0.35); box-shadow: 0 18px 46px rgba(228, 50, 80, 0.35); -webkit-border-radius: 70px; border-radius: 70px; background-image: -webkit-gradient(linear, left bottom, left top, from(#e32746), to(#f08294)); background-image: -webkit-linear-gradient(bottom, #e32746 0%, #f08294 100%); background-image: -o-linear-gradient(bottom, #e32746 0%, #f08294 100%); background-image: linear-gradient(to top, #e32746 0%, #f08294 100%); position: relative; padding: 30px 0px; text-align: center; text-shadow: 0 0 5px rgba(255, 255, 255, 0.41); text-transform: uppercase; letter-spacing: 0.96px; border: none; font-family: 'Gilory', sans-serif; font-size: 1.2em; color: #fff; cursor: pointer; } a.c-btn:hover, button.c-btn:hover { text-shadow: 0 0 5px rgba(255, 255, 255, 0.41); -webkit-box-shadow: 0 18px 46px rgba(228, 50, 80, 0.35); box-shadow: 0 18px 46px rgba(228, 50, 80, 0.35); background-image: -webkit-gradient(linear, left bottom, left top, from(#ea556e), to(#f4a4b1)); background-image: -webkit-linear-gradient(bottom, #ea556e 0%, #f4a4b1 100%); background-image: -o-linear-gradient(bottom, #ea556e 0%, #f4a4b1 100%); background-image: linear-gradient(to top, #ea556e 0%, #f4a4b1 100%); } a.c-btn:before, button.c-btn:before { content: ''; width: 120%; height: 130%; display: block; -webkit-border-radius: 70px; border-radius: 70px; border: 1px solid #ed7792; opacity: 0.14; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); pointer-events: none; } a.g-btn, button.g-btn, .g-btn { text-decoration: none; -webkit-box-shadow: 0 9px 16px rgba(104, 75, 48, 0.16); box-shadow: 0 9px 16px rgba(104, 75, 48, 0.16); -webkit-border-radius: 29px; border-radius: 29px; background-image: -webkit-gradient(linear, left bottom, left top, from(#d59e65), to(#f2cca5)); background-image: -webkit-linear-gradient(bottom, #d59e65 0%, #f2cca5 100%); background-image: -o-linear-gradient(bottom, #d59e65 0%, #f2cca5 100%); background-image: linear-gradient(to top, #d59e65 0%, #f2cca5 100%); display: block; width: 100%; max-width: 225px; text-align: center; padding: 22px 0px; font-family: 'Gilory', sans-serif; font-size: 1.2em; text-transform: uppercase; font-weight: bold; border: none; cursor: pointer; outline: none; color: #fff; text-shadow: 0 0 5px rgba(255, 255, 255, 0.41); } a.g-btn:hover, button.g-btn:hover, .g-btn:hover { background-image: -webkit-gradient(linear, left bottom, left top, from(#c4813b), to(#e8bb8c)); background-image: -webkit-linear-gradient(bottom, #c4813b 0%, #e8bb8c 100%); background-image: -o-linear-gradient(bottom, #c4813b 0%, #e8bb8c 100%); background-image: linear-gradient(to top, #c4813b 0%, #e8bb8c 100%); } h2.section-title { font-family: 'YesevaOne-Regular', sans-serif; font-size: 4em; font-weight: 400; text-align: center; position: relative; } h2.section-title:before { content: ''; width: 180px; height: 75px; display: block; background: url('../img/pero.png') no-repeat; margin: auto; margin-bottom: 30px; } span.section-subtitle { font-family: 'Gilory', sans-serif; font-size: 2.5em; font-weight: 400; text-align: center; display: block; margin-top: 20px; } .header { position: absolute; width: 100%; padding-top: 25px; z-index: 100; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; } .header.fixed { position: fixed; background: #fff; z-index: 100; padding: 10px 0px; top: 0; -webkit-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.3); } .header.fixed .header__info--wrapper { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-flex: unset; -webkit-flex: unset; -ms-flex: unset; flex: unset; width: 100%; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .header.fixed .header__info--top { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; font-size: 7px; width: unset; max-width: unset; margin-left: 10px; } .header.fixed .header__info--top span { display: none; } .header.fixed .header__info--bottom { width: unset; margin-top: 0; } .header__burger { width: 20px; height: 20px; display: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; cursor: pointer; position: relative; } .header__burger.open span { position: absolute; left: 50%; top: 50%; } .header__burger.open span:nth-child(1) { -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } .header__burger.open span:nth-child(2) { display: none; } .header__burger.open span:nth-child(3) { -webkit-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); } .header__burger span { display: block; width: 20px; height: 1px; background: #3c3c3c; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; } .header__logo { width: 100%; width: 234px; display: block; } .header__logo img { width: 100%; } .header__container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .header__info--wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-flex: 0; -webkit-flex: 0 0 734px; -ms-flex: 0 0 734px; flex: 0 0 734px; } .header__info--top { width: 100%; max-width: 457px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .header__info--top span { font-family: 'Gilory', sans-serif; text-transform: uppercase; letter-spacing: 1.28px; color: #000000; font-size: 1.6em; } .header__info--top a { font-family: 'Gilory', sans-serif; color: #303030; font-size: 2.8em; font-weight: bold; background-image: -webkit-linear-gradient(274deg, #fed77d 0%, #a57e37 100%), -webkit-linear-gradient(274deg, #f1cba3 0%, #d69f6a 100%); background-image: -o-linear-gradient(274deg, #fed77d 0%, #a57e37 100%), -o-linear-gradient(274deg, #f1cba3 0%, #d69f6a 100%); background-image: linear-gradient(-184deg, #fed77d 0%, #a57e37 100%), linear-gradient(-184deg, #f1cba3 0%, #d69f6a 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .header__info--bottom { width: 100%; } .header__info--bottom ul { list-style-type: none; margin: 0 0; padding: 0 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .header__info--bottom ul a { font-size: 1.6em; font-family: 'Gilory', sans-serif; font-weight: 300; color: #222222; -webkit-border-radius: 70px; border-radius: 70px; border: 1px solid transparent; padding: 15px 0px; display: block; text-align: center; width: 140px; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; text-decoration: none; } .header__info--bottom ul a:hover, .header__info--bottom ul a.active { border-color: #e63c58; color: #e63c58; } .firstScreen { background: url("../img/fon-1.jpg") no-repeat; -webkit-background-size: cover; background-size: cover; height: 100vh; position: relative; } .firstScreen__people img { display: none; } .firstScreen .img-absolute { position: absolute; left: 50%; top: 20%; z-index: 2; pointer-events: none; } .firstScreen__container { height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; z-index: 4; } .firstScreen .subtitle { font-family: 'Gilory', sans-serif; color: #000000; font-size: 2.1em; font-weight: 300; letter-spacing: 0.5px; } .firstScreen h1 { font-family: 'YesevaOne-Regular', sans-serif; font-size: 3.0em; line-height: 70px; font-weight: 300; width: 100%; max-width: 540px; color: #222222; } .firstScreen .underline { font-size: 2.6em; color: #e7435e; font-family: 'Gilory', sans-serif; text-decoration: underline; padding-bottom: 5px; display: block; } .firstScreen .c-btn { margin-top: 30px; max-width: 233px; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; font-weight: bold; padding: 20px 0px; } .firstScreen__top { padding-top: 125px; } .firstScreen__bottom { width: 100%; -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 40px 0px; } .firstScreen__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100%; max-width: 625px; } .firstScreen__item { width: 100%; max-width: 180px; } .firstScreen__item .number { font-family: 'YesevaOne-Regular', sans-serif; font-size: 6em; background-image: -webkit-linear-gradient(274deg, #f1cba3 0%, #d69f6a 100%); background-image: -o-linear-gradient(274deg, #f1cba3 0%, #d69f6a 100%); background-image: linear-gradient(-184deg, #f1cba3 0%, #d69f6a 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: #222222; } .firstScreen__item .text { margin-top: 25px; font-family: 'YesevaOne-Regular', sans-serif; color: #222222; font-size: 1.8em; font-weight: 400; } /* .firstScreen__item span.bold { font-weight: bold; } */ .firstScreen a.btn-play { text-decoration: none; } .firstScreen__play { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .firstScreen__play .btn-play { width: 60px; height: 60px; -webkit-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 18px 46px rgba(228, 50, 80, 0.35); box-shadow: 0 18px 46px rgba(228, 50, 80, 0.35); background-image: -webkit-gradient(linear, left bottom, left top, from(#e32746), to(#f08294)); background-image: -webkit-linear-gradient(bottom, #e32746 0%, #f08294 100%); background-image: -o-linear-gradient(bottom, #e32746 0%, #f08294 100%); background-image: linear-gradient(to top, #e32746 0%, #f08294 100%); position: relative; cursor: pointer; display: flex; justify-content: center; align-items: center; -webkit-animation: radial-pulse 2s infinite; animation: radial-pulse 2s infinite; } .firstScreen__play .btn-play:hover { text-shadow: 0 0 5px rgba(255, 255, 255, 0.41); -webkit-box-shadow: 0 18px 46px rgba(228, 50, 80, 0.35); box-shadow: 0 18px 46px rgba(228, 50, 80, 0.35); background-image: -webkit-gradient(linear, left bottom, left top, from(#ea556e), to(#f4a4b1)); background-image: -webkit-linear-gradient(bottom, #ea556e 0%, #f4a4b1 100%); background-image: -o-linear-gradient(bottom, #ea556e 0%, #f4a4b1 100%); background-image: linear-gradient(to top, #ea556e 0%, #f4a4b1 100%); } .firstScreen__play .btn-play:before { content: ''; width: 15px; height: 15px; background: url('../img/play-button.svg'); display: block; color: #fff; font-size: 1.6em; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .firstScreen__play .btn-play:after { content: ''; width: 130%; height: 130%; display: block; border: 1px solid #ed7792; opacity: 0.14; -webkit-border-radius: 50%; border-radius: 50%; position: absolute; left: -10px; top: -10px; } .firstScreen__play .text { font-family: 'Gilory', sans-serif; font-size: 1.4em; font-weight: bold; text-transform: uppercase; display: block; margin-left: 20px; width: 100%; max-width: 240px; } .catalog { margin-top: 90px; background: url("../img/fon-2.webp") no-repeat; -webkit-background-size: cover; background-size: cover; } .catalog__list { position: relative; width: 100%; margin: auto; margin-top: 50px; } .catalog__list--content { -webkit-box-shadow: 0 7px 56px 1px rgba(2, 2, 2, 0.06); box-shadow: 0 7px 56px 1px rgba(2, 2, 2, 0.06); -webkit-border-radius: 10px; border-radius: 10px; background-color: #ffffff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: space-evenly; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; z-index: 2; background: #fff; position: relative; padding-bottom: 50px; } .catalog__list--content:after { content: ''; width: 696px; height: 384px; background: url("../img/gift.webp") no-repeat; position: absolute; left: -webkit-calc(98% - 696px); left: calc(98% - 696px); top: 90%; display: block; pointer-events: none; } .catalog__list:before { content: ''; width: 98%; height: 100%; display: block; -webkit-border-radius: 10px; border-radius: 10px; top: 20px; left: 15px; position: absolute; -webkit-box-shadow: 0 7px 56px 1px rgba(2, 2, 2, 0.06); box-shadow: 0 7px 56px 1px rgba(2, 2, 2, 0.06); z-index: 1; background: #fff; } .catalog__list:after { content: ''; width: 96%; height: 100%; display: block; -webkit-border-radius: 10px; border-radius: 10px; top: 40px; left: 30px; position: absolute; -webkit-box-shadow: 0 7px 56px 1px rgba(2, 2, 2, 0.06); box-shadow: 0 7px 56px 1px rgba(2, 2, 2, 0.06); z-index: 0; background: #fff; } .catalog__item { width: 100%; max-width: 360px; margin: 0px 15px; margin-top: 70px; min-height: 230px; display: flex; flex-direction: column; } .catalog__item .item--wrapper { flex: 1 0 auto; } .catalog__item .btn--wrapper { flex: 0 0 auto; } .catalog__item:last-child { min-height: unset; } .catalog__item--title { font-size: 1.8em; font-family: 'Gilory', sans-serif; font-weight: bold; text-align: center; text-decoration: none; color: #000; text-align: center; width: 100%; display: block; } .catalog__item--subtitle { font-size: 1.8em; font-family: 'Gilory', sans-serif; font-weight: 300; text-align: center; } .catalog__item--subtitle span { color: #e0466a; padding-right: 3px; } .catalog__item--img { width: 100%; max-width: 360px; height: 270px; margin-top: 20px; } .catalog__item--img img { width: 100%; height: 100%; } .catalog__item--redText { font-size: 1.8em; font-weight: bold; font-family: 'Gilory', sans-serif; color: #e0466a; text-align: center; margin-top: 20px; } .catalog__item--blackText { font-size: 1.8em; font-weight: 400; font-family: 'Gilory', sans-serif; color: #222222; text-align: center; } .catalog__item .g-btn { margin: auto; margin-top: 15px; } .catalog__item.time p { font-family: 'Gilory', sans-serif; font-size: 1.8em; width: 100%; max-width: 300px; text-align: center; margin: auto; padding-bottom: 20px; } .catalog__item.time p .bold { font-weight: bold; } .catalog__item.time .time { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .catalog__item.time .time .elements { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .catalog__item.time .time .dots { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 20px; } .catalog__item.time .time .dots:before, .catalog__item.time .time .dots:after { content: ''; width: 10px; height: 10px; display: block; background: #e96685; -webkit-border-radius: 50%; border-radius: 50%; } .catalog__item.time .time .dots:after { margin-top: 15px; } .catalog__item.time .time .value { display: block; font-size: 5.7em; font-family: 'YesevaOne-Regular', sans-serif; font-size: 70px; font-family: "YesevaOne"; color: #e96685; font-weight: bold; line-height: 0.649; text-align: center; text-align: center; text-shadow: 0px 6px 2px rgba(0, 0, 0, 0.05); } .catalog__item.time .time span:not(.value) { text-align: center; font-family: 'Gilory', sans-serif; font-size: 1.4em; font-weight: 300; display: block; } .banner { margin: auto; margin-top: 100px; width: 100%; max-width: 1140px; -webkit-box-shadow: 0 26px 102px 1px rgba(2, 2, 2, 0.11); box-shadow: 0 26px 102px 1px rgba(2, 2, 2, 0.11); border: 2px solid #ffffff; position: relative; } .banner2 { margin: auto; margin-top: 300px; width: 100%; max-width: 1140px; border: 2px solid #ffffff; position: relative; } .index-page .constructor{ margin-top: 300px; } .banner__content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: center; z-index: 2; background-image: -webkit-linear-gradient(304deg, #e43451 0%, #ef798d 100%); background-image: -o-linear-gradient(304deg, #e43451 0%, #ef798d 100%); background-image: linear-gradient(-214deg, #e43451 0%, #ef798d 100%); padding: 10px; position: relative; } .banner:after { content: ''; background: url("../img/lenta 1.webp") no-repeat; width: 297px; height: 246px; display: block; position: absolute; z-index: 64; left: -7.5%; top: 63.5%; } .banner:before { content: ''; background: url("../img/lenta 2.webp") no-repeat; width: 381px; height: 118px; display: block; position: absolute; z-index: 64; left: 25.5%; top: 95%; } .banner__left { margin-right: 10px; } .banner__left:after { content: 'Tvoy Halat'; opacity: 0.04; width: 560px; height: 330px; color: #ffffff; font-family: 'YesevaOne-Regular', sans-serif; font-size: 130px; font-weight: bold; font-weight: 400; position: absolute; left: 0; top: 0; } .banner__left .center { padding-top: 36px; } .banner__left .center:before { content: ''; background: url("../img/arrow_left.png") no-repeat; width: 58px; height: 62px; display: block; position: absolute; left: 30%; top: 50%; -webkit-transform: translate(-50%, 50%); -ms-transform: translate(-50%, 50%); transform: translate(-50%, 50%); } .banner__right .center:before { content: ''; background: url("../img/arrow_top.png") no-repeat; width: 30px; height: 62px; display: block; position: absolute; left: 23%; top: 23%; } .banner__right .center:after { content: ''; background: url("../img/arrow_down.png") no-repeat; width: 37px; height: 58px; display: block; position: absolute; left: 72%; top: 59%; } .banner__left, .banner__right { position: relative; padding: 45px 0px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 50%; height: auto; } .banner__left:before, .banner__right:before { content: ''; width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; border: 2px solid #ffffff; opacity: .4; } .banner .top, .banner .bottom { font-family: 'Gilory', sans-serif; font-size: 2.2em; font-weight: 400; text-transform: uppercase; color: #fff; text-align: center; } .banner .center { font-family: 'YesevaOne-Regular', sans-serif; font-size: 12.4em; color: #fff; font-weight: 400; text-align: center; -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; } .banner .center sub { font-size: 62px; } .banner .bottom { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } .banner__content2 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; z-index: 2; padding: 10px; position: relative; } .banner2:after { content: ''; width: 297px; height: 246px; display: block; position: absolute; z-index: 64; left: -7.5%; top: 63.5%; } .banner2:before { content: ''; width: 381px; height: 118px; display: block; position: absolute; z-index: 64; left: 25.5%; top: 95%; } .banner__left2 { margin-right: 10px; } .banner__left2:after { content: 'Tvoy Halat'; opacity: 0.04; width: 560px; height: 330px; color: #ffffff; font-family: 'YesevaOne-Regular', sans-serif; font-size: 130px; font-weight: bold; font-weight: 400; position: absolute; left: 0; top: 0; } .banner__left2 .center { padding-top: 36px; } .banner__left2 .center:before { content: ''; background: url("../img/arrow_left.png") no-repeat; width: 58px; height: 62px; display: block; position: absolute; left: 30%; top: 50%; -webkit-transform: translate(-50%, 50%); -ms-transform: translate(-50%, 50%); transform: translate(-50%, 50%); } .banner__right2 .center:before { content: ''; background: url("../img/arrow_top.png") no-repeat; width: 30px; height: 62px; display: block; position: absolute; left: 23%; top: 23%; } .banner__right2 .center:after { content: ''; background: url("../img/arrow_down.png") no-repeat; width: 37px; height: 58px; display: block; position: absolute; left: 72%; top: 59%; } .banner__left2, .banner__right2 { position: relative; padding: 45px 0px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 50%; height: auto; } .banner__left2:before, .banner__right2:before { content: ''; width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; border: 2px solid #ffffff; opacity: .4; } .banner2 .top, .banner2 .bottom { font-family: 'Gilory', sans-serif; font-size: 2.2em; font-weight: 400; text-transform: uppercase; color: #fff; text-align: center; } .banner2 .center { font-family: 'YesevaOne-Regular', sans-serif; font-size: 12.4em; color: #fff; font-weight: 400; text-align: center; -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; } .banner2 .center sub { font-size: 62px; } .banner2 .bottom { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } .masters { margin-top: 150px; } .masters__container { position: relative; } .masters__halat { position: relative; background: url("../img/halat.jpg") no-repeat; -webkit-background-size: cover; background-size: cover; background-position: center; height: -webkit-calc(100vh + 300px); height: calc(100vh + 300px); } .masters__title { font-family: 'YesevaOne-Regular', sans-serif; font-size: 4em; font-weight: 400; color: #212121; text-align: center; } .masters__subtitle { font-family: 'YesevaOne-Regular', sans-serif; font-size: 2em; font-weight: 400; color: #222222; text-align: center; margin-top: 10px; } .masters__info .item { max-width: 250px; position: relative; } .masters__info .item:nth-child(1) { top: 200px; left: 100px; } .masters__info .item:nth-child(2) { left: 700px; top: 72px; } .masters__info .item:nth-child(3) { top: 168px; } .masters__info .item:nth-child(4) { left: 755px; top: 40px; } .masters__info .item:nth-child(5) { top: 40px; left: 775px; } .masters__info .item:nth-child(6) { left: 725px; top: 130px; } .masters__info .item:nth-child(7) { left: 90px; } .masters__info .title { font-family: 'YesevaOne-Regular', sans-serif; font-size: 2.3em; color: #000; text-align: center; } .masters__info .subtitle { font-family: 'Gilory', sans-serif; font-size: 2em; color: #000; margin-top: 25px; text-align: center; } .gallery { margin-top: 50px; } .gallery .section-subtitle { width: 100%; max-width: 458px; margin: auto; margin-top: 25px; } .gallery__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 50px; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .gallery__item { width: 100%; max-width: 33.33%; } .gallery__item img { width: 100%; height: 100%; } .gallery__bottom-text span, .gallery__bottom-text p{ width: 100%; max-width: 605px; margin: auto; margin-top: 60px; display: block; font-family: 'Gilory', sans-serif; font-size: 2.5em; letter-spacing: 0.5px; text-align: center; } .gallery__bottom-text span a, .gallery__bottom-text p a{ color: #e53653; font-weight: bold; text-decoration: underline; } .sertificate { height: 100%; position: relative; background: url("../img/fon-4.webp") no-repeat; -webkit-background-size: cover; background-size: cover; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; overflow: hidden; } .sertificate__container { position: relative; padding-top: 300px; padding-bottom: 150px; } .sertificate__container:after { content: ''; background: url("../img/sertificate.webp") no-repeat; width: 444px; height: 553px; display: block; position: absolute; left: -5%; top: -webkit-calc(70% - 553px); top: calc(70% - 553px); } .sertificate__info { max-width: 738px; -webkit-box-shadow: 0 26px 102px 1px rgba(2, 2, 2, 0.11); box-shadow: 0 26px 102px 1px rgba(2, 2, 2, 0.11); border: 2px solid #ffffff; background-image: -webkit-linear-gradient(304deg, #e43451 0%, #ef798d 100%); background-image: -o-linear-gradient(304deg, #e43451 0%, #ef798d 100%); background-image: linear-gradient(-214deg, #e43451 0%, #ef798d 100%); margin: auto; position: relative; padding: 100px 0px; } .sertificate__info:after { content: ''; background: url("../img/sertificate_top.png") no-repeat; width: 221px; height: 235px; display: block; position: absolute; left: -webkit-calc(100% - 160px); left: calc(100% - 160px); top: -60px; } .sertificate__info:before { content: ''; width: 98%; height: 98%; position: absolute; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); top: 7px; border: 2px solid #ffffff; opacity: 0.39; display: block; } .sertificate__info .title { font-family: 'YesevaOne-Regular', sans-serif; font-size: 4em; font-weight: 400; color: #fff; text-align: center; } .sertificate__info ul { list-style-type: none; margin: 0 0; padding: 0 0; margin: auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .sertificate__info ul li { font-family: 'Gilory', sans-serif; font-size: 2.5em; color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100%; max-width: 370px; text-align: center; } .sertificate__info ul li:before { content: ''; width: 15px; height: 15px; background-color: #ffffff; -webkit-border-radius: 50%; border-radius: 50%; display: block; margin: 20px 0px; } .reasons { background: url("../img/fon-5.webp") no-repeat; -webkit-background-size: cover; background-size: cover; background-position: center; height: 1450px; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; overflow: hidden; } .reasons__third--text { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; margin-top: 200px; } .reasons__third--text .title { font-size: 4em; font-family: 'YesevaOne-Regular', sans-serif; margin-top: 20px; } .reasons__third--text .subtitle { font-size: 2em; display: block; } .reasons__third--text .item--wrapper { width: 100%; max-width: 347px; padding-bottom: 30px; background: #fff; position: absolute; -webkit-border-radius: 20px; border-radius: 20px; } .reasons__third--text .item--wrapper:nth-child(1) { left: 45%; top: 17%; } .reasons__third--text .item--wrapper:nth-child(2) { left: 60%; top: 40%; margin-left: 100px; } .reasons__third--text .item--wrapper:nth-child(3) { left: 38%; top: 51%; } .reasons__third--text .item--wrapper:before { content: ''; width: 93%; height: 98%; background: #fff; -webkit-border-radius: 20px; border-radius: 20px; position: relative; left: 15px; top: 20px; display: block; position: absolute; z-index: 1; opacity: 0.4; } .reasons__third--text .item--wrapper .item--content { text-align: center; position: relative; z-index: 2; padding-bottom: 30px; } .reasons__third--text .item--wrapper .item--content .number { color: #e43551; -webkit-background-clip: text; background-clip: text; font-family: 'YesevaOne-Regular', sans-serif; font-size: 8.6em; } .reasons__third--text .item--wrapper .item--content .item-title { font-size: 2.2em; font-family: 'YesevaOne-Regular', sans-serif; font-weight: 400; } .reasons__third--text .item--wrapper .item--content .item-subtitle { color: #000000; font-family: 'Gilory', sans-serif; font-size: 1.4em; margin-top: 20px; } .reasons__third--text .item--wrapper .item--content .c-btn { margin: auto; max-width: 250px; margin-top: 30px; } .howToPay .container { max-width: 1250px; } .howToPay__title { font-family: 'YesevaOne-Regular', sans-serif; font-size: 4em; color: #3c3c3c; text-align: center; position: relative; z-index: 10; } .howToPay__list { list-style-type: none; margin: 0 0; padding: 0 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 100px; } .howToPay__list .title { font-size: 2.8em; margin-top: 20px; background-image: -webkit-linear-gradient(274deg, #f1cba3 0%, #d69f6a 100%); background-image: -o-linear-gradient(274deg, #f1cba3 0%, #d69f6a 100%); background-image: linear-gradient(-184deg, #f1cba3 0%, #d69f6a 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: bold; } .howToPay__list .img-wrapper { height: 361px; } .howToPay__list .img-wrapper img { display: block; margin: auto; } .howToPay__list .number { font-size: 137px; font-weight: 400; color: #f5f5f5; font-family: 'YesevaOne-Regular', sans-serif; } .howToPay__list .info { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .howToPay__list .info-wrapp { margin-left: 20px; } .howToPay__list .text { width: 100%; max-width: 250px; font-family: 'Gilory', sans-serif; font-size: 1.8em; color: #3c3c3c; } .howToPay__list .text a { color: #c81e39; text-decoration: underline; } .howToPay__list li { width: 100%; max-width: 350px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; } .howToPay__list li:nth-child(1) .dots { left: -webkit-calc(100%); left: calc(100%); } .howToPay__list li:nth-child(2) .dots { left: -webkit-calc(100%); left: calc(100%); } .howToPay__list li.last { max-width: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .howToPay__list li.last .number { font-size: 276px; } .howToPay__list li.last .text { max-width: 420px; } .howToPay__list .dots { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: absolute; top: 30%; left: 100%; } .howToPay__list .dots span { width: 10px; height: 10px; background-color: #ebebeb; -webkit-border-radius: 50%; border-radius: 50%; display: block; } .howToPay__list .dots span:not(:first-child) { margin-left: 10px; } .delivery { background: url("../img/fon_dostavka-2.jpg") no-repeat; -webkit-background-size: cover; background-size: cover; position: relative; } .delivery__container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: relative; } .delivery__title { font-family: 'YesevaOne-Regular', sans-serif; font-size: 13.2em; font-weight: 400; color: #fffefe; width: 100%; margin-top: 300px; text-align: center; } .delivery__table { width: 100%; position: relative; margin-top: 100px; } .delivery__table:before { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #fff; opacity: .88; -webkit-box-shadow: 0 8px 68px 8px rgba(0, 0, 0, 0.07); box-shadow: 0 8px 68px 8px rgba(0, 0, 0, 0.07); -webkit-border-radius: 30px; border-radius: 30px; z-index: 1; } .delivery__table:after { content: ''; width: 103%; height: 103%; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-box-shadow: 0 8px 68px 8px rgba(0, 0, 0, 0.07); box-shadow: 0 8px 68px 8px rgba(0, 0, 0, 0.07); -webkit-border-radius: 30px; border-radius: 30px; background-color: #ffffff; opacity: 0.41; } .delivery__table table { width: 100%; max-width: 1043px; text-align: center; margin: auto; position: relative; z-index: 2; } .delivery__table table tr:first-child { border-bottom: 1px solid #ff4461; } .delivery__table table tr:first-child td { font-family: 'YesevaOne-Regular', sans-serif; font-size: 2.6em; color: #e43552; padding-bottom: 25px; padding-top: 50px; } .delivery__table table tr:not(:first-child) { border-bottom: 1px solid #ebebeb; } .delivery__table table tr:not(:first-child) td { font-size: 1.8em; color: #3c3c3c; font-weight: 400; padding-bottom: 25px; } .delivery__car { position: relative; top: 87%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); z-index: 10; } .reviews { height: 1250px; margin-top: 200px; } .reviews h2.section-title { text-align: left; text-align: left; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; width: 100%; max-width: 530px; margin: auto; margin-bottom: 50px; } .reviews h2.section-title:before { margin: 0; margin-bottom: 30px; } .reviews__list { position: relative; } .reviews__right { margin-left: 350px; } .reviews__left { width: 100%; max-width: 350px; position: absolute; top: 150px; } .reviews__left:before { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #fff; -webkit-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: 0 11px 26px 3px rgba(0, 0, 0, 0.06); box-shadow: 0 11px 26px 3px rgba(0, 0, 0, 0.06); z-index: 1; } .reviews__left:after { content: ''; width: 95%; height: 95%; position: absolute; left: 7px; top: 45px; background: #fff; -webkit-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: 0 11px 26px 3px rgba(0, 0, 0, 0.06); box-shadow: 0 11px 26px 3px rgba(0, 0, 0, 0.06); z-index: 0; } .reviews__list--content { position: relative; z-index: 2; padding: 30px; padding-bottom: 30px; } .reviews__list--content .c-btn { max-width: 250px; margin: auto; margin-top: 30px; } .reviews__list--content .text { font-size: 2.8em; font-weight: bold; font-family: 'YesevaOne-Regular'; } .reviews__list--item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-top: 30px; } .reviews__list--item .img-wrapper { width: 87px; height: 85px; -webkit-box-shadow: 0 22px 24px rgba(92, 92, 92, 0.35); box-shadow: 0 22px 24px rgba(92, 92, 92, 0.35); -webkit-border-radius: 27px; border-radius: 27px; background-color: #ffffff; } .reviews__list--item .img-wrapper img { width: 100%; height: 100%; display: block; } .reviews__list--item .name { margin-left: 30px; } .reviews__list--item .name a { font-size: 1.6em; text-decoration: underline; font-family: 'YesevaOne-Regular', sans-serif; color: #e63f5b; } .reviews .pagination { margin-top: 30px; position: relative; z-index: 2; padding-bottom: 10px; } .reviews .pagination ul { list-style-type: none; margin: 0 0; padding: 0 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .reviews .pagination ul li { margin: 0px 5px; } .reviews .pagination ul li a { font-size: 1.4em; font-family: 'Gilory', sans-serif; color: #bcbcbc; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; text-decoration: none; } .reviews .pagination ul li a:hover, .reviews .pagination ul li a.active { color: #000000; } .reviews .pagination ul li.active a { color: #000; } .reviews .pagination ul li.prev a:before { content: '<<'; font-size: 1em; } .reviews .pagination ul li.next a:before { content: '>>'; font-size: 1em; } .reviews__right .slider__slider--init { z-index: 10; } .reviews__right .slider__container { position: relative; } .reviews__right .slider__container:before { content: ''; width: 1000px; height: 1200px; background: url("../img/hand-no-finger.webp") no-repeat; position: absolute; left: -55px; top: 0; } .reviews__right .slider__container:after { content: ''; width: 100%; height: 100%; background: url("../img/iphone.png") no-repeat; position: absolute; left: 196px; top: 0; } .reviews__right .slider__slider--position { height: 1000px; } .reviews__right .slider__slider--position:after { content: ''; width: 100%; height: 100%; background: url("../img/fingers.png") no-repeat; position: absolute; left: 130px; z-index: 10; top: 309px; pointer-events: none; } .reviews__right .slider__item { position: relative; z-index: 10; max-width: 301px; left: 208px; height: 622px; -webkit-border-radius: 29px; border-radius: 29px; overflow: hidden; top: 15px; } .reviews__right .slider__item img { width: 100%; height: 100%; display: block; } .reviews .slick-prev, .reviews .slick-next, .gallery__list .slick-prev, .gallery__list .slick-next { z-index: 30; width: 60px; height: 58px; -webkit-box-shadow: 0 18px 46px rgba(228, 50, 80, 0.35); box-shadow: 0 18px 46px rgba(228, 50, 80, 0.35); -webkit-border-radius: 27px; border-radius: 27px; background-image: -webkit-gradient(linear, left bottom, left top, from(#e32746), to(#f08294)); background-image: -webkit-linear-gradient(bottom, #e32746 0%, #f08294 100%); background-image: -o-linear-gradient(bottom, #e32746 0%, #f08294 100%); background-image: linear-gradient(to top, #e32746 0%, #f08294 100%); } .gallery__list .slick-prev { left: 15px; } .gallery__list .slick-next { right: 15px; } .reviews .slick-prev { left: 35px; } .reviews .slick-next { right: 13%; } .reviews .slick-prev:before, .reviews .slick-next:before { font-size: 30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .question { background: url("../img/fon-2.jpg") no-repeat; position: relative; -webkit-background-size: cover; background-size: cover; overflow: hidden; padding-bottom: 250px; background-position-x: -30px; } .question:before { content: ''; width: 100%; height: 100%; background: url("../img/book.webp") no-repeat; display: block; left: 6%; top: 43%; z-index: 0; position: absolute; } .question__container { position: relative; z-index: 1; } .question__list { padding-top: 50px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .question__left { width: 100%; max-width: 533px; position: relative; } .question__right { width: 100%; max-width: 410px; } .question__left2 { width: 100%; max-width: 500px; position: relative; } .question__right2 { width: 100%; max-width: 500px; } .question .form { width: 100%; max-width: 410px; -webkit-box-shadow: 0 11px 26px 3px rgba(0, 0, 0, 0.06); box-shadow: 0 11px 26px 3px rgba(0, 0, 0, 0.06); -webkit-border-radius: 20px; border-radius: 20px; background-color: #ffffff; padding: 35px 0px; padding-left: 68px; padding-right: 58px; } .question .form-title { color: #3c3c3c; font-family: 'YesevaOne-Regular', sans-serif; font-size: 2.8em; font-weight: 400; width: 100%; max-width: 195px; } .question .form-subtitle { font-family: 'Gilory', sans-serif; font-size: 1.4em; color: #000; width: 100%; max-width: 205px; margin-top: 10px; } .question .form-inputs input:nth-child(1) { margin-top: 35px; } .question .form-inputs input, .question .form-inputs textarea { margin-top: 10px; display: block; width: 100%; max-width: 285px; -webkit-border-radius: 5px; border-radius: 5px; background-color: #f9f9fb; font-family: 'Gilory', sans-serif; font-size: 1.4em; color: #000; font-weight: 400; padding: 27px 0px; padding-left: 35px; resize: none; } .question .form .c-btn { margin-top: 30px; outline: none; border: none; cursor: pointer; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; padding: 22px 0px; } .question .form .c-btn:hover { text-shadow: 0 0 5px rgba(255, 255, 255, 0.41); -webkit-box-shadow: 0 18px 46px rgba(228, 50, 80, 0.35); box-shadow: 0 18px 46px rgba(228, 50, 80, 0.35); background-image: -webkit-gradient(linear, left bottom, left top, from(#ea556e), to(#f4a4b1)); background-image: -webkit-linear-gradient(bottom, #ea556e 0%, #f4a4b1 100%); background-image: -o-linear-gradient(bottom, #ea556e 0%, #f4a4b1 100%); background-image: linear-gradient(to top, #ea556e 0%, #f4a4b1 100%); } .footer { margin-top: 50px; } .footer__container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .footer__logo { width: 100%; max-width: 234px; display: flex; flex-direction: column; justify-content: space-between; } .footer .footer__unp{ display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; font-size: 14px; font-family: 'Gilory', sans-serif; } .footer .footer__unp .line{ margin-top: 10px; } .footer .footer__unp.mobile{ display: none; } .footer .footer__unp a{ color: #222222; } .footer__logo .footer-logo{ display: block; } .footer__nav ul { list-style-type: none; margin: 0 0; padding: 0 0; } .footer__nav ul a { color: #222222; font-family: 'Gilory', sans-serif; font-size: 1.6em; font-weight: 300; text-decoration: none; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; -webkit-border-radius: 24px; border-radius: 24px; border: 1px solid transparent; padding: 15px; } .footer__nav ul a:hover { color: #e63d59; border-color: #e63c58; } .footer__nav ul li:not(:first-child) { margin-top: 10px; } .footer__phones--phones { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .footer__phones--phones .phones .phone { display: flex; align-items: center; } .footer__phones--phones .phones .phone a { margin-left: 10px; } .footer__phones--phones a { font-size: 2em; font-weight: bold; color: #303030; font-family: 'Gilory', sans-serif; display: block; } .footer__phones .g-btn { margin-top: 30px; } .footer__works .works { font-size: 1.6em; font-family: 'Gilory', sans-serif; font-weight: 300; } .footer__works .mail { font-family: 'Gilory', sans-serif; font-size: 1.6em; color: #000000; font-weight: 300; margin-top: 15px; display: block; } .footer__works .socials { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 100%; max-width: 300px; margin-top: 30px; } .footer__works .socials a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 60px; height: 58px; -webkit-box-shadow: 0 18px 46px rgba(228, 50, 80, 0.35); box-shadow: 0 18px 46px rgba(228, 50, 80, 0.35); -webkit-border-radius: 27px; border-radius: 27px; background-image: -webkit-gradient(linear, left bottom, left top, from(#e32746), to(#f08294)); background-image: -webkit-linear-gradient(bottom, #e32746 0%, #f08294 100%); background-image: -o-linear-gradient(bottom, #e32746 0%, #f08294 100%); background-image: linear-gradient(to top, #e32746 0%, #f08294 100%); } .footer__works .socials a:hover { background-image: -webkit-gradient(linear, left bottom, left top, from(#ea556e), to(#f4a4b1)); background-image: -webkit-linear-gradient(bottom, #ea556e 0%, #f4a4b1 100%); background-image: -o-linear-gradient(bottom, #ea556e 0%, #f4a4b1 100%); background-image: linear-gradient(to top, #ea556e 0%, #f4a4b1 100%); } .footer__subFooter { padding: 45px 15px; text-align: right; } .footer__subFooter span { color: #000000; font-family: 'Gilory', sans-serif; font-size: 1.6em; font-weight: 300; } .footer__subFooter a { color: #000000; font-family: 'Gilory', sans-serif; font-size: 1.6em; font-weight: bold; } .popups { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, 0.65); z-index: 999; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; opacity: 0; visibility: hidden; } .popups.open { opacity: 1; visibility: visible; } .popups .modal { width: 100%; max-width: 587px; -webkit-border-radius: 20px; border-radius: 20px; background-color: #ffffff; position: fixed; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding: 30px 40px; opacity: 0; visibility: hidden; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; } .popups .modal.open { opacity: 1; visibility: visible; } .popups .modal:before { content: ''; background: url("../img/pero.png") no-repeat; width: 100%; height: 100%; display: block; position: absolute; left: 83%; top: -40px; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); pointer-events: none; } .popups .modal .title { color: #222222; font-size: 2.6em; font-family: 'YesevaOne-Regular', sans-serif; background-image: -webkit-gradient(linear, left bottom, left top, from(#ef8092), to(#e42c4a)); background-image: -webkit-linear-gradient(bottom, #ef8092 0%, #e42c4a 100%); background-image: -o-linear-gradient(bottom, #ef8092 0%, #e42c4a 100%); background-image: linear-gradient(to top, #ef8092 0%, #e42c4a 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-align: center; margin-top: 40px; } .popups .modal .subtitle { color: #000000; font-family: 'Gilory', sans-serif; font-size: 1.6em; font-weight: 300; width: 100%; max-width: 308px; text-align: center; margin: auto; margin-top: 20px; } .popups .modal .socials { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-top: 40px; } .popups .modal .socials a { display: block; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; } .popups .modal .socials a:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .popups .modal .socials a:last-child { margin-left: 15px; } .popups .modal .form-inputs { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .popups .modal .form-inputs input { -webkit-border-radius: 5px; border-radius: 5px; background-color: #f9f9fb; border: none; outline: none; padding: 27px 20px; display: block; width: 100%; max-width: 238px; font-size: 1.4em; font-family: 'Gilory', sans-serif; color: #000000; margin-top: 30px; } .popups .modal .g-btn { margin: auto; margin-top: 30px; } .popups .modal-close { width: 18px; height: 18px; position: absolute; cursor: pointer; left: -webkit-calc(100% - 40px); left: calc(100% - 40px); } .popups .modal-close:before, .popups .modal-close:after { content: ''; width: 18px; height: 2px; background-color: #e2e2e2; display: block; position: absolute; left: 50%; top: 50%; } .popups .modal-close:before { -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } .popups .modal-close:after { -webkit-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); } #thanks-popup .title { font-size: 2.4em; } #thanks-popup .subtitle { max-width: 416px; } .constructor-page .firstScreen { overflow: hidden; } .constructor-page .firstScreen .img-absolute { left: 42%; top: 5%; z-index: 4; pointer-events: none; } .constructor-page .firstScreen { overflow: hidden; } .constructor-page .firstScreen .img-absolute { left: 42%; top: 5%; z-index: 4; pointer-events: none; } .constructor-page .firstScreen h1 { font-size: 3.4em; line-height: 45px; } .constructor-page .firstScreen h1 a { color: #dda977; } .constructor-page .firstScreen__container { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .constructor-page .firstScreen__container p { font-size: 1.8em; font-family: 'Gilory', sans-serif; width: 100%; max-width: 554px; margin-top: 55px; color: #222222; } .constructor-page .firstScreen__container a.phone { font-size: 1.8em; font-family: 'Gilory', sans-serif; width: 100%; max-width: 554px; display: block; color: #222222; font-weight: bold; } .constructor__container { -webkit-box-shadow: 0 7px 56px 1px rgba(2, 2, 2, 0.06); box-shadow: 0 7px 56px 1px rgba(2, 2, 2, 0.06); -webkit-border-radius: 10px; border-radius: 10px; background-color: #ffffff; padding: 110px 0px; } .constructor__content { margin: auto; max-width: 1055px; } .constructor__center--leftMobile { display: none; width: 70px; margin-right: 15px; margin-left: 15px; } .constructor__center--leftMobile a { display: block; padding: 10px; position: -webkit-sticky; position: sticky; top: 50%; background-image: -webkit-gradient(linear, left bottom, left top, from(#e32746), to(#f08294)); background-image: -webkit-linear-gradient(bottom, #e32746 0%, #f08294 100%); background-image: -o-linear-gradient(bottom, #e32746 0%, #f08294 100%); background-image: linear-gradient(to top, #e32746 0%, #f08294 100%); margin-top: 60px; } .constructor__center--leftMobile a img { width: 50px; display: block; margin: auto; } .constructor__top { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .constructor__top--left { -webkit-box-flex: 0; -webkit-flex: 0 0 250px; -ms-flex: 0 0 250px; flex: 0 0 250px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .constructor__top--left a { display: block; text-decoration: none; width: 100%; max-width: 150px; -webkit-border-radius: 24px; border-radius: 24px; border: 1px solid #e63c58; border-color: #fff; padding: 10px 0px; text-align: center; font-size: 1.6em; color: #444444; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; } .constructor__top--left a:last-child { margin-left: 20px; } .constructor__top--left a:hover, .constructor__top--left a.active { border-color: #e63c58; color: #e63c58; } .constructor__top--right { -webkit-box-flex: 0; -webkit-flex: 0 0 587px; -ms-flex: 0 0 587px; flex: 0 0 587px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; position: relative; } .constructor__top--right:before, .constructor__top--right:after { content: ''; width: 100%; height: 1px; display: block; background-color: #ebebeb; opacity: 0.37; position: absolute; left: 0; } .constructor__top--right:before { top: -25px; } .constructor__top--right:after { top: -webkit-calc(100% + 25px); top: calc(100% + 25px); } .constructor__top--right a { font-size: 1.6em; text-decoration: none; font-family: 'Gilory', sans-serif; font-weight: 700; color: #222222; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; letter-spacing: 0.16px; } .constructor__top--right a:hover, .constructor__top--right a.active { color: #e0466a; } .constructor__center { display: flex; justify-content: space-between; } .constructor__center .tab { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: none; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .constructor__center .tab.active { display: flex; flex-direction: column; } .constructor__center .constructor__center--left { width: 100%; max-width: 535px; } .constructor__center .constructor__center--right { -webkit-box-flex: 0; -webkit-flex: 0 0 587px; -ms-flex: 0 0 587px; flex: 0 0 587px; } .constructor__center--left .close { display: none; width: 30px; height: 30px; } .constructor__center--left .close:before, .constructor__center--left .close:after { content: ''; width: 30px; height: 2px; background: #000000; display: block; position: absolute; } .constructor__center--left .close:before { -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } .constructor__center--left .close:after { -webkit-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); } .constructor__center--left #tabBackEnd { width: auto; background-image: url("../img/mahra/halat_back-white.jpg"); background-repeat: no-repeat; height: 570px; background-position: center center; display: none; background-size: cover; } .constructor__center--left #tabBackEnd.active { display: block; } .constructor__center--left #tabFrontEnd { width: auto; background-image: url("../img/mahra/halat_front-white.jpg"); background-repeat: no-repeat; height: 570px; background-position: center center; display: none; background-size: cover; } .constructor__center--left #tabFrontEnd.active { display: block; } .constructor__center--left #tabFrontEnd, .constructor__center--left #tabBackEnd { position: sticky; position: -webkit-sticky; top: 150px; } .constructor__center--left #tabFrontEnd .image-top, .constructor__center--left #tabFrontEnd .image-bottom, .constructor__center--left #tabBackEnd .image-top, .constructor__center--left #tabBackEnd .image-bottom { width: 55px; position: relative; overflow: hidden; } .constructor__center--left #tabFrontEnd .image-top, .constructor__center--left #tabBackEnd .image-top { height: 90px; } .constructor__center--left #tabBackEnd .image-top svg, .constructor__center--left #tabBackEnd .image-bottom svg { width: 100%; height: 100%; display: block; margin: auto; } .constructor__center--left #tabFrontEnd .image-top img, .constructor__center--left #tabFrontEnd .image-bottom img, .constructor__center--left #tabBackEnd .image-top img, .constructor__center--left #tabBackEnd .image-bottom img { width: 100%; display: block; height: 100%; object-fit: contain; } .constructor__center--left #tabBackEnd .image-bottom { width: 85px; } .constructor__center--left #tabFrontEnd .image-top, .constructor__center--left #tabBackEnd .image-top { left: 50%; top: 17%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .constructor__center--left #tabFrontEnd .image-bottom, .constructor__center--left #tabBackEnd .image-bottom { left: 50%; top: 12%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .constructor__center--left #tabFrontEnd .text, .constructor__center--left #tabBackEnd .text { position: relative; top: 7%; margin: auto; word-break: break-word; width: 135px; max-height: 92px; text-align: center; overflow: hidden; font-family: 'mon_amour_two', sans-serif; } .constructor__center--left #tabFrontEnd .text { left: 9%; top: 21%; width: 70px; max-height: 80px; } .constructor__center--left #tabFrontEnd .image-top { left: 60%; top: 26%; display: none; } .constructor__center .hidden { display: none; } .constructor__center .gender { width: 100%; max-width: 270px; } .constructor__center .box { font-size: 1.6em; color: #222222; font-family: 'Gilory', sans-serif; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; cursor: pointer; } .constructor__center .box:before { content: ''; width: 21px; height: 21px; display: block; -webkit-border-radius: 50%; border-radius: 50%; border: 1px solid #c68646; margin-right: 15px; } .constructor__center .box:after { content: ''; width: 11px; height: 11px; -webkit-box-shadow: 0 7px 33px 2px rgba(215, 110, 4, 0.72); box-shadow: 0 7px 33px 2px rgba(215, 110, 4, 0.72); background-image: -webkit-linear-gradient(114deg, #c58342 0%, #e7ba8b 100%); background-image: -o-linear-gradient(114deg, #c58342 0%, #e7ba8b 100%); background-image: linear-gradient(-24deg, #c58342 0%, #e7ba8b 100%); display: block; position: absolute; top: 50%; left: 5px; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); -webkit-border-radius: 50%; border-radius: 50%; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; opacity: 0; visibility: hidden; } .constructor__center input[type=radio]:checked+.box:after { opacity: 1; visibility: visible; } .constructor__center input[type=radio]:not(:checked)+.box:after { opacity: 0; visibility: hidden; } .constructor__center .colors { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; /* margin-top: 50px; */ } .constructor__center .radio-list { margin-top: 30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -15px; } .constructor__center .radio-list label { margin-left: 15px; min-width: 170px; } .constructor__center .radio-list label.color1 .box:before, .constructor__center .radio-list label.color1 .box:after { border: 1px solid #c68646; background-image: #fff; } .constructor__center .radio-list label.color .box:after { display: none; } .constructor__center .radio-list label.color2 .box:before { border: 1px solid #46230d; background: #46230d; } .constructor__center .radio-list label.color3 .box:before { border-color: #2154bc; background: #2154bc; } .constructor__center .radio-list label.color4 .box:before { border-color: rgb(11, 36, 50); background: rgb(11, 36, 50); } .constructor__center .radio-list label.color5 .box:before { border-color: #611b28; background: #611b28; } .constructor__center .radio-list label.color6 .box:before { border-color: #fe8ac7; background: #fe8ac7; } .constructor__center .radio-list label.color7 .box:before { border-color: #ded0b8; background: #ded0b8; } .constructor__center .radio-list label.color8 .box:before { border-color: #21522c; background: #21522c; } .constructor__center .radio-list label.color9 .box:before { border-color: #000; background: #000; } .constructor__center .radio-list label.color10 .box:before { border-color: #909090; background: #909090; } .constructor__center .radio-list label.color11 .box:before { border-color: #dcf3ff; background: #dcf3ff; } .constructor__center .radio-list label.color12 .box:before { border-color: #d4bd8a; background: #d4bd8a; } .constructor__center .radio-list label.color13 .box:before { border-color: #fc0106; background: #fc0106; } .constructor__center .radio-list label.color-text1 .box:before { border-color: #d4bd8a; background: #d4bd8a; } .constructor__center .radio-list label.color-text2 .box:before { border-color: #46230d; background: #46230d; } .constructor__center .radio-list label.color-text3 .box:before { border-color: #cccccc; background: #cccccc; } .constructor__center .radio-list label.color-text4 .box:before { border-color: #000000; background: #000000; } .constructor__center .radio-list label.color-text5 .box:before { border-color: #2154bc; background: #2154bc; } .constructor__center .radio-list label.color-text6 .box:before { border-color: #fe8ac7; background: #fe8ac7; } .constructor__center .radio-list label.color-textGold .box:before { border-color: #d0a219; background: #d0a219; } .constructor__center .radio-list label.color-textSilver .box:before { border-color: #cccccc; background: #cccccc; } .constructor__center .radio-list label.color-textBlack .box:before { border-color: #000000; background: #000000; } .constructor__center .radio-list label.color-textWhite .box:before { border-color: #c68646; background: #ffffff; } .constructor__center .radio-list label.color-textBlue .box:before { border-color: #2154bc; background: #2154bc; } .constructor__center .radio-list label.color-textDarkBlue .box:before { border-color: #3afffe; background: #3afffe; } .constructor__center .radio-list label.color-textYellow .box:before { border-color: #ffd700; background: #ffd700; } .constructor__center .radio-list label.color-textOrange .box:before { border-color: #ff8c00; background: #ff8c00; } .constructor__center .radio-list label.color-textRed .box:before { border-color: #a52a2a; background: #a52a2a; } .constructor__center .radio-list label.color-textBordo .box:before { border-color: #8b0000; background: #8b0000; } .constructor__center .radio-list label.color-textBrown .box:before { border-color: #46230d; background: #46230d; } .constructor__center .radio-list label.color-textPink .box:before { border-color: #fe8ac7; background: #fe8ac7; } .constructor__center .radio-list label.color-textSalat .box:before { border-color: #00ff10; background: #00ff10; } .constructor__center .radio-list label.color-textGreen .box:before { border-color: #008000; background: #008000; } .constructor__center .radio-list.colors--halat { width: 100%; max-width: 180px; } .constructor__center .radio-list.colors--halat label { min-width: unset; display: block; height: 21px; } .constructor__center .radio-list.colors--text { width: 100%; max-width: 180px; } .constructor__center .radio-list.colors--text label { min-width: unset; display: block; height: 21px; } .constructor__center .title { font-size: 1.8em; font-family: 'Gilory', sans-serif; font-weight: 400; color: #e5b787; margin-top: 50px; display: block; } .constructor__center .title { font-size: 1.8em; font-family: 'Gilory', sans-serif; font-weight: 400; color: #e5b787; margin-top: 50px; display: block; } .form-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 100%; max-width: 530px; } .form-btn label { display: block; width: 100%; } .form-btn .g-btn { width: 100%; max-width: 300px; margin: auto; margin-top: 60px; } .needEmbroidery { display: none; } .list-icon--checkPosition { display: none; } .list-icon--checkPosition label:last-child { margin-left: 20px; } .textOnHalat { width: 100%; max-width: 530px; } .textOnHalat textarea { width: 100%; display: block; -webkit-border-radius: 5px; border-radius: 5px; background-color: #f9f9fb; padding: 20px; margin-top: 20px; font-size: 1.4em; font-family: 'Gilory', sans-serif; color: #000; font-weight: 300; resize: none; } .typeFont { width: 100%; max-width: 400px; } .userInfo { width: 100%; max-width: 590px; margin-top: 40px; } .userInfo .form-wrapper-inputs { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 10px; } /* .userInfo .form-wrapper-inputs input:last-child { margin-left: 20px; } */ .select-box.delivery-box{ max-width: 100%; } .userInfo .form-wrapper-inputs .left { width: 100%; /* max-width: 287px; */ } .userInfo .form-wrapper-inputs .left .select-box { margin-top: 10px; width: 100%; max-width: unset; } .userInfo .form-wrapper-inputs .right { margin-left: 20px; width: 100%; max-width: 287px; } .userInfo .form-wrapper-inputs .right textarea { width: 100%; height: 100%; display: block; resize: none; } .userInfo .form-wrapper-inputs.last textarea { width: 100%; height: 130px; display: block; max-width: unset; resize: none; } .userInfo .btn-send .c-btn { margin: auto; margin-top: 50px; width: 100%; max-width: 265px; outline: none; opacity: 0.4; pointer-events: none; } .userInfo .btn-send .c-btn-active { opacity: 1; pointer-events: auto; } .userInfo input, .userInfo textarea { width: 100%; /* max-width: 287px; */ display: block; -webkit-border-radius: 5px; border-radius: 5px; background-color: #f9f9fb; color: #000; font-family: 'Gilory', sans-serif; font-size: 1.4em; font-weight: 300; padding: 10px; } .select-box { width: 100%; max-width: 250px; -webkit-border-radius: 5px; border-radius: 5px; background-color: #f9f9fb; padding: 10px; position: relative; cursor: pointer; margin-top: 30px; } .select-box.open .select-box__current .icon { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .select-box__current { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 10px; } .select-box__current .text { font-family: 'Gilory', sans-serif; font-size: 1.4em; color: #000000; } .select-box__current .icon { width: 7px; height: 7px; border-top: 1px solid #000; border-right: 1px solid #000; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; } .select-box__list { list-style-type: none; margin: 0 0; padding: 0 0; width: 100%; position: absolute; left: 0; top: 100%; display: none; z-index: 10; height: 200px; overflow: scroll; overflow-x: hidden; } .select-box.delivery-box .select-box__list { height: auto; overflow: auto; } .select-box__list li { font-family: 'Gilory', sans-serif; font-size: 1.4em; color: #000000; border-bottom: 1px solid #c2c2c2; background-color: #f9f9fb; padding: 10px; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; cursor: pointer; display: flex; align-items: center; } .select-box__list li:hover { background-color: #d8d8da; } .outputIamge { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; position: relative; } .outputIamge img { width: 100px; display: block; margin-top: 50px; } .outputIamge span { font-size: 1.4em; font-family: 'Gilory', sans-serif; font-weight: bold; } .outputIamge .removeImg { width: 20px; height: 20px; display: block; cursor: pointer; position: absolute; left: 61%; top: 0%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin-top: 50px; } .outputIamge .removeImg:before, .outputIamge .removeImg:after { content: ''; width: 20px; height: 2px; display: block; background: #000; position: absolute; left: 50%; top: 50%; } .outputIamge .removeImg:before { -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } .outputIamge .removeImg:after { -webkit-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); } @-webkit-keyframes radial-pulse { 0% { -webkit-box-shadow: 0 0 0 0px rgba(231, 67, 94, 0.5); box-shadow: 0 0 0 0px rgba(231, 67, 94, 0.5); } 100% { -webkit-box-shadow: 0 0 0 30px rgba(231, 67, 94, 0); box-shadow: 0 0 0 30px rgba(231, 67, 94, 0); } } @keyframes radial-pulse { 0% { -webkit-box-shadow: 0 0 0 0px rgba(231, 67, 94, 0.5); box-shadow: 0 0 0 0px rgba(231, 67, 94, 0.5); } 100% { -webkit-box-shadow: 0 0 0 30px rgba(231, 67, 94, 0); box-shadow: 0 0 0 30px rgba(231, 67, 94, 0); } } .header__mobile--phone { display: none; } .select-box__list li img { width: 65px; height: auto; margin-right: 10px; } .select-box__list li svg { width: 25px; margin-right: 10px; } .down .select-box__list li svg { width: 65px; } .select-box__list li:hover { background-color: #d8d8da; } /*========== Desktop First ==========*/ .item--img-wrapper { display: none; } .item--img-wrapper img { width: 100%; } .noUi-horizontal .noUi-tooltip { font-size: 18px; color: #c68646; } /* .halat { display: none !important; } .halat.active { display: block !important; } */ .constructor__center--left .halat{ display: none; } .constructor__center--left .halat.active{ display: block; } #load-popup .modal-content{ display: flex; justify-content: center; align-items: center; } @media (max-width: 1199.98px) { .reasons__list { padding-bottom: 50px; } .constructor__center--left #tabFrontEnd .text { left: 11%; } .constructor__center--left #tabFrontEnd .image-top { left: 60%; } .howToPay { margin-top: 100px; } .sertificate { margin-top: 100px; } .gallery { margin-top: 100px; } .sertificate__info { margin: 0px 0px 0px auto; } .header__info--bottom ul { padding-bottom: 10px; } .header__info--bottom { position: absolute; left: -15px; width: -webkit-calc(100% + 15px); width: calc(100% + 15px); margin-top: 0px; background: #fff; top: 100%; } .reviews .slick-next { margin-right: 15px; right: 0; } .header { background: #fff; } .header.fixed .header__info--bottom { width: -webkit-calc(100% + 15px); width: calc(100% + 15px); } .header__info--wrapper { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; } .masters__info .item:nth-child(2) { left: 64%; } .masters__info .item:nth-child(4) { left: 67%; } .masters__info .item:nth-child(6) { left: 64%; } .sertificate:after { top: 65%; } .reasons { height: 100%; } .reasons__third--text { margin-top: 100px; } .reasons__third--text .item--wrapper { position: relative; margin-top: 20px; } .reasons__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .reasons__third--text .item--wrapper:nth-child(1), .reasons__third--text .item--wrapper:nth-child(2), .reasons__third--text .item--wrapper:nth-child(3) { left: 0; top: 0; margin-left: 0px; } .sertificate__info:after { width: 160px; height: 180px; -webkit-background-size: contain; background-size: contain; } .delivery__title { margin-top: 400px; text-align: center; } .delivery__container { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; min-height: unset; height: auto; } .delivery__car { position: relative; } .howToPay__list li .dots { display: none; } .howToPay__list .img-wrapper { width: 450px; height: 360px; } .howToPay__list .img-wrapper img { display: block; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .howToPay__list li.last { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; max-width: 350px; } .howToPay__list li.last .number { font-size: 173px; } .reasons__third--text img { display: block; margin: auto; } .reasons__third--text .title, .reasons__third--text .subtitle { width: 100%; text-align: center; } .reasons { -webkit-background-size: cover; background-size: cover; } .constructor__center .tab .constructor__center--right { -webkit-box-flex: 50%; -webkit-flex: 50%; -ms-flex: 50%; flex: 50%; } .userInfo .form-wrapper-inputs { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .userInfo .form-wrapper-inputs input:last-child { margin-left: 0px; margin-top: 10px; } .userInfo .form-wrapper-inputs .right { margin-left: 0px; margin-top: 10px; } .userInfo .form-wrapper-inputs.last textarea { max-width: 289px; } .form-wrapper { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .constructor__center .colors { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media (max-width: 991.98px) { .reviews__left { margin-top: 40px; } .catalog-page .catalog__item{ max-width: 29%; } .banner:before { left: 35.5%; } .banner2:before { left: 35.5%; } .reviews__right .slider__slider--position:after { display: none; } .reviews { height: auto; } .firstScreen__top { padding-top: 175px; } .catalog__list--content:after { top: 100%; left: 33%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } .banner { margin-top: 200px; padding: 0px 15px; } .banner2 { margin-top: 400px; padding: 0px 15px; } .index-page .constructor{ margin-top: 400px; } .gallery__item { max-width: 50%; } .firstScreen__play { margin-top: 20px; } .firstScreen h1 { font-size: 2.8em; line-height: 30px; } .firstScreen .subtitle { font-size: 2em; } .firstScreen .underline { font-size: 1.8em; } .firstScreen__top { width: 100%; text-align: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .masters__halat { height: 100%; margin-top: 30px; text-align: center; } .masters__info .item:nth-child(5) { top: 55px; left: 600px; } /* .masters__info .item:nth-child(6) { top: -67px; } */ .sertificate__container:after { width: 350px; -webkit-background-size: contain; background-size: contain; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .reviews__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .reviews__left { position: relative; top: 0; -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; margin-bottom: 80px; } .reviews__right { margin-left: 0px; width: 100%; -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .reviews__right .slider__container:before { display: none; } .reviews__right .slider__container:after { left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); max-width: 330px; left: 50%; } .reviews__right .slider__item { left: 0; } .reviews__right .slider__slider--position { height: 645px; } .reviews__right .slider__item { top: 18px; overflow: auto; display: block !important; margin: auto; max-width: 281px; left: -4px; height: 627px; } .question__list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; } .question { top: 0; padding-bottom: 30px; } .constructor__top--right { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: center; } .constructor__top--right a { -webkit-box-flex: 50%; -webkit-flex: 50%; -ms-flex: 50%; flex: 50%; margin-top: 10px; } .noUi-value { display: none; } .constructor__center .tab .constructor__center--right { padding-right: 15px; } .constructor__top--left { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } } @media (max-width: 850px) { .masters__info .item:nth-child(5) { left: 450px; } .reasons:before { top: -70%; } .header__info--wrapper { -webkit-box-flex: 0; -webkit-flex: 0 0 61%; -ms-flex: 0 0 61%; flex: 0 0 61%; } .firstScreen__bottom { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .catalog__list--content { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .delivery__car { top: 95%; } .sertificate__container:after { position: relative; left: 50%; -webkit-transform: translate(-50%, 0px); -ms-transform: translate(-50%, 0px); transform: translate(-50%, 0px); } .sertificate__container { padding-bottom: 0px; } .howToPay__list .img-wrapper img { width: 85%; } .delivery { top: 0; } .masters__halat { background-position: unset; } .constructor__top--right { -webkit-box-flex: unset; -webkit-flex: unset; -ms-flex: unset; flex: unset; } .constructor__top--right a { -webkit-box-flex: 100%; -webkit-flex: 100%; -ms-flex: 100%; flex: 100%; } .catalog-page .catalog__item{ max-width: 45%; } } @media (max-width: 767.98px) { .banner:before { left: 45.5%; } .catalog-page .catalog__item{ max-width: 45%; } .banner2:before { left: 45.5%; } .firstScreen__top { padding-top: 100px; } .footer { margin-top: 0px; } .footer__works { margin-top: 20px; } .footer__container { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .header__burger { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .header__info--bottom { width: 100%; max-width: 310px; z-index: 998; left: 100%; top: 85px; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; } .header__info--bottom.open { left: -webkit-calc(100% - 310px); left: calc(100% - 310px); } .header.fixed .header__info--wrapper { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .header.fixed .header__info--top { font-size: 10px; } .header { z-index: 998; } .header__info--bottom { position: fixed; } .header__info--bottom ul { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .header__info--top a { font-size: 1.8em; display: block; margin-left: 10px; } .header__info--top { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; max-width: unset; } .header { padding-top: 0px; height: 85px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .howToPay__list { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .howToPay__list li { margin-top: 50px; } .delivery__title { font-size: 4em; color: #3c3c3c; margin-top: 100px; } .catalog__list { width: 100%; margin: 0 0; margin-top: 50px; } .question__list { padding-top: 100px; } .question:before { background-size: contain; top: 25%; } .constructor__center--left #tabFrontEnd .text { left: 13%; } } @media screen and (max-width: 700px) { .footer .footer__unp{ display: none; } .footer .footer__unp.mobile{ display: flex; margin-top: 40px; } .banner:before, .banner:after { display: none; } .banner2:before, .banner2:after { display: none; } .reasons__list { justify-content: center; } .delivery__table table tr:nth-child(3) { background: #f5f5f5; } .delivery__car { width: 100%; max-width: 310px; } .delivery__car img { display: block; width: 100%; } .delivery:after { top: 65%; } .delivery__table table tr:last-child { border: none; } .footer__container { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-top: 20px; } .footer__phones, .footer__nav { margin-top: 20px; } .footer__subFooter { text-align: center; } .masters__info .item:nth-child(1), .masters__info .item:nth-child(2), .masters__info .item:nth-child(3), .masters__info .item:nth-child(4), .masters__info .item:nth-child(5), .masters__info .item:nth-child(6), .masters__info .item:nth-child(7) { left: 0; top: 0; margin-top: 40px; } .masters__info .item { margin-top: 40px; } .delivery__table table tr:first-child { display: none; } .delivery__table table tr:not(:first-child) { display: flex; flex-wrap: wrap; } .delivery__table table tr:nth-child(2) td:nth-child(1) { border-top-left-radius: 30px; } .delivery__table table tr:nth-child(2) td:nth-child(2) { border-top-right-radius: 30px; } .delivery__table table tr:not(:first-child) td:nth-child(2) { border-left: 1px solid #fff; } .delivery__table table tr:not(:first-child) td:nth-child(1), .delivery__table table tr:not(:first-child) td:nth-child(2) { flex: 50%; background: #d83c53; color: #fff; display: flex; justify-content: center; align-items: center; padding: 25px; } .delivery__table table tr:not(:first-child) td { padding: 25px; } .delivery__table table tr:not(:first-child) td:nth-child(3) { flex: 100%; } } @media (max-width: 768px) { .constructor__center--left #tabBackEnd.active { background-size: cover !important; background-color: #fff; } .constructor__center { flex-direction: column; } .constructor__center--left #tabFrontEnd, .constructor__center--left #tabBackEnd { height: 200px !important; background-position-y: 25% !important; } .constructor__center .constructor__center--left { margin: 10px 0px; overflow: hidden; } .constructor__center .tab .constructor__center--right { padding: 0px 15px; } .constructor__center--left #tabFrontEnd .text, .constructor__center--left #tabBackEnd .text { top: 7%; } .constructor__center--left #tabFrontEnd .text { top: 19%; } .constructor__center--left #tabFrontEnd .image-top, .constructor__center--left #tabBackEnd .image-top { height: 50px; } .constructor__center--left #tabFrontEnd .image-top svg, .constructor__center--left #tabBackEnd .image-top svg { width: 100%; height: 100%; } .constructor__center--left #tabFrontEnd .image-top { top: 30%; } } @media (max-width: 575.98px) { .howToPay__list .img-wrapper { width: 100%; height: 100%; } .catalog-page .catalog__item{ max-width: 100%; } .delivery__car { margin-top: 50px; } .howToPay { margin-top: 0px; } .howToPay__list { margin-top: 50px; } .masters { margin-top: 50px; } .banner { margin-top: 150px; } .banner2 { margin-top: 250px; } .index-page .constructor{ margin-top: 110px; } .catalog__list--content:after { width: 100%; background-size: contain; } .header__mobile--phone { display: block; } .reviews { margin-top: 50px; } .header__info--top span { display: none; } .header__info--wrapper { -webkit-box-flex: unset; -webkit-flex: unset; -ms-flex: unset; flex: unset; justify-content: flex-end; padding-right: 25px; } .header__info--top { display: none; } .header.fixed .header__info--top { display: none; } .header.fixed .header__info--wrapper { width: auto; justify-content: flex-end; padding-right: 25px; } .firstScreen { height: 100%; /* background-position: 68% -100px; */ } .firstScreen__people img { display: block; } .firstScreen__container { padding: 0 0; } .firstScreen__list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .firstScreen__play { margin: 40px 0px; } .firstScreen .img-absolute { display: none; } .firstScreen:after { width: -webkit-calc(100% + 30px); width: calc(100% + 30px); } .catalog__list--content { padding: 0px 20px; } .banner__content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .banner__left, .banner__right { width: 100%; } .banner { -webkit-box-shadow: unset; box-shadow: unset; } .banner__right { margin-top: 10px; } .banner__content2 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .banner__left2, .banner__right2 { width: 100%; } .banner2 { -webkit-box-shadow: unset; box-shadow: unset; } .banner__right2 { margin-top: 10px; } .gallery__item { max-width: 100%; padding: 0px 15px; } .sertificate__info .title, .masters__title, h2.section-title { font-size: 3em; } .sertificate__info ul li { font-size: 1.6em; } .gallery .section-subtitle { font-size: 2em; } .sertificate__container { padding-top: 100px; padding-bottom: 0px; } .reasons:before { top: -75%; } .reasons__third--text .title { text-align: center; } .reasons__third--text .subtitle { text-align: center; } .howToPay__list li.last .number, .howToPay__list li .number { font-size: 100px; } .popups .modal .form-inputs input { width: 100%; max-width: 100%; } .delivery__table table tr:not(:first-child) td { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 0; padding: 20px 0px; } .reviews .slick-prev, .reviews .slick-next { top: 100%; } .question .form { text-align: center; max-width: 100%; padding: 20px; } .question__right { max-width: 100%; } .question .form-title { width: 100%; max-width: 100%; } .question .form-subtitle { max-width: 100%; } .question .form-inputs input, .question .form-inputs textarea { max-width: 100%; } .question .form .c-btn:before { display: none; } .firstScreen__item .number { display: inline; } .firstScreen__item .text { margin-top: -10px; margin-bottom: 20px; } .sertificate__info { padding: 100px 30px; } .catalog__item.time .time { padding-bottom: 20px; } .delivery__table table tr:not(:first-child) td:nth-child(1), .delivery__table table tr:not(:first-child) td:nth-child(2) { padding: 15px; } .header__logo { width: 100%; max-width: 200px; } .header__burger { width: 30px; height: 30px; } .header__burger span { width: 30px; } .mobile { display: flex; align-items: center; } .header__mobile--phone { margin-right: 25px; } .reasons__third--text { margin-top: 0px; } .reviews h2.section-title { text-align: center; } .howToPay__list .img-wrapper img { width: 100%; } .footer__subFooter a { font-weight: 400; } .constructor__top { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .constructor__top--left { -webkit-box-flex: 100%; -webkit-flex: 100%; -ms-flex: 100%; flex: 100%; margin-top: 40px; -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .constructor__top--right { -webkit-box-flex: 100%; -webkit-flex: 100%; -ms-flex: 100%; flex: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; padding: 0px 15px; } .constructor__top--right a { -webkit-box-flex: unset; -webkit-flex: unset; -ms-flex: unset; flex: unset; padding: 0px 5px; } .constructor__center--left #tabFrontEnd .text { left: 10%; } .masters__halat { background: none; } .item--img-wrapper { display: block; } .masters__info { display: flex; flex-direction: column; justify-content: center; align-items: center; } .masters__info .item:nth-child(5) { margin-top: 0px; } .firstScreen { background: url("../img/fn1.webp") no-repeat } .howToPay { margin-top: 50px; } .catalog__item { margin-top: 30px; } .sertificate { overflow: unset; margin-top: 50px; } .catalog { margin-top: 50px; } } @media (max-width: 550px) { .constructor__center--left #tabFrontEnd, .constructor__center--left #tabBackEnd, .constructor__center--left #tabBackEnd.active { background-size: 600px !important; } .constructor__center--left #tabBackEnd.atlas { background-size: 300px !important; } .constructor__center--left #tabBackEnd { background-position-y: -50px !important; } .constructor__center--left #tabBackEnd.kid { background-position-y: -155px !important; } .constructor__center--left #tabFrontEnd.towel, .constructor__center--left #tabBackEnd.towel { background-size: 100% !important; background-position-y: 40% !important; } @media (max-width: 450px) { .constructor__center--left #tabFrontEnd .image-top { height: 40px; } } @media (max-width: 360px) { .masters__info .item:nth-child(1), .masters__info .item:nth-child(2), .masters__info .item:nth-child(3), .masters__info .item:nth-child(4), .masters__info .item:nth-child(5), .masters__info .item:nth-child(6) { text-align: center; max-width: 100%; } } /*========== Mobile First ==========*/ /*========== Mobile First ==========*/ /*========== Mobile First ==========*/ /*========== Mobile First ==========*/