.workshops-block_custom { margin-bottom:40px;}
.btn-orange_center_custom {margin-bottom:144px;}
.block-book-item {padding-bottom:60px;}
.icon_mouse {background:none; transition: all 0.5s linear;}
.icon_mouse:hover{background:none; }
.mainIcon div {position:absolute; display:block; top:0px; left:0px; width:50px; height:50px; background: center center url(/assets/images/mouse.svg) no-repeat;}
.mainIcon:hover{transform: translate(0px,13px); background:#ffa65c; }
.mainIcon { position:absolute; display:block; top:0px; left:0px; width:50px; height:50px; background:#f5770f; border-radius:50%; transition: all 0.8s linear;  } 

.firstArrow { position:absolute; display:block; top:65px; left:18px; width:14px; height:10px; background: 0px 0px no-repeat url(/assets/images/arrow.svg); animation: firstArrow 1s linear infinite; } 
@keyframes firstArrow {
  0% { opacity: 1; }
  33% { opacity: 0; }
  100% { opacity: 0; }
}

.secondArrow { position:absolute; display:block; top:83px; left:18px; width:14px; height:10px; background: 0px 0px no-repeat url(/assets/images/arrow.svg); animation: secondArrow 1s linear infinite; } 
@keyframes secondArrow {
  0% { opacity: 0; }
  33% { opacity: 1; }
  66% { opacity: 0; }
  100% { opacity: 0; }
}
.thirdArrow { position:absolute; display:block; top:101px; left:18px; width:14px; height:10px; background: 0px 0px no-repeat url(/assets/images/arrow.svg); animation: thirdArrow 1s linear infinite; } 
@keyframes thirdArrow {
  0% { opacity: 0; }
  33% { opacity: 0; }
  66% { opacity: 1; }
  100% { opacity: 0; }
}



.footerIcons {position:relative; display:inline-block; width:46px; height:46px; margin:0 0 0 15px; transition: background 0.5s;}

.footerIconsVk {background: 0px 0px no-repeat url(/assets/images/icons_orange/vk.svg); margin:0; }
.footerIconsVk span {background: 0px 0px no-repeat url(/assets/images/icons_orange/hover/vk.svg); height:0px; width:0px; }
.footerIconsTelegram {background: 0px 0px no-repeat url(/assets/images/icons_orange/telegram.svg); }
.footerIconsTelegram span {background: 0px 0px no-repeat url(/assets/images/icons_orange/hover/telegram.svg); height:0px; width:0px; }
.footerIconsWhatsapp {background: 0px 0px no-repeat url(/assets/images/icons_orange/whats_app.svg); }
.footerIconsWhatsapp span {background: 0px 0px no-repeat url(/assets/images/icons_orange/hover/whats_app.svg); height:0px; width:0px; }
.footerIconsYoutube {background: 0px 0px no-repeat url(/assets/images/icons_orange/youtube.svg); }
.footerIconsYoutube span {background: 0px 0px no-repeat url(/assets/images/icons_orange/hover/youtube.svg); height:0px; width:0px; }
.footerIconsTaplink {background: 0px 0px no-repeat url(/assets/images/icons_orange/taplink.svg); }
.footerIconsTaplink span {background: 0px 0px no-repeat url(/assets/images/icons_orange/hover/taplink.svg); height:0px; width:0px; }

.footerIconsVk:hover {background: 0px 0px no-repeat url(/assets/images/icons_orange/hover/vk.svg); }
.footerIconsTelegram:hover  {background: 0px 0px no-repeat url(/assets/images/icons_orange/hover/telegram.svg); }
.footerIconsWhatsapp:hover  {background: 0px 0px no-repeat url(/assets/images/icons_orange/hover/whats_app.svg); }
.footerIconsYoutube:hover  {background: 0px 0px no-repeat url(/assets/images/icons_orange/hover/youtube.svg); }
.footerIconsTaplink:hover  {background: 0px 0px no-repeat url(/assets/images/icons_orange/hover/taplink.svg); }

#top {
    bottom: 90px;
    box-shadow: 0 0 5px #fff;
    width: 40px;
    height: 40px;
    border-radius: 20px;
}

.social-block-item {background:none !important;} 
.socialBlockIcons {position:relative; display:inline-block; width:46px; height:46px; margin:0 0 0 4px; transition: background 0.5s;}
.socialBlockIconsVk {background: 0px 0px no-repeat url(/assets/images/icons_blue/vk.svg); margin:0; }
.socialBlockIconsVk span {background: 0px 0px no-repeat url(/assets/images/icons_blue/hover/vk.svg); height:0px; width:0px; }
.socialBlockIconsTelegram {background: 0px 0px no-repeat url(/assets/images/icons_blue/telegram.svg); }
.socialBlockIconsTelegram span {background: 0px 0px no-repeat url(/assets/images/icons_blue/hover/telegram.svg); height:0px; width:0px; }
.socialBlockIconsWhatsapp {background: 0px 0px no-repeat url(/assets/images/icons_blue/whats_app.svg); }
.socialBlockIconsWhatsapp span {background: 0px 0px no-repeat url(/assets/images/icons_blue/hover/whats_app.svg); height:0px; width:0px; }
.socialBlockIconsYoutube {background: 0px 0px no-repeat url(/assets/images/icons_blue/youtube.svg); }
.socialBlockIconsYoutube span {background: 0px 0px no-repeat url(/assets/images/icons_blue/hover/youtube.svg); height:0px; width:0px; }
.socialBlockIconsTaplink {background: 0px 0px no-repeat url(/assets/images/icons_blue/taplink.svg); }
.socialBlockIconsTaplink span {background: 0px 0px no-repeat url(/assets/images/icons_blue/hover/taplink.svg); height:0px; width:0px; }

.socialBlockIconsVk:hover {background: 0px 0px no-repeat url(/assets/images/icons_blue/hover/vk.svg); }
.socialBlockIconsTelegram:hover  {background: 0px 0px no-repeat url(/assets/images/icons_blue/hover/telegram.svg); }
.socialBlockIconsWhatsapp:hover  {background: 0px 0px no-repeat url(/assets/images/icons_blue/hover/whats_app.svg); }
.socialBlockIconsYoutube:hover  {background: 0px 0px no-repeat url(/assets/images/icons_blue/hover/youtube.svg); }
.socialBlockIconsTaplink:hover  {background: 0px 0px no-repeat url(/assets/images/icons_blue/hover/taplink.svg); }

.youtube {
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    overflow: hidden;
    transition: all 200ms ease-out;
    cursor: pointer;
    width:450px;
    height:315px;
}
.youtube .play {
    background: url('/assets/images/youtube-play-btn.png') no-repeat; /*ВАЖНО: здесь укажите адрес до изображения*/
    background-position: 0 -50px;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    position: absolute;
    height: 50px;
    width: 69px;
    transition: none;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
}
.youtube:hover .play {
    background-position: 0 0;
}
.youtube iframe {display:block; position:absolute; top:0px; left:0px; z-index:2;}

/*web*/
@media (max-width: 1000px)
{
    .slicknav_menu {
    position: absolute;
    width: 100%;
    height: 63px;
    left: 0px;
    top: 0px;
    z-index:2;
    
    background: linear-gradient(180deg, rgba(36, 0, 255, 0.5) 34.75%, rgba(43, 23, 164, 0) 100%);}
    header { min-height:640px}
    header.scroll-block {background-position: -60px 0px;}
    .slicknav_btn { float:left; background:none;}
    
    header .menu-logo-button .logo .logo-text {
        position: absolute;
        width: 328px;
        height: 124px;
        left: 16px;
        top: 205px;
        font-family: 'PT Sans Caption';
        font-style: normal;
        font-weight: 700;
        font-size: 48px;
        line-height: 62px;
        color: #FFFFFF;
    }
    header .menu-logo-button .logo .logo-description
    {
        position: absolute;
        padding:10px;
        width: 275px;
        height: 62px;
        box-sizing:border-box;
        left: 16px;
        top: 340px;
        background: #F5770F;
        border-radius: 3px;
        font-family: 'PT Sans Caption';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 21px;
        letter-spacing: 0.01em;
    }
    header .btn-orange {
        position: absolute!important;
        margin:0 !important;
        z-index:3;
        width: 130px;
        height: 43px;
        right: 16px !important;
        top: 16px !important;
        
        background: #F5770F;
        border-radius: 3px;
        font-family: 'PT Sans Caption';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 43px;
        text-align: center;
    }
    .icon_mouse {
        position: absolute;
        width: 50px;
        height: 27.5px;
        left: 50%;
        margin-left:-25px;
        top: 492px;
    }
    .quote-content{padding-top: 200px;    padding-bottom: 200px;}
    .feedback-block{padding-top: 100px;    padding-bottom: 100px;}
    
}
@media only screen and (min-device-width: 320px) and (max-device-width: 380px){
    header.scroll-block {
        background-position: -150px 0px;
    }
}
@media only screen and (min-device-width: 380px) and (max-device-width: 450px){
    header.scroll-block {
        background-position: -250px 0px;
    }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 768px) {
    
    .slicknav_menu.active ul.slicknav_nav {
        position: absolute;
        display: flex;
        flex-direction: column;
        justify-content: center;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background: #F5770F;
        font-size: 2em; /*2.875em;*/
        z-index: 50;
    }
    .slicknav_menu a.slicknav_btn.slicknav_collapsed {
        background: none;
    }
    .slicknav_menu.active a.slicknav_btn.slicknav_open {
        background: url(/assets/images/close.svg) center no-repeat;
        z-index: 55;
    }
    .slicknav_menu .slicknav_nav li.first {
        margin-top: calc(50vh - 200px);
    }
    .slicknav_menu.active a.slicknav_btn.slicknav_open span.slicknav_icon-bar {
        display: none;
    }
    
    header {
        height: 100vh;
    }
    header.inline-page {
        min-height: 63px;
        height: 63px;
        max-height: 63px;
    }
    .slicknav_menu .slicknav_icon-bar {
        background: #F5770F;
    }
    .icon_mouse {
        position: absolute;
        display: table;
        width: 50px;
        height: 120px;
        left: 50%;
        margin-left: -25px;
        top: auto;
        bottom: 10px;
    }
    header .menu-logo-button {
        height: 100%;
        background: url(../images/blue_line.png) top no-repeat;
    }
    header .menu-logo-button .logo .logo-text {
        top: auto;
        bottom: 250px;
    }
    header .menu-logo-button .logo .logo-description {
        top: auto;
        bottom: 180px;
    }
    .quote-block {
        display: flex;
        height: 100vh;
    }
    .quote-block .quote-content {
        padding: 0;
    }
    .quote-message,
    .quote-author{
        text-align: center;
    }
    .feedback-block {
        height: 100vh;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .feedback-block img {
        object-position: -300px center;
    }
    .feedback-block .form-content {
        top: calc(100vh - 450px);
    }
    .slide-right-block {
        width: 100%;
    }
    .slide-title {
        font-weight: 700;
        font-size: 48px;
        line-height: 62px;
        text-align: center;
    }
    .slide-miniline {
        margin-top: 10px;
        margin-left: auto;
        margin-right: auto;
    }
    .slide-description {
        display: flex;
        justify-content: center;
        width: 100%;
        text-align: center;
        font-weight: 400;
        font-size: 24px;
        line-height: 31px;
        color: #FFFFFF;
        margin-top: 35px;
    }
    .slide-author {
        /*display: none;*/
        font-size: 12px;
        text-align: right;
    }
    .slide-left-block {
        margin-top: 84px;
        padding-bottom: 50px;
    }
    .slide-left-block .under-sert {
        position: relative;
        display: block;
        width: 90%;
        aspect-ratio: 1/0.73;
        height: auto;
        margin: 0 auto;
    }
    .slide-left-block .under-sert .image {
        position: absolute;
        width: 60%;
        left: 20%;
        padding-top: 15px;
    }
    .counter .counter-current,
    .counter .counter-separate {
        font-weight: 400;
        font-size: 28.9412px;
        line-height: 37px;
    }
    .counter .counter-all {
        font-weight: 400;
        font-size: 19.2941px;
        line-height: 25px;
    }
    .footer-title {
        font-weight: 700;
        font-size: 48px;
        line-height: 62px;
        color: #FFFFFF;
        margin: 0 20px;
        text-align: left;
    }
    .footer-description {
        width: 60%;
        font-weight: 400;
        font-size: 14px;
        line-height: 120%;
        letter-spacing: 0.004em;
        color: #FFFFFF;
        margin: 15px 20px 0 20px;
        text-align: left;
    }
    .footer-contacts {
        margin-top: 80px;
    }
    .footer-phone {
        font-weight: 400;
        font-size: 24px;
        margin-bottom: 15px;
    }
    .footer-copyright {
        font-weight: 400;
        font-size: 14px;
        line-height: 18px;
        text-align: center;
        color: #FFBF8A;
        margin-top: 40px;
    }
    
    .fancybox-slide--html {
        padding: 6px 20px;
    }
    #form-course {
        border-radius: 3px;
        padding: 40px 20px;
    }
    .inline-form .agree {
        font-size: 10px;
        line-height: 12px;
        color: #858585;
    }
    #form-course .btn-orange {
        width: auto;
        padding: 0 14px;
    }
    #form-course .fancybox-custom-close {
        top: 20px;
        right: 20px;
        width: 20px;
        height: 20px;
    }
    #form-course .fancybox-custom-close img {
        width: 20px;
        height: 20px;
    }
    
    
    body.no_main .slicknav_menu {
        background: none;
    }
    body.no_main .slicknav_menu .slicknav_icon-bar {
        background: #fff;
    }
    body.no_main .slicknav_btn {
        margin-top: 13px;
    }
    body.no_main #start_course {
        width: 26px;
        height: 26px;
        border: none;
        margin: 19px 20px;
        background: url(/assets/images/messege.svg) center no-repeat;
    }
    body.no_main #start_course a {
        font-size: 0px;
    }
    body.no_main header .menu-logo-button .logo {
        position: relative;
        width: calc(100% - 126px);
        height: 63px;
        margin: 0 63px;
        text-align: center;
        left: auto;
        z-index: 500;
    }
    body.no_main header .menu-logo-button .logo .logo-text {
        position: relative;
        width: 100%;
        height: 100%;
        color: #B15203;
        top: auto;
        bottom: auto;
        font-size: 36px;
        line-height: 63px;
    }
    body.no_main .content-text h1 {
        font-weight: 700;
        font-size: 46px;
        line-height: 60px;
        text-align: center;
        margin-top: 24px;
        color: #F5770F;
    }
    body.no_main p.h2 {
        font-weight: 700;
        font-size: 36px;
        line-height: 47px;
        text-align: center;
        color: #F5770F;
    }
    body.no_main .content-text h2.margin-long {
        font-weight: 700;
        font-size: 36px;
        line-height: 47px;
        text-align: center;
        color: #F5770F;
        margin-top: 48px;
    }
    body.no_main .content-text ul li::before {
        padding: 0;
        float: left;
    }
    body.no_main .content-text ul li span {
        position: relative;
        display: block;
        padding-left: 20px;
    }
    body.no_main .block-media-item {
        width: 100%;
        margin-left: 0;
    }
    body.no_main .youtube {
        width: 100%;
        height: auto;
        aspect-ratio: 16/9;
    }
    body.no_main .block-book-item {
        padding-bottom: 36px;
    }
    body.no_main .block-media-item-preview img {
        width: 100%;
        height: 100%;
        aspect-ratio: 16/9;
        object-fit: cover;
    }
    body.no_main .block-book-item-title {
        font-weight: 700;
        font-size: 24px;
        line-height: 31px;
    }
    body.no_main .block-book-item-author {
        text-align: left;
        margin-top: 24px;
    }
    body.no_main .block-book-item-price {
        text-align: center;
        margin-top: 24px;
    }
    body.no_main .btn-orange_buy.btn-orange {
        margin-left: calc(50% - 113px);
    }
    body.no_main .content-text.content-text_contacts {
        text-align: center;
    }
    body.no_main .social-block {
        display: flex;
        justify-content: space-around;
    }
    body.no_main .content-minigallery-mini img {
        width: 100%;
        height: auto;
    }
    body.no_main .content-minigallery-full {
        margin-left: 0;
        margin-top: 9px;
    }
    body.no_main .content-minigallery-full img {
        height: auto;
    }
    body.no_main .big-quote {
        text-align: center;
        margin: 40px 0;
    }
    .breadcrumbs {
        display: none;
    }
}