body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
margin: 0;
padding: 0;
}
html {
-webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4, h5, h6 {
font-weight: normal;
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
display: block;
}
audio, canvas, video {
display: inline-block;
*display: inline;
*zoom: 1;
}
audio:not([controls]) {
display: none;
}
[hidden] {
display: none;
} html {
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
html, button, input, select, textarea {
font-family: sans-serif;
color: #222;
}
body {
margin: 0;
font-size: 1em;
line-height: 1.4;
-moz-osx-font-smoothing: grayscale;
}
::-moz-selection {
background: #000;
color: #fff;
text-shadow: none;
}
::selection {
background: #000;
color: #fff;
text-shadow: none;
} a {
text-decoration: none;
color: #000;
}
a:focus, a:hover, a:active {
outline: none;
} abbr[title] {
border-bottom: 1px dotted;
}
b, strong {
font-weight: bold;
}
blockquote {
margin: 0;
}
dfn {
font-style: italic;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
ins {
background: #ff9;
color: #000;
text-decoration: none;
}
pre, code, kbd, samp {
font-family: monospace, serif;
_font-family: 'courier new', monospace;
font-size: 1em;
}
pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
q {
quotes: none;
}
q::before, q::after {
content: "";
content: none;
}
small {
font-size: 85%;
}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
} nav ul,
nav ol,
ul,
li {
list-style: none;
list-style-image: none;
margin: 0;
padding: 0;
} img {
border: 0;
-ms-interpolation-mode: bicubic;
vertical-align: middle;
}
svg:not(:root) {
overflow: hidden;
} figure {
margin: 0;
}
form {
margin: 0;
}
fieldset {
border: 0;
margin: 0;
padding: 0;
}
label {
cursor: pointer;
}
legend {
border: 0;
*margin-left: -7px;
padding: 0;
white-space: normal;
}
button, input, select, textarea {
font-size: 100%;
margin: 0;
vertical-align: baseline;
*vertical-align: middle;
}
button, input {
line-height: normal;
}
button, input[type="button"], input[type="reset"], input[type="submit"] {
cursor: pointer;
-webkit-appearance: button;
*overflow: visible;
}
button[disabled], input[disabled] {
cursor: default;
}
input, textarea {
-webkit-box-shadow: none;
}
input[type="checkbox"], input[type="radio"] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
*width: 13px;
*height: 13px;
}
input[type="search"] {
-webkit-appearance: textfield;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance: none;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
vertical-align: top;
resize: vertical;
}
input:invalid, textarea:invalid {
background-color: #f0dddd;
}
input, textarea, select {
outline: none;
} table {
border-collapse: collapse;
border-spacing: 0;
}
td {
vertical-align: top;
} .chromeframe {
margin: 0.2em 0;
background: #ccc;
color: black;
padding: 0.2em 0;
} @font-face {
font-family: 'Open Sans';
src: url(//totaldisposal.com/wp-content/themes/total-disposal-custom-theme/src/assets/fonts/OpenSans-Regular.woff2) format("woff2"), url(//totaldisposal.com/wp-content/themes/total-disposal-custom-theme/src/assets/fonts/OpenSans-Regular.woff) format("woff"), url(//totaldisposal.com/wp-content/themes/total-disposal-custom-theme/src/assets/fonts/OpenSans-Regular.ttf) format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Open Sans';
src: url(//totaldisposal.com/wp-content/themes/total-disposal-custom-theme/src/assets/fonts/OpenSans-Bold.woff2) format("woff2"), url(//totaldisposal.com/wp-content/themes/total-disposal-custom-theme/src/assets/fonts/OpenSans-Bold.woff) format("woff"), url(//totaldisposal.com/wp-content/themes/total-disposal-custom-theme/src/assets/fonts/OpenSans-Bold.ttf) format("truetype");
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 100;
font-display: swap;
src: url(https://fonts.gstatic.com/s/lato/v23/S6u8w4BMUTPHh30AXC-q.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(https://fonts.gstatic.com/s/lato/v23/S6u9w4BMUTPHh7USSwiPGQ.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/lato/v23/S6uyw4BMUTPHjx4wXg.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://fonts.gstatic.com/s/lato/v23/S6u9w4BMUTPHh6UVSwiPGQ.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/lato/v23/S6u9w4BMUTPHh50XSwiPGQ.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}        .clear::after,
.entry-content::after,
.comment-content::after,
.site-content::after,
.site-footer::after {
content: '';
display: table;
clear: both;
}
.fleft {
float: left;
}
.fright {
float: right;
}
.alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.centered {
text-align: center;
}
.cover-img {
min-width: 1000%;
min-height: 1000%;
max-width: none;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%) scale(0.1001);
transform: translate(-50%, -50%) scale(0.1001);
-webkit-transition: 350ms ease;
transition: 350ms ease;
}
.bg-white {
background-color: #fff;
}
.color-white {
color: #fff;
}
.bg-black {
background-color: #000;
}
.color-black {
color: #000;
}
.bg-red {
background-color: #e2401c;
}
.color-red {
color: #e2401c;
}
.bg-green {
background-color: #4fc08d;
}
.color-green {
color: #4fc08d;
}
.bg-blue {
background-color: #3d9cd2;
}
.color-blue {
color: #3d9cd2;
}
.bg-valhalla {
background-color: #281754;
}
.color-valhalla {
color: #281754;
}
.bg-purple-light {
background-color: #8f7dbf;
}
.color-purple-light {
color: #8f7dbf;
}
.bg-purple-light-2 {
background-color: #634e99;
}
.color-purple-light-2 {
color: #634e99;
}
.bg-purple {
background-color: #422d79;
}
.color-purple {
color: #422d79;
}
.bg-yellow {
background-color: #efe434;
}
.color-yellow {
color: #efe434;
}
.bg-shaft {
background-color: #333;
}
.color-shaft {
color: #333;
}
.bg-silver {
background-color: #c9c9c9;
}
.color-silver {
color: #c9c9c9;
}
.bg-silver-light {
background-color: #f1f1f1;
}
.color-silver-light {
color: #f1f1f1;
}
.font-font-main {
font-family: "Lato", Arial, Helvetica, sans-serif;
}
.font-font-second {
font-family: "Open Sans", Arial, Helvetica, sans-serif;
}
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
word-wrap: normal !important; }
.screen-reader-text:focus {
border-radius: 3px;
-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
display: block;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; } #content[tabindex='-1']:focus {
outline: 0;
} .infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer { display: none;
} .infinity-end.neverending .site-footer {
display: block;
} input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
} input[type=number] {
-moz-appearance: textfield;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.info-box__testimonial-text {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
display: block;
width: 100%;
}
.site-footer__top-contact-phone {
width: 150px;
}
input::-ms-clear {
display: none;
}
} @media print {
body {
background: #fff;
color: #000;
margin: 0;
padding: 0;
text-align: left;
}
a:link, a:visited {
background: #fff;
color: #000;
text-decoration: underline;
}
a:not([href="javascript:;"])::after {
content: " [" attr(href) "] ";
}
h1, h2, h3, h4, h5, h6 {
background: none;
color: #000;
}
.temp {
display: none;
}
} .container {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media only screen and (min-width: 576px) {
.container {
max-width: 540px;
}
}
@media only screen and (min-width: 768px) {
.container {
max-width: 720px;
}
}
@media only screen and (min-width: 992px) {
.container {
max-width: 960px;
}
}
@media only screen and (min-width: 1200px) {
.container {
max-width: 1124px;
}
}
.container-fluid {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.no-gutters {
margin-right: 0;
margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*="col-"] {
padding-right: 0;
padding-left: 0;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col {
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-auto {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-1 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 8.33333%;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 16.66667%;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.33333%;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 41.66667%;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-7 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 58.33333%;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 66.66667%;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-10 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 83.33333%;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-11 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 91.66667%;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-first {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
}
.order-last {
-webkit-box-ordinal-group: 14;
-webkit-order: 13;
-ms-flex-order: 13;
order: 13;
}
.order-0 {
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
}
.order-1 {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.order-2 {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
}
.order-3 {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3;
}
.order-4 {
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
-ms-flex-order: 4;
order: 4;
}
.order-5 {
-webkit-box-ordinal-group: 6;
-webkit-order: 5;
-ms-flex-order: 5;
order: 5;
}
.order-6 {
-webkit-box-ordinal-group: 7;
-webkit-order: 6;
-ms-flex-order: 6;
order: 6;
}
.order-7 {
-webkit-box-ordinal-group: 8;
-webkit-order: 7;
-ms-flex-order: 7;
order: 7;
}
.order-8 {
-webkit-box-ordinal-group: 9;
-webkit-order: 8;
-ms-flex-order: 8;
order: 8;
}
.order-9 {
-webkit-box-ordinal-group: 10;
-webkit-order: 9;
-ms-flex-order: 9;
order: 9;
}
.order-10 {
-webkit-box-ordinal-group: 11;
-webkit-order: 10;
-ms-flex-order: 10;
order: 10;
}
.order-11 {
-webkit-box-ordinal-group: 12;
-webkit-order: 11;
-ms-flex-order: 11;
order: 11;
}
.order-12 {
-webkit-box-ordinal-group: 13;
-webkit-order: 12;
-ms-flex-order: 12;
order: 12;
}
.offset-1 {
margin-left: 8.33333%;
}
.offset-2 {
margin-left: 16.66667%;
}
.offset-3 {
margin-left: 25%;
}
.offset-4 {
margin-left: 33.33333%;
}
.offset-5 {
margin-left: 41.66667%;
}
.offset-6 {
margin-left: 50%;
}
.offset-7 {
margin-left: 58.33333%;
}
.offset-8 {
margin-left: 66.66667%;
}
.offset-9 {
margin-left: 75%;
}
.offset-10 {
margin-left: 83.33333%;
}
.offset-11 {
margin-left: 91.66667%;
}
@media only screen and (min-width: 576px) {
.col-sm {
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-sm-auto {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-sm-1 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 8.33333%;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-sm-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 16.66667%;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-sm-3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-sm-4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.33333%;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-sm-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 41.66667%;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-sm-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-sm-7 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 58.33333%;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-sm-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 66.66667%;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-sm-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-sm-10 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 83.33333%;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-sm-11 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 91.66667%;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-sm-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-sm-first {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
}
.order-sm-last {
-webkit-box-ordinal-group: 14;
-webkit-order: 13;
-ms-flex-order: 13;
order: 13;
}
.order-sm-0 {
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
}
.order-sm-1 {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.order-sm-2 {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
}
.order-sm-3 {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3;
}
.order-sm-4 {
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
-ms-flex-order: 4;
order: 4;
}
.order-sm-5 {
-webkit-box-ordinal-group: 6;
-webkit-order: 5;
-ms-flex-order: 5;
order: 5;
}
.order-sm-6 {
-webkit-box-ordinal-group: 7;
-webkit-order: 6;
-ms-flex-order: 6;
order: 6;
}
.order-sm-7 {
-webkit-box-ordinal-group: 8;
-webkit-order: 7;
-ms-flex-order: 7;
order: 7;
}
.order-sm-8 {
-webkit-box-ordinal-group: 9;
-webkit-order: 8;
-ms-flex-order: 8;
order: 8;
}
.order-sm-9 {
-webkit-box-ordinal-group: 10;
-webkit-order: 9;
-ms-flex-order: 9;
order: 9;
}
.order-sm-10 {
-webkit-box-ordinal-group: 11;
-webkit-order: 10;
-ms-flex-order: 10;
order: 10;
}
.order-sm-11 {
-webkit-box-ordinal-group: 12;
-webkit-order: 11;
-ms-flex-order: 11;
order: 11;
}
.order-sm-12 {
-webkit-box-ordinal-group: 13;
-webkit-order: 12;
-ms-flex-order: 12;
order: 12;
}
.offset-sm-0 {
margin-left: 0;
}
.offset-sm-1 {
margin-left: 8.33333%;
}
.offset-sm-2 {
margin-left: 16.66667%;
}
.offset-sm-3 {
margin-left: 25%;
}
.offset-sm-4 {
margin-left: 33.33333%;
}
.offset-sm-5 {
margin-left: 41.66667%;
}
.offset-sm-6 {
margin-left: 50%;
}
.offset-sm-7 {
margin-left: 58.33333%;
}
.offset-sm-8 {
margin-left: 66.66667%;
}
.offset-sm-9 {
margin-left: 75%;
}
.offset-sm-10 {
margin-left: 83.33333%;
}
.offset-sm-11 {
margin-left: 91.66667%;
}
}
@media only screen and (min-width: 768px) {
.col-md {
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-md-auto {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-md-1 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 8.33333%;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-md-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 16.66667%;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-md-3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-md-4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.33333%;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-md-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 41.66667%;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-md-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-md-7 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 58.33333%;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-md-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 66.66667%;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-md-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-md-10 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 83.33333%;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-md-11 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 91.66667%;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-md-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-md-first {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
}
.order-md-last {
-webkit-box-ordinal-group: 14;
-webkit-order: 13;
-ms-flex-order: 13;
order: 13;
}
.order-md-0 {
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
}
.order-md-1 {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.order-md-2 {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
}
.order-md-3 {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3;
}
.order-md-4 {
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
-ms-flex-order: 4;
order: 4;
}
.order-md-5 {
-webkit-box-ordinal-group: 6;
-webkit-order: 5;
-ms-flex-order: 5;
order: 5;
}
.order-md-6 {
-webkit-box-ordinal-group: 7;
-webkit-order: 6;
-ms-flex-order: 6;
order: 6;
}
.order-md-7 {
-webkit-box-ordinal-group: 8;
-webkit-order: 7;
-ms-flex-order: 7;
order: 7;
}
.order-md-8 {
-webkit-box-ordinal-group: 9;
-webkit-order: 8;
-ms-flex-order: 8;
order: 8;
}
.order-md-9 {
-webkit-box-ordinal-group: 10;
-webkit-order: 9;
-ms-flex-order: 9;
order: 9;
}
.order-md-10 {
-webkit-box-ordinal-group: 11;
-webkit-order: 10;
-ms-flex-order: 10;
order: 10;
}
.order-md-11 {
-webkit-box-ordinal-group: 12;
-webkit-order: 11;
-ms-flex-order: 11;
order: 11;
}
.order-md-12 {
-webkit-box-ordinal-group: 13;
-webkit-order: 12;
-ms-flex-order: 12;
order: 12;
}
.offset-md-0 {
margin-left: 0;
}
.offset-md-1 {
margin-left: 8.33333%;
}
.offset-md-2 {
margin-left: 16.66667%;
}
.offset-md-3 {
margin-left: 25%;
}
.offset-md-4 {
margin-left: 33.33333%;
}
.offset-md-5 {
margin-left: 41.66667%;
}
.offset-md-6 {
margin-left: 50%;
}
.offset-md-7 {
margin-left: 58.33333%;
}
.offset-md-8 {
margin-left: 66.66667%;
}
.offset-md-9 {
margin-left: 75%;
}
.offset-md-10 {
margin-left: 83.33333%;
}
.offset-md-11 {
margin-left: 91.66667%;
}
}
@media only screen and (min-width: 992px) {
.col-lg {
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-lg-auto {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-lg-1 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 8.33333%;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-lg-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 16.66667%;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-lg-3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-lg-4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.33333%;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-lg-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 41.66667%;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-lg-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-lg-7 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 58.33333%;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-lg-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 66.66667%;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-lg-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-lg-10 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 83.33333%;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-lg-11 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 91.66667%;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-lg-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-lg-first {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
}
.order-lg-last {
-webkit-box-ordinal-group: 14;
-webkit-order: 13;
-ms-flex-order: 13;
order: 13;
}
.order-lg-0 {
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
}
.order-lg-1 {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.order-lg-2 {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
}
.order-lg-3 {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3;
}
.order-lg-4 {
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
-ms-flex-order: 4;
order: 4;
}
.order-lg-5 {
-webkit-box-ordinal-group: 6;
-webkit-order: 5;
-ms-flex-order: 5;
order: 5;
}
.order-lg-6 {
-webkit-box-ordinal-group: 7;
-webkit-order: 6;
-ms-flex-order: 6;
order: 6;
}
.order-lg-7 {
-webkit-box-ordinal-group: 8;
-webkit-order: 7;
-ms-flex-order: 7;
order: 7;
}
.order-lg-8 {
-webkit-box-ordinal-group: 9;
-webkit-order: 8;
-ms-flex-order: 8;
order: 8;
}
.order-lg-9 {
-webkit-box-ordinal-group: 10;
-webkit-order: 9;
-ms-flex-order: 9;
order: 9;
}
.order-lg-10 {
-webkit-box-ordinal-group: 11;
-webkit-order: 10;
-ms-flex-order: 10;
order: 10;
}
.order-lg-11 {
-webkit-box-ordinal-group: 12;
-webkit-order: 11;
-ms-flex-order: 11;
order: 11;
}
.order-lg-12 {
-webkit-box-ordinal-group: 13;
-webkit-order: 12;
-ms-flex-order: 12;
order: 12;
}
.offset-lg-0 {
margin-left: 0;
}
.offset-lg-1 {
margin-left: 8.33333%;
}
.offset-lg-2 {
margin-left: 16.66667%;
}
.offset-lg-3 {
margin-left: 25%;
}
.offset-lg-4 {
margin-left: 33.33333%;
}
.offset-lg-5 {
margin-left: 41.66667%;
}
.offset-lg-6 {
margin-left: 50%;
}
.offset-lg-7 {
margin-left: 58.33333%;
}
.offset-lg-8 {
margin-left: 66.66667%;
}
.offset-lg-9 {
margin-left: 75%;
}
.offset-lg-10 {
margin-left: 83.33333%;
}
.offset-lg-11 {
margin-left: 91.66667%;
}
}
@media only screen and (min-width: 1200px) {
.col-xl {
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-xl-auto {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-xl-1 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 8.33333%;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-xl-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 16.66667%;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-xl-3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-xl-4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.33333%;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-xl-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 41.66667%;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-xl-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-xl-7 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 58.33333%;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-xl-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 66.66667%;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-xl-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-xl-10 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 83.33333%;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-xl-11 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 91.66667%;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-xl-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-xl-first {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
}
.order-xl-last {
-webkit-box-ordinal-group: 14;
-webkit-order: 13;
-ms-flex-order: 13;
order: 13;
}
.order-xl-0 {
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
}
.order-xl-1 {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.order-xl-2 {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
}
.order-xl-3 {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3;
}
.order-xl-4 {
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
-ms-flex-order: 4;
order: 4;
}
.order-xl-5 {
-webkit-box-ordinal-group: 6;
-webkit-order: 5;
-ms-flex-order: 5;
order: 5;
}
.order-xl-6 {
-webkit-box-ordinal-group: 7;
-webkit-order: 6;
-ms-flex-order: 6;
order: 6;
}
.order-xl-7 {
-webkit-box-ordinal-group: 8;
-webkit-order: 7;
-ms-flex-order: 7;
order: 7;
}
.order-xl-8 {
-webkit-box-ordinal-group: 9;
-webkit-order: 8;
-ms-flex-order: 8;
order: 8;
}
.order-xl-9 {
-webkit-box-ordinal-group: 10;
-webkit-order: 9;
-ms-flex-order: 9;
order: 9;
}
.order-xl-10 {
-webkit-box-ordinal-group: 11;
-webkit-order: 10;
-ms-flex-order: 10;
order: 10;
}
.order-xl-11 {
-webkit-box-ordinal-group: 12;
-webkit-order: 11;
-ms-flex-order: 11;
order: 11;
}
.order-xl-12 {
-webkit-box-ordinal-group: 13;
-webkit-order: 12;
-ms-flex-order: 12;
order: 12;
}
.offset-xl-0 {
margin-left: 0;
}
.offset-xl-1 {
margin-left: 8.33333%;
}
.offset-xl-2 {
margin-left: 16.66667%;
}
.offset-xl-3 {
margin-left: 25%;
}
.offset-xl-4 {
margin-left: 33.33333%;
}
.offset-xl-5 {
margin-left: 41.66667%;
}
.offset-xl-6 {
margin-left: 50%;
}
.offset-xl-7 {
margin-left: 58.33333%;
}
.offset-xl-8 {
margin-left: 66.66667%;
}
.offset-xl-9 {
margin-left: 75%;
}
.offset-xl-10 {
margin-left: 83.33333%;
}
.offset-xl-11 {
margin-left: 91.66667%;
}
}
.d-none {
display: none !important;
}
.d-inline {
display: inline !important;
}
.d-inline-block {
display: inline-block !important;
}
.d-block {
display: block !important;
}
.d-table {
display: table !important;
}
.d-table-row {
display: table-row !important;
}
.d-table-cell {
display: table-cell !important;
}
.d-flex {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-inline-flex {
display: -webkit-inline-box !important;
display: -webkit-inline-flex !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
@media only screen and (min-width: 576px) {
.d-sm-none {
display: none !important;
}
.d-sm-inline {
display: inline !important;
}
.d-sm-inline-block {
display: inline-block !important;
}
.d-sm-block {
display: block !important;
}
.d-sm-table {
display: table !important;
}
.d-sm-table-row {
display: table-row !important;
}
.d-sm-table-cell {
display: table-cell !important;
}
.d-sm-flex {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-sm-inline-flex {
display: -webkit-inline-box !important;
display: -webkit-inline-flex !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media only screen and (min-width: 768px) {
.d-md-none {
display: none !important;
}
.d-md-inline {
display: inline !important;
}
.d-md-inline-block {
display: inline-block !important;
}
.d-md-block {
display: block !important;
}
.d-md-table {
display: table !important;
}
.d-md-table-row {
display: table-row !important;
}
.d-md-table-cell {
display: table-cell !important;
}
.d-md-flex {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-md-inline-flex {
display: -webkit-inline-box !important;
display: -webkit-inline-flex !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media only screen and (min-width: 992px) {
.d-lg-none {
display: none !important;
}
.d-lg-inline {
display: inline !important;
}
.d-lg-inline-block {
display: inline-block !important;
}
.d-lg-block {
display: block !important;
}
.d-lg-table {
display: table !important;
}
.d-lg-table-row {
display: table-row !important;
}
.d-lg-table-cell {
display: table-cell !important;
}
.d-lg-flex {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-lg-inline-flex {
display: -webkit-inline-box !important;
display: -webkit-inline-flex !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media only screen and (min-width: 1200px) {
.d-xl-none {
display: none !important;
}
.d-xl-inline {
display: inline !important;
}
.d-xl-inline-block {
display: inline-block !important;
}
.d-xl-block {
display: block !important;
}
.d-xl-table {
display: table !important;
}
.d-xl-table-row {
display: table-row !important;
}
.d-xl-table-cell {
display: table-cell !important;
}
.d-xl-flex {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-xl-inline-flex {
display: -webkit-inline-box !important;
display: -webkit-inline-flex !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
.flex-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-webkit-flex-direction: row !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-webkit-flex-direction: column !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-webkit-flex-direction: row-reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-webkit-flex-direction: column-reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-wrap {
-webkit-flex-wrap: wrap !important;
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-nowrap {
-webkit-flex-wrap: nowrap !important;
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
-webkit-flex-wrap: wrap-reverse !important;
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-fill {
-webkit-box-flex: 1 !important;
-webkit-flex: 1 1 auto !important;
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-grow-0 {
-webkit-box-flex: 0 !important;
-webkit-flex-grow: 0 !important;
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-grow-1 {
-webkit-box-flex: 1 !important;
-webkit-flex-grow: 1 !important;
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-shrink-0 {
-webkit-flex-shrink: 0 !important;
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-shrink-1 {
-webkit-flex-shrink: 1 !important;
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-start {
-webkit-box-pack: start !important;
-webkit-justify-content: flex-start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-end {
-webkit-box-pack: end !important;
-webkit-justify-content: flex-end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-center {
-webkit-box-pack: center !important;
-webkit-justify-content: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-between {
-webkit-box-pack: justify !important;
-webkit-justify-content: space-between !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-around {
-webkit-justify-content: space-around !important;
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-start {
-webkit-box-align: start !important;
-webkit-align-items: flex-start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-end {
-webkit-box-align: end !important;
-webkit-align-items: flex-end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-center {
-webkit-box-align: center !important;
-webkit-align-items: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-baseline {
-webkit-box-align: baseline !important;
-webkit-align-items: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-stretch {
-webkit-box-align: stretch !important;
-webkit-align-items: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-start {
-webkit-align-content: flex-start !important;
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-end {
-webkit-align-content: flex-end !important;
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-center {
-webkit-align-content: center !important;
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-between {
-webkit-align-content: space-between !important;
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-around {
-webkit-align-content: space-around !important;
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-stretch {
-webkit-align-content: stretch !important;
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-auto {
-webkit-align-self: auto !important;
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-start {
-webkit-align-self: flex-start !important;
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-end {
-webkit-align-self: flex-end !important;
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-center {
-webkit-align-self: center !important;
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-baseline {
-webkit-align-self: baseline !important;
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-stretch {
-webkit-align-self: stretch !important;
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
@media only screen and (min-width: 576px) {
.flex-sm-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-webkit-flex-direction: row !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-sm-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-webkit-flex-direction: column !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-sm-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-webkit-flex-direction: row-reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-sm-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-webkit-flex-direction: column-reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-sm-wrap {
-webkit-flex-wrap: wrap !important;
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-sm-nowrap {
-webkit-flex-wrap: nowrap !important;
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-sm-wrap-reverse {
-webkit-flex-wrap: wrap-reverse !important;
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-sm-fill {
-webkit-box-flex: 1 !important;
-webkit-flex: 1 1 auto !important;
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-sm-grow-0 {
-webkit-box-flex: 0 !important;
-webkit-flex-grow: 0 !important;
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-sm-grow-1 {
-webkit-box-flex: 1 !important;
-webkit-flex-grow: 1 !important;
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-sm-shrink-0 {
-webkit-flex-shrink: 0 !important;
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-sm-shrink-1 {
-webkit-flex-shrink: 1 !important;
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-sm-start {
-webkit-box-pack: start !important;
-webkit-justify-content: flex-start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-sm-end {
-webkit-box-pack: end !important;
-webkit-justify-content: flex-end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-sm-center {
-webkit-box-pack: center !important;
-webkit-justify-content: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-sm-between {
-webkit-box-pack: justify !important;
-webkit-justify-content: space-between !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-sm-around {
-webkit-justify-content: space-around !important;
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-sm-start {
-webkit-box-align: start !important;
-webkit-align-items: flex-start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-sm-end {
-webkit-box-align: end !important;
-webkit-align-items: flex-end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-sm-center {
-webkit-box-align: center !important;
-webkit-align-items: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-sm-baseline {
-webkit-box-align: baseline !important;
-webkit-align-items: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-sm-stretch {
-webkit-box-align: stretch !important;
-webkit-align-items: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-sm-start {
-webkit-align-content: flex-start !important;
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-sm-end {
-webkit-align-content: flex-end !important;
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-sm-center {
-webkit-align-content: center !important;
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-sm-between {
-webkit-align-content: space-between !important;
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-sm-around {
-webkit-align-content: space-around !important;
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-sm-stretch {
-webkit-align-content: stretch !important;
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-sm-auto {
-webkit-align-self: auto !important;
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-sm-start {
-webkit-align-self: flex-start !important;
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-sm-end {
-webkit-align-self: flex-end !important;
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-sm-center {
-webkit-align-self: center !important;
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-sm-baseline {
-webkit-align-self: baseline !important;
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-sm-stretch {
-webkit-align-self: stretch !important;
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media only screen and (min-width: 768px) {
.flex-md-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-webkit-flex-direction: row !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-md-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-webkit-flex-direction: column !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-md-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-webkit-flex-direction: row-reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-md-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-webkit-flex-direction: column-reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-md-wrap {
-webkit-flex-wrap: wrap !important;
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-md-nowrap {
-webkit-flex-wrap: nowrap !important;
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-md-wrap-reverse {
-webkit-flex-wrap: wrap-reverse !important;
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-md-fill {
-webkit-box-flex: 1 !important;
-webkit-flex: 1 1 auto !important;
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-md-grow-0 {
-webkit-box-flex: 0 !important;
-webkit-flex-grow: 0 !important;
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-md-grow-1 {
-webkit-box-flex: 1 !important;
-webkit-flex-grow: 1 !important;
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-md-shrink-0 {
-webkit-flex-shrink: 0 !important;
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-md-shrink-1 {
-webkit-flex-shrink: 1 !important;
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-md-start {
-webkit-box-pack: start !important;
-webkit-justify-content: flex-start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-md-end {
-webkit-box-pack: end !important;
-webkit-justify-content: flex-end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-md-center {
-webkit-box-pack: center !important;
-webkit-justify-content: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-md-between {
-webkit-box-pack: justify !important;
-webkit-justify-content: space-between !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-md-around {
-webkit-justify-content: space-around !important;
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-md-start {
-webkit-box-align: start !important;
-webkit-align-items: flex-start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-md-end {
-webkit-box-align: end !important;
-webkit-align-items: flex-end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-md-center {
-webkit-box-align: center !important;
-webkit-align-items: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-md-baseline {
-webkit-box-align: baseline !important;
-webkit-align-items: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-md-stretch {
-webkit-box-align: stretch !important;
-webkit-align-items: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-md-start {
-webkit-align-content: flex-start !important;
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-md-end {
-webkit-align-content: flex-end !important;
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-md-center {
-webkit-align-content: center !important;
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-md-between {
-webkit-align-content: space-between !important;
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-md-around {
-webkit-align-content: space-around !important;
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-md-stretch {
-webkit-align-content: stretch !important;
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-md-auto {
-webkit-align-self: auto !important;
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-md-start {
-webkit-align-self: flex-start !important;
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-md-end {
-webkit-align-self: flex-end !important;
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-md-center {
-webkit-align-self: center !important;
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-md-baseline {
-webkit-align-self: baseline !important;
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-md-stretch {
-webkit-align-self: stretch !important;
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media only screen and (min-width: 992px) {
.flex-lg-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-webkit-flex-direction: row !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-lg-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-webkit-flex-direction: column !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-lg-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-webkit-flex-direction: row-reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-lg-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-webkit-flex-direction: column-reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-lg-wrap {
-webkit-flex-wrap: wrap !important;
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-lg-nowrap {
-webkit-flex-wrap: nowrap !important;
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-lg-wrap-reverse {
-webkit-flex-wrap: wrap-reverse !important;
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-lg-fill {
-webkit-box-flex: 1 !important;
-webkit-flex: 1 1 auto !important;
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-lg-grow-0 {
-webkit-box-flex: 0 !important;
-webkit-flex-grow: 0 !important;
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-lg-grow-1 {
-webkit-box-flex: 1 !important;
-webkit-flex-grow: 1 !important;
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-lg-shrink-0 {
-webkit-flex-shrink: 0 !important;
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-lg-shrink-1 {
-webkit-flex-shrink: 1 !important;
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-lg-start {
-webkit-box-pack: start !important;
-webkit-justify-content: flex-start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-lg-end {
-webkit-box-pack: end !important;
-webkit-justify-content: flex-end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-lg-center {
-webkit-box-pack: center !important;
-webkit-justify-content: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-lg-between {
-webkit-box-pack: justify !important;
-webkit-justify-content: space-between !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-lg-around {
-webkit-justify-content: space-around !important;
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-lg-start {
-webkit-box-align: start !important;
-webkit-align-items: flex-start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-lg-end {
-webkit-box-align: end !important;
-webkit-align-items: flex-end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-lg-center {
-webkit-box-align: center !important;
-webkit-align-items: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-lg-baseline {
-webkit-box-align: baseline !important;
-webkit-align-items: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-lg-stretch {
-webkit-box-align: stretch !important;
-webkit-align-items: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-lg-start {
-webkit-align-content: flex-start !important;
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-lg-end {
-webkit-align-content: flex-end !important;
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-lg-center {
-webkit-align-content: center !important;
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-lg-between {
-webkit-align-content: space-between !important;
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-lg-around {
-webkit-align-content: space-around !important;
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-lg-stretch {
-webkit-align-content: stretch !important;
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-lg-auto {
-webkit-align-self: auto !important;
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-lg-start {
-webkit-align-self: flex-start !important;
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-lg-end {
-webkit-align-self: flex-end !important;
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-lg-center {
-webkit-align-self: center !important;
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-lg-baseline {
-webkit-align-self: baseline !important;
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-lg-stretch {
-webkit-align-self: stretch !important;
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media only screen and (min-width: 1200px) {
.flex-xl-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-webkit-flex-direction: row !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-xl-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-webkit-flex-direction: column !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-xl-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-webkit-flex-direction: row-reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-xl-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-webkit-flex-direction: column-reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-xl-wrap {
-webkit-flex-wrap: wrap !important;
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-xl-nowrap {
-webkit-flex-wrap: nowrap !important;
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-xl-wrap-reverse {
-webkit-flex-wrap: wrap-reverse !important;
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-xl-fill {
-webkit-box-flex: 1 !important;
-webkit-flex: 1 1 auto !important;
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-xl-grow-0 {
-webkit-box-flex: 0 !important;
-webkit-flex-grow: 0 !important;
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-xl-grow-1 {
-webkit-box-flex: 1 !important;
-webkit-flex-grow: 1 !important;
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-xl-shrink-0 {
-webkit-flex-shrink: 0 !important;
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-xl-shrink-1 {
-webkit-flex-shrink: 1 !important;
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-xl-start {
-webkit-box-pack: start !important;
-webkit-justify-content: flex-start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-xl-end {
-webkit-box-pack: end !important;
-webkit-justify-content: flex-end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-xl-center {
-webkit-box-pack: center !important;
-webkit-justify-content: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-xl-between {
-webkit-box-pack: justify !important;
-webkit-justify-content: space-between !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-xl-around {
-webkit-justify-content: space-around !important;
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-xl-start {
-webkit-box-align: start !important;
-webkit-align-items: flex-start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-xl-end {
-webkit-box-align: end !important;
-webkit-align-items: flex-end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-xl-center {
-webkit-box-align: center !important;
-webkit-align-items: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-xl-baseline {
-webkit-box-align: baseline !important;
-webkit-align-items: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-xl-stretch {
-webkit-box-align: stretch !important;
-webkit-align-items: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-xl-start {
-webkit-align-content: flex-start !important;
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-xl-end {
-webkit-align-content: flex-end !important;
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-xl-center {
-webkit-align-content: center !important;
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-xl-between {
-webkit-align-content: space-between !important;
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-xl-around {
-webkit-align-content: space-around !important;
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-xl-stretch {
-webkit-align-content: stretch !important;
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-xl-auto {
-webkit-align-self: auto !important;
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-xl-start {
-webkit-align-self: flex-start !important;
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-xl-end {
-webkit-align-self: flex-end !important;
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-xl-center {
-webkit-align-self: center !important;
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-xl-baseline {
-webkit-align-self: baseline !important;
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-xl-stretch {
-webkit-align-self: stretch !important;
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}  .woocommerce .return-to-shop {
display: none;
}
.woocommerce-checkout {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
}
.woocommerce-checkout .processing .blockOverlay {
background-image: url(//totaldisposal.com/wp-content/themes/total-disposal-custom-theme/src/assets/images/loader.svg) !important;
background-position: center 30% !important;
background-repeat: no-repeat !important;
height: 80px;
width: 80px;
position: fixed;
}
.woocommerce-checkout .woocommerce-order {
margin-bottom: 40px;
}
.woocommerce-checkout .woocommerce-notice {
margin-bottom: 15px;
}
.woocommerce-checkout .woocommerce-thankyou-order-details {
margin-bottom: 20px;
}
.woocommerce-checkout .woocommerce-thankyou-order-details ul {
margin-bottom: 10px;
}
.woocommerce-checkout .woocommerce-thankyou-order-details li {
margin-bottom: 7px;
}
.woocommerce-checkout .woocommerce-order-details p,
.woocommerce-checkout .woocommerce-order-details h2 {
margin-bottom: 7px;
}
.woocommerce-checkout .woocommerce-table--order-details {
max-width: 250px;
width: 100%;
text-align: left;
margin-bottom: 20px;
}
.woocommerce-checkout .woocommerce-columns--addresses {
max-width: 260px;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.woocommerce-checkout .woocommerce-columns--addresses .woocommerce-column--billing-address,
.woocommerce-checkout .woocommerce-columns--addresses .woocommerce-column--shipping-address {
width: 100%;
max-width: 50%;
padding: 5px;
}
.woocommerce-checkout .woocommerce-columns--addresses .woocommerce-column--billing-address {
margin-right: 20px;
padding-left: 0;
}
.woocommerce-checkout .col2-set {
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
@media screen and (max-width: 767px) {
.woocommerce-checkout .col2-set {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
}
.woocommerce-checkout .container {
max-width: 1235px;
}
.woocommerce-checkout .woocommerce {
padding-left: 57px;
}
@media screen and (max-width: 1240px) {
.woocommerce-checkout .woocommerce {
padding-left: 0;
}
}
.woocommerce-checkout .woocommerce-form-coupon-toggle {
display: none;
}
.woocommerce-checkout .woo-site-main {
padding-top: 40px;
}
@media screen and (max-width: 640px) {
.woocommerce-checkout .woo-site-main {
padding-top: 25px;
}
}
.woocommerce-checkout .woo-site__title {
letter-spacing: 1.06px;
margin-left: 83px;
}
@media screen and (max-width: 1240px) {
.woocommerce-checkout .woo-site__title {
margin-left: 30px;
}
}
.woocommerce-checkout .checkout__wrapper {
display: block;
padding-top: 47px;
padding-bottom: 60px;
}
.woocommerce-checkout .checkout__wrapper .checkout__info-wrapper {
padding-left: 31px;
padding-right: 30px;
width: 59%;
}
@media screen and (max-width: 767px) {
.woocommerce-checkout .checkout__wrapper .checkout__info-wrapper {
width: 100%;
}
}
@media screen and (max-width: 575px) {
.woocommerce-checkout .checkout__wrapper .checkout__info-wrapper {
padding: 0 15px;
}
}
.woocommerce-checkout .checkout__wrapper .checkout__info-wrapper .form-row-first {
width: 48%;
display: inline-block;
}
@media screen and (max-width: 500px) {
.woocommerce-checkout .checkout__wrapper .checkout__info-wrapper .form-row-first {
width: 100%;
}
}
.woocommerce-checkout .checkout__wrapper .checkout__info-wrapper .form-row-last {
width: 48%;
display: inline-block;
margin-left: 4%;
}
@media screen and (max-width: 500px) {
.woocommerce-checkout .checkout__wrapper .checkout__info-wrapper .form-row-last {
width: 100%;
margin-left: 0;
}
}
.woocommerce-checkout .checkout__wrapper .checkout__info-wrapper [id='billing_company_field'] {
margin-bottom: 30px;
}
@media screen and (max-width: 500px) {
.woocommerce-checkout .checkout__wrapper .checkout__info-wrapper [id='billing_company_field'] {
margin-bottom: 10px;
}
}
.woocommerce-checkout .checkout__wrapper .checkout__info-wrapper [id='billing_company_field'] span input {
display: none;
}
.woocommerce-checkout .checkout__wrapper .checkout__info-wrapper [for='billing_company'] {
position: relative;
margin-left: 31px;
}
.woocommerce-checkout .checkout__wrapper .checkout__info-wrapper [for='billing_company'].clicked::before {
content: '-';
left: -26px;
top: -6px;
font-weight: 400;
}
.woocommerce-checkout .checkout__wrapper .checkout__info-wrapper [for='billing_company']::before {
content: '+';
font-size: 24px;
position: absolute;
left: -27px;
top: -4px;
font-weight: 300;
}
.woocommerce-checkout .checkout__wrapper .checkout__info-wrapper [for='billing_company']::after {
content: '';
height: 19px;
width: 19px;
border-radius: 50%;
border: 1px solid #000;
position: absolute;
left: -31px;
top: 2px;
}
.woocommerce-checkout .checkout__wrapper .checkout__info-wrapper .address-field.update_totals_on_change {
display: none;
}
.woocommerce-checkout .checkout__wrapper .checkout__info-wrapper [name='billing_address_1'],
.woocommerce-checkout .checkout__wrapper .checkout__info-wrapper [name='billing_address_2'] {
width: 100%;
}
.woocommerce-checkout .checkout__wrapper .checkout__info-wrapper [id='billing_address_2_field'] {
margin-bottom: 30px;
}
@media screen and (max-width: 500px) {
.woocommerce-checkout .checkout__wrapper .checkout__info-wrapper [id='billing_address_2_field'] {
margin-bottom: 10px;
}
}
.woocommerce-checkout .checkout__wrapper .checkout__info-wrapper [id='billing_address_2_field'] span input {
display: none;
}
.woocommerce-checkout .checkout__wrapper .checkout__info-wrapper [for='billing_address_2'] {
position: relative;
margin-left: 31px;
}
.woocommerce-checkout .checkout__wrapper .checkout__info-wrapper [for='billing_address_2'].clicked::before {
content: '-';
left: -26px;
top: -6px;
font-weight: 400;
}
.woocommerce-checkout .checkout__wrapper .checkout__info-wrapper [for='billing_address_2']::before {
content: '+';
font-size: 24px;
position: absolute;
left: -27px;
top: -4px;
font-weight: 300;
}
.woocommerce-checkout .checkout__wrapper .checkout__info-wrapper [for='billing_address_2']::after {
content: '';
height: 19px;
width: 19px;
border-radius: 50%;
border: 1px solid #000;
position: absolute;
left: -31px;
top: 2px;
}
.woocommerce-checkout .checkout__wrapper .checkout__info-wrapper [id='billing_city_field'] {
width: 44%;
display: inline-block;
}
@media screen and (max-width: 991px) {
.woocommerce-checkout .checkout__wrapper .checkout__info-wrapper [id='billing_city_field'] {
width: 100%;
}
}
.woocommerce-checkout .checkout__wrapper .checkout__info-wrapper [id='billing_state_field'] {
display: inline-block;
width: 22%;
margin-left: 4%;
}
@media screen and (max-width: 991px) {
.woocommerce-checkout .checkout__wrapper .checkout__info-wrapper [id='billing_state_field'] {
width: 100%;
margin-left: 0;
}
}
.woocommerce-checkout .checkout__wrapper .checkout__info-wrapper [id='billing_state_field'] label[for='billing_state'] {
margin-bottom: 13px;
}
.woocommerce-checkout .checkout__wrapper .checkout__info-wrapper [id='billing_state_field'] .select2-container .select2-selection--single {
height: 47px;
margin-top: -9px;
}
@media screen and (max-width: 991px) {
.woocommerce-checkout .checkout__wrapper .checkout__info-wrapper [id='billing_state_field'] .select2-container .select2-selection--single {
width: 100%;
}
}
.woocommerce-checkout .checkout__wrapper .checkout__info-wrapper [id='billing_state_field'] .select2-container--default.select2-results__option[aria-selected='true']:focus,
.woocommerce-checkout .checkout__wrapper .checkout__info-wrapper [id='billing_state_field'] .select2-container--default.select2-results__option--highlighted[aria-selected]:focus {
outline: none !important;
}
.woocommerce-checkout .checkout__wrapper .checkout__info-wrapper [id='billing_state_field'] .select2-container--default .select2-selection--single {
border-radius: 0;
}
.woocommerce-checkout .checkout__wrapper .checkout__info-wrapper [id='billing_state_field'] .select2-selection__rendered {
padding-top: 6px;
}
.woocommerce-checkout .checkout__wrapper .checkout__info-wrapper [id='billing_postcode_field'] {
display: inline-block;
width: 24%;
margin-left: 4.5%;
}
@media screen and (max-width: 991px) {
.woocommerce-checkout .checkout__wrapper .checkout__info-wrapper [id='billing_postcode_field'] {
margin-left: 0;
margin-top: 7px;
width: 100%;
}
.woocommerce-checkout .checkout__wrapper .checkout__info-wrapper [id='billing_postcode_field'] input {
max-width: 120px;
}
}
.woocommerce-checkout .checkout__wrapper .checkout__info-wrapper [id='billing_phone_field'] {
width: 46%;
display: inline-block;
float: right;
margin-right: 13px;
margin-top: 43px;
}
@media screen and (max-width: 991px) {
.woocommerce-checkout .checkout__wrapper .checkout__info-wrapper [id='billing_phone_field'] {
margin-top: 7px;
}
}
@media screen and (max-width: 500px) {
.woocommerce-checkout .checkout__wrapper .checkout__info-wrapper [id='billing_phone_field'] {
width: 100%;
margin: 0;
}
}
.woocommerce-checkout .checkout__wrapper .checkout__info-wrapper [id='billing_email_field'] {
width: 46%;
display: inline-block;
float: left;
margin-top: 43px;
}
@media screen and (max-width: 991px) {
.woocommerce-checkout .checkout__wrapper .checkout__info-wrapper [id='billing_email_field'] {
margin-top: 7px;
}
}
@media screen and (max-width: 500px) {
.woocommerce-checkout .checkout__wrapper .checkout__info-wrapper [id='billing_email_field'] {
width: 100%;
margin: 0;
}
}
.woocommerce-checkout .checkout__wrapper .checkout__info-wrapper sup {
top: 0;
font-size: 90%;
}
.woocommerce-checkout .checkout__wrapper .form-row {
margin-bottom: 12px;
}
.woocommerce-checkout .checkout__wrapper h3 {
font-family: "Brandon Grotesque", Arial, Helvetica, sans-serif;
font-size: 20px;
font-weight: 500;
color: #333;
letter-spacing: .49px;
text-transform: uppercase;
margin-bottom: 17px;
}
.woocommerce-checkout .checkout__wrapper label {
font-size: 20px;
font-weight: 500;
letter-spacing: .49px;
color: #333;
display: block;
margin-bottom: 6px;
}
@media screen and (max-width: 640px) {
.woocommerce-checkout .checkout__wrapper label {
font-size: 18px;
}
}
.woocommerce-checkout .checkout__wrapper input {
height: 47px;
max-width: 329px;
width: 100%;
border: 1px solid #979797;
background-color: #fff;
padding: 0 10px;
font-size: 18px;
font-family: "Brandon Grotesque", Arial, Helvetica, sans-serif;
color: #333;
}
@media screen and (max-width: 991px) {
.woocommerce-checkout .checkout__wrapper input {
max-width: 100%;
}
}
.woocommerce-checkout .checkout__wrapper .checkout__additional-wrapper {
margin-left: 30px;
width: 53.4%;
margin-top: 172px;
}
@media screen and (max-width: 991px) {
.woocommerce-checkout .checkout__wrapper .checkout__additional-wrapper {
margin-left: 28px;
}
}
@media screen and (max-width: 767px) {
.woocommerce-checkout .checkout__wrapper .checkout__additional-wrapper {
width: 100%;
margin-left: 0;
margin-top: 130px;
padding-left: 29px;
padding-right: 30px;
}
}
@media screen and (max-width: 575px) {
.woocommerce-checkout .checkout__wrapper .checkout__additional-wrapper {
padding: 0 15px;
}
}
@media screen and (max-width: 500px) {
.woocommerce-checkout .checkout__wrapper .checkout__additional-wrapper {
margin-top: 180px;
}
}
.woocommerce-checkout .checkout__wrapper .checkout__additional-title {
margin-bottom: 1px;
}
.woocommerce-checkout .checkout__wrapper .checkout__additional-subtitle {
font-size: 20px;
letter-spacing: .24px;
color: #333;
font-weight: 500;
display: block;
margin-bottom: 58px;
}
@media screen and (max-width: 991px) {
.woocommerce-checkout .checkout__wrapper .checkout__additional-subtitle {
margin-bottom: 30px;
}
}
@media screen and (max-width: 640px) {
.woocommerce-checkout .checkout__wrapper .checkout__additional-subtitle {
margin-bottom: 20px;
}
}
.woocommerce-checkout .checkout__wrapper .checkout__additional-field-wrapper {
padding-left: 2px;
margin-bottom: 39px;
}
@media screen and (max-width: 640px) {
.woocommerce-checkout .checkout__wrapper .checkout__additional-field-wrapper {
margin-bottom: 15px;
}
}
.woocommerce-checkout .checkout__wrapper .checkout__additional-field-title {
font-size: 20px;
font-weight: 500;
letter-spacing: .49px;
color: #333;
display: block;
margin-bottom: 6px;
}
@media screen and (max-width: 1199px) {
.woocommerce-checkout .checkout__wrapper .checkout__additional-field-title br {
display: none;
}
}
@media screen and (max-width: 640px) {
.woocommerce-checkout .checkout__wrapper .checkout__additional-field-title {
font-size: 18px;
}
}
.woocommerce-checkout .checkout__wrapper .checkout__additional-field-input {
max-width: 100%;
}
.woocommerce-checkout .woocommerce-checkout-payment {
background-color: #e6e4e6;
margin-right: 51px;
border-radius: 5px;
padding: 13px 0 30px;
margin-bottom: 91px;
position: relative;
max-width: 1103px;
width: 100%;
}
@media screen and (max-width: 1240px) {
.woocommerce-checkout .woocommerce-checkout-payment {
margin: 0 auto 91px;
}
}
.woocommerce-checkout .woocommerce-checkout-payment::before {
content: '';
height: 24px;
width: 100%;
max-width: 155px;
background-repeat: no-repeat;
background-image: url(https://totaldisposal.com/wp-content/themes/total-disposal-custom-theme/__demo/payment/cards-1.png);
position: absolute;
top: 14px;
left: 94px;
}
.woocommerce-checkout .woocommerce-checkout-payment [for='payment_method_stripe'] {
display: inline-block;
padding-left: 14px;
font-size: 14px;
color: #000;
font-weight: 500;
letter-spacing: .2px;
margin-bottom: 15px;
}
.woocommerce-checkout .woocommerce-checkout-payment [for='payment_method_stripe'] img {
display: none;
}
.woocommerce-checkout .woocommerce-checkout-payment [for='payment_method_stripe']::before, .woocommerce-checkout .woocommerce-checkout-payment [for='payment_method_stripe']::after {
display: none;
}
.woocommerce-checkout .woocommerce-checkout-payment [id='stripe-payment-data'] {
position: relative;
}
.woocommerce-checkout .woocommerce-checkout-payment [id='stripe-payment-data']::before {
content: '';
position: absolute;
top: -11px;
left: 26px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 10px 13px;
border-color: transparent transparent #d8d4d6;
}
.woocommerce-checkout .woocommerce-checkout-payment [id='stripe-payment-data'] p {
font-size: 12px;
margin: 13px 12px 0;
display: inline-block;
letter-spacing: -.1px;
font-weight: 400;
color: #333;
font-family: "Open Sans", Arial, Helvetica, sans-serif;
}
.woocommerce-checkout .woocommerce-checkout-payment .payment_box {
background-color: #d8d4d6;
margin-left: 15px;
margin-right: 15px;
}
.woocommerce-checkout .woocommerce-checkout-payment .woocommerce-SavedPaymentMethods-saveNew {
display: none;
}
.woocommerce-checkout .woocommerce-checkout-payment .wc-payment-form [for='stripe-card-element'],
.woocommerce-checkout .woocommerce-checkout-payment .wc-payment-form [for='stripe-exp-element'],
.woocommerce-checkout .woocommerce-checkout-payment .wc-payment-form [for='stripe-cvc-element'] {
font-family: "Open Sans", Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: 500;
letter-spacing: -.1px;
display: inline-block;
margin-bottom: 4px;
color: #cc5759;
}
.woocommerce-checkout .woocommerce-checkout-payment .wc-payment-form [for='stripe-card-element'] .required,
.woocommerce-checkout .woocommerce-checkout-payment .wc-payment-form [for='stripe-exp-element'] .required,
.woocommerce-checkout .woocommerce-checkout-payment .wc-payment-form [for='stripe-cvc-element'] .required {
color: #fd090f;
}
.woocommerce-checkout .woocommerce-checkout-payment .wc-payment-form .form-row-wide {
margin-top: 4px;
padding-left: 14px;
margin-bottom: 20px;
}
.woocommerce-checkout .woocommerce-checkout-payment .wc-payment-form .form-row-wide .stripe-card-group {
max-width: 98.5%;
}
.woocommerce-checkout .woocommerce-checkout-payment .wc-payment-form .form-row-wide .stripe-credit-card-brand {
right: 15px;
width: 36px;
}
.woocommerce-checkout .woocommerce-checkout-payment .wc-payment-form .form-row-first {
width: 47.3%;
display: inline-block;
padding-left: 14px;
}
@media screen and (max-width: 575px) {
.woocommerce-checkout .woocommerce-checkout-payment .wc-payment-form .form-row-first {
width: 100%;
padding-right: 8px;
}
}
.woocommerce-checkout .woocommerce-checkout-payment .wc-payment-form .form-row-last {
display: inline-block;
width: 46%;
margin-left: 5%;
}
@media screen and (max-width: 575px) {
.woocommerce-checkout .woocommerce-checkout-payment .wc-payment-form .form-row-last {
width: 100%;
padding-right: 8px;
margin-left: 0;
padding-left: 14px;
}
}
.woocommerce-checkout .woocommerce-checkout-payment .form-row.woocommerce-SavedPaymentMethods-saveNew.woocommerce-validated {
display: none !important;
}
.woocommerce-checkout .woocommerce-checkout-payment [id='place_order'] {
height: 31px;
padding: 5px 15px;
border-radius: 3px;
font-size: 15px;
background-color: #361868;
min-width: 10px;
text-transform: capitalize;
float: right;
margin-right: 12px;
margin-bottom: 5px;
color: #fff;
font-weight: 600;
}
@media screen and (max-width: 640px) {
.woocommerce-checkout .woocommerce-checkout-payment [id='place_order'] {
max-width: 100%;
width: 100%;
margin-right: 0;
}
}
.woocommerce-checkout .woocommerce-checkout-payment [id='place_order']:focus {
outline: none;
}
.woocommerce-checkout .woocommerce-checkout-payment .woocommerce-privacy-policy-text p {
color: #333;
letter-spacing: .43px;
font-size: 13px;
font-weight: 500;
font-family: "Open Sans", Arial, Helvetica, sans-serif;
}
.woocommerce-checkout .woocommerce-checkout-payment .payment_methods {
margin-bottom: 15px;
padding-bottom: 27px;
border-bottom: 1px solid #d8d4d6;
}
.woocommerce-checkout .woocommerce-checkout-payment .place-order {
padding-left: 9px;
padding-bottom: 15px;
}
@media screen and (max-width: 640px) {
.woocommerce-checkout .woocommerce-checkout-payment .place-order {
padding: 0 15px 15px;
}
}
.woocommerce-checkout .woocommerce-checkout-payment .woocommerce-terms-and-conditions-wrapper {
margin-bottom: 55px;
padding: 0 5px;
}
@media screen and (max-width: 640px) {
.woocommerce-checkout .woocommerce-checkout-payment .woocommerce-terms-and-conditions-wrapper {
margin-bottom: 25px;
}
}
.woo-site-main {
min-height: 485px;
padding-top: 40px;
}
.woocommerce-account.logged-in .woo-site__title {
display: block;
}
.woocommerce-account.logged-in .woocommerce {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
padding: 55px 0 30px;
font-family: "Open Sans", Arial, Helvetica, sans-serif;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
@media screen and (max-width: 991px) {
.woocommerce-account.logged-in .woocommerce {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
}
.woocommerce-account.logged-in .woocommerce input:not([type='checkbox']) {
width: 100%;
color: #000;
font-family: "Lato", Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: 400;
-webkit-box-shadow: inset 1px 3px 7px rgba(137, 137, 137, 0.16);
box-shadow: inset 1px 3px 7px rgba(137, 137, 137, 0.16);
border-radius: 5px;
border: 1px solid #ababab;
-webkit-transition: 350ms ease-in-out;
transition: 350ms ease-in-out;
height: 45px;
margin-bottom: 5px;
padding: 0 15px;
}
.woocommerce-account.logged-in .woocommerce input:not([type='checkbox']):hover, .woocommerce-account.logged-in .woocommerce input:not([type='checkbox']):focus {
border: 1px solid #422d79;
-webkit-box-shadow: inset 0 0 0 rgba(137, 137, 137, 0.16);
box-shadow: inset 0 0 0 rgba(137, 137, 137, 0.16);
}
@media screen and (max-width: 991px) {
.woocommerce-account.logged-in .woocommerce input:not([type='checkbox']) {
height: 40px;
font-size: 16px;
}
}
@media screen and (max-width: 640px) {
.woocommerce-account.logged-in .woocommerce input:not([type='checkbox']) {
margin-bottom: 10px;
padding: 0 15px;
}
}
.woocommerce-account.logged-in .woocommerce label {
font-weight: 500;
font-size: 18px;
margin-bottom: 10px;
display: block;
font-family: "lato", Arial, Helvetica, sans-serif;
}
@media screen and (max-width: 991px) {
.woocommerce-account.logged-in .woocommerce label {
font-size: 16px;
}
}
@media screen and (max-width: 640px) {
.woocommerce-account.logged-in .woocommerce label {
font-size: 15px;
}
}
.woocommerce-account.logged-in .woocommerce p:first-child {
margin-bottom: 20px;
line-height: 1.7;
}
.woocommerce-account.logged-in .woocommerce form .form-row {
padding: 3px;
margin: 0 0 2px;
}
.woocommerce-account.logged-in .woocommerce form .form-row em {
display: block;
font-size: 13px;
}
.woocommerce-account.logged-in .woocommerce form fieldset {
margin-top: 30px;
border: 1px solid #000;
border-radius: 5px;
padding: 15px;
}
.woocommerce-account.logged-in .woocommerce form fieldset legend {
padding: 0 4px;
}
.woocommerce-account.logged-in .woocommerce .select2 {
max-width: 100%;
}
.woocommerce-account.logged-in .woocommerce .select2-container .select2-selection--single {
height: 45px;
width: 100%;
color: #000;
font-family: "Lato", Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: 400;
-webkit-box-shadow: inset 1px 3px 7px rgba(137, 137, 137, 0.16);
box-shadow: inset 1px 3px 7px rgba(137, 137, 137, 0.16);
border-radius: 5px;
border: 1px solid #ababab;
-webkit-transition: 350ms ease-in-out;
transition: 350ms ease-in-out;
margin-bottom: 5px;
padding: 0 15px;
}
.woocommerce-account.logged-in .woocommerce .select2-container .select2-selection--single:hover, .woocommerce-account.logged-in .woocommerce .select2-container .select2-selection--single:focus {
border: 1px solid #422d79;
-webkit-box-shadow: inset 0 0 0 rgba(137, 137, 137, 0.16);
box-shadow: inset 0 0 0 rgba(137, 137, 137, 0.16);
}
@media screen and (max-width: 991px) {
.woocommerce-account.logged-in .woocommerce .select2-container .select2-selection--single {
height: 40px;
}
}
.woocommerce-account.logged-in .woocommerce .select2-container .select2-selection--single .select2-selection__rendered {
padding: 5px;
}
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation {
margin-right: 30px;
border-right: 1px solid #333;
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start;
}
@media screen and (max-width: 991px) {
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation {
border: none;
margin-right: 0;
width: 100%;
}
}
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation .is-active {
position: relative;
}
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation .is-active::after {
content: '';
height: 100%;
width: 3px;
background-color: #422d79;
position: absolute;
top: 0;
right: 0;
}
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation .is-active a {
font-weight: 600;
}
@media screen and (max-width: 991px) {
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation .is-active::after {
display: none;
}
}
@media screen and (max-width: 991px) {
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
border-bottom: 1px solid #333;
}
}
@media screen and (max-width: 767px) {
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding-bottom: 20px;
border-bottom: 0.5px solid #333;
}
}
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation-link {
height: 40px;
min-width: 200px;
-webkit-transition: 350ms ease;
transition: 350ms ease;
}
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation-link:not(:last-child) {
border-bottom: 1px solid #333;
}
@media screen and (max-width: 991px) {
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation-link:not(:last-child) {
border-bottom: none;
}
}
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation-link:hover {
-webkit-transition: 350ms ease;
transition: 350ms ease;
}
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation-link:hover:not(:last-child) {
border-bottom: 1px solid #422d79;
}
@media screen and (max-width: 991px) {
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation-link:hover:not(:last-child) {
border-bottom: none;
}
}
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation-link a {
-webkit-transition: 350ms ease;
transition: 350ms ease;
color: #000;
display: block;
width: 100%;
height: 100%;
padding: 10px 0;
cursor: pointer;
font-family: "Open Sans", Arial, Helvetica, sans-serif;
font-size: 18px;
}
@media screen and (max-width: 991px) {
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation-link a {
font-size: 16px;
}
}
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation-link a:hover {
-webkit-transition: 350ms ease;
transition: 350ms ease;
color: #422d79;
}
@media screen and (max-width: 767px) {
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation-link a {
width: 100%;
}
}
@media screen and (max-width: 991px) {
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation-link {
min-width: 50px;
width: auto;
border: none;
display: inline-block;
}
}
@media screen and (max-width: 767px) {
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation-link {
width: 100%;
text-align: center;
border: 1px solid #333;
}
}
.woocommerce-account.logged-in .woocommerce-MyAccount-content {
max-width: 820px;
width: 100%;
}
.woocommerce-account.logged-in .woocommerce-MyAccount-content h3 {
margin-bottom: 30px;
font-weight: 600;
line-height: 1.2;
}
.woocommerce-account.logged-in .woocommerce-MyAccount-content a {
color: #8f7dbf;
text-decoration: underline;
-webkit-transition: 350ms ease;
transition: 350ms ease;
}
.woocommerce-account.logged-in .woocommerce-MyAccount-content a:hover {
-webkit-transition: 350ms ease;
transition: 350ms ease;
color: #422d79;
text-decoration: underline;
}
.woocommerce-account.logged-in .woocommerce-MyAccount-content p {
margin-bottom: 30px;
max-width: 100%;
}
.woocommerce-account.logged-in .addresses {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
@media screen and (max-width: 767px) {
.woocommerce-account.logged-in .addresses {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
}
.woocommerce-account.logged-in .addresses .woocommerce-Address {
margin-bottom: 30px;
width: 100%;
}
@media screen and (max-width: 767px) {
.woocommerce-account.logged-in .addresses .woocommerce-Address {
max-width: 100%;
}
}
.woocommerce-account.logged-in .addresses .woocommerce-Address address {
line-height: 1.5;
}
.woocommerce-account.logged-in .addresses .woocommerce-Address-title {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.woocommerce-account.logged-in .addresses .woocommerce-Address-title a {
margin-left: 35px;
}
.woocommerce-account .woo-site-main {
padding: 60px 0 40px;
}
.woocommerce-account .woocommerce-notices-wrapper {
margin-bottom: 0;
}
.woocommerce-account .woo-site__title {
display: none;
}
.woocommerce-account .woocommerce {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
padding-top: 10px;
}
.woocommerce-account .woocommerce .woocommerce-notices-wrapper {
margin-bottom: 20px;
}
.woocommerce-account .woocommerce .woocommerce-notices-wrapper li {
margin-bottom: 5px;
}
.woocommerce-account .woocommerce .woocommerce-notices-wrapper .woocommerce-error {
color: #e2401c;
}
.woocommerce-account .woocommerce .woocommerce-notices-wrapper .woocommerce-message {
color: #8f7dbf;
}
.woocommerce-account .woocommerce .woocommerce-form-login {
max-width: 650px;
max-height: 600px;
height: 100%;
width: 100%;
background-color: #e3f3f0;
padding: 84px 92px 93px 91px;
margin: 50px 0 121px;
}
@media screen and (max-width: 767px) {
.woocommerce-account .woocommerce .woocommerce-form-login {
padding: 84px 50px 93px;
margin: 0 0 30px;
}
}
@media screen and (max-width: 575px) {
.woocommerce-account .woocommerce .woocommerce-form-login {
padding: 50px 20px 60px;
}
}
.woocommerce-account .woocommerce .woocommerce-form-login h2 {
font-family: "Open Sans", Arial, Helvetica, sans-serif;
font-size: 30px;
font-weight: 700;
letter-spacing: 1.5px;
text-transform: uppercase;
color: #2a2a2b;
text-align: center;
margin-bottom: 47px;
}
.woocommerce-account .woocommerce .woocommerce-form-login input:not([type='checkbox']) {
width: 100%;
color: #000;
font-family: "Brandon Grotesque", Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: 400;
-webkit-box-shadow: inset 1px 3px 7px rgba(137, 137, 137, 0.16);
box-shadow: inset 1px 3px 7px rgba(137, 137, 137, 0.16);
border-radius: 5px;
border: 1px solid #ababab;
-webkit-transition: 350ms ease-in-out;
transition: 350ms ease-in-out;
height: 58px;
margin-bottom: 21px;
padding: 0 24px;
background-color: #fff;
}
.woocommerce-account .woocommerce .woocommerce-form-login input:not([type='checkbox']):hover, .woocommerce-account .woocommerce .woocommerce-form-login input:not([type='checkbox']):focus {
border: 1px solid #422d79;
-webkit-box-shadow: inset 0 0 0 rgba(137, 137, 137, 0.16);
box-shadow: inset 0 0 0 rgba(137, 137, 137, 0.16);
}
.woocommerce-account .woocommerce .woocommerce-form-login input:not([type='checkbox'])::-webkit-input-placeholder {
color: #969696;
font-family: "Lato", Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: 400;
letter-spacing: 1px;
}
.woocommerce-account .woocommerce .woocommerce-form-login input:not([type='checkbox'])::-moz-placeholder {
color: #969696;
font-family: "Lato", Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: 400;
letter-spacing: 1px;
}
.woocommerce-account .woocommerce .woocommerce-form-login input:not([type='checkbox']):-ms-input-placeholder {
color: #969696;
font-family: "Lato", Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: 400;
letter-spacing: 1px;
}
.woocommerce-account .woocommerce .woocommerce-form-login input:not([type='checkbox'])::-ms-input-placeholder {
color: #969696;
font-family: "Lato", Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: 400;
letter-spacing: 1px;
}
.woocommerce-account .woocommerce .woocommerce-form-login input:not([type='checkbox'])::placeholder {
color: #969696;
font-family: "Lato", Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: 400;
letter-spacing: 1px;
}
@media screen and (max-width: 640px) {
.woocommerce-account .woocommerce .woocommerce-form-login input:not([type='checkbox']) {
height: 40px;
margin-bottom: 10px;
padding: 0 15px;
}
}
.woocommerce-account .woocommerce .woocommerce-form-login .woocommerce-form-login__submit {
width: 100%;
min-height: 58px;
background-color: #000;
margin-top: -1px;
margin-bottom: 28px;
-webkit-transition: 350ms ease;
transition: 350ms ease;
color: #fff;
font-family: "Open Sans", Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: 700;
}
@media screen and (max-width: 400px) {
.woocommerce-account .woocommerce .woocommerce-form-login .woocommerce-form-login__submit {
min-height: 45px;
}
}
.woocommerce-account .woocommerce .woocommerce-form-login .woocommerce-form-login__submit:hover {
background-color: #8f7dbf;
-webkit-transition: 350ms ease;
transition: 350ms ease;
}
.woocommerce-account .woocommerce .woocommerce-form-login .custom-woo-forgot-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 56px;
}
@media screen and (max-width: 575px) {
.woocommerce-account .woocommerce .woocommerce-form-login .custom-woo-forgot-wrapper {
margin-bottom: 40px;
}
}
@media screen and (max-width: 400px) {
.woocommerce-account .woocommerce .woocommerce-form-login .custom-woo-forgot-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
}
.woocommerce-account .woocommerce .woocommerce-form-login .custom-woo-forgot-wrapper .custom-woo-forgot {
display: inline-block;
margin-bottom: 0;
line-height: 1;
font-family: "Lato", Arial, Helvetica, sans-serif;
font-size: 16px;
color: #969696;
font-weight: 400;
margin-right: 5px;
}
@media screen and (max-width: 400px) {
.woocommerce-account .woocommerce .woocommerce-form-login .custom-woo-forgot-wrapper .custom-woo-forgot {
margin-right: 0;
margin-bottom: 10px;
}
}
.woocommerce-account .woocommerce .woocommerce-form-login .custom-woo-forgot-wrapper .woocommerce-LostPassword {
font-family: "Lato", Arial, Helvetica, sans-serif;
font-size: 16px;
color: #000;
font-weight: 500;
line-height: 1;
position: relative;
-webkit-transition: 350ms ease;
transition: 350ms ease;
padding-top: 1px;
}
.woocommerce-account .woocommerce .woocommerce-form-login .custom-woo-forgot-wrapper .woocommerce-LostPassword:hover::after {
background-color: #422d79;
-webkit-transition: 350ms ease;
transition: 350ms ease;
}
.woocommerce-account .woocommerce .woocommerce-form-login .custom-woo-forgot-wrapper .woocommerce-LostPassword:hover a {
color: #422d79;
-webkit-transition: 350ms ease;
transition: 350ms ease;
}
.woocommerce-account .woocommerce .woocommerce-form-login .custom-woo-forgot-wrapper .woocommerce-LostPassword::after {
content: '';
position: absolute;
height: 2px;
width: 100%;
background-color: #000;
left: 0;
bottom: -2px;
}
.woocommerce-account .woocommerce .woocommerce-form-login .custom-woo-create-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
@media screen and (max-width: 400px) {
.woocommerce-account .woocommerce .woocommerce-form-login .custom-woo-create-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
}
.woocommerce-account .woocommerce .woocommerce-form-login .custom-woo-create-wrapper .custom-woo-create {
display: inline-block;
margin-bottom: 0;
line-height: 1;
font-family: "Lato", Arial, Helvetica, sans-serif;
font-size: 18px;
color: #000;
font-weight: 500;
margin-right: 4px;
}
@media screen and (max-width: 400px) {
.woocommerce-account .woocommerce .woocommerce-form-login .custom-woo-create-wrapper .custom-woo-create {
margin-right: 0;
margin-bottom: 10px;
}
}
.woocommerce-account .woocommerce .woocommerce-form-login .custom-woo-create-wrapper .create__account {
font-family: "Lato", Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: 700;
line-height: 1;
position: relative;
}
.woocommerce-account .woocommerce .woocommerce-form-login .custom-woo-create-wrapper .create__account:hover a {
color: #422d79;
-webkit-transition: 350ms ease;
transition: 350ms ease;
}
.woocommerce-account .woocommerce .woocommerce-form-login .custom-woo-create-wrapper .create__account:hover::after {
background-color: #422d79;
-webkit-transition: 350ms ease;
transition: 350ms ease;
}
.woocommerce-account .woocommerce .woocommerce-form-login .custom-woo-create-wrapper .create__account a {
color: #8f7dbf;
-webkit-transition: 350ms ease;
transition: 350ms ease;
display: inline-block;
}
.woocommerce-account .woocommerce .woocommerce-form-login .custom-woo-create-wrapper .create__account::after {
content: '';
position: absolute;
height: 2px;
width: 100%;
background-color: #8f7dbf;
left: 0;
bottom: -2px;
-webkit-transition: 350ms ease;
transition: 350ms ease;
}
.woocommerce_error,
.woocommerce-error,
.woocommerce-notice--error {
background-color: rgba(251, 154, 154, 0.5);
padding: 10px;
margin: 10px 5px 0;
color: #e2401c;
border: 1px solid #e2401c;
border-radius: 6px;
}
.woocommerce_message,
.woocommerce-message,
.woocommerce-notice--message {
background-color: rgba(245, 245, 149, 0.1);
padding: 10px;
margin: 10px 5px 0;
color: #422d79;
border: 1px solid #efe434;
border-radius: 6px;
}
.woocommerce_info,
.woocommerce-info,
.woocommerce-notice--success {
background-color: rgba(227, 243, 240, 0.5);
padding: 10px;
margin: 10px 5px 0;
color: #00be9d;
border: 1px solid #00be9d;
border-radius: 6px;
}
.woocommerce-notices-wrapper {
width: 100%;
display: block;
}
.woocommerce-notices-wrapper .woocommerce-error {
background-color: rgba(251, 154, 154, 0.5);
padding: 10px;
margin: 0 auto 50px;
color: #e2401c;
border: 1px solid #e2401c;
border-radius: 6px;
}
.woocommerce-notices-wrapper .woocommerce-message {
background-color: rgba(245, 245, 149, 0.1);
padding: 10px;
margin: 0 auto 50px;
color: #422d79;
border: 1px solid #efe434;
border-radius: 6px;
}
.woocommerce-notices-wrapper .woocommerce-info {
background-color: rgba(227, 243, 240, 0.5);
padding: 10px;
margin: 0 auto 50px;
color: #00be9d;
border: 1px solid #00be9d;
border-radius: 6px;
}
.woocommerce-lost-password .woocommerce {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
font-family: "Open Sans", Arial, Helvetica, sans-serif;
position: relative;
padding-top: 30px;
}
.woocommerce-lost-password .woocommerce-notices-wrapper {
position: absolute;
top: -13px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.woocommerce-lost-password .custom-woo__title {
text-align: center;
}
.woocommerce-lost-password .woocommerce-ResetPassword {
margin: 0 auto;
max-width: 555px;
padding: 20px 10px;
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
}
.woocommerce-lost-password label {
font-weight: 500;
font-size: 18px;
margin-bottom: 15px;
display: block;
}
@media screen and (max-width: 640px) {
.woocommerce-lost-password label {
font-size: 17px;
}
}
.woocommerce-lost-password input:not([type='checkbox']) {
width: 100%;
color: #000;
font-family: "Lato", Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: 400;
-webkit-box-shadow: inset 1px 3px 7px rgba(137, 137, 137, 0.16);
box-shadow: inset 1px 3px 7px rgba(137, 137, 137, 0.16);
border-radius: 5px;
border: 1px solid #ababab;
-webkit-transition: 350ms ease-in-out;
transition: 350ms ease-in-out;
height: 45px;
margin-bottom: 5px;
padding: 0 15px;
}
.woocommerce-lost-password input:not([type='checkbox']):hover, .woocommerce-lost-password input:not([type='checkbox']):focus {
border: 1px solid #422d79;
-webkit-box-shadow: inset 0 0 0 rgba(137, 137, 137, 0.16);
box-shadow: inset 0 0 0 rgba(137, 137, 137, 0.16);
}
@media screen and (max-width: 640px) {
.woocommerce-lost-password input:not([type='checkbox']) {
height: 40px;
margin-bottom: 10px;
padding: 0 15px;
}
}
.woocommerce-lost-password p:first-child {
margin-bottom: 20px;
}
@media screen and (max-width: 640px) {
.woocommerce-lost-password p {
font-size: 15px;
}
}
.woocommerce-lost-password button {
font-family: "Open Sans", Arial, Helvetica, sans-serif;
}
@media screen and (max-width: 400px) {
.woocommerce-lost-password button {
width: 100%;
}
}  body,
button,
input,
select,
optgroup,
textarea {
color: #000;
font-family: "Lato", Arial, Helvetica, sans-serif;
font-size: 16px;
line-height: 1.35;
}
pre {
background: #bebebe;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
.page-title {
display: block;
font-weight: 700;
font-size: 44px;
font-family: "Lato", Arial, Helvetica, sans-serif;
letter-spacing: .4px;
text-transform: uppercase;
color: #fff;
}
.section-title {
display: block;
font-weight: 700;
font-size: 44px;
font-family: "Lato", Arial, Helvetica, sans-serif;
line-height: 1.22;
letter-spacing: .4px;
}
@media screen and (max-width: 991px) {
.section-title {
font-size: 31px;
}
}
@media screen and (max-width: 767px) {
.section-title {
font-size: 30px;
}
}
.section-title--small {
font-size: 26px;
}
.section-title--mid {
font-size: 36px;
} .entry-content {
line-height: 1.35;
font-size: 16px;
}
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
margin-bottom: 15px;
}
.entry-content h1 {
font-size: 30px;
}
.entry-content h2 {
font-size: 24px;
}
.entry-content h3 {
font-size: 18px;
}
.entry-content h4 {
font-size: 14px;
}
.entry-content h5 {
font-size: 12px;
}
.entry-content h6 {
font-size: 10px;
}
.entry-content p {
line-height: 1.45;
margin-bottom: 25px;
}
.entry-content li {
margin-bottom: 4px;
}
.entry-content li:last-child {
margin-bottom: 0;
}
.entry-content ul,
.entry-content ol {
margin-bottom: 27px;
}
.entry-content ul {
margin-left: 20px;
}
.entry-content ul li {
list-style: disc;
}
.entry-content ol {
margin-left: 28px;
}
.entry-content ol li {
list-style: decimal;
}
.entry-content a {
display: inline-block;
position: relative;
}
.entry-content a::before {
content: '';
position: absolute;
left: 0;
bottom: 0;
height: 1px;
width: 0;
background: #000;
-webkit-transition: 350ms ease;
transition: 350ms ease;
}
.entry-content a:hover::before {
width: 100%;
}
.entry-content table {
border-collapse: collapse;
color: #000;
margin: 25px 0 35px;
overflow-x: visible;
table-layout: fixed;
width: 100%;
max-width: 700px;
display: table;
}
@media screen and (max-width: 767px) {
.entry-content table {
display: block;
overflow-x: scroll;
}
}
.entry-content tbody {
width: 100%;
}
@media screen and (max-width: 767px) {
.entry-content tbody {
width: 700px;
display: block;
}
}
.entry-content tr {
vertical-align: top;
}
.entry-content tr:first-child td {
padding-top: 0;
}
.entry-content th {
border-bottom: 2px solid #000;
font-weight: 400;
padding-bottom: 8px;
color: #000;
}
.entry-content td {
border-bottom: 1px solid #000;
padding: 20px 0 5px;
}
.entry-content blockquote {
margin: 20px 25px;
} html, body {
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-ms-font-smoothing: antialiased;
-o-font-smoothing: antialiased;
height: 100%;
}
html {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
*,
*::before,
*::after {
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
.container--alt {
max-width: 1440px;
width: 100%;
margin: 0 auto;
}
.site-content {
margin-top: 133px;
-webkit-transition: 200ms ease-in-out;
transition: 200ms ease-in-out;
}
@media screen and (max-width: 1200px) {
.site-content {
margin-top: 60px;
}
}
.site--alert .site-content {
-webkit-transition: 200ms ease-in-out;
transition: 200ms ease-in-out;
}
@media screen and (max-width: 750px) {
.site--alert .site-content {
margin-top: 90px;
}
}
@media screen and (max-width: 640px) {
.site--alert .site-content {
margin-top: 140px;
}
}
.site--alert .site-header {
margin-top: 62px;
}
@media screen and (max-width: 750px) {
.site--alert .site-header {
margin-top: 90px;
}
}
@media screen and (max-width: 1200px) {
.site--alert .main-navigation {
top: 122px;
}
}
@media screen and (max-width: 750px) {
.site--alert .main-navigation {
top: 151px;
}
}
.site--scroll .site-content {
-webkit-transition: 200ms ease-in-out;
transition: 200ms ease-in-out;
}
@media screen and (max-width: 750px) {
.site--scroll .site-content {
margin-top: 60px;
}
}
.site--scroll .site-header {
margin-top: 0;
-webkit-transition: 200ms ease-in-out;
transition: 200ms ease-in-out;
}
.site--scroll .alert-box {
top: -62px;
-webkit-transition: 200ms ease-in-out;
transition: 200ms ease-in-out;
}
@media screen and (max-width: 750px) {
.site--scroll .alert-box {
top: -91px;
}
}
.site--scroll .main-navigation {
top: 61px;
}
body.woocommerce-cart .site-content {
min-height: 600px;
height: auto;
}
body.woocommerce-cart .woo-site__title {
display: none;
}
.woocommerce-shipping-fields {
display: none;
}
.woocommerce-additional-fields {
display: none;
}  .btn {
display: inline-block;
text-align: center;
border: none;
border-radius: 8px;
background-color: #efe434;
color: #422d79;
padding: 13px 55px;
outline: none;
min-width: 237px;
height: 48px;
-webkit-transition: 350ms ease;
transition: 350ms ease;
text-transform: uppercase;
font-weight: 600;
cursor: pointer;
}
.btn:hover {
-webkit-box-shadow: 0 1px 6px #8f7dbf;
box-shadow: 0 1px 6px #8f7dbf;
-webkit-transition: 350ms ease;
transition: 350ms ease;
}
@media screen and (max-width: 640px) {
.btn {
padding: 13px 20px;
border: none;
}
}
.btn--purple {
background-color: #422d79;
color: #fff;
border: 1px solid #979797;
}
.btn--big {
min-width: 300px;
height: 62px;
padding: 20px 50px;
}
@media screen and (max-width: 640px) {
.btn--big {
padding: 20px;
min-width: 100px;
}
}
.btn--small {
min-width: 203px;
height: 54px;
padding: 17px 44px;
}
@media screen and (max-width: 640px) {
.btn--small {
padding: 17px 20px;
min-width: 100px;
}
}
.btn--heigh {
height: 62px;
padding: 21px 50px;
}
@media screen and (max-width: 640px) {
.btn--heigh {
padding: 21px 20px;
}
}
.btn--border {
background-color: #fff;
border: 3px solid #281754;
padding: 14px 25px;
color: #281754;
}
.btn--inactive {
background-color: #dbdbdb;
-webkit-box-shadow: inset 1px 3px 7px rgba(137, 137, 137, 0.16);
box-shadow: inset 1px 3px 7px rgba(137, 137, 137, 0.16);
pointer-events: none;
}
.btn--inactive:hover {
-webkit-box-shadow: inset 1px 3px 7px rgba(137, 137, 137, 0.16);
box-shadow: inset 1px 3px 7px rgba(137, 137, 137, 0.16);
} .cf7-holder {
position: relative;
}
.cf7-holder > * {
position: relative;
z-index: 0;
}
.cf7-holder .wpcf7 {
opacity: 1;
-webkit-transition: 350ms ease;
transition: 350ms ease;
}
.cf7-holder.form-is-sent .wpcf7 {
opacity: 0;
}
.cf7-holder .wpcf7-mail-sent-ok {
display: none !important;
}
.cf7-holder__popup {
position: absolute;
top: 50%;
color: #000;
left: 50%;
-webkit-transform: translate(-50%, -50%) scale(1.2);
transform: translate(-50%, -50%) scale(1.2);
z-index: 1;
opacity: 0;
visibility: hidden;
pointer-events: none;
background-color: #fff;
border-radius: 5px;
padding: 35px 30px;
text-align: center;
width: 100%;
max-width: 350px;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
-webkit-transition: 350ms ease;
transition: 350ms ease;
}
.form-is-sent .cf7-holder__popup {
opacity: 1;
visibility: visible;
pointer-events: all;
-webkit-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1);
}
.cf7-holder__popup-img {
max-width: 80px;
margin: 0 auto 15px;
}
textarea, input:not([type='checkbox']):not([type='radio']) {
-webkit-appearance: none;
}
input:-moz-placeholder, :-moz-placeholder,
input:-moz-placeholder, textarea:-moz-placeholder {
line-height: normal;
}
input::-webkit-input-placeholder, ::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
line-height: normal;
}
@media screen and (max-width: 640px) {
input[type='text'],
input[type='number'],
textarea {
font-size: 16px;
}
} .svg-icon {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
line-height: 1;
}
.svg-icon svg {
width: 1em;
} .media-wrap {
position: relative;
overflow: hidden;
}
.media-wrap::before {
content: '';
display: block;
width: 100%;
}
.media-wrap-square::before {
padding-top: 100%;
}
.media-item {
display: block;
width: 100%;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
} .page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: 0;
margin-bottom: 0;
margin-top: 0;
padding: 0;
} embed,
iframe,
object {
max-width: 100%;
} .custom-logo-link {
display: inline-block;
} .wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
} .gallery {
margin-bottom: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33333%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66667%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28571%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11111%;
}
.gallery-caption {
display: block;
}
img {
max-width: 100%;
display: block;
height: initial;
} .popup {
display: none;
max-width: 600px;
}
.popup-custom-class .fancybox-bg {
background: rgba(0, 0, 0, 0.7);
}
.popup-custom-agree .fancybox-is-open,
.popup-custom-products .fancybox-is-open {
overflow: hidden;
}
.popup-custom-agree .fancybox-bg,
.popup-custom-products .fancybox-bg {
background: rgba(201, 201, 201, 0.2);
}
.popup-custom-agree .fancybox-button.fancybox-close-small,
.popup-custom-products .fancybox-button.fancybox-close-small {
right: 11px;
top: 11px;
height: 61px;
width: 61px;
}
@media screen and (max-width: 640px) {
.popup-custom-agree .fancybox-button.fancybox-close-small,
.popup-custom-products .fancybox-button.fancybox-close-small {
height: 45px;
width: 45px;
top: 0;
right: 0;
}
} .custom-select {
display: none;
}
.select2-container {
width: 100%;
max-width: 300px;
}
.select2-container .select2-selection--single {
height: 36px;
-webkit-transition: border 350ms ease;
transition: border 350ms ease;
}
.select2-container .select2-selection--single:focus {
outline: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
font-family: "Lato", Arial, Helvetica, sans-serif;
font-size: 16px;
color: #000;
text-align: left;
font-weight: 500;
padding-left: 15px;
padding-right: 30px;
line-height: 34px;
}
.select2-container .select2-selection--single .select2-selection__arrow {
height: 34px;
width: 30px;
right: 0;
}
.select2-container .select2-selection--single .select2-selection__arrow::before {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-size: 22px;
color: #000;
-webkit-transition: 350ms ease;
transition: 350ms ease;
}
.select2-container .select2-selection--single .select2-selection__arrow b {
display: none;
}
.select2-container--default .select2-selection--single {
border-radius: 4px;
}
.select2-container--default .select2-dropdown {
-webkit-box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.25);
box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.25);
border: 0;
border-radius: 4px;
overflow: hidden;
}
.select2-container--default .select2-search--dropdown {
padding: 15px 20px 10px;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
font-size: 16px;
padding: 8px 10px;
border-radius: 4px;
}
.select2-container--default .select2-results__option[aria-disabled='true'] {
display: none;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: rgba(0, 0, 0, 0.15);
color: #fff;
}
.select2-container--default .select2-results__option[aria-selected='true'] {
color: #fff;
background-color: rgba(0, 0, 0, 0.25);
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
border-radius: 4px 4px 0 0;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple .select2-selection__arrow::before,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single .select2-selection__arrow::before {
-webkit-transform: translate(-50%, -50%) rotate3d(1, 0, 0, -180deg);
transform: translate(-50%, -50%) rotate3d(1, 0, 0, -180deg);
}
.select2-container--open .select2-dropdown--below {
border-radius: 0 0 4px 4px;
}
.select2-results__option {
font-family: "Lato", Arial, Helvetica, sans-serif;
font-size: 16px;
color: #000;
font-weight: 500;
padding: 6px 14px;
-webkit-transition: color 350ms ease, background-color 0.2s ease;
transition: color 350ms ease, background-color 0.2s ease;
position: relative;
}
@media screen and (max-width: 1199px) {
.select2-results__option {
font-size: 15px;
padding: 4px 10px;
font-weight: 400;
}
}
.select2-results__options {
position: relative;
}
[type='radio']:checked,
[type='radio']:not(:checked) {
position: absolute;
display: none;
}
[type='radio']:checked + label,
[type='radio']:not(:checked) + label {
position: relative;
padding-left: 28px;
cursor: pointer;
line-height: 20px;
display: inline-block;
color: #4a4a4a;
}
[type='radio']:checked + label::before,
[type='radio']:not(:checked) + label::before {
content: '';
position: absolute;
left: -2px;
top: 0;
width: 17px;
height: 17px;
border: .5px solid #4a4a4a;
border-radius: 100%;
background: #fff;
}
[type='radio']:checked + label::after,
[type='radio']:not(:checked) + label::after {
content: '';
width: 13px;
height: 13px;
background: #8f7dbf;
position: absolute;
top: 2px;
left: 0;
border-radius: 100%;
-webkit-transition: 0.2s ease;
transition: 0.2s ease;
}
[type='radio']:not(:checked) + label::after {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
[type='radio']:checked + label::after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
[type='radio']:checked ~ label {
color: #422d79;
}
.roll-order__permit-radio-wrapper [type='radio']:checked + label,
.roll-order__permit-radio-wrapper [type='radio']:not(:checked) + label {
padding-left: 24px;
}  .styleguide {
padding: 50px 0 150px;
background: linear-gradient(135deg, #fafafa 21px, #fff 22px, #fff 24px, transparent 24px, transparent 67px, #fff 67px, #fff 69px, transparent 69px), linear-gradient(225deg, #fafafa 21px, #fff 22px, #fff 24px, transparent 24px, transparent 67px, #fff 67px, #fff 69px, transparent 69px) 0 64px;
background-color: #fafafa;
background-size: 64px 128px;
}
.styleguide__scrollspy-nav {
position: fixed;
left: 0;
top: 20%;
width: 130px;
color: #fff;
font-size: 14px;
-webkit-transition: 350ms ease;
transition: 350ms ease;
z-index: 10;
}
.styleguide__scrollspy-nav.is-hidden {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
.styleguide__scrollspy-nav a {
display: block;
width: 130px;
padding: 3px 10px;
color: #fff;
border-bottom: 1px solid #fff;
-webkit-transition: 350ms ease;
transition: 350ms ease;
background-color: rgba(233, 86, 38, 0.5);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.styleguide__scrollspy-nav a.active {
color: #e95626;
background-color: #fff;
}
.styleguide__scrollspy-nav li:last-child a {
border: 0;
}
.styleguide__scrollspy-nav-title {
display: block;
font-weight: bold;
padding: 5px 10px;
border-bottom: 1px solid #fff;
background-color: #e95626;
}
.styleguide__scrollspy-nav-close {
display: block;
line-height: 1;
position: absolute;
right: 5px;
top: 7px;
cursor: pointer;
}
.styleguide__main-head {
font-weight: bold;
font-size: 48px;
color: #e95626;
text-transform: uppercase;
text-align: center;
padding: 100px 0;
}
.styleguide__section {
margin-bottom: 100px;
}
.styleguide__head {
width: 100%;
padding: 0 0 20px;
border-bottom: 1px solid #e95626;
margin: 0 0 55px;
}
.styleguide__head--mod {
color: #e95626;
font-size: 35px;
font-weight: 500;
}
.styleguide__colorpallet {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -15px;
}
.styleguide__colorpallet--mod {
padding: 15px;
}
.styleguide__color {
display: inline-block;
width: 120px;
height: 50px;
}
.styleguide__color-name {
display: block;
font-size: 16px;
color: #bebebe;
text-align: center;
margin: 20px 0 0;
}
.styleguide__typography-special-titles {
margin: 0 0 70px;
}
.styleguide__subtitle {
font-size: 18px;
font-family: "Lato", Arial, Helvetica, sans-serif;
color: #000;
margin: 0 0 25px;
}
.styleguide__buttons {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin: 0 -15px;
}
.styleguide__btn {
padding: 15px;
}
.styleguide__section-content {
border-style: dashed;
border-color: #71999e;
border-width: 1px 0;
position: relative;
}
.styleguide__section-content::before, .styleguide__section-content::after {
display: block;
background-color: #71999e;
padding: 1px;
color: #fff;
text-align: center;
width: 120px;
font-size: 11px;
letter-spacing: 2px;
position: absolute;
left: 50%;
}
.styleguide__section-content::before {
content: 'start section';
top: 0;
-webkit-transform: translate(-50%, -100%);
transform: translate(-50%, -100%);
}
.styleguide__section-content::after {
content: 'end section';
bottom: 0;
-webkit-transform: translate(-50%, 100%);
transform: translate(-50%, 100%);
}
.styleguide__fonts-items {
font-size: 26px;
display: block;
}
.styleguide__icons {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.styleguide__icons-item {
margin-right: 15px;
}
.styleguide__icons-name {
font-size: 12px;
display: block;
text-align: center;
padding: 5px 0;
}
.styleguide__icons-icon {
font-size: 35px;
width: 110px;
height: 110px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
background: #f1f1f1;
} body {
margin-top: 61px;
}
.site-header {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0;
background-color: #fff;
position: fixed;
top: 0;
left: 0;
width: 100%;
min-height: 60px;
z-index: 10;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-shadow: 0 7px 5px rgba(0, 0, 0, 0.1);
box-shadow: 0 7px 5px rgba(0, 0, 0, 0.1);
-webkit-transition: 200ms ease-in-out;
transition: 200ms ease-in-out;
}
.admin-bar .site-header {
top: 32px;
}
.site-header__container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 17px 61px 29px 50px;
}
@media screen and (max-width: 1200px) {
.site-header__container {
padding: 6px 105px 10px 29px;
}
}
.site-header__logo-img {
display: block;
width: 145px;
padding-top: 5px;
}
@media screen and (max-width: 1200px) {
.site-header__logo-img {
width: 67px;
}
}
.site-header__right {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
padding: 3px 0;
}
@media screen and (max-width: 1200px) {
.site-header__right {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.site-header__right-top-nav {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
position: relative;
padding-top: 6px;
padding-right: 25px;
}
@media screen and (max-width: 640px) {
.site-header__right-top-nav li:not(:first-child) {
display: none;
}
}
.site-header__right-top-nav-item {
display: inline-block;
position: relative;
}
.site-header__right-top-nav-item:not(:first-child) {
margin-left: 41px;
}
@media screen and (max-width: 1200px) {
.site-header__right-top-nav-item:not(:first-child) {
margin-left: 27px;
}
}
.site-header__right-top-nav-item-cart-num {
display: block;
position: absolute;
bottom: -1px;
right: -25px;
text-align: center;
background-color: #efe434;
color: #422d79;
width: 22px;
height: 22px;
border-radius: 50%;
padding: 2px 4px;
-webkit-transition: 350ms ease;
transition: 350ms ease;
}
.site-header__right-top-nav-item-cart-num span {
font-size: 14px;
font-family: "Lato", Arial, Helvetica, sans-serif;
font-weight: 900;
line-height: 1px;
position: absolute;
top: 50%;
left: 50%;
color: #422d79;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: 350ms ease;
transition: 350ms ease;
}
.site-header__right-top-nav-item-cart-num:hover {
background-color: #422d79;
color: #efe434;
}
@media screen and (max-width: 1200px) {
.site-header__right-top-nav-item-cart-num {
bottom: 2px;
right: -27px;
width: 24px;
padding: 1px 4px;
}
}
@media screen and (max-width: 640px) {
.site-header__right-top-nav-item-cart-num {
bottom: 1px;
width: 22px;
padding: 0;
}
}
.site-header__right-top-nav-link {
color: #422d79;
font-family: "Lato", Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: 600;
letter-spacing: .4px;
position: relative;
-webkit-transition: 350ms ease;
transition: 350ms ease;
cursor: pointer;
text-transform: uppercase;
display: inline-block;
padding: 0;
}
@media screen and (max-width: 1200px) {
.site-header__right-top-nav-link {
font-size: 17px;
letter-spacing: 0;
}
}
.site-header__right-top-nav-link:hover::after {
opacity: 1;
width: 100%;
}
.site-header__right-top-nav-link:hover #mini-cart-count {
background: #422d79;
color: #efe434;
}
@media screen and (max-width: 640px) {
.site-header__right-top-nav-link:hover #mini-cart-count {
background: #8f7dbf;
}
}
.site-header__right-top-nav-link::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 2px;
opacity: 0;
-webkit-transition: 350ms ease;
transition: 350ms ease;
background-color: #422d79;
} .menu-btn {
display: none;
width: 30px;
height: 20px;
right: 28px;
top: 21px;
position: absolute;
z-index: 110;
}
.menu-btn::after, .menu-btn::before,
.menu-btn span {
width: 100%;
height: 3px;
position: absolute;
display: block;
background-color: #422d79;
}
.menu-btn::after, .menu-btn::before {
content: '';
-webkit-transition: 350ms width 350ms ease;
transition: 350ms width 350ms ease;
}
.menu-btn::after {
top: 0;
left: 0;
}
.menu-btn::before {
bottom: 0;
right: 0;
}
.menu-btn span {
top: 50%;
margin-top: -1.5px;
-webkit-transition: -webkit-transform 350ms ease;
transition: -webkit-transform 350ms ease;
transition: transform 350ms ease;
transition: transform 350ms ease, -webkit-transform 350ms ease;
}
.menu-btn span::before {
content: '';
background-color: #422d79;
width: 100%;
height: 3px;
position: absolute;
left: 0;
z-index: 1;
-webkit-transition: -webkit-transform 350ms ease;
transition: -webkit-transform 350ms ease;
transition: transform 350ms ease;
transition: transform 350ms ease, -webkit-transform 350ms ease;
}
.menu-btn.open::after, .menu-btn.open::before {
-webkit-transition: 350ms ease;
transition: 350ms ease;
width: 0;
}
.menu-btn.open::after {
left: 0;
}
.menu-btn.open::before {
right: 0;
}
.menu-btn.open span {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: 350ms -webkit-transform 350ms ease;
transition: 350ms -webkit-transform 350ms ease;
transition: 350ms transform 350ms ease;
transition: 350ms transform 350ms ease, 350ms -webkit-transform 350ms ease;
}
.menu-btn.open span::before {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transition: 350ms -webkit-transform 350ms ease;
transition: 350ms -webkit-transform 350ms ease;
transition: 350ms transform 350ms ease;
transition: 350ms transform 350ms ease, 350ms -webkit-transform 350ms ease;
}
@media screen and (max-width: 1200px) {
.menu-btn {
display: block;
}
} a {
text-decoration: none;
}
a:hover, a:focus, a:active {
text-decoration: none;
outline: 0;
}
.main-navigation {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
}
.main-navigation .primary-menu {
list-style: none;
margin: 0;
padding: 0;
}
.main-navigation .primary-menu li:hover > ul,
.main-navigation .primary-menu li.focus > ul {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
.main-navigation .sub-menu {
position: absolute;
left: 0;
top: 100%;
border-top: 3px solid #fff;
z-index: 99999;
background-color: #000;
-webkit-transition: 350ms ease;
transition: 350ms ease;
-webkit-transform: translateY(5px);
transform: translateY(5px);
opacity: 0;
}
.main-navigation .sub-menu .sub-menu {
left: 100%;
top: 0;
}
.main-navigation .sub-menu li {
border-bottom: 1px solid #000;
}
.main-navigation .sub-menu li:last-of-type {
border-bottom: none;
}
.main-navigation .sub-menu a {
width: auto;
}
.main-navigation li {
position: relative;
float: left;
-webkit-transition: 350ms ease;
transition: 350ms ease;
}
.main-navigation li:not(:first-child) {
margin-left: 58px;
}
@media screen and (max-width: 1330px) {
.main-navigation li:not(:first-child) {
margin-left: 30px;
}
}
@media screen and (max-width: 1200px) {
.main-navigation li:not(:first-child) {
margin-left: 0;
}
}
.main-navigation li:hover > a::after,
.main-navigation li.focus > a::after {
opacity: 1;
width: 100%;
}
.main-navigation a {
display: block;
text-decoration: none;
color: #333;
font-size: 17px;
font-weight: 700;
letter-spacing: .61px;
text-transform: uppercase;
font-family: "Lato", Arial, Helvetica, sans-serif;
cursor: pointer;
-webkit-transition: 350ms ease;
transition: 350ms ease;
position: relative;
line-height: 1.3;
padding: 0;
}
.main-navigation a::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 2px;
opacity: 0;
-webkit-transition: 350ms ease;
transition: 350ms ease;
background-color: #333;
}
@media screen and (max-width: 1200px) {
.main-navigation a::after {
background-color: #efe434;
}
}
@media screen and (max-width: 1200px) {
.main-navigation {
position: fixed;
top: 61px;
left: 0;
width: 100%;
height: 100%;
visibility: hidden;
z-index: 100;
-webkit-transition: 350ms ease 350ms;
transition: 350ms ease 350ms;
}
.main-navigation::before {
content: '';
display: block;
background-color: rgba(0, 0, 0, 0.4);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
-webkit-transition: 350ms ease;
transition: 350ms ease;
}
.main-navigation.open {
visibility: visible;
-webkit-transition: none;
transition: none;
}
.main-navigation.open::before {
opacity: 1;
-webkit-transition: 350ms ease 10ms;
transition: 350ms ease 10ms;
}
.main-navigation.open > ul {
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-transition: 350ms ease 10ms;
transition: 350ms ease 10ms;
}
.main-navigation .primary-menu {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
background-color: rgba(66, 45, 121, 0.8);
padding-top: 48px;
overflow: auto;
z-index: 100;
-webkit-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: 350ms ease;
transition: 350ms ease;
text-align: center;
}
.main-navigation .secondary-menu {
position: relative;
margin-top: 60px;
padding-top: 15px;
}
}
@media screen and (max-width: 1200px) and (max-width: 640px) {
.main-navigation .secondary-menu {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media screen and (max-width: 1200px) {
.main-navigation .secondary-menu::before {
content: '';
position: absolute;
height: 2px;
width: 55px;
top: -21px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
background-color: #efe434;
}
.main-navigation .secondary-menu a {
font-size: 15px;
letter-spacing: .45px;
line-height: 22px;
color: #dbdbdb;
}
.main-navigation .secondary-menu a:hover::after {
background-color: #dbdbdb;
}
.main-navigation .secondary-menu li {
display: block;
margin-bottom: 20px !important;
}
}
@media screen and (max-width: 1200px) and (max-width: 640px) {
.main-navigation .secondary-menu li:nth-child(1) {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
}
.main-navigation .secondary-menu li:nth-child(2) {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.main-navigation .secondary-menu li:nth-child(3) {
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
-ms-flex-order: 4;
order: 4;
}
.main-navigation .secondary-menu li:nth-child(4) {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3;
}
}
@media screen and (max-width: 1200px) {
.main-navigation .sub-menu {
position: static;
-webkit-transition: initial;
transition: initial;
-webkit-transform: none;
transform: none;
background-color: rgba(99, 78, 153, 0.7);
border: 0;
opacity: 1;
display: none;
margin-top: 19px;
padding: 22px 0;
}
.main-navigation .sub-menu li {
border: 0;
font-size: .85em;
}
.main-navigation .sub-menu li:not(:last-of-type) {
margin-bottom: 36px;
}
.main-navigation .sub-menu .sub-icon {
top: 1px;
}
.main-navigation .sub-menu a {
display: inline-block;
font-size: 17px;
letter-spacing: .51px;
line-height: 25px;
color: #f1f1f1;
font-weight: 500;
}
.main-navigation .sub-menu a:hover::after {
background-color: #f1f1f1;
}
.main-navigation li {
float: none;
}
.main-navigation li:hover > a,
.main-navigation li.focus > a {
background-color: transparent;
}
.main-navigation li:not(:last-child) {
margin-bottom: 40px;
}
.main-navigation a {
display: inline-block;
font-size: 19px;
letter-spacing: .57px;
color: #efe434;
font-weight: 500;
line-height: 27px;
}
.main-navigation .sub-icon {
line-height: 1;
height: 25px;
width: 40px;
display: block;
color: #efe434;
font-size: 18px;
position: absolute;
cursor: pointer;
right: calc(50% - 100px);
top: 1px;
-webkit-transition: 350ms ease;
transition: 350ms ease;
}
.main-navigation .sub-icon::before {
content: '';
height: 2px;
width: 16px;
position: absolute;
top: 11px;
left: 13px;
background-color: #efe434;
}
.main-navigation .sub-icon::after {
content: '';
width: 2px;
height: 16px;
position: absolute;
top: 4px;
left: 20px;
background-color: #efe434;
-webkit-transition: 350ms ease;
transition: 350ms ease;
}
.main-navigation .sub-icon--open::after {
-webkit-transform: rotateX(90deg);
transform: rotateX(90deg);
-webkit-transition: 350ms ease;
transition: 350ms ease;
}
}
.menu-open {
overflow: hidden;
}
.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
margin: 0 0 1.5em;
overflow: hidden;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
float: left;
width: 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
float: right;
text-align: right;
width: 50%;
} .site-footer {
background-color: #422d79;
padding-top: 35px;
padding-bottom: 49px;
}
@media screen and (max-width: 1024px) {
.site-footer {
padding-top: 41px;
padding-bottom: 37px;
}
}
@media screen and (max-width: 640px) {
.site-footer {
padding-bottom: 66px;
padding-top: 51px;
}
}
.site-footer__top {
border-bottom: 3px solid #efe434;
padding-bottom: 36px;
margin-bottom: 42px;
}
@media screen and (max-width: 1024px) {
.site-footer__top {
padding-bottom: 42px;
}
}
@media screen and (max-width: 640px) {
.site-footer__top {
padding-bottom: 38px;
margin-bottom: 25px;
}
}
.site-footer__top-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (max-width: 640px) {
.site-footer__top-container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
}
.site-footer__top-logo {
margin-left: 29px;
max-width: 140px;
min-width: 140px;
width: 100%;
}
@media screen and (max-width: 1024px) {
.site-footer__top-logo {
margin-left: 0;
}
}
@media screen and (max-width: 640px) {
.site-footer__top-logo {
max-width: 175px;
margin-bottom: 38px;
}
}
.site-footer__top-logo-img {
width: 100%;
}
.site-footer__top-address {
width: 100%;
padding-left: 56px;
padding-bottom: 4px;
}
@media screen and (max-width: 1024px) {
.site-footer__top-address {
padding-left: 23px;
}
}
@media screen and (max-width: 991px) {
.site-footer__top-address {
max-width: 200px;
}
}
@media screen and (max-width: 767px) {
.site-footer__top-address {
padding-left: 15px;
}
}
@media screen and (max-width: 640px) {
.site-footer__top-address {
margin-bottom: 25px;
padding-left: 23px;
max-width: 100%;
}
}
.site-footer__top-address-link {
font-family: "Lato", Arial, Helvetica, sans-serif;
font-size: 18px;
letter-spacing: .54px;
color: #fff;
font-weight: 300;
line-height: 1.45;
-webkit-transition: 350ms ease;
transition: 350ms ease;
display: block;
max-width: 170px;
width: 100%;
}
@media screen and (max-width: 991px) {
.site-footer__top-address-link {
display: inline-block;
}
}
@media screen and (max-width: 767px) {
.site-footer__top-address-link {
padding-right: 0;
}
}
@media screen and (max-width: 640px) {
.site-footer__top-address-link {
width: 160px;
}
}
.site-footer__top-address-link:hover {
text-decoration: underline;
-webkit-transition: 350ms ease;
transition: 350ms ease;
}
.site-footer__top-contact {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
text-align: right;
padding-right: 5px;
padding-top: 3px;
width: 100%;
}
@media screen and (max-width: 767px) {
.site-footer__top-contact {
padding-left: 10px;
}
}
@media screen and (max-width: 640px) {
.site-footer__top-contact {
padding-left: 16px;
text-align: left;
margin-bottom: 26px;
}
}
.site-footer__top-contact-phone {
font-family: "Lato", Arial, Helvetica, sans-serif;
font-size: 24px;
font-weight: 400;
color: #fff;
letter-spacing: -.6px;
margin-bottom: 6px;
-webkit-transition: 350ms ease;
transition: 350ms ease;
margin-left: auto;
position: relative;
}
@media screen and (max-width: 1024px) {
.site-footer__top-contact-phone {
margin-top: -11px;
margin-right: 12px;
margin-bottom: 9px;
}
}
@media screen and (max-width: 767px) {
.site-footer__top-contact-phone {
font-size: 20px;
}
}
@media screen and (max-width: 640px) {
.site-footer__top-contact-phone {
font-size: 24px;
margin-left: 6px;
margin-right: auto;
margin-bottom: 22px;
}
}
.site-footer__top-contact-phone:hover::after {
opacity: 1;
width: 100%;
}
.site-footer__top-contact-phone::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 2px;
opacity: 0;
-webkit-transition: 350ms ease;
transition: 350ms ease;
background-color: #fff;
}
.site-footer__top-contact-info {
font-family: "Lato", Arial, Helvetica, sans-serif;
font-size: 18px;
letter-spacing: .54px;
color: #fff;
font-weight: 300;
margin-right: 6px;
}
@media screen and (max-width: 767px) {
.site-footer__top-contact-info {
font-size: 16px;
}
}
@media screen and (max-width: 640px) {
.site-footer__top-contact-info {
letter-spacing: 1.2px;
margin-left: 6px;
}
.site-footer__top-contact-info .site-footer__top-contact-info-text {
display: block;
margin-bottom: 5px;
}
}
.site-footer__bottom-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.site-footer__bottom-menus {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0 8px 0 20px;
margin-bottom: 20px;
min-height: 50px;
}
@media screen and (max-width: 1024px) {
.site-footer__bottom-menus {
padding: 0;
padding-top: 14px;
}
}
@media screen and (max-width: 640px) {
.site-footer__bottom-menus {
padding-left: 22px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media screen and (max-width: 1024px) {
.site-footer__bottom-menus-menu {
width: 100%;
}
}
@media screen and (max-width: 800px) {
.site-footer__bottom-menus-menu {
width: auto;
}
}
@media screen and (max-width: 1024px) {
.site-footer__bottom-menus-menu-main {
min-width: 180px;
}
}
@media screen and (max-width: 640px) {
.site-footer__bottom-menus-menu-main {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
margin-bottom: 65px;
}
}
.site-footer__bottom-menus-menu,
.site-footer__bottom-menus-menu-list {
display: inline-block;
}
.site-footer__bottom-menus-menu-list-item:not(:last-child) {
margin-bottom: 22px;
}
.site-footer__bottom-menus-menu-list-item-link {
font-family: "Lato", Arial, Helvetica, sans-serif;
font-size: 15px;
letter-spacing: .45px;
text-transform: uppercase;
color: #fff;
font-weight: 500;
position: relative;
-webkit-transition: 350ms ease;
transition: 350ms ease;
display: inline-block;
}
@media screen and (max-width: 640px) {
.site-footer__bottom-menus-menu-list-item-link {
font-size: 18px;
}
}
.site-footer__bottom-menus-menu-list-item-link:hover {
text-shadow: 0 1px 3px #000;
}
.site-footer__bottom-menus-menu-list-item-link:focus::after {
opacity: 1;
width: 100%;
}
.site-footer__bottom-menus-menu-list-item-link::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 2px;
opacity: 0;
-webkit-transition: 350ms ease;
transition: 350ms ease;
background-color: #fff;
}
.site-footer__bottom-menus-menu-second {
min-width: 140px;
}
@media screen and (max-width: 1200px) {
.site-footer__bottom-menus-menu-second {
min-width: 111px;
}
}
@media screen and (max-width: 1024px) {
.site-footer__bottom-menus-menu-second {
margin-left: 49px;
}
}
@media screen and (max-width: 640px) {
.site-footer__bottom-menus-menu-second {
margin-left: 0;
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3;
}
}
.site-footer__bottom-menus-menu-second .site-footer__bottom-menus-menu-list-item:not(:last-child) {
margin-bottom: 9px;
}
@media screen and (max-width: 640px) {
.site-footer__bottom-menus-menu-second .site-footer__bottom-menus-menu-list-item:not(:last-child) {
margin-bottom: 17px;
}
}
.site-footer__bottom-menus-alt-wrapper {
max-width: 634px;
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media screen and (max-width: 1200px) {
.site-footer__bottom-menus-alt-wrapper {
max-width: 575px;
}
}
@media screen and (max-width: 1024px) {
.site-footer__bottom-menus-alt-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
margin-left: 45px;
max-width: 100%;
}
}
@media screen and (max-width: 800px) {
.site-footer__bottom-menus-alt-wrapper {
margin-left: 32px;
}
}
@media screen and (max-width: 640px) {
.site-footer__bottom-menus-alt-wrapper {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
margin-left: 2px;
}
}
.site-footer__bottom-menus-menu-third {
min-width: 375px;
}
@media screen and (max-width: 1200px) {
.site-footer__bottom-menus-menu-third {
min-width: 345px;
}
}
@media screen and (max-width: 1024px) {
.site-footer__bottom-menus-menu-third {
margin-bottom: 25px;
min-width: 190px;
}
}
@media screen and (max-width: 640px) {
.site-footer__bottom-menus-menu-third {
margin-bottom: 41px;
}
}
.site-footer__bottom-menus-menu-third .site-footer__bottom-menus-menu-list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
@media screen and (max-width: 1024px) {
.site-footer__bottom-menus-menu-third .site-footer__bottom-menus-menu-list {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
}
.site-footer__bottom-menus-menu-third .site-footer__bottom-menus-menu-list-item:not(:last-child) {
margin-right: 45px;
}
@media screen and (max-width: 1024px) {
.site-footer__bottom-menus-menu-third .site-footer__bottom-menus-menu-list-item:not(:last-child) {
margin-bottom: 10px;
}
}
@media screen and (max-width: 640px) {
.site-footer__bottom-menus-menu-third .site-footer__bottom-menus-menu-list-item:not(:last-child) {
margin-bottom: 19px;
}
}
.site-footer__bottom-menus-menu-third .site-footer__bottom-menus-menu-list-item-link {
letter-spacing: 0;
}
@media screen and (max-width: 640px) {
.site-footer__bottom-menus-menu-third .site-footer__bottom-menus-menu-list-item-link {
letter-spacing: .6px;
}
}
.site-footer__bottom-menus-info {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
margin-top: 5px;
}
@media screen and (max-width: 640px) {
.site-footer__bottom-menus-info {
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start;
padding-left: 21px;
}
}
.site-footer__bottom-menus-info-title {
font-family: "Lato", Arial, Helvetica, sans-serif;
font-size: 15px;
letter-spacing: .45px;
text-transform: uppercase;
color: #fff;
font-weight: 500;
margin-bottom: 5px;
}
.site-footer__bottom-menus-info-time {
font-family: "Lato", Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: 400;
letter-spacing: .54px;
color: #fff;
margin-bottom: 2px;
}
.site-footer__bottom-menus-info-icon {
margin-top: 27px;
-webkit-transition: 350ms ease;
transition: 350ms ease;
}
.site-footer__bottom-menus-info-icon:hover {
opacity: 0.7;
}
.site-footer__bottom-terms {
padding-left: 19px;
display: inline-block;
width: 100%;
}
@media screen and (max-width: 1024px) {
.site-footer__bottom-terms {
padding-left: 5px;
margin-top: 20px;
}
}
@media screen and (max-width: 640px) {
.site-footer__bottom-terms {
padding-left: 16px;
margin-top: 44px;
}
}
.site-footer__bottom-terms-link {
font-family: "Lato", Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: 400;
letter-spacing: .39px;
color: #fff;
text-transform: uppercase;
-webkit-transition: 350ms ease;
transition: 350ms ease;
position: relative;
display: inline-block;
}
@media screen and (max-width: 640px) {
.site-footer__bottom-terms-link {
display: block;
}
}
.site-footer__bottom-terms-link:first-child {
margin-right: 42px;
}
@media screen and (max-width: 640px) {
.site-footer__bottom-terms-link:first-child {
margin-bottom: 31px;
}
}
.error404 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
overflow: hidden;
background-color: #fff;
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
}
.error404::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: transparent;
}
.error404 .site-header,
.error404 .site-footer {
display: none;
}
.s-404__wrap {
margin-top: -220px;
overflow: hidden;
padding: 15px 30px;
}
.s-404__wrap .entry-content p {
color: #000;
font-size: 20px;
display: inline-block;
letter-spacing: .8px;
font-weight: 500;
}
.s-404__wrap .entry-content a {
display: inline-block;
cursor: pointer;
font-size: 20px;
font-weight: 500;
letter-spacing: .8px;
color: #000;
position: relative;
}
.s-404__wrap .entry-content a::after {
content: '';
position: absolute;
left: 0;
bottom: -2px;
height: 1px;
width: 100%;
background-color: #000;
}
.s-404__wrap .entry-content a::before {
display: none;
}
.s-404__logo {
display: inline-block;
-webkit-animation: puff-in-middle 0.35s cubic-bezier(0.47, 0, 0.745, 0.715) both 1.5s;
animation: puff-in-middle 0.35s cubic-bezier(0.47, 0, 0.745, 0.715) both 1.5s;
}
.s-404__logo:hover img {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.s-404__logo img {
width: 180px;
-webkit-transition: -webkit-transform 0.2s ease-in-out;
transition: -webkit-transform 0.2s ease-in-out;
transition: transform 0.2s ease-in-out;
transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}
.s-404__title {
-webkit-animation: puff-in-middle 0.35s cubic-bezier(0.47, 0, 0.745, 0.715) both 0.5s;
animation: puff-in-middle 0.35s cubic-bezier(0.47, 0, 0.745, 0.715) both 0.5s;
margin-bottom: 10px;
}
.s-404__title span {
font-size: 224px;
line-height: 1;
color: #422d79;
display: inline-block;
position: relative;
font-weight: 700;
}
@media screen and (max-width: 991px) {
.s-404__title span {
font-size: 200px;
}
}
@media screen and (max-width: 575px) {
.s-404__title span {
font-size: 125px;
}
}
.s-404__title-1 {
-webkit-transform: rotate(-7deg);
transform: rotate(-7deg);
animation: 5s float ease-in-out infinite alternate-reverse 0.5s;
}
.s-404__title-2 {
-webkit-transform: translateY(10%);
transform: translateY(10%);
animation: 5s float-2 ease-in-out infinite alternate-reverse 0.5s;
}
.s-404__title-3 {
-webkit-transform: rotate(10deg);
transform: rotate(10deg);
animation: 5s float-3 ease-in-out infinite alternate-reverse 0.5s;
}
.s-404__title-icon {
font-size: 62px;
color: #000;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
@media screen and (max-width: 991px) {
.s-404__title-icon {
font-size: 55px;
}
}
@media screen and (max-width: 575px) {
.s-404__title-icon {
font-size: 40px;
}
}
.s-404__text {
font-size: 62px;
line-height: 1.1;
color: #422d79;
-webkit-animation: puff-in-middle 0.35s cubic-bezier(0.47, 0, 0.745, 0.715) both 0.8s;
animation: puff-in-middle 0.35s cubic-bezier(0.47, 0, 0.745, 0.715) both 0.8s;
margin-top: 40px;
padding: 0 15px;
font-weight: 700;
margin-bottom: 61px;
}
@media screen and (max-width: 575px) {
.s-404__text {
margin-top: 25px;
font-size: 30px;
}
}
.s-404__btn {
font-size: 17px;
color: #fff;
background-color: #000;
text-transform: uppercase;
display: inline-block;
position: relative;
margin-top: 35px;
padding: 8px 35px;
min-width: 180px;
border: 2px solid #000;
border-radius: 30px;
-webkit-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
-webkit-animation: puff-in-middle 0.35s cubic-bezier(0.47, 0, 0.745, 0.715) both 1s;
animation: puff-in-middle 0.35s cubic-bezier(0.47, 0, 0.745, 0.715) both 1s;
}
.s-404__btn:hover {
color: #000;
background-color: #fff;
}
@media screen and (max-width: 991px) {
.s-404__btn {
font-size: 16px;
padding: 5px 20px;
margin-top: 25px;
}
}
@-webkit-keyframes puff-in-center {
0% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
-webkit-filter: blur(2px);
filter: blur(2px);
opacity: 0;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-filter: blur(0);
filter: blur(0);
opacity: 1;
}
}
@keyframes puff-in-center {
0% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
-webkit-filter: blur(2px);
filter: blur(2px);
opacity: 0;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-filter: blur(0);
filter: blur(0);
opacity: 1;
}
}
@-webkit-keyframes puff-in-middle {
0% {
-webkit-transform: scale(1.4);
transform: scale(1.4);
-webkit-filter: blur(2px);
filter: blur(2px);
opacity: 0;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-filter: blur(0);
filter: blur(0);
opacity: 1;
}
}
@keyframes puff-in-middle {
0% {
-webkit-transform: scale(1.4);
transform: scale(1.4);
-webkit-filter: blur(2px);
filter: blur(2px);
opacity: 0;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-filter: blur(0);
filter: blur(0);
opacity: 1;
}
}
@-webkit-keyframes float {
0% {
-webkit-transform: rotate(-1deg) translate(0, 0);
transform: rotate(-1deg) translate(0, 0);
}
100% {
-webkit-transform: rotate(-7deg) translate(10%, 10%);
transform: rotate(-7deg) translate(10%, 10%);
}
}
@keyframes float {
0% {
-webkit-transform: rotate(-1deg) translate(0, 0);
transform: rotate(-1deg) translate(0, 0);
}
100% {
-webkit-transform: rotate(-7deg) translate(10%, 10%);
transform: rotate(-7deg) translate(10%, 10%);
}
}
@-webkit-keyframes float-2 {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: translateY(10%);
transform: translateY(10%);
}
}
@keyframes float-2 {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: translateY(10%);
transform: translateY(10%);
}
}
@-webkit-keyframes float-3 {
0% {
-webkit-transform: rotate(-4deg) translateY(0);
transform: rotate(-4deg) translateY(0);
}
100% {
-webkit-transform: rotate(10deg) translateY(-10%);
transform: rotate(10deg) translateY(-10%);
}
}
@keyframes float-3 {
0% {
-webkit-transform: rotate(-4deg) translateY(0);
transform: rotate(-4deg) translateY(0);
}
100% {
-webkit-transform: rotate(10deg) translateY(-10%);
transform: rotate(10deg) translateY(-10%);
}
}  .check-list {
margin-top: 30px;
}
.check-list__item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
} .select-field {
padding: 80px 0;
} .content-box {
text-align: center;
-webkit-box-shadow: 0 0 24px -9px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 24px -9px rgba(0, 0, 0, 0.6);
font-family: "Lato", Arial, Helvetica, sans-serif;
min-height: 240px;
margin-top: -141px;
margin-bottom: 91px;
max-width: 1094px;
padding: 47px 25px 30px;
background-color: #fff;
}
@media screen and (max-width: 1200px) {
.content-box {
max-width: 1000px;
}
}
@media screen and (max-width: 1024px) {
.content-box {
max-width: 90%;
margin-top: -230px;
padding: 33px 85px 48px;
margin-bottom: 44px;
}
}
@media screen and (max-width: 800px) {
.content-box {
max-width: 690px;
}
}
@media screen and (max-width: 767px) {
.content-box {
max-width: 90%;
}
}
@media screen and (max-width: 640px) {
.content-box {
padding: 33px 30px 35px;
margin-bottom: 38px;
}
}
@media screen and (max-width: 380px) {
.content-box {
max-width: 288px;
margin-top: -398px;
padding: 37px 41px 34px;
}
}
@media screen and (max-width: 640px) {
.content-box .entry-content {
text-align: left;
}
}
.content-box .entry-content p,
.content-box .entry-content span,
.content-box .entry-content li {
font-size: 20px;
color: #333;
letter-spacing: .49px;
margin-bottom: 30px;
font-weight: 500;
}
@media screen and (max-width: 1024px) {
.content-box .entry-content p,
.content-box .entry-content span,
.content-box .entry-content li {
font-size: 16px;
letter-spacing: .39px;
}
.content-box .entry-content p br,
.content-box .entry-content span br,
.content-box .entry-content li br {
display: none;
}
}
@media screen and (max-width: 640px) {
.content-box .entry-content p,
.content-box .entry-content span,
.content-box .entry-content li {
text-align: left;
line-height: 26px;
}
}
.content-box .entry-content li {
margin-bottom: 0;
list-style: none;
}
@media screen and (max-width: 640px) {
.content-box .entry-content ul {
padding-right: 20px;
margin-left: 0;
}
}
@media screen and (max-width: 640px) {
.content-box .entry-content span {
display: inline-block;
margin-bottom: 0;
}
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.content-box {
-webkit-box-shadow: 0 0 14px 1px rgba(0, 0, 0, 0.45);
box-shadow: 0 0 14px 1px rgba(0, 0, 0, 0.45);
}
}
.content-box__title {
margin-bottom: 26px;
letter-spacing: .1px;
line-height: 49px;
}
@media screen and (max-width: 1024px) {
.content-box__title {
font-size: 39px;
padding: 0 40px;
line-height: 44px;
margin-bottom: 29px;
}
.content-box__title br {
display: none;
}
}
@media screen and (max-width: 767px) {
.content-box__title {
padding: 0 20px;
}
}
@media screen and (max-width: 640px) {
.content-box__title {
font-size: 30px;
letter-spacing: .3px;
text-align: center;
line-height: 37px;
padding: 0;
margin-bottom: 37px;
}
}
.page-id-377 .content-box .content-box__btn {
display: none;
}
.content-box__btn {
margin-top: 15px;
margin-bottom: 20px;
}
@media screen and (max-width: 640px) {
.content-box__btn {
width: 100%;
}
} .banner__box {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
max-width: 890px;
width: 100%;
min-height: 220px;
background-color: #422d79;
margin: -199px auto 78px;
padding: 45px;
text-align: center;
}
@media screen and (max-width: 1024px) {
.banner__box {
max-width: 579px;
min-height: 193px;
}
}
@media screen and (max-width: 991px) {
.banner__box {
margin: -86px auto 23px;
padding: 35px;
}
}
@media screen and (max-width: 640px) {
.banner__box {
max-width: 296px;
min-height: 307px;
padding: 45px 30px;
margin: -296px auto 43px;
}
}
.banner__box-title {
margin-bottom: 20px;
}
@media screen and (max-width: 1024px) {
.banner__box-title {
font-size: 36px;
letter-spacing: .36px;
margin-bottom: 9px;
line-height: 53px;
}
}
@media screen and (max-width: 640px) {
.banner__box-title {
font-size: 30px;
margin-bottom: 30px;
line-height: 37px;
}
}
.banner__box-subtitle {
font-family: "Lato", Arial, Helvetica, sans-serif;
font-size: 36px;
font-weight: 300;
color: #fff;
letter-spacing: -.14;
}
@media screen and (max-width: 1024px) {
.banner__box-subtitle {
font-size: 29px;
letter-spacing: -.11px;
line-height: 61px;
}
}
@media screen and (max-width: 640px) {
.banner__box-subtitle {
font-size: 33px;
line-height: 45px;
}
}   .banner {
position: relative;
min-height: 403px;
height: 100%;
overflow: hidden;
}
@media screen and (max-width: 1024px) {
.banner {
min-height: 349px;
}
}
@media screen and (max-width: 640px) {
.banner {
min-height: 554px;
}
}
.banner--big {
min-height: 684px;
}
@media screen and (max-width: 1024px) {
.banner--big {
min-height: 382px;
}
}
@media screen and (max-width: 640px) {
.banner--big {
min-height: 554px;
}
}
.banner__title {
z-index: 1;
position: absolute;
left: 50%;
bottom: 144px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
text-shadow: 0 4px 7px #000;
text-align: center;
}
@media screen and (max-width: 1024px) {
.banner__title {
bottom: auto;
top: 75px;
font-size: 32px;
}
}
@media screen and (max-width: 640px) {
.banner__title {
font-size: 35px;
top: 45px;
}
}
.banner__image {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
overflow: hidden;
} .bg-content {
min-height: 563px;
padding: 62px 0 43px;
background-size: cover;
background-repeat: no-repeat;
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
@media screen and (max-width: 1024px) {
.bg-content {
padding: 51px 0 30px;
}
}
@media screen and (max-width: 640px) {
.bg-content {
padding: 48px 0 10px;
}
}
.bg-content__image {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
overflow: hidden;
z-index: 0;
}
.bg-content__wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
z-index: 1;
}
@media screen and (max-width: 1024px) {
.bg-content__wrapper {
max-width: 100%;
width: 100%;
}
}
.bg-content__container {
width: 50%;
padding-left: 10px;
}
@media screen and (max-width: 850px) {
.bg-content__container {
padding-left: 0;
width: 55%;
}
}
@media screen and (max-width: 740px) {
.bg-content__container {
width: 65%;
}
}
@media screen and (max-width: 640px) {
.bg-content__container {
padding: 0 30px 0 20px;
margin: 0 auto;
max-width: 343px;
width: 100%;
}
}
@media screen and (max-width: 350px) {
.bg-content__container {
padding: 0 5px;
}
}
.bg-content__title {
margin-bottom: 30px;
margin-left: 45px;
}
@media screen and (max-width: 1024px) {
.bg-content__title {
font-size: 39px;
margin-bottom: 35px;
}
}
@media screen and (max-width: 640px) {
.bg-content__title {
font-size: 43px;
max-width: 210px;
line-height: 47px;
margin-bottom: 32px;
}
.bg-content__title br {
display: none;
}
}
.bg-content__list {
max-width: 450px;
}
.bg-content__list-item {
padding-left: 44px;
margin-bottom: 29px;
position: relative;
}
@media screen and (max-width: 1024px) {
.bg-content__list-item {
margin-bottom: 32px;
}
}
.bg-content__list-item-icon {
position: absolute;
left: 0;
top: -3px;
font-size: 33px;
color: #fff;
height: 25px;
width: 35px;
}
@media screen and (max-width: 640px) {
.bg-content__list-item-icon {
top: -9px;
}
}
.bg-content__list-item-title {
color: #efe434;
font-family: "Lato", Arial, Helvetica, sans-serif;
font-size: 26px;
letter-spacing: 1.25px;
line-height: 1.2;
font-weight: 600;
}
@media screen and (max-width: 767px) {
.bg-content__list-item-title {
font-size: 20px;
letter-spacing: .96px;
}
}
.bg-content__list-item-text {
font-family: "Lato", Arial, Helvetica, sans-serif;
color: #fff;
font-size: 16px;
letter-spacing: .64px;
line-height: 23px;
}
@media screen and (max-width: 991px) {
.bg-content__list-item-text {
max-width: 320px;
}
} .cta-text {
background-color: #fff;
text-align: center;
padding: 42px 0 81px;
}
@media screen and (max-width: 640px) {
.cta-text {
padding: 42px 0 67px;
}
}
@media screen and (max-width: 767px) {
.cta-text .container {
max-width: 640px;
}
}
@media screen and (max-width: 575px) {
.cta-text .container {
padding: 0 30px;
}
}
.cta-text--tiny {
padding: 42px 0 96px;
}
.cta-text__title {
margin-bottom: 12px;
letter-spacing: 1px;
}
@media screen and (max-width: 1024px) {
.cta-text__title {
margin-bottom: 17px;
}
}
@media screen and (max-width: 640px) {
.cta-text__title {
font-size: 43px;
line-height: 48px;
}
}
@media screen and (max-width: 400px) {
.cta-text__title {
padding: 0 20px;
}
}
.cta-text__text {
font-family: "Lato", Arial, Helvetica, sans-serif;
font-size: 20px;
color: #333;
letter-spacing: .49px;
margin-bottom: 19px;
font-weight: 500;
}
@media screen and (max-width: 1024px) {
.cta-text__text {
max-width: 680px;
width: 100%;
margin: 0 auto 17px;
}
}
@media screen and (max-width: 767px) {
.cta-text__text {
padding: 0 20px;
}
}
.cta-text__btn {
margin-top: 17px;
} .info-box {
background-color: #fff;
padding: 141px 0 64px;
}
@media screen and (max-width: 991px) {
.info-box {
padding: 141px 0 8px;
}
}
@media screen and (max-width: 640px) {
.info-box {
padding: 127px 0 25px;
}
}
.info-box__container {
text-align: center;
}
@media screen and (max-width: 991px) {
.info-box__container {
max-width: 750px;
}
}
.info-box__testimonial {
max-width: 602px;
min-height: 106px;
height: auto;
width: 100%;
border: 2px solid #d8d8d8;
margin: 0 auto 89px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
}
@media screen and (max-width: 991px) {
.info-box__testimonial {
margin: 0 auto 106px;
}
}
@media screen and (max-width: 767px) {
.info-box__testimonial {
max-width: 290px;
}
}
@media screen and (max-width: 640px) {
.info-box__testimonial {
margin: 0 auto 76px;
}
}
.info-box__testimonial-text {
font-size: 20px;
color: #000;
letter-spacing: .49px;
font-weight: 500;
padding: 15px;
}
@media screen and (max-width: 640px) {
.info-box__testimonial-text {
padding: 37px 30px;
}
}
.info-box__testimonial-icon {
position: absolute;
font-size: 61px;
color: #422d79;
background: #fff;
top: -85px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
height: 93px;
width: 113px;
padding-left: 0;
}
.info-box__title {
margin-bottom: 31px;
}
@media screen and (max-width: 991px) {
.info-box__title {
margin-bottom: 36px;
}
}
@media screen and (max-width: 640px) {
.info-box__title {
margin-bottom: 25px;
}
}
.info-box__wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-evenly;
-ms-flex-pack: justify;
justify-content: space-evenly;
padding: 0 18px;
}
@media screen and (max-width: 767px) {
.info-box__wrapper {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
}
}
.info-box__box {
max-width: 489px;
width: 100%;
min-height: 301px;
height: auto;
background-color: #422d79;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
font-family: "Lato", Arial, Helvetica, sans-serif;
padding: 45px 60px 35px;
-webkit-box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.4);
box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.4);
}
@media screen and (max-width: 1200px) {
.info-box__box {
max-width: 48%;
padding: 45px 38px 35px;
}
}
@media screen and (max-width: 991px) {
.info-box__box {
max-width: 326px;
min-height: 370px;
padding: 45px 18px 14px;
}
}
@media screen and (max-width: 767px) {
.info-box__box {
max-width: 283px;
min-height: 292px;
padding: 30px 15px;
}
.info-box__box:not(:last-child) {
margin-bottom: 40px;
}
}
@media screen and (max-width: 767px) and (max-width: 640px) {
.info-box__box:not(:last-child) {
margin-bottom: 37px;
}
}
@media screen and (max-width: 640px) {
.info-box__box {
padding: 34px 14px 28px 20px;
}
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.info-box__box {
-webkit-box-shadow: 0 0 14px 1px rgba(0, 0, 0, 0.45);
box-shadow: 0 0 14px 1px rgba(0, 0, 0, 0.45);
}
}
.info-box__box-title {
font-size: 26px;
color: #efe434;
letter-spacing: 1.25px;
font-weight: 500;
margin-bottom: 21px;
}
@media screen and (max-width: 991px) {
.info-box__box-title {
font-size: 22px;
letter-spacing: 1.06px;
margin-bottom: 28px;
}
}
@media screen and (max-width: 767px) {
.info-box__box-title {
font-size: 20px;
letter-spacing: .96px;
}
}
@media screen and (max-width: 640px) {
.info-box__box-title {
margin-bottom: 17px;
}
}
.info-box__box-text {
font-size: 20px;
color: #fff;
letter-spacing: .5px;
font-weight: 500;
margin-bottom: 26px;
width: 100%;
}
@media screen and (max-width: 991px) {
.info-box__box-text {
padding: 0 25px;
margin-bottom: 28px;
line-height: 28px;
}
.info-box__box-text br {
display: none;
}
}
@media screen and (max-width: 767px) {
.info-box__box-text {
font-size: 16px;
letter-spacing: .39px;
}
}
@media screen and (max-width: 640px) {
.info-box__box-text {
padding: 0 13px;
line-height: 26px;
margin-bottom: 26px;
}
}
.info-box__box-link {
color: #efe434;
font-size: 19px;
letter-spacing: .68px;
font-weight: 500;
cursor: pointer;
-webkit-transition: 350ms ease;
transition: 350ms ease;
position: relative;
}
.info-box__box-link:hover::after {
opacity: 1;
width: 100%;
}
.info-box__box-link::before {
content: '>';
position: absolute;
top: 50%;
right: -15px;
color: #efe434;
font-size: 20px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.info-box__box-link::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 2px;
opacity: 0;
-webkit-transition: 350ms ease;
transition: 350ms ease;
background-color: #efe434;
}
.info-box__box-contact {
color: #efe434;
font-size: 19px;
letter-spacing: .68px;
font-weight: 500;
}
.info-box__box-contact-link {
font-weight: 800;
font-size: 20px;
letter-spacing: 0;
position: relative;
color: #efe434;
cursor: pointer;
}
.info-box__box-contact-link:hover::after {
opacity: 1;
width: 100%;
}
.info-box__box-contact-link::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 2px;
opacity: 0;
-webkit-transition: 350ms ease;
transition: 350ms ease;
background-color: #efe434;
} .block-offset {
background-color: #fff;
padding: 50px 0 73px;
font-family: "Lato", Arial, Helvetica, sans-serif;
position: relative;
}
@media screen and (max-width: 991px) {
.block-offset {
padding: 50px 0 60px;
}
}
@media screen and (max-width: 640px) {
.block-offset {
padding: 50px 0 40px;
}
}
.block-offset__row {
padding-left: 27px;
}
@media screen and (max-width: 1200px) {
.block-offset__row {
padding-left: 0;
}
}
.block-offset__story {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
padding: 25px 40px 30px 50px;
}
@media screen and (max-width: 991px) {
.block-offset__story {
padding: 30px;
padding-right: 45px;
margin-bottom: 26px;
-ms-flex-order: 1;
order: 1;
}
}
@media screen and (max-width: 767px) {
.block-offset__story {
text-align: center;
margin-bottom: 44px;
}
}
@media screen and (max-width: 640px) {
.block-offset__story {
margin-bottom: 49px;
padding: 30px 37px;
}
}
.block-offset__story-title {
margin-bottom: 20px;
}
@media screen and (max-width: 991px) {
.block-offset__story-title {
max-width: 425px;
letter-spacing: .76px;
line-height: 43px;
margin-bottom: 14px;
}
.block-offset__story-title br {
display: none;
}
}
@media screen and (max-width: 640px) {
.block-offset__story-title {
padding: 0 30px;
line-height: 37px;
margin-bottom: 21px;
}
.block-offset__story-title br {
display: none;
}
}
.block-offset__story-text {
font-size: 20px;
letter-spacing: .49px;
font-weight: 400;
}
@media screen and (max-width: 767px) {
.block-offset__story-text {
font-size: 16px;
line-height: 28px;
}
}
@media screen and (max-width: 640px) {
.block-offset__story-text {
padding: 0 13px;
}
}
.block-offset__box-wrapper {
margin-bottom: 27px;
}
@media screen and (max-width: 991px) {
.block-offset__box-wrapper:nth-child(2) {
-ms-flex-order: 4;
order: 4;
}
}
@media screen and (max-width: 991px) and (max-width: 767px) {
.block-offset__box-wrapper:nth-child(2) {
-ms-flex-order: 3;
order: 3;
}
}
@media screen and (max-width: 991px) {
.block-offset__box-wrapper:nth-child(3) {
-ms-flex-order: 2;
order: 2;
}
.block-offset__box-wrapper:nth-child(4) {
-ms-flex-order: 3;
order: 3;
}
}
@media screen and (max-width: 991px) and (max-width: 767px) {
.block-offset__box-wrapper:nth-child(4) {
-ms-flex-order: 4;
order: 4;
}
}
@media screen and (max-width: 991px) {
.block-offset__box-wrapper:nth-child(5) {
-ms-flex-order: 5;
order: 5;
}
}
@media screen and (max-width: 991px) {
.block-offset__box-wrapper:nth-child(6) {
-ms-flex-order: 6;
order: 6;
}
}
@media screen and (max-width: 767px) {
.block-offset__box-wrapper {
max-width: 285px;
width: 100%;
margin: 0 auto 27px;
padding: 0;
}
}
@media screen and (max-width: 640px) {
.block-offset__box-wrapper {
margin-bottom: 38px;
}
}
.block-offset__box-wrapper:hover .block-offset__box {
-webkit-transform: rotate3d(-1, 1, 0, -180deg);
transform: rotate3d(-1, 1, 0, -180deg);
-webkit-transition: 350ms ease;
transition: 350ms ease;
}
.block-offset__box-wrapper:hover .block-offset__box-flipp {
-webkit-transform: rotate3d(-1, 1, 0, 0deg);
transform: rotate3d(-1, 1, 0, 0deg);
-webkit-transition: 350ms ease;
transition: 350ms ease;
}
@media screen and (max-width: 767px) {
.block-offset__box-wrapper:hover .block-offset__box-flipp {
-webkit-transform: rotate3d(-1, 1, 0, 0deg);
transform: rotate3d(-1, 1, 0, 0deg);
width: 100%;
height: 100%;
min-height: 324px;
}
}
@media screen and (max-width: 450px) {
.block-offset__box-wrapper {
max-width: 258px;
}
}
.block-offset__box {
max-width: 339px;
min-height: 315px;
height: 266px;
width: 100%;
-webkit-box-shadow: 0 0 13px -3px rgba(0, 0, 0, 0.75);
box-shadow: 0 0 13px -3px rgba(0, 0, 0, 0.75);
position: relative;
padding: 46px 17px 15px;
text-align: center;
z-index: 2;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: rotate3d(-1, 1, 0, 0deg);
transform: rotate3d(-1, 1, 0, 0deg);
-webkit-transition: 350ms ease;
transition: 350ms ease;
}
@media screen and (max-width: 1200px) {
.block-offset__box {
padding: 33px 17px 15px;
}
}
@media screen and (max-width: 1024px) {
.block-offset__box {
min-height: 335px;
}
}
@media screen and (max-width: 991px) {
.block-offset__box {
max-width: 328px;
min-height: 329px;
}
}
@media screen and (max-width: 767px) {
.block-offset__box {
margin: 0 auto;
max-width: 285px;
min-height: 324px;
padding: 24px 36px 20px;
}
}
@media screen and (max-width: 450px) {
.block-offset__box {
max-width: 258px;
}
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.block-offset__box {
-webkit-box-shadow: 0 0 14px 1px rgba(0, 0, 0, 0.45);
box-shadow: 0 0 14px 1px rgba(0, 0, 0, 0.45);
}
}
.block-offset__box-img-wrapper {
max-width: 180px;
margin: 0 auto;
height: 108px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 22px;
}
@media screen and (max-width: 1200px) {
.block-offset__box-img-wrapper {
height: 99px;
}
}
@media screen and (max-width: 1024px) {
.block-offset__box-img-wrapper {
height: 111px;
}
}
.block-offset__box-img-wrapper img {
max-height: 100%;
}
.block-offset__box-title {
color: #000;
font-size: 26px;
letter-spacing: 1.2px;
font-weight: 600;
margin-bottom: 10px;
}
@media screen and (max-width: 1024px) {
.block-offset__box-title {
margin-bottom: 8px;
}
}
@media screen and (max-width: 767px) {
.block-offset__box-title {
margin-bottom: 8px;
}
}
.block-offset__box-text {
color: #000;
font-size: 16px;
letter-spacing: .49px;
font-weight: 500;
line-height: 1.43;
}
@media screen and (max-width: 1024px) {
.block-offset__box-text {
line-height: 22px;
padding: 0 28px;
letter-spacing: .64px;
}
}
@media screen and (max-width: 767px) {
.block-offset__box-text {
padding: 0 10px;
}
}
@media screen and (max-width: 450px) {
.block-offset__box-text {
padding: 0;
}
}
.block-offset__box-corner-icon {
position: absolute;
bottom: 5px;
right: 2px;
font-size: 35px;
color: #422d79;
width: 35px;
height: 54px;
}
.block-offset__box-flipp {
background-color: #422d79;
max-width: 338px;
min-height: 315px;
height: 100%;
width: 100%;
position: absolute;
padding: 26px 17px 54px 38px;
-webkit-transition: 350ms ease;
transition: 350ms ease;
top: 0;
left: 14px;
z-index: 1;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: rotate3d(-1, 1, 0, -180deg);
transform: rotate3d(-1, 1, 0, -180deg);
color: #efe434;
font-size: 20px;
font-weight: 600;
}
@media screen and (max-width: 1200px) {
.block-offset__box-flipp {
max-width: 289px;
padding: 20px 15px 46px 25px;
}
}
@media screen and (max-width: 991px) {
.block-offset__box-flipp {
max-width: 328px;
min-height: 329px;
padding: 26px 17px 54px 38px;
}
}
@media screen and (max-width: 767px) {
.block-offset__box-flipp {
max-width: 285px;
min-height: 1px;
padding: 24px 11px 24px 21px;
left: auto;
width: 1%;
height: 1%;
}
}
@media screen and (max-width: 450px) {
.block-offset__box-flipp {
max-width: 258px;
}
}
.block-offset__box-flipp-content {
position: relative;
overflow: hidden;
}
.block-offset__box-flipp-title {
color: #efe434;
font-size: 26px;
letter-spacing: 1.2px;
font-weight: 600;
margin-bottom: 12px;
position: relative;
}
@media screen and (max-width: 767px) {
.block-offset__box-flipp-title {
font-size: 20px;
margin-bottom: 9px;
}
}
.block-offset__box-flipp-text {
color: #fff;
font-size: 17px;
letter-spacing: .64px;
font-weight: 600;
line-height: 1.471;
margin-bottom: 17px;
overflow-y: auto;
overflow-x: hidden;
max-height: 177px;
position: relative;
padding-right: 10px;
}
@media screen and (max-width: 1200px) {
.block-offset__box-flipp-text {
font-size: 16px;
}
}
@media screen and (max-width: 1024px) {
.block-offset__box-flipp-text {
line-height: 25px;
}
}
@media screen and (max-width: 767px) {
.block-offset__box-flipp-text {
font-size: 14px;
letter-spacing: .56px;
line-height: 24px;
max-height: 240px;
}
}
@media screen and (max-width: 640px) {
.block-offset__box-flipp-text {
max-height: 195px;
}
}
.block-offset__box-flipp-link {
position: absolute;
bottom: 20px;
left: 40px;
cursor: pointer;
color: #efe434;
font-size: 20px;
font-weight: 600;
display: inline-block;
-webkit-transition: 350ms ease;
transition: 350ms ease;
}
.block-offset__box-flipp-link:hover::before {
width: 100%;
opacity: 1;
-webkit-transition: 350ms ease;
transition: 350ms ease;
}
@media screen and (max-width: 1200px) {
.block-offset__box-flipp-link {
left: 25px;
}
}
@media screen and (max-width: 1024px) {
.block-offset__box-flipp-link {
font-size: 19px;
left: 42px;
bottom: 41px;
}
}
@media screen and (max-width: 991px) {
.block-offset__box-flipp-link {
left: 40px;
}
}
@media screen and (max-width: 767px) {
.block-offset__box-flipp-link {
left: 21px;
bottom: 24px;
font-size: 18px;
}
}
.block-offset__box-flipp-link::before {
content: '';
height: 1px;
width: 1%;
background-color: #efe434;
opacity: 0;
position: absolute;
left: 0;
bottom: 0;
-webkit-transition: 350ms ease;
transition: 350ms ease;
}
.block-offset__box-flipp-link::after {
content: '>';
position: absolute;
top: 50%;
right: -15px;
color: #efe434;
font-size: 20px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
@media screen and (max-width: 1024px) {
.block-offset__box-flipp-link::after {
right: -19px;
}
}
@media screen and (max-width: 767px) {
.block-offset__box-flipp-link::after {
right: -23px;
}
} .half-img {
padding-top: 35px;
padding-bottom: 96px;
background-color: #fff;
position: relative;
}
@media screen and (max-width: 991px) {
.half-img {
padding-bottom: 63px;
}
}
@media screen and (max-width: 640px) {
.half-img {
padding-bottom: 16px;
}
}
.half-img .entry-content p {
font-family: "Lato", Arial, Helvetica, sans-serif;
color: #000;
font-size: 20px;
letter-spacing: .56px;
font-weight: 500;
margin-bottom: 15px;
line-height: 1.4;
}
@media screen and (max-width: 991px) {
.half-img .entry-content p {
font-size: 16px;
letter-spacing: .39px;
line-height: 25px;
color: #333;
}
}
.half-img__content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
padding-top: 12px;
}
@media screen and (max-width: 767px) {
.half-img__content {
padding: 12px 58px 0;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
}
@media screen and (max-width: 640px) {
.half-img__content {
padding: 12px 50px 0;
}
}
.half-img__content-title {
margin-bottom: 20px;
margin-left: 3px;
}
@media screen and (max-width: 767px) {
.half-img__content-title {
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start;
margin-left: 0;
}
}
.half-img__content-text {
max-width: 470px;
}
.half-img__content-text p:not(:last-child) {
margin-bottom: 28px;
}
@media screen and (max-width: 991px) {
.half-img__content-text p:not(:last-child) {
margin-bottom: 25px;
}
}
.half-img__photo {
max-width: 560px;
width: 100%;
padding-left: 0;
}
@media screen and (max-width: 991px) {
.half-img__photo {
height: 334px;
padding-left: 15px;
padding-top: 6px;
}
.half-img__photo img {
-o-object-fit: none;
object-fit: none;
height: 100%;
}
}
@media screen and (max-width: 767px) {
.half-img__photo img {
margin: 0 auto;
}
}
@media screen and (max-width: 640px) {
.half-img__photo {
height: 292px;
padding: 0 35px;
margin-bottom: 25px;
}
.half-img__photo img {
margin-left: 0;
}
}
.half-img--invert {
padding-top: 97px;
padding-bottom: 50px;
}
@media screen and (max-width: 991px) {
.half-img--invert {
padding: 73px 0 5px;
}
}
@media screen and (max-width: 640px) {
.half-img--invert {
padding: 53px 0 5px;
}
}
.half-img--invert .half-img__content {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
padding-left: 75px;
padding-top: 1px;
}
@media screen and (max-width: 991px) {
.half-img--invert .half-img__content {
padding-left: 29px;
padding-top: 17px;
}
}
@media screen and (max-width: 767px) {
.half-img--invert .half-img__content {
padding-left: 0;
padding-right: 0;
}
}
@media screen and (max-width: 640px) {
.half-img--invert .half-img__content {
padding: 0 35px 0 40px;
}
}
@media screen and (max-width: 767px) {
.half-img--invert .half-img__content-title {
margin: 0 auto 15px;
}
}
@media screen and (max-width: 640px) {
.half-img--invert .half-img__content-title {
margin-left: 0;
letter-spacing: .76px;
}
}
.half-img--invert .half-img__content-text {
max-width: 375px;
}
@media screen and (max-width: 800px) {
.half-img--invert .half-img__content-text {
padding-right: 10px;
}
}
.half-img--invert .half-img__photo {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
padding-left: 15px;
padding-right: 0;
}
@media screen and (max-width: 991px) {
.half-img--invert .half-img__photo {
height: 232px;
max-width: 345px;
width: 100%;
}
}
@media screen and (max-width: 767px) {
.half-img--invert .half-img__photo {
margin: 0 auto;
padding: 0;
}
}
@media screen and (max-width: 640px) {
.half-img--invert .half-img__photo {
padding: 0 29px;
height: 198px;
margin-bottom: 45px;
}
}
.half-img--invert .half-img__photo img {
margin-left: auto;
} .cta-color {
background-color: #fff;
padding: 59px 40px;
}
@media screen and (max-width: 991px) {
.cta-color {
padding: 59px 0 50px;
}
}
@media screen and (max-width: 640px) {
.cta-color {
max-width: 283px;
margin: 0 auto;
}
}
.cta-color__container {
background-color: #422d79;
-webkit-box-shadow: 0 11px 14px -2px rgba(0, 0, 0, 0.4);
box-shadow: 0 11px 14px -2px rgba(0, 0, 0, 0.4);
min-height: 255px;
height: auto;
max-width: 1092px;
width: 100%;
padding: 30px 45px;
text-align: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
position: relative;
overflow: hidden;
}
@media screen and (max-width: 991px) {
.cta-color__container {
padding: 21px 45px;
min-height: 232px;
max-width: 690px;
}
}
@media screen and (max-width: 640px) {
.cta-color__container {
padding: 20px;
}
}
@media screen and (max-width: 400px) {
.cta-color__container {
padding: 19px 7px 14px 10px;
}
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.cta-color__container {
-webkit-box-shadow: 0 0 14px 1px rgba(0, 0, 0, 0.45);
box-shadow: 0 0 14px 1px rgba(0, 0, 0, 0.45);
}
}
.cta-color__wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
padding: 20px 30px;
}
@media screen and (max-width: 640px) {
.cta-color__wrapper {
padding: 18px 5px;
}
}
.cta-color__title {
color: #efe434;
font-size: 26px;
font-weight: 600;
letter-spacing: 1.25px;
margin-bottom: 27px;
}
@media screen and (max-width: 991px) {
.cta-color__title {
font-size: 22px;
margin-bottom: 21px;
}
}
@media screen and (max-width: 640px) {
.cta-color__title {
font-size: 20px;
letter-spacing: .96px;
margin-bottom: 16px;
line-height: 25px;
}
}
.cta-color__text {
color: #fff;
font-size: 20px;
font-weight: 400;
letter-spacing: .49px;
margin-bottom: 30px;
}
@media screen and (max-width: 991px) {
.cta-color__text {
padding: 0 20px;
font-size: 16px;
letter-spacing: .39px;
line-height: 25px;
margin-bottom: 27px;
}
.cta-color__text br {
display: none;
}
}
@media screen and (max-width: 800px) {
.cta-color__text {
padding: 0;
}
}
@media screen and (max-width: 640px) {
.cta-color__text {
line-height: 26px;
padding: 0 10px;
margin-bottom: 13px;
}
}
@media screen and (max-width: 400px) {
.cta-color__text {
padding: 0 20px;
margin-bottom: 26px;
}
}
.cta-color__link {
color: #efe434;
font-size: 17px;
font-weight: 500;
position: relative;
-webkit-transition: 350ms ease;
transition: 350ms ease;
cursor: pointer;
margin: 0 auto;
display: inline-block;
letter-spacing: .68px;
}
@media screen and (max-width: 640px) {
.cta-color__link {
letter-spacing: 0;
font-size: 20px;
}
}
.cta-color__link span {
font-size: 20px;
font-weight: 600;
}
.cta-color__link:hover::after {
opacity: 1;
width: 100%;
}
.cta-color__link::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 2px;
opacity: 0;
-webkit-transition: 350ms ease;
transition: 350ms ease;
background-color: #efe434;
} .text-icon-section {
font-family: "Lato", Arial, Helvetica, sans-serif;
background-color: #fff;
text-align: center;
padding: 120px 0 104px;
}
@media screen and (max-width: 1024px) {
.text-icon-section {
padding: 28px 0 66px;
}
}
@media screen and (max-width: 767px) {
.text-icon-section__container {
max-width: 90%;
}
}
.text-icon-section__title {
margin-bottom: 56px;
font-size: 36px;
font-weight: 700;
display: block;
letter-spacing: -.2px;
}
@media screen and (max-width: 1024px) {
.text-icon-section__title {
font-size: 31px;
letter-spacing: .76px;
line-height: 43px;
}
.text-icon-section__title br {
display: none;
}
}
@media screen and (max-width: 800px) {
.text-icon-section__title {
padding: 0 37px;
}
}
@media screen and (max-width: 640px) {
.text-icon-section__title {
font-size: 30px;
letter-spacing: .3px;
line-height: 37px;
padding: 0 10px;
margin-bottom: 74px;
}
}
.text-icon-section__content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0 115px;
}
@media screen and (max-width: 991px) {
.text-icon-section__content {
padding: 0;
}
}
@media screen and (max-width: 640px) {
.text-icon-section__content {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.text-icon-section__content-box {
max-width: 305px;
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
@media screen and (max-width: 800px) {
.text-icon-section__content-box {
max-width: 175px;
}
}
@media screen and (max-width: 640px) {
.text-icon-section__content-box {
max-width: 100%;
}
.text-icon-section__content-box:not(:last-child) {
margin-bottom: 35px;
}
}
.text-icon-section__content-box-img-wrapper {
height: 73px;
width: 100%;
max-width: 98px;
margin-bottom: 8px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.text-icon-section__content-box-img-wrapper img {
max-height: 100%;
}
.text-icon-section__content-box-title {
font-size: 26px;
letter-spacing: 1.25px;
color: #191d38;
font-weight: 800;
display: block;
width: 100%;
}
.text-icon-section--alt {
background-color: #f1f1f1;
position: relative;
padding-top: 38px;
padding: 38px 0 45px;
}
@media screen and (max-width: 800px) {
.text-icon-section--alt {
padding: 38px 0 61px;
}
}
@media screen and (max-width: 767px) {
.text-icon-section--alt .text-icon-section__container {
max-width: 95%;
}
}
.text-icon-section--alt .content-box__title {
margin-bottom: 15px;
}
.text-icon-section--alt .text-icon-section__title {
font-size: 43px;
letter-spacing: 1.06px;
margin-bottom: 23px;
}
@media screen and (max-width: 1024px) {
.text-icon-section--alt .text-icon-section__title {
font-size: 31px;
}
}
@media screen and (max-width: 640px) {
.text-icon-section--alt .text-icon-section__title {
font-size: 30px;
letter-spacing: .3px;
line-height: 37px;
}
}
.text-icon-section--alt .text-icon-section__content {
padding: 0 15px;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.text-icon-section--alt .text-icon-section__content-box {
-webkit-box-pack: stretch;
-webkit-justify-content: stretch;
-ms-flex-pack: stretch;
justify-content: stretch;
max-width: 200px;
width: 100%;
}
@media screen and (max-width: 1200px) {
.text-icon-section--alt .text-icon-section__content-box {
max-width: 20%;
}
}
@media screen and (max-width: 800px) {
.text-icon-section--alt .text-icon-section__content-box {
max-width: 19%;
}
}
@media screen and (max-width: 640px) {
.text-icon-section--alt .text-icon-section__content-box {
max-width: 100%;
}
.text-icon-section--alt .text-icon-section__content-box:not(:first-child) {
margin-top: 45px;
}
}
.text-icon-section--alt .text-icon-section__content-box-img-wrapper {
max-width: 90px;
height: 108px;
margin-bottom: 3px;
}
@media screen and (max-width: 1024px) {
.text-icon-section--alt .text-icon-section__content-box-img-wrapper {
max-width: 70px;
height: 85px;
margin-bottom: 16px;
}
}
@media screen and (max-width: 640px) {
.text-icon-section--alt .text-icon-section__content-box-img-wrapper {
max-width: 87px;
height: 90px;
margin-bottom: 11px;
}
}
.text-icon-section--alt .text-icon-section__content-box-img {
max-width: 100%;
}
.text-icon-section--alt .text-icon-section__content-box-title {
font-size: 26px;
letter-spacing: 1.25px;
color: #191d38;
font-weight: 600;
display: inline-block;
width: 100%;
}
@media screen and (max-width: 1024px) {
.text-icon-section--alt .text-icon-section__content-box-title {
font-size: 22px;
letter-spacing: 1.06px;
line-height: 32px;
}
}
@media screen and (max-width: 640px) {
.text-icon-section--alt .text-icon-section__content-box-title {
padding: 0 20px;
}
}
@media screen and (max-width: 400px) {
.text-icon-section--alt .text-icon-section__content-box-title {
font-size: 26px;
letter-spacing: 1.25px;
line-height: 37px;
padding: 0 25px;
}
} .list-section {
background-color: #f1f1f1;
padding-top: 65px;
padding-bottom: 76px;
}
@media screen and (max-width: 1024px) {
.list-section {
padding-top: 55px;
}
}
.list-section__container {
max-width: 1200px;
}
@media screen and (max-width: 1200px) {
.list-section__container {
max-width: 100%;
}
}
@media screen and (max-width: 1070px) {
.list-section__container {
max-width: 90%;
}
}
.list-section__title {
text-align: center;
margin-bottom: 40px;
}
@media screen and (max-width: 640px) {
.list-section__title {
font-size: 30px;
letter-spacing: .3px;
line-height: 37px;
margin-bottom: 45px;
}
}
.list-section__row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding-left: 77px;
}
@media screen and (max-width: 1200px) {
.list-section__row {
padding: 0 15px;
}
}
@media screen and (max-width: 640px) {
.list-section__row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
padding-top: 0 5px;
}
}
@media screen and (max-width: 400px) {
.list-section__row {
padding-left: 6px;
}
}
@media screen and (max-width: 1070px) {
.list-section__list-wrapper {
margin: 0 15px;
width: 28%;
}
}
@media screen and (max-width: 1024px) {
.list-section__list-wrapper:first-child {
padding-left: 55px;
}
}
@media screen and (max-width: 1024px) and (max-width: 720px) {
.list-section__list-wrapper:first-child {
padding-left: 15px;
}
}
@media screen and (max-width: 660px) {
.list-section__list-wrapper {
width: 27%;
}
}
@media screen and (max-width: 640px) {
.list-section__list-wrapper {
width: 100%;
margin-left: 0;
margin-right: 0;
}
.list-section__list-wrapper:first-child {
padding-left: 15px;
}
.list-section__list-wrapper:not(:last-child) {
margin-bottom: 44px;
}
}
.list-section__list-title {
font-size: 26px;
font-weight: 700;
letter-spacing: 1.25px;
font-family: "Lato", Arial, Helvetica, sans-serif;
color: #422d79;
margin-bottom: 8px;
}
@media screen and (max-width: 1024px) {
.list-section__list-title {
font-size: 22px;
letter-spacing: 1.06px;
line-height: 32px;
margin-bottom: 23px;
padding-right: 5px;
}
}
@media screen and (max-width: 640px) {
.list-section__list-title {
font-size: 26px;
letter-spacing: 1.25px;
line-height: 37px;
margin-bottom: 10px;
}
}
.list-section__list-text {
color: #333;
font-family: "Lato", Arial, Helvetica, sans-serif;
font-size: 16px;
letter-spacing: .64px;
font-weight: 400;
line-height: 1.44;
}
@media screen and (max-width: 1070px) {
.list-section__list-text br {
display: none;
}
}
@media screen and (max-width: 1024px) {
.list-section__list-text {
line-height: 23px;
}
} .half-icons {
background-color: #f1f1f1;
font-family: "Lato", Arial, Helvetica, sans-serif;
padding-top: 70px;
padding-bottom: 133px;
}
@media screen and (max-width: 1024px) {
.half-icons {
padding-bottom: 70px;
}
}
@media screen and (max-width: 790px) {
.half-icons__container {
padding: 0 10px;
}
}
.half-icons__title {
text-align: center;
margin-bottom: 25px;
letter-spacing: 1.06px;
}
@media screen and (max-width: 1024px) {
.half-icons__title {
font-size: 31px;
letter-spacing: .76px;
line-height: 43px;
}
}
@media screen and (max-width: 640px) {
.half-icons__title {
font-size: 30px;
}
}
@media screen and (max-width: 450px) {
.half-icons__title {
margin-bottom: 19px;
}
}
.half-icons__text-wrapper {
max-width: 998px;
width: 100%;
margin: 0 auto 72px;
padding-right: 35px;
}
@media screen and (max-width: 1024px) {
.half-icons__text-wrapper {
padding: 0;
margin: 0 auto 36px;
}
}
@media screen and (max-width: 790px) {
.half-icons__text-wrapper {
padding: 0 7px;
margin: 0 auto 33px;
}
}
@media screen and (max-width: 450px) {
.half-icons__text-wrapper {
padding: 0 17px 0 39px;
margin: 0 auto 37px;
}
}
.half-icons__text {
font-size: 20px;
font-weight: 500;
color: #333;
letter-spacing: .49px;
line-height: 1.3;
}
@media screen and (max-width: 1024px) {
.half-icons__text {
font-size: 16px;
letter-spacing: .33px;
line-height: 25px;
}
}
@media screen and (max-width: 640px) {
.half-icons__text {
letter-spacing: .39px;
line-height: 26px;
}
}
.half-icons__subtitle {
color: #191d38;
font-size: 26px;
font-weight: 700;
letter-spacing: 1.25px;
margin-bottom: 59px;
text-align: center;
}
@media screen and (max-width: 1024px) {
.half-icons__subtitle {
font-size: 21px;
letter-spacing: 1.01px;
margin-bottom: 0;
}
}
@media screen and (max-width: 640px) {
.half-icons__subtitle {
font-size: 20px;
letter-spacing: .96px;
margin-bottom: 20px;
line-height: 29px;
}
}
@media screen and (max-width: 450px) {
.half-icons__subtitle {
margin-left: 10%;
text-align: left;
margin-bottom: 13px;
}
}
.half-icons__box-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media screen and (max-width: 1024px) {
.half-icons__box-wrapper {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.half-icons__box {
max-width: 165px;
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (max-width: 1024px) {
.half-icons__box {
max-width: 25%;
margin: 69px 20px 0;
}
}
@media screen and (max-width: 790px) {
.half-icons__box {
max-width: 30%;
margin: 54px 10px 12px;
}
}
@media screen and (max-width: 767px) {
.half-icons__box {
max-width: 45%;
margin: 35px 10px 0;
min-height: 255px;
}
}
@media screen and (max-width: 450px) {
.half-icons__box {
max-width: 135px;
width: 100%;
margin: 20px 10px 0;
}
}
@media screen and (max-width: 345px) {
.half-icons__box {
max-width: 65%;
min-height: 100px;
margin-bottom: 15px;
}
}
.half-icons__box-img {
width: 100%;
height: 100%;
max-width: 105px;
max-height: 76px;
margin-bottom: 12px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
@media screen and (max-width: 1024px) {
.half-icons__box-img {
margin-bottom: 22px;
max-width: 102px;
max-height: 69px;
}
}
@media screen and (max-width: 450px) {
.half-icons__box-img {
max-width: 70px;
max-height: 63px;
margin-bottom: 10px;
}
}
@media screen and (max-width: 345px) {
.half-icons__box-img {
margin-bottom: 20px;
}
}
.half-icons__box-img img {
max-height: 100%;
}
.half-icons__box-title {
font-size: 26px;
color: #191d38;
font-weight: 600;
letter-spacing: 1.25px;
margin-bottom: 11px;
}
@media screen and (max-width: 1024px) {
.half-icons__box-title {
font-size: 22px;
letter-spacing: 1.06px;
}
}
@media screen and (max-width: 640px) {
.half-icons__box-title {
font-size: 20px;
letter-spacing: .96px;
}
}
@media screen and (max-width: 450px) {
.half-icons__box-title {
margin-bottom: 16px;
}
}
.half-icons__box-list {
width: 100%;
margin-left: 21px;
}
@media screen and (max-width: 1024px) {
.half-icons__box-list {
margin-left: 13px;
padding-right: 10px;
}
}
@media screen and (max-width: 640px) {
.half-icons__box-list {
padding-right: 15%;
}
}
@media screen and (max-width: 450px) {
.half-icons__box-list {
margin-left: 18px;
}
}
@media screen and (max-width: 345px) {
.half-icons__box-list {
padding-right: 0;
}
}
.half-icons__box-list-item {
font-size: 16px;
font-weight: 500;
letter-spacing: .64px;
line-height: 1.44;
position: relative;
color: #222624;
}
@media screen and (max-width: 1024px) {
.half-icons__box-list-item {
line-height: 23px;
}
}
@media screen and (max-width: 640px) {
.half-icons__box-list-item {
font-size: 14px;
line-height: 18px;
letter-spacing: .56px;
}
}
.half-icons__box-list-item::before {
content: '\00B7';
position: absolute;
top: -7px;
left: -11px;
font-size: 27px;
}
@media screen and (max-width: 1024px) {
.half-icons__box-list-item::before {
top: 2px;
}
}
@media screen and (max-width: 450px) {
.half-icons__box-list-item::before {
top: 0;
left: -10px;
}
} .big-list {
font-family: "Lato", Arial, Helvetica, sans-serif;
background-color: #fff;
padding-top: 114px;
padding-bottom: 90px;
}
@media screen and (max-width: 1024px) {
.big-list {
padding-top: 76px;
}
}
@media screen and (max-width: 640px) {
.big-list {
padding-top: 48px;
padding-bottom: 62px;
}
}
.big-list .entry-content p {
text-align: center;
font-size: 16px;
color: #222624;
letter-spacing: .64px;
font-weight: 500;
}
@media screen and (max-width: 1024px) {
.big-list .entry-content p {
padding: 0 79px;
font-size: 17px;
font-weight: 500;
letter-spacing: .42px;
line-height: 25px;
}
}
@media screen and (max-width: 640px) {
.big-list .entry-content p {
font-size: 14px;
letter-spacing: .34px;
line-height: 24px;
padding: 0 35px;
}
}
.big-list .entry-content a {
position: relative;
display: inline-block;
cursor: pointer;
}
.big-list .entry-content a::after {
content: '';
height: 1px;
width: 1%;
background-color: #222624;
opacity: 0;
position: absolute;
left: 0;
bottom: 0;
-webkit-transition: 350ms ease;
transition: 350ms ease;
}
.big-list .entry-content a:hover::after {
width: 100%;
opacity: 1;
-webkit-transition: 350ms ease;
transition: 350ms ease;
}
.big-list__title {
text-align: center;
margin-bottom: 45px;
}
@media screen and (max-width: 1024px) {
.big-list__title {
margin-bottom: 32px;
}
}
.big-list__wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding-left: 115px;
padding-right: 50px;
margin-bottom: 27px;
}
@media screen and (max-width: 1380px) {
.big-list__wrapper {
padding: 0 30px;
}
}
@media screen and (max-width: 1280px) {
.big-list__wrapper {
max-width: 80%;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 0 auto 27px;
}
}
@media screen and (max-width: 1024px) {
.big-list__wrapper {
max-width: 90%;
margin: 0 auto 42px;
}
}
@media screen and (max-width: 800px) {
.big-list__wrapper {
max-width: 95%;
}
}
@media screen and (max-width: 640px) {
.big-list__wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
}
@media screen and (max-width: 400px) {
.big-list__wrapper {
max-width: 100%;
margin: 0 auto 46px;
}
}
.big-list__list--small {
max-width: 40%;
width: 100%;
}
@media screen and (max-width: 1280px) {
.big-list__list--small {
max-width: 50%;
margin-right: 20px;
}
}
@media screen and (max-width: 800px) {
.big-list__list--small {
padding-left: 17px;
padding-right: 18px;
margin-right: 9px;
}
}
@media screen and (max-width: 640px) {
.big-list__list--small {
max-width: 100%;
padding-left: 15px;
}
}
@media screen and (max-width: 400px) {
.big-list__list--small {
padding-left: 10px;
padding-right: 5px;
}
}
.big-list__list--small .big-list__list-items {
max-width: 350px;
margin-left: 27px;
}
.big-list__list--big {
max-width: 60%;
width: 100%;
min-height: 220px;
}
@media screen and (max-width: 1280px) {
.big-list__list--big {
max-width: 50%;
}
}
@media screen and (max-width: 800px) {
.big-list__list--big {
padding-left: 5px;
}
}
@media screen and (max-width: 640px) {
.big-list__list--big {
max-width: 100%;
padding-left: 15px;
}
}
@media screen and (max-width: 400px) {
.big-list__list--big {
padding-left: 5px;
padding-right: 0;
}
}
.big-list__list--big .big-list__list-items {
margin-left: 30px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.big-list__list--big .big-list__list-items li:nth-child(7),
.big-list__list--big .big-list__list-items li:nth-child(9) {
margin-top: -27px;
}
@media screen and (max-width: 1280px) {
.big-list__list--big .big-list__list-items li:nth-child(7),
.big-list__list--big .big-list__list-items li:nth-child(9) {
margin-top: 0;
}
}
.big-list__list--big .big-list__list-items-item {
width: 345px;
}
@media screen and (max-width: 1024px) {
.big-list__list--big .big-list__list-items-item {
max-width: 345px;
width: 100%;
}
}
.big-list__list--big .big-list__list-items-item::before {
left: -31px;
}
.big-list__list-title {
font-size: 26px;
color: #191d38;
letter-spacing: 1.25px;
font-weight: 600;
margin-bottom: 12px;
display: block;
}
@media screen and (max-width: 1024px) {
.big-list__list-title {
font-size: 22px;
letter-spacing: 1.06px;
line-height: 32px;
margin-bottom: 15px;
}
}
@media screen and (max-width: 640px) {
.big-list__list-title {
font-size: 20px;
letter-spacing: .96px;
line-height: 29px;
}
}
.big-list__list-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.big-list__list-items-item {
font-size: 16px;
font-weight: 500;
letter-spacing: .39px;
line-height: 1.6;
position: relative;
color: #191d38;
}
@media screen and (max-width: 1024px) {
.big-list__list-items-item {
line-height: 25px;
}
}
@media screen and (max-width: 640px) {
.big-list__list-items-item {
font-size: 14px;
line-height: 18px;
}
}
.big-list__list-items-item:not(:last-child) {
margin-bottom: 10px;
}
@media screen and (max-width: 1024px) {
.big-list__list-items-item:not(:last-child) {
margin-bottom: 11px;
}
}
.big-list__list-items-item::before {
content: '\00B7';
position: absolute;
top: -9px;
left: -27px;
font-size: 27px;
}
@media screen and (max-width: 1024px) {
.big-list__list-items-item::before {
top: 1px;
}
}
.big-list__note {
font-size: 16px;
color: #222624;
letter-spacing: .54px;
font-weight: 400;
margin-left: -5px;
display: inline-block;
margin-bottom: 12px;
margin-top: 27px;
}
@media screen and (max-width: 1024px) {
.big-list__note {
font-size: 14px;
letter-spacing: .34px;
line-height: 25px;
}
}
@media screen and (max-width: 640px) {
.big-list__note {
margin: 46px 0 24px 6px;
}
} .search-section {
position: relative;
background-color: #e8e8e8;
font-family: "lato", Arial, Helvetica, sans-serif;
padding-bottom: 111px;
padding-top: 35px;
}
@media screen and (max-width: 1024px) {
.search-section {
padding-bottom: 50px;
}
}
.search-section .js-suggestion-box {
border: 1px solid #c9c9c9;
padding: 5px;
}
.search-section .js-suggestion-box span {
margin-bottom: 2px;
color: #634e99;
-webkit-transition: 350ms ease;
transition: 350ms ease;
}
.search-section .js-suggestion-box span:hover {
background-color: #f0eaff;
color: #422d79;
-webkit-transition: 350ms ease;
transition: 350ms ease;
}
.search-section__container {
padding: 0;
margin-top: -22px;
}
@media screen and (max-width: 1024px) {
.search-section__container {
padding: 0 15px;
}
}
@media screen and (max-width: 640px) {
.search-section__container {
max-width: 288px;
padding: 0;
}
}
.search-section__title {
text-align: center;
font-size: 36px;
letter-spacing: -.14px;
margin-bottom: 37px;
}
@media screen and (max-width: 1024px) {
.search-section__title {
font-size: 31px;
letter-spacing: .76px;
line-height: 43px;
}
}
@media screen and (max-width: 640px) {
.search-section__title {
font-size: 30px;
letter-spacing: .3px;
line-height: 37px;
}
}
.search-section__wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.search-section__input-wrapper {
position: relative;
}
@media screen and (max-width: 640px) {
.search-section__input-wrapper {
max-width: 100%;
width: 100%;
}
}
.search-section__input-wrapper .suggestion-box {
width: 100%;
}
.search-section__input {
height: 50px;
width: 532px;
background-color: #fff;
border: 1px solid #000;
position: relative;
color: #422d79;
font-size: 16px;
padding-left: 31px;
padding-right: 95px;
letter-spacing: .2px;
border-radius: 2px;
caret-color: #422d79;
font-weight: 500;
}
@media screen and (max-width: 640px) {
.search-section__input {
width: 100%;
padding-left: 15px;
padding-right: 80px;
}
}
@media screen and (max-width: 350px) {
.search-section__input {
padding-left: 10px;
}
}
.search-section__input::-webkit-input-placeholder {
color: #979797;
font-size: 16px;
font-weight: 500;
letter-spacing: .7px;
}
.search-section__input::-moz-placeholder {
color: #979797;
font-size: 16px;
font-weight: 500;
letter-spacing: .7px;
}
.search-section__input:-ms-input-placeholder {
color: #979797;
font-size: 16px;
font-weight: 500;
letter-spacing: .7px;
}
.search-section__input::-ms-input-placeholder {
color: #979797;
font-size: 16px;
font-weight: 500;
letter-spacing: .7px;
}
.search-section__input::placeholder {
color: #979797;
font-size: 16px;
font-weight: 500;
letter-spacing: .7px;
}
@media screen and (max-width: 640px) {
.search-section__input::-webkit-input-placeholder {
font-size: 14px;
}
.search-section__input::-moz-placeholder {
font-size: 14px;
}
.search-section__input:-ms-input-placeholder {
font-size: 14px;
}
.search-section__input::-ms-input-placeholder {
font-size: 14px;
}
.search-section__input::placeholder {
font-size: 14px;
}
}
.search-section__input:focus {
color: #422d79;
}
.search-section__input-submit {
border: 0;
background-color: transparent;
text-transform: uppercase;
font-size: 16px;
color: #422d79;
letter-spacing: .39px;
font-weight: 500;
position: absolute;
top: 50%;
right: 28px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
@media screen and (max-width: 640px) {
.search-section__input-submit {
right: 15px;
}
}
@media screen and (max-width: 350px) {
.search-section__input-submit {
right: 13px;
}
}
.search-section__input-submit:hover {
text-shadow: 0 1px 3px #c9c9c9;
}
.search-section__input-submit:focus {
font-weight: 800;
}
.search-section__input-submit--active {
color: #422d79;
cursor: pointer;
pointer-events: auto;
}
.search-section__msg {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.search-section__msg--active {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.search-section__msg-success {
display: none;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding-top: 86px;
}
.search-section__msg-success--active {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.search-section__msg-success-icon {
font-size: 50px;
height: 44px;
position: absolute;
top: 27px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
color: #422d79;
}
.search-section__msg-success-text {
font-size: 21px;
color: #422d79;
font-weight: 600;
letter-spacing: 0;
margin-bottom: 30px;
}
@media screen and (max-width: 1024px) {
.search-section__msg-success-text {
text-align: center;
}
}
.search-section__msg-fail {
position: relative;
display: none;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
padding-left: 35px;
margin-top: 25px;
}
.search-section__msg-fail--active {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.search-section__msg-fail-text {
font-size: 16px;
color: #422d79;
font-weight: 700;
}
@media screen and (max-width: 1024px) {
.search-section__msg-fail-text br {
display: none;
}
}
.search-section__msg-fail-icon {
font-size: 25px;
position: absolute;
left: -2px;
top: 8px;
height: 23px;
} .map {
font-family: "Lato", Arial, Helvetica, sans-serif;
background-color: #fff;
padding: 92px 0 11px;
}
@media screen and (max-width: 640px) {
.map {
padding: 62px 0 11px;
}
}
@media screen and (max-width: 1200px) {
.map__container {
max-width: 100%;
}
}
.map__wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding-top: 34px;
padding-bottom: 47px;
-webkit-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.55);
box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.55);
margin-bottom: 68px;
}
.story-img-D {
display:block;
}
.story-img-M, .story-img-T {
display: none;
}
@media screen and (max-width: 1024px) {
.map__wrapper {
max-width: 690px;
margin: 0 auto 43px;
min-height: 497px;
padding-top: 22px;
padding-bottom: 25px;
}
.story-img-T {
display:block;
}
.story-img-M, .story-img-D {
display: none;
}
}
@media screen and (max-width: 730px) {
.map__wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
max-width: 90%;
}
.story-img-M {
display:block;
}
.story-img-D, .story-img-T {
display: none;
}
}
@media screen and (max-width: 400px) {
.map__wrapper {
max-width: 290px;
width: 100%;
padding-top: 9px;
padding-bottom: 46px;
margin: 0 auto 35px;
}
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.map__wrapper {
-webkit-box-shadow: 0 0 14px 1px rgba(0, 0, 0, 0.45);
box-shadow: 0 0 14px 1px rgba(0, 0, 0, 0.45);
}
}
.map__content {
width: 33%;
padding-left: 38px;
padding-top: 39px;
}
@media screen and (max-width: 1200px) {
.map__content {
padding-top: 13px;
}
}
@media screen and (max-width: 1110px) {
.map__content {
max-width: 355px;
width: 100%;
}
}
@media screen and (max-width: 1024px) {
.map__content {
padding-left: 22px;
max-width: 351px;
}
}
@media screen and (max-width: 730px) {
.map__content {
max-width: 50%;
padding-left: 0;
margin-bottom: 20px;
}
}
@media screen and (max-width: 640px) {
.map__content {
max-width: 100%;
padding: 13px 31px 0;
}
}
.map__title {
margin-bottom: 10px;
margin-left: 10px;
}
@media screen and (max-width: 1024px) {
.map__title {
font-size: 39px;
letter-spacing: .4px;
line-height: 49px;
margin-bottom: 6px;
}
}
@media screen and (max-width: 730px) {
.map__title {
margin-left: 0;
text-align: center;
}
}
@media screen and (max-width: 640px) {
.map__title {
font-size: 30px;
letter-spacing: .3px;
line-height: 37px;
margin-bottom: 17px;
}
}
.map__text {
font-size: 16px;
letter-spacing: .64px;
line-height: 23px;
color: #333;
margin-bottom: 36px;
margin-left: 10px;
font-weight: 500;
}
@media screen and (max-width: 1110px) {
.map__text {
margin-bottom: 18px;
}
}
@media screen and (max-width: 1024px) {
.map__text {
margin-bottom: 16px;
padding-right: 25px;
}
}
@media screen and (max-width: 730px) {
.map__text {
margin-left: 0;
padding: 0;
}
}
@media screen and (max-width: 400px) {
.map__text {
padding-right: 5px;
margin-bottom: 24px;
}
}
@media screen and (max-width: 1024px) {
.map__list {
padding-left: 8px;
padding-right: 6px;
}
}
@media screen and (max-width: 730px) {
.map__list {
display: none;
}
}
.map__list-item {
margin-bottom: 3px;
}
@media screen and (max-width: 1024px) {
.map__list-item {
margin-bottom: 0;
}
}
.map__list-item-link {
display: block;
width: 100%;
color: #634e99;
font-size: 16px;
letter-spacing: .64px;
line-height: 37px;
font-weight: 600;
padding-left: 10px;
position: relative;
-webkit-transition: 350ms ease;
transition: 350ms ease;
}
@media screen and (max-width: 1024px) {
.map__list-item-link {
line-height: 40px;
padding-left: 15px;
}
}
.map__list-item-link:hover {
background-color: #f8f6ff;
}
.map__list-item-link::after {
content: '>';
font-size: 30px;
color: #634e99;
position: absolute;
top: -2px;
right: 10px;
opacity: 0;
font-weight: 300;
}
.map__list-item-link--active {
background-color: #f0eaff;
-webkit-transition: 350ms ease;
transition: 350ms ease;
}
.map__list-item-link--active::after {
opacity: 1;
-webkit-transform: 350ms ease;
transform: 350ms ease;
}
.map__photo-wrapper {
width: 65%;
padding-top: 14px;
padding-left: 27px;
margin-left: 22px;
}
@media screen and (max-width: 1200px) {
.map__photo-wrapper {
margin-left: 10px;
}
}
@media screen and (max-width: 1110px) {
.map__photo-wrapper {
max-width: 635px;
width: 100%;
margin-left: auto;
margin-right: 20px;
}
}
@media screen and (max-width: 1024px) {
.map__photo-wrapper {
width: 100%;
height: 444px;
padding-top: 11px;
padding-left: 0;
padding-right: 30px;
margin-left: 0;
margin-right: 0;
}
}
@media screen and (max-width: 730px) {
.map__photo-wrapper {
padding: 0;
margin-right: 15px;
margin-left: 15px;
width: 90%;
}
}
@media screen and (max-width: 640px) {
.map__photo-wrapper {
width: 100%;
height: 270px;
padding: 0 25px;
}
}
@media screen and (max-width: 400px) {
.map__photo-wrapper {
width: 223px;
padding: 0;
}
}
.map__photo {
max-width: 630px;
max-height: 479px;
height: 100%;
position: relative;
}
@media screen and (max-width: 1024px) {
.map__photo {
max-width: 100%;
height: 100%;
}
}
.map__photo-img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
max-width: 100%;
opacity: 0;
-webkit-transition: 350ms ease;
transition: 350ms ease;
}
@media screen and (max-width: 1024px) {
.map__photo-img {
height: 100%;
}
}
.map__photo-img--active {
opacity: 1;
-webkit-transition: 350ms ease;
transition: 350ms ease;
}
.map__btn-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.map__dropdown-wrapper {
display: none;
}
@media screen and (max-width: 730px) {
.map__dropdown-wrapper {
display: block;
}
}
.map__dropdown-wrapper .select2-container {
max-width: 100%;
}
.map__dropdown-wrapper .map-option {
border: none;
-webkit-box-shadow: 1px 3px 10px rgba(0, 0, 0, 0.16);
box-shadow: 1px 3px 10px rgba(0, 0, 0, 0.16);
}
.map__dropdown-wrapper .map-option .select2-selection__rendered {
color: #422d79;
font-size: 16px;
letter-spacing: .64px;
}
@media screen and (max-width: 400px) {
.map__dropdown-wrapper .map-option .select2-selection__rendered {
padding-left: 11px;
}
}
.map__dropdown-wrapper .map-option .select2-selection__arrow {
right: 5px;
top: -1px;
}
.map__dropdown-wrapper .map-option .select2-selection__arrow b {
display: block;
border-width: 10px 6px 0;
border-color: #d1d1d1 transparent transparent;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.map__dropdown-wrapper .map-option {
-webkit-box-shadow: 0 0 14px 1px rgba(0, 0, 0, 0.45);
box-shadow: 0 0 14px 1px rgba(0, 0, 0, 0.45);
}
} .sizes {
padding-top: 96px;
padding-bottom: 86px;
background-color: #fff;
}
@media screen and (max-width: 640px) {
.sizes {
padding: 47px 0;
}
}
.sizes .entry-content p {
font-family: "Lato", Arial, Helvetica, sans-serif;
letter-spacing: .49px;
font-size: 20px;
font-weight: 400;
color: #333;
text-align: center;
margin-bottom: 15px;
}
.sizes .entry-content p:first-of-type {
font-weight: 500;
}
.sizes .entry-content a {
cursor: pointer;
position: relative;
-webkit-transition: 350ms ease;
transition: 350ms ease;
line-height: 28px;
}
.sizes .entry-content a:hover {
color: #422d79;
-webkit-transition: 350ms ease;
transition: 350ms ease;
}
.sizes .entry-content a::before {
display: none;
}
@media screen and (max-width: 1200px) {
.sizes__wrap {
max-width: 100%;
}
}
@media screen and (max-width: 1024px) {
.sizes__wrap {
max-width: 95%;
}
}
@media screen and (max-width: 810px) {
.sizes__wrap {
max-width: 100%;
}
}
.sizes__title {
text-align: center;
margin-bottom: 34px;
letter-spacing: 1.06px;
}
@media screen and (max-width: 1024px) {
.sizes__title {
font-size: 31px;
letter-spacing: .76px;
line-height: 43px;
}
}
@media screen and (max-width: 640px) {
.sizes__title {
font-size: 43px;
letter-spacing: 1.06px;
line-height: 53px;
}
}
.sizes__container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 28px;
}
@media screen and (max-width: 1024px) {
.sizes__container {
margin-bottom: 77px;
}
}
@media screen and (max-width: 640px) {
.sizes__container {
margin-bottom: 0;
}
}
.sizes__box {
width: 420px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-shadow: 0 0 24px -9px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 24px -9px rgba(0, 0, 0, 0.6);
background-color: #fff;
margin: 0 18px 37px;
padding-top: 33px;
}
@media screen and (max-width: 1065px) {
.sizes__box {
margin: 0 10px 37px;
}
}
@media screen and (max-width: 1024px) {
.sizes__box {
margin: 0 15px 28px;
width: 410px;
min-height: 311px;
padding-top: 15px;
}
}
@media screen and (max-width: 640px) {
.sizes__box {
width: 290px;
min-height: 300px;
padding-top: 27px;
margin: 0 15px 50px;
}
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.sizes__box {
-webkit-box-shadow: 0 0 14px 1px rgba(0, 0, 0, 0.45);
box-shadow: 0 0 14px 1px rgba(0, 0, 0, 0.45);
}
}
.sizes__box-title {
display: block;
color: #422d79;
font-family: "Lato", Arial, Helvetica, sans-serif;
font-size: 26px;
letter-spacing: .64px;
line-height: 53px;
font-weight: 600;
text-align: center;
padding: 0 20px;
}
@media screen and (max-width: 640px) {
.sizes__box-title {
line-height: 35px;
}
}
.sizes__box-img-wrapper {
margin-bottom: 7px;
width: 210px;
margin-left: 44px;
height: 163px;
margin: 0 auto;
}
@media screen and (max-width: 1024px) {
.sizes__box-img-wrapper {
width: 155px;
height: 108px;
margin: 0 auto 22px;
}
}
@media screen and (max-width: 640px) {
.sizes__box-img-wrapper {
width: 166px;
margin: 0 auto 23px;
}
}
.sizes__box-info-holds {
margin-bottom: 10px;
line-height: 21px;
}
.sizes__box-info {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
font-size: 14px;
letter-spacing: .34px;
line-height: 27px;
width: 100%;
padding-left: 25px;
padding-right: 25px;
font-weight: 500;
color: #333;
padding-bottom: 36px;
}
@media screen and (max-width: 1024px) {
.sizes__box-info {
padding-right: 20px;
}
} .page-id-402 .video-section .content-box {
margin-bottom: 95px;
}
.video-section__content {
-webkit-box-shadow: 0 2px 8px 4px rgba(0, 0, 0, 0.16);
box-shadow: 0 2px 8px 4px rgba(0, 0, 0, 0.16);
}
@media screen and (max-width: 640px) {
.sizes__box-info {
padding-left: 35px;
padding-right: 35px;
}
}
.sizes__info {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (max-width: 1024px) {
.sizes__info {
padding: 0 80px;
}
}
@media screen and (max-width: 640px) {
.sizes__info {
padding: 0 47px;
}
}
.sizes__info-btn {
margin-bottom: 45px;
}
@media screen and (max-width: 640px) {
.sizes__info-btn {
margin-bottom: 36px;
}
} .big-boxes {
padding: 40px 0 80px;
font-family: "Lato", Arial, Helvetica, sans-serif;
background-color: #fff;
position: relative;
}
@media screen and (max-width: 800px) {
.big-boxes {
padding: 14px 0 8px;
}
}
.big-boxes__top {
margin-bottom: 42px;
}
@media screen and (max-width: 1200px) {
.big-boxes__top {
padding: 0 40px;
}
}
@media screen and (max-width: 1024px) {
.big-boxes__top {
margin-bottom: 50px;
}
}
@media screen and (max-width: 800px) {
.big-boxes__top {
margin-bottom: 18px;
}
}
.big-boxes__title {
text-align: center;
margin-bottom: 8px;
}
@media screen and (max-width: 1024px) {
.big-boxes__title {
margin-bottom: 31px;
}
}
@media screen and (max-width: 400px) {
.big-boxes__title {
margin-bottom: 17px;
}
}
.big-boxes__subtitle {
text-align: center;
font-size: 20px;
font-weight: 500;
letter-spacing: .49px;
}
@media screen and (max-width: 1024px) {
.big-boxes__subtitle {
line-height: 33px;
}
}
@media screen and (max-width: 400px) {
.big-boxes__subtitle {
padding: 0 8px;
}
}
.big-boxes__container {
padding: 0 15px;
}
.big-boxes__wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
@media screen and (max-width: 1270px) {
.big-boxes__wrapper {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
@media screen and (max-width: 1200px) {
.big-boxes__wrapper {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
}
}
@media screen and (max-width: 800px) {
.big-boxes__wrapper {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.big-boxes__box {
max-width: 276px;
width: 100%;
min-height: 750px;
height: auto;
padding-top: 38px;
background-color: #fff;
-webkit-box-shadow: 0 2px 8px 4px rgba(0, 0, 0, 0.16);
box-shadow: 0 2px 8px 4px rgba(0, 0, 0, 0.16);
}
.big-boxes__box:not(:last-child) {
margin-right: 40px;
}
@media screen and (max-width: 1270px) {
.big-boxes__box:not(:last-child) {
margin-right: 0;
}
}
@media screen and (max-width: 1200px) {
.big-boxes__box:not(:last-child) {
margin: 0 5% 40px;
}
}
@media screen and (max-width: 800px) {
.big-boxes__box:not(:last-child) {
margin: 32px 18px 0;
}
}
@media screen and (max-width: 400px) {
.big-boxes__box:not(:last-child) {
margin: 28px 18px 0;
}
}
@media screen and (max-width: 1200px) {
.big-boxes__box {
margin: 0 5% 40px;
}
}
@media screen and (max-width: 800px) {
.big-boxes__box {
margin: 32px 18px 0;
}
}
@media screen and (max-width: 400px) {
.big-boxes__box {
max-width: 288px;
min-height: 758px;
margin: 28px 18px 0;
padding-top: 41px;
}
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.big-boxes__box {
-webkit-box-shadow: 0 0 14px 1px rgba(0, 0, 0, 0.45);
box-shadow: 0 0 14px 1px rgba(0, 0, 0, 0.45);
}
}
.big-boxes__box-top {
margin-bottom: 10px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.big-boxes__box-top-title {
font-size: 26px;
font-weight: 600;
color: #422d79;
letter-spacing: .64px;
margin-bottom: 5px;
display: block;
}
.big-boxes__box-top-subtitle {
font-size: 16px;
letter-spacing: .34px;
font-weight: 500;
margin-bottom: 7px;
display: block;
}
.big-boxes__box-top-info {
font-size: 14px;
color: #333;
letter-spacing: .25px;
font-weight: 300;
display: block;
}
@media screen and (max-width: 1024px) {
.big-boxes__box-top-info {
font-size: 12px;
}
}
@media screen and (max-width: 400px) {
.big-boxes__box-top-info {
font-size: 10px;
}
}
.big-boxes__box-img {
width: 100%;
height: 175px;
margin-bottom: 14px;
}
@media screen and (max-width: 400px) {
.big-boxes__box-img {
margin-bottom: 25px;
}
}
.big-boxes__box-img-photo {
max-width: 90%;
margin: -5px auto 0;
}
.big-boxes__box-btn-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 39px;
}
@media screen and (max-width: 400px) {
.big-boxes__box-btn-wrapper {
margin-bottom: 48px;
}
}
@media screen and (max-width: 640px) {
.big-boxes__box-btn-wrapper .btn {
padding: 17px 44px;
height: 57px;
}
}
.big-boxes__box-info {
letter-spacing: .34px;
color: #333;
font-size: 14px;
padding-left: 41px;
}
.big-boxes__box-info-text {
font-weight: 700;
display: block;
margin-bottom: 10px;
}
.big-boxes__box-info-values {
font-weight: 500;
display: block;
letter-spacing: 1px;
margin-bottom: 8px;
}
.big-boxes__box-info-list-title {
font-weight: 700;
display: block;
margin-bottom: 7px;
}
.big-boxes__box-info-list {
margin-left: 27px;
}
.big-boxes__box-info-list-item {
position: relative;
line-height: 1.8;
margin-bottom: 2px;
font-weight: 500;
}
.big-boxes__box-info-list-item::before {
content: '\00B7';
position: absolute;
top: -13px;
left: -28px;
font-size: 27px;
} .video-section {
background-color: #fff;
padding: 50px 0 126px;
position: relative;
}
@media screen and (max-width: 1024px) {
.video-section {
padding: 50px 0 110px;
}
}
@media screen and (max-width: 640px) {
.video-section {
padding: 50px 0 63px;
}
}
.video-section__wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 0 30px;
}
@media screen and (max-width: 400px) {
.video-section__wrapper {
padding: 0 15px;
}
}
.video-section__title {
font-size: 35px;
letter-spacing: .86px;
font-weight: 600;
margin-bottom: 38px;
}
@media screen and (max-width: 1024px) {
.video-section__title {
text-align: center;
font-size: 31px;
letter-spacing: .76px;
line-height: 43px;
margin-bottom: 23px;
padding: 0 45px;
}
}
@media screen and (max-width: 640px) {
.video-section__title {
font-size: 30px;
letter-spacing: .74px;
line-height: 37px;
}
}
@media screen and (max-width: 400px) {
.video-section__title {
padding: 0 15px;
margin-bottom: 33px;
}
}
.video-section__content {
max-width: 717px;
max-height: 413px;
height: 100%;
width: 100%;
}
.video-section__content img {
margin: 0 auto;
}
@media screen and (max-width: 1024px) {
.video-section__content {
max-width: 510px;
}
}
@media screen and (max-width: 400px) {
.video-section__content {
max-height: 167px;
max-width: 288px;
}
} .careers {
background-color: #fff;
padding: 52px 0 0;
position: relative;
}
.careers .entry-content {
max-width: 100%;
}
.careers .entry-content p {
font-size: 20px;
letter-spacing: .49px;
color: #333;
margin-bottom: 47px;
font-weight: 500;
width: 100%;
}
@media screen and (max-width: 1024px) {
.careers .entry-content p {
font-size: 16px;
letter-spacing: .39px;
line-height: 25px;
margin-bottom: 36px;
}
.careers .entry-content p br {
display: none;
}
}
@media screen and (max-width: 400px) {
.careers .entry-content p {
margin-bottom: 59px;
}
.careers .entry-content p:first-child {
text-align: left;
}
}
.careers .entry-content h3 {
color: #191d38;
font-size: 26px;
font-weight: 600;
letter-spacing: 1.25px;
margin-bottom: 7px;
}
.careers__wrapper {
background-color: #fff;
-webkit-box-shadow: 0 2px 14px 3px rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 14px 3px rgba(0, 0, 0, 0.2);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
max-width: 1089px;
margin: -158px auto 0;
width: 100%;
padding: 62px 80px 70px 95px;
text-align: center;
font-family: "Lato", Arial, Helvetica, sans-serif;
}
@media screen and (max-width: 1175px) {
.careers__wrapper {
max-width: 990px;
}
}
@media screen and (max-width: 1024px) {
.careers__wrapper {
max-width: 90%;
margin-top: -222px;
padding: 32px 80px 50px 95px;
}
}
@media screen and (max-width: 800px) {
.careers__wrapper {
max-width: 690px;
}
}
@media screen and (max-width: 730px) {
.careers__wrapper {
max-width: 90%;
padding: 32px 50px 50px;
}
}
@media screen and (max-width: 400px) {
.careers__wrapper {
max-width: 288px;
margin-top: -416px;
padding: 35px 25px 50px;
}
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.careers__wrapper {
-webkit-box-shadow: 0 0 14px 1px rgba(0, 0, 0, 0.45);
box-shadow: 0 0 14px 1px rgba(0, 0, 0, 0.45);
}
}
.careers__title {
margin-bottom: 30px;
}
@media screen and (max-width: 1024px) {
.careers__title {
font-size: 39px;
letter-spacing: .4px;
line-height: 44px;
margin-bottom: 13px;
}
}
@media screen and (max-width: 640px) {
.careers__title {
font-size: 30px;
letter-spacing: .3px;
line-height: 37px;
}
}
.careers__title-second {
margin-bottom: 33px;
margin-top: 27px;
}
@media screen and (max-width: 1024px) {
.careers__title-second {
font-size: 31px;
letter-spacing: .76px;
line-height: 43px;
margin-top: 17px;
margin-bottom: 26px;
}
}
@media screen and (max-width: 640px) {
.careers__title-second {
font-size: 30px;
letter-spacing: .3px;
line-height: 37px;
margin-bottom: 39px;
}
}
.careers__icon-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
max-width: 718px;
width: 100%;
padding-left: 27px;
padding-right: 44px;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media screen and (max-width: 991px) {
.careers__icon-wrapper {
max-width: 100%;
padding: 0;
}
}
@media screen and (max-width: 640px) {
.careers__icon-wrapper {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.careers__icon {
max-width: 185px;
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.careers__icon:nth-child(1) {
margin-right: 26px;
}
@media screen and (max-width: 991px) {
.careers__icon:nth-child(1) {
margin-right: 0;
}
}
.careers__icon:nth-child(2) {
margin-right: 8px;
}
@media screen and (max-width: 991px) {
.careers__icon:nth-child(2) {
margin-right: 0;
}
}
@media screen and (max-width: 991px) {
.careers__icon {
max-width: 30%;
}
}
@media screen and (max-width: 640px) {
.careers__icon {
max-width: 100%;
margin-bottom: 53px;
}
.careers__icon:last-child {
margin-bottom: 0;
}
}
.careers__icon-img {
width: 100%;
height: 100%;
max-width: 116px;
max-height: 90px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 10px;
}
@media screen and (max-width: 1024px) {
.careers__icon-img {
width: 96px;
height: 72px;
max-width: 100%;
max-height: 100%;
}
}
@media screen and (max-width: 640px) {
.careers__icon-img {
margin-bottom: 17px;
}
}
.careers__icon-img img {
max-height: 100%;
}
.careers__icon-text-wrapper {
width: 100%;
padding: 0 10px;
}
@media screen and (max-width: 640px) {
.careers__icon-text-wrapper {
padding: 0 30px;
}
}
.careers__icon-text {
font-size: 26px;
font-weight: 600;
letter-spacing: 1.25px;
line-height: 1.4;
color: #191d38;
}
@media screen and (max-width: 1024px) {
.careers__icon-text {
font-size: 22px;
letter-spacing: .56px;
line-height: 32px;
}
}
@media screen and (max-width: 730px) {
.careers__icon-text {
font-size: 20px;
}
}
@media screen and (max-width: 640px) {
.careers__icon-text {
font-size: 22px;
}
}
@media screen and (max-width: 400px) {
.careers__btn-wrapper .btn.btn--big {
padding: 10px 20px !important;
}
}
.careers-positions {
margin-top: 92px;
padding-left: 24px;
padding-bottom: 97px;
}
.careers-positions__title-wrap {
position: relative;
padding-bottom: 25px;
}
.careers-positions__title-wrap::after {
content: '';
display: block;
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 2px;
background-color: #c9c9c9;
}
.careers-positions__wrapper-title {
letter-spacing: 0.1px;
color: #422d79;
}
.careers-positions__wrap {
margin-top: 38px;
}
@media screen and (max-width: 991px) {
.careers-positions__wrap {
margin-top: 20px;
}
}
.careers-positions__wrap-box {
position: relative;
margin-top: 45px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.careers-positions__wrap-box::after {
content: '';
display: none;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
bottom: 0;
width: 94%;
height: 1px;
background-color: #c9c9c9;
}
@media screen and (max-width: 575px) {
.careers-positions__wrap-box::after {
display: block;
}
}
.careers-positions__wrap-box:first-child {
margin-top: 0;
}
.careers-positions__wrap-box:last-child {
padding-bottom: 0;
}
.careers-positions__wrap-box:last-child::after {
display: none;
}
@media screen and (max-width: 991px) {
.careers-positions__wrap-box {
margin-top: 20px;
}
}
@media screen and (max-width: 575px) {
.careers-positions__wrap-box {
padding-bottom: 15px;
}
}
.careers-positions__wrap-box-link {
display: block;
font-weight: 600;
font-size: 27px;
font-family: "Lato", Arial, Helvetica, sans-serif;
line-height: 1.22;
letter-spacing: 0.2px;
color: #422d79;
-webkit-transition: 350ms ease;
transition: 350ms ease;
}
.careers-positions__wrap-box-link:hover {
color: #8f7dbf;
}
@media screen and (max-width: 991px) {
.careers-positions__wrap-box-link {
font-size: 20px;
margin-bottom: 7px;
}
}
.careers-positions__wrap-box-info {
display: block;
font-weight: 500;
font-size: 17px;
font-family: "Lato", Arial, Helvetica, sans-serif;
line-height: 1.22;
letter-spacing: 0.2px;
color: #191d38;
pointer-events: none;
}
@media screen and (max-width: 991px) {
.careers-positions__wrap-box-info {
font-size: 16px;
}
}
.careers-positions__wrap-box-info--location {
padding-left: 58px;
}
.careers-positions__wrap-box-info--time {
padding-left: 139px;
}
@media screen and (max-width: 991px) {
.careers-positions__wrap-box-info--location,
.careers-positions__wrap-box-info--time {
padding-left: 0;
text-align: right;
}
}
@media screen and (max-width: 575px) {
.careers-positions__wrap-box-info--location,
.careers-positions__wrap-box-info--time {
padding-left: 15px;
text-align: initial;
}
} .schedule {
font-family: "Lato", Arial, Helvetica, sans-serif;
background-color: #fff;
padding: 94px 0 136px;
position: relative;
}
@media screen and (max-width: 640px) {
.schedule {
padding: 45px 0 60px;
}
}
.schedule .entry-content p {
font-size: 20px;
font-weight: 500;
letter-spacing: .49px;
margin-bottom: 26px;
line-height: 1.35;
color: #333;
}
@media screen and (max-width: 1024px) {
.schedule .entry-content p {
font-size: 16px;
letter-spacing: .39px;
line-height: 25px;
}
}
.schedule__container {
max-width: 1180px;
}
.schedule__info {
text-align: center;
margin-bottom: 71px;
}
@media screen and (max-width: 1024px) {
.schedule__info {
max-width: 510px;
width: 100%;
margin: 0 auto 19px;
}
.schedule__info p br {
display: none;
}
}
@media screen and (max-width: 640px) {
.schedule__info {
padding: 0 24px;
margin: 0 auto 4px;
}
}
.schedule__title {
margin-bottom: 17px;
}
@media screen and (max-width: 1024px) {
.schedule__title {
font-size: 39px;
letter-spacing: .4px;
margin-bottom: 13px;
}
}
@media screen and (max-width: 640px) {
.schedule__title {
font-size: 30px;
letter-spacing: .3px;
line-height: 37px;
margin-bottom: 20px;
}
}
.schedule__content-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
position: relative;
padding-top: 21px;
min-height: 558px;
}
@media screen and (max-width: 1024px) {
.schedule__content-wrapper {
min-height: 480px;
}
}
@media screen and (max-width: 767px) {
.schedule__content-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
}
.schedule__content-wrapper::before {
content: '';
height: 100%;
width: 2px;
background-color: #979797;
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translateX(24px);
transform: translateX(24px);
}
@media screen and (max-width: 1024px) {
.schedule__content-wrapper::before {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
}
@media screen and (max-width: 991px) {
.schedule__content-wrapper::before {
-webkit-transform: translateX(-13px);
transform: translateX(-13px);
}
}
@media screen and (max-width: 767px) {
.schedule__content-wrapper::before {
display: none;
}
}
.schedule__content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding-bottom: 5px;
}
.schedule__content--left {
max-width: 55%;
width: 100%;
padding-left: 44px;
}
@media screen and (max-width: 1024px) {
.schedule__content--left {
max-width: 50%;
padding-left: 21px;
}
}
@media screen and (max-width: 767px) {
.schedule__content--left {
max-width: 100%;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 0;
position: relative;
margin-bottom: 62px;
}
.schedule__content--left::after {
content: '';
position: absolute;
bottom: -20px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
background-color: #979797;
height: 2px;
width: 185px;
}
}
.schedule__content--left .schedule__content-top {
padding-right: 40px;
}
@media screen and (max-width: 767px) {
.schedule__content--left .schedule__content-top {
padding: 0;
}
}
.schedule__content--left .schedule__content-bottom {
padding-right: 50px;
}
@media screen and (max-width: 1024px) {
.schedule__content--left .schedule__content-bottom {
max-width: 305px;
}
}
@media screen and (max-width: 767px) {
.schedule__content--left .schedule__content-bottom {
padding: 0;
max-width: 292px;
}
}
@media screen and (max-width: 640px) {
.schedule__content--left .schedule__content-bottom {
max-width: 279px;
padding-right: 25px;
}
}
@media screen and (max-width: 640px) {
.schedule__content--left .schedule__content-list {
margin-bottom: 31px;
}
}
.schedule__content--right {
max-width: 45%;
width: 100%;
padding-left: 42px;
padding-bottom: 175px;
}
@media screen and (max-width: 1200px) {
.schedule__content--right {
padding-bottom: 42px;
}
}
@media screen and (max-width: 1100px) {
.schedule__content--right {
padding-left: 20px;
}
}
@media screen and (max-width: 1024px) {
.schedule__content--right {
max-width: 50%;
padding-bottom: 55px;
}
}
@media screen and (max-width: 767px) {
.schedule__content--right {
max-width: 100%;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 0;
}
}
@media screen and (max-width: 640px) {
.schedule__content--right .schedule__content-list {
margin-bottom: 38px;
}
}
@media screen and (max-width: 640px) {
.schedule__content--right .schedule__content-bottom {
max-width: 279px;
padding-right: 25px;
}
}
@media screen and (max-width: 640px) {
.schedule__content--right .schedule__content-info {
margin-bottom: 32px;
}
}
.schedule__content-title {
font-size: 24px;
font-weight: 600;
letter-spacing: 0;
margin-bottom: 29px;
}
@media screen and (max-width: 1200px) {
.schedule__content-title {
font-size: 24px;
}
}
@media screen and (max-width: 1024px) {
.schedule__content-title {
font-size: 22px;
letter-spacing: .56px;
line-height: 32px;
margin-bottom: 34px;
}
}
@media screen and (max-width: 640px) {
.schedule__content-title {
font-size: 20px;
letter-spacing: .96px;
margin-bottom: 12px;
}
}
.schedule__content-list {
margin-bottom: 15px;
}
@media screen and (max-width: 1024px) {
.schedule__content-list {
margin-left: 2px;
margin-bottom: 47px;
}
}
@media screen and (max-width: 767px) {
.schedule__content-list {
margin-left: 0;
}
}
@media screen and (max-width: 640px) {
.schedule__content-list {
max-width: 281px;
width: 100%;
}
}
@media screen and (max-width: 320px) {
.schedule__content-list {
margin-bottom: 32px;
}
}
.schedule__content-list-item {
font-size: 22px;
letter-spacing: 0;
font-weight: 500;
margin-bottom: 19px;
color: #281754;
}
@media screen and (max-width: 1200px) {
.schedule__content-list-item {
font-size: 18px;
}
}
@media screen and (max-width: 1024px) {
.schedule__content-list-item {
font-size: 15px;
line-height: 24px;
margin-bottom: 25px;
}
}
@media screen and (max-width: 640px) {
.schedule__content-list-item {
margin-bottom: 12px;
}
}
.schedule__content-info {
color: #333;
font-size: 24px;
font-weight: 400;
letter-spacing: 0;
margin-bottom: 3px;
line-height: 1.74;
max-width: 500px;
width: 100%;
}
@media screen and (max-width: 1200px) {
.schedule__content-info {
font-size: 21px;
}
}
@media screen and (max-width: 1024px) {
.schedule__content-info {
font-size: 16px;
line-height: 25px;
margin-bottom: 23px;
}
.schedule__content-info br {
display: none;
}
} .contact-form {
background-color: #fff;
font-family: "Lato", Arial, Helvetica, sans-serif;
padding: 70px 0 89px;
}
@media screen and (max-width: 740px) {
.contact-form {
padding: 70px 15px 89px;
}
}
.contact-form__container {
max-width: 1030px;
width: 100%;
margin: 0 auto;
background-color: #fff;
-webkit-box-shadow: 0 0 24px -9px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 24px -9px rgba(0, 0, 0, 0.6);
padding-top: 61px;
position: relative;
margin-top: -174px;
}
@media screen and (max-width: 1075px) {
.contact-form__container {
max-width: 990px;
}
}
@media screen and (max-width: 1024px) {
.contact-form__container {
max-width: 90%;
margin-top: -222px;
padding-top: 32px;
}
}
@media screen and (max-width: 800px) {
.contact-form__container {
max-width: 690px;
}
}
@media screen and (max-width: 400px) {
.contact-form__container {
max-width: 288px;
margin-top: -434px;
padding-top: 36px;
}
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.contact-form__container {
-webkit-box-shadow: 0 0 14px 1px rgba(0, 0, 0, 0.45);
box-shadow: 0 0 14px 1px rgba(0, 0, 0, 0.45);
}
}
.contact-form__title {
text-align: center;
margin-bottom: 41px;
}
@media screen and (max-width: 1024px) {
.contact-form__title {
font-size: 39px;
letter-spacing: .4px;
line-height: 44px;
margin-bottom: 25px;
}
}
@media screen and (max-width: 640px) {
.contact-form__title {
font-size: 30px;
letter-spacing: .3px;
line-height: 37px;
}
}
@media screen and (max-width: 400px) {
.contact-form__title {
margin-bottom: 14px;
}
}
.contact-form__inner {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 0 147px 79px;
}
@media screen and (max-width: 1024px) {
.contact-form__inner {
padding: 0;
padding-bottom: 38px;
}
}
@media screen and (max-width: 640px) {
.contact-form__inner {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
}
@media screen and (max-width: 400px) {
.contact-form__inner {
padding: 0 9px 0 13px;
}
}
.contact-form__info {
max-width: 50%;
width: 100%;
}
@media screen and (max-width: 1024px) {
.contact-form__info {
padding-left: 10%;
}
}
@media screen and (max-width: 800px) {
.contact-form__info {
padding-left: 92px;
padding-top: 4px;
}
}
@media screen and (max-width: 700px) {
.contact-form__info {
padding-left: 50px;
}
}
@media screen and (max-width: 640px) {
.contact-form__info {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
padding-left: 20px;
max-width: 100%;
}
}
@media screen and (max-width: 400px) {
.contact-form__info {
padding: 0 16px;
}
}
.contact-form__info-text {
font-size: 20px;
font-weight: 500;
letter-spacing: .49px;
}
@media screen and (max-width: 1024px) {
.contact-form__info-text {
font-size: 16px;
letter-spacing: .39px;
line-height: 25px;
}
}
@media screen and (max-width: 800px) {
.contact-form__info-text {
padding-right: 30px;
}
}
.contact-form__info-text:last-of-type {
margin-bottom: 33px;
}
@media screen and (max-width: 800px) {
.contact-form__info-text:last-of-type {
margin-bottom: 39px;
}
}
@media screen and (max-width: 640px) {
.contact-form__info-text {
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start;
margin-left: 20px;
padding-right: 20px;
}
}
.contact-form__info-list-wrapper {
margin-bottom: 43px;
}
@media screen and (max-width: 1024px) {
.contact-form__info-list-wrapper {
margin-bottom: 60px;
}
.contact-form__info-list-wrapper:last-child {
margin-bottom: 41px;
}
}
.contact-form__info-list-title {
display: block;
font-size: 26px;
font-weight: 600;
letter-spacing: .64px;
color: #422d79;
margin-bottom: 10px;
}
@media screen and (max-width: 1024px) {
.contact-form__info-list-title {
font-size: 22px;
letter-spacing: .56px;
line-height: 32px;
}
}
.contact-form__info-list-item {
font-size: 20px;
font-weight: 500;
letter-spacing: .49px;
color: #333;
line-height: 1.38;
margin-bottom: 1px;
}
@media screen and (max-width: 1024px) {
.contact-form__info-list-item {
font-size: 16px;
letter-spacing: .39px;
line-height: 25px;
}
}
.contact-form__info-list-item-map {
font-weight: 600;
}
.contact-form__wrapper {
max-width: 50%;
width: 100%;
padding-left: 31px;
}
@media screen and (max-width: 1024px) {
.contact-form__wrapper {
padding-right: 10%;
}
}
@media screen and (max-width: 800px) {
.contact-form__wrapper {
padding-left: 17px;
padding-right: 94px;
}
}
@media screen and (max-width: 700px) {
.contact-form__wrapper {
padding-right: 50px;
}
}
@media screen and (max-width: 640px) {
.contact-form__wrapper {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
max-width: 100%;
padding: 0 20px;
margin-bottom: 44px;
}
}
@media screen and (max-width: 400px) {
.contact-form__wrapper {
padding: 0 14px;
}
}
.contact-form__wrapper label {
font-size: 20px;
color: #333;
letter-spacing: .49px;
font-family: "Lato", Arial, Helvetica, sans-serif;
display: block;
font-weight: 500;
}
.contact-form__field {
margin-bottom: 27px;
}
.contact-form__field label {
margin-bottom: 6px;
}
.contact-form__field input {
height: 47px;
max-width: 329px;
width: 100%;
border: 1px solid #979797;
background-color: #fff;
padding: 0 10px;
}
@media screen and (max-width: 640px) {
.contact-form__field input {
max-width: 100%;
}
}
.contact-form__select {
margin-bottom: 24px;
}
.contact-form__select label {
margin-bottom: 12px;
}
.contact-form__select .select2-container {
height: 47px;
max-width: 329px;
width: 100%;
}
@media screen and (max-width: 640px) {
.contact-form__select .select2-container {
max-width: 100%;
}
}
.contact-form__select .contact-form-option {
height: 47px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-radius: 0;
}
.contact-form__select .contact-form-option .select2-selection__rendered {
font-size: 20px;
color: #5b5b5b;
letter-spacing: .49px;
font-family: "Lato", Arial, Helvetica, sans-serif;
display: block;
font-weight: 500;
}
.contact-form__select .contact-form-option .select2-selection__arrow {
right: 10px;
top: 2px;
}
.contact-form__select .contact-form-option .select2-selection__arrow b {
border-color: #d1d1d1 transparent transparent;
display: inline-block;
border-width: 12px 7px 0;
}
.contact-form__select .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent #d1d1d1;
display: inline-block;
border-width: 0 7px 12px;
}
.contact-form-dropdown .select2-results__option {
font-size: 15px;
color: #333;
letter-spacing: .37px;
font-weight: 400;
background-color: #fff;
}
.contact-form-dropdown .select2-results__option--highlighted[aria-selected] {
text-decoration: underline;
background-color: #f1f1f1;
color: #333;
}
.contact-form__textarea-wrapper {
margin-bottom: 46px;
}
.contact-form__textarea-wrapper label {
margin-bottom: 12px;
}
.contact-form__textarea-wrapper textarea {
max-width: 330px;
max-height: 191px;
width: 100%;
height: 100%;
padding: 10px;
resize: none;
}
@media screen and (max-width: 640px) {
.contact-form__textarea-wrapper textarea {
max-width: 100%;
}
}
@media screen and (max-width: 700px) {
.contact-form__btn {
max-width: 100%;
width: 100%;
}
}
.contact-form .wpcf7-not-valid-tip {
font-size: 14px;
color: #e2401c;
position: absolute;
top: 36px;
}
.contact-form .contact-form__textarea-wrapper .wpcf7-not-valid-tip {
position: absolute;
top: auto;
bottom: -188px;
}
.wpcf7-validation-errors {
display: none !important;
} .news {
font-family: "Lato", Arial, Helvetica, sans-serif;
background-color: #fff;
padding: 95px 0;
}
@media screen and (max-width: 1024px) {
.news {
padding: 16px 0;
}
}
.news .entry-content p {
text-align: center;
font-size: 20px;
font-weight: 400;
letter-spacing: .49px;
color: #333;
}
@media screen and (max-width: 1024px) {
.news .entry-content p {
font-size: 16px;
letter-spacing: .39px;
line-height: 25px;
}
}
.news__top {
margin-bottom: 40px;
}
@media screen and (max-width: 1024px) {
.news__top {
margin-bottom: 22px;
}
}
@media screen and (max-width: 640px) {
.news__top {
padding: 0 45px;
margin-bottom: 26px;
}
}
.news__title {
text-align: center;
margin-bottom: 15px;
}
@media screen and (max-width: 1024px) {
.news__title {
font-size: 39px;
letter-spacing: .4px;
line-height: 49px;
}
}
@media screen and (max-width: 640px) {
.news__title {
font-size: 30px;
letter-spacing: .3px;
line-height: 37px;
margin-bottom: 33px;
}
}
.news__container {
max-width: 1200px;
}
.news__wrapper {
color: #333;
padding: 0 84px 0 16px;
}
@media screen and (max-width: 1024px) {
.news__wrapper {
padding: 0 38px 0 22px;
}
}
.news__box {
background-color: #fff;
padding: 40px 70px 41px 65px;
-webkit-box-shadow: 0 0 24px -9px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 24px -9px rgba(0, 0, 0, 0.6);
margin-bottom: 39px;
}
@media screen and (max-width: 1024px) {
.news__box {
padding: 28px 70px 16px 42px;
margin-bottom: 27px;
}
}
@media screen and (max-width: 400px) {
.news__box {
max-width: 290px;
margin: 0 auto 51px;
padding: 28px 41px 16px 29px;
}
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.news__box {
-webkit-box-shadow: 0 0 14px 1px rgba(0, 0, 0, 0.45);
box-shadow: 0 0 14px 1px rgba(0, 0, 0, 0.45);
}
}
.news__box-date {
font-size: 17px;
letter-spacing: .42px;
font-weight: 500;
display: block;
margin-bottom: 8px;
}
@media screen and (max-width: 1024px) {
.news__box-date {
margin-bottom: 4px;
}
}
.news__box-title {
font-size: 26px;
letter-spacing: .64px;
font-weight: 600;
margin-bottom: 24px;
}
@media screen and (max-width: 1024px) {
.news__box-title {
margin-bottom: 4px;
}
}
@media screen and (max-width: 640px) {
.news__box-title {
font-size: 20px;
letter-spacing: .96px;
line-height: 29px;
}
}
@media screen and (max-width: 400px) {
.news__box-title {
margin-bottom: 11px;
}
}
.news__box-content {
padding-left: 1px;
max-width: 515px;
width: 100%;
max-height: 135px;
overflow: hidden;
-webkit-transition: 350ms ease;
transition: 350ms ease;
margin-bottom: 2px;
}
@media screen and (max-width: 1024px) {
.news__box-content {
max-height: 185px;
margin-bottom: 13px;
}
}
.news__box-content img {
max-width: 259px;
margin-left: 10px;
}
@media screen and (max-width: 1024px) {
.news__box-content img {
max-width: 178px;
}
}
@media screen and (max-width: 640px) {
.news__box-content img {
max-width: 223px;
}
}
.news__box-content figure {
float: right;
clear: both;
margin-bottom: 15px;
}
.news__box-content span {
letter-spacing: .49px;
font-size: 20px;
font-weight: 500;
}
.news__box-content p {
font-size: 20px;
letter-spacing: .49px;
font-weight: 400;
line-height: 1.3;
margin-bottom: 26px;
}
.news__box-content a {
color: #634e99;
border-bottom: 1px solid transparent;
-webkit-transition: 350ms ease;
transition: 350ms ease;
font-size: 18px;
font-weight: 500;
}
.news__box-content a:hover {
border-bottom: 1px solid #634e99;
}
@media screen and (max-width: 640px) {
.news__box-content--big {
max-height: 336px;
}
}
.news__box-content--active {
max-height: 2000px;
-webkit-transition: 350ms ease;
transition: 350ms ease;
}
.news__box-bottom {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.news__box-bottom-link {
font-size: 20px;
color: #634e99;
letter-spacing: .49px;
font-weight: 600;
position: relative;
margin-left: 3px;
-webkit-transition: 350ms ease;
transition: 350ms ease;
cursor: pointer;
}
.news__box-bottom-link::before {
content: '';
height: 2px;
width: 10px;
background-color: #281754;
position: absolute;
right: -22px;
top: 13px;
}
.news__box-bottom-link::after {
content: '';
width: 2px;
height: 10px;
background-color: #281754;
position: absolute;
right: -18px;
top: 9px;
-webkit-transition: 350ms ease;
transition: 350ms ease;
}
.news__box-bottom-link--active::after {
-webkit-transform: rotateX(90deg);
transform: rotateX(90deg);
-webkit-transition: 350ms ease;
transition: 350ms ease;
}
.news__box-bottom-social {
width: 79px;
padding-right: 6px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
visibility: hidden;
opacity: 0;
}
@media screen and (max-width: 350px) {
.news__box-bottom-social {
width: 65px;
padding-right: 0;
}
}
.news__box-bottom-social--active {
opacity: 1;
visibility: visible;
}
.news__box-bottom-social-link {
display: inline-block;
}
.news__box-bottom-social-link:focus span {
color: #000;
-webkit-transition: 350ms ease;
transition: 350ms ease;
}
.news__box-bottom-social-link:hover span {
-webkit-filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.4));
filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.4));
}
.news__box-bottom-social-link-icon {
color: #422d79;
font-size: 30px;
height: 30px;
-webkit-transition: 350ms ease;
transition: 350ms ease;
}
.news__posts {
padding-top: 23px;
padding-right: 52px;
}
@media screen and (max-width: 1024px) {
.news__posts {
padding-left: 1px;
padding-right: 40px;
padding-top: 15px;
}
}
@media screen and (max-width: 767px) {
.news__posts {
max-width: 50%;
padding-right: 0;
padding-left: 0;
text-align: center;
margin: 0 auto;
}
}
@media screen and (max-width: 400px) {
.news__posts {
max-width: 290px;
}
}
.news__posts-title {
color: #422d79;
font-size: 33px;
font-weight: 700;
letter-spacing: .1px;
margin-bottom: 39px;
}
@media screen and (max-width: 640px) {
.news__posts-title {
margin-bottom: 27px;
}
}
.news__posts-post {
margin-bottom: 31px;
}
@media screen and (max-width: 640px) {
.news__posts-post {
margin-bottom: 34px;
}
}
@media screen and (max-width: 400px) {
.news__posts-post {
max-width: 210px;
margin: 0 auto 34px;
}
}
.news__posts-post:not(:last-of-type) {
border-bottom: 1px solid #979797;
}
.news__posts-post-date {
display: block;
letter-spacing: .42px;
font-size: 17px;
color: #333;
margin-bottom: 8px;
font-weight: 500;
}
@media screen and (max-width: 1024px) {
.news__posts-post-date {
margin-bottom: 11px;
}
}
@media screen and (max-width: 640px) {
.news__posts-post-date {
margin-bottom: 9px;
}
}
.news__posts-post-title {
color: #634e99;
font-size: 26px;
letter-spacing: .64px;
font-weight: 600;
display: inline-block;
margin-bottom: 36px;
position: relative;
-webkit-transition: 350ms ease;
transition: 350ms ease;
}
@media screen and (max-width: 1024px) {
.news__posts-post-title {
font-size: 21px;
letter-spacing: .52px;
line-height: 27px;
margin-bottom: 24px;
}
}
@media screen and (max-width: 640px) {
.news__posts-post-title {
margin-bottom: 24px;
}
}
.news__posts-post-title:hover {
text-decoration: underline;
} .cart {
font-family: "Lato", Arial, Helvetica, sans-serif;
background-color: #fff;
padding-bottom: 40px;
}
@media screen and (max-width: 1024px) {
.cart {
padding-bottom: 30px;
}
}
.cart__container {
padding: 0 58px 0 30px;
}
@media screen and (max-width: 1200px) {
.cart__container {
padding: 0;
}
}
.cart__title {
margin-bottom: 33px;
margin-left: 4px;
}
.cart__item-title-wrapper {
margin-bottom: 10px;
padding-bottom: 10px;
padding-left: 4px;
border-bottom: 1px solid #d8d8d8;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
@media screen and (max-width: 767px) {
.cart__item-title-wrapper {
display: none;
}
}
.cart__item-title {
font-size: 20px;
font-weight: 500;
color: #333;
letter-spacing: .49px;
display: inline-block;
}
@media screen and (max-width: 991px) {
.cart__item-title {
font-size: 18px;
}
}
.cart__item-title--item {
max-width: 559px;
width: 100%;
}
.cart__item-title--qty {
max-width: 196px;
width: 100%;
}
@media screen and (max-width: 991px) {
.cart__item-title--qty {
max-width: 150px;
}
}
.cart__item-title--price {
max-width: 162px;
width: 100%;
}
@media screen and (max-width: 991px) {
.cart__item-title--price {
max-width: 120px;
}
}
.cart__item-wrapper {
padding-top: 43px;
margin-bottom: 79px;
}
.cart__item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
min-height: 90px;
margin-bottom: 24px;
}
@media screen and (max-width: 767px) {
.cart__item {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 50px;
}
}
@media screen and (max-width: 640px) {
.cart__item {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
}
.cart__item-left-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
max-width: 525px;
width: 100%;
margin-right: 50px;
}
@media screen and (max-width: 1200px) {
.cart__item-left-wrapper {
margin-right: 37px;
}
}
@media screen and (max-width: 991px) {
.cart__item-left-wrapper {
margin-right: 20px;
}
}
@media screen and (max-width: 767px) {
.cart__item-left-wrapper {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 20px;
}
}
@media screen and (max-width: 640px) {
.cart__item-left-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
margin-right: 0;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
}
.cart__item-right-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
max-width: 446px;
width: 100%;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media screen and (max-width: 1200px) {
.cart__item-right-wrapper {
max-width: 430px;
}
}
@media screen and (max-width: 640px) {
.cart__item-right-wrapper {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
}
.cart__item-img {
max-width: 111px;
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.cart__item-img-photo {
max-width: 111px;
max-height: 83px;
margin-top: -17px;
}
@media screen and (max-width: 640px) {
.cart__item-img-photo {
max-width: 150px;
max-height: 120px;
}
}
.cart__item-name {
max-width: 436px;
width: 100%;
color: #634e99;
letter-spacing: 0;
}
@media screen and (max-width: 991px) {
.cart__item-name {
padding-right: 15px;
}
}
@media screen and (max-width: 767px) {
.cart__item-name {
position: relative;
}
.cart__item-name::before {
content: 'Item:';
position: absolute;
top: -20px;
left: 0;
font-size: 15px;
color: #333;
}
}
@media screen and (max-width: 640px) {
.cart__item-name {
max-width: 100%;
width: auto;
margin: 0 0 15px;
padding: 0 5px;
}
}
.cart__item-name-title {
font-size: 20px;
font-weight: 700;
display: block;
color: #634e99;
-webkit-transition: 350ms ease;
transition: 350ms ease;
}
.cart__item-name-title:hover {
color: #8f7dbf;
-webkit-transition: 350ms ease;
transition: 350ms ease;
}
@media screen and (max-width: 991px) {
.cart__item-name-title {
font-size: 18px;
}
}
.cart__item-name-title-second {
font-size: 16px;
font-weight: 700;
display: block;
}
.cart__item-name-info {
font-size: 16px;
font-weight: 400;
display: block;
margin-bottom: 15px;
}
.cart__item-qty {
margin-left: -1px;
max-width: 180px;
width: 100%;
}
@media screen and (max-width: 1200px) {
.cart__item-qty {
max-width: 130px;
margin-right: 41px;
}
}
@media screen and (max-width: 991px) {
.cart__item-qty {
max-width: 150px;
}
}
@media screen and (max-width: 640px) {
.cart__item-qty {
max-width: 100%;
width: 100%;
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
margin-bottom: 25px;
margin-right: 0;
}
}
.cart__item-qty input {
width: 89px;
height: 35px;
border: none;
background-color: #fff;
color: #634e99;
font-size: 16px;
font-weight: 400;
letter-spacing: 0;
text-align: center;
pointer-events: none;
}
.cart__item-qty input[type=number] {
-moz-appearance: textfield;
}
.cart__item-qty-container {
position: relative;
width: 89px;
}
@media screen and (max-width: 767px) {
.cart__item-qty-container {
position: relative;
}
.cart__item-qty-container::before {
content: 'Qty:';
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: -40px;
font-size: 15px;
color: #333;
}
}
@media screen and (max-width: 640px) {
.cart__item-qty-container {
margin-left: 43px;
}
}
.cart__item-qty-toggle {
width: 26px;
height: 100%;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
}
.cart__item-qty-toggle::before, .cart__item-qty-toggle::after {
content: '';
display: block;
background-color: #281754;
-webkit-transition: 350ms ease-in-out;
transition: 350ms ease-in-out;
}
.cart__item-qty-toggle.cart__item-qty--minus {
left: 3px;
border-right: .5px solid #d8d8d8;
}
.cart__item-qty-toggle.cart__item-qty--minus::before {
width: 10px;
height: 1px;
}
.cart__item-qty-toggle.cart__item-qty--plus {
right: 4px;
border-left: .5px solid #d8d8d8;
}
.cart__item-qty-toggle.cart__item-qty--plus::before {
width: 10px;
height: 1px;
}
.cart__item-qty-toggle.cart__item-qty--plus::after {
width: 1px;
height: 10px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
position: absolute;
left: 50%;
}
.cart__item-qty-toggle:hover::before, .cart__item-qty-toggle:hover::after {
background-color: #422d79;
}
.cart__item-price {
max-width: 147px;
width: 100%;
padding-top: 7px;
}
@media screen and (max-width: 1200px) {
.cart__item-price {
max-width: 139px;
}
}
@media screen and (max-width: 991px) {
.cart__item-price {
max-width: 120px;
}
}
@media screen and (max-width: 767px) {
.cart__item-price {
position: relative;
}
.cart__item-price::before {
content: 'Price:';
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: -40px;
font-size: 15px;
color: #333;
}
}
@media screen and (max-width: 767px) and (max-width: 640px) {
.cart__item-price::before {
top: -10px;
left: 0;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
.cart__item-subtotal {
max-width: 82px;
width: 100%;
padding-top: 7px;
}
@media screen and (max-width: 1200px) {
.cart__item-subtotal {
max-width: 74px;
}
}
@media screen and (max-width: 991px) {
.cart__item-subtotal {
text-align: right;
}
}
@media screen and (max-width: 767px) {
.cart__item-subtotal {
position: relative;
text-align: left;
}
.cart__item-subtotal::before {
content: 'Subtotal:';
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: -60px;
font-size: 15px;
color: #333;
}
}
@media screen and (max-width: 767px) and (max-width: 640px) {
.cart__item-subtotal::before {
top: -10px;
left: 0;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
.cart__item-price-value,
.cart__item-subtotal-value {
font-weight: 400;
color: #634e99;
letter-spacing: 0;
font-size: 16px;
}
.cart__total-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
border-top: 1px solid #d8d8d8;
padding-top: 33px;
padding-right: 11px;
margin-bottom: 74px;
}
@media screen and (max-width: 640px) {
.cart__total-wrapper {
margin-bottom: 35px;
}
}
.cart__total-total,
.cart__total-subtotal {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 7px;
}
.cart__total-total-name,
.cart__total-subtotal-name {
display: inline-block;
letter-spacing: .49px;
font-weight: 500;
font-size: 20px;
color: #333;
margin-right: 28px;
}
.cart__total-total-value,
.cart__total-subtotal-value {
display: inline-block;
font-size: 16px;
letter-spacing: 0;
font-weight: 600;
color: #333;
}
.cart__btn-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
padding-right: 3px;
}
.js-product-added-info {
background-color: rgba(227, 243, 240, 0.5);
padding: 10px;
margin: 10px 5px 0;
color: #00be9d;
border: 1px solid #00be9d;
border-radius: 6px;
display: block;
margin-top: 15px;
width: 100%;
}
.product-remove a {
font-size: 16px;
font-family: "Lato", Arial, Helvetica, sans-serif;
font-weight: 600;
text-transform: capitalize;
color: #333;
-webkit-transition: 350ms ease;
transition: 350ms ease;
}
.product-remove a:hover {
color: #634e99;
} .checkout__container {
max-width: 1200px;
padding-left: 82px;
} .payment__title {
margin-bottom: 50px;
}
.payment__wrapper {
background-color: #f1f1f1;
}
.payment__cards {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.payment__cards-text {
display: inline-block;
font-size: 14px;
font-weight: 500;
letter-spacing: .29px;
margin-right: 11px;
}
.payment__cards-img {
height: 25px;
width: 38px;
margin-right: 2px;
}
.payment__info-text {
display: block;
font-size: 14px;
letter-spacing: .1px;
}
.payment__info-number-input {
max-width: 100%;
width: 100%;
}
.payment__info-date-input {
max-width: 45%;
width: 100%;
}
.payment__info-code-input {
max-width: 45%;
width: 100%;
} .faq {
font-family: "Lato", Arial, Helvetica, sans-serif;
padding: 86px 0 103px;
background-color: #fff;
}
@media screen and (max-width: 640px) {
.faq {
padding: 50px 0 75px;
}
}
.faq__container {
max-width: 1250px;
min-height: 868px;
}
.faq__title {
margin-left: 41px;
margin-bottom: 25px;
}
@media screen and (max-width: 1024px) {
.faq__title {
font-size: 39px;
letter-spacing: .4px;
line-height: 44px;
}
}
@media screen and (max-width: 991px) {
.faq__title {
margin-bottom: 20px;
margin-left: 16px;
}
}
@media screen and (max-width: 767px) {
.faq__title {
margin-left: 0;
text-align: center;
}
}
@media screen and (max-width: 640px) {
.faq__title {
font-size: 30px;
letter-spacing: .3px;
margin-bottom: 14px;
}
}
.faq__title-wrapper {
padding: 0 12px 0 39px;
}
@media screen and (max-width: 1024px) {
.faq__title-wrapper {
padding: 0 15px;
}
}
@media screen and (max-width: 991px) {
.faq__title-wrapper {
padding-right: 0;
}
}
@media screen and (max-width: 767px) {
.faq__title-wrapper {
padding: 0;
width: 90%;
margin: 0 auto 30px;
}
}
@media screen and (max-width: 400px) {
.faq__title-wrapper {
max-width: 286px;
margin: 0 auto 54px;
}
}
.faq__title-list {
-webkit-box-shadow: 0 0 20px -9px rgba(0, 0, 0, 0.9);
box-shadow: 0 0 20px -9px rgba(0, 0, 0, 0.9);
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.faq__title-list {
-webkit-box-shadow: 0 0 14px 1px rgba(0, 0, 0, 0.45);
box-shadow: 0 0 14px 1px rgba(0, 0, 0, 0.45);
}
}
.faq__title-list-item {
height: 85px;
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background-color: #fff;
padding-left: 36px;
border-bottom: 1px solid #f1f1f1;
}
@media screen and (max-width: 1200px) {
.faq__title-list-item {
padding-left: 15px;
}
}
@media screen and (max-width: 1024px) {
.faq__title-list-item {
height: 75px;
}
}
@media screen and (max-width: 991px) {
.faq__title-list-item {
padding-left: 20px;
}
}
@media screen and (max-width: 400px) {
.faq__title-list-item {
padding-left: 25px;
}
}
.faq__title-list-item:last-child {
border: none;
}
.faq__title-list-item--active {
background-color: #f1f1f1;
}
@media screen and (max-width: 767px) {
.faq__title-list-item--active {
position: relative;
}
.faq__title-list-item--active::after {
content: '';
position: absolute;
top: 31px;
right: 30px;
font-size: 16px;
height: 16px;
display: block;
border: 1em solid #d1d1d1;
border-right-color: transparent;
border-left-color: transparent;
border-bottom-color: transparent;
}
}
@media screen and (max-width: 767px) and (max-width: 400px) {
.faq__title-list-item--active::after {
top: 33px;
right: 25px;
}
}
.faq__title-list-item-link {
color: #634e99;
font-size: 22px;
font-weight: 700;
letter-spacing: .54px;
position: relative;
-webkit-transition: 350ms ease;
transition: 350ms ease;
height: 100%;
padding: 28px 0;
}
@media screen and (max-width: 1200px) {
.faq__title-list-item-link {
font-size: 20px;
}
}
@media screen and (max-width: 1024px) {
.faq__title-list-item-link {
font-size: 16px;
letter-spacing: .39px;
}
}
.faq__title-list-item-link:hover::after {
width: 100%;
opacity: 1;
-webkit-transition: 350ms ease;
transition: 350ms ease;
}
.faq__title-list-item-link::after {
content: '';
height: 2px;
width: 1%;
background-color: #634e99;
-webkit-transition: 350ms ease;
transition: 350ms ease;
bottom: 23px;
left: 0;
opacity: 0;
position: absolute;
}
.faq__content-wrapper {
padding-left: 10px;
padding-right: 13px;
background-color: #fff;
}
@media screen and (max-width: 991px) {
.faq__content-wrapper {
margin-top: -41px;
padding-right: 17px;
}
}
@media screen and (max-width: 767px) {
.faq__content-wrapper {
padding: 0;
margin: 0 auto;
width: 90%;
}
}
@media screen and (max-width: 400px) {
.faq__content-wrapper {
max-width: 285px;
width: 100%;
}
}
.faq__content {
-webkit-box-shadow: 0 0 20px -9px rgba(0, 0, 0, 0.9);
box-shadow: 0 0 20px -9px rgba(0, 0, 0, 0.9);
padding: 30px 0 10px;
display: none;
}
@media screen and (max-width: 991px) {
.faq__content {
padding: 33px 0 10px;
}
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.faq__content {
-webkit-box-shadow: 0 0 14px 1px rgba(0, 0, 0, 0.45);
box-shadow: 0 0 14px 1px rgba(0, 0, 0, 0.45);
}
}
.faq__content--active {
display: block;
}
.faq__content-title {
color: #281754;
font-size: 26px;
font-weight: 700;
letter-spacing: .64px;
padding-left: 65px;
padding-bottom: 24px;
border-bottom: 1px solid #f1f1f1;
display: block;
margin-bottom: 11px;
}
@media screen and (max-width: 1024px) {
.faq__content-title {
font-size: 22px;
letter-spacing: .56px;
line-height: 32px;
}
}
@media screen and (max-width: 991px) {
.faq__content-title {
padding-left: 35px;
padding-bottom: 26px;
}
}
@media screen and (max-width: 400px) {
.faq__content-title {
padding-left: 27px;
padding-bottom: 18px;
}
}
.faq__content-box {
font-size: 20px;
color: #634e99;
letter-spacing: .49px;
font-weight: 700;
position: relative;
width: 100%;
padding: 10px 63px 10px 65px;
min-height: 54px;
border-bottom: 1px solid #f1f1f1;
cursor: pointer;
-webkit-transition: 350ms ease;
transition: 350ms ease;
}
@media screen and (max-width: 1024px) {
.faq__content-box {
font-size: 17px;
letter-spacing: .42px;
line-height: 27px;
padding: 10px 45px 10px 65px;
}
}
@media screen and (max-width: 991px) {
.faq__content-box {
padding: 10px 45px 15px 13px;
}
}
@media screen and (max-width: 800px) {
.faq__content-box {
padding: 10px 4px 15px 13px;
}
}
@media screen and (max-width: 640px) {
.faq__content-box {
padding: 10px 50px 18px 24px;
}
}
@media screen and (max-width: 450px) {
.faq__content-box {
padding: 10px 25px 18px 24px;
}
}
@media screen and (max-width: 400px) {
.faq__content-box {
padding: 10px 0 18px 24px;
}
}
.faq__content-box:last-of-type {
border: none;
}
.faq__content-box-icon {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
right: 0;
-webkit-transition: 350ms ease;
transition: 350ms ease;
}
@media screen and (max-width: 800px) {
.faq__content-box-icon {
right: 69px;
}
}
@media screen and (max-width: 640px) {
.faq__content-box-icon {
right: 0;
}
}
@media screen and (max-width: 400px) {
.faq__content-box-icon {
right: 28px;
}
}
.faq__content-box-icon::before {
content: '';
height: 2px;
width: 12px;
background-color: #422d79;
position: absolute;
top: 3px;
right: -6px;
}
@media screen and (max-width: 400px) {
.faq__content-box-icon::before {
width: 17px;
}
}
.faq__content-box-icon::after {
content: '';
height: 12px;
width: 2px;
background-color: #422d79;
position: absolute;
top: -2px;
right: -1px;
-webkit-transition: 350ms ease;
transition: 350ms ease;
}
@media screen and (max-width: 400px) {
.faq__content-box-icon::after {
height: 17px;
top: -5px;
right: 1px;
}
}
.faq__content-box-title {
position: relative;
width: 100%;
display: block;
padding-right: 25px;
}
@media screen and (max-width: 800px) {
.faq__content-box-title {
padding-right: 93px;
}
}
@media screen and (max-width: 640px) {
.faq__content-box-title {
padding-right: 30px;
}
}
@media screen and (max-width: 450px) {
.faq__content-box-title {
padding-right: 45px;
}
}
.faq__content-box-body {
display: none;
margin-bottom: 20px;
margin-top: 18px;
white-space: normal;
overflow: initial;
text-overflow: clip;
}
@media screen and (max-width: 1024px) {
.faq__content-box-body {
padding-right: 45px;
}
}
@media screen and (max-width: 991px) {
.faq__content-box-body {
margin-bottom: 0;
margin-top: 6px;
}
}
@media screen and (max-width: 800px) {
.faq__content-box-body {
padding-right: 57px;
}
}
@media screen and (max-width: 640px) {
.faq__content-box-body {
padding-right: 0;
}
}
@media screen and (max-width: 450px) {
.faq__content-box-body {
padding-right: 40px;
}
}
@media screen and (max-width: 400px) {
.faq__content-box-body {
margin-top: 24px;
margin-bottom: 15px;
width: 110%;
}
}
.faq__content-box-body-text {
font-weight: 500;
letter-spacing: .49px;
color: #333;
font-size: 20px;
}
@media screen and (max-width: 1024px) {
.faq__content-box-body-text {
font-size: 16px;
letter-spacing: .39px;
line-height: 26px;
font-weight: 400;
}
}
.faq__content-box--active .faq__content-box-icon::after {
-webkit-transform: rotateX(90deg);
transform: rotateX(90deg);
-webkit-transition: 350ms ease;
transition: 350ms ease;
}
.faq__content-box--active .faq__content-box-body {
max-height: 2000px;
} .residential-order {
padding: 60px 0 259px;
font-family: "Lato", Arial, Helvetica, sans-serif;
background-color: #fff;
}
@media screen and (max-width: 1024px) {
.residential-order {
padding: 60px 0 142px;
}
}
@media screen and (max-width: 991px) {
.residential-order {
padding: 30px 0 142px;
margin-bottom: 300px;
}
}
.residential-order__inner {
max-width: 1165px;
}
@media screen and (max-width: 767px) {
.residential-order__photo {
margin-bottom: 40px;
}
}
.residential-order__photo-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
padding-right: 37px;
}
@media screen and (max-width: 991px) {
.residential-order__photo-wrapper {
padding-right: 0;
}
}
@media screen and (max-width: 640px) {
.residential-order__photo-wrapper {
max-width: 250px;
max-height: 400px;
margin: 0 auto;
}
}
@media screen and (max-width: 991px) {
.residential-order__wrapper {
padding-left: 53px;
}
}
@media screen and (max-width: 640px) {
.residential-order__wrapper {
padding-left: 31px;
padding-right: 40px;
min-height: 300px;
}
}
@media screen and (max-width: 350px) {
.residential-order__wrapper {
padding: 0 20px;
}
}
.residential-order__info {
margin-bottom: 48px;
}
@media screen and (max-width: 991px) {
.residential-order__info {
margin-bottom: 45px;
}
}
@media screen and (max-width: 767px) {
.residential-order__info {
margin-bottom: 15px;
}
}
@media screen and (max-width: 640px) {
.residential-order__info {
padding: 0 12px;
margin-bottom: 14px;
}
}
.residential-order__info-title {
letter-spacing: 1.06px;
}
@media screen and (max-width: 1024px) {
.residential-order__info-title {
font-size: 31px;
letter-spacing: .76px;
line-height: 43px;
}
}
@media screen and (max-width: 767px) {
.residential-order__info-title {
text-align: center;
}
}
@media screen and (max-width: 640px) {
.residential-order__info-title {
font-size: 30px;
letter-spacing: .3px;
line-height: 37px;
padding: 0 40px;
margin-bottom: 20px;
}
}
.residential-order__info-price {
font-weight: 300;
letter-spacing: 1.06px;
font-size: 43px;
color: #333;
display: block;
margin-bottom: 13px;
}
@media screen and (max-width: 1024px) {
.residential-order__info-price {
font-size: 33px;
letter-spacing: .81px;
line-height: 28px;
}
}
@media screen and (max-width: 991px) {
.residential-order__info-price {
margin-bottom: 45px;
}
}
@media screen and (max-width: 767px) {
.residential-order__info-price {
text-align: center;
}
}
@media screen and (max-width: 640px) {
.residential-order__info-price {
font-size: 34px;
letter-spacing: .84px;
line-height: 28px;
margin-bottom: 22px;
}
}
.residential-order__info-text {
font-size: 20px;
font-weight: 500;
letter-spacing: 0;
color: #4a4a4a;
}
@media screen and (max-width: 991px) {
.residential-order__info-text {
padding-left: 3px;
}
.residential-order__info-text br {
display: none;
}
}
@media screen and (max-width: 767px) {
.residential-order__info-text {
max-width: 80%;
margin: 0 auto;
padding-right: 5px;
}
}
@media screen and (max-width: 640px) {
.residential-order__info-text {
max-width: 100%;
}
}
.residential-order__container {
position: relative;
}
@media screen and (max-width: 767px) {
.residential-order__container {
max-width: 500px;
margin: 0 auto;
}
}
@media screen and (max-width: 640px) {
.residential-order__container {
max-width: 285px;
}
}
.residential-order__line {
position: absolute;
top: 16px;
left: 8px;
height: 393px;
width: 1px;
background-color: #333;
z-index: 1;
}
@media screen and (max-width: 991px) {
.residential-order__line {
height: 454px;
left: 9px;
}
}
@media screen and (max-width: 640px) {
.residential-order__line {
height: 650px;
}
}
.residential-order__line-circle-1,
.residential-order__line-circle-2,
.residential-order__line-circle-3,
.residential-order__line-circle-4 {
position: relative;
display: block;
height: 0;
width: 1px;
}
.residential-order__line-circle-1::before,
.residential-order__line-circle-2::before,
.residential-order__line-circle-3::before,
.residential-order__line-circle-4::before {
content: '';
height: 15px;
width: 15px;
border-radius: 50%;
color: #000;
background-color: #fff;
border: 1px solid #333;
position: absolute;
z-index: 2;
top: 0;
left: 0;
}
@media screen and (max-width: 640px) {
.residential-order__line-circle-1::before,
.residential-order__line-circle-2::before,
.residential-order__line-circle-3::before,
.residential-order__line-circle-4::before {
height: 20px;
width: 20px;
}
}
.residential-order__line-circle-1 {
top: -11px;
left: -7px;
}
@media screen and (max-width: 991px) {
.residential-order__line-circle-1 {
top: -9px;
left: -6px;
}
}
@media screen and (max-width: 640px) {
.residential-order__line-circle-1 {
top: -14px;
left: -9px;
}
}
.residential-order__line-circle-1::before {
background-color: #c9c9c9;
}
.residential-order__line-circle-2 {
top: 141px;
left: -7px;
}
@media screen and (max-width: 991px) {
.residential-order__line-circle-2 {
top: 182px;
left: -6px;
}
}
@media screen and (max-width: 800px) {
.residential-order__line-circle-2 {
top: 185px;
}
}
@media screen and (max-width: 640px) {
.residential-order__line-circle-2 {
top: 254px;
left: -9px;
}
}
.residential-order__line-circle-3 {
top: 265px;
left: -7px;
}
@media screen and (max-width: 991px) {
.residential-order__line-circle-3 {
top: 301px;
left: -6px;
}
}
@media screen and (max-width: 800px) {
.residential-order__line-circle-3 {
top: 304px;
}
}
@media screen and (max-width: 640px) {
.residential-order__line-circle-3 {
top: 478px;
left: -9px;
}
}
.residential-order__line-circle-4 {
top: 387px;
left: -7px;
}
@media screen and (max-width: 991px) {
.residential-order__line-circle-4 {
top: 450px;
left: -6px;
}
}
@media screen and (max-width: 800px) {
.residential-order__line-circle-4 {
top: 453px;
}
}
@media screen and (max-width: 640px) {
.residential-order__line-circle-4 {
top: 639px;
left: -9px;
}
}
.residential-order__line-circle--active::before {
background-color: #422d79 !important;
}
.residential-order__line-circle--idle::before {
background-color: #c9c9c9;
}
.residential-order__search-wrapper {
position: relative;
padding-left: 35px;
margin-bottom: 12px;
}
@media screen and (max-width: 1024px) {
.residential-order__search-wrapper {
margin-bottom: 20px;
}
}
@media screen and (max-width: 991px) {
.residential-order__search-wrapper {
margin-bottom: 35px;
}
}
@media screen and (max-width: 800px) {
.residential-order__search-wrapper {
padding-right: 9px;
}
}
@media screen and (max-width: 767px) {
.residential-order__search-wrapper {
margin-bottom: 67px;
}
}
@media screen and (max-width: 640px) {
.residential-order__search-wrapper {
padding-left: 33px;
margin-bottom: 98px;
}
}
.residential-order__search-wrapper input[type='text'] {
height: 50px;
max-width: 446px;
width: 100%;
background-color: #fff;
border: 1px solid #000;
position: relative;
color: #422d79;
font-size: 15px;
padding-left: 12px;
padding-right: 100px;
margin-left: 3px;
letter-spacing: .2px;
border-radius: 2px;
caret-color: #422d79;
font-family: "Open Sans", Arial, Helvetica, sans-serif;
}
@media screen and (max-width: 1024px) {
.residential-order__search-wrapper input[type='text'] {
font-size: 12px;
letter-spacing: 0;
line-height: 18px;
height: 64px;
max-width: 322px;
margin-left: 5px;
padding-right: 110px;
}
}
@media screen and (max-width: 640px) {
.residential-order__search-wrapper input[type='text'] {
height: 49px;
margin-left: 4px;
font-size: 16px;
padding-right: 84px;
}
}
@media screen and (max-width: 400px) {
.residential-order__search-wrapper input[type='text'] {
max-width: 254px;
}
}
.residential-order__search-wrapper input[type='text']::-webkit-input-placeholder {
color: #634e99;
font-size: 12px;
font-weight: 500;
letter-spacing: -.2px;
}
.residential-order__search-wrapper input[type='text']::-moz-placeholder {
color: #634e99;
font-size: 12px;
font-weight: 500;
letter-spacing: -.2px;
}
.residential-order__search-wrapper input[type='text']:-ms-input-placeholder {
color: #634e99;
font-size: 12px;
font-weight: 500;
letter-spacing: -.2px;
}
.residential-order__search-wrapper input[type='text']::-ms-input-placeholder {
color: #634e99;
font-size: 12px;
font-weight: 500;
letter-spacing: -.2px;
}
.residential-order__search-wrapper input[type='text']::placeholder {
color: #634e99;
font-size: 12px;
font-weight: 500;
letter-spacing: -.2px;
}
.residential-order__search-wrapper input[type='text']:focus {
color: #422d79;
}
.residential-order__search-wrapper input[type='submit'] {
border: 0;
background-color: transparent;
text-transform: uppercase;
font-size: 16px;
color: #422d79;
letter-spacing: .39px;
font-weight: 500;
position: absolute;
top: 56px;
right: 90px;
cursor: pointer;
}
@media screen and (max-width: 1200px) {
.residential-order__search-wrapper input[type='submit'] {
right: auto;
left: 400px;
}
}
@media screen and (max-width: 1024px) {
.residential-order__search-wrapper input[type='submit'] {
top: 61px;
left: 290px;
}
}
@media screen and (max-width: 991px) {
.residential-order__search-wrapper input[type='submit'] {
top: 54px;
}
}
@media screen and (max-width: 771px) {
.residential-order__search-wrapper input[type='submit'] {
top: 79px;
}
}
@media screen and (max-width: 767px) {
.residential-order__search-wrapper input[type='submit'] {
top: 54px;
}
}
@media screen and (max-width: 640px) {
.residential-order__search-wrapper input[type='submit'] {
top: 72px;
left: auto;
right: 15px;
}
}
.residential-order__search-wrapper input[type='submit']:hover {
text-shadow: 0 1px 3px #422d79;
}
.residential-order__search-wrapper input[type='submit']:focus {
font-weight: 800;
}
.residential-order__search-wrapper .js-suggestion-box {
max-width: 446px;
width: 100%;
border: 1px solid #c9c9c9;
padding: 5px;
}
.residential-order__search-wrapper .js-suggestion-box span {
margin-bottom: 2px;
color: #634e99;
-webkit-transition: 350ms ease;
transition: 350ms ease;
}
.residential-order__search-wrapper .js-suggestion-box span:hover {
background-color: #f0eaff;
color: #422d79;
-webkit-transition: 350ms ease;
transition: 350ms ease;
}
@media screen and (max-width: 1024px) {
.residential-order__search-wrapper .js-suggestion-box {
max-width: 322px;
margin-left: 5px;
}
}
@media screen and (max-width: 640px) {
.residential-order__search-wrapper .js-suggestion-box {
max-width: 243px;
}
}
@media screen and (max-width: 400px) {
.residential-order__search-wrapper .js-suggestion-box {
max-width: 85%;
}
}
.residential-order__search-wrapper--icon {
margin-bottom: 60px;
}
@media screen and (max-width: 1024px) {
.residential-order__search-wrapper--icon {
margin-bottom: 50px;
}
}
@media screen and (max-width: 991px) {
.residential-order__search-wrapper--icon {
margin-bottom: 98px;
}
}
@media screen and (max-width: 800px) {
.residential-order__search-wrapper--icon {
padding-right: 9px;
margin-bottom: 100px;
}
}
@media screen and (max-width: 771px) {
.residential-order__search-wrapper--icon {
margin-bottom: 75px;
}
}
@media screen and (max-width: 767px) {
.residential-order__search-wrapper--icon {
margin-bottom: 101px;
}
}
@media screen and (max-width: 640px) {
.residential-order__search-wrapper--icon {
padding-left: 33px;
margin-bottom: 163px;
}
}
.residential-order__search-question {
font-size: 20px;
color: #4a4a4a;
font-weight: 500;
margin-bottom: 14px;
}
@media screen and (max-width: 1024px) {
.residential-order__search-question {
font-size: 16px;
letter-spacing: .39px;
line-height: 25px;
}
}
@media screen and (max-width: 991px) {
.residential-order__search-question {
margin-bottom: 7px;
}
}
@media screen and (max-width: 640px) {
.residential-order__search-question {
margin-left: 5px;
}
}
.residential-order__search-msg {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.residential-order__search-msg--active {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.residential-order__search-msg-success {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
padding-top: 20px;
padding-left: 52px;
}
@media screen and (max-width: 1024px) {
.residential-order__search-msg-success {
padding-top: 14px;
padding-left: 8px;
}
}
@media screen and (max-width: 640px) {
.residential-order__search-msg-success {
padding-top: 18px;
padding-left: 61px;
}
}
.residential-order__search-msg-success--active {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.residential-order__search-msg-success-icon {
font-size: 50px;
height: 34px;
position: absolute;
color: #422d79;
top: 0;
left: 0;
}
@media screen and (max-width: 1024px) {
.residential-order__search-msg-success-icon {
display: none;
}
}
@media screen and (max-width: 640px) {
.residential-order__search-msg-success-icon {
display: block;
top: 5px;
left: 5px;
}
}
.residential-order__search-msg-success-text {
font-size: 21px;
color: #281754;
font-weight: 600;
letter-spacing: -.3px;
}
@media screen and (max-width: 1024px) {
.residential-order__search-msg-success-text {
font-size: 16px;
letter-spacing: 0;
line-height: 18px;
}
}
@media screen and (max-width: 640px) {
.residential-order__search-msg-success-text {
font-size: 18px;
line-height: 23px;
}
}
.residential-order__search-msg-fail {
position: relative;
display: none;
padding-left: 48px;
margin-top: 9px;
}
@media screen and (max-width: 1024px) {
.residential-order__search-msg-fail {
padding-left: 7px;
}
.residential-order__search-msg-fail br {
display: none;
}
}
@media screen and (max-width: 640px) {
.residential-order__search-msg-fail {
padding-top: 18px;
padding-left: 61px;
}
}
.residential-order__search-msg-fail--active {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.residential-order__search-msg-fail-text {
font-size: 20px;
color: #281754;
font-weight: 700;
}
@media screen and (max-width: 1024px) {
.residential-order__search-msg-fail-text {
font-size: 16px;
letter-spacing: 0;
line-height: 18px;
}
}
@media screen and (max-width: 640px) {
.residential-order__search-msg-fail-text {
font-size: 18px;
line-height: 23px;
}
}
.residential-order__search-msg-fail-icon {
font-size: 30px;
position: absolute;
left: 6px;
top: 10px;
height: 26px;
}
@media screen and (max-width: 1024px) {
.residential-order__search-msg-fail-icon {
display: none;
}
}
@media screen and (max-width: 640px) {
.residential-order__search-msg-fail-icon {
display: block;
}
}
.residential-order__billed-wrapper {
padding-left: 34px;
margin-bottom: 31px;
}
@media screen and (max-width: 1024px) {
.residential-order__billed-wrapper {
margin-top: 19px;
}
}
@media screen and (max-width: 991px) {
.residential-order__billed-wrapper {
padding-left: 36px;
margin-bottom: 35px;
margin-top: 65px;
}
}
@media screen and (max-width: 640px) {
.residential-order__billed-wrapper {
margin-bottom: 55px;
margin-top: 35px;
}
}
.residential-order__billed-wrapper--active::before {
background-color: #d8d8d8;
}
.residential-order__billed-question {
font-size: 20px;
color: #4a4a4a;
font-weight: 500;
margin-bottom: 14px;
}
@media screen and (max-width: 1024px) {
.residential-order__billed-question {
font-size: 16px;
letter-spacing: .39px;
line-height: 25px;
}
}
@media screen and (max-width: 991px) {
.residential-order__billed-question {
margin-bottom: 7px;
}
}
@media screen and (max-width: 640px) {
.residential-order__billed-question {
margin-bottom: 22px;
}
}
.residential-order__billed-radio-wrapper {
margin-left: 3px;
margin-bottom: 10px;
}
@media screen and (max-width: 640px) {
.residential-order__billed-radio-wrapper {
margin-left: 0;
margin-bottom: 15px;
}
}
.residential-order__billed-radio-wrapper label {
font-size: 16px;
color: #333;
font-weight: 500;
}
.residential-order__additional-wrapper {
padding-left: 34px;
margin-bottom: 29px;
}
@media screen and (max-width: 991px) {
.residential-order__additional-wrapper {
padding-right: 10px;
padding-left: 36px;
margin-bottom: 65px;
}
}
@media screen and (max-width: 832px) {
.residential-order__additional-wrapper {
margin-bottom: 41px;
}
}
@media screen and (max-width: 767px) {
.residential-order__additional-wrapper {
margin-bottom: 65px;
}
}
@media screen and (max-width: 640px) {
.residential-order__additional-wrapper {
margin-bottom: 37px;
}
}
.residential-order__additional-wrapper--active::before {
background-color: #d8d8d8;
}
.residential-order__additional-question {
font-size: 20px;
color: #4a4a4a;
font-weight: 500;
margin-bottom: 14px;
}
@media screen and (max-width: 1024px) {
.residential-order__additional-question {
font-size: 16px;
letter-spacing: .39px;
line-height: 25px;
}
}
@media screen and (max-width: 991px) {
.residential-order__additional-question {
margin-bottom: 7px;
}
}
@media screen and (max-width: 640px) {
.residential-order__additional-question {
margin-bottom: 17px;
}
}
.residential-order__additional-radio-wrapper {
margin-left: 3px;
margin-bottom: 10px;
}
@media screen and (max-width: 640px) {
.residential-order__additional-radio-wrapper {
margin-bottom: 15px;
}
}
.residential-order__additional-radio-wrapper label {
font-size: 16px;
color: #333;
font-weight: 500;
}
.residential-order__recycling-wrapper {
padding-left: 34px;
margin-bottom: 50px;
}
@media screen and (max-width: 991px) {
.residential-order__recycling-wrapper {
padding-left: 36px;
}
}
@media screen and (max-width: 640px) {
.residential-order__recycling-wrapper {
margin-bottom: 34px;
}
}
.residential-order__recycling-wrapper--active::before {
background-color: #d8d8d8;
}
.residential-order__recycling-question {
font-size: 20px;
color: #4a4a4a;
font-weight: 500;
margin-bottom: 14px;
}
@media screen and (max-width: 1024px) {
.residential-order__recycling-question {
font-size: 16px;
letter-spacing: .39px;
line-height: 25px;
}
}
@media screen and (max-width: 991px) {
.residential-order__recycling-question {
margin-bottom: 7px;
}
}
@media screen and (max-width: 640px) {
.residential-order__recycling-question {
margin-bottom: 23px;
}
}
.residential-order__recycling-radio-wrapper {
margin-left: 3px;
margin-bottom: 10px;
}
@media screen and (max-width: 640px) {
.residential-order__recycling-radio-wrapper {
margin-bottom: 14px;
}
}
.residential-order__recycling-radio-wrapper label {
font-size: 16px;
color: #333;
font-weight: 500;
}
.residential-order__btn-wrapper {
padding-left: 26px;
} .roll-order {
padding: 60px 0 402px;
font-family: "Lato", Arial, Helvetica, sans-serif;
background-color: #fff;
}
@media screen and (max-width: 991px) {
.roll-order {
padding: 30px 0 400px;
}
}
.roll-order__inner {
max-width: 1165px;
}
@media screen and (max-width: 800px) {
.roll-order__photo {
max-width: 45%;
}
}
@media screen and (max-width: 767px) {
.roll-order__photo {
max-width: 100%;
}
}
@media screen and (max-width: 640px) {
.roll-order__photo {
margin-bottom: 74px;
}
}
@media screen and (max-width: 800px) {
.roll-order__wrapper {
max-width: 55%;
}
}
@media screen and (max-width: 767px) {
.roll-order__wrapper {
max-width: 100%;
}
}
.roll-order__photo-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
padding-top: 69px;
max-width: 487px;
width: 100%;
}
@media screen and (max-width: 1024px) {
.roll-order__photo-wrapper {
max-width: 287px;
margin: 0 auto;
padding-top: 0;
}
}
.roll-order__photo-info {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
margin-top: 30px;
text-align: center;
}
@media screen and (max-width: 1024px) {
.roll-order__photo-info {
margin-bottom: 13px;
}
}
@media screen and (max-width: 640px) {
.roll-order__photo-info {
margin-top: 24px;
}
}
.roll-order__photo-info-title {
font-size: 18px;
font-weight: 700;
letter-spacing: .44px;
color: #333;
display: block;
margin-bottom: 4px;
}
.roll-order__photo-info-val {
font-size: 18px;
font-weight: 500;
letter-spacing: 1px;
color: #333;
display: block;
}
.roll-order__info {
margin-bottom: 35px;
}
@media screen and (max-width: 767px) {
.roll-order__info {
max-width: 400px;
width: 100%;
margin: 0 auto 35px;
padding: 0 15px;
}
}
.roll-order__info-title {
letter-spacing: 1.06px;
line-height: 1.32;
margin-bottom: 10px;
}
@media screen and (max-width: 1024px) {
.roll-order__info-title {
font-size: 31px;
letter-spacing: .76px;
line-height: 43px;
margin-bottom: 35px;
}
.roll-order__info-title br {
display: none;
}
}
@media screen and (max-width: 767px) {
.roll-order__info-title {
text-align: center;
margin-bottom: 71px;
}
}
@media screen and (max-width: 800px) {
.roll-order__info-title {
margin-bottom: 31px;
}
}
@media screen and (max-width: 640px) {
.roll-order__info-title {
font-size: 30px;
letter-spacing: .3px;
line-height: 37px;
padding: 0 30px;
margin-bottom: 23px;
}
}
.roll-order__info-text {
font-size: 20px;
font-weight: 500;
letter-spacing: .49px;
color: #333;
margin-bottom: 16px;
}
@media screen and (max-width: 1024px) {
.roll-order__info-text {
letter-spacing: 0;
line-height: 28px;
margin-bottom: 23px;
}
.roll-order__info-text br {
display: none;
}
}
@media screen and (max-width: 640px) {
.roll-order__info-text {
margin-bottom: 17px;
}
}
.roll-order__info-list-title {
display: block;
font-size: 18px;
font-weight: 800;
letter-spacing: .44px;
color: #333;
margin-left: 2px;
margin-bottom: 3px;
}
.roll-order__info-list {
padding-left: 30px;
}
.roll-order__info-list-item {
font-size: 18px;
letter-spacing: .44px;
font-weight: 500;
color: #333;
line-height: 1.5;
position: relative;
}
.roll-order__info-list-item::before {
content: '\00B7';
position: absolute;
top: -8px;
left: -28px;
font-size: 27px;
}
.roll-order__container {
position: relative;
}
@media screen and (max-width: 767px) {
.roll-order__container {
max-width: 400px;
margin: 0 auto;
width: 100%;
padding: 0 15px;
}
}
.roll-order__line {
position: absolute;
top: 15px;
left: 8px;
height: 392px;
width: 1px;
background-color: #333;
z-index: 1;
}
@-moz-document url-prefix() {
.roll-order__line {
height: 397px;
}
}
@media screen and (max-width: 1024px) {
.roll-order__line {
height: 376px;
left: 7px;
top: 28px;
}
}
@media screen and (max-width: 640px) {
.roll-order__line {
left: 25px;
height: 411px;
top: 32px;
}
@-moz-document url-prefix() {
.roll-order__line {
height: 417px;
top: 25px;
}
}
}
@media screen and (max-width: 355px) {
.roll-order__line {
height: 488px;
}
@-moz-document url-prefix() {
.roll-order__line {
height: 497px;
}
}
}
@media screen and (max-width: 326px) {
.roll-order__line {
height: 519px;
}
@-moz-document url-prefix() {
.roll-order__line {
height: 526px;
}
}
}
.roll-order__line-circle-1,
.roll-order__line-circle-2,
.roll-order__line-circle-3 {
position: relative;
}
.roll-order__line-circle-1::before,
.roll-order__line-circle-2::before,
.roll-order__line-circle-3::before {
content: '';
height: 15px;
width: 15px;
border-radius: 50%;
color: #000;
background-color: #fff;
border: 1px solid #333;
position: absolute;
z-index: 2;
top: 0;
left: 0;
}
@media screen and (max-width: 640px) {
.roll-order__line-circle-1::before,
.roll-order__line-circle-2::before,
.roll-order__line-circle-3::before {
height: 20px;
width: 20px;
}
}
.roll-order__line-circle-1 {
top: -10px;
left: -7px;
}
@-moz-document url-prefix() {
.roll-order__line-circle-1 {
top: 7px;
}
}
@media screen and (max-width: 640px) {
.roll-order__line-circle-1 {
top: -17px;
left: -10px;
}
@-moz-document url-prefix() {
.roll-order__line-circle-1 {
top: 6px;
}
}
}
.roll-order__line-circle-1::before {
background-color: #c9c9c9;
}
.roll-order__line-circle-2 {
top: 191px;
left: -7px;
}
@-moz-document url-prefix() {
.roll-order__line-circle-2 {
top: 206px;
}
}
@media screen and (max-width: 1024px) {
.roll-order__line-circle-2 {
top: 181px;
}
@-moz-document url-prefix() {
.roll-order__line-circle-2 {
top: 197px;
}
}
}
@media screen and (max-width: 640px) {
.roll-order__line-circle-2 {
top: 194px;
left: -10px;
}
@-moz-document url-prefix() {
.roll-order__line-circle-2 {
top: 216px;
}
}
}
@media screen and (max-width: 355px) {
.roll-order__line-circle-2 {
top: 233px;
}
@-moz-document url-prefix() {
.roll-order__line-circle-2 {
top: 257px;
}
}
}
@media screen and (max-width: 326px) {
.roll-order__line-circle-2 {
top: 249px;
}
@-moz-document url-prefix() {
.roll-order__line-circle-2 {
top: 271px;
}
}
}
.roll-order__line-circle-3 {
top: 392px;
left: -7px;
}
@-moz-document url-prefix() {
.roll-order__line-circle-3 {
top: 409px;
}
}
@media screen and (max-width: 1024px) {
.roll-order__line-circle-3 {
top: 373px;
}
@-moz-document url-prefix() {
.roll-order__line-circle-3 {
top: 388px;
}
}
}
@media screen and (max-width: 640px) {
.roll-order__line-circle-3 {
top: 405px;
left: -10px;
}
@-moz-document url-prefix() {
.roll-order__line-circle-3 {
top: 428px;
}
}
}
@media screen and (max-width: 355px) {
.roll-order__line-circle-3 {
top: 483px;
}
@-moz-document url-prefix() {
.roll-order__line-circle-3 {
top: 505px;
}
}
}
@media screen and (max-width: 326px) {
.roll-order__line-circle-3 {
top: 513px;
}
@-moz-document url-prefix() {
.roll-order__line-circle-3 {
top: 535px;
}
}
}
.roll-order__line-circle--active::before {
background-color: #422d79 !important;
}
.roll-order__line-circle--idle::before {
background-color: #c9c9c9;
}
.roll-order__search-wrapper {
position: relative;
padding-left: 37px;
margin-bottom: 12px;
}
@media screen and (max-width: 1024px) {
.roll-order__search-wrapper {
padding-top: 12px;
padding-left: 33px;
margin-bottom: 20px;
}
}
@media screen and (max-width: 640px) {
.roll-order__search-wrapper {
padding-left: 35px;
padding-right: 12px;
margin-bottom: 5px;
}
}
@media screen and (max-width: 355px) {
.roll-order__search-wrapper {
margin-bottom: 24px;
}
}
@media screen and (max-width: 341px) {
.roll-order__search-wrapper {
margin-bottom: 17px;
}
}
.roll-order__search-wrapper input[type='text'] {
height: 50px;
max-width: 446px;
width: 100%;
background-color: #fff;
border: 1px solid #000;
position: relative;
color: #634e99;
font-size: 12px;
font-weight: 500;
padding-left: 12px;
letter-spacing: -.2px;
border-radius: 2px;
caret-color: #422d79;
font-family: "Open Sans", Arial, Helvetica, sans-serif;
}
@media screen and (max-width: 1024px) {
.roll-order__search-wrapper input[type='text'] {
max-width: 322px;
height: 46px;
margin-left: 5px;
}
}
@media screen and (max-width: 640px) {
.roll-order__search-wrapper input[type='text'] {
height: 49px;
margin-left: 4px;
font-size: 16px;
padding-right: 84px;
}
}
@media screen and (max-width: 400px) {
.roll-order__search-wrapper input[type='text'] {
max-width: 254px;
}
}
.roll-order__search-wrapper input[type='text']::-webkit-input-placeholder {
color: #979797;
font-size: 12px;
font-weight: 500;
letter-spacing: -.2px;
}
.roll-order__search-wrapper input[type='text']::-moz-placeholder {
color: #979797;
font-size: 12px;
font-weight: 500;
letter-spacing: -.2px;
}
.roll-order__search-wrapper input[type='text']:-ms-input-placeholder {
color: #979797;
font-size: 12px;
font-weight: 500;
letter-spacing: -.2px;
}
.roll-order__search-wrapper input[type='text']::-ms-input-placeholder {
color: #979797;
font-size: 12px;
font-weight: 500;
letter-spacing: -.2px;
}
.roll-order__search-wrapper input[type='text']::placeholder {
color: #979797;
font-size: 12px;
font-weight: 500;
letter-spacing: -.2px;
}
.roll-order__search-wrapper input[type='text']:focus {
color: #422d79;
}
.roll-order__search-wrapper input[type='submit'] {
border: 0;
background-color: transparent;
text-transform: uppercase;
font-size: 16px;
color: #422d79;
letter-spacing: .39px;
font-weight: 500;
position: absolute;
top: 77px;
right: 90px;
cursor: pointer;
}
@media screen and (max-width: 1200px) {
.roll-order__search-wrapper input[type='submit'] {
right: auto;
left: 400px;
}
}
@media screen and (max-width: 1024px) {
.roll-order__search-wrapper input[type='submit'] {
top: 81px;
left: 290px;
}
}
@media screen and (max-width: 640px) {
.roll-order__search-wrapper input[type='submit'] {
top: 83px;
}
}
@media screen and (max-width: 430px) {
.roll-order__search-wrapper input[type='submit'] {
left: auto;
right: 25px;
}
}
@media screen and (max-width: 400px) {
.roll-order__search-wrapper input[type='submit'] {
right: auto;
left: 220px;
}
}
@media screen and (max-width: 370px) {
.roll-order__search-wrapper input[type='submit'] {
top: 85px;
}
}
@media screen and (max-width: 360px) {
.roll-order__search-wrapper input[type='submit'] {
left: auto;
right: 20px;
}
}
@media screen and (max-width: 355px) {
.roll-order__search-wrapper input[type='submit'] {
top: 108px;
}
}
.roll-order__search-wrapper input[type='submit']:hover {
text-shadow: 0 1px 3px #422d79;
}
.roll-order__search-wrapper input[type='submit']:focus {
font-weight: 800;
}
.roll-order__search-wrapper .js-suggestion-box {
max-width: 446px;
width: 100%;
border: 1px solid #c9c9c9;
padding: 5px;
}
.roll-order__search-wrapper .js-suggestion-box span {
margin-bottom: 2px;
color: #634e99;
-webkit-transition: 350ms ease;
transition: 350ms ease;
}
.roll-order__search-wrapper .js-suggestion-box span:hover {
background-color: #f0eaff;
color: #422d79;
-webkit-transition: 350ms ease;
transition: 350ms ease;
}
@media screen and (max-width: 1024px) {
.roll-order__search-wrapper .js-suggestion-box {
max-width: 322px;
margin-left: 5px;
}
}
@media screen and (max-width: 400px) {
.roll-order__search-wrapper .js-suggestion-box {
max-width: 254px;
}
}
.roll-order__search-question {
font-size: 20px;
color: #4a4a4a;
font-weight: 500;
margin-bottom: 9px;
letter-spacing: .49px;
margin-left: 2px;
}
@media screen and (max-width: 1024px) {
.roll-order__search-question {
font-size: 16px;
letter-spacing: .39px;
line-height: 25px;
margin-bottom: 7px;
}
}
@media screen and (max-width: 640px) {
.roll-order__search-question {
padding-right: 15px;
}
.roll-order__search-question br {
display: none;
}
}
.roll-order__search-alert-wrapper {
display: block;
max-width: 446px;
min-height: 64px;
width: 100%;
background-color: #f0eaff;
border-radius: 6px;
border: 0.5px solid #333;
font-family: "Open Sans", Arial, Helvetica, sans-serif;
margin-top: 17px;
padding: 13px 19px 5px 17px;
}
@media screen and (max-width: 1024px) {
.roll-order__search-alert-wrapper {
max-width: 322px;
min-height: 103px;
margin-top: 11px;
margin-left: 5px;
}
}
@media screen and (max-width: 800px) {
.roll-order__search-alert-wrapper {
padding: 13px 19px 5px 8px;
}
}
@media screen and (max-width: 767px) {
.roll-order__search-alert-wrapper {
max-width: 322px;
min-height: 159px;
padding: 22px 16px 10px 29px;
}
}
@media screen and (max-width: 400px) {
.roll-order__search-alert-wrapper {
max-width: 255px;
margin-top: 16px;
}
}
.roll-order__search-alert {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media screen and (max-width: 1024px) {
.roll-order__search-alert {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
.roll-order__search-alert-left {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
@media screen and (max-width: 1024px) {
.roll-order__search-alert-left {
margin-right: 12px;
}
}
@media screen and (max-width: 800px) {
.roll-order__search-alert-left {
margin-left: 8px;
}
}
@media screen and (max-width: 767px) {
.roll-order__search-alert-left {
width: 30%;
margin-left: 0;
margin-right: 0;
}
}
.roll-order__search-alert-left-text {
font-size: 12px;
letter-spacing: 0;
color: #422d79;
margin-bottom: -4px;
}
@media screen and (max-width: 767px) {
.roll-order__search-alert-left-text {
font-size: 14px;
}
}
.roll-order__search-alert-left-price {
color: #422d79;
font-size: 22px;
font-weight: 700;
letter-spacing: 0;
}
@media screen and (max-width: 767px) {
.roll-order__search-alert-left-price {
font-size: 25px;
margin-top: 5px;
}
}
.roll-order__search-alert-mid {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding-left: 13px;
}
@media screen and (max-width: 800px) {
.roll-order__search-alert-mid {
padding-left: 9px;
}
}
@media screen and (max-width: 767px) {
.roll-order__search-alert-mid {
width: 70%;
padding-left: 0;
}
}
.roll-order__search-alert-mid-text {
font-size: 14px;
color: #333;
letter-spacing: 0;
font-weight: 400;
}
@media screen and (max-width: 767px) {
.roll-order__search-alert-mid-text br {
display: none;
}
}
.roll-order__search-alert-mid-size {
font-weight: 600;
}
.roll-order__search-alert-right {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
@media screen and (max-width: 1024px) {
.roll-order__search-alert-right {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
width: 100%;
margin-top: 12px;
padding-left: 8px;
}
}
@media screen and (max-width: 800px) {
.roll-order__search-alert-right {
padding-left: 16px;
}
}
@media screen and (max-width: 767px) {
.roll-order__search-alert-right {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding-left: 0;
}
}
.roll-order__search-alert-right-options {
font-size: 12px;
font-weight: 600;
letter-spacing: 0;
color: #422d79;
margin-bottom: 6px;
cursor: pointer;
}
@media screen and (max-width: 1024px) {
.roll-order__search-alert-right-options {
font-size: 16px;
letter-spacing: 0;
line-height: 18px;
margin-right: 31px;
}
}
@media screen and (max-width: 767px) {
.roll-order__search-alert-right-options {
margin-right: 0;
margin-left: -28px;
margin-bottom: 11px;
}
}
.roll-order__search-alert-right-close {
font-size: 12px;
font-weight: 400;
color: #333;
position: relative;
}
@media screen and (max-width: 1024px) {
.roll-order__search-alert-right-close {
font-size: 16px;
letter-spacing: 0;
line-height: 18px;
}
}
@media screen and (max-width: 767px) {
.roll-order__search-alert-right-close {
margin-left: -43px;
}
}
.roll-order__search-alert-right-close::after {
content: '\00D7';
position: absolute;
right: 25px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 17px;
}
@media screen and (max-width: 1024px) {
.roll-order__search-alert-right-close::after {
right: -19px;
}
}
@media screen and (max-width: 767px) {
.roll-order__search-alert-right-close::after {
right: -25px;
font-size: 27px;
font-weight: 100;
font-style: normal;
}
}
.roll-order__search-price {
display: block;
text-align: right;
max-width: 446px;
width: 100%;
margin-top: 11px;
}
@media screen and (max-width: 1024px) {
.roll-order__search-price {
text-align: left;
}
}
@media screen and (max-width: 430px) {
.roll-order__search-price {
text-align: right;
}
}
@media screen and (max-width: 400px) {
.roll-order__search-price {
max-width: 254px;
}
}
.roll-order__search-price-val {
color: #281754;
font-size: 16px;
font-family: "Lato", Arial, Helvetica, sans-serif;
font-weight: 600;
letter-spacing: 0;
display: block;
}
@media screen and (max-width: 1024px) {
.roll-order__search-price-val {
margin-left: 268px;
}
}
@media screen and (max-width: 430px) {
.roll-order__search-price-val {
margin-left: 0;
}
}
.roll-order__search-info {
font-family: "Lato", Arial, Helvetica, sans-serif;
margin-top: 8px;
margin-bottom: 119px;
margin-left: 6px;
display: block;
}
@media screen and (max-width: 1024px) {
.roll-order__search-info {
margin-top: 25px;
margin-bottom: 117px;
}
}
@media screen and (max-width: 640px) {
.roll-order__search-info {
margin-top: 10px;
margin-bottom: 136px;
}
}
@media screen and (max-width: 396px) {
.roll-order__search-info {
margin-bottom: 112px;
}
}
@media screen and (max-width: 370px) {
.roll-order__search-info {
margin-top: 10px;
}
}
@media screen and (max-width: 355px) {
.roll-order__search-info {
margin-top: -12px;
margin-bottom: 149px;
}
}
@media screen and (max-width: 343px) {
.roll-order__search-info {
margin-bottom: 108px;
}
}
@media screen and (max-width: 341px) {
.roll-order__search-info {
margin-top: 24px;
margin-bottom: 124px;
}
}
@media screen and (max-width: 326px) {
.roll-order__search-info {
margin-top: 16px;
margin-bottom: 140px;
}
}
.roll-order__search-info-text {
font-size: 20px;
font-weight: 500;
letter-spacing: .49px;
color: #333;
margin-bottom: 15px;
}
@media screen and (max-width: 1024px) {
.roll-order__search-info-text {
font-size: 16px;
letter-spacing: .39px;
line-height: 25px;
}
}
@media screen and (max-width: 640px) {
.roll-order__search-info-text {
margin-top: 6px;
margin-bottom: 41px;
}
.roll-order__search-info-text br {
display: none;
}
}
@media screen and (max-width: 411px) {
.roll-order__search-info-text {
margin-bottom: 16px;
}
}
@media screen and (max-width: 355px) {
.roll-order__search-info-text {
margin-top: 36px;
}
}
@media screen and (max-width: 341px) {
.roll-order__search-info-text {
margin-top: 16px;
}
}
.roll-order__search-info-link {
font-size: 20px;
font-weight: 500;
color: #422d79;
letter-spacing: .49px;
display: inline-block;
position: relative;
}
.roll-order__search-info-link::after {
content: '';
position: absolute;
height: 2px;
width: 100%;
left: 0;
bottom: -2px;
background-color: #422d79;
}
.roll-order__permit-wrapper {
padding-left: 35px;
margin-bottom: 96px;
}
@media screen and (max-width: 1024px) {
.roll-order__permit-wrapper {
margin-bottom: 79px;
margin-top: 25px;
}
@-moz-document url-prefix() {
.roll-order__permit-wrapper {
margin-bottom: 75px;
}
}
}
@media screen and (max-width: 802px) {
.roll-order__permit-wrapper {
margin-bottom: 55px;
}
@-moz-document url-prefix() {
.roll-order__permit-wrapper {
margin-bottom: 50px;
}
}
}
@media screen and (max-width: 640px) {
.roll-order__permit-wrapper {
margin-top: 10px;
margin-bottom: 74px;
}
@-moz-document url-prefix() {
.roll-order__permit-wrapper {
margin-bottom: 71px;
}
}
}
@media screen and (max-width: 370px) {
.roll-order__permit-wrapper {
margin-bottom: 73px;
}
@-moz-document url-prefix() {
.roll-order__permit-wrapper {
margin-bottom: 70px;
}
}
}
@media screen and (max-width: 355px) {
.roll-order__permit-wrapper {
margin-bottom: 136px;
}
.roll-order__permit-wrapper br {
display: none;
}
}
@media screen and (max-width: 341px) {
.roll-order__permit-wrapper {
margin-top: 24px;
}
}
@media screen and (max-width: 331px) {
.roll-order__permit-wrapper {
margin-bottom: 111px;
}
@-moz-document url-prefix() {
.roll-order__permit-wrapper {
margin-bottom: 109px;
}
}
}
@media screen and (max-width: 326px) {
.roll-order__permit-wrapper {
margin-top: 17px;
margin-bottom: 125px;
}
@-moz-document url-prefix() {
.roll-order__permit-wrapper {
margin-bottom: 122px;
}
}
}
.roll-order__permit-question {
font-size: 20px;
color: #4a4a4a;
font-weight: 500;
margin-bottom: 12px;
line-height: .9;
}
@media screen and (max-width: 1024px) {
.roll-order__permit-question {
font-size: 16px;
letter-spacing: .39px;
line-height: 25px;
}
}
.roll-order__permit-radio-wrapper {
margin-left: 4px;
margin-bottom: 10px;
}
.roll-order__permit-radio-wrapper label {
font-size: 16px;
color: #333;
font-weight: 500;
}
.roll-order__date-wrapper {
padding-left: 39px;
margin-bottom: 150px;
}
@media screen and (max-width: 1024px) {
.roll-order__date-wrapper {
padding-left: 35px;
}
}
.roll-order__date-question {
font-size: 20px;
color: #4a4a4a;
font-weight: 500;
margin-bottom: 7px;
letter-spacing: .49px;
}
@media screen and (max-width: 1024px) {
.roll-order__date-question {
font-size: 16px;
letter-spacing: .39px;
line-height: 25px;
}
}
.roll-order__date-info {
color: #4a4a4a;
font-size: 16px;
font-weight: 400;
letter-spacing: .39px;
margin-left: 2px;
}
@media screen and (max-width: 991px) {
.roll-order__date-info br {
display: none;
}
}
.roll-order__date-calendar-wrapper {
position: relative;
margin-top: 29px;
max-width: 363px;
width: 100%;
}
@media screen and (max-width: 1024px) {
.roll-order__date-calendar-wrapper {
max-width: 315px;
}
}
.roll-order__date-calendar-icon {
position: absolute;
right: 16px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 24px;
height: 24px;
color: #281754;
z-index: 0;
}
.roll-order__date-calendar {
max-width: 363px;
width: 100%;
height: 50px;
color: #634e99;
font-size: 16px;
padding-left: 11px;
border: 1px solid #333;
border-radius: 3px;
z-index: 2;
position: relative;
background-color: transparent;
}
.roll-order__date-calendar::-webkit-input-placeholder {
color: #634e99;
font-size: 13px;
}
.roll-order__date-calendar::-moz-placeholder {
color: #634e99;
font-size: 13px;
}
.roll-order__date-calendar:-ms-input-placeholder {
color: #634e99;
font-size: 13px;
}
.roll-order__date-calendar::-ms-input-placeholder {
color: #634e99;
font-size: 13px;
}
.roll-order__date-calendar::placeholder {
color: #634e99;
font-size: 13px;
}
.datepicker-container {
max-width: 360px;
width: 100%;
height: 425px;
overflow: hidden;
font-family: "Lato", Arial, Helvetica, sans-serif;
margin-left: -20px;
padding: 15px 10px;
z-index: 9 !important;
}
@media screen and (max-width: 1024px) {
.datepicker-container {
max-width: 315px;
height: 325px;
}
}
@media screen and (max-width: 767px) {
.datepicker-container {
max-width: 300px;
margin-left: 0;
}
}
@media screen and (max-width: 430px) {
.datepicker-container {
max-width: 278px;
padding: 10px 5px;
}
}
@media screen and (max-width: 375px) {
.datepicker-container {
margin-left: -20px;
}
}
@media screen and (max-width: 350px) {
.datepicker-container {
margin-left: -35px;
}
}
@media screen and (max-width: 344px) {
.datepicker-container {
margin-left: 0;
}
}
.datepicker-container .datepicker-panel ul:first-of-type {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.datepicker-container .datepicker-panel > ul {
width: 100%;
}
.datepicker-container [data-view='month prev'],
.datepicker-container [data-view='month next'] {
display: none !important;
}
.datepicker-container [data-view='month current'] {
max-width: 100%;
width: 100%;
font-size: 20px;
color: #333;
letter-spacing: .49px;
line-height: 28px;
font-weight: 500;
}
.datepicker-container [data-view='week'] {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: space-evenly;
-webkit-justify-content: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
}
.datepicker-container [data-view='week'] li {
font-size: 20px;
line-height: 28px;
height: 60px;
width: 40px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
color: #4a4a4a;
text-transform: uppercase;
}
@media screen and (max-width: 1024px) {
.datepicker-container [data-view='week'] li {
height: 45px;
width: 25px;
}
}
@media screen and (max-width: 767px) {
.datepicker-container [data-view='week'] li {
width: 35px;
font-size: 18px;
}
}
@media screen and (max-width: 450px) {
.datepicker-container [data-view='week'] li {
width: 25px;
}
}
.datepicker-container [data-view='days'] {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.datepicker-container [data-view='day'],
.datepicker-container [data-view='day picked'],
.datepicker-container .muted,
.datepicker-container .disabled {
font-size: 16px;
letter-spacing: .49px;
line-height: 28px;
color: #4a4a4a;
height: 55px;
width: 47px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border: .5px solid #c9c9c9;
font-weight: 600;
}
@media screen and (max-width: 1024px) {
.datepicker-container [data-view='day'],
.datepicker-container [data-view='day picked'],
.datepicker-container .muted,
.datepicker-container .disabled {
height: 40px;
width: 40px;
}
}
@media screen and (max-width: 450px) {
.datepicker-container [data-view='day'],
.datepicker-container [data-view='day picked'],
.datepicker-container .muted,
.datepicker-container .disabled {
width: 35px;
}
}
.datepicker-container [data-view='day']:hover,
.datepicker-container [data-view='day picked']:hover,
.datepicker-container .muted:hover,
.datepicker-container .disabled:hover {
background-color: #f8f6ff;
color: #422d79;
}
.datepicker-container .muted,
.datepicker-container .disabled {
background-color: #c1c1c1 !important;
color: #4a4a4a !important;
}
.datepicker-container .muted:hover,
.datepicker-container .disabled:hover {
background-color: #c1c1c1 !important;
color: #4a4a4a !important;
}
.datepicker-container .datepicker-panel > ul > li.highlighted {
background-color: transparent;
}
.datepicker-container .datepicker-panel > ul > li.picked {
color: #fff;
font-size: 20px;
background-color: #8f7dbf;
font-weight: 500;
}
.datepicker-container .highlighted .picked {
color: #fff;
background-color: #422d79;
}
.roll-order__btn-wrapper {
padding-left: 40px;
}
@media screen and (max-width: 350px) {
.roll-order__btn-wrapper {
padding-left: 0;
}
}
.proba .btn {
display: inline-block;
cursor: pointer;
border: 1px solid #c1c1c1;
border-bottom: 2px solid #c1c1c1;
padding: 5px;
border-radius: 2px;
-webkit-transition: 250ms;
transition: 250ms;
font-size: 14px;
}
.proba .selected,
.proba .start {
font-size: 14px;
}
.proba .btn:hover {
background: #f1f1f1;
} .popup {
max-width: 967px;
width: 100%;
margin: 0 auto;
border: 1px solid #422d79;
-webkit-box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.75);
box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.75);
background-color: #fff;
padding: 42px 65px 42px 68px;
}
@media screen and (max-width: 1024px) {
.popup {
max-width: 693px;
padding: 51px 58px 41px 49px;
}
}
@media screen and (max-width: 640px) {
.popup {
max-width: 290px;
padding: 21px 30px 41px 27px;
}
}
.popup .entry-content p {
font-size: 16px;
font-weight: 500;
font-family: "Lato", Arial, Helvetica, sans-serif;
color: #333;
letter-spacing: .39px;
margin-bottom: 24px;
line-height: 24px;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.popup {
-webkit-box-shadow: 0 0 14px 1px rgba(0, 0, 0, 0.45);
box-shadow: 0 0 14px 1px rgba(0, 0, 0, 0.45);
}
}
.popup__content-title {
text-align: center;
letter-spacing: 1.06px;
margin-bottom: 38px;
}
@media screen and (max-width: 1024px) {
.popup__content-title {
font-size: 31px;
letter-spacing: .75px;
line-height: 43px;
margin-bottom: 32px;
}
}
@media screen and (max-width: 640px) {
.popup__content-title {
font-size: 30px;
letter-spacing: .74px;
line-height: 37px;
padding: 0 10px;
margin-bottom: 19px;
}
.popup__content-title br {
display: none;
}
}
.popup__content-bottom {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
margin-top: 5px;
}
@media screen and (max-width: 1024px) {
.popup__content-bottom {
padding-right: 43px;
margin-top: 6px;
}
}
@media screen and (max-width: 640px) {
.popup__content-bottom {
margin-top: 2px;
padding-right: 0;
}
}
.popup__content-bottom-check {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
max-width: 237px;
width: 100%;
padding-left: 5px;
margin-bottom: 28px;
}
@media screen and (max-width: 1024px) {
.popup__content-bottom-check {
margin-bottom: 17px;
}
}
@media screen and (max-width: 640px) {
.popup__content-bottom-check {
margin-left: 0;
}
}
.popup__content-bottom-check-text {
display: block;
font-size: 16px;
font-weight: 500;
letter-spacing: 0;
color: #333;
margin-bottom: 15px;
}
@media screen and (max-width: 1024px) {
.popup__content-bottom-check-text {
margin-bottom: 8px;
}
}
.popup__content-bottom-check-checkbox {
padding-left: 13px;
position: relative;
}
.popup__content-bottom-check-checkbox input {
display: none;
}
.popup__content-bottom-check-checkbox span {
color: #000;
font-family: "Open Sans", Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: 400;
margin-left: 11px;
-webkit-transition: 350ms ease-in-out;
transition: 350ms ease-in-out;
font-style: normal;
}
@media screen and (max-width: 1024px) {
.popup__content-bottom-check-checkbox span {
margin-left: 10px;
}
}
.popup__content-bottom-check-checkbox span:hover {
color: #422d79;
}
.popup__content-bottom-check-checkbox span::before {
content: '';
position: absolute;
top: 3px;
left: -1px;
width: 16px;
height: 16px;
border: 1px solid #333;
}
@media screen and (max-width: 1024px) {
.popup__content-bottom-check-checkbox span::before {
left: 1px;
}
}
.popup__content-bottom-check-checkbox span::after {
content: '';
position: absolute;
left: 6px;
top: -4px;
display: inline-block;
-webkit-transform: rotate(36deg) scale(0);
transform: rotate(36deg) scale(0);
height: 18px;
width: 9px;
border-bottom: 2px solid #422d79;
border-right: 2px solid #422d79;
-webkit-transition: 200ms ease-in-out;
transition: 200ms ease-in-out;
}
@media screen and (max-width: 1024px) {
.popup__content-bottom-check-checkbox span::after {
left: 7px;
}
}
.popup__content-bottom-check-checkbox input:checked + span::after {
-webkit-transform: rotate(36deg) scale(1);
transform: rotate(36deg) scale(1);
}
.popup__content-bottom-btn-wrapper {
padding-right: 5px;
}
@media screen and (max-width: 1024px) {
.popup__content-bottom-btn-wrapper {
padding-right: 0;
}
} .popup-products {
font-family: "Lato", Arial, Helvetica, sans-serif;
max-width: 967px;
width: 100%;
margin: 0 auto;
border: 1px solid #422d79;
-webkit-box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.75);
box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.75);
background-color: #fff;
padding: 34px 65px 31px 68px;
}
@media screen and (max-width: 1024px) {
.popup-products {
max-width: 693px;
padding: 51px 58px 73px 49px;
}
}
@media screen and (max-width: 640px) {
.popup-products {
max-width: 290px;
padding: 39px 30px 63px 27px;
}
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.popup-products {
-webkit-box-shadow: 0 0 14px 1px rgba(0, 0, 0, 0.45);
box-shadow: 0 0 14px 1px rgba(0, 0, 0, 0.45);
}
}
.popup-products__title {
text-align: center;
letter-spacing: 1.06px;
color: #422d79;
margin-bottom: 41px;
}
@media screen and (max-width: 1024px) {
.popup-products__title {
font-size: 31px;
letter-spacing: .75px;
line-height: 43px;
margin-bottom: 32px;
padding: 0 25px;
}
}
@media screen and (max-width: 640px) {
.popup-products__title {
font-size: 30px;
letter-spacing: .74px;
line-height: 37px;
padding: 0 9px;
margin-bottom: 48px;
}
.popup-products__title br {
display: none;
}
}
.popup-products__info {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 19px;
}
@media screen and (max-width: 1024px) {
.popup-products__info {
margin-bottom: 44px;
}
}
@media screen and (max-width: 640px) {
.popup-products__info {
margin-bottom: 52px;
}
}
.popup-products__info-subtitle {
font-size: 26px;
font-weight: 700;
letter-spacing: 1.25px;
color: #191d38;
margin-bottom: 5px;
}
.popup-products__info-subinfo {
display: inline-block;
font-size: 14px;
font-weight: 300;
color: #333;
letter-spacing: .3px;
}
.popup-products__box-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 60px;
}
@media screen and (max-width: 640px) {
.popup-products__box-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
}
.popup-products__box {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
max-width: 200px;
width: 100%;
margin: 0 50px;
}
@media screen and (max-width: 1024px) {
.popup-products__box {
margin: 0 28px;
}
}
@media screen and (max-width: 640px) {
.popup-products__box {
margin: 0 28px 55px;
}
.popup-products__box:last-of-type {
position: relative;
}
.popup-products__box:last-of-type::after {
content: '';
position: absolute;
bottom: -70px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
height: 1px;
width: 193px;
background-color: #d8d8d8;
}
}
.popup-products__box-title {
font-size: 23px;
font-weight: 700;
letter-spacing: .57px;
color: #422d79;
margin-bottom: 5px;
}
@media screen and (max-width: 1024px) {
.popup-products__box-title {
text-align: center;
padding: 0 15px;
margin-bottom: 14px;
}
}
@media screen and (max-width: 640px) {
.popup-products__box-title {
padding: 0 40px;
}
}
.popup-products__box-price {
font-size: 20px;
font-weight: 500;
letter-spacing: .34px;
color: #333;
margin-bottom: 15px;
}
@media screen and (max-width: 1024px) {
.popup-products__box-price {
margin-bottom: 25px;
}
}
@media screen and (max-width: 640px) {
.popup-products__box-price {
font-size: 17px;
}
}
.popup-products__box-img-wrapper {
margin-bottom: 26px;
height: 100px;
width: 100%;
}
@media screen and (max-width: 1024px) {
.popup-products__box-img-wrapper {
height: 52px;
margin-bottom: 19px;
}
}
@media screen and (max-width: 640px) {
.popup-products__box-img-wrapper {
height: 80px;
}
}
.popup-products__box-img {
height: 100%;
max-width: 153px;
margin: 0 auto;
}
@media screen and (max-width: 640px) {
.popup-products__box-img {
height: 100%;
}
}
@media screen and (max-width: 1024px) {
.popup-products__box-btn-wrapper .btn--border {
padding: 14px 10px;
min-width: 152px;
}
}
.popup-products__cur-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
@media screen and (max-width: 1024px) {
.popup-products__cur-wrapper {
padding-top: 5px;
}
}
.popup-products__cur {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
max-width: 387px;
width: 100%;
margin-bottom: 36px;
}
@media screen and (max-width: 1024px) {
.popup-products__cur {
max-width: 345px;
padding-left: 15px;
margin-bottom: 30px;
}
}
@media screen and (max-width: 640px) {
.popup-products__cur {
padding-left: 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 35px;
}
}
.popup-products__cur-img-wrapper {
width: 162px;
}
@media screen and (max-width: 1024px) {
.popup-products__cur-img-wrapper {
width: 135px;
}
}
.popup-products__cur-img {
max-height: 100%;
}
.popup-products__cur-info {
margin-left: 32px;
padding-top: 21px;
}
@media screen and (max-width: 1024px) {
.popup-products__cur-info {
margin-left: 25px;
padding-top: 12px;
}
}
@media screen and (max-width: 640px) {
.popup-products__cur-info {
padding-top: 19px;
margin-left: 0;
}
}
.popup-products__cur-info-title {
font-size: 23px;
font-weight: 700;
letter-spacing: .57px;
color: #422d79;
margin-bottom: 3px;
}
.popup-products__cur-info-price {
font-size: 14px;
font-weight: 500;
letter-spacing: .34px;
color: #333;
display: block;
text-align: center;
}
.popup-products__cur-link {
font-size: 20px;
font-weight: 500;
letter-spacing: .49px;
color: #422d79;
text-align: center;
display: inline-block;
position: relative;
-webkit-transition: 350ms ease;
transition: 350ms ease;
}
@media screen and (max-width: 640px) {
.popup-products__cur-link {
line-height: 32px;
text-decoration: underline;
}
.popup-products__cur-link::after {
display: none;
}
}
.popup-products__cur-link:hover {
-webkit-filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.4));
filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.4));
-webkit-transition: 350ms ease;
transition: 350ms ease;
}
.popup-products__cur-link::after {
content: '';
position: absolute;
bottom: 3px;
left: 0;
height: 1px;
width: 100%;
background-color: #422d79;
}  .privacy-policy {
font-family: "Open Sans", Arial, Helvetica, sans-serif;
padding: 10px 0 100px;
}
.privacy-policy .entry-content h2 {
margin-bottom: 15px;
font-size: 24px;
font-weight: 600;
}
.privacy-policy .entry-content h3 {
font-size: 18px;
margin-bottom: 15px;
font-weight: normal;
}
.privacy-policy .entry-content p {
font-size: 18px;
line-height: 30px;
}
@media screen and (max-width: 640px) {
.privacy-policy .entry-content p {
margin-bottom: 15px;
font-size: 16px;
}
} .alert-box {
background-color: #efe434;
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
min-height: 62px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
position: fixed;
left: 0;
top: 0;
z-index: 10;
-webkit-transition: 200ms ease-in-out;
transition: 200ms ease-in-out;
}
.alert-box__container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
padding: 0;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
@media screen and (max-width: 750px) {
.alert-box__container {
padding: 15px;
}
}
.alert-box__text {
margin-left: 0;
letter-spacing: 0;
font-family: "Lato", Arial, Helvetica, sans-serif;
font-size: 20px;
font-weight: 700;
text-transform: uppercase;
color: #333;
display: inline-block;
}
@media screen and (max-width: 1370px) {
.alert-box__text {
font-size: 18px;
}
}
@media screen and (max-width: 1260px) {
.alert-box__text {
font-size: 17px;
}
}
@media screen and (max-width: 1200px) {
.alert-box__text {
font-size: 16px;
}
}
@media screen and (max-width: 1150px) {
.alert-box__text {
font-size: 15px;
letter-spacing: 0;
}
}
@media screen and (max-width: 1024px) {
.alert-box__text {
font-size: 16px;
letter-spacing: .5px;
max-width: 550px;
text-align: center;
}
}
@media screen and (max-width: 780px) {
.alert-box__text {
font-size: 15px;
}
}
@media screen and (max-width: 750px) {
.alert-box__text {
line-height: 15px;
max-width: 290px;
width: 100%;
text-align: center;
margin-top: 1px;
font-size: 15px;
}
} .header-alert {
background-color: #efe434;
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
min-height: 62px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (max-width: 1024px) {
.header-alert {
min-height: 86px;
}
}
@media screen and (max-width: 750px) {
.header-alert {
min-height: 242px;
}
}
.header-alert-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 0 25px;
height: 100%;
}
@media screen and (max-width: 1100px) {
.header-alert-container {
padding: 0 15px;
}
}
@media screen and (max-width: 1024px) {
.header-alert-container {
padding: 0 25px;
}
}
@media screen and (max-width: 750px) {
.header-alert-container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 20px;
}
}
.header-alert-icon {
display: inline-block;
font-size: 45px;
margin-top: 7px;
margin-left: 22px;
}
@media screen and (max-width: 1350px) {
.header-alert-icon {
margin-left: 0;
}
}
@media screen and (max-width: 750px) {
.header-alert-icon {
margin-top: 0;
}
}
.header-alert-nav-icon {
font-size: 45px;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: -26px;
margin-top: 2px;
display: none;
-webkit-transition: 350ms ease;
transition: 350ms ease;
cursor: pointer;
}
@media screen and (max-width: 1200px) {
.header-alert-nav-icon {
padding-top: 10px;
left: -40px;
}
}
@media screen and (max-width: 640px) {
.header-alert-nav-icon {
padding-top: 12px;
left: -26px;
}
}
.header-alert-nav-icon--active {
display: inline-block;
-webkit-transition: 350ms ease;
transition: 350ms ease;
}
.header-alert-text {
font-family: "Lato", Arial, Helvetica, sans-serif;
font-size: 20px;
font-weight: 700;
text-transform: uppercase;
color: #333;
display: inline-block;
margin-left: 28px;
letter-spacing: .5px;
}
@media screen and (max-width: 1500px) {
.header-alert-text {
margin-left: 0;
}
}
@media screen and (max-width: 1370px) {
.header-alert-text {
font-size: 18px;
}
}
@media screen and (max-width: 1260px) {
.header-alert-text {
font-size: 17px;
}
}
@media screen and (max-width: 1200px) {
.header-alert-text {
font-size: 16px;
}
}
@media screen and (max-width: 1150px) {
.header-alert-text {
font-size: 15px;
letter-spacing: 0;
}
}
@media screen and (max-width: 1024px) {
.header-alert-text {
font-size: 16px;
letter-spacing: .5px;
max-width: 550px;
text-align: center;
}
}
@media screen and (max-width: 780px) {
.header-alert-text {
font-size: 15px;
}
}
@media screen and (max-width: 750px) {
.header-alert-text {
line-height: 25px;
max-width: 290px;
width: 100%;
text-align: center;
margin-top: 1px;
margin-bottom: 18px;
font-size: 16px;
}
}
@media screen and (max-width: 640px) {
.half-img__photo img {
object-fit: contain;
}
}
.header-alert-btn {
font-family: "Lato", Arial, Helvetica, sans-serif;
font-size: 17px;
font-weight: 400;
text-transform: uppercase;
color: #333;
min-height: 29px;
height: auto;
max-width: 95px;
width: 100%;
border: 2px solid #333;
padding: 2px 0;
display: inline-block;
text-align: center;
-webkit-transition: 350ms ease;
transition: 350ms ease;
}
.header-alert-btn:hover {
-webkit-box-shadow: 0 1px 2px #000;
box-shadow: 0 1px 2px #000;
-webkit-transition: 350ms ease;
transition: 350ms ease;
}
.header-alert-btn:focus {
-webkit-box-shadow: inset 0 1px 6px #000;
box-shadow: inset 0 1px 6px #000;
-webkit-transition: 350ms ease;
transition: 350ms ease;
} .page-id-171 #authnet-card-number {
width: 97%;
margin-right: 4%;
margin-top: 5px;
padding: 5px;
border-width: 1px;
}
.page-id-171 #authnet-card-expiry {
width: 85%;
margin-right: 4%;
margin-top: 5px;
padding: 5px;
border-width: 1px;
}
.page-id-171 #authnet-card-cvc {
width: 100%!important;
margin-right: 4%;
margin-top: 5px;
padding: 5px;
border-width: 1px;
}
.page-id-171 .payment_box p {
margin-left: 14px;
font-size: 20px;
font-weight: 500;
letter-spacing: .49px;
color: #333;
display: block;
margin-bottom: 15px;
}
.page-id-171 .form-row {
color: #422d79!important;
}
.page-id-171 .woocommerce-checkout .woocommerce-checkout-payment .wc-payment-form .form-row-last {
width: 50%!important;
} 
.page-id-171 .payment_box {
padding: 30px 0;
}
.page-id-171 [type='radio']:checked + label::before, .page-id-171 [type='radio']:not(:checked) + label::before, .page-id-171 [type='radio']:checked + label::after {
display: none!important;
}
.page-id-171 [type='radio']:checked ~ label {
width: 355px;
font-family: "Lato", Arial, Helvetica, sans-serif;
font-size: 30px;
font-weight: 500;
color: #333;
letter-spacing: .49px;
}
.page-id-171 [type='radio']:checked ~ label img {
display: inline-block;
width: 50px!important;
margin: 15px 0;
}
@media screen and (max-width: 750px) {
.page-id-171 [type='radio']:checked ~ label {
width: 325px;
font-size: 18px;
}
}
.page-id-171 .woocommerce-input-wrapper {
display:block;
margin-top: 15px;
}
.page-id-171 #wc-authorize-net-aim-emulation-account-number {
width: 90%;
}
.page-id-171 #wc-authorize-net-aim-emulation-expiry_field, .page-id-171 #wc-authorize-net-aim-emulation-csc_field {
width: 48%;
display: inline-block;
margin-top: 15px;
}
.page-id-171 #wc-authorize-net-aim-emulation-csc, .page-id-171 #wc-authorize-net-aim-emulation-expiry {
width: 82%;
}
.woocommerce-privacy-policy-text a {
font-weight: bold;
color: #422d79!important;
}
.empcontainer {
position: relative;
display: flex;
background-color: #f0f0f0;
justify-content: center;
align-items: center;
flex-wrap: wrap;
gap: 100px 50px;
padding: 75px 50px;
}
.empcontainer .custom-card {
position: relative;
display: flex;
justify-content: center;
align-items: flex-start;
width: 275px;
max-width: 100%;
height: 325px;
background: #422d79;
border-radius: 20px;
transition: 0.5s;
box-shadow: 0 35px 80px rgba(0, 0, 0, 0.15);
}
.empcontainer .custom-card .ribbon  {
width: 100px;
font-size: 14px;
padding: 4px;
position: absolute;
right: -25px;
top: -15px;
text-align: center;
border-radius: 25px;
transform: rotate(20deg);
background-color: #ff9800;
color: white;
}
.empcontainer .custom-card:hover {
height: 550px;
}
.empcontainer .custom-card .img-box {
position: absolute;
top: 20px;
width: 225px;
height: 220px;
background: #333;
border-radius: 12px;
overflow: hidden;
transition: 0.5s;
}
.empcontainer .custom-card:hover .img-box {
top: -100px;
scale: 0.75;
box-shadow: 0 15px 45px rgba(0, 0, 0, 0.2);
}
.empcontainer .custom-card .img-box img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.empcontainer .custom-card .custom-content {
position: absolute;
top: 252px;
width: 100%;
height: 70px;
padding: 0 30px;
text-align: center;
overflow: hidden;
transition: 0.5s;
}
.empcontainer .custom-card:hover .custom-content {
top: 130px;
height: 400px;
}
.empcontainer .custom-card .custom-content h2 {
font-size: 1.5rem;
font-weight: 700;
color: #fff;
}
.empcontainer .custom-card .custom-content p {
color: #fff;
}
.empcontainer .custom-card .custom-content a {
position: relative;
padding: 12px 25px;
display: inline-block;
text-decoration: none;
background: #efe434;;
color: #333;
font-weight: 700;
}
.empcontainer .custom-card .custom-content a:hover {
opacity: 0.8;
} 
body {
font-family:Arial, Helvetica, sans-serif;
}
p {
font-size: 16px;
line-height: 26px;
letter-spacing: 0.5px;
color: #484848;
}
a {
text-decoration:none;
}
.CAcontainer {
position: relative;
background-color: #fff;
align-items: center;
flex-wrap: wrap;
padding: 0px 30px 0px 30px;
}
header {
text-align: center;
display: block;
}
header .profileLogo .logoPlaceholder {
background-color: rgba(208,207,207,1.00);
width: 187px;
text-align: center;
}
header .logoPlaceholder span {
width: 80px;
height: 22px;
font-family: 'Montserrat', sans-serif;
color: rgba(255,255,255,1.00);
font-size: 30px;
font-weight: 700;
line-height: 53px;
}
header .profilePhoto {
width: 175px;
height: 175px;
margin: 30px 0;
clear: both;
}
header .profilePhoto .externalResourcesNav .externalResources {
display: inline-block;
text-align: center;
border: none;
border-radius: 8px;
background-color: #efe434;
color: #422d79;
padding: 13px 25px;
outline: none;
height: 48px;
-webkit-transition: 350ms ease;
transition: 350ms ease;
text-transform: uppercase;
font-weight: 600;
margin: 0px 0px 15px 0px;
cursor: pointer;
}
Header .profilePhoto .externalResourcesNav .externalResources:hover {
background-color: #efe434;
}
header .profileDetails {
font-family: sans-serif;
font-size: 14px;
font-weight: 400;
}
header .profileHeader h1 {
font-family: 'Montserrat', sans-serif;
font-size: 30px;
font-weight: 700;
line-height: 24px;
}
header .profileHeader h3 {
font-family: sans-serif;
font-size: 16px;
font-weight: 700;
line-height: 24px;
}
hr {
background-color: rgba(208,207,207,1.00);
height: 1px;
}
header .profileHeader p {
font-family: sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 1.8;
margin-bottom: 75px;
overflow-y: auto;
} .mainContent .section1 {
display: block;
padding: 10px 0px 0px 0px;
}
.section1 .sectionTitle, .section2 .sectionTitle {
font-family: 'Montserrat', sans-serif;
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
}
.section1 .sectionTitleRule, .section2 .sectionTitleRule {
margin: 0 3% 0 0;
float: left;
clear: both;
}
.section1 .sectionTitleRule2, .section2 .sectionTitleRule2 {
background-color: rgba(208,207,207,1.00);
height: 1px;
padding: 0px;
}
.mainContent .section1 .section1Content {
font-family: ProximaNova;
font-size: 16px;
font-weight: 400;
}
.mainContent .section1 .section1Content span {
font-family: sans-serif;
}
.section2 .sectionContentTitle {
font-family: sans-serif;
font-size: 18px;
font-weight: 700;
}
.section2 .sectionContentSubTitle {
font-family: sans-serif;
font-size: 14px;
font-weight: 400;
}
.section2 .sectionContent {
font-family: sans-serif;
font-size: 16px;
font-weight: 400;
}
.mainContent {
display: block;
}
.mainContent .externalResourcesNav .externalResources {
display: inline-block;
text-align: center;
border: none;
border-radius: 8px;
background-color: #efe434;
color: #422d79;
padding: 13px 55px;
outline: none;
min-width: 237px;
height: 48px;
-webkit-transition: 350ms ease;
transition: 350ms ease;
text-transform: uppercase;
font-weight: 600;
margin: 0px 0px 15px 0px;
cursor: pointer;
}
.mainContent .externalResourcesNav .externalResources:hover {
background-color: #efe434;
}
.externalResourcesNav .externalResources a {
font-family: 'Montserrat', sans-serif;
color: #422D79;
font-size: 14px;
font-weight: 600;
text-decoration: none;
}
.stretch {
content: '';
display: inline-block;
margin-left: 2%;
margin-right: 2%;
} @media only screen and (min-width : 285px) and (max-width : 767px) { header {
width: 100%;
float: none;
}
header .profileLogo .logoPlaceholder {
display: inline-block;
}
header .profilePhoto {
display: inline-block;
}
header .profileHeader {
text-align: center;
margin-top: 10%;
}
header .profileHeader p {
text-align: justify;
}
header .profileHeader h1 {
font-family: 'Montserrat', sans-serif;
color: rgba(146,146,146,1.00);
font-size: 24px;
font-weight: 700;
line-height: 30px;
}	
header .socialNetworkNavBar {
text-align: center;
display: block;
margin-top: 60px;
clear: both;
margin-bottom: 15%;
}
header .socialNetworkNavBar .socialNetworkNav {
width: 60px;
height: 60px;
display: inline-block;
margin-right: 23px;
} .mainContent .section1 {
text-align: center;
margin-bottom: 10%;
}
.section1 .section1Title, .section2 .section1Title {
text-align: center;
}
.section1 .sectionTitleRule, .section2 .sectionTitleRule {
width: 100%;
}
.section1 .sectionTitleRule2, .section2 .sectionTitleRule2 {
display: none;
}
.mainContent .section1 .section1Content {
display: inline-block;
text-align: left;
font-family: sans-serif;
text-align: justify;
}
.mainContent .section2 {
display: block;
text-align: center;
}
.section2 .section2Content {
margin-top: 10%;
text-align: justify;
margin-bottom: 10%;
}
.mainContent .externalResourcesNav {
margin-bottom: 10%;
}
.mainContent .externalResourcesNav .externalResources {
width: 100%;
height: 35px;
} footer {
display: block;
text-align: center;
font-family: sans-serif;
}
} @media only screen and (min-width : 768px) and (max-width : 1024px) { header {
width: 100%;
float: none;
}
header .profileLogo .logoPlaceholder {
display: block;
font-family: 'Montserrat', sans-serif;
}
header .profilePhoto {
float: left;
clear: both;
margin-right: 3%;
margin-top: 5%;
}
header .profileHeader {
text-align: left;
margin-top: 0%;
padding-top: 50px;
}
header .profileDetails {
font-family: sans-serif;
color: rgba(146,146,146,1.00);
font-size: 14px;
font-weight: 400;
}	
header .profileHeader h1 {
font-family: 'Montserrat', sans-serif;
color: rgba(146,146,146,1.00);
font-size: 30px;
font-weight: 700;
line-height: 40px;
} .section1 .section1Title, .section2 .section1Title {
text-align: center;
}
.section1 .sectionTitleRule, .section2 .sectionTitleRule {
width: 100%;
}
.section1 .sectionTitleRule2, .section2 .sectionTitleRule2 {
display: none;
}
.mainContent .section1 .section1Content {
display: block;
margin: 0% 0% 0% 20%;
font-family: sans-serif;
margin-top: 5%;
margin-bottom: 5%;
}
.mainContent .section2 {
clear: both;
}
.section2 .section2Content {
padding: 0px;
margin-left: 20%;
font-family: sans-serif;
margin-top: 5%;
margin-bottom: 5%;
}
.mainContent .externalResourcesNav {
margin-left: 20%;
margin-top: 40px;
margin-bottom: 40px;
text-align: center;
padding-top: 0px;
clear: both;
}
.mainContent .externalResourcesNav .externalResources {
width: 199px;
height: 48px;
margin-top: 5%;
} footer .footerDisclaimer {
float: left;
margin-left: 3%;
font-family: sans-serif;
}
footer .footerNote {
float: right;
margin-right: 3%;
font-family: sans-serif;
}
} @media only screen and (min-width:1025px) { header .profilePhoto {
float: left;
clear: both;
margin-right: 3%;
}
header .profileHeader {
text-align: left;
padding-top: 5%;
} .section1 .sectionTitleRule, .section2 .sectionTitleRule {
width: 22.5%;
}
.mainContent .section1 .section1Content {
display: block;
margin-top: 0%;
margin-right: 0%;
margin-left: 20%;
margin-bottom: 0%;
font-family: sans-serif;
}
.mainContent .section2 {
clear: both;
}
.section2 .section2Content {
padding: 0px;
margin-left: 20%;
font-family: sans-serif;
}
.mainContent .externalResourcesNav {
margin-top: 40px;
margin-bottom: 40px;
text-align: center;
padding-top: 0px;
clear: both;
}
.mainContent .externalResourcesNav .externalResources {
width: 199px;
height: 48px;
}