@charset "UTF-8";
/*----------------------------------------------------- */
/* FONTS */
/*----------------------------------------------------- */
@font-face { font-family: "Circe"; font-weight: 200; src: url(/fonts/CRC25.woff) format("woff"); }
@font-face { font-family: "Circe"; font-weight: 300; src: url(/fonts/CRC35.woff) format("woff"); }
@font-face { font-family: "Circe"; src: url(/fonts/CRC55.woff) format("woff"); }
@font-face { font-family: "Circe"; font-weight: 800; src: url(/fonts/Circe-ExtraBold.woff) format("woff"); }
/*----------------------------------------------------- */
/* GLOBAL */
/*----------------------------------------------------- */
html { background: #f7f7f7; color: #1e1e1e; font: 300 18px/1.32 "Circe", sans-serif; }

a { color: #b21b32; }
a:hover { text-decoration: none; }

img { vertical-align: middle; }

strong, b { font-weight: 800; }

/*----------------------------------------------------- */
/* COMMON */
/*----------------------------------------------------- */
.clearfix::after { clear: both; content: ""; display: block; }

.aligner { display: inline-block; line-height: 1.32; vertical-align: middle; }

.page-container { margin: 0 auto; position: relative; width: 1200px; z-index: 222; }

.page-title { font-weight: 300; font-size: 48px; line-height: 1.25; margin: 0 0 40px; text-transform: uppercase; }

/*----------------------------------------------------- */
/* FEEDBACK FORM */
/*----------------------------------------------------- */
.feedback-form { position: relative; }
.feedback-form .warning { display: none; background: #b21b32; color: white; font-size: 16px; left: 4px; margin: 10px 0 0; padding: 12px; position: absolute; }
.feedback-form .warning::before { border-color: transparent transparent #b21b32 transparent; border-style: solid; border-width: 0 6px 5px 6px; bottom: 100%; content: ""; height: 0; left: 12px; position: absolute; width: 0; }
.feedback-form .input { background: white; border: 4px solid #db8158; box-sizing: border-box; float: left; font: 300 21px "Circe", sans-serif; height: 64px; padding: 12px; }
.feedback-form .input::-webkit-input-placeholder { color: currentColor; opacity: 0.5; }
.feedback-form .input::-moz-placeholder { color: currentColor; opacity: 0.5; }
.feedback-form .input:-ms-input-placeholder { color: currentColor; opacity: 0.5; }
.feedback-form .input:invalid { box-shadow: none; outline: none; }
.feedback-form .submit { background: #b21b32; border: none; color: white; cursor: pointer; float: left; font: 800 21px "Circe", sans-serif; height: 64px; text-transform: uppercase; -webkit-transition: background 0.18s; transition: background 0.18s; }
.feedback-form .submit:hover { background: #1e1e1e; }

/*----------------------------------------------------- */
/* HEADER */
/*----------------------------------------------------- */
.header { background: #fea16b url(/img/header-bg.jpg) 50% 50% no-repeat; height: 596px; overflow: hidden; padding: 50px 0 0; position: relative; }
.header .logo { display: inline-block; margin: 0 50px 120px 0; float: left; }
.header .content { max-width: 600px; }
.header .content p { font-size: 30px; margin: 0; }
.header .scroll-down { background: url(/img/header-scroll-down.png); bottom: 30px; display: block; height: 63px; left: 50%; margin-left: -16px; position: absolute; width: 32px; }
.header .nav { overflow: hidden; }
.header .nav ul { list-style: none; margin: 0; padding: 0; }
.header .nav li { float: left; margin-right: 25px; margin-top: 6px; }
.header .nav li:last-child { margin-right: 0; }
.header .nav a { color: #333; display: block; height: 31px; line-height: 31px; text-decoration: none; font-size: 24px;}

/*----------------------------------------------------- */
/* PAGE 1 */
/*----------------------------------------------------- */
.page-1 { background: url(/img/page-1-bg-1.jpg) 50% 0 no-repeat, url(/img/page-1-bg-2.jpg) 50% 100% no-repeat; overflow: hidden; padding: 85px 0 100px; }
.page-1 .scheme { list-style: none; margin: 0 0 90px; padding: 0; }
.page-1 .scheme li { float: left; font-size: 40px; height: 110px; line-height: 110px; margin-right: 144px; position: relative; }
.page-1 .scheme li::before { background: url(/img/page-1-arrow.png); content: ""; display: block; height: 52px; left: 100%; margin: -26px 0 0 40px; position: absolute; top: 50%; width: 64px; }
.page-1 .scheme li:first-child { font-size: 52px; }
.page-1 .scheme li:last-child { color: #b21b32; margin: 0; }
.page-1 .scheme li:last-child::before { display: none; }
.page-1 .thesis { float: left; font-size: 40px; padding: 30px 0 0; position: relative; white-space: nowrap; width: 300px; z-index: 222; }
.page-1 .thesis strong { display: block; margin: 0 0 25px; text-transform: uppercase; }
.page-1 .thesis span { color: #b21b32; }
.page-1 .statistics { background: white; box-shadow: 0 20px 60px 0 rgba(0, 0, 0, 0.1); overflow: hidden; position: relative; padding: 50px 60px 60px 234px; z-index: 111; }
.page-1 .caption { font-size: 30px; margin: 0 0 140px; position: relative; z-index: 22; }
.page-1 .legend { list-style: none; margin: 0; padding: 0; position: relative; z-index: 22; }
.page-1 .legend li { font-weight: 200; margin: 0 0 20px; padding-left: 30px; position: relative; }
.page-1 .legend li::before { content: ""; display: block; height: 22px; left: 0; margin: -12px 0 0; position: absolute; top: 50%; width: 22px; }
.page-1 .legend li:first-child::before { background: #fea16b; }
.page-1 .legend li:nth-child(2)::before { background: #b21b32; }
.page-1 .legend li:last-child { margin: 0; }
.page-1 .legend li:last-child::before { background: #1e1e1e; }
.page-1 .diagram { bottom: 60px; height: 350px; position: absolute; right: 60px; width: 351px; z-index: 11; }
.page-1 .diagram img { left: 0; position: absolute; top: 0; }
.page-1 .diagram img:first-child { z-index: 3; }
.page-1 .diagram img:nth-child(2) { z-index: 2; }
.page-1 .diagram img:last-child { z-index: 1; }

/*----------------------------------------------------- */
/* PAGE 2 */
/*----------------------------------------------------- */
.page-2 { background: url(/img/page-2-bg-1.jpg) 50% 0 no-repeat, url(/img/page-2-bg-2.jpg) 50% 100% no-repeat; overflow: hidden; padding: 85px 0 100px; }
.page-2 .scheme { list-style: none; margin: 0 0 80px; padding: 0; }
.page-2 .scheme li { float: left; font-size: 40px; margin-right: 259px; position: relative; text-transform: uppercase; }
.page-2 .scheme li::before { background: url(/img/page-2-arrow.png); content: ""; display: block; height: 52px; left: 100%; margin: -26px 0 0 80px; position: absolute; top: 50%; width: 99px; }
.page-2 .scheme li:last-child { margin: 0; }
.page-2 .scheme li:last-child::before { display: none; }
.page-2 .scheme li:last-child strong { color: #b21b32; }
.page-2 .brief { margin: 0 0 45px; }
.page-2 .benefits-1 { list-style: none; margin: 0 0 55px; padding: 0 0 40px; position: relative; }
.page-2 .benefits-1::before { border: 4px solid #b21b32; bottom: 0; content: ""; display: block; left: 178px; position: absolute; right: 178px; top: 70px; z-index: 11; }
.page-2 .benefits-1 li { float: left; font-size: 24px; position: relative; text-align: center; width: 360px; z-index: 22; }
.page-2 .benefits-1 li:first-child { clear: both; float: none; margin: 0 auto 35px; width: 600px; }
.page-2 .benefits-1 li:nth-child(3) { width: 480px; }
.page-2 .benefits-1 .image { background: #f8f8f8; margin: 0 auto; padding: 20px 0; width: 152px; }
.page-2 .benefits-1 .caption { background: #f8f8f8; padding: 0 0 15px; }
.page-2 .benefits-1 strong { color: #b21b32; }
.page-2 .benefits-2 { list-style: none; margin: 0; padding: 0; }
.page-2 .benefits-2 li { background: white; box-shadow: 0 20px 60px 0 rgba(0, 0, 0, 0.1); float: left; font-weight: normal; height: 220px; margin-right: 28px; padding: 52px 32px 42px; text-align: center; width: 215px; }
.page-2 .benefits-2 li:last-child { margin: 0; }
.page-2 .benefits-2 img { margin: 0 0 20px; }
.page-2 .benefits-2 span { display: block; }

/*----------------------------------------------------- */
/* PAGE 3 */
/*----------------------------------------------------- */
.page-3 { background: url(/img/page-3-bg.jpg) 50% 50% no-repeat; height: 592px; overflow: hidden; padding: 90px 0 0; }
.page-3 .content { width: 460px; }
.page-3 .pagination { list-style: none; margin: 0 0 35px; padding: 0; }
.page-3 .pagination li { float: left; margin-right: 10px; }
.page-3 .pagination li.is-active a { background: #b21b32; }
.page-3 .pagination a { background: #db8158; color: white; display: block; font-size: 24px; font-weight: 900; height: 60px; line-height: 62px; text-align: center; text-decoration: none; -webkit-transition: background 0.36s; transition: background 0.36s; width: 60px; }
.page-3 .text-slider section { margin: 0 0 24px; }
.page-3 .text-slider section:last-child { margin: 0; }
.page-3 .text-slider p { font-size: 21px; line-height: 1.4; margin: 0; }
.page-3 .text-slider a { color: #1e1e1e; }
.page-3 .text-slider .title { font-size: 36px; font-weight: 900; margin: 0; }
.page-3 .text-slider .sub-title { font-size: 21px; font-weight: 900; margin: 0 0 5px; text-transform: uppercase; }
.page-3 .images-slider { background: url(/img/page-3-laptop.png); height: 294px; left: 500px; overflow: hidden; padding: 34px 66px 70px 64px; position: absolute; top: 100px; width: 565px; }

/*----------------------------------------------------- */
/* PAGE 4 */
/*----------------------------------------------------- */
.page-4 { background: url(/img/page-4-bg.jpg) 50% 0 no-repeat; overflow: hidden; padding: 90px 0 0; }
.page-4 .page-title { margin: 0 0 -36px; position: relative; text-align: center; z-index: 222; }
.page-4 .page-title strong { background: #f7f7f7; display: inline-block; padding: 0 25px; }
.page-4 .prices { padding: 60px 0; position: relative; z-index: 111; }
.page-4 .prices::before { border: 4px solid #b21b32; bottom: 0; content: ""; display: block; left: 150px; position: absolute; right: 150px; top: 0; z-index: 11; }
.page-4 .item { background: white; box-shadow: 0 20px 60px 0 rgba(0, 0, 0, 0.1); float: left; height: 292px; margin: 24px 24px 24px 0; padding: 28px 22px 100px; position: relative; width: 340px; z-index: 22; }
.page-4 .item:nth-child(2) { height: 340px; margin: 0 24px 0 0; }
.page-4 .item:last-child { margin-right: 0; }
.page-4 .item ul { list-style: none; margin: 0; padding: 0; }
.page-4 .item li { line-height: 1.45; }
.page-4 .item li::before { content: "•"; font-weight: 800; }
.page-4 .item li:last-child { margin: 0; }
.page-4 .item .em { font-weight: normal; margin: 0 0 0px; }
.page-4 .title { font-size: 30px; font-weight: 900; margin: 0 0 15px; text-align: center; text-transform: uppercase; }
.page-4 .val { bottom: 25px; color: #b21b32; font-size: 36px; left: 22px; position: absolute; }
.page-4 .note { font-size: 30px; margin: 30px 0 0; text-align: right; }
.page-4 .note img { margin-left: 16px; }

/*----------------------------------------------------- */
/* PAGE 5 */
/*----------------------------------------------------- */
.page-5 { background: url(/img/page-5-bg.jpg) 50% 100% no-repeat; overflow: hidden; padding: 90px 0 70px; }
.page-5 .switches { list-style: none; margin: 30px 0; padding: 0; }
.page-5 .switches li { float: left; margin-right: 24px; width: 384px; }
.page-5 .switches li:last-child { margin-right: 0; }
.page-5 .switches li.is-active a { color: #b21b32; font-weight: 800; }
.page-5 .switches a { color: #1e1e1e; display: block; font-size: 24px; text-decoration: none; text-transform: uppercase; -webkit-transition: color 0.18s; transition: color 0.18s; }
.page-5 .switches img { margin-right: 14px; }
.page-5 .wrapper { background: white; border-left: 4px solid #b21b32; box-shadow: 0 20px 60px 0 rgba(0, 0, 0, 0.1); height: 182px; margin: 0 150px; position: relative; }
.page-5 .content { bottom: 28px; left: 28px; line-height: 24px; opacity: 0; position: absolute; right: 28px; top: 28px; -webkit-transition: opacity 0.36s, visibility 0.36s; transition: opacity 0.36s, visibility 0.36s; visibility: hidden; }
.page-5 .content.is-visible { opacity: 1; visibility: visible; }
.page-5 .content p { margin: 0; }
.page-5 .content .title { font-size: 18px; font-weight: 800; margin: 0 0 6px; text-transform: uppercase; }

/*----------------------------------------------------- */
/* FORM 1 */
/*----------------------------------------------------- */
.form-1 { background: #fea16b url(/img/form-1-bg.jpg) 50% 50% no-repeat; height: 348px; overflow: hidden; padding: 90px 0 0; }
.form-1 .page-title { margin: 0 0 60px; }
.form-1 .site, .form-1 .email { left: 0; -webkit-transition: opacity 2s, visibility 2s; transition: opacity 2s, visibility 2s; position: absolute; top: 0; }
.form-1 .site { opacity: 1; visibility: visible; z-index: 22; }
.form-1 .site.is-hidden { opacity: 0; visibility: hidden; }
.form-1 .site.is-hidden .input { -webkit-transform: translateX(-100%); transform: translateX(-100%); }
.form-1 .site.is-hidden .submit { -webkit-transform: translateX(100%); transform: translateX(100%); }
.form-1 .site .input { -webkit-transition: -webkit-transform 2s; transition: transform 2s; width: 570px; }
.form-1 .site .submit { -webkit-transition: -webkit-transform 2s; transition: transform 2s; width: 180px; }
.form-1 .email { opacity: 0; visibility: hidden; z-index: 11; }
.form-1 .email.is-visible { opacity: 1; visibility: visible; }
.form-1 .email .input { width: 430px; }
.form-1 .email .submit { width: 320px; }

/*----------------------------------------------------- */
/* FORM 2 */
/*----------------------------------------------------- */
.form-2 { background: #fea16b url(/img/form-2-bg.jpg) 50% 50% no-repeat; font-size: 30px; height: 451px; overflow: hidden; padding: 90px 0 0; }
.form-2 p { margin: 0 0 20px; }
.form-2 .feedback-form { margin: 0 0 48px; }
.form-2 .input { width: 540px; }
.form-2 .submit { width: 210px; }
.form-2 .contacts { list-style: none; margin: 32px 0 0; padding: 0; }
.form-2 .contacts li { float: left; width: 300px; }
.form-2 .contacts a { color: #1e1e1e; display: inline-block; text-decoration: none; }

/*----------------------------------------------------- */
/* FOOTER */
/*----------------------------------------------------- */
.footer { background: #1e1e1e; color: white; overflow: hidden; padding: 30px 0; }
.footer .copyright { color: rgba(255, 255, 255, 0.5); float: left; height: 42px; line-height: 42px; }
.footer .copyright .aligner { line-height: 1.4; }
.footer .copyright a { color: rgba(255, 255, 255, 0.5); text-decoration: none; }
.footer .sns { float: right; list-style: none; margin: 0; padding: 0; }
.footer .sns li { float: left; margin-right: 10px; }
.footer .sns li:last-child { margin: 0; }
.footer .sns a { background-image: url(/img/footer-sns.png); display: block; height: 42px; width: 42px; }
.footer .sns .sn-1 { background-position: 0px 0; }
.footer .sns .sn-1:hover { background-position: 0px 100%; }
.footer .sns .sn-2 { background-position: -42px 0; }
.footer .sns .sn-2:hover { background-position: -42px 100%; }
.footer .sns .sn-3 { background-position: -84px 0; }
.footer .sns .sn-3:hover { background-position: -84px 100%; }

/*----------------------------------------------------- */
/* OVERLAY */
/*----------------------------------------------------- */
.overlay { background: rgba(30, 30, 30, 0.65); bottom: 0; display: none; left: 0; position: fixed; right: 0; top: 0; z-index: 999; }

.popup { background: white; left: 50%; padding: 30px; position: absolute; text-align: center; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); top: 50%; width: 300px; }
.popup p { font-size: 22px; margin: 0 0 30px; }
.popup .title { font-size: 26px; font-weight: 800; margin: 0 0 15px; text-transform: uppercase; }
.popup .close { background: #b21b32; color: white; display: inline-block; font-weight: 800; line-height: 44px; height: 42px; padding: 0 24px; text-align: center; text-decoration: none; text-transform: uppercase; -webkit-transition: background 0.18s; transition: background 0.18s; }
.popup .close:hover { background: #1e1e1e; }

/*----------------------------------------------------- */
/* WARNINGS */
/*----------------------------------------------------- */
#noScriptWarning, #outdatedBrowserWarning { color: white; padding: 12px; position: relative; text-align: center; z-index: 9999; }
#noScriptWarning a, #outdatedBrowserWarning a { color: white; }

#noScriptWarning { background: red; }

#outdatedBrowserWarning { background: orangered; }

.form-agreement { font-size: 16px; margin-top: 20px; }