* { padding: 0; margin: 0; } 
*, :after, :before { -webkit-box-sizing: border-box; box-sizing: border-box; } 
html { scroll-behavior: smooth; font-size: 62.5%; } 
body { background-color: #fff; font-family: 'Poppins', sans-serif; font-size: 1.6rem; font-weight: 400; color: #fff; } 
button { border: 0; outline: 0 !important; cursor: pointer; } 
table { border-spacing: 0px !important; border-collapse: collapse !important; } 
li { list-style-type: none; } 
input { outline: 0 !important; } 
input[type=search]::-ms-clear { display: none; width: 0; height: 0; } 
input[type=search]::-ms-reveal { display: none; width: 0; height: 0; } 
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { display: none; } 
input[type="search"], input[type="text"], input[type="submit"], input[type="password"], input[type="email"], input[type=number], input[type=phone], textarea { -webkit-appearance: none; font-family: 'Poppins', sans-serif; font-weight: 500; } 
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } 
input[type=number] { -moz-appearance: textfield; } 
textarea { resize: none; outline: 0 !important; } 
select { outline: 0 !important; } 
a { text-decoration: none; color: inherit; } 
a:hover { text-decoration: none; } 
main { width: 100%; overflow: hidden; } 
.overflow-hidden { overflow: hidden; } 
.margin-bottom { margin-bottom: 10rem; } 
.margin-top { margin-top: 10rem; } 
.container { max-width: 100%; margin-right: auto; margin-left: auto; padding-left: 1.5rem; padding-right: 1.5rem; } 
@media (min-width:1500px) { .container { max-width: 1440px; } 
} 
header { width: 100%; height: 6rem; background-color: #124949; position: fixed; top: 0; left: 0; z-index: 9; } 
.header__row { max-width: 100%; padding: 0 10rem; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: flex-start; justify-content: space-between; } 
@media (max-width:1540px) { .header__row { padding: 0 2rem; } 
} 
@media (max-width:420px) { .header__row { padding: 0 1rem; } 
} 
.header__logo { position: relative; top: 0; left: 0; width: 20rem; height: 30rem; display: flex; align-items: center; justify-content: center; background-image: url(../img/logos/logo-bg.png); background-position: left top; background-size: 20rem 30rem; background-repeat: no-repeat; transition: 1s; z-index: 9; } 
@media (max-width:1320px) { .header__logo { top: -6rem; width: 10rem; height: 20rem; background-size: 10rem 20rem; transition: 1s; } 
} 
@media (max-width:600px) { .header__logo { top: -2rem; width: 8rem; height: 12rem; background-size: 8rem 12rem; } 
} 
.header__logo.small { top: -6rem; width: 10rem; height: 20rem; background-size: 10rem 20rem; transition: 1s; } 
.header__logo img { position: absolute; left: 2rem; top: 3rem; width: 14.5rem; height: auto; transition: 1s; } 
@media (max-width:1320px) { .header__logo img { left: 0.7rem; top: 6.5rem; width: 8rem; transition: 1s; } 
} 
@media (max-width:600px) { .header__logo img { top: 3rem; width: 6rem; } 
} 
.header__logo.small img { left: 0.7rem; top: 6.5rem; width: 8rem; transition: 1s; } 
.header__links { display: flex; align-items: center; height: 60px; } 
.header__nav { display: flex; align-items: center; } 
@media (max-width:1320px) { .header__nav { overflow-y: auto; position: fixed; top: 5.9rem; background: #124949; width: 100%; padding-top: 100px; right: 0; left: 0; bottom: 0; z-index: 8; flex-direction: column; justify-content: flex-start; /* clip-path: circle(50px at 90% -20%); */ /* -webkit-clip-path: circle(50px at 90% -10%); */ transition: all 1s ease-out; pointer-events: none; clip-path: circle(0 at 90% -20%); -webkit-clip-path: circle(0 at 90% -10%); } 
.header__nav.open { top: 59px; clip-path: circle(2000px at 90% -10%); -webkit-clip-path: circle(2000px at 90% -10%); pointer-events: all; } 
} 
.header__nav li { position: relative; margin-right: 4rem; height: 100%; } 
@media (max-width:1320px) { .header__nav li { margin-right: 0; margin-bottom: 4rem; height: auto; } 
} 
.header__nav li::after { content: ''; position: absolute; bottom: -2.9rem; left: 0; width: 0; opacity: 0; height: 1rem; background-color: #d0a777; transition: .5s; } 
.header__nav li:hover::after { content: ''; position: absolute; bottom: -2.9rem; left: 0; opacity: 1; width: 100%; height: 1rem; background-color: #d0a777; transition: .5s; } 
@media (max-width:1320px) { .header__nav li:hover::after { display: none; } 
} 
.header__nav li.active::before { content: ''; position: absolute; bottom: -2.9rem; left: 0; width: 100%; height: 1rem; background-color: #d0a777; } 
@media (max-width:1320px) { .header__nav li.active::before { bottom: -1rem; height: .5rem; } 
} 
.header__nav li a { display: block; width: 100%; height: 100%; font-family: 'Roboto Slab', serif; font-weight: 400; } 
@media (max-width:1460px) { .header__nav li a { font-size: 1.4rem; } 
} 
@media (max-width:1320px) { .header__nav li a { font-size: 1.8rem; } 
} 
.header__collapse { display: none; } 
@media (max-width:1320px) { .header__collapse { margin-left: 2rem; display: block; cursor: pointer; z-index: 2; transition: all 0.7s ease; } 
} 
.header__collapse div { width: 2rem; height: .2rem; background: #fff; margin: .5rem; transition: all 0.3s ease; } 
.toggle .line1 { transform: rotate(-45deg) translate(-5px, 5px); } 
.toggle .line2 { transition: all 0.7s ease; width: 0; } 
.toggle .line3 { transform: rotate(45deg) translate(-5px, -5px); } 
.header__contact { display: flex; align-items: center; } 
.header__contact li:first-child { margin-right: 4rem; } 
@media (max-width:720px) { .header__contact li:first-child { margin-right: 1rem; } 
} 
.header__contact li a { display: flex; align-items: center; color: #d0a777; font-family: 'Roboto Slab', serif; font-weight: 400; } 
@media (max-width:1460px) { .header__contact li a { font-size: 1.4rem; } 
} 
.header__contact li a div { display: flex; align-items: center; justify-content: center; width: 6rem; height: 6rem; background-color: #d0a777; margin-right: 2rem; } 
@media (max-width:720px) { .header__contact li a div { width: 4.4rem; height: 4.4rem; border-radius: .5rem; margin-right: 0; } 
} 
.header__contact li a div span { color: #124949; font-size: 2.8rem; } 
@media (max-width:720px) { .header__contact li a div span { font-size: 2.4rem; } 
} 
@media (max-width:720px) { .header__contact li a p { display: none; } 
} 
.hero { width: 100%; height: 600px; position: relative; background-color: #000; margin-top: 5.9rem; } 
.hero::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 10rem; background-image: url(../img/hero/hero-bottom.svg); background-position: left bottom; background-repeat: no-repeat; background-size: 100%; } 
.hero.offers::after { display: none; } 
.hero.home { height: 90vh; } 
@media (max-width:600px) { .hero.home { height: 70vh; } 
} 
.hero__text { max-width: 60%; position: absolute; left: 5rem; bottom: 5rem; text-align: left; z-index: 1; } 
@media (max-width:1080px) { .hero__text { max-width: 100%; left: auto; bottom: auto; top: 50%; transform: translateY(-50%); text-align: center; padding: 0 1.5rem; } 
} 
.hero__text h5 { font-size: 2.8rem; font-weight: 400; margin-bottom: 2rem; text-shadow: 0px 2px 0px rgb(0 0 0); } 
.hero__text p { font-size: 1.4rem; text-shadow: 0px 2px 0px rgb(0 0 0); } 
.hero.offers { height: 100vh; } 
.hero__image { width: 100%; height: 60rem; position: relative; } 
.offers .hero__image { height: 100vh; } 
.hero__slider { width: 100%; height: 90vh !important; } 
.home .hero__image { height: 90vh !important; } 
@media (max-width:600px) { .home .hero__image { height: 70vh !important; } 
} 
.hero__image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } 
.hero__image h2, .hero__image h1 { width: 100%; position: absolute; top: 50%; left: auto; transform: translate(0, -50%) !important; z-index: 2; font-size: 5rem; text-align: center; text-shadow: 0px 2px 0px rgba(0, 0, 0, 1); } 
@media (max-width:1080px) { .hero__image h2, .hero__image h1 { font-size: 4.2rem; } 
} 
@media (max-width:720px) { .hero__image h2, .hero__image h1 { font-size: 3.6rem; padding: 0 1.5rem; } 
} 
@media (max-width:580px) { .hero__image h2, .hero__image h1 { font-size: 3rem; } 
} 
.home .hero__image h2, .home .hero__image h1 { top: 50%; transform: translate(-50%, -50%); } 
.hero__image h2::after, .hero__image h1::after { right: -20%; } 
.hero__image h2::before, .hero__image h1::before { left: -20%; } 
.slick-dots { position: absolute; top: 40%; right: 2rem; transform: translateY(-40%); z-index: 1; cursor: pointer; } 
.slick-dots li { height: 1.8rem; width: 1.8rem; background-color: #fff; border-radius: 100%; margin: 1rem 0; } 
.slick-dots li.slick-active { border: .2rem solid #fff; background-color: #124949; } 
.slick-dots li button { display: none; } 
.scroll { position: absolute; left: 50%; bottom: 0; transform: translateX(-50%) !important; width: 10rem; height: 10rem; background-color: #124949; border-radius: 100%; display: flex; align-items: center; justify-content: center; text-align: center; font-size: 1.4rem; cursor: pointer; z-index: 2; } 
@media (max-width:820px) { .scroll { width: 8rem; height: 8rem; font-size: 1.2rem; bottom: -2rem; } 
} 
.heading { width: 100%; text-align: left; } 
@media (max-width:1080px) { .heading { text-align: center; } 
} 
.heading.center { width: 100%; max-width: 88rem; margin: 0 auto 5rem; text-align: center; } 
.heading__title { color: #124949; font-size: 4.8rem; font-weight: 400; font-family: 'Roboto Slab', serif; margin-bottom: 3rem; } 
@media (max-width:1380px) { .heading__title { font-size: 4.2rem; } 
} 
@media (max-width:720px) { .heading__title { font-size: 3.6rem; } 
} 
@media (max-width:600px) { .heading__title { font-size: 2.8rem; } 
} 
.heading__desc { color: #124949; line-height: 2; margin-bottom: 3rem; } 
@media (max-width:1160px) { .heading__desc { font-size: 1.4rem; } 
} 
.about { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: flex-end; justify-content: center; margin-right: -1.5rem; margin-left: -1.5rem; } 
@media (max-width:1160px) { .about { align-items: center; } 
} 
.about__item { flex: 0 0 50%; max-width: 50%; width: 100%; padding-right: 1.5rem; padding-left: 1.5rem; } 
@media (max-width:1080px) { .about__item { flex: 0 0 100%; max-width: 100%; } 
} 
.about__item:first-child { padding: 8rem 0 7rem 12rem; background-color: #fff; position: relative; } 
@media (max-width:1380px) { .about__item:first-child { padding: 6rem 0 3rem 8rem; } 
} 
@media (max-width:1240px) { .about__item:first-child { padding: 3rem 0 3rem 6rem; } 
} 
@media (max-width:1160px) { .about__item:first-child { padding: 0 1.5rem; margin-bottom: 4rem; } 
} 
.about__item:first-child:after { content: ''; position: absolute; right: -10rem; top: 0; width: 10rem; height: 100%; background-color: #fff; z-index: 1; } 
@media (max-width:1160px) { .about__item:first-child:after { display: none; } 
} 
.about__image { width: 100%; padding-top: 75%; position: relative; } 
.about__image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } 
.offer { width: 100%; height: 100%; position: relative; } 
.offer:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 10rem; background-image: url(../img/hero/hero-top.svg); background-position: left top -.3rem; background-repeat: no-repeat; background-size: 100%; z-index: 1; } 
.offer__bg { position: absolute; top: 0; left: 0; width: 100%; height: 65rem; background-color: rgba(18, 73, 73, 1); z-index: -1; } 
.offer__bg img { position: absolute; bottom: 0; left: 0; width: 100%; height: 50rem; object-fit: cover; } 
.offer__text { padding-top: 18rem; margin: 0 auto 6rem; } 
@media (max-width:500px) { .offer__text { padding-top: 12rem; margin: 0 auto 6rem; } 
} 
.offer__text .heading { width: 74rem; margin: 0 auto; text-align: center; } 
@media (max-width:880px) { .offer__text .heading { padding: 0 1.5rem; width: 100%; } 
} 
.offer__text .heading__title, .offer__text .heading__desc { color: #fff; } 
.offer__logo { position: absolute; top: 1rem; left: 50%; transform: translateX(-50%); width: 13rem; height: auto; z-index: 1; } 
@media (max-width:800px) { .offer__logo { width: 10rem; } 
} 
@media (max-width:500px) { .offer__logo { top: 0; width: 8rem; } 
} 
.offer__images { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: flex-end; justify-content: center; } 
.offer__img { flex: 0 0 50%; max-width: 50%; width: 100%; position: relative; } 
@media (max-width:880px) { .offer__img { flex: 0 0 100%; max-width: 100%; padding-right: 1.5rem; padding-left: 1.5rem; } 
} 
.offer__img:first-child { padding-right: 1.5rem; } 
@media (max-width:880px) { .offer__img:first-child { margin-bottom: 4rem; } 
} 
.offer__img:first-child::after { content: ''; position: absolute; bottom: -5rem; right: 5rem; width: 700px; height: 130px; background-image: url(../img/photo/shadow.png); background-position: center; background-repeat: no-repeat; background-size: 100%; z-index: -1; } 
.offer__img:last-child { padding-left: 1.5rem; } 
.offer__img:last-child::after { content: ''; position: absolute; bottom: -5rem; left: 5rem; width: 700px; height: 130px; background-image: url(../img/photo/shadow.png); background-position: center; background-repeat: no-repeat; background-size: 100%; z-index: -1; } 
.offer__img--block { position: relative; width: 100%; padding-top: 50%; } 
.offer__img--block img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } 
.info { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; justify-content: center; align-items: stretch; margin-right: -1.5rem; margin-left: -1.5rem; } 
@media (max-width:1080px) { .info { align-items: self-end; } 
} 
.info__item { flex: 0 0 50%; max-width: 50%; width: 100%; padding-right: 1.5rem; padding-left: 1.5rem; } 
@media (max-width:1080px) { .info__item { flex: 0 0 100%; max-width: 100%; } 
} 
@media (max-width:1080px) { .info__item:first-child { margin-bottom: 4rem; } 
} 
.info__item .heading__title { margin-bottom: 4rem; } 
.info__item iframe { width: 100%; height: 100%; } 
@media (max-width:1080px) { .info__item iframe { width: 100%; height: 50rem; } 
} 
@media (max-width:600px) { .info__item iframe { height: 40rem; } 
} 
@media (max-width:380px) { .info__item iframe { height: 30rem; } 
} 
.visualizations { max-width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } 
.visualization__item { flex: 0 0 50%; max-width: 50%; width: 100%; margin-bottom: 3rem; } 
@media (max-width:1220px) { .visualization__item { margin-bottom: 2rem; } 
} 
@media (max-width:520px) { .visualization__item { flex: 0 0 100%; max-width: 100%; } 
} 
.visualization__item:nth-child(odd) { padding-right: 1.5rem; } 
@media (max-width:1220px) { .visualization__item:nth-child(odd) { padding-right: 1rem; } 
} 
@media (max-width:520px) { .visualization__item:nth-child(odd) { padding-right: 0; } 
} 
.visualization__item:nth-child(even) { padding-left: 1.5rem; } 
@media (max-width:1220px) { .visualization__item:nth-child(even) { padding-left: 1rem; } 
} 
@media (max-width:520px) { .visualization__item:nth-child(even) { padding-left: 0; } 
} 
.visualization__item:nth-child(3), .visualization__item:nth-child(4) { margin-bottom: 0; } 
@media (max-width:520px) { .visualization__item:nth-child(3), .visualization__item:nth-child(4) { margin-bottom: 3rem; } 
} 
.visualization__photo { display: block; width: 100%; padding-top: 70%; background-color: #124949; position: relative; cursor: pointer; } 
.visualization__photo:hover img { transform: scale(1.02); transition: .5s; } 
.visualization__photo img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: .5s; } 
.visualization__info { display: block; width: 100%; padding-top: 70%; background-color: #124949; text-align: center; position: relative; cursor: pointer; } 
.visualization__info h4 { font-size: 2.4rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-family: 'Roboto Slab', serif; font-weight: 400; } 
@media (max-width:720px) { .visualization__info h4 { font-size: 1.8rem; } 
} 
.investment__images { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center; margin-right: -1.5rem; margin-left: -1.5rem; margin-bottom: 9rem; } 
@media (max-width:880px) { .investment__images { margin-bottom: 4rem; } 
} 
.investment__image { flex: 0 0 33.33333%; max-width: 33.33333%; width: 100%; padding-right: 1.5rem; padding-left: 1.5rem; } 
@media (max-width:600px) { .investment__image { flex: 0 0 100%; max-width: 100%; margin-bottom: 3rem; } 
} 
.investment__image--block { display: block; width: 100%; padding-top: 80%; position: relative; } 
.investment__image--block img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } 
.investment__text p { color: #124949; line-height: 2; } 
@media (max-width:600px) { .investment__text p { font-size: 1.4rem; } 
} 
.gallery { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -1.5rem; margin-left: -1.5rem; } 
.gallery__item { flex: 0 0 33.33333%; max-width: 33.33333%; width: 100%; padding-right: 1.5rem; padding-left: 1.5rem; margin-bottom: 3rem; } 
@media (max-width:960px) { .gallery__item { flex: 0 0 50%; max-width: 50%; } 
} 
@media (max-width:560px) { .gallery__item { flex: 0 0 100%; max-width: 100%; } 
} 
.gallery__img { display: block; width: 100%; padding-top: 70%; position: relative; } 
.gallery__img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } 
.contact { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: flex-start; justify-content: center; margin-right: -1.5rem; margin-left: -1.5rem; } 
.contact__item { flex: 0 0 50%; max-width: 50%; width: 100%; padding-right: 1.5rem; padding-left: 1.5rem; } 
@media (max-width:1080px) { .contact__item { flex: 0 0 100%; max-width: 100%; } 
} 
@media (max-width:1080px) { .contact__item:first-child { margin-bottom: 4rem; } 
} 
.contact__item h4 { color: #124949; font-size: 3.6rem; font-weight: 400; font-family: 'Roboto Slab', serif; margin-bottom: 4rem; } 
@media (max-width:1080px) { .contact__item h4 { font-size: 3rem; } 
} 
@media (max-width:600px) { .contact__item h4 { font-size: 2.4rem; } 
} 
.contact__detalis p { color: #124949; line-height: 1.8; margin-bottom: 3rem; } 
@media (max-width:600px) { .contact__detalis p { font-size: 1.4rem; } 
} 
.form__data { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: flex-start; margin-right: -1rem; margin-left: -1rem; } 
.form__input { flex: 0 0 100%; max-width: 100%; width: 100%; padding-right: 1rem; padding-left: 1rem; text-align: center; position: relative; margin-bottom: 2rem; } 
.form__input.col-66 { flex: 0 0 66.66666%; max-width: 66.66666%; } 
@media (max-width:800px) { .form__input.col-66 { flex: 0 0 100%; max-width: 100%; } 
} 
.form__input.col-33 { flex: 0 0 33.33333%; max-width: 33.33333%; } 
@media (max-width:800px) { .form__input.col-33 { flex: 0 0 50%; max-width: 50%; } 
} 
@media (max-width:400px) { .form__input.col-33 { flex: 0 0 100%; max-width: 100%; } 
} 
.form__checkbox { flex: 0 0 100%; max-width: 100%; width: 100%; padding-right: 1rem; padding-left: 1rem; margin-bottom: 4rem; } 
.form__submit { flex: 0 0 100%; max-width: 100%; width: 100%; padding-right: 1rem; padding-left: 1rem; display: flex; align-items: center; justify-content: space-between; } 
.form__submit .btn-green { padding: 1.4rem 3rem; font-size: 1.5rem; } 
@media (max-width:800px) { .form__submit { display: block; } 
} 
.form__submit .form__input { margin-bottom: 0; margin-right: 3rem; padding-right: 0; padding-left: 0; } 
@media (max-width:800px) { .form__submit .form__input { margin-bottom: 2rem; margin-right: 0; } 
} 
.form__input label { position: absolute; top: 1.3rem; color: #888888; font-size: 1.6rem; -webkit-transition: top .2s ease-in-out, font-size .2s ease-in-out; transition: top .2s ease-in-out, font-size .2s ease-in-out; } 
.form__input label.active { opacity: 1; top: -1rem; font-size: 1.2rem; font-weight: 500; color: #124949; } 
.form__input input, .form__input textarea { width: 100%; border: none; border-bottom: 2px solid #DFDFDF; padding: 1.2rem 0; font-size: 1.6rem; font-weight: 400; color: #6e6b7b; transition: .5s; } 
.form__input input.active, .form__input textarea.active { border-bottom: 2px solid #124949; } 
.checkbox { width: 100%; position: relative; display: flex; align-items: flex-start; z-index: 0; padding-bottom: 2rem; border-bottom: 2px solid #dfdfdf; } 
.checkbox input { position: absolute; top: 0; left: 0; opacity: 0; cursor: pointer; height: 100%; width: 100%; z-index: 1; } 
.checkbox .checkbox__checkmark { height: 24px !important; width: 24px !important; border: 2px solid #dfdfdf; border-radius: 5px; cursor: pointer; transition: .5s; } 
.checkbox:hover input~.checkbox__checkmark { background-color: #F0F3F4; transition: .5s; } 
.checkbox input:checked~.checkbox__checkmark { border: 2px solid #134949; background-color: #134949; } 
.checkbox:hover input:checked~.checkbox__checkmark { -webkit-box-shadow: 0px 0px 15px -1px rgba(28, 31, 46, 0.4); box-shadow: 0px 0px 15px -1px rgba(28, 31, 46, 0.4); } 
.checkbox__checkmark:after { content: ""; position: absolute; display: none; } 
.checkbox input:checked~.checkbox__checkmark:after { display: block; } 
.checkbox .checkbox__checkmark:after { content: ''; position: absolute; top: 4px; left: 9px; width: 6px; height: 14px; border: solid #fff; border-width: 0 3px 3px 0; transform: rotate(45deg); } 
.checkbox__text { color: #878787; font-size: 1.4rem; line-height: 1.8; width: calc(100% - 35px); padding-left: 2rem; } 
@media (max-width:1080px) { .checkbox__text { font-size: 1.1rem; } 
} 
.checkbox__text a { text-decoration: underline; position: relative; z-index: 1; } 
.form__alerts { flex: 0 0 100%; max-width: 100%; width: 100%; padding-right: 1rem; padding-left: 1rem; } 
.alert { display: flex; align-items: center; width: calc(100% - 2rem); margin: 0 auto; border-radius: 5px; margin-bottom: 4rem; } 
.alert.error { border: 2px solid #e61f2b; } 
.alert.success { border: 2px solid #124949; } 
.alert__icon { display: flex; align-self: stretch; width: 50px; border-radius: 2px 0 0 2px; position: relative; } 
@media (max-width:420px) { .alert__icon { width: 5px; } 
} 
.error .alert__icon { background-color: rgba(230, 31, 43, 1); } 
.success .alert__icon { background-color: #124949; } 
.alert__icon span { font-size: 2.4rem; color: #fff; position: absolute; margin: auto; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); } 
@media (max-width:420px) { .alert__icon span { display: none; } 
} 
.alert__data { color: #124949; width: calc(100% - 50px); padding: 1.2rem 1.4rem; font-size: 1.2rem; } 
@media (max-width:420px) { .alert__data { width: calc(100% - 5px); } 
} 
.alert__data h5 { font-size: 1.4rem; font-weight: 600; margin-bottom: 1rem; } 
.error .alert__data h5 { color: #e61f2b; } 
.success .alert__data h5 { color: #124949; margin-bottom: 0; } 
footer { width: 100%; padding: 6rem 0; background-color: #124949; background-image: url(../img/photo/footer.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; } 
.footer__row { max-width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center; } 
.footer__item { flex: 0 0 23%; max-width: 23%; width: 100%; padding-right: 1.5rem; padding-left: 1.5rem; text-align: left; } 
@media (max-width:1280px) { .footer__item { flex: 0 0 50%; max-width: 50%; margin-bottom: 6rem; } 
} 
@media (max-width:880px) { .footer__item { text-align: center; } 
} 
@media (max-width:620px) { .footer__item { flex: 0 0 100%; max-width: 100%; } 
} 
.footer__item.xl { flex: 0 0 31%; max-width: 31%; } 
@media (max-width:1280px) { .footer__item.xl { flex: 0 0 50%; max-width: 50%; } 
} 
@media (max-width:620px) { .footer__item.xl { flex: 0 0 100%; max-width: 100%; } 
} 
.footer__item h4 { font-size: 2.8rem; font-family: 'Roboto Slab', serif; font-weight: 400; color: #f9dcb9; margin-bottom: 4rem; } 
.footer__item p { font-size: 1.4rem; line-height: 1.8; margin-bottom: 3rem; } 
.footer__item ul { margin-bottom: 3rem; } 
.footer__item ul li { font-size: 1.4rem; margin-bottom: 2rem; } 
.footer__logo { width: 100px; height: auto; margin-bottom: 3rem; } 
.footer__author { display: flex; align-items: center; font-size: 1.4rem; } 
@media (max-width:880px) { .footer__author { justify-content: center; } 
} 
.footer__author img { margin-left: 10px; width: 4.4rem; } 
.btn-green, .btn-olive, .btn-yellow { display: inline-block; font-weight: 400; padding: 1.4rem 5rem; font-size: 1.8rem; font-weight: 400 !important; border: 0; color: #fff; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-transition-duration: 0.5s; transition-duration: 0.5s; cursor: pointer; } 
.btn-green { font-family: 'Roboto Slab', serif; background-color: #124949; } 
.btn-olive { font-family: 'Roboto Slab', serif; background-color: #857c5a; } 
.btn-yellow { font-size: 1.5rem; font-weight: 600 !important; color: #185050; background-color: #f9dcb9; padding: 1.4rem 2rem; } 
.btn-green:hover, .btn-olive:hover, .btn-yellow:hover { opacity: .8; -webkit-transform: scale(0.95); transform: scale(0.95); -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); }