@charset "UTF-8";

@import "https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&family=Manrope:wght@200..800&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";

:root {
--font-family:Manrope,sans-serif;
--second-family:Jost,sans-serif;
--third-family:Roboto,sans-serif;
--blue:#4072e5;
--2:#66b4c5;
--3:#62b0c1
}

* {
padding:0;
margin:0;
border:0
}

*,:before,:after {
box-sizing:border-box
}

:focus,:active {
outline:none
}

a:focus,a:active {
outline:none
}

nav,footer,header,aside {
display:block
}

html,body {
height:100%;
width:100%;
font-size:100%;
line-height:1;
font-size:14px;
-ms-text-size-adjust:100%;
-moz-text-size-adjust:100%;
-webkit-text-size-adjust:100%
}

input,button,textarea {
font-family:inherit
}

input::-ms-clear {
display:none
}

button {
cursor:pointer
}

button::-moz-focus-inner {
padding:0;
border:0
}

a,a:visited {
text-decoration:none
}

a:hover {
text-decoration:none
}

ul li {
list-style:none
}

img {
vertical-align:top
}

h1,h2,h3,h4,h5,h6 {
font-size:inherit;
font-weight:400
}

html {
scroll-behavior:smooth
}

body {
background-color:#fff;
color:#151515;
height:100%;
font-size:16px
}

body.hidden {
overflow:hidden
}

.wrapper {
min-height:100vh;
overflow:hidden;
display:flex;
flex-direction:column
}

.page {
flex:1 0 auto;
margin-top:98px
}

@media (max-width: 480px) {
.page {
margin-top:70px
}
}

._container {
max-width:1246px;
padding:0 15px;
margin:0 auto
}

.header {
position:fixed;
left:0;
top:0;
width:100%;
z-index:99;
background-color:#fff;
padding:20px 0;
box-shadow:0 9px 18px 0 #ced3db40
}

@media (max-width: 480px) {
.header {
padding:10px 0
}
}

.header__container {
display:flex;
align-items:center;
justify-content:space-between
}

@media (max-width: 480px) {
.header__logo img {
height:50px
}
}

.header__content {
display:flex;
align-items:center;
column-gap:25px
}

@media (max-width: 1200px) {
.header__content {
display:none
}
}

.header__hidden {
display:none
}

@media (max-width: 1200px) {
.header__hidden {
display:flex;
align-items:center;
column-gap:15px
}
}

.header__items {
display:flex;
align-items:center;
column-gap:40px;
margin-right:20px
}

.header__item {
font-family:var(--font-family);
font-weight:400;
font-size:17px;
text-transform:uppercase;
text-align:right;
color:#333;
position:relative
}

.header__item::after {
content:"";
display:block;
position:absolute;
left:0;
bottom:-4px;
width:0;
height:2px;
background-color:var(--3);
transition:.5s ease-in-out
}

.header__item:hover::after {
width:100%
}

.header__phone {
display:flex;
align-items:center;
column-gap:10px
}

.header__phone span {
font-family:var(--font-family);
font-weight:500;
font-size:18px;
text-transform:uppercase;
color:#333
}

.header__button {
border-radius:5px;
padding:12px 32px;
font-family:var(--font-family);
font-weight:500;
font-size:18px;
color:#fff;
display:flex;
align-items:center;
justify-content:center;
background:var(--3);
transition:.4s
}

.header__button:hover {
box-shadow:0 0 20px var(--3)
}

@media (max-width: 480px) {
.header__whatsapp img {
width:40px;
height:40px
}
}

.menu {
position:fixed;
left:0;
top:0;
width:100%;
height:100%;
font-size:99px;
background-color:#fff;
padding:30px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:space-between;
transition:.8s;
transform:translateX(-100%)
}

.menu.active {
transform:translateX(0)
}

.menu__close {
position:absolute;
right:20px;
top:15px;
font-size:50px;
color:#bbb;
cursor:pointer
}

@media (max-width: 480px) {
.menu__close {
font-size:40px;
right:10px;
top:15px
}
}

.menu__items {
display:flex;
flex-direction:column;
row-gap:40px;
align-items:center
}

section {
margin-top:80px
}

@media (max-width: 480px) {
section {
margin-top:60px
}
}

.main {
position:relative;
background-position:center;
background-size:cover;
background-repeat:no-repeat;
height:calc(100vh - 98px);
margin-top:0;
}

@media (min-height: 992px) {
	.main {
		height: 700px;
	}
}

@media (max-width: 1100px) {
.main {
height:auto;
padding:60px 0
}
}

@media (max-width: 767px) {
.main {
padding-bottom:0;
padding-top:30px
}
}

.main:nth-child(2) .main__image,.main:nth-child(3) .main__image {
display:flex
}

.main__container {
height:100%;
display:flex;
flex-direction:column;
justify-content:center
}

.main__container.bottom .main__body {
	height: 100%;
}

.main__container.bottom .main__image {
align-self:flex-end
}

.main__body {
display:flex;
align-items:center;
margin:0 -40px
}

@media (max-width: 767px) {
.main__body {
flex-direction:column;
row-gap:40px;
align-items:flex-start!important
}
}

.main__content {
flex:1 0 57%;
padding:0 40px
}

.main__title {
font-family:var(--font-family);
font-weight:400;
font-size:53px;
line-height:120%;
text-transform:uppercase;
color:#333;
margin-bottom:20px
}

@media (max-width: 992px) {
.main__title {
font-size:45px;
margin-bottom:15px
}
}

@media (max-width: 480px) {
.main__title {
font-size:35px;
margin-bottom:10px
}
}

.main__subtitle {
font-family:var(--font-family);
font-weight:400;
font-size:32px;
line-height:81%;
color:#4f4f4f;
margin-bottom:70px
}

@media (max-width: 992px) {
.main__subtitle {
font-size:25px;
margin-bottom:15px
}
}

@media (max-width: 480px) {
.main__subtitle {
font-size:20px;
margin-bottom:10px
}
}

.main__subtitle span {
font-weight:500;
color:var(--3)
}

.main__text {
font-family:var(--font-family);
font-weight:400;
font-size:20px;
line-height:130%;
color:#4f4f4f
}

@media (max-width: 480px) {
.main__text {
font-size:16px
}
}

.main__text span {
font-weight:500;
color:var(--3)
}

.main__button {
border-radius:5px;
padding:12px 32px;
font-family:var(--font-family);
font-weight:500;
font-size:18px;
color:#fff;
display:flex;
align-items:center;
justify-content:center;
background:var(--3);
transition:.4s;
margin-top:40px
}

@media (max-width: 480px) {
.main__button {
margin-top:25px
}
}

.main__button:hover {
box-shadow:0 0 20px var(--3)
}

.main__image {
flex:0 0 45%;
padding:0 40px;
display:flex;
align-items:center;
justify-content:flex-end
}

.main__image img {
max-width:100%
}

.main-slider {
position:relative
}

.main__pagination {
position:absolute;
z-index:1;
display:flex;
width:100%;
justify-content:center;
bottom:30px!important
}

@media (max-width: 480px) {
.main__pagination {
bottom:20px!important
}
}

.main__pagination .swiper-pagination-bullet {
width:13px!important;
height:13px!important;
opacity:1!important;
background-color:#d9d9d9;
transition:.4s!important
}

.main__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color:var(--3)!important
}

.title {
font-family:var(--font-family);
font-weight:500;
font-size:36px;
line-height:120%;
letter-spacing:.05em;
text-transform:uppercase;
color:#333;
margin-bottom:35px
}

@media (max-width: 480px) {
.title {
margin-bottom:30px;
font-size:25px
}
}

.title::after {
content:"";
display:block;
width:56px;
height:3px;
margin-top:20px;
background-color:#333
}

@media (max-width: 480px) {
.title::after {
width:35px;
height:2px;
margin-top:15px
}
}

.why__items {
display:grid;
grid-template-columns:1fr 1fr 1fr 1fr;
gap:43px
}

@media (max-width: 1050px) {
.why__items {
grid-template-columns:1fr 1fr;
gap:35px
}
}

@media (max-width: 600px) {
.why__items {
grid-template-columns:1fr
}
}

.why__image {
margin-bottom:15px
}

.why__name {
font-family:var(--font-family);
font-weight:500;
font-size:18px;
line-height:144%;
color:#333;
margin-bottom:15px
}

.why__text {
font-family:var(--font-family);
font-weight:400;
font-size:16px;
line-height:150%;
color:#4f4f4f
}

.form {
background:url(../images/form.svg) center / cover no-repeat
}

.form__body {
display:grid;
grid-template-columns:6fr 3fr;
gap:50px;
align-items:center
}

@media (max-width: 1100px) {
.form__body {
grid-template-columns:1fr;
align-items:start;
padding-top:40px;
row-gap:30px
}
}

.form__title {
color:#fff
}

.form__title::after {
background-color:#fff
}

.form__text {
font-family:var(--font-family);
font-weight:400;
font-size:18px;
line-height:128%;
color:#fff;
margin-bottom:40px
}

.form__inputs {
display:grid;
grid-template-columns:230px 230px;
column-gap:20px;
row-gap:35px;
margin-bottom:30px
}

@media (max-width: 550px) {
.form__inputs {
grid-template-columns:1fr;
row-gap:30px
}
}

.form__input:nth-child(3) {
grid-column:1 / 3
}

@media (max-width: 550px) {
.form__input:nth-child(3) {
grid-column:auto
}
}

.form__input input,.form__input textarea {
width:100%;
padding-bottom:10px;
font-family:var(--font-family);
font-weight:400;
font-size:16px;
color:#f1fbfd;
border-bottom:1px solid #f1fbfd;
background-color:transparent
}

.form__input input::placeholder,.form__input textarea::placeholder {
color:#fff
}

.form__button {
font-family:var(--font-family);
font-weight:500;
font-size:18px;
line-height:167%;
color:var(--3);
padding:10px 32px;
border-radius:5px;
background:#f1fbfd;
transition:.4s
}

.form__button:hover {
box-shadow:0 0 20px #f1fbfd
}

.form__image {
margin-bottom:-10px
}

.form__image img {
max-width:100%
}

.about__body {
display:flex;
align-items:center;
margin:0 -50px
}

@media (max-width: 992px) {
.about__body {
flex-direction:column;
align-items:start;
row-gap:30px
}
}

.about__image {
flex:0 0 50%;
padding:0 50px
}

.about__image img {
width:100%
}

.about__content {
flex:1 0 50%;
padding:0 50px
}

.about__text {
font-family:var(--font-family);
font-weight:400;
font-size:16px;
line-height:150%;
color:#4f4f4f;
display:flex;
flex-direction:column;
row-gap:10px
}

@media (max-width: 480px) {
.about__text {
font-size:14px
}
}

.about__button {
border-radius:5px;
padding:12px 32px;
font-family:var(--font-family);
font-weight:500;
font-size:18px;
color:#fff;
display:flex;
align-items:center;
justify-content:center;
background:var(--3);
transition:.4s;
margin-top:25px
}

.about__button:hover {
box-shadow:0 0 20px var(--3)
}

.numbers__items {
display:grid;
grid-template-columns:1fr 1fr 1fr 1fr;
gap:32px
}

@media (max-width: 1100px) {
.numbers__items {
grid-template-columns:1fr 1fr
}
}

@media (max-width: 767px) {
.numbers__items {
grid-template-columns:1fr;
gap:20px
}
}

.numbers__item {
padding:50px 25px;
border-radius:5px 5px 0 0;
border-bottom:3px solid var(--3);
background:linear-gradient(90deg,#eefbffcc 0%,#e4f6facc 100%)
}

@media (max-width: 480px) {
.numbers__item {
padding:30px 15px
}
}

.numbers__title {
font-family:var(--font-family);
font-weight:600;
font-size:50px;
line-height:120%;
color:var(--3);
margin-bottom:15px;
text-align:center
}

@media (max-width: 480px) {
.numbers__title {
font-size:40px
}
}

.numbers__text {
font-family:var(--font-family);
font-weight:500;
font-size:18px;
line-height:133%;
text-align:center;
color:#4f4f4f
}

.start {
margin-top:0;
background:url(../images/service-start.jpg) center / cover no-repeat;
padding:100px 0
}

@media (max-width: 767px) {
.start {
padding:60px 0;
background-position:calc(100% + 150px) center
}
}

.start__title {
font-family:var(--font-family);
font-weight:500;
font-size:64px;
line-height:120%;
text-transform:uppercase;
color:#333;
margin-bottom:20px
}

@media (max-width: 767px) {
.start__title {
font-size:40px;
margin-bottom:15px
}
}

.start__text {
font-family:var(--font-family);
font-weight:400;
font-size:20px;
line-height:130%;
color:#4f4f4f;
max-width:517px
}

@media (max-width: 767px) {
.start__text {
font-size:16px
}
}

.services-page .about__title {
margin-bottom:20px;
font-family:var(--font-family);
font-weight:500;
font-size:36px;
line-height:120%;
color:#333;
text-transform:none
}

@media (max-width: 480px) {
.services-page .about__title {
font-size:30px
}
}

.services-page .about__title::after {
display:none
}

.service-wrapper {
border-top:80px solid transparent;
margin-top:-80px;
-moz-background-clip:padding;
-webkit-background-clip:padding-box;
background-clip:padding-box
}

.services-page {
position:relative
}

.services-page::after {
content:"";
display:block;
height:2300px;
width:823px;
background:url(../images/services-bg.svg) 0 0 / contain no-repeat;
position:absolute;
left:0;
top:160px;
z-index:-1
}

@media (max-width: 992px) {
.services-page::after {
width:70%
}
}

.services-page .service-wrapper:nth-of-type(even) .about__body {
flex-direction:row-reverse
}

@media (max-width: 992px) {
.services-page .service-wrapper:nth-of-type(even) .about__body {
flex-direction:column
}
}

.services__items {
display:grid;
grid-template-columns:1fr 1fr 1fr 1fr;
gap:32px
}

@media (max-width: 1100px) {
.services__items {
grid-template-columns:1fr 1fr;
gap:20px
}
}

@media (max-width: 767px) {
.services__items {
grid-template-columns:1fr
}
}

.services__item {
display:flex;
flex-direction:column;
align-items:center;
padding:40px 10px;
border-radius:5px;
background:#ebf9fc;
transition:.4s;
cursor:pointer
}

.services__item:hover {
background:var(--3)
}

.services__item:hover .services__name,.services__item:hover .services__text {
color:#fff
}

.services__item:hover .services__icon path,.services__item:hover .services__more path {
fill:#fff
}

.services__name {
font-family:var(--font-family);
font-weight:500;
font-size:18px;
line-height:144%;
text-transform:uppercase;
text-align:center;
color:#333;
margin-bottom:10px;
transition:.4s
}

.services__text {
font-family:var(--font-family);
font-weight:400;
font-size:16px;
line-height:140%;
text-align:center;
color:#4f4f4f;
margin-bottom:20px;
flex-grow:1;
transition:.4s
}

.services__icon {
margin-bottom:60px
}

.services__icon path {
transition:.4s
}

.services__more path {
transition:.4s
}

.modal {
background:#8c9099b3;
position:fixed;
left:0;
top:0;
z-index:99;
width:100%;
height:100%;
justify-content:flex-start;
align-items:center;
position:fixed;
overflow:hidden;
overflow-y:auto;
-webkit-overflow-scrolling:touch;
padding:20px 10px;
display:none
}

.modal.active {
display:flex
}

.modal__body {
height:auto;
margin:auto;
position:relative;
overflow:hidden;
padding:60px 60px 130px;
width:517px;
border-radius:4px;
background:#ebf9fc url(../images/modal-circle.svg) right bottom / 180px no-repeat
}

@media (max-width: 550px) {
.modal__body {
width:100%;
padding:40px 20px 130px
}
}

.modal__close {
position:absolute;
right:15px;
top:10px;
font-size:40px;
color:#bbb;
cursor:pointer
}

.modal__title {
font-family:var(--font-family);
font-weight:600;
font-size:25px;
line-height:120%;
letter-spacing:.05em;
text-transform:uppercase;
text-align:center;
color:#333;
margin-bottom:15px
}

@media (max-width: 480px) {
.modal__title {
font-size:22px
}
}

.modal__text {
font-family:var(--font-family);
font-weight:400;
font-size:19px;
line-height:140%;
text-align:center;
color:#4f4f4f;
margin-bottom:55px
}

@media (max-width: 480px) {
.modal__text {
font-size:16px;
margin-bottom:30px
}
}

.modal__inputs {
display:flex;
flex-direction:column;
row-gap:15px;
margin-bottom:23px
}

.modal__input input {
font-family:var(--font-family);
font-weight:400;
font-size:19px;
line-height:140%;
color:#151515;
border-radius:4px;
padding:12px 7px 12px 15px;
width:100%
}

.modal__input input::placeholder {
color:#828282
}

.modal__button {
font-family:var(--font-family);
font-weight:500;
font-size:15px;
line-height:150%;
color:#fff;
display:inline-flex;
align-items:center;
justify-content:center;
border-radius:4px;
padding:7px 25px;
background:var(--3);
transition:.4s
}

.modal__button:hover {
box-shadow:0 0 20px var(--3)
}

.reviews__items-wrapper {
position:relative
}

.reviews__item {
padding:50px 20px 40px;
border-radius:5px;
background-color:#ebf9fc;
display:flex;
flex-direction:column;
height:100%
}

.reviews .swiper-slide {
height:auto
}

.reviews__top {
display:flex;
align-items:center;
column-gap:15px;
margin-bottom:20px
}

.reviews__top img {
flex-shrink:0
}

.reviews__top span {
font-family:var(--font-family);
font-weight:500;
font-size:20px;
line-height:120%;
color:#333
}

.reviews__text {
font-family:var(--font-family);
font-weight:400;
font-size:15px;
line-height:125%;
letter-spacing:-.01em;
color:#4f4f4f;
display:flex;
flex-direction:column;
row-gap:10px;
margin-bottom:38px;
flex-grow:1
}

.reviews__stars {
margin-bottom:15px
}

.reviews__date {
font-family:var(--font-family);
font-weight:400;
font-size:14px;
line-height:171%;
color:#828282
}

.reviews__arrow {
position:absolute;
top:50%;
transform:translateY(-50%);
transition:.4s;
cursor:pointer
}

.reviews__arrow.swiper-button-disabled {
opacity:.5
}

.reviews__prev {
left:-50px
}

.reviews__next {
right:-50px
}

.start-reviews {
background:url(../images/reviews-start.jpg) center / cover no-repeat
}

.reviews-page__items {
display:grid;
grid-template-columns:1fr 1fr 1fr;
gap:32px
}

@media (max-width: 1050px) {
.reviews-page__items {
grid-template-columns:1fr 1fr;
gap:20px
}
}

@media (max-width: 700px) {
.reviews-page__items {
grid-template-columns:1
}
}

.start-about {
background:url(../images/about-start.jpg) center / cover no-repeat
}

.charters__item {
display:block
}

.charters__item img {
width:100%
}

.contacts__body {
display:grid;
grid-template-columns:1fr 384px;
gap:32px
}

@media (max-width: 992px) {
.contacts__body {
grid-template-columns:1fr 270px;
gap:20px
}
}

@media (max-width: 767px) {
.contacts__body {
display:flex;
flex-direction:column-reverse
}

.contacts__map {
height:400px
}
}

.contacts__map iframe,.contacts__map div {
width:100%;
height:100%
}

.contacts__content {
background:#f3f8f8;
border-radius:5px;
padding:60px 40px
}

@media (max-width: 992px) {
.contacts__content {
padding:40px 20px
}
}

.contacts__title {
color:var(--3)
}

.contacts__title::after {
background-color:var(--3)
}

.contacts__items {
display:flex;
flex-direction:column;
row-gap:25px
}

.contact__title {
display:flex;
align-items:center;
column-gap:8px;
margin-bottom:15px
}

.contact__title span {
font-family:var(--font-family);
font-weight:400;
font-size:15px;
line-height:100%;
text-transform:uppercase;
color:var(--3)
}

.contact__text {
font-family:var(--font-family);
font-weight:400;
font-size:16px;
line-height:125%;
color:#3c3c3c
}

.contact__link {
margin-top:14px;
font-family:var(--font-family);
font-weight:500;
font-size:16px;
line-height:150%;
text-decoration:underline;
text-decoration-skip-ink:none;
color:#3c3c3c;
display:block
}

.footer {
padding:65px 0 25px;
background:#323232
}

.footer__body {
display:flex;
align-items:start;
justify-content:space-between;
column-gap:50px;
flex-wrap:wrap;
row-gap:40px
}

@media (max-width: 1200px) {
.footer__nav {
display:none
}
}

.footer__title {
font-family:var(--font-family);
font-weight:600;
font-size:17px;
color:#fff;
margin-bottom:15px
}

.footer__nav-items {
display:flex;
flex-direction:column;
row-gap:15px
}

.footer__nav-items a {
font-family:var(--font-family);
font-weight:400;
font-size:15px;
line-height:107%;
color:#e5e9ef
}

.footer__services-items {
display:flex;
flex-direction:column;
row-gap:15px
}

.footer__services-items a {
font-family:var(--font-family);
font-weight:400;
font-size:15px;
line-height:107%;
color:#e5e9ef
}

.footer__contacts .footer__title {
padding-left:26px
}

.footer__contacts-items {
display:flex;
flex-direction:column;
row-gap:10px
}

.footer__contacts-item {
display:flex;
column-gap:10px;
align-items:start
}

.footer__contacts-item span {
font-family:var(--font-family);
font-weight:400;
font-size:15px;
line-height:133%;
color:#e5e9ef
}

.footer__contacts-item span a {
color:#e5e9ef
}

.footer__foot {
margin-top:45px;
padding-top:20px;
border-top:1px solid #5a677b
}

.footer__abc {
display:flex;
align-items:center;
gap:5px
}

.footer__abc span {
font-family:var(--third-family);
font-weight:400;
font-size:12px;
color:#fff
}

.footer__abc a {
display:flex;
align-items:center;
justify-content:center
}

#contactForm_forms_flash .close {
display:none
}

#contactForm_forms_flash p {
font-size:16px;
font-family:var(--font-family);
margin-bottom:15px;
color:#90ee90;
line-height:1.3
}

#modalForm_forms_flash .close {
display:none
}

#modalForm_forms_flash p {
font-size:16px;
font-family:var(--font-family);
margin-bottom:15px;
color:green;
text-align:center;
line-height:1.3
}