@font-face {
	font-family: 'SegoeUI';
	src: url('../fonts/segoe_ui.eot'); /* IE 9 Compatibility Mode */
	src: url('../fonts/segoe_ui.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
		url('../fonts/segoe_ui.woff2') format('woff2'), /* Super Modern Browsers */
		url('../fonts/segoe_ui.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */
		url('../fonts/segoe_ui.ttf') format('truetype'), /* Safari, Android, iOS */
		url('../fonts/segoe_ui.svg#segoe_ui') format('svg'); /* Chrome < 4, Legacy iOS */
}

@font-face {
    font-family: "SegoeUIBold";
    src: url("../fonts/SegoeUIBold.eot");
    src: url("../fonts/SegoeUIBold.eot?#iefix")format("embedded-opentype"),
    url("../fonts/SegoeUIBold.woff") format("woff"),
    url("../fonts/SegoeUIBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

@font-face {
	font-family: 'SegoeUISemibold';
	src: url('../fonts/segoe_ui_semibold.eot'); /* IE 9 Compatibility Mode */
	src: url('../fonts/segoe_ui_semibold.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
		url('../fonts/segoe_ui_semibold.woff2') format('woff2'), /* Super Modern Browsers */
		url('../fonts/segoe_ui_semibold.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */
		url('../fonts/segoe_ui_semibold.ttf') format('truetype'), /* Safari, Android, iOS */
		url('../fonts/segoe_ui_semibold.svg#segoe_ui_semibold') format('svg'); /* Chrome < 4, Legacy iOS */
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html,
body {
  font-size: 18px;
  color: #000000;
  font-family: "SegoeUI", arial, sans-serif;
}

h1 {
   font-size: 44px;
   text-transform: uppercase;
   font-family: "SegoeUIBold";
   margin-bottom: 15px;
}

h2 {
    font-family: "SegoeUIBold";
    font-size: 30px;
    letter-spacing: .5px;
    text-transform: uppercase;
}

p {
    margin-bottom: 0px;
    line-height: normal;
    letter-spacing: .5px;
    line-height: 21px;
}

.wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    margin: 0 auto;
}

header {
    background: url('../img/head-bg.jpg') no-repeat top center / cover ;
    height: 558px;
}

.top-head {
    margin: 0 auto;
    max-width: 906px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 120px;
    text-align: center;
}

.logo { padding-bottom: 42px; }

.btn {
background: #c400fd; /* Old browsers */
background: -moz-linear-gradient(left,  #c400fd 40%, #6f01b1 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #c400fd 40%,#6f01b1 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #c400fd 40%,#6f01b1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c400fd', endColorstr='#6f01b1',GradientType=1 ); /* IE6-9 */
font-family: "SegoeUIBold";
color: #ffffff;
text-decoration: none;
text-transform: uppercase;
-moz-border-radius: 40px 40px;
-webkit-border-radius: 40px 40px;
-o-border-radius: 40px 40px;
border-radius: 40px 40px;
padding: 22px 31px 22px 31px;
font-size: 18px;
letter-spacing: 1.1px;
margin-top: 42px;
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: none;
    outline-offset: -2px;
}

.btn:hover {
    color: #ffffff;
    background: #b711e7; /* Old browsers */
    background: -moz-linear-gradient(left,  #b711e7 40%, #5c0490 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #b711e7 40%,#5c0490 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #b711e7 40%,#5c0490 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b711e7', endColorstr='#5c0490',GradientType=1 ); /* IE6-9 */
}

.btn-yellow {
    background: #ffde00; /* Old browsers */
    background: -moz-linear-gradient(left,  #ffde00 0%, #fad000 35%, #eca600 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #ffde00 0%,#fad000 35%,#eca600 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #ffde00 0%,#fad000 35%,#eca600 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffde00', endColorstr='#eca600',GradientType=1 ); /* IE6-9 */
    color: #000000;
    margin-top: 0px;
}

.btn-yellow:hover {
    background: #eacd07; /* Old browsers */
    background: -moz-linear-gradient(left,  #eacd07 0%, #dab811 35%, #cc9105 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #eacd07 0%,#dab811 35%,#cc9105 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #eacd07 0%,#dab811 35%,#cc9105 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eacd07', endColorstr='#cc9105',GradientType=1 ); /* IE6-9 */
    color: #000000;
}

.btn-yellow-foot {
    padding: 13px 90px 13px 90px;
}

.content {
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    max-width: 906px;
    width: 100%;
    padding: 120px 0px 115px;
}

.content-step {
    max-width: 1100px;
    padding-bottom: 70px;
}

.title {
    text-transform: uppercase;
    font-size: 30px;
    text-align: center;
    letter-spacing: .5px;
    line-height: 35px;
}

.title span {
    font-family: "SegoeUIBold";
}

.type { 
    margin-top: 40px;
    margin-left: 105px;
    margin-right: 85px; 
}

.type li {
    list-style: none;
    background: url(../img/circle.png) no-repeat 0 7px;
    padding-left: 40px;
    padding-bottom: 20px;
}

.type li:last-child {
    padding-bottom: 0px;
}

.video-block {
    background: url(../img/bg-video.jpg) no-repeat top center / cover;
    height: 752px;
}

.video {
    padding-top: 20px;
    width: 100%;
}

.info {
    background: #bf00f8; /* Old browsers */
    background: -moz-linear-gradient(top,  #bf00f8 0%, #9b00d8 51%, #7001b2 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #bf00f8 0%,#9b00d8 51%,#7001b2 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #bf00f8 0%,#9b00d8 51%,#7001b2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf00f8', endColorstr='#7001b2',GradientType=0 ); /* IE6-9 */
    height: 180px;
    display: flex;
}

.info-content {
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.info-item {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
}

.bg-opportunities {
    background: url(../img/bg-opportunities.jpg) no-repeat left center / cover;
}

.bg-instruction {
    background: url(../img/bg-instruction.jpg) no-repeat top center / cover;
    height: auto;
}

.d-advanta {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.d-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    flex-grow: 0;
    flex-basis: calc(33.3% - 30px);
    padding-top: 77px;
}

.title-small { line-height: 20px; }

.title-small span {
    font-family: "SegoeUIBold";
}

.d-item img {
    padding-bottom: 34px;
}

.step {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 85px;
    padding-bottom: 70px;
}

.step-item {
    display: flex;
    align-items: stretch;
    flex-grow: 0;
    flex-basis: calc(33.3% - 30px);
}

.number-big {
    padding-right: 10px;
}

.num {
    display: none;
    font-size: 180px;
    color: #8804c0;
    font-family: "SegoeUIBold";
}

.item-cont {
    display: flex;
    flex-direction: column;
    padding-top: 55px;
}

.item-cont .desc {
    line-height: 25px;
}

.point-line {
    font-size: 30px;
    letter-spacing: 6.5px;
    line-height: 0px;
    padding-bottom: 23px;
}

.desc-info {
    color: #8804c0;
    line-height: 21px;
    text-align: center;
    font-family: "SegoeUISemibold";
}

.accord-block {
    width: 100%;
    margin-top: 55px;
}

.panel-heading {
    padding: 0;
    border: 0;
}

.panel-title > a, .panel-title > a:active {
    display: block;
    font-size: 18px;
    font-family: "SegoeUIbold";
    letter-spacing: 1px;
    word-spacing: 3px;
    text-decoration: none;
}

.panel-heading a:before {
    font-family: 'Glyphicons Halflings';
    content: "\e114";
    float: right;
    transition: all 0.5s;
    font-size: 12px;
}

.panel-heading.active a:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}

.panel-group .panel {
    border-radius: 0px;
    padding: 40px 0px 40px 0px;
    border-bottom: 1px solid #d1b200;
}

.panel-default {
    border-color: transparent;
}

.panel {
    background-color: transparent;
    border: none;
}

.panel-default>.panel-heading {
    color: #000000;
    background-color: transparent;
    border-color: transparent;
}

.panel-body {
    padding: 0px;
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top: none;
    padding-top: 30px;
}

.footer {
    background: url(../img/bg-foot.jpg) no-repeat top center / cover;
    height: 575px;
}

.form-content {
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    padding-top: 35px;
    max-width: 635px;
    width: 100%;
    align-items: center;
}

.form-block-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    padding-bottom: 10px;
}

.f-item {
    display: flex;
    align-items: center;
    flex-grow: 0;
    flex-basis: calc(33.3% - 0px);
}

.form-control {
    width: 305px;
    border: transparent;
    font-size: 18px;
    border-radius: 5px;
    font-family: "SegoeUISemibold";
    margin-right: 0px;
    padding: 25px 20px;
    margin-bottom: 20px;
    height: auto;
}

.rc-anchor {
    border-radius: 5px !important;
}

@media screen and (max-width: 1065px) {
    header {
        height: auto;
        padding-bottom: 25px;
    }
    h1 { font-size: 31px; }
    h2 {
        font-size: 25px;
        line-height: 30px;
        margin-bottom: 5px;
    }
    .top-head {
        padding-top: 25px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .logo {
        padding-bottom: 25px;
    }
    .content {
        padding: 20px 15px 20px;
    }
    .title {
        font-size: 25px;
        line-height: 30px;
    }
    .type {
        margin: 25px 0px;
    }
    .type li {
        line-height: 20px;
        padding-left: 25px;
        padding-bottom: 15px;
    }
    .video-block {
        height: auto;
    }
    .d-advanta {
        flex-direction: column;
    }
    .d-item {
        padding-top: 35px;
    }
    .d-item img {
        padding-bottom: 15px;
    }
    .info {
        height: auto;
        padding: 25px 15px;
        text-align: center;
    }
    .info-item {
        flex-direction: column;
    }
    .btn {
        margin-top: 15px;
        padding: 15px;
        width: 100%;
    }
    .number-big img { display: none; }

    .bg-instruction {
        height: auto;
    }

    .step {
        flex-direction: column;
        padding-bottom: 25px;
        padding-top: 25px;
    }
    .item-cont { padding-top: 15px; }
    .step-item {
        flex-direction: column;
        padding-bottom: 25px;
    }
	.step-item:last-child {
        padding-bottom: 0px;
    }
    .num {
        display: block;
        text-align: center;
        font-size: 80px;
        line-height: 80px;
        padding-bottom: 15px;
    }
    .point-line {
        line-height: 0px;
        padding-bottom: 20px;
    }
    .video iframe {
        height: auto;
    }
    .accord-block {
        margin-top: 30px;
    }
    .bg-opportunities {
        height: auto;
		background-position: top;
    }
    .form-control {
        margin-right: 0px;
        margin-bottom: 15px;
        width: 100%;
    }
	.footer {
		height: auto;
    }
    .f-item { width: 100%; }
    .form-block-content { flex-direction: column; }
}