html,
body {
overflow-x: hidden;
}
.pluso {
display: flex;
flex-direction: row;
gap: 10px;
flex-wrap: wrap;
align-content: center;
align-items: center;
margin-left: 13px;
}
.pluso a {
display: inline-block;  opacity: 0.9;
margin-right: 5px;
}
#home .item .text p {
color: #d7d7d7; padding: 10px;
border-radius: 8px;
}
html,
body,
p,
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
padding: 0;
font-family: "Inter", sans-serif;
font-optical-sizing: auto;
color: #191b1e;
}
main,
html,
body,
header,
footer {
min-width: 1200px;
background: #f8f7f7;
}
ul li,
ol li {
list-style-type: none;
}
a {
text-decoration: none;
}
#ui-datepicker-div {
z-index: 5003 !important;
}
.group-relative {
position: relative;
z-index: 100;
}
.group-relative .checkbox label,
.group-relative.checkbox label {
background-position: left center;
}
.modal .tab_content+div {
margin-top: 20px;
}
.wrapper {
position: relative;
min-width: 1300px;
width: 1300px;
box-sizing: border-box;
padding: 0 30px;
margin: 0 auto;
z-index: 2;
}
#home .items .item:first-child {
margin-left: 0;
}
.text-center {
text-align: center;
}
.phone {
font-size: 20px;
color: #ffffff;
font-weight: 900;
letter-spacing: 2px;
}
.header_right {
display: flex;
align-items: center;
}
.lang {
margin-left: 20px;
}
.navbar-icon {
display: none;
}
@media (max-width: 480px) {
.lang {
margin: 0;
}
.lang ul {
flex-direction: column;
}
.lang a,
.wpml-ls-legacy-list-horizontal {
padding: 0;
}
.lang span {
margin: 0 !important;
}
}
.lang span {
margin-left: .2em !important;
}
.wpml-ls-flag {
border-radius: 50%;
}
.wpml-ls-legacy-list-horizontal a {
vertical-align: middle;
font-size: 16px;
background-size: 28px auto;
line-height: 35px;
color: white;
display: flex;
align-items: center;
}
.wpml-ls-legacy-list-horizontal a:hover {
color: #ff3900;
}
.wpml-ls-current-language a {
color: #ffd362;
}
.wpml-ls-item-uk {
order: -1;
}
.lang ul {
display: flex !important;
}
.wpml-ls-legacy-list-horizontal .wpml-ls-item {
display: flex !important;
}
header {
width: 100%;
z-index: 100;
position: absolute;
background: linear-gradient(280.02deg, #00000014 2%, #2c2c2b1a 107%);
}
header #logo+div {
font-size: 17px;
color: #fff;
}
header .infos_site {
height: 100%;
width: 100%;
display: inline-flex;
justify-content: space-between;
align-items: center;
}
header nav {
position: relative;
border-top: 1px solid #f9d98354;
z-index: 100;
height: 50px;
background: linear-gradient(280.02deg, #383e4a 2%, #27303c 107%);
top: 0;
display: flex;
align-content: center;
justify-content: center;
align-items: center;
flex-wrap: nowrap;
}
header nav ul {
width: 100%;
height: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
header nav a {
color: #ebebeb;
font-size: 12px;
transition: all .3s cubic-bezier(.645, .045, .355, 1);
font-weight: 600;
letter-spacing: 1px;
position: relative;
display: block;
display: inline-block; line-height: 35px;  }
header nav a:hover { color: #d8d8d8;
}
header .language {
display: none;
}
header>div {
height: 65px;
box-sizing: border-box;
transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; }
.fixed>div { }
.fixed nav {   }
#home {   width: 100%;
height: 100vh;
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
#home .wrapper {
position: absolute;
}
.text-red {
color: #52b155 !important;
}
.title {
padding-top: 40px;
font-size: 39px;
font-weight: 900;
text-align: center;
color: #212b3a;
user-select: none;
}
.subtitle {
font-size: 18px;
text-align: center;
margin-top: 29px;
color: #191b1e;
font-weight: 200;
}
.items-flex {
display: flex;
justify-content: center;
align-items: stretch;
}
.btn {
font-weight: 700;
color: #29323e !important;
text-decoration: none;
font-size: 16px;
white-space: nowrap;
border: 1px solid rgba(112, 112, 112, 0.1);
border-radius: 7px;
-webkit-transition: background 0.2s linear;
-o-transition: background 0.2s linear;
transition: background 0.2s linear;
background: #ffd362;
background: linear-gradient(280.02deg, #f9d988 2%, #ffd362 107%);
text-align: center;
padding-right: 23px;
padding-bottom: 13px;
padding-top: 13px;
padding-left: 23px;
line-height: 28px;
}
.btn:hover {
background: #0186bc;
}
.btn-transparent {
background: url(//safetravel.com.ua/wp-content/themes/safetravel/img/right-arrow.png) 115px center transparent no-repeat;
width: 165px;
border: 1px solid #fff;
color: #fff;
text-align: left;
padding-left: 20px;
text-transform: none;
}
.btn-transparent:hover {
background: url(//safetravel.com.ua/wp-content/themes/safetravel/img/right-arrow.png) 115px center transparent no-repeat;
}
.group-row {
margin-bottom: 50px;
}
#calculator .checkbox {
margin-top: 50px;
}
.checkbox label {
display: block;
width: 50%;
float: left;
box-sizing: border-box;
padding-left: 30px;
background: url(//safetravel.com.ua/wp-content/themes/safetravel/img/checkbox-empty.png) left 2px no-repeat;
cursor: pointer;
font-size: 14px;
}
.checkbox input {
height: 0;
overflow: hidden;
position: absolute;
left: -9999px;
}
.checkbox input:checked+label {
background-image: url(//safetravel.com.ua/wp-content/themes/safetravel/img/checkbox.png);
font-weight: bold;
}
.select select,
.datatime input,
.select input[type="text"],
.select input[type="email"],
.modal-in input {
line-height: 48px;
height: 50px;
font-weight: 300;
box-sizing: border-box;
border: 1px solid #d1d1d1;
border-radius: 5px;
padding: 0 10px;
font-family: inherit;
font-size: 16px;
background: #f6f6f6;
width: 100%;
max-width: 342px;
}
.modal-in input {
width: 420px;
margin-left: auto;
margin-right: auto;
display: block;
}
.datatime input,
.datatime .select input,
.modal .datatime input {
padding-left: 40px;
background: url(//safetravel.com.ua/wp-content/themes/safetravel/img/calendar.png) 10px 12px no-repeat;
}
.modal-in .in {
font-size: 12px;
color: #a1a1a2;
text-align: center;
margin-top: 10px;
}
.modal.modal-in {
width: 740px;
margin-left: 0px !important;
}
.select label,
.datatime label {
display: block; font-weight: 600;
font-size: 15px;
padding-right: 20px;
}
#home .bg-line {
position: absolute;
bottom: 0;
height: 180px;
background: #52b155;
background: linear-gradient(280.02deg, #24293a 2%, #52b155 107%);
z-index: 1;
width: 100%;
}
#home .items {
height: 100%;
padding-top: 14px;
padding-bottom: 14px; width: 100%;
}
#home .item .text {
font-size: 11px;
color: #fff;
font-weight: 600;
text-align: center;
width: 170px;
margin: 0 auto;
}
#home .item .img {
height: 75px;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
#calculator .list tbody td {
width: 25%;
}
#calculator .list table {
width: 100%;
margin-top: 50px;
margin-bottom: 50px;
}
#calculator table thead td span {
vertical-align: middle;
margin-right: 10px;
display: inline-block;
}
#calculator table thead td img {
vertical-align: middle;
}
#calculator table thead td {
font-size: 14px;
color: #252f40;
text-transform: uppercase;
font-weight: bold;
text-align: center;
vertical-align: middle;
}
#calculator table thead tr {
padding-bottom: 15px;
height: 50px;
}
#calculator table thead tr td {
border-bottom: 1px dashed #252f4014;
padding-bottom: 15px;
border-left: 1px dashed #252f4014;
}
#calculator table tbody td {
border-left: 1px dashed #252f4014;
text-align: center;
vertical-align: middle;
font-size: 14px;
border-bottom: 1px dashed #252f4014;
color: #283448;
line-height: 26px;
padding: 8px 0;
}
#calculator table tbody td:first-of-type {
text-align: left;
padding: 11px;
}
#calculator table td {
text-align: center;
}
#calculator table .dott td {  font-size: 18px;
text-align: center;
}
#calculator table .dott td span {
font-size: 24px;
}
#calculator table .dott td:first-of-type {
color: #a1a1a2;
font-weight: bold;
text-transform: uppercase;
vertical-align: middle;
text-align: left;
}
#calculator table tfoot td {
height: 60px;
}
#infostrah {
background-size: cover;
padding-bottom: 70px;
}
.clear:after,
.group-row:after {
clear: both;
content: " ";
display: block;
}
.clearfix {
clear: both;
}
.group-row .column {
float: left;
width: 563px;
display: flex;
justify-content: center;
flex-direction: column;
}
.group-row .column:last-of-type {
float: right;
}
.red-point li { list-style-type: disc;
}
#infostrah ul { box-sizing: border-box;
padding: 25px 10px 20px 30px;
border-top: 3px solid #fff;
margin-top: 7px;
background: linear-gradient(280.02deg, #56679fa3 2%, #52b155 107%);
}
#infostrah ul li {
margin-bottom: 20px;
font-size: 14px;
line-height: 20px;
}
#infostrah ul li:last-of-type {
margin-bottom: 0;
}
.title-col {
font-size: 18px;
text-transform: uppercase;
font-weight: bold;
}
#infostrah .img {
height: 94px;
width: 555px;
margin-top: 50px;
text-align: center;
vertical-align: middle;
display: table-cell;
}
#polis {
background: #f6f6f6;
padding-bottom: 70px;
}
#polis h3 {
font-weight: 900;
font-size: 39px;
width: 90%;
margin: 0 auto;
line-height: 47px;
text-align: center;
display: flex;
justify-content: center;
}
#polis .item {
width: 206px;
height: 260px;
box-sizing: border-box;
border: 1px dashed #cbcbcb;
background: #fff;
position: relative;
}
#polis .item img {
margin: 35px auto 28px;
display: block;
height: 55px;
}
#polis .item .text {
text-align: center;
font-size: 14px;
width: 86%;
margin: 0 auto;
color: #2d2c32;
}
#polis .item .text span {
white-space: nowrap;
}
#polis .items {
margin-top: 50px;
}
#polis .item:after {
display: block;
content: " ";
position: absolute;
background: url(//safetravel.com.ua/wp-content/themes/safetravel/img/arrow.png) center no-repeat;
width: 48px;
height: 41px;
right: -24px;
top: 50%;
margin-top: -20.5px;
z-index: 1;
}
#polis .item:last-of-type:after {
display: none;
}
p.star {
text-align: center;
font-size: 13px;
color: #2d2c32 !important;
padding-bottom: 9px;
margin: 30px 0 40px;
border-bottom: 1px solid #f443362e;
}
.qoute {
width: 810px;
height: 140px;
margin: 0 auto;
display: flex;
flex-direction: row;
align-content: center;
justify-content: center;
align-items: center;
}
.qoute .text { width: 460px;
font-size: 24px;
color: #2d2c32;
float: left; }
.qoute .text h4 {
font-size: 18px;
margin: 0;
padding: 0 10px;
line-height: 1.3;
}
.qoute .btn {
display: flex;
gap: 10px;
margin-left: 100px;
justify-content: center;
align-items: center;
align-content: center;
}
#strahovka .column {
position: relative;
overflow: hidden;
height: 350px;
cursor: pointer;
}
#strahovka .group-row {
margin-bottom: 30px;
}
#strahovka .group-row:last-of-type {
margin-bottom: 0;
}
#strahovka .column img {
position: absolute;
z-index: 0;
top: 0;
opacity: 0.9;
left: 0;
border-radius: 33px;
width: 100%
}
#strahovka .column .shadow {
position: absolute;
bottom: 0;
height: 50px;
font-size: 18px;
text-align: center;
text-transform: uppercase;
width: 100%;
background: linear-gradient(280.02deg, #24293ac2 2%, #52b155b3 107%);
transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; }
#strahovka .column .shadow .text {
line-height: 50px;
color: #fff;
}
#strahovka .column .info {
display: none;
}
#strahovka .column:hover .shadow {
height: 105px;
}
#strahovka {
padding-bottom: 70px;
}
#clients {
padding-bottom: 35px;
background-size: cover;
}
#clients h5 {
font-weight: 900;
font-size: 39px;
width: 90%;
justify-content: center;
text-align: center;
margin: 0 auto;
}
#clients .items {
flex-wrap: wrap;
justify-content: center;
margin-top: 65px;
}
#clients .items .item {
margin-right: 27px;
margin-bottom: 55px;
}
#clients .items .item:last-of-type,
#clients .items .item:nth-child(4) {
margin-right: 0;
}
#clients .top {
padding-bottom: 5px;
height: 40px;
width: 263px;
vertical-align: middle;
display: table-row;
font-size: 13px;
font-weight: 900;
text-transform: uppercase;
}
#clients .bottom {
border-top: 2px solid #fff;
height: 130px;
width: 263px;
display: table-cell;
background: #52b155;
color: #fff;
font-size: 13px;
font-weight: 300;
text-align: center;
vertical-align: middle;
padding: 0 10px;
box-sizing: border-box;
}
#clients .text {
display: inline-block;
vertical-align: middle;
}
#clients img {
display: inline-block;
margin-right: 10px;
vertical-align: middle;
}
#cool {
padding-bottom: 70px;
}
#cool img {
display: block;
float: left;
opacity: 0.9;
}
#cool .group-row {
margin-bottom: 30px;
}
#cool .column .text {
float: right;
border: 1px dashed #cbcbcb;
border-left: 0;
box-sizing: border-box;
}
#cool .column .text div {
width: 291px;
height: 100%;
display: table-cell;
vertical-align: middle;
padding: 5px 30px;
box-sizing: border-box;
font-weight: 300;
font-size: 14px;
display: flex;
color: #2d2c32;
line-height: 21px;
flex-direction: column;
align-content: center;
justify-content: center;
align-items: center;
}
#cool .qoute {
display: flex;
align-items: center;
}
#answers .qoute {
height: 96px; margin-top: 50px;
}
#cool .qoute .text {
margin: 0;
}
#answers .qoute .text {
margin-top: 18px;
}
#cool .qoute .btn {
margin: 0;
}
#answers .qoute .btn {
margin-top: 28px;
}
.box_document {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0 200px;
}
.document {
width: 20%;
text-align: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.document img {
margin-bottom: 35px;
max-width: 100px;
}
.document p {
font-size: 16px;
margin-bottom: 30px;
}
.document a {
display: flex;
gap: 7px;
font-size: 14px;
color: #868686;
background-color: #ddd;
border-radius: 6px;
padding: 8px 32px;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
font-weight: 700;
font-weight: 700;
color: #29323e !important;
text-decoration: none;
font-size: 15px;
white-space: nowrap;
border: 1px solid rgba(112, 112, 112, 0.1);
border-radius: 7px;
-webkit-transition: background 0.2s linear;
-o-transition: background 0.2s linear;
transition: background 0.2s linear;
background: #ffd362;
background: linear-gradient(280.02deg, #f9d988 2%, #ffd362 107%);
text-align: center;
padding-right: 23px;
padding-bottom: 13px;
padding-top: 13px;
padding-left: 23px;
line-height: 28px;
}
.document a:hover {
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
-webkit-box-shadow: 4px 6px 10px rgba(50, 150, 74, .52);
box-shadow: 4px 6px 10px rgba(50, 150, 74, .52);
background-color: #32964a;
color: #fff;
}
#cool2 .title {
font-family: "Inter", sans-serif;
font-optical-sizing: auto;
font-weight: 900;
padding-bottom: 40px;
padding-top: 40px;
display: flex;
width: 80%;
margin: 0 auto;
line-height: 47px;
}
#cool2 {
padding-bottom: 70px;
border-top: 2px solid #d1d1d1;
}
.welcome_section {
background-color: #eaf4ed;
padding: 35px 0px 30px;
}
.welcome_section .container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; -webkit-align-items: flex-end; align-items: flex-end;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
width: 1170px;
margin: 0 auto;
padding: 0 15px;
}
.wrap_left_block_welcome {
flex: 1 1 400px;
padding-bottom: 40px;
}
.right_block_welcome {
flex: 1 1 600px;
padding-left: 40px;
color: #1c1c1c;
display: flex;
justify-content: center;
}
.content_left_block_welcome {
margin-bottom: 40px;
text-align: center;
}
.content_left_block_welcome h3 {
margin-bottom: 40px;
font-size: 36px;
text-align: center;
text-transform: capitalize;
font-weight: 900;
line-height: 47px;
}
.content_left_block_welcome p {
margin-bottom: 15px;
}
.content_left_block_welcome h4 {
margin-bottom: 15px;
font-size: 22px;
text-align: center;
}
.content_left_block_welcome li {
background-repeat: no-repeat;
background-position: left top 4px;
padding-left: 0px;
margin-bottom: 15px;
min-height: 38px;
}
.content_left_block_welcome ul {
padding-left: 0px;
}
.content_left_block_welcome a {
cursor: pointer;
}
@media (max-width: 1200px) {
.container {
width: 100%;
}
}
@media (max-width: 640px) {
.box_document {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0;
}
.document {
width: 48%;
margin-bottom: 30px;
}
.content_left_block_welcome h3 {
text-align: center;
font-size: 22px;
}
}
@media (max-width: 1024px) {
.welcome_section {
padding-top: 50px;
}
}
@media (max-width: 1440px) {
.welcome_section .container {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
@media (max-width: 768px) {
.wrap_left_block_welcome {
flex-direction: column;
}
.right_block_welcome {
flex-direction: column-reverse;
padding-left: 0;
}
.img_right_welcome {
max-width: 350px;
margin-left: auto;
margin-right: auto;
}
.about_founder {
width: auto !important;
flex: 0 1 auto !important;
padding: 20px !important;
}
.content_left_block_welcome h3 {
font-size: 24px;
}
.wrap_left_block_welcome .button_popup {
max-width: 175px;
display: block !important;
margin-left: auto;
margin-right: auto;
text-align: center;
padding: 15px 10px !important;
}
.welcome_section .container {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 92%
}
}
@media (max-width: 480px) {
.wrap_left_block_welcome {
margin-bottom: 15px;
}
.right_block_welcome {
text-align: center;
}
.img_right_welcome img {
max-width: 200px;
}
.content_left_block_welcome p {
text-align: center;
}
.content_left_block_welcome h4 {
font-size: 20px;
text-align: center;
}
.content_left_block_welcome li {
text-align: left;
}
.welcome_section {
padding: 35px 0 0px;
}
.welcome_section .button_popup {
left: 0 !important;
text-transform: none !important;
;
}
}
.welcome_section .button_popup {
ont-weight: 700;
color: #29323e !important;
text-decoration: none;
font-size: 16px;
white-space: nowrap;
border: 1px solid rgba(112, 112, 112, 0.1);
border-radius: 7px;
-webkit-transition: background 0.2s linear;
-o-transition: background 0.2s linear;
transition: background 0.2s linear;
background: #ffd362;
background: linear-gradient(280.02deg, #f9d988 2%, #ffd362 107%);
text-align: center;
padding-right: 23px;
GAP: 10PX;
margin-top: 20px;
margin: 0 auto;
padding-bottom: 13px;
display: flex;
padding-top: 13px;
font-weight: 600;
padding-left: 23px;
line-height: 28px;
max-width: 210px;
}
.img_right_welcome {
padding: 0 15px;
display: flex;
align-items: flex-end;
}
.img_right_welcome img {
width: 100%
}
.welcome_section .about_founder {
padding: 25px;
border-radius: 10px;
color: #fff;
background-color: rgba(0, 0, 0, .5);
flex: 0 0 auto;
width: 335px;
align-self: flex-start;
margin-bottom: 40px;
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
}
.right_block_welcome h4 {
margin-bottom: 15px;
}
.right_block_welcome p {
margin-bottom: 20px;
}
.other_insurance_section {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding-top: 40px;
padding-bottom: 55px;
}
.other_insurance_section .container:before {
display: table;
content: '';
}
.other_insurance_section h2 {
text-transform: uppercase;
font-size: 36px;
text-align: center;
color: #434343;
margin-bottom: 15px;
letter-spacing: 1.74px;
font-weight: 900;
}
.other_insurance_section h2 {
color: #2d2c32;
}
.box_other_insurance,
.link_other_insurance {
width: 1218px;
margin: 0 auto;
}
.title_other_insurance {
font-size: 24px;
color: #2d2c32;
text-align: center;
padding: 10px 120px;
line-height: 1.3;
}
.link_other_insurance {
background-color: #fff;
padding: 15px 0;
text-align: center;
}
.link_other_insurance a {
display: inline-block;
}
.link_other_insurance span {
display: block;
color: #f70202;
font-size: 23px;
}
.link_other_insurance img {
width: 100%;
}
@media (max-width: 1440px) {
.other_insurance_section {
padding: 70px 0;
}
.other_insurance_section h2 {
font-size: 34px;
margin-bottom: 40px;
}
.box_other_insurance,
.link_other_insurance {
width: 100%;
}
.title_other_insurance {
font-size: 22px;
padding: 15px 40px;
}
.link_other_insurance {
padding: 20px 0;
}
.link_other_insurance img {
max-height: 80px;
}
.link_other_insurance span {
font-size: 20px;
}
.link_other_insurance img {
width: auto;
}
}
@media (max-width: 1024px) {
.other_insurance_section {
padding: 80px 0;
}
.other_insurance_section h2 {
font-size: 36px;
margin-bottom: 50px;
}
.title_other_insurance {
padding: 15px 50px;
font-size: 24px;
}
.link_other_insurance {
padding: 20px 0;
}
}
@media (max-width: 991px) {
.other_insurance_section {
padding: 70px 0;
}
.other_insurance_section h2 {
font-size: 34px;
margin-bottom: 40px;
}
.title_other_insurance {
padding: 15px 40px;
font-size: 22px;
}
}
@media (max-width: 768px) {
.other_insurance_section {
padding: 60px 0;
}
.other_insurance_section h2 {
font-size: 30px;
margin-bottom: 30px;
}
.title_other_insurance {
padding: 15px 30px;
font-size: 20px;
}
}
@media (max-width: 640px) {
.other_insurance_section {
padding: 50px 0;
}
.other_insurance_section h2 {
font-size: 28px;
margin-bottom: 25px;
}
.title_other_insurance {
padding: 15px;
font-size: 18px;
}
}
@media (max-width: 480px) {
.other_insurance_section {
padding: 40px 0;
}
.other_insurance_section h2 {
font-size: 26px;
line-height: 31px;
letter-spacing: normal;
width: 80%;
margin: 0 auto 20px auto;
}
.title_other_insurance {
padding: 10px;
font-size: 14px;
}
}
.checkbox-mobile {
display: none;
}
@media (max-width: 480px) {
.checkbox-mobile {
display: block;
width: 310px
}
.checkbox-desc {
display: none;
}
.checkbox-mobile label {
width: auto;
display: block;
float: none;
background-position: left 7px !important;
text-transform: none;
}
.checkbox-mobile span {
font-size: 14px !important;
}
}
#comments {
padding-bottom: 70px;
background-size: cover;
}
.slick-slide {
width: 487px;
margin-right: 15px;
margin-left: 15px;
}
.slick-slider .slick-list {
width: 950px;
margin: 70px auto 0;
}
.sliders .name {
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 5px;
}
.sliders .block {
height: 600px;
box-sizing: border-box;
padding: 30px 15px 20px;
position: relative;
border-top: 3px solid #fbd983;
background: rgb(55 61 73);
}
.sliders .bottom {
bottom: 20px;
position: absolute;
left: 10px;
right: 10px;
padding-top: 20px;
border-top: 1px solid #cbcbcb;
}
.sliders .bottom * {
font-size: 14px;
color: #fff;
}
.sliders p {
margin-bottom: 15px;
font-size: 14px;
line-height: 18px;
color: #fff;
}
.sliders p:last-of-type {
margin-bottom: 0;
}
.sliders .title-slide {
margin-bottom: 30px;
font-size: 16px;
font-weight: bold;
color: #fff;
} .slick-arrow {
height: 62px;
width: 62px;
background: url(//safetravel.com.ua/wp-content/themes/safetravel/img/slider-arrow2.png) left center;
background-size: cover;
border: 0;
color: transparent;
cursor: pointer;
outline: none;
position: absolute;
top: 50%;
margin-top: -31px;
}
.slick-prev {
left: 25px;
}
.slick-next {
right: 25px;
background: url(//safetravel.com.ua/wp-content/themes/safetravel/img/slider-arrow.png) right center;
}
.slick-arrow:hover,
.slick-arrow:active,
.slick-arrow:focus {
outline: none;
}
.slick-prev:hover {
background-position: right center;
}
.slick-next:hover {
background-position: left center;
}
#answers {
background: #f6f6f6;
padding-bottom: 60px;
}
#answers .title {
font-family: "Inter", sans-serif;
font-optical-sizing: auto;
font-weight: 900;
line-height: 47px;
}
#answers .items {
margin-top: 60px;
}
#answers .item {
margin-bottom: 30px;
border: 1px dashed #cbcbcb;
background: #fbfbfb;
position: relative;
padding-right: 110px;
}
#answers .item:last-of-type {
margin-bottom: 0;
}
#answers .title-item {
padding: 25px 0 25px 30px;
color: #2d2c32;
font-size: 16px;
cursor: pointer;
font-weight: 500;
}
#answers .text-item {
padding-left: 15px;
overflow: hidden;
box-sizing: border-box;
transition: all .2s linear;
-webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; }
#answers .text-item p {
color: #2d2c32;
margin-bottom: 15px;
font-size: 16px;
line-height: 20px;
}
#answers .text-item p:last-of-type {
margin-bottom: 25px;
}
#answers .item:after {
display: block;
content: " ";
position: absolute;
top: 1px;
bottom: 1px;
right: 1px;
width: 75px;
background: url(//safetravel.com.ua/wp-content/themes/safetravel/img/red-down.png) center center no-repeat #fff;
border-left: 1px dashed #cbcbcb;
cursor: pointer;
}
#answers .item.open:after {
background-image: url(//safetravel.com.ua/wp-content/themes/safetravel/img/blue-down.png);
}
footer {
height: 61px;
background: linear-gradient(280.02deg, #383e4a 2%, #27303c 107%);
}
footer .items-flex {
align-items: center;
height: 100%;
}
footer img {
display: block;
}
footer #logo_krab {
padding-right: 140px;
height: 40px;
line-height: 46px;
color: #383838;
font-size: 12px;
text-transform: uppercase;
font-weight: bold;
background: url(//safetravel.com.ua/wp-content/themes/safetravel/img/krab.png) right center no-repeat;
}
#home .items .item {
display: flex;
align-content: center; align-items: center;
padding-right: 10px;
padding-left: 10px;
background: linear-gradient(280.02deg, #ffffff0f 2%, #ffffff1f 107%);
flex-direction: column; margin: 10px;
border-radius: 20px;
}
#home .items .item:last-of-type {
border-right: 0;
}
#cool .title {
font-family: "Inter", sans-serif;
font-optical-sizing: auto;
font-weight: 900;
width: 80%;
margin: 0 auto 40px auto;
line-height: 47px;
text-align: center;
}
.select .column {
position: relative;
}
.list-count {
position: absolute;
width: 100%;
border: 1px solid #d1d1d1;
background: #f6f6f6;
box-sizing: border-box;
margin-top: -5px;
padding: 5px 20px 10px;
display: none;
z-index: 1;
}
.list-count select {
display: block;
height: 19px;
width: auto;
line-height: 19px;
margin-left: 7px;
border-radius: 0;
border: 1px solid #000;
background: #fff;
font-size: 14px;
float: right;
}
.list-count label {
display: inline-block;
line-height: 19px;
font-size: 14px;
vertical-align: top;
}
.traveler_select {
display: none;
}
.hide {
display: none;
}
.modal button.hide {
display: none;
}
.list-count .more {
display: block;
line-height: 21px;
font-size: 16px;
cursor: pointer;
font-weight: bold;
}
.list-count .inf {
float: right;
font-size: 14px;
font-weight: bold;
line-height: 37px;
}
#black {
position: fixed;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.7);
height: 100%;
width: 100%;
overflow-x: hidden;
overflow-y: auto;
padding-bottom: 150px;
z-index: 5000;
display: none;
box-sizing: border-box;
}
.modal {
display: none;
position: absolute;
top: 50px;
width: 90%;
background: #fff;
left: 50%;
margin-left: -600px !important;
width: 1200px;
z-index: 5001;
box-sizing: border-box;
padding: 30px;
margin-bottom: 50px;
}
.modal .group-row {
margin-bottom: 20px;
}
.modal .group-row:last-of-type {
margin-bottom: 0;
}
.modal .title {
margin-bottom: 30px;
}
.modal .checkbox label {
width: auto;
line-height: 40px;
}
.modal .tabs {
display: flex;
margin-bottom: 30px;
}
.modal .tabs div {
background: #f6f6f6;
color: #2d2c32;
width: 170px;
height: 60px;
font-size: 18px;
font-weight: bold;
text-transform: uppercase;
line-height: 60px;
display: none;
margin-right: 35px;
}
.modal .photo_style .btn {
color: #2d2c32;
background: #d1d1d1;
float: right;
}
.modal .tabs div.active,
.modal .tabs div:hover,
.modal .photo_style .btn:hover {
background: #d1d1d1;
}
.modal .close {
position: absolute;
right: 20px;
top: 20px;
cursor: pointer;
width: 16px;
height: 16px;
background: url(//safetravel.com.ua/wp-content/themes/safetravel/img/close.png);
}
.modal-safe {
width: 945px;
margin-left: -472.5px !important;
padding-left: 50px;
padding-right: 50px;
}
.modal-safe .block-btn {
margin-top: 30px;
text-align: center;
}
.modal-safe .text {
float: right;
box-sizing: border-box;
border: 1px dashed #cbcbcb;
border-left: 0;
padding-left: 30px;
padding-right: 30px;
}
.modal-safe .text>div {
width: 390px;
height: 242px;
display: table-cell;
vertical-align: middle;
font-style: italic;
}
.modal-safe .ul-list {
font-size: 16px;
color: #2d2c32;
}
.modal-safe .title-list {
font-size: 16px;
color: #2d2c32;
font-weight: bold;
margin: 30px auto 40px;
}
.modal-safe img {
float: left;
display: block;
width: 387px;
height: auto !important;
}
.photo_style .title_style {
font-size: 16px;
color: #a1a1a2;
line-height: normal;
}
.photo_style {
position: relative;
overflow: hidden;
background: #fff;
}
.photo_style input {
position: absolute;
z-index: -1;
top: 0;
left: 0;
border: 0;
background: transparent;
height: 0;
overflow: hidden;
}
.modal form .group-relative:last-of-type {
text-align: center;
}
.modal form .group-relative form {
display: inline-block; }
.modal button {
border: 0;
display: inline-block;
margin: 0 auto 0;
width: 230px;
height: 57px;
line-height: 57px;
padding-top: 0px;
}
.modal .block-btn .btn {
width: 200px;
}
.tab_content>div {
display: block;
z-index: 1;
position: absolute;
opacity: 0;
left: -99999px;
}
.tab_content .active {
display: block;
position: relative;
z-index: 2;
opacity: 1;
left: 0;
}
#calculator .mobile-on {
display: none;
text-align: center;
font-size: 16px;
font-weight: bold;
}
.thanks,
.thanks body,
.thanks main {
width: 100%;
height: 100%;
}
.thanks #home {
height: 100%;
box-sizing: border-box;
}
.checkbox label {
position: relative;
}
.checkbox label span,
.info-data {
display: inline-block;
margin-left: 10px;
height: 20px;
width: 20px;
background: #52b155;
border-radius: 10px;
color: #fff;
vertical-align: top;
margin-top: -2px;
text-align: center;
line-height: 21px;
font-weight: bold;
}
.info-data {
position: relative;
cursor: pointer;
}
.checkbox label span b,
.info-data b {
position: absolute;
display: block;
width: 200px;
font-size: 12px;
line-height: normal;
box-sizing: border-box;
padding: 10px;
border-radius: 5px;
background: #cbcbcb;
z-index: 0;
opacity: 0;
transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
left: 0;
color: #000;
text-align: left;
margin-top: 8px;
}
.checkbox label span:hover b,
.info-data:hover b {
z-index: 10;
opacity: 1;
transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
}
#calculator table .btn,
#safeModal1 .btn-green {
display: flex;  gap: 6px;
line-height: 25px;
font-size: 14px;
background: #ffd362;
color: #000;
justify-content: center;
align-content: center;
align-items: center;
}
#calculator table .btn:hover,
#safeModal1 .btn-green:hover {
background: rgb(106, 168, 79) !important;
}
.modal .photo_style .btn {
margin-top: -20px;
}
#calculator .checkbox.checkbox-childrenSafe {
margin-top: 7px;
width: auto;
}
#calculator .checkbox.checkbox-childrenSafe label {
width: auto;
}
.checkbox-childrenSafe label span b,
.info-data b {
opacity: 1;
display: none;
width: 320px;
left: auto;
right: 0;
}
.checkbox-childrenSafe label span:hover b,
.info-data:hover b {
display: block;
}
.countTurist {
float: right;  position: absolute;
display: none;
}
.text-info-email {
position: absolute;
top: 70px;
background: rgba(0, 0, 0, 0.8);
color: #fff;
padding: 10px;
text-align: center;
font-size: 12px;
display: none;
}
#email_safe_user:focus+.text-info-email {
display: block;
}
.text-info-email span {
color: #fff;
font-size: 12px;
}
.tab_content {
position: relative;
z-index: 101;
}
.z-index-top {
z-index: 1;
}
.info-data b {
left: 0;
right: auto;
}
@media (min-width: 1600px) {
.wrapper {
min-width: 1600px;
width: 1600px;
}
main,
html,
body,
header,
footer {
min-width: 1600px;
}
header #logo+div {
font-size: 30px;
}
.phone {
font-size: 24px;
background-size: 28px auto;
padding-left: 45px;
height: 35px;
line-height: 35px;
}
header nav {
height: 46px;
}
header nav a {
font-size: 18px;
line-height: 46px;
}
#home .title {
font-size: 48px;
}
.subtitle {
font-size: 24px;
}
#home .item .text {
font-size: 14px;
width: 210px;
}
#home .bg-line {
height: 180px;
}
#home .items .item {
width: 260px;
}
.checkbox label,
#polis .item .text,
#clients .text,
#cool .column .text div,
.sliders .text {
font-size: 15px;
}
.select select,
.datatime input,
#infostrah ul li,
p.star,
#strahovka .column .shadow .text,
.sliders .title-slide {
font-size: 18px;
}
.title-col,
.sliders .name {
font-size: 24px;
}
#polis .item {
height: 290px;
width: 230px;
}
#polis .items {
width: 1267px;
margin-left: auto;
margin-right: auto;
}
#clients .bottom {
width: 360px;
height: 165px;
font-size: 16px;
}
#cool .group-row .column {
width: 750px;
}
#cool .column .text div {
width: 516px;
}
.slick-slide {
width: 490px;
height: 670px;
}
.slick-slider {
width: 80%;
margin: 0 auto;
}
#strahovka .wrapper,
#infostrah .wrapper {
min-width: 1200px;
width: 1200px;
}
#calculator .group-row.checkbox,
#calculator .group-row.select,
#calculator .group-row.datatime {
width: 1200px;
margin-left: auto;
margin-right: auto;
}
}
@media (max-width: 1599px) {
main,
html,
body,
header,
footer {
min-width: 100%;
width: 100%;
height: auto;
}
.wrapper {
min-width: 100%;
width: 100%;
}
#home .items .item {
flex-direction: row;
}
#home .item .img {
width: 75px;
height: 75px;
}
#home .items {
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
#home .bg-line {
height: 212px;
}
}
@media (max-width: 768px) {
.photo_style .title_style {
display: inline-block;
width: 180px;
}
.modal .photo_style .btn {
margin-top: 0;
}
.wrapper {
min-width: 768px;
width: 768px;
padding-left: 22px;
padding-right: 22px;
}
main,
html,
body,
header,
footer {
min-width: 768px;
}
header nav,
header.fixed nav{
position: absolute;
width: 80%;
background-color: rgba(0, 0, 0, .9);
padding: 10px 15px;
top: 70px;
height: calc(100vh - 70px);
left: -80%;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
overflow: hidden;
}
header nav .wrapper{
opacity: 0;
padding: 0;
}
header nav.active{
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
left: 0;
}
header.fixed nav.active{
position: fixed;
}
header nav.active ul.wrapper{
display: flex;
flex-direction: column;
position: relative;
height: 100%;
justify-content: flex-start;
align-items: self-start;
opacity: 1;
padding: 0 20px;
}
header #logo+div {
font-size: 18px;
}
.title {
font-size: 30px;
}
#home {
padding-top: 130px;
}
#home .bg-line {
height: auto;
}
#home .items {
padding: 0;
flex-wrap: wrap;
margin-top: 170px;
}
#home .items .item {
width: 33%;
}
#home .items .item:nth-child(3) {
border-right: 0;
}
#home .items .item:nth-child(1),
#home .items .item:nth-child(2),
#home .items .item:nth-child(3) {
border-bottom: 1px solid #315e70;
}
.subtitle {
font-size: 16px;
}
.group-row .column {
width: 348px;
}
#calculator table thead td:nth-child(1) {
text-align: left;
}
#calculator .list tbody td:nth-child(1) {
width: 20%;
}
#calculator table thead td,
#calculator table .dott td:first-of-type,
#strahovka .column .shadow .text {
font-size: 14px;
}
#calculator table tbody td {
font-size: 12px;
}
.btn {
font-size: 14px;
}
#infostrah .column {
display: block;
float: none;
width: 100%;
margin-top: 60px;
}
#infostrah .img {
display: block;
height: auto;
width: auto;
float: right;
}
#infostrah .title-col {
padding-top: 30px;
font-size: 16px;
}
#polis .items {
display: block;
width: 600px;
margin: 50px auto 0;
}
#polis .items .item {
width: 100%;
height: 111px;
margin-bottom: 30px;
}
#polis .item img {
display: block;
float: left;
margin: 16px 50px 0;
position: absolute;
}
#polis .item .text {
padding-left: 160px;
text-align: left;
width: auto;
display: table-cell;
vertical-align: middle;
height: 89px;
}
#polis .item .text br {
display: none;
}
#polis .item .text b:before {
content: "     "
}
#polis .item:after {
right: auto;
left: 50%;
margin-left: -24px;
top: auto;
margin-top: 0;
bottom: -37px;
transform: rotate(90deg);
}
.qoute .text {
font-size: 18px;
width: 420px;
}
.qoute {
width: 720px;
height: 122px;
background-image: url(//safetravel.com.ua/wp-content/themes/safetravel/img/bg-qoute3.png);
}
.qoute .btn {
margin-top: 40px;
margin-left: 65px;
}
#strahovka .column {
height: 220px;
}
#strahovka .column .shadow {
height: auto;
padding-bottom: 10px;
}
.btn-transparent {
font-size: 12px;
line-height: 25px;
height: 25px;
width: 106px;
padding-left: 10px;
background-position: 79px center;
background-size: 16px auto;
}
#strahovka .column .shadow .text {
line-height: 35px;
}
#clients .items .item {
margin-right: 0;
margin-bottom: 25px;
}
#clients .items .item:nth-child(2n+1) {
margin-right: 25px;
}
#clients .bottom {
width: 348px;
height: 131px;
}
#cool .column {
width: 100%;
margin-bottom: 15px;
}
#cool .group-row {
margin-bottom: 0;
}
#cool .group-row .column:last-of-type .img {
float: right;
}
#cool .group-row .column:last-of-type .text {
border-right: 0;
border-left: 1px dashed #cbcbcb;
}
#cool .column .text div {
width: 491px; }
#cool .qoute {
display: flex;
align-items: center;
}
#answers .qoute {
background-image: url(//safetravel.com.ua/wp-content/themes/safetravel/img/bg-qoute4.png);
width: 720px;
height: 122px;
}
#cool .qoute .text,
#answers .qoute .text {
margin-top: 37px;
font-size: 18px;
}
#cool .qoute .btn {
margin: 0;
}
#answers .qoute .btn {
margin-top: 42px;
}
.slick-slider .slick-list {
width: 520px;
}
.modal-safe,
.modal {
width: 720px;
margin-left: -360px !important;
}
.modal-safe img {
width: 286px;
}
.modal-safe .text>div {
width: 270px;
height: 178px;
font-size: 14px;
}
.modal-safe .ul-list {
font-size: 14px;
}
.modal .tabs div {
font-size: 12px;
width: 115px;
height: 45px;
line-height: 45px;
}
.modal .group-row .column {
width: 320px;
}
.modal .select label,
.modal .datatime label {
font-size: 12px;
}
.modal .select select,
.modal .datatime input,
.modal .select input[type="text"],
.modal .select input[type="email"] {
font-size: 14px;
height: 41px;
line-height: 39px;
}
.modal .group-row {
margin-bottom: 10px;
}
.modal .group-row:last-of-type {
margin-bottom: 0;
}
.modal button {
height: 41px;
line-height: 39px;
width: 150px;
}
.modal .checkbox label {
font-size: 9px;
padding-left: 20px;
}
.photo_style .title_style {
font-size: 14px;
}
#strahovka .column:hover .shadow {
height: auto;
}
.list-count .inf {
float: none;
line-height: normal;
margin-top: 7px;
}
}
@media (max-width: 480px) {
header .language {
display: flex;
}
header .language .language-switcher {
margin: 0;
display: flex;
text-transform: uppercase;
gap: 15px;
padding: 0;
font-weight: 600;
}
header .language .language-switcher a {
color: #fed56b;
text-decoration: none;
}
header .language .language-switcher span {
color: #fff;
}
.checkbox label span b,
.info-data b {
margin-top: -71px;
z-index: -1;
}
.info-data b {
left: 0;
right: auto;
width: 230px;
}
.group-row.list .info-data {
float: right;
top: -15px;
}
.checkbox-childrenSafe label span b {
width: 276px;
}
.photo_style .title_style {
margin-bottom: 5px;
font-size: 12px;
text-align: center;
display: block;
width: 100%;
}
.photo_style .title_style:after {
display: block;
content: " ";
clear: both;
}
.modal .photo_style .btn {
margin-top: 7px;
float: none;
display: block;
margin-left: auto;
margin-right: auto;
}
main,
html,
body,
header,
footer,
.wrapper {
min-width: 100%;
width: 100%;
height: auto;
}
header #logo+div { }
header #logo+div .phone {
font-size: 18px;
font-weight: 600;
letter-spacing: 0px;
}
#home {
padding-top: 50px;  width: 100dvw;
max-width: 100dvw;
}
#home .items {
margin-top: 70px;
}
.title {
font-size: 18px;
}
.title br {
display: none;
}
.subtitle {
font-size: 13px;
}
#calculator .subtitle {
padding-bottom: 15px;
}
.checkbox-mobile .column.clear {
text-align: left;
}
#home .items .item {
width: 50%;
box-sizing: border-box;
border: 0;
}
#home .items .item:nth-child(1),
#home .items .item:nth-child(2),
#home .items .item:nth-child(3),
#home .items .item:nth-child(5) {
border-right: 1px solid #315e70;
}
#home .items .item:nth-child(4) {
border-bottom: 1px solid #315e70;
}
#home .item .img {
height: 55px;
}
#home .item .img img {
height: 30px;
}
#home .item .text {
font-size: 10px;
}
#home .items .item:nth-child(5),
#home .items .item:nth-child(6) {
height: 120px;
}
.group-row .column {
display: block;
float: none !important;
width: auto;
}
.checkbox label {
font-size: 12px;
padding-left: 20px;
line-height: 30px;
}
#calculator .checkbox {
margin-top: -45px;
}
.group-row {
margin-bottom: 0;
}
.group-row .column {
margin-bottom: 20px;
}
#infostrah .title-col {
font-size: 12px;
}
#infostrah ul {
font-size: 11px;
height: auto;
}
#infostrah ul li {
font-size: 11px;
margin-bottom: 10px;
}
#polis .items {
width: 100%;
}
#infostrah .column:last-of-type img {
width: 130px;
}
#infostrah .column:first-of-type img {
width: 100px;
}
#infostrah .title-col {
padding-top: 25px;
}
#infostrah .title {
font-size: 26px;
line-height: 31px;
}
#polis .item img {
height: 35px;
margin: 25px 30px 0;
}
#polis .item .text {
padding-left: 95px;
}
#polis .item .text br {
display: block;
}
#polis .item .text br+br {
display: none;
}
p.star {
font-size: 10px;
margin: 15px 0 20px;
}
.qoute {
background: no-repeat;
width: 100%;
}
.qoute .text {
display: block; font-size: 12px;
text-align: center;
float: none;
width: 90%;
}
.qoute .btn {
display: block;
float: none;
margin: 0 auto;
}
#polis {
padding-bottom: 30px;
}
#polis h3 {
font-size: 26px;
line-height: 31px;
}
#strahovka .subtitle br {
display: none;
}
#strahovka .column {
height: 200px;
}
#strahovka .column .shadow .text,
#clients .text {
font-size: 12px;
}
#clients h5 {
font-size: 26px;
line-height: 31px;
}
#clients .bottom {
font-size: 11px;
padding: 0 50px;
}
#clients .items .item {
margin-right: 0 !important;
width: 100%;
}
#cool .column:after {
clear: both;
content: " ";
display: block;
}
#cool .column .text {
border: 1px dashed #cbcbcb;
border-top: 0;
text-align: center;
}
#cool .img {
float: none !important;
display: none;
}
#cool img {
width: 100%;
max-width: 100%;
}
#cool .qoute {
display: flex;
align-items: center;
}
#answers .qoute {
width: 100%;
background: none;
margin-top: 30px;
display: flex;
align-items: center;
}
#cool .qoute .text {
margin: 0;
}
#cool .qoute .text h6 {
font-size: 16px;
margin: 0;
padding: 0 10px;
line-height: 1.3;
}
#cool .qoute .btn {
margin: 0;
}
#cool .column .text div {
font-size: 11px;
height: 110px;
}
#cool .title {
font-size: 26px;
line-height: 31px;
}
#cool2 .title {
font-size: 26px;
line-height: 31px;
}
#answers .qoute .text {
font-size: 16px;
margin: 0;
padding: 0 15px;
line-height: 1.3;
}
#answers .qoute .btn {
margin: 0;
}
#answers .title {
font-size: 26px;
line-height: 31px;
}
.sliders .name {
font-size: 12px;
}
.slick-slider .slick-list {
width: 100%;
margin-top: 30px;
}
#answers .item {
padding-right: 50px;
margin-bottom: 15px;
}
#answers .item:after {
width: 45px;
background-size: 15px auto;
}
#answers .title-item {
font-size: 12px;
}
#answers .text-item p {
font-size: 11px;
line-height: normal;
}
.content_left_block_welcome h3 {
font-size: 26px;
line-height: 31px;
}
.pluso {
display: block;
position: absolute;
margin-top: -65px;
left: calc(50% - 95px);
}
footer #logo_krab {
width: 0;
color: transparent;
}
.list thead,
.list thead tr,
#calculator table thead tr td {
display: block;
border: 0;
}
.list thead tr,
.list thead {
width: 276px;
min-width: 100%;
}
#calculator table thead tr td:first-of-type {
display: none;
}
#calculator table thead tr td:last-of-type {
margin-right: 0;
float: right;
}
#calculator .list table {
display: block;
overflow: hidden;
margin-top: 30px;
}
.list thead tr:after,
.list tbody tr:after,
.list tfoot tr:after {
clear: both;
content: " ";
display: block;
}
.list thead tr {
padding-bottom: 0;
margin-bottom: 20px;
border-bottom: 1px dashed #a1a1a2;
}
#calculator table tr td {
float: left;
margin-right: 2%;
box-sizing: border-box;
background: #f6f6f6;
padding: 2px;
border-radius: 5px;
height: 37px;
width: 32%;
}
#calculator table tbody tr td,
#calculator table tfoot tr td {
background: transparent;
width: 50% !important;
margin: 0;
}
#calculator table tbody tr td,
#calculator table tfoot tr td {
display: none;
height: 100% !important;
}
#calculator table tbody tr td:first-of-type,
#calculator table tbody tr td.active,
#calculator table tfoot tr td:first-of-type,
#calculator table tfoot tr td.active {
display: block;
}
#calculator table thead tr td.active {
border: 1px solid #3c6690;
}
#calculator table thead td span {
font-size: 8px;
margin-right: 2px;
height: 35px;
line-height: 34px;
vertical-align: top;
}
#calculator table tfoot tr td {
border: 0 !important;
font-size: 12px;
}
#calculator table .dott td {
font-size: 12px !important;
line-height: 31px;
}
#calculator table .dott td span {
font-size: 14px;
}
#calculator table tfoot tr:first-of-type td {
border-top: 1px dashed #a1a1a2 !important;
}
#calculator table tfoot tr:first-of-type td#version1,
#calculator table tfoot tr:first-of-type td#version2,
#calculator table tfoot tr:first-of-type td#version3 {
font-size: 20px !important;
}
#calculator table .dott td span {
font-size: 30px;
}
#calculator table .dott td:first-of-type {
line-height: 38px;
}
#calculator table .btn {
width: 100px;
height: 40px;
line-height: 40px;
font-size: 14px;
background: rgb(106, 168, 79) !important;
}
#calculator table .btn:hover {
background: rgb(106, 168, 79);
}
#calculator table thead td img {
width: 40px !important;
margin-top: 6px;
}
#calculator table thead td:nth-child(4) img {
margin-top: 10px;
width: 46px !important;
}
#black .title {
padding-top: 10px;
margin-bottom: 20px;
}
.modal .tabs {
margin-bottom: 15px;
}
.modal,
.modal-safe {
width: 320px;
margin-left: -160px !important;
}
.modal .group-row .column {
width: 100%;
}
.modal .tabs {
display: block;
}
.modal .tabs div {
float: left;
width: 125px;
margin-bottom: 5px;
margin-right: 0;
height: 60px;
}
.modal .tabs div:nth-child(2n) {
float: right;
}
.modal .tabs:after {
clear: both;
content: " ";
display: block;
}
.modal .checkbox label {
line-height: 20px;
margin-bottom: 20px;
}
.modal-safe {
padding-left: 15px;
padding-right: 15px;
}
.modal-safe img {
width: 100%;
display: block;
}
.modal-safe .text {
border: 1px dashed #cbcbcb;
padding: 20px 10px;
text-align: center;
}
.modal-safe .btn {
font-size: 12px;
}
.modal.modal-in {
width: 94%;
margin-left: -0% !important;
}
.modal-in input {
width: 100%;
}
.group-relative p {
font-size: 12px;
}
.checkbox-mobile label {
width: auto;
display: block;
float: none;
background-position: left 7px !important;
}
.checkbox-mobile label br {
display: none;
}
.checkbox-mobile .column:first-of-type {
margin-bottom: 0;
}
#home .bg-line {
display: none;
}
#home {
padding-bottom: 70px;
height: 80vh;
}
.phone { }
select option {
font-size: 12px;
}
.list-count label input {
margin-top: 4px;
vertical-align: top;
}
.list-count .inf {
font-size: 12px;
}
#calculator .mobile-on {
display: block;
}
#safeModal1 {
top: 15px;
}
footer #logo_krab {
padding-right: 0;
width: 125px; }
.heshtag {
display: none;
}
.heshtag {
display: none;
}
.pluso {
display: block;
}
.text-info-email {
display: block;
background: #fff;
color: #000;
font-weight: bold;
text-align: left;
position: static;
padding: 0;
margin-top: 3px;
margin-bottom: 10px;
}
.text-info-email span {
color: #000;
}
#cool .column .text div {
width: 491px;
width: 100%;
}
header .infos_site {
margin: 10px 0;
}
header.fixed .wrapper {
position: fixed;
width: 100%;
background: linear-gradient(280.02deg, #383e4a 2%, #27303c 107%);
}
header .navbar-icon {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
width: 26px;
height: 14px;
}
header .navbar-icon .line-button {
width: 26px;
height: 2px;
background: #fad780;
transition: transform 0.4s ease, opacity 0.01s ease;
transform: rotate(0) translate(0, 0);
opacity: 1;
position: relative;
transform-origin: left;
}
header .navbar-icon .line-button.active:nth-child(1) {
transform: rotate(45deg) translate(0px, 0px);
top: -2px;
left: 3px;
}
header .navbar-icon .line-button.active:nth-child(2) {
opacity: 0;
}
header .navbar-icon .line-button.active:nth-child(3) {
transform: rotate(-45deg) translate(0px, 0px);
top: 4px;
left: 3px;
}
}
.heshtag {
color: #b1b1b1;
font-size: 13px;
display: inline-block;
vertical-align: top;
line-height: 22px;
margin-left: 10px;
}
.modal-th .subtitle {
font-size: 24px;
}
#calculator table tfoot .btn.disabled {
background: gray !important;
display: none;
} .header-pt {
padding-top: 120px;
}
.pb144 {
padding-bottom: 144px;
}
.breadcrumbs-block {
padding: 25px 0 18px;
}
.breadcrumbs-list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 7px;
}
.breadcrumbs-list li a {
position: relative;
padding-right: 12px;
padding-left: 15px;
font-size: 14px;
line-height: 19px;
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s;
color: #213341;
}
.breadcrumbs-list li a:hover {
color: #FF2B3A;
}
.breadcrumbs-list li:first-child a {
padding-left: 0;
}
.breadcrumbs-list li:first-child a::before {
display: none;
}
.breadcrumbs-list li:last-child a {
pointer-events: none;
color: #FF2B3A;
padding-right: 0;
}
.pt80 {
padding-top: 80px;
}
.pt56 {
padding-top: 56px;
}
.page-magazine-content {
font-size: 0;
width: -webkit-calc(100% + 42px);
width: calc(100% + 42px);
}
.magazine-block {
width: 352px;
margin: 0 16px 48px;
vertical-align: top;
display: inline-block;
cursor: pointer;
margin-left: 30px;
}
.magazine-block:hover .magazine-block-img {
box-shadow: 0 0 10px rgba(0, 0, 0, .4);
}
.magazine-block:hover .magazine-title {
color: #ff2b3a;
}
.other-title {
font-size: 40px;
line-height: 49px;
text-transform: uppercase;
text-align: center;
font-weight: 800;
margin-bottom: 64px;
}
.magazine-block-img {
width: 100%;
height: 256px;
overflow: hidden;
margin-bottom: 24px;
transition: .3s;
}
.magazine-block-img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.magazine-title {
font-weight: bold;
font-size: 18px;
line-height: 28px;
margin-bottom: 12px;
text-align: left;
transition: .3s;
}
.magazine-text {
line-height: 32px;
font-size: 16px;
text-align: left;
}
article {
width: 100%;
}
article table {
width: 100%;
}
article h1 {
font-weight: 800;
font-size: 34px;
line-height: 41px;
text-transform: none;
text-align: inherit;
margin-bottom: 32px;
}
article img {
margin-bottom: 32px;
}
article p {
line-height: 32px;
margin-bottom: 32px;
}
article h2,
article h3,
article h4,
article h5,
article h6 {
font-weight: 800;
font-size: 28px;
line-height: 34px;
text-transform: none;
margin-bottom: 24px;
}
article h2+p,
article h3+p,
article h4+p,
article h5+p,
article h6+p {
border-bottom: 1px solid #ECECEC;
padding-bottom: 32px;
margin-bottom: 32px;
}
article img.alignright {
max-width: 50%;
float: right;
margin: 0 0 32px 32px;
}
article img.alignleft {
max-width: 50%;
float: left;
margin: 0 32px 32px 0;
}
article img.aligncenter {
max-width: 100%;
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 48px;
margin-bottom: 48px;
}
article ul {
margin-bottom: 48px;
}
article ul li {
line-height: 32px;
position: relative;
}
article ul li+li {
margin-top: 8px;
}
article ol {
counter-reset: myCounter;
margin-bottom: 48px;
}
article ol li {
line-height: 32px;
position: relative;
}
article ol li::before {
content: counter(myCounter) ". ";
counter-increment: myCounter;
margin-right: 5px;
}
article ol li+li {
margin-top: 8px;
}
article table tr {
border-bottom: 1px solid #ECECEC;
}
article table th {
font-weight: normal;
font-size: 14px;
line-height: 32px;
letter-spacing: -0.006em;
color: #7D8D9A;
padding: 8px 10px;
}
article table td {
font-size: 16px;
line-height: 32px;
padding: 8px 10px;
}
article table td:first-child {
padding: 8px 0;
}
.article-slider-wrp {
position: relative;
margin-top: 56px;
}
.article-slider-wrp .slick-list {
margin: 0 -20px;
}
.article-slide-wrp {
width: 100%;
height: 100%;
padding: 0 16px;
}
.article-slide {
position: relative;
width: 100%;
height: 0;
padding-bottom: 72%;
overflow: hidden;
}
.article-slide img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.custom-arbero-arrow {
z-index: 2;
width: 40px;
height: 40px;
position: absolute;
top: 50%;
margin-top: -20px;
-webkit-border-radius: 50%;
border-radius: 50%;
background-color: #000000;
cursor: pointer;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
color: #fff;
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s;
}
.custom-arbero-arrow:hover {
background-color: #D61A28;
}
.custom-arbero-arrow span {
display: inline-block;
width: 10px;
height: 10px;
border-left: 2px solid #fff;
border-bottom: 2px solid #fff;
}
.custom-arbero-arrow.custom-arbero-arrow-prev {
left: 0;
padding-left: 4px;
}
.custom-arbero-arrow.custom-arbero-arrow-prev span {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.custom-arbero-arrow.custom-arbero-arrow-next {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
right: 0;
padding-right: 4px;
}
.custom-arbero-arrow.custom-arbero-arrow-next span {
-webkit-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.same-articles {
padding-top: 144px;
}
.other-articles-slider-wrp {
position: relative;
}
.other-articles-slider-wrp .magazine-block {
width: 100%;
margin: 0;
padding: 0 16px;
} .other-articles-slider-wrp .custom-arbero-arrow.custom-arbero-arrow-prev {
left: -81px;
}
.other-articles-slider-wrp .custom-arbero-arrow.custom-arbero-arrow-next {
right: -81px;
}
.title-pages {
font-weight: 800;
font-size: 44px;
line-height: 54px;
text-transform: uppercase;
margin-bottom: 0;
}
.border-top-custom {
border-top: 1px solid #ECECEC;
}
@media (max-width: 1280px) {
.title-pages {
font-size: 34px;
line-height: 41px;
}
.same-articles .custom-arbero-arrow {
margin-top: 0;
top: 108px;
background-color: rgba(33, 51, 65, 0.1);
}
.same-articles .custom-arbero-arrow.custom-arbero-arrow-prev {
left: 0;
}
.same-articles .custom-arbero-arrow.custom-arbero-arrow-next {
right: 0;
}
}
@media (max-width: 991px) {
.same-articles {
padding-top: 84px;
}
article table {
display: block;
overflow-x: auto;
}
article table td {
min-width: 150px;
}
.article-slider-wrp .custom-arbero-arrow {
background-color: rgba(33, 51, 65, 0.1);
}
}
.paginationjs-pages {
margin-top: 34px;
}
.paginationjs-pages ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.paginationjs-pages ul li {
width: 32px;
height: 32px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-border-radius: 50%;
border-radius: 50%;
}
.paginationjs-pages ul li.active {
border: 2px solid #D61A28;
}
.paginationjs-pages ul li+li {
margin-left: 5px;
}
@media (max-width: 767px) {
.paginationjs-pages {
margin-top: 24px;
}
.header-pt {
padding-top: 65px;
}
.article-slider-wrp .slick-list {
margin: 0;
}
.article-slide-wrp,
.other-articles-slider-wrp .magazine-block {
padding: 0;
}
.pb144 {
padding-bottom: 80px;
}
.pt80 {
padding-top: 20px;
}
.other-title {
font-size: 26px;
line-height: 32px;
margin-bottom: 20px;
}
article h1 {
margin-top: 0;
font-size: 28px;
line-height: 34px;
margin-bottom: 12px;
}
article h2,
article h3,
article h4,
article h5,
article h6 {
font-size: 20px;
line-height: 26px;
margin-bottom: 12px;
margin-top: 40px;
}
article h2+p,
article h3+p,
article h4+p,
article h5+p,
article h6+p {
padding-bottom: 12px;
}
article img.alignright {
max-width: 100%;
width: 100%;
margin: 0 0 28px 0;
}
article img.alignleft {
max-width: 100%;
width: 100%;
margin: 0 0 28px 0;
}
article img.aligncenter {
margin-top: 0;
margin-bottom: 28px;
}
article ul,
article ol {
margin-bottom: 28px;
}
.page-magazine-content {
width: 100%;
margin: 0;
text-align: center;
}
.magazine-block {
width: 100%;
margin: 0 0 48px;
}
.magazine-block:last-child {
margin-bottom: 0;
}
}
form {
background: #fafafa;
border-radius: 28px;
padding-bottom: 10px;
padding-left: 30px;
padding-right: 30px;
padding-top: 10px;
margin-top: 50px;
margin-bottom: 50px;
}
.title.text-white {
font-family: "Inter", sans-serif;
font-optical-sizing: auto;
font-weight: 900;
font-size: 39px;
letter-spacing: 0px;
line-height: 60px;
text-transform: uppercase;
user-select: none;
color: transparent !important;
background-image: linear-gradient(347deg, #f9cf61 0%, rgb(255 232 186) 51%, #fad884 100%);
-webkit-background-clip: text;
will-change: transform;
background-position: center center;
border-color: transparent;
border-style: solid;
margin-top: 0;
padding-top: 18px;
}
video {
width: 100%;
max-width: 100%;
height: 100dvh;    }
.video_bg {   z-index: 0;     }
.video_bg video {
-webkit-transform: scaleX(1.5);
-moz-transform: scaleX(1.72);
overflow-x: hidden;
overflow-y: scroll;
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 100%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
object-fit: cover;
}
.overlay_sl {
width: 100%;
height: 100%;
position: absolute;  top: 0;
left: 0;
background-image: linear-gradient(45deg, rgb(54 60 72) 50%, rgb(45 50 60 / 82%) 50%);
background-size: 1px 1px;
z-index: 2;
}
a.text-red {
display: flex;
font-weight: 700;
color: #29323e !important;
text-decoration: none;
font-size: 14px;
white-space: nowrap;
border: 1px solid rgba(112, 112, 112, 0.1);
border-radius: 7px;
-webkit-transition: background 0.2s linear;
-o-transition: background 0.2s linear;
transition: background 0.2s linear;
background: #ffd362;
background: linear-gradient(280.02deg, #f9d988 2%, #ffd362 107%);
text-align: center;
padding-right: 29px;
padding-bottom: 10px;
padding-top: 10px;
max-width: 154px;
gap: 4px;
margin: 0 auto;
padding-left: 29px;
line-height: 28px;
flex-direction: row;
align-content: center;
justify-content: center;
}
form.calc_block {
border: 2px dashed #4b9c51;
}
#calculator .title {
font-weight: 900;
line-height: 47px;
font-size: 39px;
margin: 0 auto;
width: 600px;
user-select: none;
color: transparent !important;
background-image: linear-gradient(347deg, #4c556f 0%, #2b3347 51%, #565f75 100%);
-webkit-background-clip: text;
will-change: transform;
background-position: center center;
border-color: transparent;
border-style: solid;
}
section#calculator {
margin-top: 35px;
}
input[type="checkbox"] {
display: none !important;
}
input[type="checkbox"]+label {
position: relative;
padding-left: 65px;
cursor: pointer;
line-height: 34px;
display: flex;
font-weight: 800;
align-items: center;
}
input[type="checkbox"]+label::before {
content: '';
position: absolute;
left: -6px;
top: 0;
width: 60px;
height: 34px;
background-color: #e5e5e5;
border-radius: 34px;
transition: background-color 0.2s;
}
input[type="checkbox"]+label::after {
content: '';
position: absolute;
width: 26px;
height: 26px;
left: 0;
bottom: 4px;
background-color: white;
border-radius: 50%;
transition: transform 0.2s;
}
input[type="checkbox"]:checked+label::before {
background-color: #4c9d52;
background: linear-gradient(280.02deg, #6dbd75 2%, #52b155 107%);
}
input[type="checkbox"]:checked+label::after {
transform: translateX(26px);
}
form.calc_block.vuso {
padding-top: 41px;
}
a#logo img {
max-width: 116px;
}
.shadow p {
color: #fff;
}
.slick-slide .text {
color: #f7f7f7;
font-size: 15px;
text-align: justify;
}
a#logo_foot img {
max-width: 82px;
padding-right: 15px;
}
a#logo {
margin-top: 7px;
}
section#cool .group-row .column {
display: flex;
flex-direction: row;
}
.phone a {
color: #ffd362;
}
form.calc_block .group-row .column {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
align-content: center;
}
.phone a span {
display: block;
text-align: center;
font-size: 11px;
font-weight: 300;
margin-top: 4px;
position: relative;
color: #fff;
}
section#cool .group-row .column img {
max-width: 252px;
}
#home .item .img img {
height: 44px;
max-height: 44px;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
header nav a:after {
position: absolute;
content: "";
left: 0;
bottom: 0;
transition: all .3s cubic-bezier(.645, .045, .355, 1);
width: 0;
height: 2px;
background: #fed46f;
opacity: .75;
}
header nav a:hover:after {
width: 100%;
}
.group-row.checkbox.checkbox-desc .column {
width: 100%;
}
.root_footer {
display: flex;
gap: 10px;
flex-direction: row-reverse;
}
.item .top img {
max-width: 32px;
}
#home .subtitle {
color: #fff;
}
.btn {
cursor: pointer;
}
.page-magazine .container {
max-width: 1300px;
margin: 0 auto;
}
#greencard h2 {
padding-top: 40px;
font-size: 39px;
font-weight: 900;
text-align: center;
color: #212b3a;
user-select: none;
}
#vzk-insurance h2 {
padding-top: 40px;
font-size: 39px;
font-weight: 900;
text-align: center;
color: #212b3a;
user-select: none;
}
#home h1 {
font-size: 48px;
letter-spacing: 0px;
line-height: 60px;
text-transform: uppercase;
user-select: none;
color: transparent !important;
background-image: linear-gradient(347deg, #f9cf61 0%, rgb(255 232 186) 51%, #fad884 100%);
-webkit-background-clip: text;
will-change: transform;
background-position: center center;
border-color: transparent;
border-style: solid; width: 80%;
margin: 0 auto;
}
#infostrah h2 {
font-size: 48px;
letter-spacing: 0px;
line-height: 60px;
text-transform: uppercase;
user-select: none;
color: transparent !important;
background-image: linear-gradient(347deg, #f9cf61 0%, rgb(255 232 186) 51%, #fad884 100%);
-webkit-background-clip: text;
will-change: transform;
background-position: center center;
border-color: transparent;
border-style: solid;
}
#infostrah .group-row {
display: flex;
justify-content: center;
}
#date_on {
margin-left: 35px;
}
.column .date_off {
padding-right: 10px;
}
#greencard {
margin-top: 70px;  }
@media screen and (max-width: 480px) {
html,
body,
section {
max-width: 100dvw;
width: 100dvw;
}   #home h1 {
font-size: 36px;
line-height: 44px;
}
}
@media only screen and (max-width:80em) and (max-height:50em) {
#greencard h2 {
padding-top: 0px;
font-size: 26px;
line-height: 31px;
}
#vzk-insurance h2 {
padding-top: 0px;
font-size: 26px;
line-height: 31px;
}
}