html { line-height: 1.15; -webkit-text-size-adjust: 100%; ; } body { margin: 0; } main { display: block; } h1 { margin: .67em 0; font-size: 2em; } hr { overflow: visible; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; height: 0; ; } pre { font-family: monospace, monospace; font-size: 1em; ; } a { background-color: transparent; } abbr[title] { text-decoration: underline; text-decoration: underline dotted; border-bottom: none; -webkit-text-decoration: underline dotted; -moz-text-decoration: underline dotted; ; } b, strong { font-weight: bolder; } code, kbd, samp { font-family: monospace, monospace; font-size: 1em; ; } small { font-size: 80%; } sub, sup { position: relative; vertical-align: baseline; font-size: 75%; line-height: 0; } sub { bottom: -.25em; } sup { top: -.5em; } img { border-style: none; } button, input, optgroup, select, textarea { margin: 0; font-family: inherit; font-size: 100%; line-height: 1.15; ; } button, input { overflow: visible; } button, select { text-transform: none; } button, [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; } button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } fieldset { padding: .35em .75em .625em; } legend { display: table; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; max-width: 100%; padding: 0; white-space: normal; color: inherit; ; } progress { vertical-align: baseline; } textarea { overflow: auto; } [type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; ; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { outline-offset: -2px; -webkit-appearance: textfield; ; } [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; ; } details { display: block; } summary { display: list-item; } template { display: none; } [hidden] { display: none; } .article__container ul li a, .article__container ol li a { display: inline-block; padding: 3px 0; } @font-face { font-family: "Gilroy"; src: url(/wp-content/themes/ncscustom/assets/fonts/Gilroy-Regular/Gilroy-Regular.eot); src: url(/wp-content/themes/ncscustom/assets/fonts/Gilroy-Regular/Gilroy-Regular.woff2) format("woff2"), url(/wp-content/themes/ncscustom/assets/fonts/Gilroy-Regular/Gilroy-Regular.woff) format("woff"), url(/wp-content/themes/ncscustom/assets/fonts/Gilroy-Regular/Gilroy-Regular.ttf) format("truetype"), url(/wp-content/themes/ncscustom/assets/fonts/Gilroy-Regular/Gilroy-Regular.svg#Gilroy-Regular) format("svg"), url(/wp-content/themes/ncscustom/assets/fonts/Gilroy-Regular/Gilroy-Regular.eot?#iefix) format("embedded-opentype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "Gilroy"; src: url(/wp-content/themes/ncscustom/assets/fonts/Gilroy-Medium/Gilroy-Medium.eot); src: url(/wp-content/themes/ncscustom/assets/fonts/Gilroy-Medium/Gilroy-Medium.woff2) format("woff2"), url(/wp-content/themes/ncscustom/assets/fonts/Gilroy-Medium/Gilroy-Medium.woff) format("woff"), url(/wp-content/themes/ncscustom/assets/fonts/Gilroy-Medium/Gilroy-Medium.ttf) format("truetype"), url(/wp-content/themes/ncscustom/assets/fonts/Gilroy-Medium/Gilroy-Medium.svg#Gilroy-Medium) format("svg"), url(/wp-content/themes/ncscustom/assets/fonts/Gilroy-Medium/Gilroy-Medium.eot?#iefix) format("embedded-opentype"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "Gilroy"; src: url(/wp-content/themes/ncscustom/assets/fonts/Gilroy-SemiBold/Gilroy-SemiBold.eot); src: url(/wp-content/themes/ncscustom/assets/fonts/Gilroy-SemiBold/Gilroy-SemiBold.woff2) format("woff2"), url(/wp-content/themes/ncscustom/assets/fonts/Gilroy-SemiBold/Gilroy-SemiBold.woff) format("woff"), url(/wp-content/themes/ncscustom/assets/fonts/Gilroy-SemiBold/Gilroy-SemiBold.ttf) format("truetype"), url(/wp-content/themes/ncscustom/assets/fonts/Gilroy-SemiBold/Gilroy-SemiBold.svg#Gilroy-SemiBold) format("svg"), url(/wp-content/themes/ncscustom/assets/fonts/Gilroy-SemiBold/Gilroy-SemiBold.eot?#iefix) format("embedded-opentype"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: "Gilroy"; src: url(/wp-content/themes/ncscustom/assets/fonts/Gilroy-Bold/Gilroy-Bold.eot); src: url(/wp-content/themes/ncscustom/assets/fonts/Gilroy-Bold/Gilroy-Bold.woff2) format("woff2"), url(/wp-content/themes/ncscustom/assets/fonts/Gilroy-Bold/Gilroy-Bold.woff) format("woff"), url(/wp-content/themes/ncscustom/assets/fonts/Gilroy-Bold/Gilroy-Bold.ttf) format("truetype"), url(/wp-content/themes/ncscustom/assets/fonts/Gilroy-Bold/Gilroy-Bold.svg#Gilroy-Bold) format("svg"), url(/wp-content/themes/ncscustom/assets/fonts/Gilroy-Bold/Gilroy-Bold.eot?#iefix) format("embedded-opentype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: "Gilroy"; src: url(/wp-content/themes/ncscustom/assets/fonts/Gilroy-ExtraBold/Gilroy-ExtraBold.eot); src: url(/wp-content/themes/ncscustom/assets/fonts/Gilroy-ExtraBold/Gilroy-ExtraBold.woff2) format("woff2"), url(/wp-content/themes/ncscustom/assets/fonts/Gilroy-ExtraBold/Gilroy-ExtraBold.woff) format("woff"), url(/wp-content/themes/ncscustom/assets/fonts/Gilroy-ExtraBold/Gilroy-ExtraBold.ttf) format("truetype"), url(/wp-content/themes/ncscustom/assets/fonts/Gilroy-ExtraBold/Gilroy-ExtraBold.svg#Gilroy-ExtraBold) format("svg"), url(/wp-content/themes/ncscustom/assets/fonts/Gilroy-ExtraBold/Gilroy-ExtraBold.eot?#iefix) format("embedded-opentype"); font-weight: 800; font-style: normal; font-display: swap; } @font-face { font-family: "Muller"; src: url(/wp-content/themes/ncscustom/assets/fonts/Muller-Medium/Muller-Medium.eot); src: url(/wp-content/themes/ncscustom/assets/fonts/Muller-Medium/Muller-Medium.woff2) format("woff2"), url(/wp-content/themes/ncscustom/assets/fonts/Muller-Medium/Muller-Medium.woff) format("woff"), url(/wp-content/themes/ncscustom/assets/fonts/Muller-Medium/Muller-Medium.ttf) format("truetype"), url(/wp-content/themes/ncscustom/assets/fonts/Muller-Medium/Muller-Medium.svg#Muller-Medium) format("svg"), url(/wp-content/themes/ncscustom/assets/fonts/Muller-Medium/Muller-Medium.eot?#iefix) format("embedded-opentype"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "Muller"; src: url(/wp-content/themes/ncscustom/assets/fonts/Muller-ExtraBold/Muller-ExtraBold.eot); src: url(/wp-content/themes/ncscustom/assets/fonts/Muller-ExtraBold/Muller-ExtraBold.woff2) format("woff2"), url(/wp-content/themes/ncscustom/assets/fonts/Muller-ExtraBold/Muller-ExtraBold.woff) format("woff"), url(/wp-content/themes/ncscustom/assets/fonts/Muller-ExtraBold/Muller-ExtraBold.ttf) format("truetype"), url(/wp-content/themes/ncscustom/assets/fonts/Muller-ExtraBold/Muller-ExtraBold.svg#Muller-ExtraBold) format("svg"), url(/wp-content/themes/ncscustom/assets/fonts/Muller-ExtraBold/Muller-ExtraBold.eot?#iefix) format("embedded-opentype"); font-weight: 800; font-style: normal; font-display: swap; } @font-face { font-family: "ProximaNova"; src: url(/wp-content/themes/ncscustom/assets/fonts/ProximaNova-Regular/ProximaNova-Regular.eot); src: url(/wp-content/themes/ncscustom/assets/fonts/ProximaNova-Regular/ProximaNova-Regular.woff2) format("woff2"), url(/wp-content/themes/ncscustom/assets/fonts/ProximaNova-Regular/ProximaNova-Regular.woff) format("woff"), url(/wp-content/themes/ncscustom/assets/fonts/ProximaNova-Regular/ProximaNova-Regular.ttf) format("truetype"), url(/wp-content/themes/ncscustom/assets/fonts/ProximaNova-Regular/ProximaNova-Regular.svg#ProximaNova-Regular) format("svg"), url(/wp-content/themes/ncscustom/assets/fonts/ProximaNova-Regular/ProximaNova-Regular.eot?#iefix) format("embedded-opentype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "ProximaNova"; src: url(/wp-content/themes/ncscustom/assets/fonts/ProximaNova-Semibold/ProximaNova-Semibold.eot); src: url(/wp-content/themes/ncscustom/assets/fonts/ProximaNova-Semibold/ProximaNova-Semibold.woff2) format("woff2"), url(/wp-content/themes/ncscustom/assets/fonts/ProximaNova-Semibold/ProximaNova-Semibold.woff) format("woff"), url(/wp-content/themes/ncscustom/assets/fonts/ProximaNova-Semibold/ProximaNova-Semibold.ttf) format("truetype"), url(/wp-content/themes/ncscustom/assets/fonts/ProximaNova-Semibold/ProximaNova-Semibold.svg#ProximaNova-Semibold) format("svg"), url(/wp-content/themes/ncscustom/assets/fonts/ProximaNova-Semibold/ProximaNova-Semibold.eot?#iefix) format("embedded-opentype"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: "ProximaNova"; src: url(/wp-content/themes/ncscustom/assets/fonts/ProximaNova-Bold/ProximaNova-Bold.eot); src: url(/wp-content/themes/ncscustom/assets/fonts/ProximaNova-Bold/ProximaNova-Bold.woff2) format("woff2"), url(/wp-content/themes/ncscustom/assets/fonts/ProximaNova-Bold/ProximaNova-Bold.woff) format("woff"), url(/wp-content/themes/ncscustom/assets/fonts/ProximaNova-Bold/ProximaNova-Bold.ttf) format("truetype"), url(/wp-content/themes/ncscustom/assets/fonts/ProximaNova-Bold/ProximaNova-Bold.svg#ProximaNova-Bold) format("svg"), url(/wp-content/themes/ncscustom/assets/fonts/ProximaNova-Bold/ProximaNova-Bold.eot?#iefix) format("embedded-opentype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: "PTSans"; src: url(/wp-content/themes/ncscustom/assets/fonts/PTSans-Bold/PTSans-Bold.eot); src: url(/wp-content/themes/ncscustom/assets/fonts/PTSans-Bold/PTSans-Bold.woff2) format("woff2"), url(/wp-content/themes/ncscustom/assets/fonts/PTSans-Bold/PTSans-Bold.woff) format("woff"), url(/wp-content/themes/ncscustom/assets/fonts/PTSans-Bold/PTSans-Bold.ttf) format("truetype"), url(/wp-content/themes/ncscustom/assets/fonts/PTSans-Bold/PTSans-Bold.svg#PTSans-Bold) format("svg"), url(/wp-content/themes/ncscustom/assets/fonts/PTSans-Bold/PTSans-Bold.eot?#iefix) format("embedded-opentype"); font-weight: 700; font-style: normal; font-display: swap; } @-ms-viewport { width: device-width; } [tabindex="-1"]:focus { outline: none !important; } button, [role="button"] { cursor: pointer; } a, area, button, [role="button"], input, label, select, summary, textarea { -ms-touch-action: manipulation; touch-action: manipulation; } ::-moz-selection { background: #b3d4fc; text-shadow: none; } ::selection { background: #b3d4fc; text-shadow: none; } audio, canvas, iframe, img, svg, video { vertical-align: middle; } fieldset { margin: 0; padding: 0; border: 0; } textarea { resize: vertical; } input, textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; } a, button, input, *:focus, *:hover { -webkit-tap-highlight-color: rgba(0,0,0,0); } input[type="number"] { -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; } html { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; min-width: 320px; height: 100%; margin: 0; font-size: 100%; -ms-overflow-style: scrollbar; -ms-text-size-adjust: 100%; } *, *:before, *:after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; } body { position: relative; height: 100%; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; color: #444; background-color: #fff; font-family: "ProximaNova", Arial, sans-serif; font-size: 16px; -webkit-font-smoothing: subpixel-antialiased !important; line-height: 1.2; -ms-backface-visibility: hidden; } body:after { display: table; clear: both; content: ""; } .hidden { display: none; } h1, h2, h3, h4, h5, h6 { margin: 0 0 20px; letter-spacing: -.01em; word-wrap: break-word; word-break: break-word; color: #132745; font-family: "Gilroy", Arial, sans-serif; font-weight: 700; line-height: 1.2; overflow-wrap: break-word; } h1, .title-1 { font-size: 44px; } h2, .title-2 { font-size: 36px; } h3, .title-3 { font-size: 30px; } h4, .title-4 { font-size: 24px; } h5 { font-size: 1em; } h6 { font-size: 1em; } p, ul, ol, dl, blockquote, pre, address, figure, table { margin: 0 0 20px; } p { color: #444; font-family: "ProximaNova", Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 1.333333333333333; } p.bigger { font-size: 20px; } p.bold { font-weight: 600; } a { -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; text-decoration: none; color: inherit; } a:hover { text-decoration: none; color: #de9d4a; } button { cursor: pointer; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } button:disabled { cursor: not-allowed; opacity: 0.6; } img { display: inline-block; max-width: 100%; height: auto; border: 0; } i, em { font-style: italic; } b, strong { font-weight: 700; } ol, ul { padding-left: 2em; list-style-position: inside; } ol li, ul li { color: #444; font-family: "ProximaNova", Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 1.333333333333333; } .ol { margin: 30px 0 45px; padding: 0 0 0 30px; list-style: none; counter-reset: list; } .ol li { margin: 0 0 25px; padding: 0; } .ol li:last-child { margin-bottom: 0; } .ol li p { font-weight: 600; } .ol li p:last-child { margin-bottom: 0; } .ol__title { display: block; margin: 0 0 15px; letter-spacing: -.01em; color: #388df6; font-family: "Gilroy", Arial, sans-serif; font-size: 24px; font-weight: 600; line-height: 1.25; } .ol__title::before { display: inline-block; margin-right: 6px; content: counter(list) "."; counter-increment: list; font-size: 36px; font-weight: 700; } .ul { margin: 30px 0 30px; padding: 0 0 0 30px; list-style: none; counter-reset: list; } .ul li { position: relative; margin: 0 0 15px; padding: 0 0 0 40px; } .ul li:last-child { margin-bottom: 0; } .ul li::before { position: absolute; top: 2px; left: 6px; display: block; width: 9px; height: 18px; content: ""; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); border-width: 2px; border-style: none solid solid none; border-color: #2781ef; } dt, dd { line-height: 1.2; } dt { font-weight: 700; } dd { margin-left: 0; } pre, code { overflow: hidden; white-space: pre-wrap; word-wrap: break-word; -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; color: #444; font-family: "Consolas", "Courier New", "Nimbus Mono L", monospace; font-size: 16px; line-height: 1.6; } pre { padding: 1em; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #eee; } q { quotes: "«" "»"; font-style: italic; } q q { quotes: "„" "“"; font-style: italic; } blockquote { position: relative; display: block; margin: 40px 0; padding: 40px 40px 40px 130px; color: #132745; background-color: rgba(218,230,249,.46); font-family: "ProximaNova", Arial, sans-serif; font-size: 18px; font-weight: 600; line-height: 1.333333333333333; } blockquote::before { position: absolute; top: 15px; left: 50px; display: inline-block; content: "“"; color: #388df6; font-family: Arial; font-size: 120px; font-weight: 700; line-height: 1; } blockquote p, blockquote ul, blockquote ol { color: #132745; font-weight: 600; } blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child { margin-bottom: 0; } blockquote p:first-child, blockquote ul:first-child, blockquote ol:first-child { margin-top: 0; } blockquote footer, blockquote small { display: block; font-size: 80%; line-height: 1.2; } blockquote footer:before, blockquote small:before { content: "\2014 \00A0"; } hr { display: block; height: 1px; margin: 1em 0; padding: 0; border: 0; border-top: 1px solid #ccc; } table { width: 100%; } .orange { color: #d88c2a; } .blue { color: #388df6; } .svg-icon { display: inline-block; width: 1em; height: 1em; fill: currentColor; } .svg-icon--arrow-round { width: 1em; font-size: 1.0625rem; } .svg-icon--contacts { width: 1.181818181818182em; font-size: 2.75rem; } .svg-icon--facebook { width: 1em; font-size: 3rem; } .svg-icon--form-boats { width: 1.113636363636364em; font-size: 2.75rem; } .svg-icon--form-cars { width: 1.774193548387097em; font-size: 1.9375rem; } .svg-icon--form-motorcycles { width: 1.575757575757576em; font-size: 2.0625rem; } .svg-icon--form-other { width: .91304347826087em; font-size: 2.875rem; } .svg-icon--form-rvs { width: 1.575757575757576em; font-size: 2.0625rem; } .svg-icon--phone { width: .619047619047619em; font-size: 1.3125rem; } .svg-icon--receive { width: 1em; font-size: 2.25rem; } .svg-icon--schedule { width: 1em; font-size: 3rem; } .svg-icon--twitter { width: 1em; font-size: 3rem; } .svg-icon--vehicles-boat { width: .757142857142857em; font-size: 4.375rem; } .svg-icon--vehicles-cars { width: 2.424242424242424em; font-size: 2.0625rem; } .svg-icon--vehicles-fleet { width: 1.909090909090909em; font-size: 2.75rem; } .svg-icon--vehicles-rvs { width: 1.590909090909091em; font-size: 2.75rem; } .svg-icon--vehicles-specialty { width: 1.169811320754717em; font-size: 3.3125rem; } .slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -khtml-user-select: none; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-right: auto; margin-left: auto; } .slick-track:before, .slick-track:after { display: table; content: ""; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .slick-prev, .slick-next { position: absolute; z-index: 20; top: 50%; display: block; width: 30px; height: 30px; margin-top: -10px; padding: 0; color: transparent; border: none; background-color: transparent; font-size: 0; } .slick-prev::before, .slick-next::before { position: absolute; top: 50%; display: block; width: 20px; height: 20px; margin-top: -10px; content: ""; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); border-width: 3px; border-color: #c6c6c6; } .slick-prev:hover::before, .slick-next:hover::before { border-color: #de9d4a; } .slick-prev.slick-disabled, .slick-next.slick-disabled { cursor: default; } .slick-prev.slick-disabled::before, .slick-next.slick-disabled::before { border-color: #eee; } .slick-prev { left: 0; } .slick-prev::before { left: 4px; border-style: none none solid solid; } .slick-next { right: 0; } .slick-next::before { right: 5px; border-style: solid solid none none; } .slick-dots { display: block; width: 100%; max-width: 100%; margin: 20px 0 0; padding: 0 15px; list-style: none; text-align: center; font-size: 0; } .slick-dots li { position: relative; display: inline-block; margin: 0; vertical-align: top; } .slick-dots li button { position: relative; display: inline-block; width: 40px; height: 40px; padding: 0; cursor: pointer; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; color: transparent; border: none; outline: none; background-color: transparent; font-size: 0; } .slick-dots li button::before { position: absolute; top: 50%; left: 50%; display: block; width: 6px; height: 6px; margin-top: -3px; margin-left: -3px; content: ""; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #dfe1e3; } .slick-dots li button:hover::before { background-color: #de9d4a; } .slick-dots li.slick-active button::before { background-color: #d88c2a; } .choices { position: relative; margin-bottom: 24px; font-size: 16px; } .choices:focus { outline: none; } .choices:last-child { margin-bottom: 0; } .choices.is-disabled .choices__inner, .choices.is-disabled .choices__input { cursor: not-allowed; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #eaeaea; } .choices.is-disabled .choices__item { cursor: not-allowed; } .choices [hidden] { display: none !important; } .choices[data-type*="select-one"] { cursor: pointer; } .choices[data-type*="select-one"] .choices__inner { padding-bottom: 7.5px; } .choices[data-type*="select-one"] .choices__input { display: block; width: 100%; margin: 0; padding: 10px; border-bottom: 1px solid #ddd; background-color: #fff; } .choices[data-type*="select-one"] .choices__button { position: absolute; top: 50%; right: 0; width: 20px; height: 20px; margin-top: -10px; margin-right: 25px; padding: 0; opacity: .5; -webkit-border-radius: 10em; -moz-border-radius: 10em; border-radius: 10em; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==); -webkit-background-size: 8px 8px; -moz-background-size: 8px; -o-background-size: 8px; background-size: 8px; } .choices[data-type*="select-one"] .choices__button:hover, .choices[data-type*="select-one"] .choices__button:focus { opacity: 1; } .choices[data-type*="select-one"] .choices__button:focus { -webkit-box-shadow: 0 0 0 2px #00bcd4; -moz-box-shadow: 0 0 0 2px #00bcd4; box-shadow: 0 0 0 2px #00bcd4; } .choices[data-type*="select-one"] .choices__item[data-value=""] .choices__button { display: none; } .choices[data-type*="select-one"]:after { position: absolute; top: 50%; right: 11.5px; width: 0; height: 0; margin-top: -2.5px; content: ""; pointer-events: none; border-width: 5px; border-style: solid; border-color: #333 transparent transparent transparent; } .choices[data-type*="select-one"].is-open:after { margin-top: -7.5px; border-color: transparent transparent #333 transparent; } .choices[data-type*="select-one"][dir="rtl"]:after { right: auto; left: 11.5px; } .choices[data-type*="select-one"][dir="rtl"] .choices__button { right: auto; left: 0; margin-right: 0; margin-left: 25px; } .choices[data-type*="select-multiple"] .choices__inner, .choices[data-type*="text"] .choices__inner { cursor: text; } .choices[data-type*="select-multiple"] .choices__button, .choices[data-type*="text"] .choices__button { position: relative; display: inline-block; width: 8px; margin-top: 0; margin-right: -4px; margin-bottom: 0; margin-left: 8px; padding-left: 16px; opacity: .75; border-left: 1px solid #008fa1; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==); -webkit-background-size: 8px 8px; -moz-background-size: 8px; -o-background-size: 8px; background-size: 8px; line-height: 1; } .choices[data-type*="select-multiple"] .choices__button:hover, .choices[data-type*="select-multiple"] .choices__button:focus, .choices[data-type*="text"] .choices__button:hover, .choices[data-type*="text"] .choices__button:focus { opacity: 1; } .choices__inner { display: inline-block; overflow: hidden; width: 100%; min-height: 44px; padding: 7.5px 7.5px 3.75px; vertical-align: top; border: 1px solid #ddd; -webkit-border-radius: 2.5px; -moz-border-radius: 2.5px; border-radius: 2.5px; background-color: #f9f9f9; font-size: 14px; } .is-focused .choices__inner, .is-open .choices__inner { border-color: #b7b7b7; } .is-open .choices__inner { -webkit-border-radius: 2.5px 2.5px 0 0; -moz-border-radius: 2.5px 2.5px 0 0; border-radius: 2.5px 2.5px 0 0; } .is-flipped.is-open .choices__inner { -webkit-border-radius: 0 0 2.5px 2.5px; -moz-border-radius: 0 0 2.5px 2.5px; border-radius: 0 0 2.5px 2.5px; } .choices__list { margin: 0; padding-left: 0; list-style: none; } .choices__list--single { display: inline-block; width: 100%; padding: 4px 16px 4px 4px; } [dir="rtl"] .choices__list--single { padding-right: 4px; padding-left: 16px; } .choices__list--single .choices__item { width: 100%; } .choices__list--multiple { display: inline; } .choices__list--multiple .choices__item { display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-right: 3.75px; margin-bottom: 3.75px; padding: 4px 10px; vertical-align: middle; word-break: break-all; color: #fff; border: 1px solid #00a5bb; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background-color: #00bcd4; font-size: 12px; font-weight: 500; } .choices__list--multiple .choices__item[data-deletable] { padding-right: 5px; } [dir="rtl"] .choices__list--multiple .choices__item { margin-right: 0; margin-left: 3.75px; } .choices__list--multiple .choices__item.is-highlighted { border: 1px solid #008fa1; background-color: #00a5bb; } .is-disabled .choices__list--multiple .choices__item { border: 1px solid #919191; background-color: #aaa; } .choices__list--dropdown { position: absolute; z-index: 1; top: 100%; visibility: hidden; overflow: hidden; width: 100%; margin-top: -1px; word-break: break-all; border: 1px solid #ddd; -webkit-border-bottom-right-radius: 2.5px; -moz-border-radius-bottomright: 2.5px; border-bottom-right-radius: 2.5px; -webkit-border-bottom-left-radius: 2.5px; -moz-border-radius-bottomleft: 2.5px; border-bottom-left-radius: 2.5px; background-color: #fff; will-change: visibility; } .choices__list--dropdown.is-active { visibility: visible; } .is-open .choices__list--dropdown { border-color: #b7b7b7; } .is-flipped .choices__list--dropdown { top: auto; bottom: 100%; margin-top: 0; margin-bottom: -1px; -webkit-border-radius: .25rem .25rem 0 0; -moz-border-radius: .25rem .25rem 0 0; border-radius: .25rem .25rem 0 0; } .choices__list--dropdown .choices__list { position: relative; overflow: auto; -webkit-overflow-scrolling: touch; max-height: 300px; will-change: scroll-position; } .choices__list--dropdown .choices__item { position: relative; padding: 10px; font-size: 14px; } [dir="rtl"] .choices__list--dropdown .choices__item { text-align: right; } .choices__list--dropdown .choices__item--selectable.is-highlighted { background-color: #f2f2f2; } .choices__list--dropdown .choices__item--selectable.is-highlighted:after { opacity: .5; } .choices__item { cursor: default; } .choices__item--selectable { cursor: pointer; } .choices__item--disabled { cursor: not-allowed; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; opacity: .5; } .choices__heading { padding: 10px; color: gray; border-bottom: 1px solid #f7f7f7; font-size: 12px; font-weight: 600; } .choices__button { cursor: pointer; text-indent: -9999px; border: 0; background-color: transparent; background-repeat: no-repeat; background-position: center; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .choices__button:focus { outline: none; } .choices__input { display: inline-block; max-width: 100%; margin-bottom: 5px; padding: 4px 0 4px 2px; vertical-align: baseline; border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background-color: #f9f9f9; font-size: 14px; } .choices__input:focus { outline: 0; } [dir="rtl"] .choices__input { padding-right: 2px; padding-left: 0; } .choices__placeholder { opacity: .5; } .choices { margin-bottom: 0; } .choices__inner { position: relative; min-height: 37px; padding: 9px 0 2px 15px; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; color: #111; border: 1px solid #d9e0e2; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background-color: #fff; font-family: "Muller", Arial, sans-serif; font-size: 14px; font-weight: 400; line-height: 20px; } .choices__inner::before { position: absolute; top: 0; right: 0; display: block; width: 28px; height: 36px; content: ""; background-color: #f2f3f4; } .choices__inner:hover, .is-open .choices__inner, .is-focused .choices__inner { border-color: #ccc; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .field--regular .choices__inner { min-height: 43px; line-height: 24px; } .field--regular .choices__inner::before { height: 42px; } .choices[data-type*=select-multiple] .choices__inner { padding-bottom: 2px; } .choices--placeholder .choices__list--single .choices__item { opacity: 1; color: #999; } .field--error .choices__inner { border-color: #c99; } .field--error .choices__inner .choices__list--single .choices__item { color: #c99; } .choices__list--single { padding: 0; } .choices__list--dropdown .choices__item--selectable:after { display: none; } .choices__list--dropdown .choices__item[data-value=""] { display: none; } .choices[data-type*="select-one"]:after { position: absolute; top: 50%; right: 11px; display: block; width: 7px; height: 7px; margin-top: -6px; content: ""; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); pointer-events: none; border-width: 1px; border-style: none solid solid none; border-color: #bcc1c4; } .choices[data-type*="select-one"].is-open:after { position: absolute; top: 50%; right: 11px; display: block; width: 7px; height: 7px; margin-top: -2px; content: ""; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); pointer-events: none; border-width: 1px; border-style: solid none none solid; border-color: #bcc1c4; } .choices[data-type*=select-one] .choices__input { border: none; border-bottom: 1px solid #f2f3f4; font-size: 14px; } .choices__list--dropdown .choices__item[data-value="-"] { display: none; } .choices.is-open .choices__list--dropdown { z-index: 100; } .field__field .choices input { display: inline-block; width: auto; height: auto; padding: 0; border-color: transparent; } .field__field .choices input:hover, .field__field .choices input:focus { border-color: transparent; } .choices[data-type*=select-multiple] .choices__button, .choices[data-type*=text] .choices__button { background-image: none; } .choices[data-type*=select-multiple] .choices__button::before, .choices[data-type*=text] .choices__button::before, .choices[data-type*=select-multiple] .choices__button::after, .choices[data-type*=text] .choices__button::after { position: absolute; top: 6px; left: 4px; display: block; width: 10px; height: 1px; content: ""; background-color: #fff; } .choices[data-type*=select-multiple] .choices__button::before, .choices[data-type*=text] .choices__button::before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .choices[data-type*=select-multiple] .choices__button::after, .choices[data-type*=text] .choices__button::after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .choices[data-type*="select-one"] .choices__button { background-image: none; } .choices__list--dropdown .choices__item--selectable { padding-right: 15px !important; } .tooltipster-base { position: absolute; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; pointer-events: none; } .tooltipster-box { flex: 1 1 auto; -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; } .tooltipster-content { overflow: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; max-width: 100%; max-height: 100%; } .tooltipster-ruler { position: fixed; top: 0; right: 0; bottom: 0; left: 0; visibility: hidden; overflow: hidden; } .tooltipster-fade { -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; opacity: 0; } .tooltipster-fade.tooltipster-show { opacity: 1; } .tooltipster-grow { -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -moz-transition-property: transform, -moz-transform; -o-transition-property: -o-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform, -moz-transform, -o-transform; -webkit-transform: scale(0,0); -moz-transform: scale(0,0); -ms-transform: scale(0,0); -o-transform: scale(0,0); transform: scale(0,0); -webkit-backface-visibility: hidden; } .tooltipster-grow.tooltipster-show { -webkit-transition-timing-function: cubic-bezier(.175, .885, .320, 1); -webkit-transition-timing-function: cubic-bezier(.175, .885, .320, 1.15); -moz-transition-timing-function: cubic-bezier(.175, .885, .320, 1.15); -o-transition-timing-function: cubic-bezier(.175, .885, .320, 1.15); transition-timing-function: cubic-bezier(.175, .885, .320, 1.15); -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -ms-transform: scale(1,1); -o-transform: scale(1,1); transform: scale(1,1); } .tooltipster-swing { -webkit-transition-property: -webkit-transform, opacity; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -moz-transition-property: transform, -moz-transform; -o-transition-property: -o-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform, -moz-transform, -o-transform; -webkit-transform: rotateZ(4deg); -moz-transform: rotateZ(4deg); -ms-transform: rotateZ(4deg); -o-transform: rotateZ(4deg); transform: rotateZ(4deg); opacity: 0; } .tooltipster-swing.tooltipster-show { -webkit-transition-timing-function: cubic-bezier(.230, .635, .495, 1); -webkit-transition-timing-function: cubic-bezier(.230, .635, .495, 2.4); -moz-transition-timing-function: cubic-bezier(.230, .635, .495, 2.4); -o-transition-timing-function: cubic-bezier(.230, .635, .495, 2.4); transition-timing-function: cubic-bezier(.230, .635, .495, 2.4); -webkit-transform: rotateZ(0deg); -moz-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); -o-transform: rotateZ(0deg); transform: rotateZ(0deg); opacity: 1; } .tooltipster-fall { -webkit-transition-timing-function: cubic-bezier(.175, .885, .320, 1); -webkit-transition-timing-function: cubic-bezier(.175, .885, .320, 1.15); -moz-transition-timing-function: cubic-bezier(.175, .885, .320, 1.15); -o-transition-timing-function: cubic-bezier(.175, .885, .320, 1.15); transition-timing-function: cubic-bezier(.175, .885, .320, 1.15); -webkit-transition-property: top; -moz-transition-property: top; -o-transition-property: top; transition-property: top; } .tooltipster-fall.tooltipster-initial { top: 0 !important; } .tooltipster-fall.tooltipster-dying { top: 0 !important; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; opacity: 0; } .tooltipster-slide { -webkit-transition-timing-function: cubic-bezier(.175, .885, .320, 1); -webkit-transition-timing-function: cubic-bezier(.175, .885, .320, 1.15); -moz-transition-timing-function: cubic-bezier(.175, .885, .320, 1.15); -o-transition-timing-function: cubic-bezier(.175, .885, .320, 1.15); transition-timing-function: cubic-bezier(.175, .885, .320, 1.15); -webkit-transition-property: left; -moz-transition-property: left; -o-transition-property: left; transition-property: left; } .tooltipster-slide.tooltipster-initial { left: -40px !important; } .tooltipster-slide.tooltipster-dying { left: 0 !important; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; opacity: 0; } @-webkit-keyframes tooltipster-fading { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes tooltipster-fading { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes tooltipster-fading { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes tooltipster-fading { 0% { opacity: 0; } 100% { opacity: 1; } } .tooltipster-update-fade { -webkit-animation: tooltipster-fading 400ms; -moz-animation: tooltipster-fading 400ms; -o-animation: tooltipster-fading 400ms; animation: tooltipster-fading 400ms; } @-webkit-keyframes tooltipster-rotating { 25% { -webkit-transform: rotate(-2deg); transform: rotate(-2deg); } 75% { -webkit-transform: rotate(2deg); transform: rotate(2deg); } 100% { -webkit-transform: rotate(0); transform: rotate(0); } } @-moz-keyframes tooltipster-rotating { 25% { -moz-transform: rotate(-2deg); transform: rotate(-2deg); } 75% { -moz-transform: rotate(2deg); transform: rotate(2deg); } 100% { -moz-transform: rotate(0); transform: rotate(0); } } @-o-keyframes tooltipster-rotating { 25% { -o-transform: rotate(-2deg); transform: rotate(-2deg); } 75% { -o-transform: rotate(2deg); transform: rotate(2deg); } 100% { -o-transform: rotate(0); transform: rotate(0); } } @keyframes tooltipster-rotating { 25% { -webkit-transform: rotate(-2deg); -moz-transform: rotate(-2deg); -o-transform: rotate(-2deg); transform: rotate(-2deg); } 75% { -webkit-transform: rotate(2deg); -moz-transform: rotate(2deg); -o-transform: rotate(2deg); transform: rotate(2deg); } 100% { -webkit-transform: rotate(0); -moz-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); } } .tooltipster-update-rotate { -webkit-animation: tooltipster-rotating 600ms; -moz-animation: tooltipster-rotating 600ms; -o-animation: tooltipster-rotating 600ms; animation: tooltipster-rotating 600ms; } @-webkit-keyframes tooltipster-scaling { 50% { -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @-moz-keyframes tooltipster-scaling { 50% { -moz-transform: scale(1.1); transform: scale(1.1); } 100% { -moz-transform: scale(1); transform: scale(1); } } @-o-keyframes tooltipster-scaling { 50% { -o-transform: scale(1.1); transform: scale(1.1); } 100% { -o-transform: scale(1); transform: scale(1); } } @keyframes tooltipster-scaling { 50% { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } .tooltipster-update-scale { -webkit-animation: tooltipster-scaling 600ms; -moz-animation: tooltipster-scaling 600ms; -o-animation: tooltipster-scaling 600ms; animation: tooltipster-scaling 600ms; } .tooltipster-sidetip .tooltipster-box { border: 2px solid black; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #565656; } .tooltipster-sidetip.tooltipster-bottom .tooltipster-box { margin-top: 8px; } .tooltipster-sidetip.tooltipster-left .tooltipster-box { margin-right: 8px; } .tooltipster-sidetip.tooltipster-right .tooltipster-box { margin-left: 8px; } .tooltipster-sidetip.tooltipster-top .tooltipster-box { margin-bottom: 8px; } .tooltipster-sidetip .tooltipster-content { padding: 6px 14px; color: white; line-height: 18px; } .tooltipster-sidetip .tooltipster-arrow { position: absolute; overflow: hidden; } .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow { top: 0; width: 20px; height: 10px; margin-left: -10px; } .tooltipster-sidetip.tooltipster-left .tooltipster-arrow { top: 0; right: 0; width: 10px; height: 20px; margin-top: -10px; } .tooltipster-sidetip.tooltipster-right .tooltipster-arrow { top: 0; left: 0; width: 10px; height: 20px; margin-top: -10px; } .tooltipster-sidetip.tooltipster-top .tooltipster-arrow { bottom: 0; width: 20px; height: 10px; margin-left: -10px; } .tooltipster-sidetip .tooltipster-arrow-background, .tooltipster-sidetip .tooltipster-arrow-border { position: absolute; width: 0; height: 0; } .tooltipster-sidetip .tooltipster-arrow-background { border: 10px solid transparent; } .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background { top: 3px; left: 0; border-bottom-color: #565656; } .tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background { top: 0; left: -3px; border-left-color: #565656; } .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background { top: 0; left: 3px; border-right-color: #565656; } .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background { top: -3px; left: 0; border-top-color: #565656; } .tooltipster-sidetip .tooltipster-arrow-border { top: 0; left: 0; border: 10px solid transparent; } .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border { border-bottom-color: black; } .tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border { border-left-color: black; } .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border { border-right-color: black; } .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border { border-top-color: black; } .tooltipster-sidetip .tooltipster-arrow-uncropped { position: relative; } .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped { top: -10px; } .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped { left: -10px; } .tooltip-content { display: none; } .tooltipster-sidetip .tooltipster-box { border: 2px solid #fff; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background: #fff; -webkit-box-shadow: 0 11px 43px rgba(3,13,22,.2); -moz-box-shadow: 0 11px 43px rgba(3,13,22,.2); box-shadow: 0 11px 43px rgba(3,13,22,.2); } .tooltipster-sidetip.tooltipster-bottom .tooltipster-box { margin-top: 8px; } .tooltipster-sidetip.tooltipster-left .tooltipster-box { margin-right: 8px; } .tooltipster-sidetip.tooltipster-right .tooltipster-box { margin-left: 8px; } .tooltipster-sidetip.tooltipster-top .tooltipster-box { margin-bottom: 8px; } .tooltipster-sidetip .tooltipster-content { max-width: 440px; padding: 10px; background-color: #fff; } .tooltipster-sidetip .tooltipster-content, .tooltipster-sidetip .tooltipster-content p, .tooltipster-sidetip .tooltipster-content ul, .tooltipster-sidetip .tooltipster-content li { color: #132745; font-family: "ProximaNova", Arial, sans-serif; font-size: 16px; font-weight: 700; line-height: 1; } .tooltipster-sidetip .tooltipster-content:last-child, .tooltipster-sidetip .tooltipster-content p:last-child, .tooltipster-sidetip .tooltipster-content ul:last-child, .tooltipster-sidetip .tooltipster-content li:last-child { margin-bottom: 0; } .tooltipster-sidetip .tooltipster-content p { margin: 0 0 1em; } .tooltipster-sidetip .tooltipster-content p:last-child { margin-bottom: 0; } .tooltipster-sidetip .tooltipster-content ul, .tooltipster-sidetip .tooltipster-content li { padding: 0; } .tooltipster-sidetip .tooltipster-arrow { position: absolute; overflow: hidden; } .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow { top: 0; width: 20px; height: 10px; margin-left: -10px; } .tooltipster-sidetip.tooltipster-left .tooltipster-arrow { top: 0; right: 0; width: 10px; height: 20px; margin-top: -10px; } .tooltipster-sidetip.tooltipster-right .tooltipster-arrow { top: 0; left: 0; width: 10px; height: 20px; margin-top: -10px; } .tooltipster-sidetip.tooltipster-top .tooltipster-arrow { bottom: 0; width: 20px; height: 10px; margin-left: -10px; } .tooltipster-sidetip .tooltipster-arrow-background, .tooltipster-sidetip .tooltipster-arrow-border { position: absolute; width: 0; height: 0; } .tooltipster-sidetip .tooltipster-arrow-background { border: 10px solid transparent; } .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background { top: 3px; left: 0; border-bottom-color: #fff; } .tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background { top: 0; left: -3px; border-left-color: #fff; } .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background { top: 0; left: 3px; border-right-color: #fff; } .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background { top: -3px; left: 0; border-top-color: #fff; } .tooltipster-sidetip .tooltipster-arrow-border { top: 0; left: 0; border: 10px solid transparent; } .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border { border-bottom-color: #fff; } .tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border { border-left-color: #fff; } .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border { border-right-color: #fff; } .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border { border-top-color: #fff; } .tooltipster-sidetip .tooltipster-arrow-uncropped { position: relative; } .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped { top: -10px; } .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped { left: -10px; } .tooltipster-sidetip.tooltipster-borderless .tooltipster-content { max-width: 440px; color: #132745; background-color: #fff; font-family: "ProximaNova", Arial, sans-serif; font-size: 16px; font-weight: 400; line-height: 1; } .tooltipster-sidetip.tooltipster-borderless .tooltipster-box { border: none; background: #fff; } .tooltipster-sidetip.tooltipster-borderless.tooltipster-bottom .tooltipster-box { margin-top: 8px; } .tooltipster-sidetip.tooltipster-borderless.tooltipster-left .tooltipster-box { margin-right: 8px; } .tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-box { margin-left: 8px; } .tooltipster-sidetip.tooltipster-borderless.tooltipster-top .tooltipster-box { margin-bottom: 8px; } .tooltipster-sidetip.tooltipster-borderless .tooltipster-arrow { width: 16px; height: 8px; margin-left: -8px; } .tooltipster-sidetip.tooltipster-borderless.tooltipster-left .tooltipster-arrow, .tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-arrow { width: 8px; height: 16px; margin-top: -8px; margin-left: 0; } .tooltipster-sidetip.tooltipster-borderless .tooltipster-arrow-background { display: none; } .tooltipster-sidetip.tooltipster-borderless .tooltipster-arrow- { border: 8px solid transparent; } .tooltipster-sidetip.tooltipster-borderless.tooltipster-bottom .tooltipster-arrow-border { border-bottom-color: #fff; } .tooltipster-sidetip.tooltipster-borderless.tooltipster-left .tooltipster-arrow-border { border-left-color: #fff; } .tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-arrow-border { border-right-color: #fff; } .tooltipster-sidetip.tooltipster-borderless.tooltipster-top .tooltipster-arrow-border { border-top-color: #fff; } .tooltipster-sidetip.tooltipster-borderless.tooltipster-bottom .tooltipster-arrow-uncropped { top: -8px; } .tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-arrow-uncropped { left: -8px; } .button { position: relative; display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; flex-flow: row nowrap; justify-content: center; align-items: center; min-height: 60px; padding: 20px 35px; cursor: pointer; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; text-align: center; text-decoration: none; text-transform: uppercase; color: #fff; border: none; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background-color: #d88c2a; font-family: "Gilroy", Arial, sans-serif; font-size: 17px; font-weight: 700; line-height: 20px; -webkit-align-items: center; -webkit-box-align: center; -moz-box-align: center; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-align: center; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; -ms-flex-pack: center; -webkit-justify-content: center; } .button:hover { text-decoration: none; color: #fff; background-color: #de9d4a; } .button--orange { background-color: #d88c2a; } .button--orange:hover { background-color: #de9d4a; } .button--blue { background-color: #388df6; } .button--blue:hover { background-color: #569ef7; } .button--gray { color: #999; border-color: #f2f3f6; background-color: #f2f3f6; } .button--gray:hover { color: #666; border-color: #d5d8e2; background-color: #d5d8e2; } .button--vehicles { text-transform: none; color: #4c688d; border-color: #eaf0f6; background-color: #eaf0f6; font-weight: 600; } .button--vehicles:hover { color: #fff; border-color: #388df6; background-color: #388df6; } .button--mid { min-height: 54px; padding: 17px 30px; font-size: 16px; } .button--small { min-height: 38px; padding: 4px 30px; font-size: 16px; margin-right: 16px; } .button--min { min-height: 34px; padding: 7px 20px; font-size: 15px; } .button--ghost { min-height: 48px; padding: 12px 10px; color: #388df6; border: 2px solid #388df6; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background-color: transparent; font-family: "Gilroy", Arial, sans-serif; font-size: 15px; font-weight: 700; line-height: 20px; } .button--ghost:hover { color: #fff; border-color: #388df6; background-color: #388df6; } .button__caption { flex: 0 1 auto; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; } .button__svg-icon { position: relative; top: -1px; display: inline-block; flex: 0 0 auto; margin-right: 12px; margin-left: 0; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; } .button--icon-right .button__svg-icon { order: 2; margin-right: 0; margin-left: 12px; -webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; -ms-flex-order: 2; -webkit-order: 2; } .btn-menu { position: relative; display: block; width: 30px; height: 22px; padding: 0; cursor: pointer; border: none; -webkit-border-radius: none; -moz-border-radius: none; border-radius: none; background: transparent; } .btn-menu::before { position: absolute; top: 50%; left: 0; margin-top: -2px; content: ""; } .btn-menu:hover::before { background-color: #de9d4a; } .btn-menu.active { visibility: visible; } .btn-menu.active::before { opacity: 0; } .btn-menu__in { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; } .btn-menu__in::before, .btn-menu__in::after { position: absolute; left: 0; content: ""; } .btn-menu__in::before { top: 0; -webkit-transform-origin: left top; -moz-transform-origin: left top; -ms-transform-origin: left top; -o-transform-origin: left top; transform-origin: left top; } .btn-menu.active .btn-menu__in::before { -webkit-transform: rotate(45deg) translate(3px, -5px); -moz-transform: rotate(45deg) translate(3px, -5px); -ms-transform: rotate(45deg) translate(3px, -5px); -o-transform: rotate(45deg) translate(3px, -5px); transform: rotate(45deg) translate(3px, -5px); } .btn-menu__in::after { bottom: 0; -webkit-transform-origin: left bottom; -moz-transform-origin: left bottom; -ms-transform-origin: left bottom; -o-transform-origin: left bottom; transform-origin: left bottom; } .btn-menu.active .btn-menu__in::after { -webkit-transform: rotate(-45deg) translate(3px, 5px); -moz-transform: rotate(-45deg) translate(3px, 5px); -ms-transform: rotate(-45deg) translate(3px, 5px); -o-transform: rotate(-45deg) translate(3px, 5px); transform: rotate(-45deg) translate(3px, 5px); } .btn-menu::before, .btn-menu__in::after, .btn-menu__in::before { width: 100%; height: 4px; -webkit-transition: background-color .2s linear, -webkit-transform 70ms linear; -moz-transition: background-color .2s linear, transform 70ms linear, -moz-transform 70ms linear; -o-transition: background-color .2s linear, -o-transform 70ms linear; transition: background-color .2s linear, -webkit-transform 70ms linear; transition: background-color .2s linear, transform 70ms linear; transition: background-color .2s linear, transform 70ms linear, -webkit-transform 70ms linear, -moz-transform 70ms linear, -o-transform 70ms linear; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; background-color: #fff; } .btn-menu:hover .btn-menu::before, .btn-menu:hover .btn-menu__in::after, .btn-menu:hover .btn-menu__in::before { background-color: #de9d4a; } .field { position: relative; display: block; width: 100%; } .field__label { display: block; margin-bottom: 10px; color: #000; font-family: "Muller", Arial, sans-serif; font-size: 15px; font-weight: 400; line-height: 15px; } .field--regular .field__label { margin-bottom: 5px; color: #444; font-family: "Gilroy", Arial, sans-serif; font-size: 16px; line-height: 16px; } .field__required { color: #d88c2a; font-weight: 300; } .field__helpers { display: block; margin-top: 5px; } .field__hint { display: block; margin: 0; color: #999; font-family: "ProximaNova", Arial, sans-serif; font-size: 12px; font-weight: 400; line-height: 1.4; } .field__field { position: relative; } .field__field input, .field__field textarea, .field__field select { width: 100%; } .field__field input, .field__field textarea { display: block; padding: 7px 15px; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; color: #111; border: 1px solid #d9e0e2; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background-color: #fff; font-family: "Muller", Arial, sans-serif; font-size: 14px; font-weight: 400; line-height: 20px; } .field__field input:invalid, .field__field textarea:invalid { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .field__field input:focus, .field__field textarea:focus, .field__field input:hover, .field__field textarea:hover { border-color: #ccc; outline: none; } .field__field input::-webkit-input-placeholder, .field__field textarea::-webkit-input-placeholder { opacity: 1; color: #999; } .field__field input:-moz-placeholder, .field__field textarea:-moz-placeholder { opacity: 1; color: #999; } .field__field input::-moz-placeholder, .field__field textarea::-moz-placeholder { opacity: 1; color: #999; } .field__field input:-ms-input-placeholder, .field__field textarea:-ms-input-placeholder { opacity: 1; color: #999; } .field__field input:input-placeholder, .field__field textarea:input-placeholder { opacity: 1; color: #999; } .ios .field__field input, .ios .field__field textarea { font-size: 16px; } .field--icon .field__field input, .field--icon .field__field textarea { padding-left: 40px; } .field--error .field__field input, .field--error .field__field textarea { color: #c33; border-color: #c99; } .field--error .field__field input::-webkit-input-placeholder, .field--error .field__field textarea::-webkit-input-placeholder { opacity: 1; color: #c99; } .field--error .field__field input:-moz-placeholder, .field--error .field__field textarea:-moz-placeholder { opacity: 1; color: #c99; } .field--error .field__field input::-moz-placeholder, .field--error .field__field textarea::-moz-placeholder { opacity: 1; color: #c99; } .field--error .field__field input:-ms-input-placeholder, .field--error .field__field textarea:-ms-input-placeholder { opacity: 1; color: #c99; } .field--error .field__field input:input-placeholder, .field--error .field__field textarea:input-placeholder { opacity: 1; color: #c99; } .field__field input { height: 37px; } .field--regular .field__field input { height: 43px; } .field__field textarea { height: 120px; resize: none; } .field__icon { position: absolute; top: 20px; left: 12px; display: inline-block; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); fill: #111; } .field__error { display: block; margin: 5px 0 -5px; color: #c00; font-family: "ProximaNova", Arial, sans-serif; font-size: 12px; font-weight: 400; line-height: 1.2; } .error-style--popup .field__error { position: absolute; z-index: 100; top: 92%; left: 0; display: inline-block; max-width: 100%; padding: 8px 10px; border: 1px solid #ddd; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #ffc; -webkit-box-shadow: 0 0 10px rgba(0,0,0,.15); -moz-box-shadow: 0 0 10px rgba(0,0,0,.15); box-shadow: 0 0 10px rgba(0,0,0,.15); font-family: "ProximaNova", Arial, sans-serif; font-size: 12px; font-weight: 300; line-height: 18px; } .error-style--popup .field__error::before { position: absolute; top: -7px; left: 10px; display: block; width: 14px; height: 7px; content: ""; border-width: 0 7px 7px 7px; border-style: solid; border-color: transparent transparent #ddd transparent; } .error-style--popup .field__error::after { position: absolute; top: -6px; left: 10px; display: block; width: 14px; height: 7px; content: ""; border-width: 0 6px 6px 6px; border-style: solid; border-color: transparent transparent #fdfcd3 transparent; } .error-style--popup-top .field__error { position: absolute; z-index: 100; top: -36px; left: 0; display: inline-block; max-width: 100%; padding: 7px 10px; text-align: center; color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #fc5851; font-family: "ProximaNova", Arial, sans-serif; font-size: 12px; } .error-style--popup-top .field__error::after { position: absolute; bottom: -8px; left: 50%; display: block; width: 16px; height: 8px; margin-left: -8px; content: ""; border-width: 8px 8px 0 8px; border-style: solid; border-color: #fc5851 transparent transparent transparent; } .field--type-radio { position: relative; display: inline-block; width: auto; } .field--type-radio input { display: none; margin: 0; padding: 0; opacity: 0; } .field--type-radio .field__label { display: inline-block; min-height: 20px; margin: 0; padding: 0 0 0 32px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #444; font-family: "ProximaNova", Arial, sans-serif; font-size: 15px; font-weight: 400; line-height: 16px; -webkit-touch-callout: none; } .field--type-radio .field__label .field__check { position: absolute; top: 0; left: 0; display: block; width: 20px; height: 20px; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; border: 1px solid #d1d1d1; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #fff; } .field--type-radio .field__label:hover .field__check { border-color: #999; } .field--type-radio input:checked+ .field__label .field__check::after { position: absolute; top: 50%; left: 50%; display: block; width: 10px; height: 10px; margin-top: -5px; margin-left: -5px; content: ""; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #09f; } .field--type-checkbox { position: relative; display: inline-block; width: auto; } .field--type-checkbox input { display: none; margin: 0; padding: 0; opacity: 0; } .field--type-checkbox .field__label { display: inline-block; min-height: 20px; margin: 0; padding: 0 0 0 30px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #444; font-family: "ProximaNova", Arial, sans-serif; font-size: 14px; font-weight: 400; line-height: 16px; -webkit-touch-callout: none; } .field--type-checkbox .field__label .field__check { position: absolute; top: 0; left: 0; display: block; width: 20px; height: 20px; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; border: 1px solid #d1d1d1; } .field--type-checkbox .field__label:hover .field__check { border-color: #999; } .field--type-checkbox input:checked+ .field__label .field__check::after { position: absolute; top: 2px; left: 7px; display: block; width: 6px; height: 11px; content: ""; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); border-width: 2px; border-style: none solid solid none; border-color: #09f; } .field--type-checkbox.field--error .field__label .field__check { border-color: #c99; } .field--type-checkbox .field__error { padding-left: 30px; } .field--type-radio-card { position: relative; display: block; } .field--type-radio-card input { display: none; margin: 0; padding: 0; opacity: 0; } .field--type-radio-card .field__label { position: relative; display: block; width: 100%; height: 110px; margin: 0; padding: 75px 2px 5px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; background-color: #fff; -webkit-touch-callout: none; } .field--type-radio-card .field__label:hover { background-color: #f6f6f6; } .field--type-radio-card .field__label-icon { position: absolute; top: 45px; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); fill: #c8cdd0; } .field--type-radio-card .field__label-caption { display: block; margin: 0; text-align: center; letter-spacing: -.005em; color: #000; font-family: "Gilroy", Arial, sans-serif; font-size: 16px; font-weight: 600; line-height: 1; } .field--type-radio-card input:checked+ .field__label { background-color: #f2f3f6; } .field--type-radio-card input:checked+ .field__label .field__label-icon { fill: #113c7e; } .field--type-radio-card input:checked+ .field__label .field__label-caption { color: #113c7e; } .field--type-file { position: relative; display: inline-block; overflow: hidden; width: 100%; cursor: pointer; } .field--type-file input { position: absolute; top: 0; right: 0; left: 0; width: 100%; height: 100%; cursor: pointer; -webkit-transform: scale(20); -moz-transform: scale(20); -ms-transform: scale(20); -o-transform: scale(20); transform: scale(20); letter-spacing: 10em; opacity: 0; } .field__btn-file { position: relative; display: inline-block; width: 100%; padding: 3px 0 3px 28px; cursor: pointer; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; text-align: left; pointer-events: none; color: #616773; border: none; background-color: transparent; font-family: "Muller", Arial, sans-serif; font-size: 16px; font-weight: 400; line-height: 20px; } .field__btn-file span { border-bottom: 1px solid #d7e7f8; } .field__btn-file::before { position: absolute; top: 2px; left: 0; width: 21px; height: 21px; content: "+"; text-align: center; color: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #287353; font-family: "Muller", Arial, sans-serif; font-size: 21px; font-weight: 700; line-height: 26px; } .menu-main { display: block; } .menu-main__items { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-flow: row nowrap; align-items: center; margin: 0; padding: 0; list-style: none; -webkit-align-items: center; -webkit-box-align: center; -moz-box-align: center; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -ms-flex-align: center; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; } .menu-main__item { display: block; flex: 0 0 auto; margin: 0 30px 0 0; padding: 0; text-transform: uppercase; color: #fff; font-family: "Gilroy", Arial, sans-serif; font-size: 17px; font-weight: 700; line-height: 1.2; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; } .menu-main__item:last-child { margin-right: 0; } .menu-main__item a { text-decoration: none; color: inherit; } .menu-main__item a:hover { text-decoration: none; color: #de9d4a; } .menu-top { display: block; } .menu-top__items { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-flow: row nowrap; align-items: center; margin: 0; padding: 0; list-style: none; -webkit-align-items: center; -webkit-box-align: center; -moz-box-align: center; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -ms-flex-align: center; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; } .menu-top__item { flex: 0 0 auto; margin: 0 20px 0 0; padding: 0; color: #132745; font-family: "Gilroy", Arial, sans-serif; font-size: 17px; font-weight: 700; line-height: 1.2; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; } .menu-top__item:last-child { margin-right: 0; } .menu-top__item a { text-decoration: none; color: inherit; } .menu-top__item a:hover { text-decoration: none; color: #de9d4a; } .menu-legal { display: block; } .menu-legal__items { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-flow: row wrap; justify-content: center; align-items: center; margin: 0 -13px -15px; padding: 0; list-style: none; -webkit-align-items: center; -webkit-box-align: center; -moz-box-align: center; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-align: center; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; -ms-flex-pack: center; -webkit-justify-content: center; } .menu-legal__item { display: block; flex: 0 0 auto; margin: 0 13px 15px; padding: 0; text-transform: uppercase; color: #fff; font-family: "Gilroy", Arial, sans-serif; font-size: 14px; font-weight: 700; line-height: 1.142857142857143; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; } .menu-legal__item a { text-decoration: none; color: inherit; } .menu-legal__item a:hover { text-decoration: none; color: #de9d4a; } .menu-footer { display: block; } .menu-footer__items { display: block; margin: 0; padding: 0; list-style: none; } .menu-footer__item { display: block; margin: 0; padding: 0; color: #d5d5da; font-family: "ProximaNova", Arial, sans-serif; font-size: 15px; font-weight: 400; line-height: 1.466666666666667; } .menu-footer__item a { text-decoration: none; color: inherit; display: block; padding: 3px 0; } .menu-footer__item a:hover { text-decoration: none; color: #de9d4a; } .menu-states { display: block; } .menu-states__items { display: block; margin: 0; padding: 0; list-style: none; -webkit-columns: 7; -moz-columns: 7; columns: 7; } .menu-states__item { display: block; margin: 0; padding: 0; color: #d5d5da; font-family: "ProximaNova", Arial, sans-serif; font-size: 13px; font-weight: 400; line-height: 1.384615384615385; } .menu-states__item a { text-decoration: none; color: inherit; display: block; padding: 3px 0; } .menu-states__item a:hover { text-decoration: none; color: #de9d4a; } .form-donate { display: block; width: 100%; max-width: 650px; min-height: 550px; background-color: #fff; -webkit-box-shadow: 0 12px 40px rgba(0,0,0,.07); -moz-box-shadow: 0 12px 40px rgba(0,0,0,.07); box-shadow: 0 12px 40px rgba(0,0,0,.07); } .form-donate__top { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-flow: row wrap; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; } .form-donate__field-type { flex: 0 0 20%; max-width: 20%; border-right: 1px solid #f0f3f7; border-bottom: 1px solid #f0f3f7; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; } .form-donate__main { display: block; padding: 40px 30px 30px; } .form-donate__steps { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; max-width: 830px; margin: 0 auto 35px; padding: 0; list-style: none; counter-reset: steps; text-align: center; -webkit-align-items: center; -webkit-box-align: center; -moz-box-align: center; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-align: center; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; -ms-flex-pack: center; -webkit-justify-content: center; } .form-donate__step { display: inline-block; flex: 0 0 auto; margin: 0; padding: 0; vertical-align: middle; letter-spacing: -.025em; color: #c6cbcd; font-family: "Gilroy", Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 35px; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; } .form-donate__step::before { display: inline-block; width: 35px; height: 35px; margin-right: 10px; content: counter(steps); counter-increment: steps; text-align: center; vertical-align: middle; color: #c6cbcd; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #f2f3f4; font-family: "Gilroy", Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 35px; } .form-donate__step:not(:last-child)::after { display: inline-block; width: 59px; height: 1px; margin-right: 15px; margin-left: 15px; content: ""; vertical-align: middle; background-color: #ced5df; } .form-donate__step.active { color: #000; font-weight: 600; } .form-donate__step.active::before { color: #fff; background-color: #d88c2a; } .form-donate__page { display: none; width: 100%; max-width: 830px; margin: 0 auto; } .form-donate__page.active { display: block; } .form-donate__buttons { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; margin-top: 15px; -webkit-align-items: center; -webkit-box-align: center; -moz-box-align: center; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-align: center; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; -ms-flex-pack: justify; -webkit-justify-content: space-between; } .form-donate__next { display: block; width: 100%; } .form-donate__back, .form-donate__submit { display: block; width: -webkit-calc(50% - 10px); width: -moz-calc(50% - 10px); width: calc(50% - 10px); } .form-donate__back::before { position: relative; top: -1px; display: inline-block; width: 10px; height: 10px; margin-right: 10px; content: ""; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); border-width: 2px; border-style: none none solid solid; border-color: #999; } .form-donate__back:hover::before { border-color: #666; } .form-donate__footer { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-flow: row wrap; justify-content: center; align-items: center; padding-top: 25px; -webkit-align-items: center; -webkit-box-align: center; -moz-box-align: center; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-align: center; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; -ms-flex-pack: center; -webkit-justify-content: center; } .form-donate__label { display: block; flex: 0 0 auto; max-width: 100%; height: auto; margin: 0 10px; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; } .form-donate__fields { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-flow: row wrap; justify-content: space-between; align-items: flex-start; -webkit-align-items: flex-start; -webkit-box-align: start; -moz-box-align: start; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-align: start; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; -ms-flex-pack: justify; -webkit-justify-content: space-between; } .form-donate__field { width: -webkit-calc(33.33% - 12px); width: -moz-calc(33.33% - 12px); width: calc(33.33% - 12px); margin-bottom: 15px; } .form-donate__field--2 { width: -webkit-calc(66.66% - 8px); width: -moz-calc(66.66% - 8px); width: calc(66.66% - 8px); } .form-donate__field--3 { width: 100%; } .logo { display: inline-block; } .logo__link { display: block; } .logo__title { display: block; margin: 0; color: #fff; font-family: "Muller", Arial, sans-serif; font-size: 36px; font-weight: 800; line-height: 1; } .logo--footer .logo__title { font-size: 40px; } .logo__ou { color: #388df6; } .logo__subtitle { display: block; margin: -5px 0 0; text-align: right; color: #fff; font-family: "Gilroy", Arial, sans-serif; font-size: 14px; font-weight: 600; line-height: 1; } .pagination { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; -webkit-align-items: center; -webkit-box-align: center; -moz-box-align: center; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-align: center; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; -ms-flex-pack: center; -webkit-justify-content: center; } .pagination__prev, .pagination__next { flex: 0 0 auto; text-transform: uppercase; color: #132745; font-family: "Gilroy", Arial, sans-serif; font-size: 14px; font-weight: 600; line-height: 24px; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; } .pagination__prev:hover, .pagination__next:hover { color: #388df6; } .pagination__pages { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-flow: row wrap; justify-content: center; align-items: center; flex: 0 1 auto; margin: 0 30px; -webkit-align-items: center; -webkit-box-align: center; -moz-box-align: center; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -webkit-box-pack: center; -moz-box-pack: center; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -ms-flex-align: center; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; -ms-flex-pack: center; -webkit-justify-content: center; } .pagination__page, .pagination__dots { display: inline-block; flex: 0 0 auto; min-width: 40px; height: 40px; margin: 0; text-align: center; letter-spacing: -.01em; color: #132745; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: transparent; font-family: "Gilroy", Arial, sans-serif; font-size: 18px; font-weight: 500; line-height: 40px; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; } .pagination__page { padding: 0 3px; } .pagination__page:hover { text-decoration: underline; color: inherit; } .pagination__page.current { color: #fff; background-color: #388df6; font-weight: 700; } .pagination__page:hover.current { text-decoration: none; } .pagination__icon-prev { position: relative; top: -1px; display: inline-block; width: 9px; height: 9px; } .pagination__icon-prev::before { position: absolute; top: 2px; left: 1px; display: block; width: 5px; height: 5px; content: ""; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); border-width: 1px; border-style: none none solid solid; border-color: #388df6; } .pagination__icon-prev::after { position: absolute; top: 4px; right: 0; display: block; width: 8px; height: 1px; content: ""; background-color: #388df6; } .pagination__icon-next { position: relative; top: -1px; display: inline-block; width: 9px; height: 9px; } .pagination__icon-next::before { position: absolute; top: 2px; right: 1px; display: block; width: 5px; height: 5px; content: ""; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); border-width: 1px; border-style: solid solid none none; border-color: #388df6; } .pagination__icon-next::after { position: absolute; top: 4px; left: 0; display: block; width: 8px; height: 1px; content: ""; background-color: #388df6; } .pagination__prev-caption { margin-left: 10px; } .pagination__next-caption { margin-right: 10px; } .phone { display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; flex-flow: row nowrap; align-items: center; text-decoration: none; color: #000; font-family: "Gilroy", Arial, sans-serif; font-size: 25px; font-weight: 600; line-height: 1; -webkit-align-items: center; -webkit-box-align: center; -moz-box-align: center; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -ms-flex-align: center; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; } .phone .svg-icon { margin-top: -1px; margin-right: 14px; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; color: #388df6; } .phone:hover { text-decoration: none; color: #de9d4a; } .phone:hover .svg-icon { color: #de9d4a; } .phone--footer { color: #fff; } .phone--footer .svg-icon { color: #d88c2a; } .social__buttons { display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; align-items: center; padding: 15px 34px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background-color: #f6f8fa; -webkit-align-items: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; } .social__button { position: relative; display: inline-block; flex: 0 0 auto; margin: 0 10px 0 0; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; } .social__button::before { position: absolute; top: 50%; left: 50%; display: block; width: 46px; height: 46px; margin-top: -23px; margin-left: -23px; content: ""; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #fff; } .social__button:last-child { margin-right: 0; } .social__button .svg-icon { position: relative; z-index: 10; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } .social__button .svg-icon--facebook { fill: #2554a3; } .social__button .svg-icon--twitter { fill: #00aef1; } .social__button:hover .svg-icon--facebook { fill: #2e68c9; } .social__button:hover .svg-icon--twitter { fill: #1abfff; } .header { display: block; padding-top: 95px; background-color: #fff; } .header__top { position: fixed; z-index: 100; top: 45px; right: 0; left: 0; display: block; background-color: #113c7e; } .header__top::before { position: absolute; top: -45px; right: 0; left: 0; display: block; height: 45px; content: ""; background-color: #fff; } .header__top-container { position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; max-width: 1200px; height: 64px; margin-right: auto; margin-left: auto; padding-right: 15px; padding-left: 15px; -webkit-align-items: center; -webkit-box-align: center; -moz-box-align: center; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-align: center; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; -ms-flex-pack: justify; -webkit-justify-content: space-between; } .header__logo { position: relative; z-index: 250; flex: 0 0 auto; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; } .header__btn-menu { display: none; flex: 0 0 auto; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; } .phone--header__mobile{ display:none; } .header__nav { position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-flow: row nowrap; align-items: center; flex: 0 0 auto; -webkit-align-items: center; -webkit-box-align: center; -moz-box-align: center; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; -ms-flex-align: center; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; } .header__menu-main { flex: 0 1 auto; margin-right: 35px; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; } .header__button-donate { flex: 0 0 auto; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; } .header__extra { position: absolute; top: -64px; right: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-flow: row nowrap; justify-content: flex-end; align-items: center; width: 100%; -webkit-align-items: center; -webkit-box-align: center; -moz-box-align: center; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -webkit-box-pack: end; -moz-box-pack: end; -ms-flex-align: center; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; -ms-flex-pack: end; -webkit-justify-content: flex-end; } .header__menu-top { flex: 0 1 auto; margin-right: 35px; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; } .header__phone { flex: 0 0 auto; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; } .header__main { display: block; background-color: #295ea5; background-image: url(/wp-content/themes/ncscustom/assets/img/header-bg.jpg); background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .header__main--big { background-image: url(/wp-content/themes/ncscustom/assets/img/header-bg-big.jpg); } .header__main--home { background-image: url(/wp-content/themes/ncscustom/assets/img/header-bg-home.jpg); } .header__main--mers { background-image: url(/wp-content/themes/ncscustom/assets/img/header-bg-mers.jpg); } .header__main-container { position: relative; z-index: 20; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-flow: row wrap; align-items: center; max-width: 1200px; min-height: 250px; margin-right: auto; margin-left: auto; padding-top: 30px; padding-right: 15px; padding-bottom: 30px; padding-left: 15px; -webkit-align-items: center; -webkit-box-align: center; -moz-box-align: center; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -ms-flex-align: center; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; } .header__main--big .header__main-container { min-height: 500px; } .header__main--big .header__main-container::after { position: absolute; right: 700px; bottom: 70px; display: block; width: 79px; height: 73px; content: ""; background-image: url(/wp-content/themes/ncscustom/assets/img/arrow.png); background-repeat: no-repeat; background-position: center center; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; } .header__headers { position: relative; z-index: 10; flex: 0 1 100%; max-width: 100%; text-align: center; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 1 100%; -ms-flex: 0 1 100%; } .header__main--big .header__headers { max-width: -webkit-calc(100% - 670px); max-width: -moz-calc(100% - 670px); max-width: calc(100% - 670px); text-align: left; } .header__title { display: block; margin: 0; letter-spacing: -.03em; text-transform: uppercase; color: #d88c2a; font-family: "Gilroy", Arial, sans-serif; font-size: 72px; font-weight: 700; line-height: 1; } .header__main--big .header__title { color: #fff; font-family: "PTSans", Arial, sans-serif; font-size: 63px; } .header__main--big .header__title:first-line { color: #d88c2a; font-family: "Gilroy", Arial, sans-serif; font-size: 70px; } .header__main--home .header__title { font-family: "PTSans", Arial, sans-serif; } .header__main--home .header__title:first-line { font-family: "Gilroy", Arial, sans-serif; font-size: 100px; } .header__subtitle { display: block; margin: 10px 0 20px; letter-spacing: -.01em; color: #fff; font-family: "PTSans", Arial, sans-serif; font-size: 20px; font-weight: 700; line-height: 1.4; } .header__main--big .header__subtitle { margin-top: 30px; letter-spacing: -.03em; font-size: 27px; } .header__form-donate { position: absolute; z-index: 50; top: 35px; right: 20px; } .footer { display: block; background-color: #23293a; } .footer__container { position: relative; max-width: 1200px; margin-right: auto; margin-left: auto; padding-right: 15px; padding-left: 15px; } .footer p { display: block; margin: 0 0 1em; color: #d5d5da; font-family: "ProximaNova", Arial, sans-serif; font-size: 14px; font-weight: 400; line-height: 1.428571428571429; } .footer p:last-child { margin-bottom: 0; } .footer p a[href*="tel:"] { display: inline-block; text-decoration: none; color: #fff; font-weight: 600; } .footer p a[href*="tel:"]:hover { text-decoration: none; color: #de9d4a; } .footer p span { color: #fff; } .footer__row { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-flow: row wrap; justify-content: space-between; margin: 0 -15px -25px; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -webkit-box-pack: justify; -moz-box-pack: justify; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; -ms-flex-pack: justify; -webkit-justify-content: space-between; } .footer__col { flex: 0 0 25%; max-width: 25%; margin-bottom: 25px; padding: 0 15px; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; } .footer__top { display: block; padding-top: 50px; } .footer__button-donate { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; width: 100%; max-width: 280px; } .footer__main { display: block; padding-top: 35px; padding-bottom: 35px; } .footer__section:not(:first-child) { margin-top: 25px; } .footer__title { display: block; margin: 0 0 12px; text-transform: uppercase; color: #fff; font-family: "Gilroy", Arial, sans-serif; font-size: 17px; font-weight: 700; line-height: 1; } .footer__title:not(:first-child) { margin-top: 25px; } .footer__mid { display: block; padding-top: 25px; padding-bottom: 30px; text-align: center; border-top: 1px solid #363c4c; } .footer__phone { margin-bottom: 25px; } .footer__menu-legal { margin-bottom: 20px; } .footer__bottom { display: block; padding-top: 25px; padding-bottom: 25px; text-align: center; border-top: 1px solid #363c4c; } .page { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-direction: column; padding-top: 64px; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; } .page__main, .page__content { flex: 1 0 auto; width: 100%; -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; } .page__header, .page__footer { flex: none; width: 100%; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: none; -ms-flex: none; } .page__container { position: relative; max-width: 1200px; margin-right: auto; margin-left: auto; padding-right: 15px; padding-left: 15px; } .page__donate { margin-top: 50px; } .states { position: relative; display: block; background-color: #083375; background-image: url(/wp-content/themes/ncscustom/assets/img/states-bg.jpg); background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .states__container { position: relative; max-width: 1200px; margin-right: auto; margin-left: auto; padding-right: 15px; padding-left: 15px; } .states__main { padding-top: 50px; padding-bottom: 60px; } .states__title { position: relative; display: block; margin: 0 0 15px; padding-top: 25px; text-transform: uppercase; color: #fff; font-family: "Gilroy", Arial, sans-serif; font-size: 55px; font-weight: 700; line-height: 1; } .states__title::before { position: absolute; top: 0; left: 0; display: block; width: 90px; height: 3px; content: ""; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-color: #d88c2a; } .states__subtitle { display: block; margin: 0 0 45px; color: #fff; font-family: "Gilroy", Arial, sans-serif; font-size: 18px; font-weight: 600; line-height: 1.4; } .states__states { display: block; margin: 0; padding: 0; list-style: none; -webkit-columns: 4; -moz-columns: 4; columns: 4; } .states__state { display: block; margin: 0 0 6px; padding: 0; color: #bfc9d8; font-family: "ProximaNova", Arial, sans-serif; font-size: 15px; font-weight: 600; line-height: 1.4; } .states__state a { text-decoration: none; color: inherit; } .states__state a:hover { text-decoration: none; color: #de9d4a; } .states__donating { display: block; padding-top: 55px; padding-bottom: 70px; text-align: center; background-color: rgba(0,20,50,.53); } .states__donating-title { display: block; margin: 0 0 20px; text-align: center; text-transform: uppercase; color: #fff; font-family: "Gilroy", Arial, sans-serif; font-size: 55px; font-weight: 500; line-height: 1; } .states__donating-title span { color: #d88c2a; font-size: .95em; font-weight: 700; } .states__donating-subtitle { display: block; margin: 0 0 20px; text-align: center; color: #fff; font-family: "Gilroy", Arial, sans-serif; font-size: 18px; font-weight: 600; line-height: 1.4; } .states__donating-subtitle a { display: inline-block; text-decoration: none; color: inherit; } .states__donating-subtitle a:hover { text-decoration: none; color: #de9d4a; } .states__arrow { position: relative; display: block; width: 32px; height: 34px; margin: 0 auto 25px; -webkit-transform: scaleY(.9); -moz-transform: scaleY(.9); -ms-transform: scaleY(.9); -o-transform: scaleY(.9); transform: scaleY(.9); } .states__arrow::before { position: absolute; top: -9px; left: 50%; display: block; width: 24px; height: 24px; margin-left: -12px; content: ""; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); border-width: 5px; border-style: none solid solid none; border-color: #388df6; } .states__arrow::after { position: absolute; top: 16px; left: 50%; display: block; width: 16px; height: 16px; margin-left: -8px; content: ""; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); border-width: 3px; border-style: none solid solid none; border-color: #d88c2a; } .states__button-donate { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; width: 100%; max-width: 270px; margin: 0 auto; } .donate { display: block; background-color: #fff; background-image: url(/wp-content/themes/ncscustom/assets/img/donate-bg.jpg); background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .donate__container { position: relative; z-index: 20; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-flow: row wrap; align-items: center; max-width: 1200px; min-height: 480px; margin-right: auto; margin-left: auto; padding-top: 20px; padding-right: 15px; padding-bottom: 40px; padding-left: 15px; -webkit-align-items: center; -webkit-box-align: center; -moz-box-align: center; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -ms-flex-align: center; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; } .donate__container::after { position: absolute; right: 700px; bottom: 70px; display: block; width: 79px; height: 73px; content: ""; background-image: url(/wp-content/themes/ncscustom/assets/img/arrow.png); background-repeat: no-repeat; background-position: center center; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; } .donate__headers { position: relative; z-index: 10; flex: 0 1 100%; max-width: -webkit-calc(100% - 670px); max-width: -moz-calc(100% - 670px); max-width: calc(100% - 670px); text-align: left; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 1 100%; -ms-flex: 0 1 100%; } .donate__title { display: block; margin: 0; letter-spacing: -.03em; text-transform: uppercase; color: #132745; font-family: "Gilroy", Arial, sans-serif; font-size: 63px; font-weight: 700; line-height: 1; } .donate__title:first-line { color: #d88c2a; font-size: 100px; } .donate__subtitle { display: block; margin: 20px 0 30px; letter-spacing: -.03em; color: #132745; font-family: "PTSans", Arial, sans-serif; font-size: 27px; font-weight: 700; line-height: 1.4; } .donate__form-donate { position: absolute; z-index: 50; top: -50px; right: 20px; } .article { display: block; padding-top: 30px; padding-bottom: 30px; } .article__container { position: relative; max-width: 1200px; margin-right: auto; margin-left: auto; padding-right: 15px; padding-left: 15px; } .article--blog-post .article__container { max-width: 1000px; } .article__shift { display: block; max-width: -webkit-calc(100% - 670px); max-width: -moz-calc(100% - 670px); max-width: calc(100% - 670px); } .article__date { display: block; margin: 0 0 5px; letter-spacing: -.01em; text-transform: uppercase; color: #8a8793; font-family: "Gilroy", Arial, sans-serif; font-size: 10px; font-weight: 500; line-height: 1.2; } .article img { display: block; max-width: 100%; height: auto; margin: 35px 0 40px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .article a:not(.button) { text-decoration: underline; color: #132745; font-weight: 700; } .article a:not(.button):hover { text-decoration: underline; color: #de9d4a; } .article a:not(.button)[href*="tel"] { display: inline-block; text-decoration: none; color: #444; font-weight: 700; } .article a:not(.button)[href*="tel"]:hover { text-decoration: none; color: #de9d4a; } .article__social { margin: 40px 0 0; } .article__inset { position: relative; display: block; margin: 40px 0; padding-left: 70px; } .article__inset::before { position: absolute; top: 0; left: 30px; display: block; width: 3px; height: 115px; content: ""; background-color: #388df6; } .article__locations { display: block; max-width: 650px; margin: 30px 0 0; padding: 0; list-style: none; -webkit-columns: 2; -moz-columns: 2; columns: 2; } .article__locations li { display: block; margin: 0 0 6px; color: #132745; font-family: "ProximaNova", Arial, sans-serif; font-size: 17px; font-weight: 600; line-height: 1.235294117647059; } .article__locations li a { text-decoration: underline; color: #132745; font-weight: 600; } .article__locations li a:hover { text-decoration: underline; color: #de9d4a; } .article__map { margin: 35px 0; } .article__select { margin: 35px 0; } .article .ul li a { display: inline-block; text-decoration: underline; color: #444; font-weight: 700; } .article .ul li a:hover { text-decoration: underline; color: #de9d4a; } .article__vehicles-buttons { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-flow: row wrap; justify-content: center; margin: 35px -15px 25px; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -webkit-box-pack: center; -moz-box-pack: center; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; -ms-flex-pack: center; -webkit-justify-content: center; } .article__vehicles-button { width: -webkit-calc(33.33% - 30px); width: -moz-calc(33.33% - 30px); width: calc(33.33% - 30px); margin: 0 15px 25px; padding-right: 10px; padding-left: 10px; } .article__thankyou-headline { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-flow: row nowrap; align-items: flex-start; margin: 0 0 30px; -webkit-align-items: flex-start; -webkit-box-align: start; -moz-box-align: start; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -ms-flex-align: start; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; } img.article__thankyou-icon { flex: 0 0 auto; margin: 5px 40px 5px 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; } .article__thankyou-title { display: block; flex: 0 1 auto; margin: 0; letter-spacing: -.01em; color: #132745; font-family: "Gilroy", Arial, sans-serif; font-size: 36px; font-weight: 600; line-height: 1.222222222222222; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; } .blog { display: block; padding-top: 30px; padding-bottom: 30px; } .blog__container { position: relative; max-width: 1200px; margin-right: auto; margin-left: auto; padding-right: 15px; padding-left: 15px; } .blog__row { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-flow: row nowrap; align-items: flex-start; margin: 0 -15px -30px; -webkit-align-items: flex-start; -webkit-box-align: start; -moz-box-align: start; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -ms-flex-align: start; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; } .blog__main { width: -webkit-calc(100% - 300px); width: -moz-calc(100% - 300px); width: calc(100% - 300px); margin: 0 15px 30px; } .blog__post { display: block; margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px solid #f1f2f3; } .blog__aside { display: block; width: 270px; margin: 0 15px 30px; padding: 30px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #fff; -webkit-box-shadow: 0 11px 32px rgba(9,27,46,.11); -moz-box-shadow: 0 11px 32px rgba(9,27,46,.11); box-shadow: 0 11px 32px rgba(9,27,46,.11); } .blog__aside-title { position: relative; display: block; margin: 0 0 25px; padding-top: 18px; letter-spacing: -.025em; text-transform: uppercase; color: #132745; font-family: "Gilroy", Arial, sans-serif; font-size: 24px; font-weight: 700; line-height: 1.1; } .blog__aside-title::before { position: absolute; top: 0; left: 0; display: block; width: 90px; height: 3px; content: ""; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-color: #d88c2a; } .blog__rpost { position: relative; display: block; padding-left: 20px; } .blog__rpost::before { position: absolute; top: 7px; left: 0; display: block; width: 6px; height: 6px; content: ""; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #388df6; } .blog__rpost:not(:last-child) { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #f1f2f3; } .blog__rpost-title { margin: 0 0 10px; letter-spacing: -.01em; color: #132745; font-family: "Gilroy", Arial, sans-serif; font-size: 17px; font-weight: 500; line-height: 1.294117647058824; } .blog__rpost-title a { text-decoration: none; color: inherit; } .blog__rpost-title a:hover { text-decoration: underline; color: inherit; } .blog__rpost-date { display: block; margin: 0; color: #8a8793; font-family: "Gilroy", Arial, sans-serif; font-size: 10px; font-weight: 500; line-height: 1; } .blog__pagination { margin: 25px 0 0; } .c-post { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-flow: row nowrap; align-items: center; -webkit-align-items: center; -webkit-box-align: center; -moz-box-align: center; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -ms-flex-align: center; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; } .c-post__figure { display: block; overflow: hidden; flex: 0 0 auto; width: 270px; height: 226px; margin: 0; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; } .c-post__figure img { width: 100%; height: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; font-family: "object-fit: cover; object-position: 50% 50%"; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; } .c-post__figure:hover img { -webkit-transform: scale(1.02); -moz-transform: scale(1.02); -ms-transform: scale(1.02); -o-transform: scale(1.02); transform: scale(1.02); } .c-post__content { flex: 0 1 100%; max-width: 100%; padding-left: 30px; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 1 100%; -ms-flex: 0 1 100%; } .c-post__title { display: block; margin: 0 0 15px; letter-spacing: -.01em; color: #132745; font-family: "Gilroy", Arial, sans-serif; font-size: 27px; font-weight: 700; line-height: 1.111111111111111; } .c-post__title a { text-decoration: none; color: inherit; } .c-post__title a:hover { text-decoration: underline; color: inherit; } .c-post__date { display: block; margin: 0 0 12px; letter-spacing: -.01em; text-transform: uppercase; color: #8a8793; font-family: "Gilroy", Arial, sans-serif; font-size: 10px; font-weight: 500; line-height: 1.2; } .c-post__text { display: block; margin: 0; } .c-post__text, .c-post__text p { color: #444; font-family: "ProximaNova", Arial, sans-serif; font-size: 15px; font-weight: 400; line-height: 1.466666666666667; } .c-post__text p:last-child { margin-bottom: 0; } .c-post__button-more { margin: 20px 0 0; } .steps { display: block; padding-top: 55px; padding-bottom: 65px; } .steps--short { padding-top: 30px; padding-bottom: 25px; } .steps__container { position: relative; max-width: 1200px; margin-right: auto; margin-left: auto; padding-right: 15px; padding-left: 15px; } .steps__title { position: relative; display: block; margin: 0 0 15px; padding-top: 25px; letter-spacing: -.025em; text-transform: uppercase; color: #132745; font-family: "Gilroy", Arial, sans-serif; font-size: 55px; font-weight: 700; line-height: 1; } .steps__title::before { position: absolute; top: 0; left: 0; display: block; width: 90px; height: 3px; content: ""; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-color: #d88c2a; } .steps__subtitle { display: block; margin: 0 0 30px; letter-spacing: -.01em; color: #444; font-family: "Gilroy", Arial, sans-serif; font-size: 18px; font-weight: 600; line-height: 1.4; } .steps__steps { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: flex-start; margin: 0 -15px -40px; -webkit-align-items: flex-start; -webkit-box-align: start; -moz-box-align: start; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-align: start; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; -ms-flex-pack: justify; -webkit-justify-content: space-between; } .steps__step { position: relative; display: block; flex: 0 1 30%; max-width: 300px; margin: 0 15px 40px; padding-top: 70px; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 1 30%; -ms-flex: 0 1 30%; } .steps__step-icon { position: absolute; top: 27px; left: 55px; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .steps__step-title { display: block; margin: 0 0 15px; letter-spacing: -.005em; color: #d88c2a; font-family: "Gilroy", Arial, sans-serif; font-size: 24px; font-weight: 700; line-height: 1.1; } .steps__step-text { display: block; margin: 0; letter-spacing: -.005em; color: #444; font-family: "ProximaNova", Arial, sans-serif; font-size: 15px; font-weight: 400; line-height: 1.466666666666667; } .steps__step-text a { display: inline-block; text-decoration: none; color: inherit; font-weight: 600; } .steps__step-text a:hover { text-decoration: none; color: #de9d4a; } .steps__arrow { position: relative; display: block; flex: 0 0 auto; width: 34px; height: 32px; margin: 10px 15px; -webkit-transform: scaleX(.9); -moz-transform: scaleX(.9); -ms-transform: scaleX(.9); -o-transform: scaleX(.9); transform: scaleX(.9); -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; } .steps__arrow::before { position: absolute; top: 50%; left: -8px; display: block; width: 24px; height: 24px; margin-top: -12px; content: ""; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); border-width: 5px; border-style: solid solid none none; border-color: #388df6; } .steps__arrow::after { position: absolute; top: 50%; left: 16px; display: block; width: 16px; height: 16px; margin-top: -8px; content: ""; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); border-width: 3px; border-style: solid solid none none; border-color: #d88c2a; } .client { display: block; } .client__container { position: relative; max-width: 1200px; margin-right: auto; margin-left: auto; padding-top: 40px; padding-right: 15px; padding-bottom: 40px; padding-left: 15px; } .client__container::before { position: absolute; top: 0; right: 15px; left: 15px; display: block; height: 1px; content: ""; background-color: #e9ecf3; } .client__row { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-flow: row nowrap; margin: 0 -15px; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; } .client__left { flex: 0 1 auto; padding: 0 15px; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; } .client__right { flex: 0 0 auto; padding: 0 15px; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; } .client__logo { display: block; max-width: 100%; height: auto; margin: 0 0 30px; } .client__section { display: block; } .client__section:not(:last-child) { margin-bottom: 25px; } .client__section-line { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-flow: row wrap; align-items: flex-start; margin-bottom: -10px; -webkit-align-items: flex-start; -webkit-box-align: start; -moz-box-align: start; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -ms-flex-align: start; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; } .client__section-title { display: block; margin: 0 0 15px; letter-spacing: -.01em; color: #132745; font-family: "Gilroy", Arial, sans-serif; font-size: 18px; font-weight: 700; line-height: 1.2; } .client__section-line .client__section-title { flex: 0 1 auto; margin-right: 15px; margin-bottom: 15px; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; } .client p { display: block; margin: 0 0 15px; letter-spacing: -.005em; color: #444; font-family: "ProximaNova", Arial, sans-serif; font-size: 16px; font-weight: 400; line-height: 1.25; } p.client__mission { margin-bottom: 20px; font-size: 19px; } .client__areas { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-flow: row wrap; align-items: center; -webkit-align-items: center; -webkit-box-align: center; -moz-box-align: center; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -ms-flex-align: center; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; } .client__area-flag { flex: 0 0 auto; margin: 0 15px 15px 0; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; } .client__area-primary { flex: 0 1 auto; margin: 0 15px 15px 0; letter-spacing: -.005em; color: #444; font-family: "ProximaNova", Arial, sans-serif; font-size: 19px; font-weight: 600; line-height: 1; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; } .client__area-secondary { flex: 0 1 auto; margin: 0 15px 15px 0; letter-spacing: -.005em; color: #444; font-family: "ProximaNova", Arial, sans-serif; font-size: 15px; font-weight: 400; line-height: 1; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; } .nonprofits { display: block; padding-top: 40px; padding-bottom: 40px; } .nonprofits__container { position: relative; max-width: 1200px; margin-right: auto; margin-left: auto; padding-right: 15px; padding-left: 15px; } .nonprofits__title { margin: 0 0 20px; } .nonprofits__select { max-width: 570px; margin: 25px auto 35px; } .nonprofits__select .field__label { text-align: center; } .nonprofits__title-2 { display: block; margin: 0 0 30px; font-weight: 500; } .nonprofits__links { display: block; margin: 0 0 30px; } .nonprofits__link { position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-flow: row wrap; align-items: center; min-height: 65px; margin: 0 0 -1px; padding: 10px 65px 10px 55px; text-decoration: none; letter-spacing: -.01em; color: #132745; border: 1px solid #e9ecee; font-family: "ProximaNova", Arial, sans-serif; font-size: 20px; font-weight: 600; line-height: 1.2; -webkit-align-items: center; -webkit-box-align: center; -moz-box-align: center; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -ms-flex-align: center; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; } .nonprofits__link::after { position: absolute; top: 50%; right: 25px; display: block; width: 10px; height: 10px; margin-top: -5px; content: ""; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); border-width: 2px; border-style: solid solid none none; border-color: #388df6; } .nonprofits__link:hover { z-index: 10; text-decoration: none; color: #132745; border-color: #6aaaf8; } .nonprofits__link .svg-icon { position: absolute; top: 50%; left: 32px; display: inline-block; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); fill: #388df6; } .faqs { display: block; padding-top: 40px; padding-bottom: 40px; } .faqs__container { position: relative; max-width: 1200px; margin-right: auto; margin-left: auto; padding-right: 15px; padding-left: 15px; } .faqs__title { position: relative; display: block; margin: 0 0 30px; padding-top: 20px; text-transform: uppercase; color: #132745; font-family: "Gilroy", Arial, sans-serif; font-size: 33px; font-weight: 700; line-height: 1.1; } .faqs__title::before { position: absolute; top: 0; left: 0; display: block; width: 90px; height: 3px; content: ""; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-color: #d88c2a; } .faqs__items { display: block; } .faqs__items:not(:last-child) { margin-bottom: 40px; } .faqs__item { position: relative; display: block; margin: 0 0 6px; } .faqs__item::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; content: ""; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; pointer-events: none; opacity: 0; border: 2px solid #388df6; } .faqs__item.active::after { opacity: 1; } .faqs__question { display: block; margin: 0; } .faqs__question button { position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-flow: row wrap; align-items: center; width: 100%; min-height: 52px; padding: 10px 55px 10px 75px; text-align: left; color: #132745; border: none; background-color: #f5f7fa; font-family: "Gilroy", Arial, sans-serif; font-size: 18px; font-weight: 500; line-height: 1.333333333333333; -webkit-align-items: center; -webkit-box-align: center; -moz-box-align: center; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -ms-flex-align: center; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; } .faqs__question button::before { position: absolute; top: 10px; bottom: 10px; left: 5px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; width: 55px; content: "Q."; text-align: center; letter-spacing: -.01em; color: #388df6; border-right: 1px solid #e4e7ea; font-family: "Gilroy", Arial, sans-serif; font-size: 20px; font-weight: 700; line-height: 1; -webkit-align-items: center; -webkit-box-align: center; -moz-box-align: center; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-align: center; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; -ms-flex-pack: center; -webkit-justify-content: center; } .faqs__question button::after { position: absolute; top: 50%; right: 25px; display: block; width: 8px; height: 8px; margin-top: -6px; content: ""; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); border-width: 1px; border-style: none solid solid none; border-color: #132745; } .faqs__item.active .faqs__question button { background-color: transparent; font-weight: 700; } .faqs__item.active .faqs__question button::after { margin-top: -2px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); } .faqs__answer { position: relative; display: block; padding: 20px 55px 20px 75px; } .faqs__answer::before { position: absolute; top: 20px; left: 5px; display: block; width: 55px; height: 25px; content: "A."; text-align: center; letter-spacing: -.01em; color: #388df6; font-family: "Gilroy", Arial, sans-serif; font-size: 20px; font-weight: 700; line-height: 25px; } .faqs__answer::after { position: absolute; top: 0; right: 15px; left: 15px; display: block; height: 1px; content: ""; border-top: 1px solid #e4e7ea; } .faqs__answer p:last-child { margin-bottom: 0; } .page__slideshow { margin: 30px 0 45px; } .slideshow { display: block; } .slideshow__main { position: relative; display: block; margin-bottom: 20px; text-align: center; } .slideshow__main-slide { display: block; overflow: hidden; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .slideshow__main-prev, .slideshow__main-next { position: absolute; z-index: 100; top: 50%; display: block; overflow: hidden; width: 31px; height: 92px; margin-top: -46px; padding: 0; border: none; background-color: transparent; } .slideshow__main-prev::before, .slideshow__main-next::before { position: absolute; top: 50%; display: block; width: 100px; height: 100px; margin-top: -50px; content: ""; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #fff; } .slideshow__main-prev::after, .slideshow__main-next::after { position: absolute; top: 50%; display: block; width: 10px; height: 10px; margin-top: -5px; content: ""; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); border-width: 2px; border-color: #8b92a5; } .slideshow__main-prev:hover::after, .slideshow__main-next:hover::after { border-color: #ff6d14; } .slideshow__main-prev { left: 0; } .slideshow__main-prev::before { right: 0; } .slideshow__main-prev::after { left: 2px; border-style: none none solid solid; } .slideshow__main-next { right: 0; } .slideshow__main-next::before { left: 0; } .slideshow__main-next::after { right: 2px; border-style: solid solid none none; } .slideshow__thumbs { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; -webkit-align-items: center; -webkit-box-align: center; -moz-box-align: center; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-align: center; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; -ms-flex-pack: justify; -webkit-justify-content: space-between; } .slideshow__thumbs .tns-outer { order: 2; flex: 0 1 100%; max-width: 100%; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; -webkit-flex: 0 1 100%; -ms-flex: 0 1 100%; -ms-flex-order: 2; -webkit-order: 2; } .slideshow__thumbs-prev, .slideshow__thumbs-next { position: relative; display: block; overflow: hidden; flex: 0 0 auto; width: 30px; height: 50px; padding: 0; border: none; background-color: transparent; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; } .slideshow__thumbs-prev::after, .slideshow__thumbs-next::after { position: absolute; top: 50%; display: block; width: 10px; height: 10px; margin-top: -5px; content: ""; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); border-width: 2px; border-color: #8b92a5; } .slideshow__thumbs-prev:hover::after, .slideshow__thumbs-next:hover::after { border-color: #ff6d14; } .slideshow__thumbs-prev { order: 1; -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 1; -webkit-order: 1; } .slideshow__thumbs-prev::after { left: 2px; border-style: none none solid solid; } .slideshow__thumbs-next { order: 3; -webkit-box-ordinal-group: 4; -moz-box-ordinal-group: 4; -ms-flex-order: 3; -webkit-order: 3; } .slideshow__thumbs-next::after { right: 2px; border-style: solid solid none none; } .slideshow__thumbs-slide { position: relative; padding: 0 3px; cursor: pointer; } .slideshow__thumbs-wrapper { position: relative; display: block; overflow: hidden; height: 105px; margin: 0 auto; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .slideshow__thumbs-wrapper img { display: block; width: 100%; height: 100%; font-family: "object-fit: cover; object-position: 50% 50%"; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; } .slideshow__thumbs-slide.active .slideshow__thumbs-wrapper { border: 4px solid #ff8b44; } .map { display: block; overflow: hidden; } .map a { text-decoration: none !important; } .map__image { margin-left: -40px; } .map__image path { -webkit-transition: fill .3s ease; -moz-transition: fill .3s ease; -o-transition: fill .3s ease; transition: fill .3s ease; fill: #356eba; stroke: #fff; stroke-width: 2px; } .map__image rect { -webkit-transition: fill .3s ease; -moz-transition: fill .3s ease; -o-transition: fill .3s ease; transition: fill .3s ease; fill: #356eba; } .map__image a { position: relative; text-decoration: none; } .map__image a:hover { text-decoration: none; } .map__image a:hover path, .map__image a:hover rect { fill: #d88c2a; } .map__state-caption { position: relative; z-index: 100; text-decoration: none; pointer-events: none; fill: #fff; font-family: "Gilroy", Arial, sans-serif; font-size: 18px; font-weight: 700; line-height: 1; } .vehicles { display: block; padding-top: 55px; padding-bottom: 60px; background-color: #fff; background-image: url(/wp-content/themes/ncscustom/assets/img/vehicles-bg.jpg); background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .vehicles__container { position: relative; max-width: 1200px; margin-right: auto; margin-left: auto; padding-right: 15px; padding-left: 15px; } .vehicles__title { position: relative; display: block; margin: 0 0 15px; padding-top: 25px; letter-spacing: -.025em; text-transform: uppercase; color: #132745; font-family: "Gilroy", Arial, sans-serif; font-size: 55px; font-weight: 700; line-height: 1; } .vehicles__title::before { position: absolute; top: 0; left: 0; display: block; width: 90px; height: 3px; content: ""; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-color: #388df6; } .vehicles__subtitle { display: block; margin: 0 0 45px; letter-spacing: -.01em; color: #444; font-family: "Gilroy", Arial, sans-serif; font-size: 18px; font-weight: 600; line-height: 1.4; } .vehicles__items { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-flow: row wrap; justify-content: center; margin: 0 -15px -20px; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -webkit-box-pack: center; -moz-box-pack: center; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; -ms-flex-pack: center; -webkit-justify-content: center; } .vehicles__item { position: relative; display: block; width: -webkit-calc(33.33% - 30px); width: -moz-calc(33.33% - 30px); width: calc(33.33% - 30px); margin: 0 15px 20px; padding: 25px 25px 30px 125px; background-color: #fff; } .vehicles__item .svg-icon { position: absolute; top: 40px; left: 60px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); fill: #d88c2a; } .vehicles__item-title { display: block; margin: 0 0 10px; letter-spacing: -.01em; color: #132745; font-family: "Gilroy", Arial, sans-serif; font-size: 18px; font-weight: 700; line-height: 1.333333333333333; } .vehicles__item-text { display: block; margin: 0; letter-spacing: -.005em; color: #444; font-family: "ProximaNova", Arial, sans-serif; font-size: 15px; font-weight: 400; line-height: 1.333333333333333; } .cta { display: block; padding-top: 60px; padding-bottom: 60px; text-align: center; background-color: #054693; background-image: url(/wp-content/themes/ncscustom/assets/img/cta-bg.jpg); background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .cta__container { position: relative; max-width: 1200px; margin-right: auto; margin-left: auto; padding-right: 15px; padding-left: 15px; } .cta__title { display: block; margin: 0 0 25px; text-align: center; text-transform: uppercase; color: #fff; font-family: "Gilroy", Arial, sans-serif; font-size: 55px; font-weight: 500; line-height: 1; } .cta__title span { color: #d88c2a; font-size: .95em; font-weight: 700; } .cta__subtitle { display: block; margin: 0 0 25px; text-align: center; color: #fff; font-family: "Gilroy", Arial, sans-serif; font-size: 18px; font-weight: 600; line-height: 1.4; } .cta__subtitle a { display: inline-block; text-decoration: none; color: inherit; } .cta__subtitle a:hover { text-decoration: none; color: #de9d4a; } .cta__arrow { position: relative; display: block; width: 32px; height: 34px; margin: 0 auto 30px; -webkit-transform: scaleY(.9); -moz-transform: scaleY(.9); -ms-transform: scaleY(.9); -o-transform: scaleY(.9); transform: scaleY(.9); } .cta__arrow::before { position: absolute; top: -9px; left: 50%; display: block; width: 24px; height: 24px; margin-left: -12px; content: ""; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); border-width: 5px; border-style: none solid solid none; border-color: #388df6; } .cta__arrow::after { position: absolute; top: 16px; left: 50%; display: block; width: 16px; height: 16px; margin-left: -8px; content: ""; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); border-width: 3px; border-style: none solid solid none; border-color: #d88c2a; } .cta__button-donate { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; width: 100%; max-width: 270px; margin: 0 auto; } .reasons { display: block; padding-top: 75px; padding-bottom: 40px; background-color: #fff; } .reasons__container { position: relative; max-width: 1200px; margin-right: auto; margin-left: auto; padding-top: 0; padding-right: 15px; padding-bottom: 120px; padding-left: 515px; background-image: url(/wp-content/themes/ncscustom/assets/img/reasons-visual.jpg); background-repeat: no-repeat; background-position: left center; } .reasons__title { position: relative; display: block; margin: 0 0 20px; padding-top: 25px; letter-spacing: -.025em; text-transform: uppercase; color: #132745; font-family: "Gilroy", Arial, sans-serif; font-size: 55px; font-weight: 700; line-height: 1; } .reasons__title::before { position: absolute; top: 0; left: 0; display: block; width: 90px; height: 3px; content: ""; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-color: #d88c2a; } .reasons__items { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-flow: row wrap; margin: 0 -15px; padding: 0; list-style: none; counter-reset: reasons; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; } .reasons__item { position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; overflow: hidden; flex-flow: row wrap; align-items: center; width: -webkit-calc(50% - 30px); width: -moz-calc(50% - 30px); width: calc(50% - 30px); min-height: 104px; margin: 0 15px; padding: 15px 0 15px 60px; color: #444; font-family: "ProximaNova", Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 22px; -webkit-align-items: center; -webkit-box-align: center; -moz-box-align: center; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -ms-flex-align: center; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; } .reasons__item::before { position: absolute; top: 50%; left: 0; display: block; width: 36px; height: 36px; margin-top: -18px; content: counter(reasons); counter-increment: reasons; text-align: center; color: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #113c7e; font-family: "Gilroy", Arial, sans-serif; font-size: 18px; font-weight: 500; line-height: 36px; } .reasons__item::after { position: absolute; bottom: 0; left: 0; display: block; width: 270px; height: 1px; content: ""; background-color: #f0f2f5; } .reasons__item:last-child::after { display: none; } .reasons__item b, .reasons__item strong { font-weight: 600; } .reasons__button-donate { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; width: 100%; max-width: 270px; margin: 15px auto 0; } .orgs { display: block; padding-top: 55px; padding-bottom: 60px; background-color: #fff; background-image: url(/wp-content/themes/ncscustom/assets/img/orgs-bg.jpg); background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .orgs__container { position: relative; max-width: 1200px; margin-right: auto; margin-left: auto; padding-right: 15px; padding-left: 15px; } .orgs__title { position: relative; display: block; margin: 0 0 15px; padding-top: 25px; letter-spacing: -.025em; text-transform: uppercase; color: #132745; font-family: "Gilroy", Arial, sans-serif; font-size: 55px; font-weight: 700; line-height: 1; } .orgs__title::before { position: absolute; top: 0; left: 0; display: block; width: 90px; height: 3px; content: ""; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-color: #388df6; } .orgs__subtitle { display: block; margin: 0 0 45px; letter-spacing: -.01em; color: #444; font-family: "Gilroy", Arial, sans-serif; font-size: 18px; font-weight: 600; line-height: 1.4; } .orgs__items { display: block; margin: 0; padding: 0 15px; } .orgs__item { display: block; padding: 0 15px; } .orgs__figure { display: block; margin: 0; } .orgs__figure-box { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-flow: row wrap; justify-content: center; align-items: center; width: 100%; min-height: 130px; padding: 10px; background-color: #fff; -webkit-align-items: center; -webkit-box-align: center; -moz-box-align: center; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-align: center; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; -ms-flex-pack: center; -webkit-justify-content: center; } .orgs__figure-box img { display: block; max-width: 100%; height: auto; margin: 0 auto; } .orgs__figcaption { display: block; margin: 15px 0 0; color: #132745; font-family: "Gilroy", Arial, sans-serif; font-size: 17px; font-weight: 700; line-height: 1.176470588235294; } .orgs .slick-dots { margin-top: 40px; } .orgs .slick-prev, .orgs .slick-next { top: 55px; margin-top: 0; } .orgs .slick-prev { left: 0; } .orgs .slick-next { right: 0; } .form { display: block; padding: 60px 70px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background-color: #f4f6f7; } .form__title { display: block; margin: 0 0 25px; color: #132745; font-family: "Gilroy", Arial, sans-serif; font-size: 30px; font-weight: 700; line-height: 1.2; } .form__row { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-flow: row wrap; margin: 0 -15px; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; } .form__col { flex: 0 0 50%; max-width: 50%; padding: 0 15px; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; } .form__col--wide { flex: 0 0 100%; max-width: 100%; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; } .form__field { margin-bottom: 20px; } .form__radios { margin-bottom: 35px; } .form__radio { display: block; margin: 0 0 10px; } .form__submit { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; width: 100%; max-width: 610px; margin: 20px auto 0; } .form--contact .form__submit { max-width: 100%; margin-top: 40px; } .form__parts { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-flow: row wrap; margin: 0 -30px; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; } .form__main { width: -webkit-calc(100% - 380px); width: -moz-calc(100% - 380px); width: calc(100% - 380px); padding: 0 30px; } .form__aside { width: 380px; padding: 0 30px; } .form__aside-box { display: block; padding: 35px 40px 30px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #fff; -webkit-box-shadow: 0 5px 27px rgba(5,22,26,.08); -moz-box-shadow: 0 5px 27px rgba(5,22,26,.08); box-shadow: 0 5px 27px rgba(5,22,26,.08); } .form__aside-box:first-child { position: relative; z-index: 10; } .form__aside-title { display: block; margin: 0 0 20px; text-align: center; letter-spacing: -.005em; color: #5c5f65; font-family: "Gilroy", Arial, sans-serif; font-size: 16px; font-weight: 600; line-height: 1.375; } .form__aside-button { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; width: 100%; max-width: 300px; margin: 0 auto; } .selectric-wrapper { position: relative; cursor: pointer; } .selectric-responsive { width: 100%; } .selectric { position: relative; border: 1px solid #ddd; background: white; } .selectric .label { display: block; overflow: hidden; height: 35px; margin: 0 38px 0 10px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; text-overflow: ellipsis; color: #444; font-size: 15px; line-height: 35px; -o-text-overflow: ellipsis; font-family: "Circe", Arial, sans-serif; font-weight: 300; } .selectric .button { position: absolute; top: 0; right: 0; display: block; width: 38px; height: 35px; text-align: center; color: #bbb; font: 0/0 a; background: #f2f3f4; border-radius: 0px; padding:0px; min-height: auto; } .selectric .button:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 0; height: 0; margin: auto; content: " "; border: 4px solid transparent; border-top-color: #bbb; border-bottom: none; } .selectric-focus .selectric { border-color: #aaa; } .selectric-hover .selectric { border-color: #c4c4c4; } .selectric-hover .selectric .button { color: #a2a2a2; } .selectric-hover .selectric .button:after { border-top-color: #a2a2a2; } .selectric-open { z-index: 9999; } .selectric-open .selectric { border-color: #c4c4c4; } .selectric-open .selectric-items { display: block; } .selectric-disabled { cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; opacity: .5; filter: alpha(opacity=50); } .selectric-hide-select { position: relative; overflow: hidden; width: 0; height: 0; } .selectric-hide-select select { position: absolute; left: -100%; } .selectric-hide-select.selectric-is-native { position: absolute; z-index: 10; width: 100%; height: 100%; } .selectric-hide-select.selectric-is-native select { position: absolute; z-index: 1; top: 0; right: 0; left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 100%; opacity: 0; border: none; } .selectric-input { position: absolute !important; top: 0 !important; left: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; width: 1px !important; height: 1px !important; margin: 0 !important; padding: 0 !important; border: none !important; outline: none !important; background: none !important; font: 0/0 a !important; } .selectric-temp-show { position: absolute !important; display: block !important; visibility: hidden !important; } .selectric-items { position: absolute; z-index: -1; top: 100%; left: 0; display: none; border: 1px solid #c4c4c4; background: #f8f8f8; -webkit-box-shadow: 0 0 10px -6px; -moz-box-shadow: 0 0 10px -6px; box-shadow: 0 0 10px -6px; } .selectric-items .selectric-scroll { overflow: auto; height: 100%; } .selectric-above .selectric-items { top: auto; bottom: 100%; } .selectric-items ul, .selectric-items li { min-height: 20px; margin: 0; padding: 0; list-style: none; font-size: 14px; line-height: 20px; background: white; font-family: "Circe", Arial, sans-serif; font-weight: 400; } .selectric-items li { display: block; padding: 10px; cursor: pointer; } .selectric-items li.selected { color: #444; background: #e0e0e0; } .selectric-items li.highlighted { color: #444; background: #d0d0d0; } .selectric-items li:hover { color: #444; background: #f1f1f1; } .selectric-items .disabled { cursor: default !important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; opacity: .5; color: #666 !important; background: none !important; filter: alpha(opacity=50); } .selectric-items .selectric-group .selectric-group-label { padding-left: 10px; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #444; background: none; font-weight: bold; } .selectric-items .selectric-group.disabled li { opacity: 1; filter: alpha(opacity=100); } .selectric-items .selectric-group li { padding-left: 25px; } select{ height: 38px; border:1px solid #ddd; padding: 0 38px 0 10px; } @media only screen and (min-width: 480px) { .footer__menu-footer, .footer__menu-states { display: block !important; } } @media (min-width: 640px) { .choices__list--dropdown .choices__item--selectable { padding-right: 100px; } .choices__list--dropdown .choices__item--selectable:after { position: absolute; top: 50%; right: 10px; content: attr(data-select-text); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); opacity: 0; font-size: 12px; } [dir="rtl"] .choices__list--dropdown .choices__item--selectable { padding-right: 10px; padding-left: 100px; text-align: right; } [dir="rtl"] .choices__list--dropdown .choices__item--selectable:after { right: auto; left: 10px; } } @media only screen and (max-width: 1199px) { .form-donate { max-width: 620px; } .header__main--big .header__title { font-size: 50px; } .header__main--big .header__title:first-line { font-size: 62px; } .header__main--home .header__title { font-size: 44px; } .header__main--home .header__title:first-line { font-size: 70px; } .header__main--big .header__subtitle { font-size: 22px; } .states__title { font-size: 50px; } .states__donating-title { font-size: 50px; } .donate__title { font-size: 44px; } .donate__title:first-line { font-size: 70px; } .donate__subtitle { font-size: 22px; } .steps__title { font-size: 50px; } .vehicles__title { font-size: 50px; } .cta__title { font-size: 50px; } .reasons__container { padding-left: 400px; -webkit-background-size: 50% 50%; -moz-background-size: 50%; -o-background-size: 50%; background-size: 50%; } .reasons__title { font-size: 50px; } .orgs__title { font-size: 50px; } } @media only screen and (max-width: 1023px) { h1, .title-1 { font-size: 36px; } h2, .title-2 { font-size: 30px; } h3, .title-3 { font-size: 24px; } h4, .title-4 { font-size: 20px; } .menu-main__items { display: block; } .menu-main__item { margin: 0 0 25px; text-align: center; font-size: 24px; } .menu-main__item:last-child { margin-bottom: 0; } .menu-top__items { display: block; } .menu-top__item { margin: 0 0 25px; text-align: center; text-transform: uppercase; color: #fff; font-size: 24px; } .menu-top__item:last-child { margin-bottom: 0; } .form-donate { width: auto; max-width: 200%; border-top: 1px solid #f0f3f7; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .form-donate__main { padding: 30px 20px 30px; } .form-donate__field { width: -webkit-calc(33.33% - 15px); width: -moz-calc(33.33% - 15px); width: calc(33.33% - 15px); } .form-donate__field--2 { width: -webkit-calc(66.66% - 10px); width: -moz-calc(66.66% - 10px); width: calc(66.66% - 10px); } .form-donate__field--3 { width: 100%; } .logo--header .logo__title { font-size: 30px; } .logo--header .logo__subtitle { font-size: 12px; } .phone--header { color: #fff; } .phone--header .svg-icon { fill: #d88c2a; } .header { padding-top: 45px; } .header__top { position: fixed; z-index: 100; top: 0px; right: 0; left: 0; } .header__top::before { display: none; } .header__top-container { height: 60px; } .header__top-container::before { position: absolute; z-index: 210; top: 0; right: 0; bottom: 0; left: 0; display: block; content: ""; background-color: #113c7e; } .header__btn-menu { position: relative; z-index: 250; display: block; } .phone--header__mobile { position: absolute; right: 40px; top: 16px; z-index: 250; display: block; } .phone--header__mobile .svg-icon--phone{ height: 30px; width: 46px; } .header__nav { position: fixed; z-index: 200; top: -100%; right: 0; bottom: 0; display: block; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; width: 100%; height: 100%; padding: 100px 20px 20px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; text-align: center; opacity: 0; background-color: #1b549f; } .header__nav.active { top: 128px; opacity: 1; } .header__menu-main { margin-right: 0; margin-bottom: 30px; } .header__button-donate { margin-bottom: 30px; } .header__extra { position: relative; top: auto; right: auto; display: block; } .header__menu-top { margin-right: 0; margin-bottom: 50px; } .header__phone { margin-bottom: 30px; } .header__main--big .header__main-container { display: block; min-height: 1px; padding: 0; } .header__main--big .header__main-container::after { display: none; } .header__main--big .header__headers { width: 100%; max-width: 100%; padding: 30px 20px; text-align: center; background-color: #295ea5; background-image: url(/wp-content/themes/ncscustom/assets/img/header-bg-big.jpg); background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .header__main--home .header__headers { background-image: url(/wp-content/themes/ncscustom/assets/img/header-bg-home.jpg); } .header__title { font-size: 50px; } .header__main--big .header__title { font-size: 40px; } .header__main--big .header__title:first-line { font-size: 50px; } .header__main--home .header__title { font-size: 40px; } .header__main--home .header__title:first-line { font-size: 50px; } .header__subtitle { margin-bottom: 10px; font-size: 18px; } .header__main--big .header__subtitle { margin-top: 10px; margin-bottom: 0; font-size: 18px; } .header__form-donate { position: relative; top: auto; right: auto; margin: 0 0; } .footer__col { flex: 0 0 50%; max-width: 50%; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; } .page { padding-top: 60px; } .page__donate { margin-top: 0; } .states__title { font-size: 40px; } .states__subtitle { font-size: 16px; } .states__donating-title { font-size: 40px; } .states__donating-subtitle { font-size: 16px; } .donate__container { display: block; min-height: 1px; padding: 0; } .donate__container::after { display: none; } .donate__headers { width: 100%; max-width: 100%; padding: 30px 20px; text-align: center; background-color: #295ea5; background-image: url(/wp-content/themes/ncscustom/assets/img/donate-bg.jpg); background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .donate__title { font-size: 40px; } .donate__title:first-line { font-size: 50px; } .donate__subtitle { margin-top: 10px; margin-bottom: 0; font-size: 18px; } .donate__form-donate { position: relative; top: auto; right: auto; margin: 0 0; } .article__shift { max-width: 100%; } .article__vehicles-button { width: -webkit-calc(50% - 30px); width: -moz-calc(50% - 30px); width: calc(50% - 30px); } .article__thankyou-title { font-size: 30px; } .blog__row { display: block; margin: 0 0 -25px; } .blog__main { width: 100%; margin: 0 0 25px; } .blog__aside { width: 100%; margin: 0 0 25px; } .c-post__title { font-size: 24px; } .steps { padding-top: 30px; padding-bottom: 30px; } .steps--short { padding-top: 30px; padding-bottom: 30px; } .steps__title { font-size: 40px; } .steps__subtitle { font-size: 16px; } .steps__step-title { margin-bottom: 12px; font-size: 20px; } .steps__arrow { margin: 10px 0; } .client__container { padding-bottom: 0; } .client__row { display: block; margin: 0; } .client__left { display: block; margin-bottom: 40px; padding: 0; } .client__right { margin: 0 -15px; padding: 0; } .nonprofits__link { min-height: 60px; font-size: 18px; } .faqs__title { font-size: 30px; } .vehicles { padding-top: 40px; padding-bottom: 40px; } .vehicles__title { font-size: 40px; } .vehicles__subtitle { font-size: 16px; } .vehicles__item { width: -webkit-calc(50% - 30px); width: -moz-calc(50% - 30px); width: calc(50% - 30px); } .cta__title { font-size: 40px; } .cta__subtitle { font-size: 16px; } .reasons { padding-top: 60px; padding-bottom: 70px; } .reasons__container { padding-top: 0; padding-bottom: 0; padding-left: 15px; background-image: none; } .reasons__title { font-size: 40px; } .orgs__title { font-size: 40px; } .orgs__subtitle { font-size: 16px; } .form { padding: 30px; } .form__title { font-size: 24px; } .form__parts { margin: 0 -15px; } .form__main { width: -webkit-calc(100% - 350px); width: -moz-calc(100% - 350px); width: calc(100% - 350px); padding: 0 15px; } .form__aside { width: 350px; padding: 0 15px; } } @media only screen and (max-width: 999px) { .field--type-radio-card .field__label-icon { top: 45px; } .field--type-radio-card .field__label-caption { font-size: 14px; } .form-donate__field-type { border-top: 1px solid #f0f3f7; } .form-donate__field-type:first-child { border-left: 1px solid #f0f3f7; } } @media only screen and (max-width: 767px) { .ol { padding-left: 0; } .ol__title { font-size: 20px; } .ol__title::before { font-size: 24px; } .ul { padding-left: 0; } .ul li { padding-left: 30px; } blockquote { padding: 30px 30px 30px 100px; } blockquote::before { left: 30px; font-size: 100px; } .form-donate__step:not(:last-child)::after { width: 30px; } .form-donate__back, .form-donate__submit { width: -webkit-calc(50% - 10px); width: -moz-calc(50% - 10px); width: calc(50% - 10px); } .form-donate__field { width: -webkit-calc(50% - 10px); width: -moz-calc(50% - 10px); width: calc(50% - 10px); } .form-donate__field--2, .form-donate__field--3 { width: 100%; } .pagination__pages { margin: 0 8px; } .pagination__page, .pagination__dots { min-width: 24px; height: 24px; margin: 0 2px; font-size: 14px; line-height: 25px; } .pagination__icon-prev { top: 0; } .pagination__icon-next { top: 0; } .pagination__prev-caption { display: none; } .pagination__next-caption { display: none; } .states__states { -webkit-columns: 3; -moz-columns: 3; columns: 3; } .article__inset { padding-left: 30px; } .article__inset::before { left: 0; } img.article__thankyou-icon { margin-right: 30px; } .c-post__figure { width: 200px; height: 200px; } .c-post__content { padding-left: 20px; } .steps__steps { display: block; margin: 0 0 -30px; } .steps__step { width: 100%; max-width: 100%; margin: 0 0 30px; padding-top: 60px; } .steps__arrow { display: none; } .map__image { margin-left: -15px; } .vehicles__item { width: -webkit-calc(100% - 30px); width: -moz-calc(100% - 30px); width: calc(100% - 30px); } .reasons__item { padding-left: 45px; } .reasons__item::before { width: 30px; height: 30px; font-size: 16px; line-height: 30px; } .orgs .slick-dots { margin-top: 10px; } .form__col { flex: 0 0 100%; max-width: 100%; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; } .form__submit { max-width: 100%; } .form--contact .form__submit { margin-top: 30px; } .form__parts { display: block; margin: 0; } .form__main { width: 100%; margin-bottom: 40px; padding: 0; } .form__aside { width: 100%; padding: 0; } .slideshow__main-prev, .slideshow__main-next { width: 20px; height: 60px; margin-top: -30px; } .slideshow__main-prev::before, .slideshow__main-next::before { width: 60px; height: 60px; margin-top: -30px; } } @media only screen and (max-width: 750px) { .slideshow__main { margin-bottom: 10px; } .slideshow__thumbs-prev, .slideshow__thumbs-next { width: 20px; } .slideshow__thumbs-wrapper { height: 80px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } } @media only screen and (max-width: 479px) { h1, .title-1 { font-size: 30px; } h2, .title-2 { font-size: 24px; } h3, .title-3 { font-size: 20px; } h4, .title-4 { font-size: 18px; } p { font-size: 16px; } p.bigger { font-size: 18px; } ol li, ul li { font-size: 16px; } blockquote { padding: 20px 20px 20px 60px; } blockquote::before { left: 10px; font-size: 80px; } .tooltipster-sidetip .tooltipster-content { max-width: 320px; } .tooltipster-sidetip.tooltipster-borderless .tooltipster-content { max-width: 320px; } .menu-footer__item { line-height: 1.733333333333333; } .menu-states__item { font-size: 14px; line-height: 2; } .form-donate__field-type { flex: 0 0 33.33%; max-width: 33.33%; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 0 33.33%; -ms-flex: 0 0 33.33%; } .form-donate__field-type:nth-child(4) { flex: 0 0 50%; max-width: 50%; border-top: none; border-left: 1px solid #f0f3f7; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; } .form-donate__field-type:nth-child(5) { flex: 0 0 50%; max-width: 50%; border-top: none; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; } .form-donate__step { font-size: 14px; line-height: 25px; } .form-donate__step::before { width: 25px; height: 25px; margin-right: 5px; padding-top: 1px; font-size: 14px; line-height: 24px; } .form-donate__step:not(:last-child) { margin-right: 20px; } .form-donate__step:not(:last-child)::after { display: none; } .form-donate__buttons { flex-wrap: wrap; margin-top: 0; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; } .form-donate__back, .form-donate__submit { width: 100%; } .form-donate__back { margin-bottom: 15px; } .form-donate__field { width: 100%; } .header__main-container { min-height: 100px; } .header__title { font-size: 34px; } .header__main--big .header__title { font-size: 30px; } .header__main--big .header__title:first-line { font-size: 34px; } .header__main--home .header__title { font-size: 30px; } .header__main--home .header__title:first-line { font-size: 34px; } .header__subtitle { margin-bottom: 0; font-size: 16px; } .header__main--big .header__subtitle { font-size: 16px; } .footer__row { display: block; margin: 0; } .footer__col { flex: 0 0 100%; max-width: 100%; margin-bottom: 0; padding: 0; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; } .footer__top { text-align: center; } .footer__button-donate { margin: 25px auto 0; } .footer__main { padding-bottom: 0; } .footer__section:not(:first-child) { margin-top: 0; } .footer__section { padding-top: 20px; padding-bottom: 20px; border-top: 1px solid #363c4c; } .footer__title:not(:first-child) { margin-top: 0; } .footer__title { position: relative; margin-bottom: 0; padding-right: 30px; } .footer__title::after { position: absolute; top: 50%; right: 2px; display: block; width: 8px; height: 8px; margin-top: -5px; content: ""; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); border-width: 2px; border-style: none solid solid none; border-color: #fff; } .footer__menu-footer, .footer__menu-states { margin-top: 12px; } .footer__mid { padding-top: 35px; } .footer__phone { margin-bottom: 35px; } .footer__menu-legal { margin-bottom: 25px; } .states__main { padding-top: 40px; padding-bottom: 40px; } .states__title { font-size: 30px; } .states__subtitle { margin-bottom: 30px; } .states__states { -webkit-columns: 2; -moz-columns: 2; columns: 2; } .states__donating { padding-top: 40px; padding-bottom: 40px; } .states__donating-title { margin-bottom: 15px; font-size: 30px; } .donate__title { font-size: 30px; } .donate__title:first-line { font-size: 34px; } .donate__subtitle { font-size: 16px; } .article img { margin: 10px 0 30px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .article__inset { margin: 30px 0; padding-left: 20px; } .article__locations { margin-top: 20px; -webkit-columns: 1; -moz-columns: 1; columns: 1; } .article__locations li { font-size: 15px; } .article__vehicles-button { width: -webkit-calc(100% - 30px); width: -moz-calc(100% - 30px); width: calc(100% - 30px); margin-bottom: 15px; } .article__thankyou-headline { display: block; margin-bottom: 20px; } img.article__thankyou-icon { margin: 0 auto 5px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .article__thankyou-title { font-size: 24px; } .c-post { display: block; } .c-post__figure { width: 100%; height: 200px; } .c-post__content { padding: 20px 0 0; } .steps__title { margin-bottom: 10px; padding-top: 20px; font-size: 30px; } .nonprofits__title-2 { margin-bottom: 20px; } .nonprofits__link::after { right: 20px; } .nonprofits__link { padding: 10px 40px; font-size: 16px; } .nonprofits__link .svg-icon { left: 20px; } .faqs { padding-top: 30px; padding-bottom: 30px; } .faqs__title { margin-bottom: 25px; font-size: 24px; } .faqs__question button { padding: 10px 40px 10px 50px; font-size: 16px; } .faqs__question button::before { width: 35px; font-size: 16px; } .faqs__question button::after { right: 15px; } .faqs__answer { padding: 20px 20px 20px 50px; } .faqs__answer::before { width: 40px; font-size: 16px; } .faqs__answer::after { right: 10px; left: 10px; } .vehicles__title { margin-bottom: 10px; padding-top: 20px; font-size: 30px; } .vehicles__subtitle { margin-bottom: 30px; } .cta { padding-top: 40px; padding-bottom: 40px; } .cta__title { margin-bottom: 15px; font-size: 30px; } .reasons { padding-top: 40px; padding-bottom: 40px; } .reasons__title { margin-bottom: 10px; padding-top: 20px; font-size: 30px; } .reasons__item { width: -webkit-calc(100% - 30px); width: -moz-calc(100% - 30px); width: calc(100% - 30px); min-height: 60px; font-size: 16px; } .orgs { padding-top: 40px; padding-bottom: 40px; } .orgs__title { margin-bottom: 10px; padding-top: 20px; font-size: 30px; } .orgs__subtitle { margin-bottom: 30px; } .form { padding: 30px 20px; } .form__title { margin-bottom: 15px; font-size: 20px; } .form__radios { margin-bottom: 25px; } } @media only screen and (max-width: 449px) { .field--type-radio-card .field__label-icon { top: 35px; } .slideshow__thumbs-wrapper { height: 50px; } } @media print { *, *:before, *:after, p:first-letter, div:first-letter, blockquote:first-letter, li:first-letter, p:first-line, div:first-line, blockquote:first-line, li:first-line { color: #000 !important; background: transparent !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; } pre { white-space: pre-wrap !important; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } }