@charset "UTF-8";
::-webkit-input-placeholder { color: #494d28; opacity: 1; }

.clear-fix { display: table; content: ""; }

body { overflow-x: hidden; }

#header { width: 100%; background: url("../img/header.png") no-repeat; background-size: cover; padding-top: 100px; padding-bottom: 20px; }

.header_wraper { width: 100%; height: inherit; background: url("../img/pen_1.png") 90% 70% no-repeat, url("../img/pen_2.png") 20% 93% no-repeat, url("../img/pen_3.png") 12% 10% no-repeat; }

.text_box { width: 61%; margin: 0 auto; }
.text_box h1 { text-align: center; font-family: pfbeausanspro-reg, sans-serif; font-size: 38px; text-transform: uppercase; color: #000; text-shadow: -3px -3px 0 #eee, 3px -3px 0 #eee, -3px 3px 0 #eee, 3px 3px 0 #eee; font-weight: bold; margin-top: -15px; line-height: 1.1; }
.text_box h2 { text-align: center; padding: 15px 0; background-image: url("../img/tech.png"); background-repeat: no-repeat; background-size: contain; background-position: 80% 0; font-family: pfbeausanspro-reg, sans-serif; height: 70px; padding-top: 15px; color: #fff; font-weight: bold; font-size: 18px; }
.text_box ul { width: 43.875%; margin: 0 auto; list-style-image: url("../img/list_style.png"); font-family: Calibri, sans-serif; font-size: 21px; color: #516ca1; font-weight: bold; }
.text_box ul li { margin-bottom: 5px; }

.button { display: block; width: 346px; max-width: 100%; height: 187px; margin: 0 auto; text-transform: uppercase; background: url("../img/bg_start.png") 50% 0 no-repeat; background-size: cover; text-align: center; position: relative; padding-top: 75px; }
.button p { display: block; color: #000; font-family: Myriad Pro, sans-serif; }
.button p span { font-size: 28px; }
.button p:before { content: ""; display: block; width: 124px; position: absolute; height: 50px; background: url("../img/decoration_text.png") 0 0 no-repeat; top: 34px; left: 30%; }
.button p:after { content: ""; display: block; width: 124px; position: absolute; height: 50px; background: url("../img/decoration_text.png") 0 0 no-repeat; top: 66%; left: 30%; }

/*.button:after content: '' position: absolute display: block width: 75px height: 40px background-color: #eee top: 97% left: 50% margin-left: -50px background: url("../img/arrow.png") repeat-x 0 0 transition: all 0.5s ease cursor: pointer .button:hover:after background: url("../img/arrow_hover.png") repeat-x 0 0 */
#arrows_top { display: block; width: 75px; height: 40px; background-color: #eee; margin: 0 auto; background: url("../img/arrow.png") repeat-x 0 0; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; cursor: pointer; }

#arrows_top:hover { background: url("../img/arrow_hover.png") repeat-x 0 0; }

.arrows { width: 100px; display: block; margin: 0 auto; }

.title { width: 100%; height: 100px; margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: url("../img/aqua.png") 83% 0 no-repeat; background-size: contain; }
.title p { margin-left: 20px; }

.title :nth-child(1) { font-size: 18px; font-family: Myriad Pro, sans-serif; }

.title :nth-child(2) { font-size: 20px; text-transform: uppercase; font-weight: bold; font-family: pfbeausanspro-reg, sans-serif; }

.for_whom { width: 100%; background-image: url("../img/for_whom.png"); background-repeat: no-repeat; background-size: cover; padding-top: 78px; padding-bottom: 30px; }
.for_whom h3 { font-weight: bold; font-family: Myriad Pro, sans-serif; display: block; width: 600px; margin: 0 auto; padding: 60px 200px 0; color: #fff; font-size: 24px; text-align: center; height: 200px; background-image: url("../img/plyama.png"); background-size: contain; background-repeat: no-repeat; }
.for_whom ul { font-family: Myriad Pro, sans-serif; font-weight: bold; color: #000; font-size: 18px; width: 300px; list-style-image: url("../img/list_style_2.png"); margin-left: 25px; padding-left: 25px; }
.for_whom ul li { margin-bottom: 5px; }

.list_wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.task { width: 100%; background-image: url("../img/task.png"); background-size: cover; padding-top: 50px; padding-bottom: 50px; }

.task_wraper { width: 55.5%; margin: 0 auto; font-family: Myriad Pro, sans-serif; background-image: url("../img/photo.png"); background-repeat: no-repeat; background-position: 100% 0; background-size: 282px 214px; }
.task_wraper h3 { font-size: 34px; color: #01a6e3; position: relative; margin-bottom: 60px; }
.task_wraper h3:after { content: ""; display: block; position: absolute; width: 560px; height: 150px; top: 20px; left: 0; margin-left: -217px; background-image: url("../img/undertext.png"); background-repeat: no-repeat; background-position: -5px 9px; }
.task_wraper ul { list-style-type: disc; font-size: 19px; }
.task_wraper ul li { margin-bottom: 15px; font-weight: bold; text-indent: 20px; }

.review { width: 100%; background-image: url("../img/review.png"); background-size: cover; background-repeat: no-repeat; position: relative; padding-top: 110px; padding-bottom: 35px; }
.review h3 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 570px; position: absolute; left: 50%; margin-left: -260px; top: -100px; height: 200px; background-image: url("../img/clever.png"); background-size: cover; background-position: 50% 50%; padding-top: 40px; }
.review h3 span { margin: auto; text-indent: -30px; color: #fff; font-size: 25px; text-transform: uppercase; font-family: pfbeausanspro-reg, sans-serif; }

.recall_wrap { width: 95%; margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.recall { width: 220px; margin-right: 26px; }
.recall h2 { text-align: center; text-transform: uppercase; color: #000; font-family: pfbeausanspro-reg, sans-serif; font-size: 18px; font-weight: bold; margin: 10px 0; }
.recall img { margin: 0 auto; display: block; width: 100%; }
.recall p { width: inherit; font-weight: bold; font-family: pfbeausanspro-reg, sans-serif; font-size: 15px; text-indent: 15px; text-align: left; }

.plan { width: 100%; background-image: url("../img/plan.png"); background-repeat: repeat-y; padding-top: 40px; padding-bottom: 30px; position: relative; }

.table_box { width: 800px; margin: 0 auto; background-color: #FFF; box-shadow: 0 0 20px rgba(0, 0, 0, 0.7); padding-top: 30px; padding-bottom: 90px; }
.table_box h3 { text-align: center; color: #48224c; font-size: 24px; font-family: pfbeausanspro-reg, sans-serif; text-transform: uppercase; font-weight: bold; margin-bottom: 20px; }
.table_box table { width: 90%; margin: 0 auto; font-family: pfbeausanspro-reg, sans-serif; border-collapse: collapse; margin-bottom: 20px; padding: 5px; }
.table_box table td { padding: 5px; font-size: 19px; border: 1px solid #d0d0d0; overflow: hidden; }
.table_box table th { border: 1px solid #d0d0d0; overflow: hidden; vertical-align: top; }

.table_title :nth-child(1) { width: 30%; font-size: 24px; text-align: center; font-weight: bold; text-transform: uppercase; margin-top: 20px; padding: 20px 20px 0; }

.table_title :nth-child(2) { font-weight: bold; padding: 5px; font-size: 19px; }

.no_border td, .no_border th { border: none !important; }

.height { height: 30px; }

table.td td, table.td th { vertical-align: middle; }
table.td .table_title :nth-child(1) { padding: 0; }

.pen { position: absolute; width: 254px; height: 55px; background-image: url("../img/pensil.png"); right: 20%; bottom: 40px; }

.sertif { width: 100%; background-image: url("../img/fon_6.png"); background-size: 100% 100%; background-repeat: no-repeat; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 87px; }
.sertif h3 { -webkit-box-flex: 1; -webkit-flex: 1 100%; -ms-flex: 1 100%; flex: 1 100%; text-align: center; font-family: pfbeausanspro-reg, sans-serif; font-size: 24px; text-transform: uppercase; color: #d90253; font-weight: bold; margin-bottom: 30px; }
.sertif img { float: left; margin: 0 10px; max-width: 100%; }

.trainer { width: 100%; background-image: url("../img/trainer.png"); background-size: cover; background-repeat: no-repeat; font-family: pfbeausanspro-reg, sans-serif; padding-top: 50px; padding-bottom: 40px; }

.trainer_wrap { width: 800px; margin: 0 auto; }
.trainer_wrap img { display: block; float: left; margin-right: 20px; }
.trainer_wrap .trainer_about { width: 460px; float: left; }
.trainer_wrap h1 { color: #000; font-weight: bold; font-size: 18px; padding: 25px 0 25px 30px; background-image: url("../img/descr_text.png"); background-repeat: no-repeat; background-size: 100% 100%; background-position: 0 -7px; }
.trainer_wrap h2 { color: #f04448; text-transform: uppercase; font-size: 28px; font-weight: bold; margin: 10px 0; }
.trainer_wrap p { font-weight: bold; }

.register { width: 100%; background-image: url("../img/chance.png"); background-repeat: no-repeat; padding-bottom: 20px; background-size: 100% 100%; }

.reg_wrap { width: 800px; margin: 0 auto; }
.reg_wrap h3 { text-align: center; text-transform: uppercase; margin-top: 30px; font-size: 30px; font-weight: bold; font-family: pfbeausanspro-reg, sans-serif; color: #000; }

.step_chance { width: 100%; height: 250px; background-image: url("../img/reg_top.png"); background-repeat: no-repeat; margin-left: -15px; font-family: pfbeausanspro-reg, sans-serif; color: #fff; position: relative; margin-bottom: 30px; }
.step_chance p { font-size: 35px; color: #265818; text-transform: uppercase; text-align: center; }

.steping { padding-top: 40px; margin-left: -10px; }
.steping h4 { margin-left: 110px; text-transform: uppercase; font-size: 28px; margin-bottom: 10px; }
.steping p { float: left; text-align: center; margin-right: 15px; font-size: 18px; color: #fff; text-transform: none; width: 200px; position: relative; }
.steping h2 { clear: both; text-align: center; display: block; width: 250px; margin-left: 23%; position: relative; top: 20px; font-size: 21px; }
.steping h2 span { text-transform: uppercase; font-weight: bold; }
.steping ul { display: none; }

.steping :nth-child(2):after { content: ""; display: inline-block; width: 40px; height: 10px; position: absolute; background-image: url("../img/nlo.png"); background-repeat: no-repeat; right: -4px; background-size: 76% 75%; }

.steping :nth-child(3):after { content: ""; display: inline-block; width: 40px; height: 10px; position: absolute; background-image: url("../img/nlo.png"); background-repeat: no-repeat; right: -38px; background-size: 76% 75%; }

p#sp { float: right; margin-top: 38px; font-weight: bold; }

#reg, #reg2 { font-family: pfbeausanspro-reg, sans-serif; }
#reg input, #reg2 input { width: 30%; margin: 0 10px; height: 30px; border-radius: 5px; background-color: #b7bb96; border: none; padding-left: 10px; padding-top: 5px; }
#reg button, #reg2 button { display: block; width: 95%; margin: 7px auto 0; height: 30px; border: none; border-radius: 5px; background-color: #999d74; color: #fff; text-transform: uppercase; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
#reg button:hover, #reg2 button:hover { background-color: #ac2660; }

.input_wrap { 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; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; }

.timer { width: 70%; margin: 0 auto; }

.place { width: 100%; padding: 35px 0; font-family: pfbeausanspro-reg, sans-serif; }

.place_wrap { width: 800px; margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.place_wrap iframe, .place_wrap .text_block { margin: 0 20px; }
.place_wrap iframe { width: 350px; height: 215px; }

.text_block h3 { color: #784d66; text-transform: uppercase; font-size: 24px; margin-bottom: 15px; }
.text_block p { color: #a48998; font-size: 20px; font-weight: 400; margin-bottom: 15px; }
.text_block span { color: #a48998; font-size: 18px; }

.easy { width: 100%; background-image: url("../img/easy.png"); background-repeat: no-repeat; background-size: cover; padding-top: 130px; padding-bottom: 40px; padding-left: 5px; padding-right: 5px; }

.easy_wrap { width: 800px; margin: 0 auto; background: url("../img/pallete.png") no-repeat 100% 50%; position: relative; }
.easy_wrap h3 { text-transform: uppercase; font-family: pfbeausanspro-reg, sans-serif; font-size: 24px; font-weight: bold; color: #72570e; }
.easy_wrap p { margin-left: 40px; margin-top: 20px; color: #af6a0e; font-family: pfbeausanspro-reg, sans-serif; font-size: 20px; }
.easy_wrap p span { font-weight: bold; }
.easy_wrap ul { display: none; list-style-type: disc; padding-left: 30px; }

.ar { position: absolute; width: 29px; height: 50px; background-image: url("../img/vert_arr.png"); }

.easy_wrap :nth-child(8) { top: 50px; }

.easy_wrap :nth-child(9) { top: 107px; }

.easy_wrap :nth-child(10) { top: 163px; }

.easy_wrap :nth-child(11) { top: 217px; }

.facts { width: 100%; background-image: url("../img/fon_11.png"); background-size: 100% 100%; background-repeat: no-repeat; padding: 83px 0; }
.facts h3 { width: 255px; display: block; margin: 0 auto; text-align: left; position: relative; font-size: 30px; text-transform: uppercase; font-family: pfbeausanspro-reg, sans-serif; color: #6fc612; }
.facts h3:before { position: absolute; top: -24px; margin-left: -61px; font-size: 107px; content: "7"; }
.facts p { text-align: center; margin-top: 35px; font-family: pfbeausanspro-reg, sans-serif; font-size: 20px; position: relative; }
.facts p:before { content: ""; display: block; width: 61px; height: 30px; margin-left: -30px; left: 50%; position: relative; background-image: url("../img/razd.png"); background-repeat: no-repeat; }

.custom_review { background-image: url("../img/custom_rev.png"); padding-top: 20px; }
.custom_review h3 { text-align: center; display: block; width: auto; position: static; top: 0; left: 0; height: auto; padding-top: 0; margin-left: 0; margin-bottom: 20px; background: none; }
.custom_review h3 span { color: #873c25; font-weight: bold; }
.custom_review .recall p { text-indent: 0; }

.reg_2 { width: 100%; background-image: url("../img/reg_2.png"); background-repeat: no-repeat; background-size: 100% 100%; padding: 35px 0; }

.reg_2_wrap { width: 800px; margin: 0 auto; }
.reg_2_wrap h3 { text-align: center; font-family: pfbeausanspro-reg, sans-serif; font-size: 30px; text-transform: uppercase; color: #265818; margin-bottom: 20px; font-weight: bold; }

#footer { width: 100%; background-image: url("../img/footer.png"); background-size: cover; background-repeat: no-repeat; background-position: 100%; text-align: center; font-family: pfbeausanspro-reg, sans-serif; padding-top: 95px; padding-bottom: 30px; }
#footer h1 { color: #fdef10; text-transform: uppercase; font-size: 30px; margin-bottom: 36px; font-weight: bold; }
#footer p { text-transform: uppercase; color: #fff; font-size: 20px; margin-bottom: 30px; }
#footer span { color: #fdef10; font-size: 21px; }

#modal_form { padding-top: 20px; width: 100%; height: 300px; border-radius: 5px; border: 3px #000 solid; background: #fff url("../img/modal-fon.png") no-repeat; background-size: cover; position: fixed; top: 25%; display: none; opacity: 0; z-index: 100; padding: 20px 10px; font-family: pfbeausanspro-reg, sans-serif; }
#modal_form h3 { color: #845ea2; text-transform: uppercase; font-weight: bold; text-align: center; font-size: 24px; }

/* ╨Ъ╨╜o╨┐╨║a ╨╖a╨║╤А╤Л╤В╤М ╨┤╨╗╤П ╤В╨╡╤Е ╨║╤Вo ╨▓ ╤Вa╨╜╨║╨╡) */
#modal_form #modal_close { width: 21px; height: 21px; position: absolute; top: 10px; right: 10px; cursor: pointer; display: block; }

.modal_wrap { width: auto; margin: 0 auto; position: relative; padding-top: 20px; }
.modal_wrap a { display: block; width: 65px; height: 65px; background-image: url("../img/vk.png"); position: absolute; top: 210%; right: 18%; }

.text { position: absolute; right: 25%; top: 210%; height: inherit; }

.text :nth-child(1) { text-transform: uppercase; color: #503672; font-size: 17px; font-weight: bold; margin-bottom: 15px; }

.text :nth-child(2) { color: #6e6e6e; }

#overlay { z-index: 20; position: fixed; background-color: #000; opacity: 0.8; -moz-opacity: 0.8; filter: alpha(opacity=80); width: 100%; height: 100%; top: 0; left: 0; cursor: pointer; display: none; }

#nav_menu { position: fixed; right: 50px; top: 50px; z-index: 9999; }

#demo_ul { margin-left: -250px; display: none; }

.fa { font-size: 40px; line-height: 70; }

/*# sourceMappingURL=main.css.map */