@charset "UTF-8"; @import url("https://fonts.googleapis.com/css?family=Lato:400,700|Roboto:400,500,700&subset=cyrillic"); @font-face { font-family: "iconfont"; src: url("../fonts/iconfont.eot"); src: url("../fonts/iconfont.eot?#iefix") format("embedded-opentype"), url("../fonts/iconfont/iconfont.woff") format("woff"), url("../fonts/iconfont/iconfont.woff2") format("woff2"), url("../fonts/iconfont/iconfont.ttf") format("truetype"), url("../fonts/iconfont/iconfont.svg#iconfont") format("svg"); font-weight: normal; font-style: normal; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { border: 0; font: inherit; font-size: 100%; margin: 0; padding: 0; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } iframe { max-width: 100%; } ol, ul { list-style-type: none; } b, strong { font-weight: 500; } * { -webkit-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; } .clearfix::after { clear: both; content: ''; display: table; } html { font-family: "Roboto" , "Arial" , sans-serif; font-size: 1rem; background: #f1f5f8 url("../img/bg.jpg") 50% 0 no-repeat; color: #000000; line-height: 1.15; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; } @media all and (max-width: 479px) { html { font-size: 3.33vw; } } @media all and (min-width: 480px) and (max-width: 639px) { html { font-size: 3.33vw; } } @media all and (min-width: 640px) and (max-width: 767px) { html { font-size: 2.5vw; } } @media all and (min-width: 768px) and (max-width: 1023px) { html { font-size: 2.08vw; } } @media all and (min-width: 1024px) and (max-width: 1365px) { html { font-size: 1.5625vw; } } @media all and (min-width: 1366px) { html { font-size: 1rem; } } fieldset { border: 0; margin: 0; min-width: 0; padding: 0; } input:hover, input:focus { outline: none; } textarea { height: auto; min-height: 6.25rem; resize: none; } textarea:hover, textarea:focus { outline: none; } select { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; } select:hover, select:focus { outline: none; } button { background: transparent; border: 0; border-radius: 0; line-height: 1; padding: 0; } h1 + *, h2 + *, h3 + * { margin-top: 1.25rem; } h1 { font: 700 2.625rem "Lato" , "Arial" , sans-serif; } h2 { font: 700 2rem "Lato" , "Arial" , sans-serif; } h3 { font: 700 0.875rem "Lato" , "Arial" , sans-serif; text-transform: uppercase; } img { border: 0; height: auto; max-width: 100%; opacity: 1; outline: none; position: relative; vertical-align: top; } a { -webkit-transition: all 0.15s ease-in 0s; transition: all 0.15s ease-in 0s; cursor: pointer; outline: none; } a:link { color: #1a1a1a; text-decoration: none; } a:visited { color: #1a1a1a; text-decoration: none; } a:hover { color: #3283d3; text-decoration: underline; } a:active { color: #3283d3; text-decoration: underline; } p { line-height: 1.4; } p + * { margin-top: 1.5rem; } table { border-collapse: collapse; table-layout: fixed; width: 100%; } thead { text-align: left; } th { vertical-align: top; } /* --- name: Iconfont category: library/iconfont tag: - all - icons --- List of all icons used in project.
Icon Mixin to include Css class
@include icon(angle-up) .icon-angle-up
@include icon(arrow-right) .icon-arrow-right
@include icon(arrow-up) .icon-arrow-up
@include icon(bars) .icon-bars
@include icon(calculator) .icon-calculator
@include icon(calendar-alt) .icon-calendar-alt
@include icon(caret-right) .icon-caret-right
@include icon(chart-bar) .icon-chart-bar
@include icon(close-bold) .icon-close-bold
@include icon(dot-circle) .icon-dot-circle
@include icon(envelope) .icon-envelope
@include icon(fax) .icon-fax
@include icon(file-alt) .icon-file-alt
@include icon(hand-holding-heart) .icon-hand-holding-heart
@include icon(hospital-symbol) .icon-hospital-symbol
@include icon(key) .icon-key
@include icon(map-marker-alt) .icon-map-marker-alt
@include icon(newspaper-1) .icon-newspaper-1
@include icon(newspaper-folded) .icon-newspaper-folded
@include icon(newspaper) .icon-newspaper
@include icon(notice-icon) .icon-notice-icon
@include icon(phone) .icon-phone
@include icon(question-circle) .icon-question-circle
@include icon(reload) .icon-reload
@include icon(search) .icon-search
@include icon(sign-in-alt) .icon-sign-in-alt
@include icon(times) .icon-times
@include icon(university) .icon-university
@include icon(user-plus) .icon-user-plus
@include icon(user-tie) .icon-user-tie
@include icon(user) .icon-user
*/ .icon-angle-up:before { display: inline-block; font-family: "iconfont"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1rem; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; speak: none; text-decoration: none; text-transform: none; vertical-align: baseline; content: ""; } .icon-arrow-right:before { display: inline-block; font-family: "iconfont"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1rem; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; speak: none; text-decoration: none; text-transform: none; vertical-align: baseline; content: ""; } .icon-arrow-up:before { display: inline-block; font-family: "iconfont"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1rem; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; speak: none; text-decoration: none; text-transform: none; vertical-align: baseline; content: ""; } .icon-bars:before { display: inline-block; font-family: "iconfont"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1rem; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; speak: none; text-decoration: none; text-transform: none; vertical-align: baseline; content: ""; } .icon-calculator:before { display: inline-block; font-family: "iconfont"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1rem; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; speak: none; text-decoration: none; text-transform: none; vertical-align: baseline; content: ""; } .icon-calendar-alt:before { display: inline-block; font-family: "iconfont"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1rem; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; speak: none; text-decoration: none; text-transform: none; vertical-align: baseline; content: ""; } .icon-caret-right:before { display: inline-block; font-family: "iconfont"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1rem; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; speak: none; text-decoration: none; text-transform: none; vertical-align: baseline; content: ""; } .icon-chart-bar:before { display: inline-block; font-family: "iconfont"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1rem; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; speak: none; text-decoration: none; text-transform: none; vertical-align: baseline; content: ""; } .icon-close-bold:before { display: inline-block; font-family: "iconfont"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1rem; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; speak: none; text-decoration: none; text-transform: none; vertical-align: baseline; content: ""; } .icon-dot-circle:before { display: inline-block; font-family: "iconfont"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1rem; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; speak: none; text-decoration: none; text-transform: none; vertical-align: baseline; content: ""; } .icon-envelope:before { display: inline-block; font-family: "iconfont"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1rem; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; speak: none; text-decoration: none; text-transform: none; vertical-align: baseline; content: ""; } .icon-fax:before { display: inline-block; font-family: "iconfont"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1rem; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; speak: none; text-decoration: none; text-transform: none; vertical-align: baseline; content: ""; } .icon-file-alt:before { display: inline-block; font-family: "iconfont"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1rem; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; speak: none; text-decoration: none; text-transform: none; vertical-align: baseline; content: ""; } .icon-hand-holding-heart:before { display: inline-block; font-family: "iconfont"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1rem; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; speak: none; text-decoration: none; text-transform: none; vertical-align: baseline; content: ""; } .icon-hospital-symbol:before { display: inline-block; font-family: "iconfont"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1rem; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; speak: none; text-decoration: none; text-transform: none; vertical-align: baseline; content: ""; } .icon-key:before { display: inline-block; font-family: "iconfont"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1rem; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; speak: none; text-decoration: none; text-transform: none; vertical-align: baseline; content: ""; } .icon-map-marker-alt:before { display: inline-block; font-family: "iconfont"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1rem; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; speak: none; text-decoration: none; text-transform: none; vertical-align: baseline; content: ""; } .icon-newspaper-1:before { display: inline-block; font-family: "iconfont"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1rem; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; speak: none; text-decoration: none; text-transform: none; vertical-align: baseline; content: ""; } .icon-newspaper-folded:before { display: inline-block; font-family: "iconfont"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1rem; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; speak: none; text-decoration: none; text-transform: none; vertical-align: baseline; content: ""; } .icon-newspaper:before { display: inline-block; font-family: "iconfont"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1rem; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; speak: none; text-decoration: none; text-transform: none; vertical-align: baseline; content: ""; } .icon-notice-icon:before { display: inline-block; font-family: "iconfont"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1rem; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; speak: none; text-decoration: none; text-transform: none; vertical-align: baseline; content: ""; } .icon-phone:before { display: inline-block; font-family: "iconfont"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1rem; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; speak: none; text-decoration: none; text-transform: none; vertical-align: baseline; content: ""; } .icon-question-circle:before { display: inline-block; font-family: "iconfont"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1rem; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; speak: none; text-decoration: none; text-transform: none; vertical-align: baseline; content: ""; } .icon-reload:before { display: inline-block; font-family: "iconfont"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1rem; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; speak: none; text-decoration: none; text-transform: none; vertical-align: baseline; content: ""; } .icon-search:before { display: inline-block; font-family: "iconfont"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1rem; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; speak: none; text-decoration: none; text-transform: none; vertical-align: baseline; content: ""; } .icon-sign-in-alt:before { display: inline-block; font-family: "iconfont"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1rem; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; speak: none; text-decoration: none; text-transform: none; vertical-align: baseline; content: ""; } .icon-times:before { display: inline-block; font-family: "iconfont"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1rem; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; speak: none; text-decoration: none; text-transform: none; vertical-align: baseline; content: ""; } .icon-university:before { display: inline-block; font-family: "iconfont"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1rem; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; speak: none; text-decoration: none; text-transform: none; vertical-align: baseline; content: ""; } .icon-user-plus:before { display: inline-block; font-family: "iconfont"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1rem; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; speak: none; text-decoration: none; text-transform: none; vertical-align: baseline; content: ""; } .icon-user-tie:before { display: inline-block; font-family: "iconfont"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1rem; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; speak: none; text-decoration: none; text-transform: none; vertical-align: baseline; content: ""; } .icon-user:before { display: inline-block; font-family: "iconfont"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1rem; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; speak: none; text-decoration: none; text-transform: none; vertical-align: baseline; content: ""; } /* --- name: Grid category: library/grid --- Custom grid framework. Consists of 12 columns. .grid - class for columns container. .col-1 to .col-12 - classes for each separate column. .col-1-small - add mediaquery at the end if you need different width for different devices. One .grid - should contain not more than 12 columns in total. ```html
This column width is equal 5 columns from 12
This column width is equal 5 columns from 12
This column width is equal 2 columns from 12
``` .col-1-push - '-push' used to add left margin. ```html
This column width is equal 8 columns from 12
This column width is equal 2 columns from 12 and has 2 columns margin left
``` */ .grid { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; box-align: flex-start; box-orient: horizontal; box-direction: normal; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin: 0 auto; max-width: 73.125rem; padding: 0rem 0.9375rem; width: 100%; } .grid .grid { margin: 0 -0rem 0.9375rem; min-width: 0; padding: 0; width: auto; } .col-0 { -webkit-transition: width 0.15s ease-in 0s; transition: width 0.15s ease-in 0s; min-height: 1px; padding: 0rem 0.9375rem; width: 0%; } @media all and (max-width: 479px) { .col-0-small { min-height: 1px; padding: 0rem 0.9375rem; width: 0%; } } @media all and (min-width: 480px) and (max-width: 639px) { .col-0-medium { min-height: 1px; padding: 0rem 0.9375rem; width: 0%; } } @media all and (min-width: 640px) and (max-width: 767px) { .col-0-large { min-height: 1px; padding: 0rem 0.9375rem; width: 0%; } } @media all and (min-width: 768px) and (max-width: 1023px) { .col-0-extra-large { min-height: 1px; padding: 0rem 0.9375rem; width: 0%; } } @media all and (min-width: 1024px) and (max-width: 1365px) { .col-0-wide { min-height: 1px; padding: 0rem 0.9375rem; width: 0%; } } @media all and (min-width: 1366px) { .col-0-extra-wide { min-height: 1px; padding: 0rem 0.9375rem; width: 0%; } } .col-0-push { margin-left: 0%; } @media all and (max-width: 479px) { .col-0-push-small { margin-left: 0%; } } @media all and (min-width: 480px) and (max-width: 639px) { .col-0-push-medium { margin-left: 0%; } } @media all and (min-width: 640px) and (max-width: 767px) { .col-0-push-large { margin-left: 0%; } } @media all and (min-width: 768px) and (max-width: 1023px) { .col-0-push-extra-large { margin-left: 0%; } } @media all and (min-width: 1024px) and (max-width: 1365px) { .col-0-push-wide { margin-left: 0%; } } @media all and (min-width: 1366px) { .col-0-push-extra-wide { margin-left: 0%; } } .col-1 { -webkit-transition: width 0.15s ease-in 0s; transition: width 0.15s ease-in 0s; min-height: 1px; padding: 0rem 0.9375rem; width: 8.33333%; } @media all and (max-width: 479px) { .col-1-small { min-height: 1px; padding: 0rem 0.9375rem; width: 8.33333%; } } @media all and (min-width: 480px) and (max-width: 639px) { .col-1-medium { min-height: 1px; padding: 0rem 0.9375rem; width: 8.33333%; } } @media all and (min-width: 640px) and (max-width: 767px) { .col-1-large { min-height: 1px; padding: 0rem 0.9375rem; width: 8.33333%; } } @media all and (min-width: 768px) and (max-width: 1023px) { .col-1-extra-large { min-height: 1px; padding: 0rem 0.9375rem; width: 8.33333%; } } @media all and (min-width: 1024px) and (max-width: 1365px) { .col-1-wide { min-height: 1px; padding: 0rem 0.9375rem; width: 8.33333%; } } @media all and (min-width: 1366px) { .col-1-extra-wide { min-height: 1px; padding: 0rem 0.9375rem; width: 8.33333%; } } .col-1-push { margin-left: 8.33333%; } @media all and (max-width: 479px) { .col-1-push-small { margin-left: 8.33333%; } } @media all and (min-width: 480px) and (max-width: 639px) { .col-1-push-medium { margin-left: 8.33333%; } } @media all and (min-width: 640px) and (max-width: 767px) { .col-1-push-large { margin-left: 8.33333%; } } @media all and (min-width: 768px) and (max-width: 1023px) { .col-1-push-extra-large { margin-left: 8.33333%; } } @media all and (min-width: 1024px) and (max-width: 1365px) { .col-1-push-wide { margin-left: 8.33333%; } } @media all and (min-width: 1366px) { .col-1-push-extra-wide { margin-left: 8.33333%; } } .col-2 { -webkit-transition: width 0.15s ease-in 0s; transition: width 0.15s ease-in 0s; min-height: 1px; padding: 0rem 0.9375rem; width: 16.66667%; } @media all and (max-width: 479px) { .col-2-small { min-height: 1px; padding: 0rem 0.9375rem; width: 16.66667%; } } @media all and (min-width: 480px) and (max-width: 639px) { .col-2-medium { min-height: 1px; padding: 0rem 0.9375rem; width: 16.66667%; } } @media all and (min-width: 640px) and (max-width: 767px) { .col-2-large { min-height: 1px; padding: 0rem 0.9375rem; width: 16.66667%; } } @media all and (min-width: 768px) and (max-width: 1023px) { .col-2-extra-large { min-height: 1px; padding: 0rem 0.9375rem; width: 16.66667%; } } @media all and (min-width: 1024px) and (max-width: 1365px) { .col-2-wide { min-height: 1px; padding: 0rem 0.9375rem; width: 16.66667%; } } @media all and (min-width: 1366px) { .col-2-extra-wide { min-height: 1px; padding: 0rem 0.9375rem; width: 16.66667%; } } .col-2-push { margin-left: 16.66667%; } @media all and (max-width: 479px) { .col-2-push-small { margin-left: 16.66667%; } } @media all and (min-width: 480px) and (max-width: 639px) { .col-2-push-medium { margin-left: 16.66667%; } } @media all and (min-width: 640px) and (max-width: 767px) { .col-2-push-large { margin-left: 16.66667%; } } @media all and (min-width: 768px) and (max-width: 1023px) { .col-2-push-extra-large { margin-left: 16.66667%; } } @media all and (min-width: 1024px) and (max-width: 1365px) { .col-2-push-wide { margin-left: 16.66667%; } } @media all and (min-width: 1366px) { .col-2-push-extra-wide { margin-left: 16.66667%; } } .col-3 { -webkit-transition: width 0.15s ease-in 0s; transition: width 0.15s ease-in 0s; min-height: 1px; padding: 0rem 0.9375rem; width: 25%; } @media all and (max-width: 479px) { .col-3-small { min-height: 1px; padding: 0rem 0.9375rem; width: 25%; } } @media all and (min-width: 480px) and (max-width: 639px) { .col-3-medium { min-height: 1px; padding: 0rem 0.9375rem; width: 25%; } } @media all and (min-width: 640px) and (max-width: 767px) { .col-3-large { min-height: 1px; padding: 0rem 0.9375rem; width: 25%; } } @media all and (min-width: 768px) and (max-width: 1023px) { .col-3-extra-large { min-height: 1px; padding: 0rem 0.9375rem; width: 25%; } } @media all and (min-width: 1024px) and (max-width: 1365px) { .col-3-wide { min-height: 1px; padding: 0rem 0.9375rem; width: 25%; } } @media all and (min-width: 1366px) { .col-3-extra-wide { min-height: 1px; padding: 0rem 0.9375rem; width: 25%; } } .col-3-push { margin-left: 25%; } @media all and (max-width: 479px) { .col-3-push-small { margin-left: 25%; } } @media all and (min-width: 480px) and (max-width: 639px) { .col-3-push-medium { margin-left: 25%; } } @media all and (min-width: 640px) and (max-width: 767px) { .col-3-push-large { margin-left: 25%; } } @media all and (min-width: 768px) and (max-width: 1023px) { .col-3-push-extra-large { margin-left: 25%; } } @media all and (min-width: 1024px) and (max-width: 1365px) { .col-3-push-wide { margin-left: 25%; } } @media all and (min-width: 1366px) { .col-3-push-extra-wide { margin-left: 25%; } } .col-4 { -webkit-transition: width 0.15s ease-in 0s; transition: width 0.15s ease-in 0s; min-height: 1px; padding: 0rem 0.9375rem; width: 33.33333%; } @media all and (max-width: 479px) { .col-4-small { min-height: 1px; padding: 0rem 0.9375rem; width: 33.33333%; } } @media all and (min-width: 480px) and (max-width: 639px) { .col-4-medium { min-height: 1px; padding: 0rem 0.9375rem; width: 33.33333%; } } @media all and (min-width: 640px) and (max-width: 767px) { .col-4-large { min-height: 1px; padding: 0rem 0.9375rem; width: 33.33333%; } } @media all and (min-width: 768px) and (max-width: 1023px) { .col-4-extra-large { min-height: 1px; padding: 0rem 0.9375rem; width: 33.33333%; } } @media all and (min-width: 1024px) and (max-width: 1365px) { .col-4-wide { min-height: 1px; padding: 0rem 0.9375rem; width: 33.33333%; } } @media all and (min-width: 1366px) { .col-4-extra-wide { min-height: 1px; padding: 0rem 0.9375rem; width: 33.33333%; } } .col-4-push { margin-left: 33.33333%; } @media all and (max-width: 479px) { .col-4-push-small { margin-left: 33.33333%; } } @media all and (min-width: 480px) and (max-width: 639px) { .col-4-push-medium { margin-left: 33.33333%; } } @media all and (min-width: 640px) and (max-width: 767px) { .col-4-push-large { margin-left: 33.33333%; } } @media all and (min-width: 768px) and (max-width: 1023px) { .col-4-push-extra-large { margin-left: 33.33333%; } } @media all and (min-width: 1024px) and (max-width: 1365px) { .col-4-push-wide { margin-left: 33.33333%; } } @media all and (min-width: 1366px) { .col-4-push-extra-wide { margin-left: 33.33333%; } } .col-5 { -webkit-transition: width 0.15s ease-in 0s; transition: width 0.15s ease-in 0s; min-height: 1px; padding: 0rem 0.9375rem; width: 41.66667%; } @media all and (max-width: 479px) { .col-5-small { min-height: 1px; padding: 0rem 0.9375rem; width: 41.66667%; } } @media all and (min-width: 480px) and (max-width: 639px) { .col-5-medium { min-height: 1px; padding: 0rem 0.9375rem; width: 41.66667%; } } @media all and (min-width: 640px) and (max-width: 767px) { .col-5-large { min-height: 1px; padding: 0rem 0.9375rem; width: 41.66667%; } } @media all and (min-width: 768px) and (max-width: 1023px) { .col-5-extra-large { min-height: 1px; padding: 0rem 0.9375rem; width: 41.66667%; } } @media all and (min-width: 1024px) and (max-width: 1365px) { .col-5-wide { min-height: 1px; padding: 0rem 0.9375rem; width: 41.66667%; } } @media all and (min-width: 1366px) { .col-5-extra-wide { min-height: 1px; padding: 0rem 0.9375rem; width: 41.66667%; } } .col-5-push { margin-left: 41.66667%; } @media all and (max-width: 479px) { .col-5-push-small { margin-left: 41.66667%; } } @media all and (min-width: 480px) and (max-width: 639px) { .col-5-push-medium { margin-left: 41.66667%; } } @media all and (min-width: 640px) and (max-width: 767px) { .col-5-push-large { margin-left: 41.66667%; } } @media all and (min-width: 768px) and (max-width: 1023px) { .col-5-push-extra-large { margin-left: 41.66667%; } } @media all and (min-width: 1024px) and (max-width: 1365px) { .col-5-push-wide { margin-left: 41.66667%; } } @media all and (min-width: 1366px) { .col-5-push-extra-wide { margin-left: 41.66667%; } } .col-6 { -webkit-transition: width 0.15s ease-in 0s; transition: width 0.15s ease-in 0s; min-height: 1px; padding: 0rem 0.9375rem; width: 50%; } @media all and (max-width: 479px) { .col-6-small { min-height: 1px; padding: 0rem 0.9375rem; width: 50%; } } @media all and (min-width: 480px) and (max-width: 639px) { .col-6-medium { min-height: 1px; padding: 0rem 0.9375rem; width: 50%; } } @media all and (min-width: 640px) and (max-width: 767px) { .col-6-large { min-height: 1px; padding: 0rem 0.9375rem; width: 50%; } } @media all and (min-width: 768px) and (max-width: 1023px) { .col-6-extra-large { min-height: 1px; padding: 0rem 0.9375rem; width: 50%; } } @media all and (min-width: 1024px) and (max-width: 1365px) { .col-6-wide { min-height: 1px; padding: 0rem 0.9375rem; width: 50%; } } @media all and (min-width: 1366px) { .col-6-extra-wide { min-height: 1px; padding: 0rem 0.9375rem; width: 50%; } } .col-6-push { margin-left: 50%; } @media all and (max-width: 479px) { .col-6-push-small { margin-left: 50%; } } @media all and (min-width: 480px) and (max-width: 639px) { .col-6-push-medium { margin-left: 50%; } } @media all and (min-width: 640px) and (max-width: 767px) { .col-6-push-large { margin-left: 50%; } } @media all and (min-width: 768px) and (max-width: 1023px) { .col-6-push-extra-large { margin-left: 50%; } } @media all and (min-width: 1024px) and (max-width: 1365px) { .col-6-push-wide { margin-left: 50%; } } @media all and (min-width: 1366px) { .col-6-push-extra-wide { margin-left: 50%; } } .col-7 { -webkit-transition: width 0.15s ease-in 0s; transition: width 0.15s ease-in 0s; min-height: 1px; padding: 0rem 0.9375rem; width: 58.33333%; } @media all and (max-width: 479px) { .col-7-small { min-height: 1px; padding: 0rem 0.9375rem; width: 58.33333%; } } @media all and (min-width: 480px) and (max-width: 639px) { .col-7-medium { min-height: 1px; padding: 0rem 0.9375rem; width: 58.33333%; } } @media all and (min-width: 640px) and (max-width: 767px) { .col-7-large { min-height: 1px; padding: 0rem 0.9375rem; width: 58.33333%; } } @media all and (min-width: 768px) and (max-width: 1023px) { .col-7-extra-large { min-height: 1px; padding: 0rem 0.9375rem; width: 58.33333%; } } @media all and (min-width: 1024px) and (max-width: 1365px) { .col-7-wide { min-height: 1px; padding: 0rem 0.9375rem; width: 58.33333%; } } @media all and (min-width: 1366px) { .col-7-extra-wide { min-height: 1px; padding: 0rem 0.9375rem; width: 58.33333%; } } .col-7-push { margin-left: 58.33333%; } @media all and (max-width: 479px) { .col-7-push-small { margin-left: 58.33333%; } } @media all and (min-width: 480px) and (max-width: 639px) { .col-7-push-medium { margin-left: 58.33333%; } } @media all and (min-width: 640px) and (max-width: 767px) { .col-7-push-large { margin-left: 58.33333%; } } @media all and (min-width: 768px) and (max-width: 1023px) { .col-7-push-extra-large { margin-left: 58.33333%; } } @media all and (min-width: 1024px) and (max-width: 1365px) { .col-7-push-wide { margin-left: 58.33333%; } } @media all and (min-width: 1366px) { .col-7-push-extra-wide { margin-left: 58.33333%; } } .col-8 { -webkit-transition: width 0.15s ease-in 0s; transition: width 0.15s ease-in 0s; min-height: 1px; padding: 0rem 0.9375rem; width: 66.66667%; } @media all and (max-width: 479px) { .col-8-small { min-height: 1px; padding: 0rem 0.9375rem; width: 66.66667%; } } @media all and (min-width: 480px) and (max-width: 639px) { .col-8-medium { min-height: 1px; padding: 0rem 0.9375rem; width: 66.66667%; } } @media all and (min-width: 640px) and (max-width: 767px) { .col-8-large { min-height: 1px; padding: 0rem 0.9375rem; width: 66.66667%; } } @media all and (min-width: 768px) and (max-width: 1023px) { .col-8-extra-large { min-height: 1px; padding: 0rem 0.9375rem; width: 66.66667%; } } @media all and (min-width: 1024px) and (max-width: 1365px) { .col-8-wide { min-height: 1px; padding: 0rem 0.9375rem; width: 66.66667%; } } @media all and (min-width: 1366px) { .col-8-extra-wide { min-height: 1px; padding: 0rem 0.9375rem; width: 66.66667%; } } .col-8-push { margin-left: 66.66667%; } @media all and (max-width: 479px) { .col-8-push-small { margin-left: 66.66667%; } } @media all and (min-width: 480px) and (max-width: 639px) { .col-8-push-medium { margin-left: 66.66667%; } } @media all and (min-width: 640px) and (max-width: 767px) { .col-8-push-large { margin-left: 66.66667%; } } @media all and (min-width: 768px) and (max-width: 1023px) { .col-8-push-extra-large { margin-left: 66.66667%; } } @media all and (min-width: 1024px) and (max-width: 1365px) { .col-8-push-wide { margin-left: 66.66667%; } } @media all and (min-width: 1366px) { .col-8-push-extra-wide { margin-left: 66.66667%; } } .col-9 { -webkit-transition: width 0.15s ease-in 0s; transition: width 0.15s ease-in 0s; min-height: 1px; padding: 0rem 0.9375rem; width: 75%; } @media all and (max-width: 479px) { .col-9-small { min-height: 1px; padding: 0rem 0.9375rem; width: 75%; } } @media all and (min-width: 480px) and (max-width: 639px) { .col-9-medium { min-height: 1px; padding: 0rem 0.9375rem; width: 75%; } } @media all and (min-width: 640px) and (max-width: 767px) { .col-9-large { min-height: 1px; padding: 0rem 0.9375rem; width: 75%; } } @media all and (min-width: 768px) and (max-width: 1023px) { .col-9-extra-large { min-height: 1px; padding: 0rem 0.9375rem; width: 75%; } } @media all and (min-width: 1024px) and (max-width: 1365px) { .col-9-wide { min-height: 1px; padding: 0rem 0.9375rem; width: 75%; } } @media all and (min-width: 1366px) { .col-9-extra-wide { min-height: 1px; padding: 0rem 0.9375rem; width: 75%; } } .col-9-push { margin-left: 75%; } @media all and (max-width: 479px) { .col-9-push-small { margin-left: 75%; } } @media all and (min-width: 480px) and (max-width: 639px) { .col-9-push-medium { margin-left: 75%; } } @media all and (min-width: 640px) and (max-width: 767px) { .col-9-push-large { margin-left: 75%; } } @media all and (min-width: 768px) and (max-width: 1023px) { .col-9-push-extra-large { margin-left: 75%; } } @media all and (min-width: 1024px) and (max-width: 1365px) { .col-9-push-wide { margin-left: 75%; } } @media all and (min-width: 1366px) { .col-9-push-extra-wide { margin-left: 75%; } } .col-10 { -webkit-transition: width 0.15s ease-in 0s; transition: width 0.15s ease-in 0s; min-height: 1px; padding: 0rem 0.9375rem; width: 83.33333%; } @media all and (max-width: 479px) { .col-10-small { min-height: 1px; padding: 0rem 0.9375rem; width: 83.33333%; } } @media all and (min-width: 480px) and (max-width: 639px) { .col-10-medium { min-height: 1px; padding: 0rem 0.9375rem; width: 83.33333%; } } @media all and (min-width: 640px) and (max-width: 767px) { .col-10-large { min-height: 1px; padding: 0rem 0.9375rem; width: 83.33333%; } } @media all and (min-width: 768px) and (max-width: 1023px) { .col-10-extra-large { min-height: 1px; padding: 0rem 0.9375rem; width: 83.33333%; } } @media all and (min-width: 1024px) and (max-width: 1365px) { .col-10-wide { min-height: 1px; padding: 0rem 0.9375rem; width: 83.33333%; } } @media all and (min-width: 1366px) { .col-10-extra-wide { min-height: 1px; padding: 0rem 0.9375rem; width: 83.33333%; } } .col-10-push { margin-left: 83.33333%; } @media all and (max-width: 479px) { .col-10-push-small { margin-left: 83.33333%; } } @media all and (min-width: 480px) and (max-width: 639px) { .col-10-push-medium { margin-left: 83.33333%; } } @media all and (min-width: 640px) and (max-width: 767px) { .col-10-push-large { margin-left: 83.33333%; } } @media all and (min-width: 768px) and (max-width: 1023px) { .col-10-push-extra-large { margin-left: 83.33333%; } } @media all and (min-width: 1024px) and (max-width: 1365px) { .col-10-push-wide { margin-left: 83.33333%; } } @media all and (min-width: 1366px) { .col-10-push-extra-wide { margin-left: 83.33333%; } } .col-11 { -webkit-transition: width 0.15s ease-in 0s; transition: width 0.15s ease-in 0s; min-height: 1px; padding: 0rem 0.9375rem; width: 91.66667%; } @media all and (max-width: 479px) { .col-11-small { min-height: 1px; padding: 0rem 0.9375rem; width: 91.66667%; } } @media all and (min-width: 480px) and (max-width: 639px) { .col-11-medium { min-height: 1px; padding: 0rem 0.9375rem; width: 91.66667%; } } @media all and (min-width: 640px) and (max-width: 767px) { .col-11-large { min-height: 1px; padding: 0rem 0.9375rem; width: 91.66667%; } } @media all and (min-width: 768px) and (max-width: 1023px) { .col-11-extra-large { min-height: 1px; padding: 0rem 0.9375rem; width: 91.66667%; } } @media all and (min-width: 1024px) and (max-width: 1365px) { .col-11-wide { min-height: 1px; padding: 0rem 0.9375rem; width: 91.66667%; } } @media all and (min-width: 1366px) { .col-11-extra-wide { min-height: 1px; padding: 0rem 0.9375rem; width: 91.66667%; } } .col-11-push { margin-left: 91.66667%; } @media all and (max-width: 479px) { .col-11-push-small { margin-left: 91.66667%; } } @media all and (min-width: 480px) and (max-width: 639px) { .col-11-push-medium { margin-left: 91.66667%; } } @media all and (min-width: 640px) and (max-width: 767px) { .col-11-push-large { margin-left: 91.66667%; } } @media all and (min-width: 768px) and (max-width: 1023px) { .col-11-push-extra-large { margin-left: 91.66667%; } } @media all and (min-width: 1024px) and (max-width: 1365px) { .col-11-push-wide { margin-left: 91.66667%; } } @media all and (min-width: 1366px) { .col-11-push-extra-wide { margin-left: 91.66667%; } } .col-12 { -webkit-transition: width 0.15s ease-in 0s; transition: width 0.15s ease-in 0s; min-height: 1px; padding: 0rem 0.9375rem; width: 100%; } @media all and (max-width: 479px) { .col-12-small { min-height: 1px; padding: 0rem 0.9375rem; width: 100%; } } @media all and (min-width: 480px) and (max-width: 639px) { .col-12-medium { min-height: 1px; padding: 0rem 0.9375rem; width: 100%; } } @media all and (min-width: 640px) and (max-width: 767px) { .col-12-large { min-height: 1px; padding: 0rem 0.9375rem; width: 100%; } } @media all and (min-width: 768px) and (max-width: 1023px) { .col-12-extra-large { min-height: 1px; padding: 0rem 0.9375rem; width: 100%; } } @media all and (min-width: 1024px) and (max-width: 1365px) { .col-12-wide { min-height: 1px; padding: 0rem 0.9375rem; width: 100%; } } @media all and (min-width: 1366px) { .col-12-extra-wide { min-height: 1px; padding: 0rem 0.9375rem; width: 100%; } } .col-12-push { margin-left: 100%; } @media all and (max-width: 479px) { .col-12-push-small { margin-left: 100%; } } @media all and (min-width: 480px) and (max-width: 639px) { .col-12-push-medium { margin-left: 100%; } } @media all and (min-width: 640px) and (max-width: 767px) { .col-12-push-large { margin-left: 100%; } } @media all and (min-width: 768px) and (max-width: 1023px) { .col-12-push-extra-large { margin-left: 100%; } } @media all and (min-width: 1024px) and (max-width: 1365px) { .col-12-push-wide { margin-left: 100%; } } @media all and (min-width: 1366px) { .col-12-push-extra-wide { margin-left: 100%; } } .slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; 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); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [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; } .h-bg-apple { background: #82b046; } .h-bg-bay-of-many { background: #374866; } .h-bg-botticelli { background: #95a3b1; } .h-bg-bunting { background: #2e394e; } .h-bg-canary { background: #eeff89; } .h-bg-cerulean-blue { background: #2c7dce; } .h-bg-cornflower-blue { background: #56a3f1; } .h-bg-curious-blue { background: #3785D0; } .h-bg-fiord { background: #55626e; } .h-bg-horizon { background: #657d95; } .h-bg-kashmir-blue { background: #597a96; } .h-bg-light-sky-blue { background: #86bff8; } .h-bg-lochmara { background: #3073b5; } .h-bg-maya-blue { background: #6db6ff; } .h-bg-midnight { background: #242e42; } .h-bg-nepal { background: #95acbc; } .h-bg-lavender { background: #ecf3fa; } .h-bg-olive-green { background: #a0b751; } .h-bg-pattens-blue { background: #dfe9f2; } .h-bg-picton-blue { background: #4289d1; } .h-bg-royal-blue { background: #3283d3; } .h-bg-salmon { background: #f97e76; } .h-bg-solitude-dark { background: #dfe5e9; } .h-bg-solitude { background: #f1f5f8; } .h-bg-very-light-grey { background: #cccccc; } .h-bg-wedgewood { background: #486580; } .h-bg-white { background: #ffffff; } .h-bg-witch-haze { background: #eef976; } .h-bg-border-focus { background: #000000; } .h-bg-border-hover { background: #919496; } .h-bg-border { background: #cccccc; } .h-bg-error { background: #e60000; } .h-bg-link-hover { background: #3283d3; } .h-bg-link { background: #1a1a1a; } .h-bg-primary { background: #000000; } .h-color-apple { color: #82b046; } .h-color-bay-of-many { color: #374866; } .h-color-botticelli { color: #95a3b1; } .h-color-bunting { color: #2e394e; } .h-color-canary { color: #eeff89; } .h-color-cerulean-blue { color: #2c7dce; } .h-color-cornflower-blue { color: #56a3f1; } .h-color-curious-blue { color: #3785D0; } .h-color-fiord { color: #55626e; } .h-color-horizon { color: #657d95; } .h-color-kashmir-blue { color: #597a96; } .h-color-light-sky-blue { color: #86bff8; } .h-color-lochmara { color: #3073b5; } .h-color-maya-blue { color: #6db6ff; } .h-color-midnight { color: #242e42; } .h-color-nepal { color: #95acbc; } .h-color-lavender { color: #ecf3fa; } .h-color-olive-green { color: #a0b751; } .h-color-pattens-blue { color: #dfe9f2; } .h-color-picton-blue { color: #4289d1; } .h-color-royal-blue { color: #3283d3; } .h-color-salmon { color: #f97e76; } .h-color-solitude-dark { color: #dfe5e9; } .h-color-solitude { color: #f1f5f8; } .h-color-very-light-grey { color: #cccccc; } .h-color-wedgewood { color: #486580; } .h-color-white { color: #ffffff; } .h-color-witch-haze { color: #eef976; } .h-color-border-focus { color: #000000; } .h-color-border-hover { color: #919496; } .h-color-border { color: #cccccc; } .h-color-error { color: #e60000; } .h-color-link-hover { color: #3283d3; } .h-color-link { color: #1a1a1a; } .h-color-primary { color: #000000; } .h-text-left { text-align: left; } @media all and (max-width: 479px) { .h-text-left-small { text-align: left; } } @media all and (min-width: 480px) and (max-width: 639px) { .h-text-left-medium { text-align: left; } } @media all and (min-width: 640px) and (max-width: 767px) { .h-text-left-large { text-align: left; } } @media all and (min-width: 768px) and (max-width: 1023px) { .h-text-left-extra-large { text-align: left; } } @media all and (min-width: 1024px) and (max-width: 1365px) { .h-text-left-wide { text-align: left; } } @media all and (min-width: 1366px) { .h-text-left-extra-wide { text-align: left; } } .h-text-right { text-align: right; } @media all and (max-width: 479px) { .h-text-right-small { text-align: right; } } @media all and (min-width: 480px) and (max-width: 639px) { .h-text-right-medium { text-align: right; } } @media all and (min-width: 640px) and (max-width: 767px) { .h-text-right-large { text-align: right; } } @media all and (min-width: 768px) and (max-width: 1023px) { .h-text-right-extra-large { text-align: right; } } @media all and (min-width: 1024px) and (max-width: 1365px) { .h-text-right-wide { text-align: right; } } @media all and (min-width: 1366px) { .h-text-right-extra-wide { text-align: right; } } .h-text-center { text-align: center; } @media all and (max-width: 479px) { .h-text-center-small { text-align: center; } } @media all and (min-width: 480px) and (max-width: 639px) { .h-text-center-medium { text-align: center; } } @media all and (min-width: 640px) and (max-width: 767px) { .h-text-center-large { text-align: center; } } @media all and (min-width: 768px) and (max-width: 1023px) { .h-text-center-extra-large { text-align: center; } } @media all and (min-width: 1024px) and (max-width: 1365px) { .h-text-center-wide { text-align: center; } } @media all and (min-width: 1366px) { .h-text-center-extra-wide { text-align: center; } } .h-text-justify { text-align: justify; } @media all and (max-width: 479px) { .h-text-justify-small { text-align: justify; } } @media all and (min-width: 480px) and (max-width: 639px) { .h-text-justify-medium { text-align: justify; } } @media all and (min-width: 640px) and (max-width: 767px) { .h-text-justify-large { text-align: justify; } } @media all and (min-width: 768px) and (max-width: 1023px) { .h-text-justify-extra-large { text-align: justify; } } @media all and (min-width: 1024px) and (max-width: 1365px) { .h-text-justify-wide { text-align: justify; } } @media all and (min-width: 1366px) { .h-text-justify-extra-wide { text-align: justify; } } .h-hidden { display: none !important; } .h-hidden-small { display: block !important; } @media all and (max-width: 479px) { .h-hidden-small { display: none !important; } } .h-hidden-medium { display: block !important; } @media all and (min-width: 480px) and (max-width: 639px) { .h-hidden-medium { display: none !important; } } .h-hidden-large { display: block !important; } @media all and (min-width: 640px) and (max-width: 767px) { .h-hidden-large { display: none !important; } } .h-hidden-extra-large { display: block !important; } @media all and (min-width: 768px) and (max-width: 1023px) { .h-hidden-extra-large { display: none !important; } } .h-hidden-wide { display: block !important; } @media all and (min-width: 1024px) and (max-width: 1365px) { .h-hidden-wide { display: none !important; } } .h-hidden-extra-wide { display: block !important; } @media all and (min-width: 1366px) { .h-hidden-extra-wide { display: none !important; } } .h-visible { display: block; } .h-visible-small { display: none; } @media all and (max-width: 479px) { .h-visible-small { display: block; } } .h-visible-medium { display: none; } @media all and (min-width: 480px) and (max-width: 639px) { .h-visible-medium { display: block; } } .h-visible-large { display: none; } @media all and (min-width: 640px) and (max-width: 767px) { .h-visible-large { display: block; } } .h-visible-extra-large { display: none; } @media all and (min-width: 768px) and (max-width: 1023px) { .h-visible-extra-large { display: block; } } .h-visible-wide { display: none; } @media all and (min-width: 1024px) and (max-width: 1365px) { .h-visible-wide { display: block; } } .h-visible-extra-wide { display: none; } @media all and (min-width: 1366px) { .h-visible-extra-wide { display: block; } } .b-box { background: #ffffff; border-radius: 0.625rem; -webkit-box-shadow: 0 0 1.875rem #cccccc; box-shadow: 0 0 1.875rem #cccccc; padding: 0rem 1.875rem 1.5625rem; } @media all and (max-width: 479px) { .b-box { margin-top: 4.0625rem; } } @media all and (min-width: 480px) and (max-width: 639px) { .b-box { margin-top: 4.0625rem; } } @media all and (min-width: 640px) and (max-width: 767px) { .b-box { margin-top: 4.0625rem; } } @media all and (min-width: 768px) and (max-width: 1023px) { .b-box { margin-top: 4.0625rem; } } .b-box + .b-box { margin-top: 3.75rem; } .b-content .b-box { margin-top: 2.8125rem; margin-left: auto; margin-right: auto; } .b-box__title { background: #3283d3; border-radius: 0rem 0rem 0.3125rem 0.3125rem; color: #ffffff; height: 1.875rem; font: bold 0.875rem "Lato" , "Arial" , sans-serif; letter-spacing: 1px; margin: 0 1.25rem; padding: 0.375rem; text-transform: uppercase; text-align: center; } .b-box__subtitle { color: #486580; font-size: 1.25rem; line-height: 1.5; padding-top: 1.875rem; text-align: center; } .b-box__subtitle b { font-weight: bold; } .b-box__img { border-bottom: 1px dashed #f1f5f8; border-top: 1px dashed #f1f5f8; margin-top: 1.5625rem; padding: 1.5625rem 0rem; text-align: center; } .b-box__period { margin-top: 1.875rem; } .b-box__period h3 { text-align: center; } .b-box__form { text-align: center; } .b-box__form table { color: #486580; font-size: 0.75rem; margin: 0 auto; text-align: left; width: auto; } .b-box__form thead td { padding-left: 1.5rem; } .b-box__form td { padding: 0.4375rem 0.625rem; position: relative; } .b-box__form td:first-child { padding-right: 0; text-align: right; } .b-box__form td + td { width: 7.8125rem; } .b-box__form td + td:after { content: ''; display: inline-block; height: 0; width: 0; border-left: 0.3125rem solid transparent; border-right: 0.3125rem solid transparent; border-top: 0.3125rem solid #3283d3; position: absolute; right: 1.5625rem; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .b-box__form td + td + td { width: 6.25rem; } .b-box__form select { border: 1px solid #3283d3; border-radius: 2.1875rem; height: 2.1875rem; line-height: 2.1875rem; padding: 0rem 1.5625rem 0rem 0.8125rem; position: relative; } .b-box__form-link { display: inline-block; font: 500 0.875rem "Lato" , "Arial" , sans-serif; margin: 1.875rem 0rem 1.25rem; } .b-box__form-link:link { color: #3283d3; text-decoration: underline; } .b-box__form-link:visited { color: #3283d3; text-decoration: underline; } .b-box__form-link:hover { color: #242e42; text-decoration: none; } .b-box__form-link:active { color: #242e42; text-decoration: none; } .b-breadcrumbs { font-size: 0; padding: 0rem 0rem 1.5625rem; } .b-breadcrumbs__item { display: inline-block; position: relative; vertical-align: top; } .b-breadcrumbs__item:not(:first-child) { margin-left: 2.5rem; } .b-breadcrumbs__item:not(:first-child)::before { content: ''; display: inline-block; height: 0; width: 0; border-bottom: 0.3125rem solid transparent; border-left: 0.3125rem solid #3283d3; border-top: 0.3125rem solid transparent; left: -1.25rem; position: absolute; } .b-breadcrumbs__link { font-size: 0.75rem; font-weight: 700; text-transform: uppercase; } .b-breadcrumbs__link:link { color: #95acbc; text-decoration: none; } .b-breadcrumbs__link:visited { color: #95acbc; text-decoration: none; } .b-breadcrumbs__link:hover { color: #3283d3; text-decoration: none; } .b-breadcrumbs__link:active { color: #3283d3; text-decoration: none; } .b-breadcrumbs__link_active { pointer-events: none; } .b-breadcrumbs__link_active:link, .b-breadcrumbs__link_active { color: #3283d3; text-decoration: none; } .b-breadcrumbs__link_active:visited { color: #3283d3; text-decoration: none; } .b-breadcrumbs__link_active:hover { color: #3283d3; text-decoration: none; } .b-breadcrumbs__link_active:active { color: #3283d3; text-decoration: none; } .b-btn_login { background: #374866; border-radius: 1.5625rem; display: inline-block; font-size: 0.75rem; font-weight: 500; height: 1.625rem; line-height: 1.625rem; padding: 0rem 1.25rem 0rem 2.5rem; position: relative; vertical-align: middle; -webkit-transition: all 0.15s ease-in 0s; transition: all 0.15s ease-in 0s; border: 1px solid transparent; } .b-btn_login:link { color: #ffffff; text-decoration: none; } .b-btn_login:visited { color: #ffffff; text-decoration: none; } .b-btn_login:hover { color: #ffffff; text-decoration: none; } .b-btn_login:active { color: #ffffff; text-decoration: none; } .b-btn_login::before { left: 0.625rem; position: absolute; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .b-btn_login:before { display: inline-block; font-family: "iconfont"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1rem; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; speak: none; text-decoration: none; text-transform: none; vertical-align: baseline; content: ""; } .b-btn_login:hover { border: 1px solid #3283d3; -webkit-box-shadow: 0 0.3125rem 1.875rem rgba(50, 131, 211, 0.5); box-shadow: 0 0.3125rem 1.875rem rgba(50, 131, 211, 0.5); } .b-btn_login.no-icon {padding: 0rem 1.25rem 0rem 1.25rem;} .b-btn_login.no-icon::before {content: unset} .b-header__bottom-links .b-btn_login { margin-left: 1.5625rem; } .b-btn_register { background: #2c7dce; border-radius: 1.5625rem; display: inline-block; font-size: 0.75rem; font-weight: 500; height: 1.625rem; line-height: 1.625rem; padding: 0rem 1.25rem 0rem 2.5rem; position: relative; vertical-align: middle; border: 1px solid transparent; padding-left: 2.1875rem; } .b-btn_register:link { color: #ffffff; text-decoration: none; } .b-btn_register:visited { color: #ffffff; text-decoration: none; } .b-btn_register:hover { color: #ffffff; text-decoration: none; } .b-btn_register:active { color: #ffffff; text-decoration: none; } .b-btn_register::before { left: 0.625rem; position: absolute; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .b-btn_register:before { display: inline-block; font-family: "iconfont"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1rem; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; speak: none; text-decoration: none; text-transform: none; vertical-align: baseline; content: ""; } .b-btn_register:link { color: #ffffff; text-decoration: none; } .b-btn_register:visited { color: #ffffff; text-decoration: none; } .b-btn_register:hover { color: #ffffff; text-decoration: none; } .b-btn_register:active { color: #ffffff; text-decoration: none; } .b-btn_register:hover { border: 1px solid #56a3f1; -webkit-box-shadow: 0 0.3125rem 1.875rem rgba(50, 131, 211, 0.5); box-shadow: 0 0.3125rem 1.875rem rgba(50, 131, 211, 0.5); } .b-btn_register::before { font-size: 0.875rem; } .b-header__bottom-links .b-btn_register { margin-left: 1.625rem; } .b-btn_read-more { background: #4289d1; border-radius: 1.5625rem; display: inline-block; font-size: 0.75rem; font-weight: 500; height: 2.8125rem; line-height: 2.8125rem; padding: 0rem 1.25rem 0rem 2.5rem; position: relative; vertical-align: middle; -webkit-box-shadow: 0 0.625rem 1.25rem rgba(66, 137, 209, 0.5); box-shadow: 0 0.625rem 1.25rem rgba(66, 137, 209, 0.5); display: inline-block; font-size: 0.875rem; padding: 0rem 3.125rem 0rem 1.5625rem; margin-bottom: 1.25rem; margin-left: 0.4375rem; text-transform: uppercase; } .b-btn_read-more:link { color: #ffffff; text-decoration: none; } .b-btn_read-more:visited { color: #ffffff; text-decoration: none; } .b-btn_read-more:hover { color: #ffffff; text-decoration: none; } .b-btn_read-more:active { color: #ffffff; text-decoration: none; } .b-btn_read-more::before { left: 0.625rem; position: absolute; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .b-btn_read-more:after { display: inline-block; font-family: "iconfont"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1rem; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; speak: none; text-decoration: none; text-transform: none; vertical-align: baseline; content: ""; } .b-btn_read-more:link { color: #ffffff; text-decoration: none; } .b-btn_read-more:visited { color: #ffffff; text-decoration: none; } .b-btn_read-more:hover { color: #ffffff; text-decoration: none; } .b-btn_read-more:active { color: #ffffff; text-decoration: none; } .b-btn_read-more:hover { -webkit-box-shadow: 0 0.625rem 1.25rem rgba(66, 137, 209, 0.7); box-shadow: 0 0.625rem 1.25rem rgba(66, 137, 209, 0.7); } .b-btn_read-more::after { background: #f1f5f8; border-radius: 1.5625rem; -webkit-box-sizing: border-box; box-sizing: border-box; color: #4289d1; line-height: 1.5625rem; height: 1.5625rem; padding-left: 0.625rem; position: absolute; right: 0.9375rem; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); width: 1.5625rem; } .b-btn_come-back { background: #3283d3; border-radius: 1.5625rem; display: inline-block; font-size: 0.75rem; font-weight: 500; height: 2.8125rem; line-height: 2.8125rem; position: relative; vertical-align: middle; color: #ffffff; cursor: pointer; padding: 0rem 1.75rem; text-transform: uppercase; } .b-btn_come-back:link { color: #ffffff; text-decoration: none; } .b-btn_come-back:visited { color: #ffffff; text-decoration: none; } .b-btn_come-back:hover { color: #ffffff; text-decoration: none; } .b-btn_come-back:active { color: #ffffff; text-decoration: none; } .b-btn_come-back::before { left: 0.625rem; position: absolute; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .b-btn_come-back:link { color: #ffffff; text-decoration: none; } .b-btn_come-back:visited { color: #ffffff; text-decoration: none; } .b-btn_come-back:hover { color: #ffffff; text-decoration: none; } .b-btn_come-back:active { color: #ffffff; text-decoration: none; } .b-btn_come-back:hover { -webkit-box-shadow: 0 0 1.25rem rgba(66, 137, 209, 0.5); box-shadow: 0 0 1.25rem rgba(66, 137, 209, 0.5); } .b-box__form .b-btn_come-back { margin-top: 1.5625rem; } .b-carousel { position: relative; } .b-carousel .slick-arrow { -webkit-transition: all 0.15s ease-in 0s; transition: all 0.15s ease-in 0s; color: #3283d3; cursor: pointer; font-size: 0; position: absolute; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .b-carousel .slick-arrow:before { display: inline-block; font-family: "iconfont"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1rem; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; speak: none; text-decoration: none; text-transform: none; vertical-align: baseline; content: ""; } .b-carousel .slick-arrow:hover { opacity: 0.5; } .b-carousel .slick-arrow:focus { outline: none; } .b-carousel .slick-arrow::before { font-size: 1.625rem; } .b-carousel .slick-prev { left: -1.5625rem; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .b-carousel .slick-next { right: -1.5625rem; -webkit-transform: rotate(90deg); transform: rotate(90deg); } .b-carousel .slick-dots { font-size: 0; margin-top: 1.875rem; text-align: center; } .b-carousel .slick-dots li { display: inline-block; margin: 0 0.3125rem; } .b-carousel .slick-dots button { background: #657d95; border-radius: 0.625rem; cursor: pointer; display: inline-block; font-size: 0; height: 0.625rem; vertical-align: top; width: 0.625rem; } .b-carousel .slick-dots button:focus { outline: none; } .b-carousel .slick-dots .slick-active button { background: #3283d3; } .b-content { color: #597a96; } @media all and (max-width: 479px) { .b-content p { font-size: 0.875rem; } } @media all and (min-width: 480px) and (max-width: 639px) { .b-content p { font-size: 0.875rem; } } @media all and (min-width: 640px) and (max-width: 767px) { .b-content p { font-size: 0.875rem; } } @media all and (min-width: 768px) and (max-width: 1023px) { .b-content p { font-size: 0.875rem; } } .b-content__wrap { background: #f1f5f8; padding: 2.8125rem 0rem 0rem; } .b-content__title-hero, .welcome-page h1 { color: #3283d3; font-size: 2.625rem; } @media all and (min-width: 1024px) and (max-width: 1365px) { .b-content__title-hero, .welcome-page h1 { font-size: 4.5rem; } } @media all and (min-width: 1366px) { .b-content__title-hero, .welcome-page h1 { font-size: 4.5rem; } } .b-content__subtitle-hero { color: #486580; font-size: 2rem; } @media all and (min-width: 1024px) and (max-width: 1365px) { .b-content__subtitle-hero { font-size: 2.625rem; } } @media all and (min-width: 1366px) { .b-content__subtitle-hero { font-size: 2.625rem; } } .b-content__img { background: #ffffff; border: 0.625rem solid #ffffff; border-radius: 0.9375rem; -webkit-box-shadow: 0 0 1.25rem rgba(204, 204, 204, 0.8); box-shadow: 0 0 1.25rem rgba(204, 204, 204, 0.8); display: block; margin-bottom: 2.5rem; } .b-content__img img { width: 100%; } .b-content__img-msg { font: 1.25rem "Lato" , "Arial" , sans-serif; padding: 1.5625rem 0rem 1.25rem; position: relative; text-align: center; text-transform: uppercase; } .b-content__img-msg:before { display: inline-block; font-family: "iconfont"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1rem; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; speak: none; text-decoration: none; text-transform: none; vertical-align: baseline; content: ""; color: #3283d3; font-size: 1.5rem; margin: -0.25rem 1.25rem 0rem 0rem; vertical-align: middle; } .b-content__date { color: #597a96; font-size: 0.75rem; margin-bottom: 1.25rem; padding-left: 1.5625rem; position: relative; } .b-content__date:before { display: inline-block; font-family: "iconfont"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1rem; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; speak: none; text-decoration: none; text-transform: none; vertical-align: baseline; content: ""; } .b-content__date::before { color: #3283d3; left: 0; position: absolute; top: 0.125rem; } .b-content__date span { background: #dfe9f2; border-radius: 0.625rem; display: inline-block; margin-left: 0.3125rem; padding: 0.3125rem 0.625rem; } .b-content__list li { font-size: 0.875rem; font-style: italic; line-height: 1.4; padding-left: 1.5625rem; position: relative; } .b-content__list li:before { display: inline-block; font-family: "iconfont"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1rem; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; speak: none; text-decoration: none; text-transform: none; vertical-align: baseline; content: ""; } @media all and (min-width: 768px) and (max-width: 1023px) { .b-content__list li { font-size: 1rem; } } @media all and (min-width: 1024px) and (max-width: 1365px) { .b-content__list li { font-size: 1rem; } } @media all and (min-width: 1366px) { .b-content__list li { font-size: 1rem; } } .b-content__list li:not(:first-child) { margin-top: 0.9375rem; } .b-content__list li::before { color: #3283d3; font-size: 0.625rem; left: 0; position: absolute; top: 0.3125rem; } .b-content__table { border: 0.625rem solid #ffffff; border-radius: 0.625rem; color: #486580; font-size: 0.75rem; margin-top: 1.5rem; } .b-content__table thead { font-weight: 500; } .b-content__table thead tr:nth-child(odd) { background: #dfe5e9; } .b-content__table thead tr:first-child td { border-bottom: 1px solid #cccccc; } .b-content__table thead td { border-top: none; padding: 0.625rem 0.4375rem; } @media all and (min-width: 640px) and (max-width: 767px) { .b-content__table thead td { padding: 0.9375rem 0.3125rem; } } @media all and (min-width: 768px) and (max-width: 1023px) { .b-content__table thead td { padding: 1.25rem 0.3125rem; } } @media all and (min-width: 1024px) and (max-width: 1365px) { .b-content__table thead td { padding: 1.25rem 0.3125rem; } } @media all and (min-width: 1366px) { .b-content__table thead td { padding: 1.5625rem 0.625rem; } } .b-content__table thead td:first-child { padding-left: 0.4375rem; } @media all and (min-width: 640px) and (max-width: 767px) { .b-content__table thead td:first-child { padding-left: 0.9375rem; } } @media all and (min-width: 768px) and (max-width: 1023px) { .b-content__table thead td:first-child { padding-left: 1.25rem; } } @media all and (min-width: 1024px) and (max-width: 1365px) { .b-content__table thead td:first-child { padding-left: 1.25rem; } } @media all and (min-width: 1366px) { .b-content__table thead td:first-child { padding-left: 1.5625rem; } } .b-content__table tbody td:not(:first-child) { padding-left: 0; padding-right: 0; } .b-content__table tr:nth-child(odd) { background: #f1f5f8; } .b-content__table tr:nth-child(even) { background: #ffffff; } .b-content__table tr:not(:first-child) td { border-top: 1px solid #cccccc; } .b-content__table td { padding: 0.625rem 0.4375rem; vertical-align: middle; } @media all and (min-width: 640px) and (max-width: 767px) { .b-content__table td { padding: 0.9375rem; } } @media all and (min-width: 768px) and (max-width: 1023px) { .b-content__table td { padding: 0.9375rem 1.25rem; } } @media all and (min-width: 1024px) and (max-width: 1365px) { .b-content__table td { padding: 0.9375rem 1.25rem; } } @media all and (min-width: 1366px) { .b-content__table td { padding: 0.9375rem 1.5625rem; } } .b-content__table td:first-child { font-weight: 500; width: 24%; } @media all and (min-width: 640px) and (max-width: 767px) { .b-content__table td:first-child { width: 28%; } } @media all and (min-width: 768px) and (max-width: 1023px) { .b-content__table td:first-child { width: 30%; } } @media all and (min-width: 1024px) and (max-width: 1365px) { .b-content__table td:first-child { width: 30%; } } @media all and (min-width: 1366px) { .b-content__table td:first-child { width: 36%; } } .b-content__table td:not(:first-child) { border-left: 1px solid #cccccc; text-align: center; } .b-content__table a:link { color: #3283d3; text-decoration: none; } .b-content__table a:visited { color: #3283d3; text-decoration: none; } .b-content__table a:hover { color: #86bff8; text-decoration: none; } .b-content__table a:active { color: #86bff8; text-decoration: none; } .b-content__table i::before { font-size: 1.25rem; } .b-content__table .minus { color: #f97e76; } .b-content__table .plus { color: #a0b751; } .b-content__table_light { margin-top: 4.375rem; } .b-content__table_light tr { border-bottom: 1px solid #cccccc; } .b-content__table_light td { color: #486580; padding: 1.0625rem 0rem; } .b-content__table_light td:nth-child(odd) { font-weight: bold; } .b-content__info { font-style: italic; padding-left: 1.25rem; position: relative; } .b-content__info:before { display: inline-block; font-family: "iconfont"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1rem; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; speak: none; text-decoration: none; text-transform: none; vertical-align: baseline; content: ""; } .b-content__info::before { color: #3283d3; left: 0; position: absolute; top: 0.1875rem; } .b-content__library li + li { margin-top: 1.25rem; } .b-content__library-link { background: url("../img/pdf.png") 0 0 no-repeat; display: inline-block; line-height: 1.625rem; padding-left: 2.1875rem; } .b-content__library-link:link { color: #597a96; text-decoration: none; } .b-content__library-link:visited { color: #597a96; text-decoration: none; } .b-content__library-link:hover { color: #3283d3; text-decoration: underline; } .b-content__library-link:active { color: #3283d3; text-decoration: underline; } .b-404 { color: #597a96; text-align: center; } .b-404 img { margin-top: 5rem; } .b-404 h1 { margin-top: 2.5rem; } .b-footer { background: #242e42; color: #95a3b1; font-size: 0.75rem; margin-top: 5.625rem; position: relative; } .b-footer a {color: #95a3b1; text-decoration: none} .b-footer a:hover {color: #fff} @media all and (min-width: 768px) and (max-width: 1023px) { .b-footer { margin-top: 6.5625rem; } } @media all and (min-width: 1024px) and (max-width: 1365px) { .b-footer { margin-top: 6.5625rem; } } @media all and (min-width: 1366px) { .b-footer { margin-top: 6.5625rem; } } .b-footer__btt { left: 0; position: absolute; right: 0; text-align: right; top: -1.4375rem; } .b-footer__btt-btn { -webkit-transition: all 0.15s ease-in 0s; transition: all 0.15s ease-in 0s; background: #2c7dce; border-radius: 2.8125rem; color: #ffffff; cursor: pointer; display: inline-block; height: 2.8125rem; position: relative; vertical-align: top; width: 2.8125rem; } @media all and (min-width: 1024px) and (max-width: 1365px) { .b-footer__btt-btn:hover { -webkit-box-shadow: 0 0 1.875rem rgba(50, 131, 211, 0.6); box-shadow: 0 0 1.875rem rgba(50, 131, 211, 0.6); -webkit-transform: scale(1.1); transform: scale(1.1); } } @media all and (min-width: 1366px) { .b-footer__btt-btn:hover { -webkit-box-shadow: 0 0 1.875rem rgba(50, 131, 211, 0.6); box-shadow: 0 0 1.875rem rgba(50, 131, 211, 0.6); -webkit-transform: scale(1.1); transform: scale(1.1); } } .b-footer__btt-btn::before { left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .b-footer__top { padding: 2.5rem 0rem 0rem; } /*@media all and (min-width: 1024px) and (max-width: 1365px) { .b-footer__top [class^="col-"]:not(:first-child) { margin-left: 4%; } } @media all and (min-width: 1366px) { .b-footer__top [class^="col-"]:not(:first-child) { margin-left: 4%; } }*/ .b-footer__nav { padding-bottom: 2.8125rem; } .b-footer__nav::after { clear: both; content: ''; display: table; } .b-footer__nav-title { border-bottom: 1px solid #374866; color: #ffffff; font: bold 0.875rem "Lato" , "Arial" , sans-serif; margin-bottom: 1.6875rem; padding-bottom: 0.75rem; text-transform: uppercase; } .b-footer__nav-item { margin-top: 1.125rem; } .b-footer__nav-link:link { color: #95a3b1; text-decoration: none; } .b-footer__nav-link:visited { color: #95a3b1; text-decoration: none; } .b-footer__nav-link:hover { color: #ffffff; text-decoration: none; } .b-footer__nav-link:active { color: #ffffff; text-decoration: none; } .b-footer__nav-link:hover { position: relative; } .b-footer__nav-link:hover::before { content: ''; display: inline-block; height: 0; width: 0; border-bottom: 0.25rem solid transparent; border-left: 0.25rem solid #3283d3; border-top: 0.25rem solid transparent; position: absolute; left: -0.9375rem; top: 0.125rem; } .b-footer__nav-link_contact { display: inline-block; padding-left: 1.5625rem; position: relative; } .b-footer__nav-link_contact:hover::before { display: none; } .b-footer__nav-link_contact i { left: 0; position: absolute; top: 0; } .b-footer__nav-img { margin-bottom: 1.25rem; } @media all and (min-width: 1024px) and (max-width: 1365px) { .b-footer__nav-img { margin-top: 3.75rem; } } @media all and (min-width: 768px) and (max-width: 1023px) { .b-footer__nav-img { margin: 3.75rem 5rem 1.875rem 0; } } .b-footer__bottom { background: #2e394e; color: #ffffff; font-size: 0.75rem; font-weight: 500; height: 2.8125rem; line-height: 2.8125rem; text-align: center; } .b-header { position: relative; z-index: 1; } .b-header__top { background: #242e42; border-top: 0.5rem solid #3283d3; padding: 0.9375rem 0rem 1.4375rem; text-align: center; } @media all and (min-width: 768px) and (max-width: 1023px) { .b-header__top { padding-bottom: 0.9375rem; } .b-header__top::after { clear: both; content: ''; display: table; } } @media all and (min-width: 1024px) and (max-width: 1365px) { .b-header__top { padding-bottom: 0.9375rem; } .b-header__top::after { clear: both; content: ''; display: table; } } @media all and (min-width: 1366px) { .b-header__top { padding-bottom: 0.9375rem; } .b-header__top::after { clear: both; content: ''; display: table; } } @media all and (max-width: 479px) { .b-header__top-links { padding-bottom: 1.125rem; } } @media all and (min-width: 480px) and (max-width: 639px) { .b-header__top-links { padding-bottom: 1.125rem; } } @media all and (min-width: 640px) and (max-width: 767px) { .b-header__top-links { padding-bottom: 1.125rem; } } @media all and (min-width: 768px) and (max-width: 1023px) { .b-header__top-links { float: left; padding-top: 0.3125rem; } } @media all and (min-width: 1024px) and (max-width: 1365px) { .b-header__top-links { float: left; padding-top: 0.3125rem; } } @media all and (min-width: 1366px) { .b-header__top-links { float: left; padding-top: 0.3125rem; } } .b-header__top-link { font-size: 0.75rem; font-weight: 500; } .b-header__top-link:link { color: #ffffff; text-decoration: none; } .b-header__top-link:visited { color: #ffffff; text-decoration: none; } .b-header__top-link:hover { color: #3283d3; text-decoration: none; } .b-header__top-link:active { color: #3283d3; text-decoration: none; } .b-header__top-link:not(:first-child) { margin-left: 1.875rem; } .b-header__top-link i { display: inline-block; margin: 0rem 0.75rem -0.0625rem 0rem; vertical-align: middle; } .b-header__top-link i::before { font-size: 0.875rem; } @media all and (min-width: 768px) and (max-width: 1023px) { .b-header__bottom-links { float: right; } } @media all and (min-width: 1024px) and (max-width: 1365px) { .b-header__bottom-links { float: right; } } @media all and (min-width: 1366px) { .b-header__bottom-links { float: right; } } .b-header__bottom-link-flag { font-size: 0.75rem; font-weight: 500; } .b-header__bottom-link-flag:link { color: #ffffff; text-decoration: none; } .b-header__bottom-link-flag:visited { color: #ffffff; text-decoration: none; } .b-header__bottom-link-flag:hover { color: #3283d3; text-decoration: none; } .b-header__bottom-link-flag:active { color: #3283d3; text-decoration: none; } .b-header__bottom-link-flag + .b-header__bottom-link-flag { margin-left: 0.8125rem; } .b-header__bottom-link-flag img { margin-right: 0.625rem; vertical-align: middle; width: 0.9375rem; } .b-header-top__search { display: inline-block; margin-left: 0.3125rem; position: relative; vertical-align: middle; } .b-header-top__search > .icon-search { -webkit-transition: all 0.15s ease-in 0s; transition: all 0.15s ease-in 0s; color: #ffffff; cursor: pointer; display: inline-block; height: 1.5625rem; line-height: 1.5625rem; text-align: center; width: 1.5625rem; } .b-header-top__search > .icon-search:hover { color: #3283d3; } .b-header-top__search > .icon-search::before { font-size: 0.75rem; } .b-header-top__search-wrap { display: none; position: absolute; right: 0; top: 0; } .b-header-top__search-wrap i { color: #ffffff; } .b-header-top__search-wrap .icon-search { left: 0.6875rem; position: absolute; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .b-header-top__search-wrap .icon-search::before { font-size: 0.75rem; } .b-header-top__search-wrap .icon-close-bold { right: 0.6875rem; position: absolute; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .b-header-top__search-wrap .icon-close-bold::before { font-size: 0.625rem; } .b-header-top__search-input { background: #242e42; border-radius: 1.6875rem; border: 1px solid #3283d3; color: #ffffff; font-size: 0.75rem; font-weight: 500; height: 1.6875rem; padding: 0rem 1.875rem 0rem 2.125rem; width: 17.5rem; } .b-header-top__search-input::-webkit-input-placeholder { color: #ffffff; } .b-header-top__search-input:-moz-placeholder { color: #ffffff; opacity: 1; } .b-header-top__search-input::-moz-placeholder { color: #ffffff; opacity: 1; } .b-header-top__search-input:-ms-input-placeholder { color: #ffffff; } .b-header__nav { padding: 2.1875rem 0rem 2.1875rem; } @media all and (min-width: 640px) and (max-width: 767px) { .b-header__nav { padding-top: 3rem; } } @media all and (min-width: 768px) and (max-width: 1023px) { .b-header__nav { padding-top: 3rem; } } @media all and (min-width: 1024px) and (max-width: 1365px) { .b-header__nav { padding-top: 3rem; } } .b-header__logo { padding: 0rem 0.9375rem; width: 8.125rem; } @media all and (min-width: 640px) and (max-width: 767px) { .b-header__logo { margin: 0 auto; padding: 0; width: 6.25rem; } } .b-login-register { font-size: 0; position: relative; text-align: center; } @media all and (max-width: 479px) { .b-login-register { padding-top: 12.5rem; } } @media all and (min-width: 480px) and (max-width: 639px) { .b-login-register { padding-top: 12.5rem; } } @media all and (min-width: 640px) and (max-width: 767px) { .b-login-register { padding-top: 12.5rem; } } .b-login-register__btn { -webkit-transition: all 0.15s ease-in 0s; transition: all 0.15s ease-in 0s; cursor: pointer; display: inline-block; margin: 2.5rem 5% 0; position: relative; vertical-align: top; width: 9.375rem; } @media all and (min-width: 480px) and (max-width: 639px) { .b-login-register__btn { margin: 2.5rem 7% 0; } } @media all and (min-width: 640px) and (max-width: 767px) { .b-login-register__btn { margin: 2.5rem 7% 0; } } @media all and (min-width: 768px) and (max-width: 1023px) { .b-login-register__btn { margin: 0rem 0.3125%rem; } } @media all and (min-width: 1024px) and (max-width: 1365px) { .b-login-register__btn { margin: 0rem 0.3125%rem; } } @media all and (min-width: 1366px) { .b-login-register__btn { margin: 0rem 0.3125%rem; } } .b-login-register__btn:hover { -webkit-transform: scale(1.05); transform: scale(1.05); } @media all and (min-width: 768px) and (max-width: 1023px) { .b-login-register__btn:hover { -webkit-transform: scale(1.2); transform: scale(1.2); } } @media all and (min-width: 1024px) and (max-width: 1365px) { .b-login-register__btn:hover { -webkit-transform: scale(1.2); transform: scale(1.2); } } @media all and (min-width: 1366px) { .b-login-register__btn:hover { -webkit-transform: scale(1.2); transform: scale(1.2); } } .b-login-register__btn::after { background: #ffffff; border: 0.5625rem solid; border-radius: 3.75rem; color: #3283d3; height: 3.1875rem; position: absolute; right: -2.25rem; text-align: center; width: 3.1875rem; top: -2.25rem; } @media all and (max-width: 479px) { .b-login-register__btn::after { border: 0.4375rem solid; height: 2.1875rem; right: -0.375rem; top: -1.625rem; width: 2.1875rem; } } @media all and (min-width: 480px) and (max-width: 639px) { .b-login-register__btn::after { border: 0.4375rem solid; height: 2.1875rem; right: -0.375rem; top: -1.625rem; width: 2.1875rem; } } @media all and (min-width: 640px) and (max-width: 767px) { .b-login-register__btn::after { border: 0.4375rem solid; height: 2.1875rem; right: -0.375rem; top: -1.625rem; width: 2.1875rem; } } @media all and (max-width: 479px) { .b-login-register__btn:nth-child(2) { left: 50%; margin: 0; position: absolute; top: 0; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } } @media all and (min-width: 480px) and (max-width: 639px) { .b-login-register__btn:nth-child(2) { left: 50%; margin: 0; position: absolute; top: 0; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } } @media all and (min-width: 640px) and (max-width: 767px) { .b-login-register__btn:nth-child(2) { left: 50%; margin: 0; position: absolute; top: 0; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } } .b-login-register__btn-icon { background: #ffffff; border-radius: 1.25rem; -webkit-box-shadow: 0 0 1.25rem #3283d3; box-shadow: 0 0 1.25rem #3283d3; cursor: pointer; display: inline-block; height: 6.875rem; margin-bottom: 2.5rem; position: relative; width: 6.875rem; } @media all and (min-width: 768px) and (max-width: 1023px) { .b-login-register__btn-icon { height: 9.375rem; width: 9.375rem; } } @media all and (min-width: 1024px) and (max-width: 1365px) { .b-login-register__btn-icon { height: 9.375rem; width: 9.375rem; } } @media all and (min-width: 1366px) { .b-login-register__btn-icon { height: 9.375rem; width: 9.375rem; } } .b-login-register__btn-icon::before { left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #3283d3; font-size: 3.375rem; } .b-login-register__btn-icon::after { -webkit-transition: all 0.15s ease-in 0s; transition: all 0.15s ease-in 0s; background: #3283d3; border-radius: 0.3125rem 0.3125rem 0rem 0rem; bottom: 0; content: ''; height: 0.375rem; left: 50%; opacity: 0; position: absolute; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); width: 3.4375rem; } .b-login-register__btn:hover .b-login-register__btn-icon::after { opacity: 1; } .b-login-register__btn-caption { color: #ffffff; font-size: 1rem; font-weight: 500; } @media all and (max-width: 479px) { .b-login-register__btn-caption { font-size: 0.875rem; } } @media all and (min-width: 480px) and (max-width: 639px) { .b-login-register__btn-caption { font-size: 0.875rem; } } @media all and (min-width: 640px) and (max-width: 767px) { .b-login-register__btn-caption { font-size: 0.875rem; } } .b-login-register__btn_register:after { display: inline-block; font-family: "iconfont"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1rem; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; speak: none; text-decoration: none; text-transform: none; vertical-align: baseline; content: ""; } .b-login-register__btn_register::after { font-size: 1.5rem; line-height: 3.25rem; } @media all and (max-width: 479px) { .b-login-register__btn_register::after { font-size: 1.25rem; line-height: 2.25rem; } } @media all and (min-width: 480px) and (max-width: 639px) { .b-login-register__btn_register::after { font-size: 1.25rem; line-height: 2.25rem; } } @media all and (min-width: 640px) and (max-width: 767px) { .b-login-register__btn_register::after { font-size: 1.25rem; line-height: 2.25rem; } } .b-login-register__btn_login:after { display: inline-block; font-family: "iconfont"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1rem; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; speak: none; text-decoration: none; text-transform: none; vertical-align: baseline; content: ""; } .b-login-register__btn_login::after { font-size: 1.5rem; line-height: 3.25rem; } @media all and (max-width: 479px) { .b-login-register__btn_login::after { font-size: 1.25rem; line-height: 2.25rem; } } @media all and (min-width: 480px) and (max-width: 639px) { .b-login-register__btn_login::after { font-size: 1.25rem; line-height: 2.25rem; } } @media all and (min-width: 640px) and (max-width: 767px) { .b-login-register__btn_login::after { font-size: 1.25rem; line-height: 2.25rem; } } .b-login-register__btn_fgt-pass:after { display: inline-block; font-family: "iconfont"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1rem; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; speak: none; text-decoration: none; text-transform: none; vertical-align: baseline; content: ""; } .b-login-register__btn_fgt-pass::after { font-size: 1.5rem; line-height: 3.25rem; } @media all and (max-width: 479px) { .b-login-register__btn_fgt-pass::after { font-size: 1.25rem; line-height: 2.25rem; } } @media all and (min-width: 480px) and (max-width: 639px) { .b-login-register__btn_fgt-pass::after { font-size: 1.25rem; line-height: 2.25rem; } } @media all and (min-width: 640px) and (max-width: 767px) { .b-login-register__btn_fgt-pass::after { font-size: 1.25rem; line-height: 2.25rem; } } .b-login-register__form { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; box-align: flex-start; box-orient: horizontal; box-direction: normal; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 2.1875rem; padding: 0 8%; } @media all and (max-width: 479px) { .b-login-register__form { padding-bottom: 2.5rem; } } @media all and (min-width: 480px) and (max-width: 639px) { .b-login-register__form { padding-bottom: 2.5rem; } } @media all and (min-width: 640px) and (max-width: 767px) { .b-login-register__form { padding-bottom: 2.5rem; } } @media all and (max-width: 479px) { .b-popup_register .b-login-register__form { margin-bottom: 3.75rem; padding-bottom: 0; } } @media all and (min-width: 480px) and (max-width: 639px) { .b-popup_register .b-login-register__form { margin-bottom: 3.75rem; padding-bottom: 0; } } @media all and (min-width: 640px) and (max-width: 767px) { .b-popup_register .b-login-register__form { margin-bottom: 3.75rem; padding-bottom: 0; } } @media all and (min-width: 768px) and (max-width: 1023px) { .b-popup_register .b-login-register__form { margin-bottom: 3.75rem; padding-bottom: 0; } } @media all and (min-width: 1024px) and (max-width: 1365px) { .b-popup_register .b-login-register__form { margin-bottom: 3.75rem; } } @media all and (min-width: 1366px) { .b-popup_register .b-login-register__form { margin-bottom: 3.75rem; } } @media all and (min-width: 1024px) and (max-width: 1365px) { .b-popup_register .b-login-register__form { padding-bottom: 4.25rem; } } @media all and (min-width: 1366px) { .b-popup_register .b-login-register__form { padding-bottom: 4.25rem; } } .b-login-register__input { -webkit-transition: all 0.15s ease-in 0s; transition: all 0.15s ease-in 0s; background: #3073b5; border: 0.3125rem solid; border-radius: 4.125rem; color: #ffffff; font-size: 1.25rem; height: 4.125rem; line-height: 3.625rem; padding: 0rem 1.875rem 0rem 2.1875rem; width: 20.3125rem; } .b-login-register__input::-webkit-input-placeholder { color: #86bff8; } .b-login-register__input:-moz-placeholder { color: #86bff8; opacity: 1; } .b-login-register__input::-moz-placeholder { color: #86bff8; opacity: 1; } .b-login-register__input:-ms-input-placeholder { color: #86bff8; } @media all and (max-width: 479px) { .b-login-register__input { margin: 0 auto; } } @media all and (min-width: 480px) and (max-width: 639px) { .b-login-register__input { margin: 0 auto; } } @media all and (min-width: 640px) and (max-width: 767px) { .b-login-register__input { margin: 0 auto; } } @media all and (min-width: 768px) and (max-width: 1023px) { .b-login-register__input { margin: 0 auto; } } @media all and (max-width: 479px) { .b-login-register__input { margin-bottom: 1.25rem; } } @media all and (min-width: 480px) and (max-width: 639px) { .b-login-register__input { margin-bottom: 1.25rem; } } @media all and (min-width: 640px) and (max-width: 767px) { .b-login-register__input { margin-bottom: 1.25rem; } } @media all and (min-width: 768px) and (max-width: 1023px) { .b-login-register__input { margin-bottom: 2.5rem; } } @media all and (min-width: 1024px) and (max-width: 1365px) { .b-login-register__input { margin-bottom: 2.5rem; } } @media all and (min-width: 1366px) { .b-login-register__input { margin-bottom: 2.5rem; } } @media all and (min-width: 1024px) and (max-width: 1365px) { .b-login-register__input { width: 30%; } } @media all and (min-width: 1366px) { .b-login-register__input { width: 30%; } } .b-login-register__input:focus { border-color: #eef976; } @media all and (min-width: 1024px) and (max-width: 1365px) { .b-popup_register .b-login-register__input:nth-last-child(3) { margin-right: 35%; } } @media all and (min-width: 1366px) { .b-popup_register .b-login-register__input:nth-last-child(3) { margin-right: 35%; } } .b-login-register__submit { -webkit-transition: all 0.15s ease-in 0s; transition: all 0.15s ease-in 0s; background: #6db6ff; border: none; border-radius: 4.25rem; color: #ffffff; cursor: pointer; font-size: 1.25rem; font-weight: 700; height: 4.25rem; line-height: 4.25rem; text-transform: uppercase; width: 20.3125rem; } @media all and (max-width: 479px) { .b-login-register__submit { margin: 0 auto; } } @media all and (min-width: 480px) and (max-width: 639px) { .b-login-register__submit { margin: 0 auto; } } @media all and (min-width: 640px) and (max-width: 767px) { .b-login-register__submit { margin: 0 auto; } } @media all and (min-width: 768px) and (max-width: 1023px) { .b-login-register__submit { margin: 0 auto; } } @media all and (min-width: 1024px) and (max-width: 1365px) { .b-login-register__submit { width: 30%; } } @media all and (min-width: 1366px) { .b-login-register__submit { width: 30%; } } .b-login-register__submit:hover { background: #56a3f1; } @media all and (min-width: 1024px) and (max-width: 1365px) { .b-popup_register .b-login-register__submit { bottom: 0; left: 50%; position: absolute; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); width: 25%; } } @media all and (min-width: 1366px) { .b-popup_register .b-login-register__submit { bottom: 0; left: 50%; position: absolute; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); width: 25%; } } .b-login-register__form-caption { color: #eeff89; bottom: -2.5rem; font-size: 0.875rem; left: 50%; position: absolute; text-align: center; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); width: 100%; } .b-market-pulse { text-align: center; } .b-market-pulse__img { margin: 0.9375rem 0rem 1.5625rem; text-align: center; } .b-market-pulse__table { color: #597a96; border-bottom: 1px dashed #f1f5f8; font-size: 0.75rem; margin-bottom: 1.25rem; text-align: right; } .b-market-pulse__table td { border-top: 1px dashed #f1f5f8; padding: 0.5625rem; } .b-market-pulse__table td:first-child { font-size: 0.875rem; padding-left: 0; text-align: left; } .b-market-pulse__table td:nth-child(2) { color: #95acbc; } .b-market-pulse__table td:last-child { padding-right: 0; } .b-market-pulse__table img { width: 0.625rem; } .b-market-pulse__table .plus { color: #82b046; } .b-market-pulse__table .minus { color: #f97e76; } .b-market-pulse__subtitle { color: #597a96; font: bold 1.25rem "Lato" , "Arial" , sans-serif; text-transform: uppercase; } .b-market-pulse__link { font-size: 0.75rem; } .b-market-pulse__link:link { color: #3283d3; text-decoration: underline; } .b-market-pulse__link:visited { color: #3283d3; text-decoration: underline; } .b-market-pulse__link:hover { color: #597a96; text-decoration: none; } .b-market-pulse__link:active { color: #597a96; text-decoration: none; } .b-nav-inner__title { border-bottom: 1px solid #f1f5f8; color: #597a96; font-size: 0.875rem; padding: 1.875rem 0rem; text-align: center; } @media all and (min-width: 640px) and (max-width: 767px) { .b-nav-inner__title { font-size: 0.75rem; } } @media all and (min-width: 768px) and (max-width: 1023px) { .b-nav-inner__title { font-size: 0.75rem; } } @media all and (min-width: 1024px) and (max-width: 1365px) { .b-nav-inner__title { font-size: 0.75rem; } } @media all and (min-width: 1366px) { .b-nav-inner__title { font-size: 0.75rem; } } .b-nav-inner__list { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; box-align: flex-start; box-orient: horizontal; box-direction: normal; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media all and (max-width: 479px) { .b-nav-inner__list { margin-top: 1.25rem; } } @media all and (min-width: 480px) and (max-width: 639px) { .b-nav-inner__list { margin-top: 1.25rem; } } .b-nav-inner__item { padding: 0.625rem 0rem 0.625rem 1.25rem; position: relative; width: 48%; } .b-nav-inner__item:before { display: inline-block; font-family: "iconfont"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1rem; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; speak: none; text-decoration: none; text-transform: none; vertical-align: baseline; content: ""; } @media all and (min-width: 640px) and (max-width: 767px) { .b-nav-inner__item { padding: 1rem 0rem 1rem 1.5625rem; width: 100%; } } @media all and (min-width: 768px) and (max-width: 1023px) { .b-nav-inner__item { padding: 1rem 0rem 1rem 1.5625rem; width: 100%; } } @media all and (min-width: 1024px) and (max-width: 1365px) { .b-nav-inner__item { padding: 1rem 0rem 1rem 1.5625rem; width: 100%; } } @media all and (min-width: 1366px) { .b-nav-inner__item { padding: 1rem 0rem 1rem 1.5625rem; width: 100%; } } @media all and (min-width: 640px) and (max-width: 767px) { .b-nav-inner__item:not(:first-child) { border-top: 1px dashed #f1f5f8; } } @media all and (min-width: 768px) and (max-width: 1023px) { .b-nav-inner__item:not(:first-child) { border-top: 1px dashed #f1f5f8; } } @media all and (min-width: 1024px) and (max-width: 1365px) { .b-nav-inner__item:not(:first-child) { border-top: 1px dashed #f1f5f8; } } @media all and (min-width: 1366px) { .b-nav-inner__item:not(:first-child) { border-top: 1px dashed #f1f5f8; } } .b-nav-inner__item::before { color: #95acbc; font-size: 0.625rem; position: absolute; left: 0; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .b-nav-inner__item_active { margin-left: 0.625rem; } .b-nav-inner__link { font-size: 0.75rem; } .b-nav-inner__link:link { color: #486580; text-decoration: none; } .b-nav-inner__link:visited { color: #486580; text-decoration: none; } .b-nav-inner__link:hover { color: #3283d3; text-decoration: none; } .b-nav-inner__link:active { color: #3283d3; text-decoration: none; } @media all and (min-width: 640px) and (max-width: 767px) { .b-nav-inner__link { font-size: 0.875rem; } } @media all and (min-width: 768px) and (max-width: 1023px) { .b-nav-inner__link { font-size: 0.875rem; } } @media all and (min-width: 1024px) and (max-width: 1365px) { .b-nav-inner__link { font-size: 0.875rem; } } @media all and (min-width: 1366px) { .b-nav-inner__link { font-size: 0.875rem; } } .b-nav-inner__item_active .b-nav-inner__link { cursor: default; pointer-events: none; } .b-nav-inner__item_active .b-nav-inner__link:link { color: #3283d3; text-decoration: none; } .b-nav-inner__item_active .b-nav-inner__link:visited { color: #3283d3; text-decoration: none; } .b-nav-inner__item_active .b-nav-inner__link:hover { color: #3283d3; text-decoration: none; } .b-nav-inner__item_active .b-nav-inner__link:active { color: #3283d3; text-decoration: none; } @media all and (max-width: 479px) { .b-nav { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; box-align: flex-start; box-orient: horizontal; box-direction: normal; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; background: #f1f5f8 url("../img/bg.jpg") 50% 0 no-repeat; bottom: 0; display: none; left: 0; overflow-y: auto; padding: 2.625rem 3.4375rem; position: fixed; right: 0; top: 0; } } @media all and (min-width: 480px) and (max-width: 639px) { .b-nav { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; box-align: flex-start; box-orient: horizontal; box-direction: normal; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; background: #f1f5f8 url("../img/bg.jpg") 50% 0 no-repeat; bottom: 0; display: none; left: 0; overflow-y: auto; padding: 2.625rem 3.4375rem; position: fixed; right: 0; top: 0; } } @media all and (min-width: 640px) and (max-width: 767px) { .b-nav { padding: 0rem 1.875rem; } } .b-nav_active .b-nav { display: -webkit-box; display: -ms-flexbox; display: flex; } .b-nav_active { overflow: hidden; } .b-nav__trigger { display: none; padding-right: 1.125rem; text-align: right; } @media all and (max-width: 479px) { .b-nav__trigger { display: block; } } @media all and (min-width: 480px) and (max-width: 639px) { .b-nav__trigger { display: block; } } .b-nav__trigger-icon { background: #ffffff; border-radius: 0.625rem; color: #3283d3; display: inline-block; margin-top: -0.3125rem; padding: 0.75rem 0.8125rem 0.4375rem; } .b-nav__trigger-icon:before { display: inline-block; font-family: "iconfont"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1rem; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; speak: none; text-decoration: none; text-transform: none; vertical-align: baseline; content: ""; } .b-nav__trigger-icon:hover { -webkit-box-shadow: 0 0 1.875rem #cccccc; box-shadow: 0 0 1.875rem #cccccc; } .b-nav__trigger-icon:before { font-size: 1.75rem; } .b-nav__trigger-caption { color: #597a96; font-size: 0.875rem; font-weight: 500; padding: 0.625rem 0.375rem 0rem; } .b-nav__title { color: #486580; font: 2rem "Lato" , "Arial" , sans-serif; text-transform: uppercase; width: 50%; } @media all and (min-width: 640px) and (max-width: 767px) { .b-nav__title { display: none; } } @media all and (min-width: 768px) and (max-width: 1023px) { .b-nav__title { display: none; } } @media all and (min-width: 1024px) and (max-width: 1365px) { .b-nav__title { display: none; } } @media all and (min-width: 1366px) { .b-nav__title { display: none; } } .b-nav__close { cursor: pointer; font-size: 0.8125rem; text-align: right; width: 50%; } .b-nav__close:after { display: inline-block; font-family: "iconfont"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1rem; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; speak: none; text-decoration: none; text-transform: none; vertical-align: baseline; content: ""; } @media all and (min-width: 640px) and (max-width: 767px) { .b-nav__close { display: none; } } @media all and (min-width: 768px) and (max-width: 1023px) { .b-nav__close { display: none; } } @media all and (min-width: 1024px) and (max-width: 1365px) { .b-nav__close { display: none; } } @media all and (min-width: 1366px) { .b-nav__close { display: none; } } .b-nav__close::after { -webkit-transition: all 0.15s ease-in 0s; transition: all 0.15s ease-in 0s; background: #56a3f1; border-radius: 2.9375rem; color: #ffffff; height: 2.9375rem; line-height: 3rem; margin-left: 1.25rem; text-align: center; vertical-align: middle; width: 2.9375rem; } .b-nav__close:hover::after { -webkit-box-shadow: 0 0 1.25rem #56a3f1; box-shadow: 0 0 1.25rem #56a3f1; } .b-nav__close span { color: #597a96; font: 0.875rem 500; } .b-nav__list { margin-top: 1.4375rem; width: 100%; } @media all and (min-width: 768px) and (max-width: 1023px) { .b-nav__list { margin-top: 0.75rem; } } @media all and (min-width: 1024px) and (max-width: 1365px) { .b-nav__list { margin-top: 0.75rem; } } @media all and (min-width: 1366px) { .b-nav__list { margin-top: 0.75rem; } } @media all and (min-width: 640px) and (max-width: 767px) { .b-nav__list { margin-top: 2.1875rem; } } .b-nav__item { position: relative; } @media all and (min-width: 640px) and (max-width: 767px) { .b-nav__item { display: inline-block; margin: 0.3125rem 0rem; padding-bottom: 0.625rem; vertical-align: top; } } @media all and (min-width: 768px) and (max-width: 1023px) { .b-nav__item { display: inline-block; margin: 0.3125rem 0rem; padding-bottom: 0.625rem; vertical-align: top; } } @media all and (min-width: 1024px) and (max-width: 1365px) { .b-nav__item { display: inline-block; margin: 0.3125rem 0rem; padding-bottom: 0.625rem; vertical-align: top; } } @media all and (min-width: 1366px) { .b-nav__item { display: inline-block; margin: 0.3125rem 0rem; padding-bottom: 0.625rem; vertical-align: top; } } .b-nav__link { display: inline-block; font-weight: 500; padding: 0.375rem 0rem; text-transform: uppercase; } .b-nav__link:link { color: #597a96; text-decoration: underline; } .b-nav__link:visited { color: #597a96; text-decoration: underline; } .b-nav__link:hover { color: #56a3f1; text-decoration: none; } .b-nav__link:active { color: #56a3f1; text-decoration: none; } @media all and (min-width: 640px) and (max-width: 767px) { .b-nav__link { border-radius: 1.875rem; height: 1.875rem; font-size: 0.875rem; line-height: 1.875rem; padding: 0rem 0.75rem; text-transform: none; } .b-nav__link:link { color: #597a96; text-decoration: none; } .b-nav__link:visited { color: #597a96; text-decoration: none; } .b-nav__link:hover { color: #ffffff; text-decoration: none; } .b-nav__link:active { color: #ffffff; text-decoration: none; } .b-nav__link:hover { background: #3283d3; -webkit-box-shadow: 0 0 1.5625rem #3283d3; box-shadow: 0 0 1.5625rem #3283d3; } } @media all and (min-width: 768px) and (max-width: 1023px) { .b-nav__link { border-radius: 1.875rem; height: 1.875rem; font-size: 0.875rem; line-height: 1.875rem; padding: 0rem 0.75rem; text-transform: none; } .b-nav__link:link { color: #597a96; text-decoration: none; } .b-nav__link:visited { color: #597a96; text-decoration: none; } .b-nav__link:hover { color: #ffffff; text-decoration: none; } .b-nav__link:active { color: #ffffff; text-decoration: none; } .b-nav__link:hover { background: #3283d3; -webkit-box-shadow: 0 0 1.5625rem #3283d3; box-shadow: 0 0 1.5625rem #3283d3; } } @media all and (min-width: 1024px) and (max-width: 1365px) { .b-nav__link { border-radius: 1.875rem; height: 1.875rem; font-size: 0.875rem; line-height: 1.875rem; padding: 0rem 0.75rem; text-transform: none; } .b-nav__link:link { color: #597a96; text-decoration: none; } .b-nav__link:visited { color: #597a96; text-decoration: none; } .b-nav__link:hover { color: #ffffff; text-decoration: none; } .b-nav__link:active { color: #ffffff; text-decoration: none; } .b-nav__link:hover { background: #3283d3; -webkit-box-shadow: 0 0 1.5625rem #3283d3; box-shadow: 0 0 1.5625rem #3283d3; } } @media all and (min-width: 1366px) { .b-nav__link { border-radius: 1.875rem; height: 1.875rem; font-size: 0.875rem; line-height: 1.875rem; padding: 0rem 0.75rem; text-transform: none; } .b-nav__link:link { color: #597a96; text-decoration: none; } .b-nav__link:visited { color: #597a96; text-decoration: none; } .b-nav__link:hover { color: #ffffff; text-decoration: none; } .b-nav__link:active { color: #ffffff; text-decoration: none; } .b-nav__link:hover { background: #3283d3; -webkit-box-shadow: 0 0 1.5625rem #3283d3; box-shadow: 0 0 1.5625rem #3283d3; } } .b-nav__list-second { padding: 1.0625rem 0rem 1.5625rem 1.4375rem; } @media all and (min-width: 640px) and (max-width: 767px) { .b-nav__list-second { background: #ffffff; border-radius: 0.625rem; -webkit-box-shadow: 0 0 1.25rem #cccccc; box-shadow: 0 0 1.25rem #cccccc; display: none; left: 0; position: absolute; top: 100%; width: 16.875rem; z-index: 1; } } @media all and (min-width: 768px) and (max-width: 1023px) { .b-nav__list-second { background: #ffffff; border-radius: 0.625rem; -webkit-box-shadow: 0 0 1.25rem #cccccc; box-shadow: 0 0 1.25rem #cccccc; display: none; left: 0; position: absolute; top: 100%; width: 16.875rem; z-index: 1; } } @media all and (min-width: 1024px) and (max-width: 1365px) { .b-nav__list-second { background: #ffffff; border-radius: 0.625rem; -webkit-box-shadow: 0 0 1.25rem #cccccc; box-shadow: 0 0 1.25rem #cccccc; display: none; left: 0; position: absolute; top: 100%; width: 16.875rem; z-index: 1; } } @media all and (min-width: 1366px) { .b-nav__list-second { background: #ffffff; border-radius: 0.625rem; -webkit-box-shadow: 0 0 1.25rem #cccccc; box-shadow: 0 0 1.25rem #cccccc; display: none; left: 0; position: absolute; top: 100%; width: 16.875rem; z-index: 1; } } .b-nav__item:hover .b-nav__list-second { display: block; } .b-nav__item-second:last-child { border-top: 1px solid #cccccc; margin: 0.3125rem 1.4375rem 0rem 0rem; padding-top: 0.8125rem; } .b-nav__link-second { font-size: 0.875rem; font-weight: 500; } .b-nav__link-second:link { color: #597a96; text-decoration: underline; } .b-nav__link-second:visited { color: #597a96; text-decoration: underline; } .b-nav__link-second:hover { color: #56a3f1; text-decoration: none; } .b-nav__link-second:active { color: #56a3f1; text-decoration: none; } .b-nav__item-second:last-child .b-nav__link-second:link { color: #486580; text-decoration: none; } .b-nav__item-second:last-child .b-nav__link-second:visited { color: #486580; text-decoration: none; } .b-nav__item-second:last-child .b-nav__link-second:hover { color: #56a3f1; text-decoration: none; } .b-nav__item-second:last-child .b-nav__link-second:active { color: #56a3f1; text-decoration: none; } .b-nav__list-third { line-height: 1.5; padding: 0.5rem 0rem; } .b-nav__item-third { padding-left: 0.9375rem; position: relative; } .b-nav__item-third::before { content: ''; display: inline-block; height: 0; width: 0; border-bottom: 0.3125rem solid transparent; border-left: 0.3125rem solid #2c7dce; border-top: 0.3125rem solid transparent; left: 0; position: absolute; top: 0.4375rem; } .b-nav__link-third { font-size: 0.875rem; } .b-nav__link-third:link { color: #486580; text-decoration: none; } .b-nav__link-third:visited { color: #486580; text-decoration: none; } .b-nav__link-third:hover { color: #3785D0; text-decoration: none; } .b-nav__link-third:active { color: #3785D0; text-decoration: none; } .b-news-list { padding: 1.875rem 0rem 0.625rem; } .b-news-list__item:not(:first-child) { margin-top: 2.5rem; } .b-news-list__link { display: block; font-size: 0.75rem; padding-left: 4.375rem; position: relative; } .b-news-list__link:before { display: inline-block; font-family: "iconfont"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1rem; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; speak: none; text-decoration: none; text-transform: none; vertical-align: baseline; content: ""; } .b-news-list__link:link { color: #95acbc; text-decoration: none; } .b-news-list__link:visited { color: #95acbc; text-decoration: none; } .b-news-list__link:hover { color: #95acbc; text-decoration: none; } .b-news-list__link:active { color: #95acbc; text-decoration: none; } .b-news-list__link::before { font-size: 2.625rem; left: 0; position: absolute; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .b-news-list__link b { color: #55626e; display: block; font-size: 0.875rem; margin-bottom: 0.3125rem; } .b-popup { background: url("../img/bg-blue.jpg") 50% 0 no-repeat; background-color: #4289d1; bottom: 0; display: none; left: 0; overflow-y: auto; position: fixed; right: 0; top: 0; z-index: 10; } .b-popup__close { margin: 3.25rem 1.5625rem 0rem 0rem; text-align: right; } @media all and (min-width: 1024px) and (max-width: 1365px) { .b-popup__close { margin-top: 4.0625rem; } } @media all and (min-width: 1366px) { .b-popup__close { margin-top: 4.0625rem; } } .b-popup__close-button { color: #ffffff; cursor: pointer; display: inline-block; font-weight: 700; } .b-popup__close-button i { -webkit-transition: all 0.15s ease-in 0s; transition: all 0.15s ease-in 0s; background: #ffffff; border-radius: 2.9375rem; color: #3283d3; display: inline-block; height: 2.9375rem; line-height: 3.3125rem; margin-left: 1.125rem; text-align: center; vertical-align: baseline; width: 2.9375rem; } .b-popup__close:hover .b-popup__close-button i { -webkit-box-shadow: 0 0 2.5rem #3283d3; box-shadow: 0 0 2.5rem #3283d3; -webkit-transform: scale(1.05); transform: scale(1.05); } .b-popup__close-button i::before { font-size: 0.875rem; } .b-popup__title { color: #ffffff; font: 2.625rem "Lato" , "Arial" , sans-serif; margin: 2.6875rem 0rem 4.1875rem; text-align: center; } .b-popup_active { overflow: hidden; } .b-write-us { font-size: 0.875rem; padding: 1.5625rem 0rem 0.9375rem; } .b-write-us__fieldset { margin-top: 1.25rem; } .b-write-us__label { color: #486580; font-size: 0.875rem; } .b-write-us__label span { background: #ecf3fa; border-radius: 0.625rem; color: #3283d3; display: inline-block; padding: 0.125rem 0.625rem; vertical-align: middle; } .b-write-us__input { border-radius: 2.125rem; border: 1px solid #3283d3; color: #486580; font: 0.875rem "Roboto" , "Arial" , sans-serif; min-height: 2.125rem; padding: 0rem 1.25rem; width: 100%; } .b-write-us__input::-webkit-input-placeholder { color: #95acbc; } .b-write-us__input:-moz-placeholder { color: #95acbc; opacity: 1; } .b-write-us__input::-moz-placeholder { color: #95acbc; opacity: 1; } .b-write-us__input:-ms-input-placeholder { color: #95acbc; } .b-write-us__input-file { margin-top: 0.625rem; } .b-write-us__textarea { border-radius: 2.125rem; border: 1px solid #3283d3; color: #486580; font: 0.875rem "Roboto" , "Arial" , sans-serif; min-height: 2.125rem; padding: 0rem 1.25rem; width: 100%; border-radius: 0.9375rem; padding: 0.9375rem 1.25rem; } .b-write-us__textarea::-webkit-input-placeholder { color: #95acbc; } .b-write-us__textarea:-moz-placeholder { color: #95acbc; opacity: 1; } .b-write-us__textarea::-moz-placeholder { color: #95acbc; opacity: 1; } .b-write-us__textarea:-ms-input-placeholder { color: #95acbc; } .b-write-us__fieldset-group { margin-top: 0.625rem; } .b-write-us__fieldset-group::after { clear: both; content: ''; display: table; } .b-write-us__fieldset-group .b-write-us__fieldset { float: left; width: 50%; } .b-write-us__fieldset-group .b-write-us__fieldset:not(:first-child) { text-align: right; } .p-inner { background-position: 50% -9.375rem; } @media all and (min-width: 640px) and (max-width: 767px) { .p-inner { background-position: 50% -11.875rem; } } @media all and (min-width: 768px) and (max-width: 1023px) { .p-inner { background-position: 50% -11.875rem; } } @media all and (min-width: 1024px) and (max-width: 1365px) { .p-inner { background-position: 50% -11.875rem; } } @media all and (min-width: 1366px) { .p-inner { background-position: 50% -11.875rem; } } .success-message {color: #3283d3; font-weight: bold}