@font-face {font-family: "Gilroy-Light";src: url("fonts/Gilroy-Light.woff2") format("woff2");font-display: swap;}
@font-face {font-family: "Gilroy-Bold";src: url("fonts/Gilroy-ExtraBold.woff2") format("woff2");font-display: swap;}
@font-face {font-family: "Bebas Neue";src: url("fonts/Bebas-ExtraBold.woff2") format("woff2");font-display: swap;}

body {background: #d9c6a4;font-family: 'Gilroy-Light', sans-serif;font-size: 18px;}
header {display: block;width: 100%;height: 720px;background: #18394D url('../img/header.jpg') no-repeat center top;color: #fff;padding: 35px 105px;position: relative;}
header .event {list-style: none;padding: 0;margin: 0;display: flex;}
header .event li {height: 60px;border-left: 1px solid #F0DDBC;white-space: nowrap;padding: 10px 20px;font-size: 12px;line-height: 20px;}
header .event li strong {font-size: 16px;}
header .menu {list-style: none;padding: 0;margin: 0;display: flex;justify-content: flex-end;}
header .menu li a, header .menu li a:hover {display: block;height: 60px;padding: 18px 20px;font-size: 16px;color: #fff;text-decoration: none;}
footer {background: #000;padding: 40px 60px 5px;color: #fff;font-family: 'Gilroy-Light', sans-serif;font-size: 16px;}
footer * {color: #fff;font-family: 'Gilroy-Light', sans-serif;font-size: 16px;}
footer .instagram, footer .instagram:hover {display: inline-block;text-decoration: none;background: #F0DDBC;padding: 10px 25px;border-radius: 30px;}
footer a {text-decoration: none;color: #fff;}
footer a:hover {text-decoration: underline;color: #fff;}
a {text-decoration: none;}
h1.utp {position: absolute;top: 200px;left: 15px;font-size: 60px;font-family: 'Bebas Neue', sans-serif;}
h1.utp span {color: #F0DDBC;}
h3 {font-size: 32px;font-family: 'Bebas Neue', sans-serif;text-transform: uppercase;}
.ml-lg-4 {margin-left: 2.5rem!important;}
.container {position: relative;}
.pl-5 {padding-left: 3rem!important;}
.pl-9 {padding-left: 9rem!important;}
.pr-3 {padding-right: 1.5rem!important;}
.ml-4 {margin-left: 2.5rem!important;}
.ml-5 {margin-left: 3rem!important;}
.utp-text {position: absolute;top: 370px;left: 15px;font-size: 18px;font-family: 'Gilroy-Light', sans-serif;width: 500px;opacity: 0.7;}
.book-link {position: absolute;top: 510px;left: 15px;font-size: 12px;font-family: 'Gilroy-Light', sans-serif;width: 113px;height: 113px;color: #F0DDBC;display: block;border-radius: 50%;border: 1px solid #F0DDBC;text-decoration: none;text-align: center;padding: 42px 0;transition: .15s;}
.book-link:hover {color: #18394D;background: #F0DDBC;}
.swipe {display: block;position: absolute;text-align: center;bottom: 30px;left: 630px;font-family: 'Gilroy-Light';font-size: 12px;color: #F0DDBC;}
.speakers {position: relative;}
.speakers .title {position: absolute;top: 50px;left: 130px;z-index: 2;}
.speakers .sp-shadow {box-shadow: 5px 5px 5px rgba(0,0,0,0.2);position: relative;z-index: 1;}
.speakers .first-img {width: auto;height: 441px;}
.speakers .second-img {width: auto;height: 441px;position: relative;z-index: 1;}
.speakers label {position: relative;z-index: 0;left: 0;top: -80px;background: #18394D;display: block;width: 397px;height: 276px;margin-bottom: -80px;}
.speakers label span {color: #F0DDBC;font-size: 48px;font-family: 'Bebas Neue', sans-serif;text-shadow: 3px 3px 3px rgba(0,0,0,0.5);text-transform: uppercase;width: 100%;text-align: center;display: block;padding: 195px 0 0;}
.speakers h2 {text-transform: uppercase;font-size: 48px;font-family: 'Bebas Neue', sans-serif;text-shadow: 4px 4px 4px rgba(0,0,0,0.15);position: relative;}
.speakers h2:after {content: '';display: block;position: absolute;width: 80px;height: 1px;background: #000;bottom: -15px;left: 0;}
.speakers strong {font-family: 'Gilroy-Bold', sans-serif;letter-spacing: 0.5px;}
.speakers .sp-links {display: flex;justify-content: space-between;list-style: none;padding: 0;margin: 0;position: relative;}
.speakers .sp-links:before {content: '';display: block;position: absolute;width: 100%;height: 1px;background: #000;top: 50%;}
.speakers .sp-links li {position: relative;}
.speakers .sp-links li a {display: block;color: #F0DDBC;font-size: 20px;background: #18394D;border-radius: 36px;padding: 13px 46px;text-decoration: none;position: relative;box-shadow: 4px 4px 4px rgba(24,57,77,0.25);transition: .15s;}
.speakers .sp-links li a:hover {background: #2F6B8E;}
.speakers .sp-links li span {position: absolute;font-size: 10px;text-align: center;width: 100%;padding: 5px 0 0;white-space: nowrap;}
.speakers .sp-under {width: 184px;height: 184px;position: relative;z-index: 0;background: #18394D;top: -90px;left: 280px;margin-bottom: -90px;}
.speakers .sp-skill {display: flex;min-height: 145px;}
.speakers .sp-skill img {display: block;width: 79px;height: 79px;border: 1px solid rgba(24, 57, 77, 0.7);border-radius: 10px;object-fit: scale-down;margin-right: 25px;}
.who-wants {padding: 40px 140px 140px;background: #18394D url('../img/bg.jpg') no-repeat center;color: #F0DDBC;position: relative;background-size: cover;}
.who-wants img {position: absolute;top: 270px;right: 140px;box-shadow: 5px 5px 5px rgba(0,0,0,0.2);}
.who-wants .title1 {font-size: 64px;font-family: 'Bebas Neue', sans-serif;width: 100%;text-align: center;padding-right: 150px;}
.who-wants .title2 {font-size: 64px;font-family: 'Bebas Neue', sans-serif;width: 100%;text-align: center;padding-left: 150px;}
.who-wants .arrows {list-style: none;padding: 0;margin: 50px 0 0;max-width: 420px;}
.who-wants .arrows li {padding: 15px 0 15px 100px;background: url('../img/arrow2.png') no-repeat left center;font-family: 'Gilroy-Bold', sans-serif;font-size: 18px;}
.who-wants .book-link {top: auto;left: 50%;bottom: -100px;margin-left: -57px;}
.how {padding: 15px 50px 5px;background: #F0DDBC url('../img/how.jpg') repeat center;}
.how .title {font-size: 48px;font-family: 'Bebas Neue', sans-serif;width: 100%;text-align: center;color: #18394D;text-shadow: 4px 4px 4px rgba(0,0,0,0.25);}
.how .how-skill {display: inline-flex;min-height: 145px;width: 49%;padding: 10px 50px 0;}
.how .how-skill img {display: block;width: 79px;height: 79px;border: 1px solid rgba(24, 57, 77, 0.7);border-radius: 10px;object-fit: scale-down;margin-right: 25px;}
.program {padding: 40px 185px;background: #18394D;}
.program .title {font-size: 64px;font-family: 'Bebas Neue', sans-serif;width: 100%;text-align: center;color: #F0DDBC;text-shadow: 4px 4px 4px rgba(0,0,0,0.25);}
.accordeon {list-style: none;padding: 0;margin: 60px 0 0;display: block;color: #fff;border-top: 1px solid #F0DDBC;}
.accordeon li {border-bottom: 1px solid #F0DDBC;padding: 15px 0;position: relative;}
.accordeon .title {font-size: 32px;font-family: 'Gilroy-Bold', sans-serif;text-align: left;color: #fff;text-shadow: none;cursor: pointer;}
.accordeon .content {display: none;padding-top: 20px;}
.accordeon .plus {display: block;width: 50px;height: 50px;background: url('../img/accplus.png');position: absolute;top: 13px;right: 13px;cursor: pointer;transition: .3s;background-size: contain;}
.accordeon .plus.open {-webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);-o-transform: rotate(135deg);-ms-transform: rotate(135deg);transform: rotate(135deg);}
.tarifs {padding: 40px 90px 100px;background: #18394D;}
.tarifs .title {font-size: 64px;font-family: 'Bebas Neue', sans-serif;width: 100%;text-align: center;color: #F0DDBC;text-shadow: 4px 4px 4px rgba(0,0,0,0.25);}
.tarifs .subtitle {font-size: 36px;font-family: 'Bebas Neue', sans-serif;width: 100%;text-align: center;color: #F0DDBC;text-shadow: 4px 4px 4px rgba(0,0,0,0.25);}
.tarifs .tarif {background: #F0DDBC;border-radius: 30px;padding: 40px;margin: 0 20px;position: relative;}
.tarifs .tarif label {font-size: 40px;font-family: 'Bebas Neue', sans-serif;width: 100%;text-align: center;color: #000;position: relative;margin: 0 0 30px;}
.tarifs .tarif label:after {content: '';display: block;width: 40%;position: absolute;height: 2px;background: #000;bottom: 0;left: 30%;}
.tarifs .tarif p {font-size: 20px;font-family: 'Gilroy-Bold', sans-serif;}
.tarifs .tarif ul {padding: 20px 0 0;}
.tarifs .tarif li {font-size: 16px;font-family: 'Gilroy-Bold', sans-serif;padding: 0 0 10px;}
.tarifs .tarif s {color: rgba(0,0,0,0.4);}
.tarifs .tarif .price {display: block;width: 100%;text-align: center;font-size: 36px;font-family: 'Gilroy-Light', sans-serif;margin: 90px 0 0;}
.tarifs .tarif .old-price {display: block;width: 100%;text-align: center;font-size: 36px;font-family: 'Gilroy-Light', sans-serif;position: relative;padding: 0 0 20px;}
.tarifs .tarif .old-price:after {content: '';display: block;width: 8px;height: 5px;background: url('../img/arrow6.png');position: absolute;bottom: 8px;left: 50%;margin-left: -4px;}
.tarifs .tarif .new-price {display: block;width: 100%;text-align: center;font-size: 36px;font-family: 'Gilroy-Light', sans-serif;}
.tarifs .tarif button.order {display: block;width: 80%;margin: 15px auto 0;background: #18394D;border: none;font-size: 14px;font-family: 'Gilroy-Light', sans-serif;color: #F0DDBC;padding: 10px 0;border-radius: 36px;box-shadow: 4px 4px 4px rgba(0,0,0,0.25);transition: .15s;}
.tarifs .tarif button.order:hover {background: #2F6B8E;}
.tarifs .tarif button.installment {display: block;width: 80%;margin: 15px auto 0;background: #F0DDBC;border: 1px solid #18394D;font-size: 14px;font-family: 'Gilroy-Light', sans-serif;color: #18394D;padding: 10px 0;border-radius: 36px;transition: .15s;}
.tarifs .tarif button.installment:hover {background: #18394D;color: #F0DDBC;box-shadow: 4px 4px 4px rgba(0,0,0,0.25);}
.tarifs .rass {font-size: 36px;font-family: 'Bebas Neue', sans-serif;padding: 30px 75px 20px;background: #F0DDBC;border-radius: 50px;margin: 50px 0 0;border: none;position: relative;color: #18394D;}
.tarifs .rass:after {content: '';display: block;position: absolute;width: 165px;height: 148px;background: url('../img/tinkoff.png');top: 40px;right: -55px;}
.cases {padding: 15px 100px 5px;}
.cases .title {font-size: 64px;line-height: 70px;font-family: 'Bebas Neue', sans-serif;color: #18394D;text-shadow: 4px 4px 4px rgba(0,0,0,0.25);padding: 20px 0 40px;}
.cases .image a {position: relative;display: block;}
.cases .image a:before {content: '';display: block;position: absolute;background: url('../img/play.png'); width: 54px;height: 54px;top: 50%;left: 50%;margin: -27px 0 0 -27px;z-index: 2;}
.cases .case {display: flex;width: 100%;border-radius: 30px;background: rgba(0,0,0,0.15);box-shadow: 4px 4px 4px rgba(0,0,0,0.25);margin: 0 0 40px;}
.cases .case .content {padding: 10px 20px;flex: 0.6;}
.cases .case .description {text-align: center;padding: 0;flex: 1 1;align-items: center;display: flex;justify-content: center;}
.cases .case .description p {margin: 0;}
.cases .case img {display: block;width: 227px;height: 210px;border-top-left-radius: 30px;border-bottom-left-radius: 30px;}
.cases .case p {font-size: 18px;font-family: 'Gilroy-Bold', sans-serif;}
.cases .case p span {font-size: 18px;font-family: 'Gilroy-Light', sans-serif;}
.faq {padding: 15px 100px 5px;}
.faq .title {font-size: 64px;font-family: 'Bebas Neue', sans-serif;width: 100%;text-align: center;color: #18394D;text-shadow: 4px 4px 4px rgba(0,0,0,0.25);}
.faq .question {display: block;width: 100%;font-size: 18px;font-family: 'Gilroy-Light', sans-serif;font-weight: bold;background: #18394D url('../img/bubblesb.png') no-repeat left bottom;color: #fff;padding: 55px 55px 55px 120px;border-radius: 30px;margin: 0 0 60px;position: relative;}
.faq .question:before {content: '';display: block;position: absolute;width: 78px;height: 78px;background: url('../img/question.png');top: -44px;left: 20px;}
.faq .answer {display: block;width: 100%;font-size: 18px;font-family: 'Gilroy-Light', sans-serif;font-weight: bold;background: #BC6E55 url('../img/bubbleso.png') no-repeat right bottom;color: #fff;padding: 55px 55px 55px 120px;border-radius: 30px;margin: 0 0 60px;position: relative;text-align: right;}
.faq .answer:before {content: '';display: block;position: absolute;width: 78px;height: 78px;background: url('../img/answer.png');top: -44px;right: 20px;}
.footer-menu {list-style: none;padding: 0;margin: 0;display: flex;flex-direction: column;justify-content: space-around;height: 100%;}

.popup {display: none;}
.popup-form {display: block;position: fixed;width: 580px;height: 570px;padding: 20px;background: #282828;top: 50%;left: 50%;margin: -290px 0 0 -285px;color: #fff;z-index: 101;}
.popup-form .title {display: block;width: 100%;font-size: 24px;font-family: 'Gilroy-Light', sans-serif;text-align: center;padding: 0 0 30px;}
.popup-form label {display: block;width: 100%;font-size: 16px;font-family: 'Gilroy-Bold', sans-serif;text-align: center;padding: 0 0 10px;}
.popup-form input {display: block;width: 390px;font-size: 16px;font-family: 'Gilroy-Light', sans-serif;text-align: center;padding: 18px 0;margin: 0 auto 20px;border-radius: 64px;border: none;}
.popup-form button {display: block;width: 390px;font-size: 32px;font-family: 'Gilroy-Light', sans-serif;text-align: center;padding: 18px 0;margin: 40px auto 0;border-radius: 64px;border: none;background: #000;color: #fff;}
.popup-fade {position: fixed;display: block;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0,0,0,.7);z-index: 100;}

@media (max-width: 1400px) {
	.speakers .sp-links li a {font-size: 16px;padding: 13px 33px;}
}

@media (max-width: 1200px) {
	.speakers .sp-links li a {font-size: 14px;padding: 13px 23px;}
}

@media (max-width: 992px) {
	header {background: url('../img/header_mob2.png') no-repeat center bottom, url('../img/header_mob1.png') no-repeat center 200px, url('../img/bg.jpg') no-repeat center;padding: 35px 50px;}
	header .event {justify-content: center;}
	h1.utp {position: relative;top: 20px;left: 0;font-size: 30px;font-family: 'Bebas Neue', sans-serif;text-align: center;text-shadow: 4px 4px 4px rgba(0,0,0,0.25);}
	.ml-lg-4 {margin-left: 0!important;}
	.utp-text {position: relative;top: 40px;left: 0;font-size: 14px;line-height: 18px;font-family: 'Gilroy-Light', sans-serif;opacity: 0.9;text-align: center;font-weight: bold;width: 100%;}
	.book-link {position: relative;top: 55px;left: 0;font-size: 12px;font-family: 'Gilroy-Light', sans-serif;width: 113px;height: 113px;color: #F0DDBC;display: block;border-radius: 50%;border: 1px solid #F0DDBC;text-decoration: none;text-align: center;padding: 42px 0;transition: .15s;margin: 0 auto;}
	.speakers .title img {width: 155px;}
	.speakers .title {top: 20px;left: 10px;}
	.speakers .first-img {width: auto;height: 223px;margin: 0!important;}
	.speakers label {position: relative;z-index: 0;left: 0;top: 0;background: #18394D;display: block;width: 100%;height: 150px;margin: -25px 0 50px -15px;}
	.speakers label span {font-size: 24px;line-height: 24px;padding: 105px 0 0;}
	.speakers h2 {padding: 40px 0 0;font-size: 24px;text-align: center;}
	.speakers h2:after {left: 50%;margin-left: -40px;}
	.pl-5 {padding-left: 1.5rem!important;}
	.pl-9 {padding-left: 0!important;}
	.speakers .sp-links {display: block;}
	.speakers .sp-links:before {display: none;}
	.speakers .sp-links li a {display: inline-block;font-size: 20px;width: 50%;text-align: center;margin: 0 0 30px;}
	.speakers .sp-links li span {width: 90px;white-space: normal;top: -7px;margin: 0 0 0 10px;}
	.speakers .sp-links li span img {display: none;}
	.speakers .sp-skill img {margin: 0 auto;width: 40px;height: 40px;padding: 8px;}
	.speakers .sp-skill {display: block;min-height: auto;text-align: center;}
	.speakers p {font-size: 12px;}
	.speakers .sp-under {position: absolute;z-index: 0;background: #18394D;top: auto;left: auto;margin-bottom: -90px;right: 0;bottom: 40px;}
	.speakers .plane1 {position: absolute;bottom: 0;left: -30px;}
	.speakers .plane2 {position: absolute;bottom: 0;left: 0;}
	.speakers .plane3 {position: absolute;bottom: 0;left: -30px;}
	.who-wants {padding: 20px 20px 60px;}
	.who-wants .title1 {font-size: 48px;font-family: 'Bebas Neue', sans-serif;width: 100%;text-align: left;padding-right: 0;line-height: 48px;}
	.who-wants .title2 {font-size: 48px;font-family: 'Bebas Neue', sans-serif;width: 100%;text-align: right;padding-left: 0;}
	.who-wants img {display: none;}.who-wants .arrows {list-style: none;padding: 0;margin: 20px -10px 0 -30px;max-width: 420px;}
	.who-wants .book-link {bottom: -20px;}
	.who-wants .arrows li {font-size: 14px;}
	.how .title {line-height: 48px;margin: 0 0 20px;}
	.how .how-skill {display: block;min-height: 145px;width: 100%;padding: 15px 0 0;text-align: center;}
	.how {padding: 15px 15px 5px;}
	.how .how-skill img {display: inline-block;margin: 0 0 15px;}
	.program {padding: 15px;}
	.program .title {font-size: 48px;line-height: 48px;}
	.accordeon .title {font-size: 14px;line-height: 18px;padding-right: 45px;}
	.accordeon .plus {display: block;width: 28px;height: 28px;top: 50%;right: 11px;margin: -14px 0 0;}
	.tarifs {padding: 25px 0 50px;}
	.cases {padding: 15px 10px 5px;}
	.cases .title {font-size: 48px;line-height: 48px;text-align: center;}
	.cases .case {flex-direction: column;width: 227px;margin: 0 auto;}
	.cases .case img {border-bottom-left-radius: 0;border-top-right-radius: 30px;}
	.cases .case p {text-align: center;font-size: 14px;line-height: 16px;padding: 0 10px;}
	.cases .case .description {padding: 0 0 25px;}
	.faq {padding: 15px 10px 5px;}
	.faq .title {font-size: 48px;margin: 0 0 60px;}
	.faq .question {font-size: 14px;padding: 45px 20px 20px 20px;text-align: center;}
	.faq .answer {font-size: 14px;padding: 45px 20px 20px 20px;text-align: center;}
	.popup-form {width: 80%;height: 80%;top: 10%;left: 10%;margin: 0;}
	.popup-form .title {font-size: 18px;}
	.popup-form input {width: 100%;}
	.popup-form button {width: 100%;font-size: 18px;}
	.popup-fade {position: fixed;display: block;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0,0,0,.7);z-index: 100;}
	footer {padding: 40px 25px 15px;}
}

@media (max-width: 768px) {
	.speakers .second-img {max-width: 100%;height: auto;}
}

@media (max-width: 576px) {
	.speakers .sp-links li a {width: 80%;}
	.speakers .sp-links li span {position: relative;width: 100%;top: -25px;margin: 0;}
	.speakers .sp-under {position: absolute;z-index: 0;background: #18394D;top: auto;left: auto;margin-bottom: -90px;right: -12px;bottom: 40px;width: 85px;height: 85px;}
	.title.title-2 {left: auto;right: 10px;}
}