@charset "UTF-8";
 *,
*::before,
*::after {
box-sizing: border-box;
}
html {
font-family: sans-serif;
line-height: 1.15;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
display: block;
}
body {
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
text-align: left;
background-color: #fff;
}
[tabindex="-1"]:focus:not(:focus-visible) {
outline: 0 !important;
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
h1, h2, h3, h4, h5, h6 {
margin-top: 0;
margin-bottom: 0.5rem;
}
p {
margin-top: 0;
margin-bottom: 1rem;
}
abbr[title],
abbr[data-original-title] {
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
cursor: help;
border-bottom: 0;
-webkit-text-decoration-skip-ink: none;
text-decoration-skip-ink: none;
}
address {
margin-bottom: 1rem;
font-style: normal;
line-height: inherit;
}
ol,
ul,
dl {
margin-top: 0;
margin-bottom: 1rem;
}
ol ol,
ul ul,
ol ul,
ul ol {
margin-bottom: 0;
}
dt {
font-weight: 700;
}
dd {
margin-bottom: 0.5rem;
margin-left: 0;
}
.section-map.section-map-labs.wpage {
padding-top: 25px;
}
blockquote {
margin: 0 0 1rem;
}
b,
strong {
font-weight: bolder;
}
small {
font-size: 80%;
}
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
a {
color: #007bff;
text-decoration: none;
background-color: transparent;
}
a:hover {
color: #0056b3;
text-decoration: underline;
}
a:not([href]) {
color: inherit;
text-decoration: none;
}
a:not([href]):hover {
color: inherit;
text-decoration: none;
}
.price_text_explanation {
position: absolute;
margin: 14px;
}
pre,
code,
kbd,
samp {
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
font-size: 1em;
}
pre {
margin-top: 0;
margin-bottom: 1rem;
overflow: auto;
}
figure {
margin: 0 0 1rem;
}
img {
vertical-align: middle;
border-style: none;
}
svg {
overflow: hidden;
vertical-align: middle;
}
table {
border-collapse: collapse;
}
caption {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
color: #6c757d;
text-align: left;
caption-side: bottom;
}
th {
text-align: inherit;
}
label {
display: inline-block;
margin-bottom: 0.5rem;
}
button {
border-radius: 0;
}
button:focus {
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color;
}
input,
button,
select,
optgroup,
textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
select {
word-wrap: normal;
}
button,
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
}
button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
cursor: pointer;
}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
padding: 0;
border-style: none;
}
input[type=radio],
input[type=checkbox] {
box-sizing: border-box;
padding: 0;
}
input[type=date],
input[type=time],
input[type=datetime-local],
input[type=month] {
-webkit-appearance: listbox;
}
textarea {
overflow: auto;
resize: vertical;
}
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0;
}
legend {
display: block;
width: 100%;
max-width: 100%;
padding: 0;
margin-bottom: 0.5rem;
font-size: 1.5rem;
line-height: inherit;
color: inherit;
white-space: normal;
}
progress {
vertical-align: baseline;
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
}
[type=search] {
outline-offset: -2px;
-webkit-appearance: none;
}
[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button;
}
output {
display: inline-block;
}
summary {
display: list-item;
cursor: pointer;
}
template {
display: none;
}
[hidden] {
display: none !important;
} html {
box-sizing: border-box;
-ms-overflow-style: scrollbar;
}
*,
*::before,
*::after {
box-sizing: inherit;
}
.container {
width: 100%;
padding-right: 12px;
padding-left: 12px;
margin-right: auto;
margin-left: auto;
}
.single__lab .shared--mob {
display: none;
}
.section-contacts.gap .box-title {
font-weight: bold;
font-size: 36px;
line-height: 48px;
letter-spacing: 0.2px;
color: #1E1F1F;
}
.section-contacts.gap {
padding: 40px 0 48px;
background: #fff;
}
.single_content.labb .box-social-shared .shared-wrap {
display: none;
}
.single_content.labb .box-social-shared .shared-wrap.active {
display: block;
transition: all ease-in-out 300ms;
}
.single_content.labb .shared-wrap {
height: 36px;
}
.single_content.labb ul{
position: relative;
left: 15px;
margin-right: -15px;
}
.single_content.labb li{
font-weight: normal;
font-size: 16px;
line-height: 22px;
}
.btn.btn-grey {
width: 220px;
height: 40px;
line-height: 8px;
border: 2px solid #1E1F1F;
box-sizing: border-box;
font-weight: 500;
font-size: 13px;
text-align: center;
letter-spacing: 0.3px;
color: #1E1F1F;
}
.single_content img.size-large {
float: left;
padding: 0 48px 48px 0;
max-width: 60%;
max-height: 850px;
height: auto;
}
.single_content p {
font-size: 16px;
line-height: 22px;
}
.single_content h2 {
margin-bottom: 32px;
font-size: 20px;
line-height: 26px;
font-weight: 500;
}
.single_content .box-social-shared {
border: none;
}
.table__service .list-result .box-title .title:after {
content: '';
width: 10px;
height: 10px;
background: url(//evrocentr-avto.com.ua/wp-content/themes/center-avto/img/icons/arr_down.svg) center no-repeat;
position: relative;display:inline-block;
top: calc(50% - 5px);
left: 10px;
transform: rotateZ(180deg);
}
.table__service .list-result.hid .list.list-labs {
display: none;
transition: all ease-in-out 300ms;
}
.table__service .list-result.hid .box-title .title:after {
transform: rotateZ(0deg);
}
.table__service .list-result .box-title .title {
position: relative;
font-size: 15px;
line-height: 20px;
align-items: center;
letter-spacing: 0.1px;
color: #1E1F1F;
margin-bottom: 0;
cursor: pointer;
font-weight: 600;
}
.table__service .list-result .box-title {
padding: 10px 24px;
background: #88DBB1;
border-bottom: 1px solid #61b188;
}
.table__service .list-result {
width: 100%;
font-size: 16px;
line-height: 20px;
letter-spacing: 0.1px;
color: #1E1F1F;
}
.table__service .list.list-labs .item:first-child {
width: 40%;
}
.table__service .list.list-labs .item {
font-size: 16px;
line-height: 20px;
letter-spacing: 0.1px;
color: #1E1F1F;
}
.table__service .list.list-labs:hover {
background: #fff;
}
.table__service .list.list-labs {
border-bottom: 1px solid #c0c0c0;
padding: 20px 36px 20px 24px;
display: flex;
align-items: center;
justify-content: space-between;
cursor: pointer;
}
.table__service .title {
font-size: 36px;
line-height: 44px;
letter-spacing: 0.2px;
color: #1E1F1F;
margin-bottom: 24px;
}
.table__service {
padding: 64px 0;
background: #E5E5E5;
}
p.shared-date a img {
height: 21px;
margin-right: 7px;
}
p.shared-date a {
font-weight: 500;
font-size: 24px;
line-height: 26px;
letter-spacing: 0.1px;
color: #FFFFFF;
display: inline-block;
margin-right: 25px;
}
p.shared-date a:hover {
text-decoration: none;
color: #3984dd;
}
.single__lab .box-social-shared .shared a:hover {
border: 1px solid #3984dd;
color: #3984dd;
background: #fff !important;
box-sizing: border-box;
}
.single__lab .box-social-shared .shared a {
background: rgba(255, 255, 255, .1);
border: none;
color: #fff;
font-size: 16px;
line-height: 32px;
}
.single__lab .box-social-shared .shared {
background: transparent;
}
.single__lab .box-social-shared {
border: none;
margin-bottom: 15px;
}
.single__lab address {
font-size: 20px;
line-height: 26px;
letter-spacing: 0.1px;
color: #FFFFFF;
margin-bottom: 88px;
}
.single__lab h1 {
font-style: normal;
font-weight: bold;
font-size: 36px;
line-height: 44px;
letter-spacing: 0.2px;
position: relative;
color: #FFFFFF;
}
.single__lab h1:before {
content: "";
position: absolute;
width: 80px;
height: 4px;
background-color: #3984dd;
display: block;
left: -96px;
top: 18px;
}
.section-breadcrumbs.single__lab {
background-image: url(//evrocentr-avto.com.ua/wp-content/themes/center-avto/img/track.jpg);
background-size: cover;
background-position: center;
}
@media (min-width: 576px) {
.container {
max-width: 540px;
}
}
@media (min-width: 768px) {
.container {
max-width: 720px;
}
.section-why-are-we.list_trust .box-title {
flex-basis: 22% !important;
}
.section-why-are-we.list_trust .list {
display: block;
width: 70%;
margin-left: 5%;
}
}
.section-services .box-service_new{
position: relative;
height: auto !important;
}
.section-services .box-service_new .serv_btns{
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 30px;
justify-content: center;
}
.section-why-are-we .line-why .box-title .title br{
display: none;
}
.section-why-are-we .line-why .list .item a{
cursor: default;
}
.section-why-are-we .line-why .list .item a:hover{
text-decoration: none;
}
@media (min-width: 992px) {
.container {
max-width: 960px;
}
.home-first-screen .box-slider header .language-selector {
position: absolute !important;
right: 0;
}
.home-first-screen .box-slider header {
width: 100%;
max-width: 800px;
}
}
@media (min-width: 1150px) {
.container {
max-width: 1150px;
}
}
.container-fluid, .container-xl, .container-lg, .container-md, .container-sm {
width: 100%;
padding-right: 12px;
padding-left: 12px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 576px) {
.container-sm, .container {
max-width: 540px;
}
}
@media (min-width: 768px) {
.container-md, .container-sm, .container {
max-width: 720px;
}
}
@media (min-width: 992px) {
.container-lg, .container-md, .container-sm, .container {
max-width: 960px;
}
}
@media (min-width: 1150px) {
.container-xl, .container-lg, .container-md, .container-sm, .container {
max-width: 1150px;
}
}
.row {
display: flex;
flex-wrap: wrap;
margin-right: -12px;
margin-left: -12px;
}
.no-gutters {
margin-right: 0;
margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*=col-] {
padding-right: 0;
padding-left: 0;
}
.col-xl,
.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg,
.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md,
.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm,
.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col,
.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
position: relative;
width: 100%;
padding-right: 12px;
padding-left: 12px;
}
.col {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.row-cols-1 > * {
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-2 > * {
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-3 > * {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.row-cols-4 > * {
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-5 > * {
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-6 > * {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.col-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.col-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.col-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.col-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.col-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.col-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.col-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-first {
order: -1;
}
.order-last {
order: 13;
}
.order-0 {
order: 0;
}
.order-1 {
order: 1;
}
.order-2 {
order: 2;
}
.order-3 {
order: 3;
}
.order-4 {
order: 4;
}
.order-5 {
order: 5;
}
.order-6 {
order: 6;
}
.order-7 {
order: 7;
}
.order-8 {
order: 8;
}
.order-9 {
order: 9;
}
.order-10 {
order: 10;
}
.order-11 {
order: 11;
}
.order-12 {
order: 12;
}
.offset-1 {
margin-left: 8.3333333333%;
}
.offset-2 {
margin-left: 16.6666666667%;
}
.offset-3 {
margin-left: 25%;
}
.offset-4 {
margin-left: 33.3333333333%;
}
.offset-5 {
margin-left: 41.6666666667%;
}
.offset-6 {
margin-left: 50%;
}
.offset-7 {
margin-left: 58.3333333333%;
}
.offset-8 {
margin-left: 66.6666666667%;
}
.offset-9 {
margin-left: 75%;
}
.offset-10 {
margin-left: 83.3333333333%;
}
.offset-11 {
margin-left: 91.6666666667%;
}
@media (min-width: 576px) {
.col-sm {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.row-cols-sm-1 > * {
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-sm-2 > * {
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-sm-3 > * {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.row-cols-sm-4 > * {
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-sm-5 > * {
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-sm-6 > * {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-sm-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-sm-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.col-sm-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-sm-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-sm-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.col-sm-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.col-sm-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-sm-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.col-sm-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.col-sm-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-sm-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.col-sm-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.col-sm-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-sm-first {
order: -1;
}
.order-sm-last {
order: 13;
}
.order-sm-0 {
order: 0;
}
.order-sm-1 {
order: 1;
}
.order-sm-2 {
order: 2;
}
.order-sm-3 {
order: 3;
}
.order-sm-4 {
order: 4;
}
.order-sm-5 {
order: 5;
}
.order-sm-6 {
order: 6;
}
.order-sm-7 {
order: 7;
}
.order-sm-8 {
order: 8;
}
.order-sm-9 {
order: 9;
}
.order-sm-10 {
order: 10;
}
.order-sm-11 {
order: 11;
}
.order-sm-12 {
order: 12;
}
.offset-sm-0 {
margin-left: 0;
}
.offset-sm-1 {
margin-left: 8.3333333333%;
}
.offset-sm-2 {
margin-left: 16.6666666667%;
}
.offset-sm-3 {
margin-left: 25%;
}
.offset-sm-4 {
margin-left: 33.3333333333%;
}
.offset-sm-5 {
margin-left: 41.6666666667%;
}
.offset-sm-6 {
margin-left: 50%;
}
.offset-sm-7 {
margin-left: 58.3333333333%;
}
.offset-sm-8 {
margin-left: 66.6666666667%;
}
.offset-sm-9 {
margin-left: 75%;
}
.offset-sm-10 {
margin-left: 83.3333333333%;
}
.offset-sm-11 {
margin-left: 91.6666666667%;
}
}
@media (min-width: 768px) {
.col-md {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.row-cols-md-1 > * {
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-md-2 > * {
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-md-3 > * {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.row-cols-md-4 > * {
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-md-5 > * {
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-md-6 > * {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-md-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-md-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.col-md-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-md-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-md-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.col-md-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.col-md-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-md-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.col-md-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.col-md-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-md-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.col-md-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.col-md-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-md-first {
order: -1;
}
.order-md-last {
order: 13;
}
.order-md-0 {
order: 0;
}
.order-md-1 {
order: 1;
}
.order-md-2 {
order: 2;
}
.order-md-3 {
order: 3;
}
.order-md-4 {
order: 4;
}
.order-md-5 {
order: 5;
}
.order-md-6 {
order: 6;
}
.order-md-7 {
order: 7;
}
.order-md-8 {
order: 8;
}
.order-md-9 {
order: 9;
}
.order-md-10 {
order: 10;
}
.order-md-11 {
order: 11;
}
.order-md-12 {
order: 12;
}
.offset-md-0 {
margin-left: 0;
}
.offset-md-1 {
margin-left: 8.3333333333%;
}
.offset-md-2 {
margin-left: 16.6666666667%;
}
.offset-md-3 {
margin-left: 25%;
}
.offset-md-4 {
margin-left: 33.3333333333%;
}
.offset-md-5 {
margin-left: 41.6666666667%;
}
.offset-md-6 {
margin-left: 50%;
}
.offset-md-7 {
margin-left: 58.3333333333%;
}
.offset-md-8 {
margin-left: 66.6666666667%;
}
.offset-md-9 {
margin-left: 75%;
}
.offset-md-10 {
margin-left: 83.3333333333%;
}
.offset-md-11 {
margin-left: 91.6666666667%;
}
}
@media (min-width: 992px) {
.col-lg {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.row-cols-lg-1 > * {
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-lg-2 > * {
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-lg-3 > * {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.row-cols-lg-4 > * {
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-lg-5 > * {
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-lg-6 > * {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-lg-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-lg-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.col-lg-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-lg-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-lg-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.col-lg-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.col-lg-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-lg-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.col-lg-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.col-lg-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-lg-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.col-lg-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.col-lg-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-lg-first {
order: -1;
}
.order-lg-last {
order: 13;
}
.order-lg-0 {
order: 0;
}
.order-lg-1 {
order: 1;
}
.order-lg-2 {
order: 2;
}
.order-lg-3 {
order: 3;
}
.order-lg-4 {
order: 4;
}
.order-lg-5 {
order: 5;
}
.order-lg-6 {
order: 6;
}
.order-lg-7 {
order: 7;
}
.order-lg-8 {
order: 8;
}
.order-lg-9 {
order: 9;
}
.order-lg-10 {
order: 10;
}
.order-lg-11 {
order: 11;
}
.order-lg-12 {
order: 12;
}
.offset-lg-0 {
margin-left: 0;
}
.offset-lg-1 {
margin-left: 8.3333333333%;
}
.offset-lg-2 {
margin-left: 16.6666666667%;
}
.offset-lg-3 {
margin-left: 25%;
}
.offset-lg-4 {
margin-left: 33.3333333333%;
}
.offset-lg-5 {
margin-left: 41.6666666667%;
}
.offset-lg-6 {
margin-left: 50%;
}
.offset-lg-7 {
margin-left: 58.3333333333%;
}
.offset-lg-8 {
margin-left: 66.6666666667%;
}
.offset-lg-9 {
margin-left: 75%;
}
.offset-lg-10 {
margin-left: 83.3333333333%;
}
.offset-lg-11 {
margin-left: 91.6666666667%;
}
}
@media (min-width: 1150px) {
.col-xl {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.row-cols-xl-1 > * {
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-xl-2 > * {
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-xl-3 > * {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.row-cols-xl-4 > * {
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-xl-5 > * {
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-xl-6 > * {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-xl-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-xl-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.col-xl-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-xl-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-xl-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.col-xl-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.col-xl-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-xl-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.col-xl-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.col-xl-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-xl-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.col-xl-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.col-xl-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-xl-first {
order: -1;
}
.order-xl-last {
order: 13;
}
.order-xl-0 {
order: 0;
}
.order-xl-1 {
order: 1;
}
.order-xl-2 {
order: 2;
}
.order-xl-3 {
order: 3;
}
.order-xl-4 {
order: 4;
}
.order-xl-5 {
order: 5;
}
.order-xl-6 {
order: 6;
}
.order-xl-7 {
order: 7;
}
.order-xl-8 {
order: 8;
}
.order-xl-9 {
order: 9;
}
.order-xl-10 {
order: 10;
}
.order-xl-11 {
order: 11;
}
.order-xl-12 {
order: 12;
}
.offset-xl-0 {
margin-left: 0;
}
.offset-xl-1 {
margin-left: 8.3333333333%;
}
.offset-xl-2 {
margin-left: 16.6666666667%;
}
.offset-xl-3 {
margin-left: 25%;
}
.offset-xl-4 {
margin-left: 33.3333333333%;
}
.offset-xl-5 {
margin-left: 41.6666666667%;
}
.offset-xl-6 {
margin-left: 50%;
}
.offset-xl-7 {
margin-left: 58.3333333333%;
}
.offset-xl-8 {
margin-left: 66.6666666667%;
}
.offset-xl-9 {
margin-left: 75%;
}
.offset-xl-10 {
margin-left: 83.3333333333%;
}
.offset-xl-11 {
margin-left: 91.6666666667%;
}
}
.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: flex !important;
}
.d-inline-flex {
display: inline-flex !important;
}
@media (min-width: 576px) {
.d-sm-none {
display: none !important;
}
.d-sm-inline {
display: inline !important;
}
.d-sm-inline-block {
display: inline-block !important;
}
.d-sm-block {
display: block !important;
}
.d-sm-table {
display: table !important;
}
.d-sm-table-row {
display: table-row !important;
}
.d-sm-table-cell {
display: table-cell !important;
}
.d-sm-flex {
display: flex !important;
}
.d-sm-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 768px) {
.d-md-none {
display: none !important;
}
.d-md-inline {
display: inline !important;
}
.d-md-inline-block {
display: inline-block !important;
}
.d-md-block {
display: block !important;
}
.d-md-table {
display: table !important;
}
.d-md-table-row {
display: table-row !important;
}
.d-md-table-cell {
display: table-cell !important;
}
.d-md-flex {
display: flex !important;
}
.d-md-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 992px) {
.d-lg-none {
display: none !important;
}
.d-lg-inline {
display: inline !important;
}
.d-lg-inline-block {
display: inline-block !important;
}
.d-lg-block {
display: block !important;
}
.d-lg-table {
display: table !important;
}
.d-lg-table-row {
display: table-row !important;
}
.d-lg-table-cell {
display: table-cell !important;
}
.d-lg-flex {
display: flex !important;
}
.d-lg-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 1150px) {
.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: flex !important;
}
.d-xl-inline-flex {
display: inline-flex !important;
}
}
@media print {
.d-print-none {
display: none !important;
}
.d-print-inline {
display: inline !important;
}
.d-print-inline-block {
display: inline-block !important;
}
.d-print-block {
display: block !important;
}
.d-print-table {
display: table !important;
}
.d-print-table-row {
display: table-row !important;
}
.d-print-table-cell {
display: table-cell !important;
}
.d-print-flex {
display: flex !important;
}
.d-print-inline-flex {
display: inline-flex !important;
}
}
.flex-row {
flex-direction: row !important;
}
.flex-column {
flex-direction: column !important;
}
.flex-row-reverse {
flex-direction: row-reverse !important;
}
.flex-column-reverse {
flex-direction: column-reverse !important;
}
.flex-wrap {
flex-wrap: wrap !important;
}
.flex-nowrap {
flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.flex-fill {
flex: 1 1 auto !important;
}
.flex-grow-0 {
flex-grow: 0 !important;
}
.flex-grow-1 {
flex-grow: 1 !important;
}
.flex-shrink-0 {
flex-shrink: 0 !important;
}
.flex-shrink-1 {
flex-shrink: 1 !important;
}
.justify-content-start {
justify-content: flex-start !important;
}
.justify-content-end {
justify-content: flex-end !important;
}
.justify-content-center {
justify-content: center !important;
}
.justify-content-between {
justify-content: space-between !important;
}
.justify-content-around {
justify-content: space-around !important;
}
.align-items-start {
align-items: flex-start !important;
}
.align-items-end {
align-items: flex-end !important;
}
.align-items-center {
align-items: center !important;
}
.align-items-baseline {
align-items: baseline !important;
}
.align-items-stretch {
align-items: stretch !important;
}
.align-content-start {
align-content: flex-start !important;
}
.align-content-end {
align-content: flex-end !important;
}
.align-content-center {
align-content: center !important;
}
.align-content-between {
align-content: space-between !important;
}
.align-content-around {
align-content: space-around !important;
}
.align-content-stretch {
align-content: stretch !important;
}
.align-self-auto {
align-self: auto !important;
}
.align-self-start {
align-self: flex-start !important;
}
.align-self-end {
align-self: flex-end !important;
}
.align-self-center {
align-self: center !important;
}
.align-self-baseline {
align-self: baseline !important;
}
.align-self-stretch {
align-self: stretch !important;
}
@media (min-width: 576px) {
.flex-sm-row {
flex-direction: row !important;
}
.flex-sm-column {
flex-direction: column !important;
}
.flex-sm-row-reverse {
flex-direction: row-reverse !important;
}
.flex-sm-column-reverse {
flex-direction: column-reverse !important;
}
.flex-sm-wrap {
flex-wrap: wrap !important;
}
.flex-sm-nowrap {
flex-wrap: nowrap !important;
}
.flex-sm-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.flex-sm-fill {
flex: 1 1 auto !important;
}
.flex-sm-grow-0 {
flex-grow: 0 !important;
}
.flex-sm-grow-1 {
flex-grow: 1 !important;
}
.flex-sm-shrink-0 {
flex-shrink: 0 !important;
}
.flex-sm-shrink-1 {
flex-shrink: 1 !important;
}
.justify-content-sm-start {
justify-content: flex-start !important;
}
.justify-content-sm-end {
justify-content: flex-end !important;
}
.justify-content-sm-center {
justify-content: center !important;
}
.justify-content-sm-between {
justify-content: space-between !important;
}
.justify-content-sm-around {
justify-content: space-around !important;
}
.align-items-sm-start {
align-items: flex-start !important;
}
.align-items-sm-end {
align-items: flex-end !important;
}
.align-items-sm-center {
align-items: center !important;
}
.align-items-sm-baseline {
align-items: baseline !important;
}
.align-items-sm-stretch {
align-items: stretch !important;
}
.align-content-sm-start {
align-content: flex-start !important;
}
.align-content-sm-end {
align-content: flex-end !important;
}
.align-content-sm-center {
align-content: center !important;
}
.align-content-sm-between {
align-content: space-between !important;
}
.align-content-sm-around {
align-content: space-around !important;
}
.align-content-sm-stretch {
align-content: stretch !important;
}
.align-self-sm-auto {
align-self: auto !important;
}
.align-self-sm-start {
align-self: flex-start !important;
}
.align-self-sm-end {
align-self: flex-end !important;
}
.align-self-sm-center {
align-self: center !important;
}
.align-self-sm-baseline {
align-self: baseline !important;
}
.align-self-sm-stretch {
align-self: stretch !important;
}
}
@media (min-width: 768px) {
.flex-md-row {
flex-direction: row !important;
}
.flex-md-column {
flex-direction: column !important;
}
.flex-md-row-reverse {
flex-direction: row-reverse !important;
}
.flex-md-column-reverse {
flex-direction: column-reverse !important;
}
.flex-md-wrap {
flex-wrap: wrap !important;
}
.flex-md-nowrap {
flex-wrap: nowrap !important;
}
.flex-md-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.flex-md-fill {
flex: 1 1 auto !important;
}
.flex-md-grow-0 {
flex-grow: 0 !important;
}
.flex-md-grow-1 {
flex-grow: 1 !important;
}
.flex-md-shrink-0 {
flex-shrink: 0 !important;
}
.flex-md-shrink-1 {
flex-shrink: 1 !important;
}
.justify-content-md-start {
justify-content: flex-start !important;
}
.justify-content-md-end {
justify-content: flex-end !important;
}
.justify-content-md-center {
justify-content: center !important;
}
.justify-content-md-between {
justify-content: space-between !important;
}
.justify-content-md-around {
justify-content: space-around !important;
}
.align-items-md-start {
align-items: flex-start !important;
}
.align-items-md-end {
align-items: flex-end !important;
}
.align-items-md-center {
align-items: center !important;
}
.align-items-md-baseline {
align-items: baseline !important;
}
.align-items-md-stretch {
align-items: stretch !important;
}
.align-content-md-start {
align-content: flex-start !important;
}
.align-content-md-end {
align-content: flex-end !important;
}
.align-content-md-center {
align-content: center !important;
}
.align-content-md-between {
align-content: space-between !important;
}
.align-content-md-around {
align-content: space-around !important;
}
.align-content-md-stretch {
align-content: stretch !important;
}
.align-self-md-auto {
align-self: auto !important;
}
.align-self-md-start {
align-self: flex-start !important;
}
.align-self-md-end {
align-self: flex-end !important;
}
.align-self-md-center {
align-self: center !important;
}
.align-self-md-baseline {
align-self: baseline !important;
}
.align-self-md-stretch {
align-self: stretch !important;
}
}
@media (min-width: 992px) {
.flex-lg-row {
flex-direction: row !important;
}
.flex-lg-column {
flex-direction: column !important;
}
.flex-lg-row-reverse {
flex-direction: row-reverse !important;
}
.flex-lg-column-reverse {
flex-direction: column-reverse !important;
}
.flex-lg-wrap {
flex-wrap: wrap !important;
}
.flex-lg-nowrap {
flex-wrap: nowrap !important;
}
.flex-lg-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.flex-lg-fill {
flex: 1 1 auto !important;
}
.flex-lg-grow-0 {
flex-grow: 0 !important;
}
.flex-lg-grow-1 {
flex-grow: 1 !important;
}
.flex-lg-shrink-0 {
flex-shrink: 0 !important;
}
.flex-lg-shrink-1 {
flex-shrink: 1 !important;
}
.justify-content-lg-start {
justify-content: flex-start !important;
}
.justify-content-lg-end {
justify-content: flex-end !important;
}
.justify-content-lg-center {
justify-content: center !important;
}
.justify-content-lg-between {
justify-content: space-between !important;
}
.justify-content-lg-around {
justify-content: space-around !important;
}
.align-items-lg-start {
align-items: flex-start !important;
}
.align-items-lg-end {
align-items: flex-end !important;
}
.align-items-lg-center {
align-items: center !important;
}
.align-items-lg-baseline {
align-items: baseline !important;
}
.align-items-lg-stretch {
align-items: stretch !important;
}
.align-content-lg-start {
align-content: flex-start !important;
}
.align-content-lg-end {
align-content: flex-end !important;
}
.align-content-lg-center {
align-content: center !important;
}
.align-content-lg-between {
align-content: space-between !important;
}
.align-content-lg-around {
align-content: space-around !important;
}
.align-content-lg-stretch {
align-content: stretch !important;
}
.align-self-lg-auto {
align-self: auto !important;
}
.align-self-lg-start {
align-self: flex-start !important;
}
.align-self-lg-end {
align-self: flex-end !important;
}
.align-self-lg-center {
align-self: center !important;
}
.align-self-lg-baseline {
align-self: baseline !important;
}
.align-self-lg-stretch {
align-self: stretch !important;
}
}
@media (min-width: 1150px) {
.flex-xl-row {
flex-direction: row !important;
}
.flex-xl-column {
flex-direction: column !important;
}
.flex-xl-row-reverse {
flex-direction: row-reverse !important;
}
.flex-xl-column-reverse {
flex-direction: column-reverse !important;
}
.flex-xl-wrap {
flex-wrap: wrap !important;
}
.flex-xl-nowrap {
flex-wrap: nowrap !important;
}
.flex-xl-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.flex-xl-fill {
flex: 1 1 auto !important;
}
.flex-xl-grow-0 {
flex-grow: 0 !important;
}
.flex-xl-grow-1 {
flex-grow: 1 !important;
}
.flex-xl-shrink-0 {
flex-shrink: 0 !important;
}
.flex-xl-shrink-1 {
flex-shrink: 1 !important;
}
.justify-content-xl-start {
justify-content: flex-start !important;
}
.justify-content-xl-end {
justify-content: flex-end !important;
}
.justify-content-xl-center {
justify-content: center !important;
}
.justify-content-xl-between {
justify-content: space-between !important;
}
.justify-content-xl-around {
justify-content: space-around !important;
}
.align-items-xl-start {
align-items: flex-start !important;
}
.align-items-xl-end {
align-items: flex-end !important;
}
.align-items-xl-center {
align-items: center !important;
}
.align-items-xl-baseline {
align-items: baseline !important;
}
.align-items-xl-stretch {
align-items: stretch !important;
}
.align-content-xl-start {
align-content: flex-start !important;
}
.align-content-xl-end {
align-content: flex-end !important;
}
.align-content-xl-center {
align-content: center !important;
}
.align-content-xl-between {
align-content: space-between !important;
}
.align-content-xl-around {
align-content: space-around !important;
}
.align-content-xl-stretch {
align-content: stretch !important;
}
.align-self-xl-auto {
align-self: auto !important;
}
.align-self-xl-start {
align-self: flex-start !important;
}
.align-self-xl-end {
align-self: flex-end !important;
}
.align-self-xl-center {
align-self: center !important;
}
.align-self-xl-baseline {
align-self: baseline !important;
}
.align-self-xl-stretch {
align-self: stretch !important;
}
}
.m-0 {
margin: 0 !important;
}
.mt-0,
.my-0 {
margin-top: 0 !important;
}
.mr-0,
.mx-0 {
margin-right: 0 !important;
}
.mb-0,
.my-0 {
margin-bottom: 0 !important;
}
.ml-0,
.mx-0 {
margin-left: 0 !important;
}
.m-1 {
margin: 0.25rem !important;
}
.mt-1,
.my-1 {
margin-top: 0.25rem !important;
}
.mr-1,
.mx-1 {
margin-right: 0.25rem !important;
}
.mb-1,
.my-1 {
margin-bottom: 0.25rem !important;
}
.ml-1,
.mx-1 {
margin-left: 0.25rem !important;
}
.m-2 {
margin: 0.5rem !important;
}
.mt-2,
.my-2 {
margin-top: 0.5rem !important;
}
.mr-2,
.mx-2 {
margin-right: 0.5rem !important;
}
.mb-2,
.my-2 {
margin-bottom: 0.5rem !important;
}
.ml-2,
.mx-2 {
margin-left: 0.5rem !important;
}
.m-3 {
margin: 1rem !important;
}
.mt-3,
.my-3 {
margin-top: 1rem !important;
}
.mr-3,
.mx-3 {
margin-right: 1rem !important;
}
.mb-3,
.my-3 {
margin-bottom: 1rem !important;
}
.ml-3,
.mx-3 {
margin-left: 1rem !important;
}
.m-4 {
margin: 1.5rem !important;
}
.mt-4,
.my-4 {
margin-top: 1.5rem !important;
}
.mr-4,
.mx-4 {
margin-right: 1.5rem !important;
}
.mb-4,
.my-4 {
margin-bottom: 1.5rem !important;
}
.ml-4,
.mx-4 {
margin-left: 1.5rem !important;
}
.m-5 {
margin: 3rem !important;
}
.mt-5,
.my-5 {
margin-top: 3rem !important;
}
.mr-5,
.mx-5 {
margin-right: 3rem !important;
}
.mb-5,
.my-5 {
margin-bottom: 3rem !important;
}
.ml-5,
.mx-5 {
margin-left: 3rem !important;
}
.p-0 {
padding: 0 !important;
}
.pt-0,
.py-0 {
padding-top: 0 !important;
}
.pr-0,
.px-0 {
padding-right: 0 !important;
}
.pb-0,
.py-0 {
padding-bottom: 0 !important;
}
.pl-0,
.px-0 {
padding-left: 0 !important;
}
.p-1 {
padding: 0.25rem !important;
}
.pt-1,
.py-1 {
padding-top: 0.25rem !important;
}
.pr-1,
.px-1 {
padding-right: 0.25rem !important;
}
.pb-1,
.py-1 {
padding-bottom: 0.25rem !important;
}
.pl-1,
.px-1 {
padding-left: 0.25rem !important;
}
.p-2 {
padding: 0.5rem !important;
}
.pt-2,
.py-2 {
padding-top: 0.5rem !important;
}
.pr-2,
.px-2 {
padding-right: 0.5rem !important;
}
.pb-2,
.py-2 {
padding-bottom: 0.5rem !important;
}
.pl-2,
.px-2 {
padding-left: 0.5rem !important;
}
.p-3 {
padding: 1rem !important;
}
.pt-3,
.py-3 {
padding-top: 1rem !important;
}
.pr-3,
.px-3 {
padding-right: 1rem !important;
}
.pb-3,
.py-3 {
padding-bottom: 1rem !important;
}
.pl-3,
.px-3 {
padding-left: 1rem !important;
}
.p-4 {
padding: 1.5rem !important;
}
.pt-4,
.py-4 {
padding-top: 1.5rem !important;
}
.pr-4,
.px-4 {
padding-right: 1.5rem !important;
}
.pb-4,
.py-4 {
padding-bottom: 1.5rem !important;
}
.pl-4,
.px-4 {
padding-left: 1.5rem !important;
}
.p-5 {
padding: 3rem !important;
}
.pt-5,
.py-5 {
padding-top: 3rem !important;
}
.pr-5,
.px-5 {
padding-right: 3rem !important;
}
.pb-5,
.py-5 {
padding-bottom: 3rem !important;
}
.pl-5,
.px-5 {
padding-left: 3rem !important;
}
.m-n1 {
margin: -0.25rem !important;
}
.mt-n1,
.my-n1 {
margin-top: -0.25rem !important;
}
.mr-n1,
.mx-n1 {
margin-right: -0.25rem !important;
}
.mb-n1,
.my-n1 {
margin-bottom: -0.25rem !important;
}
.ml-n1,
.mx-n1 {
margin-left: -0.25rem !important;
}
.m-n2 {
margin: -0.5rem !important;
}
.mt-n2,
.my-n2 {
margin-top: -0.5rem !important;
}
.mr-n2,
.mx-n2 {
margin-right: -0.5rem !important;
}
.mb-n2,
.my-n2 {
margin-bottom: -0.5rem !important;
}
.ml-n2,
.mx-n2 {
margin-left: -0.5rem !important;
}
.m-n3 {
margin: -1rem !important;
}
.mt-n3,
.my-n3 {
margin-top: -1rem !important;
}
.mr-n3,
.mx-n3 {
margin-right: -1rem !important;
}
.mb-n3,
.my-n3 {
margin-bottom: -1rem !important;
}
.ml-n3,
.mx-n3 {
margin-left: -1rem !important;
}
.m-n4 {
margin: -1.5rem !important;
}
.mt-n4,
.my-n4 {
margin-top: -1.5rem !important;
}
.mr-n4,
.mx-n4 {
margin-right: -1.5rem !important;
}
.mb-n4,
.my-n4 {
margin-bottom: -1.5rem !important;
}
.ml-n4,
.mx-n4 {
margin-left: -1.5rem !important;
}
.m-n5 {
margin: -3rem !important;
}
.mt-n5,
.my-n5 {
margin-top: -3rem !important;
}
.mr-n5,
.mx-n5 {
margin-right: -3rem !important;
}
.mb-n5,
.my-n5 {
margin-bottom: -3rem !important;
}
.ml-n5,
.mx-n5 {
margin-left: -3rem !important;
}
.m-auto {
margin: auto !important;
}
.mt-auto,
.my-auto {
margin-top: auto !important;
}
.mr-auto,
.mx-auto {
margin-right: auto !important;
}
.mb-auto,
.my-auto {
margin-bottom: auto !important;
}
.ml-auto,
.mx-auto {
margin-left: auto !important;
}
@media (min-width: 576px) {
.m-sm-0 {
margin: 0 !important;
}
.mt-sm-0,
.my-sm-0 {
margin-top: 0 !important;
}
.mr-sm-0,
.mx-sm-0 {
margin-right: 0 !important;
}
.mb-sm-0,
.my-sm-0 {
margin-bottom: 0 !important;
}
.ml-sm-0,
.mx-sm-0 {
margin-left: 0 !important;
}
.m-sm-1 {
margin: 0.25rem !important;
}
.mt-sm-1,
.my-sm-1 {
margin-top: 0.25rem !important;
}
.mr-sm-1,
.mx-sm-1 {
margin-right: 0.25rem !important;
}
.mb-sm-1,
.my-sm-1 {
margin-bottom: 0.25rem !important;
}
.ml-sm-1,
.mx-sm-1 {
margin-left: 0.25rem !important;
}
.m-sm-2 {
margin: 0.5rem !important;
}
.mt-sm-2,
.my-sm-2 {
margin-top: 0.5rem !important;
}
.mr-sm-2,
.mx-sm-2 {
margin-right: 0.5rem !important;
}
.mb-sm-2,
.my-sm-2 {
margin-bottom: 0.5rem !important;
}
.ml-sm-2,
.mx-sm-2 {
margin-left: 0.5rem !important;
}
.m-sm-3 {
margin: 1rem !important;
}
.mt-sm-3,
.my-sm-3 {
margin-top: 1rem !important;
}
.mr-sm-3,
.mx-sm-3 {
margin-right: 1rem !important;
}
.mb-sm-3,
.my-sm-3 {
margin-bottom: 1rem !important;
}
.ml-sm-3,
.mx-sm-3 {
margin-left: 1rem !important;
}
.m-sm-4 {
margin: 1.5rem !important;
}
.mt-sm-4,
.my-sm-4 {
margin-top: 1.5rem !important;
}
.mr-sm-4,
.mx-sm-4 {
margin-right: 1.5rem !important;
}
.mb-sm-4,
.my-sm-4 {
margin-bottom: 1.5rem !important;
}
.ml-sm-4,
.mx-sm-4 {
margin-left: 1.5rem !important;
}
.m-sm-5 {
margin: 3rem !important;
}
.mt-sm-5,
.my-sm-5 {
margin-top: 3rem !important;
}
.mr-sm-5,
.mx-sm-5 {
margin-right: 3rem !important;
}
.mb-sm-5,
.my-sm-5 {
margin-bottom: 3rem !important;
}
.ml-sm-5,
.mx-sm-5 {
margin-left: 3rem !important;
}
.p-sm-0 {
padding: 0 !important;
}
.pt-sm-0,
.py-sm-0 {
padding-top: 0 !important;
}
.pr-sm-0,
.px-sm-0 {
padding-right: 0 !important;
}
.pb-sm-0,
.py-sm-0 {
padding-bottom: 0 !important;
}
.pl-sm-0,
.px-sm-0 {
padding-left: 0 !important;
}
.p-sm-1 {
padding: 0.25rem !important;
}
.pt-sm-1,
.py-sm-1 {
padding-top: 0.25rem !important;
}
.pr-sm-1,
.px-sm-1 {
padding-right: 0.25rem !important;
}
.pb-sm-1,
.py-sm-1 {
padding-bottom: 0.25rem !important;
}
.pl-sm-1,
.px-sm-1 {
padding-left: 0.25rem !important;
}
.p-sm-2 {
padding: 0.5rem !important;
}
.pt-sm-2,
.py-sm-2 {
padding-top: 0.5rem !important;
}
.pr-sm-2,
.px-sm-2 {
padding-right: 0.5rem !important;
}
.pb-sm-2,
.py-sm-2 {
padding-bottom: 0.5rem !important;
}
.pl-sm-2,
.px-sm-2 {
padding-left: 0.5rem !important;
}
.p-sm-3 {
padding: 1rem !important;
}
.pt-sm-3,
.py-sm-3 {
padding-top: 1rem !important;
}
.pr-sm-3,
.px-sm-3 {
padding-right: 1rem !important;
}
.pb-sm-3,
.py-sm-3 {
padding-bottom: 1rem !important;
}
.pl-sm-3,
.px-sm-3 {
padding-left: 1rem !important;
}
.p-sm-4 {
padding: 1.5rem !important;
}
.pt-sm-4,
.py-sm-4 {
padding-top: 1.5rem !important;
}
.pr-sm-4,
.px-sm-4 {
padding-right: 1.5rem !important;
}
.pb-sm-4,
.py-sm-4 {
padding-bottom: 1.5rem !important;
}
.pl-sm-4,
.px-sm-4 {
padding-left: 1.5rem !important;
}
.p-sm-5 {
padding: 3rem !important;
}
.pt-sm-5,
.py-sm-5 {
padding-top: 3rem !important;
}
.pr-sm-5,
.px-sm-5 {
padding-right: 3rem !important;
}
.pb-sm-5,
.py-sm-5 {
padding-bottom: 3rem !important;
}
.pl-sm-5,
.px-sm-5 {
padding-left: 3rem !important;
}
.m-sm-n1 {
margin: -0.25rem !important;
}
.mt-sm-n1,
.my-sm-n1 {
margin-top: -0.25rem !important;
}
.mr-sm-n1,
.mx-sm-n1 {
margin-right: -0.25rem !important;
}
.mb-sm-n1,
.my-sm-n1 {
margin-bottom: -0.25rem !important;
}
.ml-sm-n1,
.mx-sm-n1 {
margin-left: -0.25rem !important;
}
.m-sm-n2 {
margin: -0.5rem !important;
}
.mt-sm-n2,
.my-sm-n2 {
margin-top: -0.5rem !important;
}
.mr-sm-n2,
.mx-sm-n2 {
margin-right: -0.5rem !important;
}
.mb-sm-n2,
.my-sm-n2 {
margin-bottom: -0.5rem !important;
}
.ml-sm-n2,
.mx-sm-n2 {
margin-left: -0.5rem !important;
}
.m-sm-n3 {
margin: -1rem !important;
}
.mt-sm-n3,
.my-sm-n3 {
margin-top: -1rem !important;
}
.mr-sm-n3,
.mx-sm-n3 {
margin-right: -1rem !important;
}
.mb-sm-n3,
.my-sm-n3 {
margin-bottom: -1rem !important;
}
.ml-sm-n3,
.mx-sm-n3 {
margin-left: -1rem !important;
}
.m-sm-n4 {
margin: -1.5rem !important;
}
.mt-sm-n4,
.my-sm-n4 {
margin-top: -1.5rem !important;
}
.mr-sm-n4,
.mx-sm-n4 {
margin-right: -1.5rem !important;
}
.mb-sm-n4,
.my-sm-n4 {
margin-bottom: -1.5rem !important;
}
.ml-sm-n4,
.mx-sm-n4 {
margin-left: -1.5rem !important;
}
.m-sm-n5 {
margin: -3rem !important;
}
.mt-sm-n5,
.my-sm-n5 {
margin-top: -3rem !important;
}
.mr-sm-n5,
.mx-sm-n5 {
margin-right: -3rem !important;
}
.mb-sm-n5,
.my-sm-n5 {
margin-bottom: -3rem !important;
}
.ml-sm-n5,
.mx-sm-n5 {
margin-left: -3rem !important;
}
.m-sm-auto {
margin: auto !important;
}
.mt-sm-auto,
.my-sm-auto {
margin-top: auto !important;
}
.mr-sm-auto,
.mx-sm-auto {
margin-right: auto !important;
}
.mb-sm-auto,
.my-sm-auto {
margin-bottom: auto !important;
}
.ml-sm-auto,
.mx-sm-auto {
margin-left: auto !important;
}
}
@media (min-width: 768px) {
.m-md-0 {
margin: 0 !important;
}
.mt-md-0,
.my-md-0 {
margin-top: 0 !important;
}
.mr-md-0,
.mx-md-0 {
margin-right: 0 !important;
}
.mb-md-0,
.my-md-0 {
margin-bottom: 0 !important;
}
.ml-md-0,
.mx-md-0 {
margin-left: 0 !important;
}
.m-md-1 {
margin: 0.25rem !important;
}
.mt-md-1,
.my-md-1 {
margin-top: 0.25rem !important;
}
.mr-md-1,
.mx-md-1 {
margin-right: 0.25rem !important;
}
.mb-md-1,
.my-md-1 {
margin-bottom: 0.25rem !important;
}
.ml-md-1,
.mx-md-1 {
margin-left: 0.25rem !important;
}
.m-md-2 {
margin: 0.5rem !important;
}
.mt-md-2,
.my-md-2 {
margin-top: 0.5rem !important;
}
.mr-md-2,
.mx-md-2 {
margin-right: 0.5rem !important;
}
.mb-md-2,
.my-md-2 {
margin-bottom: 0.5rem !important;
}
.ml-md-2,
.mx-md-2 {
margin-left: 0.5rem !important;
}
.m-md-3 {
margin: 1rem !important;
}
.mt-md-3,
.my-md-3 {
margin-top: 1rem !important;
}
.mr-md-3,
.mx-md-3 {
margin-right: 1rem !important;
}
.mb-md-3,
.my-md-3 {
margin-bottom: 1rem !important;
}
.ml-md-3,
.mx-md-3 {
margin-left: 1rem !important;
}
.m-md-4 {
margin: 1.5rem !important;
}
.mt-md-4,
.my-md-4 {
margin-top: 1.5rem !important;
}
.mr-md-4,
.mx-md-4 {
margin-right: 1.5rem !important;
}
.mb-md-4,
.my-md-4 {
margin-bottom: 1.5rem !important;
}
.ml-md-4,
.mx-md-4 {
margin-left: 1.5rem !important;
}
.m-md-5 {
margin: 3rem !important;
}
.mt-md-5,
.my-md-5 {
margin-top: 3rem !important;
}
.mr-md-5,
.mx-md-5 {
margin-right: 3rem !important;
}
.mb-md-5,
.my-md-5 {
margin-bottom: 3rem !important;
}
.ml-md-5,
.mx-md-5 {
margin-left: 3rem !important;
}
.p-md-0 {
padding: 0 !important;
}
.pt-md-0,
.py-md-0 {
padding-top: 0 !important;
}
.pr-md-0,
.px-md-0 {
padding-right: 0 !important;
}
.pb-md-0,
.py-md-0 {
padding-bottom: 0 !important;
}
.pl-md-0,
.px-md-0 {
padding-left: 0 !important;
}
.p-md-1 {
padding: 0.25rem !important;
}
.pt-md-1,
.py-md-1 {
padding-top: 0.25rem !important;
}
.pr-md-1,
.px-md-1 {
padding-right: 0.25rem !important;
}
.pb-md-1,
.py-md-1 {
padding-bottom: 0.25rem !important;
}
.pl-md-1,
.px-md-1 {
padding-left: 0.25rem !important;
}
.p-md-2 {
padding: 0.5rem !important;
}
.pt-md-2,
.py-md-2 {
padding-top: 0.5rem !important;
}
.pr-md-2,
.px-md-2 {
padding-right: 0.5rem !important;
}
.pb-md-2,
.py-md-2 {
padding-bottom: 0.5rem !important;
}
.pl-md-2,
.px-md-2 {
padding-left: 0.5rem !important;
}
.p-md-3 {
padding: 1rem !important;
}
.pt-md-3,
.py-md-3 {
padding-top: 1rem !important;
}
.pr-md-3,
.px-md-3 {
padding-right: 1rem !important;
}
.pb-md-3,
.py-md-3 {
padding-bottom: 1rem !important;
}
.pl-md-3,
.px-md-3 {
padding-left: 1rem !important;
}
.p-md-4 {
padding: 1.5rem !important;
}
.pt-md-4,
.py-md-4 {
padding-top: 1.5rem !important;
}
.pr-md-4,
.px-md-4 {
padding-right: 1.5rem !important;
}
.pb-md-4,
.py-md-4 {
padding-bottom: 1.5rem !important;
}
.pl-md-4,
.px-md-4 {
padding-left: 1.5rem !important;
}
.p-md-5 {
padding: 3rem !important;
}
.pt-md-5,
.py-md-5 {
padding-top: 3rem !important;
}
.pr-md-5,
.px-md-5 {
padding-right: 3rem !important;
}
.pb-md-5,
.py-md-5 {
padding-bottom: 3rem !important;
}
.pl-md-5,
.px-md-5 {
padding-left: 3rem !important;
}
.m-md-n1 {
margin: -0.25rem !important;
}
.mt-md-n1,
.my-md-n1 {
margin-top: -0.25rem !important;
}
.mr-md-n1,
.mx-md-n1 {
margin-right: -0.25rem !important;
}
.mb-md-n1,
.my-md-n1 {
margin-bottom: -0.25rem !important;
}
.ml-md-n1,
.mx-md-n1 {
margin-left: -0.25rem !important;
}
.m-md-n2 {
margin: -0.5rem !important;
}
.mt-md-n2,
.my-md-n2 {
margin-top: -0.5rem !important;
}
.mr-md-n2,
.mx-md-n2 {
margin-right: -0.5rem !important;
}
.mb-md-n2,
.my-md-n2 {
margin-bottom: -0.5rem !important;
}
.ml-md-n2,
.mx-md-n2 {
margin-left: -0.5rem !important;
}
.m-md-n3 {
margin: -1rem !important;
}
.mt-md-n3,
.my-md-n3 {
margin-top: -1rem !important;
}
.mr-md-n3,
.mx-md-n3 {
margin-right: -1rem !important;
}
.mb-md-n3,
.my-md-n3 {
margin-bottom: -1rem !important;
}
.ml-md-n3,
.mx-md-n3 {
margin-left: -1rem !important;
}
.m-md-n4 {
margin: -1.5rem !important;
}
.mt-md-n4,
.my-md-n4 {
margin-top: -1.5rem !important;
}
.mr-md-n4,
.mx-md-n4 {
margin-right: -1.5rem !important;
}
.mb-md-n4,
.my-md-n4 {
margin-bottom: -1.5rem !important;
}
.ml-md-n4,
.mx-md-n4 {
margin-left: -1.5rem !important;
}
.m-md-n5 {
margin: -3rem !important;
}
.mt-md-n5,
.my-md-n5 {
margin-top: -3rem !important;
}
.mr-md-n5,
.mx-md-n5 {
margin-right: -3rem !important;
}
.mb-md-n5,
.my-md-n5 {
margin-bottom: -3rem !important;
}
.ml-md-n5,
.mx-md-n5 {
margin-left: -3rem !important;
}
.m-md-auto {
margin: auto !important;
}
.mt-md-auto,
.my-md-auto {
margin-top: auto !important;
}
.mr-md-auto,
.mx-md-auto {
margin-right: auto !important;
}
.mb-md-auto,
.my-md-auto {
margin-bottom: auto !important;
}
.ml-md-auto,
.mx-md-auto {
margin-left: auto !important;
}
}
@media (min-width: 992px) {
.m-lg-0 {
margin: 0 !important;
}
.mt-lg-0,
.my-lg-0 {
margin-top: 0 !important;
}
.mr-lg-0,
.mx-lg-0 {
margin-right: 0 !important;
}
.mb-lg-0,
.my-lg-0 {
margin-bottom: 0 !important;
}
.ml-lg-0,
.mx-lg-0 {
margin-left: 0 !important;
}
.m-lg-1 {
margin: 0.25rem !important;
}
.mt-lg-1,
.my-lg-1 {
margin-top: 0.25rem !important;
}
.mr-lg-1,
.mx-lg-1 {
margin-right: 0.25rem !important;
}
.mb-lg-1,
.my-lg-1 {
margin-bottom: 0.25rem !important;
}
.ml-lg-1,
.mx-lg-1 {
margin-left: 0.25rem !important;
}
.m-lg-2 {
margin: 0.5rem !important;
}
.mt-lg-2,
.my-lg-2 {
margin-top: 0.5rem !important;
}
.mr-lg-2,
.mx-lg-2 {
margin-right: 0.5rem !important;
}
.mb-lg-2,
.my-lg-2 {
margin-bottom: 0.5rem !important;
}
.ml-lg-2,
.mx-lg-2 {
margin-left: 0.5rem !important;
}
.m-lg-3 {
margin: 1rem !important;
}
.mt-lg-3,
.my-lg-3 {
margin-top: 1rem !important;
}
.mr-lg-3,
.mx-lg-3 {
margin-right: 1rem !important;
}
.mb-lg-3,
.my-lg-3 {
margin-bottom: 1rem !important;
}
.ml-lg-3,
.mx-lg-3 {
margin-left: 1rem !important;
}
.m-lg-4 {
margin: 1.5rem !important;
}
.mt-lg-4,
.my-lg-4 {
margin-top: 1.5rem !important;
}
.mr-lg-4,
.mx-lg-4 {
margin-right: 1.5rem !important;
}
.mb-lg-4,
.my-lg-4 {
margin-bottom: 1.5rem !important;
}
.ml-lg-4,
.mx-lg-4 {
margin-left: 1.5rem !important;
}
.m-lg-5 {
margin: 3rem !important;
}
.mt-lg-5,
.my-lg-5 {
margin-top: 3rem !important;
}
.mr-lg-5,
.mx-lg-5 {
margin-right: 3rem !important;
}
.mb-lg-5,
.my-lg-5 {
margin-bottom: 3rem !important;
}
.ml-lg-5,
.mx-lg-5 {
margin-left: 3rem !important;
}
.p-lg-0 {
padding: 0 !important;
}
.pt-lg-0,
.py-lg-0 {
padding-top: 0 !important;
}
.pr-lg-0,
.px-lg-0 {
padding-right: 0 !important;
}
.pb-lg-0,
.py-lg-0 {
padding-bottom: 0 !important;
}
.pl-lg-0,
.px-lg-0 {
padding-left: 0 !important;
}
.p-lg-1 {
padding: 0.25rem !important;
}
.pt-lg-1,
.py-lg-1 {
padding-top: 0.25rem !important;
}
.pr-lg-1,
.px-lg-1 {
padding-right: 0.25rem !important;
}
.pb-lg-1,
.py-lg-1 {
padding-bottom: 0.25rem !important;
}
.pl-lg-1,
.px-lg-1 {
padding-left: 0.25rem !important;
}
.p-lg-2 {
padding: 0.5rem !important;
}
.pt-lg-2,
.py-lg-2 {
padding-top: 0.5rem !important;
}
.pr-lg-2,
.px-lg-2 {
padding-right: 0.5rem !important;
}
.pb-lg-2,
.py-lg-2 {
padding-bottom: 0.5rem !important;
}
.pl-lg-2,
.px-lg-2 {
padding-left: 0.5rem !important;
}
.p-lg-3 {
padding: 1rem !important;
}
.pt-lg-3,
.py-lg-3 {
padding-top: 1rem !important;
}
.pr-lg-3,
.px-lg-3 {
padding-right: 1rem !important;
}
.pb-lg-3,
.py-lg-3 {
padding-bottom: 1rem !important;
}
.pl-lg-3,
.px-lg-3 {
padding-left: 1rem !important;
}
.p-lg-4 {
padding: 1.5rem !important;
}
.pt-lg-4,
.py-lg-4 {
padding-top: 1.5rem !important;
}
.pr-lg-4,
.px-lg-4 {
padding-right: 1.5rem !important;
}
.pb-lg-4,
.py-lg-4 {
padding-bottom: 1.5rem !important;
}
.pl-lg-4,
.px-lg-4 {
padding-left: 1.5rem !important;
}
.p-lg-5 {
padding: 3rem !important;
}
.pt-lg-5,
.py-lg-5 {
padding-top: 3rem !important;
}
.pr-lg-5,
.px-lg-5 {
padding-right: 3rem !important;
}
.pb-lg-5,
.py-lg-5 {
padding-bottom: 3rem !important;
}
.pl-lg-5,
.px-lg-5 {
padding-left: 3rem !important;
}
.m-lg-n1 {
margin: -0.25rem !important;
}
.mt-lg-n1,
.my-lg-n1 {
margin-top: -0.25rem !important;
}
.mr-lg-n1,
.mx-lg-n1 {
margin-right: -0.25rem !important;
}
.mb-lg-n1,
.my-lg-n1 {
margin-bottom: -0.25rem !important;
}
.ml-lg-n1,
.mx-lg-n1 {
margin-left: -0.25rem !important;
}
.m-lg-n2 {
margin: -0.5rem !important;
}
.mt-lg-n2,
.my-lg-n2 {
margin-top: -0.5rem !important;
}
.mr-lg-n2,
.mx-lg-n2 {
margin-right: -0.5rem !important;
}
.mb-lg-n2,
.my-lg-n2 {
margin-bottom: -0.5rem !important;
}
.ml-lg-n2,
.mx-lg-n2 {
margin-left: -0.5rem !important;
}
.m-lg-n3 {
margin: -1rem !important;
}
.mt-lg-n3,
.my-lg-n3 {
margin-top: -1rem !important;
}
.mr-lg-n3,
.mx-lg-n3 {
margin-right: -1rem !important;
}
.mb-lg-n3,
.my-lg-n3 {
margin-bottom: -1rem !important;
}
.ml-lg-n3,
.mx-lg-n3 {
margin-left: -1rem !important;
}
.m-lg-n4 {
margin: -1.5rem !important;
}
.mt-lg-n4,
.my-lg-n4 {
margin-top: -1.5rem !important;
}
.mr-lg-n4,
.mx-lg-n4 {
margin-right: -1.5rem !important;
}
.mb-lg-n4,
.my-lg-n4 {
margin-bottom: -1.5rem !important;
}
.ml-lg-n4,
.mx-lg-n4 {
margin-left: -1.5rem !important;
}
.m-lg-n5 {
margin: -3rem !important;
}
.mt-lg-n5,
.my-lg-n5 {
margin-top: -3rem !important;
}
.mr-lg-n5,
.mx-lg-n5 {
margin-right: -3rem !important;
}
.mb-lg-n5,
.my-lg-n5 {
margin-bottom: -3rem !important;
}
.ml-lg-n5,
.mx-lg-n5 {
margin-left: -3rem !important;
}
.m-lg-auto {
margin: auto !important;
}
.mt-lg-auto,
.my-lg-auto {
margin-top: auto !important;
}
.mr-lg-auto,
.mx-lg-auto {
margin-right: auto !important;
}
.mb-lg-auto,
.my-lg-auto {
margin-bottom: auto !important;
}
.ml-lg-auto,
.mx-lg-auto {
margin-left: auto !important;
}
}
@media (min-width: 1150px) {
.m-xl-0 {
margin: 0 !important;
}
.mt-xl-0,
.my-xl-0 {
margin-top: 0 !important;
}
.mr-xl-0,
.mx-xl-0 {
margin-right: 0 !important;
}
.mb-xl-0,
.my-xl-0 {
margin-bottom: 0 !important;
}
.ml-xl-0,
.mx-xl-0 {
margin-left: 0 !important;
}
.m-xl-1 {
margin: 0.25rem !important;
}
.mt-xl-1,
.my-xl-1 {
margin-top: 0.25rem !important;
}
.mr-xl-1,
.mx-xl-1 {
margin-right: 0.25rem !important;
}
.mb-xl-1,
.my-xl-1 {
margin-bottom: 0.25rem !important;
}
.ml-xl-1,
.mx-xl-1 {
margin-left: 0.25rem !important;
}
.m-xl-2 {
margin: 0.5rem !important;
}
.mt-xl-2,
.my-xl-2 {
margin-top: 0.5rem !important;
}
.mr-xl-2,
.mx-xl-2 {
margin-right: 0.5rem !important;
}
.mb-xl-2,
.my-xl-2 {
margin-bottom: 0.5rem !important;
}
.ml-xl-2,
.mx-xl-2 {
margin-left: 0.5rem !important;
}
.m-xl-3 {
margin: 1rem !important;
}
.mt-xl-3,
.my-xl-3 {
margin-top: 1rem !important;
}
.mr-xl-3,
.mx-xl-3 {
margin-right: 1rem !important;
}
.mb-xl-3,
.my-xl-3 {
margin-bottom: 1rem !important;
}
.ml-xl-3,
.mx-xl-3 {
margin-left: 1rem !important;
}
.m-xl-4 {
margin: 1.5rem !important;
}
.mt-xl-4,
.my-xl-4 {
margin-top: 1.5rem !important;
}
.mr-xl-4,
.mx-xl-4 {
margin-right: 1.5rem !important;
}
.mb-xl-4,
.my-xl-4 {
margin-bottom: 1.5rem !important;
}
.ml-xl-4,
.mx-xl-4 {
margin-left: 1.5rem !important;
}
.m-xl-5 {
margin: 3rem !important;
}
.mt-xl-5,
.my-xl-5 {
margin-top: 3rem !important;
}
.mr-xl-5,
.mx-xl-5 {
margin-right: 3rem !important;
}
.mb-xl-5,
.my-xl-5 {
margin-bottom: 3rem !important;
}
.ml-xl-5,
.mx-xl-5 {
margin-left: 3rem !important;
}
.p-xl-0 {
padding: 0 !important;
}
.pt-xl-0,
.py-xl-0 {
padding-top: 0 !important;
}
.pr-xl-0,
.px-xl-0 {
padding-right: 0 !important;
}
.pb-xl-0,
.py-xl-0 {
padding-bottom: 0 !important;
}
.pl-xl-0,
.px-xl-0 {
padding-left: 0 !important;
}
.p-xl-1 {
padding: 0.25rem !important;
}
.pt-xl-1,
.py-xl-1 {
padding-top: 0.25rem !important;
}
.pr-xl-1,
.px-xl-1 {
padding-right: 0.25rem !important;
}
.pb-xl-1,
.py-xl-1 {
padding-bottom: 0.25rem !important;
}
.pl-xl-1,
.px-xl-1 {
padding-left: 0.25rem !important;
}
.p-xl-2 {
padding: 0.5rem !important;
}
.pt-xl-2,
.py-xl-2 {
padding-top: 0.5rem !important;
}
.pr-xl-2,
.px-xl-2 {
padding-right: 0.5rem !important;
}
.pb-xl-2,
.py-xl-2 {
padding-bottom: 0.5rem !important;
}
.pl-xl-2,
.px-xl-2 {
padding-left: 0.5rem !important;
}
.p-xl-3 {
padding: 1rem !important;
}
.pt-xl-3,
.py-xl-3 {
padding-top: 1rem !important;
}
.pr-xl-3,
.px-xl-3 {
padding-right: 1rem !important;
}
.pb-xl-3,
.py-xl-3 {
padding-bottom: 1rem !important;
}
.pl-xl-3,
.px-xl-3 {
padding-left: 1rem !important;
}
.p-xl-4 {
padding: 1.5rem !important;
}
.pt-xl-4,
.py-xl-4 {
padding-top: 1.5rem !important;
}
.pr-xl-4,
.px-xl-4 {
padding-right: 1.5rem !important;
}
.pb-xl-4,
.py-xl-4 {
padding-bottom: 1.5rem !important;
}
.pl-xl-4,
.px-xl-4 {
padding-left: 1.5rem !important;
}
.p-xl-5 {
padding: 3rem !important;
}
.pt-xl-5,
.py-xl-5 {
padding-top: 3rem !important;
}
.pr-xl-5,
.px-xl-5 {
padding-right: 3rem !important;
}
.pb-xl-5,
.py-xl-5 {
padding-bottom: 3rem !important;
}
.pl-xl-5,
.px-xl-5 {
padding-left: 3rem !important;
}
.m-xl-n1 {
margin: -0.25rem !important;
}
.mt-xl-n1,
.my-xl-n1 {
margin-top: -0.25rem !important;
}
.mr-xl-n1,
.mx-xl-n1 {
margin-right: -0.25rem !important;
}
.mb-xl-n1,
.my-xl-n1 {
margin-bottom: -0.25rem !important;
}
.ml-xl-n1,
.mx-xl-n1 {
margin-left: -0.25rem !important;
}
.m-xl-n2 {
margin: -0.5rem !important;
}
.mt-xl-n2,
.my-xl-n2 {
margin-top: -0.5rem !important;
}
.mr-xl-n2,
.mx-xl-n2 {
margin-right: -0.5rem !important;
}
.mb-xl-n2,
.my-xl-n2 {
margin-bottom: -0.5rem !important;
}
.ml-xl-n2,
.mx-xl-n2 {
margin-left: -0.5rem !important;
}
.m-xl-n3 {
margin: -1rem !important;
}
.mt-xl-n3,
.my-xl-n3 {
margin-top: -1rem !important;
}
.mr-xl-n3,
.mx-xl-n3 {
margin-right: -1rem !important;
}
.mb-xl-n3,
.my-xl-n3 {
margin-bottom: -1rem !important;
}
.ml-xl-n3,
.mx-xl-n3 {
margin-left: -1rem !important;
}
.m-xl-n4 {
margin: -1.5rem !important;
}
.mt-xl-n4,
.my-xl-n4 {
margin-top: -1.5rem !important;
}
.mr-xl-n4,
.mx-xl-n4 {
margin-right: -1.5rem !important;
}
.mb-xl-n4,
.my-xl-n4 {
margin-bottom: -1.5rem !important;
}
.ml-xl-n4,
.mx-xl-n4 {
margin-left: -1.5rem !important;
}
.m-xl-n5 {
margin: -3rem !important;
}
.mt-xl-n5,
.my-xl-n5 {
margin-top: -3rem !important;
}
.mr-xl-n5,
.mx-xl-n5 {
margin-right: -3rem !important;
}
.mb-xl-n5,
.my-xl-n5 {
margin-bottom: -3rem !important;
}
.ml-xl-n5,
.mx-xl-n5 {
margin-left: -3rem !important;
}
.m-xl-auto {
margin: auto !important;
}
.mt-xl-auto,
.my-xl-auto {
margin-top: auto !important;
}
.mr-xl-auto,
.mx-xl-auto {
margin-right: auto !important;
}
.mb-xl-auto,
.my-xl-auto {
margin-bottom: auto !important;
}
.ml-xl-auto,
.mx-xl-auto {
margin-left: auto !important;
}
}
html, body {
height: 100%;
margin: 0;
padding: 0;
}
body {
position: relative;
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: normal;
font-size: 13px;
line-height: 18px;
letter-spacing: 0.1px;
color: #1E1F1F;
}
.hidden {
overflow: hidden;
}
.page-content {
position: relative;
flex: 1 1;
overflow: hidden;
display: flex;
flex-direction: column;
}
.page-content.page-content-visible {
overflow: visible;
}
.site-global-wrapper {
display: flex;
flex-direction: column;
min-height: 100%;
margin: auto;
position: relative;
overflow-x: hidden;
}
h1, h2, h3, h4, h5, .title {
font-style: normal;
font-weight: bold;
font-family: "Montserrat", sans-serif;
}
section {
position: relative;
}
.bg-section {
display: block;
width: 100%;
z-index: -1;
}
.bg-img-section {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.bg-green {
background-color: #3984dd;
}
.bg-blue {
background-color: #F3F6FA;
}
.overlay {
position: fixed;
top: 0;
left: 0;
z-index: -15;
display: block;
width: 100%;
height: 100%;
background: rgba(30, 31, 31, 0.5);
cursor: pointer;
opacity: 0;
transition: all 0.3s ease-in-out;
}
.overlay.show {
z-index: 15;
opacity: 1;
}
.line {
display: flex;
}
.line-reverse {
flex-direction: row-reverse;
}
.column {
display: flex;
flex-direction: column;
}
button {
cursor: pointer;
display: block;
}
.btn {
display: inline-block;
cursor: pointer;
background: none;
outline: none;
border: none;
margin: 0;
padding: 0;
text-align: center;
transition: all 0.3s ease-in-out;
padding: 14px 10px;
border-radius: 0;
font-weight: 500;
font-size: 16px;
line-height: normal;
max-width: 188px;
width: 100%;
}
@media screen and (max-width: 991px) {
.btn {
padding: 10px 10px;
}
}
.btn:hover, .btn:focus, .btn:active {
text-decoration: none;
outline: none;
}
.btn-green {
background-color: #3984dd;
color: #fff;
}
.btn-green:hover, .btn-green.active {
color: #fff;
background-color: #3984dd;
}
.btn-white {
background-color: #fff;
color: #3984dd;
}
.btn-white:hover, .btn-white.active {
color: #fff;
background-color: #3984dd;
}
.btn-dark {
background-color: #191A1B;
color: #fff;
border: 1px solid #fff;
}
.btn-dark:hover, .btn-dark.active {
color: #191A1B;
background-color: #fff;
}
.btn-green-hollow {
background-color: transparent;
color: #fff;
border: 2px solid #fff;
}
.btn-green-hollow:hover, .btn-green-hollow.active {
color: #fff;
background-color: #3984dd;
border-color: #3984dd;
}
.btn-link {
display: flex;
align-items: center;
font-size: 14px;
color: #3984dd;
transition: all 0.3s ease-in-out;
}
.btn-link:hover {
color: #3984dd;
text-decoration: none;
}
.btn-link i {
margin-left: 5px;
}
select {
border-radius: 0;
}
.home-first-screen .box-info {
flex-basis: 34.2%;
max-width: 34.2%;
display: flex;
justify-content: flex-end;
}
@media screen and (max-width: 1199px) {
.home-first-screen .box-info {
flex-basis: 30%;
max-width: 30%;
}
}
@media screen and (max-width: 1120px) {
.home-first-screen .box-info {
flex-basis: 25%;
max-width: 25%;
}
}
@media screen and (max-width: 767px) {
.home-first-screen .box-info {
display: none;
}
}
.home-first-screen .box-info .wrap-content {
color: #fff;
padding: 20px 20px;
max-width: 283px;
width: 100%;
}
@media screen and (max-width: 1120px) {
.home-first-screen .box-info .wrap-content {
padding: 15px 15px;
}
}
@media screen and (max-width: 865px) {
.home-first-screen .box-info .wrap-content {
padding: 10px 10px;
}
}
.home-first-screen .box-info .wrap-content .logo {
margin-bottom: 9px;
}
@media screen and (max-width: 1120px) {
.home-first-screen .box-info .wrap-content .logo {
display: block;
max-width: 217px;
width: 100%;
}
}
@media screen and (max-width: 865px) {
.home-first-screen .box-info .wrap-content .logo {
margin-bottom: 5px;
}
}
.home-first-screen .box-info .wrap-content .slogan {
margin-bottom: 9px;
}
@media screen and (max-width: 865px) {
.home-first-screen .box-info .wrap-content .slogan {
margin-bottom: 5px;
}
}
@media screen and (max-width: 815px) {
.home-first-screen .box-info .wrap-content .slogan {
font-size: 12px;
}
}
.home-first-screen .box-info .wrap-content .time {
margin-bottom: 34px;
}
@media screen and (max-width: 1350px) {
.home-first-screen .box-info .wrap-content .time {
margin-bottom: 20px;
}
}
@media screen and (max-width: 865px) {
.home-first-screen .box-info .wrap-content .time {
margin-bottom: 10px;
}
}
@media screen and (max-width: 815px) {
.home-first-screen .box-info .wrap-content .time {
font-size: 12px;
}
}
.home-first-screen .box-info .wrap-content nav ul {
list-style: none;
margin: 0;
padding: 0;
}
.home-first-screen .box-info .wrap-content nav ul li {
margin-bottom: 18px;
}
@media screen and (max-width: 1350px) {
.home-first-screen .box-info .wrap-content nav ul li {
margin-bottom: 12px;
}
}
@media screen and (max-width: 1120px) {
.home-first-screen .box-info .wrap-content nav ul li {
margin-bottom: 10px;
}
}
@media screen and (max-width: 991px) {
.home-first-screen .box-info .wrap-content nav ul li {
margin-bottom: 5px;
}
}
.home-first-screen .box-info .wrap-content nav ul li:last-child {
margin-bottom: 0;
}
.home-first-screen .box-info .wrap-content nav ul li a {
font-family: "Rubik", sans-serif;
font-weight: 500;
font-size: 16px;
display: flex;
color: #fff;
transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 1350px) {
.home-first-screen .box-info .wrap-content nav ul li a {
font-size: 14px;
}
}
.home-first-screen .box-info .wrap-content nav ul li a:hover {
text-decoration: none;
}
.home-first-screen .box-info .wrap-content nav ul li a img {
display: block;
margin-right: 10px;
}
.home-first-screen .box-slider {
position: relative;
flex-basis: 65.8%;
max-width: 65.8%;
}
@media screen and (max-width: 1199px) {
.home-first-screen .box-slider {
flex-basis: 70%;
max-width: 70%;
}
}
@media screen and (max-width: 1120px) {
.home-first-screen .box-slider {
flex-basis: 75%;
max-width: 75%;
}
}
@media screen and (max-width: 767px) {
.home-first-screen .box-slider {
flex-basis: 100%;
max-width: 100%;
}
}
.home-first-screen .box-slider header {
position: absolute;
display: flex;
z-index: 2;
top: 25px;
left: 48px;
align-items: center;
}
@media screen and (max-width: 1350px) {
.home-first-screen .box-slider header {
top: 20px;
left: 30px;
}
}
@media screen and (max-width: 1120px) {
.home-first-screen .box-slider header {
top: 15px;
left: 20px;
}
}
@media screen and (max-width: 815px) {
.home-first-screen .box-slider header {
top: 15px;
left: 15px;
}
}
@media screen and (max-width: 767px) {
.home-first-screen .box-slider header {
position: relative;
top: unset;
left: unset;
padding: 10px 15px;
justify-content: space-between;
}
}
@media screen and (max-width: 575px) {
.home-first-screen .box-slider header {
padding: 9px 15px;
}
}
.home-first-screen .box-slider header .logo {
display: none;
}
.section-why-are-we .line-why .list .item:nth-child(3),.section-why-are-we .line-why .list .item:last-child{
display: none;
}
@media screen and (max-width: 767px) {
.home-first-screen .box-slider header .logo {
display: block;
}
.home-first-screen .box-slider header .logo img {
display: none;
}
.home-first-screen .box-slider header .logo img.logo-dark {
display: block;
}
}
.home-first-screen .box-slider header nav {
margin-right: 54px;
margin-top: 3px;
}
@media screen and (max-width: 1350px) {
.home-first-screen .box-slider header nav {
margin-right: 40px;
margin-top: 0px;
}
}
@media screen and (max-width: 1120px) {
.home-first-screen .box-slider header nav {
margin-right: 30px;
}
}
@media screen and (max-width: 991px) {
.home-first-screen .box-slider header nav {
margin-right: 20px;
}
}
@media screen and (max-width: 767px) {
.home-first-screen .box-slider header nav {
display: none;
}
}
.home-first-screen .box-slider header nav ul {
list-style: none;
padding: 0;
margin: 0;
display: flex;
}
.home-first-screen .box-slider header nav ul li {
margin-right: 20px;
position: relative;
}
.anr_captcha_field{
display: none !important;
}
.home-first-screen .box-slider header nav ul li.menu-item-object-custom a{
position: relative;
border: 1px solid #3985DD;
font-size: 12px;
line-height: 20px;
text-align: center;
padding-left: 29px;
padding-right: 10px;
color: #3985DD;
background: #fff;
}
.home-first-screen .box-slider header nav ul li.menu-item-object-custom a::before{
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
background: url(//evrocentr-avto.com.ua/ru//wp-content/themes/center-avto/img/check_sert.svg) top center no-repeat;
width: 15px;
height: 19px;
left: 10px;
}
.home-first-screen .box-slider header nav ul li.menu-item-object-custom a:hover:before{
height: 19px;
}
@media screen and (max-width: 1350px) {
.home-first-screen .box-slider header nav ul li {
margin-right: 35px;
}
}
@media screen and (max-width: 1120px) {
.home-first-screen .box-slider header nav ul li {
margin-right: 25px;
}
}
@media screen and (max-width: 991px) {
.home-first-screen .box-slider header nav ul li {
margin-right: 15px;
}
}
@media screen and (max-width: 815px) {
.home-first-screen .box-slider header nav ul li {
margin-right: 10px;
}
}
.home-first-screen .box-slider header nav ul li:last-child {
margin-right: 0;
}
.home-first-screen .box-slider header nav ul li.active a:before {
height: 2px;
}
@media screen and (max-width: 991px) {
.home-first-screen .box-slider header nav ul li.active a:before {
height: 1px;
}
}
.home-first-screen .box-slider header nav ul li a {
position: relative;
display: block;
color: #FFFFFF;
font-size: 14px;
padding: 5px 0;
}
.home-first-screen .box-slider header nav ul li > .sub-menu li a {
color: #1E1F1F;
}
@media screen and (max-width: 991px) {
.home-first-screen .box-slider header nav ul li a {
font-size: 13px;
}
}
.home-first-screen .box-slider header nav ul li a:hover {
text-decoration: none;
}
.home-first-screen .box-slider header nav ul li a:hover:before {
height: 2px;
}
@media screen and (max-width: 991px) {
.home-first-screen .box-slider header nav ul li a:hover:before {
height: 1px;
}
}
.home-first-screen .box-slider header nav ul li a:before {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: -4px;
height: 0;
display: block;
background-color: #ffffff;
transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 991px) {
.home-first-screen .box-slider header nav ul li a:before {
bottom: -2px;
}
}
.home-first-screen .box-slider header nav ul li > .sub-menu {
position: absolute;
background: #fff;
box-shadow: 0px 2px 8px rgba(98, 107, 108, 0.08);
flex-direction: column;
width: -webkit-max-content;
width: max-content;
padding: 5px 0;
display: none;
z-index: 2;
}
.home-first-screen .box-slider header nav ul li > .sub-menu li {
margin-right: 0;
}
.home-first-screen .box-slider header nav ul li > .sub-menu li a {
display: block;
padding: 6px 15px;
font-size: 14px;
}
.home-first-screen .box-slider header nav ul li > .sub-menu li a:hover {
text-decoration: none;
background: #F3F6FA;
}
.home-first-screen .box-slider header nav ul li > .sub-menu li a:hover:before {
display: none;
}
.home-first-screen .box-slider header .box-phone {
display: none;
}
.home-first-screen .box-slider header .language-selector {
position: relative;
}
.home-first-screen .box-slider header .language-selector:before {
content: "";
position: absolute;
left: -1px;
right: -1px;
top: -8px;
bottom: -29px;
display: block;
border: 1px solid #fff;
background-color: #3984dd;
opacity: 0;
}
@media screen and (max-width: 767px) {
.home-first-screen .box-slider header .language-selector {
display: none;
}
}
.home-first-screen .box-slider header .language-selector .wpml-ls-legacy-dropdown {
width: unset;
max-width: unset;
}
.home-first-screen .box-slider header .language-selector:hover:before {
opacity: 1;
}
.home-first-screen .box-slider header .language-selector:hover .wpml-ls-sub-menu {
visibility: visible;
}
.home-first-screen .box-slider header .language-selector:hover .wpml-ls-item-toggle {
border: transparent;
background: #68adfd;
color: #fff;
}
.home-first-screen .box-slider header .language-selector a {
width: 34px;
height: 22px;
border: 1px solid #ffffff;
display: flex;
align-items: center;
justify-content: center;
font-weight: 500;
font-size: 12px;
color: #ffffff;
padding: 0;
}
.home-first-screen .box-slider header .language-selector a span {
display: flex;
width: 100%;
height: 100%;
align-items: center;
justify-content: center;
}
.home-first-screen .box-slider header .language-selector a:after {
display: none;
}
.home-first-screen .box-slider header .language-selector a:hover {
text-decoration: none;
}
.home-first-screen .box-slider header .language-selector .wpml-ls-sub-menu {
border-top: 0;
}
.home-first-screen .box-slider header .language-selector .wpml-ls-sub-menu a {
background-color: #3984dd;
border: transparent;
color: #fff;
}
.home-first-screen .box-slider header .language-selector .wpml-ls-sub-menu a:hover {
background: #68adfd;
}
.home-first-screen .box-slider header .btn-toggle-mob-nav {
display: none;
width: 30px;
height: 30px;
align-items: center;
justify-content: center;
padding: 0;
margin: 0;
border: 0;
background: none;
}
.home-first-screen .box-slider header .btn-toggle-mob-nav i {
font-size: 16px;
}
@media screen and (max-width: 767px) {
.home-first-screen .box-slider header .btn-toggle-mob-nav {
display: flex;
}
}
.home-first-screen .box-slider .home-first-screen-slider .swiper-pagination {
position: absolute;
right: 31%;
bottom: 10px;
}
@media screen and (max-width: 1199px) {
.home-first-screen .box-slider .home-first-screen-slider .swiper-pagination {
right: 26%;
}
}
@media screen and (max-width: 991px) {
.home-first-screen .box-slider .home-first-screen-slider .swiper-pagination {
right: 15%;
}
}
@media screen and (max-width: 767px) {
.home-first-screen .box-slider .home-first-screen-slider .swiper-pagination {
display: none;
}
}
.home-first-screen .box-slider .home-first-screen-slider .swiper-pagination .swiper-pagination-bullet {
border: 1px solid #fff;
width: 6px;
height: 6px;
border-radius: 50%;
background: transparent;
margin-right: 10px;
cursor: pointer;
outline: none;
}
.home-first-screen .box-slider .home-first-screen-slider .swiper-pagination .swiper-pagination-bullet:last-child {
margin-right: 0;
}
.home-first-screen .box-slider .home-first-screen-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: #fff;
box-shadow: 0px 0px 0px 1px #fff;
}
.home-first-screen .box-slider .home-first-screen-slider #home-slider .box-slide {
position: relative;
}
.home-first-screen .box-slider .home-first-screen-slider #home-slider .box-slide > img {
width: 100%;
max-height: 426px;
object-fit: cover;
object-position: bottom;
}
@media screen and (max-width: 767px) {
.home-first-screen .box-slider .home-first-screen-slider #home-slider .box-slide > img {
max-height: 250px;
}
}
@media screen and (max-width: 575px) {
.home-first-screen .box-slider .home-first-screen-slider #home-slider .box-slide > img {
max-height: 104px;
}
}
.home-first-screen .box-slider .home-first-screen-slider #home-slider .box-slide .content-slide {
position: absolute;
z-index: 1;
bottom: 75px;
left: 49px;
}
@media screen and (max-width: 1350px) {
.home-first-screen .box-slider .home-first-screen-slider #home-slider .box-slide .content-slide {
bottom: 40px;
left: 30px;
}
}
@media screen and (max-width: 1120px) {
.home-first-screen .box-slider .home-first-screen-slider #home-slider .box-slide .content-slide {
bottom: 30px;
left: 20px;
}
}
@media screen and (max-width: 815px) {
.home-first-screen .box-slider .home-first-screen-slider #home-slider .box-slide .content-slide {
bottom: 20px;
left: 15px;
}
}
@media screen and (max-width: 767px) {
.home-first-screen .box-slider .home-first-screen-slider #home-slider .box-slide .content-slide {
left: 0;
right: 0;
bottom: 0;
padding: 20px 20px;
}
}
.home-first-screen .box-slider .home-first-screen-slider #home-slider .box-slide .content-slide .title {
font-weight: 600;
font-size: 36px;
line-height: 48px;
letter-spacing: 0.2px;
color: #fff;
max-width: 725px;
margin-bottom: 24px;
}
@media screen and (max-width: 1120px) {
.home-first-screen .box-slider .home-first-screen-slider #home-slider .box-slide .content-slide .title {
font-size: 30px;
line-height: normal;
margin-bottom: 20px;
}
}
@media screen and (max-width: 991px) {
.home-first-screen .box-slider .home-first-screen-slider #home-slider .box-slide .content-slide .title {
font-size: 28px;
max-width: 555px;
margin-bottom: 15px;
}
}
@media screen and (max-width: 767px) {
.home-first-screen .box-slider .home-first-screen-slider #home-slider .box-slide .content-slide .title {
margin-bottom: 0;
}
}
@media screen and (max-width: 767px) {
.home-first-screen .box-slider .home-first-screen-slider #home-slider .box-slide .content-slide .title {
font-size: 24px;
}
}
@media screen and (max-width: 767px) {
.home-first-screen .box-slider .home-first-screen-slider #home-slider .box-slide .content-slide .title {
font-size: 15px;
}
}
.home-first-screen .box-slider .home-first-screen-slider #home-slider .box-slide .content-slide .btn-slide {
max-width: 168px;
}
@media screen and (max-width: 767px) {
.home-first-screen .box-slider .home-first-screen-slider #home-slider .box-slide .content-slide .btn-slide {
opacity: 0;
position: absolute;
}
}
@media screen and (max-width: 1120px) {
.home-first-screen .box-slider .home-first-screen-slider #home-slider .box-slide .content-slide .btn-slide {
max-width: 140px;
padding: 8px 6px;
}
}
.additional-mob-header {
display: none;
align-items: center;
background-color: #3984dd;
padding: 8px 0;
}
@media screen and (max-width: 575px) {
.additional-mob-header {
padding: 6px 0;
}
}
.additional-mob-header .btn-toggle-call-back {
white-space: pre-wrap;
}
.additional-mob-header button, .additional-mob-header .language-selector a, .additional-mob-header .logo {
background: none;
margin: 0;
border: 0;
padding: 4px 10px;
color: #fff;
line-height: normal;
display: flex;
align-items: center;
text-align: left;
flex: 1 1;
justify-content: center;
border-right: 1px solid #F3F6FA;
min-height: 38px;
}
@media screen and (max-width: 575px) {
.additional-mob-header button, .additional-mob-header .language-selector a, .additional-mob-header .logo {
font-size: 12px;
min-height: 36px;
}
}
@media screen and (max-width: 350px) {
.additional-mob-header button, .additional-mob-header .language-selector a, .additional-mob-header .logo {
padding: 4px 5px;
font-size: 11px;
}
}
.additional-mob-header button.btn-toggle-mob-nav, .additional-mob-header .language-selector a.btn-toggle-mob-nav, .additional-mob-header .logo.btn-toggle-mob-nav {
border-right: 0;
display: none;
}
.additional-mob-header button i, .additional-mob-header .language-selector a i, .additional-mob-header .logo i {
color: #fff;
margin-right: 10px;
font-size: 16px;
}
@media screen and (max-width: 575px) {
.additional-mob-header button i, .additional-mob-header .language-selector a i, .additional-mob-header .logo i {
font-size: 14px;
}
}
@media screen and (max-width: 350px) {
.additional-mob-header button i, .additional-mob-header .language-selector a i, .additional-mob-header .logo i {
font-size: 12px;
margin-right: 5px;
}
}
.additional-mob-header button img, .additional-mob-header .language-selector a img, .additional-mob-header .logo img {
margin-right: 10px;
display: block;
max-width: 24px;
width: 100%;
}
@media screen and (max-width: 575px) {
.additional-mob-header button img, .additional-mob-header .language-selector a img, .additional-mob-header .logo img {
max-width: 20px;
}
}
@media screen and (max-width: 350px) {
.additional-mob-header button img, .additional-mob-header .language-selector a img, .additional-mob-header .logo img {
max-width: 18px;
margin-right: 5px;
}
}
.additional-mob-header .logo {
border-right: 0;
justify-content: flex-start;
flex: 1 1;
}
.additional-mob-header .logo img {
width: 100%;
max-width: 116px;
margin-right: 0;
}
@media screen and (max-width: 575px) {
.additional-mob-header .btn-toggle-chat {
max-width: 80px;
}
}
@media screen and (max-width: 350px) {
.additional-mob-header .btn-toggle-chat {
max-width: 60px;
}
}
@media screen and (max-width: 350px) {
.additional-mob-header .btn-toggle-call-back {
max-width: 98px;
}
}
.additional-mob-header .language-selector {
position: relative;
z-index: 2;
display: flex;
flex: 1 1;
align-items: center;
justify-content: center;
}
@media screen and (max-width: 575px) {
.additional-mob-header .language-selector {
max-width: 50px;
}
}
@media screen and (max-width: 350px) {
.additional-mob-header .language-selector {
max-width: 40px;
}
}
.additional-mob-header .language-selector:hover {
z-index: 3;
}
.additional-mob-header .language-selector .wpml-ls-statics-shortcode_actions {
position: relative;
}
.additional-mob-header .language-selector .wpml-ls-statics-shortcode_actions:before {
content: "";
position: absolute;
left: -1px;
right: -1px;
top: -4px;
bottom: -37px;
display: block;
border: 1px solid #fff;
background-color: #3984dd;
opacity: 0;
}
.additional-mob-header .language-selector .wpml-ls-statics-shortcode_actions:hover {
z-index: 3;
}
.additional-mob-header .language-selector .wpml-ls-statics-shortcode_actions:hover:before {
opacity: 1;
}
.additional-mob-header .language-selector .wpml-ls-statics-shortcode_actions:hover .wpml-ls-sub-menu {
visibility: visible;
}
.additional-mob-header .language-selector .wpml-ls-statics-shortcode_actions:hover .wpml-ls-item-toggle {
border: transparent;
background: #68adfd;
color: #fff;
}
.additional-mob-header .language-selector .wpml-ls-legacy-dropdown {
width: unset;
max-width: unset;
}
.additional-mob-header .language-selector a {
width: 34px;
height: 22px;
display: flex;
align-items: center;
justify-content: center;
font-weight: 500;
font-size: 12px;
color: #fff;
padding: 0;
border: 0;
background: transparent;
border-right: 0;
}
.additional-mob-header .language-selector a span {
display: flex;
width: 100%;
height: 100%;
align-items: center;
justify-content: center;
}
.additional-mob-header .language-selector a:after {
display: none;
}
.additional-mob-header .language-selector a:hover {
text-decoration: none;
}
.additional-mob-header .language-selector .wpml-ls-sub-menu {
border-top: 0;
}
.additional-mob-header .language-selector .wpml-ls-sub-menu a {
background-color: #3984dd;
border: transparent;
color: #fff;
}
.wpml-ls-item-en{
display: none !important;
}
.additional-mob-header .language-selector .wpml-ls-sub-menu a:hover {
background: #68adfd;
}
@media screen and (max-width: 767px) {
.additional-mob-header {
display: flex;
}
}
.site-global-wrapper > header {
background-color: #3984dd;
}
@media screen and (max-width: 767px) {
.site-global-wrapper > header {
display: none;
}
}
.site-global-wrapper > header .line-header {
justify-content: space-between;
align-items: center;
padding: 12px 0;
}
.site-global-wrapper > header .logo img {
display: block;
max-width: 124px;
width: 100%;
}
.site-global-wrapper > header .logo img.logo-dark {
display: none;
}
.site-global-wrapper > header nav ul {
list-style: none;
padding: 0;
margin: 0;
display: flex;
}
.site-global-wrapper > header nav ul li {
margin-right: 41px;
position: relative;
}
@media screen and (max-width: 1199px) {
.site-global-wrapper > header nav ul li {
margin-right: 25px;
}
}
@media screen and (max-width: 1149px) {
.site-global-wrapper > header nav ul li {
margin-right: 15px;
}
}
.site-global-wrapper > header nav ul li:last-child {
margin-right: 0;
}
.site-global-wrapper > header nav ul li.active a:before {
height: 2px;
}
@media screen and (max-width: 991px) {
.site-global-wrapper > header nav ul li.active a:before {
height: 1px;
}
}
.site-global-wrapper > header nav ul li a {
position: relative;
display: block;
color: #fff;
font-size: 14px;
}
@media screen and (max-width: 991px) {
.site-global-wrapper > header nav ul li a {
font-size: 12px;
}
}
.site-global-wrapper > header nav ul li a:hover {
text-decoration: none;
}
.site-global-wrapper > header nav ul li a:hover:before {
height: 2px;
}
@media screen and (max-width: 991px) {
.site-global-wrapper > header nav ul li a:hover:before {
height: 1px;
}
}
.site-global-wrapper > header nav ul li a:before {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: -4px;
height: 0;
display: block;
background-color: #fff;
transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 991px) {
.site-global-wrapper > header nav ul li a:before {
bottom: -2px;
}
}
.site-global-wrapper > header nav ul li > .sub-menu {
position: absolute;
background: #fff;
box-shadow: 0px 2px 8px rgba(98, 107, 108, 0.08);
flex-direction: column;
width: -webkit-max-content;
width: max-content;
padding: 5px 0;
display: none;
z-index: 2;
}
@media screen and (max-width: 991px) {
.site-global-wrapper > header nav ul li > .sub-menu {
padding: 3px 0;
}
}
.site-global-wrapper > header nav ul li > .sub-menu li {
margin-right: 0;
}
.site-global-wrapper > header nav ul li > .sub-menu li a {
display: block;
padding: 6px 15px;
font-size: 14px;
color: #1E1F1F;
}
@media screen and (max-width: 991px) {
.site-global-wrapper > header nav ul li > .sub-menu li a {
padding: 3px 10px;
font-size: 14px;
}
}
.site-global-wrapper > header nav ul li > .sub-menu li a:hover {
text-decoration: none;
background: #F3F6FA;
}
.site-global-wrapper > header nav ul li > .sub-menu li a:hover:before {
display: none;
}
@media screen and (max-width: 991px) {
.site-global-wrapper > header .box-phone {
display: none;
}
}
.site-global-wrapper > header .box-phone a {
color: #fff;
display: flex;
font-weight: 500;
font-size: 14px;
align-items: center;
}
.site-global-wrapper > header .box-phone a i {
margin-left: 8px;
}
.site-global-wrapper > header .box-phone a:hover {
text-decoration: none;
}
.site-global-wrapper > header .language-selector {
position: relative;
z-index: 2;
}
.site-global-wrapper > header .language-selector:before {
content: "";
position: absolute;
left: -1px;
right: -1px;
top: -8px;
bottom: -25px;
display: block;
border: 1px solid #fff;
background-color: #3984dd;
opacity: 0;
}
@media screen and (max-width: 767px) {
.site-global-wrapper > header .language-selector {
display: none;
}
}
.site-global-wrapper > header .language-selector .wpml-ls-legacy-dropdown {
width: unset;
max-width: unset;
}
.site-global-wrapper > header .language-selector:hover:before {
opacity: 1;
}
.site-global-wrapper > header .language-selector:hover .wpml-ls-sub-menu {
visibility: visible;
}
.site-global-wrapper > header .language-selector:hover .wpml-ls-item-toggle {
border: transparent;
background: #68adfd;
color: #fff;
}
.site-global-wrapper > header .language-selector a {
width: 34px;
height: 22px;
display: flex;
align-items: center;
justify-content: center;
font-weight: 500;
font-size: 12px;
color: #fff;
padding: 0;
border: 1px solid rgba(255, 255, 255, 0.5);
background: transparent;
}
.site-global-wrapper > header .language-selector a span {
display: flex;
width: 100%;
height: 100%;
align-items: center;
justify-content: center;
}
.site-global-wrapper > header .language-selector a:after {
display: none;
}
.site-global-wrapper > header .language-selector a:hover {
text-decoration: none;
}
.site-global-wrapper > header .language-selector .wpml-ls-sub-menu {
border-top: 0;
}
.site-global-wrapper > header .language-selector .wpml-ls-sub-menu a {
background-color: #3984dd;
border: transparent;
color: #fff;
}
.site-global-wrapper > header .language-selector .wpml-ls-sub-menu a:hover {
background: #68adfd;
}
.site-global-wrapper > header .btn-toggle-mob-nav {
display: none;
}
.scroll-header {
background-color: #3984dd;
position: fixed;
left: 0;
right: 0;
top: -100%;
z-index: 10;
transition: all 0.3s ease-in-out;
}
.scroll-header.active {
top: 0;
}
.scroll-header .line-header {
justify-content: space-between;
align-items: center;
}
.scroll-header header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 12px 0;
}
.scroll-header header > .container {
padding-right: 0;
padding-left: 0;
}
.scroll-header header > .container > .row {
margin-right: 0;
margin-left: 0;
}
.scroll-header header > .container > .row > .col-12 {
padding-right: 0;
padding-left: 0;
}
.scroll-header .logo img {
display: block;
max-width: 124px;
width: 100%;
}
.scroll-header .logo img.logo-dark {
display: none;
}
.scroll-header nav ul {
list-style: none;
padding: 0;
margin: 0;
display: flex;
}
.scroll-header nav ul li {
margin-right: 41px;
position: relative;
}
@media screen and (max-width: 1199px) {
.scroll-header nav ul li {
margin-right: 25px;
}
}
@media screen and (max-width: 1149px) {
.scroll-header nav ul li {
margin-right: 15px;
}
}
.scroll-header nav ul li:last-child {
margin-right: 0;
}
.scroll-header nav ul li.active a:before {
height: 2px;
}
@media screen and (max-width: 991px) {
.scroll-header nav ul li.active a:before {
height: 1px;
}
}
.scroll-header nav ul li a {
position: relative;
display: block;
color: #fff;
font-size: 14px;
padding: 5px 0;
}
@media screen and (max-width: 991px) {
.scroll-header nav ul li a {
font-size: 12px;
}
}
.scroll-header nav ul li a:hover {
text-decoration: none;
}
.scroll-header nav ul li a:hover:before {
height: 2px;
}
@media screen and (max-width: 991px) {
.scroll-header nav ul li a:hover:before {
height: 1px;
}
}
.scroll-header nav ul li a:before {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: -4px;
height: 0;
display: block;
background-color: #fff;
transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 991px) {
.scroll-header nav ul li a:before {
bottom: -2px;
}
}
.scroll-header nav ul li > .sub-menu {
position: absolute;
background: #fff;
box-shadow: 0px 2px 8px rgba(98, 107, 108, 0.08);
flex-direction: column;
width: -webkit-max-content;
width: max-content;
padding: 5px 0;
display: none;
z-index: 2;
}
@media screen and (max-width: 991px) {
.scroll-header nav ul li > .sub-menu {
padding: 3px 0;
}
}
.scroll-header nav ul li > .sub-menu li {
margin-right: 0;
}
.scroll-header nav ul li > .sub-menu li a {
display: block;
padding: 6px 15px;
font-size: 14px;
color: #1E1F1F;
}
@media screen and (max-width: 991px) {
.scroll-header nav ul li > .sub-menu li a {
padding: 3px 10px;
font-size: 14px;
}
}
.scroll-header nav ul li > .sub-menu li a:hover {
text-decoration: none;
background: #F3F6FA;
}
.scroll-header nav ul li > .sub-menu li a:hover:before {
display: none;
}
@media screen and (max-width: 991px) {
.scroll-header .box-phone {
display: none;
}
}
.scroll-header .box-phone a {
color: #fff;
display: flex;
font-weight: 500;
font-size: 14px;
align-items: center;
}
.scroll-header .box-phone a i {
margin-left: 8px;
}
.scroll-header .box-phone a:hover {
text-decoration: none;
}
.scroll-header .language-selector {
position: relative;
z-index: 2;
}
.scroll-header .language-selector:before {
content: "";
position: absolute;
left: -1px;
right: -1px;
top: -8px;
bottom: -45px;
display: block;
border: 1px solid #fff;
background-color: #3984dd;
opacity: 0;
z-index: 0;
}
@media screen and (max-width: 767px) {
.scroll-header .language-selector {
display: none;
}
}
.scroll-header .language-selector .wpml-ls-legacy-dropdown {
width: unset;
max-width: unset;
}
.scroll-header .language-selector:hover:before {
opacity: 1;
}
.scroll-header .language-selector:hover .wpml-ls-sub-menu {
visibility: visible;
}
.scroll-header .language-selector:hover .wpml-ls-item-toggle {
border: transparent;
background: #68adfd;
color: #fff;
}
.scroll-header .language-selector a {
width: 34px;
height: 22px;
display: flex;
align-items: center;
justify-content: center;
font-weight: 500;
font-size: 12px;
color: #fff;
padding: 0;
border: 1px solid rgba(255, 255, 255, 0.5);
background: transparent;
}
.scroll-header .language-selector a span {
display: flex;
width: 100%;
height: 100%;
align-items: center;
justify-content: center;
}
.scroll-header .language-selector a:after {
display: none;
}
.scroll-header .language-selector a:hover {
text-decoration: none;
}
.scroll-header .language-selector .wpml-ls-sub-menu {
border-top: 0;
}
.scroll-header .language-selector .wpml-ls-sub-menu a {
background-color: #3984dd;
border: transparent;
color: #fff;
}
.scroll-header .language-selector .wpml-ls-sub-menu a:hover {
background: #68adfd;
}
.scroll-header .btn-toggle-mob-nav {
display: none;
}
.scroll-header-mob {
background-color: #3984dd;
position: fixed;
left: 0;
right: 0;
top: -100%;
z-index: 10;
transition: all 0.3s ease-in-out;
}
.scroll-header-mob.active {
top: 0;
}
.scroll-header-mob .additional-mob-header {
align-items: center;
padding: 8px 0;
}
@media screen and (max-width: 575px) {
.scroll-header-mob .additional-mob-header {
padding: 6px 0;
}
}
.scroll-header-mob .additional-mob-header button, .scroll-header-mob .additional-mob-header .language-selector a, .scroll-header-mob .additional-mob-header .logo {
background: none;
margin: 0;
border: 0;
padding: 4px 10px;
color: #fff;
line-height: normal;
display: flex;
align-items: center;
text-align: left;
flex: 1 1;
justify-content: center;
border-right: 1px solid #F3F6FA;
min-height: 38px;
}
@media screen and (max-width: 575px) {
.scroll-header-mob .additional-mob-header button, .scroll-header-mob .additional-mob-header .language-selector a, .scroll-header-mob .additional-mob-header .logo {
font-size: 12px;
min-height: 36px;
}
}
@media screen and (max-width: 350px) {
.scroll-header-mob .additional-mob-header button, .scroll-header-mob .additional-mob-header .language-selector a, .scroll-header-mob .additional-mob-header .logo {
padding: 4px 5px;
font-size: 11px;
}
}
.scroll-header-mob .additional-mob-header button.btn-toggle-mob-nav, .scroll-header-mob .additional-mob-header .language-selector a.btn-toggle-mob-nav, .scroll-header-mob .additional-mob-header .logo.btn-toggle-mob-nav {
border-right: 0;
}
.scroll-header-mob .additional-mob-header button i, .scroll-header-mob .additional-mob-header .language-selector a i, .scroll-header-mob .additional-mob-header .logo i {
color: #fff;
margin-right: 10px;
font-size: 16px;
}
@media screen and (max-width: 575px) {
.scroll-header-mob .additional-mob-header button i, .scroll-header-mob .additional-mob-header .language-selector a i, .scroll-header-mob .additional-mob-header .logo i {
font-size: 14px;
}
}
@media screen and (max-width: 350px) {
.scroll-header-mob .additional-mob-header button i, .scroll-header-mob .additional-mob-header .language-selector a i, .scroll-header-mob .additional-mob-header .logo i {
font-size: 12px;
margin-right: 5px;
}
}
.scroll-header-mob .additional-mob-header button img, .scroll-header-mob .additional-mob-header .language-selector a img, .scroll-header-mob .additional-mob-header .logo img {
margin-right: 10px;
display: block;
max-width: 24px;
width: 100%;
}
@media screen and (max-width: 575px) {
.scroll-header-mob .additional-mob-header button img, .scroll-header-mob .additional-mob-header .language-selector a img, .scroll-header-mob .additional-mob-header .logo img {
max-width: 20px;
}
}
@media screen and (max-width: 350px) {
.scroll-header-mob .additional-mob-header button img, .scroll-header-mob .additional-mob-header .language-selector a img, .scroll-header-mob .additional-mob-header .logo img {
max-width: 18px;
margin-right: 5px;
}
}
.scroll-header-mob .additional-mob-header .logo {
border-right: 0;
flex: 1 1;
justify-content: flex-start;
}
.scroll-header-mob .additional-mob-header .logo img {
width: 100%;
margin-right: 0;
max-width: 118px;
}
@media screen and (max-width: 575px) {
.scroll-header-mob .additional-mob-header .logo img {
max-width: 88px;
}
}
@media screen and (max-width: 575px) {
.scroll-header-mob .additional-mob-header .btn-toggle-chat {
max-width: 70px;
}
}
@media screen and (max-width: 350px) {
.scroll-header-mob .additional-mob-header .btn-toggle-chat {
max-width: 60px;
}
}
@media screen and (max-width: 350px) {
.scroll-header-mob .additional-mob-header .btn-toggle-call-back {
max-width: 98px;
}
}
.scroll-header-mob .additional-mob-header .btn-toggle-mob-nav i {
margin-right: 0;
}
@media screen and (max-width: 575px) {
.scroll-header-mob .additional-mob-header .btn-toggle-mob-nav {
max-width: 50px;
}
}
@media screen and (max-width: 350px) {
.scroll-header-mob .additional-mob-header .btn-toggle-mob-nav {
max-width: 40px;
}
}
.scroll-header-mob .additional-mob-header .language-selector {
display: none;
}
@media screen and (max-width: 767px) {
.scroll-header-mob .additional-mob-header {
display: flex;
}
}
body:not(.home) .logo {
justify-content: flex-start;
}
@media screen and (max-width: 575px) {
body:not(.home) .logo img {
max-width: 88px;
}
}
body:not(.home) .btn-toggle-list-phone {
max-width: 110px;
}
body:not(.home) .btn-toggle-list-phone {
max-width: 155px;
}
@media screen and (max-width: 767px) {
body:not(.home) .btn-toggle-chat {
max-width: 100px;
}
}
@media screen and (max-width: 575px) {
body:not(.home) .btn-toggle-chat {
max-width: 80px;
}
}
@media screen and (max-width: 350px) {
body:not(.home) .btn-toggle-chat {
max-width: 65px;
}
}
@media screen and (max-width: 767px) {
body:not(.home) .btn-toggle-mob-nav {
display: flex;
}
}
body:not(.home) .btn-toggle-mob-nav i {
margin-right: 0;
}
@media screen and (max-width: 767px) {
body:not(.home) .btn-toggle-mob-nav {
max-width: 80px;
}
}
@media screen and (max-width: 575px) {
body:not(.home) .btn-toggle-mob-nav {
max-width: 50px;
}
}
@media screen and (max-width: 350px) {
body:not(.home) .btn-toggle-mob-nav {
max-width: 40px;
}
}
body:not(.home) .language-selector {
display: flex;
}
@media screen and (max-width: 767px) {
body:not(.home) .language-selector {
display: none;
}
}
@media screen and (max-width: 767px) {
body:not(.home) .language-selector {
max-width: 80px;
}
}
@media screen and (max-width: 575px) {
body:not(.home) .language-selector {
max-width: 50px;
}
}
@media screen and (max-width: 350px) {
body:not(.home) .language-selector {
max-width: 40px;
}
}
body:not(.home) .language-selector a {
color: #fff;
}
body:not(.home) .language-selector a:hover {
text-decoration: none;
}
.mobile-head-box {
background-color: #3984dd;
position: fixed;
left: 0;
right: 0;
top: -700px;
z-index: 20;
transition: all 0.3s ease-in-out;
padding: 16px 20px;
border: 1px solid #fff;
color: #fff;
}
.mobile-head-box.active {
top: 0;
}
.mobile-head-box .line-control-mob-nav {
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
}
.mobile-head-box .line-control-mob-nav .btn-close-box {
padding: 0;
margin: 0;
width: 30px;
height: 30px;
background: none;
color: #fff;
border: 0;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
}
.mobile-head-box .line-control-mob-nav .title-box {
color: #fff;
opacity: 0.5;
font-size: 15px;
}
@media screen and (min-width: 767px) {
.mobile-head-box.box-phone-mobile {
max-width: 300px;
margin-left: auto;
}
}
.box-nav-mobile {
max-width: 208px;
margin-left: auto;
}
.box-nav-mobile .language-selector {
position: relative;
z-index: 2;
}
.box-nav-mobile .language-selector:before {
content: "";
position: absolute;
left: -1px;
right: -1px;
top: -8px;
bottom: -23px;
display: block;
border: 1px solid #fff;
background-color: #3984dd;
opacity: 0;
z-index: 0;
}
@media screen and (max-width: 767px) {
.box-nav-mobile .language-selector {
display: flex !important;
}
}
.box-nav-mobile .language-selector .wpml-ls-legacy-dropdown {
width: unset;
max-width: unset;
}
.box-nav-mobile .language-selector:hover:before {
opacity: 1;
}
.box-nav-mobile .language-selector:hover .wpml-ls-sub-menu {
visibility: visible;
}
.box-nav-mobile .language-selector:hover .wpml-ls-item-toggle {
border: transparent;
background: #68adfd;
color: #fff;
}
.box-nav-mobile .language-selector a {
width: 34px;
height: 22px;
display: flex;
align-items: center;
justify-content: center;
font-weight: 500;
font-size: 12px;
color: #fff;
padding: 0;
border: 1px solid rgba(255, 255, 255, 0.5);
background: transparent;
}
.box-nav-mobile .language-selector a span {
display: flex;
width: 100%;
height: 100%;
align-items: center;
justify-content: center;
}
.box-nav-mobile .language-selector a:after {
display: none;
}
.box-nav-mobile .language-selector a:hover {
text-decoration: none;
}
.box-nav-mobile .language-selector .wpml-ls-sub-menu {
border-top: 0;
}
.box-nav-mobile .language-selector .wpml-ls-sub-menu a {
background-color: #3984dd;
border: transparent;
color: #fff;
}
.box-nav-mobile .language-selector .wpml-ls-sub-menu a:hover {
background: #68adfd;
}
.box-nav-mobile nav ul {
list-style: none;
padding: 0;
margin: 0;
}
.box-nav-mobile nav ul li {
position: relative;
margin-bottom: 20px;
}
.box-nav-mobile nav ul li a {
position: relative;
display: block;
color: #fff;
font-size: 15px;
}
.box-nav-mobile nav ul li a:hover {
text-decoration: none;
}
.box-nav-mobile nav ul li a:hover:before {
height: 1px;
}
.box-nav-mobile nav ul li > .sub-menu {
z-index: 2;
margin-top: 15px;
padding-left: 15px;
}
.box-nav-mobile nav ul li > .sub-menu li {
margin-right: 0;
}
.box-nav-mobile nav ul li > .sub-menu li a {
display: block;
}
.box-nav-mobile nav ul li > .sub-menu li a:hover {
text-decoration: none;
}
.box-phone-mobile nav {
display: flex;
justify-content: center;
}
.box-phone-mobile nav ul {
list-style: none;
margin: 0;
padding: 0;
}
.box-phone-mobile nav ul li {
margin-bottom: 12px;
}
.box-phone-mobile nav ul li a {
font-family: "Rubik", sans-serif;
font-weight: 500;
font-size: 15px;
display: flex;
color: #fff;
transition: all 0.3s ease-in-out;
}
.box-phone-mobile nav ul li a:hover {
text-decoration: none;
}
.box-phone-mobile nav ul li a img {
display: block;
margin-right: 10px;
}
.box-chat-mobile nav ul {
list-style: none;
padding: 0;
margin: 0;
display: flex;
justify-content: space-between;
}
.box-chat-mobile nav ul li a {
color: #fff;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
}
.box-chat-mobile nav ul li a:hover {
text-decoration: none;
}
.box-chat-mobile nav ul li a i {
font-size: 30px;
margin-bottom: 3px;
}
.box-chat-mobile nav ul li a p {
font-size: 10px;
margin-bottom: 0;
}
.box-call-back-form-mobile {
background-color: #fff;
top: unset;
bottom: -100%;
border: 1px solid #fff;
}
.box-call-back-form-mobile.active {
top: unset;
bottom: 0;
}
.box-call-back-form-mobile .line-control-mob-nav .title-box {
color: #494949;
opacity: 0.5;
}
.box-call-back-form-mobile .line-control-mob-nav .btn-close-box {
color: #3984dd;
}
.box-call-back-form-mobile form p {
position: relative;
margin-bottom: 8px;
width: 100%;
}
.box-call-back-form-mobile form p input {
width: 100%;
max-width: 100%;
}
.box-call-back-form-mobile form p i {
position: absolute;
left: 20px;
top: 50%;
transform: translateY(-50%);
color: #1E1F1F;
font-size: 16px;
}
.box-call-back-form-mobile form p input:not(.btn-submitform-call-back) {
border: 1px solid #CDCFD3;
padding: 10px 20px 10px 48px;
color: #1E1F1F;
font-size: 13px;
border-radius: 0;
box-shadow: none;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
}
.box-call-back-form-mobile form p input:not(.btn-submitform-call-back)::placeholder {
color: #1E1F1F;
font-size: 13px;
}
.box-call-back-form-mobile form p .btn-submitform-call-back {
margin-top: 9px;
}
.section-services {
padding: 31px 0 77px;
}
@media screen and (max-width: 1199px) {
.section-services {
padding: 30px 0 50px;
}
}
@media screen and (max-width: 767px) {
.section-services {
padding: 30px 0 30px;
}
}
@media screen and (max-width: 575px) {
.section-services {
padding: 14px 0 15px;
}
}
@media screen and (max-width: 575px) {
.section-services .mr-bt-sm {
margin-bottom: 8px;
}
}
.section-services .grig-line {
display: grid;
grid-template-columns: calc(33% - 6px) calc(33% - 6px) calc(33% - 6px);
grid-gap: 12px;
}
@media screen and (max-width: 991px) {
.section-services .grig-line {
grid-template-columns: calc(50% - 6px) calc(50% - 6px);
}
}
@media screen and (max-width: 767px) {
.section-services .grig-line {
grid-template-rows: 125px 125px;
}
}
@media screen and (max-width: 575px) {
.section-services .grig-line {
grid-template-rows: 112px 117px;
}
}
@media screen and (max-width: 350px) {
.section-services .grig-line {
grid-template-rows: 120px 120px;
}
}
.section-services .box-service {
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 40px 40px 94px;
height: 100%;
transition: all 0.3s ease-in-out;
border: 2px solid transparent;
}
.serv_btns .btn-green{
max-width: 132px;
}
.serv_btns .read-more{
padding: 9px 10px;
margin-left: 10px;
}
.serv_btns {
display: flex;
width: 100%;
flex-direction: row;
align-items: center;
}
.section-services .box-service:hover {
background: #fff;
border: 2px solid #3984dd;
}
@media screen and (max-width: 1199px) {
.section-services .box-service {
padding: 30px 20px;
}
}
@media screen and (max-width: 991px) {
.section-services .box-service {
padding: 30px;
padding-bottom: 30px;
}
}
@media screen and (max-width: 767px) {
.serv_btns .read-more{
display: none;
}
.section-services .box-service {
padding: 0;
background-color: #fff;
padding-bottom: 0;
height: unset;
margin-bottom: 0;
border: 2px solid #3984dd;
padding: 15px 15px;
position: relative;
}
}
@media screen and (max-width: 575px) {
.section-services .box-service {
padding: 14px 11px 11px;
margin-bottom: 0;
height: 100%;
}
}
@media screen and (max-width: 350px) {
.section-services .box-service {
padding: 14px 8px 11px;
}
}
.section-services .box-service > img {
margin-bottom: 24px;
}
@media screen and (max-width: 1199px) {
.section-services .box-service > img {
margin-bottom: 25px;
}
}
@media screen and (max-width: 767px) {
.section-services .box-service > img {
max-width: 64px;
width: 100%;
margin-bottom: 12px;
max-height: 37px;
}
}
.section-services .box-service .content {
flex: 1 1;
}
@media screen and (max-width: 767px) {
.section-services .box-service .content {
margin-bottom: 0;
}
}
.section-services .box-service .content .title {
font-weight: bold;
font-size: 18px;
letter-spacing: 0.2px;
margin-bottom: 20px;
color: #1E1F1F;
display: flex;
align-items: center;
}
@media screen and (max-width: 767px) {
.section-services .box-service .content .title {
font-size: 16px;
letter-spacing: normal;
margin-bottom: 5px;
}
.section-services .box-service .content .title:before {
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
display: block;
}
}
@media screen and (max-width: 575px) {
.section-services .box-service .content .title {
font-size: 12px;
margin-bottom: 1px;
}
}
@media screen and (max-width: 350px) {
.section-services .box-service .content .title {
font-size: 11px;
}
}
.section-services .box-service .content .title:hover {
text-decoration: none;
}
.section-services .box-service .content .title i {
display: none;
}
@media screen and (max-width: 767px) {
.section-services .box-service .content .title i {
display: inline-block;
margin-left: 10px;
}
}
@media screen and (max-width: 575px) {
.section-services .box-service .content .title i {
margin-left: 5px;
}
}
.section-services .box-service .content .mob-description {
display: none;
}
@media screen and (max-width: 767px) {
.section-services .box-service .content .mob-description {
display: inline-block;
font-size: 13px;
color: #494949;
}
}
@media screen and (max-width: 575px) {
.section-services .box-service .content .mob-description {
font-size: 10px;
line-height: normal;
}
.section-services .box-service{
width: 49%;
}
}
.section-services .box-service .content ul {
list-style: none;
padding: 0;
margin: 0 0 20px 0;
}
@media screen and (max-width: 767px) {
.section-services .box-service .content ul {
display: none;
}
}
.section-services .box-service .content ul li {
position: relative;
padding-left: 16px;
margin-bottom: 12px;
}
.section-services .box-service .content ul li:last-child {
margin-bottom: 0;
}
.section-services .box-service .content ul li:before {
content: "";
position: absolute;
left: 1px;
top: 6px;
display: block;
width: 6px;
height: 6px;
background-color: #1E1F1F;
}
.section-services .box-service .content .read-more {
font-size: 14px;
color: #3984dd;
transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 767px) {
.section-services .box-service .content .read-more {
display: none;
}
}
.section-services .box-service .content .read-more i {
margin-left: 5px;
}
.section-services .box-service .content .read-more:hover {
text-decoration: none;
color: #3984dd;
}
.section-services .box-service .btn {
max-width: 140px;
font-weight: 500;
font-size: 14px;
line-height: 14px;
padding: 9px 14px;
letter-spacing: 0.3px;
}
@media screen and (max-width: 767px) {
.section-services .box-service .btn-service {
display: none;
}
}
@media screen and (max-width: 767px) {
.section-services .box-service a.btn-green {
display: none;
}
}
.section-map {
position: relative;
display: flex;
}
@media screen and (max-width: 767px) {
.section-map {
flex-direction: column;
}
}
.section-map .aside-map {
flex-basis: 30%;
max-width: 30%;
}
@media screen and (max-width: 1450px) {
.section-map .aside-map {
flex-basis: 35%;
max-width: 35%;
}
}
@media screen and (max-width: 1360px) {
.section-map .aside-map {
flex-basis: 36%;
max-width: 36%;
}
}
@media screen and (max-width: 767px) {
.section-map .aside-map {
flex-basis: 100%;
max-width: 100%;
}
}
.section-map .box-config-map .wrapp-content {
max-width: 469px;
margin-left: auto;
padding: 0 15px;
}
@media screen and (max-width: 767px) {
.section-map .box-config-map .wrapp-content {
max-width: unset;
}
}
.section-map .box-config-map .box-title {
background-color: #3984dd;
}
.section-map .box-config-map .box-title .title {
color: #fff;
font-weight: bold;
font-size: 20px;
letter-spacing: 0.2px;
line-height: normal;
padding: 23px 0;
}
@media screen and (max-width: 1199px) {
.section-map .box-config-map .box-title .title {
padding: 15px 0;
}
}
@media screen and (max-width: 1060px) {
.section-map .box-config-map .box-title .title {
font-size: 18px;
letter-spacing: 0.1px;
}
}
@media screen and (max-width: 960px) {
.section-map .box-config-map .box-title .title {
font-size: 16px;
letter-spacing: normal;
}
}
@media screen and (max-width: 575px) {
.section-map .box-config-map .box-title .title {
font-size: 15px;
padding: 15px 10px;
}
}
.section-map .list-result, .section-map .box-lg-config-map {
position: relative;
}
.section-map .list-result .single-lab, .section-map .box-lg-config-map .single-lab {
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
background: #fff;
z-index: 5;
overflow: auto;
}
@media screen and (max-width: 767px) {
.section-map .list-result .single-lab, .section-map .box-lg-config-map .single-lab {
position: fixed;
z-index: 999999999999999;
}
}
.section-map .list-result .single-lab .box-title, .section-map .box-lg-config-map .single-lab .box-title {
border-radius: 0;
border: none;
display: block;
width: 100%;
text-align: left;
}
.section-map .list-result .single-lab .box-title:focus, .section-map .list-result .single-lab .box-title:active, .section-map .box-lg-config-map .single-lab .box-title:focus, .section-map .box-lg-config-map .single-lab .box-title:active {
outline: none;
}
.section-map .list-result .single-lab .box-title .title i, .section-map .box-lg-config-map .single-lab .box-title .title i {
margin-right: 10px;
}
.section-map .list-result .single-lab .single-title, .section-map .box-lg-config-map .single-lab .single-title {
font-size: 16px;
line-height: 24px;
color: #3984dd;
font-family: Rubik;
font-style: normal;
margin-bottom: 5px;
}
.section-map .list-result .single-lab .entity-title, .section-map .box-lg-config-map .single-lab .entity-title {
font-size: 14px;
line-height: 18px;
font-family: Rubik;
font-style: normal;
}
.section-map .list-result .single-lab .data-table, .section-map .box-lg-config-map .single-lab .data-table {
display: table;
margin-top: 20px;
}
.section-map .list-result .single-lab .data-table .data-table-row, .section-map .box-lg-config-map .single-lab .data-table .data-table-row {
display: table-row;
}
.section-map .list-result .single-lab .data-table .data-table-row > *, .section-map .box-lg-config-map .single-lab .data-table .data-table-row > * {
display: table-cell;
}
.section-map .list-result .single-lab .data-table .data-table-row .data-table-route a, .section-map .box-lg-config-map .single-lab .data-table .data-table-row .data-table-route a {
text-decoration: none;
border: none;
border-bottom: 1px solid #3984dd;
color: #3984dd;
background: none;
outline: none;
font-size: 13px;
}
.section-map .list-result .single-lab .data-table .data-table-row .data-table-route a:hover, .section-map .box-lg-config-map .single-lab .data-table .data-table-row .data-table-route a:hover {
border-bottom-color: transparent;
}
.section-map .list-result .single-lab .data-table .data-table-row .data-table-route a:hover {
border: 1px solid #3984dd;
}
.section-map .list-result .single-lab .data-table .data-table-row .data-table-route {
margin-top: 8px;
}
.section-map .list-result .single-lab .data-table .data-table-row .data-table-route a {
padding: 6px 22px;
border: 1px solid #3984dd;
box-sizing: border-box;
}
.data-table-row--value {
width: 66%;
}
.section-map .list-result .single-lab .data-table .data-table-row .data-table-row--name, .section-map .box-lg-config-map .single-lab .data-table .data-table-row .data-table-row--name {
font-size: 14px;
line-height: 20px;
color: #494949;
padding-right: 20px;
padding-bottom: 20px;
}
.section-map .list-result .single-lab .data-table .data-table-row .data-table-row--name.adress-cell, .section-map .box-lg-config-map .single-lab .data-table .data-table-row .data-table-row--name.adress-cell {
font-size: 20px;
line-height: 24px;
color: #1E1F1F;
}
.section-map .list-result .single-lab .data-table .data-table-row .data-table-row--value, .section-map .box-lg-config-map .single-lab .data-table .data-table-row .data-table-row--value {
font-size: 16px;
line-height: 20px;
color: #1E1F1F;
padding-bottom: 20px;
}
.section-map .list-result .single-lab .data-table .data-table-row .data-table-row--value ul, .section-map .box-lg-config-map .single-lab .data-table .data-table-row .data-table-row--value ul {
list-style: none;
padding: 0;
}
.section-map .list-result .single-lab .data-table .data-table-row .data-table-row--value ul li + li, .section-map .box-lg-config-map .single-lab .data-table .data-table-row .data-table-row--value ul li + li {
margin-top: 5px;
}
.section-map .list-result .single-lab .data-table .data-table-row .data-table-row--value.phones-cell a, .section-map .box-lg-config-map .single-lab .data-table .data-table-row .data-table-row--value.phones-cell a {
color: #1E1F1F;
display: inline-block;
border-bottom: solid 2px #1E1F1F;
padding-bottom: 2px;
}
.section-map .list-result .single-lab .data-table .data-table-row .data-table-row--value.phones-cell a:hover, .section-map .box-lg-config-map .single-lab .data-table .data-table-row .data-table-row--value.phones-cell a:hover {
text-decoration: none;
border-bottom: solid 2px #fff;
}
.section-map .list-result .single-lab .item, .section-map .box-lg-config-map .single-lab .item {
margin-top: 40px;
}
.section-map .list-result .box-config, .section-map .box-lg-config-map .box-config {
margin-bottom: 20px;
padding-top: 28px;
}
@media screen and (max-width: 1199px) {
.section-map .list-result .box-config, .section-map .box-lg-config-map .box-config {
padding-top: 20px;
}
}
@media screen and (max-width: 1045px) {
.section-map .list-result .box-config, .section-map .box-lg-config-map .box-config {
padding-top: 10px;
}
}
@media screen and (max-width: 575px) {
.section-map .list-result .box-config, .section-map .box-lg-config-map .box-config {
padding-top: 19px;
}
}
@media screen and (max-width: 767px) {
.section-map .list-result .box-config, .section-map .box-lg-config-map .box-config {
margin-bottom: 415px;
}
}
@media screen and (max-width: 575px) {
.section-map .list-result .box-config, .section-map .box-lg-config-map .box-config {
margin-bottom: 236px;
}
}
.section-map .list-result .box-config .config-service, .section-map .box-lg-config-map .box-config .config-service {
display: flex;
margin-bottom: 27px;
}
@media screen and (max-width: 1199px) {
.section-map .list-result .box-config .config-service, .section-map .box-lg-config-map .box-config .config-service {
margin-bottom: 15px;
}
}
@media screen and (max-width: 1060px) {
.section-map .list-result .box-config .config-service, .section-map .box-lg-config-map .box-config .config-service {
margin-bottom: 0;
flex-wrap: wrap;
}
}
@media screen and (max-width: 1045px) {
.section-map .list-result .box-config .config-service, .section-map .box-lg-config-map .box-config .config-service {
flex-direction: column;
}
}
@media screen and (max-width: 767px) {
.section-map .list-result .box-config .config-service, .section-map .box-lg-config-map .box-config .config-service {
flex-direction: row;
padding: 0 9px;
}
}
.section-map .list-result .box-config .config-service p, .section-map .box-lg-config-map .box-config .config-service p {
margin-bottom: 0;
font-weight: 500;
font-size: 18px;
margin-right: 15px;
margin-left: 13px;
}
@media screen and (max-width: 1199px) {
.section-map .list-result .box-config .config-service p, .section-map .box-lg-config-map .box-config .config-service p {
margin-right: 15px;
}
}
@media screen and (max-width: 1060px) {
.section-map .list-result .box-config .config-service p, .section-map .box-lg-config-map .box-config .config-service p {
margin-bottom: 15px;
}
}
@media screen and (max-width: 575px) {
.section-map .list-result .box-config .config-service p, .section-map .box-lg-config-map .box-config .config-service p {
font-size: 13px;
margin-bottom: 20px;
}
}
@media screen and (max-width: 350px) {
.section-map .list-result .box-config .config-service p, .section-map .box-lg-config-map .box-config .config-service p {
margin-right: 10px;
}
}
.section-map .list-result .box-config .config-service .btn-swither, .section-map .box-lg-config-map .box-config .config-service .btn-swither {
position: relative;
padding: 0;
margin: 0;
border: none;
outline: none;
background: none;
text-align: left;
font-size: 14px;
line-height: normal;
padding-left: 37px;
margin-right: 45px;
}
@media screen and (max-width: 1199px) {
.section-map .list-result .box-config .config-service .btn-swither, .section-map .box-lg-config-map .box-config .config-service .btn-swither {
padding-left: 34px;
margin-right: 25px;
}
}
@media screen and (max-width: 1060px) {
.section-map .list-result .box-config .config-service .btn-swither, .section-map .box-lg-config-map .box-config .config-service .btn-swither {
margin-bottom: 15px;
margin-right: 20px;
}
}
@media screen and (max-width: 575px) {
.section-map .list-result .box-config .config-service .btn-swither, .section-map .box-lg-config-map .box-config .config-service .btn-swither {
font-size: 13px;
margin-bottom: 20px;
}
}
@media screen and (max-width: 350px) {
.section-map .list-result .box-config .config-service .btn-swither, .section-map .box-lg-config-map .box-config .config-service .btn-swither {
margin-right: 10px;
font-size: 12px;
}
}
.section-map .list-result .box-config .config-service .btn-swither:last-child, .section-map .box-lg-config-map .box-config .config-service .btn-swither:last-child {
margin-right: 0;
}
.section-map .list-result .box-config .config-service .btn-swither:before, .section-map .box-lg-config-map .box-config .config-service .btn-swither:before {
content: "";
position: absolute;
left: 0;
top: 0;
display: block;
width: 28px;
height: 16px;
border-radius: 10px;
background: #fff;
border: 1px solid #CDCFD3;
transition: all 0.3s ease-in-out;
}
.section-map .list-result .box-config .config-service .btn-swither:after, .section-map .box-lg-config-map .box-config .config-service .btn-swither:after {
content: "";
position: absolute;
left: 2px;
top: 2px;
display: block;
width: 12px;
height: 12px;
border-radius: 50%;
background: #CDCFD3;
transition: all 0.3s ease-in-out;
}
.section-map .list-result .box-config .config-service .btn-swither.active:before, .section-map .box-lg-config-map .box-config .config-service .btn-swither.active:before {
border-color: #3984dd;
}
.section-map .list-result .box-config .config-service .btn-swither.active:after, .section-map .box-lg-config-map .box-config .config-service .btn-swither.active:after {
background: #3984dd;
left: 14px;
}
.section-map .list-result .box-config .config-location, .section-map .box-lg-config-map .box-config .config-location {
display: flex;
}
.section-map .list-result .box-config .config-location .wrapp-select, .section-map .box-lg-config-map .box-config .config-location .wrapp-select {
width: 50%;
padding-left: 30px;
position: relative;
}
@media screen and (max-width: 1199px) {
.section-map .list-result .box-config .config-location .wrapp-select, .section-map .box-lg-config-map .box-config .config-location .wrapp-select {
padding-left: 0;
margin-right: 20px;
}
}
@media screen and (max-width: 960px) {
.section-map .list-result .box-config .config-location .wrapp-select, .section-map .box-lg-config-map .box-config .config-location .wrapp-select {
margin-right: 15px;
}
}
@media screen and (max-width: 1199px) {
.section-map .list-result .box-config .config-location .wrapp-select:last-child, .section-map .box-lg-config-map .box-config .config-location .wrapp-select:last-child {
margin-right: 0;
}
}
.section-map .list-result .box-config .config-location .wrapp-select select, .section-map .box-lg-config-map .box-config .config-location .wrapp-select select {
width: 100%;
border: none;
background: none;
-webkit-appearance: none;
-moz-appearance: none;
padding: 10px 18px;
border: 1px solid #3984dd;
font-size: 14px;
background: transparent;
position: relative;
z-index: 1;
}
@media screen and (max-width: 960px) {
.section-map .list-result .box-config .config-location .wrapp-select select, .section-map .box-lg-config-map .box-config .config-location .wrapp-select select {
padding: 8px 10px;
}
}
@media screen and (max-width: 575px) {
.section-map .list-result .box-config .config-location .wrapp-select select, .section-map .box-lg-config-map .box-config .config-location .wrapp-select select {
padding: 10px 10px;
}
}
.section-map .list-result .box-config .config-location .wrapp-select select::-ms-expand, .section-map .box-lg-config-map .box-config .config-location .wrapp-select select::-ms-expand {
display: none;
}
.section-map .list-result .wrapp-content, .section-map .box-lg-config-map .wrapp-content {
max-width: 469px;
margin-left: auto;
padding: 0 15px;
}
@media screen and (max-width: 767px) {
.section-map .list-result .wrapp-content, .section-map .box-lg-config-map .wrapp-content {
max-width: 100%;
}
}
.section-map .list-result .box-title, .section-map .box-lg-config-map .box-title {
background: #F3F6FA;
}
.section-map .list-result .box-title .title, .section-map .box-lg-config-map .box-title .title {
font-weight: 500;
font-size: 16px;
padding: 12px 0px;
}
@media screen and (max-width: 575px) {
.section-map .list-result .box-title .title, .section-map .box-lg-config-map .box-title .title {
font-size: 13px;
padding: 7px 8px;
font-weight: bold;
}
}
.section-map .list-result .btn-show-all-item, .section-map .box-lg-config-map .btn-show-all-item {
display: none;
align-items: center;
justify-content: center;
color: #3984dd;
background-color: #F3F6FA;
border: 0;
font-size: 16px;
padding: 10px 10px;
width: 100%;
}
.section-map .list-result .btn-show-all-item i, .section-map .box-lg-config-map .btn-show-all-item i {
margin-left: 10px;
}
@media screen and (max-width: 767px) {
.section-map .list-result .btn-show-all-item, .section-map .box-lg-config-map .btn-show-all-item {
display: flex;
}
}
@media screen and (max-width: 575px) {
.section-map .list-result .btn-show-all-item, .section-map .box-lg-config-map .btn-show-all-item {
font-size: 13px;
}
}
.section-map .list-result .list, .section-map .box-lg-config-map .list {
max-height: 427px;
min-height: 427px;
overflow-y: auto;
}
@media screen and (max-width: 767px) {
.section-map .list-result .list, .section-map .box-lg-config-map .list {
min-height: unset;
max-height: unset;
}
}
.section-map .list-result .list .item, .section-map .box-lg-config-map .list .item {
padding: 15px 0;
border-top: 1px solid #CDCFD3;
margin-bottom: 3px;
}
@media screen and (max-width: 1199px) {
.section-map .list-result .list .item, .section-map .box-lg-config-map .list .item {
margin-bottom: 0;
}
}
@media screen and (max-width: 960px) {
.section-map .list-result .list .item, .section-map .box-lg-config-map .list .item {
padding: 10px 0;
}
}
@media screen and (max-width: 767px) {
.section-map .list-result .list .item, .section-map .box-lg-config-map .list .item {
margin-bottom: 3px;
}
}
@media screen and (max-width: 575px) {
.section-map .list-result .list .item, .section-map .box-lg-config-map .list .item {
padding: 15px 0;
}
.section-map .list-result .list .item .wrapp-content, .section-map .box-lg-config-map .list .item .wrapp-content {
padding: 0 26px;
}
}
.section-map .list-result .list .item:first-child, .section-map .box-lg-config-map .list .item:first-child {
border-top: 0;
}
@media screen and (max-width: 767px) {
.section-map .list-result .list .item.item-hide-on-mobile, .section-map .box-lg-config-map .list .item.item-hide-on-mobile {
display: none;
}
}
@media screen and (max-width: 350px) {
.section-map .list-result .list .item .wrapp-content, .section-map .box-lg-config-map .list .item .wrapp-content {
padding: 0 19px;
}
}
.section-map .list-result .list .item .wrapp-item, .section-map .box-lg-config-map .list .item .wrapp-item {
display: flex;
}
.section-map .list-result .list .item .wrapp-item .fa-map-marker-alt, .section-map .box-lg-config-map .list .item .wrapp-item .fa-map-marker-alt {
color: #3984dd;
margin-right: 12px;
font-size: 16px;
}
@media screen and (max-width: 960px) {
.section-map .list-result .list .item .wrapp-item .fa-map-marker-alt, .section-map .box-lg-config-map .list .item .wrapp-item .fa-map-marker-alt {
margin-right: 10px;
font-size: 14px;
}
}
.section-map .list-result .list .item .wrapp-item .content, .section-map .box-lg-config-map .list .item .wrapp-item .content {
flex: 1 1;
}
.section-map .list-result .list .item .wrapp-item .content .address, .section-map .box-lg-config-map .list .item .wrapp-item .content .address {
font-size: 16px;
margin-bottom: 10px;
}
@media screen and (max-width: 960px) {
.section-map .list-result .list .item .wrapp-item .content .address, .section-map .box-lg-config-map .list .item .wrapp-item .content .address {
margin-bottom: 5px;
}
}
@media screen and (max-width: 575px) {
.section-map .list-result .list .item .wrapp-item .content .address, .section-map .box-lg-config-map .list .item .wrapp-item .content .address {
font-size: 17px;
margin-bottom: 11px;
}
}
.section-map .list-result .list .item .wrapp-item .content .sub-address, .section-map .box-lg-config-map .list .item .wrapp-item .content .sub-address {
font-size: 12px;
color: #494949;
margin-bottom: 6px;
}
@media screen and (max-width: 960px) {
.section-map .list-result .list .item .wrapp-item .content .sub-address, .section-map .box-lg-config-map .list .item .wrapp-item .content .sub-address {
margin-bottom: 5px;
}
}
@media screen and (max-width: 575px) {
.section-map .list-result .list .item .wrapp-item .content .sub-address, .section-map .box-lg-config-map .list .item .wrapp-item .content .sub-address {
font-size: 10px;
margin-bottom: 3px;
}
}
.section-map .list-result .list .item .wrapp-item .content .line-contact-info, .section-map .box-lg-config-map .list .item .wrapp-item .content .line-contact-info {
display: flex;
align-items: center;
margin-bottom: 8px;
}
@media screen and (max-width: 960px) {
.section-map .list-result .list .item .wrapp-item .content .line-contact-info, .section-map .box-lg-config-map .list .item .wrapp-item .content .line-contact-info {
flex-direction: column;
align-items: unset;
}
}
@media screen and (max-width: 767px) {
.section-map .list-result .list .item .wrapp-item .content .line-contact-info, .section-map .box-lg-config-map .list .item .wrapp-item .content .line-contact-info {
flex-direction: row;
align-items: center;
}
}
@media screen and (max-width: 575px) {
.section-map .list-result .list .item .wrapp-item .content .line-contact-info, .section-map .box-lg-config-map .list .item .wrapp-item .content .line-contact-info {
margin-bottom: 11px;
}
}
.section-map .list-result .list .item .wrapp-item .content .line-contact-info .phone, .section-map .box-lg-config-map .list .item .wrapp-item .content .line-contact-info .phone {
margin-right: 14px;
padding-right: 17px;
border-right: 1px solid #CDCFD3;
}
.section-map .list-result .list .item .wrapp-item .content .line-contact-info .phone a, .section-map .box-lg-config-map .list .item .wrapp-item .content .line-contact-info .phone a {
color: #3984dd;
}
@media screen and (max-width: 960px) {
.section-map .list-result .list .item .wrapp-item .content .line-contact-info .phone, .section-map .box-lg-config-map .list .item .wrapp-item .content .line-contact-info .phone {
margin-right: 0;
padding-right: 0;
border-right: 0;
}
}
@media screen and (max-width: 960px) {
.section-map .list-result .list .item .wrapp-item .content .line-contact-info .phone, .section-map .box-lg-config-map .list .item .wrapp-item .content .line-contact-info .phone {
margin-bottom: 5px;
padding-bottom: 5px;
border-bottom: 1px solid #CDCFD3;
}
}
@media screen and (max-width: 767px) {
.section-map .list-result .list .item .wrapp-item .content .line-contact-info .phone, .section-map .box-lg-config-map .list .item .wrapp-item .content .line-contact-info .phone {
margin-right: 10px;
padding-right: 10px;
border-right: 1px solid #CDCFD3;
border-bottom: 0;
margin-bottom: 0;
padding-bottom: 0;
}
}
.section-map .list-result .list .item .wrapp-item .content .line-btn, .section-map .box-lg-config-map .list .item .wrapp-item .content .line-btn {
display: flex;
align-items: center;
}
.section-map .list-result .list .item .wrapp-item .content .line-btn > *, .section-map .box-lg-config-map .list .item .wrapp-item .content .line-btn > * {
display: block;
}
@media screen and (max-width: 875px) {
.section-map .list-result .list .item .wrapp-item .content .line-btn, .section-map .box-lg-config-map .list .item .wrapp-item .content .line-btn {
flex-direction: column;
align-items: flex-start;
}
}
@media screen and (max-width: 767px) {
.section-map .list-result .list .item .wrapp-item .content .line-btn, .section-map .box-lg-config-map .list .item .wrapp-item .content .line-btn {
align-items: center;
flex-direction: row;
}
}
.section-map .list-result .list .item .wrapp-item .content .line-btn .btn-register, .section-map .box-lg-config-map .list .item .wrapp-item .content .line-btn .btn-register {
font-weight: 500;
font-size: 12px;
padding: 9px 5px;
max-width: 132px;
margin-right: 20px;
}
@media screen and (max-width: 960px) {
.section-map .list-result .list .item .wrapp-item .content .line-btn .btn-register, .section-map .box-lg-config-map .list .item .wrapp-item .content .line-btn .btn-register {
margin-right: 10px;
}
}
@media screen and (max-width: 875px) {
.section-map .list-result .list .item .wrapp-item .content .line-btn .btn-register, .section-map .box-lg-config-map .list .item .wrapp-item .content .line-btn .btn-register {
margin-right: 0;
margin-bottom: 10px;
}
}
@media screen and (max-width: 767px) {
.section-map .list-result .list .item .wrapp-item .content .line-btn .btn-register, .section-map .box-lg-config-map .list .item .wrapp-item .content .line-btn .btn-register {
margin-right: 10px;
margin-bottom: 0;
}
}
@media screen and (max-width: 575px) {
.section-map .list-result .list .item .wrapp-item .content .line-btn .btn-register, .section-map .box-lg-config-map .list .item .wrapp-item .content .line-btn .btn-register {
margin-right: 20px;
}
}
.section-map .list-result .list .item .wrapp-item .content .line-btn .btn-read-more, .section-map .box-lg-config-map .list .item .wrapp-item .content .line-btn .btn-read-more {
text-decoration: none;
border: none;
border-bottom: 1px solid #3984dd;
color: #3984dd;
background: none;
outline: none;
}
.section-map .list-result .list .item .wrapp-item .content .line-btn .btn-read-more:focus, .section-map .box-lg-config-map .list .item .wrapp-item .content .line-btn .btn-read-more:focus {
outline: none;
}
.section-map .list-result .list .item .wrapp-item .content .line-btn .btn-read-more i, .section-map .box-lg-config-map .list .item .wrapp-item .content .line-btn .btn-read-more i {
margin-left: 6px;
}
.section-map .box-map {
flex-basis: 72%;
}
@media screen and (max-width: 1450px) {
.section-map .box-map {
flex-basis: 68%;
max-width: 68%;
}
}
@media screen and (max-width: 1270px) {
.section-map .box-map {
flex-basis: 65%;
max-width: 65%;
}
}
@media screen and (max-width: 767px) {
.section-map .box-map {
flex-basis: 100%;
max-width: 100%;
width: 100%;
min-height: 400px;
position: absolute;
top: 148px;
left: 0;
right: 0;
}
}
@media screen and (max-width: 575px) {
.section-map .box-map {
min-height: 255px;
top: 47px;
}
.section-map-labs #map{
min-height: 255px !important;
top: 183px;
}
.section-map-labs .box-lg-config-map .box-config-map .box-config{
margin-bottom: 267px !important;
}
}
.section-why-are-we {
padding: 104px 0 52px;
}
@media screen and (max-width: 1199px) {
.section-why-are-we {
padding: 65px 0 40px;
}
}
@media screen and (max-width: 767px) {
.section-why-are-we {
padding: 35px 0 15px;
}
}
@media screen and (max-width: 575px) {
.section-why-are-we {
padding: 47px 0 19px;
}
}
@media screen and (max-width: 767px) {
.section-why-are-we .line-why {
flex-direction: column;
}
}
.section-why-are-we .line-why .box-title {
flex-basis: 27.5%;
}
@media screen and (max-width: 767px) {
.section-why-are-we .line-why .box-title {
flex-basis: 100%;
margin-bottom: 30px;
}
}
.section-why-are-we .line-why .box-title .title {
font-weight: bold;
font-size: 36px;
line-height: 44px;
letter-spacing: 0.2px;
}
@media screen and (max-width: 1199px) {
.section-why-are-we .line-why .box-title .title {
font-size: 30px;
line-height: normal;
}
}
@media screen and (max-width: 991px) {
.section-why-are-we .line-why .box-title .title {
font-size: 28px;
}
}
@media screen and (max-width: 767px) {
.section-why-are-we .line-why .box-title .title br {
display: none;
}
.section-map-labs .box-lg-config-map .box-config-map .box-title .title{
display: none;
}
}
@media screen and (max-width: 575px) {
.section-why-are-we .line-why .box-title .title {
font-size: 22px;
text-align: center;
}
.section-partner,.section-news--mob{
display: none !important;
}
}
.section-why-are-we .line-why .list {
flex-basis: 70%;
display: flex;
flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
.section-why-are-we .line-why .list {
flex-basis: 100%;
}
}
div.TbwUpd img {
display: none !important;
}
.section-why-are-we .line-why .list .item {
padding: 0 15px;
display: flex;
flex-basis: 33.3%;
align-items: center;
}
.page-template-page-partners .section-why-are-we .line-why .list .item{
align-items: flex-start;
}
.section-why-are-we .line-why .list .item a {
padding: 0 15px;
display: flex;
align-items: center;
color: #1E1F1F;
}
@media screen and (max-width: 1199px) {
.section-why-are-we .line-why .list .item {
margin-bottom: 30px;
}
}
@media screen and (max-width: 991px) {
.section-why-are-we .line-why .list .item {
flex-basis: 50%;
margin-bottom: 20px;
}
.section-why-are-we .line-why .list .item a {
flex-basis: 50%;
margin-bottom: 20px;
}
}
@media screen and (max-width: 767px) {
.section-why-are-we .line-why .list .item {
flex-basis: 100%;
padding: 0;
flex-direction: column;
align-items: center;
margin-bottom: 25px;
}
.section-why-are-we .line-why .list .item a {
flex-basis: 100%;
padding: 0;
flex-direction: column;
align-items: center;
margin-bottom: 25px;
}
}
@media screen and (max-width: 575px) {
.section-why-are-we .line-why .list .item {
margin-bottom: 32px;
}
}
.section-why-are-we .line-why .list .item:last-child {
flex-basis: 40%;
}
@media screen and (max-width: 991px) {
.section-why-are-we .line-why .list .item:last-child {
flex-basis: 60%;
}
}
.menu-item-1708{
display: none;
}
@media screen and (max-width: 767px) {
.section-why-are-we .line-why .list .item:last-child {
flex-basis: 100%;
}
}
.section-why-are-we .line-why .list .item img {
margin-right: 10px;
}
@media screen and (max-width: 767px) {
.section-why-are-we .line-why .list .item img {
margin-right: 0;
margin-bottom: 5px;
}
}
@media screen and (max-width: 575px) {
.section-why-are-we .line-why .list .item img {
margin-bottom: 8px;
}
}
.section-why-are-we .line-why .list .item p {
margin-bottom: 0;
font-size: 20px;
line-height: 26px;
}
@media screen and (max-width: 1199px) {
.section-why-are-we .line-why .list .item p {
font-size: 18px;
line-height: normal;
}
}
@media screen and (max-width: 991px) {
.section-why-are-we .line-why .list .item p {
font-size: 16px;
}
}
@media screen and (max-width: 575px) {
.section-why-are-we .line-why .list .item p {
font-size: 17px;
text-align: center;
}
}
.section-online-recording {
padding: 62px 0 60px;
overflow: hidden;
z-index: 1;
}
@media screen and (max-width: 1199px) {
.section-online-recording {
padding: 40px 0 45px;
}
}
@media screen and (max-width: 991px) {
.section-online-recording {
padding: 30px 0 35px;
}
}
@media screen and (max-width: 767px) {
.section-online-recording {
background-color: #3984dd;
}
}
@media screen and (max-width: 575px) {
.section-online-recording {
padding: 43px 0 38px;
}
}
@media screen and (max-width: 767px) {
.section-online-recording .bg-img-section {
display: none;
}
}
.section-online-recording .column-online-recording {
color: #fff;
align-items: center;
position: relative;
}
.section-online-recording .column-online-recording:before {
content: "";
position: absolute;
width: 754px;
height: 754px;
display: block;
border-radius: 50%;
background-color: #3984dd;
z-index: -1;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
@media screen and (max-width: 850px) {
.section-online-recording .column-online-recording:before {
width: 666px;
height: 666px;
}
}
@media screen and (max-width: 767px) {
.section-online-recording .column-online-recording:before {
display: none;
}
}
.section-online-recording .column-online-recording .title {
font-size: 56px;
line-height: 48px;
text-align: center;
letter-spacing: 0.2px;
margin-bottom: 29px;
}
@media screen and (max-width: 1199px) {
.section-online-recording .column-online-recording .title {
font-size: 48px;
line-height: normal;
margin-bottom: 18px;
}
}
@media screen and (max-width: 991px) {
.section-online-recording .column-online-recording .title {
font-size: 40px;
margin-bottom: 15px;
}
}
@media screen and (max-width: 767px) {
.section-online-recording .column-online-recording .title {
font-size: 36px;
}
}
@media screen and (max-width: 575px) {
.section-online-recording .column-online-recording .title {
font-size: 28px;
margin-bottom: 11px;
}
}
.section-online-recording .column-online-recording .sub-title {
font-size: 18px;
opacity: 0.7;
text-align: center;
margin-bottom: 42px;
}
@media screen and (max-width: 1199px) {
.section-online-recording .column-online-recording .sub-title {
margin-bottom: 28px;
}
}
@media screen and (max-width: 991px) {
.section-online-recording .column-online-recording .sub-title {
margin-bottom: 20px;
line-height: normal;
}
}
@media screen and (max-width: 575px) {
.section-online-recording .column-online-recording .sub-title {
font-size: 13px;
margin-bottom: 29px;
}
}
.section-online-recording .column-online-recording .btn-online-recording {
padding: 13px 10px;
}
@media screen and (max-width: 991px) {
.section-online-recording .column-online-recording .btn-online-recording {
padding: 10px 10px;
}
}
.section-online-recording.section-online-recording-in-offer .column-online-recording .img-online-record {
display: block;
margin: 0 auto;
max-width: 124px;
width: 100%;
margin-bottom: 10px;
}
.section-online-recording.section-online-recording-in-offer .column-online-recording .title {
font-size: 24px;
line-height: 40px;
}
.section-online-recording.section-online-recording-in-offer .column-online-recording .sub-title {
font-size: 16px;
line-height: 24px;
}
.section-partner {
display: none;
position: relative;
overflow: hidden;
min-height: 300px;
align-items: flex-end;
}
@media screen and (max-width: 575px) {
.section-partner {
min-height: 248px;
}
}
.section-partner:before {
content: "";
position: absolute;
display: block;
width: 433px;
height: 433px;
left: -157px;
top: -12px;
background-color: #3984dd;
border-radius: 50%;
}
@media screen and (max-width: 767px) {
.section-partner {
display: flex;
}
}
.section-partner .content-partner {
position: relative;
z-index: 1;
padding: 20px;
max-width: 265px;
}
@media screen and (max-width: 575px) {
.section-partner .content-partner {
padding: 49px 24px;
max-width: 265px;
}
}
.section-partner .content-partner .title {
color: #fff;
font-size: 22px;
line-height: 26px;
margin-bottom: 20px;
}
@media screen and (max-width: 575px) {
.section-partner .content-partner .title {
font-size: 17px;
}
}
.section-news {
padding: 100px 0;
}
@media screen and (max-width: 1199px) {
.section-news {
padding: 70px 0;
}
}
@media screen and (max-width: 991px) {
.section-news {
padding: 50px 0;
}
}
@media screen and (max-width: 575px) {
.section-news {
padding: 54px 0;
}
}
.section-news .line-news {
padding-bottom: 5px;
}
@media screen and (max-width: 767px) {
.section-news .line-news {
flex-direction: column;
overflow: hidden;
}
}
.section-news .line-news .box-title {
flex-basis: 17.5%;
}
@media screen and (max-width: 991px) {
.section-news .line-news .box-title {
flex-basis: 22.5%;
}
}
@media screen and (max-width: 767px) {
.section-news .line-news .box-title {
flex-basis: 100%;
}
}
@media screen and (max-width: 767px) {
.section-news .line-news .box-title {
display: flex;
justify-content: space-between;
}
}
@media screen and (max-width: 575px) {
.section-news .line-news .box-title {
align-items: center;
margin-bottom: 20px;
}
}
.section-news .line-news .box-title .title {
font-weight: bold;
font-size: 36px;
line-height: 44px;
letter-spacing: 0.2px;
margin-bottom: 24px;
}
@media screen and (max-width: 991px) {
.section-news .line-news .box-title .title {
font-size: 30px;
line-height: normal;
letter-spacing: 0.1px;
margin-bottom: 15px;
}
}
@media screen and (max-width: 575px) {
.section-news .line-news .box-title .title {
font-size: 22px;
margin-bottom: 0;
}
}
.section-news .line-news .swiper-wrapper {
padding-bottom: 5px;
height: unset;
}
.section-news .line-news .swiper-slide {
position: relative;
border: 2px solid transparent;
transition: all 0.3s ease-in-out;
margin-right: 22px;
flex-basis: 31.3%;
}
@media screen and (max-width: 1199px) {
.section-news .line-news .swiper-slide {
margin-right: 15px;
}
}
@media screen and (max-width: 767px) {
.section-news .line-news .swiper-slide {
flex-basis: 100%;
max-width: 232px;
margin-right: 0;
}
}
.section-news .line-news .swiper-slide:last-child {
margin-right: 0;
}
.section-news .line-news .swiper-slide:before {
position: absolute;
content: "";
font-family: "Font Awesome 5 Pro";
font-weight: 500;
color: #fff;
background-color: #3984dd;
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
right: 0;
top: 0;
opacity: 0;
transition: all 0.3s ease-in-out;
}
.section-news .line-news .swiper-slide:hover {
border-color: #3984dd;
}
.section-news .line-news .swiper-slide:hover:before {
opacity: 1;
}
.section-news .line-news .list-news {
flex-basis: 82.5%;
}
@media screen and (max-width: 767px) {
.section-news .line-news .list-news {
flex-basis: 100%;
margin-left: -15px;
}
}
.section-news .line-news .list-news .item-news img {
display: block;
width: 100%;
margin-bottom: 21px;
}
@media screen and (max-width: 991px) {
.section-news .line-news .list-news .item-news img {
margin-bottom: 10px;
}
}
.section-news .line-news .list-news .item-news a {
font-weight: 600;
font-size: 16px;
color: #1E1F1F;
padding: 0 17px;
display: block;
margin-bottom: 17px;
transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 991px) {
.section-news .line-news .list-news .item-news a {
padding: 0 8px;
margin-bottom: 10px;
font-size: 14px;
}
}
@media screen and (max-width: 575px) {
.section-news .line-news .list-news .item-news a {
font-size: 15px;
}
}
.section-news .line-news .list-news .item-news a:before {
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
display: block;
}
.section-news .line-news .list-news .item-news a:hover {
text-decoration: none;
}
.section-news .line-news .list-news .item-news p {
margin-bottom: 0;
padding: 0 17px;
margin-bottom: 40px;
}
@media screen and (max-width: 991px) {
.section-news .line-news .list-news .item-news p {
padding: 0 8px;
margin-bottom: 10px;
}
}
@media screen and (max-width: 575px) {
.section-news .line-news .list-news .item-news p {
font-size: 13px;
}
}
@media screen and (max-width: 767px) {
main {
display: flex;
flex-direction: column;
}
main .section-services {
order: 1;
}
main .section-services.wpage {
order: 0;
}
main .section-map {
order: 2;
}
main .section-map.wpage {
order: 1;
}
.box-config-map .config-service > p {
display: none;
}
.section-map.section-map-labs.wpage {
padding-top: 0px;
}
main .section-why-are-we {
order: 3;
}
main .section-online-recording {
order: 2;
}
main .section-partner {
order: 5;
}
main .section-news {
order: 6;
}
}
footer {
background: #191A1B;
color: #fff;
padding: 55px 0 20px;
}
@media screen and (max-width: 991px) {
footer {
padding: 40px 0 15px;
}
}
@media screen and (max-width: 575px) {
footer {
padding: 30px 0 15px;
}
}
footer .line-footer {
justify-content: space-between;
}
@media screen and (max-width: 767px) {
footer .line-footer {
flex-direction: column;
justify-content: flex-start;
}
}
@media screen and (max-width: 575px) {
footer .line-footer .foot-column {
padding: 0 0 0 12px;
}
}
footer .line-footer .foot-column:first-child {
flex-basis: 17%;
}
@media screen and (max-width: 991px) {
footer .line-footer .foot-column:first-child {
flex-basis: 20%;
}
}
@media screen and (max-width: 767px) {
footer .line-footer .foot-column:first-child {
flex-basis: 100%;
margin-left: 0;
}
}
footer .line-footer .foot-column:nth-child(2) {
margin-left: 30px;
}
@media screen and (max-width: 767px) {
footer .line-footer .foot-column:nth-child(2) {
margin-left: 0;
order: 2;
}
}
footer .line-footer .foot-column:nth-child(3) {
margin-left: 30px;
}
@media screen and (max-width: 991px) {
footer .line-footer .foot-column:nth-child(3) {
margin-left: 15px;
}
}
@media screen and (max-width: 767px) {
footer .line-footer .foot-column:nth-child(3) {
margin-left: 0;
}
}
footer .line-footer .foot-column:nth-child(4) {
order: 3;
}
footer .line-footer .foot-column .logo {
max-width: 187px;
width: 100%;
margin-bottom: 41px;
}
@media screen and (max-width: 767px) {
footer .line-footer .foot-column .logo {
margin-bottom: 30px;
}
}
@media screen and (max-width: 767px) {
footer .line-footer .foot-column address {
display: none;
}
footer .line-footer .foot-column .desktop-list {
display: none;
}
}
@media screen and (max-width: 575px) {
footer .line-footer .foot-column .logo {
max-width: 136px;
margin-bottom: 25px;
}
}
footer .line-footer .foot-column address {
margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
footer .line-footer .foot-column .time {
display: none;
}
}
footer .line-footer .foot-column .title-foot-nav {
font-weight: 500;
font-size: 16px;
margin-top: 29px;
margin-bottom: 18px;
}
@media screen and (max-width: 991px) {
footer .line-footer .foot-column .title-foot-nav {
margin-top: 13px;
margin-bottom: 15px;
}
}
@media screen and (max-width: 767px) {
footer .line-footer .foot-column .title-foot-nav {
color: #fff;
opacity: 0.5;
}
}
@media screen and (max-width: 767px) {
footer .line-footer .foot-column nav {
margin-bottom: 30px;
}
}
@media screen and (max-width: 575px) {
footer .line-footer .foot-column nav {
margin-bottom: 25px;
}
}
@media screen and (max-width: 575px) {
footer .line-footer .foot-column nav.social-nav {
margin-bottom: 0;
}
}
footer .line-footer .foot-column nav.social-nav .title-social {
display: none;
color: #fff;
opacity: 0.5;
margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
footer .line-footer .foot-column nav.social-nav .title-social {
display: block;
}
}
footer .line-footer .foot-column nav.social-nav ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
}
footer .line-footer .foot-column nav.social-nav ul li {
margin-bottom: 0;
margin-right: 30px;
}
@media screen and (max-width: 991px) {
footer .line-footer .foot-column nav.social-nav ul li {
margin-right: 20px;
}
}
footer .line-footer .foot-column nav.social-nav ul li:last-child {
margin-right: 0;
}
footer .line-footer .foot-column nav.social-nav ul li a {
font-size: 22px;
color: #fff;
transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 991px) {
footer .line-footer .foot-column nav.social-nav ul li a {
font-size: 20px;
}
}
footer .line-footer .foot-column nav.social-nav ul li a:hover {
text-decoration: none;
}
footer .line-footer .foot-column nav.contact-nav {
margin-top: 30px;
margin-bottom: 32px;
}
@media screen and (max-width: 991px) {
footer .line-footer .foot-column nav.contact-nav {
margin-top: 13px;
margin-bottom: 20px;
}
}
@media screen and (max-width: 767px) {
footer .line-footer .foot-column nav.contact-nav {
display: none;
}
}
footer .line-footer .foot-column nav.contact-nav ul li {
margin-bottom: 13px;
}
@media screen and (max-width: 991px) {
footer .line-footer .foot-column nav.contact-nav ul li {
margin-bottom: 8px;
}
}
footer .line-footer .foot-column nav.contact-nav ul li:last-child {
margin-bottom: 0;
}
footer .line-footer .foot-column nav.contact-nav ul li a {
font-size: 16px;
color: #fff;
}
@media screen and (max-width: 991px) {
footer .line-footer .foot-column nav.contact-nav ul li a {
font-size: 14px;
}
}
footer .line-footer .foot-column nav.contact-nav ul li a img {
margin-right: 18px;
}
@media screen and (max-width: 991px) {
footer .line-footer .foot-column nav.contact-nav ul li a img {
margin-right: 10px;
}
}
footer .line-footer .foot-column nav ul {
list-style: none;
margin: 0;
padding: 0;
}
footer .line-footer .foot-column nav ul li {
margin-bottom: 15px;
}
@media screen and (max-width: 991px) {
footer .line-footer .foot-column nav ul li {
margin-bottom: 10px;
}
}
footer .line-footer .foot-column nav ul li:last-child {
margin-bottom: 0;
}
footer .line-footer .foot-column nav ul li a {
display: block;
color: #A6A6A6;
font-size: 14px;
letter-spacing: 0.1px;
}
@media screen and (max-width: 767px) {
footer .line-footer .foot-column nav ul li a {
color: #fff;
}
}
footer .line-footer .foot-column-mob {
display: none;
order: 2;
margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
footer .line-footer .foot-column-mob {
display: block;
}
}
@media screen and (max-width: 575px) {
footer .line-footer .foot-column-mob {
margin-top: 12px;
}
}
footer .line-footer .foot-column-mob address {
display: block;
color: #fff;
opacity: 0.5;
margin-bottom: 0;
}
@media screen and (max-width: 575px) {
footer .line-footer .foot-column-mob address {
font-size: 13px;
}
}
footer .line-footer .foot-column-mob .time {
display: block;
color: #fff;
opacity: 0.5;
margin-bottom: 10px;
}
@media screen and (max-width: 575px) {
footer .line-footer .foot-column-mob .time {
margin-bottom: 20px;
font-size: 13px;
}
}
footer .line-footer .foot-column-mob .line-foot-btn {
justify-content: space-between;
}
@media screen and (max-width: 575px) {
footer .line-footer .foot-column-mob .line-foot-btn {
margin-left: -12px;
}
}
@media screen and (max-width: 575px) {
footer .line-footer .foot-column-mob .line-foot-btn .btn-dark {
font-size: 13px;
}
}
footer .line-footer .foot-column-mob .line-foot-btn .btn-dark:first-child {
margin-right: 15px;
}
footer .line-footer .foot-column-mob .line-foot-btn .btn-dark i {
margin-right: 10px;
}
footer .copyright {
margin: 28px 0 5px;
color: #A6A6A6;
font-size: 10px;
line-height: 12px;
letter-spacing: 0.1px;
}
@media screen and (max-width: 767px) {
footer .copyright {
text-align: center;
}
}
@media screen and (max-width: 575px) {
footer .copyright {
margin: 37px 0 0px;
}
}
.service-first-screen.wpage {
background-color: #3984dd;
}
.service-first-screen {
color: #fff;
display: flex;
}
.service-first-screen.wpage .box-preview .wrapp-content .title-page:before {
background-color: #fff;
}
.section-map-labs.wpage .box-lg-config-map .line-title-labs {
margin-bottom: 10px;
}
.section-map-labs.wpage .box-lg-config-map .box-config-map .box-config {
justify-content: left;
}
.service-first-screen.wpage .box-preview .wrapp-content p {
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 24px;
letter-spacing: 0.1px;
color: #E4F2EB;
padding-left: 97px;
}
.service-first-screen.wpage .box-preview .wrapp-content {
min-height: 200px;
}
@media screen and (max-width: 767px) {
.service-first-screen {
flex-direction: column;
}
}
.service-first-screen .box-preview {
position: relative;
flex-basis: 62%;
}
@media screen and (max-width: 767px) {
.service-first-screen .box-preview {
flex-basis: 100%;
}
}
.service-first-screen .box-preview .wrapp-content {
min-height: 272px;
max-width: 780px;
margin-left: auto;
padding: 24px 20px 20px 11px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
@media screen and (max-width: 991px) {
.service-first-screen .box-preview .wrapp-content {
padding: 20px 20px 20px 12px;
min-height: 240px;
}
}
@media screen and (max-width: 767px) {
.service-first-screen .box-preview .wrapp-content {
padding: 30px 30px;
min-height: 220px;
}
}
@media screen and (max-width: 575px) {
.service-first-screen .box-preview .wrapp-content {
padding: 7px 24px;
min-height: 111px;
}
.service-first-screen.wpage .box-preview .wrapp-content {
padding: 7px 24px;
min-height: 111px;
}
.service-first-screen.wpage .box-preview .wrapp-content p {
font-size: 10px;
line-height: 16px;
}
}
@media screen and (max-width: 350px) {
.service-first-screen .box-preview .wrapp-content {
padding: 7px 13px;
}
.service-first-screen.wpage .box-preview .wrapp-content {
padding: 7px 13px;
}
}
.service-first-screen .box-preview .wrapp-content .box-breadcrumbs {
font-size: 10px;
line-height: 16px;
margin: 0;
}
.service-first-screen .box-preview .wrapp-content .box-breadcrumbs span {
color: #fff;
}
@media screen and (max-width: 767px) {
.service-first-screen .box-preview .wrapp-content .box-breadcrumbs span {
color: #D2D2D2;
}
}
.service-first-screen .box-preview .wrapp-content .box-breadcrumbs span a {
color: #fff;
}
@media screen and (max-width: 767px) {
.service-first-screen .box-preview .wrapp-content .box-breadcrumbs span a {
color: #D2D2D2;
}
}
@media screen and (max-width: 767px) {
.service-first-screen .box-preview .wrapp-content .box-breadcrumbs span span {
color: #D2D2D2;
}
}
.service-first-screen .box-preview .wrapp-content .box-breadcrumbs span.breadcrumbs__separator {
margin: 0 2px;
}
.service-first-screen .box-preview .wrapp-content .title-page {
position: relative;
font-size: 48px;
line-height: 48px;
padding-left: 97px;
letter-spacing: 3px;
margin-bottom: 10px;
}
@media screen and (max-width: 1199px) {
.service-first-screen .box-preview .wrapp-content .title-page {
font-size: 44px;
line-height: 44px;
padding-left: 75px;
}
}
@media screen and (max-width: 991px) {
.service-first-screen .box-preview .wrapp-content .title-page {
font-size: 36px;
line-height: 36px;
}
}
@media screen and (max-width: 767px) {
.service-first-screen .box-preview .wrapp-content .title-page {
padding-left: 0;
}
.service-first-screen.wpage .box-preview .wrapp-content p {
padding-left: 0;
}
}
@media screen and (max-width: 575px) {
.service-first-screen .box-preview .wrapp-content .title-page {
font-size: 22px;
line-height: 24px;
letter-spacing: normal;
}
}
.service-first-screen .box-preview .wrapp-content .title-page:before {
content: "";
position: absolute;
width: 80px;
height: 4px;
background-color: #3984dd;
display: block;
left: 0;
top: 20px;
}
@media screen and (max-width: 1199px) {
.service-first-screen .box-preview .wrapp-content .title-page:before {
width: 60px;
}
}
@media screen and (max-width: 767px) {
.service-first-screen .box-preview .wrapp-content .title-page:before {
display: none;
}
}
.service-first-screen .box-preview .wrapp-content .list-links {
list-style: none;
padding: 0;
margin: 0;
display: flex;
margin-left: 13%;
}
@media screen and (max-width: 1199px) {
.service-first-screen .box-preview .wrapp-content .list-links {
margin-left: 9%;
}
}
@media screen and (max-width: 991px) {
.service-first-screen .box-preview .wrapp-content .list-links {
margin-left: 5%;
}
}
@media screen and (max-width: 767px) {
.service-first-screen .box-preview .wrapp-content .list-links {
margin-left: 0;
}
}
.service-first-screen .box-preview .wrapp-content .list-links li {
margin-right: 34px;
}
@media screen and (max-width: 991px) {
.service-first-screen .box-preview .wrapp-content .list-links li {
margin-right: 20px;
}
}
@media screen and (max-width: 575px) {
.service-first-screen .box-preview .wrapp-content .list-links li {
margin-right: 10px;
}
}
.service-first-screen .box-preview .wrapp-content .list-links li:last-child {
margin-right: 0;
}
.service-first-screen .box-preview .wrapp-content .list-links li a {
color: #fff;
font-size: 18px;
line-height: 24px;
letter-spacing: 1.8px;
}
@media screen and (max-width: 1199px) {
.service-first-screen .box-preview .wrapp-content .list-links li a {
font-size: 16px;
line-height: 18px;
}
}
@media screen and (max-width: 991px) {
.service-first-screen .box-preview .wrapp-content .list-links li a {
font-size: 14px;
line-height: normal;
}
}
@media screen and (max-width: 575px) {
.service-first-screen .box-preview .wrapp-content .list-links li a {
font-size: 10px;
line-height: 16px;
letter-spacing: normal;
}
}
.service-first-screen .box-preview .wrapp-content .list-links li a i {
color: #3984dd;
margin-right: 10px;
font-size: 22px;
}
@media screen and (max-width: 991px) {
.service-first-screen .box-preview .wrapp-content .list-links li a i {
font-size: 14px;
line-height: normal;
}
}
@media screen and (max-width: 350px) {
.service-first-screen .box-preview .wrapp-content .list-links li a i {
font-size: 10px;
margin-right: 5px;
}
}
.service-first-screen .box-description {
background-color: #3984dd;
flex-basis: 40%;
}
@media screen and (max-width: 767px) {
.service-first-screen .box-description {
flex-basis: 100%;
background-color: #fff;
color: #1E1F1F;
}
}
.service-first-screen .box-description .wrapp-content {
padding: 32px 18px 20px 39px;
max-width: 358px;
font-size: 16px;
line-height: 22px;
}
@media screen and (max-width: 991px) {
.service-first-screen .box-description .wrapp-content {
font-size: 14px;
padding: 25px 15px 20px 25px;
}
}
@media screen and (max-width: 767px) {
.service-first-screen .box-description .wrapp-content {
max-width: 100%;
padding: 25px 15px 25px 15px;
}
}
@media screen and (max-width: 575px) {
.service-first-screen .box-description .wrapp-content {
max-width: 100%;
padding: 17px 12px 20px 24px;
font-size: 12px;
line-height: 18px;
}
}
.section-step-certification {
padding: 72px 0 56px;
}
.steps-numbers {
color: #bab9b9;
}
@media screen and (max-width: 991px) {
.section-step-certification {
padding: 55px 0 40px;
}
}
@media screen and (max-width: 767px) {
.section-step-certification {
padding: 55px 0 10px;
}
}
@media screen and (max-width: 575px) {
.section-step-certification {
padding: 40px 0 10px;
}
}
.section-step-certification .col-md-4:last-child .step-certification:after, .section-step-certification .col-md-3:last-child .step-certification:after {
display: none;
}
.section-step-certification .step-certification {
position: relative;
text-align: center;
padding: 0 50px;
margin-bottom: 30px;
}
@media screen and (max-width: 1199px) {
.section-step-certification .step-certification {
padding: 0 20px;
}
}
@media screen and (max-width: 991px) {
.section-step-certification .step-certification {
padding: 0;
}
}
@media screen and (max-width: 767px) {
.section-step-certification .step-certification {
text-align: left;
display: flex;
margin-bottom: 50px;
}
}
@media screen and (max-width: 575px) {
.section-step-certification .step-certification {
margin-bottom: 60px;
}
}
.section-step-certification .step-certification:after {
content: "";
position: absolute;
left: 146px;
transform: translateX(50%);
top: 46px;
display: block;
width: 225px;
border-bottom: 2px dashed #CDCFD3;
}
@media screen and (max-width: 1149px) {
.section-step-certification .step-certification:after {
left: 138px;
width: 170px;
}
}
@media screen and (max-width: 991px) {
.section-step-certification .step-certification:after {
left: 117px;
width: 110px;
}
}
@media screen and (max-width: 767px) {
.section-step-certification .step-certification:after {
left: 45px;
width: 0;
height: 33px;
border-bottom: 0;
top: unset;
border-right: 2px dashed #CDCFD3;
transform: unset;
bottom: -43px;
}
}
@media screen and (max-width: 575px) {
.section-step-certification .step-certification:after {
left: 31px;
bottom: -42px;
height: 52px;
}
}
@media screen and (max-width: 350px) {
.section-step-certification .step-certification:after {
display: none;
}
}
.section-step-certification .step-certification .wrapp-img {
width: 96px;
height: 96px;
display: flex;
align-items: center;
justify-content: center;
background-color: #fff;
border-radius: 50%;
margin: 0 auto;
margin-bottom: 24px;
}
@media screen and (max-width: 767px) {
.section-step-certification .step-certification .wrapp-img {
margin: 0;
margin-bottom: 0;
margin-right: 15px;
min-width: 96px;
}
}
@media screen and (max-width: 575px) {
.section-step-certification .step-certification .wrapp-img {
width: 64px;
height: 64px;
min-width: 64px;
margin-right: 21px;
}
}
@media screen and (max-width: 575px) {
.section-step-certification .step-certification .wrapp-img img {
display: block;
width: 100%;
max-width: 30px;
}
}
.section-step-certification .step-certification .name-certification {
font-weight: bold;
font-size: 18px;
line-height: 24px;
margin-bottom: 12px;
}
@media screen and (max-width: 575px) {
.section-step-certification .step-certification .name-certification {
font-size: 15px;
line-height: 20px;
margin-bottom: 2px;
}
}
.section-step-certification .step-certification .description-certification {
font-size: 13px;
}
.section-step-certification .step-certification .description-certification a {
text-decoration: underline;
color: #3984dd;
}
.section-step-certification.section-step-insurance .step-certification {
padding: 0 15px;
}
@media screen and (max-width: 1199px) {
.section-step-certification.section-step-insurance .step-certification {
padding: 0 10px;
}
}
.section-step-certification.section-step-insurance .step-certification:after {
left: 129px;
width: 145px;
}
@media screen and (max-width: 1149px) {
.section-step-certification.section-step-insurance .step-certification:after {
left: 127px;
width: 100px;
}
}
@media screen and (max-width: 991px) {
.section-step-certification.section-step-insurance .step-certification:after {
left: 121px;
width: 45px;
}
}
@media screen and (max-width: 767px) {
.section-step-certification.section-step-insurance .step-certification:after {
left: 57px;
width: 0;
height: 33px;
border-bottom: 0;
top: unset;
border-right: 2px dashed #CDCFD3;
transform: unset;
bottom: -43px;
}
}
@media screen and (max-width: 575px) {
.section-step-certification.section-step-insurance .step-certification:after {
left: 40px;
bottom: -48px;
height: 35px;
}
}
.section-certification-application img {
width: 100%;
object-fit: contain;
display: block;
margin: 0 auto;
max-width: 1280px;
}
@media screen and (max-width: 767px) {
.section-certification-application + .section-map {
order: unset;
}
}
.section-description-certification {
padding: 80px 0;
}
@media screen and (max-width: 767px) {
.section-description-certification {
padding: 50px 0;
}
}
.section-description-certification .row-border {
position: relative;
padding-bottom: 59px;
margin-bottom: 56px;
}
@media screen and (max-width: 767px) {
.section-description-certification .row-border {
padding-bottom: 35px;
margin-bottom: 30px;
}
}
@media screen and (max-width: 575px) {
.section-description-certification .row-border {
padding-bottom: 48px;
margin-bottom: 38px;
}
}
.section-description-certification .row-border:last-child {
padding-bottom: 0;
margin-bottom: 0;
display: none;
}
.section-description-certification .row-border:last-child:after,.section-description-certification .row-border:nth-child(5):after {
display: none;
}
.postid-97 .section-description-certification .row-border:nth-child(4):after,.postid-538 .section-description-certification .row-border:nth-child(4):after{
display: none;
}
.postid-538 .section-description-certification .row-border:nth-child(4){
margin-bottom: 0;
padding-bottom: 0;
}
.wrap-step-online-record .line-step .step-wrapp .logo{
max-width: 100%;
}
.section-description-certification .row-border:after {
content: "";
position: absolute;
bottom: 0;
height: 1px;
display: block;
opacity: 0.5;
background-color: #494949;
width: 1216px;
left: 50%;
transform: translateX(-50%);
}
.section-description-certification .btn-certif {
border-color: #3984dd;
color: #3984dd;
max-width: 304px;
font-weight: 600;
font-size: 13px;
padding: 10px 10px;
}
.section-description-certification .btn-certif:hover {
border-color: #3984dd;
background-color: #3984dd;
color: #fff;
}
@media screen and (max-width: 767px) {
.section-description-certification .box-title {
margin-bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
.section-description-certification .box-title .title {
font-weight: bold;
font-size: 39px;
line-height: 44px;
margin-bottom: 25px;
}
@media screen and (max-width: 1199px) {
.section-description-certification .box-title .title {
font-size: 36px;
line-height: 40px;
}
}
@media screen and (max-width: 991px) {
.section-description-certification .box-title .title {
font-size: 28px;
line-height: normal;
margin-bottom: 20px;
}
}
@media screen and (max-width: 767px) {
.section-description-certification .box-title .title {
margin-bottom: 15px;
}
}
@media screen and (max-width: 575px) {
.section-description-certification .box-title .title {
font-size: 17px;
line-height: 24px;
}
}
.section-description-certification .box-title .description {
font-size: 16px;
line-height: 22px;
}
@media screen and (max-width: 991px) {
.section-description-certification .box-title .description {
font-size: 14px;
line-height: normal;
}
}
@media screen and (max-width: 767px) {
.section-description-certification .box-title .description {
margin-bottom: 15px;
}
}
@media screen and (max-width: 575px) {
.section-description-certification .box-title .description {
font-size: 10px;
color: #494949;
margin-bottom: 24px;
}
}
@media screen and (max-width: 767px) {
.section-description-certification .box-title .btn-certif {
margin-bottom: 50px;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
}
@media screen and (max-width: 575px) {
.section-description-certification .box-title .btn-certif {
margin-bottom: 50px;
}
}
.section-description-certification .box-description {
padding-left: 10%;
margin-top: 3px;
}
.section-description-certification .box-description ol {
position: relative;
}
.section-description-certification .box-description ol:after {
content: '';
width: 2px;
height: 80%;
border-left: 2px dashed #CDCFD3;
position: absolute;
top: 15px;
left: 16px;
}
@media screen and (max-width: 767px) {
.section-description-certification .box-description {
padding-left: 0;
}
}
.section-description-certification .box-description p {
font-size: 16px;
line-height: 22px;
}
.section-description-certification .box-description ul, .section-description-certification .box-description ol {
list-style: none;
margin: 0;
padding: 0;
margin-bottom: 20px;
}
.section-description-certification .box-description ul li, .section-description-certification .box-description ol li {
font-size: 16px;
line-height: 22px;
margin-bottom: 17px;
position: relative;
padding-left: 34px;
}
.section-description-certification .box-description ul li:last-child, .section-description-certification .box-description ol li:last-child {
margin-bottom: 0;
}
@media screen and (max-width: 991px) {
.section-description-certification .box-description ul li, .section-description-certification .box-description ol li {
font-size: 16px;
line-height: normal;
margin-bottom: 15px;
}
}
@media screen and (max-width: 575px) {
.section-description-certification .box-description ul li, .section-description-certification .box-description ol li {
font-size: 15px;
line-height: 20px;
margin-bottom: 12px;
}
}
.section-description-certification .box-description ul li:before {
content: "";
font-family: "Font Awesome 5 Pro";
font-weight: 500;
font-size: 22px;
color: #3984dd;
position: absolute;
left: 0;
top: 0;
}
.section-description-certification .box-description ol {
counter-reset: customList;
}
.section-description-certification .box-description ol li {
counter-increment: customList;
padding-left: 50px;
margin-bottom: 40px;
}
@media screen and (max-width: 991px) {
.section-description-certification .box-description ol li {
margin-bottom: 30px;
}
}
.section-description-certification .box-description ol li:before {
content: counter(customList);
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
display: flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
background-color: #fff;
border-radius: 50%;
color: #3984dd;
z-index: 1;
}
.section-description-certification .box-description .btn-certif {
margin-top: 7px;
}
@media screen and (max-width: 767px) {
.section-description-certification .box-description .btn-certif {
margin-top: 17px;
position: relative;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
}
@media screen and (max-width: 575px) {
.section-description-certification .box-description .btn-certif {
margin-top: 17px;
}
}
.section-faq .box-faq .item-slide {
cursor: pointer;
transition: all 0.3s ease-in-out;
border-bottom: 1px solid #CDCFD3;
padding: 34px 17px;
}
@media screen and (max-width: 1199px) {
.section-faq .box-faq .item-slide {
padding: 25px 10px;
}
}
@media screen and (max-width: 575px) {
.section-faq .box-faq .item-slide {
padding: 15px 5px;
}
}
.section-faq .box-faq .item-slide:first-child {
border-top: 1px solid #CDCFD3;
}
.section-faq .box-faq .item-slide .title-slide {
font-weight: 500;
font-size: 16px;
line-height: 20px;
transition: all 0.3s ease-in-out;
position: relative;
padding-left: 42px;
}
@media screen and (max-width: 991px) {
.section-faq .box-faq .item-slide .title-slide {
padding-left: 30px;
}
}
@media screen and (max-width: 575px) {
.section-faq .box-faq .item-slide .title-slide {
padding-left: 25px;
}
}
.section-faq .box-faq .item-slide .title-slide i {
position: absolute;
left: 0;
top: 50%;
margin-right: 30px;
transform: translateY(-50%) rotate(-90deg);
transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 991px) {
.section-faq .box-faq .item-slide .title-slide i {
margin-right: 20px;
}
}
.section-faq .box-faq .item-slide .content-slide {
font-size: 16px;
line-height: 22px;
display: none;
margin-top: 16px;
margin-left: 43px;
}
@media screen and (max-width: 991px) {
.section-faq .box-faq .item-slide .content-slide {
margin-left: 30px;
}
}
@media screen and (max-width: 575px) {
.section-faq .box-faq .item-slide .content-slide {
font-size: 14px;
line-height: 16px;
margin-left: 25px;
}
}
.section-faq .box-faq .item-slide:hover .title-slide {
color: #3984dd;
}
.section-faq .box-faq .item-slide.active .title-slide {
color: #3984dd;
}
.section-faq .box-faq .item-slide.active .title-slide i {
transform: translateY(-50%) rotate(0);
}
.car-insurance {
padding: 48px 0 96px;
position: relative;
}
@media screen and (max-width: 991px) {
.car-insurance {
padding: 40px 0 60px;
}
}
.car-insurance .title-car-insurance {
text-align: center;
font-size: 36px;
line-height: 44px;
margin-bottom: 49px;
}
@media screen and (max-width: 1199px) {
.car-insurance .title-car-insurance {
font-size: 32px;
line-height: 36px;
margin-bottom: 35px;
}
}
@media screen and (max-width: 991px) {
.car-insurance .title-car-insurance {
font-size: 24px;
line-height: normal;
margin-bottom: 25px;
}
}
.car-insurance .line-car-insurance .step .btn-link {
background: none;
outline: none;
border: 0;
margin: 0 auto;
font-size: 12px;
text-decoration: underline;
}
.car-insurance .line-car-insurance .step input[type=text] {
border: 1px solid #CDCFD3;
padding: 10px 24px;
font-size: 14px;
line-height: 20px;
width: 100%;
margin-bottom: 4px;
}
.car-insurance .line-car-insurance .step input[type=text]::placeholder {
opacity: 0.6;
}
.car-insurance .line-car-insurance .step .line-fast-city .btn-fast-city {
font-size: 12px;
line-height: 16px;
color: #3984dd;
padding: 0;
margin-right: 10px;
max-width: unset;
width: unset;
}
.car-insurance .line-car-insurance .step .line-fast-city .btn-fast-city:last-child {
margin-right: 0;
}
.car-insurance .line-car-insurance .step .line-fast-city .btn-fast-city:hover {
color: #3984dd;
}
.car-insurance .line-car-insurance .step .item-privilege {
position: relative;
margin-bottom: 14px;
}
.car-insurance .line-car-insurance .step .item-privilege input {
position: absolute;
left: 0;
top: 0;
opacity: 0;
}
.car-insurance .line-car-insurance .step .item-privilege input:checked + label:after {
opacity: 1;
}
.car-insurance .line-car-insurance .step .item-privilege label {
margin: 0;
position: relative;
padding-left: 30px;
cursor: pointer;
color: #494949;
font-size: 14px;
margin-right: 10px;
}
.car-insurance .line-car-insurance .step .item-privilege label:before {
content: "";
position: absolute;
border: 2px solid #3984dd;
box-sizing: border-box;
border-radius: 2px;
width: 16px;
height: 16px;
left: 0;
top: 0;
}
.car-insurance .line-car-insurance .step .item-privilege label:after {
content: "";
font-family: "Font Awesome 5 Pro";
font-weight: 600;
font-size: 11px;
color: #3984dd;
position: absolute;
left: 3px;
top: -1px;
opacity: 0;
transition: all 0.3s ease-in-out;
}
.car-insurance .line-car-insurance .step .item-privilege input:disabled + label {
color: #CDCFD3;
cursor: not-allowed;
}
.car-insurance .line-car-insurance .step .item-privilege input:disabled + label:before {
border: 2px solid #CDCFD3;
}
.car-insurance .line-car-insurance .step .btn-info {
color: #3984dd;
transition: all 0.3s ease-in-out;
padding: 0;
max-width: unset;
width: unset;
opacity: 0.5;
}
.car-insurance .line-car-insurance .step .btn-info:hover {
opacity: 1;
}
.car-insurance .line-car-insurance .step .btn-info:disabled {
opacity: 0.3;
}
.car-insurance .line-car-insurance .step .btn-info:disabled:hover {
cursor: not-allowed;
}
.car-insurance .line-car-insurance .step .info-box {
display: block;
position: absolute;
display: block;
padding: 20px 20px;
font-size: 13px;
line-height: 18px;
color: #fff;
box-shadow: 0px 2px 8px rgba(98, 107, 108, 0.08);
border: 1px solid #FFFFFF;
background-color: #3984dd;
z-index: 5;
display: none;
}
.car-insurance .line-car-insurance .step .column-btn > * {
margin: 0 auto;
}
.car-insurance .line-car-insurance .step .column-btn .btn-submit {
max-width: 312px;
margin-bottom: 25px;
}
.car-insurance .line-car-insurance .step .column-btn .btn-link i {
margin-left: 0;
padding-right: 5px;
}
.car-insurance .line-car-insurance .step.step-start {
position: relative;
}
.car-insurance .line-car-insurance .step.step-start form {
display: block;
padding-bottom: 56px;
margin-bottom: 25px;
position: relative;
}
.car-insurance .line-car-insurance .step.step-start form:before {
content: "";
position: absolute;
display: block;
max-width: 410px;
width: 100%;
height: 1px;
background-color: #CDCFD3;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
.car-insurance .line-car-insurance .step.step-start form .search-inner {
position: relative;
display: flex;
justify-content: center;
}
@media screen and (max-width: 991px) {
.car-insurance .line-car-insurance .step.step-start form .search-inner {
padding-bottom: 35px;
margin-bottom: 15px;
flex-direction: column;
align-items: center;
}
}
.car-insurance .line-car-insurance .step.step-start form .search-inner .wrap-input {
position: relative;
background-image: url(//evrocentr-avto.com.ua/wp-content/themes/center-avto/img/ua.svg);
background-repeat: no-repeat;
background-size: 22px;
background-position: 2px center;
max-width: 240px;
width: 100%;
margin-right: 23px;
min-width: 234px;
}
@media screen and (max-width: 991px) {
.car-insurance .line-car-insurance .step.step-start form .search-inner .wrap-input {
max-width: 240px;
font-size: 18px;
min-width: unset;
margin-right: 0;
margin-bottom: 15px;
}
}
.car-insurance .line-car-insurance .step.step-start form .search-inner .wrap-input:before, .car-insurance .line-car-insurance .step.step-start form .search-inner .wrap-input:after {
content: "";
position: absolute;
left: 0;
height: 50%;
display: block;
width: 26px;
z-index: -1;
}
.car-insurance .line-car-insurance .step.step-start form .search-inner .wrap-input:before {
top: 0;
background: #1E82DE;
}
.car-insurance .line-car-insurance .step.step-start form .search-inner .wrap-input:after {
bottom: 0;
background: #FDE50C;
}
.car-insurance .line-car-insurance .step.step-start form .search-inner .wrap-input input {
text-align: center;
color: #1E1F1F;
background: transparent;
border: 1px solid #CDCFD3;
padding: 15px 10px;
padding-left: 26px;
font-size: 16px;
width: 100%;
margin-bottom: 0;
}
@media screen and (max-width: 991px) {
.car-insurance .line-car-insurance .step.step-start form .search-inner .wrap-input input {
padding: 10px 10px;
padding-left: 26px;
}
}
.car-insurance .line-car-insurance .step.step-start form .search-inner .wrap-input input::placeholder {
color: #1E1F1F;
opacity: 0.6;
font-size: 16px;
}
.car-insurance .line-car-insurance .step.step-start form .search-inner .btn-submit {
display: block;
max-width: 260px;
width: 100%;
min-width: 296px;
}
@media screen and (max-width: 991px) {
.car-insurance .line-car-insurance .step.step-start form .search-inner .btn-submit {
min-width: unset;
max-width: 240px;
}
}
.car-insurance .line-car-insurance .step.step-start form .search-message {
text-align: center;
}
.car-insurance .line-car-insurance .step.step-insurance-main {
display: none;
}
.car-insurance .line-car-insurance .step.step-insurance-main .car-insurance {
max-width: 744px;
width: 100%;
margin: 0 auto;
padding: 0;
}
.car-insurance .line-car-insurance .step.step-insurance-main .car-insurance .box-info-car {
display: flex;
margin-bottom: 27px;
}
@media screen and (max-width: 991px) {
.car-insurance .line-car-insurance .step.step-insurance-main .car-insurance .box-info-car {
flex-direction: column;
}
}
.car-insurance .line-car-insurance .step.step-insurance-main .car-insurance .box-info-car > div {
flex-basis: 50%;
}
@media screen and (max-width: 991px) {
.car-insurance .line-car-insurance .step.step-insurance-main .car-insurance .box-info-car > div {
flex-basis: 100%;
}
}
.car-insurance .line-car-insurance .step.step-insurance-main .car-insurance .box-info-car .wrapp-img {
max-width: 88px;
max-height: 88px;
width: 100%;
margin-right: 20px;
}
.car-insurance .line-car-insurance .step.step-insurance-main .car-insurance .box-info-car .wrapp-img img {
width: 100%;
height: 100%;
object-fit: contain;
}
.car-insurance .line-car-insurance .step.step-insurance-main .car-insurance .box-info-car .box-info {
display: flex;
flex-basis: 70%;
}
@media screen and (max-width: 991px) {
.car-insurance .line-car-insurance .step.step-insurance-main .car-insurance .box-info-car .box-info {
margin-bottom: 30px;
}
}
.car-insurance .line-car-insurance .step.step-insurance-main .car-insurance .box-info-car .box-info .box {
flex-basis: 50%;
}
.car-insurance .line-car-insurance .step.step-insurance-main .car-insurance .box-info-car .box-info .box > div {
color: #5A5A5A;
font-size: 10px;
line-height: 16px;
margin-bottom: 21px;
}
.car-insurance .line-car-insurance .step.step-insurance-main .car-insurance .box-info-car .box-info .box > div:last-child {
margin-bottom: 0;
}
.car-insurance .line-car-insurance .step.step-insurance-main .car-insurance .box-info-car .box-info .box > div span {
font-weight: 500;
font-size: 13px;
line-height: 18px;
color: #1E1F1F;
display: block;
font-weight: 500;
}
.car-insurance .line-car-insurance .step.step-insurance-main .car-insurance .box-info-car #car-registration-city {
position: relative;
}
.car-insurance .line-car-insurance .step.step-insurance-with-param {
display: none;
}
.car-insurance .line-car-insurance .step.step-insurance-with-param .car-insurance {
max-width: 856px;
margin: 0 auto;
width: 100%;
padding: 0;
}
.car-insurance .line-car-insurance .step.step-insurance-with-param .line-select {
margin-bottom: 10px;
}
@media screen and (max-width: 991px) {
.car-insurance .line-car-insurance .step.step-insurance-with-param .line-select {
flex-direction: column;
}
}
.car-insurance .line-car-insurance .step.step-insurance-with-param .line-select > div {
flex-basis: 33%;
display: flex;
flex-direction: column;
margin-right: 32px;
}
@media screen and (max-width: 991px) {
.car-insurance .line-car-insurance .step.step-insurance-with-param .line-select > div {
flex-basis: 100%;
margin-right: 0;
margin-bottom: 20px;
}
}
.car-insurance .line-car-insurance .step.step-insurance-with-param .line-select > div:last-child {
margin-right: 0;
}
.car-insurance .line-car-insurance .step.step-insurance-with-param .line-select > div .item-privilege {
margin-top: 10px;
}
.car-insurance .line-car-insurance .step.step-insurance-with-param .line-select > div > label {
color: #5A5A5A;
}
.car-insurance .line-car-insurance .step.step-insurance-with-param .line-select .select-city {
margin-right: 0;
}
.car-insurance .line-car-insurance .step.step-insurance-with-param .line-select .select-country {
display: none;
}
.car-insurance .insurance-request-car-parametres {
position: relative;
}
.section-online-recording-service .column-online-recording:before {
width: 654px;
height: 654px;
}
.section-online-recording-service .column-online-recording .title {
font-size: 36px;
margin-bottom: 5px;
margin-bottom: 26px;
}
@media screen and (max-width: 991px) {
.section-online-recording-service .column-online-recording .title {
font-size: 30px;
}
}
@media screen and (max-width: 767px) {
.section-online-recording-service .column-online-recording .title {
font-size: 28px;
}
}
.section-online-recording-service .column-online-recording .btn-online-recording {
max-width: 235px;
}
.blog .page-content {
background-color: #F3F6FA;
}
.box-breadcrumbs {
font-size: 10px;
line-height: 16px;
color: #494949;
margin: 25px 0 29px;
}
@media screen and (max-width: 991px) {
.box-breadcrumbs {
margin: 20px 0 22px;
}
}
@media screen and (max-width: 767px) {
.box-breadcrumbs {
margin: 15px 0 22px;
}
}
@media screen and (max-width: 575px) {
.box-breadcrumbs {
margin: 12px 0 23px 13px;
}
}
.box-breadcrumbs span a {
color: #494949;
}
.box-breadcrumbs span.breadcrumbs__separator {
margin: 0 2px;
}
.section-news-list .title-page {
position: relative;
font-size: 56px;
line-height: 48px;
letter-spacing: 3px;
margin-bottom: 58px;
}
@media screen and (max-width: 1199px) {
.section-news-list .title-page {
font-size: 50px;
line-height: 46px;
letter-spacing: 1px;
margin-bottom: 40px;
}
}
@media screen and (max-width: 991px) {
.section-news-list .title-page {
font-size: 42px;
line-height: 46px;
letter-spacing: normal;
margin-bottom: 30px;
}
}
@media screen and (max-width: 767px) {
.section-news-list .title-page {
font-size: 38px;
line-height: 40px;
margin-bottom: 40px;
}
}
@media screen and (max-width: 575px) {
.section-news-list .title-page {
font-size: 22px;
line-height: 24px;
padding-left: 13px;
margin-bottom: 33px;
}
}
.section-news-list .title-page:before {
content: "";
position: absolute;
width: 80px;
height: 4px;
background-color: #3984dd;
display: block;
left: -97px;
top: 24px;
}
@media screen and (max-width: 1199px) {
.section-news-list .title-page:before {
width: 60px;
left: -80px;
}
}
@media screen and (max-width: 991px) {
.section-news-list .title-page:before {
width: 50px;
left: -60px;
}
}
@media screen and (max-width: 767px) {
.section-news-list .title-page:before {
left: 0;
top: unset;
bottom: -10px;
}
}
@media screen and (max-width: 575px) {
.section-news-list .title-page:before {
height: 2px;
left: 12px;
top: unset;
width: 40px;
bottom: -10px;
}
}
.section-news-list .list-news {
display: flex;
flex-wrap: wrap;
margin-right: -24px;
}
@media screen and (max-width: 767px) {
.section-news-list .list-news {
margin-right: 0;
}
}
.section-news-list .list-news > * {
flex-basis: 50%;
max-width: 50%;
}
@media screen and (max-width: 767px) {
.section-news-list .list-news > * {
flex-basis: 100%;
max-width: 100%;
}
}
.section-news-list .list-news .item-news {
position: relative;
margin-bottom: 88px;
padding-right: 24px;
}
@media screen and (max-width: 1199px) {
.section-news-list .list-news .item-news {
margin-bottom: 70px;
}
}
@media screen and (max-width: 991px) {
.section-news-list .list-news .item-news {
margin-bottom: 50px;
}
}
@media screen and (max-width: 767px) {
.section-news-list .list-news .item-news {
padding-right: 0;
border-bottom: 1px solid #CDCFD3;
margin-bottom: 20px;
padding-bottom: 20px;
}
}
@media screen and (max-width: 575px) {
.section-news-list .list-news .item-news {
padding: 15px 4px;
margin-bottom: 10px;
}
}
.section-news-list .list-news .item-news:first-child {
flex-basis: 100%;
max-width: 100%;
margin-bottom: 85px;
}
@media screen and (max-width: 1199px) {
.section-news-list .list-news .item-news:first-child {
margin-bottom: 65px;
}
}
@media screen and (max-width: 991px) {
.section-news-list .list-news .item-news:first-child {
margin-bottom: 45px;
}
}
@media screen and (max-width: 767px) {
.section-news-list .list-news .item-news:first-child {
padding-bottom: 40px;
margin-bottom: 20px;
}
}
@media screen and (max-width: 575px) {
.section-news-list .list-news .item-news:first-child {
padding-bottom: 50px;
margin-bottom: 17px;
}
}
.section-news-list .list-news .item-news.item-news-last {
margin-bottom: 61px;
}
@media screen and (max-width: 991px) {
.section-news-list .list-news .item-news.item-news-last {
margin-bottom: 35px;
}
}
@media screen and (max-width: 767px) {
.section-news-list .list-news .item-news.item-news-last {
margin-bottom: 20px;
}
}
.section-news-list .list-news .item-news figure {
margin-bottom: 0;
}
.section-news-list .list-news .item-news figure .wrapp-img {
position: relative;
margin-bottom: 24px;
}
@media screen and (max-width: 991px) {
.section-news-list .list-news .item-news figure .wrapp-img {
margin-bottom: 15px;
}
}
.section-news-list .list-news .item-news figure .wrapp-img img {
width: 100%;
}
.section-news-list .list-news .item-news figure .wrapp-img .label {
position: absolute;
top: 0;
right: 0;
font-size: 14px;
background-color: #3984dd;
padding: 11px 13px;
color: #fff;
}
@media screen and (max-width: 991px) {
.section-news-list .list-news .item-news figure .wrapp-img .label {
display: none;
}
}
.section-news-list .list-news .item-news figure .wrapp-img .label span {
margin-right: 5px;
}
.section-news-list .list-news .item-news figure .wrapp-img .date {
position: absolute;
bottom: 0;
right: 0;
padding: 7px 16px;
font-size: 13px;
}
.section-news-list .list-news .item-news figure .wrapp-img .date-mob {
display: none;
}
.section-news-list .list-news .item-news figure .wrapp-img .date-black {
color: #494949;
}
@media screen and (max-width: 767px) {
.section-news-list .list-news .item-news figure .wrapp-img .date {
display: none;
}
.section-news-list .list-news .item-news figure .wrapp-img .date-mob {
display: block;
}
}
.section-news-list .list-news .item-news figure .wrapp-img .date.date-white {
color: #fff;
}
.section-news-list .list-news .item-news figure figcaption {
padding: 0 15px;
}
@media screen and (max-width: 991px) {
.section-news-list .list-news .item-news figure figcaption {
padding: 0 10px;
}
}
.section-news-list .list-news .item-news figure figcaption .label {
display: none;
font-size: 12px;
}
@media screen and (max-width: 767px) {
.section-news-list .list-news .item-news figure figcaption .label {
display: block;
}
}
@media screen and (max-width: 575px) {
.section-news-list .list-news .item-news figure figcaption .label {
margin-bottom: 15px;
}
}
.section-news-list .list-news .item-news figure figcaption .date {
display: none;
margin-bottom: 10px;
font-size: 12px;
}
@media screen and (max-width: 767px) {
.section-news-list .list-news .item-news figure figcaption .date {
display: block;
}
}
@media screen and (max-width: 575px) {
.section-news-list .list-news .item-news figure figcaption .date {
margin-bottom: 4px;
}
}
.section-news-list .list-news .item-news figure figcaption > a {
font-weight: 500;
font-size: 16px;
line-height: 20px;
color: #1E1F1F;
margin-bottom: 13px;
display: block;
transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 991px) {
.section-news-list .list-news .item-news figure figcaption > a {
margin-bottom: 5px;
}
}
@media screen and (max-width: 575px) {
.section-news-list .list-news .item-news figure figcaption > a {
font-size: 13px;
}
}
.section-news-list .list-news .item-news figure figcaption > a:before {
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
display: block;
}
.section-news-list .list-news .item-news figure figcaption > a:hover {
color: #3984dd;
text-decoration: none;
}
.section-news-list .list-news .item-news figure figcaption > p {
margin-bottom: 0;
}
@media screen and (max-width: 575px) {
.section-news-list .list-news .item-news figure figcaption > p {
font-size: 12px;
}
}
@media screen and (max-width: 767px) {
.section-news-list .list-news .item-news:not(:first-child) figure .wrapp-img {
margin-bottom: 0;
margin-right: 15px;
}
}
@media screen and (max-width: 575px) {
.section-news-list .list-news .item-news:not(:first-child) figure .wrapp-img {
margin-right: 11px;
}
}
@media screen and (max-width: 767px) {
.section-news-list .list-news .item-news:not(:first-child) figure img {
width: 110px;
height: 110px;
object-fit: cover;
}
}
@media screen and (max-width: 575px) {
.section-news-list .list-news .item-news:not(:first-child) figure img {
width: 88px;
height: 88px;
}
}
@media screen and (max-width: 767px) {
.section-news-list .list-news .item-news:not(:first-child) figure figcaption {
padding: 0;
}
}
@media screen and (max-width: 575px) {
.section-news-list .list-news .item-news:not(:first-child) figure figcaption > a {
margin-bottom: 3px;
}
}
@media screen and (max-width: 767px) {
.section-news-list .list-news .item-news:not(:first-child) figure figcaption > p {
margin-bottom: 15px;
}
}
@media screen and (max-width: 575px) {
.section-news-list .list-news .item-news:not(:first-child) figure figcaption > p {
margin-bottom: 9px;
}
}
@media screen and (max-width: 767px) {
.section-news-list .list-news .item-news:not(:first-child) figure {
display: flex;
}
}
.section-news-list .list-news .item-news:first-child figure .wrapp-img {
margin-bottom: 24px;
}
@media screen and (max-width: 991px) {
.section-news-list .list-news .item-news:first-child figure .wrapp-img {
margin-bottom: 15px;
}
} @media screen and (max-width: 575px) {
.section-news-list .list-news .item-news:first-child figure .wrapp-img img {
min-height: 192px;
object-fit: cover;
}
}
.section-news-list .list-news .item-news:first-child figure .wrapp-img .label {
padding: 11px 15px;
}
@media screen and (max-width: 991px) {
.section-news-list .list-news .item-news:first-child figure .wrapp-img .label {
display: block;
}
}
@media screen and (max-width: 575px) {
.section-news-list .list-news .item-news:first-child figure .wrapp-img .label {
font-size: 13px;
padding: 7px 17px;
}
}
.section-news-list .list-news .item-news:first-child figure .wrapp-img .date {
font-size: 13px;
}
@media screen and (max-width: 991px) {
.section-news-list .list-news .item-news:first-child figure .wrapp-img .date {
display: block;
}
}
@media screen and (max-width: 575px) {
.section-news-list .list-news .item-news:first-child figure .wrapp-img .date {
font-size: 12px;
padding: 7px 16px;
}
}
@media screen and (max-width: 575px) {
.section-news-list .list-news .item-news:first-child figure figcaption {
padding: 0 15px;
}
}
.section-news-list .list-news .item-news:first-child figure figcaption > a {
font-size: 20px;
line-height: 28px;
}
@media screen and (max-width: 991px) {
.section-news-list .list-news .item-news:first-child figure figcaption > a {
font-size: 18px;
line-height: normal;
}
}
.line-pagination {
justify-content: flex-end;
margin-bottom: 47px;
}
.line-pagination ul {
list-style: none;
padding: 0;
margin: 0;
display: flex;
}
.line-pagination ul li {
margin-right: 4px;
}
@media screen and (max-width: 767px) {
.line-pagination ul li {
display: none;
margin-right: 16px;
}
}
.line-pagination ul li:last-child {
margin-right: 0;
}
@media screen and (max-width: 767px) {
.line-pagination ul li:last-child {
display: block;
}
}
@media screen and (max-width: 767px) {
.line-pagination ul li:first-child {
display: block;
}
}
.line-pagination ul li a, .line-pagination ul li span, .line-pagination ul li .curent {
display: flex;
align-items: center;
justify-content: center;
border-radius: 1px;
color: #494949;
border: 1px solid transparent;
padding: 2px 5px;
min-width: 24px;
min-height: 24px;
transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 767px) {
.line-pagination ul li a, .line-pagination ul li span, .line-pagination ul li .curent {
min-width: 32px;
min-height: 32px;
}
}
.line-pagination ul li a.prev, .line-pagination ul li span.prev, .line-pagination ul li .curent.prev {
background-color: #fff;
}
@media screen and (max-width: 767px) {
.line-pagination ul li a.prev, .line-pagination ul li span.prev, .line-pagination ul li .curent.prev {
display: flex;
}
}
.line-pagination ul li a.next, .line-pagination ul li span.next, .line-pagination ul li .curent.next {
background-color: #fff;
}
@media screen and (max-width: 767px) {
.line-pagination ul li a.next, .line-pagination ul li span.next, .line-pagination ul li .curent.next {
display: flex;
}
}
.line-pagination ul li a:hover, .line-pagination ul li span:hover, .line-pagination ul li .curent:hover {
text-decoration: none;
border: 1px solid #CDCFD3;
}
.line-pagination ul li span, .line-pagination ul li .curent {
color: #3984dd;
border: 1px solid #CDCFD3;
}
.section-single-post article h2, h3, h4, h5 {
font-size: 19px;
line-height: 23px;
}
@media screen and (max-width: 575px) {
.single-post .box-breadcrumbs {
margin: 12px 0 31px 13px;
}
}
@media screen and (max-width: 767px) {
.single-post article img {
width: 100%;
height: auto;
}
}
.section-single-post article {
position: relative;
margin-top: 26px;
padding-bottom: 63px;
}
@media screen and (max-width: 991px) {
.section-single-post article {
margin-top: 0px;
padding-bottom: 25px;
}
}
@media screen and (max-width: 575px) {
.section-single-post article {
margin: 0 12px;
padding-bottom: 27px;
}
}
.section-single-post article:before {
content: "";
position: absolute;
width: 80px;
height: 4px;
background-color: #3984dd;
display: block;
left: -96px;
top: 0px;
}
@media screen and (max-width: 1199px) {
.section-single-post article:before {
width: 60px;
left: -80px;
}
}
@media screen and (max-width: 991px) {
.section-single-post article:before {
width: 50px;
left: -60px;
}
}
@media screen and (max-width: 767px) {
.section-single-post article:before {
display: none;
}
}
.section-single-post article .main-img-post {
position: relative;
margin-bottom: 24px;
}
@media screen and (max-width: 991px) {
.section-single-post article .main-img-post {
margin-bottom: 18px;
}
}
@media screen and (max-width: 575px) {
.section-single-post article .main-img-post {
margin: 0 -8px;
margin-bottom: 18px;
}
}
.section-single-post article .main-img-post img {
width: 100%;
height: 100%;
object-fit: cover;
}
@media screen and (max-width: 575px) {
.section-single-post article .main-img-post img { }
}
.section-single-post article .main-img-post .date {
position: absolute;
bottom: 0;
right: 0;
padding: 14px 22px;
font-size: 13px;
}
@media screen and (max-width: 575px) {
.section-single-post article .main-img-post .date {
padding: 7px 16px;
font-size: 12px;
}
}
.section-single-post article .main-img-post .date.date-white {
color: #fff;
}
.section-single-post article h1 {
font-weight: bold;
font-size: 36px;
line-height: 44px;
margin-bottom: 49px;
}
@media screen and (max-width: 991px) {
.section-single-post article h1 {
font-size: 28px;
line-height: 30px;
margin-bottom: 25px;
}
}
@media screen and (max-width: 575px) {
.section-single-post article h1 {
font-size: 20px;
line-height: 24px;
}
}
.section-single-post article p {
font-size: 17px;
line-height: 22px;
margin-bottom: 16px;
}
@media screen and (max-width: 991px) {
.section-single-post article p {
font-size: 14px;
}
}
@media screen and (max-width: 575px) {
.section-single-post article p {
font-size: 17px;
line-height: 22px;
margin-bottom: 9px;
}
}
.section-single-post article figure {
margin: 47px 0 39px;
}
@media screen and (max-width: 991px) {
.section-single-post article figure {
margin: 30px 0 25px;
}
}
@media screen and (max-width: 575px) {
.section-single-post article figure {
margin: 25px 0 19px;
}
}
.section-single-post article figure img {
width: 100%;
}
.section-single-post article figure figcaption {
color: #494949;
padding: 5px;
}
.section-single-post article ul, .section-single-post article ol {
list-style: none;
margin: 0;
padding: 0;
margin-bottom: 29px;
}
@media screen and (max-width: 575px) {
.section-single-post article ul, .section-single-post article ol {
margin: 15px 0;
margin-bottom: 29px;
}
}
.section-single-post article ul li, .section-single-post article ol li {
font-size: 16px;
line-height: 22px;
margin-bottom: 17px;
position: relative;
padding-left: 37px;
}
.section-single-post article ul li:last-child, .section-single-post article ol li:last-child {
margin-bottom: 0;
}
@media screen and (max-width: 991px) {
.section-single-post article h2{
font-size: 19px;
line-height: 23px;
}
.section-single-post article h3, h4, h5 {
font-size: 18px;
line-height: 22px;
}
.section-single-post article ul li, .section-single-post article ol li {
font-size: 15px;
line-height: normal;
margin-bottom: 15px;
}
}
@media screen and (max-width: 575px) {
.section-single-post article h2{
font-size: 19px;
line-height: 23px;
}
.section-single-post article h3, h4, h5 {
font-size: 18px;
line-height: 22px;
}
.section-single-post article ul li, .section-single-post article ol li {
font-size: 15px;
line-height: 20px;
margin-bottom: 12px;
padding-left: 24px;
}
}
.section-single-post article ul li:before {
content: "";
font-family: "Font Awesome 5 Pro";
font-weight: 500;
font-size: 22px;
color: #3984dd;
position: absolute;
left: 0;
top: 0;
}
@media screen and (max-width: 575px) {
.section-single-post article ul li:before {
font-size: 14px;
}
}
.section-single-post article ol {
counter-reset: customList;
}
.section-single-post article ol li {
counter-increment: customList;
padding-left: 50px;
margin-bottom: 25px;
}
@media screen and (max-width: 575px) {
.section-single-post article ol li {
margin-bottom: 10px;
padding-left: 40px;
}
}
.section-single-post article ol li:before {
content: counter(customList);
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
display: flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
background-color: #fff;
border-radius: 50%;
color: #3984dd;
z-index: 1;
}
@media screen and (max-width: 575px) {
.section-single-post article ol li:before {
font-size: 12px;
width: 26px;
height: 26px;
}
}
.page-template-page-contacts .title-section {
position: relative;
font-weight: bold;
font-size: 36px;
line-height: 48px;
margin-bottom: 32px;
padding-left: 95px;
}
@media screen and (max-width: 1199px) {
.page-template-page-contacts .title-section {
font-size: 34px;
line-height: 38px;
padding-left: 80px;
}
}
@media screen and (max-width: 991px) {
.page-template-page-contacts .title-section {
font-size: 28px;
padding-left: 60px;
line-height: normal;
margin-bottom: 15px;
}
}
@media screen and (max-width: 767px) {
.page-template-page-contacts .title-section {
padding-left: 0;
margin-bottom: 30px;
}
}
@media screen and (max-width: 575px) {
.page-template-page-contacts .title-section {
font-size: 22px;
margin-left: 12px;
margin-bottom: 25px;
}
}
.page-template-page-contacts .title-section:before {
content: "";
position: absolute;
width: 80px;
height: 4px;
background-color: #3984dd;
display: block;
left: 0;
top: 24px;
}
@media screen and (max-width: 1199px) {
.page-template-page-contacts .title-section:before {
width: 60px;
top: 18px;
}
}
@media screen and (max-width: 991px) {
.page-template-page-contacts .title-section:before {
width: 50px;
top: 16px;
}
}
@media screen and (max-width: 767px) {
.page-template-page-contacts .title-section:before {
top: unset;
bottom: -10px;
}
}
@media screen and (max-width: 575px) {
.page-template-page-contacts .title-section:before {
height: 2px;
top: unset;
width: 40px;
bottom: -10px;
}
}
.section-contacts {
margin-bottom: 96px;
}
@media screen and (max-width: 1199px) {
.section-contacts {
margin-bottom: 65px;
}
}
@media screen and (max-width: 575px) {
.section-contacts {
margin-bottom: 45px;
}
}
.section-contacts .wrapp-contact {
font-size: 16px;
line-height: 20px;
}
@media screen and (max-width: 991px) {
.section-contacts .wrapp-contact {
font-size: 14px;
line-height: 18px;
}
}
@media screen and (max-width: 575px) {
.section-contacts .wrapp-contact {
font-size: 16px;
line-height: 20px;
padding: 0 13px;
}
}
@media screen and (max-width: 350px) {
.section-contacts .wrapp-contact {
font-size: 15px;
line-height: 16px;
}
}
.section-contacts .wrapp-contact address {
margin-top: 3px;
margin-bottom: 24px;
}
@media screen and (max-width: 991px) {
.section-contacts .wrapp-contact address {
margin-bottom: 10px;
}
}
@media screen and (max-width: 575px) {
.section-contacts .wrapp-contact address {
margin-top: 0;
margin-bottom: 24px;
}
}
.section-contacts .wrapp-contact .title-list {
color: #3984dd;
margin-bottom: 7px;
}
.section-contacts .wrapp-contact ul {
list-style: none;
padding: 0;
margin: 0;
margin-bottom: 24px;
}
.section-contacts .wrapp-contact ul li {
margin-bottom: 16px;
}
.section-contacts .wrapp-contact ul li:last-child {
margin-bottom: 0;
}
.section-contacts .wrapp-contact ul li a {
color: #1E1F1F;
}
.section-contacts .wrapp-contact ul li a img {
margin-right: 9px;
}
.section-contacts .wrapp-map {
height: 289px;
border: 2px solid #fff;
}
@media screen and (max-width: 575px) {
.section-contacts .wrapp-map {
height: 177px;
}
}
.firsts-sreen-with-img .column-content-firsts-sreen {
min-height: 280px;
justify-content: space-between;
padding: 24px 0 5.5%;
}
@media screen and (max-width: 991px) {
.firsts-sreen-with-img .column-content-firsts-sreen {
min-height: 225px;
padding: 20px 0 4.5%;
}
}
@media screen and (max-width: 767px) {
.firsts-sreen-with-img .column-content-firsts-sreen {
min-height: 180px;
}
}
@media screen and (max-width: 575px) {
.firsts-sreen-with-img .column-content-firsts-sreen {
min-height: 104px;
padding: 13px 0 13px 13px;
}
}
.firsts-sreen-with-img .column-content-firsts-sreen .box-breadcrumbs {
font-size: 10px;
line-height: 16px;
margin: 0;
}
.firsts-sreen-with-img .column-content-firsts-sreen .box-breadcrumbs span {
color: #494949;
}
@media screen and (max-width: 767px) {
.firsts-sreen-with-img .column-content-firsts-sreen .box-breadcrumbs span {
color: #ECECEC;
}
}
.firsts-sreen-with-img .column-content-firsts-sreen .box-breadcrumbs span a {
color: #494949;
}
@media screen and (max-width: 767px) {
.firsts-sreen-with-img .column-content-firsts-sreen .box-breadcrumbs span a {
color: #ECECEC;
}
}
@media screen and (max-width: 767px) {
.firsts-sreen-with-img .column-content-firsts-sreen .box-breadcrumbs span span {
color: #ECECEC;
}
}
.firsts-sreen-with-img .column-content-firsts-sreen .box-breadcrumbs span.breadcrumbs__separator {
margin: 0 2px;
}
.firsts-sreen-with-img .column-content-firsts-sreen .box-breadcrumbs.box-breadcrumbs-white span {
color: #ECECEC;
}
@media screen and (max-width: 767px) {
.firsts-sreen-with-img .column-content-firsts-sreen .box-breadcrumbs.box-breadcrumbs-white span {
color: #ECECEC;
}
}
.firsts-sreen-with-img .column-content-firsts-sreen .box-breadcrumbs.box-breadcrumbs-white span a {
color: #ECECEC;
}
@media screen and (max-width: 767px) {
.firsts-sreen-with-img .column-content-firsts-sreen .box-breadcrumbs.box-breadcrumbs-white span a {
color: #ECECEC;
}
}
@media screen and (max-width: 767px) {
.firsts-sreen-with-img .column-content-firsts-sreen .box-breadcrumbs.box-breadcrumbs-white span span {
color: #ECECEC;
}
}
.firsts-sreen-with-img .column-content-firsts-sreen .box-breadcrumbs.box-breadcrumbs-white span.breadcrumbs__separator {
margin: 0 2px;
}
.firsts-sreen-with-img .column-content-firsts-sreen .title-page {
position: relative;
font-size: 56px;
line-height: 48px;
padding-left: 97px;
letter-spacing: 3px;
color: #fff;
}
@media screen and (max-width: 1199px) {
.firsts-sreen-with-img .column-content-firsts-sreen .title-page {
font-size: 49px;
line-height: 44px;
padding-left: 75px;
}
}
@media screen and (max-width: 991px) {
.firsts-sreen-with-img .column-content-firsts-sreen .title-page {
font-size: 36px;
line-height: 36px;
}
}
@media screen and (max-width: 767px) {
.firsts-sreen-with-img .column-content-firsts-sreen .title-page {
padding-left: 0;
}
}
@media screen and (max-width: 575px) {
.firsts-sreen-with-img .column-content-firsts-sreen .title-page {
font-size: 22px;
line-height: 24px;
letter-spacing: 0;
}
}
.firsts-sreen-with-img .column-content-firsts-sreen .title-page:before {
content: "";
position: absolute;
width: 80px;
height: 4px;
background-color: #3984dd;
display: block;
left: 0;
top: 24px;
}
@media screen and (max-width: 1199px) {
.firsts-sreen-with-img .column-content-firsts-sreen .title-page:before {
width: 60px;
}
}
@media screen and (max-width: 767px) {
.firsts-sreen-with-img .column-content-firsts-sreen .title-page:before {
display: none;
}
}
.firsts-sreen-with-img .column-content-firsts-sreen .title-page.title-page-md {
font-size: 36px;
line-height: 48px;
}
@media screen and (max-width: 1199px) {
.firsts-sreen-with-img .column-content-firsts-sreen .title-page.title-page-md {
font-size: 36px;
line-height: 36px;
}
}
@media screen and (max-width: 991px) {
.firsts-sreen-with-img .column-content-firsts-sreen .title-page.title-page-md {
font-size: 36px;
line-height: 36px;
}
}
@media screen and (max-width: 767px) {
.firsts-sreen-with-img .column-content-firsts-sreen .title-page.title-page-md {
padding-left: 0;
}
}
@media screen and (max-width: 575px) {
.firsts-sreen-with-img .column-content-firsts-sreen .title-page.title-page-md {
font-size: 22px;
line-height: 24px;
}
}
.firsts-sreen-with-img .column-content-firsts-sreen .description {
font-weight: 500;
font-size: 16px;
line-height: 22px;
color: #fff;
}
@media screen and (max-width: 767px) {
.firsts-sreen-with-img .column-content-firsts-sreen .description {
font-size: 14px;
}
}
.section-count-info {
padding: 59px 0 76px;
}
@media screen and (max-width: 991px) {
.section-count-info {
padding: 40px 0 40px;
}
}
.section-count-info .line-count-info {
justify-content: space-around;
}
@media screen and (max-width: 767px) {
.section-count-info .line-count-info {
flex-direction: column;
justify-content: flex-start;
}
}
@media screen and (max-width: 575px) {
.section-count-info .line-count-info {
padding: 0 13px;
}
}
@media screen and (max-width: 350px) {
.section-count-info .line-count-info {
padding: 0;
}
}
.section-count-info .line-count-info .item {
display: flex;
align-items: center;
padding: 0 20px;
}
@media screen and (max-width: 991px) {
.section-count-info .line-count-info .item {
padding: 0 10px;
}
}
@media screen and (max-width: 767px) {
.section-count-info .line-count-info .item {
padding: 0;
margin-bottom: 20px;
}
.section-count-info .line-count-info .item:last-child {
margin-bottom: 0;
}
}
@media screen and (max-width: 575px) {
.section-count-info .line-count-info .item {
margin-bottom: 36px;
}
}
.section-count-info .line-count-info .item > img {
display: block;
margin-right: 15px;
max-width: 64px;
width: 100%;
}
@media screen and (max-width: 991px) {
.section-count-info .line-count-info .item > img {
max-width: 50px;
margin-right: 10px;
}
}
@media screen and (max-width: 575px) {
.section-count-info .line-count-info .item > img {
max-width: 64px;
margin-right: 19px;
}
}
.section-count-info .line-count-info .item .content .count {
color: #3984dd;
font-weight: bold;
font-size: 36px;
line-height: normal;
margin-bottom: 4px;
}
@media screen and (max-width: 991px) {
.section-count-info .line-count-info .item .content .count {
font-size: 30px;
}
}
@media screen and (max-width: 575px) {
.section-count-info .line-count-info .item .content .count {
font-size: 36px;
}
}
.section-count-info .line-count-info .item .content .name {
font-size: 20px;
line-height: normal;
}
@media screen and (max-width: 991px) {
.section-count-info .line-count-info .item .content .name {
font-size: 18px;
}
}
@media screen and (max-width: 575px) {
.section-count-info .line-count-info .item .content .name {
font-size: 20px;
}
}
.section-map-labs {
display: block;
}
@media screen and (max-width: 767px) {
.section-map-labs .wrapp-container-map {
display: block !important;
}
}
.section-map-labs .box-title {
display: none;
}
@media screen and (max-width: 767px) {
.section-map-labs .box-title {
display: block;
}
}
.section-map-labs .list-result-table {
display: none;
padding: 27px 0 0;
margin-bottom: 32px;
}
@media screen and (max-width: 767px) {
.section-map-labs .list-result-table {
display: block !important;
padding: 0;
margin: 0;
}
}
.section-map-labs .list-result-table .container-lg {
max-width: 1185px;
}
@media screen and (max-width: 767px) {
.section-map-labs .list-result-table .container-lg {
padding: 0;
}
}
.section-map-labs .list-result-table .list-labs {
display: none;
}
@media screen and (max-width: 767px) {
.section-map-labs .list-result-table .list-labs {
display: block !important;
}
}
.section-map-labs .list-result-table .box-res-table {
display: grid;
grid-template-columns: repeat(5, 1fr);
}
@media screen and (max-width: 767px) {
.section-map-labs .list-result-table .box-res-table {
display: none !important;
}
}
.section-map-labs .list-result-table .box-res-table .item {
padding: 18px 4px;
line-height: normal;
font-size: 16px;
border-bottom: 1px solid #CDCFD3;
display: flex;
align-items: flex-start;
}
.section-map-labs .list-result-table .box-res-table .item ul {
list-style: none;
padding: 0;
}
.section-map-labs .list-result-table .box-res-table .item.item-title {
border-bottom: 0;
background-color: #F3F6FA;
font-weight: 500;
font-size: 14px;
text-transform: uppercase;
padding: 12px 4px;
}
.section-map-labs .list-result-table .box-res-table .item:nth-child(5n+1) {
padding-left: 20px;
}
.section-map-labs .list-result-table .box-res-table .item .btn-record-online {
font-size: 12px;
padding: 10px 10px;
}
.section-map-labs .list-result-table .line-pagination {
justify-content: flex-start;
margin: 24px 0 24px;
}
.section-map-labs .box-lg-config-map {
padding: 40px 0 32px;
border-bottom: 1px solid #CDCFD3;
}
@media screen and (max-width: 1199px) {
.section-map-labs .box-lg-config-map {
padding: 30px 0 30px;
}
}
@media screen and (max-width: 767px) {
.section-map-labs .box-lg-config-map {
padding: 20px 0 0px;
background-color: #F3F6FA;
}
}
@media screen and (max-width: 767px) {
.section-map-labs .box-lg-config-map .container {
max-width: 100%;
padding-right: 0;
padding-left: 0;
}
}
.section-map-labs .box-lg-config-map .line-title-labs {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 63px;
}
@media screen and (max-width: 1199px) {
.section-map-labs .box-lg-config-map .line-title-labs {
margin-bottom: 30px;
}
}
@media screen and (max-width: 767px) {
.section-map-labs .box-lg-config-map .line-title-labs {
margin-bottom: 0;
padding: 0 16px;
}
}
.section-map-labs .box-lg-config-map .line-title-labs .title {
position: relative;
font-size: 36px;
line-height: 44px;
letter-spacing: 2px;
padding-left: 97px;
}
@media screen and (max-width: 1199px) {
.section-map-labs .box-lg-config-map .line-title-labs .title {
padding-left: 70px;
font-size: 30px;
line-height: 36px;
}
}
@media screen and (max-width: 991px) {
.section-map-labs .box-lg-config-map .line-title-labs .title {
font-size: 24px;
line-height: 28px;
letter-spacing: normal;
padding-left: 70px;
}
}
@media screen and (max-width: 767px) {
.section-map-labs .box-lg-config-map .line-title-labs .title {
padding-left: 0;
margin-bottom: 30px;
}
}
@media screen and (max-width: 575px) {
.section-map-labs .box-lg-config-map .line-title-labs .title {
font-size: 22px;
margin-left: 12px;
margin-bottom: 25px;
}
}
.section-map-labs .box-lg-config-map .line-title-labs .title:before {
content: "";
position: absolute;
width: 80px;
height: 4px;
background-color: #3984dd;
display: block;
left: 0;
top: 20px;
}
@media screen and (max-width: 1199px) {
.section-map-labs .box-lg-config-map .line-title-labs .title:before {
width: 60px;
top: 17px;
}
}
@media screen and (max-width: 991px) {
.section-map-labs .box-lg-config-map .line-title-labs .title:before {
top: 13px;
}
}
@media screen and (max-width: 767px) {
.section-map-labs .box-lg-config-map .line-title-labs .title:before {
top: unset;
bottom: -10px;
}
}
@media screen and (max-width: 575px) {
.section-map-labs .box-lg-config-map .line-title-labs .title:before {
height: 2px;
top: unset;
width: 40px;
bottom: -10px;
}
}
.section-map-labs .box-lg-config-map .line-title-labs .btn-toggle-res-labs {
max-width: 408px;
min-height: 76px;
display: flex;
justify-content: center;
}
@media screen and (max-width: 991px) {
.section-map-labs .box-lg-config-map .line-title-labs .btn-toggle-res-labs {
max-width: 345px;
min-height: 69px;
padding: 6px 7px;
}
}
@media screen and (max-width: 767px) {
.section-map-labs .box-lg-config-map .line-title-labs .btn-toggle-res-labs {
display: none;
}
}
.section-map-labs .box-lg-config-map .line-title-labs .btn-toggle-res-labs img {
margin-right: 20px;
max-width: 52px;
object-fit: contain;
}
@media screen and (max-width: 991px) {
.section-map-labs .box-lg-config-map .line-title-labs .btn-toggle-res-labs img {
margin-right: 15px;
max-width: 40px;
}
}
.section-map-labs .box-lg-config-map .line-title-labs .btn-toggle-res-labs > span {
display: flex;
align-items: center;
}
.section-map-labs .box-lg-config-map .line-title-labs .btn-toggle-res-labs > span.disable {
display: none;
}
.section-map-labs .box-lg-config-map .box-config-map .box-title {
display: none;
background-color: #3984dd;
}
@media screen and (max-width: 767px) {
.section-map-labs .box-lg-config-map .box-config-map .box-title {
display: block;
}
}
@media screen and (max-width: 575px) {
.section-map-labs .box-lg-config-map .box-config-map .box-title .title {
font-size: 16px;
padding: 12px 0px;
}
}
.section-map-labs .box-lg-config-map .box-config-map .box-config {
display: flex;
justify-content: center;
align-items: center;
}
@media screen and (max-width: 767px) {
.section-map-labs .box-lg-config-map .box-config-map .box-config {
flex-direction: column;
background-color: #fff;
padding: 15px 16px;
margin-bottom: 401px;
}
}
@media screen and (max-width: 575px) {
.section-map-labs .box-lg-config-map .box-config-map .box-config {
align-items: flex-start;
}
}
.section-map-labs .box-lg-config-map .box-config-map .box-config .config-service {
margin-bottom: 0;
}
@media screen and (max-width: 575px) {
.section-map-labs .box-lg-config-map .box-config-map .box-config .config-location {
width: 100%;
}
}
.section-map-labs .box-lg-config-map .box-config-map .box-config .config-location .wrapp-select {
min-width: 241px;
}
@media screen and (max-width: 1199px) {
.section-map-labs .box-lg-config-map .box-config-map .box-config .config-location .wrapp-select {
min-width: 195px;
}
.section-map-labs .box-lg-config-map .box-config-map .box-config .config-location .wrapp-select:last-child {
margin-right: 20px;
}
}
@media screen and (max-width: 991px) {
.section-map-labs .box-lg-config-map .box-config-map .box-config .config-location .wrapp-select {
min-width: 175px;
margin-right: 15px;
}
.section-map-labs .box-lg-config-map .box-config-map .box-config .config-location .wrapp-select:last-child {
margin-right: 15px;
}
}
@media screen and (max-width: 575px) {
.section-map-labs .box-lg-config-map .box-config-map .box-config .config-location .wrapp-select {
min-width: unset;
width: 50%;
}
.section-map-labs .box-lg-config-map .box-config-map .box-config .config-location .wrapp-select:last-child {
margin-right: 0;
}
}
.section-map-labs .box-lg-config-map .box-config-map .box-config .btn-search-labs {
max-width: 164px;
padding: 11px 10px;
}
@media screen and (max-width: 991px) {
.section-map-labs .box-lg-config-map .box-config-map .box-config .btn-search-labs {
max-width: 120px;
}
}
@media screen and (max-width: 767px) {
.section-map-labs .box-lg-config-map .box-config-map .box-config .btn-search-labs {
display: none;
}
}
.section-map-labs .container-map {
display: flex;
}
.section-map-labs .aside-map .list-lab {
max-height: 756px;
}
@media screen and (max-width: 1300px) {
.section-map-labs .aside-map .list-lab {
max-height: 716px;
}
}
@media screen and (max-width: 767px) {
.section-map-labs .aside-map .list-lab {
overflow: hidden;
}
}
@media screen and (max-width: 575px) {
.section-map-labs .aside-map .list-lab {
max-height: 431px;
}
}
.section-map-labs .aside-map .list-lab .item:last-child {
margin-bottom: 0;
}
@media screen and (max-width: 767px) {
.section-map-labs .box-map {
min-height: 400px;
top: 225px;
}
}
@media screen and (max-width: 575px) {
.section-map-labs .box-map {
min-height: 104px;
top: 264px;
}
}
.section-map-labs .box-map > img {
width: 100%;
height: 100%;
max-height: 758px;
object-fit: cover;
}
@media screen and (max-width: 1045px) {
.section-map-labs .box-map > img {
max-height: unset;
}
}
@media screen and (max-width: 767px) {
.section-map-labs .box-map > img {
max-height: 400px;
}
}
@media screen and (max-width: 575px) {
.section-map-labs .box-map > img {
max-height: 104px;
}
}
.section-conditions-partnerships {
padding: 72px 0 52px;
}
@media screen and (max-width: 767px) {
.section-conditions-partnerships {
padding: 50px 0 40px;
}
}
@media screen and (max-width: 575px) {
.section-conditions-partnerships {
padding: 39px 0 7px;
}
}
@media screen and (max-width: 575px) {
.section-conditions-partnerships .line-why {
padding: 0 12px;
}
}
@media screen and (max-width: 350px) {
.section-conditions-partnerships .line-why {
padding: 0;
}
}
.section-conditions-partnerships .line-why .box-title {
flex-basis: 15.5%;
}
.section-conditions-partnerships .line-why .box-title .title {
font-size: 22px;
line-height: 26px;
}
.section-conditions-partnerships .line-why .list {
flex-basis: 86%;
justify-content: space-between;
}
@media screen and (max-width: 767px) {
.section-conditions-partnerships .line-why .list .item {
align-items: flex-start;
flex-direction: row;
}
}
.section-conditions-partnerships .line-why .list .item:last-child {
flex-basis: 33.3%;
}
@media screen and (max-width: 767px) {
.section-conditions-partnerships .line-why .list .item:last-child {
flex-basis: 100%;
}
}
@media screen and (max-width: 767px) {
.section-conditions-partnerships .line-why .list .item > img {
margin-right: 20px;
}
}
@media screen and (max-width: 575px) {
.section-conditions-partnerships .line-why .list .item > img {
margin-right: 12px;
}
}
.section-conditions-partnerships .line-why .list .item .content {
font-size: 16px;
line-height: 22px;
}
@media screen and (max-width: 767px) {
.section-conditions-partnerships .line-why .list .item .content {
font-size: 14px;
line-height: 20px;
}
}
.section-conditions-partnerships .line-why .list .item .content .title-box {
font-weight: 500;
font-size: 20px;
line-height: 26px;
margin: 8px 0 8px;
}
@media screen and (max-width: 1199px) {
.section-conditions-partnerships .line-why .list .item .content .title-box {
font-size: 18px;
line-height: 20px;
margin: 3px 0 8px;
}
}
@media screen and (max-width: 767px) {
.section-conditions-partnerships .line-why .list .item .content .title-box {
font-size: 17px;
}
}
@media screen and (max-width: 575px) {
.section-conditions-partnerships .line-why .list .item .content .title-box {
margin: 3px 0 12px;
}
}
.section-conditions-partnerships .line-why .list .item .content p {
font-size: 16px;
line-height: 22px;
}
@media screen and (max-width: 767px) {
.section-conditions-partnerships .line-why .list .item .content p {
font-size: 14px;
line-height: 20px;
}
}
@media screen and (max-width: 575px) {
.section-conditions-partnerships .line-why .list .item .content p {
text-align: left;
}
}
.section-conditions-partnerships .line-why .list .item .content ul {
list-style: none;
padding: 0;
margin: 0;
}
.section-conditions-partnerships .line-why .list .item .content ul li:before {
content: "- ";
position: relative;
}
.section-form-partners {
padding: 48px 0 57px;
}
@media screen and (max-width: 575px) {
.section-form-partners {
padding: 39px 0 49px;
}
}
.wrapp-form {
position: relative;
}
@media screen and (max-width: 575px) {
.wrapp-form {
padding: 0 12px;
}
}
@media screen and (max-width: 350px) {
.wrapp-form {
padding: 0;
}
}
.wrapp-form .title-form {
font-weight: bold;
text-align: center;
font-size: 20px;
line-height: 32px;
margin-bottom: 24px;
font-family: "Montserrat", sans-serif;
}
@media screen and (max-width: 575px) {
.wrapp-form .title-form {
font-size: 15px;
line-height: 20px;
margin-bottom: 17px;
}
}
.wrapp-form form > p {
position: relative;
margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
.wrapp-form form > p {
margin-bottom: 20px;
}
}
.wrapp-form form > p:last-child {
margin-bottom: 0;
}
.wrapp-form form label {
display: block;
position: absolute;
font-size: 13px;
color: #5A5A5A;
line-height: normal;
top: 13px;
margin-bottom: 0;
white-space: nowrap;
right: calc(100% + 16px);
}
@media screen and (max-width: 767px) {
.wrapp-form form label {
position: relative;
right: unset;
top: unset;
margin-bottom: 4px;
}
}
@media screen and (max-width: 575px) {
.wrapp-form form label {
font-size: 10px;
line-height: 16px;
}
}
.wrapp-form form input:not([type=submit]):not([type=checkbox]) {
width: 100%;
border: 1px solid #CDCFD3;
padding: 11px 19px;
color: #1E1F1F;
font-size: 14px;
line-height: normal;
transition: all 0.3s ease-in-out;
outline: none;
border-radius: 0;
box-shadow: none;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
-moz-appearance: textfield;
margin: 0;
}
.wrapp-form form input:not([type=submit]):not([type=checkbox])::placeholder {
color: #1E1F1F;
font-size: 14px;
line-height: normal;
}
@media screen and (max-width: 575px) {
.wrapp-form form input:not([type=submit]):not([type=checkbox])::placeholder {
font-size: 13px;
line-height: 20px;
}
}
@media screen and (max-width: 575px) {
.wrapp-form form input:not([type=submit]):not([type=checkbox]) {
padding: 9px 19px;
font-size: 13px;
line-height: 20px;
}
}
.wrapp-form form input:not([type=submit]):not([type=checkbox]):focus, .wrapp-form form input:not([type=submit]):not([type=checkbox]):active {
border-color: #3984dd;
}
.wrapp-form form input:not([type=submit]):not([type=checkbox]).wpcf7-not-valid {
border-color: #EDAD08;
}
.wrapp-form form .wpcf7-not-valid-tip {
font-size: 13px;
line-height: 18px;
color: #1E1F1F;
background-image: url(//evrocentr-avto.com.ua/wp-content/themes/center-avto/img/icons/alert-warning.svg);
background-repeat: no-repeat;
background-size: 20px;
background-position: left center;
padding: 5px;
padding-left: 28px;
}
.wrapp-form form .wpcf7-validation-errors {
border: 1px solid #EDAD08;
font-size: 13px;
line-height: 18px;
color: #1E1F1F;
margin: 0;
}
.wrapp-form form .wpcf7-mail-sent-ok {
border: 1px solid #3984dd;
font-size: 13px;
line-height: 18px;
color: #1E1F1F;
margin: 0;
}
.wrapp-form form input.hidden {
display: none;
}
.wrapp-form form .btn-submit-partners {
max-width: 100%;
margin-top: 17px;
}
@media screen and (max-width: 575px) {
.wrapp-form form .btn-submit-partners {
font-size: 15px;
line-height: 20px;
margin-top: 12px;
padding: 13px 10px;
}
}
.wrapp-form form .wrapp-date i, .wrapp-form form .wrapp-time i {
position: absolute;
left: 20px;
top: 50%;
transform: translateY(-50%);
color: #1E1F1F;
font-size: 16px;
}
.wrapp-form form .wrapp-date input, .wrapp-form form .wrapp-time input {
background: transparent;
padding: 11px 19px 11px 48px !important;
}
@media screen and (max-width: 575px) {
.wrapp-form form .wrapp-date input, .wrapp-form form .wrapp-time input {
padding: 9px 19px 9px 48px;
font-size: 13px;
line-height: 20px;
}
}
.wrapp-form form .wrapp-date > *, .wrapp-form form .wrapp-time > * {
z-index: 1;
}
.wrapp-form form .wrapp-date .picker-overlay, .wrapp-form form .wrapp-time .picker-overlay {
content: "";
display: block;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 2;
width: 100%;
background: 0;
border: none;
}
.wrapp-form form .wrapp-date .picker-overlay:focus, .wrapp-form form .wrapp-time .picker-overlay:focus {
outline: none;
}
.wrapp-form form .line-half {
position: relative;
display: flex;
}
@media screen and (max-width: 767px) {
.wrapp-form form .line-half {
flex-direction: column;
}
}
.wrapp-form form .line-half > * {
flex-basis: 50%;
}
@media screen and (max-width: 767px) {
.wrapp-form form .line-half > * {
flex-basis: 100%;
}
}
.wrapp-form form .line-half > *:first-child {
margin-right: 30px;
}
@media screen and (max-width: 767px) {
.wrapp-form form .line-half > *:first-child {
margin-right: 0;
}
}
@media screen and (max-width: 767px) {
.wrapp-form form .line-half > *:first-child i {
top: 63%;
}
}
@media screen and (max-width: 767px) {
.wrapp-form form .line-half > *:last-child:after {
top: 11px;
}
}
.wrapp-form form .wrapp-select {
position: relative;
}
.wrapp-form form .wrapp-select select {
width: 100%;
border: none;
background: none;
-webkit-appearance: none;
-moz-appearance: none;
padding: 10px 18px;
border: 1px solid #CDCFD3;
font-size: 14px;
background: transparent;
position: relative;
z-index: 1;
}
@media screen and (max-width: 575px) {
.wrapp-form form .wrapp-select select {
font-size: 13px;
line-height: 20px;
}
}
.wrapp-form form .wrapp-select select::-ms-expand {
display: none;
}
.wrapp-form form .wrapp-date, .wrapp-form form .wrapp-time {
position: relative;
}
.wrapp-form form input[type=date]::-webkit-inner-spin-button {
display: none;
-webkit-appearance: none;
}
.wrapp-form form input[type=time]::-webkit-inner-spin-button {
display: none;
-webkit-appearance: none;
}
.wrapp-form .bootstrap-datetimepicker-widget.dropdown-menu {
position: absolute;
width: 226px;
background: #F9F9FA;
border: 1px solid #3984dd;
padding: 20px 15px;
font-size: 12px;
z-index: 3;
}
.wrapp-form .bootstrap-datetimepicker-widget.dropdown-menu.top:before {
border-top: 7px solid #1ead65;
border-top-color: #0ba858;
}
.wrapp-form .bootstrap-datetimepicker-widget .list-unstyled {
list-style: none;
padding: 0;
}
.wrapp-form .bootstrap-datetimepicker-widget table td.today:before {
border-bottom-color: #3984dd;
}
.wrapp-form .bootstrap-datetimepicker-widget table thead tr:first-child th .far {
color: #3984dd;
}
.wrapp-form .bootstrap-datetimepicker-widget table thead tr th.dow {
color: #3984dd;
font-weight: 400;
text-transform: capitalize;
}
.wrapp-form .bootstrap-datetimepicker-widget table td.active, .wrapp-form .bootstrap-datetimepicker-widget table td.active:hover {
background-color: #3984dd;
}
.wrapp-form .bootstrap-datetimepicker-widget table td, .wrapp-form .bootstrap-datetimepicker-widget table th {
border-radius: 0;
}
.wrapp-form .bootstrap-datetimepicker-widget table td span.active {
background-color: #3984dd;
}
.wrapp-form .bootstrap-datetimepicker-widget table td span {
border-radius: 0;
}
.wrapp-form .date-time-picker {
width: 226px;
position: absolute;
left: calc(100% + 25px);
top: 50%;
transform: translateY(-50%);
background: #F9F9FA;
border: 1px solid #3984dd;
padding: 20px 15px;
font-size: 12px;
}
@media screen and (max-width: 991px) {
.wrapp-form .date-time-picker {
display: none;
}
}
.time-picker {
display: flex;
align-items: center;
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid #CDCFD3;
justify-content: center;
}
.time-picker .time-label {
margin-right: 15px;
}
.time-picker select {
width: 56px;
}
.time-picker .select2 .selection .select2-selection .select2-selection__rendered {
padding: 3px 0px 1px 9px;
font-size: 14px;
line-height: 22px;
}
.time-picker .select2 .selection .select2-selection .select2-selection__arrow:after {
content: "";
position: absolute;
right: 8px;
top: 4px;
font-family: "Font Awesome 5 Pro";
font-weight: 500;
color: #494949;
font-size: 16px;
}
.bootstrap-time-widget {
width: auto !important;
}
.bootstrap-time-widget .time-picker {
margin: 0;
padding: 0;
border: none;
}
.bootstrap-time-widget .btn-green {
margin-top: 10px;
padding: 6px;
}
.focus-animation {
outline: none;
animation: focus-animation 0.7s 3;
}
@keyframes focus-animation {
0% {
box-shadow: 0px 0px 0px 0px rgba(29, 173, 101, 0);
}
70% {
box-shadow: 0px 0px 25px 0px rgba(29, 173, 101, 0.7);
}
100% {
box-shadow: 0px 0px 0px 0px rgba(29, 173, 101, 0);
}
}
.select2-small-dropdown {
top: 0 !important;
}
.select2-small-dropdown .select2-results .select2-results__option {
padding: 6px !important;
}
.section-certification-application {
padding: 30px 0px 24px;
}
.section-cat-ts {
padding: 62px 0 64px;
}
@media screen and (max-width: 991px) {
.section-cat-ts {
padding: 50px 0 60px;
}
}
@media screen and (max-width: 575px) {
.section-cat-ts {
padding: 32px 0 25px;
}
}
.section-cat-ts .page-title {
font-size: 20px;
line-height: 32px;
max-width: 935px;
margin: 0 auto;
margin-bottom: 43px;
}
@media screen and (max-width: 991px) {
.section-cat-ts .page-title {
margin-bottom: 30px;
}
}
@media screen and (max-width: 575px) {
.section-cat-ts .page-title {
font-weight: 600;
font-size: 13px;
line-height: 18px;
padding: 0 13px;
margin-bottom: 24px;
}
}
@media screen and (max-width: 350px) {
.section-cat-ts .page-title {
padding: 0;
}
}
.section-cat-ts .box-cat-ts {
max-width: 985px;
margin: 0 auto;
}
@media screen and (max-width: 575px) {
.section-cat-ts .box-cat-ts {
padding: 0 4px;
}
}
@media screen and (max-width: 350px) {
.section-cat-ts .box-cat-ts {
padding: 0;
}
}
.section-cat-ts .box-cat-ts .line-cat-ts {
position: relative;
display: flex;
display: flex;
margin-bottom: 41px;
padding-bottom: 39px;
}
@media screen and (max-width: 767px) {
.section-cat-ts .box-cat-ts .line-cat-ts {
margin-bottom: 35px;
padding-bottom: 32px;
}
}
@media screen and (max-width: 575px) {
.section-cat-ts .box-cat-ts .line-cat-ts {
margin-bottom: 24px;
padding-bottom: 23px;
}
}
.section-cat-ts .box-cat-ts .line-cat-ts:after {
content: "";
position: absolute;
bottom: 0;
display: block;
width: 1216px;
left: 50%;
transform: translateX(-50%);
border-bottom: 1px dashed #494949;
}
@media screen and (max-width: 767px) {
.section-cat-ts .box-cat-ts .line-cat-ts:after {
transform: unset;
width: 100%;
left: 0;
}
}
.section-cat-ts .box-cat-ts .line-cat-ts:last-child {
margin-bottom: 0;
}
.section-cat-ts .box-cat-ts .line-cat-ts:last-child:after {
display: none;
}
@media screen and (max-width: 767px) {
.section-cat-ts .box-cat-ts .line-cat-ts {
flex-direction: column;
}
}
.section-cat-ts .box-cat-ts .line-cat-ts .wrapp-img {
margin-right: 41px;
}
@media screen and (max-width: 991px) {
.section-cat-ts .box-cat-ts .line-cat-ts .wrapp-img {
margin-right: 30px;
}
}
@media screen and (max-width: 767px) {
.section-cat-ts .box-cat-ts .line-cat-ts .wrapp-img {
display: flex;
align-items: center;
margin-right: 0;
margin-bottom: 15px;
}
}
@media screen and (max-width: 575px) {
.section-cat-ts .box-cat-ts .line-cat-ts .wrapp-img {
margin-bottom: 9px;
}
}
.section-cat-ts .box-cat-ts .line-cat-ts .wrapp-img .img-box {
width: 104px;
height: 104px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background-color: #fff;
}
@media screen and (max-width: 991px) {
.section-cat-ts .box-cat-ts .line-cat-ts .wrapp-img .img-box {
width: 80px;
height: 80px;
}
}
@media screen and (max-width: 767px) {
.section-cat-ts .box-cat-ts .line-cat-ts .wrapp-img .img-box {
margin-right: 20px;
}
}
@media screen and (max-width: 575px) {
.section-cat-ts .box-cat-ts .line-cat-ts .wrapp-img .img-box {
width: 48px;
height: 48px;
margin-right: 12px;
}
}
@media screen and (max-width: 767px) {
.section-cat-ts .box-cat-ts .line-cat-ts .wrapp-img .img-box img {
max-width: 60px;
width: 100%;
display: block;
}
}
@media screen and (max-width: 575px) {
.section-cat-ts .box-cat-ts .line-cat-ts .wrapp-img .img-box img {
max-width: 35px;
}
}
.section-cat-ts .box-cat-ts .line-cat-ts .wrapp-img .mob-title-cat {
display: none;
font-weight: 500;
font-size: 18px;
line-height: 24px;
}
@media screen and (max-width: 767px) {
.section-cat-ts .box-cat-ts .line-cat-ts .wrapp-img .mob-title-cat {
display: block;
}
}
@media screen and (max-width: 575px) {
.section-cat-ts .box-cat-ts .line-cat-ts .wrapp-img .mob-title-cat {
font-weight: 500;
font-size: 16px;
line-height: 20px;
}
}
@media screen and (max-width: 575px) {
.section-cat-ts .box-cat-ts .line-cat-ts .content-cat {
padding: 0 8px;
}
}
@media screen and (max-width: 350px) {
.section-cat-ts .box-cat-ts .line-cat-ts .content-cat {
padding: 0 4px;
}
}
.section-cat-ts .box-cat-ts .line-cat-ts .content-cat .title-cat {
font-weight: 500;
font-size: 18px;
line-height: 24px;
margin-bottom: 16px;
}
@media screen and (max-width: 767px) {
.section-cat-ts .box-cat-ts .line-cat-ts .content-cat .title-cat {
display: none;
}
}
.section-cat-ts .box-cat-ts .line-cat-ts .content-cat ul {
list-style: none;
padding: 0;
margin: 0;
}
.section-cat-ts .box-cat-ts .line-cat-ts .content-cat ul li {
margin-bottom: 20px;
display: flex;
}
@media screen and (max-width: 575px) {
.section-cat-ts .box-cat-ts .line-cat-ts .content-cat ul li {
margin-bottom: 16px;
}
}
.section-cat-ts .box-cat-ts .line-cat-ts .content-cat ul li:last-child {
margin-bottom: 0;
}
.section-cat-ts .box-cat-ts .line-cat-ts .content-cat ul li .name-cat {
text-transform: uppercase;
font-weight: 500;
font-size: 28px;
line-height: 28px;
color: #3984dd;
margin-right: 32px;
}
@media screen and (max-width: 991px) {
.section-cat-ts .box-cat-ts .line-cat-ts .content-cat ul li .name-cat {
margin-right: 25px;
}
}
@media screen and (max-width: 575px) {
.section-cat-ts .box-cat-ts .line-cat-ts .content-cat ul li .name-cat {
font-size: 24px;
line-height: 24px;
margin-right: 17px;
}
}
.section-cat-ts .box-cat-ts .line-cat-ts .content-cat ul li .descr-cat {
font-size: 16px;
line-height: 22px;
}
@media screen and (max-width: 575px) {
.section-cat-ts .box-cat-ts .line-cat-ts .content-cat ul li .descr-cat {
font-size: 13px;
line-height: 18px;
}
}
.select2 .selection .select2-selection {
outline: none;
height: unset;
border: 1px solid #CDCFD3;
background: transparent;
position: relative;
z-index: 1;
border-radius: 0;
transition: all 0.3s ease-in-out;
}
.select2 .selection .select2-selection .select2-selection__rendered {
padding: 5px 18px;
font-size: 14px;
}
.select2 .selection .select2-selection .select2-selection__arrow:after {
content: "";
position: absolute;
right: 11px;
top: 11px;
font-family: "Font Awesome 5 Pro";
font-weight: 500;
color: #494949;
font-size: 16px;
}
.select2 .selection .select2-selection .select2-selection__arrow b {
display: none;
}
.select2.select2-container--disabled .select2-selection {
background: #ececec;
}
.select2.select2-container--disabled .select2-selection .select2-selection__rendered {
color: #a9a9a9;
}
.select2.select2-container--open .selection .select2-selection {
border: 1px solid #3984dd;
}
.select2.select2-container--open .selection .select2-selection .select2-selection__arrow:after {
transform: rotate(180deg);
}
.select2-dropdown {
border-radius: 0;
background: #3984dd;
box-shadow: 0px 2px 8px rgba(98, 107, 108, 0.08);
border: 0;
top: 5px;
}
.select2-dropdown .select2-results {
background-color: #3984dd;
padding: 5px 0;
}
.select2-dropdown .select2-results .select2-results__option {
color: #fff;
font-size: 14px;
line-height: 20px;
padding: 10px 25px;
}
.select2-dropdown .select2-results .select2-results__option.select2-results__option--highlighted {
background: #68adfd;
}
.select2-dropdown .select2-results .select2-results__option[aria-selected=true] {
background: #68adfd;
}
@media screen and (max-width: 575px) {
.fancybox-slide {
padding: 0;
}
}
.wrap-step-online-record {
padding: 46px 30px 30px;
max-width: 936px;
min-height: 568px;
width: 100%;
background: #fff;
border: 2px solid #3984dd;
overflow: hidden;
}
@media screen and (max-width: 575px) {
.wrap-step-online-record {
padding: 0;
height: 100%;
max-height: unset;
min-height: unset;
border: 0;
}
}
@media screen and (max-width: 350px) {
.wrap-step-online-record {
padding: 0 15px;
}
}
.wrap-step-online-record.last-step {
max-width: 696px;
border: 2px solid transparent;
padding: 16px 29px 30px;
min-height: 520px;
}
@media screen and (max-width: 575px) {
.wrap-step-online-record.last-step {
padding: 16px 15px 30px;
min-height: unset;
}
}
.wrap-step-online-record .fancybox-close-small {
padding: 5px;
right: 11px;
top: 5px;
}
@media screen and (max-width: 575px) {
.wrap-step-online-record .fancybox-close-small {
right: 14px;
top: 6px;
}
}
.wrap-step-online-record .fancybox-close-small svg path {
fill: #3984dd;
}
.wrap-step-online-record .fancybox-close-small:hover svg path {
fill: #16814c;
}
.wrap-step-online-record .line-wrapp {
width: 100%;
height: 100%;
overflow: hidden;
}
.wrap-step-online-record .line-step {
height: 100%;
display: flex;
transition: all 0.3s ease-in-out;
}
.wrap-step-online-record .line-step .step-wrapp {
width: 100%;
flex: 1 1;
min-width: 100%;
overflow: hidden;
}
@media screen and (max-width: 575px) {
.wrap-step-online-record .line-step .step-wrapp {
overflow-y: auto;
}
}
.wrap-step-online-record .box .title-box {
font-weight: 500;
font-size: 20px;
line-height: 32px;
margin-bottom: 32px;
}
@media screen and (max-width: 575px) {
.wrap-step-online-record .box .title-box {
font-weight: bold;
font-size: 15px;
line-height: 20px;
text-align: center;
margin-top: 55px;
margin-bottom: 25px;
}
}
.wrap-step-online-record .box.box-type-service {
max-width: 240px;
margin: 0 auto;
}
@media screen and (max-width: 575px) {
.wrap-step-online-record .box.box-type-service {
max-width: 310px;
display: flex;
flex-direction: column;
height: 100%;
}
}
@media screen and (max-width: 575px) {
.wrap-step-online-record .box.box-type-service .content-box-type-service {
display: flex;
flex-direction: column;
flex: 1 1;
justify-content: space-between;
}
}
.wrap-step-online-record .box.box-type-service .content-box-type-service button {
display: block;
width: 100%;
max-width: 100%;
}
.wrap-step-online-record .box.box-type-service .content-box-type-service .btn-type-service {
position: relative;
text-align: left;
margin-bottom: 25px;
border: 1px solid #CDCFD3;
padding: 21px 22px;
padding-left: 54px;
transition: all 0.3s ease-in-out;
}
.wrap-step-online-record .box.box-type-service .content-box-type-service .btn-type-service:before {
content: "";
position: absolute;
left: 23px;
top: 23px;
display: block;
width: 16px;
height: 16px;
border: 2px solid #3984dd;
border-radius: 50%;
}
.wrap-step-online-record .box.box-type-service .content-box-type-service .btn-type-service:after {
content: "";
position: absolute;
left: 27px;
top: 27px;
display: block;
width: 8px;
height: 8px;
background-color: #3984dd;
border-radius: 50%;
opacity: 0;
transition: all 0.3s ease-in-out;
}
.wrap-step-online-record .box.box-type-service .content-box-type-service .btn-type-service.active {
border-color: #3984dd;
}
.wrap-step-online-record .box.box-type-service .content-box-type-service .btn-type-service.active:after {
opacity: 1;
}
.wrap-step-online-record .box.box-type-service .content-box-type-service .btn-type-service:nth-child(3) {
margin-bottom: 33px;
}
@media screen and (max-width: 575px) {
.wrap-step-online-record .box.box-type-service .content-box-type-service .btn-next-step-service {
margin-top: auto;
margin-bottom: 50px;
padding: 14px 10px;
}
}
.wrap-step-online-record .box.box-type-service .content-box-type-service .btn-next-step-service:disabled {
opacity: 0.6;
cursor: not-allowed;
}
.wrap-step-online-record .box.box-form-service .title-box {
text-align: center;
margin-bottom: 23px;
}
@media screen and (max-width: 575px) {
.wrap-step-online-record .box.box-form-service .title-box {
margin-top: 40px;
margin-bottom: 16px;
}
}
@media screen and (max-width: 350px) {
.wrap-step-online-record .box.box-form-service .title-box {
margin-top: 37px;
margin-bottom: 10px;
}
}
.wrap-step-online-record .box.box-form-service .title-box span {
text-align: center;
display: none;
}
.wrap-step-online-record .box.box-form-service .wrapp-form {
max-width: 360px;
margin: 0 auto;
}
@media screen and (max-width: 575px) {
.wrap-step-online-record .box.box-form-service .wrapp-form {
max-width: 336px;
}
}
.wrap-step-online-record .box.box-form-service .wrapp-form > div {
display: none;
}
@media screen and (max-width: 575px) {
.wrap-step-online-record .box.box-form-service .wrapp-form form > p {
margin-bottom: 12px;
}
}
@media screen and (max-width: 350px) {
.wrap-step-online-record .box.box-form-service .wrapp-form form > p {
margin-bottom: 8px;
}
.wrap-step-online-record .box.box-form-service .wrapp-form form > p input {
padding: 6px 15px;
font-size: 12px;
}
}
@media screen and (max-width: 350px) {
.wrap-step-online-record .box.box-form-service .wrapp-form form .select2 .selection .select2-selection .select2-selection__rendered {
padding: 2px 15px;
font-size: 13px;
}
}
@media screen and (max-width: 350px) {
.wrap-step-online-record .box.box-form-service .wrapp-form form .select2 .selection .select2-selection .select2-selection__arrow:after {
right: 11px;
top: 4px;
}
}
@media screen and (max-width: 350px) {
.wrap-step-online-record .box.box-form-service .wrapp-form form .wrapp-form form .wrapp-date i, .wrap-step-online-record .box.box-form-service .wrapp-form form .wrapp-form form .wrapp-time i {
top: 66%;
left: 10px;
}
}
@media screen and (max-width: 350px) {
.wrap-step-online-record .box.box-form-service .wrapp-form form .wrapp-form form .wrapp-date input, .wrap-step-online-record .box.box-form-service .wrapp-form form .wrapp-form form .wrapp-time input {
padding: 6px 15px 6px 35px;
}
}
@media screen and (max-width: 767px) {
.wrap-step-online-record .box.box-form-service .wrapp-form .line-half-date {
flex-direction: row;
align-items: flex-end;
margin-bottom: 0;
}
.wrap-step-online-record .box.box-form-service .wrapp-form .line-half-date p {
margin-bottom: 10px;
}
.wrap-step-online-record .box.box-form-service .wrapp-form .line-half-date p:first-child {
margin-right: 15px;
}
}
.wrap-step-online-record .box.box-form-service .wrapp-form .wrapp-select .wpcf7-form-control-wrap {
display: block;
width: 100%;
}
.wrap-step-online-record .box.box-form-service .wrapp-form .wrapp-select .wpcf7-form-control-wrap .select2 {
width: 100px;
min-width: 100%;
}
.wrap-step-online-record .box.box-form-service .wrapp-form .wpcf7-mail-sent-ok {
display: none !important;
}
.wrap-step-online-record .box.box-form-sent {
max-width: 556px;
margin: 0 auto;
}
.wrap-step-online-record .box.box-form-sent .title-box-form-sent {
font-weight: bold;
font-size: 20px;
line-height: 32px;
color: #3984dd;
margin: 31px 0 34px;
text-align: center;
}
@media screen and (max-width: 575px) {
.wrap-step-online-record .box.box-form-sent .title-box-form-sent {
font-size: 15px;
line-height: 20px;
margin-top: 25px;
margin-bottom: 26px;
}
}
.wrap-step-online-record .box.box-form-sent .content-box-form-sent .box-user-info {
margin-bottom: 41px;
}
@media screen and (max-width: 575px) {
.wrap-step-online-record .box.box-form-sent .content-box-form-sent .box-user-info {
margin-bottom: 32px;
}
}
.wrap-step-online-record .box.box-form-sent .content-box-form-sent .box-user-info ul {
list-style: none;
margin: 0;
padding: 0;
columns: 2;
display: block;
margin-bottom: 5px;
}
@media screen and (max-width: 575px) {
.wrap-step-online-record .box.box-form-sent .content-box-form-sent .box-user-info ul {
columns: 1;
padding: 0 10px;
}
}
.wrap-step-online-record .box.box-form-sent .content-box-form-sent .box-user-info ul li {
margin-bottom: 16px;
padding-left: 0;
display: inline-block;
width: 100%;
font-size: 13px;
line-height: 18px;
color: #494949;
}
@media screen and (max-width: 575px) {
.wrap-step-online-record .box.box-form-sent .content-box-form-sent .box-user-info ul li {
margin-bottom: 8px;
}
}
@media screen and (max-width: 350px) {
.wrap-step-online-record .box.box-form-sent .content-box-form-sent .box-user-info ul li {
margin-bottom: 4px;
}
}
.wrap-step-online-record .box.box-form-sent .content-box-form-sent .box-user-info ul li b {
font-weight: 500;
color: #1E1F1F;
}
.wrap-step-online-record .box.box-form-sent .content-box-form-sent .box-user-info .wrap-form-send-user {
background: #F3F6FA;
padding: 17px 20px 20px;
}
@media screen and (max-width: 575px) {
.wrap-step-online-record .box.box-form-sent .content-box-form-sent .box-user-info .wrap-form-send-user {
padding: 26px 22px 6px;
}
}
@media screen and (max-width: 350px) {
.wrap-step-online-record .box.box-form-sent .content-box-form-sent .box-user-info .wrap-form-send-user {
padding: 10px 15px 1px;
}
}
.wrap-step-online-record .box.box-form-sent .content-box-form-sent .box-user-info .wrap-form-send-user .title-form {
max-width: 384px;
margin: 0 auto;
font-size: 14px;
margin-bottom: 7px;
}
@media screen and (max-width: 575px) {
.wrap-step-online-record .box.box-form-sent .content-box-form-sent .box-user-info .wrap-form-send-user .title-form {
font-weight: 500;
font-size: 13px;
line-height: 18px;
}
}
.wrap-step-online-record .box.box-form-sent .content-box-form-sent .box-user-info .wrap-form-send-user form {
margin-bottom: 0;
max-width: 384px;
margin: 0 auto;
}
.wrap-step-online-record .box.box-form-sent .content-box-form-sent .box-user-info .wrap-form-send-user form p {
display: flex;
}
@media screen and (max-width: 575px) {
.wrap-step-online-record .box.box-form-sent .content-box-form-sent .box-user-info .wrap-form-send-user form p {
flex-direction: column;
}
}
.wrap-step-online-record .box.box-form-sent .content-box-form-sent .box-user-info .wrap-form-send-user form p input {
width: 100%;
outline: none;
}
.wrap-step-online-record .box.box-form-sent .content-box-form-sent .box-user-info .wrap-form-send-user form p .ajax-loader {
display: none;
}
.wrap-step-online-record .box.box-form-sent .content-box-form-sent .box-user-info .wrap-form-send-user form p .wpcf7-submit {
max-height: 40px;
}
.wrap-step-online-record .box.box-form-sent .content-box-form-sent .box-user-info .wrap-form-send-user form p input:not(.wpcf7-submit) {
width: 100%;
border: 1px solid #CDCFD3;
padding: 9px 24px;
border-right: 0;
background: transparent;
font-size: 14px;
line-height: 20px;
}
@media screen and (max-width: 575px) {
.wrap-step-online-record .box.box-form-sent .content-box-form-sent .box-user-info .wrap-form-send-user form p input:not(.wpcf7-submit) {
padding: 9px 19px;
font-size: 13px;
line-height: 20px;
margin-bottom: 13px;
border-right: 1px solid #CDCFD3;
}
}
@media screen and (max-width: 350px) {
.wrap-step-online-record .box.box-form-sent .content-box-form-sent .box-user-info .wrap-form-send-user form p input:not(.wpcf7-submit) {
padding: 6px 15px;
}
}
.wrap-step-online-record .box.box-form-sent .content-box-form-sent .box-user-info .wrap-form-send-user form p input:not(.wpcf7-submit):focus, .wrap-step-online-record .box.box-form-sent .content-box-form-sent .box-user-info .wrap-form-send-user form p input:not(.wpcf7-submit):active {
border-color: #3984dd;
}
.wrap-step-online-record .box.box-form-sent .content-box-form-sent .box-user-info .wrap-form-send-user form p input:not(.wpcf7-submit).wpcf7-not-valid {
border-color: #EDAD08;
}
.wrap-step-online-record .box.box-form-sent .content-box-form-sent .box-user-info .wrap-form-send-user form p .wpcf7-not-valid-tip {
font-size: 13px;
line-height: 18px;
color: #1E1F1F;
background-image: url(//evrocentr-avto.com.ua/wp-content/themes/center-avto/img/icons/alert-warning.svg);
background-repeat: no-repeat;
background-size: 20px;
background-position: left center;
padding: 5px;
padding-left: 28px;
}
.wrap-step-online-record .box.box-form-sent .content-box-form-sent .box-user-info .wrap-form-send-user form p .wpcf7-validation-errors {
border: 1px solid #EDAD08;
font-size: 13px;
line-height: 18px;
color: #1E1F1F;
margin: 0;
}
.wrap-step-online-record .box.box-form-sent .content-box-form-sent .box-user-info .wrap-form-send-user form p .wpcf7-mail-sent-ok {
border: 1px solid #3984dd;
font-size: 13px;
line-height: 18px;
color: #1E1F1F;
margin: 0;
}
.wrap-step-online-record .box.box-form-sent .content-box-form-sent .box-user-info .wrap-form-send-user form p .wpcf7-submit {
padding: 5px 10px;
max-width: 152px;
width: 100%;
}
@media screen and (max-width: 575px) {
.wrap-step-online-record .box.box-form-sent .content-box-form-sent .box-user-info .wrap-form-send-user form p .wpcf7-submit {
padding: 11px 10px;
max-width: 100%;
}
}
@media screen and (max-width: 350px) {
.wrap-step-online-record .box.box-form-sent .content-box-form-sent .box-user-info .wrap-form-send-user form p .wpcf7-submit {
padding: 8px 10px;
}
}
.wrap-step-online-record .box.box-form-sent .content-box-form-sent .box-user-info .wrap-form-send-user form .data-input {
display: none;
}
.wrap-step-online-record .box.box-form-sent .content-box-form-sent .gratitude-block {
font-size: 16px;
line-height: 24px;
text-align: center;
}
@media screen and (max-width: 575px) {
.wrap-step-online-record .box.box-form-sent .content-box-form-sent .gratitude-block {
font-size: 16px;
line-height: 24px;
}
}
@media screen and (max-width: 350px) {
.wrap-step-online-record .box.box-form-sent .content-box-form-sent .gratitude-block {
font-size: 14px;
line-height: 16px;
}
}
.wrap-step-online-record .box.box-form-sent .content-box-form-sent .gratitude-block b {
display: block;
}
.wrap-step-online-record[type-service=inspection] .box .title-box .inspection {
display: block;
}
.wrap-step-online-record[type-service=inspection] .box .wrapp-form .form-inspection {
display: block;
}
.wrap-step-online-record[type-service=certification] .box .title-box .certification, .wrap-step-online-record[type-service=certification-hbo] .box .title-box .certification {
display: block;
}
.wrap-step-online-record[type-service=certification] .box .wrapp-form .form-certification, .wrap-step-online-record[type-service=certification-hbo] .box .wrapp-form .form-certification {
display: block;
}
.select2-dropdown {
z-index: 99999;
}
.wpml-ls-legacy-dropdown-click {
width: auto;
}
.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after {
display: none;
}
.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle {
padding-right: 10px;
}
.gm-style .gm-style-iw-c {  border-radius: 2px;
box-shadow: 0px 2px 8px rgba(98, 107, 108, 0.12);
}
.gm-style .gm-style-iw-c > button {
width: 40px;
height: 40px;
}
.gm-style .gm-style-iw-c > button img {
margin: 13px;
}
.bubble-content {
width: 210px;
padding: 18px 20px 30px 8px;
}
.gm-ui-hover-effect:focus{
outline: none !important;
}
.bubble-content a {
color: #3984dd;
}
.bubble-content .btn {
font-size: 12px;
line-height: 20px;
margin-top: 20px;
max-width: 132px;
padding: 6px 10px;
color: #fff;
}
.bubble-content .lab-title {
font-size: 16px;
line-height: 20px;
padding-left: 20px;
position: relative;
}
.bubble-content .lab-title i {
color: #3984dd;
position: absolute;
left: 0;
top: 1px;
}
.bubble-content .lab-description {
margin-top: 20px;
font-size: 12px;
line-height: 1.4;
color: #1E1F1F;
}
.bubble-content .lab-working-hours {
margin-top: 20px;
}
.bubble-content .lab-working-hours .lab-working-hours--title {
font-size: 10px;
line-height: 12px;
color: #494949;
}
.bubble-content .lab-working-hours .lab-working-hours--list {
list-style: none;
padding: 0;
}
.bubble-content .lab-working-hours .lab-working-hours--list li {
font-size: 12px;
line-height: 20px;
color: #1E1F1F;
}
.bubble-content .lab-working-hours {
margin-top: 15px;
}
.bubble-content .lab-working-hours .lab-working-hours--title {
font-size: 10px;
line-height: 12px;
color: #494949;
}
.bubble-content .lab-working-hours .lab-working-hours--list {
list-style: none;
padding: 0;
margin: 0;
margin-top: 3px;
}
.bubble-content .lab-working-hours .lab-working-hours--list li {
font-size: 12px;
line-height: 20px;
color: #1E1F1F;
}
.bubble-content .lab-contacts {
margin-top: 10px;
}
.bubble-content .lab-contacts .lab-contacts--title {
font-size: 10px;
line-height: 12px;
color: #494949;
}
.bubble-content .lab-contacts .lab-contacts--list {
list-style: none;
padding: 0;
margin: 0;
margin-top: 3px;
}
.bubble-content .lab-contacts .lab-contacts--list li {
font-size: 12px;
line-height: 20px;
color: #1E1F1F;
}
.bubble-content .lab-services {
margin-top: 10px;
}
.bubble-content .lab-services .lab-services--title {
font-size: 10px;
line-height: 12px;
color: #494949;
}
.bubble-content .lab-services .lab-services--list {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-wrap: wrap;
margin-top: 3px;
}
.bubble-content .lab-services .lab-services--list li {
font-size: 12px;
line-height: 20px;
color: #1E1F1F;
position: relative;
}
.bubble-content .lab-services .lab-services--list li:nth-child(2) {
padding-left: 13px;
}
.bubble-content .lab-services .lab-services--list li:nth-child(2):before {
content: "";
display: block;
background: #C4C4C4;
width: 1px;
height: 16px;
top: 50%;
left: 6px;
margin-top: -8px;
position: absolute;
}
.preloader {
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
background: rgba(255, 255, 255, 0.8);
z-index: 9999999999;
display: none;
}
.preloader:after {
content: "";
display: block;
width: 70px;
height: 70px;
background: url(//evrocentr-avto.com.ua/ru//wp-content/themes/center-avto/img/loader.svg) center;
background-size: cover;
position: absolute;
left: 50%;
top: 50%;
margin-top: -35px;
margin-left: -35px;
}
.preloader.preloader-fixed {
position: fixed;
}
.section-map-labs #map {
min-height: 600px;
flex-basis: 100%;
max-width: 100%;
}
@media screen and (max-width: 767px) {
.section-map-labs #map {
min-height: 400px;
}
}
.offers {
padding: 40px 0 24px;
display: none;
}
.offers .title-page {
display: flex;
align-items: center;
font-size: 32px;
line-height: 44px;
letter-spacing: 2px;
margin-bottom: 24px;
}
@media screen and (max-width: 575px) {
.offers .title-page {
font-size: 22px;
line-height: 24px;
padding-left: 13px;
margin-bottom: 33px;
}
}
.offers .title-page:before {
content: "";
position: relative;
width: 80px;
height: 4px;
background-color: #3984dd;
display: block;
margin-right: 15px;
}
.offers .line-characteristics {
background-color: #fff;
padding: 24px 25px;
justify-content: space-between;
}
.offers .line-characteristics .list {
display: flex;
justify-content: space-between;
align-items: center;
}
.offers .line-characteristics .list .wrapp-img {
max-width: 40px;
max-height: 40px;
width: 100%;
margin-right: 24px;
}
.offers .line-characteristics .list .wrapp-img img {
width: 100%;
height: 100%;
object-fit: contain;
}
.offers .line-characteristics .list .item {
color: #5A5A5A;
font-size: 10px;
line-height: 16px;
margin-right: 50px;
}
.offers .line-characteristics .list .item:last-child {
margin-right: 0;
}
.offers .line-characteristics .list .item span {
font-weight: 500;
font-size: 13px;
line-height: 18px;
color: #1E1F1F;
display: block;
font-weight: 500;
}
.offers .line-characteristics .btn-change-characteristics {
text-decoration: underline;
padding: 5px 0;
}
.offers .line-policy-car {
background-color: #3984dd;
align-items: center;
justify-content: space-between;
padding: 12px 34px;
}
.offers .line-policy-car p {
margin-bottom: 0;
color: #fff;
font-size: 16px;
}
.offers .line-policy-car .btn-create-policy {
font-size: 12px;
max-width: 312px;
padding: 8px 10px;
border: 1px solid #fff;
}
.insurance-companies {
display: none;
}
.insurance-companies .select-ordering {
min-width: 224px;
}
.insurance-companies .line-sort-insurence {
align-items: center;
justify-content: space-between;
padding: 10px 36px;
position: relative;
margin-bottom: 4px;
}
.insurance-companies .line-sort-insurence .size-load-product {
font-family: "Montserrat", sans-serif;
font-weight: 600;
font-size: 18px;
line-height: 24px;
}
.insurance-companies .line-sort-insurence .size-load-product span {
color: #3984dd;
}
.insurance-companies .line-sort-insurence .ordering {
margin-left: 15px;
}
.insurance-companies .line-sort-insurence .ordering > span {
font-size: 14px;
line-height: 20px;
margin-right: 24px;
}
.insurance-companies .line-sort-insurence .ordering .select2 {
margin-right: 0;
}
.insurance-companies .line-pagination {
justify-content: flex-start;
}
#buy-insurance-section {
display: none;
}
.box-insurance-companie {
background-color: #fff;
padding: 32px 30px;
position: relative;
transition: all 0.3s ease-in-out;
margin-bottom: 8px;
}
.box-insurance-companie:last-child {
margin-bottom: 35px;
}
.box-insurance-companie:hover {
box-shadow: 0px 0px 0px 2px #3984dd;
}
.box-insurance-companie:hover .btn-toggle-show-insurance {
opacity: 1;
}
.box-insurance-companie .label-stock {
position: absolute;
font-weight: 500;
font-size: 14px;
line-height: 20px;
color: #fff;
background-color: #D20536;
left: 2px;
top: 2px;
display: flex;
align-items: center;
justify-content: center;
width: 88px;
height: 28px;
}
.box-insurance-companie .btn-toggle-show-insurance {
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
max-width: 112px;
width: 100%;
font-size: 12px;
padding: 5px 5px;
font-weight: normal;
opacity: 0;
display: block;
}
.box-insurance-companie .btn-toggle-show-insurance .less {
display: none;
}
.box-insurance-companie .btn-toggle-show-insurance.active .less {
display: inline-block;
}
.box-insurance-companie .btn-toggle-show-insurance.active .more {
display: none;
}
.box-insurance-companie .btn-info {
color: #3984dd;
transition: all 0.3s ease-in-out;
padding: 0;
max-width: unset;
width: unset;
opacity: 0.5;
}
.box-insurance-companie .btn-info:hover {
opacity: 1;
}
.box-insurance-companie .btn-info:disabled {
opacity: 0.3;
}
.box-insurance-companie .btn-info:disabled:hover {
cursor: not-allowed;
}
.box-insurance-companie .info-box {
display: block;
position: absolute;
display: block;
padding: 20px 20px;
font-weight: normal;
font-size: 13px;
line-height: 18px;
color: #fff;
box-shadow: 0px 2px 8px rgba(98, 107, 108, 0.08);
border: 1px solid #FFFFFF;
background-color: #3984dd;
z-index: 5;
display: none;
max-width: 288px;
}
.box-insurance-companie .box {
flex-basis: 16%;
padding: 0 5px;
}
.box-insurance-companie .box .title-box {
text-transform: uppercase;
font-weight: 500;
font-size: 13px;
line-height: 20px;
color: #494949;
margin-bottom: 13px;
}
.box-insurance-companie .full-info-insurance {
display: none;
}
.box-insurance-companie.active {
box-shadow: 0px 0px 0px 2px #3984dd;
}
.box-insurance-companie.active .btn-toggle-show-insurance {
opacity: 1;
}
.line-short-info-insurance .box-logo-rating {
display: flex;
flex-direction: column;
justify-content: space-between;
padding-top: 7px;
flex-basis: 22%;
}
.line-short-info-insurance .box-logo-rating .offer-company-name > img {
max-width: 104px;
object-fit: contain;
}
.line-short-info-insurance .box-logo-rating .rating {
font-size: 12px;
}
.line-short-info-insurance .box-logo-rating .rating .stars i {
color: #F5C828;
font-size: 14px;
}
.line-short-info-insurance .box-price {
flex-basis: 20%;
}
.line-short-info-insurance .box-price > .price {
font-weight: 500;
font-size: 36px;
line-height: 40px;
}
.line-short-info-insurance .box-price > .price span {
color: #5A5A5A;
font-size: 16px;
margin-left: 5px;
}
.line-short-info-insurance .box-price .discount-line {
align-items: center;
margin-bottom: 8px;
}
.line-short-info-insurance .box-price .discount-line .discount {
color: #fff;
font-size: 10px;
line-height: 12px;
background-color: #D20536;
margin-right: 12px;
padding: 2px 9px;
}
.line-short-info-insurance .box-price .discount-line .old-price {
position: relative;
font-size: 12px;
line-height: 16px;
color: #494949;
-webkit-text-decoration-line: line-through;
text-decoration-line: line-through;
}
.line-short-info-insurance .box-price.price-sale > .price {
color: #BC002D;
}
.line-short-info-insurance .box-price.price-sale > .price span {
color: #5A5A5A;
}
.line-short-info-insurance .box-franchise {
flex-basis: 22%;
}
.line-short-info-insurance .box-franchise .list-item .item {
position: relative;
margin-bottom: 4px;
}
.line-short-info-insurance .box-franchise .list-item .item:last-child {
margin-bottom: 0;
}
.line-short-info-insurance .box-franchise .list-item .item input {
position: absolute;
left: 0;
top: 0;
opacity: 0;
}
.line-short-info-insurance .box-franchise .list-item .item label {
position: relative;
cursor: pointer;
font-size: 16px;
line-height: 20px;
padding-left: 24px;
}
.line-short-info-insurance .box-franchise .list-item .item label:before {
content: "";
display: block;
position: absolute;
width: 16px;
height: 16px;
border: 2px solid #3984dd;
box-sizing: border-box;
left: 0;
top: 0;
border-radius: 50%;
}
.line-short-info-insurance .box-franchise .list-item .item label:after {
content: "";
display: block;
position: absolute;
background: #3984dd;
width: 8px;
height: 8px;
left: 4px;
top: 4px;
border-radius: 50%;
transition: all 0.3s ease-in-out;
opacity: 0;
}
.line-short-info-insurance .box-franchise .list-item .item input:checked + label {
color: #3984dd;
}
.line-short-info-insurance .box-franchise .list-item .item input:checked + label:after {
opacity: 1;
}
.line-short-info-insurance .box-benefits {
flex-basis: 33.3%;
}
.line-short-info-insurance .box-benefits p {
font-size: 16px;
line-height: 20px;
}
.line-short-info-insurance .box-buy-insurance {
flex-basis: 33.3%;
display: flex;
flex-direction: column;
align-items: flex-end;
}
.line-short-info-insurance .box-buy-insurance .btn-buy-insurance {
max-width: 224px;
margin-bottom: 18px;
}
.line-short-info-insurance .box-buy-insurance > ul {
list-style: none;
padding: 0;
margin: 0;
max-width: 224px;
width: 100%;
}
.line-short-info-insurance .box-buy-insurance > ul li {
position: relative;
font-size: 16px;
line-height: 20px;
margin-bottom: 5px;
}
.line-short-info-insurance .box-buy-insurance > ul li:last-child {
margin-bottom: 0;
}
.line-short-info-insurance .box-buy-insurance > ul li.item-green:before {
background: #3984dd;
}
.line-short-info-insurance .box-buy-insurance > ul li:before {
content: "";
position: relative;
display: inline-block;
width: 8px;
height: 8px;
border-radius: 50%;
margin-right: 8px;
}
.line-full-info-insurance {
position: relative;
padding-top: 25px;
margin-top: 14px;
}
.line-full-info-insurance:before {
content: "";
position: absolute;
left: 0;
right: 0;
height: 1px;
background-color: #CDCFD3;
top: 0;
}
.line-full-info-insurance .box-description {
flex-basis: 65%;
padding-right: 65px;
}
.line-full-info-insurance .box-description .title-box-description {
font-size: 16px;
line-height: 20px;
margin-bottom: 32px;
}
.line-full-info-insurance .box-description .list {
flex-basis: 50%;
}
.line-full-info-insurance .box-description .list .title-list {
text-transform: uppercase;
font-weight: 500;
font-size: 12px;
line-height: 20px;
color: #494949;
margin-bottom: 8px;
}
.line-full-info-insurance .box-description .list ul {
list-style: none;
padding: 0;
margin: 0;
}
.line-full-info-insurance .box-description .list ul li {
position: relative;
font-size: 13px;
line-height: 18px;
padding-left: 15px;
margin-bottom: 12px;
}
.line-full-info-insurance .box-description .list ul li:last-child {
margin-bottom: 0;
}
.line-full-info-insurance .box-description .list ul li:before {
content: "";
position: absolute;
left: 1px;
top: 6px;
display: block;
width: 6px;
height: 6px;
background-color: #1E1F1F;
}
.line-full-info-insurance .box-details {
flex-basis: 35%;
}
.line-full-info-insurance .box-details .speed-payments {
padding: 8px 30px;
background-color: rgba(10, 168, 89, 0.15);
display: flex;
align-items: center;
margin-bottom: 8px;
}
.line-full-info-insurance .box-details .speed-payments .days {
font-weight: 500;
font-size: 14px;
line-height: 20px;
text-align: center;
margin-right: 38px;
}
.line-full-info-insurance .box-details .speed-payments .days span {
font-weight: 500;
font-size: 24px;
line-height: 24px;
display: block;
margin-bottom: 3px;
}
.line-full-info-insurance .box-details .speed-payments p {
margin-bottom: 0;
font-size: 16px;
line-height: 20px;
}
.line-full-info-insurance .box-details .box-rating {
border: 1px solid #3984dd;
padding: 13px 19px 8px;
margin-bottom: 18px;
}
.line-full-info-insurance .box-details .box-rating .title-line {
justify-content: space-between;
margin-bottom: 22px;
}
.line-full-info-insurance .box-details .box-rating .title-line .item-logo {
display: flex;
align-items: flex-end;
font-weight: 500;
font-size: 18px;
line-height: 20px;
}
.line-full-info-insurance .box-details .box-rating .title-line .item-logo img {
max-width: 104px;
width: 100%;
object-fit: contain;
display: block;
margin-right: 3px;
}
.line-full-info-insurance .box-details .box-rating .list-rating {
list-style: none;
padding: 0;
margin-bottom: 0;
}
.line-full-info-insurance .box-details .box-rating .list-rating li {
margin-bottom: 8px;
padding-bottom: 7px;
border-bottom: 1px dashed #CDCFD3;
display: flex;
align-items: center;
justify-content: space-between;
font-size: 13px;
line-height: 16px;
}
.line-full-info-insurance .box-details .box-rating .list-rating li:last-child {
margin-bottom: 0;
border-bottom: 0;
}
.line-full-info-insurance .box-details .box-rating .list-rating li span {
display: flex;
align-items: center;
min-width: 74px;
}
.line-full-info-insurance .box-details .box-rating .list-rating li span:before {
content: "";
position: relative;
width: 14px;
height: 14px;
display: block;
border-radius: 50%;
margin-right: 8px;
}
.line-full-info-insurance .box-details .box-rating .list-rating li span.item-ok:before {
background: #3984dd;
}
.line-full-info-insurance .box-details .box-rating .list-rating li span.item-medium:before {
background: #F8B813;
}
.line-full-info-insurance .box-details .box-rating .list-rating li span.item-badly:before {
background: #D20536;
}
.line-full-info-insurance .box-details .btn-rating-link {
margin-bottom: 14px;
text-decoration: underline;
}
.line-full-info-insurance .box-details .btn-rating-link:last-child {
margin-bottom: 0;
}
.form-reminder-policy {
padding: 58px 62px;
max-width: 448px;
width: 100%;
background: #fff;
border: 2px solid #3984dd;
overflow: hidden;
max-height: 531px;
}
.form-reminder-policy .title-form {
font-size: 24px;
margin-bottom: 15px;
}
.form-reminder-policy .description-form {
font-size: 16px;
line-height: 20px;
margin-bottom: 22px;
}
.form-reminder-policy .fancybox-close-small {
padding: 5px;
right: 11px;
top: 5px;
}
@media screen and (max-width: 575px) {
.form-reminder-policy .fancybox-close-small {
right: 14px;
top: 6px;
}
}
.form-reminder-policy .fancybox-close-small svg path {
fill: #3984dd;
}
.form-reminder-policy .fancybox-close-small:hover svg path {
fill: #16814c;
}
.form-reminder-policy form {
position: relative;
}
.form-reminder-policy form > p > label {
position: relative;
top: unset;
right: unset;
margin-bottom: 5px;
}
.form-reminder-policy form > p .btn-submit {
max-width: unset;
margin-top: 15px;
}
.form-reminder-policy form .wrapp-date i, .form-reminder-policy form .wrapp-time i {
top: 66%;
}
.box-back-to-companies {
font-size: 13px;
margin: 15px 0 17px;
}
.box-back-to-companies i {
margin-right: 10px;
}
.box-form-insurance {
margin-bottom: 122px;
}
.box-form-insurance .box-bg-white {
background-color: #fff;
padding: 0 8px;
margin-bottom: 8px;
}
.box-form-insurance .box-line-form {
border-bottom: 1px dashed #CDCFD3;
padding: 16px 16px;
}
.box-form-insurance .box-line-form:last-child {
border-bottom: 0;
}
.box-form-insurance .box-line-form .title-line {
font-weight: 500;
font-size: 16px;
line-height: 20px;
margin-bottom: 15px;
}
.box-form-insurance .box-line-form .line-form {
align-items: flex-end;
}
.box-form-insurance .box-line-form .line-form .wrapp-input {
margin-right: 16px;
width: 100%;
}
.box-form-insurance .box-line-form .line-form .wrapp-input.mr-lg {
margin-right: 32px;
}
.box-form-insurance .box-line-form .line-form .wrapp-input.mr-md {
margin-right: 16px;
}
.box-form-insurance .box-line-form .line-form .wrapp-input.mr-sm {
margin-right: 8px;
}
.box-form-insurance .box-line-form .line-form .wrapp-input.length-xl {
max-width: 456px;
}
.box-form-insurance .box-line-form .line-form .wrapp-input.length-lg {
max-width: 272px;
}
.box-form-insurance .box-line-form .line-form .wrapp-input.length-md {
max-width: 160px;
}
.box-form-insurance .box-line-form .line-form .wrapp-input.length-md-l {
max-width: 176px;
}
.box-form-insurance .box-line-form .line-form .wrapp-input.length-sm {
max-width: 84px;
}
.box-form-insurance .box-line-form .line-form .wrapp-input.length-sm-l {
max-width: 112px;
}
.box-form-insurance .box-line-form .line-form .wrapp-input.length-xs {
max-width: 56px;
}
.box-form-insurance .box-line-form .line-form .wrapp-input:last-child {
margin-right: 0;
}
.box-form-insurance .box-line-form .line-form .wrapp-input label {
position: relative;
top: 0;
right: 0;
margin-bottom: 5px;
font-size: 10px;
display: flex;
align-items: center;
}
.box-form-insurance .box-line-form .line-form .wrapp-input input {
font-size: 13px;
line-height: 18px;
padding: 6px 15px;
width: 100%;
}
.box-form-insurance .box-line-form .line-form .wrapp-input input::placeholder {
color: #5A5A5A;
}
.box-form-insurance .box-line-form .line-form .wrapp-input input.length-lg {
max-width: 272px;
}
.box-form-insurance .box-line-form .line-form .wrapp-input .label-second {
font-size: 12px;
line-height: 16px;
margin-top: 3px;
}
.box-form-insurance .box-line-form .select-type-documents, .box-form-insurance .box-line-form .select2 {
line-height: 18px;
font-weight: normal;
margin-left: 12px;
}
.box-form-insurance .box-line-form .select2 .selection .select2-selection .select2-selection__rendered {
padding: 2px 15px;
font-size: 13px;
}
.box-form-insurance .box-line-form .select2-container--default .select2-selection--single .select2-selection__arrow {
top: -4px;
}
.box-form-insurance .btn-info {
color: #3984dd;
transition: all 0.3s ease-in-out;
padding: 0;
max-width: unset;
width: unset;
opacity: 0.5;
margin-left: 4px;
}
.box-form-insurance .btn-info:hover {
opacity: 1;
}
.box-form-insurance .btn-info:disabled {
opacity: 0.3;
}
.box-form-insurance .btn-info:disabled:hover {
cursor: not-allowed;
}
.box-form-insurance .info-box {
position: absolute;
padding: 20px 20px;
font-size: 13px;
line-height: 18px;
color: #fff;
box-shadow: 0px 2px 8px rgba(98, 107, 108, 0.08);
border: 1px solid #FFFFFF;
background-color: #3984dd;
z-index: 5;
display: none;
top: 100%;
}
.box-form-insurance .info-box.no-padding {
padding: 0;
}
.box-form-insurance .info-box:hover {
display: block !important;
}
.box-form-insurance .box-line-period {
font-size: 13px;
padding: 11px 16px;
}
.box-form-insurance .box-line-period b {
margin-right: 8px;
font-weight: 500;
}
.box-form-insurance .box-line-period span {
margin: 0 8px;
}
.box-form-insurance .box-line-period .active {
color: #3984dd;
text-decoration: underline;
}
.box-form-insurance .box-line-policy input {
position: absolute;
left: 0;
top: 0;
opacity: 0;
}
.box-form-insurance .box-line-policy input:checked + label:after {
opacity: 1;
}
.box-form-insurance .box-line-policy label {
margin: 0;
position: relative;
top: unset;
right: unset;
padding-left: 30px;
cursor: pointer;
color: #494949;
font-size: 14px;
margin-right: 10px;
}
.box-form-insurance .box-line-policy label:before {
content: "";
position: absolute;
border: 2px solid #3984dd;
box-sizing: border-box;
border-radius: 2px;
width: 16px;
height: 16px;
left: 0;
top: 0;
}
.box-form-insurance .box-line-policy label:after {
content: "";
font-family: "Font Awesome 5 Pro";
font-weight: 600;
font-size: 11px;
color: #3984dd;
position: absolute;
left: 3px;
top: 2px;
opacity: 0;
transition: all 0.3s ease-in-out;
}
.box-form-insurance .box-line-policy label a {
color: #3984dd;
text-decoration: underline;
}
.box-form-insurance .box-submit {
margin-top: 15px;
}
.box-form-insurance .box-submit .line-submit-form-insurance .description {
flex: 1 1;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-end;
margin-right: 29px;
}
.box-form-insurance .box-submit .line-submit-form-insurance .description .line-price {
font-size: 14px;
line-height: 20px;
font-weight: 500;
}
.box-form-insurance .box-submit .line-submit-form-insurance .description .line-price span {
font-weight: 500;
font-size: 18px;
line-height: 20px;
color: #3984dd;
margin: 0 5px;
}
.box-form-insurance .box-submit .line-submit-form-insurance .description .line-price sub {
font-size: 12px;
line-height: 16px;
font-weight: normal;
bottom: -0.25px;
}
.box-form-insurance .box-submit .line-submit-form-insurance .description p {
font-size: 12px;
line-height: 16px;
margin-bottom: 0;
}
.box-form-insurance .box-submit .line-submit-form-insurance .btn-submit-form-insurance {
max-width: 240px;
}
.box-form-insurance .box-line-form[type-doc] .line-form {
display: none;
}
.box-form-insurance .box-line-form[type-doc][type-doc=passport] .line-form-passport {
display: flex;
}
.box-form-insurance .box-line-form[type-doc][type-doc=id-card] .line-form-cart-id {
display: flex;
}
.box-form-insurance .box-line-form[type-doc][type-doc=drivers-license] .line-form-drivers-license {
display: flex;
}
.box-form-insurance .box-line-form[type-doc][type-doc=pension] .line-form-pension {
display: flex;
}
.box-form-insurance .box-line-form[type-doc][type-doc=chernobyl] .line-form-chernobyl {
display: flex;
}
.box-form-insurance .box-line-form[type-doc][type-doc=combatant] .line-form-combatant {
display: flex;
}
.box-form-insurance .box-line-form[type-doc][type-doc=disability] .line-form-disability {
display: flex;
}
.box-characteristics {
background-color: #fff;
padding: 8px 8px;
margin-bottom: 16px;
}
.box-characteristics .wrapp-characteristics {
border-bottom: 1px dashed #CDCFD3;
padding: 0 8px;
padding-bottom: 14px;
margin-bottom: 16px;
}
.box-characteristics .wrapp-characteristics:last-child {
border-bottom: 0;
padding-bottom: 0;
margin-bottom: 0;
}
.box-characteristics .wrapp-characteristics ul {
list-style: none;
padding: 0;
margin: 0;
}
.box-characteristics .wrapp-characteristics ul li {
margin-bottom: 10px;
display: flex;
}
.box-characteristics .wrapp-characteristics ul li:last-child {
margin-bottom: 0;
}
.box-characteristics .wrapp-characteristics ul li img {
max-width: 56px;
width: 100%;
object-fit: contain;
}
.box-characteristics .wrapp-characteristics ul li span {
font-size: 10px;
line-height: 16px;
flex-basis: 50%;
}
.box-characteristics .wrapp-characteristics ul li span:last-child {
font-weight: 500;
}
.box-characteristics .wrapp-characteristics .car-mark-emblem {
max-width: 32px;
width: 100%;
object-fit: contain;
margin-bottom: 8px;
}
.box-characteristics .wrapp-characteristics .line-price {
font-size: 14px;
line-height: 20px;
color: #3984dd;
margin-bottom: 13px;
}
.box-characteristics .wrapp-characteristics .line-price span {
font-weight: 500;
font-size: 18px;
line-height: 20px;
margin: 0 5px;
}
.box-characteristics .wrapp-characteristics .line-price sub {
font-size: 12px;
line-height: 16px;
font-weight: normal;
bottom: -0.25px;
}
.box-characteristics .box-title {
font-weight: bold;
font-size: 16px;
line-height: 24px;
margin-bottom: 16px;
}
.box-warning {
border: 1px solid #CDCFD3;
padding: 13px 15px 25px;
}
.box-warning img {
max-width: 21px;
width: 100%;
margin-bottom: 11px;
}
.box-warning p {
font-size: 12px;
line-height: 16px;
margin-bottom: 8px;
}
.section-register-mtsbu {
flex: 1 1;
padding: 49px 0;
}
.column-register-mtsbu {
text-align: center;
}
.column-register-mtsbu .title {
font-style: normal;
font-weight: bold;
font-size: 24px;
line-height: 40px;
margin-bottom: 68px;
}
@media screen and (max-width: 767px) {
.column-register-mtsbu .title {
font-size: 22px;
line-height: normal;
margin-bottom: 40px;
}
}
.column-register-mtsbu .logo-mtsbu {
width: 110px;
height: 70px;
background: #3984dd;
position: relative;
display: flex;
align-items: center;
justify-content: center;
margin: 20px auto;
margin-bottom: 65px;
}
.column-register-mtsbu .logo-mtsbu:after, .column-register-mtsbu .logo-mtsbu:before {
content: "";
width: 0;
height: 0;
position: absolute;
left: 0;
border-left: 55px solid transparent;
border-right: 55px solid transparent;
}
.column-register-mtsbu .logo-mtsbu:after {
top: -31px;
border-bottom: 31px solid #3984dd;
}
.column-register-mtsbu .logo-mtsbu:before {
bottom: -31px;
border-top: 31px solid #3984dd;
}
.column-register-mtsbu P {
font-size: 16px;
line-height: 24px;
margin-bottom: 17px;
}
.column-register-mtsbu .time-process {
font-weight: 500;
font-size: 16px;
line-height: 24px;
color: #3984dd;
}
.section-register-step-mtsbu {
flex: 1 1;
padding: 32px 0;
}
.section-register-step-mtsbu .box-bg-white {
background-color: #fff;
}
.section-register-step-mtsbu .register-step-1 {
padding: 49px 20px;
min-height: 568px;
display: flex;
flex-direction: column;
}
.section-register-step-mtsbu .register-step-1 > * {
max-width: 262px;
width: 100%;
margin: 0 auto;
}
.section-register-step-mtsbu .register-step-1 .title {
font-weight: 600;
font-size: 24px;
line-height: 40px;
margin-bottom: 16px;
}
.section-register-step-mtsbu .register-step-1 p {
font-size: 16px;
line-height: 24px;
margin-bottom: 31px;
}
.section-register-step-mtsbu .register-step-1 .text-repeat-request {
font-size: 14px;
line-height: 20px;
flex: 1 1;
}
.section-register-step-mtsbu .register-step-1 .text-repeat-request span {
color: #3984dd;
}
.section-register-step-mtsbu .register-step-1 .btn-link {
color: #494949;
text-decoration: underline;
}
.section-register-step-mtsbu .register-step-1 .btn-link i {
margin-right: 10px;
}
.section-register-step-mtsbu .register-step-1 .wrapp-code-input {
margin-bottom: 42px;
}
.section-register-step-mtsbu .register-step-1 .wrapp-code-input input {
border: 1px solid #CDCFD3;
border-radius: 0;
box-shadow: none;
text-align: center;
outline: none;
font-size: 16px;
line-height: 20px;
padding: 9px 10px;
width: 100%;
}
.section-register-step-mtsbu .register-step-2 {
padding: 40px 20px;
min-height: 568px;
display: flex;
flex-direction: column;
}
.section-register-step-mtsbu .register-step-2 > * {
max-width: 328px;
width: 100%;
margin: 0 auto;
}
.section-register-step-mtsbu .register-step-2 .title {
font-weight: 600;
font-size: 18px;
line-height: 24px;
}
.section-register-step-mtsbu .register-step-2 .price {
font-weight: 500;
font-size: 24px;
line-height: 40px;
color: #3984dd;
margin-bottom: 26px;
}
.section-register-step-mtsbu .register-step-2 p {
font-size: 14px;
line-height: 20px;
margin-bottom: 6px;
}
.section-register-step-mtsbu .register-step-2 .btn-privat24 {
background-color: #000;
color: #fff;
font-size: 14px;
line-height: 20px;
padding: 8px 10px;
max-width: 330px;
margin-bottom: 21px;
}
.section-register-step-mtsbu .register-step-2 .btn-privat24 img {
margin-right: 6px;
}
.section-register-step-mtsbu .register-step-2 .line-text-delimiter {
position: relative;
text-align: center;
margin-bottom: 16px;
}
.section-register-step-mtsbu .register-step-2 .line-text-delimiter:before {
content: "";
position: absolute;
left: 0;
right: 0;
top: 10px;
display: block;
border-bottom: 1px dashed #CDCFD3;
}
.section-register-step-mtsbu .register-step-2 .line-text-delimiter span {
position: relative;
display: inline-block;
margin: 0 auto;
padding: 0 10px;
background-color: #fff;
z-index: 1;
text-align: center;
}
.section-register-step-mtsbu .register-step-2 .line-liqpay-form {
justify-content: space-between;
align-items: center;
margin-bottom: 13px;
}
.section-register-step-mtsbu .register-step-2 .line-liqpay-form .cart {
color: #494949;
font-weight: 500;
font-size: 14px;
line-height: 20px;
}
.section-register-step-mtsbu .register-step-2 .line-liqpay-form .cart img {
max-width: 16px;
width: 100%;
margin-right: 5px;
}
.section-register-step-mtsbu .register-step-2 .line-liqpay-form .icon-liqpay img {
max-width: 73px;
width: 100%;
}
.section-register-step-mtsbu .register-step-2 .wrapp-form-liqpay img {
display: block;
margin-bottom: 20px;
}
.section-register-step-mtsbu .register-step-2 .wrapp-form-liqpay .btn-form-liqpay {
max-width: 328px;
}
.section-register-step-mtsbu .box-text {
padding-left: 24px;
}
.section-register-step-mtsbu .box-text .title {
font-weight: bold;
font-size: 24px;
line-height: 40px;
margin-bottom: 8px;
}
.section-register-step-mtsbu .box-text .title-payment {
font-weight: 600;
font-size: 18px;
line-height: 24px;
margin-bottom: 24px;
}
.section-register-step-mtsbu .box-text > p {
font-size: 16px;
line-height: 24px;
margin-bottom: 10px;
}
.section-register-step-mtsbu .box-text .email-box {
font-weight: 500;
font-size: 20px;
line-height: 24px;
}
.section-register-step-mtsbu .box-text .box-text-with-icon {
border-top: 1px dashed #CDCFD3;
margin-top: 61px;
padding-top: 25px;
}
.section-register-step-mtsbu .box-text .box-text-with-icon p {
font-size: 12px;
line-height: 16px;
}
.section-register-step-mtsbu .box-text .box-text-with-icon p img {
margin-right: 25px;
max-width: 24px;
}
.section-load-offers {
flex: 1 1;
padding: 49px 0;
}
.section-load-offers .column-load-offers {
text-align: center;
}
.section-load-offers .column-load-offers .title {
font-size: 24px;
line-height: 40px;
margin-bottom: 47px;
}
@media screen and (max-width: 767px) {
.section-load-offers .column-load-offers .title {
font-size: 18px;
line-height: normal;
margin-bottom: 30px;
}
}
.section-load-offers .column-load-offers > p {
font-size: 16px;
line-height: 24px;
margin-bottom: 18px;
}
.section-load-offers .column-load-offers .img-load-offers {
display: block;
margin: 0 auto;
max-width: 120px;
width: 100%;
margin-bottom: 24px;
}
.section-load-offers .column-load-offers .box-line-process {
display: flex;
align-items: center;
justify-content: center;
}
.section-load-offers .column-load-offers .box-line-process .line-process {
max-width: 280px;
width: 100%;
border-radius: 4px;
background: #E4E7EB;
margin-right: 10px;
height: 6px;
}
.section-load-offers .column-load-offers .box-line-process .line-process > div {
border-radius: 4px;
left: 0;
top: 0;
bottom: 0;
background-color: #3984dd;
height: 6px;
}
.section-result-offers {
flex: 1 1;
padding: 49px 0 70px;
}
.section-result-offers .title {
font-size: 24px;
line-height: 36px;
}
@media screen and (max-width: 991px) {
.section-result-offers .box-text {
margin-bottom: 30px;
}
}
.section-result-offers .box-text > p {
font-size: 14px;
line-height: 20px;
margin-bottom: 24px;
}
.section-result-offers .box-text .box-email {
margin-bottom: 14px;
}
.section-result-offers .box-text .box-email p {
font-size: 16px;
line-height: 24px;
margin-bottom: 7px;
}
.section-result-offers .box-text .box-email .mail {
font-weight: 500;
font-size: 20px;
line-height: 24px;
}
.section-result-offers .box-text .btn-check-base {
text-decoration: underline;
}
.section-result-offers .box-text .btn-check-base i {
margin-left: 10px;
}
.section-result-offers .line-box-links-download {
align-items: center;
margin-bottom: 21px;
}
.section-result-offers .line-box-links-download .box {
background: #fff;
border: 2px solid #3984dd;
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 23px 20px;
flex-basis: 50%;
margin-right: 40px;
min-height: 200px;
max-width: 160px;
position: relative;
}
@media screen and (max-width: 991px) {
.section-result-offers .line-box-links-download .box {
margin-right: 24px;
}
}
.section-result-offers .line-box-links-download .box:before {
content: "";
position: absolute;
width: 0;
height: 0;
border-style: solid;
border-width: 0 44px 44px 0;
border-color: transparent #F3F6FA transparent transparent;
right: -2px;
top: -2px;
filter: drop-shadow(-2px 1px 0px #3984dd);
z-index: 1;
}
.section-result-offers .line-box-links-download .box:after {
content: "";
position: absolute;
width: 0;
height: 0;
border-style: solid;
border-width: 44px 0 0 44px;
border-color: transparent transparent transparent #fff;
filter: drop-shadow(-2px 2px 0px #3984dd);
right: -3px;
top: -3px;
}
.section-result-offers .line-box-links-download .box:last-child {
margin-right: 0;
}
.section-result-offers .line-box-links-download .box .wrapp-img {
display: flex;
align-items: center;
}
.section-result-offers .line-box-links-download .box .wrapp-img p {
margin-bottom: 0;
}
.section-result-offers .line-box-links-download .box .btn-download {
font-size: 14px;
line-height: 20px;
text-decoration: underline;
}
.section-result-offers .box-text-with-icon {
display: flex;
align-items: flex-start;
font-size: 10px;
line-height: 16px;
}
.section-result-offers .box-text-with-icon img {
display: block;
margin-right: 8px;
}
.section-result-offers .box-text-with-icon p {
margin-bottom: 0;
}
.section-result-offers .box-text-with-icon a {
color: #3984dd;
}
.ui-autocomplete {
position: absolute;
width: 100%;
border-radius: 0;
background: #3984dd;
box-shadow: 0px 2px 8px rgba(98, 107, 108, 0.08);
border: 0;
top: 100%;
list-style: none;
max-height: 300px;
overflow: auto;
padding: 0;
z-index: 999;
}
.ui-menu-item {
color: #fff;
font-size: 14px;
line-height: 20px;
padding: 10px 25px;
}
.ui-menu-item.ui-state-focus {
background: #68adfd;
}
.wpml-ls-legacy-dropdown a {
background-color: transparent;
}
.site-404-wrapper {
min-height: 100vh;
box-sizing: border-box;
background-image: url(//evrocentr-avto.com.ua/ru//wp-content/uploads/bg-404.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
@media screen and (max-width: 767px) {
.site-404-wrapper header {
display: block !important;
}
}
@media screen and (max-width: 575px) {
.site-404-wrapper {
background-position: 80% center;
}
}
.site-global-wrapper > .header-404 {
background-color: transparent;
}
.site-global-wrapper > .header-404 .logo img {
max-width: 218px;
width: 202%;
}
.site-global-wrapper > .header-404 .line-header {
padding: 32px 0 12px;
}
.site-404-wrapper footer {
background: rgba(25, 26, 27, .8);
padding: 15px 0;
}
@media screen and (max-width: 575px) {
.site-404-wrapper footer {
}
}
.box-404-content {
padding-top: 97px;
}
.box-404-content h1 {
font-size: 40px;
letter-spacing: .2px;
line-height: 56px;
}
@media screen and (max-width: 575px) {
.box-404-content h1 {
font-size: 24px;
line-height: 28px;
}
}
.box-404-content p {
font-size: 20px;
line-height: 26px;
max-width: 571px;
margin-top: 36px;
}
@media screen and (max-width: 575px) {
.box-404-content p {
font-size: 15px;
line-height: 20px;
}
}
.box-404-content p a {
color: #3984dd;
padding-bottom: 2px;
border-bottom: 2px solid #3984dd;
}
.box-404-content p a:hover {
text-decoration: none;
border-bottom: none;
}
.box-404-content span {
display: inline-block;
max-width: 420px;
font-size: 16px;
letter-spacing: .1px;
line-height: 125%;
padding-top: 15px;
}
#nav-404 ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
list-style-type: none;
height: 45px;
margin-bottom: 0;
margin-top: 13px;
}
@media screen and (max-width: 767px) {
#nav-404 ul {
padding-left: 0;
}
}
@media screen and (max-width: 575px) {
#nav-404 ul {
flex-direction: column;
height: auto;
justify-content: flex-start;
align-items: flex-start;
}
#nav-404 ul li {
padding: 13px 0;
}
}
#nav-404 ul li a {
font-size: 16px;
color: #ffffff;
letter-spacing: .1px;
line-height: 20px;
}
@media screen and (max-width: 575px) {
.site-404-wrapper footer .logo img {
max-width: 170px;
}
}
.section-news--mob {
display: none;
}
@media screen and (max-width: 767px) {
.section-news--desc {
display: none;
}
.section-news--mob {
display: block;
}
}
.slick-wrap .item-news img {
width: 100%;
height: auto;
object-fit: cover;
}
.slick-wrap .item-news a {
display: block;
color: #1E1F1F;
font-weight: 500;
font-size: 15px;
line-height: 20px;
margin-top: 15px;
}
.slick-wrap .item-news a:hover {
color: #3984dd;
}
.slick-wrap .item-news p {
margin-top: 10px;
}
.slick-slide {
margin: 0 7px;
}
.slick-list {
margin: 0 -7px;
}
@media screen and (max-width: 480px) {
.slick-list {
margin: 0px 0 0 -55px !important;
}
}
.data-table-row--name-route p {
font-size: 12px;
}
.data-table-messagers-box-wrap {
display: flex;
flex-direction: row;
justify-content: space-between;
max-width: 135px;
}
.data-table-messagers-box-wrap a {
color: #1E1F1F;
transition: .3s ease-in-out;
}
.data-table-messagers-box-wrap a i {
font-size: 22px;
}
.data-table-messagers-box-wrap a:hover {
color: #3984dd;
}
.box-social-shared {
display: flex;
flex-direction: row;
justify-content: space-between;
padding-bottom: 5px;
border-bottom: 1px solid #cccccc;
margin-bottom: 40px;
align-items: center;
}
.box-social-shared .shared-date {
font-size: 13px;
letter-spacing: .1px;
}
.box-social-shared .shared {
display: flex;
flex-direction: row;
justify-content: space-between;
width: 100%;
max-width: 232px;
margin-bottom: 0;
}
.shared-wrap {
width: 100%;
max-width: 232px;
overflow: hidden;
position: relative;
height: 44px;
}
.box-social-shared .shared a {
display: inline-block;
width: 32px;
height: 32px;
background: rgba(30, 31, 31, .1);
border-radius: 50%;
border: 1px solid #f3f6fa;
color: #1E1F1F;
text-align: center;
line-height: 32px;
box-sizing: border-box;
transition: .3s ease-in-out;
}
.box-social-shared .shared {
z-index: 2;
position: absolute;
top: 0;
right: 0;
background: #f3f6fa;
transition: .5s ease-in-out;
}
.s_in_mob {
display: none;
}
@media screen and (max-width: 767px) {
.single_content.labb .box-social-shared .shared {
right: 0;
}
.table__service .s_in_mob {
display: block;
text-align: center;
margin: 15px 0 25px 0;
}
.table__service .list.list-labs .item:last-child {
display: none;
}
.single_content.labb .box-social-shared {
display: block;
}
.box-social-shared .shared {
right: -232px;
}
.single__lab h1 {
font-size: 18px;
line-height: 24px;
}
.single__lab address {
font-size: 12px;
line-height: 16px;
}
.single__lab p.shared-date a {
font-size: 16px;
line-height: 20px;
}
.single__lab .shared-wrap {
display: none;
}
.section-breadcrumbs.single__lab {
background-image: url(//evrocentr-avto.com.ua/wp-content/themes/center-avto/img/lab_mob_01.jpg);
}
.table__service {
padding: 40px 0;
}
.table__service .title {
font-size: 22px;
line-height: 24px;
}
.table__service .list.list-labs {
display: block;
}
.table__service .list.list-labs .item:first-child {
width: 100%;
margin-bottom: 10px;
}
.gap .wrapp-contact a.btn-green {
width: 100%;
display: block;
max-width: 100%;
margin-bottom: 32px;
}
.single_content img.size-large {
float: none;
padding: 0 0 20px 0;
max-width: 100%;
height: auto;
}
.single_content h2 {
margin-bottom: 20px;
font-weight: 600;
}
.btn.btn-grey {
line-height: 14px;
margin-bottom: 15px;
}
.single-labs .section-certification-application {
padding: 24px 0px 24px;
background: #fff;
}
}
.shared--mob {
display: inline-block;
z-index: 1;
position: absolute;
top: 0;
right: 0;
width: 40px;
height: 40px;
margin-bottom: 0 !important;
}
.shared--mob a {
display: inline-block;
width: 32px;
height: 32px;
background: rgba(30, 31, 31, .1);
border-radius: 50%;
border: 1px solid #ffffff;
color: #1E1F1F;
text-align: center;
line-height: 32px;
box-sizing: border-box;
transition: .3s ease-in-out;
}
.box-social-shared .shared a:hover {
border: 1px solid #3984dd;
color: #3984dd;
background: transparent;
box-sizing: border-box;
}
.section-map .list-result .box-config .config-service .btn-swither {
margin: 0 13px 15px 15px;
}
.section-map .list-result .box-config .config-service .btn-swither#btn-certification-gbo {
margin-left: 109px;
}
.section-map .list-result .box-config .config-location .wrapp-select {
padding-left: 10px;
}
.list-result .config-service {
flex-wrap: wrap;
}
.data-table-row--value .btn-read-more {
font-size: 13px;
border-bottom: 1px solid;
color: #3984dd;
margin-left: 20px;
}
.data-table-row--value .btn-read-more:hover {
text-decoration: none;
}
.data-table-row--value .btn.btn-green.btn-service {
padding: 14px 30px;
width: auto;
}
@media screen and (max-width: 550px) {
.data-table-row--value .btn.btn-green.btn-service {
margin-bottom: 10px;
}
.data-table-row--value .btn-read-more {
margin-left: 0;
}
.section-map .list-result .box-config .config-service .btn-swither {
margin: 0 14px 20px 12px;
}
.section-map .list-result .box-config .config-service .btn-swither#btn-certification-gbo {
margin-left: 12px;
}
.wrapp-content .config-service > p {
display: none;
}
}
@media screen and (max-width: 350px) {
.section-map .list-result .box-config .config-service, .section-map .box-lg-config-map .box-config .config-service {
padding: 0px 0px;
}
.section-map .list-result .box-config .config-service .btn-swither#btn-certification-false {
margin-left: 10px;
}
}