html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, nav ul, nav li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
ol, ul {
list-style: none;
margin: 0;
padding: 0;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: "";
}
table {
border-collapse: collapse;
border-spacing: 0;
}
html, body {
margin: 0;
padding: 0;
height: 100%;
}
input[type=submit] {
-webkit-appearance: none;
}
img {
border: 0;
max-width: 100%;
}
ul.custom {
margin-bottom: 20px;
}
ul.custom li {
list-style: disc;
margin-left: 17px;
}
input, textarea, select {
outline: none;
}
textarea {
resize: none;
overflow: hidden;
}
a {
color: #008fff;
-webkit-transition: all 0.15s ease 0s;
transition: all 0.15s ease 0s;
text-decoration: underline;
cursor: pointer;
}
a:hover {
text-decoration: none;
color: #008fff;
-webkit-transition: all 0.2s ease 0.05s;
transition: all 0.2s ease 0.05s;
}
a:active,
a:focus,
a:focus-within,
a:target,
a:visited,
a:focus-visible {
outline: none;
}
hr {
margin: 0;
height: 0;
}
textarea, input[type=text], input[type=button], input[type=submit] {
-webkit-appearance: none;
border-radius: 0;
}
p {
line-height: 1.4;
margin-bottom: 22px;
}
button:focus {
outline: 0;
}
*, *:before, *:after {
box-sizing: border-box;
}
sup {
font-size: 75%;
top: -0.5em;
position: relative;
}
/* montserrat-regular - cyrillic_latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: "Montserrat";
font-style: normal;
font-weight: 400;
src: url("../fonts/montserrat-v25-cyrillic_latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-italic - cyrillic_latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: "Montserrat";
font-style: italic;
font-weight: 400;
src: url("../fonts/montserrat-v25-cyrillic_latin-italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-500 - cyrillic_latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: "Montserrat";
font-style: normal;
font-weight: 500;
src: url("../fonts/montserrat-v25-cyrillic_latin-500.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-500italic - cyrillic_latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: "Montserrat";
font-style: italic;
font-weight: 500;
src: url("../fonts/montserrat-v25-cyrillic_latin-500italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-600 - cyrillic_latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: "Montserrat";
font-style: normal;
font-weight: 600;
src: url("../fonts/montserrat-v25-cyrillic_latin-600.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-600italic - cyrillic_latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: "Montserrat";
font-style: italic;
font-weight: 600;
src: url("../fonts/montserrat-v25-cyrillic_latin-600italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-700 - cyrillic_latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: "Montserrat";
font-style: normal;
font-weight: 700;
src: url("../fonts/montserrat-v25-cyrillic_latin-700.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-700italic - cyrillic_latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: "Montserrat";
font-style: italic;
font-weight: 700;
src: url("../fonts/montserrat-v25-cyrillic_latin-700italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-300 - cyrillic_latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: "Open Sans";
font-style: normal;
font-weight: 300;
src: url("../fonts/open-sans-v35-cyrillic_latin-300.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-300italic - cyrillic_latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: "Open Sans";
font-style: italic;
font-weight: 300;
src: url("../fonts/open-sans-v35-cyrillic_latin-300italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-regular - cyrillic_latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: "Open Sans";
font-style: normal;
font-weight: 400;
src: url("../fonts/open-sans-v35-cyrillic_latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-italic - cyrillic_latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: "Open Sans";
font-style: italic;
font-weight: 400;
src: url("../fonts/open-sans-v35-cyrillic_latin-italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-500 - cyrillic_latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: "Open Sans";
font-style: normal;
font-weight: 500;
src: url("../fonts/open-sans-v35-cyrillic_latin-500.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-500italic - cyrillic_latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: "Open Sans";
font-style: italic;
font-weight: 500;
src: url("../fonts/open-sans-v35-cyrillic_latin-500italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-600 - cyrillic_latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: "Open Sans";
font-style: normal;
font-weight: 600;
src: url("../fonts/open-sans-v35-cyrillic_latin-600.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-600italic - cyrillic_latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: "Open Sans";
font-style: italic;
font-weight: 600;
src: url("../fonts/open-sans-v35-cyrillic_latin-600italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-700 - cyrillic_latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: "Open Sans";
font-style: normal;
font-weight: 700;
src: url("../fonts/open-sans-v35-cyrillic_latin-700.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-700italic - cyrillic_latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: "Open Sans";
font-style: italic;
font-weight: 700;
src: url("../fonts/open-sans-v35-cyrillic_latin-700italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-800 - cyrillic_latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: "Open Sans";
font-style: normal;
font-weight: 800;
src: url("../fonts/open-sans-v35-cyrillic_latin-800.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-800italic - cyrillic_latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: "Open Sans";
font-style: italic;
font-weight: 800;
src: url("../fonts/open-sans-v35-cyrillic_latin-800italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
font-family: "Saira";
font-style: normal;
font-weight: 300;
src: url("../fonts/saira-v14-latin-ext_latin-300.eot"); /* IE9 Compat Modes */
src: local(""), url("../fonts/saira-v14-latin-ext_latin-300.eot?#iefix") format("embedded-opentype"), url("../fonts/saira-v14-latin-ext_latin-300.woff2") format("woff2"), url("../fonts/saira-v14-latin-ext_latin-300.woff") format("woff"), url("../fonts/saira-v14-latin-ext_latin-300.ttf") format("truetype"), url("../fonts/saira-v14-latin-ext_latin-300.svg#Saira") format("svg"); /* Legacy iOS */
}
/* saira-regular - latin-ext_latin */
@font-face {
font-family: "Saira";
font-style: normal;
font-weight: 400;
src: url("../fonts/saira-v14-latin-ext_latin-regular.eot"); /* IE9 Compat Modes */
src: local(""), url("../fonts/saira-v14-latin-ext_latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/saira-v14-latin-ext_latin-regular.woff2") format("woff2"), url("../fonts/saira-v14-latin-ext_latin-regular.woff") format("woff"), url("../fonts/saira-v14-latin-ext_latin-regular.ttf") format("truetype"), url("../fonts/saira-v14-latin-ext_latin-regular.svg#Saira") format("svg"); /* Legacy iOS */
}
/* saira-500 - latin-ext_latin */
@font-face {
font-family: "Saira";
font-style: normal;
font-weight: 500;
src: url("../fonts/saira-v14-latin-ext_latin-500.eot"); /* IE9 Compat Modes */
src: local(""), url("../fonts/saira-v14-latin-ext_latin-500.eot?#iefix") format("embedded-opentype"), url("../fonts/saira-v14-latin-ext_latin-500.woff2") format("woff2"), url("../fonts/saira-v14-latin-ext_latin-500.woff") format("woff"), url("../fonts/saira-v14-latin-ext_latin-500.ttf") format("truetype"), url("../fonts/saira-v14-latin-ext_latin-500.svg#Saira") format("svg"); /* Legacy iOS */
}
/* saira-600 - latin-ext_latin */
@font-face {
font-family: "Saira";
font-style: normal;
font-weight: 600;
src: url("../fonts/saira-v14-latin-ext_latin-600.eot"); /* IE9 Compat Modes */
src: local(""), url("../fonts/saira-v14-latin-ext_latin-600.eot?#iefix") format("embedded-opentype"), url("../fonts/saira-v14-latin-ext_latin-600.woff2") format("woff2"), url("../fonts/saira-v14-latin-ext_latin-600.woff") format("woff"), url("../fonts/saira-v14-latin-ext_latin-600.ttf") format("truetype"), url("../fonts/saira-v14-latin-ext_latin-600.svg#Saira") format("svg"); /* Legacy iOS */
}
/* saira-700 - latin-ext_latin */
@font-face {
font-family: "Saira";
font-style: normal;
font-weight: 700;
src: url("../fonts/saira-v14-latin-ext_latin-600.eot"); /* IE9 Compat Modes */
src: local(""), url("../fonts/saira-v14-latin-ext_latin-600.eot?#iefix") format("embedded-opentype"), url("../fonts/saira-v14-latin-ext_latin-600.woff2") format("woff2"), url("../fonts/saira-v14-latin-ext_latin-600.woff") format("woff"), url("../fonts/saira-v14-latin-ext_latin-600.ttf") format("truetype"), url("../fonts/saira-v14-latin-ext_latin-600.svg#Saira") format("svg"); /* Legacy iOS */
}
@font-face {
font-family: "Saira";
font-style: normal;
font-weight: bold;
src: url("../fonts/saira-v14-latin-ext_latin-600.eot"); /* IE9 Compat Modes */
src: local(""), url("../fonts/saira-v14-latin-ext_latin-600.eot?#iefix") format("embedded-opentype"), url("../fonts/saira-v14-latin-ext_latin-600.woff2") format("woff2"), url("../fonts/saira-v14-latin-ext_latin-600.woff") format("woff"), url("../fonts/saira-v14-latin-ext_latin-600.ttf") format("truetype"), url("../fonts/saira-v14-latin-ext_latin-600.svg#Saira") format("svg"); /* Legacy iOS */
}
/* saira-800 - latin-ext_latin */
@font-face {
font-family: "Saira";
font-style: normal;
font-weight: 800;
src: url("../fonts/saira-v14-latin-ext_latin-800.eot"); /* IE9 Compat Modes */
src: local(""), url("../fonts/saira-v14-latin-ext_latin-800.eot?#iefix") format("embedded-opentype"), url("../fonts/saira-v14-latin-ext_latin-800.woff2") format("woff2"), url("../fonts/saira-v14-latin-ext_latin-800.woff") format("woff"), url("../fonts/saira-v14-latin-ext_latin-800.ttf") format("truetype"), url("../fonts/saira-v14-latin-ext_latin-800.svg#Saira") format("svg"); /* Legacy iOS */
}
/* saira-900 - latin-ext_latin */
@font-face {
font-family: "Saira";
font-style: normal;
font-weight: 900;
src: url("../fonts/saira-v14-latin-ext_latin-900.eot"); /* IE9 Compat Modes */
src: local(""), url("../fonts/saira-v14-latin-ext_latin-900.eot?#iefix") format("embedded-opentype"), url("../fonts/saira-v14-latin-ext_latin-900.woff2") format("woff2"), url("../fonts/saira-v14-latin-ext_latin-900.woff") format("woff"), url("../fonts/saira-v14-latin-ext_latin-900.ttf") format("truetype"), url("../fonts/saira-v14-latin-ext_latin-900.svg#Saira") format("svg"); /* Legacy iOS */
}
body {
font-family: "Open Sans", sans-serif;
font-size: 16px;
font-weight: normal;
height: auto;
margin: 0 auto;
background: #fff;
color: #3F5060;
line-height: normal;
max-width: 2560px;
min-height: 100vh;
display: flex;
flex-direction: column;
}
main {
flex-grow: 1;
}
sup {
font-size: 75%;
}
picture {
display: flex;
flex-direction: column;
}
strong {
font-weight: 700;
}
a {
color: inherit;
transition: 0.25s;
}
a:hover {
color: #285ED3;
transition: 0.25s;
}
.rel {
position: relative;
}
.fz-15 {
font-size: 15px;
}
.ml-0 {
margin-left: 0 !important;
}
.color-blue {
color: #285ED3 !important;
}
.header-title {
font-family: Montserrat, sans-serif;
font-weight: 700;
font-size: 46px;
line-height: 1.2;
margin-bottom: 20px;
color: #fff;
}
@media (max-width: 1399px) {
.header-title {
font-size: 40px;
}
}
@media (max-width: 767px) {
.header-title {
font-size: 35px;
}
}
@media (max-width: 576px) {
.header-title {
font-size: 28px;
}
}
.section-title {
font-family: Montserrat, sans-serif;
font-weight: 700;
font-size: 35px;
margin-bottom: 25px;
color: #262D3D;
}
@media (max-width: 1399px) {
.section-title {
font-size: 30px;
}
}
@media (max-width: 767px) {
.section-title {
font-size: 25px;
}
}
@media (max-width: 576px) {
.section-title {
font-size: 20px;
}
}
.section-subtitle {
font-weight: 300;
font-size: 30px;
margin-bottom: 20px;
}
@media (max-width: 1399px) {
.section-subtitle {
font-size: 25px;
}
}
@media (max-width: 767px) {
.section-subtitle {
font-size: 20px;
}
}
@media (max-width: 359px) {
.section-subtitle {
font-size: 18px;
}
}
.block-title-16 {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 600;
}
.block-title-18 {
font-family: Montserrat, sans-serif;
font-size: 18px;
font-weight: 600;
}
.block-title-20 {
font-family: Montserrat, sans-serif;
font-size: 20px;
font-weight: 600;
}
@media (max-width: 767px) {
.block-title-20 {
font-size: 18px;
}
}
.block-title-24 {
font-family: Montserrat, sans-serif;
font-size: 24px;
font-weight: 600;
}
@media (max-width: 767px) {
.block-title-24 {
font-size: 18px;
}
}
.page-btn {
font-family: Montserrat, sans-serif;
text-align: center;
font-weight: 500;
text-decoration: none;
padding: 15px 70px 15px 35px;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
color: #fff;
background: linear-gradient(292.35deg, #3A3CB0 -14.61%, #4853E6 22.54%, #3AC5DE 90.28%);
border-radius: 10px;
position: relative;
border: none;
overflow: hidden;
transition: 0.25s;
}
.page-btn:before {
content: "";
position: absolute;
right: 35px;
top: calc(50% - 7px);
width: 32px;
height: 14px;
background-image: url("data:image/svg+xml,%3Csvg width='32' height='13' viewBox='0 0 32 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M31.3976 7.03033C31.6905 6.73744 31.6905 6.26256 31.3976 5.96967L26.6247 1.1967C26.3318 0.903806 25.8569 0.903806 25.564 1.1967C25.2711 1.48959 25.2711 1.96447 25.564 2.25736L29.8066 6.5L25.564 10.7426C25.2711 11.0355 25.2711 11.5104 25.564 11.8033C25.8569 12.0962 26.3318 12.0962 26.6247 11.8033L31.3976 7.03033ZM0.587891 7.25H30.8673V5.75H0.587891V7.25Z' fill='white'/%3E%3C/svg%3E%0A");
background-position: 0 0;
background-repeat: no-repeat;
background-size: contain;
transition: 0.25s;
}
.page-btn:hover {
color: #fff;
box-shadow: 4px 6px 10px rgba(0, 0, 0, 0.2);
}
.page-btn:hover:before {
right: 20px;
transition: 0.25s;
}
.page-btn span {
border-right: 2px solid #fff;
padding: 8px 30px 8px 0;
margin-right: 20px;
}
.page-btn.white {
background: transparent;
background: radial-gradient(circle at 100% 100%, #ffffff 0, #ffffff 7px, transparent 7px) 0% 0%/10px 10px no-repeat, radial-gradient(circle at 0 100%, #ffffff 0, #ffffff 7px, transparent 7px) 100% 0%/10px 10px no-repeat, radial-gradient(circle at 100% 0, #ffffff 0, #ffffff 7px, transparent 7px) 0% 100%/10px 10px no-repeat, radial-gradient(circle at 0 0, #ffffff 0, #ffffff 7px, transparent 7px) 100% 100%/10px 10px no-repeat, linear-gradient(#ffffff, #ffffff) 50% 50%/calc(100% - 6px) calc(100% - 20px) no-repeat, linear-gradient(#ffffff, #ffffff) 50% 50%/calc(100% - 20px) calc(100% - 6px) no-repeat, linear-gradient(135deg, rgb(58, 197, 222) 0%, rgb(72, 83, 230) 70%, rgb(58, 60, 176) 100%);
border-radius: 10px;
box-sizing: border-box;
color: #285ED3;
padding: 9px 30px;
transition: 0.25s;
}
.page-btn.white:before {
display: none;
}
.page-btn.white span {
padding: 8px 0;
margin: 0;
border: none;
}
.page-btn.white:hover {
color: #fff;
background: linear-gradient(292.35deg, #3A3CB0 -14.61%, #4853E6 22.54%, #3AC5DE 90.28%);
transition: 0.25s;
}
.page-btn.transparent {
background: transparent;
border: 2px solid #fff;
padding: 22px 20px;
transition: 0.25s;
}
.page-btn.transparent:before {
display: none;
}
.page-btn.transparent:hover {
background: radial-gradient(circle at 100% 100%, #ffffff 0, #ffffff 7px, transparent 7px) 0% 0%/10px 10px no-repeat, radial-gradient(circle at 0 100%, #ffffff 0, #ffffff 7px, transparent 7px) 100% 0%/10px 10px no-repeat, radial-gradient(circle at 100% 0, #ffffff 0, #ffffff 7px, transparent 7px) 0% 100%/10px 10px no-repeat, radial-gradient(circle at 0 0, #ffffff 0, #ffffff 7px, transparent 7px) 100% 100%/10px 10px no-repeat, linear-gradient(#ffffff, #ffffff) 50% 50%/calc(100% - 6px) calc(100% - 20px) no-repeat, linear-gradient(#ffffff, #ffffff) 50% 50%/calc(100% - 20px) calc(100% - 6px) no-repeat, linear-gradient(135deg, rgb(58, 197, 222) 0%, rgb(72, 83, 230) 70%, rgb(58, 60, 176) 100%);
color: #285ED3;
transition: 0.25s;
}
.page-btn.no-arrow {
padding: 15px 35px;
}
.page-btn.no-arrow:before {
display: none;
}
.page-btn.no-arrow span {
border: none;
margin-right: 0;
padding-right: 0;
}
.page-btn.btn-insurer-transparent {
padding: 15px 35px;
color: #3F5060;
background: transparent;
}
.page-btn.btn-insurer-transparent:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border: 2px solid #3F5060;
border-radius: 12px;
transition: none;
background: none;
}
.page-btn.btn-insurer-transparent span {
border-color: transparent;
margin-right: 0;
padding-right: 0;
position: relative;
border-radius: 10px;
}
.page-btn.btn-insurer-transparent:hover {
background: radial-gradient(circle at 100% 100%, #ffffff 0, #ffffff 7px, transparent 7px) 0% 0%/10px 10px no-repeat, radial-gradient(circle at 0 100%, #ffffff 0, #ffffff 7px, transparent 7px) 100% 0%/10px 10px no-repeat, radial-gradient(circle at 100% 0, #ffffff 0, #ffffff 7px, transparent 7px) 0% 100%/10px 10px no-repeat, radial-gradient(circle at 0 0, #ffffff 0, #ffffff 7px, transparent 7px) 100% 100%/10px 10px no-repeat, linear-gradient(#ffffff, #ffffff) 50% 50%/calc(100% - 6px) calc(100% - 20px) no-repeat, linear-gradient(#ffffff, #ffffff) 50% 50%/calc(100% - 20px) calc(100% - 6px) no-repeat, linear-gradient(135deg, rgb(58, 197, 222) 0%, rgb(72, 83, 230) 70%, rgb(58, 60, 176) 100%);
color: #285ED3;
transition: 0.25s;
}
.page-btn.btn-insurer-transparent:hover:before {
border-color: transparent;
}
.text-white {
color: #fff;
}
.text-blue {
color: #285ED3;
}
.text-weight-300 {
font-weight: 300;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* Firefox */
input[type=number] {
-moz-appearance: textfield;
}
input[type=checkbox] {
display: none;
}
input[type=checkbox] + label,
input[type=checkbox] + span {
padding-left: 30px;
position: relative;
cursor: pointer;
}
input[type=checkbox] + label:before,
input[type=checkbox] + span:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 20px;
height: 20px;
border-radius: 3px;
border: 1px solid rgba(40, 94, 211, 0.5);
flex-shrink: 0;
}
input[type=checkbox] + label:hover:before,
input[type=checkbox] + span:hover:before {
border-color: #285ED3;
}
input[type=checkbox]:checked + span:before,
input[type=checkbox]:checked + label:before {
background-color: #285ED3;
background-image: url("../img/ico-check.svg");
background-repeat: no-repeat;
background-position: 50% 50%;
}
@media (min-width: 768px) {
.show-767 {
display: none !important;
}
}
@media (max-width: 767px) {
.hide-767 {
display: none !important;
}
}
@media (min-width: 992px) {
.show-991 {
display: none !important;
}
}
@media (max-width: 991px) {
.hide-991 {
display: none !important;
}
}
.ruble {
font-family: Saira, sans-serif;
line-height: 1;
}
@media (min-width: 992px) {
.toTop {
position: fixed;
right: 100px;
bottom: 100px;
cursor: pointer;
z-index: 50;
display: none;
border-radius: 50%;
-webkit-transition: 0.25s;
transition: 0.25s;
}
.toTop:hover {
background: linear-gradient(292.35deg, #3A3CB0 -14.61%, #4853E6 22.54%, #3AC5DE 90.28%);
-webkit-transition: 0.25s;
transition: 0.25s;
}
.toTop:hover svg circle {
fill: transparent;
}
.toTop.active {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.15);
box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.15);
}
}
@media (max-width: 991px) {
.toTop.active {
height: 0;
width: 0;
display: none;
}
}
/*start menu-top*/
@media (max-width: 991px) {
body.menu-show {
overflow: hidden;
}
body.menu-show .menu-top--nav {
height: calc(100vh - 60px);
right: 0;
overflow-y: auto;
transition: 0.25s;
}
body.menu-show .menu-top--nav-overlay:before {
width: calc(100vw - 350px);
transition: 0.3s;
transition-delay: 0.2s;
}
}
.menu-top {
height: 90px;
background: #fff;
font-family: Montserrat, sans-serif;
font-size: 14px;
padding: 0 30px;
position: fixed;
width: 100vw;
z-index: 20;
left: 0;
top: 0;
display: flex;
justify-content: center;
transition: 0.15s;
}
@media (max-width: 991px) {
.menu-top {
height: 60px;
}
}
.menu-top.menu-shrink {
height: 60px;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
transition: 0.4s;
}
.menu-top.menu-shrink .menu-top--wrap {
padding-top: 0;
transition: 0.25s;
}
.menu-top.menu-shrink .menu-top--logo {
padding-top: 3px;
}
.menu-top.menu-shrink .menu-top--logo img {
padding-top: 8px;
transition: 0.25s;
}
.menu-top.menu-shrink .menu-top--lk-wrap {
align-items: center;
transition: 0.25s;
}
.menu-top.menu-shrink .menu-top--lk-wrap:before {
top: -5px;
height: calc(100% + 10px);
}
.menu-top.menu-shrink .menu-top--nav {
padding-top: 12px;
}
@media (max-width: 1024px) {
.menu-top {
padding: 0 15px;
}
}
@media (max-width: 991px) {
.menu-top {
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
}
}
@media (max-width: 576px) {
.menu-top {
padding: 0 20px 0 15px;
}
}
.menu-top--wrap {
width: 100%;
max-width: 1320px;
display: flex;
padding-top: 5px;
transition: 0.25s;
}
@media (max-width: 1399px) {
.menu-top--wrap {
max-width: 1120px;
}
}
@media (max-width: 991px) {
.menu-top--wrap {
padding-top: 0;
align-items: center;
}
}
.menu-top--logo {
display: flex;
color: #0D2635;
padding-top: 15px;
}
@media (max-width: 991px) {
.menu-top--logo {
flex-grow: 1;
padding-top: 5px;
}
}
.menu-top--logo img {
height: 48px;
transition: 0.25s;
}
@media (max-width: 991px) {
.menu-top--logo img {
height: 38px;
}
}
.menu-top--lk {
text-decoration: none;
}
@media (min-width: 1367px) {
.menu-top--lk {
margin-right: 15px;
}
}
@media (max-width: 991px) {
.menu-top--lk {
margin-right: 0;
margin-bottom: 50px;
width: 100%;
}
}
.menu-top--lk-wrap {
position: relative;
display: flex;
align-items: center;
}
.menu-top--lk-wrap:before {
content: "";
position: absolute;
left: -10px;
top: -10px;
width: calc(100% + 20px);
height: calc(100% + 20px);
border-radius: 15px;
background: transparent;
transition: 0.25s;
}
.menu-top--lk-wrap svg {
position: relative;
}
.menu-top--lk-wrap span {
padding-left: 5px;
position: relative;
transition: none;
}
@media (max-width: 991px) {
.menu-top--lk-wrap span {
color: #fff;
padding-left: 10px;
}
}
@media (min-width: 992px) {
.menu-top--lk:hover .menu-top--lk-wrap:before {
background: linear-gradient(292.35deg, #3A3CB0 -14.61%, #4853E6 22.54%, #3AC5DE 90.28%);
transition: 0.25s;
}
.menu-top--lk:hover span {
color: #fff;
}
.menu-top--lk:hover svg rect {
fill: #fff;
}
}
.menu-top--nav {
flex-grow: 1;
margin: 0 15px;
display: flex;
align-items: flex-start;
padding-top: 20px;
}
@media (max-width: 991px) {
.menu-top--nav {
height: calc(100vh - 60px);
background: linear-gradient(292.35deg, #3A3CB0 -14.61%, #4853E6 22.54%, #3AC5DE 90.28%);
display: flex;
flex-direction: column-reverse;
position: fixed;
right: -200%;
top: 60px;
width: 350px;
z-index: 11;
padding: 30px 20px;
margin: 0;
transition: 0.25s;
}
.menu-top--nav.active {
right: 0;
transition: 0.25s;
}
}
@media (max-width: 399px) {
.menu-top--nav {
width: 100vw;
}
}
@media (max-width: 991px) {
.menu-top--nav-overlay:before {
height: calc(100vh - 60px);
background: linear-gradient(101.43deg, rgba(255, 255, 255, 0.24) -5.15%, rgba(255, 255, 255, 0.04) 104.36%);
backdrop-filter: blur(8px);
content: "";
position: fixed;
width: 0;
right: 350px;
top: 60px;
}
}
@media (max-width: 399px) {
.menu-top--nav-overlay:before {
display: none;
}
}
.menu-top--nav-links {
display: flex;
flex-grow: 1;
}
@media (max-width: 991px) {
.menu-top--nav-links {
display: flex;
flex-direction: column;
width: 100%;
}
}
.menu-top--nav-links-link {
padding: 5px 0;
margin: 0 15px;
color: #3f5060;
text-decoration: none;
position: relative;
cursor: pointer;
transition: 0.25s;
}
.menu-top--nav-links-link:before {
content: "";
position: absolute;
left: 50%;
bottom: -2px;
height: 3px;
width: 0;
background-color: transparent;
transition: 0.25s;
}
.menu-top--nav-links-link:hover {
color: currentColor;
}
.menu-top--nav-links-link:hover:before {
left: 0;
width: 100%;
background-color: #285ED3;
}
@media (max-width: 991px) {
.menu-top--nav-links-link:hover:before {
background-color: transparent;
}
}
@media (max-width: 991px) {
.menu-top--nav-links-link {
padding: 18px 0;
margin: 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
color: #fff;
}
.menu-top--nav-links-link:last-child {
border-bottom: 0;
}
.menu-top--nav-links-link:before {
bottom: -1px;
}
}
.menu-top--nav-links-link.active {
color: currentColor;
}
.menu-top--nav-links-link.active:before {
left: 0;
width: 100%;
background-color: #285ED3;
}
@media (max-width: 991px) {
.menu-top--nav-links-link.active {
color: #fff;
}
.menu-top--nav-links-link.active:before {
background-color: transparent;
}
}
.menu-top--nav-title {
display: none;
color: #fff;
}
@media (max-width: 599px) {
.menu-top--nav-title {
display: inline-flex;
margin-bottom: 16px;
}
}
@media (max-width: 991px) {
.menu-top--nav-buttons {
display: flex;
flex-direction: column;
align-items: center;
}
.menu-top--nav-buttons .page-btn {
margin-bottom: 25px;
width: 100%;
}
.menu-top--nav-buttons .page-btn:last-child {
margin-bottom: 0;
}
}
@media (max-width: 599px) {
.menu-top--nav-buttons {
justify-content: center;
}
}
.menu-top--button a {
width: auto;
}
@media (max-width: 991px) {
.menu-top--button {
display: none;
}
}
@media (min-width: 992px) {
.show-mob,
.js-mob-btn {
display: none;
}
}
@media (max-width: 991px) {
.show-mob,
.js-mob-btn {
display: inline-flex;
}
}
@media (max-width: 991px) {
.js-mob-btn {
width: 28px;
height: 28px;
}
.js-mob-btn .menu-open,
.js-mob-btn .menu-close {
display: none;
}
.js-mob-btn .menu-open.active,
.js-mob-btn .menu-close.active {
display: inline-flex;
}
}
.drop-menu {
position: relative;
margin-right: 10px;
}
.drop-menu:after {
position: absolute;
right: -3px;
top: calc(50% - 8px);
display: block;
width: 10px;
height: 10px;
content: "";
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
border-right: 1px solid #3f5060;
border-bottom: 1px solid #3f5060;
-webkit-transition: 0.25s;
transition: 0.25s;
}
@media (max-width: 991px) {
.drop-menu:after {
border-right: 1px solid rgba(255, 255, 255, 0.5);
border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
}
.drop-menu:hover .drop-menu--title:before {
left: 0;
width: 100%;
background-color: #285ED3;
}
@media (max-width: 991px) {
.drop-menu:hover .drop-menu--title:before {
background-color: transparent;
}
}
.drop-menu:hover .menu-dropping {
top: calc(100% - 1px);
height: auto;
box-shadow: 0 20px 20px rgba(0, 0, 0, 0.3);
visibility: visible;
}
.drop-menu--title {
padding: 5px 0;
margin: 0 15px;
text-decoration: none;
position: relative;
cursor: pointer;
display: block;
transition: 0.25s;
}
.drop-menu--title:before {
content: "";
position: absolute;
left: 50%;
bottom: -2px;
height: 3px;
width: 0;
background-color: transparent;
transition: 0.25s;
}
@media (max-width: 991px) {
.drop-menu--title {
color: #fff;
}
}
.drop-menu .menu-dropping {
background: linear-gradient(292.35deg, #3A3CB0 -14.61%, #4853E6 22.54%, #3AC5DE 90.28%);
position: absolute;
left: 7px;
top: 0;
height: 0;
display: flex;
flex-direction: column;
width: 100%;
min-width: max-content;
border-radius: 0 0 20px 20px;
padding: 15px;
visibility: hidden;
transition: none;
}
@media (max-width: 991px) {
.drop-menu .menu-dropping {
background: none;
}
}
.drop-menu .menu-dropping a {
margin: 7px 0;
transition: none;
text-decoration: none;
}
.drop-menu .menu-dropping a:hover {
transition: none;
}
.drop-menu .menu-dropping a:hover .menu-top--nav-links-link:before {
left: 0;
height: 1px;
bottom: 0;
width: 100%;
background-color: #fff;
}
.drop-menu .menu-dropping .menu-top--nav-links-link {
color: #fff;
font-style: normal;
transition: none;
}
.drop-menu .menu-dropping .menu-top--nav-links-link:last-child {
margin-bottom: 0;
}
.drop-menu.active {
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.drop-menu.active .menu-dropping {
top: calc(100% - 1px);
height: auto;
box-shadow: 0 20px 20px rgba(0, 0, 0, 0.3);
visibility: visible;
}
@media (max-width: 991px) {
.drop-menu.active .menu-dropping {
border-radius: 0;
}
}
.drop-menu.active .drop-menu--title {
border-color: transparent;
padding-bottom: 10px;
}
.drop-menu.active .drop-menu--title:before {
left: 0;
width: 100%;
background-color: #285ED3;
}
@media (max-width: 991px) {
.drop-menu.active .drop-menu--title:before {
background-color: transparent;
}
}
@media (max-width: 991px) {
.drop-menu:after {
position: absolute;
right: -3px;
}
}
@media (max-width: 991px) {
.drop-menu {
margin: 0;
}
.drop-menu:after {
right: 3px;
top: 15px;
width: 15px;
height: 15px;
transition: 0.25s;
}
.drop-menu .menu-dropping {
padding-top: 0;
padding-bottom: 0;
}
.drop-menu.active:after {
top: 21px;
transform: rotate(-135deg);
transition: 0.25s;
}
.drop-menu.active .menu-dropping {
position: relative;
top: 0;
left: 0;
border-top: 0;
}
.drop-menu.active .menu-dropping .menu-top--nav-links-link {
width: 100%;
margin: 0;
}
.drop-menu.active .menu-dropping .menu-top--nav-links-link:last-child {
border-bottom: 0;
}
.drop-menu--title {
margin: 0;
font-weight: 400;
padding: 16px 0;
display: block;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.drop-menu--title:before {
bottom: -1px;
}
.drop-menu.active .menu-dropping, .drop-menu:hover .menu-dropping {
box-shadow: none;
}
.drop-menu:hover .menu-dropping {
visibility: hidden;
}
.drop-menu.active:hover .menu-dropping {
visibility: visible;
}
}
body.menu-up .menu-top {
top: -80px;
}
@media (max-width: 991px) {
body.menu-up .menu-top {
top: -60px;
}
}
@media (max-width: 599px) {
body.menu-up .menu-top--submenu {
z-index: -10;
opacity: 0;
visibility: hidden;
transition: none;
transition-delay: 0s;
}
}
body.main .menu-top {
background: #eef1f6;
}
@media (max-width: 991px) {
body.dop-menu-active .menu-top {
display: none;
transition: none;
}
}
@media (max-width: 767px) {
body.menu-show {
overflow: hidden;
}
body.menu-show .menu-top--nav {
right: 0;
overflow-y: auto;
height: calc(100vh - 60px);
transition: 0.25s;
}
body.menu-show .menu-top--nav-overlay:before {
width: calc(100vw - 350px);
transition: 0.3s;
transition-delay: 0.2s;
}
}
/*end menu-top*/
/*start header*/
.breadcrumbs {
font-weight: 300;
font-size: 12px;
display: flex;
}
@media (max-width: 991px) {
.breadcrumbs {
display: none;
}
}
.breadcrumbs a {
padding-right: 5px;
display: flex;
text-decoration: none;
align-items: flex-end;
margin-bottom: 40px;
}
.breadcrumbs a:after {
content: ">";
margin-left: 5px;
color: currentColor;
line-height: 1.2;
}
.breadcrumbs a:hover:after {
color: currentColor;
}
.breadcrumbs span {
text-decoration: underline;
}
.section-head {
padding: 35px 0 50px;
margin-top: 90px;
background: linear-gradient(292.35deg, #3A3CB0 -14.61%, #4853E6 22.54%, #3AC5DE 90.28%);
color: #fff;
min-height: 350px;
}
@media (max-width: 991px) {
.section-head {
margin-top: 60px;
}
}
.section-head .section-title {
max-width: 550px;
color: #fff;
}
.section-head--about {
max-width: 550px;
}
body.unhead .section-head {
background: none;
color: inherit;
min-height: auto;
padding-bottom: 0;
}
/*end header*/
/*start section-top*/
.section-top {
padding-top: 70px;
background: linear-gradient(to bottom, #eef1f6, #fcfdfd);
position: relative;
}
.section-top--slider {
position: relative;
padding-left: calc(50% - 650px);
}
@media (max-width: 1399px) {
.section-top--slider {
padding-left: calc(50% - 560px);
}
}
@media (max-width: 1199px) {
.section-top--slider {
padding-left: calc(50% - 465px);
/*padding-bottom: 30px;*/
}
}
@media (max-width: 991px) {
.section-top--slider {
padding-left: 15px;
}
}
@media (max-width: 767px) {
.section-top--slider-point {
display: flex;
flex-direction: column;
}
}
.section-top--slider-point {
position: relative;
}
.section-top--slider .owl-nav .owl-prev {
display: none;
}
.section-top--slider .owl-nav .owl-next {
right: 15%;
}
@media (max-width: 1399px) {
.section-top--slider .owl-nav .owl-next {
right: 10%;
}
}
@media (max-width: 1199px) {
.section-top--slider .owl-nav .owl-next svg {
width: 60px;
height: 60px;
}
}
@media (max-width: 991px) {
.section-top--slider .owl-nav .owl-next {
right: 7%;
}
}
@media (max-width: 859px) {
.section-top--slider .owl-nav .owl-next {
right: 15px;
}
}
@media (max-width: 767px) {
.section-top--slider .owl-nav .owl-next {
display: none;
}
}
.section-top--slider .owl-nav [class*=owl-]:hover svg circle {
stroke: transparent;
fill: #dee2ed;
}
.section-top--slider .owl-dots {
position: absolute;
top: calc(100% - 40px);
}
@media (max-width: 767px) {
.section-top--slider .owl-dots {
position: static;
top: inherit;
}
}
.section-top--slider-point ul li {
background-image: url("../img/top-image/list-bullit.png");
background-position: 0 0;
background-repeat: no-repeat;
background-size: 37px 37px;
padding: 4px 0 4px 45px;
margin-bottom: 8px;
}
@media (max-width: 1399px) {
.section-top--slider-point ul li {
background-size: 30px 30px;
padding: 4px 0 4px 38px;
margin-bottom: 6px;
}
}
@media (max-width: 991px) {
.section-top--slider-point ul li {
background-size: 25px 25px;
padding: 4px 0 4px 32px;
margin-bottom: 4px;
}
}
.section-top--slider-point ul li:last-child {
margin-bottom: 0;
}
@media (max-width: 499px) {
.section-top--slider-point .background-mobile {
background: linear-gradient(180deg, #f5f7fa 0%, rgba(245, 247, 250, 0.8) 52.6%, rgba(245, 247, 250, 0.6) 100%);
}
}
.section-top--about {
position: absolute;
left: 0;
max-width: 600px;
width: 100%;
top: 50%;
transform: translateY(-50%);
}
@media (max-width: 1199px) {
.section-top--about {
max-width: 440px;
}
}
@media (max-width: 991px) {
.section-top--about {
max-width: 400px;
top: 50px;
transform: none;
}
}
@media (max-width: 899px) {
.section-top--about {
max-width: 350px;
}
}
@media (max-width: 767px) {
.section-top--about {
top: 0;
max-width: 90%;
}
}
@media (max-width: 499px) {
.section-top--image {
padding-top: 50px;
}
}
@media (max-width: 369px) {
.section-top--image {
padding-top: 90px;
}
}
@media (max-width: 339px) {
.section-top--image {
padding-top: 100px;
}
}
.section-top--image img {
height: 100%;
object-fit: contain;
max-height: 550px;
}
@media (max-width: 1199px) {
.section-top--image img {
max-height: 450px;
}
}
@media (max-width: 767px) {
.section-top--image img {
max-height: auto;
}
}
.section-top--title {
font-family: Montserrat, sans-serif;
font-size: 38px;
font-weight: 700;
line-height: 1.2;
margin-bottom: 30px;
}
@media (max-width: 1199px) {
.section-top--title {
font-size: 30px;
display: flex;
flex-direction: column;
}
}
@media (max-width: 991px) {
.section-top--title {
font-size: 25px;
margin-bottom: 15px;
}
}
@media (max-width: 499px) {
.section-top--title {
font-size: 20px;
}
}
.section-top--text {
font-size: 20px;
font-weight: 600;
width: 100%;
max-width: 500px;
margin-bottom: 30px;
letter-spacing: 0.7px;
}
@media (max-width: 1399px) {
.section-top--text {
font-size: 16px;
}
}
@media (max-width: 991px) {
.section-top--text {
font-size: 14px;
}
}
@media (max-width: 767px) {
.section-top--text {
max-width: 60%;
}
}
@media (max-width: 499px) {
.section-top--text {
font-size: 13px;
max-width: 100%;
margin-bottom: 20px;
}
}
@media (max-width: 339px) {
.section-top--text {
font-size: 12px;
}
}
.section-top--app {
display: flex;
}
.section-top--app .app-link {
width: 160px;
margin-right: 40px;
}
.section-top--app .app-link:last-child {
margin-right: 0;
}
@media (max-width: 991px) {
.section-top--app {
flex-direction: column;
}
.section-top--app .app-link {
margin-right: 0;
margin-bottom: 20px;
}
}
@media (max-width: 499px) {
.section-top--app .app-link {
width: 120px;
margin-bottom: 10px;
}
}
.section-top--tabs .nav-tabs {
display: inline-flex;
border-radius: 20px 20px 0 0;
background-color: #DEE2ED;
}
.section-top--tabs .nav-tabs[data-select="2"] .nav-link:before {
display: none;
}
.section-top--tabs .nav-tabs[data-select="3"] .nav-link[data-number="2"]:before {
display: none;
}
@media (max-width: 991px) {
.section-top--tabs .nav-tabs {
display: flex;
}
}
.section-top--tabs .nav-link {
font-family: Montserrat, sans-serif;
font-size: 18px;
font-weight: 600;
padding: 27px 81px;
color: currentColor;
position: relative;
border: none;
}
.section-top--tabs .nav-link:before {
content: "";
position: absolute;
right: 0;
top: 9px;
height: calc(100% - 18px);
width: 2px;
background-color: #fff;
}
.section-top--tabs .nav-link:last-child:before {
display: none;
}
.section-top--tabs .nav-link.active {
background: linear-gradient(292.35deg, #3A3CB0 -14.61%, #4853E6 22.54%, #3AC5DE 90.28%);
border-radius: 20px 20px 0 0;
color: #fff;
}
.section-top--tabs .nav-link.active:before {
display: none;
}
@media (max-width: 991px) {
.section-top--tabs .nav-link {
padding: 25px;
width: 33.3333333333%;
}
}
@media (max-width: 576px) {
.section-top--tabs .nav-link {
padding: 15px 10px;
width: auto;
flex-grow: 1;
}
}
.section-top--tabs .tab-content {
padding: 40px 35px;
box-shadow: 10px 10px 25px rgba(63, 80, 96, 0.1);
border-radius: 0 0 20px 20px;
}
@media (max-width: 576px) {
.section-top--tabs .tab-content {
padding: 35px 25px;
}
}
@media (max-width: 374px) {
.section-top--tabs .tab-content {
padding: 25px 15px;
}
}
.form-send {
display: flex;
align-items: center;
justify-content: space-between;
}
.form-send--question {
display: flex;
align-items: center;
margin: 0 30px;
}
.form-send--question span {
padding-left: 20px;
font-size: 14px;
color: rgba(129, 129, 129, 0.6980392157);
}
@media (max-width: 1199px) {
.form-send {
flex-wrap: wrap;
}
.form-send--question {
order: 3;
width: 100%;
margin: 20px 0 0 3px;
}
.form-send--button {
order: 2;
}
}
@media (max-width: 991px) {
.form-send {
flex-direction: column;
}
.form-send--question {
margin: 10px 0 20px;
order: 2;
width: auto;
}
.form-send--button {
order: 3;
}
}
@media (max-width: 420px) {
.form-send--button {
width: 100%;
}
.form-send--button button {
display: flex;
width: 100%;
}
}
.car-number {
display: inline-flex;
align-items: center;
flex-shrink: 0;
background-color: #F3F5FB;
border-radius: 10px;
padding: 15px 30px;
}
@media (max-width: 1199px) {
.car-number {
order: 1;
}
}
@media (max-width: 576px) {
.car-number {
padding: 10px 20px;
}
}
@media (max-width: 374px) {
.car-number {
padding: 10px 10px;
}
}
.car-number--input {
border: none;
background: none;
font-size: 32px;
font-family: Montserrat, sans-serif;
text-transform: uppercase;
}
.car-number--input.input01 {
width: 160px;
}
@media (max-width: 499px) {
.car-number--input.input01 {
width: 110px;
font-size: 22px;
}
}
@media (max-width: 349px) {
.car-number--input.input01 {
width: 100px;
font-size: 20px;
}
}
.car-number--input.input02 {
width: 65px;
text-align: center;
}
@media (max-width: 499px) {
.car-number--input.input02 {
width: 50px;
font-size: 22px;
}
}
@media (max-width: 349px) {
.car-number--input.input02 {
width: 40px;
font-size: 20px;
}
}
.car-number__flag {
display: flex;
align-items: center;
border-left: 1px solid #9D9D9D;
margin-left: 20px;
padding-left: 30px;
}
@media (max-width: 499px) {
.car-number__flag {
margin-left: 10px;
padding-left: 10px;
}
}
.car-number__flag span {
font-size: 32px;
font-family: Montserrat, sans-serif;
line-height: 1;
}
@media (max-width: 499px) {
.car-number__flag span {
font-size: 22px;
}
}
@media (max-width: 349px) {
.car-number__flag span {
font-size: 20px;
}
}
.flag-rus {
height: 30px;
margin-right: 10px;
margin-top: -3px;
}
@media (max-width: 499px) {
.flag-rus {
height: 25px;
}
}
@media (max-width: 349px) {
.flag-rus {
height: 20px;
margin-right: 5px;
}
}
@media (min-width: 577px) {
.mobile-sticky-form {
display: none;
}
}
@media (max-width: 576px) {
.mobile-sticky-form {
position: fixed;
z-index: 30;
top: -100%;
left: 0;
width: 100%;
background-color: #fff;
box-shadow: 10px 10px 25px 0px rgba(63, 80, 96, 0.15);
border-radius: 0 0 20px 20px;
padding: 20px;
transition: 0.5s;
}
.mobile-sticky-form.active {
top: 0;
transition: 0.25s;
}
}
/*end section-top*/
/*start advantages*/
.advantages {
padding: 60px 0 30px;
background: linear-gradient(to bottom, #fcfdfd, rgba(239, 242, 247, 0.9623));
}
@media (max-width: 1199px) {
.advantages {
padding: 30px 0;
}
}
.advantages .advantages-text {
font-weight: 300;
font-size: 14px;
}
.advantages .advantages-wrap {
display: flex;
}
@media (max-width: 1199px) {
.advantages .advantages-wrap {
flex-direction: column;
}
}
.advantages .advantages-list {
margin: -15px 15px -15px -15px;
display: flex;
flex-wrap: wrap;
width: calc(100% + 30px);
height: calc(100% + 30px);
}
@media (max-width: 767px) {
.advantages .advantages-list {
width: 100%;
height: 100%;
margin: 0;
}
}
.advantages .advantages-point {
margin: 15px;
background-color: #fff;
border-radius: 10px;
padding: 15px 30px 30px 30px;
}
.advantages .advantages-point.point01 {
width: 100%;
}
.advantages .advantages-point.point01 .advantages-title {
background: url("../img/advantages-ico1.svg") no-repeat 0 50%;
}
.advantages .advantages-point.point02 {
width: calc(50% - 30px);
}
.advantages .advantages-point.point02 .advantages-title {
background: url("../img/advantages-ico2.svg") no-repeat 0 50%;
}
.advantages .advantages-point.point03 {
width: calc(50% - 30px);
}
.advantages .advantages-point.point03 .advantages-title {
background: url("../img/advantages-ico3.svg") no-repeat 0 50%;
}
.advantages .advantages-point.point04 {
width: calc(50% - 30px);
}
.advantages .advantages-point.point04 .advantages-title {
background: url("../img/advantages-ico4.svg") no-repeat 0 50%;
}
.advantages .advantages-point.point05 {
width: calc(50% - 30px);
}
.advantages .advantages-point.point05 .advantages-title {
background: url("../img/advantages-ico5.svg") no-repeat 0 50%;
}
@media (max-width: 767px) {
.advantages .advantages-point {
margin: 0 0 20px 0;
}
.advantages .advantages-point.point01, .advantages .advantages-point.point02, .advantages .advantages-point.point03, .advantages .advantages-point.point04, .advantages .advantages-point.point05 {
width: 100%;
}
}
@media (max-width: 576px) {
.advantages .advantages-point {
padding: 5px 8px 20px 20px;
margin: 0 10px;
}
}
.advantages .advantages-title {
padding: 15px 0 15px 45px;
}
@media (max-width: 576px) {
.advantages .advantages-title {
font-size: 16px;
}
}
.advantages .advantages-check {
flex-shrink: 0;
width: 30%;
background-color: #fff;
background-image: url("../img/advantages-blue-bg.jpg");
background-repeat: no-repeat;
background-position: 0 0;
background-size: contain;
min-height: 350px;
padding: 20px 25px 30px;
border-radius: 10px;
display: flex;
flex-direction: column;
}
.advantages .advantages-check--icon {
flex-grow: 1;
}
.advantages .advantages-check--title {
margin-bottom: 15px;
}
.advantages .advantages-check .advantages-text {
margin-bottom: 20px;
}
@media (max-width: 1399px) {
.advantages .advantages-check {
width: 34%;
}
}
@media (max-width: 1199px) {
.advantages .advantages-check {
margin-top: 30px;
width: 100%;
background-size: cover;
}
.advantages .advantages-check .page-btn {
width: 350px;
}
}
@media (max-width: 767px) {
.advantages .advantages-check {
margin: 0;
}
}
@media (max-width: 575px) {
.advantages .advantages-check {
margin-top: 20px;
}
}
@media (max-width: 420px) {
.advantages .advantages-check {
background-size: contain;
min-height: 525px;
}
.advantages .advantages-check .page-btn {
width: auto;
padding: 15px 58px 15px 24px;
}
.advantages .advantages-check .page-btn:before {
right: 25px;
}
}
@media (max-width: 359px) {
.advantages .advantages-check .page-btn {
width: auto;
padding: 15px 50px 15px 15px;
}
.advantages .advantages-check .page-btn:before {
right: 15px;
}
.advantages .advantages-check .page-btn span {
padding-right: 15px;
margin-right: 0;
}
}
@media (max-width: 576px) {
.advantages-slider .owl-stage {
display: flex;
margin-left: -55px;
}
.advantages-slider .owl-item {
display: flex;
}
}
/*end advantages*/
/*start offers*/
.offers {
padding: 50px 0;
background: linear-gradient(to bottom, rgba(239, 242, 247, 0.9623), rgba(242, 244, 248, 0.97));
}
@media (max-width: 991px) {
.offers {
padding: 30px 0;
}
}
@media (min-width: 1200px) {
.offers .offers-list {
padding-top: 30px;
}
}
.offers .offers-point {
background-color: #fff;
border-radius: 20px;
width: 260px;
transition: 0.25s;
}
.offers .offers-point:hover {
box-shadow: 4px 4px 15px rgba(138, 145, 151, 0.15);
}
@media (max-width: 991px) {
.offers .offers-point {
width: auto;
height: 100%;
}
}
.offers .offers-point--head {
margin-bottom: 10px;
display: flex;
align-items: flex-start;
flex-direction: column;
}
.offers .offers-point--body {
padding: 20px 15px;
}
@media (max-width: 1199px) {
.offers .offers-point--body {
padding: 20px 10px;
}
}
.offers .offers-form {
display: flex;
flex-wrap: wrap;
}
.offers .offers-label {
font-family: Montserrat, sans-serif;
background: linear-gradient(292.35deg, #3A3CB0 -14.61%, #4853E6 22.54%, #3AC5DE 90.28%);
color: #fff;
border-radius: 20px 0;
padding: 10px 27px 10px 24px;
margin-bottom: 5px;
font-size: 20px;
font-weight: 600;
}
@media (max-width: 359px) {
.offers .offers-label {
font-size: 17px;
}
}
.offers .offers-price {
font-family: Montserrat, sans-serif;
display: flex;
flex-direction: column;
padding-left: 25px;
}
@media (max-width: 499px) {
.offers .offers-price {
padding-left: 15px;
}
}
.offers .offers-price .offers-price--title {
font-size: 20px;
padding-bottom: 5px;
}
.offers .offers-price .offers-price--total {
font-size: 30px;
}
@media (max-width: 1199px) {
.offers .offers-price .offers-price--title {
font-size: 14px;
padding-bottom: 0;
}
.offers .offers-price .offers-price--total {
font-size: 22px;
}
}
.offers .offers-input {
display: flex;
flex-direction: column;
flex-grow: 1;
margin-bottom: 15px;
}
@media (max-width: 1399px) {
.offers .offers-input {
width: calc(100% - 30px);
}
}
.offers .offers-input span {
font-size: 14px;
font-weight: 300;
margin-bottom: 8px;
padding-left: 15px;
}
.offers .offers-input input {
font-family: Montserrat, sans-serif;
font-size: 16px;
padding: 8px 15px;
border: none;
border-radius: 18px;
background-color: #F3F5FB;
}
.offers .offers-button {
margin: 5px 5px 0 5px;
width: 100%;
}
.offers .offers-button button {
width: 100%;
}
@media (max-width: 991px) {
.offers .offers-button {
justify-content: flex-start;
}
.offers .offers-button button {
width: 200px;
}
}
.offers .offers-point:not(.point-big) .offers-point--head {
position: relative;
padding-bottom: 10px;
margin-bottom: 16px;
}
.offers .offers-point:not(.point-big) .offers-point--head:before {
content: "";
position: absolute;
left: 15px;
bottom: 0;
width: calc(100% - 30px);
height: 3px;
background: linear-gradient(292.35deg, #3A3CB0 -14.61%, #4853E6 22.54%, #3AC5DE 90.28%);
}
@media (max-width: 1199px) {
.offers .offers-point:not(.point-big) .offers-point--head {
margin-bottom: 0;
}
}
.offers .offers-point.point-big {
width: 540px;
}
@media (max-width: 1199px) {
.offers .offers-point.point-big {
display: flex;
flex-direction: column;
justify-content: space-between;
}
}
@media (max-width: 991px) {
.offers .offers-point.point-big {
width: 410px;
}
}
@media (max-width: 576px) {
.offers .offers-point.point-big {
width: 320px;
}
}
@media (max-width: 359px) {
.offers .offers-point.point-big {
width: 300px;
}
}
.offers .offers-point.point-big .offers-point--body {
padding: 20px 10px;
}
@media (max-width: 1199px) {
.offers .offers-point.point-big .offers-point--body {
padding: 20px 0;
}
}
.offers .offers-point.point-big .offers-label {
display: flex;
align-items: center;
padding: 30px 50px 30px 40px;
margin-right: 20px;
margin-bottom: 0;
}
.offers .offers-point.point-big .offers-label:before {
content: "";
margin-right: 20px;
width: 70px;
height: 71px;
background: url("../img/offers-ico01.png") no-repeat 0 0;
background-size: contain;
}
@media (max-width: 1199px) {
.offers .offers-point.point-big .offers-label {
padding: 19px 15px 18px 15px;
margin-right: 90px;
}
.offers .offers-point.point-big .offers-label:before {
width: 55px;
height: 55px;
}
}
@media (max-width: 991px) {
.offers .offers-point.point-big .offers-label {
margin-right: 35px;
}
.offers .offers-point.point-big .offers-label:before {
margin-right: 10px;
}
}
@media (max-width: 576px) {
.offers .offers-point.point-big .offers-label {
margin-right: 15px;
}
}
@media (max-width: 359px) {
.offers .offers-point.point-big .offers-label:before {
width: 40px;
height: 40px;
}
}
@media (max-width: 576px) {
.offers .offers-point.point-big .offers-price {
padding-left: 0;
}
}
.offers .offers-point.point-big .offers-point--head {
margin-bottom: 10px;
display: flex;
flex-direction: row;
align-items: center;
}
@media (max-width: 1199px) {
.offers .offers-point.point-big .offers-point--head {
margin-bottom: 12px;
}
}
.offers .offers-point.point-big .offers-input {
margin: 0 10px 15px;
}
@media (max-width: 1399px) {
.offers .offers-point.point-big .offers-input {
width: calc(50% - 20px);
}
}
.offers .offers-point.point-big .offers-button {
margin: 5px 10px 0 0;
display: flex;
justify-content: flex-end;
}
.offers .offers-point.point-big .offers-button button {
width: calc(50% - 20px);
}
@media (max-width: 991px) {
.offers .offers-point.point-big .offers-button {
margin: 5px 10px 0 10px;
justify-content: flex-start;
}
.offers .offers-point.point-big .offers-button button {
width: 200px;
}
}
@media (max-width: 1399px) {
.offers .page-btn.white {
font-size: 16px;
padding: 9px 20px;
}
.offers .page-btn.white span {
padding: 0;
}
}
.offers-slider .owl-stage {
display: flex;
}
@media (max-width: 369px) {
.offers-slider .owl-stage {
margin-left: 0;
}
}
.offers-slider .owl-item {
padding-bottom: 20px;
}
/*end offers*/
/*start paperwork*/
.paperwork {
padding: 70px 0;
background: linear-gradient(to bottom, rgba(242, 244, 248, 0.97), rgb(255, 255, 255));
}
@media (max-width: 991px) {
.paperwork {
padding: 30px 0;
}
}
.paperwork .paperwork-subtitle {
margin-top: -20px;
letter-spacing: 0.8px;
margin-bottom: 35px;
}
.paperwork .paperwork-steps {
display: flex;
margin: 0 -10px;
width: calc(100% + 20px);
}
@media (max-width: 991px) {
.paperwork .paperwork-steps {
width: 100%;
margin: 0;
flex-direction: column;
}
}
.paperwork .paperwork-step {
display: flex;
margin: 0 10px;
width: calc(33.3333333333% - 20px);
}
@media (max-width: 991px) {
.paperwork .paperwork-step {
width: 100%;
margin: 0 0 30px 0;
}
}
.paperwork .paperwork-step--wrap {
flex-shrink: 0;
margin-right: 10px;
}
.paperwork .paperwork-label {
padding: 9px 15px;
background: linear-gradient(292.35deg, #3A3CB0 -14.61%, #4853E6 22.54%, #3AC5DE 90.28%);
font-family: Montserrat, sans-serif;
font-size: 20px;
font-weight: 600;
color: #fff;
text-align: center;
border-radius: 22px;
margin-bottom: 25px;
width: 100%;
}
@media (max-width: 991px) {
.paperwork .paperwork-label {
margin-bottom: 15px;
font-size: 16px;
}
}
.paperwork .paperwork-icon {
background-color: #fff;
display: flex;
align-items: center;
justify-content: center;
width: 112px;
height: 112px;
box-shadow: 4px 4px 15px rgba(138, 145, 151, 0.15);
border-radius: 31px;
}
@media (max-width: 1199px) {
.paperwork .paperwork-icon {
width: 90px;
height: 90px;
}
.paperwork .paperwork-icon img {
height: 60px;
}
}
@media (max-width: 576px) {
.paperwork .paperwork-icon {
width: 85px;
height: 85px;
}
}
.paperwork .paperwork-text {
margin-top: 90px;
}
.paperwork .paperwork-text .block-title-18 {
margin-bottom: 15px;
}
@media (max-width: 1199px) {
.paperwork .paperwork-text {
margin-top: 70px;
}
}
@media (max-width: 991px) {
.paperwork .paperwork-text {
margin-top: 10px;
}
}
@media (max-width: 767px) {
.paperwork .paperwork-text {
margin-top: 0;
}
}
/*end paperwork*/
/*start convenience*/
.convenience {
padding: 70px 0;
position: relative;
}
.convenience:before {
content: "";
position: absolute;
right: 0;
top: 152px;
width: 45%;
height: 100%;
background: url("../img/convenience-bg.jpg") no-repeat 0 0;
background-size: contain;
max-height: 600px;
}
@media (max-width: 991px) {
.convenience {
padding: 30px 0;
}
.convenience:before {
top: inherit;
bottom: 20px;
width: 90%;
background-position: 100% 100%;
}
}
@media (max-width: 767px) {
.convenience:before {
bottom: 13vw;
}
}
@media (max-width: 576px) {
.convenience:before {
width: calc(100vw - 15px);
}
}
.convenience .convenience-wrap {
display: flex;
justify-content: space-between;
margin-top: -30px;
}
@media (max-width: 991px) {
.convenience .convenience-wrap {
flex-direction: column;
margin-top: 0;
}
}
.convenience .convenience-accordion {
width: 50%;
flex-shrink: 0;
margin-top: 50px;
}
@media (max-width: 991px) {
.convenience .convenience-accordion {
width: 100%;
margin-top: 0;
margin-bottom: 40px;
}
}
.convenience .convenience-accordion .accordion-item {
border: none;
margin-bottom: 10px;
}
.convenience .convenience-accordion .accordion-button::after {
display: none;
}
.convenience .convenience-accordion .accordion-button {
border: none;
box-shadow: none;
background: linear-gradient(270.97deg, #DEE2ED 1.21%, rgba(222, 226, 237, 0) 123.61%);
color: currentColor;
border-radius: 31px;
transition: 0.25s;
padding: 9px 10px;
line-height: 1;
}
.convenience .convenience-accordion .accordion-button:focus {
box-shadow: none;
}
.convenience .convenience-accordion .accordion-button:not(.collapsed) {
color: currentColor;
}
.convenience .convenience-accordion .accordion-button:not(.collapsed) .accordion-button--number {
background: linear-gradient(292.35deg, #3A3CB0 -14.61%, #4853E6 22.54%, #3AC5DE 90.28%);
}
.convenience .convenience-accordion .accordion-item:last-of-type .accordion-button.collapsed {
border-radius: 31px;
}
.convenience .convenience-accordion .accordion-button--number {
padding: 5px;
border-radius: 50%;
margin-right: 15px;
background-color: #D8DCE7;
color: #fff;
width: 44px;
height: 44px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.convenience .convenience-image {
position: relative;
}
@media (max-width: 1199px) {
.convenience .convenience-image {
width: 25vw;
}
}
@media (max-width: 991px) {
.convenience .convenience-image {
width: auto;
text-align: center;
}
}
@media (max-width: 991px) {
.convenience .convenience-image {
margin: 0 auto;
}
}
@media (max-width: 767px) {
.convenience .convenience-image {
width: 51vw;
}
}
@media (max-width: 576px) {
.convenience .convenience-image {
width: 52vw;
}
}
@media (max-width: 991px) {
.convenience .block-title-20 {
font-size: 18px;
}
}
/*end convenience*/
/*start information*/
.information {
padding: 50px 0 0;
}
@media (max-width: 991px) {
.information {
padding: 30px 0 0 0;
}
}
.information .information-list {
display: flex;
flex-wrap: wrap;
}
.information .information-card {
background-color: #fff;
border-radius: 20px;
margin: 0 5px 40px 5px;
width: calc(33.3333333333% - 10px);
display: flex;
flex-direction: column;
transition: 0.25s;
}
@media (max-width: 991px) {
.information .information-card {
margin-bottom: 12px;
width: auto;
}
}
.information .information-card:hover {
box-shadow: 4px 4px 15px rgba(138, 145, 151, 0.15);
transition: 0.25s;
}
.information .information-card:hover .information-card--label {
background: linear-gradient(292.35deg, #3A3CB0 -14.61%, #4853E6 22.54%, #3AC5DE 90.28%);
color: #fff;
}
.information .information-card--image {
text-decoration: none;
color: currentColor;
border-radius: 20px;
position: relative;
display: flex;
}
.information .information-card--image img {
border-radius: 20px;
width: 100%;
aspect-ratio: 4/2.7;
}
.information .information-card--wrap {
padding: 10px 20px 20px 20px;
flex-grow: 1;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.information .information-card--label {
padding: 2px 12px;
border-radius: 5px;
background-color: #fff;
position: absolute;
left: 20px;
bottom: 10px;
}
@media (max-width: 767px) {
.information .information-card--label {
font-size: 14px;
}
}
.information .information-card--title {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
min-height: 48px;
}
@media (max-width: 991px) {
.information .information-card--title {
font-size: 18px;
min-height: 44px;
}
}
@media (max-width: 767px) {
.information .information-card--title {
font-size: 16px;
min-height: 40px;
}
}
.information .information-card--about {
font-size: 14px;
color: #505050;
margin-top: 5px;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
flex-grow: 1;
}
.information .information-card--read {
font-family: Montserrat, sans-serif;
font-weight: 500;
text-decoration: none;
margin-top: 25px;
padding: 3px 35px 3px 0;
display: inline-flex;
background-image: url("data:image/svg+xml,%3Csvg width='20' height='8' viewBox='0 0 20 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.3536 4.35356C19.5488 4.15829 19.5488 3.84171 19.3536 3.64645L16.1716 0.464468C15.9763 0.269205 15.6597 0.269205 15.4645 0.464467C15.2692 0.65973 15.2692 0.976312 15.4645 1.17157L18.2929 4L15.4645 6.82843C15.2692 7.02369 15.2692 7.34027 15.4645 7.53554C15.6597 7.7308 15.9763 7.7308 16.1716 7.53554L19.3536 4.35356ZM-4.37114e-08 4.5L19 4.5L19 3.5L4.37114e-08 3.5L-4.37114e-08 4.5Z' fill='%23505050'/%3E%3C/svg%3E%0A");
background-position: 100% calc(50% + 1px);
background-repeat: no-repeat;
transition: 0.25s;
}
.information .information-card--read:hover {
padding-right: 45px;
color: currentColor;
transition: 0.25s;
}
@media (max-width: 767px) {
.information .information-card--read {
font-size: 14px;
}
}
.information .information-link-all {
position: absolute;
left: calc(100% - 230px);
top: -10px;
}
.information .information-link-all .information-card--read {
font-weight: 600;
}
@media (max-width: 991px) {
.information .information-link-all {
top: -15px;
}
}
@media (max-width: 767px) {
.information .information-link-all {
position: static;
display: flex;
justify-content: center;
}
.information .information-link-all .information-card--read {
font-size: 16px;
margin-top: 0;
}
}
.information-slider .owl-stage {
display: flex;
margin-left: -60px;
}
@media (max-width: 767px) {
.information-slider .owl-stage {
margin-left: -40px;
}
}
@media (max-width: 419px) {
.information-slider .owl-stage {
margin-left: -25px;
}
}
@media (max-width: 379px) {
.information-slider .owl-stage {
margin-left: -15px;
}
}
/*end information*/
/*start main-partners*/
section.main-partners {
padding: 100px 0 0;
}
@media (max-width: 991px) {
section.main-partners {
padding: 50px 0 0;
}
}
section.main-partners .partners__point {
display: flex;
align-items: center;
justify-content: center;
padding: 10px;
box-shadow: 4px 4px 6px 0px rgba(0, 0, 0, 0.1490196078);
border-radius: 20px;
min-height: 100px;
}
@media (max-width: 576px) {
section.main-partners .partners__point {
min-height: 75px;
padding: 5px 10px;
}
}
.partners-slider .owl-stage {
display: flex;
padding-bottom: 10px;
padding-left: 0 !important;
}
.partners-slider .owl-item img {
width: auto;
max-height: 80px;
}
@media (max-width: 576px) {
.partners-slider .owl-item img {
max-height: 60px;
max-width: 100px;
}
}
/*end main-partners*/
/*start main-about*/
.main-about {
padding: 100px 0;
background: linear-gradient(to top, rgba(255, 255, 255, 0.46) 5.92%, rgba(239, 242, 247, 0.962349) 20.51%, rgba(242, 244, 248, 0.967863) 78.14%, #FFFFFF 97.17%);
}
@media (max-width: 991px) {
.main-about {
padding: 50px 0;
}
}
@media (max-width: 576px) {
.main-about {
background: #fff;
}
}
.main-about--top {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
@media (min-width: 992px) {
.main-about--top {
padding-top: 15px;
}
}
@media (max-width: 991px) {
.main-about--top {
flex-direction: column;
}
}
.main-about--top-wrap {
width: calc(50% - 50px);
margin-right: 50px;
flex-grow: 1;
}
@media (max-width: 1199px) {
.main-about--top-wrap {
width: calc(50% - 15px);
margin-right: 15px;
}
}
@media (max-width: 991px) {
.main-about--top-wrap {
width: auto;
margin-right: 0;
margin-bottom: 30px;
}
}
.main-about--top-app {
padding: 45px 30px 25px;
margin-bottom: 25px;
margin-left: 50px;
width: calc(50% - 50px);
flex-grow: 1;
background: linear-gradient(292.35deg, #3A3CB0 -14.61%, #4853E6 22.54%, #3AC5DE 90.28%);
border-radius: 20px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
}
@media (max-width: 991px) {
.main-about--top-app {
width: auto;
margin-left: 0;
margin-bottom: 0;
}
}
@media (max-width: 369px) {
.main-about--top-app {
padding: 30px 20px 25px;
}
}
.main-about--top-app-title {
font-size: 24px;
font-weight: 600;
letter-spacing: 0.8px;
color: #fff;
text-align: center;
margin-bottom: 20px;
}
@media (max-width: 369px) {
.main-about--top-app-title {
font-size: 20px;
}
}
.main-about--top-app-logo {
margin-bottom: 20px;
display: flex;
align-self: stretch;
justify-content: space-between;
}
@media (max-width: 1199px) {
.main-about--top-app-logo a {
width: calc(50% - 10px);
}
}
@media (max-width: 991px) {
.main-about--top-app-logo a {
text-align: center;
}
}
.main-about--top-app-button {
width: 100%;
}
.main-about--top-app-button .page-btn {
width: 100%;
background-color: transparent;
}
.main-about--top-text {
letter-spacing: 0.8px;
margin-bottom: 25px;
}
.main-about--top-numbers {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.main-about--top-numbers-point {
letter-spacing: 0.8px;
width: 50%;
margin: 25px 0;
}
.main-about--top-numbers-title {
font-family: Montserrat, sans-serif;
font-size: 36px;
font-weight: 700;
color: #285ED3;
}
@media (max-width: 991px) {
.main-about--top-numbers-point {
margin: 10px 0;
}
}
@media (max-width: 576px) {
.main-about--top-numbers-point {
padding-right: 10px;
}
.main-about--top-numbers-title {
font-size: 30px;
}
.main-about--top-numbers-about {
font-size: 14px;
}
}
@media (max-width: 369px) {
.main-about--top-numbers-title {
font-size: 27px;
}
.main-about--top-numbers-about {
font-size: 12px;
}
}
.main-about--bottom {
display: flex;
flex-wrap: wrap;
margin-top: 25px;
}
@media (max-width: 767px) {
.main-about--bottom {
flex-direction: column;
}
}
@media (max-width: 576px) {
.main-about--bottom {
flex-direction: inherit;
}
}
.main-about--bottom .main-about--point {
display: flex;
padding: 20px;
margin: 10px;
width: calc(50% - 20px);
}
.main-about--bottom .main-about--point-wrap {
padding-top: 10px;
}
.main-about--bottom .main-about--point-icon {
margin-right: 15px;
flex-shrink: 0;
}
.main-about--bottom .main-about--point-title {
margin-bottom: 20px;
}
@media (max-width: 767px) {
.main-about--bottom .main-about--point {
width: 100%;
margin: 0 0 10px 0;
}
.main-about--bottom .main-about--point-wrap {
padding-top: 0;
}
.main-about--bottom .main-about--point-title {
min-height: 40px;
line-height: 1.1;
display: flex;
align-items: center;
}
}
@media (max-width: 576px) {
.main-about--bottom .main-about--point {
margin: 0 10px;
padding: 20px 15px;
background-color: #F3F4F8;
border-radius: 16px;
height: 100%;
}
.main-about--bottom .main-about--point-icon {
margin-right: 8px;
}
}
@media (max-width: 379px) {
.main-about--bottom .main-about--point-icon {
width: 30px;
}
.main-about--bottom .main-about--point-title {
font-size: 16px;
min-height: 35px;
}
.main-about--bottom .main-about--point-text {
font-size: 14px;
}
}
.main-about-slider .owl-stage {
display: flex;
}
@media (max-width: 767px) {
.main-about-slider .owl-stage {
margin-left: -60px;
}
}
@media (max-width: 419px) {
.main-about-slider .owl-stage {
margin-left: -45px;
}
}
/*end main-about*/
/*start section-numbers*/
.section-numbers--wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 80px 0;
}
@media (max-width: 991px) {
.section-numbers--wrap {
padding: 40px 0;
}
}
@media (max-width: 576px) {
.section-numbers--wrap {
padding: 20px 0;
}
}
.section-numbers--point {
letter-spacing: 0.8px;
width: 25%;
text-align: center;
}
.section-numbers--title {
font-family: Montserrat, sans-serif;
font-size: 36px;
font-weight: 700;
color: #285ED3;
}
@media (max-width: 991px) {
.section-numbers--point {
width: 50%;
margin: 15px 0;
}
}
@media (max-width: 576px) {
.section-numbers--point {
margin: 10px 0;
}
.section-numbers--title {
font-size: 30px;
}
.section-numbers--about {
font-size: 14px;
}
}
@media (max-width: 450px) {
.section-numbers--point {
width: 100%;
}
}
@media (max-width: 369px) {
.section-numbers--title {
font-size: 27px;
}
.section-numbers--about {
font-size: 12px;
}
}
/*end section-numbers*/
/*start services*/
.section-services {
padding: 0 0 50px;
}
.section-services .section-title,
.section-services .section-about {
max-width: 300px;
}
.section-services .services-list {
margin: 30px 0;
}
.section-services .services-card {
border-radius: 16px;
background: radial-gradient(90.38% 304.8% at 0% 104.45%, #FAFAFA 0%, #EEF1F6 98.04%);
display: flex;
flex-direction: column;
justify-content: flex-end;
height: 420px;
padding: 40px;
position: relative;
transition: 0.25s;
}
@media (max-width: 767px) {
.section-services .services-card {
height: 350px;
}
}
@media (max-width: 475px) {
.section-services .services-card {
height: 70vw;
padding: 25px;
}
}
.section-services .services-card:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.section-services .services-card:hover {
box-shadow: 4px 4px 15px rgba(0, 0, 0, 0.2509803922);
}
.section-services .services-card.card-01:before {
background: url("../img/services-bg01.png") no-repeat 100% 0;
}
.section-services .services-card.card-02:before {
background: url("../img/services-bg02.png") no-repeat 100% 0;
}
.section-services .services-card.card-03:before {
background: url("../img/services-bg03.png") no-repeat 100% 0;
}
@media (max-width: 767px) {
.section-services .services-card.card-01:before, .section-services .services-card.card-02:before, .section-services .services-card.card-03:before {
background-size: 80%;
}
}
.section-services .services-card--title {
font-family: Montserrat, sans-serif;
font-size: 46px;
font-weight: 700;
line-height: 1.2;
margin-bottom: 5px;
position: relative;
}
.section-services .services-card--link {
text-decoration: none;
position: relative;
display: flex;
align-items: flex-end;
}
.section-services .services-card--link:hover {
color: #2661E0;
}
.section-services .services-card--link:hover:after {
margin-left: 10px;
}
.section-services .services-card--link:after {
content: ">";
margin-left: 5px;
color: currentColor;
line-height: 1.2;
transition: 0.25s;
}
@media (max-width: 1199px) {
.section-services .services-card--title {
font-size: 35px;
}
}
@media (max-width: 576px) {
.section-services .services-card--title {
font-size: 24px;
}
.section-services .services-card--link {
font-size: 12px;
}
}
@media (max-width: 349px) {
.section-services .services-card--title {
font-size: 20px;
}
.section-services .services-card--link {
font-size: 10px;
}
}
.services-slider .owl-stage {
display: flex;
margin-left: -150px;
padding-top: 20px;
padding-bottom: 20px;
}
@media (max-width: 1399px) {
.services-slider .owl-stage {
margin-left: -100px;
}
}
@media (max-width: 1199px) {
.services-slider .owl-stage {
margin-left: -75px;
}
}
@media (max-width: 991px) {
.services-slider .owl-stage {
margin-left: -100px;
}
}
@media (max-width: 767px) {
.services-slider .owl-stage {
margin-left: -75px;
}
}
@media (max-width: 576px) {
.services-slider .owl-stage {
margin-left: -50px;
}
}
/*end services*/
/*start advantages*/
.about-advantages {
padding: 50px 0;
}
.about-advantages .section-title {
max-width: 300px;
}
.about-advantages .section-about {
max-width: 520px;
}
.about-advantages--list {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding-top: 40px;
}
.about-advantages--card {
width: calc(50% - 5px);
margin-bottom: 10px;
background-color: #F3F4F8;
border-radius: 16px;
padding: 30px 30px 30px 150px;
position: relative;
}
@media (max-width: 991px) {
.about-advantages--card {
width: 100%;
}
}
@media (max-width: 576px) {
.about-advantages--card {
height: 100%;
padding: 30px 15px;
}
}
.about-advantages--card:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
@media (max-width: 576px) {
.about-advantages--card:before {
transform: rotateY(180deg);
}
}
.about-advantages--card-number {
font-family: Montserrat, sans-serif;
font-size: 46px;
font-weight: 700;
line-height: 1.2;
margin-bottom: 15px;
position: relative;
}
.about-advantages--card .block-title-24 {
margin-bottom: 10px;
position: relative;
}
.about-advantages--card .section-text {
position: relative;
}
.about-advantages--card.card-01:before {
background: url("../img/about-advantages-ico01.svg") no-repeat 0 35px;
}
.about-advantages--card.card-02:before {
background: url("../img/about-advantages-ico02.svg") no-repeat 0 35px;
}
.about-advantages--card.card-03:before {
background: url("../img/about-advantages-ico03.svg") no-repeat 0 15px;
}
.about-advantages--card.card-04:before {
background: url("../img/about-advantages-ico04.png") no-repeat 0 35px;
}
.about-advantages--slider .owl-stage {
display: flex;
}
@media (max-width: 576px) {
.about-advantages--slider .owl-stage {
margin-left: -30px;
}
}
@media (max-width: 419px) {
.about-advantages--slider .owl-stage {
margin-left: -15px;
}
}
.about-app--wrap {
border-radius: 16px;
color: #fff;
background: radial-gradient(250.77% 165.93% at 88.04% 117.73%, #3A3CB0 0%, #4853E6 35.42%, #3DB7EA 76.56%, #3AC5DE 98.96%), linear-gradient(0deg, #F3F4F8, #F3F4F8);
display: flex;
justify-content: space-between;
}
@media (max-width: 991px) {
.about-app--wrap {
flex-direction: column;
}
}
@media (max-width: 576px) {
.about-app--wrap {
margin-top: 40px;
}
}
.about-app--info {
margin: 70px 0 0 150px;
max-width: 375px;
}
@media (max-width: 1199px) {
.about-app--info {
margin: 50px 0 0 50px;
}
}
@media (max-width: 991px) {
.about-app--info {
max-width: inherit;
text-align: center;
margin: 0;
padding: 30px 50px 0;
}
}
@media (max-width: 767px) {
.about-app--info {
background: url("../img/about-app-bg-mob.png") no-repeat 100% 100%;
padding: 30px 50px 250px 50px;
}
}
@media (max-width: 576px) {
.about-app--info {
padding: 30px 30px 250px 30px;
}
}
.about-app--image {
display: flex;
align-items: flex-end;
}
@media (max-width: 991px) {
.about-app--image {
justify-content: flex-end;
}
}
@media (max-width: 767px) {
.about-app--image {
display: none;
}
}
.about-app--title {
font-size: 24px;
font-weight: 600;
line-height: 1.2;
margin-bottom: 20px;
}
@media (max-width: 369px) {
.about-app--title {
font-size: 20px;
}
}
.about-app--text {
margin-bottom: 30px;
}
.about-app--logo {
display: flex;
}
@media (max-width: 991px) {
.about-app--logo {
justify-content: center;
}
}
@media (max-width: 369px) {
.about-app--logo {
align-items: center;
flex-direction: column;
}
}
.about-app--logo a {
margin-right: 30px;
}
@media (max-width: 575px) {
.about-app--logo a {
margin-right: 15px;
}
}
@media (max-width: 369px) {
.about-app--logo a {
margin-right: 0;
margin-bottom: 15px;
}
}
.about-app--logo a:last-child {
margin-right: 0;
}
.about-app--logo img {
display: block;
}
/*end advantages*/
/*start faq*/
.section-faq {
padding: 80px 0;
}
@media (max-width: 991px) {
.section-faq {
padding: 60px 0;
}
}
@media (max-width: 576px) {
.section-faq {
padding: 40px 0;
}
}
.accordion-faq {
background-color: #F7F9FB;
border-radius: 16px;
margin-bottom: 60px;
}
.accordion-faq .accordion-item {
background-color: transparent;
border: 0;
border-bottom: 1px solid #D8DCE7;
}
.accordion-faq .accordion-item:last-child {
border-bottom: 0;
}
.accordion-faq .accordion-button {
color: #3F5060;
background-color: transparent;
display: flex;
justify-content: space-between;
}
.accordion-faq .accordion-button:focus, .accordion-faq .accordion-button:not(.collapsed) {
border: none;
box-shadow: none;
background: none;
}
.accordion-faq .accordion-button:after {
content: "";
font-size: 35px;
line-height: 1;
font-weight: 300;
background-image: url("../img/ico-plus-dark.svg");
background-position: 50% 50%;
background-size: 14px 14px;
background-color: #fff;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
padding: 7px;
width: 34px;
height: 34px;
margin-left: 15px;
transform: rotate(-135deg);
}
.accordion-faq .accordion-button:not(.collapsed)::after {
transform: rotate(0);
}
.accordion-faq .accordion-button:hover:after {
background-image: url("../img/ico-plus-light.svg");
background-color: #285ED3;
transition: 0.25s ease-in-out;
}
.accordion-faq .accordion-body {
padding-top: 0;
}
@media (max-width: 576px) {
.accordion-faq .block-title-20 {
font-size: 17px;
}
}
.check-osago {
border: 2px solid #285ED3;
padding: 25px 50px;
border-radius: 16px;
display: flex;
justify-content: space-between;
}
@media (max-width: 1199px) {
.check-osago {
padding: 25px;
}
}
@media (max-width: 991px) {
.check-osago {
flex-direction: column;
}
}
@media (max-width: 420px) {
.check-osago {
padding: 20px 15px;
}
}
.check-osago--about {
max-width: 700px;
margin-right: 100px;
}
@media (max-width: 1199px) {
.check-osago--about {
margin-right: 20px;
}
}
@media (max-width: 991px) {
.check-osago--about {
margin-right: 0;
margin-bottom: 20px;
}
}
@media (max-width: 576px) {
.check-osago--about {
text-align: center;
}
}
.check-osago--button {
flex-shrink: 0;
}
@media (max-width: 576px) {
.check-osago--button .page-btn {
width: 100%;
}
}
.check-osago--title {
margin-bottom: 5px;
}
@media (max-width: 576px) {
.check-osago--title {
font-size: 17px;
}
}
.check-osago--text {
letter-spacing: 0.8px;
}
/*end faq*/
/*start news*/
.section-news {
padding: 50px 0 80px;
}
@media (max-width: 991px) {
.section-news {
padding: 50px 0;
}
}
.news-filter {
margin-bottom: 25px;
padding-bottom: 10px;
display: flex;
overflow-x: auto;
}
.news-filter--point {
cursor: pointer;
font-weight: 500;
padding: 9px 40px;
border: 1px solid #647686;
border-radius: 20px;
margin-right: 25px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
transition: 0.25s;
}
@media (max-width: 1399px) {
.news-filter--point {
padding: 9px 30px;
margin-right: 15px;
}
}
@media (max-width: 359px) {
.news-filter--point {
margin-right: 10px;
font-size: 14px;
}
}
.news-filter--point:last-child {
margin-right: 0;
}
.news-filter--point.active, .news-filter--point:hover {
color: #fff;
background: linear-gradient(292.35deg, #3A3CB0 -14.61%, #4853E6 22.54%, #3AC5DE 90.28%);
border-color: #fff;
}
.news-list {
display: flex;
flex-wrap: wrap;
}
.news-card {
background-color: #fff;
border-radius: 20px;
margin: 0 5px 40px 5px;
width: calc(25% - 10px);
display: flex;
flex-direction: column;
transition: 0.25s;
}
@media (max-width: 1399px) {
.news-card {
width: calc(33.3333333333% - 10px);
}
}
@media (max-width: 991px) {
.news-card {
width: calc(50% - 10px);
}
}
@media (max-width: 767px) {
.news-card {
margin-bottom: 12px;
width: auto;
}
}
.news-card:hover {
box-shadow: 4px 4px 15px rgba(138, 145, 151, 0.15);
transition: 0.25s;
}
.news-card:hover .news-card--label {
background: linear-gradient(292.35deg, #3A3CB0 -14.61%, #4853E6 22.54%, #3AC5DE 90.28%);
color: #fff;
}
.news-card--image {
text-decoration: none;
color: currentColor;
border-radius: 20px;
position: relative;
display: flex;
}
.news-card--image img {
border-radius: 20px;
width: 100%;
aspect-ratio: 4/2.7;
}
.news-card--wrap {
padding: 10px 20px 20px 20px;
flex-grow: 1;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.news-card--label {
padding: 2px 12px;
border-radius: 5px;
background-color: #fff;
position: absolute;
left: 20px;
bottom: 10px;
}
@media (max-width: 767px) {
.news-card--label {
font-size: 14px;
}
}
.news-card--title {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
min-height: 48px;
}
@media (max-width: 991px) {
.news-card--title {
font-size: 18px;
min-height: 44px;
}
}
@media (max-width: 767px) {
.news-card--title {
font-size: 16px;
min-height: inherit;
}
}
.news-card--about {
font-size: 14px;
color: #505050;
margin-top: 5px;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
flex-grow: 1;
}
.news-card--read {
font-family: Montserrat, sans-serif;
font-weight: 500;
text-decoration: none;
margin-top: 25px;
padding: 3px 35px 3px 0;
display: inline-flex;
background-image: url("data:image/svg+xml,%3Csvg width='20' height='8' viewBox='0 0 20 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.3536 4.35356C19.5488 4.15829 19.5488 3.84171 19.3536 3.64645L16.1716 0.464468C15.9763 0.269205 15.6597 0.269205 15.4645 0.464467C15.2692 0.65973 15.2692 0.976312 15.4645 1.17157L18.2929 4L15.4645 6.82843C15.2692 7.02369 15.2692 7.34027 15.4645 7.53554C15.6597 7.7308 15.9763 7.7308 16.1716 7.53554L19.3536 4.35356ZM-4.37114e-08 4.5L19 4.5L19 3.5L4.37114e-08 3.5L-4.37114e-08 4.5Z' fill='%23505050'/%3E%3C/svg%3E%0A");
background-position: 100% calc(50% + 1px);
background-repeat: no-repeat;
transition: 0.25s;
}
.news-card--read:hover {
padding-right: 45px;
color: currentColor;
transition: 0.25s;
}
@media (max-width: 767px) {
.news-card--read {
font-size: 14px;
}
}
.news-more {
display: flex;
align-items: center;
justify-content: center;
}
.news-more--link {
font-size: 18px;
text-decoration: none;
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 5px;
}
.news-more--link:after {
content: "";
display: block;
margin-left: 20px;
margin-bottom: 4px;
width: 8px;
height: 8px;
-ms-flex-negative: 0;
flex-shrink: 0;
border-bottom: 1px solid #3F5060;
border-right: 1px solid #3F5060;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: border 0.2s;
transition: border 0.2s;
}
.news-more--link:hover:after {
border-bottom-color: currentColor;
border-right-color: currentColor;
}
@media (max-width: 767px) {
.news-more--link {
font-size: 16px;
margin-top: 0;
}
}
/*end news*/
/*start news-item*/
.news-item--title {
margin-bottom: 20px;
}
.news-item--text {
margin-bottom: 30px;
}
.news-item--video {
margin-bottom: 30px;
}
.news-item--video iframe {
width: 100%;
height: 480px;
}
@media (max-width: 1399px) {
.news-item--video iframe {
height: 408px;
}
}
@media (max-width: 1199px) {
.news-item--video iframe {
height: 528px;
}
}
@media (max-width: 991px) {
.news-item--video iframe {
height: 393px;
}
}
@media (max-width: 767px) {
.news-item--video iframe {
height: 291px;
}
}
@media (max-width: 576px) {
.news-item--video iframe {
height: 54vw;
}
}
.news-item--image {
margin-bottom: 30px;
}
.news-item--image img {
display: block;
max-width: 100%;
border-radius: 16px;
}
.news-item--image.full img {
width: 100%;
}
/*end news-item*/
/*start vacancy*/
.section-vacancy {
padding: 80px 0;
}
@media (max-width: 991px) {
.section-vacancy {
padding: 60px 0;
}
}
@media (max-width: 576px) {
.section-vacancy {
padding: 40px 0;
}
}
.section-vacancy .vacancy-title {
margin-bottom: 20px;
}
.section-vacancy .section-about {
max-width: 550px;
margin-bottom: 50px;
}
@media (max-width: 991px) {
.section-vacancy .section-about {
margin-bottom: 35px;
}
}
@media (max-width: 576px) {
.section-vacancy .section-about {
margin-bottom: 25px;
}
}
.section-vacancy .vacancy-form {
background-color: #F3F4F8;
border-radius: 16px;
padding: 25px 30px;
}
@media (max-width: 576px) {
.section-vacancy .vacancy-form {
padding: 25px 20px;
}
}
.section-vacancy .vacancy-form--title {
margin-left: 12px;
margin-bottom: 10px;
}
@media (max-width: 991px) {
.section-vacancy .vacancy-form--title {
text-align: center;
margin-left: 0;
}
}
@media (max-width: 576px) {
.section-vacancy .vacancy-form--title {
margin-bottom: 20px;
}
}
.section-vacancy .vacancy-form--head {
display: flex;
}
.section-vacancy .vacancy-form--head-wrap {
display: flex;
width: 60%;
flex-wrap: wrap;
}
@media (max-width: 991px) {
.section-vacancy .vacancy-form--head {
flex-direction: column;
}
.section-vacancy .vacancy-form--head-wrap {
width: 100%;
}
}
.section-vacancy .vacancy-form--footer {
display: flex;
align-items: center;
margin: 8px 12px 0;
}
@media (max-width: 991px) {
.section-vacancy .vacancy-form--footer {
flex-direction: column;
}
}
.section-vacancy .vacancy-form--input, .section-vacancy .vacancy-form--textarea {
margin: 12px;
}
.section-vacancy .vacancy-form--input input,
.section-vacancy .vacancy-form--input textarea, .section-vacancy .vacancy-form--textarea input,
.section-vacancy .vacancy-form--textarea textarea {
width: 100%;
border: none;
padding: 13px 25px;
font-style: italic;
border-radius: 20px;
}
.section-vacancy .vacancy-form--input input::-webkit-input-placeholder,
.section-vacancy .vacancy-form--input textarea::-webkit-input-placeholder, .section-vacancy .vacancy-form--textarea input::-webkit-input-placeholder,
.section-vacancy .vacancy-form--textarea textarea::-webkit-input-placeholder {
color: #9D9D9D;
font-weight: 100;
}
.section-vacancy .vacancy-form--input input:-moz-placeholder,
.section-vacancy .vacancy-form--input textarea:-moz-placeholder, .section-vacancy .vacancy-form--textarea input:-moz-placeholder,
.section-vacancy .vacancy-form--textarea textarea:-moz-placeholder {
color: #9D9D9D;
opacity: 1;
font-weight: 100;
}
.section-vacancy .vacancy-form--input input::-moz-placeholder,
.section-vacancy .vacancy-form--input textarea::-moz-placeholder, .section-vacancy .vacancy-form--textarea input::-moz-placeholder,
.section-vacancy .vacancy-form--textarea textarea::-moz-placeholder {
color: #9D9D9D;
opacity: 1;
font-weight: 100;
}
.section-vacancy .vacancy-form--input input:-ms-input-placeholder,
.section-vacancy .vacancy-form--input textarea:-ms-input-placeholder, .section-vacancy .vacancy-form--textarea input:-ms-input-placeholder,
.section-vacancy .vacancy-form--textarea textarea:-ms-input-placeholder {
color: #9D9D9D;
font-weight: 100;
}
.section-vacancy .vacancy-form--input input::-ms-input-placeholder,
.section-vacancy .vacancy-form--input textarea::-ms-input-placeholder, .section-vacancy .vacancy-form--textarea input::-ms-input-placeholder,
.section-vacancy .vacancy-form--textarea textarea::-ms-input-placeholder {
color: #9D9D9D;
font-weight: 100;
}
.section-vacancy .vacancy-form--input input::placeholder,
.section-vacancy .vacancy-form--input textarea::placeholder, .section-vacancy .vacancy-form--textarea input::placeholder,
.section-vacancy .vacancy-form--textarea textarea::placeholder {
color: #9D9D9D;
font-weight: 100;
}
.section-vacancy .vacancy-form--input {
width: calc(50% - 24px);
}
@media (max-width: 576px) {
.section-vacancy .vacancy-form--input {
width: 100%;
margin: 0 0 12px 0;
}
}
.section-vacancy .vacancy-form--textarea {
flex-grow: 1;
}
@media (max-width: 576px) {
.section-vacancy .vacancy-form--textarea {
margin: 0 0 12px 0;
}
}
.section-vacancy .vacancy-form--textarea textarea {
height: 100%;
min-height: 110px;
}
.section-vacancy .vacancy-form--policy {
font-size: 14px;
font-weight: 100;
color: #4E4E4E;
display: flex;
width: 30%;
}
@media (max-width: 1199px) {
.section-vacancy .vacancy-form--policy {
width: 35%;
}
}
@media (max-width: 991px) {
.section-vacancy .vacancy-form--policy {
width: auto;
margin-bottom: 20px;
}
}
@media (max-width: 576px) {
.section-vacancy .vacancy-form--policy {
font-size: 12px;
}
}
.section-vacancy .vacancy-form--policy a, .section-vacancy .vacancy-form--policy i {
color: #4E4E4E;
}
.section-vacancy .vacancy-form--policy:hover input[type=checkbox] + span:before {
border-color: #285ED3;
}
.section-vacancy .vacancy-form .form-button {
flex-grow: 1;
text-align: right;
}
@media (max-width: 420px) {
.section-vacancy .vacancy-form .form-button {
text-align: inherit;
width: 100%;
}
.section-vacancy .vacancy-form .form-button .page-btn {
width: 100%;
}
}
.section-vacancy .vacancy-form .attach-file {
width: 31%;
}
@media (max-width: 991px) {
.section-vacancy .vacancy-form .attach-file {
width: auto;
margin-bottom: 40px;
}
}
.section-vacancy .vacancy-form .attach-file--wrap {
display: flex;
align-items: center;
cursor: pointer;
white-space: nowrap;
}
.section-vacancy .vacancy-form .attach-file--input {
opacity: 0;
visibility: hidden;
position: absolute;
}
.section-vacancy .vacancy-form .attach-file--name {
max-width: 300px;
overflow: hidden;
text-overflow: ellipsis;
}
.section-vacancy .vacancy-form .attach-file--icon {
width: 22px;
height: 22px;
margin-right: 20px;
}
/*end vacancy*/
/*start feedback*/
.section-feedback {
padding: 80px 0;
}
@media (max-width: 991px) {
.section-feedback {
padding: 60px 0;
}
}
@media (max-width: 576px) {
.section-feedback {
padding: 40px 0;
}
}
.section-feedback .feedback-title {
margin-bottom: 20px;
}
.feedback-adjustment {
display: flex;
justify-content: space-between;
}
@media (max-width: 1199px) {
.feedback-adjustment {
flex-direction: column;
}
}
.feedback-support {
margin-right: 15px;
background: linear-gradient(292.35deg, #3A3CB0 -14.61%, #4853E6 22.54%, #3AC5DE 90.28%);
padding: 25px 30px;
flex-grow: 1;
border-radius: 16px;
color: #fff;
}
@media (max-width: 1199px) {
.feedback-support {
margin-right: 0;
margin-bottom: 15px;
}
}
.feedback-support a {
color: #fff;
}
.feedback-support--title {
margin-bottom: 20px;
}
.feedback-support--text {
margin-bottom: 30px;
}
.feedback-support--phone {
margin-bottom: 25px;
}
.feedback-support--phone .feedback-support--title {
margin-bottom: 10px;
}
.feedback-support--phone-number {
font-family: Montserrat, sans-serif;
font-weight: 600;
font-size: 28px;
text-decoration: none;
}
.feedback-support--phone-number:hover {
text-decoration: underline;
}
.feedback-support--social {
margin-bottom: 25px;
}
.feedback-support--social .feedback-support--title {
margin-bottom: 15px;
}
.feedback-support--social-links {
display: flex;
flex-direction: column;
}
.feedback-support--social-links a {
text-decoration: none;
margin: 8px 0;
display: flex;
align-items: center;
}
.feedback-support--social-links a span {
padding-left: 15px;
}
@media (max-width: 1199px) {
.feedback-support--social-links {
flex-direction: row;
}
.feedback-support--social-links a {
margin: 0 50px 0 0;
}
}
@media (max-width: 767px) {
.feedback-support--social-links {
flex-direction: column;
}
.feedback-support--social-links a {
margin: 8px 0;
}
}
.feedback-support--contacts .feedback-support--title {
margin-bottom: 15px;
}
.feedback-support--contacts .feedback-support--text {
display: flex;
flex-direction: column;
margin-bottom: 0;
}
.feedback-about {
display: flex;
flex-direction: column;
width: 60%;
flex-shrink: 0;
}
@media (max-width: 1399px) {
.feedback-about {
width: 70%;
}
}
@media (max-width: 1199px) {
.feedback-about {
width: 100%;
}
}
.feedback-form {
background-color: #F3F4F8;
border-radius: 16px;
padding: 25px 30px;
margin-bottom: 15px;
}
@media (max-width: 576px) {
.feedback-form {
padding: 25px 20px;
}
}
.feedback-form--title {
margin-left: 12px;
margin-bottom: 10px;
}
@media (max-width: 991px) {
.feedback-form--title {
text-align: center;
margin-left: 0;
}
}
@media (max-width: 576px) {
.feedback-form--title {
margin-bottom: 20px;
}
}
.feedback-form--head {
display: flex;
}
.feedback-form--head-wrap {
display: flex;
width: 50%;
flex-wrap: wrap;
}
@media (max-width: 991px) {
.feedback-form--head {
flex-direction: column;
}
.feedback-form--head-wrap {
width: 100%;
}
}
.feedback-form--footer {
display: flex;
align-items: center;
justify-content: space-between;
margin: 8px 12px 0;
}
@media (max-width: 991px) {
.feedback-form--footer {
flex-direction: column-reverse;
}
}
@media (max-width: 576px) {
.feedback-form--footer {
margin: 0;
}
}
.feedback-form--input, .feedback-form--textarea {
margin: 12px;
}
.feedback-form--input input,
.feedback-form--input textarea, .feedback-form--textarea input,
.feedback-form--textarea textarea {
width: 100%;
border: none;
padding: 13px 25px;
font-style: italic;
border-radius: 20px;
}
.feedback-form--input input::-webkit-input-placeholder,
.feedback-form--input textarea::-webkit-input-placeholder, .feedback-form--textarea input::-webkit-input-placeholder,
.feedback-form--textarea textarea::-webkit-input-placeholder {
color: #9D9D9D;
font-weight: 100;
}
.feedback-form--input input:-moz-placeholder,
.feedback-form--input textarea:-moz-placeholder, .feedback-form--textarea input:-moz-placeholder,
.feedback-form--textarea textarea:-moz-placeholder {
color: #9D9D9D;
opacity: 1;
font-weight: 100;
}
.feedback-form--input input::-moz-placeholder,
.feedback-form--input textarea::-moz-placeholder, .feedback-form--textarea input::-moz-placeholder,
.feedback-form--textarea textarea::-moz-placeholder {
color: #9D9D9D;
opacity: 1;
font-weight: 100;
}
.feedback-form--input input:-ms-input-placeholder,
.feedback-form--input textarea:-ms-input-placeholder, .feedback-form--textarea input:-ms-input-placeholder,
.feedback-form--textarea textarea:-ms-input-placeholder {
color: #9D9D9D;
font-weight: 100;
}
.feedback-form--input input::-ms-input-placeholder,
.feedback-form--input textarea::-ms-input-placeholder, .feedback-form--textarea input::-ms-input-placeholder,
.feedback-form--textarea textarea::-ms-input-placeholder {
color: #9D9D9D;
font-weight: 100;
}
.feedback-form--input input::placeholder,
.feedback-form--input textarea::placeholder, .feedback-form--textarea input::placeholder,
.feedback-form--textarea textarea::placeholder {
color: #9D9D9D;
font-weight: 100;
}
.feedback-form--input {
width: calc(100% - 24px);
}
@media (max-width: 576px) {
.feedback-form--input {
width: 100%;
margin: 0 0 12px 0;
}
}
.feedback-form--textarea {
flex-grow: 1;
}
@media (max-width: 576px) {
.feedback-form--textarea {
margin: 0 0 12px 0;
}
}
.feedback-form--textarea textarea {
height: 100%;
min-height: 110px;
}
.feedback-form--policy {
font-size: 14px;
font-weight: 100;
color: #4E4E4E;
display: flex;
width: 50%;
}
@media (max-width: 991px) {
.feedback-form--policy {
width: 100%;
}
}
@media (max-width: 576px) {
.feedback-form--policy {
font-size: 12px;
}
}
.feedback-form--policy a, .feedback-form--policy i {
color: #4E4E4E;
}
.feedback-form--policy:hover input[type=checkbox] + span:before {
border-color: #285ED3;
}
.feedback-form .form-button {
flex-grow: 1;
text-align: right;
}
.feedback-form .form-button .page-btn {
width: calc(100% - 12px);
}
@media (max-width: 991px) {
.feedback-form .form-button {
margin-bottom: 15px;
flex-grow: inherit;
width: auto;
}
.feedback-form .form-button .page-btn {
width: 100%;
}
}
@media (max-width: 767px) {
.feedback-form .form-button {
width: 100%;
}
}
.feedback-map {
border-radius: 16px;
height: 300px;
position: relative;
filter: grayscale(1);
}
@media (max-width: 1199px) {
.feedback-map {
height: 400px;
}
}
@media (max-width: 767px) {
.feedback-map {
height: 300px;
}
}
.feedback-map--iframe {
height: 100%;
}
#wrapMap {
position: relative;
cursor: help;
overflow: hidden;
}
#wrapMap .mapTitle {
position: absolute;
z-index: 1000;
display: none;
padding: 5px 20px;
border-radius: 5px;
background: #fefefe;
}
/*end feedback*/
/*start documents*/
.section-documents {
padding: 50px 0;
}
@media (max-width: 991px) {
.section-documents {
padding: 40px 0;
}
}
.section-documents .documents-block {
margin-bottom: 25px;
}
.section-documents .documents-block--wrapper {
display: flex;
flex-wrap: wrap;
}
.section-documents .documents-title {
margin-bottom: 25px;
}
.section-documents .documents-link {
padding: 30px 50px;
margin: 0 10px 10px 0;
border-radius: 16px;
background-color: #F3F4F8;
display: inline-flex;
align-items: flex-start;
text-decoration: none;
width: 100%;
max-width: 420px;
}
@media (max-width: 991px) {
.section-documents .documents-link {
max-width: inherit;
}
}
@media (max-width: 576px) {
.section-documents .documents-link {
padding: 20px 15px 15px;
}
}
.section-documents .documents-link--icon {
margin-right: 20px;
margin-top: 5px;
}
.section-documents .documents-link--wrap {
display: flex;
flex-direction: column;
}
.section-documents .documents-link--title {
font-weight: 600;
margin-bottom: 5px;
}
.section-documents .documents-link--text {
font-size: 14px;
padding: 5px 0 5px 26px;
color: #9D9D9D;
background: url("../img/ico-upload.svg") no-repeat 0 5px;
}
.section-documents .documents-link:hover {
background: linear-gradient(292.35deg, #3A3CB0 -14.61%, #4853E6 22.54%, #3AC5DE 90.28%);
transition: 0.25s;
}
.section-documents .documents-link:hover .documents-link--title,
.section-documents .documents-link:hover .documents-link--text {
color: #fff;
}
.section-documents .documents-link:hover .documents-link--text {
background: url("../img/ico-upload-white.svg") no-repeat 0 5px;
}
/*end documents*/
/*start form-osago*/
.section-form {
padding-bottom: 100px;
}
@media (max-width: 1199px) {
.section-form {
padding-bottom: 70px;
}
}
@media (max-width: 576px) {
.section-form {
padding-bottom: 50px;
}
}
.section-form--crumbs {
font-size: 20px;
margin-bottom: 60px;
font-family: Montserrat, sans-serif;
}
.section-form--crumbs a {
position: relative;
display: inline-flex;
align-items: center;
text-decoration: none;
font-weight: 500;
}
.section-form--crumbs a:after {
content: "";
background-image: url("data:image/svg+xml,%3Csvg width='8' height='13' viewBox='0 0 8 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1.27295' y='12.3145' width='1.8' height='8.69348' rx='0.9' transform='rotate(-135 1.27295 12.3145)' fill='%232C3B57'/%3E%3Crect x='1.27295' y='12.3145' width='1.8' height='8.69348' rx='0.9' transform='rotate(-135 1.27295 12.3145)' fill='%232C3B57'/%3E%3Crect x='0.03125' y='1.27539' width='1.8031' height='8.69348' rx='0.901549' transform='rotate(-45 0.03125 1.27539)' fill='%232C3B57'/%3E%3Crect x='0.03125' y='1.27539' width='1.8031' height='8.69348' rx='0.901549' transform='rotate(-45 0.03125 1.27539)' fill='%232C3B57'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-position: 0 0;
background-size: contain;
height: 13px;
width: 8px;
margin: 3px 24px 0;
}
.section-form--crumbs-title {
margin-top: 20px;
font-weight: 600;
letter-spacing: 0.8px;
}
@media (max-width: 991px) {
.section-form--crumbs {
font-size: 18px;
}
}
@media (max-width: 767px) {
.section-form--crumbs {
font-size: 16px;
margin-bottom: 35px;
}
.section-form--crumbs a:after {
height: 10px;
width: 6px;
margin: 1px 15px 0;
}
}
@media (max-width: 576px) {
.section-form--crumbs {
font-size: 14px;
}
.section-form--crumbs a:after {
height: 8px;
width: 4px;
margin: 1px 15px 0;
}
}
@media (max-width: 499px) {
.section-form--crumbs {
font-size: 12px;
}
.section-form--crumbs a:after {
height: 7px;
width: 4px;
margin: 1px 10px 0;
}
}
.section-form--title {
margin-bottom: 30px;
}
@media (max-width: 767px) {
.section-form--title {
margin-bottom: 15px;
}
}
.form-insurance .form-block {
margin-bottom: 50px;
}
.form-insurance .form-block--row {
display: flex;
flex-wrap: wrap;
max-width: 75%;
}
.form-insurance .form-block--row.add-driver {
margin-bottom: 40px;
}
@media (max-width: 1199px) {
.form-insurance .form-block--row {
max-width: 100%;
}
}
.form-insurance .form-block--title {
font-family: Montserrat, sans-serif;
font-weight: 600;
font-size: 20px;
margin-bottom: 30px;
letter-spacing: 0.8px;
width: 100%;
position: relative;
}
@media (max-width: 991px) {
.form-insurance .form-block--title {
font-size: 18px;
margin-bottom: 20px;
}
}
@media (max-width: 576px) {
.form-insurance .form-block--title {
font-size: 16px;
}
}
.form-insurance .form-block--title .tooltip-info {
position: relative;
font-size: 15px;
right: -8px;
top: -3px;
}
.form-insurance .form-block .devider-hr {
display: block;
height: 40px;
width: 100%;
background: none;
}
@media (max-width: 991px) {
.form-insurance .form-block .devider-hr {
display: none;
}
}
.form-insurance .form-input {
width: calc(33.3333333333% - 14px);
margin-right: 14px;
margin-bottom: 14px;
position: relative;
}
@media (max-width: 991px) {
.form-insurance .form-input {
width: 100%;
margin-right: 0;
}
}
.form-insurance .form-input.w-100 {
width: calc(100% - 14px) !important;
margin: 0;
}
@media (max-width: 991px) {
.form-insurance .form-input.w-100 {
width: 100% !important;
margin-right: 0;
}
}
.form-insurance .form-input.w-50 {
width: calc(50% - 14px) !important;
}
@media (max-width: 991px) {
.form-insurance .form-input.w-50 {
width: 100% !important;
margin-right: 0;
}
}
.form-insurance .form-input.w-60 {
width: calc(66.6666666667% - 14px);
}
@media (max-width: 991px) {
.form-insurance .form-input.w-60 {
width: 100%;
margin-right: 0;
}
}
.form-insurance .form-input.w-30 {
width: calc(33.3333333333% - 14px);
}
@media (max-width: 991px) {
.form-insurance .form-input.w-30 {
width: 100%;
margin-right: 0;
}
}
.form-insurance .form-input.w-25 {
width: calc(25% - 14px) !important;
}
@media (max-width: 991px) {
.form-insurance .form-input.w-25 {
width: 100% !important;
margin-right: 0;
}
}
.form-insurance .form-input.with-tooltip .reload {
position: absolute;
right: 50px;
bottom: 17px;
}
@media (max-width: 991px) {
.form-insurance .form-input.with-tooltip .reload {
bottom: 15px;
}
}
@media (max-width: 576px) {
.form-insurance .form-input.with-tooltip .reload {
bottom: 13px;
}
}
.form-insurance .form-input.with-tooltip .tooltip-info {
position: absolute;
right: 15px;
bottom: 22px;
top: inherit;
}
@media (max-width: 991px) {
.form-insurance .form-input.with-tooltip .tooltip-info {
bottom: 20px;
}
}
@media (max-width: 576px) {
.form-insurance .form-input.with-tooltip .tooltip-info {
bottom: 18px;
}
}
.form-insurance .form-input.kbm {
display: flex;
align-items: center;
width: auto;
}
.form-insurance .form-input.kbm .kbm-title {
font-family: Montserrat, sans-serif;
font-size: 18px;
font-weight: 600;
}
@media (max-width: 991px) {
.form-insurance .form-input.kbm .kbm-title {
font-size: 16px;
}
}
.form-insurance .form-input.kbm input {
margin: 0 10px;
width: 120px;
padding-right: 45px;
}
.form-insurance .form-input.kbm .reload {
position: absolute;
right: 45px;
bottom: 17px;
}
.form-insurance .form-input.kbm .tooltip-info {
position: static;
}
.form-insurance .form-input.date-start .tooltip-info {
right: -35px;
}
.form-insurance .form-input.enter-number {
width: calc(50% - 14px);
margin-right: 14px;
margin-bottom: 14px;
}
@media (max-width: 767px) {
.form-insurance .form-input.enter-number {
width: calc(100% - 85px);
}
}
.form-insurance .form-buttons {
position: relative;
transition: 1s;
}
@media (max-width: 991px) {
.form-insurance .form-buttons {
display: flex;
justify-content: space-between;
}
}
@media (max-width: 576px) {
.form-insurance .form-buttons {
flex-direction: column;
}
}
.form-insurance .form-buttons .white {
padding: 14px 30px;
}
@media (max-width: 767px) {
.form-insurance .form-buttons .white {
padding: 14px 20px;
}
}
.form-insurance .form-buttons .calculate-button {
position: fixed;
top: 395px;
right: calc(50% - 647px);
padding: 14px 70px 14px 35px;
transition: 0.05s;
}
@media (max-width: 1399px) {
.form-insurance .form-buttons .calculate-button {
right: calc(50% - 557px);
}
}
@media (max-width: 1199px) {
.form-insurance .form-buttons .calculate-button {
position: relative;
bottom: inherit;
top: inherit;
right: inherit;
left: inherit;
margin-left: 15px;
}
.form-insurance .form-buttons .calculate-button span {
display: flex;
}
}
@media (max-width: 576px) {
.form-insurance .form-buttons .calculate-button {
margin-left: 0;
margin-top: 15px;
}
}
.form-insurance .form-buttons .calculate-button i {
font-style: normal;
}
@media (max-width: 1399px) {
.form-insurance .form-buttons .calculate-button i {
display: none;
}
}
@media (max-width: 1199px) {
.form-insurance .form-buttons .calculate-button i {
display: inherit;
padding-left: 5px;
}
}
@media (max-width: 767px) {
.form-insurance .form-buttons .calculate-button i {
display: none;
}
}
@media (max-width: 576px) {
.form-insurance .form-buttons .calculate-button i {
display: inherit;
padding-left: 5px;
}
}
.form-insurance .form-buttons .calculate-button.stop {
position: absolute;
top: inherit !important;
bottom: 0;
right: calc(100% - 600px);
transition: 0.25s;
}
@media (max-width: 1399px) {
.form-insurance .form-buttons .calculate-button.stop {
right: calc(100% - 530px);
}
}
@media (max-width: 1199px) {
.form-insurance .form-buttons .calculate-button.stop {
position: relative;
bottom: inherit;
top: inherit;
right: inherit;
left: inherit;
}
}
.form-insurance .page-btn.no-title {
height: 63px;
padding: 15px 35px;
}
.form-insurance .page-btn.no-title:before {
right: 20px;
}
@media (max-width: 991px) {
.form-insurance .page-btn.no-title {
height: 60px;
}
}
@media (max-width: 576px) {
.form-insurance .page-btn.no-title {
height: 57px;
}
}
.form-insurance .number-about {
margin-left: 50px;
color: rgba(129, 129, 129, 0.7);
font-size: 14px;
display: flex;
align-items: center;
}
@media (max-width: 991px) {
.form-insurance .number-about {
width: 100%;
margin-left: 0;
}
}
.reload {
width: 22px;
height: 30px;
display: inline-flex;
background-image: url("data:image/svg+xml,%3Csvg width='22' height='30' viewBox='0 0 22 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.0002 6.99967V10.9997L16.3335 5.66634L11.0002 0.333008V4.33301C5.10683 4.33301 0.333496 9.10634 0.333496 14.9997C0.333496 17.093 0.946829 19.0397 1.98683 20.6797L3.9335 18.733C3.3335 17.6263 3.00016 16.3463 3.00016 14.9997C3.00016 10.5863 6.58683 6.99967 11.0002 6.99967ZM20.0135 9.31967L18.0668 11.2663C18.6535 12.3863 19.0002 13.653 19.0002 14.9997C19.0002 19.413 15.4135 22.9997 11.0002 22.9997V18.9997L5.66683 24.333L11.0002 29.6663V25.6663C16.8935 25.6663 21.6668 20.893 21.6668 14.9997C21.6668 12.9063 21.0535 10.9597 20.0135 9.31967Z' fill='%23979797'/%3E%3C/svg%3E%0A");
background-position: 0 0;
cursor: pointer;
}
.tooltip-info {
display: inline-flex;
width: 20px;
height: 20px;
position: absolute;
right: 0;
top: 0;
z-index: 10;
}
.tooltip-info:after {
content: "?";
font-weight: 600;
width: 100%;
height: 100%;
border-radius: 50%;
color: #fff;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 0.8em;
background: radial-gradient(283.82% 243.14% at 130.88% 50%, #3A3CB0 0%, #4853E6 30%, #3DB7EA 75%, #3AC5DE 100%);
}
.tooltip-inner {
background: #818181;
color: #fff;
}
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .bs-tooltip-top .tooltip-arrow::before {
border-top-color: #818181;
}
.section-form input,
.section-form select,
.section-form .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
border-radius: 10px;
font-size: 18px;
padding: 17px 22px;
color: #3F5060;
}
@media (max-width: 991px) {
.section-form input,
.section-form select,
.section-form .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
font-size: 16px;
}
}
@media (max-width: 576px) {
.section-form input,
.section-form select,
.section-form .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
font-size: 14px;
padding: 17px 15px;
}
}
.section-form label,
.section-form .form-label {
color: #8A9197;
font-weight: 300;
font-family: Montserrat, sans-serif;
position: relative;
}
.section-form .form-control {
border: 1px solid #8A9197;
}
.section-form .form-control:hover {
border-color: #285ED3;
}
.section-form .form-control:focus {
background: none;
}
.section-form .form-check-label {
color: #5B5C5D;
}
.section-form .form-check-label span {
padding-top: 1px;
}
.section-form .form-check-input + span {
color: #5B5C5D;
padding-right: 30px;
}
@media (max-width: 576px) {
.section-form .form-check-input + span {
font-size: 14px;
}
}
@media (max-width: 369px) {
.section-form .form-check-input + span {
padding-left: 25px;
}
}
.section-form .form-check.radio {
margin: 0 16px 0 0;
padding: 0;
display: flex;
align-items: center;
}
.section-form .form-check.radio label {
cursor: pointer;
padding: 5px 5px 5px 0;
}
.section-form .form-check.radio input {
cursor: pointer;
padding: 0;
margin: 0;
width: 26px;
height: 26px;
border: 2px solid #ADADAD;
}
.section-form .form-check.radio input:disabled {
background-repeat: no-repeat;
background-position: 0 0;
}
.section-form .form-check.radio input:disabled:checked {
border-color: transparent;
background-color: transparent;
background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='13' cy='13' r='12' stroke='%23adadad' stroke-width='2'/%3E%3Ccircle cx='13' cy='13' r='8' fill='%23adadad'/%3E%3C/svg%3E%0A");
}
.section-form .form-check.radio input:checked {
border-color: transparent;
background-color: transparent;
background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='13' cy='13' r='12' stroke='%23909FB9' stroke-width='2'/%3E%3Ccircle cx='13' cy='13' r='12' stroke='url(%23paint0_radial_1_9962)' stroke-width='2'/%3E%3Ccircle cx='13' cy='13' r='8' fill='%23909FB9'/%3E%3Ccircle cx='13' cy='13' r='8' fill='url(%23paint1_radial_1_9962)'/%3E%3Cdefs%3E%3CradialGradient id='paint0_radial_1_9962' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(34.0294 13) rotate(167.157) scale(75.6875 50.8565)'%3E%3Cstop stop-color='%233A3CB0'/%3E%3Cstop offset='0.354167' stop-color='%234853E6'/%3E%3Cstop offset='0.765625' stop-color='%233DB7EA'/%3E%3Cstop offset='0.989583' stop-color='%233AC5DE'/%3E%3C/radialGradient%3E%3CradialGradient id='paint1_radial_1_9962' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(25.9412 13) rotate(167.157) scale(46.5769 31.2963)'%3E%3Cstop stop-color='%233A3CB0'/%3E%3Cstop offset='0.354167' stop-color='%234853E6'/%3E%3Cstop offset='0.765625' stop-color='%233DB7EA'/%3E%3Cstop offset='0.989583' stop-color='%233AC5DE'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-position: 0 0;
}
.section-form .form-check.radio:hover input:not(:checked) {
border-color: #285ED3;
}
.section-form .form-check.radio .form-check-label {
display: flex;
align-items: center;
}
.section-form .form-check.radio .form-check-label input {
margin-right: 10px;
flex-shrink: 0;
}
@media (max-width: 576px) {
.section-form .form-check.radio .form-check-label {
font-size: 14px;
}
}
@media (max-width: 369px) {
.section-form .form-check.radio .form-check-label input {
margin-right: 5px;
}
}
.section-form .form-check.radio .form-check-label .tooltip-info {
position: static;
margin-left: 10px;
flex-shrink: 0;
}
.section-form .form-check.radio .form-check-label:last-child {
margin-right: 0;
}
.section-form .form-check.radio.w-30 {
width: calc(33.3333333333% - 14px);
}
@media (max-width: 991px) {
.section-form .form-check.radio.w-30 {
width: 100%;
margin-right: 0;
}
}
.section-form input[type=checkbox] + label:before,
.section-form input[type=checkbox] + span:before {
border-radius: 50%;
border: 1px solid #8A9197;
}
.section-form input[type=checkbox] + label:hover:before,
.section-form input[type=checkbox] + span:hover:before {
border-color: #285ED3;
}
.section-form input[type=checkbox]:checked + span:before,
.section-form input[type=checkbox]:checked + label:before {
background-color: transparent;
border: none;
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='10' fill='%23285ED3'/%3E%3Ccircle cx='10' cy='10' r='10' fill='url(%23paint0_radial_44_11464)'/%3E%3Cpath d='M9.92335 13.4516C9.64665 13.4516 9.37972 13.3488 9.17795 13.1633L6.33889 10.5542C5.904 10.1545 5.88519 9.48826 6.29685 9.06606C6.70851 8.64386 7.39471 8.6255 7.8297 9.02524L9.86086 10.8919L13.1416 7.34892C13.5419 6.91654 14.2275 6.88121 14.6729 7.26979C15.1182 7.65846 15.1547 8.32404 14.7543 8.75642L10.7297 13.1027C10.5342 13.3137 10.2593 13.4392 9.96704 13.4507C9.95244 13.4513 9.93785 13.4516 9.92335 13.4516Z' fill='white'/%3E%3Cdefs%3E%3CradialGradient id='paint0_radial_44_11464' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(26.1765 10) rotate(167.157) scale(58.2212 39.1204)'%3E%3Cstop stop-color='%233A3CB0'/%3E%3Cstop offset='0.354167' stop-color='%234853E6'/%3E%3Cstop offset='0.765625' stop-color='%233DB7EA'/%3E%3Cstop offset='0.989583' stop-color='%233AC5DE'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E%0A");
}
.section-form .form-input .form-label {
position: absolute;
top: -27px;
left: 0;
}
@media (max-width: 991px) {
.section-form .form-input .form-label {
top: 20px;
left: 25px;
z-index: -1;
}
}
@media (max-width: 576px) {
.section-form .form-input .form-label {
font-size: 14px;
left: 15px;
}
}
@media (max-width: 767px) {
.section-form .form-input .form-label--range-price {
max-width: 100px;
top: 12px;
}
}
@media (max-width: 576px) {
.section-form .form-input .form-label--range-price {
max-width: inherit;
top: 3px;
}
}
.form-control {
background: transparent;
}
.datepicker {
padding: 0;
border-radius: 0;
}
.datepicker.dropdown-menu {
margin-top: 34px;
margin-left: 12px;
}
.datepicker.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
padding-left: 50px;
}
@media (max-width: 991px) {
.datepicker.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
padding-left: 25px;
}
}
@media (max-width: 991px) {
.datepicker.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
padding-left: 15px;
}
}
.datepicker td, .datepicker th {
padding: 10px;
}
.datepicker td.dow, .datepicker th.dow {
font-weight: 700;
border-radius: 0;
background: #f2f2f2;
}
.input-group.date .input-group-append {
position: absolute;
left: 15px;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
}
.input-group.date .input-group-append img {
display: block;
}
@media (max-width: 991px) {
.input-group.date .input-group-append {
left: inherit;
right: 15px;
}
}
.bootstrap-select > .dropdown-toggle {
border: 1px solid #8A9197;
color: #3F5060;
background: none;
border-radius: 10px;
font-size: 18px;
padding: 17px 22px;
}
.bootstrap-select > .dropdown-toggle:hover {
border-color: #285ED3;
}
@media (max-width: 991px) {
.bootstrap-select > .dropdown-toggle {
font-size: 16px;
}
}
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
width: 100%;
}
.bootstrap-select .dropdown-menu {
border-radius: 10px;
padding: 0;
}
.bootstrap-select .dropdown-menu li a {
padding: 10px 15px;
}
.bootstrap-select .dropdown-item.active, .bootstrap-select .dropdown-item:active {
background: linear-gradient(292.35deg, #3A3CB0 -14.61%, #4853E6 22.54%, #3AC5DE 90.28%);
}
.bootstrap-select .bs-searchbox {
padding: 0;
}
.bootstrap-select .bs-searchbox input {
padding: 7px 22px;
}
.bootstrap-select .bs-searchbox + .inner {
max-height: 300px !important;
}
.dropdown-toggle::after {
display: inline-block;
margin-left: 0.255em;
vertical-align: 0.255em;
content: "";
border: none;
background-image: url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.79241 7.97063C6.3921 8.49064 5.6079 8.49064 5.20759 7.97063L0.311171 1.60999C-0.195026 0.952425 0.273738 0 1.10358 0L10.8964 0C11.7263 0 12.195 0.952425 11.6888 1.60999L6.79241 7.97063Z' fill='%233F5060'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-size: contain;
width: 12px;
height: 9px;
}
.dropup .dropdown-toggle::after {
border-bottom: 0.4em solid;
}
.page-btn .ico-plus {
margin-right: 15px;
width: 26px;
height: 26px;
background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='13' cy='13' r='12.25' stroke='%23285ED3' stroke-width='1.5'/%3E%3Ccircle cx='13' cy='13' r='12.25' stroke='url(%23paint0_radial_1_9962)' stroke-width='1.5'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13 19C13.5523 19 14 18.5523 14 18L14 14H18C18.5523 14 19 13.5523 19 13C19 12.4477 18.5523 12 18 12H14L14 8C14 7.44772 13.5523 7 13 7C12.4477 7 12 7.44772 12 8L12 12H8C7.44772 12 7 12.4477 7 13C7 13.5523 7.44772 14 8 14H12L12 18C12 18.5523 12.4477 19 13 19Z' fill='%238A9197'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13 19C13.5523 19 14 18.5523 14 18L14 14H18C18.5523 14 19 13.5523 19 13C19 12.4477 18.5523 12 18 12H14L14 8C14 7.44772 13.5523 7 13 7C12.4477 7 12 7.44772 12 8L12 12H8C7.44772 12 7 12.4477 7 13C7 13.5523 7.44772 14 8 14H12L12 18C12 18.5523 12.4477 19 13 19Z' fill='%232661E0'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13 19C13.5523 19 14 18.5523 14 18L14 14H18C18.5523 14 19 13.5523 19 13C19 12.4477 18.5523 12 18 12H14L14 8C14 7.44772 13.5523 7 13 7C12.4477 7 12 7.44772 12 8L12 12H8C7.44772 12 7 12.4477 7 13C7 13.5523 7.44772 14 8 14H12L12 18C12 18.5523 12.4477 19 13 19Z' fill='url(%23paint1_radial_1_9962)'/%3E%3Cdefs%3E%3CradialGradient id='paint0_radial_1_9962' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(34.0294 13) rotate(167.157) scale(75.6875 50.8565)'%3E%3Cstop stop-color='%233A3CB0'/%3E%3Cstop offset='0.354167' stop-color='%234853E6'/%3E%3Cstop offset='0.765625' stop-color='%233DB7EA'/%3E%3Cstop offset='0.989583' stop-color='%233AC5DE'/%3E%3C/radialGradient%3E%3CradialGradient id='paint1_radial_1_9962' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(22.7059 13) rotate(167.157) scale(34.9327 23.4722)'%3E%3Cstop stop-color='%233A3CB0'/%3E%3Cstop offset='0.354167' stop-color='%234853E6'/%3E%3Cstop offset='0.765625' stop-color='%233DB7EA'/%3E%3Cstop offset='0.989583' stop-color='%233AC5DE'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-position: 0 0;
}
.page-btn:hover .ico-plus {
background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='13' cy='13' r='12.25' stroke='%23fff' stroke-width='1.5'/%3E%3Ccircle cx='13' cy='13' r='12.25' stroke='%23fff' stroke-width='1.5'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13 19C13.5523 19 14 18.5523 14 18L14 14H18C18.5523 14 19 13.5523 19 13C19 12.4477 18.5523 12 18 12H14L14 8C14 7.44772 13.5523 7 13 7C12.4477 7 12 7.44772 12 8L12 12H8C7.44772 12 7 12.4477 7 13C7 13.5523 7.44772 14 8 14H12L12 18C12 18.5523 12.4477 19 13 19Z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13 19C13.5523 19 14 18.5523 14 18L14 14H18C18.5523 14 19 13.5523 19 13C19 12.4477 18.5523 12 18 12H14L14 8C14 7.44772 13.5523 7 13 7C12.4477 7 12 7.44772 12 8L12 12H8C7.44772 12 7 12.4477 7 13C7 13.5523 7.44772 14 8 14H12L12 18C12 18.5523 12.4477 19 13 19Z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13 19C13.5523 19 14 18.5523 14 18L14 14H18C18.5523 14 19 13.5523 19 13C19 12.4477 18.5523 12 18 12H14L14 8C14 7.44772 13.5523 7 13 7C12.4477 7 12 7.44772 12 8L12 12H8C7.44772 12 7 12.4477 7 13C7 13.5523 7.44772 14 8 14H12L12 18C12 18.5523 12.4477 19 13 19Z' fill='%23fff'/%3E%3C/svg%3E%0A");
}
@media (max-width: 991px) {
.form-insurance .form-input.date-start .form-label {
width: calc(100% - 25px);
}
.form-insurance .form-input.date-start .tooltip-info {
right: 50px;
}
.form-insurance .input-group.date .input-group-append {
right: 15px;
}
.form-insurance .form-input.with-tooltip .reload {
right: 15px;
}
.form-insurance .form-input.with-tooltip .reload + .tooltip-info {
right: 50px;
}
.form-insurance .form-input.with-tooltip .datepicker + .tooltip-info {
right: 50px;
}
.hide-mb-991 {
margin-bottom: 14px !important;
}
.mb-0-991 {
margin-bottom: 0 !important;
}
.form-input.not-empty label,
.form-input.not-empty .form-label {
display: none;
}
}
@media (max-width: 576px) {
.form-insurance .form-input.date-start .form-label {
width: calc(100% - 25px);
}
.form-insurance .form-label {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: calc(100% - 25px);
min-height: 20px;
}
.form-check-label.mobile-flex {
display: flex;
justify-content: flex-start;
}
}
.form-info-label {
font-size: 16px;
font-weight: 500;
background-color: #86AAF8;
color: #fff;
border-radius: 30px;
display: inline-flex;
align-items: center;
padding: 5px 40px 5px 6px;
line-height: 1;
}
.form-info-label img {
margin-right: 6px;
}
@media (max-width: 991px) {
.form-info-label {
font-size: 14px;
}
}
.range_box {
border-radius: 10px;
font-size: 18px;
border: 1px solid #8A9197;
padding: 18px 22px;
position: relative;
transition: 0.25s;
}
.range_box:hover {
border-color: #3b75ba;
transition: 0.25s;
}
.range_box input[type=range] {
padding: 0;
height: 3px;
position: absolute;
bottom: -2px;
width: calc(100% - 44px);
background: none;
}
.range_box .rangeValue {
text-align: center;
}
.range_box .rangePrice {
position: absolute;
bottom: -35px;
left: 0;
width: 100%;
display: flex;
justify-content: space-between;
color: #7F909F;
font-size: 16px;
}
.form-input--combo {
margin-right: 14px;
display: flex;
flex-direction: column;
}
.form-input--combo .form-input {
width: 100%;
}
.form-input--combo.w-30 {
width: calc(33.3333333333% - 14px);
}
@media (max-width: 991px) {
.form-input--combo.w-30 {
width: 100%;
}
}
.form-input--combo .form-check.radio {
margin-bottom: 35px;
margin-right: 0;
flex-grow: 1;
}
.form-input--combo .form-check.radio label {
padding-right: 0;
}
@media (max-width: 991px) {
.form-input--combo .form-check.radio {
margin-bottom: 5px;
}
}
.form-checkboxes-block {
margin-right: 14px;
display: flex;
flex-direction: column;
}
.form-checkboxes-block.w-30 {
width: calc(33.3333333333% - 14px);
}
@media (max-width: 991px) {
.form-checkboxes-block.w-30 {
width: 100%;
}
}
.form-checkboxes-block .form-check-label {
margin: 10px 0;
display: flex;
}
.form-checkboxes-block .form-check-label .tooltip-info {
position: static;
flex-shrink: 0;
margin-left: -15px;
}
/*end form-osago*/
/*start choice-company*/
.choice-company--head {
margin-bottom: 40px;
}
.choice-company--title {
font-family: Montserrat, sans-serif;
font-weight: 600;
font-size: 20px;
margin-bottom: 25px;
letter-spacing: 0.8px;
width: 100%;
position: relative;
}
@media (max-width: 991px) {
.choice-company--title {
font-size: 18px;
margin-bottom: 20px;
}
}
@media (max-width: 576px) {
.choice-company--title {
font-size: 16px;
}
}
.choice-company--title .tooltip-info {
position: relative;
font-size: 15px;
right: -8px;
top: -3px;
}
.choice-company--text {
color: #5B5C5D;
}
.choice-company--point {
border: 1px solid #c2c2c2;
border-radius: 10px;
margin-top: 20px;
position: relative;
z-index: 10;
}
@media (max-width: 991px) {
.choice-company--point {
border: none;
}
}
.choice-company--point-head {
padding: 40px 50px 20px;
display: flex;
align-items: center;
justify-content: space-between;
}
@media (max-width: 1199px) {
.choice-company--point-head {
padding: 40px 20px 20px;
}
}
@media (max-width: 991px) {
.choice-company--point-head {
flex-wrap: wrap;
padding-bottom: 0;
background-color: #EEF1F6;
border-radius: 10px;
padding-top: 25px;
}
}
@media (max-width: 576px) {
.choice-company--point-head {
padding: 25px 15px 0;
}
}
@media (max-width: 359px) {
.choice-company--point-head {
padding: 25px 10px 0;
}
}
.choice-company--point-body {
padding: 25px 50px;
background-color: #f3f3f3;
border-radius: 0 0 10px 10px;
display: flex;
align-items: center;
flex-wrap: wrap;
position: relative;
letter-spacing: 0.8px;
}
@media (max-width: 1199px) {
.choice-company--point-body {
padding: 25px 20px;
}
}
@media (max-width: 991px) {
.choice-company--point-body {
display: none;
padding-top: 10px;
background-color: #E2EAEF;
font-size: 14px;
}
.choice-company--point-body.active {
display: flex;
}
}
@media (max-width: 576px) {
.choice-company--point-body {
padding: 10px 15px 25px 15px;
}
}
@media (max-width: 359px) {
.choice-company--point-body {
padding: 10px 10px 25px 10px;
}
}
.choice-company--point-label {
background: linear-gradient(292.35deg, #3A3CB0 -14.61%, #4853E6 22.54%, #3AC5DE 90.28%);
font-family: Montserrat, sans-serif;
color: #fff;
font-weight: 500;
display: inline-flex;
padding: 5px 120px 5px 50px;
border-radius: 10px 0 10px 0;
position: absolute;
left: 0;
top: 0;
}
@media (max-width: 1199px) {
.choice-company--point-label {
padding: 3px 120px 3px 20px;
}
}
@media (max-width: 991px) {
.choice-company--point-label {
padding: 5px 20px;
width: 100%;
border-radius: 10px 10px 0 0;
font-size: 14px;
font-weight: 600;
position: static;
margin-bottom: -10px;
}
}
@media (max-width: 576px) {
.choice-company--point-label {
padding: 5px 20px 5px 15px;
}
}
@media (max-width: 359px) {
.choice-company--point-label {
padding: 5px 20px 5px 10px;
}
}
.choice-company--point-logo {
margin-right: 20px;
flex-grow: 1;
}
@media (max-width: 767px) {
.choice-company--point-logo {
width: 60%;
flex-grow: inherit;
}
}
.choice-company--point-logo img {
max-width: 350px;
max-height: 70px;
object-fit: contain;
}
@media (max-width: 991px) {
.choice-company--point-logo img {
max-height: 50px;
}
}
@media (max-width: 767px) {
.choice-company--point-logo img {
max-width: 100%;
max-height: 40px;
}
}
.choice-company--point-price {
font-size: 50px;
font-weight: 600;
font-family: Montserrat, sans-serif;
line-height: 1;
margin-right: 60px;
}
@media (max-width: 1199px) {
.choice-company--point-price {
font-size: 35px;
margin-right: 30px;
}
}
@media (max-width: 991px) {
.choice-company--point-price {
margin-right: 0;
}
}
@media (max-width: 576px) {
.choice-company--point-price {
font-size: 22px;
}
}
@media (max-width: 991px) {
.choice-company--point-button {
width: calc(100% + 40px);
display: flex;
align-items: center;
justify-content: space-between;
background-color: #E2EAEF;
padding: 10px 20px;
margin: 20px -20px 0;
border-radius: 0 0 10px 10px;
transition: 0.25s;
}
.choice-company--point-button.active {
border-radius: 0;
padding-top: 20px;
transition: 0.25s;
}
.choice-company--point-button .page-btn {
padding: 10px 40px 10px 30px;
font-size: 14px;
}
.choice-company--point-button .page-btn:before {
right: 20px;
}
.choice-company--point-button .page-btn span {
padding: 0 30px 0 0;
}
.choice-company--point-button .page-btn.btn-insurer-transparent {
padding: 10px 19px;
color: #fff;
background-color: #909FB9;
}
.choice-company--point-button .page-btn.btn-insurer-transparent:before {
border-color: #909FB9;
}
.choice-company--point-button .page-btn.btn-insurer-transparent:hover {
color: inherit;
}
.choice-company--point-button .page-btn.btn-insurer-transparent:hover:before {
border-color: transparent;
}
.choice-company--point-button .page-btn.btn-insurer-transparent span {
padding: 0;
}
}
@media (max-width: 576px) {
.choice-company--point-button {
padding: 10px 15px;
margin: 20px -15px 0;
}
}
@media (max-width: 359px) {
.choice-company--point-button {
padding: 10px;
margin: 20px -10px 0;
}
.choice-company--point-button .page-btn {
padding: 10px 40px 10px 20px;
font-size: 14px;
}
.choice-company--point-button .page-btn:before {
right: 20px;
}
.choice-company--point-button .page-btn span {
padding: 0 15px 0 0;
}
.choice-company--point-button .page-btn.btn-insurer-transparent {
padding: 10px 10px;
}
}
.choice-company--point-rating {
display: flex;
align-items: center;
flex-grow: 1;
justify-content: flex-end;
position: relative;
}
@media (max-width: 991px) {
.choice-company--point-rating {
justify-content: space-between;
padding-bottom: 15px;
}
.choice-company--point-rating:before {
content: "";
position: absolute;
left: -20px;
width: calc(100% + 40px);
bottom: 0;
height: 1px;
background: #ddd;
}
}
@media (max-width: 576px) {
.choice-company--point-rating:before {
left: -15px;
width: calc(100% + 30px);
}
}
@media (max-width: 359px) {
.choice-company--point-rating:before {
left: -10px;
width: calc(100% + 20px);
}
}
.choice-company--point-about {
width: 100%;
padding-top: 30px;
display: none;
}
@media (max-width: 1199px) {
.choice-company--point-about {
padding-top: 15px;
}
}
.choice-company--point-about .about-title {
margin-bottom: 15px;
}
.choice-company--point-about .about-text {
margin-bottom: 15px;
}
.choice-company--point-about .about-list li {
padding-left: 25px;
margin-bottom: 12px;
background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.5 4L7.5 12L4.5 9' stroke='%234853E6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.5 12L1.5 9' stroke='%234853E6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.5 4L7.25 8.875' stroke='%234853E6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-position: 0 2px;
background-size: 18px 18px;
}
.choice-company--point-about .about-payed-system {
display: flex;
flex-wrap: wrap;
margin-bottom: 15px;
}
.choice-company--point-about .about-payed-system--logo {
height: 34px;
background: radial-gradient(circle at 100% 100%, #ffffff 0, #ffffff 3px, transparent 3px) 0% 0%/4px 4px no-repeat, radial-gradient(circle at 0 100%, #ffffff 0, #ffffff 3px, transparent 3px) 100% 0%/4px 4px no-repeat, radial-gradient(circle at 100% 0, #ffffff 0, #ffffff 3px, transparent 3px) 0% 100%/4px 4px no-repeat, radial-gradient(circle at 0 0, #ffffff 0, #ffffff 3px, transparent 3px) 100% 100%/4px 4px no-repeat, linear-gradient(#ffffff, #ffffff) 50% 50%/calc(100% - 2px) calc(100% - 8px) no-repeat, linear-gradient(#ffffff, #ffffff) 50% 50%/calc(100% - 8px) calc(100% - 2px) no-repeat, linear-gradient(128deg, #3ac5de 0%, #4853e6 100%);
border-radius: 4px;
padding: 9px;
box-sizing: border-box;
margin-right: 5px;
margin-bottom: 5px;
display: flex;
align-items: center;
justify-content: center;
min-width: 70px;
}
.choice-company--point-about .about-payed-system img {
height: 100%;
object-fit: contain;
}
.choice-company--point-about-list {
padding-right: 90px;
flex-shrink: 0;
}
@media (max-width: 767px) {
.choice-company--point-about-list {
padding-right: 0;
margin-bottom: 20px;
}
}
.choice-company--point-about-offer {
padding-top: 15px;
position: relative;
display: flex;
}
.choice-company--point-about-offer:before {
content: "";
position: absolute;
left: -50px;
top: 0;
width: calc(100% + 100px);
height: 1px;
background: #ddd;
}
@media (max-width: 1199px) {
.choice-company--point-about-offer:before {
left: -20px;
width: calc(100% + 40px);
}
}
@media (max-width: 576px) {
.choice-company--point-about-offer:before {
left: -15px;
width: calc(100% + 30px);
}
}
@media (max-width: 359px) {
.choice-company--point-about-offer:before {
left: -10px;
width: calc(100% + 20px);
}
}
.choice-company--point-about .offer-icon {
width: 15px;
height: 15px;
border-radius: 50%;
font-size: 12px;
font-weight: 600;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
margin-top: 3px;
margin-right: 15px;
flex-shrink: 0;
}
.choice-company--point-about .offer-icon.info {
background-color: #FF8B49;
padding-left: 1px;
}
.choice-company--point-wrap {
display: flex;
padding-bottom: 5px;
}
@media (max-width: 767px) {
.choice-company--point-wrap {
flex-direction: column;
}
}
.choice-company--point .show-more {
font-size: 16px;
font-weight: 600;
font-family: Montserrat, sans-serif;
line-height: 1;
position: relative;
display: inline-flex;
padding: 5px 20px 5px 0;
margin-right: 20px;
cursor: pointer;
letter-spacing: 0;
}
.choice-company--point .show-more:after {
content: "";
display: inline-flex;
position: absolute;
right: -3px;
top: calc(50% - 8px);
width: 10px;
height: 10px;
transform: rotate(45deg);
border-right: 2px solid #3f5060;
border-bottom: 2px solid #3f5060;
-webkit-transition: 0.25s;
transition: 0.25s;
}
.choice-company--point .show-more:hover:after {
transform: rotate(45deg) scale(1.2);
transition: 0.25s;
}
.choice-company--point .show-more.active:after {
transform: rotate(225deg);
top: calc(50% - 2px);
}
.choice-company--point .show-more.active:hover:after {
transform: rotate(225deg) scale(1.2);
transition: 0.25s;
}
@media (max-width: 576px) {
.choice-company--point .show-more {
font-size: 14px;
}
.choice-company--point .show-more:after {
width: 8px;
height: 8px;
right: 4px;
border-right: 1px solid #3f5060;
border-bottom: 1px solid #3f5060;
top: calc(50% - 6px);
}
.choice-company--point .show-more.active:after {
top: 50%;
}
}
@media (max-width: 359px) {
.choice-company--point .show-more {
margin-right: 10px;
}
}
.choice-company--point .rating-text i {
font-style: normal;
font-weight: 600;
padding-left: 20px;
}
@media (max-width: 350px) {
.choice-company--point .rating-text i {
padding-left: 10px;
}
}
.choice-company--point .rating-stars {
margin-left: 40px;
}
@media (max-width: 576px) {
.choice-company--point .rating-stars {
margin-left: 15px;
}
.choice-company--point .rating-stars .rating__icon {
width: 24px;
height: 24px;
}
}
.choice-company--item + .form-insurance {
margin-top: 50px;
}
.choice-company--item .choice-company--point-price {
margin-right: 0;
}
/*end choice-company*/
/*start rating-stars*/
.rating-group {
display: inline-flex;
align-items: center;
}
.rating__icon {
pointer-events: none;
width: 30px;
height: 30px;
display: inline-flex;
background-repeat: no-repeat;
background-position: 0 0;
background-size: contain;
}
.rating__input {
position: absolute !important;
left: -9999px !important;
}
.rating__label {
padding: 0 5px;
}
.rating__icon--star {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='22' viewBox='0 0 24 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.1534 1.43986C10.8365 -0.202728 13.1635 -0.202728 13.8466 1.43986L15.4984 5.41121C15.7864 6.10368 16.4377 6.57682 17.1852 6.63676L21.4727 6.98048C23.246 7.12264 23.965 9.33566 22.6139 10.493L19.3474 13.2911C18.7778 13.7791 18.5291 14.5446 18.7031 15.2741L19.7011 19.4579C20.1138 21.1884 18.2313 22.5561 16.7131 21.6288L13.0425 19.3868C12.4025 18.9958 11.5975 18.9958 10.9575 19.3868L7.28687 21.6288C5.76867 22.5561 3.88616 21.1884 4.29894 19.4579L5.29693 15.2741C5.47094 14.5446 5.2222 13.7791 4.65262 13.2912L1.38606 10.493C0.0349898 9.33566 0.754041 7.12264 2.52735 6.98048L6.81476 6.63676C7.56234 6.57682 8.21356 6.10368 8.50158 5.41121L10.1534 1.43986Z' fill='%23E9C119'/%3E%3C/svg%3E%0A");
}
.rating__icon--none {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='22' viewBox='0 0 24 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.1534 1.43986C10.8365 -0.202728 13.1635 -0.202728 13.8466 1.43986L15.4984 5.41121C15.7864 6.10368 16.4377 6.57682 17.1852 6.63676L21.4727 6.98048C23.246 7.12264 23.965 9.33566 22.6139 10.493L19.3474 13.2911C18.7778 13.7791 18.5291 14.5446 18.7031 15.2741L19.7011 19.4579C20.1138 21.1884 18.2313 22.5561 16.7131 21.6288L13.0425 19.3868C12.4025 18.9958 11.5975 18.9958 10.9575 19.3868L7.28687 21.6288C5.76867 22.5561 3.88616 21.1884 4.29894 19.4579L5.29693 15.2741C5.47094 14.5446 5.2222 13.7791 4.65262 13.2912L1.38606 10.493C0.0349898 9.33566 0.754041 7.12264 2.52735 6.98048L6.81476 6.63676C7.56234 6.57682 8.21356 6.10368 8.50158 5.41121L10.1534 1.43986Z' fill='%23DCDCDC'/%3E%3C/svg%3E%0A");
}
.rating__label.active ~ .rating__label .rating__icon--star {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='22' viewBox='0 0 24 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.1534 1.43986C10.8365 -0.202728 13.1635 -0.202728 13.8466 1.43986L15.4984 5.41121C15.7864 6.10368 16.4377 6.57682 17.1852 6.63676L21.4727 6.98048C23.246 7.12264 23.965 9.33566 22.6139 10.493L19.3474 13.2911C18.7778 13.7791 18.5291 14.5446 18.7031 15.2741L19.7011 19.4579C20.1138 21.1884 18.2313 22.5561 16.7131 21.6288L13.0425 19.3868C12.4025 18.9958 11.5975 18.9958 10.9575 19.3868L7.28687 21.6288C5.76867 22.5561 3.88616 21.1884 4.29894 19.4579L5.29693 15.2741C5.47094 14.5446 5.2222 13.7791 4.65262 13.2912L1.38606 10.493C0.0349898 9.33566 0.754041 7.12264 2.52735 6.98048L6.81476 6.63676C7.56234 6.57682 8.21356 6.10368 8.50158 5.41121L10.1534 1.43986Z' fill='%23DCDCDC'/%3E%3C/svg%3E%0A");
}
.form-rating--stars {
display: flex;
justify-content: center;
flex-direction: row-reverse;
margin: 5px 0;
}
.form-rating--stars > label {
margin: 0 5px;
background-repeat: no-repeat;
background-size: contain;
}
.form-rating--stars input {
position: absolute !important;
left: -9999px !important;
}
.form-rating--stars:not(:checked) > label {
width: 32px;
height: 30px;
padding: 0;
cursor: pointer;
color: lightgrey;
background-repeat: no-repeat;
background-size: cover;
background-image: url("data:image/svg+xml,%3Csvg width='24' height='22' viewBox='0 0 24 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.1534 1.43986C10.8365 -0.202728 13.1635 -0.202728 13.8466 1.43986L15.4984 5.41121C15.7864 6.10368 16.4377 6.57682 17.1852 6.63676L21.4727 6.98048C23.246 7.12264 23.965 9.33566 22.6139 10.493L19.3474 13.2911C18.7778 13.7791 18.5291 14.5446 18.7031 15.2741L19.7011 19.4579C20.1138 21.1884 18.2313 22.5561 16.7131 21.6288L13.0425 19.3868C12.4025 18.9958 11.5975 18.9958 10.9575 19.3868L7.28687 21.6288C5.76867 22.5561 3.88616 21.1884 4.29894 19.4579L5.29693 15.2741C5.47094 14.5446 5.2222 13.7791 4.65262 13.2912L1.38606 10.493C0.0349898 9.33566 0.754041 7.12264 2.52735 6.98048L6.81476 6.63676C7.56234 6.57682 8.21356 6.10368 8.50158 5.41121L10.1534 1.43986Z' fill='%23DCDCDC'/%3E%3C/svg%3E%0A");
}
.form-rating--stars > input:checked ~ label {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='22' viewBox='0 0 24 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.1534 1.43986C10.8365 -0.202728 13.1635 -0.202728 13.8466 1.43986L15.4984 5.41121C15.7864 6.10368 16.4377 6.57682 17.1852 6.63676L21.4727 6.98048C23.246 7.12264 23.965 9.33566 22.6139 10.493L19.3474 13.2911C18.7778 13.7791 18.5291 14.5446 18.7031 15.2741L19.7011 19.4579C20.1138 21.1884 18.2313 22.5561 16.7131 21.6288L13.0425 19.3868C12.4025 18.9958 11.5975 18.9958 10.9575 19.3868L7.28687 21.6288C5.76867 22.5561 3.88616 21.1884 4.29894 19.4579L5.29693 15.2741C5.47094 14.5446 5.2222 13.7791 4.65262 13.2912L1.38606 10.493C0.0349898 9.33566 0.754041 7.12264 2.52735 6.98048L6.81476 6.63676C7.56234 6.57682 8.21356 6.10368 8.50158 5.41121L10.1534 1.43986Z' fill='%23E9C119'/%3E%3C/svg%3E%0A");
}
.form-rating--stars:not(:checked) > label:hover,
.form-rating--stars:not(:checked) > label:hover ~ label {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='22' viewBox='0 0 24 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.1534 1.43986C10.8365 -0.202728 13.1635 -0.202728 13.8466 1.43986L15.4984 5.41121C15.7864 6.10368 16.4377 6.57682 17.1852 6.63676L21.4727 6.98048C23.246 7.12264 23.965 9.33566 22.6139 10.493L19.3474 13.2911C18.7778 13.7791 18.5291 14.5446 18.7031 15.2741L19.7011 19.4579C20.1138 21.1884 18.2313 22.5561 16.7131 21.6288L13.0425 19.3868C12.4025 18.9958 11.5975 18.9958 10.9575 19.3868L7.28687 21.6288C5.76867 22.5561 3.88616 21.1884 4.29894 19.4579L5.29693 15.2741C5.47094 14.5446 5.2222 13.7791 4.65262 13.2912L1.38606 10.493C0.0349898 9.33566 0.754041 7.12264 2.52735 6.98048L6.81476 6.63676C7.56234 6.57682 8.21356 6.10368 8.50158 5.41121L10.1534 1.43986Z' fill='%23E9C119'/%3E%3C/svg%3E%0A");
}
.form-rating--stars > input:checked + label:hover,
.form-rating--stars > input:checked + label:hover ~ label,
.form-rating--stars > input:checked ~ label:hover,
.form-rating--stars > input:checked ~ label:hover ~ label,
.form-rating--stars > label:hover ~ input:checked ~ label {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='22' viewBox='0 0 24 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.1534 1.43986C10.8365 -0.202728 13.1635 -0.202728 13.8466 1.43986L15.4984 5.41121C15.7864 6.10368 16.4377 6.57682 17.1852 6.63676L21.4727 6.98048C23.246 7.12264 23.965 9.33566 22.6139 10.493L19.3474 13.2911C18.7778 13.7791 18.5291 14.5446 18.7031 15.2741L19.7011 19.4579C20.1138 21.1884 18.2313 22.5561 16.7131 21.6288L13.0425 19.3868C12.4025 18.9958 11.5975 18.9958 10.9575 19.3868L7.28687 21.6288C5.76867 22.5561 3.88616 21.1884 4.29894 19.4579L5.29693 15.2741C5.47094 14.5446 5.2222 13.7791 4.65262 13.2912L1.38606 10.493C0.0349898 9.33566 0.754041 7.12264 2.52735 6.98048L6.81476 6.63676C7.56234 6.57682 8.21356 6.10368 8.50158 5.41121L10.1534 1.43986Z' fill='%23E9C119'/%3E%3C/svg%3E%0A");
}
.rate-area > label:active {
position: relative;
}
/*end rating-stars*/
/*start mortgage-filter*/
.mortgage-filter {
width: 75%;
display: flex;
justify-content: space-between;
padding: 20px 0 80px;
}
@media (max-width: 1199px) {
.mortgage-filter {
width: 100%;
}
}
@media (max-width: 991px) {
.mortgage-filter {
padding: 10px 0 40px;
}
}
@media (max-width: 576px) {
.mortgage-filter {
flex-wrap: wrap;
}
}
.mortgage-filter--button {
cursor: pointer;
border-radius: 10px;
padding: 22px 15px 22px 80px;
box-sizing: border-box;
font-size: 18px;
font-weight: 600;
box-shadow: 0 0 2px #000000 inset;
width: calc(33.3333333333% - 14px);
margin-right: 14px;
position: relative;
display: flex;
align-items: center;
transition: 0.25s;
}
@media (max-width: 1399px) {
.mortgage-filter--button {
font-size: 16px;
}
}
@media (max-width: 991px) {
.mortgage-filter--button {
margin-right: 0;
width: calc(33.3333333333% - 5px);
padding: 15px 10px 15px 60px;
}
}
@media (max-width: 576px) {
.mortgage-filter--button {
width: calc(50% - 5px);
}
}
@media (max-width: 359px) {
.mortgage-filter--button {
padding: 15px 5px 15px 50px;
font-size: 15px;
}
}
.mortgage-filter--button:before {
content: "";
position: absolute;
left: 30px;
top: 50%;
transform: translateY(-50%);
}
@media (max-width: 991px) {
.mortgage-filter--button:before {
left: 20px;
}
}
@media (max-width: 359px) {
.mortgage-filter--button:before {
left: 15px;
}
}
.mortgage-filter--button:hover {
border-color: #285ED3;
box-shadow: 0 0 3px #285ED3;
}
.mortgage-filter--button[data-active=property]:before {
width: 29px;
height: 32px;
background: url("../img/mortgage-ico01.png") no-repeat 0 0;
}
.mortgage-filter--button[data-active=life]:before {
width: 23px;
height: 20px;
background: url("../img/mortgage-ico02.png") no-repeat 0 0;
}
.mortgage-filter--button[data-active=prolife]:before {
width: 26px;
height: 31px;
background: url("../img/mortgage-ico03.png") no-repeat 0 0;
}
@media (max-width: 576px) {
.mortgage-filter--button[data-active=prolife] {
width: 100%;
margin-top: 10px;
}
}
.mortgage-filter--button.active {
background: radial-gradient(circle at 100% 100%, #ffffff 0, #ffffff 8px, transparent 8px) 0% 0%/10px 10px no-repeat, radial-gradient(circle at 0 100%, #ffffff 0, #ffffff 8px, transparent 8px) 100% 0%/10px 10px no-repeat, radial-gradient(circle at 100% 0, #ffffff 0, #ffffff 8px, transparent 8px) 0% 100%/10px 10px no-repeat, radial-gradient(circle at 0 0, #ffffff 0, #ffffff 8px, transparent 8px) 100% 100%/10px 10px no-repeat, linear-gradient(#ffffff, #ffffff) 50% 50%/calc(100% - 4px) calc(100% - 20px) no-repeat, linear-gradient(#ffffff, #ffffff) 50% 50%/calc(100% - 20px) calc(100% - 4px) no-repeat, linear-gradient(135deg, #3ac5de 0%, #3db7ea 39%, #4853e6 70%, #3a3cb0 100%);
border: 0;
color: #285ED3;
box-shadow: none;
}
.mortgage-filter--button.active[data-active=property]:before {
background-image: url("../img/mortgage-ico01-color.png");
}
.mortgage-filter--button.active[data-active=life]:before {
background-image: url("../img/mortgage-ico02-color.png");
}
.mortgage-filter--button.active[data-active=prolife]:before {
background-image: url("../img/mortgage-ico03-color.png");
}
/*end mortgage-filter*/
/*start rating-modal*/
.rating-modal .modal-body {
padding: 40px 90px 50px;
text-align: center;
}
@media (max-width: 576px) {
.rating-modal .modal-body {
padding: 40px 30px;
}
}
@media (max-width: 359px) {
.rating-modal .modal-body {
padding: 30px 15px;
}
}
.rating-modal--icon {
margin-bottom: 25px;
}
.rating-modal--icon img {
height: 100px;
transition: 0.25s;
}
@media (max-width: 576px) {
.rating-modal--icon img {
height: 70px;
}
}
.rating-modal--icon.active {
margin-bottom: 10px;
}
.rating-modal--icon.active img {
height: 40px;
}
.rating-modal--title {
margin-bottom: 20px;
}
.rating-modal--text {
margin-bottom: 25px;
}
@media (max-width: 576px) {
.rating-modal--text {
font-size: 14px;
}
}
.form-rating--stars {
margin-bottom: 30px;
}
.form-rating--button {
margin-top: 15px;
}
.form-rating--button .btn {
width: 100%;
height: 68px;
}
.form-rating--quiz textarea {
width: 100%;
min-height: 190px;
border-color: #909FB9;
border-radius: 10px;
padding: 10px;
transition: 0.25s;
}
.form-rating--quiz textarea:hover {
border-color: #285ED3;
}
.form-rating--quiz .form-input {
text-align: left;
margin-bottom: 15px;
color: #909FB9;
}
.form-rating input[type=checkbox] + label:before,
.form-rating input[type=checkbox] + span:before {
border-radius: 50%;
border: 1px solid #8A9197;
}
.form-rating input[type=checkbox] + label:hover:before,
.form-rating input[type=checkbox] + span:hover:before {
border-color: #285ED3;
}
.form-rating input[type=checkbox]:checked + span:before,
.form-rating input[type=checkbox]:checked + label:before {
background-color: transparent;
border: none;
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='10' fill='%23285ED3'/%3E%3Ccircle cx='10' cy='10' r='10' fill='url(%23paint0_radial_44_11464)'/%3E%3Cpath d='M9.92335 13.4516C9.64665 13.4516 9.37972 13.3488 9.17795 13.1633L6.33889 10.5542C5.904 10.1545 5.88519 9.48826 6.29685 9.06606C6.70851 8.64386 7.39471 8.6255 7.8297 9.02524L9.86086 10.8919L13.1416 7.34892C13.5419 6.91654 14.2275 6.88121 14.6729 7.26979C15.1182 7.65846 15.1547 8.32404 14.7543 8.75642L10.7297 13.1027C10.5342 13.3137 10.2593 13.4392 9.96704 13.4507C9.95244 13.4513 9.93785 13.4516 9.92335 13.4516Z' fill='white'/%3E%3Cdefs%3E%3CradialGradient id='paint0_radial_44_11464' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(26.1765 10) rotate(167.157) scale(58.2212 39.1204)'%3E%3Cstop stop-color='%233A3CB0'/%3E%3Cstop offset='0.354167' stop-color='%234853E6'/%3E%3Cstop offset='0.765625' stop-color='%233DB7EA'/%3E%3Cstop offset='0.989583' stop-color='%233AC5DE'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E%0A");
}
.form-rating--quiz-passed.active {
padding-bottom: 10px;
}
.form-rating--quiz-failed.active {
padding-bottom: 10px;
}
.modal .modal-content {
border-radius: 20px;
}
.modal .btn-close {
position: absolute;
right: -15px;
top: -15px;
border-radius: 50%;
background-color: #fff;
border: 2px solid #3F5060;
padding: 8px;
opacity: 1;
}
@media (max-width: 576px) {
.modal .btn-close {
right: 5px;
top: 5px;
}
}
/*end rating-modal*/
/*start section-content*/
.section-content {
padding: 50px 0 100px;
}
@media (max-width: 1199px) {
.section-content {
padding: 30px 0 70px;
}
}
@media (max-width: 576px) {
.section-content {
padding: 15px 0 30px;
font-size: 14px;
}
}
.section-content .content-title {
font-family: Montserrat, sans-serif;
font-size: 24px;
font-weight: 600;
margin-bottom: 20px;
}
@media (max-width: 767px) {
.section-content .content-title {
font-size: 18px;
margin-bottom: 15px;
}
}
/*end section-content*/
/*start footer*/
.footer {
padding: 30px 0;
background-color: #3F5060;
color: #fff;
font-size: 14px;
}
.footer a {
color: #fff;
text-decoration: none;
}
.footer-top {
padding-bottom: 20px;
border-bottom: 1px solid #667787;
text-align: right;
}
@media (max-width: 420px) {
.footer-top .page-btn {
width: 100%;
}
}
.footer-middle {
padding-top: 20px;
margin-bottom: 40px;
display: flex;
align-items: center;
justify-content: space-between;
}
@media (max-width: 1199px) {
.footer-middle {
flex-wrap: wrap;
}
}
@media (max-width: 767px) {
.footer-middle {
flex-direction: column-reverse;
align-items: center;
margin-bottom: 25px;
}
}
.footer-bottom {
display: flex;
align-items: center;
justify-content: space-between;
font-size: 13px;
font-weight: 300;
color: rgba(255, 255, 255, 0.8);
}
@media (max-width: 991px) {
.footer-bottom {
flex-direction: column-reverse;
}
}
.footer .pay-cards {
display: flex;
align-items: center;
}
@media (max-width: 1199px) {
.footer .pay-cards {
align-self: flex-end;
}
}
@media (max-width: 767px) {
.footer .pay-cards {
align-self: inherit;
margin-bottom: 30px;
}
}
.footer .pay-cards img {
width: 100%;
height: 100%;
object-fit: contain;
}
.footer .pay-cards .color {
display: none;
}
.footer .pay-cards a {
margin-right: 24px;
}
@media (max-width: 767px) {
.footer .pay-cards a {
margin: 0 12px;
}
}
.footer .pay-cards a:hover {
transform: scale(1.1);
}
.footer-menu {
display: flex;
width: 60%;
}
@media (max-width: 1199px) {
.footer-menu {
width: 100%;
margin-bottom: 30px;
justify-content: space-between;
}
}
@media (max-width: 767px) {
.footer-menu {
flex-direction: column;
margin-bottom: 0;
}
}
.footer-menu a {
text-decoration: none;
line-height: 2;
}
.footer-menu a:hover {
color: #3dabdf;
}
.footer-menu--documents {
display: flex;
flex-direction: column;
}
@media (max-width: 1199px) {
.footer-menu--documents {
flex-shrink: 0;
}
}
@media (max-width: 767px) {
.footer-menu--documents {
align-items: center;
text-align: center;
}
.footer-menu--documents a {
line-height: 1;
margin-bottom: 15px;
}
}
.footer-menu--links {
width: 55%;
column-count: 2;
}
.footer-menu--links a {
display: block;
}
@media (max-width: 1199px) {
.footer-menu--links {
width: 70%;
}
}
@media (max-width: 767px) {
.footer-menu--links {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
column-count: inherit;
width: auto;
}
.footer-menu--links a {
width: auto;
line-height: 1;
margin-bottom: 15px;
}
}
.footer .social {
align-self: flex-start;
}
@media (max-width: 767px) {
.footer .social {
align-self: inherit;
margin-bottom: 30px;
}
}
.footer .social a {
margin-right: 20px;
transition: 0.25s;
}
@media (max-width: 1199px) {
.footer .social a {
margin-right: 24px;
}
}
@media (max-width: 767px) {
.footer .social a {
margin: 0 10px;
}
}
.footer .social a:last-child {
margin-right: 0;
}
.footer .social a:hover svg path[fill="#8A9197"] {
fill: #3dabdf;
transition: 0.25s;
}
.footer .social-title {
margin-bottom: 15px;
}
@media (max-width: 767px) {
.footer .social-title {
text-align: center;
}
}
.footer .footer-policy {
width: 540px;
flex-shrink: 0;
text-align: right;
}
@media (max-width: 991px) {
.footer .footer-policy {
width: auto;
text-align: center;
margin-bottom: 20px;
}
}
.footer .footer-policy a {
text-decoration: underline;
}
.footer .footer-policy a:hover {
text-decoration: none;
}
/*end footer*/
/*# sourceMappingURL=style.css.map */