@media screen and (min-width: 1921px) and (max-width: 2500px){
    .pos_4{
        -webkit-transform: none !important;
        -mz-transform: none !important;
        -o-transform: none !important;
        transform: none !important; 
    }
}

@media screen and (min-width: 1365px) and (max-width: 1920px){
    .hello {  
        top: -webkit-calc(50% - 322px);
        top: -mz-calc(50% - 322px);
        top: -o-calc(50% - 322px);
        top: -ms-calc(50% - 322px);
        top: calc(50% - 322px);  
        left: -8px; 
        font-size: 300px;
    }
    .enjoy{
        top: -webkit-calc(50% - 256px) !important;
        top: -mz-calc(50% - 256px) !important;
        top: -o-calc(50% - 256px) !important;
        top: -ms-calc(50% - 256px) !important;
        top: calc(50% - 256px) !important;
        font-size: 370px;
    }
    .educ{
        top: 140px;
        left: -214px;
    }
    .educ span, .blog span{
        font-size: 240px;
    }
    .blog{
        left: -400px;
        top: 153px;
    }
    .pos_4{
        top: 148px !important;
    }
}
 
@media screen and (min-width: 1000px) and (max-width: 2500px){
    .shadow_block_white_1 { 
        display: block;  
    }
    .info_text_box-size_3{ 
        width: 106%;
        overflow: auto;
        height: 100%;
    } 
}
 
/*
@media screen and (min-width: 768px) and (max-width: 860px){  
    
    .container{margin-left: 0;}
    .content_info {
        max-width: 400px;
        padding: 0;
        overflow: hidden;
        -webkit-transform: translateY(-50%); 
        -mz-transform: translateY(-50%); 
        -ms-transform: translateY(-50%); 
        -o-transform: translateY(-50%); 
        transform: translateY(-50%); 
    }
    .pos_2, .pos_1{top: 40% !important;}  
}

@media screen and (min-width: 640px) and (max-width: 780px){
    .content_info {
        max-width: 400px;
    }

}*/

@media screen and (min-width: 640px) and (max-width: 950px){

    .mob_vers{
        display: block;
    }
    .block_lins{
        display: none;
    } 
    .link_soc {margin-top: 15px;}
    .tw {font-size: 13px;}
    .logo span{font-size: 10px;}  
    .bg_line_menu{
        bottom: 0;
        top: 0;
        position: absolute;
    }
    body{background: url(../img/hello3.png)no-repeat center center;} 
    header { 
        padding-top: 0; 
        position: fixed; 
        padding: 0;
        overflow: hidden;
        height: 100px;
    }
    .block_fix_menu {  
        display: block; 
    }
    .logo { 
        position: relative; 
        float: left;
    } 
    .ul {word-wrap: normal;}
    .main_menu {  
        height: auto;
        left: -177px;
        top: 50%;
        left: -179px !important;
    }
    .cube_bg{
        bottom: -33px;
        width: 18px;
        height: 18px;
    }
    .big_title {font-size: 40px;}
    .subtitle {font-size: 15px;}
    .info_text {font-size: 13px;}
    .desctop_show{
        visibility: visible; 
        display: block;
        padding: 20px 50px;
    }
    .mobile_show{
        visibility: hidden; 
        display: none;
    }
    .title_logo{ 
        margin-left: 20px;
        position: relative;
        top: -8px;
    }
    .logo>img, .title_logo{display: inline-block;}
    .title_logo span {
        vertical-align: top;
        font-family: 'OpenSans_Light';
        text-transform: uppercase;
        font-size: 12px;
        margin-left: 0;
        position: relative;
        top: 0;
        display: block;
    } 
    .fa{font-size: 12px;}   
/*    .li {margin-left: 22px;} */
    .pos_1{
        top: -webkit-calc(50% - 121px) !important;
        top: -mz-calc(50% - 121px) !important;
        top: -o-calc(50% - 121px) !important;
        top: -ms-calc(50% - 121px) !important;
        top: calc(50% - 121px) !important;
        left: 10px !important;
    }
    .pos_2{
        top: -webkit-calc(50% + 13px) !important;
        top: -mz-calc(50% + 13px) !important;
        top: -o-calc(50% + 13px) !important;
        top: -ms-calc(50% + 13px) !important;
        top: calc(50% + 13px) !important;
        left: 10px !important;
    }
    .pos_3{
        top: -webkit-calc(50% - 140px) !important;
        top: -mz-calc(50% - 140px) !important;
        top: -o-calc(50% - 140px) !important;
        top: -ms-calc(50% - 140px) !important;
        top: calc(50% - 140px) !important;
        left: 10px !important;
    }
    .pos_4{
        top: -webkit-calc(50% - 339px) !important;
        top: -mz-calc(50% - 339px) !important;
        top: -o-calc(50% - 339px) !important;
        top: -ms-calc(50% - 339px) !important;
        top: calc(38% - 339px) !important;
        -webkit-transform: none !important;
        -mz-transform: none !important;
        -o-transform: none !important;
        transform: none !important;
        left: 30px;
    }
    .scroll_box {
        width: 100%;
        overflow: scroll;
    }
    section{ 
        max-width: 100%;
        height: 100%;
        position: relative;
    }  
    .wrapp {margin-top: 104px;}
    .container {
        height: 100%;
        width: 100%;
        position: absolute; 
    } 
    .info_text_box-size_3 {
        overflow: auto;
        height: 100%;
        width: 116%;
    }

    .info_text_box-size_3::-webkit-scrollbar {
        display: none;
    }


    .min_logo {margin-top: 90px;}
    .min_logo img{
        max-width: 60%;
        display: block;
    }  
    .mob_show{display: none !important;}
    .desc_show{display: block !important;} 
    .scroll_block{position: relative;}
/*
    .shadow_block_white {
        position: absolute;
        bottom: 80px;
        bottom: 0;
        top: auto;
        display: block;
    }
*/
    .text_content__blog:last-child{margin-bottom: 80px;}
    .li-scroll { 
        left: 68px;
    }
    
    .hello {  
        top: -webkit-calc(50% - 396px);
        top: -mz-calc(50% - 396px);
        top: -o-calc(50% - 396px);
        top: -ms-calc(50% - 396px);
        top: calc(50% - 396px);
        font-size: 186px;
        left: 0px;
    }
    .enjoy {
        left: 38px;
        font-size: 300px;
        top: -webkit-calc(50% - 310px) !important;
        top: -mz-calc(50% - 310px) !important;
        top: -o-calc(50% - 310px) !important;
        top: -ms-calc(50% - 310px) !important;
        top: calc(50% - 347px) !important;
    }
    .educ {  
        left: -webkit-calc(50% - 247px);
        left: -mz-calc(50% - 247px);
        left: -o-calc(50% - 247px);
        left: -ms-calc(50% - 247px);
        left: calc(50% - 247px);
        top: 0;
    }
    .educ span {
        font-size: 180px;
    }
    .blog span { 
        font-size: 180px;
    } 
    .blog {
        left: -webkit-calc(50% - 387px);
        left: -mz-calc(50% - 387px);
        left: -o-calc(50% - 387px);
        left: -ms-calc(50% - 387px);
        left: calc(50% - 387px);
        top: 10px;
    } 
    
    .container{margin-left: 0;}
    .content_info { 
        max-width: 460px;
        padding: 0;
        overflow: hidden; 
        top: 45%;
        -webkit-transform: translateY(-50%);
        -mz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
         transform: translateY(-50%);
    } 
    .scroll_block{position: relative;} 
    .shadow_block_white_1 {
        width: 100%;
        max-width: 100%;
        height: 140px;
        z-index: 10000;
        position: absolute;
        top: auto;
        bottom: -20px;
        margin: 0 auto;
        left: 0px;
        background: url(../img/grad_line.png) repeat 0px 0px;
        background-size: 100% 80%;
    }   
    .shadow_block_white_1_1{
        width: 100%;
        max-width: 100%;
        height: 140px;
        z-index: 10000;
        position: absolute;
        top: auto;
        bottom: -20px;
        margin: 0 auto;
        left: 0px;
        background: url(../img/grad_line.png) repeat 0px 0px;
        background-size: 100% 80%;
    }
    
    .shadow_block_white{
        display: block;
    }
    .scroll_block_1 {
        width: 100%;
        height: 100%;
        overflow: auto;
    }
    .info_text_box-size_2 { 
        overflow: auto;
        height: 100%;
    }
    .fadeoutMy {
        display: none;
    }

    .fade{
        height:200px;
        width:100%;
        position:fixed;
        bottom:0;
        background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(95%,rgba(255,255,255,1)));
        background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 90%);
        background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 90%);
        background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 90%);
        background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 90%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
    }

} 
@media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : portrait) {
    #mob_show{
        display: none !important;
    }
    #desc_show{
        display: block !important;
    }
}

@media screen and (min-width: 320px) and (max-width: 639px){
    
    .size_block { 
        height: 100%;
        width: 100%;
        width: -webkit-calc(100% - 25px);
        width: -mz-calc(100% - 25px);
        width: -o-calc(100% - 25px);
        width: -ms-calc(100% - 25px);
        width: calc(100% - 25px);
    }
    
    .text_content__blog{
        margin-right: 0px;
        margin-bottom: 0px !important;
    }
    .shadow_block_white{
        display: none;
    }

    .hello {
        top: -webkit-calc(50% - 293px);
        top: -mz-calc(50% - 293px);
        top: -o-calc(50% - 293px);
        top: -ms-calc(50% - 293px);
        top: calc(50% - 293px);
        /*font-size: 36vw;*/
        font-size: 115px;
        letter-spacing: -9px;
        left: -10px;
    }
    .hello > span{
        -webkit-animation: fadi 5s 1;
        -moz-animation: fadi 5s 1;
    }
    .educ > span{
        -webkit-animation: fadi 5s 1;
        -moz-animation: fadi 5s 1;
    }
    .enjoy > span{
        -webkit-animation: fadi 5s 1;
        -moz-animation: fadi 5s 1;
    }
    .blog > span{
        -webkit-animation: fadi 5s 1;
        -moz-animation: fadi 5s 1;
    }
    @-webkit-keyframes fadi {
        0%   { opacity: 0; }
        100% { opacity: 1; }
    }
    @-moz-keyframes fadi {
        0%   { opacity: 0; }
        100% { opacity: 1; }
    }
    .enjoy{
        top: -webkit-calc(50% - 326px) !important;
        top: -mz-calc(50% - 326px) !important;
        top: -o-calc(50% - 326px) !important;
        top: -ms-calc(50% - 326px) !important;
        top: calc(50% - 326px) !important;
        font-size: 210px;
        left: 10px;
    } 
    .educ{
        left: -webkit-calc(50% - 357px);
        left: -mz-calc(50% - 357px);
        left: -o-calc(50% - 357px);
        left: -ms-calc(50% - 357px);
        left: calc(50% - 357px);
        left: -170px;
        top: 6px;
    }
    .container_1_1{
        margin-left: 75px;
    }
    .educ span{
        font-size: 180px;
    }
    .blog span{
        font-size: 180px;
    }
    .blog{
        left: -webkit-calc(50% - 230px);
        left: -mz-calc(50% - 230px);
        left: -o-calc(50% - 230px);
        left: -ms-calc(50% - 230px);
        left: calc(50% - 230px);
        top: 15px;
    }  
    
    .info_text_box-size_3{
        width: 100%;
        height: 100%;
        overflow: scroll;
    }
    .info_text_box-size_3::-webkit-scrollbar {
        display: none;
    }
    .bg_line_menu_2, .block_lins, .bg_line_menu{display: none;}
    body { 
        background: none;
        background-size: auto; 
    }
    header { 
        padding-top: 0; 
        position: fixed; 
        padding: 0;
        overflow: hidden;
        height: 100px;
    }
    .block_fix_menu {  
        display: block; 
    }
    .logo { 
        position: relative; 
        float: left;
    }
    .inform_soc { 
        position: relative;
        top: 0;
        float: right;
    }
    .inform_soc>a {display: block;}  
    .ul {word-wrap: normal;}
    .main_menu { 
        width: auto;
        height: auto;
        left: -146px !important;
        top: 50%
    }

    .big_title {font-size: 36px;}
    .subtitle {font-size: 14px;}
    .info_text {font-size: 12px;}  
    .desctop_show{
        visibility: hidden;
        display: none;
    }
    .mobile_show{
        visibility: visible;
        position: relative;
        top: 20px;
        padding: 0px 14px;
    }
    .jz_logo{
        margin-left: 5px;
    }
    .title_logo{ 
        margin-left: 21px;
        position: relative;
        top: -8px;
    }
    .logo>img, .title_logo{display: inline-block;}
    .title_logo span {
        vertical-align: top;
        font-family: 'OpenSans_Light';
        text-transform: uppercase;
        font-size: 12px;
        margin-left: 0;
        position: relative;
        top: -1px;
        display: block;
    }
    .link_soc {margin-top: 0px;}
    .link_soc>a {
        vertical-align: top;
        display: block; 
        text-align: center;
        margin: 0 auto;
        margin-bottom: 10px;
    }
    .link_soc>a:last-child{margin-bottom: 0px;}
    .fa{font-size: 16px;}   
    .li {margin-left: 23px;}
    .scroll_block{
        overflow: scroll;
        height: 100%;
    }

    .fadeoutMy {
        display: none;
    }

    .fade{
        height:200px;
        width:100%;
        position:fixed;
        bottom:0;
        background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(95%,rgba(255,255,255,1)));
        background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 90%);
        background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 90%);
        background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 90%);
        background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 90%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
    }


    .fadeEnj{
        height:100px;
        width:100%;
        position:fixed;
        bottom:0;
        background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(95%,rgba(255,255,255,1)));
        background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 90%);
        background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 90%);
        background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 90%);
        background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 90%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
    }

    .content_info {   
        padding: 0px 30px 0px 75px;
        overflow: hidden;
        height: 100%;
        left: 0px;
        padding-top: 25px;
        
        -webkit-transform: none;
        -mz-transform: none;
        -ms-transform: none;
        -o-transform: none; 
        transform: none;
    }

    .pos_1, .pos_2, .pos_3 {
        top: -webkit-calc(50% - 290px) !important;
        top: -mz-calc(50% - 290px) !important;
        top: -o-calc(50% - 290px) !important;
        top: -ms-calc(50% - 290px) !important;
        top: calc(50% - 290px) !important;
    }

    .pos_4{
        top: -webkit-calc(11% - 3px) !important;
        top: -mz-calc(11% - 3px) !important;
        top: -o-calc(11% - 3px) !important;
        top: -ms-calc(11% - 3px) !important;
        top: calc(-5% - 2px) !important;
    }
    section{ 
        max-width: 100%;
        height: 100%;
        position: relative;
    }  
    .wrapp {margin-top: 100px;} 
    .container {
        height: 100%;
        width: 100%;
        position: absolute; 
    } 
    .scroll_box {
        overflow: auto;
        height: 312px;
    }

    .scroll_box::-webkit-scrollbar {
        display: none;
    }

    .scroll_block::-webkit-scrollbar {
        display: none;
    }

    .scroll_box_ovrl::-webkit-scrollbar {
        display: none;
    }

    .scroll_block::-webkit-scrollbar {
        display: none;
    }

    .scroll_box_ovrl::-webkit-scrollbar {
        display: none;
    }

    .min_logo {
        margin-top: 25px;
        margin-bottom: 50px;
    }
    .min_logo img{
        max-width: 60%;
        display: block;
    } 
    #mob_show{display: block}
    #desc_show{display: none}
    .scroll_block{position: relative;}
    .shadow_block_white {
        position: absolute;
        bottom: -10px;
        top: auto;
        display: none;
    } 
    .li-scroll {display: none;}
    .cube_bg{ 
        width: 16px;
        height: 16px;
        bottom: -7px;
    } 
    
    .shadow_block_white_1{ 
        position: absolute;
        bottom: -30px;
        top: auto;
        display: block;
        width: 100%;
        max-width: 735px;
        height: 140px;
        z-index: 10000;
        margin: 0 auto;  
        background: url(../img/grad_line.png) repeat 0px 0px;
        background-size: 100% 80%;
    }
    .block_ov_1 {
        overflow: auto;
        height: 300px;
    }
    .block_ov_2{
        overflow: auto;
        height: 340px;
    }

    .block_ov_1::-webkit-scrollbar {
        display: none;
    }
    .text_content__blog:last-child{
        padding-bottom: 0px;
    }
    .info_text_1 {  
        height: 100%;
        padding-bottom: 190px;
        overflow: auto;
    } 
    .info_text_2 {   
        height: 100%;
        padding-bottom: 230px;
    }  
}


@media screen and (min-width: 640px) and (max-width: 50000px){




    .active-slide.animate_1 .w_1_1_1_1, .active-slide.animate_3 .w_1_1_1_1{
        -webkit-animation: fadeInLeft .25s linear;
        -mz-animation: fadeInLeft .25s linear;
        -ms-animation: fadeInLeft .25s linear;
        -o-animation: fadeInLeft .25s linear;
        animation: fadeInLeft .25s linear;
        display: inline-block !important;


        -webkit-animation-duration: .65s;
        -moz-animation-duration: .65s;
        -o-animation-duration: .65s;
        animation-duration: .5s;

        opacity: 1;
    }
    .active-slide.animate_1 .w_1_1_2_1, .active-slide.animate_3 .w_1_1_2_1{
        -webkit-animation: fadeInUp .23s linear;
        -mz-animation: fadeInUp .23s linear;
        -ms-animation: fadeInUp .23s linear;
        -o-animation: fadeInUp .23s linear;
        animation: fadeInUp .23s linear;
        display: inline-block !important;

        -webkit-animation-duration: 1s;
        -moz-animation-duration: 1s;
        -o-animation-duration: 1s;
        animation-duration: 0.7s;

        opacity: 1;
    }
    .active-slide.animate_1 .w_1_1_3_1, .active-slide.animate_3 .w_1_1_3_1{
        -webkit-animation: fadeInDown .45s linear;
        -mz-animation: fadeInDown .45s linear;
        -ms-animation: fadeInDown .45s linear;
        -o-animation: fadeInDown .45s linear;
        animation: fadeInDown .45s linear;
        display: inline-block !important;

        -webkit-animation-duration: 1.2s;
        -moz-animation-duration: 1.2s;
        -o-animation-duration: 1.2s;
        animation-duration: 1.0s;

        opacity: 1;
    }
    .active-slide.animate_1 .w_1_1_1, .active-slide.animate_3 .w_1_1_1{
        -webkit-animation: fadeInLeft .25s linear;
        -mz-animation: fadeInLeft .25s linear;
        -ms-animation: fadeInLeft .25s linear;
        -o-animation: fadeInLeft .25s linear;
        animation: fadeInLeft .25s linear;
        display: inline-block !important;


        -webkit-animation-duration: .75s;
        -moz-animation-duration: .75s;
        -o-animation-duration: .75s;
        animation-duration: .5s;

        opacity: 1;
    }
    .active-slide.animate_1 .w_1_1_2, .active-slide.animate_3 .w_1_1_2{
        -webkit-animation: fadeInUp .23s linear;
        -mz-animation: fadeInUp .23s linear;
        -ms-animation: fadeInUp .23s linear;
        -o-animation: fadeInUp .23s linear;
        animation: fadeInUp .23s linear;
        display: inline-block !important;

        -webkit-animation-duration: 1.3s;
        -moz-animation-duration: 1.3s;
        -o-animation-duration: 1.3s;
        animation-duration: 1.0s;

        opacity: 1;
    }
    .active-slide.animate_1 .w_1_1_3, .active-slide.animate_3 .w_1_1_3{
        -webkit-animation: fadeInDown .45s linear;
        -mz-animation: fadeInDown .45s linear;
        -ms-animation: fadeInDown .45s linear;
        -o-animation: fadeInDown .45s linear;
        animation: fadeInDown .45s linear;
        display: inline-block !important;

        -webkit-animation-duration: 1.8s;
        -moz-animation-duration: 1.8s;
        -o-animation-duration: 1.8s;
        animation-duration: 1.5s;

        opacity: 1;
    }
    .active-slide.animate_1 .w_1_1_4, .active-slide.animate_3 .w_1_1_4{
        -webkit-animation: fadeInUp .95s linear;
        -mz-animation: fadeInUp .95s linear;
        -ms-animation: fadeInUp .95s linear;
        -o-animation: fadeInUp .95s linear;
        animation: fadeInUp .95s linear;
        display: inline-block !important;

        -webkit-animation-duration: 1.6s;
        -moz-animation-duration: 1.6s;
        -o-animation-duration: 1.6s;
        animation-duration: 1.3s;

        opacity: 1;
    }
    .active-slide.animate_1 .w_1_1_5, .active-slide.animate_3 .w_1_1_5{
        -webkit-animation: fadeInRight .75s linear;
        -mz-animation: fadeInRight .75s linear;
        -ms-animation: fadeInRight .75s linear;
        -o-animation: fadeInRight .75s linear;
        animation: fadeInRight .75s linear;
        display: inline-block !important;

        -webkit-animation-duration: 1.2s;
        -moz-animation-duration: 1.2s;
        -o-animation-duration: 1.2s;
        animation-duration: 0.9s;

        opacity: 1;
    }
    .active-slide.animate_2 .w_1_2_left_block, .active-slide.animate_4 .w_1_2_left_block{
        /*
            -webkit-animation: fadeInLeft 1.5s linear;
            -mz-animation: fadeInLeft 1.5s linear;
            -ms-animation: fadeInLeft 1.5s linear;
            -o-animation: fadeInLeft 1.5s linear;
            animation: fadeInLeft 1.5s linear;
        */

        -webkit-transition: left 1s linear;
        -ms-transition: left 1s linear;
        -mz-transition: left 1s linear;
        -o-transition: left 1s linear;
        transition: left 0.8s linear .10s;

        left: 0 !important;
        top: 0 !important;
        opacity: 1;
    }
    .active-slide.animate_2 .w_1_3_up_block, .active-slide.animate_4 .w_1_3_up_block{
        /*
            -webkit-animation: fadeInUp 1.5s linear;
            -mz-animation: fadeInUp 1.5s linear;
            -ms-animation: fadeInUp 1.5s linear;
            -o-animation: fadeInUp 1.5s linear;
            animation: fadeInUp 1.5s linear;
        */

        -webkit-transition: top .55s linear;
        -ms-transition: top .55s linear;
        -mz-transition: top .55s linear;
        -o-transition: top .55s linear;
        transition: top .55s linear .39s;

        /*    bottom: 0 !important;*/
        top: 0 !important;
        opacity: 1;
    }
    .active-slide.animate_2 .w_1_1_dowm_block, .active-slide.animate_4 .w_1_1_dowm_block{
        /*
            -webkit-animation: fadeInDown 1.5s linear;
            -mz-animation: fadeInDown 1.5s linear;
            -ms-animation: fadeInDown 1.5s linear;
            -o-animation: fadeInDown 1.5s linear;
            animation: fadeInDown 1.5s linear;
        */

        -webkit-transition: right 1.5s linear;
        -ms-transition: right 1.5s linear;
        -mz-transition: right 1.5s linear;
        -o-transition: right 1.5s linear;
        transition: right 0.8s linear .55s;

        -webkit-animation-duration: 1s;
        -moz-animation-duration: 1s;
        -o-animation-duration: 1s;
        animation-duration: 0.8s;

        right: 0 !important;
        top: 0 !important;
        opacity: 1;
    }
    .active-slide.animate_2 .w_1_4_right_block, .active-slide.animate_4 .w_1_4_right_block{
        /*
            -webkit-animation: fadeInRight  linear;
            -mz-animation: fadeInRight  linear;
            -ms-animation: fadeInRight  linear;
            -o-animation: fadeInRight  linear;
            animation: fadeInRight  linear;
        */

        /*
            -webkit-transition: bottom .75s linear;
            -ms-transition: bottom .75s linear;
            -mz-transition: bottom .75s linear;
            -o-transition: bottom .75s linear;
            transition: bottom .75s linear .55s;
        */

        -webkit-transition: top .75s linear;
        -ms-transition: top .75s linear;
        -mz-transition: top .75s linear;
        -o-transition: top .75s linear;
        transition: top .75s linear .45s;

        top: 0 !important;
        opacity: 1;
    }
    .active-slide.animate_2 .w_1_4_right_block_1, .active-slide.animate_4 .w_1_4_right_block_1{
        /*
            -webkit-animation: fadeInRight  linear;
            -mz-animation: fadeInRight  linear;
            -ms-animation: fadeInRight  linear;
            -o-animation: fadeInRight  linear;
            animation: fadeInRight  linear;
        */

        -webkit-transition: bottom .75s linear;
        -ms-transition: bottom .75s linear;
        -mz-transition: bottom .75s linear;
        -o-transition: bottom .75s linear;
        transition: bottom .75s linear .55s;

        bottom: 0 !important;
        opacity: 1;
    }
    .w_1_1, .w_1_2, .w_1_3, .w_1_4, .w_1_5{display: none;}
    .w_2_1, .w_2_2, .w_2_3, .w_2_4, .w_4_1, .w_4_2, .w_4_3, .w_4_4{position: relative;}
    .w_2_1, .w_4_1{
        top: -400px;
        left: -400px;
        opacity: 0;
    }
    .w_2_2, .w_4_2{
        top: 400px;
        bottom: 400px;
        opacity: 0;
    }
    .w_2_3, .w_4_3{
        top: -400px;
        right: -400px;
        opacity: 0;
    }
    .w_2_4{
        top: 400px;
        opacity: 0;
    }
    .w_4_4{
        bottom: 400px;
        opacity: 0;
    }
    .w_3_1, .w_3_2, .w_3_3{display: none;}


    /*
    header, .show_word, .show_word_1, .show_word_2, .show_word_3{
        display:none;
    }
    .show_word .new{
        opacity: 0;
    }
    .show_word_1 .new{
        opacity: 0;
    }
    .show_word_2 .new{
        opacity: 0;
    }
    .show_word_3 .new{
        opacity: 0;
    }
    .show_word .div_opacity, .show_word_1 .div_opacity, .show_word_2 .div_opacity, .show_word_3 .div_opacity{
      -webkit-transition: opacity .3s ease-in-out .2s;
      -moz-transition: opacity .3s ease-in-out .2s;
      -ms-transition: opacity .3s ease-in-out .2s;
      -o-transition: opacity .3s ease-in-out .2s;
      transition: opacity .3s ease-in-out .2s;
      opacity: 1;
    }
    */


    .show_word_anim_1_2, .show_word_anim_1_3, .show_word_anim_2_2, .show_word_anim_2_3,
    .show_word_anim_3_2, .show_word_anim_3_3, .show_word_anim_4_2, .show_word_anim_4_3{
        visibility: hidden;
    }
    .active-slide.animate_1 .show_word_anim_1_2{
        -webkit-animation: fadeInLeft .8s linear;
        -mz-animation: fadeInLeft .8s linear;
        -ms-animation: fadeInLeft .8s linear;
        -o-animation: fadeInLeft .8s linear;
        animation: fadeInLeft .8s linear;
    }
    .animate_1 .show_word_anim_1_2{
        -webkit-animation: fadeInLeft .8s linear;
        -mz-animation: fadeInLeft .8s linear;
        -ms-animation: fadeInLeft .8s linear;
        -o-animation: fadeInLeft .8s linear;
        animation: fadeOutLeft .8s linear;
    }

    .active-slide.animate_1 .show_word_anim_1_3{
        -webkit-animation: fadeInRight .8s linear;
        -mz-animation: fadeInRight .8s linear;
        -ms-animation: fadeInRight .8s linear;
        -o-animation: fadeInRight .8s linear;
        animation: fadeInRight .8s linear;
    }
    .animate_1 .show_word_anim_1_3{
        -webkit-animation: fadeOutRight .8s linear;
        -mz-animation: fadeOutRight .8s linear;
        -ms-animation: fadeOutRight .8s linear;
        -o-animation: fadeOutRight .8s linear;
        animation: fadeOutRight .8s linear;
    }

    .active-slide.animate_2 .show_word_anim_2_2{
        -webkit-animation: fadeInLeft .8s linear;
        -mz-animation: fadeInLeft .8s linear;
        -ms-animation: fadeInLeft .8s linear;
        -o-animation: fadeInLeft .8s linear;
        animation: fadeInLeft .8s linear;
        visibility: visible;
    }
    .animate_2 .show_word_anim_2_2{
        -webkit-animation: fadeInLeft .8s linear;
        -mz-animation: fadeInLeft .8s linear;
        -ms-animation: fadeInLeft .8s linear;
        -o-animation: fadeInLeft .8s linear;
        animation: fadeOutLeft .8s linear;
    }

    .active-slide.animate_2 .show_word_anim_2_3{
        -webkit-animation: fadeInRight .8s linear;
        -mz-animation: fadeInRight .8s linear;
        -ms-animation: fadeInRight .8s linear;
        -o-animation: fadeInRight .8s linear;
        animation: fadeInRight .8s linear;
        visibility: visible;
    }
    .animate_2 .show_word_anim_2_3{
        -webkit-animation: fadeOutRight .8s linear;
        -mz-animation: fadeOutRight .8s linear;
        -ms-animation: fadeOutRight .8s linear;
        -o-animation: fadeOutRight .8s linear;
        animation: fadeOutRight .8s linear;
    }

    .active-slide.animate_3 .show_word_anim_3_2{
        -webkit-animation: fadeInLeft .8s linear;
        -mz-animation: fadeInLeft .8s linear;
        -ms-animation: fadeInLeft .8s linear;
        -o-animation: fadeInLeft .8s linear;
        animation: fadeInLeft .8s linear;
    }
    .animate_3 .show_word_anim_3_2{
        -webkit-animation: fadeOutLeft .8s linear;
        -mz-animation: fadeOutLeft .8s linear;
        -ms-animation: fadeOutLeft .8s linear;
        -o-animation: fadeOutLeft .8s linear;
        animation: fadeOutLeft .8s linear;
    }

    .active-slide.animate_3 .show_word_anim_3_3{
        -webkit-animation: fadeInRight .8s linear;
        -mz-animation: fadeInRight .8s linear;
        -ms-animation: fadeInRight .8s linear;
        -o-animation: fadeInRight .8s linear;
        animation: fadeInRight .8s linear;
    }
    .animate_3 .show_word_anim_3_3{
        -webkit-animation: fadeOutRight .8s linear;
        -mz-animation: fadeOutRight .8s linear;
        -ms-animation: fadeOutRight .8s linear;
        -o-animation: fadeOutRight .8s linear;
        animation: fadeOutRight .8s linear;
    }

    .active-slide.animate_4 .show_word_anim_4_2{
        -webkit-animation: fadeInLeft .8s linear;
        -mz-animation: fadeInLeft .8s linear;
        -ms-animation: fadeInLeft .8s linear;
        -o-animation: fadeInLeft .8s linear;
        animation: fadeInLeft .8s linear;
    }
    .animate_4 .show_word_anim_4_2{
        -webkit-animation: fadeOutLeft .8s linear;
        -mz-animation: fadeOutLeft .8s linear;
        -ms-animation: fadeOutLeft .8s linear;
        -o-animation: fadeOutLeft .8s linear;
        animation: fadeOutLeft .8s linear;
    }
    .active-slide.animate_4 .show_word_anim_4_3{
        -webkit-animation: fadeInRight .8s linear;
        -mz-animation: fadeInRight .8s linear;
        -ms-animation: fadeInRight .8s linear;
        -o-animation: fadeInRight .8s linear;
        animation: fadeInRight .8s linear;
    }
    .animate_4 .show_word_anim_4_3{
        -webkit-animation: fadeOutRight .8s linear;
        -mz-animation: fadeOutRight .8s linear;
        -ms-animation: fadeOutRight .8s linear;
        -o-animation: fadeOutRight .8s linear;
        animation: fadeOutRight .8s linear;
    }


}

@media screen and (min-width: 950px) and (max-width: 1100px){
    .content_info {
        max-width: 690px !important;
    }

    .pos_1 {
        top: -webkit-calc(50% - 25px) !important;
        top: -mz-calc(50% - 25px) !important;
        top: -o-calc(50% - 25px) !important;
        top: -ms-calc(50% - 25px) !important;
        top: calc(50% - 25px) !important;
    }

    .pos_2 {
        top: -webkit-calc(50% + 120px) !important;
        top: -mz-calc(50% + 120px) !important;
        top: -o-calc(50% + 120px) !important;
        top: -ms-calc(50% + 120px) !important;
        top: calc(50% + 120px) !important;
    }
    .pos_3 {
        top: -webkit-calc(50% - 37px) !important;
        top: -mz-calc(50% - 37px) !important;
        top: -o-calc(50% - 37px) !important;
        top: -ms-calc(50% - 37px) !important;
        top: calc(50% - 37px) !important;
    }

    .pos_4 {
        top: -webkit-calc(50% - 225px) !important;
        top: -mz-calc(50% - 225px) !important;
        top: -o-calc(50% - 225px) !important;
        top: -ms-calc(50% - 225px) !important;
        top: calc(30% - 225px) !important;
        -webkit-transform: none !important;
        -mz-transform: none !important;
        -o-transform: none !important;
        transform: none !important;
    }
}

.hello > span{
    -webkit-animation: fadi 5s 1;
    -moz-animation: fadi 5s 1;
}
.educ > span{
    -webkit-animation: fadi 5s 1;
    -moz-animation: fadi 5s 1;
}
.enjoy > span{
    -webkit-animation: fadi 5s 1;
    -moz-animation: fadi 5s 1;
}
.blog > span{
    -webkit-animation: fadi 5s 1;
    -moz-animation: fadi 5s 1;
}
@-webkit-keyframes fadi {
    0%   { opacity: 0; }
    100% { opacity: 1; }
}
@-moz-keyframes fadi {
    0%   { opacity: 0; }
    100% { opacity: 1; }
}