@font-face {
  font-family: 'FuturaPT-B';
  src: url("fonts/Futura PT Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'FuturaPT-M';
  src: url("fonts/Futura PT Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'FuturaPT-B-obl';
  src: url("fonts/Futura PT Bold Obl.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'FuturaPT-ExB';
  src: url("fonts/Futura PT Extra Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'FuturaPT-Book';
  src: url("fonts/Futura PT Book.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
body{
	background-color: #fff;
	font-family: 'FuturaPT-Book';
	font-weight: normal;
    color: #111;
}
div, header, footer, section, p, ul, ol, h1, h2, h3, h4, h5, h6{
    padding: 0;
    margin: 0;
}
div, header, footer, section{
	position: relative;
	box-sizing: border-box;
}
p, ul, ol, li{
    font-family: "FuturaPT-Book";
	color: #111;
    line-height: 1.3;
}
b{
    font-family: "FuturaPT-B";
}
h1, h2, h3, h4, h5, h6{
    line-height: 1.2;
    margin: 0;
    padding: 0;
}
h1, h2{
    font-family: 'FuturaPT-B-obl';
}
h3, h4, h5, h6{
    font-family: 'FuturaPT-B', sans-serif;
}
h1{
	font-size: 8.8em;
    line-height: 0.9;
	text-align: left;
    margin-bottom: 30px;
    position: relative;
}
h1 span{
    display: block;
    position: relative;
    background-image: linear-gradient(180deg, #caf8fb, #139baf);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase;
}
header h2{
    font-family: 'FuturaPT-B', sans-serif;
    font-size: 3.1em;
    color: #fff;
    line-height: 1.1;
    margin-bottom: 45px;
}
header h3{
    font-family: 'FuturaPT-Book', sans-serif;
	font-size: 3em;
	text-transform: none;
    line-height: 1.2em;
    color: #fff;
    margin-bottom: 10px;
}
.text-gradient{
    background-image: linear-gradient(270deg, #06d4e2, #10a3ad);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.mark{
    color: #11c7d4 !important;
}
.uk-button, a{
	-webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -khtml-transition: all 0.4s;
    transition: all 0.4s;
}

.uk-button{
    display: block;
    position: relative;
    font-family: 'FuturaPT-M';
    padding: 18px 30px 22px;
    position: relative;
    border-radius: 50px;
    font-size: 2.6em;
    line-height: 1.3;
    letter-spacing: 1px;
    text-align: center;
    color: #fff;
    background-color: #ff4c4c;
    box-shadow: 0px 22px 18px 0px rgba(0, 0, 0, 0.35);
    width: 600px;
    max-width: 100%;
    overflow: hidden;
}
.uk-button__primary{
    background-image: linear-gradient(180deg, #ff8c8c, #f92020);
}
.uk-button__primary:hover{
    /*background-image: linear-gradient(180deg, #f92020, #ff8c8c);*/
    color: #fff;
}
.uk-button:hover,
.uk-button:active,
.uk-button:focus{
    color: #fff;
    background-color: #ff4c4c;
    transform: translateY(5px);
}
.uk-button:hover{
    /*box-shadow: 0px 22px 18px 0px rgba(0, 0, 0, 0.55);*/
}
.button-container{
    text-align: center;
    margin: 35px 0 0;
}
.button-container .uk-button{
    display: inline-block;
}
header .uk-button{
    animation-delay: 0.4s;
}
.fadeInUp {
    /*-webkit-animation-name: fadeInUp;*/
    /*animation-name: fadeInUp;*/
}
header{
    height: 100vh;
    min-height: 780px;
    max-height: 1080px;
    overflow: hidden;
    background-image: url(images/header-bg-lg.png);
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
}
header .uk-container{
    height: 100%;
}
header .uk-vertical-align{
    height: calc(100% - 140px);
}
header .uk-vertical-align-middle{
    width: 100%;
}


.top-bar{
	overflow: hidden;
	padding-top: 40px;
    text-align: center;
}
.logo{
    display: block;
	float: left;
    position: relative;
    width: 80px;
}
.creators{
    float: left;
    margin-left: 20px;
    text-align: left;
    font-size: 1.5em;
    font-family: 'FuturaPT-M', sans-serif;
    color: #fff;
    padding-top: 15px;
}
.creators p{
    /*font-family: 'FuturaPT-B', sans-serif;*/
    color: #fff;
}
.creators span{
    display: block;
    font-size: 1.35em;
    line-height: 1.2;
}
.top-date{
    float: right;
}
.top-date p{
    font-family: 'FuturaPT-M';
    font-size: 2em;
    text-align: left;
    color: #fff;
    line-height: 1;
    margin-bottom: 0;
    padding-bottom: 0;
}
.top-date span{
    font-family: 'FuturaPT-B-obl';
    font-size: 1.2em;
}




@media screen and (max-width: 1679px) {
    header{
        min-height: 700px;
        max-height: 900px;
        background-position: right center;
    }
    .header-img {
        width: 110%;
        top: 30px;
    }
    h1{
        font-size: 7.8em;
        margin-bottom: 20px;
    }
    header h2{
        font-size: 2.7em;
        margin-bottom: 20px;
    }
    header h3{
        font-size: 2.7em;
    }
    header .uk-vertical-align {
        height: calc(100% - 70px);
    }
}
@media screen and (max-width: 1599px) {
    header{
        min-height: 650px;
        max-height: 900px;
        background-image: url(images/header-bg-m.png);
        background-position: 90% center;
    }
    h1{
        font-size: 7em;
    }
    header h2{
        font-size: 2.4em;
        margin-bottom: 30px;
    }
    header h3{
        font-size: 2.4em;
    }
    header .uk-vertical-align {
        height: calc(100% - 110px);
    }
    header .uk-button{
        font-size: 2.3em;
        width: 530px;
    }
}
@media screen and (max-width: 1399px){
    .logo {
        width: 60px;
    }
    .creators {
        font-size: 1.2em;
        padding-top: 12px;
    }
    .top-date p {
        font-size: 1.6em;
    }
    header{
        min-height: 600px;
        max-height: 768px;
    }
    header h3 {
        font-size: 2.2em;
    }
    h1 {
        font-size: 6.5em;
    }
    header h2 {
        font-size: 2.3em;
    }
    header .uk-button{
        font-size: 2.1em;
        width: 450px;
    }
}
@media screen and (max-width: 1219px){
    header{
        background-position: 75% center;
    }
    header h3 {
        font-size: 2.1em;
    }
    h1 {
        font-size: 6.15em;
    }
    header h2 {
        font-size: 2.2em;
    }
    header .uk-button{
        width: 400px;
    }
    .header-img{
        width: 120%;
    }
}
@media screen and (max-width: 959px){
    header{
        height: 80vh;
        min-height: 700px;
        max-height: 800px;
    }
    header .uk-vertical-align {
        height: calc(100% - 110px);
    }
    .creators {
        font-size: 1em;
    }
    .top-date p {
        font-size: 1.3em;
    }
    header h3 {
        font-size: 1.7em;
    }
    h1 {
        font-size: 5.1em;
    }
    header h2 {
        font-size: 1.8em;
    }
    header .uk-button{
        width: 410px;
        font-size: 2.1em;
    }
}
@media screen and (max-width: 767px){
    header{
        min-height: 640px;
        max-height: 700px;
        background-image: url(images/header-bg-sm.png);
        background-position: center center;
    }
    .logo {
        width: 50px;
    }
    .creators{
        margin-left: 10px;
    }
    .creators span {
        font-size: 1.3em;
    }
    .top-date {
        padding-top: 7px;
    }
    .top-date p {
        font-size: 1.1em;
    }
    header h3 {
        font-size: 2.2em;
    }
    h1 {
        font-size: 6.5em;
    }
    header h2 {
        font-size: 2.3em;
    }
    header .uk-button {
        font-size: 2.2em;
        width: 100%;
    }
}
@media screen and (max-width: 639px){
    header{
        height: 90vh;
        padding-bottom: 50px;
        min-height: 600px;
        max-height: 1000px;
    }
    header .uk-vertical-align {
        height: calc(100% - 140px);
    }
    .top-bar{
        background-color: rgba(0, 0, 0, 0.3);
        padding: 20px;
        margin-top: 20px;
        position: relative;
    }
    .logo {
        
    }
    .top-date {
        float: left;
        clear: left;
        margin-top: 10px;
    }
    .top-date p {
        font-size: 1.2em;
    }
    .top-date span{
        font-size: 1.2em;
    }
    h1{
        font-size: 4.4em;
        margin-bottom: 10px;
    }
    header h2 {
        font-size: 1.6em;
        margin-bottom: 25px;
    }
    header h3 {
        font-size: 1.5em;
    }
    header .uk-button {
        width: 100%;
        padding: 18px 30px 18px;
        font-size: 2em;
    }
}
@media screen and (max-width: 409px){
    header{
        min-height: 540px;
        max-height: 650px;
    }
    header .uk-container{
        padding: 0 15px;
    }
    header .uk-vertical-align {
        height: calc(100% - 140px);
    }
    .top-bar{
        padding: 15px;
    }
    .top-date p {
        font-size: 1.1em;
    }
    .top-date span {
        font-size: 1.1em;
    }
    header h3 {
        font-size: 1.3em;
    }
    h1 {
        font-size: 3.8em;
    }
    header h2 {
        font-size: 1.35em;
    }
}
@media screen and (max-width: 359px){
    header{
        min-height: 525px;
        max-height: 560px;
    }
    .top-bar{
        margin-left: -15px;
        margin-right: -15px;
        margin-top: 0;
    }
    .top-date span {
        font-size: 1.1em;
    }
    header h3 {
        font-size: 1.2em;
    }
    h1 {
        font-size: 3.5em;
    }
    header h2 {
        font-size: 1.23em;
    }
    .header-grid--item__offer {
        padding-top: 40px;
    }
    .uk-button {
        font-size: 1.6em;
    }
}







section{
    padding: 70px 0;
}
section h2{
    font-family: "FuturaPT-B-obl";
    font-size: 5em;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: -2px;
    color: #39436f;
    margin-left: -3px;
    margin-bottom: 40px;
}
section h3{
    font-family: "FuturaPT-M";
    font-size: 1.66em;
    text-transform: none;
    line-height: 1.3;
    color: #111;
    margin-bottom: 40px;
}
mark{
    font-family: "FuturaPT-B";
    background-color: transparent;
    font-style: normal;
    padding: 0;
    margin: 0;
    color: #7723ff;
}
.light{
    background-color: #f9f9f9;
}
.dark{
    background-color: #f1f4f7;
}
.darkest{
    background-color: #e9ecef;
}
section .uk-button{
    box-shadow: 0px 12px 28px 9px rgba(0, 0, 0, 0.2);
}
.regular{
    font-family: "FuturaPT-B-obl";
}
.medium{
    font-family: "FuturaPT-M";
}
.bold{
    font-family: "FuturaPT-B";
}
@media screen and (max-width: 1219px) {
    section h2{
        font-size: 4em;
    }
    section h3{
        font-size: 1.5em;
    }
}
@media screen and (max-width: 767px) {
    section{
        padding: 40px 0;
    }
}
@media screen and (max-width: 639px) {
    section h2{
        font-size: 3em;
    }
    section h3{
        font-size: 1.3em;
    }
}
@media screen and (max-width: 409px) {
    section h2{
        font-size: 2.8em;
    }
    section h3{
        font-size: 1.2em;
    }
}
@media screen and (max-width: 359px) {
    section h2{
        font-size: 2.5em;
    }
    .uk-container{
        padding: 0 15px;
    }
}





/***************************************************************

Главный приз

****************************************************************/

.prize h2{
    margin-bottom: 20px;
}
@media screen and (min-width: 1219px) {
    .prize h3{
        font-size: 1.83em;
    }
}
.prize h2 span{
    display: block;
    font-size: 0.7em;
}
ul.steps{
    display: block;
    position: relative;
    padding: 0;
    margin: 0;
    list-style-type: none;
}
.steps-item:nth-child(1){
    animation-delay: 0.2s;
}
.steps-item:nth-child(2){
    animation-delay: 0.3s;
}
.steps-item:nth-child(3){
    animation-delay: 0.4s;
}
.steps-item:nth-child(4){
    animation-delay: 0.5s;
}
.steps-item{
    padding: 0;
    margin: 0 0 20px 0;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.steps-item:last-child{
    margin: 0;
}
.step-num{
    font-family: "FuturaPT-B-obl";
    font-size: 5em;
    text-align: right;
    line-height: 1;
    text-transform: uppercase;
}
.step-desc{
    margin-left: 15px;
    font-size: 1.4em;
    line-height: 1.5;
    letter-spacing: 1.2px;
}
p.steps-title{
    font-size: 1.8em;
    letter-spacing: 1px;
}
.grid-prize--item__steps{
    padding-top: 35px;
}
.grid-prize--item__prize .note{
    font-size: 1em;
    color: #666;
    margin-top: 10px;
}
.grid-prize--item__prize .wrap{
    /*box-shadow: 5px 5px 45px 0 rgba(22, 30, 109, 0.2);*/
    /*padding: 35px;*/
    /*border-radius: 20px;*/
}
p.prize-title{
    /*border: 3px #ff4c4c solid;*/
    border-radius: 5px;
    padding: 10px 20px;
    font-size: 1.8em;
    /*text-align: center;*/
    background-image: linear-gradient(90deg, #7723ff, #bf25c9);
    /*color: #ff4c4c;*/
    color: #fff;
    letter-spacing: 1px;
}
p.prize-title span{
    display: block;
    font-family: "FuturaPT-B-obl";
    font-size: 1.4em;
    /*color: #7723ff;*/
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0;
}
img.coins{
    display: block;
    max-width: 80%;
    margin: 10px auto 0;
}
@media screen and (max-width: 1219px) {
    .grid-prize--item__steps {
        padding-top: 35px;
    }
    .grid-prize--item__prize {
        padding-left: 35px;
    }
    p.prize-title span {
        font-size: 1em;
    }
    img.coins {
        max-width: 80%;
    }
    .prize .uk-button {
        width: 560px;
    }
}
@media screen and (max-width: 959px) {
    .grid-prize--item__prize .wrap {
        padding: 25px;
    }
    .step-desc {
        font-size: 1.3em;
    }
    p.prize-title span {
        font-size: 1em;
        line-height: 1;
    }
    img.coins {
        max-width: 100%;
    }
    .prize .uk-button {
        line-height: 1;
    }
}
@media screen and (max-width: 767px) {
    .grid-prize--item{
        padding-left: 25px;
    }
    p.prize-title{
        padding: 20px;
    }
    p.prize-title span {
        font-size: 1.45em;
    }
    img.coins {
        max-width: 80%;
        margin-top: 0;
    }
    .prize .uk-button {
        width: 100%;
    }
}
@media screen and (max-width: 639px) {
    .grid-prize--item__prize {
        padding-left: 25px;
    }
    p.prize-title {
        padding: 20px 10px;
    }
    p.prize-title span {
        font-size: 0.93em;
    }
    img.coins {
        max-width: 80%;
    }
    .prize .uk-button {
        padding: 20px 60px;
        font-size: 1.9em;
    }
}
@media screen and (max-width: 409px) {
    .step-desc {
        font-size: 1.2em;
        line-height: 1.3;
    }
    p.prize-title span {
        font-size: 1.05em;
    }
}
@media screen and (max-width: 359px) {
    p.prize-title{
        font-size: 1.5em;
    }
    p.prize-title span {
        font-size: 1.2em;
    }
    p.steps-title {
        font-size: 1.6em;
    }
    .prize .uk-button {
        padding: 15px 50px;
        font-size: 1.7em;
    }
}






/***************************************************************

Как проходит обучение

****************************************************************/
.study h2{
    text-align: center;
}
.grid-study--item{
    text-align: center;
}
.study-icon{
    width: 100px;
    height: 100px;
    margin: 0 auto 20px;
    border-radius: 50%;
    background-color: #dae7f5;
    text-align: center;
    padding-top: 24px;
}
.study-icon img{
    width: 50px;
    display: inline-block;
}
.study-title{
    font-size: 1.5em;
}

@media screen and (max-width: 1219px) {
    .study-title {
        font-size: 1.3em;
    }
}
@media screen and (max-width: 767px) {
    .grid-study--item{
        margin-bottom: 55px;
    }
    .grid-study--item:last-child{
        margin-bottom: 0;
    }
    .study-title {
        font-size: 1.5em;
    }
}
@media screen and (max-width: 359px) {
    .study-title {
        font-size: 1.4em;
    }
}









/***************************************************************

Личный кабинет

****************************************************************/
@media screen and (min-width: 960px) {
    .cabinet h2{
        font-size: 4.7em;
    }
}
.cabinet h2{
    margin-bottom: 20px;
}
.uk-slideshow .uk-cover-background{
    background-image: none !important;
}
.uk-slideshow>li>img {
    visibility: visible;
    display: block;
    position: relative;
    max-width: 100%;
}
.slide-desc{
    font-size: 1.5em;
    margin-top: 25px;
}
.uk-slidenav-position .uk-slidenav-next {
    right: -90px;
}
.uk-slidenav-position .uk-slidenav-previous {
    left: -90px;
}
.uk-slidenav-position .uk-slidenav {
    display: block;
    margin-top: -80px;
}
.uk-slidenav-contrast{
    color: #39436f;
    background-color: #f1f4f7;
    border-radius: 50%;
}
.uk-slidenav-contrast:hover,
.uk-slidenav-contrast:active,
.uk-slidenav-contrast:focus{
    color: #111;
}
.uk-slidenav-next:before {
    display: inline-block;
    position: relative;
    left: 3px;
    top: -2px;
}
.uk-slidenav-previous:before {
    display: inline-block;
    position: relative;
    left: -3px;
    top: -2px;
}

@media screen and (max-width: 1599px) {
    .cabinet .uk-container {
        max-width: 900px;
    }
}
@media screen and (max-width: 1219px) {
    .cabinet .uk-container {
        max-width: 750px;
    }
}
@media screen and (max-width: 959px) {
    .cabinet .uk-container {
        max-width: 600px;
    }
}
@media screen and (max-width: 767px) {
    .uk-slidenav-position .uk-slidenav {
        margin-top: 0;
        top: -70px;
    }
    .uk-slidenav-position .uk-slidenav-previous {
        left: auto;
        right: 70px;
    }
    .uk-slidenav-position .uk-slidenav-next {
        right: 0;
    }
    .uk-slideshow{
        margin-top: 100px;
    }
    .slide-desc {
        font-size: 1.4em;
    }
}
@media screen and (max-width: 359px) {
    .slide-desc {
        font-size: 1.3em;
    }
}








.skills{
    /*padding: 120px 0;*/
}
.skills h2{
    margin-bottom: 20px;
}
.skills h3{
    margin-bottom: 40px;
}
.skills h2 span{
    display: block;
    font-size: 0.7em;
}
.skills .bg{
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
    opacity: 0.4;
}
.skills h2{
    margin-bottom: 40px;
}
.skills p{
    font-size: 1.4em;
    line-height: 1.5;
    letter-spacing: 1.2px;
}
.grid-skills--item{
    /*margin-bottom: 35px;*/
}
.grid-skills--item:last-child{
        /*margin-bottom: 0;*/
    }
.skills p.skill-title{
    font-size: 2.5em;
    margin-bottom: 10px;
}
.skill-title span{
    font-family: 'FuturaPT-B-obl';
    font-size: 1.3em;
}
.skill-desc{
    display: block;
    position: relative;
    padding: 0;
    list-style-type: none;
}
.skill-desc li{
    display: block;
    position: relative;
    font-size: 1.5em;
    line-height: 1.3;
    margin-bottom: 10px;
    padding-left: 18px;
}
.skill-desc li:before{
    content: '';
    display: inline-block;
    position: relative;
    width: 7px;
    height: 7px;
    margin-right: 10px;
    margin-left: -18px;
    top: -3px;
    background-color: #11c7d4;
}
@media screen and (max-width: 959px) {
    .skills p {
        font-size: 1.3em;
    }
    .skills{
        padding: 70px 0;
    }
}
@media screen and (max-width: 767px) {
    .skills {
        /*padding-top: 0;*/
        /*margin-top: 70px;*/
    }
    .grid-skills--item{
        margin-bottom: 25px;
    }
    .grid-skills--item:last-child{
        margin-bottom: 0;
    }
    .skill-title span{
        font-size: 1.1em;
    }
}
@media screen and (max-width: 639px) {
    .skills p {
        font-size: 1.2em;
    }
    .skills h2 {
        font-size: 2.6em;
    }
    .skill-desc li {
        font-size: 1.3em;
    }
    .skills p.skill-title{
        font-size: 2em;
    }
}








.help{
    background-image: url(images/section-bg.jpg);
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center center;
}
.help h2{
    color: #fff;
    font-size: 3.9em;
    margin-bottom: 50px;
}
.help h2 span{
    /*display: block;*/
}
.grid-help--item{
    text-align: center;
}
.help-icon{
    width: 100px;
    height: 100px;
    margin: 0 auto 20px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.2);
    text-align: center;
    padding-top: 24px;
}
.help-icon img{
    width: 50px;
    display: inline-block;
}
.help-title{
    color: #fff;
    margin-top: 20px;
    font-size: 1.7em;
    line-height: 1;
}
@media screen and (max-width: 1219px) {
    .help h2 {
        font-size: 3em;
    }
    .help-title{
        font-size: 1.5em;
    }
}
@media screen and (max-width: 767px) {
    .help h2 {
        font-size: 2.5em;
    }
    .help-title{
        font-size: 1.7em;
    }
    .help-title br{
        display: none;
    }
    .grid-help--item{
        margin-bottom: 55px;
    }
    .grid-help--item:last-child{
        margin-bottom: 0;
    }
}
@media screen and (max-width: 639px) {
    .help h2 {
        font-size: 3em;
    }
}
@media screen and (max-width: 409px) {
    .help h2 {
        font-size: 2.6em;
    }
}
@media screen and (max-width: 359px) {
    .help h2 {
        font-size: 2.4em;
    }
    .help-title {
        font-size: 1.6em;
    }
    .help-title br{
        display: inline;
    }
}










.authors{
    background-image: url(images/net-bg.png);
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center center;
}
.authors h2{
    margin-bottom: 60px;
}
.grid-authors{
    margin-top: 0 !important;
    margin-left: 0;
}
.grid-authors--item{
    padding-left: 0;
}
.grid-authors--item__desc{
    padding: 35px;
}
.grid-authors--item__desc{
    background-color: #fff;
}
.grid-authors--item__desc.alexey{
    /*border-top: 1px #ddd solid;*/
    /*border-right: 1px #ddd solid;*/
    b
}
.grid-authors--item__desc.evgeniy{
    /*border-bottom: 1px #ddd solid;*/
    /*border-left: 1px #ddd solid;*/
}
.authors h3{
    font-family: "FuturaPT-B";
    font-size: 3em;
    margin-bottom: 20px;
    line-height: 1;
}
.author-desc{
    display: block;
    position: relative;
    padding: 0;
    margin: 0;
    list-style-type: none;
}
.author-desc li{
    display: block;
    position: relative;
    font-size: 1.4em;
    line-height: 1.5;
    letter-spacing: 1.2px;
    margin-bottom: 10px;
    padding-left: 40px;
}
.author-desc li:before{
    content: '';
    display: inline-block;
    position: relative;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    box-sizing: content-box;
    text-align: center;
    /*background-color: rgba(243, 63, 134, 0.2);*/
    background-image: url(images/icon-check.png);
    background-position: center center;
    background-repeat: no-repeat;
    margin-right: 15px;
    margin-left: -41px;
    top: 9px;
}
.author-photo{
    border-radius: 20px;
}
.grid-authors--item__img:after{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center top;
    z-index: 1;
}
.grid-authors--item__img.alexey:after{
    background-image: url(images/alexey-lg.jpg);
}
.grid-authors--item__img.evgeniy:after{
    background-image: url(images/evgeniy-lg-1.jpg);
}
.img-bg{
    background-image: linear-gradient(45deg, #10a4ae, #09c6d3);
    width: 100%;
    height: 100%;
    z-index: 0;
}
.alexey .img-bg{
    left: -15px;
    top: -15px;
}
.evgeniy .img-bg{
    right: -15px;
    bottom: -15px;
}
@media screen and (min-width: 960px) {
    .grid-authors--item__img.evgeniy{
        left: 50%;
    }
    .grid-authors--item__desc.evgeniy{
        left: -50%;
    }
}
@media screen and (max-width: 1219px) {
    .authors h3{
        font-size: 2.8em;
    }
    .author-desc li {
        font-size: 1.2em;
        line-height: 1.3;
        letter-spacing: 1.2px;
        margin-bottom: 5px;
    }
}
@media screen and (max-width: 959px) {
    .grid-authors--item__img{
        padding-top: 100%;
    }
    .grid-authors--item__desc{
        padding: 35px;
    }
    .grid-authors + .grid-authors{
        margin-top: 60px !important;
    }
    .img-bg {
        position: absolute;
    }
}
@media screen and (max-width: 639px) {
    .authors h2 {
        margin-bottom: 30px;
    }
    .authors h3 {
        font-size: 2.6em;
    }
    .grid-authors--item__desc.alexey {
        padding-top: 25px;
    }
    .grid-authors--item__desc{
        padding: 25px;
    }
    .evgeniy .img-bg{
        left: -15px;
        top: -15px;
        right: auto;
        bottom: auto;
    }
}
@media screen and (max-width: 409px) {
    .authors h3 {
        font-size: 2.3em;
    }
}
@media screen and (max-width: 639px) {
    .authors h3 {
        font-size: 2.1em;
    }
    .evgeniy .img-bg,
    .alexey .img-bg{
        left: -10px;
        top: -10px;
    }
}









.reviews .mark{
    text-align: center;
    margin-top: 15px;
    font-size: 1.7em;
}
.reviews h2 span{
    display: block;
    font-size: 0.7em;
}
.reviews-container{
    text-align: center;
}
.reviews-item{
    display: inline-block;
    position: relative;
    margin: 0 10px;
}
.reviews-item:last-child{
    margin-bottom: 0;
}
.grid-reviews--item{
    padding-bottom: 35px;
}
.grid-reviews--item:last-child{
    padding-bottom: 0;
}
.video {
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    width: 100%;
    margin: 20px auto 0;
}
.video iframe,  
.video object,  
.video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.grid-reviews--item .wrap{
    background-color: #fff;
    padding: 20px;
    height: 100%;
}
.grid-reviews--item p{
    font-size: 1.5em;
}
.grid-reviews--item p i{
    color: #666;
}
.grid-reviews--item:last-child{
    left: 25%;
}
.single .grid-reviews--item:last-child{
    left: auto;
}
.grid-reviews--item:nth-child(1) .client-desc,
.grid-reviews--item:nth-child(2) .client-desc,
.grid-reviews--item:nth-child(5) .client-desc{
    min-height: 81px;
}
.grid-reviews--item:nth-child(3) .client-desc{
    min-height: 108px;
}
.reviews-item{
    width: 30%;
}
.reviews .uk-slideshow > li{
    text-align: center;
}
.reviews .uk-slideshow > li > img {
    visibility: visible;
    display: inline-block;
    position: relative;
    max-width: 100%;
    width: auto !important;
}


.reviews .uk-slidenav-contrast{
    background-color: #fff;
}
.reviews .uk-slidenav-position .uk-slidenav {
    margin-top: 0;
    top: -90px;
}
.reviews .uk-slidenav-position .uk-slidenav-previous {
    left: 50%;
    right: auto;
    margin-left: -70px;
}
.reviews .uk-slidenav-position .uk-slidenav-next {
    right: auto;
    left: 50%;
    margin-left: 10px;
}
.reviews .uk-slideshow{
    margin-top: 130px;
}
@media screen and (max-width: 1219px) {
    .grid-reviews--item:nth-child(1) .client-desc,
    .grid-reviews--item:nth-child(2) .client-desc{
        min-height: 108px;
    }
    .grid-reviews--item:nth-child(3) .client-desc,
    .grid-reviews--item:nth-child(4) .client-desc{
        min-height: 135px;
    }
    .grid-reviews--item:nth-child(5) .client-desc{
        min-height: 81px;
    }
}
@media screen and (max-width: 959px) {
    .grid-reviews--item:nth-child(1) .client-desc,
    .grid-reviews--item:nth-child(2) .client-desc{
        min-height: 92px;
    }
    .grid-reviews--item:nth-child(3) .client-desc,
    .grid-reviews--item:nth-child(4) .client-desc{
        min-height: 138px;
    }
    .grid-reviews--item:nth-child(5) .client-desc{
        min-height: 92px;
    }
    .reviews-item{
        margin-left: 0;
        margin-right: 0;
    }
    .grid-reviews--item p{
        font-size: 1.3em;
    }
}
@media screen and (max-width: 767px) {
    .grid-reviews--item:nth-child(1) .client-desc,
    .grid-reviews--item:nth-child(2) .client-desc,
    .grid-reviews--item:nth-child(3) .client-desc,
    .grid-reviews--item:nth-child(4) .client-desc,
    .grid-reviews--item:nth-child(5) .client-desc{
        min-height: 0;
    }
    .grid-reviews--item:last-child{
        left: 0;
        margin-bottom: 0;
    }
}
@media screen and (max-width: 639px) {
    .reviews .mark {
        font-size: 1.5em;
    }
}
@media screen and (max-width: 359px) {
    .reviews .mark {
        font-size: 1.3em;
    }
}







.price{
    background-image: url(images/section-bg.jpg);
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center center;
    padding: 70px 0 30px;
}
.price h2,
.price h3{
    color: #fff;
}
.price h2{
    font-size: 4em;
}
.price h2 span{
    /*display: block;*/
}
.grid-price{
    margin-top: 60px;
}
.form-title{
    font-family: 'FuturaPT-B';
    color: #fff;
    font-size: 2em;
    text-align: center;
    line-height: 1;
    margin-bottom: 20px;
}



.grid-price--item .wrap{
    background-color: rgba(0, 0, 0, 0.3);
    /*margin-right: 20px;*/
    padding: 20px;
    border-radius: 20px;
}
.price-item{
    margin-bottom: 25px;
}
.price-item__first{
    margin-bottom: 25px;
    padding-bottom: 25px;
    padding-top: 25px;
    border-bottom: 1px rgba(255, 255, 255, 0.2) solid;
    border-top: 1px rgba(255, 255, 255, 0.2) solid;
}
.price-title{
    font-family: 'FuturaPT-M';
    font-size: 1.7em;
    color: #fff;
    text-align: center;
    margin-bottom: 10px;
}
.price-title span{
    font-weight: 500;
    font-size: 1em;
    color: #fff;
}
.price-value{
    font-family: 'FuturaPT-B-obl';
    font-size: 3.5em;
    text-align: center;
    line-height: 1;
    color: #fff;
}
.price-item__zero .price-title,
.price-item__zero .price-value{
    opacity: 0.8;
}
.price-item__zero .price-value,
.price-item__second .price-value{
    font-size: 2.5em;
}
.price-item__first .price-title{
    font-family: 'FuturaPT-B';
    font-size: 1.8em;
}
.price-item__first .price-value{
    font-size: 4em;
    color: #FFEB3B;
}

.grid-price--item__form{
    padding-top: 10px;
}

@media screen and (max-width: 959px) {
    .grid-price--item__form{
        margin-top: 35px;
    }
}
@media screen and (max-width: 639px) {
    .price h2 {
        font-size: 2.7em;
    }
    .grid-price {
        margin-top: 40px;
    }
    .form-title{
        font-size: 1.5em;
    }
}
@media screen and (max-width: 409px) {
    .price h2 {
        font-size: 2.4em;
    }
    .form-title{
        font-size: 1.5em;
    }
}
@media screen and (max-width: 359px) {
    .price h2 {
        font-size: 2.2em;
    }
    .form-title{
        font-size: 1.3em;
    }
    .price-item__first .price-title,
    .price-title {
        font-size: 1.5em;
    }
    .price-item__first .price-value{
        font-size: 3em;
    }
}







.uk-accordion{
    border-bottom: 1px #eee solid;
    margin-top: 60px;
}
.uk-accordion-title{
    position: relative;
    background-color: transparent;
    padding: 25px 30px 25px 0;
    margin-bottom: 0;
    border-top: 1px #eee solid;
    font-size: 1.6em;
    padding-left: 30px;

    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -khtml-transition: all 0.4s;
    transition: all 0.4s;
}
.uk-accordion-title.uk-active{
    color: #11c7d4;
}
.uk-accordion-title:after{
    content: '';
    display: block;
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -7px;
    width: 8px;
    height: 8px;
    border-bottom: 2px #333 solid;
    border-right: 2px #333 solid;
    transform: rotate(45deg);

    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -khtml-transition: all 0.4s;
    transition: all 0.4s;
}
.uk-accordion-title.uk-active:after{
    transform: rotate(225deg);
}
.uk-accordion-title span{
    font-family: 'FuturaPT-B-obl';
    /*font-size: 1em;*/
    color: #11c7d4;
    display: inline-block;
    position: relative;
    margin-right: 10px;
    margin-left: -30px;
}
.uk-accordion-content{
    font-size: 1.4em;
    margin-top: 10px;
    margin-bottom: 20px;
    padding-left: 30px;
    padding-right: 30px;
    color: #666;
}
.uk-accordion-content p{
    color: #666;
    line-height: 1.5;
}
@media screen and (max-width: 767px){
    .uk-accordion-title{
        font-size: 1.4em;
    }
    .uk-accordion-title span{
        margin-left: -27px;
    }
    .uk-accordion-content{
        font-size: 1.3em;
    }
}
@media screen and (max-width: 639px){
    .uk-accordion-title{
        font-size: 1.3em;
    }
    .uk-accordion-content{
        font-size: 1.2em;
    }
}
@media screen and (max-width: 359px){
    .uk-accordion-title{
        font-size: 1.2em;
    }
}
.faq .note{
    font-family: 'FuturaPT-Book';
    color: #11c7d4;
    font-size: 1.4em;
    margin-top: 35px;
}
.faq .note a{
    color: #11c7d4;
    text-decoration: underline;
}
.faq .note a:hover{
    color: #11c7d4;
    text-decoration: none;
}







.guarantee{
    background-image: url(images/net-bg.png);
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center center;
}
.guarantee h2{
    margin-bottom: 40px;
}
.speech-body {
    text-align: center;
}
.speech-ava {
    display: inline-block;
    width: 100px;
    height: 100px;
    vertical-align: top;
}
.speech-ava img {
    max-width: 100%;
    border-radius: 50%;
}
.speech-bubble {
    display: inline-block;
    width: 800px;
    padding: 40px;
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 5px 5px 55px 0 rgba(22, 30, 109, 0.11);
    margin-left: 30px;
    padding-left: 75px;
}
.speech-bubble:before {
    font-family: 'FontAwesome';
    content: "\f10d";
    color: #11c7d4;
    position: absolute;
    left: 24px;
    top: 40px;
    font-size: 2.5em;
}
.speech-bubble:after {
    content: "";
    position: absolute;
    top: 20px;
    bottom: auto;
    border-style: solid;
    border-color: transparent #fff;
    display: block;
    width: 0;
    left: -20px;
    right: auto;
    border-width: 30px 30px 30px 0;
}
.speech-bubble p{
    font-size: 1.4em;
    line-height: 1.5;
    letter-spacing: 1.2px;
    text-align: left;
}
@media screen and (max-width: 1219px){
    .speech-bubble {
        width: 700px;
    }
}
@media screen and (max-width: 959px){
    .speech-bubble {
        width: 550px;
    }
}
@media screen and (max-width: 767px){
    .speech-bubble {
        width: 100%;
        padding: 60px 40px 40px 40px;
        margin-left: 0;
        margin-top: 45px;
    }
    .speech-bubble:before {
        position: absolute;
        left: 50%;
        top: 20px;
        margin-left: -16px;
    }
    .speech-bubble:after{
        left: 50%;
        right: auto;
        border-width: 30px 30px 30px 0;
        top: -44px;
        transform: rotate(90deg);
        margin-left: -15px;
    }
}
@media screen and (max-width: 639px){
    .speech-bubble p{
        font-size: 1.2em;
    }
    .speech-bubble {
        padding: 60px 20px 30px 20px;
    }
}









footer{
    padding: 70px 0;
    /*background-image: linear-gradient(-45deg, #4c2a4f, #100e23);*/
    background-image: url(images/footer-bg.jpg);
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center top;
}
footer div,
footer p,
footer a{
    font-family: 'FuturaPT-Book';
}
@media screen and (max-width: 479px) {
    .footer-grid{
        margin-left: 0;
    }
}
@media screen and (max-width: 959px) {
    .footer-grid--item{
        margin-bottom: 15px;
    }
    .footer-grid--item:last-child{
        margin-bottom: 0;
    }
}
@media screen and (max-width: 767px) {
    .footer-grid--item__info{
        padding-left: 50px;
    }
}
.copyright{
    font-size: 13px;
    color: rgba(255, 255, 255, 0.5);
    padding-top: 5px;
    padding-bottom: 0;
}
.details{
    font-size: 13px;
    color: rgba(255, 255, 255, 0.5);
    padding-bottom: 15px;
}
.footer-grid--item__org{
    padding-left: 80px;
}
.footer-logo{
    max-width: 40%;
    opacity: 0.7;
}
@media screen and (max-width: 1219px) {
    .footer-grid--item__org{
        padding-left: 0;
    }
}
@media screen and (max-width: 767px) {
    .footer-grid--item__org{
        padding: 0 15%;
    }
}
@media screen and (max-width: 479px) {
    .footer-grid--item__org{
        padding: 0;
        margin-bottom: 30px;
    }
}
.footer-grid--item__org h3{
    font-family: 'FuturaPT-M';
    color: rgba(255, 255, 255, 0.7);
    text-transform: uppercase;
    text-align: center;
    font-size: 23px;
    line-height: 1.2;
    margin-bottom: 20px;
}
@media screen and (max-width: 959px) {
    .footer-grid--item__org h3{
        font-size: 18px;
    }
}
@media screen and (max-width: 767px) {
    .footer-grid--item__org h3{
        font-size: 30px;
        margin: 10px 0 30px 0;
    }
}
@media screen and (max-width: 549px) {
    .footer-grid--item__org h3{
        font-size: 25px;
    }
}
@media screen and (max-width: 455px) {
    .footer-grid--item__org h3{
        font-size: 23px;
    }
}
.org{
    float: left;
    width: 49%;
    margin: 0 0.5%;
}
.org-ava{
    display: block;
    width: 70%;
    height: auto;
    border-radius: 100%;
    margin: 0 auto;
}
@media screen and (max-width: 959px) {
    .org-ava{
        width: 90%;
    }
}
.org-name{
    text-align: center;
    color: rgba(255, 255, 255, 0.5);
    font-size: 1.2em;
}
@media screen and (max-width: 767px) {
    .org-name{
        font-size: 16px;
        margin-top: 10px;
    }
}
@media screen and (max-width: 479px) {
    .org-name{
        font-size: 14px;
    }
}
.footer-grid--item__links{
    padding-top: 30px;
    padding-left: 180px;
}
@media screen and (max-width: 1219px) {
    .footer-grid--item__links{
        padding-left: 60px;
    }
}
@media screen and (max-width: 959px) {
    .footer-grid--item__links{
        padding-left: 20px;
    }
}
@media screen and (max-width: 767px) {
    .footer-grid--item__links{
        padding-left: 50px;
    }
}
@media screen and (max-width: 479px) {
    .footer-grid--item__links, .footer-grid--item__info{
        width: 50%;
        padding-left: 15px;
    }
    .footer-grid--item__links{
        padding-top: 65px;
    }
}
@media screen and (max-width: 349px) {
    .footer-grid--item__links, .footer-grid--item__info{
        width: 100%;
        padding-left: 15px;
    }
    .footer-grid--item__links{
        padding-top: 0;
    }
}
.support, .phone, .email{
    margin-bottom: 0;
}
.email{
    margin-bottom: 10px;
}
.phone a, .email a{
    color: rgba(255, 255, 255, 0.5);
    font-size: 13px;
}
@media screen and (max-width: 479px) {
    .phone a, .email a{
        font-size: 11px;
    }
}
.phone a:hover, .email a:hover{
    color: rgba(255, 255, 255, 0.5);
    /* border-bottom: none; */
    text-decoration: none;
}
footer div i{
    padding-right: 7px;
    color: rgba(255, 255, 255, 0.5);
}
.policy a, .disclaimer a, .terms-of-service a{
    font-size: 13px;
    color: rgba(255, 255, 255, 0.5);
    text-decoration: none;
    margin-bottom: 15px;
    border-bottom: 1px #959595 dashed;
}
.policy a:hover, .disclaimer a:hover, .terms-of-service a:hover{
    color: rgba(255, 255, 255, 0.5);
    text-decoration: none;
    border-bottom: none;
}