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

body {
    font-family: 'Gotham Pro';
    margin: 0;
    padding: 0;
}

li {
    margin: 0;
    list-style: none;
}

a,
p,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    text-decoration: none;
}
a{
    display: inline-block;
    text-decoration: none;
}


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

.wrapper {
    overflow: hidden;
}

.consult-block {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.consult-block .block{
    display: flex;
}

.consult-block .block a{
    font-size: 16px;
    text-decoration: none;
    font-family: 'Gotham Pro';
    font-weight: 400;
    font-style: normal;
    color: rgb(0, 0, 0);
    line-height: 1.2;
    transition: all .2s linear;
}

.consult-block .block a:hover{
    color:  #8145de;
    transition: all .2s linear;
}

header, section {
    position: relative;
}

header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    width: 100%;
}

header.header-fixed{
    padding-top: 72px;
}

header .fixing{
    width: 100%;
    -webkit-transition: 0.6s;
    transition: 0.6s;
    padding: 15px 0;
}

header .fixing.is-sticky{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    z-index: 999;
    -webkit-box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.09);
          box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.09);
    background-color: #ffffff !important;
    -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
          animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
    
}
header .fixing.is-sticky .logo img{
    width: 95px;
}

header .logo img {
    width: 100%;
    -webkit-transition: 0.6s;
    transition: 0.6s;
}

header nav {
    height: 100%;
}

header nav ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0;
    height: 100%;
}


header nav a {
    font-size: 18px;
    font-family: "Gotham Pro";
    color: #000;
    font-weight: 300;
    font-style: normal;
    text-decoration: none;
    transition: all .2s linear;
    padding-right: 20px;
}

header nav a:hover {
     text-decoration: none;
  color: #c46e01;
    transition: all .2s linear;
}
header nav ul li.dropdown{
    position: relative;
    margin-right: 10px;
}
header nav ul li.dropdown:before{
    font-size: 12px;
    content: '\f107';
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    right: 5px;
    top: 0;
    bottom: 0;
    margin: auto;
    cursor: pointer;
    display: flex;
    align-items: center;
}
header nav ul li.dropdown .child-menu{
    position: absolute;
    top: 30px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    z-index: 300;
    background: #fff;
    box-shadow: 3px 3px 10px rgba(0,0,0,.2);
    height: auto;
    max-width: 300px;
    width: max-content;
    transition: .3s all ease;
    opacity: 0;
    visibility: hidden;
    transform: translate(0,35px);
}
header nav ul li.dropdown:hover .child-menu{
    opacity: 1;
    visibility: visible;
    transform: translate(0,0);
}
nav ul li.dropdown .child-menu .menu-item{
    display: block;
    width: 100%;
    margin-right: 0;
}
nav ul li.dropdown .child-menu .menu-item a{
    font-size: 16px;
    display: block;
    padding: 10px 15px 10px 35px;
    position: relative;
    border-bottom: 1px solid #eee;
}
nav ul li.dropdown .child-menu .menu-item:last-child a{
    border: none;
}
nav ul li.dropdown .child-menu .menu-item a:hover{
    background: #b150d8;
    color: #fff;
}
nav ul li.dropdown .child-menu .menu-item a i{
    width: 17px;
    height: 15px;
    position: absolute;
    left: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    color: #b150d8;
    transition: .3s all ease;
    text-align: center;
}
nav ul li.dropdown .child-menu .menu-item a:hover i{
    color: #fff;
}
header .phone{
    display: flex;
    justify-content: center;
    align-items: flex-end;
    flex-direction: column;
    height: 100%;
    position: relative;
}
header .phone:before{
    content: '';
    display: block;
    height: 45px;
    width: 45px;
    position: absolute;
    left: 40px;
    top: 0;
    bottom: 0;
    margin: auto;
    background-image: url('../images/phone.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

header .phone a{
      font-size: 18px;
      font-family: "Gotham Pro";
      color: rgb(0, 0, 0);
      line-height: 1.2;
      font-weight: 500;
     font-style: normal;
     text-decoration: none;

    transition: all .2s linear;

}

header .phone a:hover{
     text-decoration: none;
      color: #f9dd0d;
    transition: all .2s linear;
}


.reklama {
    padding: 50px 0;
}

.reklama .reklama-text {
    padding: 75px 0 0 0;
}

.reklama-title {
  font-family: "PF Regal Display Pro";
    font-weight: 500;
    font-style: normal; 
    font-size: 45px;
  color: rgb(1, 1, 1);
  line-height: 1;
    margin-bottom: 50px;

}

.reklama-title span{
    background-image: url('../images/reklama-span-bg.png');
    background-position: center 75%;
    background-repeat: no-repeat;
    background-size: 100%;
}

.reklama-categories ul li {
    font-size: 23px;
    font-family: 'Gotham Pro';
    font-weight: 400;
    font-style: normal;

    color: rgb(0, 0, 0);
      line-height: 1.2;

}
.reklama-categories {
    margin-bottom: 40px;
}

.btnchik {
    width: 100%;
    padding: 20px 60px;
    color: #000;
    font-size: 25px;
    font-family: 'Gotham Pro';
    font-weight: 400;
    font-style: normal;
    text-align: center;
    text-decoration: none;
    outline: none;
    
    border: none;
    border-radius: 50px;
    background: linear-gradient(180deg, rgba(250,242,159,1) 0%, rgba(246,200,1,1) 100%);
    box-shadow: 0px 5px 1px 0px rgba(217,176,7,1), 0px 6px 5px 0px rgba(0,0,0,0.77);
    transition: all .2s linear;
}

.btnchik:hover {
    transform: translateY(-5px);
    box-shadow: 0px 5px 1px 0px rgba(217,176,7,1), 0px 6px 5px 0px rgba(0,0,0,0.77), 0px 9px 4px 0px rgba(217,176,7,1);
    transition: all .2s linear;
    text-decoration: none;
    color: #000;
}

.btnchik:active{ 
    background: linear-gradient(180deg, rgba(246,200,1,1) 0%, rgba(250,242,159,1) 100%) !important;
    transition: all .2s linear;
    color: #000;
}

.btnchik:focus{ 
    outline: none;
    transform: translateY(-5px);
    box-shadow: 0px 5px 1px 0px rgba(217,176,7,1), 0px 6px 5px 0px rgba(0,0,0,0.77), 0px 9px 4px 0px rgba(217,176,7,1);
    transition: all .2s linear;
    color: #000;
}




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

/*********form*********/
.form {
    padding: 250px 0 150px;
    background-image: url('../images/purple-bg.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    margin-top: -300px;
}

.form .form-info h3 {
     font-size: 45px;
     line-height: 45px;
    font-family: 'PF Regal Display Pro';
    font-weight: 500;
    font-style: normal;
    text-align: center;
    margin-bottom: 25px;
    color: #FFF;
}

.form .form-info p {
     font-size: 20px;
    font-family: 'Gotham Pro';
    font-weight: 300;
    font-style: normal;
    text-align: center;
    margin-bottom: 25px;
    color: #FFF;
}

.form .f-b {
    position: relative;
}

.form .form-block{
    background-color: #FFF;
    border: none;
    position: relative;
    z-index: 5;
}

.form .form-block:before{
    content: '';
    
    background-image: url('../images/form-before.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    position: absolute;
    width: 100%;
    height: 30px;
    top: -30px;
    left: 0;
}
.form .form-block:after{
    content: '';
    
    background-image: url('../images/form-after.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    position: absolute;
    width: 100%;
    height: 30px;
    bottom: -30px;
    left: 0;
}

.form .form-block form {
    padding: 15px 20px;
    margin-top: 40px;
}

.form .f-b .paper {
    position: absolute;
    z-index: 1;
    bottom: -25px;
    left: -190px;
    z-index: 2; 
}

.form .f-b .pen {
    position: absolute;
    z-index: 1;
    bottom: -45px;
    right: -180px;
    z-index: 7; 
}

.form form p {
     font-size: 25px;
     line-height: 25px;
    font-family: 'PF Regal Display Pro';
    font-weight: 500;
    font-style: normal;
    text-align: center;

    margin-bottom: 25px;
}

.form form .name,
.form form .phone {
    position: relative;
}
.form form .name img,
.form form .phone img{
    position: absolute;
    left: 25px;
    top: 25px;
}

.form form .input {
    background-color: #f9f6f7;
    padding: 20px 20px 20px 60px;
    border: 3px solid transparent;
    border-radius: 30px;
    outline: none;
    box-shadow: inset 0px 0px 10px 1px rgba(0,0,0,0.1);
    width: 100%;
    cursor: pointer;
    margin-bottom: 20px;
    transition: all .2s linear;
}

.form form .input:hover {
    transition: all .2s linear;
    border: 3px solid #f7e76a;
}

.form form .input:focus {
    transition: all .2s linear;
    border: 3px solid #f7cd11;
}

.form form .btnchik {
    padding: 17px 20px;
     font-size: 16px;
     line-height: 16px;
    font-family: 'Gotham Pro';
    font-weight: 600;
    font-style: normal;
    text-align: center;
    cursor: pointer;
}



/*********end form*********/

.courses {
    padding: 50px 0 100px;
}


.courses h3 {
     font-size: 45px;
    font-family: 'Gotham Pro';
    font-weight: 500;
    font-style: normal;
    text-align: center;
    text-decoration: none;

    margin-bottom: 50px;
}

.courses .course-block {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.courses .course-block .course-item .btnchik {
    position: relative;
    bottom: -25px;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    padding: 20px;
    text-decoration: none;
    line-height: 1.2;
}

.courses .course-block .course-item {
    background-repeat: no-repeat;
    box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.45);
    flex: 0 0 28%;
    padding: 270px 40px 0;
    margin-bottom: 75px;

    transition: all .2s linear;
}

.courses .course-block .course-item:hover {
    transform: translateY(-10px);
    cursor: pointer;
    transition: all .2s linear;
}



.courses .course-block .course-item.course-1{
    background-image: url('../images/category-1.png');
    background-size: cover;
    background-position: left top;
}

.courses .course-block .course-item.course-2{
    background-image: url('../images/category-2.png');
    background-size: cover;
    background-position: -150px center;
}

.courses .course-block .course-item.course-3{
    background-image: url('../images/category-3.png');
    background-size: cover;
    background-position: top right;
}

.courses .course-block .course-item.course-4{
    background-image: url('../images/category-4.png');
    background-size: cover;
    background-position: center top;
}

.courses .course-block .course-item.course-5{
    background-image: url('../images/category-5.png');
    background-size: cover;
    background-position: center;
}

.courses .course-block .course-item.course-6{
    background-image: url('../images/category-6.png');
    background-size: cover;
    background-position: center;
}

.courses .course-block .course-item.course-8{
    background-image: url('../images/category-7.png');
    background-size: cover;
    background-position: center;
}


.sertificate .img {
    position: relative;
    display: flex;
    padding-bottom: 60px;
}
.sertificate .text{
    padding: 15px 0px;
    width: 100%;
}

.sertificate .text1 {
    background-color: #b150d8;
}

.sertificate .text2 {
    background-color: #f00eee;
}

.sertificate .text p{
    color: #FFF;
    font-family: 'Gotham Pro';
    font-size: 25px;
    font-style: normal;
    font-weight: 500;
}

.sertificate .img1 img {
    position: absolute;
    top: -100px;
    left: -50px;
    z-index: 10;
}

.sertificate .img2 img {
    position: absolute;
    top: -70px;
    right: -50px;
}
.sertificate .img2 .text {
    padding-right: 300px;
}

.sertificate .img1 .text.text1:after  {
    content: '';
    position: absolute;
    height: calc(100% - 60px);
    width: 100%;
    z-index: -1;
    right: -98%;
    top:0;
    background-color: #b150d8;
}

.sertificate .img2 .text.text2:before  {
    content: '';
    position: absolute;
    height: calc(100% - 60px);
    width: 100%;
    z-index: -1;
    left: -98%;
    top:0;
    background-color: #f00eee;
}
/*******************/

/*********video*************/

.video {
    padding: 50px 0;
}

.video .info h2{
    font-size: 32px;
    font-family: 'Gotham Pro';
    font-style: normal;
    font-weight: 500;
    text-align: justify;
    margin-bottom: 10px;
}

.video .info p {
    font-size: 19px;
    font-family: 'Gotham Pro';
    font-style: normal;
    font-weight: 300;
    text-align: justify;
    margin-bottom: 10px;
}

.video .video-sec {
    padding: 15px;
}

.video .video-sec .video-block {
    border-radius: 50px;
    background-color: #e1e1e1;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.video .video-sec .video-block a img{
    animation: pulsesmall 2s ease-in-out infinite;
    border-radius: 50%;

}


/************end videos************/




/*********prichina***********/

.prichina {
    padding: 50px 0;
}

.prichina .prichina-title h5{
    font-family: 'PF Regal Display Pro';
    font-size: 45px;
    font-style: normal;
    font-weight: 500;
    text-align: center;
    margin-bottom: 10px;
}

.prichina .prichina-title h5 span{
    font-style: italic;
}

.prichina .prichina-items {
    display: flex;
    justify-content: space-between;
    align-items: flex-start; 
}

.prichina .prichina-items .item {
    flex: 0 0 19%;
    text-align: center;
}

.prichina .prichina-items .item .upper {
    height: 185px;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    padding-top: 10px;

    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.prichina .prichina-items .item .upper img {
    margin: 0 auto;
}


.prichina .prichina-items .item-1 .upper img {
    width: 50%;
}

.prichina .prichina-items .item-2 .upper img {
    width: 65%;
}

.prichina .prichina-items .item-3 .upper img {
    width: 30%;
}

.prichina .prichina-items .item-4 .upper img {
    width: 40%;
}

.prichina .prichina-items .item-5 .upper img {
    width: 40%;
}


.prichina .prichina-items .item .upper p {
    font-family: 'PF Regal Display Pro';
    font-size: 24px;
    font-style: italic;
    font-weight: 500;
}
.prichina .prichina-items .item .lower p {
    font-family: 'Gotham Pro';
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    margin-top: 10px;
}

.prichina .prichina-items .item-1{
    padding-top: 150px;
}

.prichina .prichina-items .item-2 {
    padding-top: 50px;
}

.prichina .prichina-items .item-3{
}

.prichina .prichina-items .item-4 {
    padding-top: 50px;
}

.prichina .prichina-items .item-5 {
    padding-top: 150px;
}


.prichina .prichina-items .item-1 .upper {
    background-image: url('../images/prichina-item-bg-1.png');
}

.prichina .prichina-items .item-2 .upper {
    background-image: url('../images/prichina-item-bg-2.png');
}

.prichina .prichina-items .item-3 .upper {
    background-image: url('../images/prichina-item-bg-3.png');
}

.prichina .prichina-items .item-4 .upper {
    background-image: url('../images/prichina-item-bg-4.png');
}

.prichina .prichina-items .item-5 .upper {
    background-image: url('../images/prichina-item-bg-5.png');
}


.prichina .prichina-btn {
    margin-top: -60px;
}


/*********end prichina***********/



/********free-course*********/

.free-course {
    background-image: url('../images/purple-bg.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;

    padding: 300px 0 100px;
}

.free-course .journal img{
    position: absolute;
    left: -100px;
    top: -50px;
}

.free-course .info .titler {
    margin-bottom: 25px;
}

.free-course .info .titler h4{
    font-size: 45px;
    color: #FFF;
    font-family: 'PF Regal Display Pro';
    font-style: normal;
    font-weight: 500;
} 

.free-course .info .titler h4 span{
    font-style: italic;
} 

.free-course .info .coffee {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
}

.free-course .info .coffee p{
    font-family: 'Gotham Pro';
    font-size: 16px;
    color: #FFF;
    font-style: normal;
    font-weight: 300;
}

.free-course .info .coffee p{
    font-family: 'Gotham Pro';
    font-size: 16px;
    color: #FFF;
    font-style: normal;
    font-weight: 300;
}





.coffee-btn {
    margin-bottom: 25px;
}

.coffee-btn .btnchik{
    position: relative;
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 30px;
    width: 60%;

    font-family: 'Gotham Pro';
    font-size: 16px;
    line-height: 16px;
    color:#000;
    font-weight: 500;
    font-style: normal;
}

.coffee-btn .btnchik img{
    position: absolute;
    top: -15px;
    right: 30px;
}

/********end free-course*********/


/********gallery*******/
.gallery {
    padding: 75px 0;
}

.gallery .text,
.gallery .search {
    margin-bottom: 50px;
}

.gallery .text h4{
    font-family: 'PF Regal Display Pro';
    font-size: 42px;
    font-style: normal;
    font-weight: 500;
}

.gallery .text p{
    font-family: 'Gotham Pro';
    font-size: 23px;
    font-style: normal;
    font-weight: normal;
}

.gallery .search {
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.gallery .search .search-info{
    display: flex;
    justify-content: center;
    align-items: center;
}

.gallery .search .search-info img {
    margin-right: 25px;
}

.gallery .search .search-info p {
    font-family: 'Gotham Pro';
    font-size: 16px;
    font-style: italic;
    font-weight: 300;
}



.gallery .photo-block {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 25;
}

.gallery .photo-block a{
    flex: 0 0 14.28571428571429%;
}

.gallery .photo-block a img{
    height: 240px;
    width: 100%;
    object-fit: cover;
}

/********end gallery*******/

/********exclusive*********/
    
.exclusive {
    padding: 0px 0 75px;
}

.exclusive .left .diamond-rel {
    position: relative;
    left: 0;
    
    width: 220px;
    height: 220px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    border-radius: 50%;
    animation: pulsebig 2s ease-in-out infinite;
}

@keyframes pulsebig {

    0%{
        box-shadow: inset 0 0 0 0 rgba(247,206,24,0.8), 0 0 0 0 rgba(247,206,24,0.8);
    }
    40%{
        box-shadow: inset 0 0 0 30px rgba(247,206,24,0), 0 0 0 30px rgba(247,206,24,0);
    }
    80%{
        box-shadow: inset 0 0 0 30px rgba(247,206,24,0), 0 0 0 30px rgba(247,206,24,0);
    }
    100%{
        box-shadow: inset 0 0 0 rgba(247,206,24,0), 0 0 0 rgba(247,206,24,0);
    }
    
    
}
@keyframes pulsesmall {

    0%{
        box-shadow: 0 0 0 0 rgba(247,206,24,0.8);
    }
    40%{
        box-shadow: 0 0 0 20px rgba(247,206,24,0);
    }
    80%{
        box-shadow: 0 0 0 20px rgba(247,206,24,0);
    }
    100%{
        box-shadow: 0 0 0 rgba(247,206,24,0);
    }
    
    
}


.exclusive .left .diamond-ab {
    top: 60px;
    position: absolute;
    z-index: 1;
    background-image: url('../images/exclusive-circle-bg.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.exclusive .left .girl {
    position: relative;
    z-index: 2;
    right: -55px;
    top: 0;
}

.exclusive .left .diamond-rel .big-diamond {
    margin-bottom: -25px;
    margin-top: -20px;
    width: 50%;
}

.exclusive .left .text {
    padding: 0 15px;
}
.exclusive .left .text h5 {
    font-family: 'Gotham Pro';
    font-size: 19px;
    font-weight: bold;
    font-style: normal;
}

.exclusive .left .text p {
    font-family: 'Gotham Pro';
    font-size: 13px;
    font-weight: 300;
    font-style: normal;
}

.exclusive .diamond-1 {
    position: absolute;
    top:15px;
    left: 25px;
}

.exclusive .diamond-2 {
    position: absolute;
    bottom: 0;
    right: 30px;
}

.exclusive .right {
    padding: 100px 15px 0; 
}

.exclusive .right .mb-30 {
    margin-bottom: 30px;
}

.exclusive .right .titler h5{
    font-size: 45px;
    font-family: 'PF Regal Display Pro';
    font-style: normal;
    font-weight: 500;
    color: #000;
}

.exclusive .right .text p{
    font-size: 16px;
    font-family: 'Gotham Pro';
    font-weight: 300;
    font-style: normal;
}


.exclusive .right .coffee-btn .btnchik{
    width: 100%;
}

/********end exclusive*********/



/*****teacher********/
.teacher {
    padding: 50px 0;
}

.teacher .title {
    margin-bottom: 30px;
}

.teacher .title h4 {
    font-size: 45px;
    font-family: 'PF Regal Display Pro';
    font-style: normal;
    font-weight: 500;
    color: #000;
}

.teacher .title h5 {
    font-size: 35px;
    font-family: 'Gotham Pro';
    font-weight: 300;
    font-style: normal;
}

.teacher .flexing {
    display: flex;
    justify-content: space-between;
}

.teacher .teacher-carousel {
    flex: 0 0 90%;
    overflow: hidden;
}

.teacher .arrow-place {
    flex: 0 0 10%;
}


.teacher .teacher-carousel .item {
    background: linear-gradient(0deg, rgba(234,234,234,1) 0%, rgba(234,234,234,0) 100%);
    position: relative;
}


.teacher .teacher-carousel .item .text {
    position: absolute;
    bottom: 0;
    padding: 15px 15px 5px;
    width: 100%;
    background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,.6) 75%, rgba(255,255,255,0) 100%);
}

.teacher .teacher-carousel .item .text h5{
    font-size: 18px;
    font-family: 'PF Regal Display Pro';
    font-style: normal;
    font-weight: 500;
    color: #000;
}
.teacher .teacher-carousel .item .text p{
    font-size: 10px;
    font-family: 'Gotham Pro';
    font-style: normal;
    font-weight: 300;
    color: #000;
}


.teacher .owl-nav .owl-prev {
    display: none;
}

.teacher .owl-nav .owl-next {
    position: absolute;
    right: -50px;
}

.teacher .owl-nav .owl-next:focus {
    outline: none;
}


.teacher .flexing .arrow-place {
    display: flex;
    justify-content: center;
    align-items: center;
}



/*****end teacher********/


/**********subscribe*************/
.subscribe {
    padding: 50px 0 0;
}


.subscribe .title h2,.title h2{
    font-size: 45px;
    font-family: 'PF Regal Display Pro';
    font-style: normal;
    font-weight: 500;
    color: #000;
}

.subscribe .title h5{
    font-size: 20px;
    font-family: 'Gotham Pro';
    font-style: normal;
    font-weight: 300;
    color: #000;
}

.subscribe .videos {
    display: flex;
    justify-content: space-between;
}

.subscribe .videos .video-block {
    flex: 0 0 31%;
    padding: 50px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

}

.subscribe .videos .video-block .video-preview {
    height: 250px;
    width: 100%;
    border-radius: 15px;
    display: flex;
    justify-content: center;
    align-items: center;

    margin-bottom: 30px;
    background-color: #f0ebed;
}
.subscribe .videos .video-block .video-preview a {
    box-shadow: 0px 10px 10px 1px rgba(231,166,26,.45);
    border-radius: 50%;
    animation: pulsesmall 2s ease-in-out infinite;
}

.subscribe .videos .video-block .video-name p{
    font-size: 16px;
    font-family: 'Gotham Pro';
    font-style: normal;
    font-weight: 300;
    color: #000;
}



.subscribe .subscribers {
    display: flex;
    justify-content: space-between;
    padding-bottom: 60px;
}

.subscribe .subscribers .sub{
    display: flex;
    justify-content: space-between;
    flex: 0 0 48%;
}

.subscribe .subscribers .sub .text{
    flex: 0 0 72.5%;
}

.subscribe .subscribers .sub .text p.text-info{
    font-size: 16px;
    font-family: 'Gotham Pro';
    font-style: italic;
    font-weight: 300;
    color: #000 !important;

    margin-bottom: 25px;
}

.subscribe .subscribers .sub .text .sub-info{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.subscribe .subscribers .sub .text .sub-info .name p{
    font-size: 16px;
    font-family: 'Gotham Pro';
    font-style: normal;
    font-weight: 500;
    color: #000;
}

.subscribe .subscribers .sub .text .sub-info .fb a{
    display: flex;
    justify-content: flex-start;
    align-items: center;

    text-decoration: none;
}
.subscribe .subscribers .sub .text .sub-info .fb a p{
     font-size: 14px;
    font-family: 'Gotham Pro';
    font-style: normal;
    font-weight: 300;
    color: #527cd2;
}

.subscribe .subscribers .sub .text .sub-info .fb a p,
.subscribe .subscribers .sub .text .sub-info .fb a img{
    margin-right: 15px;
}

.subscribe .sub-btn .coffee-btn {
    margin-bottom: 0;
    padding:0 30px;
}

.subscribe .sub-btn .coffee-btn .btnchik{
    width: 100%;
    justify-content: space-around;
    background: linear-gradient(180deg, rgba(96,145,221,1) 0%, rgba(71,108,185,1) 100%);
    box-shadow: 0px 5px 1px 0px rgba(49,77,134,1), 0px 6px 5px 0px rgba(0,0,0,0.77);
    padding: 15px;
}

.subscribe .sub-btn .coffee-btn.instagram .btnchik{
    background: linear-gradient(180deg, #8145de 0%, #f18d6d 100%);
    box-shadow: 0px 5px 1px 0px #f6ae55, 0px 6px 5px 0px #c7804e;
}

.subscribe .sub-btn .coffee-btn.instagram .btnchik:active{
    background: linear-gradient(180deg, #f18d6d 0%, #8145de 100%) !important;
}

.subscribe .sub-btn .coffee-btn .btnchik:active{
    background: linear-gradient(180deg, rgba(71,108,185,1) 0%, rgba(96,145,221,1) 100%) !important;
}

.subscribe .sub-btn .coffee-btn .btnchik img{
    position: unset;

}

.subscribe .sub-btn .coffee-btn.instagram .btnchik i{
    font-size: 45px;
    color: #fff;
    font-weight: 400;
    margin-right: 10px;
} 
.subscribe .sub-btn .coffee-btn .btnchik p{
    font-size: 16px;
    font-family: 'Gotham Pro';
    font-style: normal;
    font-weight: 500;
    color: #FFF;
}



/**********end subscribe*************/

/********order call************/

.order-call {
    padding: 300px 0 100px;

    background-image: url('../images/purple-bg.png');
     background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.order-call h3 {
    font-size: 63px;
    font-family: 'PF Regal Display Pro';
    font-style: normal;
    font-weight: 500;
    color: #FFF;
}

.order-call h4 {
    font-size: 34px;
    font-family: 'Gotham Pro';
    font-style: normal;
    font-weight: 300;
    color: #FFF;
    margin-bottom: 30px;
}

.order-call .btnchik {
    font-size: 20px;
    font-family: 'Gotham Pro';
    font-style: normal;
    font-weight: 600;
    color: #000;
    margin-bottom: 30px;
    width: 35%;
    padding: 20px 30px;
}


/********end order call************/


/**********contacts************/
.contacts {
    padding: 100px 0 75px;

    background-image: url('../images/contacts-bg.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.contacts .title{
    margin-bottom: 80px;
}
.contacts .title h3{
    font-size: 45px;
    font-family: 'PF Regal Display Pro';
    font-style: normal;
    font-weight: 500;
    color: #000;
}

.contacts .owl-stage-outer {
    padding-bottom: 75px;
}



.contacts .con-flex {
    display: flex;
    padding: 0 5px;
}

.contacts .con-flex .info {
    flex: 0 0 40%;
    padding-bottom: 100px;
    position: relative;
}

.contacts .con-flex .map {
    flex: 0 0 60%;
}

.contacts .con-flex .map a {
    width: 100%;
    height: 100%;
}
.contacts .con-flex .map a img {
    width: 100%;
}

.contacts .info .address-title p{
    font-size: 40px;
    line-height: 40px;
    font-family: 'PF Regal Display Pro';
    font-style: normal;
    font-weight: 600;
    color: #000;   
}
.contacts .info .address-name p{
    font-size: 20px;
    line-height: 20px;
    font-family: 'Gotham Pro';
    font-style: normal;
    font-weight: 300;
    color: #000;
}

.contacts .info .address-title,
.contacts .info .address-name{
    margin-bottom: 20px;
}

.contacts .info .cons .cons-item{
     display: flex;
     justify-content: flex-start;
     align-items: center;
     margin-bottom: 10px;
     text-decoration: none;
     color: #000;

     transition: all .2s linear;
}

.contacts .info .cons .cons-item p{
    font-size: 20px;
    line-height: 20px;
    font-family: 'Gotham Pro';
    font-style: normal;
    font-weight: 300;
    color: #000;

     margin-left: 15px;
     transition: all .2s linear;
}

.contacts .info .cons .cons-item:hover p{
     color: #f9dd0d;
     margin-left: 20px;
     transition: all .2s linear;
}
.contacts .map {
    overflow:hidden;
}
.contacts .con-carousel{
    position: relative;
}
.contacts .con-carousel .owl-prev,
.contacts .con-carousel .owl-next{
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 60px;
    width: 60px;
    background: transparent;
    border: none;
    background: #78199e;
    color: #fff;
    font-size: 40px;
    font-weight: 300;
    border-radius: 50%;
    cursor: pointer;
    outline: none;
    display: flex;
    justify-content: center;
    align-items: center;
}
.contacts .con-carousel .owl-prev{
    left: -90px;
}
.contacts .con-carousel .owl-prev i{
    margin-left: -8px;
}
.contacts .con-carousel .owl-next{
    right: -90px;
}
.contacts .con-carousel .owl-next i{
    margin-right: -8px;
}

.ymaps-2-1-76-controls__control_toolbar{
    display: none !important;
}

.ymaps-2-1-76-copyright__content {
    display: none !important;
}

.ymaps-2-1-76-gotoymaps-container {
    display: none !important;
}

.ymaps-2-1-76-controls__control {
    display: none !important;
}

.contacts .owl-stage-outer {
    overflow: hidden;
}

.contacts .owl-item {
    float: left;
}

.contacts .map{
    position: relative;

}
.contacts .map:after{
    content: '';
    display: block;
    height: 150px;
    width: 150px;
    position: absolute;
    background-image: url('../images/hand-click.gif');
    bottom: 50px;
    right: 30px;
    margin: auto;
    background-size: contain;
    background-repeat: no-repeat;
}

/**********end contacts************/









    section {
        position: relative;
    }




/********modals*********/
    .trigger {
        /*display: none;*/
    }

    .modals.iziModal{
        background-color: transparent;
        border: none;
        box-shadow: none;
    }

    .modals .modal-dismiss {
        position: absolute;
        right: 5px;
        top: -25px;
        cursor: pointer;
    }

    .modals .iziModal-overlay {
        background-color: rgba(74, 33, 90, 0.5) !important;
    }

    .modals .container .col-md-6{
        padding: 0 50px;
    }

    .modals .form-block{
        background-color: #FFF;
        border: none;
        position: relative;
        z-index: 5;
    }

    .modals .form-block:before{
        content: '';
        
        background-image: url('../images/form-before.png');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;

        position: absolute;
        width: 100%;
        height: 30px;
        top: -25px;
        left: 0;
    }
    .modals .form-block:after{
        content: '';
        
        background-image: url('../images/form-after.png');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;

        position: absolute;
        width: 100%;
        height: 30px;
        bottom: -25px;
        left: 0;
    }

    .modals .form-block form {
        padding: 25px 30px;
        margin-top: 40px;
    }

    .modals form p {
         font-size: 27px;
         line-height: 28px;
        font-family: 'PF Regal Display Pro';
        font-weight: 500;
        font-style: normal;
        text-align: center;

        margin-bottom: 25px;
    }
    .modals form p span{
         font-size: 20px;
         line-height: 21px;
        font-family: 'Gotham Pro';
        font-weight: 300;
        font-style: normal;
        text-align: center;

        margin-bottom: 25px;
    }


    .modals form .name,
    .modals form .email,
    .modals form .phone {
        position: relative;
    }
    .modals form .name img,
    .modals form .email img,
    .modals form .phone img{
        position: absolute;
        left: 25px;
        top: 25px;
    }

    .modals form .input {
        background-color: #f9f6f7;
        padding: 20px 20px 20px 60px;
        border: 3px solid transparent;
        border-radius: 30px;
        outline: none;
        box-shadow: inset 0px 0px 10px 1px rgba(0,0,0,0.1);
        width: 100%;
        cursor: pointer;
        margin-bottom: 20px;
        transition: all .2s linear;
    }

    .modals form .input:hover {
        transition: all .2s linear;
        border: 3px solid #f7e76a;
    }

    .modals form .input:focus {
        transition: all .2s linear;
        border: 3px solid #f7cd11;
    }

    .modals form .btnchik {
        padding: 20px 20px;
         font-size: 16px;
         line-height: 16px;
        font-family: 'Gotham Pro';
        font-weight: 600;
        font-style: normal;
        text-align: center;
        cursor: pointer;

        margin-bottom: 20px;
    }

    .modals form .btnchik~p {
        font-size: 12px;
        line-height: 15px;
        margin-bottom: 0;
        color: #000;
        font-family: 'Gotham Pro';
        font-style: normal;
        font-weight: 300;
    }

    .modals .thanks-block {
        padding: 60px 30px 0;
    }

    .modals .thanks-block h3 {
        font-size: 45px;
         line-height: 45px;
        font-family: 'PF Regal Display Pro';
        font-weight: 500;
        font-style: normal;
        text-align: center;

        margin-bottom: 25px;
    }

    .modals .thanks-block h5 {
       font-size: 20px;
        color: #000;
        font-family: 'Gotham Pro';
        font-style: normal;
        font-weight: 300;
        text-align: center;
        margin-bottom: 50px;
    }

    .modals .thanks-block .thanks-flower {
        width: 100%;
        position: relative;
        bottom: -25px;
        z-index: 1;
    }



.mobile-only {
    display: none !important;
}


.coffee-img {
    position: absolute;
    bottom: -75px;
    right: -50px;
    z-index: 5;
}



/*********************SECOND FILE*************************/
    

    header.bg-changed {
        background-image: url('../images/second/second-header-bg.png');
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .second {
        width: 100%;
        padding: 60px 0;
    }

    .second .title p {
         font-size: 55px;
         line-height: 55px;
        font-family: 'PF Regal Display Pro';
        font-style: normal;
        font-weight: 500;
        color: #000;
        margin-bottom: 30px;
    }

    .second .title p span{
        font-style: italic;
    }

    

    .second .title span.bg-span{
        background-image: url('../images/reklama-span-bg.png');
        background-position: center 100%;
        background-repeat: no-repeat;
        background-size: 100%;
    }

    .second .mini-text p{
          font-size: 20px;
        font-family: 'Gotham Pro';
        font-style: normal;
        font-weight: 300;
        color: #000;
        margin-bottom: 35px;
    }

    .second .coffee-btn .btnchik{
        width: 60%;
        margin-bottom: 30px;
    }

    .second .pricing:before {
        content: '';
        background-image: url('../images/second/pricing-before.png');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;

        width: 40px;
        height: 75px;
        position: absolute;
        left: 0;
        top: -45px;
        z-index: -1;

    }

    .second .pricing {
        display: flex;
        justify-content: flex-start;
        align-items: center;

        position: relative;
    }

    .second .pricing p{
        font-size: 14px;
        font-family: 'Gotham Pro';
        font-style: normal;
        font-weight: 300;
        color: #000;
    }

    .second .pricing p span{
        font-weight: bold;
    }

    .second .pricing p, 
    .second .pricing img {
        padding-left: 15px;
    }

    .second .zanyatie-info {
        padding: 35px 30px 0 0;
        display: flex;
        justify-content: flex-end;
    }

    .second .zanyatie-info .zanyatie-box{
        padding: 0 35px;
        background: linear-gradient(0deg,  rgba(255,255,255,.8) 6%, rgba(255,255,255,.85) 100%);
        display: flex;
        flex-direction: column;
        position: relative;

    }

    .second .zanyatie-info .zanyatie-box:before{
        content: '';
        
        background-image: url('../images/second/bg-before.png');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;

        position: absolute;
        width: 100%;
        height: 30px;
        top: -30px;
        left: 0;
    }
    .second .zanyatie-info .zanyatie-box:after{
        content: '';
        
        background-image: url('../images/second/bg-after.png');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;

        position: absolute;
        width: 100%;
        height: 50px;
        bottom: -50px;
        left: 0;
    }

    .second .zanyatie-info .zanyatie-box .quantity-item {
        display: flex;
        flex-direction: column;
    }
    
    .second .zanyatie-info .zanyatie-box .quantity-item .quantity{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        padding-top: 30px; 
    }
    
    .second .zanyatie-info .zanyatie-box .quantity-item .quantity img{
        margin-right: 10px;
    }
    
    .second .zanyatie-info .zanyatie-box .quantity-item .quantity p{
         font-size: 35px;
         line-height: 35px;
        font-family: 'PF Regal Display Pro';
        font-style: italic;
        font-weight: 500;
        color: #000;
    }

    .second .zanyatie-info .zanyatie-box .quantity-item .quantity-text{
        margin-top: 10px;
        padding-left: 25px;
    }

    .second .zanyatie-info .zanyatie-box .quantity-item .quantity-text p {
         font-size: 14px;
         line-height: 14px;
        font-family: 'Gotham Pro';
        font-style: normal;
        font-weight: 300;
        color: #000;
        padding-bottom: 30px;
    }

    .second .zanyatie-info .zanyatie-box .quantity-item .quantity-text p {
        border-bottom: 1px solid rgba(0,0,0,.3);
    }

    .second .zanyatie-info .zanyatie-box .quantity-item:last-child .quantity-text p {
        border: none;
    }

   
   .teacher {
        padding: 25px 0;
   }

   .teacher .video-youtube {
        position: absolute;
        top: 100px;
        left: 0;
   }

    .teacher .video-youtube .popup-youtube {
        margin-bottom: 30px;
    }

    .teacher .video-youtube .popup-youtube img{
        border-radius: 50%;
        width: 120px;
        animation: pulsebig 2s ease-in-out infinite;
    }

   .teacher .video-youtube p {
        font-size: 16px;
        line-height: 20px;
        font-family: 'Gotham Pro';
        font-style: normal;
        font-weight: 300;
        color: #000;
   }

   .teacher .video-youtube p span{
        font-size: 20px;
        line-height: 24px;
        font-family: 'PF Regal Display Pro';
        font-style: italic;
        font-weight: bold;
   }

   .teacher .teacher-img img {
        position: relative;
        right: -25px;
   }

   
    .teacher .teacher-info {
        padding-top: 75px;
    }

    .teacher .teacher-info .title {
        font-size: 45px;
        line-height: 45px;
        font-family: 'PF Regal Display Pro';
        font-style: normal;
        font-weight: 500;
        margin-bottom: 40px;
    }    

    .teacher .teacher-info .title span{
        font-style: italic;
    }    

    .teacher .teacher-info .teacher-stats{
         font-size: 16px;
        font-family: 'Gotham Pro';
        font-style: normal;
        font-weight: 300;
        margin-bottom: 40px;

        padding-left: 80px;
    }    

    .teacher .teacher-info .teacher-stats span{
        font-weight: bold;
    }    

    .teacher .teacher-aim {
        padding: 0 0 0 80px;
    }

    .teacher .teacher-aim .aim-block{
        padding: 35px 70px 35px 80px;
        
        position: relative;
        width: 100%;
        height: 100%;
        box-shadow: 0px 10px 10px 1px rgba(0,0,0,0.2);
        background-color: #FFF;
    }

    .teacher .teacher-aim img {
        position: absolute;
        top: 35px;
        left: -50px;
    }

    .teacher .teacher-aim p {
         font-size: 16px;
        font-family: 'Gotham Pro';
        font-style: italic;
        font-weight: 300;
    }



    .nine-ways {
        padding: 80px 0 0;
        
    }

    .nine-ways .nine-img{
        position: absolute;
        left: 0;
        z-index: -1; 
        line-height: 320px;
        font-size: 680px;
        font-family: 'PF Regal Display Pro';
        color:rgba(195,131,202,.1);

        
    }

    .nine-ways .flower-img{
       position: absolute;
        bottom: 215px;
        left: -50px;
        z-index: -3;
    }
    
    .nine-ways .ways-info {
        text-align: left;
        width: 100%;
    }

    .nine-ways .ways-info p {
         font-size: 45px;
        line-height: 45px;
        font-family: 'PF Regal Display Pro';
        font-style: italic;
        font-weight: 500;
        margin-bottom: 10px;
    }

    .nine-ways .ways-info h5{
         font-size: 20px;
        line-height: 20px;
        font-family: 'Gotham Pro';
        font-style: normal;
        font-weight: 300;
    }

    .nine-ways .ways-count .counting {
        display: flex;
        position: absolute;
    }
    .nine-ways .ways-count .counting img {
        opacity: .95;
        box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.05);
        border-radius: 50%;
    }

    .nine-ways .ways-count .counting p{
        font-size: 24px;
        line-height: 24px;
        font-family: 'PF Regal Display Pro';
        font-style: italic;
        font-weight: 500;
    }

    .nine-ways .ways-count .counting p span{
        font-size: 16px;
        line-height: 16px;
        font-family: 'Gotham Pro';
        font-style: normal;
        font-weight: 300;
    }

    .nine-ways .ways-count .counting.way-one {
        justify-content: center;
        align-items: center;
        bottom: 310px;
        left: 10px;
    }

    .nine-ways .ways-count .counting.way-one img{
        margin-left: 15px;
    }

    .nine-ways .ways-count .counting.way-two {
        justify-content: center;
        align-items: center;
        bottom: 380px;
        left: 8px;
    }

    .nine-ways .ways-count .counting.way-two img{
        margin-left: 15px;
    }

    .nine-ways .ways-count .counting.way-three {
        justify-content: center;
        align-items: flex-end;
        flex-direction: column;
        bottom: 435px;
        left: 80px;
    }
    .nine-ways .ways-count .counting.way-three p{
        margin-bottom: 20px;
    }

    .nine-ways .ways-count .counting.way-four {
        justify-content: center;
        align-items: center;
        flex-direction: column;
        bottom: 485px;
        left: 320px;
    }
    .nine-ways .ways-count .counting.way-four p{
        margin-bottom: 20px;
    }


    .nine-ways .ways-count .counting.way-five {
        justify-content: center;
        align-items: center;
        flex-direction: column;
        bottom: 525px;
        left: 445px;
    }
    .nine-ways .ways-count .counting.way-five p{
        margin-bottom: 20px;
    }

    .nine-ways .ways-count .counting.way-six {
        justify-content: center;
        align-items: center;
        flex-direction: column;
        bottom: 565px;
        left: 570px;
    }
    .nine-ways .ways-count .counting.way-six p{
        margin-bottom: 20px;
    }


    .nine-ways .ways-count .counting.way-seven {
        justify-content: center;
        align-items: center;
        flex-direction: column;
        bottom: 605px;
        left: 695px;
    }
    .nine-ways .ways-count .counting.way-seven p{
        margin-bottom: 20px;
    }


    .nine-ways .ways-count .counting.way-eight {
        justify-content: center;
        align-items: center;
        flex-direction: column;
        bottom: 645px;
        left: 820px;
    }
    .nine-ways .ways-count .counting.way-eight p{
        margin-bottom: 20px;
    }


    .nine-ways .ways-count .counting.way-nine {
        justify-content: center;
        align-items: center;
        flex-direction: column;
        bottom: 625px;
        left: 950px;
    }
    .nine-ways .ways-count .counting.way-nine p{
        margin-bottom: 20px;
    }



    .second-form {
        background-image: url('../images/second/purple-bg.png');
        margin-top: -335px;
        padding: 250px 0 150px;
    }

    .second-form form p {
        margin-bottom: 40px;
    }

    .second-form form .input {
        margin-bottom: 30px;
    }

    .second-form .pen {
        bottom: -120px !important;
        right: 10px !important;
    }

    .second-form .pen img{
        width: 450px;
    }

    .second-form .paper {
        bottom: 0px !important;
        left: -270px !important;
    }
    .second-form .paper img{
        width: 115% !important;
    }
    

    .second-form form .btnchik {
        margin-bottom: 40px;
        margin-top: 20px;
    }

    .second-form .pen{
        bottom: -135px;
        right: -30px;;
    }

    .second-form .zanyatie-info {
        padding: 45px 30px 0 0;
        display: flex;
        justify-content: flex-start;
    }

    .second-form .zanyatie-info .zanyatie-box{
        border: 1px solid rgba(255,255,255,.2);
        border-left: none;
        padding: 0 55px;
        background: transparent;
        display: flex;
        flex-direction: column;
        position: relative;
        z-index: 0;
        left: -35px;

    }

    .second-form .zanyatie-info .zanyatie-box .quantity-item {
        display: flex;
        flex-direction: column;
    }
    
    .second-form .zanyatie-info .zanyatie-box .quantity-item .quantity{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        padding-top: 30px; 
    }
    
    .second-form .zanyatie-info .zanyatie-box .quantity-item .quantity img{
        margin-right: 10px;
    }
    
    .second-form .zanyatie-info .zanyatie-box .quantity-item .quantity p{
        background-image: url(../images/reklama-span-bg.png);
        width: 100%;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        font-size: 35px;
        line-height: 35px;
        font-family: 'PF Regal Display Pro';
        font-style: italic;
        font-weight: 500;
        color: #000;
    }

    .second-form .zanyatie-info .zanyatie-box .quantity-item .quantity-text{
        margin-top: 10px;
        padding-left: 25px;
    }

    .second-form .zanyatie-info .zanyatie-box .quantity-item .quantity-text p {
         font-size: 14px;
        font-family: 'Gotham Pro';
        font-style: normal;
        font-weight: 300;
        color: #000;
        padding-bottom: 30px;
        color: #FFF;
    }

    .second-form .zanyatie-info .zanyatie-box .quantity-item .quantity-text p {
        border-bottom: 1px solid rgba(255,255,255,.2);
    }

    .second-form .zanyatie-info .zanyatie-box .quantity-item:last-child .quantity-text p {
        border: none;
    }



    .second-prichina {
        padding: 75px 0 0 ;

    }

    .second-prichina .prichina-items .item .lower p {
        margin-top: 0 !important;
    }

    .second-prichina .prichina-items {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        background-image: url(../images/second/budda.png);
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        padding-bottom: 255px;
    }


    .during {
        padding: 0 0 50px;
        margin-top: -50px;
    }

    .during .container {
        background-image: url('../images/second/during-bg.png');
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }

    .during .title p{
        font-size: 45px;
        font-family: 'PF Regal Display Pro';
        font-style: normal;
        font-weight: 500;
        color: #000;
        text-align: center;
        margin-bottom: 40px;
    }

    .during .during-items {
        width: 100%;
        padding: 0 35px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
    }

    .during .during-items .item{
        flex: 0 0 32%;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: center;
        margin-bottom: 40px;
    }

    .during .during-items .item img{
        margin-bottom: 15px;
    }

    .during .during-items .item p{
        text-align: center;
        background-image: url('../images/reklama-span-bg.png');
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;

        font-size: 24px;
        font-family: 'PF Regal Display Pro';
        font-style: italic;
        font-weight: 500;
        color: #000;
        margin-bottom: 5px;
    }

    .during .during-items .item h5{
        font-size: 16px;
        font-family: 'Gotham Pro';
        font-style: italic;
        font-weight: 300;
        color: #000;
        text-align: center;
    }

    .during .btnchik {
        width: 100%;
        font-size: 16px;
        font-family: 'Gotham Pro';
        font-style: normal;
        font-weight: 500;
        color: #000;
        text-align: center;
    }

    .second-exclusive {
        padding: 50px 0;
    } 

    .second-free-course {
        background-image: none;
        color: #000;
        padding: 75px 0 0;

    }
    
    .second-free-course h4,
    .second-free-course p{
        color: #000 !important;
    }
    

    .lower.second-form {
        margin-top: -150px;
    }



    .big-ser {
        padding: 180px 0 0;
        position: relative;
    }

    .big-ser p{
        font-size: 45px;
        line-height: 45px;
        font-family: 'PF Regal Display Pro';
        font-style: normal;
        font-weight: 500;
        color: #000;
        padding-left: 25px;
        margin-bottom: 10px;
    }
    .big-ser p span{
        font-style: italic;
    }

    .big-ser h5{
        font-size: 20px;
        line-height: 20px;
        font-family: 'Gotham Pro';
        font-style: normal;
        font-weight: 300;
        color: #000;

        padding-left: 25px;
    }

    .big-ser .flo-1 ,
    .big-ser .flo-2 ,
    .big-ser .flo-3 ,
    .big-ser .flower-0 {
        position: absolute;
    }

    .big-ser .flower-0 {
        bottom: -125px;
        left: -40px;
        width: 75%;
    }

    .big-ser .ser-img {
        width: 160%;
    }

    .flo-1 {
        z-index: 1;
        top: 60px;
        left: -25px;
    }

    .flo-2 {
        left: 250px;
        top: -100px;
    }

    .flo-3 {
        right:0;
        bottom: -100px;
    }



    .second-gallery {
        padding-bottom: 0 !important;
    }

    .choose-course {
        padding: 350px 0 100px;
        background-image: url('../images/second/purple-bg.png');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    .choose-course .first-choose-block p {
        font-size: 45px;
        line-height: 50px;
        font-family: 'PF Regal Display Pro';
        font-style: normal;
        font-weight: 500;
        color: #FFF;
        margin-bottom: 10px;
    }

    .choose-course .first-choose-block h5{
        font-size: 20px;
        font-family: 'Gotham Pro';
        font-style: normal;
        font-weight: 300;
        color: #FFF;
        margin-bottom: 50px;
    }

    .choose-course .pricing {
        padding: 40px ;
        overflow:hidden;
        border-radius: 5px;
        border: 1px solid rgba(255,255,255,.1);
    }

    .choose-course .pricing p{
         font-size: 16px;
         line-height: 16px;
        font-family: 'Gotham Pro';
        font-style: normal;
        font-weight: 300;
        color: #FFF;
    }

    .choose-course .pricing .money {
        position: relative;
        left: -75px;
        display: flex;
        align-items: center;
        margin-top: 40px;
        justify-content: space-between;
    }

    .choose-course .pricing .money img{
        box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.25);
    }

    .choose-course .pricing .money p{
         font-size: 20px;
        line-height: 20px;
        font-family: 'Gotham Pro';
        font-style: normal;
        margin-bottom: 0;
        font-weight: 500;
        padding-left: 20px;
        color: #FFF;
    }
    .choose-course .pricing .money p span{
        font-weight: 300 !important;
        font-size: 16px;
        line-height: 16px;
    }

    .choose-course .upper-case {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
         background: -webkit-linear-gradient(bottom, rgba(183,35,236,1) 0%, rgba(229,24,228,1) 100%);

         background: -o-linear-gradient(bottom, rgba(183,35,236,1) 0%, rgba(229,24,228,1) 100%);
         background: linear-gradient(to top, rgba(183,35,236,1) 0%, rgba(229,24,228,1) 100%);
        padding: 25px 40px;
    }

    .choose-course .upper-case p {
        color: #FFF;
        font-family: 'PF Regal Display Pro';
        font-size: 30px;
        line-height: 30px;
        font-style: normal;
        font-weight: 500;
        text-align: center;
    }

    .choose-course .choose-logo {
        position: absolute;
        bottom: 5px;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 225px;
        opacity: .15;
    }

    .middle-case {
        padding: 30px;
        background-image: url('../images/second/middle-bg.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }
    
    .middle-case .block:not(:last-child) {
         margin-bottom: 30px;
    }

    .middle-case .block {
        width: 100%;
         display: flex;
         align-items: center;
         justify-content: flex-start;
    }
    .middle-case .block .img{
        width: 15%;
         display: flex;
         align-items: center;
         justify-content: center;
         margin-right: 25px;
    }

    .middle-case .block p {
        font-size: 16px;
        font-family: 'Gotham Pro';
        font-style: normal;
        font-weight: 300;
    }

    .middle-case .block p span{
        font-weight: 500;
    }


    .lower-case {
        padding: 30px 45px;
        background-color: #f8f6f7;
    }

    .lower-case p {
        font-size: 16px;
        line-height: 16px;
        font-family: 'Gotham Pro';
        font-style: normal;
        font-weight: 500;
        margin-bottom: 30px;
        text-align: center;
    }
    .lower-case p span {
        font-size: 30px;
        line-height: 30px;
        font-family: 'PF Regal Display Pro';
        font-style: normal;
        font-weight: bold;
        color: #b150d8;
    }

    .lower-case .btnchik {
         font-size: 16px;
        line-height: 16px;
        font-family: 'Gotham Pro';
        font-style: normal;
        font-weight: 500;
        width: 100%;
        padding: 20px 0;
    }

    
    .upper-case,
    .middle-case,
    .lower-case {
        position: relative;
    }

    .upper-case {
        margin-top: 25px;
    }

    .upper-case:before {
        content: '';
        position: absolute;
        top:-25px;
        left: 0;
        width: 100%;
        height: 25px;

        background-image: url('../images/second/upper-before.png');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    .upper-case {
        margin-bottom: 50px;
    }

    .upper-case:after {
        content: '';
        position: absolute;
        bottom:-25px;
        left: 0;
        width: 100%;
        height: 25px;

        background-image: url('../images/second/upper-after.png');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    .middle-case:before {
        content: '';
        position: absolute;
        top:-25px;
        left: 0;
        width: 100%;
        height: 25px;

        background-image: url('../images/second/middle-before.png');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    .lower-case:after {
        content: '';
        position: absolute;
        bottom:-25px;
        left: 0;
        width: 100%;
        height: 25px;

        background-image: url('../images/second/lower-after.png');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }







/******************************************* КУРСЫ ВИСАЖА ******************************************/

.nine-ways.ten-ways{
    /*min-height: 1000px;*/
    position: relative;
    padding: 50px 0 300px 0;
}
.nine-ways.ten-ways .nine-img{
    font-size: 420px;
    top: -80px;
}
.nine-ways.ten-ways .ways-info{
    margin-bottom: 50px;
}
.nine-ways.ten-ways .ways-count{
    bottom: 0;
    left: 0;
    display: flex;
    max-width: 600px;
    flex-wrap: wrap;
}
.nine-ways.ten-ways .kraska-tools{
    position: absolute;
    right: 10rem;
    bottom: 5rem;
    height: 700px;
}
.nine-ways.ten-ways .ways-count ul{
    list-style: none;
    font-size: 24px;
    line-height: 24px;
    font-family: 'PF Regal Display Pro';
    font-style: italic;
    font-weight: 600;
    justify-content: space-around;
    flex: 0 0 40%;
}
.nine-ways.ten-ways .ways-count ul li{
    margin-bottom: 40px;
    padding-left: 60px;
    position: relative;
}
.nine-ways.ten-ways .ways-count ul li:before{
    content: attr(data-order);
    display: block;
    height: 45px;
    width: 45px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0px 15px 20px 0px rgba(0,0,0,0.1);
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(195,90,240);
}




    


    
  

    

    
    

    



.index-gallery {
    margin-bottom: 50px;
}

.teacher.second-teacher img {
    width: auto;
    display: unset;
}




@media only screen and (max-width: 480px) {
    .nine-ways.ten-ways {
        padding: 100px 0 300px;
    }

.teacher.second-teacher img {
    display: unset;
    width: auto !important;
    height: auto !important;
}

.teacher.second-teacher .container{
    overflow: hidden;
}



/*******first-file*****/
    .contacts .con-carousel .owl-prev{
        left: 0;
    }
    .contacts .con-carousel .owl-next{
        right: 0;
    }
    .mobile-only {
        display: block !important;
    }

    .desktop {
        display: none !important;
    }

    header .fixing{
        position: fixed;
        top:0;
        background-color: #FFF;
        z-index: 1000;
        padding: 0 15px;
        -webkit-box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.09);
    	box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.09);
    }

    .logo,
    .hamburger{
        padding:15px 0;
    }

    .ham {
        display: flex !important;
        justify-content: flex-end;
        align-items: center;
    }

    .mobile-menu {
        position: fixed;
        transform: translateY(-125%);
        background-color: #b150d8;
        height: 100vh;
        width: 100%;
        transition: all .5s linear;     
        z-index: 50; 
        left: 0;
        top: 0;
        padding: 75px 0 0 0;

        display: flex !important;
        flex-direction: column;
        justify-content: space-between; 
    }

    .mobile-menu ul li.dropdown{
	    position: relative;
	}
	.mobile-menu ul li.dropdown:before{
	    font-size: 20px;
	    content: '\f107';
	    font: normal normal normal 14px/1 FontAwesome;
	    position: absolute;
	    right: 115px;
	    top: 0;
	    bottom: 0;
	    margin: auto;
	    cursor: pointer;
	    display: flex;
	    align-items: center;
	    color: #fff;
	}
	.mobile-menu ul li.dropdown .child-menu{
	    position: absolute;
	    top: 45px;
	    display: flex;
	    flex-direction: column;
	    align-items: flex-start;
	    z-index: 300;
	    background: #fff;
	    box-shadow: 3px 3px 10px rgba(0,0,0,.2);
	    height: auto;
	    max-width: 300px;
	    width: max-content;
	    transition: .3s all ease;
	    opacity: 0;
	    visibility: hidden;
	    transform: translate(0,35px);
	    left: 0;
	    right: 0;
	    margin: auto;
	}
	.mobile-menu ul li.dropdown .child-menu.show{
	    opacity: 1;
	    visibility: visible;
	    transform: translate(0,0);
	}
	.mobile-menu ul li.dropdown .child-menu .menu-item{
	    display: block;
	    width: 100%;
	    margin-right: 0;

	}
	.mobile-menu ul li.dropdown .child-menu .menu-item a{
	    font-size: 16px;
	    display: block;
	    padding: 10px 15px 10px 35px;
	    position: relative;
	    border-bottom: 1px solid #eee;
	    color: #b150d8;
	    text-align: left !important;
	    margin: 0;
	}
	.mobile-menu ul li.dropdown .child-menu .menu-item:last-child a{
	    border: none;
	}
	.mobile-menu ul li.dropdown .child-menu .menu-item a:hover{
	    background: #b150d8;
	    color: #fff;
	}
	.mobile-menu ul li.dropdown .child-menu .menu-item a i{
	    width: 17px;
	    height: 15px;
	    position: absolute;
	    left: 10px;
	    top: 0;
	    bottom: 0;
	    margin: auto;
	    color: #b150d8;
	    transition: .3s all ease;
	    text-align: center;
	}
	.mobile-menu ul li.dropdown .child-menu .menu-item a:hover i{
	    color: #fff;
	}

    .mobile-menu.opened {
        width: 100%;
        transform: translateY(0%);
        transition: all .5s linear;       
    }

    .close {
        position: absolute;
        top: 15px;
        right: 15px;
        z-index: 55;
    }

    .mobile-menu ul {
        flex-direction: column;
        text-align: center;
    }
    .mobile-menu>ul>li{
    	margin-bottom: 20px;
    }
    .mobile-menu ul li a{
        font-size: 22px;
        font-family: "Gotham Pro";
        color: #FFF;
        font-weight: 500;
        font-style: normal;
        text-align: center;
        text-decoration: none;

        transition: all .2s linear;
    }

    .mobile-menu ul li a:hover {
        text-decoration: none;
        color: #f9dd0d;
        transition: all .2s linear;
    }

    .mobile-menu .phone {
        align-items: center;
        justify-content: center;
        padding-bottom: 35px;
        height: auto;
        flex-direction: row;
    }
    .mobile-menu .phone .phone-number{
        flex: 0 0 55%;
    }
    header .phone:before{
    	position: static;
    	margin: 0 10px 0 0;
    }

    .mobile-menu .phone a {
         font-size: 20px;
        font-family: "Gotham Pro";
        color: #FFF;
        font-weight: 500;
        font-style: normal;
        text-align: center;
        text-decoration: none;
        transition: all .2s linear;
    }
    .mobile-menu .phone a:hover {
        color: #000;
        transition: all .2s linear;
    }

    .reklama{
        padding-bottom: 200px;
    }
    .reklama .reklama-text {
        padding: 75px 15px 170px 0;
    }

    .reklama-title {
        font-size: 32px;
        margin-bottom: 30px;
        text-align: center;
    }

    .reklama-categories {
        margin-bottom: 0;
        text-align: center;
        padding: 0 15px !important;
    }

    .reklama-categories ul {
        margin-bottom: 0;
    }

    .reklama-categories ul li{
        font-size: 18px;
        line-height: 35px;
    }

    .reklama .btnchik {
        width: 75%;
        margin: 35px 0 35px;
        padding: 25px 30px;
        color: #000;
        font-size: 16px;
        font-family: 'Gotham Pro';
        font-weight: 500;
    }

    .reklama .reklama-text .row div:last-child {
        text-align: center;
    }

    .reklama .reklama-img img {
        display: none;
    }




    .form {
        padding: 200px 0 100px;
        margin-top: -250px;
    }

    .form .form-info h3 {
        font-size: 36px; 
    }

    .form .form-info p {
        font-size: 16px;
    }

    .form .paper,
    .form .pen {
        display: none;
    }

    .form .form-block:before {
        top: -25px;
    }
    .form .form-block:after {
        bottom: -25px;
    }

    .form form .input {
        padding: 20px 10px 20px 60px;
        font-size: 12px;
    }

    .form form .btnchik {
        font-size: 12px;
    }



    .courses h3 {
        font-size: 30px;
    }

    .courses .course-block {
         align-items: unset; 
        flex-direction: column;
         flex-wrap: unset; 
    }
    .courses .course-block .course-item {
        flex: unset;
        padding: 200px 40px 0;
    }

    .courses .course-block .course-item.course-2 {
        background-position: center;

    }


    .sertificate .img {
        padding: 0 0 60px;
    }

    .sertificate .img1 img {
        left: -10px;
        top: -10vw;
        width: 50%;
    }

    .sertificate .text1 p {
        padding-left: 45%;
        padding-right: 15px;
        font-size: 15px;
    }

    .sertificate .img2 img {
        width: 50%;
        top: -10vw;
        right: -25px;
    }

    .sertificate .text2 p {
        padding-left: 15px;
        padding-right: 45%;
        font-size: 16px;
    }

    .sertificate .img2 .text {
        padding-right: 15px;
    }


    
    .video {
        padding: 25px 0;
    }
    .video .info h2 {
        font-size: 22px;
    }

    .video .info p {
        font-size: 16px;
    }

    .video .video-sec .video-block {
        height: 300px;
    }


    .prichina {
        padding: 35px 0;
    }

    .prichina .prichina-title h5 {
        font-size: 28px;
    }

    .prichina .prichina-items {
        flex-direction: column;
    }

    .prichina .prichina-items .item {
        padding-top: 25px !important;
    }

    .prichina .prichina-items .item-1 .upper img{
        width: 30% ;
    }

    .prichina .prichina-items .item-2 .upper img{
        width: 40% ;
    }

    .prichina .prichina-items .item-3 .upper img{
        width: 20% ;
    }

    .prichina .prichina-items .item-4 .upper img{
        width: 20% ;
    }

    .prichina .prichina-items .item-5 .upper img{
        width: 25% ;
    }

    .prichina .prichina-btn{
         margin: 30px 0 0; 
         position: relative;
         z-index: 3;
    }

    .prichina .prichina-btn .btnchik {
         font-size: 18px;
    }




    .free-course {
        margin-top: -80px;
        background-position: right;
        padding: 300px 0 50px;
    }
    .free-course .journal img {
        position: relative;
        left: -25px;
        top: -80px;
        width: 100%;
    }
    
    .free-course .info {
        margin-top: -140px;
    }

    .free-course .info .titler h4 {
        font-size: 28px;
        text-align: center;
    }

    .coffee img {
        width: 30%;
        margin-right: 20px;
    }

    .coffee-btn .btnchik {
        width: 100%;
    }


    .gallery {
        padding: 40px 0;
    }

    .gallery .text h4 {
        font-size: 28px;
    }

    .gallery .text p {
        font-size: 18px;
    }

    .gallery .search .search-info p {
        font-size: 14px;
    }

    .gallery .photo-block a img {
        height: 75px;
    }


    .exclusive {
        padding: 0px 0 35px;
    }


    .exclusive .left .diamond-ab {
        margin: 0 auto;
        top: 0;
        width: 50%;
        left: 0;
        right: 0;
    }

    .exclusive .left .diamond-rel {
        left: 0;
        width: 100%;
        height: 200px;
    }

    .exclusive .left .girl {
        position: relative;
        z-index: 2;
        right: -35px;
        top: 225px;
    }

    .exclusive .girl img {
        width: 100%;
    }

    .exclusive .left {
        margin-bottom: 150px;
    }

    .exclusive .right .titler h5 {
        font-size: 28px;
    }

    .exclusive .right .text p {
        font-size: 14px;
    }

    .teacher {
        padding: 25px 0;
    }

    .owl-carousel .owl-item img {
        display: block;
        width: auto;
        height: 280px;
    }

    .teacher .teacher-carousel .item {
        text-align: center;
        background: linear-gradient(0deg, rgba(234,234,234,1) 0%, rgba(234,234,234,0) 100%);
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .teacher .title h4 {
        font-size: 28px;
        text-align: center;
    }
    .teacher .title h5 {
        text-align: center;
        font-size: 22px;
    }

    .teacher .arrow-place {
        flex: 0 0 15%;
    }


    .subscribe {
        padding: 25px 0;
    }
    .subscribe .row .row{
        padding: 0;
        margin: 0;
    }
    .subscribe .row .row .sub-btn{
        margin-bottom: 30px;
    }

    .subscribe .title h2 {
        font-size: 28px;
    }

    .subscribe .title h5 {
        font-size: 16px;
    }

    .subscribe .videos .video-block{
        padding: 25px 0;
    }
    .subscribe .videos .video-block .video-preview {
        height: 100px;
        margin-bottom: 10px;
    }

    .subscribe .videos .video-block .video-preview a{
        display: flex;
        justify-content: center;
        align-items: center;

        box-shadow: none;
        border-radius: 0;
        animation: none;
    }

    .subscribe .videos .video-block .video-preview a img{
        width: 70%;
        box-shadow: 0px 10px 10px 1px rgba(231,166,26,.45);
        border-radius: 50%;
        animation: pulsesmall 2s ease-in-out infinite;;
    }

    .subscribe .videos .video-block .video-name p {
        font-size: 14px;
    }

    .subscribe .subscribers {
        padding-bottom: 30px;
        flex-direction: column;
    }

    .subscribe .subscribers .sub {
        flex-direction: column;
        margin-bottom: 30px;
    }
    .subscribe .subscribers .sub .img{
        text-align: center;
        margin-bottom: 15px;
    }

    .subscribe .subscribers .sub .text p.text-info {
        margin-bottom: 15px;
        font-size: 14px;
    }

    .subscribe .subscribers .sub .text .sub-info .name p {
        font-size: 14px;
    }

    .subscribe .subscribers .sub .text .sub-info .fb a p {
        font-size: 13px;
        margin-right: 0;
    }


    .order-call {
        padding: 150px 0 50px;
        margin-top: -25px;
        background-position: right;
    }

    .order-call h3 {
        font-size: 28px;
    }

    .order-call h4 {
        font-size: 20px;
    }
    
    .order-call .btnchik {
        font-size: 16px;
        margin-bottom: 30px;
        width: 90%;
        padding: 15px 30px;
    }

    .order-call img {
        width: 60%;
    }



    .contacts {
        padding: 30px 0;
    }
    .contacts .title{
        margin-bottom: 30px;
    }
    .contacts .title h2{
        font-size: 30px;
    }
    .contacts .info .address-title p {
        font-size: 28px;
    }   
    
    .contacts .info .address-name p {
        font-size: 17px;
    }

    .contacts .info .cons .cons-item p {
        font-size: 17px;
    }

    .contacts .con-flex .info {
        padding-bottom: 25px;
    }

    .con-carousel {
        padding: 0;
    }

    .contacts .con-flex {
        padding:0;
        flex-direction: column;
    }

    .contacts .con-flex .info,
    .contacts .con-flex .map{
        flex: unset;
    }


    .contacts .address-title span {
        color: #FFF;
    }



    .modals .container .col-md-6 {
        padding: 0 10px;
    }

    .modals .form-block form {
        padding: 20px 10px;
        margin-top: 40px;
    }


/*********second-file*************/
    .btnchikk {
        padding: 20px 30px !important;
        font-size: 16px !important;
    }

    .btnchikk p {
        font-size: 16px !important;
    }

    .container {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    header.bg-changed {
        margin-top: 10vw;
        background-position: top;
        background-size: contain;
        background-image: url('../images/second/mobile-header-bg.png');
    }

    .second {
        padding:60vw 0 0;
    }

    .second .title p {
        font-size: 35px;
        line-height: 35px;
        text-align: center;
    }

    .second .title span:nth-child(2){
        display: none;
    }

    .second .coffee-btn .btnchik {
        width: 100%;
        padding: 20px 25px;
    }

    .second .mini-text p {
        font-size: 16px;
        text-align: center;
    }

    .second .pricing p, .second .pricing img {
        display: none;
    }
    
    .second .pricing:before {
        display: none;
    }
    .second .zanyatie-info {
        padding: 35px 15px 80px;
    }
    .second .zanyatie-info .zanyatie-box {
        width: 100%;
        padding: 0px 23vw;
    }

    .second .zanyatie-info .zanyatie-box:before {
        display: none;
    }

    .second .zanyatie-info .zanyatie-box:after {
        display: none;
    }
    .second .zanyatie-info {
        background-image: url('../images/second/zany-bg.png');
        background-size: 60vw;
        background-position: center;
        background-repeat: no-repeat;
    }

    .second .zanyatie-info .zanyatie-box {
        background: unset;
    }

    .second-teacher {
        padding: 0;
    }

    .second-teacher .teacher-info {
        padding-top: 0;
    }

    .second-teacher .teacher-info .title {
        font-size: 35px;
        line-height: 35px;
        text-align: center;
        margin-bottom: 20px;
    }

    .second-teacher .teacher-info .teacher-stats {
        padding-left: 0;
        text-align: center;
        font-size: 14px;
    }

    .second-teacher .video-youtube {
        position: absolute;
        top: 350px;
        left: 15px;
        z-index: 3;
    }

    .second-teacher .video-youtube .popup-youtube img {
        width: 100px;
    }

    .second-teacher .teacher-img img {
        width: 90%;
        right: -35px;
    }

    .teacher .video-youtube p  {
        font-size: 14px;
    }
    .teacher .video-youtube p span {
        font-size: 18px;
    }



    .teacher .teacher-aim {
        padding: unset;
    }

    .teacher .teacher-aim p {
        font-size: 14px;
    }


    .nine-ways .ways-info p {
        font-size: 35px;
        text-align: center;
        line-height: 35px;
    }
    .nine-ways .ways-info p span{
        font-style: normal;
    }

    .nine-ways .ways-info h5 {
        font-size: 16px;
        text-align: center;
        margin-bottom: 15px;
    }

    .nine-ways .ways-count {
        text-align: left !important;
    }

    .nine-ways .ways-count .counting {
        display: flex;
        position: unset;
        flex-direction: row !important;
        justify-content: flex-start !important;
        align-items: center !important;
        margin-bottom: 15px;
    }

    .nine-ways .ways-count .counting p {
        margin-bottom: 0 !important;
        order: 12;
    }
    .nine-ways .ways-count .counting img {
        order: 1;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin: 0 5vw !important;
    }


    .nine-ways .ways-chair {
        width: 130vw;
        right: -15vw;
        position: relative;
    }

    .nine-ways .flower-img {
        position: absolute;
        bottom: 105px;
        left: -75px;
        width: 100%;
        z-index: -3;
    }

    .nine-ways .nine-img {
        text-align: right;
        width: 100%;
        top: 50vw;
    }


    .second-form {
        padding: 250px 0 30px;
        margin-top: -270px;
    }

    .second-form .f-b {
        padding: 0 !important;
    }

    .second-form .form-block:before,
    .second-form .form-block:after{
        display: none;
    }

    .second-form .form-info p {
        margin-bottom: 0;
    }

    .second-form .form-block form {
        padding: 35px 20px 15px;
        margin-top: 40px;
    }

    .second-form .pen ,
    .second-form .paper {
        display: unset;
    }

    .second-form .pen {
        bottom: -25vw !important;
        left: -20vw !important;
    }

    .second-form .pen img{
        width: 125vw;
    }

    .second-form .zanyatie-info .zanyatie-box {
        border:none;
    }

    .second-form .paper.mobile-only {
        position: absolute;
        top: 0vw !important;
        bottom: unset !important;
        right: -60vw !important;
        left: unset !important;
        width: 100vw;
    }
    
    .second-form .paper.mobile-only img{
        width: 85vw;
        position: absolute;
    }

    .second-form .zanyatie-info {
        padding: 45px 0px 0 0;
        display: flex;
        justify-content: flex-start;
    }

    .second-form .zanyatie-info .zanyatie-box {
        padding: 0px 55px 0 15px;
        left: -35px;
    }



    .second-gallery .obshiy-block {
        overflow-x: auto;
    }

    .second-gallery .obshiy-block .photo-block {
        width: 1150px;
    }
    .second-gallery .obshiy-block .photo-block a img {
        height: 150px;
    }

    .second-gallery .text h4 {
        font-size: 34px;
        text-align: center;
    }
    
    .second-subscribe .videos {
        flex-direction: column;
    }
    
    .second-subscribe .title h5 {
        margin-bottom: 25px;
    }      

    .second-subscribe .video-block {
        padding: 0 0 25px !important;
    }        

    .second-subscribe .videos .video-block .video-preview {
        height: 200px;
    }

    .second-subscribe .videos .video-block .video-name p {
        font-weight: 500;
        margin-top: 15px;
    }

    .second-subscribe .videos .video-block .video-preview a img {
        width: 20vw;
    }

    .second-subscribe .subscribers .img {
        display: flex;
        align-items: center;
        justify-content: space-around;
    }

    .second-subscribe .sub-info.mobile-only {
        display: flex !important;
        flex-direction: column;
    } 

    .second-subscribe .sub-info.mobile-only .ava{
        width: 30vw;
    } 

    .second-subscribe .sub-info.mobile-only .name p{
        font-weight: 500;
        text-align: left;
    } 
    .second-subscribe .sub-info.mobile-only .fb a{
        display: flex;
        justify-content: center;
        align-items: center;
    }  
    .second-subscribe .sub-info.mobile-only .fb a img{
        margin-right: 2.5vw;
    } 




    .second-prichina .prichina-items {
        background-image: unset;
        padding-bottom: 60px;
    }


    .during .container {
        background-image: unset;
    }

    .during .title p {
        font-size: 35px;
        line-height: 35px;
    }

    .during .during-items {
        flex-direction: column;
        padding:0;
    }

    .during .offset-md-4.col-md-4 {
        padding: 0;
    }

    .during .btnchik {
        padding:20px;
    }



    .second-exclusive {
        padding:0;
    }

    .second-exclusive .left {
        order: 12;
    }
    .second-exclusive .right {
        order: 1;
        padding: 15px 10px;
    }
    .second-exclusive .right .titler h5 {
        font-size: 35px;
        text-align: center;
    }
    .second-exclusive .right .titler h5 span{
        font-style: italic;
    }

    .second-exclusive .right .text p{
        font-style: italic;
        font-size: 16px;
        text-align: center;
    }

    .second-exclusive .right .mb-30 {
        margin-bottom: 15px;
    }

    .second-exclusive .left .girl {
        position: relative;
        right: -75px !important;
        top: 25px;
    }
    .second-exclusive .left .diamond-ab {
        margin: unset; 
        top: 0;
        width: 50%;
        position: absolute;
        left: -20px;
        right: unset; 
    }



    .second-free-course {
        margin-top: -100px !important;
        padding: 0;
    }

    .second-free-course .titler h4 {
        font-size: 35px !important;
    }

    .second-free-course .info {
        margin-top:0;
    }

    .second-free-course .info .coffee{
        flex-direction: column;
    }

    .second-free-course .journal img {
        position: relative;
        left: -35vw;
        top: 15px !important;
        width: 75vw;
    }

    .second-free-course .coffee img {
        width: 60%;
        margin-bottom: 10px;
    }

    .second-free-course .coffee {
        align-items: flex-start !important;
    }




    .big-ser {
        padding: 30px 0 0;
    }

    .big-ser .container .col-12:first-child {
        order: 12;
    }

    .big-ser .container .col-12:last-child {
        order: 1;
    }

    .flo-2, .flo-3 {
        display: none;
    }

    .big-ser p {
        font-size: 35px;
        line-height: 35px;
        text-align: center;
    }

    .big-ser h5 {
        font-size: 16px;
        line-height: 16px;
        text-align: center;
        margin-bottom: 15px;
    }

    .big-ser .ser-img {
        width: 100%;
    }







    .lower.second-form {
        margin-top: -125px;
    }

    .contacts {
        background-image: unset;
    }

    .contacts .info .address-title p {
        text-align: center;
    }

    .contacts .info .address-name p {
        text-align: center;
    }

    .contacts .info-text {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .contacts .coffee-block {
        width: 100%;
        margin: 20px 0;
        display: flex;
        justify-content: center;
    }

    .contacts .coffee-block .coffee-img {
        position: unset;
        width: 75%;
        margin: 0 auto;
        bottom: unset;
        right: unset;
    }

    .contacts .con-flex .info {
        padding-bottom: 0;
    }

    .contacts .owl-stage-outer {
        padding: 0;
    }



    .choose-course {
    }

    .choose-course .scrolled-tickets .tickets {
        width: 100%;
    }

    .choose-course .scrolled-tickets .tickets .tickets-block {
        width: 100%;
        display: flex;
        flex-direction: row;
        overflow-x: auto;
        height: 110%;
        padding-top: 50px;
    }


    .choose-course .scrolled-tickets .tickets .first-choose-block {
        margin-right: 25px;
    }

    .upper-case, .middle-case, .lower-case {
        margin-top: -5px;
    }

    .lower-case:after {
        bottom: -24px;
    }



    .second-choose-course {
            margin-top: -125px;
        padding: 250px 0 50px;
    }



    .choose-course .first-choose-block p {
        font-size: 35px;
        line-height: 35px;
        text-align:center;
    }

    .choose-course .first-choose-block h5 {
        font-size: 16px;
        line-height: 16px;
        text-align:center;
        margin-bottom: 15px;
    }

    .choose-course .search-info  {
          display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 25px;
    }

    .choose-course .search-info img {
        margin-right: 20px;
    }

    .choose-course .search-info p {
        margin-bottom: 0;
        font-size: 14px;
        line-height: 14px;
        font-style: italic;
        font-family: 'Gotham Pro';
        font-weight: 300;        
    }




    .choose-course .pricing {
        padding: 40px 0 40px 40px;
        margin-top: 75px;
    }


    .upper-case:after {
        content: '';
        position: absolute;
        bottom: -26px;
        left: 0;
        width: 100%;
        height: 27px;
    }

    .upper-case {
        margin-bottom: 55px;
    }

    .middle-case:before {
        content: '';
        position: absolute;
        top: -25px;
        left: 0;
        width: 100%;
        height: 27px;
    }

    .middle-case {
        padding: 20px;
    }


    

    

/************************************** Курсы Висажа мобайл **************************************/

.nine-ways.ten-ways .container{
    padding: 0 30px;
}
.nine-ways.ten-ways .kraska-tools{
    height: 300px;
    right: 0;
}

    




    










 
    




































}

@media only screen and (max-width: 440px) {
    .second .zanyatie-info {
        background-size: 75vw;
    }

    .second .zanyatie-info .zanyatie-box {
        padding: 0px 18vw;
    }
}

@media only screen and (max-width: 380px) {
    .second .zanyatie-info {
        background-size: 83vw;
    }
    .second .zanyatie-info .zanyatie-box {
        padding: 0px 15vw;
    }
}


@media only screen and (max-width: 360px) {
    .btnchikk {
        font-size: 16px !important;
        padding: 20px !important;
    }


    .second .zanyatie-info {
        background-size: cover;
    }
    .second .zanyatie-info .zanyatie-box {
        padding: 0px 10vw;
    }


    .second-teacher .video-youtube {
        position: absolute;
        top: 380px;
        left: 15px;
        z-index: 3;
    }

    .teacher .teacher-aim .aim-block {
        padding: 35px 10px 35px 55px;
    }

    
    .nine-ways .nine-img {
        top: 75vw;
    }


    .second-form {
        padding: 130px 0 125px;
        background-image: url('../images/second/mobile-form1-bg.png') !important;
        margin-top: -125px;
    }

    
    .second-form .paper.mobile-only {
        position: absolute;
        top: 20vw !important;
        bottom: unset !important;
        right: -60vw !important;
        left: unset !important;
        width: 100vw;
    }
    
    .second-form .paper.mobile-only img{
        width: 85vw;
        position: absolute;
    }

    .second-form .zanyatie-info {
        padding: 45px 0px 0 0;
        display: flex;
        justify-content: flex-start;
    }

    .second-form .zanyatie-info .zanyatie-box {
        padding: 0px 55px 0 15px;
        left: -35px;
    }


    .second-subscribe .sub-info.mobile-only{
        margin-left: 3vw;
    } 
    .second-subscribe .sub-info.mobile-only .fb a img{
        margin-right: 5vw;
    } 
    .second-subscribe .sub-info.mobile-only .fb a {
        justify-content: flex-start;
    } 
    .second-subscribe .sub-info.mobile-only .fb a p{
        text-align: left;
        font-size: 13px;
        font-weight: 300;
    } 



    .lower.second-form {
        margin-top: -25px !important;
    }

    .big-ser .flower-0 {
        bottom: -90px;
    }

    .choose-course {
        padding: 100px 0 50px;
        background-image: url(../images/second/mobile-choose-bg.png);
    }


    

    .upper-case:after {
        content: '';
        position: absolute;
        bottom: -24px;
        left: 0;
        width: 100%;
        height: 24px;
    }

    .upper-case {
        margin-bottom: 50px;
    }

    .middle-case:before {
        content: '';
        position: absolute;
        top: -24px;
        left: 0;
        width: 100%;
        height: 24px;
    }


    



    





}



@media only screen and (max-width: 360px) {
/*********first-file***********/
    .reklama .reklama-text {
        padding: 50px 15px 0;
    }

    .reklama-title {
        text-align: center;
        font-size: 28px;
        margin-bottom: 30px;
    }


    
    .form .form-block:before {
        background-size: contain;
        top: -22px;
    }
    .form .form-block:after {
        bottom: -22px;
        background-size: contain;
    }

    .courses {
        padding: 50px 0 50px;
    }


    .sertificate .img1 img {
        top: -5vw;
    }

    .sertificate .img2 img {
        top: -5vw;
    }

    .video {
        padding: 0;
    }   
    
    .video .video-sec .video-block {
        height: 200px;
    }


    

    .prichina .prichina-items .item-1 .upper img{
        width: 40% ;
    }

    .prichina .prichina-items .item-2 .upper img{
        width: 50% ;
    }

    .prichina .prichina-items .item-3 .upper img{
        width: 30% ;
    }

    .prichina .prichina-items .item-4 .upper img{
        width: 40% ;
    }

    .prichina .prichina-items .item-5 .upper img{
        width: 40% ;
    }


    .free-course .journal img {
        top: -125px;
    }
    .exclusive {
        padding:0 0 35px;
    }

    .exclusive .left .diamond-ab {
        width: 60%;
    }


    .exclusive .left .diamond-rel {
        height: 200px;
    }

    .exclusive .left .girl {
        right: -25px;
    }

    .exclusive .btnchik p {
        font-size: 13px;
    }



    .owl-carousel .owl-item img {
        height: 200px;
    }


    .subscribe .sub-btn .coffee-btn {
        padding:0 !important;
    }

     .order-call {
        padding: 150px 0 50px;
        margin-top: -50px;
    } 


    .modals .form-block:before,
    .modals .form-block:after {
        background-size: contain;
    }

    .modals .form-block:before {
        top: -20px;
    }

    .modals .form-block:after {
        bottom: -20px;
    }

    .modals .modal-dismiss {
        right: 0;
        top: -20px;
    }

    .modals form p {
        font-size: 24px;
    }

    .modals form p span {
        font-size: 17px;
    }

    .modals form .input {
        padding: 20px 20px 20px 60px;
        font-size: 14px;
    }


/**********second file***********/
    

}