@import "uikit.min.css";
@import "animate.css";
@import "magnific-popup.css";
@import "custom-scrollbar.css";
@import "slick/slick.css";
@import "slick/slick-theme.css";
@import "nestables.css";



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


@font-face {
    font-family: 'Fog';
    src: url('../fonts/fog/FoglihtenNo04.eot?#iefix') format('embedded-opentype'),
    url('../fonts/fog/FoglihtenNo04.otf')  format('opentype'),
    url('../fonts/fog/FoglihtenNo04.woff') format('woff'),
    url('../fonts/fog/FoglihtenNo04.ttf')  format('truetype'),
    url('../fonts/fog/FoglihtenNo04.svg#FoglihtenNo04') format('svg');
    font-weight: normal;
    font-style: normal;
}


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


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


*{
    padding: 0;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 0;
    outline: none;
}

b{
    font-weight: 700;
    font-style: italic;
}

strong{
    font-weight: 700;
}

a{
    color: #064A94;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

a:hover{
    color: #0758AF;
    text-decoration: none;
    opacity: .8;
}

.btn{
    position: relative;
    display: inline-block;
    font-size: 16px;
    color: #111;
    text-decoration: none;
    padding: 0 35px;
    line-height: 40px;
    white-space: nowrap;
    border: 0;
    background: transparent;
    border-radius: 10px;
}

.btn.line{
    color: #111;
    border: 1px solid #111;
}

.btn:hover{
    opacity: .8;
}

.tap{
    position: relative;
    display: inline-block;
    line-height: 1;
    font-size: 18px;
    color: #fff;
    letter-spacing: 1px;
    cursor: pointer;
    border: 0;
    border-radius: 10px;
    background: #4F5665;
    padding: 15px 55px;
}
.tap:hover{
    color: #fff;
}
.tap.light{
    font-size: 54px;
    font-family: 'Miama', sans-serif;
}

/*Useful clases*/

.mt20{margin-top: 20px!important;}
.mt40{margin-top: 40px!important;}
.mt60{margin-top: 60px!important;}
.mt80{margin-top: 80px!important;}
.fw{width: 100%}
.nopadding{padding: 0}
.nomargin{margin: 0}

.pd5{padding: 5px!important;}
.pd10{padding: 10px!important;}
.pd15{padding: 15px!important;}
.pd20{padding: 20px!important;}
.pd25{padding: 25px!important;}
.pd30{padding: 30px!important;}
.pd35{padding: 35px!important;}
.pd40{padding: 40px!important;}

.no_bg{
    background: transparent!important;
}

html, body{
    height: 100%;
    position: relative;
}

body{
    font-family: 'Caudex', serif;
    font-size: 17px;
    line-height: 1.4em;
    color: #111;
    background: #ECEBE9 url("../images/bg_pattern.jpg");
}

h1, h2, h3, h4, h5, h6{
    font-family: 'Caudex', serif;
    position: relative;
    line-height: 1.3;
    color: #000;
    font-weight: 700;
}

p{
    color: #000;
    line-height: 1.5;
}

.uk-container{
    position: relative;
    width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
    max-width: 1200px;
}


/*
------------------------------ FOOTER STYLING ------------------------------
*/

footer{
    background: transparent;
    position: relative;
    z-index: 2;
    padding: 20px 0;
}
footer .social {
    margin-top: 35px;
}
footer .social a{
    display: inline-block;
    text-decoration: none;
    color: #BDBDBD;
}
footer .social a:not(:first-child){
    margin-left: 20px;
}
footer .social a:hover{
    text-decoration: none;
    display: inline-block;
    opacity: 0.75;
}
footer .foot_menu{
    margin-top: 32px;
}
footer .foot_menu a{
    text-decoration: none;
    display: inline-block;
    color: #212121;
    font-size: 13px;
    text-transform: uppercase;
    font-family: 'Caudex', serif;
    font-weight: 600;
}
footer .foot_menu a:hover{
    text-decoration: none;
    color: #212121;
}

footer .foot_menu a:not(:first-child){
    margin-left: 30px;
}
footer .copy, footer .credit{
    margin-top: 25px;
    color: #9E9E9E;
    font-size: 13px;
    font-weight: 300;
    font-family: 'Caudex', serif;
}
footer .credit span{
    display: inline-block;
    margin-right: 10px;
}
footer .credit a{
    display: inline-block;
}
footer .credit a:last-child{
    margin-left: 20px;
}

#header{
    height: 92px;
    color: #fff;
    background: #024993;
    margin-bottom: 60px;
}

#header a{
    color: #fff;
}

#header .inner{
    position: relative;
    height: 126px;
    overflow: hidden;
    background: #024690 url("../images/icons/header-dots.png") 62% 50% no-repeat;
}

#header.small .inner{
    height: 92px;
    background: #024690 url("../images/icons/header-dots.png") 58% 50% no-repeat;
}

.logo_box{
    position: relative;
    color: #fff;
    font-size: 18px;
    line-height: 1.2;
    padding: 15px 15px 15px 40px;
}

#header.small .logo_box{
    padding: 20px 0 0 30px;
}

.logo_box img{
    display: inline-block;
    margin: 5px 0;
}
.logo_box span{
    display: block;
    margin-top: 5px;
}

#header.small .logo_box img{
    height: 24px;
}

.shadow{
    box-shadow: rgba(0,0,0, .2) 0 5px 5px;
}

#header .nav {
    color: #fff;
    font-size: 26px;
    font-family: 'Allura', cursive;
    padding-right: 20px;
}
#header .nav .item{
    float: left;
}
#header .nav .item a{
    display: block;
    padding: 15px 20px;
    text-align: center;
}
#header .nav .item a span{
    display: block;
    margin-top: 10px;
}

#header .nav .item a{
    padding: 10px 20px;
    height: 92px;
}

#header .nav .item a img{
    max-height: 45px;
}

#sidebar{
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-transform: translatex(-410px);
    -moz-transform: translatex(-410px);
    -ms-transform: translatex(-410px);
    -o-transform: translatex(-410px);
    transform: translatex(-410px);
    background: rgba(0,0,0, 0);
}

#sidebar:hover{
    -webkit-transform: translatex(-50px);
    -moz-transform: translatex(-50px);
    -ms-transform: translatex(-50px);
    -o-transform: translatex(-50px);
    transform: translatex(-50px);
    background: rgba(0,0,0, .75);
    width: 490px;
}

#sidebar .wrapper{
    position: absolute;
    z-index: 2;
    top: 50%;
    left: -28px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
#sidebar .wrapper .item{
    width: 497px;
    height: 58px;
    background: url("../images/menu-item.png") 0 0 no-repeat;
    text-transform: uppercase;
    margin-bottom: 1px;
    display: table;
    -webkit-transition: transform .3s;
    -moz-transition: transform .3s;
    -ms-transition: transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}
#sidebar .wrapper .item:hover{
    background: url("../images/menu-item.png") 0 0 no-repeat;
}
#sidebar .wrapper .item.active{
    background: url("../images/menu-item.png") 0 -58px no-repeat;
}

#sidebar .wrapper .item > *{
    display: table-cell;
    vertical-align: middle;
    position: relative;
    height: 58px;
}
#sidebar .wrapper .item a{
    font-size: 17px;
    line-height: 1;
    text-transform: uppercase;
    text-decoration: none;
    background: url("../images/nav/nav-sprite.png") 200px 4px no-repeat;
    color: #000;
    padding: 0 65px 0 40px;
    position: relative;
    right: -70px;
    z-index: 4;
    max-height: 58px;
    overflow: hidden;
}

#sidebar .wrapper .item:nth-child(2) a{
    background: url("../images/nav/nav-sprite.png") 200px -60px no-repeat;
}
#sidebar .wrapper .item:nth-child(3) a{
    background: url("../images/nav/nav-sprite.png") 200px -125px no-repeat;
}
#sidebar .wrapper .item:nth-child(4) a{
    background: url("../images/nav/nav-sprite.png") 200px -192px no-repeat;
}
#sidebar .wrapper .item:nth-child(5) a{
    background: url("../images/nav/nav-sprite.png") 200px -256px no-repeat;
}
#sidebar .wrapper .item:nth-child(6) a{
    background: url("../images/nav/nav-sprite.png") 200px -321px no-repeat;
}
#sidebar .wrapper .item:nth-child(7) a{
    background: url("../images/nav/nav-sprite.png") 200px -386px no-repeat;
}

#sidebar .wrapper .item a > small{
    font-size: 12px;
    display: block;
    margin-top: 3px;
}

#sidebar .wrapper .item .number{
    width: 69px;
    color: #000;
    font-size: 35px;
}
#sidebar .wrapper .item .number span{
    float: right;
    display: inline-block;
    margin-right: 16px;
}


.breadcrumbs{
    display: table;
    margin: 30px auto;
    padding: 0;
    position: relative;
    z-index: 9;
}
.breadcrumbs > *{
    display: table-cell;
    vertical-align: middle;
    padding: 0;
    margin: 0;
    position: relative;
}
.breadcrumbs > *:not(:last-child){
    padding-right: 25px;
}
.breadcrumbs a{
    display: block;
    height: 35px;
    padding: 0 20px;
    line-height: 35px;
    position: relative;
    background: #CFC5BD;
    font-size: 20px;
    color: #1f2a41;
    border-radius: 3px;
    font-style: italic;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}

.breadcrumbs > div:last-child a{
    background: #3B7FE4;
    color: #fff;
}
.breadcrumbs  > div:first-child a::before {
    position: absolute;
    top: 1px;
    left: -16px;
    content: " ";
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 17px solid transparent;
    border-bottom: 17px solid transparent;
    border-right: 17px solid #3776D5;
}

.breadcrumbs a i{
    display: inline-block;
    margin-left: 10px;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}
.breadcrumbs a:hover{
    background: #3B7FE4;
    color: #fff;
}
.breadcrumbs > div:hover a i{
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.breadcrumbs .submenu{
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 280px;
    max-width: 320px;
    box-shadow: rgba(0,0,0, .3) 0 0 15px 1px;
    background: #fff;
    border-radius: 3px;
}
.breadcrumbs > div:hover .submenu{
    display: block;
}
.breadcrumbs .submenu a{
    display: block;
    padding: 8px 20px;
    margin: 0;
    font-size: 15px;
    text-transform: uppercase;
    background: transparent!important;
    color: #111!important;
    line-height: 1.3;
    height: auto;
    font-weight: bold;
}
.breadcrumbs .submenu a:hover{
    background: #eee!important;
}
.breadcrumbs .submenu a span{
    display: block;
    text-transform: none;
    font-size: 13px;
}

.table{
    display: table;
    padding: 0;
    margin: 0;
    position: relative;
    list-style: none;
    width: 100%;
}
.table.auto{
    margin: 0 auto;
    width: auto;
}
.table > *{
    display: table-cell;
    vertical-align: top;
}
.table.middle > *{
    vertical-align: middle;
}

.table.parts{
    position: relative;
    width: auto;
}
.table.parts > div .item{
    margin-left: 60px;
}
.table.parts .item{
    #border: 1px solid red;
}
.table.parts .item.b1{
    background: url("../images/modul1/b1.png") 0 0 no-repeat;
    width: 258px;
    height: 335px;
    position: relative;
}
.table.parts .item.b1 .part{
    position: absolute;
    bottom: 20px;
    right: 40px;
    background: #0052A2;
    width: 178px;
    padding: 2px 0;
    border-radius: 20px;
    display: table;
    min-height: 120px;
}
.table.parts .item.b1 .part::before{
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    left: -5px;
    width: 100%;
    height: 100%;
    background: #0052A2;
    border-radius: 15px;
}
.table.parts .item.b1 .part > div{
    display: table-cell;vertical-align: middle;
    background: url("../images/pat-bg3.png");
    width: 178px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    position: relative;
    border-radius: 15px;
}
.table.parts .item.b1 .part > div:hover{
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
}
.table.parts .item.b1 .part > div a{
    font-size: 13px;
    text-transform: uppercase;
    display: block;
    padding: 0 10px 0 20px;
    text-decoration: none;
    color: #000;
    line-height: 1.5;
    margin: 5px 0;
}

.table.parts .item.b2{
    background: url("../images/modul1/b2.png") 0 0 no-repeat;
    width: 262px;
    height: 340px;
    position: relative;
}

.table.parts .item.b32{
    background: url("../images/module-authors/blaga.png") -10px 0 no-repeat;
    width: 262px;
    height: 340px;
    position: relative;
}
.table.parts .item.b12{
    background: url("../images/module-authors/stiinta.png") -32px -14px no-repeat;
    width: 262px;
    height: 346px;
    position: relative;
}
.table.parts .item.b42{
    background: url("../images/module-authors/camil.png") -32px -14px no-repeat;
    width: 262px;
    height: 346px;
    position: relative;
}

.table.parts .item.b52{
    background: url("../images/module-authors/druta.png") -32px -14px no-repeat;
    width: 262px;
    height: 346px;
    position: relative;
}
.table.parts .item.b62{
    background: url("../images/module-authors/vieru.png") -32px -14px no-repeat;
    width: 262px;
    height: 346px;
    position: relative;
}
.table.parts .item.b72{
    background: url("../images/module-authors/universalitate.png") -32px -14px no-repeat;
    width: 262px;
    height: 346px;
    position: relative;
}
.table.parts .item.b73{
    background: url("../images/module-authors/basarabeni.png") -32px -14px no-repeat;
    width: 262px;
    height: 346px;
    position: relative;
}

.table.parts .item.b3{
    background: url("../images/modul1/b3.png") 0 0 no-repeat;
    width: 272px;
    height: 332px;
    position: relative;
}

.table.parts .item.b4{
    background: url("../images/modul1/b4.png") 0 0 no-repeat;
    width: 279px;
    height: 353px;
    position: relative;
    top: -28px
}

.table.parts .item.b4 .tasks{
    position: relative;
    padding: 140px 35px 0 35px;
    width: 236px;
}
.table.parts .item.b4 .tasks p{
    display: block;
    padding-bottom: 10px;
    margin-top: 5px;
    margin-bottom: 0;
    border-bottom: 2px solid #B0A09A;
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
}

.table.parts .item.b4 .tasks p img{
    margin-right: 5px;
    display: inline-block;
    position: relative;
    top: -2px;
}

.table.parts .item .over{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    display: block;
}

.table.parts > div:not(:first-child) .item{
    margin-left: 25px!important;
}

.table.center{
    margin: 0 auto;
    width: auto;
}

.title {
    padding: 50px 0;
    text-align: center;
}
.title h2{
    padding: 0;
    margin: 0;
    font-family: "Fog", sans-serif;
    font-size: 70px;
    color: #000;
    letter-spacing: 2px;
    font-weight: 400;
}


/*bios page*/
.video_bg {
    background: transparent;
    color: #fff;
    padding: 0 0 30px 0;
}

.white_heading h2 {
    padding: 0;
    margin: 0;
    #font-family: "QuagentRegular", sans-serif;
    font-size: 38px;
    color: #024690;
}
.white_heading > h2 {
   margin: 30px 0;
}

.video_wrapper {
    max-width: 854px;
    margin-left: auto;
    margin-right: auto;
}
.video_frame, .video_frame iframe {
    width: 100%;
    height: 480px;
    margin: 0 auto;
}
.video_authors {
    height: 480px;
    background: #024690;
    color: #fff;
}

.video_authors p,
.video_authors h2,
.video_authors h3,
.video_authors h4{
    color: #fff;
    margin-bottom: 8px;
}

.video_authors p.small{
    line-height: 1.4;
    font-size: 15px;
    text-align: justify;
}

.video_questions {
    border-radius: 3px;
    padding: 30px 15px;
    font-size: 17px;
    color: #fff;
    line-height: 1.4em;
}
.video_questions h2, .video_questions h3, .video_questions h4, .video_questions h5 {
    font-weight: 700;
    color: #eee;
    font-size: 22px;
    margin-top: 0;
}

.video_questions p > span{
    font-weight: 700;
    color: #111;
    font-size: 18px;
}

.bios a.clickUP img{
    display: table;
    margin: 0;
    border: 1px solid #024790;
    border-radius: 3px;
}

.bios{
    position: relative;
}
.bios a{
    display: table;
    text-decoration: none;
    text-align: center;
    color: #111;
    font-size: 15px;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    position: relative;
    z-index: 1;
    margin: 0 auto;
    max-width: 220px;
}
.bios a::before{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    background: rgba(0,0,0, .5);
    z-index: 2;
    content: " ";
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.bios a::after{
    content: "Biografie";
    color: #fff;
    font-weight: 300;
    font-size: 30px;
    text-align: center;
    position: absolute;
    bottom: 8%;
    left: 0;
    width: 100%;
    padding: 0;
    margin: -10px 0 0 0;
    z-index: 2;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    opacity: .5;
}
.bios a:hover:before{
    background: rgba(2,73,147, .7);
}
.bios a:hover:after{
    opacity: 1;
}

.bios span{
    display: none;
    margin-top: 15px;
    text-align: center;
    color: #111;
    font-size: 20px;
    font-weight: 700;
}
.bios span:hover{
    border-color: #FCB124;
}
.bios_wrapper{
    padding: 30px;
    border-radius: 5px;
    background: #fff;
    max-width: 1000px;
    margin: 40px auto;
}

.interview h2, .interview h3, .interview h4{
    font-family: 'Kaushan Script', cursive;
}

.interview h2{
    font-size: 45px;
}
.interview h3{
    font-size: 32px;
    text-align: center;
}
.interview h4{
    font-size: 24px;
}

table.interview_timeline{
    font-size: 16px;
}
table.interview_timeline td.desc{
    padding: 5px 15px;
}
table.interview_timeline td.year{
    border-right: 4px solid #DDBA4E;
    vertical-align: top;
}
table.interview_timeline td.year span{
    display: block;
    padding: 5px 15px;
    position: relative;
    width: 116px;
    text-align: right;
}
table.interview_timeline td.year span::after{
    content: " ";
    display: inline-block;
    position: absolute;
    top: 9px;
    right: -7px;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background: #DDBA4E;
    -webkit-box-shadow: rgba(0, 0, 0, .3) 0 0 1px;
    -moz-box-shadow: rgba(0, 0, 0, .3) 0 0 1px;
    box-shadow: rgba(0, 0, 0, .3) 0 0 1px;
}
/*bios page*/ 

.white_box{
    background: #fff;
    padding: 15px;
    border-radius: 5px;
    position: relative;
}

.task{
    position: relative;
}

.task.double_open{
    display: block;
    max-width: 1000px;
    margin: 0 auto;
    padding: 70px 0;
}

.task.double_open .part1 .up,
.task.double_open .part3 .down{
    display: none;
}
.task.double_open .part2{
    background: url("../images/modul1/p-bar.png") 0 0 no-repeat;
    width: 1057px;
    height: 143px;
    margin-left: -90px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.task.double_open .part2:hover{
    opacity: .75;
}

.task.double_open h3{
    font-style: italic;
    font-size: 30px;
    padding: 0;
    margin: 0 0 15px;
}
.task.double_open .part1 h3{
    color: #e57b77;
}
.task.double_open .part3 h3{
    color: #44739e;
    text-align: right;
}

.task.double_open p{
    font-size: 22px;
    margin: 5px 0;
    text-align: justify;
}

.task.double_open .inner{
    background: url("../images/modul1/p-middle.jpg") 50% 0 repeat-y;
    position: relative;
    z-index: 1;
    padding: 0 65px;
}
.task.double_open .inner::before,
.task.double_open .inner::after{
    content: " ";
    display: block;
    position: absolute;
    left: 23px;
    background: url("../images/modul1/p-top.png") 0 0 no-repeat;
    width: 955px;
    height: 40px;
}
.task.double_open .inner::before{
    top: -40px;
}
.task.double_open .inner::after{
    bottom: -40px;
    background: url("../images/modul1/p-bottom.png") 0 100% no-repeat;
}

.task.star{
    background: #14182E url("../images/modul1/star-bg.jpg") 0 0 no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    width: 1158px;
    margin: 0 auto;
    min-height: 759px;
    color: #fff;
}

.task.star,
.task.star *{
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.task.star .inner{
    position: relative;
}

.task.star .inner .parts{
    position: relative;
    display: table;
    margin: 0 auto;
}
.task.star .inner .parts  > *{
    float: left;
}
.task.star .inner .parts  .p1{
    width: 305px;
}
.task.star .inner .parts  .p2{
    width: 500px;
    margin-top: 40px;
}
.task.star .inner .parts  .p3{
    width: 305px;
}

.task.star .inner .parts  .p1,
.task.star .inner .parts  .p3{
    min-height: 1px;
    margin-top: 120px;
}

.task.star .inner .parts  .p1 .table > *,
.task.star .inner .parts  .p3 .table > *{
    width: 50%;
}

.uk-nestable.ns_battery{
    position: relative;
    padding: 0;
    margin: 0;
    min-height: 0;
}
.uk-nestable.ns_battery > li {
    margin: 0 0 18px 0;
}
.uk-nestable.ns_battery.recept{
    min-height: 23px;
    margin-bottom: 5px;
    padding-bottom: 15px;
}

.uk-nestable.ns_battery.recept .uk-nestable-item.ns_battery_item{
    margin: 0 auto;
}

.uk-nestable-item.ns_battery_item{
    background: url("../images/modul1/batery.png") 0 0 no-repeat;
    width: 115px;
    height: 20px;
    line-height: 20px;
}
.uk-nestable-item.ns_battery_item span{
    display: inline-block;
    line-height: 20px;
    width: 90px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 11px;
}


.task.star .inner .image{
    background: url("../images/modul1/platform.png") 50% 100% no-repeat;
    width: 497px;
    height: 460px;
    display: table;
    margin: 0 auto;
}
.task.star .inner .image > .steps{
    background: transparent;
    position: relative;
    z-index: 1;
    width: 497px;
    height: 424px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    background: url("../images/modul1/star1.png") 50% 100% no-repeat;
}
.task.star .inner .image > .steps.full{
    background: url("../images/modul1/star4.png") 50% 100% no-repeat;
    animation: pulseOut 2s ease-in;
    -moz-animation: pulseOut 2s ease-in;
}
.task.star .inner .image > .steps.full .over{
    display: none;
}
.task.star .inner .image .steps .over{
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    background: url("../images/modul1/star3.png") 50% 100% no-repeat;
    animation: fadeInOut 1s ease-out infinite;
    -moz-animation: fadeInOut 1s ease-out infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.task.star .inner .image .steps .over.rize:before{
    content: " ";
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 50%;
    z-index: 3;
    width: 70%;
    height: 3px;
    background: rgba(255,255,255, .4);
    opacity: 1;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    animation: rise 1s ease-out;
    -moz-animation: rise 1s ease-out;
}

.task.star .inner .conductors{
    background: url("../images/modul1/conductors.png") center top no-repeat;
    width: 760px;
    min-height: 84px;
    margin: -20px auto 30px auto;
}

.task.star .inner .conductors .wrapper{
    background: #CEDBEE;
    margin-top: 50px;
}

.task.star .inner .conductors .wrapper .table > *{
    width: 16.666%;
    padding: 3px;
}

.task.star .inner .conductors .wrapper .colum{
    position: relative;
}
.task.star .inner .conductors .wrapper .colum .heading{
    border: 1px solid #111;
    padding: 2px 10px;
    text-align: center;
}
.task.star .inner .conductors .wrapper .colum .heading h4{
    margin: 5px 0;
    color: #1f2a41;
    font-style: italic;
    font-size: 18px;
}

.task.star .inner .conductors .wrapper .colum .elements{
    background: #fff;
    margin-top: 15px;
    border: 1px dashed #333;
}

.task.star .inner .conductors .star_errors{
    display: table;
    margin: 30px auto 0 auto;
    font-size: 24px;
    color: #fff;
}

ul.js_toggles{
    position: relative;
    display: table;
    margin: 0;
    padding: 0;
}
ul.js_toggles.light_tab{
    margin: 15px auto 0 auto;
}
ul.js_toggles.light_tab > li {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    padding: 0;
    margin: 0;
}

.iv_bg{
    background: #373b44;
    padding: 10px 8px;
    border-radius: 10px;
}

.iv_bg .iv_head {
    padding: 25px 15px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background: #9A9DA2;
    text-align: center;
}
.iv_bg .iv_head h3{
    text-transform: uppercase;
    font-size: 30px;
    font-family: "Akbaal", sans-serif;
    padding: 0;
    margin: 0;
    line-height: 1;
    color: #373b44;
}
.iv_bg .iv_head h3 > span{
    font-size: 50px;
}
.iv_bg .iv_content {
    padding: 15px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background: #E9E8E6;
}

div.iv_bg .inner > *{
    box-shadow: inset rgba(47,52,66, .5) 2px 0 6px;
}


.toggle_box{
    position: relative;
    display: none;
}

.toggle_box.active{
    display: block;
}


ul.light_tab a{
    width: 46px;
    height: 46px;
    border-radius: 100%;
    line-height: 40px;
    overflow: hidden;
    display: inline-block;
    text-align: center;
    font-size: 30px;
    color: #fff;
    text-decoration: none;
    background: #20242A;
    font-family: "Akbaal", sans-serif;
}
ul.light_tab li:not(:last-child) a{
    margin-right: 10px;
}
ul.light_tab li:hover a,
ul.light_tab li.active a{
    background: #484E5B;
    text-decoration: none;
}

.iv_content .bars {
    position: relative;
    margin: 30px 0;
}
.iv_content .bars .item{
    position: relative;
    background: rgba(63,36,99, .4);
    background: linear-gradient(to top, transparent, rgba(63,36,99, .5) );
    border-radius: 10px;
    padding: 10px;
    color: #373b44;
    text-align: center;
    margin-bottom: 45px;
    min-height: 145px;
}
.iv_content .bars .item.green {
    background: linear-gradient(to top, transparent, rgba(112,179,89, .5) );
}
.iv_content .bars .item.blue {
    background: linear-gradient(to top, transparent, rgba(138,193,197, .5) );
}
.iv_content .bars .item.violet {
    background: linear-gradient(to top, transparent, rgba(167,196,243, .5) );
}

.iv_content .bars .item::before{
    content: " ";
    display: inline-block;
    position: absolute;
    bottom: -30px;
    left: 0;
    width: 100%;
    height: 16px;
    opacity: .5;
    background: url("../images/iv-shadow.png") center bottom no-repeat;
}

.iv_content .bars .item h5{
    padding: 0;
    margin: 5px 0 10px 0;
    text-transform: uppercase;
    font-size: 17px;
}
.iv_content .bars .item p{
    padding: 0;
    margin: 0 0 5px 0;
    font-size: 16px;
}

.color_box{
    position: relative;
    width: 100%;
    max-width: 1000px;
    display: table;
    padding: 20px;
    margin: 0 auto 15px auto;
    border-radius: 10px;
    background: rgba(167,196,243, .5);
    color: #111;
    font-size: 17px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.15);
}

.shadow{
    -webkit-box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.15);
}

.color_box.green{
    background: #75C7C2;
}
.color_box p{
    color: #111;
    font-size: 17px;
}
.color_box p:last-child{
    margin-bottom: 0;
}
.color_box > *{
    display: table-cell;
    vertical-align: middle;
}
.color_box > div.number {
    width: 70px;
    text-align: center;
}
.color_box > div.number > span{
    display: block;
    padding: 20px 0;
    font-size: 52px;
    margin: 0;
    border-right: 1px solid #222;
}
.color_box > div.entry{
    padding: 20px 0 20px 30px;
}

.popup_tf{
    position: relative;
    margin: 50px auto;
    padding: 15px;
    background: #4C4C4C url("../images/pat-tf.jpg");
    width: 843px;
    height: auto;
    color: #fff;
    border-radius: 2px;
    display: table;
    -webkit-transition: all 2s;
    -moz-transition: all 2s;
    -ms-transition: all 2s;
    -o-transition: all 2s;
    transition: all 2s;
}

.popup_tf.active{
    background: url("../images/tf-burn.png") 0 0 no-repeat;
}

#test_timer{
    position: fixed;
    z-index: 999;
    top: 20px;
    left: 40px;
    width: 250px;
    height: 60px;
    padding: 0;
    text-align: center;
    line-height: 60px;
    overflow: hidden;
    font-size: 30px;
    color: #fff;
    border-radius: 10px;
    background: #45484d; /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover,  #45484d 0%, #000000 100%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover,  #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover,  #45484d 0%,#000000 100%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover,  #45484d 0%,#000000 100%); /* IE10+ */
    background: radial-gradient(ellipse at center,  #45484d 0%,#000000 100%); /* W3C */
}
#test_timer .text{
    position: absolute;
    z-index: 1000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0, 0.5);
    text-align: center;
    color: #fff;
    font-size: 35px;
}
#test_timer .text.alert{
    color: #F9362C;
}

.popup_tf > *{
    display: table-cell;
    vertical-align: top;
    padding: 30px 0;
    border: 3px solid rgba(255,255,255, .45);
}
.popup_tf.active > *{
    border-color: transparent;
}

.popup_tf .head{
    position: relative;
    text-align: center;
    padding: 40px 30px;
    margin: 0;
    color: #fff;
    font-size: 22px;
}
.popup_tf .head p{
    color: #fff;
    font-size: 22px;
}

.test_result{
    display: table;
    margin: 15px auto;
    color: #000!important;
    background: #fff;
    padding: 0 15px;
    line-height: 2;
    font-size: 20px;
    border-radius: 3px;
}
.test_result strong{
    color: #05CD6C;
}

.popup_tf .head h2{
    color: #fff;
    font-size: 70px;
    font-family: Impact, sans-serif;
    letter-spacing: 3px;
    margin: 0;
}
.popup_tf .content{
    padding: 0 25px;
}
.popup_tf .table.one_row{
    position: relative;
    padding: 0;
    margin: 0 0 -1px 0;
    color: #fff;
    font-size: 17px;
    border: 1px solid #fff;
    line-height: 2;
    min-height: 40px;
}
.popup_tf .table.one_row > *{
    position: relative;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
}
.popup_tf .table.one_row > *:not(:last-child){
    width: 45px;
    text-align: center;
    border-right: 1px solid #fff;
}

.popup_tf .table.one_row .orders{
    color: #999;
}

.popup_tf .table.one_row p{
    font-size: 22px;
    margin: 0;
    padding: 5px 0 5px 35px;
    color: #fff;
}
.popup_tf .table.one_row .r3{}

.popup_tf .table.one_row .label{
    cursor: pointer;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.popup_tf .table.one_row .r2{
    background: rgba(117,199,194, .2);
}
.popup_tf .table.one_row .r3 {
    background: rgba(198,44,35, .2);
}

.popup_tf .table.one_row .r2:hover,
.popup_tf .table.one_row .r2.active{
    background: rgba(117,199,194, 1);
}
.popup_tf .table.one_row .r3:hover,
.popup_tf .table.one_row .r3.active{
    background: rgba(198,44,35, 1);
}

.popup_tf .table.one_row .r2.disabled .label,
.popup_tf .table.one_row .r3.disabled .label{
    opacity: 0;
    pointer-events: none;
}

.popup_tf .table.one_row .r2.disabled,
.popup_tf .table.one_row .r3.disabled{
    background: none!important;
}


.play{
    position: relative;
    margin: 40px 0;
    text-align: center;
}
.play a{
    display: block;
}

.sticky_box{
    position: fixed;
    z-index: 9;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.mfp-bg.blue {
    z-index: 9999;
    overflow: hidden;
    background: #024993;
    opacity: 1;
}

.mfp-wrap.blue{
    z-index: 10000;
}

/*device for tests*/

.exo_device{
    background: url("../images/device.jpg") 0 0 no-repeat;
    width: 1170px;
    height: 703px;
    position: relative;
    overflow: hidden;
    display: table;
    margin: 0 auto;
}
.exo_device .clock{
    position: absolute;
    top: 61px;
    right: 135px;
    width: 90px;
    color: #CACCDF;
    font-size: 28px;
    font-weight: 700;
    text-align: center;
}

.exo_device .left_side {
    position: absolute;
    top: 64px;
    left: 130px;
    width: 202px;
    height: 565px;
    direction: rtl;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container{
    margin-left: 0;
}

.exo_device .right_side{
    position: absolute;
    top: 75px;
    left: 332px;
    width: 777px;
    height: 544px;
    display: table;
}
.exo_device .right_side .task_head{
    max-width: 790px;
    min-height: 86px;
    font-size: 20px;
    color: #000;
    margin-top: 35px;
}
.exo_device .right_side .task_head > *{
    font-size: 24px;
    color: #000;
    padding: 4px 15px;
    margin: 0;
    background: #fff;
    border-radius: 15px;
    line-height: 1.3;
    display: inline-block;
    -webkit-box-shadow: inset 2px 2px 4px rgba(0, 0, 0, .15);
    -moz-box-shadow: inset 2px 2px 4px rgba(0, 0, 0, .15);
    box-shadow: inset 2px 2px 4px rgba(0, 0, 0, .15);
}
.exo_device .right_side .inner {
    display: table;
    width: 745px;
    height: 400px;
    padding: 0;
    margin: 10px 0 0 0;
    overflow-y: auto;
    font-size: 17px;
    color: #000;
}
.exo_device .right_side .parent{
    position: relative;
    height: 410px;
}
.exo_device .right_side .inner > *{
    display: table-cell;
    #vertical-align: middle;
}

.exo_device .right_side .inner .task_content.write{
    background: url("../images/device-icons/write.png") 60% 60% no-repeat;
}
.exo_device .right_side .inner .task_content.oral{
    background: url("../images/device-icons/oral.png") 60% 60% no-repeat;
}
.exo_device .right_side .inner .task_content.search{
    background: url("../images/device-icons/search.png") 60% 60% no-repeat;
}
.exo_device .right_side .inner .task_content.ludo{
    background: url("../images/device-icons/ludo.png") 60% 60% no-repeat;
}
.exo_device .right_side .inner .task_content.group{
    background: url("../images/device-icons/group.png") 60% 60% no-repeat;
}
.exo_device .right_side .inner .task_content.interactiv{
    background: url("../images/device-icons/interactiv.png") 60% 60% no-repeat;
}


ul.exo_tab{
    position: relative;
    display: block;
    list-style: none;
    margin: 10px 0 0 0;
    padding: 0;
    width: 220px;
}
ul.exo_tab > li{
    display: block;
    position: relative;
    padding: 0;
    margin: 0;
    border: 0;
    background: transparent;
}

ul.exo_tab > li > a{
    display: block;
    padding: 5px 0;
    color: #fff;
    text-decoration: none;
    line-height: 1;
    overflow: hidden;
    position: relative;
    z-index: 1;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}
ul.exo_tab > li:hover > a{
    -webkit-transform: scale(.9);
    -moz-transform: scale(.9);
    -ms-transform: scale(.9);
    -o-transform: scale(.9);
    transform: scale(.9);
}
ul.exo_tab > li > a::before{
    content: " ";
    display: block;
    position: absolute;
    z-index: -1;
    bottom: 8px;
    left: 30px;
    width: 70%;
    height: 70px;
    background: rgba(255,255,255, .2);
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}
ul.exo_tab > li.active > a:before{
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
}
ul.exo_tab > li > a > span{
    display: inline-block;
    font-family: "Akbaal", sans-serif;
    font-size: 50px;
    margin-left: 126px;
    float: left;
    margin-top: 15px;
}

ul.exo_tab > li > a.task_write{
    background: url("../images/ico1.png") 30px 0 no-repeat;
    min-height: 97px;
}

ul.exo_tab > li > a.task_oral{
    background: url("../images/ico2.png") 40px 50% no-repeat;
    min-height: 104px;
}
ul.exo_tab > li > a.task_search{
    background: url("../images/ico3.png") 30px 50% no-repeat;
    min-height: 104px;
}
ul.exo_tab > li > a.task_ludo{
    background: url("../images/ico4.png") 30px 50% no-repeat;
    min-height: 97px;
}
ul.exo_tab > li > a.task_group{
    background: url("../images/ico5.png") 30px 100% no-repeat;
    min-height: 90px;
}
ul.exo_tab > li > a.task_interactiv{
    background: url("../images/ico6.png") 30px 50% no-repeat;
    min-height: 104px;
}

.tab_exo .toggle_box {
    -webkit-animation: fade 1s ease-in;
    -moz-animation: fade 1s ease-in;
    animation: fade 1s ease-in;
}

.text_device{
    position: relative;
    background: url("../images/text_device.jpg") 0 0 no-repeat;
    display: table;
    margin: 0 auto;
    width: 1170px;
    height: 548px;
}

.text_device .head{
    display: table;
    margin: 0 auto;
    padding: 0;
    min-width: 446px;
    max-width: 900px;
    height: 50px;
    font-size: 23px;
    font-family: "QuagentRegular", sans-serif;
    text-align: center;
    background: url("../images/pat-bg2.png");
}

.text_device .head > h3{
    display: table-cell;
    vertical-align: middle;
    font-size: 20px;
    margin: 0;
    line-height: 1.2;
    text-transform: uppercase;
}

.text_device .head > h3 > a,
.text_device .head > h3 > a:hover{
    opacity: 1!important;
}

.text_device .head > h3 > span{
    text-transform: none;
}

.text_device .content{
    height: 456px;
    width: 1083px;
    margin: 0 0 0 44px;
    font-size: 18px;
    line-height: 1.5;
    position: relative;
    -webkit-transition: all 2s linear;
    -moz-transition: all 2s linear;
    -ms-transition: all 2s linear;
    -o-transition: all 2s linear;
    transition: all 2s linear;
    background-position: 0 0;
}

.text_device .content .data{
    display: block;
    height: 456px;
    -webkit-transition: all 2s linear;
    -moz-transition: all 2s linear;
    -ms-transition: all 2s linear;
    -o-transition: all 2s linear;
    transition: all 2s linear;
    background-position: 100% 0;
}

.text_device .content .inner{
    padding: 40px;
}
.text_device.smoke_effect .content{
    background: #779BC8 url("../images/oda/bg-white.png") 0 0 no-repeat;
}
.text_device.smoke_effect .content .data{
    background: url("../images/oda/bg-dark.png") 100% 0 no-repeat;
}

.text_device.smoke_effect .data{
    position: relative;
    z-index: 3;
}

.text_device .content p{
    font-size: 18px;
    line-height: 1.5;
    color: #111;
}
.text_device.poetry .content,
.text_device.poetry .content p{
    font-family: 'Gabriola', sans-serif;
    font-size: 24px;
    line-height: 1.2;
    font-weight: 600;
}
.text_device.smoke_effect .content,
.text_device.smoke_effect .content p{
    color: #fff;
}
.text_indent p{
    text-indent: 25px;
}


.light_scroll{
    position: relative;
}
.dark_scroll{
    position: relative;
}

.fadeIn{
    animation: fadeIn 1s;
}

.popup_wrapp {
    position: relative;
    width: 1200px;
    margin: 40px auto;
}
.popup_wrapp.interactiv{
    height: 600px;
}

.popup_wrapp.interactiv .ini_box {
    position: relative;
    background: #E5E7E8;
    border-radius: 3px;
    overflow: hidden;
}

.congrats{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 3px solid #3FB171;
    z-index: 999;
    background: rgba(255,255,255, .85) url("../images/congrats-bg.png") 50% 50% no-repeat;
}
.congrats .entry{
    position: absolute;
    top:50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    line-height: 1;
    text-align: center;
}
.congrats h1{
    font-size: 74px;
    font-family: 'Allura', sans-serif;
    padding: 0;
    margin: 0;
    color: #10538c;
    line-height: 1;
}
.congrats p{
    font-size: 44px;
    font-family: 'Allura', sans-serif;
    color: #10538c;
    padding: 0;
    margin: 0;
}
.popup_wrapp.interactiv .ini_box .head{
    height: 65px;
    position: relative;
    overflow: hidden;
    background: #D0D1D7;
}

.popup_wrapp.interactiv .ini_box .head > *,
.popup_wrapp.interactiv .ini_box .head h3 {
    font-size: 18px;
    color: #212329;
    padding: 0 35px;
    margin: 5px 0;
}

.popup_wrapp.interactiv .ini_box .content {
    height: 474px;
    position: relative;
}

.popup_wrapp.interactiv .ini_box .content .inner{
    padding: 20px 40px;
}

.popup_wrapp.interactiv .ini_box .content .inner h3{
    color: #212329;
    font-size: 20px;
    font-weight: 900;
    text-align: center;
    padding: 0;
    margin: 20px 0;
}

.popup_wrapp.interactiv .ini_box .bottom{
    height: 65px;
    position: relative;
    overflow: hidden;
    background: #D0D1D7;
}

.popup_wrapp.interactiv .ini_box .bottom .inside{
    padding: 5px 40px;
}

.popup_wrapp.interactiv .ini_box .content .inner .game_words span{
    display: inline-block;
    padding: 3px 5px;
    background: #fff;
    border: 2px solid #fff;
    border-radius: 3px;
    margin: 0 0 2px 0;
    cursor: pointer;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.popup_wrapp.interactiv .ini_box .content .inner .game_words span.correct {
   border-color: green;
}
.popup_wrapp.interactiv .ini_box .content .inner .game_words span.error {
   border-color: red;
}

.popup_wrapp.interactiv .ini_box .content .inner .game_words span:hover{
    background: #BAE8F9;
}

.task_output span {
    display: inline-block;
    margin: 0 5px 0 5px;
    font-weight: 900;
}
.task_output span.score,
.task_output span.total{
    color: green;
}

.task_output span.errors {
    color: red;
}

.play_icons{
    display: table;
    width: auto;
    margin: 40px auto;
}

.play_icons > *{
    display: table-cell;
    vertical-align: middle;
}

.play_icons a.audio {
    background: url("../images/audio_play.png") 0 0 no-repeat;
    width: 137px;
    height: 97px;
}
.play_icons a.video {
    background: url("../images/video_play.png") 0 0 no-repeat;
    width: 127px;
    height: 114px;
}

.play_icons a span{
    display: block;
    position: relative;
    top: 75px;
    text-align: center;
    color: #111;
    text-decoration: none;
}

.game_cv{
    position: relative;
}

.game_cv .left_half{
    background: #E4EA8E;
    min-height: 474px;
    padding-bottom: 200px;
}

.game_cv .photo{
    width: 150px;
    height: 150px;
    display: table;
    margin: 20px auto;
    border-radius: 100%;
    overflow: hidden;
}

.game_cv .left_half .line{
    display: table;
    padding: 0;
    margin: 0 auto 15px auto;
    line-height: 25px;
    position: relative;
    width: 450px;
}

.game_cv .left_half .line > *:first-child{
    width: 150px;
    text-align: right;
}

.game_cv .left_half .line > *{
    display: table-cell;
    vertical-align: middle;
}

.drop_select{
    position: relative;
    display: inline-block;
    border-radius: 3px;
    background: #fff;
    border: 2px solid #fff;
    cursor: pointer;
    height: 30px;
    line-height: 30px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    font-size: 15px;
    font-weight: bold;
}

.drop_select.disabled{
    pointer-events: none;
}
.drop_select.error{
    background: red;
}
.drop_select.success{
    background: #3FB171;
}
.drop_select.error span.value,
.drop_select.success span.value{
    color: #fff;
}
.game_cv .left_half .line .drop_select{
    margin-left: 20px;
}
.drop_select span.value{
    display: block;
    padding: 0 20px 0 5px;
    min-width: 120px;
    max-width: 240px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #000;
    position: relative;
}
.drop_select span.value::before{
    content: " ";
    display: inline-block;
    position: absolute;
    top: 44%;
    right: 5px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #000;
}
.drop_select .options{
    display: none;
    position: absolute;
    z-index: 99;
    top: 100%;
    left: -3px;
    width: calc(100% + 6px);
    height: auto;
    background: #eee;
    border: 1px solid #444;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    box-shadow: rgba(0,0,0, .1) 1px 2px 4px;
}
.drop_select.hover .options{
    display: block;
}
.drop_select .options > *{
    display: block;
    padding: 8px 5px;
    font-size: 15px;
    color: #000;
    line-height: 1.3;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.drop_select .options > *.active{
    background: #3879D9;
    color: #fff;
}
.drop_select .options > *:not(.active):hover{
    background: #ddd;
}

.game_cv .right_half{
    position: relative;
}
.game_cv .right_half .box{
    padding: 10px;
}

.game_cv .right_half .box p{
    margin: 0;
}

.box_humans{
    position: relative;
    background: url("../images/modul1/humans.png") 25% 0 no-repeat;
    min-height: 234px;
    font-size: 16px;
    line-height: 1.3;
    text-align: center;
}

.box_humans > .uk-grid > *{
    padding: 0 5px!important;
}

.box_humans h5{
    text-transform: uppercase;
    font-weight: bold;
    margin: 20px 0 25px 0!important;
}

.clickable_words{
    position: relative;
}

.clickable_words span {
    display: inline-block;
    padding: 3px 5px;
    margin: 5px 0 5px 0;
    background: #fff;
    border-radius: 3px;
    cursor: pointer;
    border: 2px solid #fff;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.clickable_words span:hover{
    background: #BAE8F9;
}
.clickable_words span.error{
    border-color: red;
}
.clickable_words span.success{
    border-color: green;
}

.forest_game{
    position: relative;
    text-align: center;
    background: url("../images/modul1/bg-forest.png") 50% 50% no-repeat fixed;
    min-height: 474px;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
}
.forest_game .text{
    padding: 0 100px 200px 100px;
}

.forest_game .select {
    display: inline-block;
    padding: 3px 8px;
    margin: 0 10px 15px 10px;
    position: relative;
    background: #fff;
    border: 2px solid #fff;
    border-radius: 3px;
    cursor: pointer;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.forest_game .select:hover {
    background: #BAE8F9;
}

.forest_game .select.error{
    border-color: red;
}
.forest_game .select.success{
    border-color: green;
}
.forest_game .select.disabled{
    background: #eee;
    pointer-events: none;
}

.forest_game .select .options {
    position: absolute;
    display: none;
    z-index: 99;
    top: 100%;
    left: 50%;
    min-width: 250px;
    width: 100%;
    background: #fff;
    border-radius: 4px;
    overflow: hidden;
    border: 1px solid #333;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.forest_game .select.hover .options{
    display: block;
}
.forest_game .select .options > *{
    display: block;
    padding: 8px 10px;
    font-size: 18px;
    font-weight: 700;
    background: #fff;
}
.forest_game .select .options > *:not(:last-child){
    border-bottom: 1px solid #eee;
}

.forest_game .select .options > *.active,
.forest_game .select .options > *:hover{
    background: #3879D9;
    color: #fff;
}

.forest_game .select.error .options > *.active{
    background: red;
    color: #fff;
}
.forest_game .select.success .options > *.active{
    background: green;
    color: #fff;
}


.game_bars{
    position: relative;
}

.game_bars .colums > *{
    width: 33.333%;
}
.game_bars .col{
    position: relative;
    background: #eee;
    min-height: 500px;
}

.game_bars .col.c1{
    background: -webkit-linear-gradient(left, #B0D4BC, transparent); /* Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #B0D4BC, transparent); /* Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #B0D4BC, transparent); /* Firefox 3.6 to 15 */
    background: linear-gradient(to right, #B0D4BC , transparent); /* Standard syntax */
}
.game_bars .col.c2{
     background: -webkit-linear-gradient(left, #EDB589, transparent); /* Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #EDB589, transparent); /* Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #EDB589, transparent); /* Firefox 3.6 to 15 */
    background: linear-gradient(to right, #EDB589 , transparent); /* Standard syntax */
}
.game_bars .col.c3{
     background: -webkit-linear-gradient(left, #AB96C3, transparent); /* Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #AB96C3, transparent); /* Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #AB96C3, transparent); /* Firefox 3.6 to 15 */
    background: linear-gradient(to right, #AB96C3 , transparent); /* Standard syntax */
}

.placeholder{
    background: #fff;
    border: 1px dashed #6F83B6;
}

.game_bars .placeholder {
    background: rgba(255,255,255, .6);
}
.game_bars .items ul{
    margin-bottom: 15px;
}

.game_bars .col .uk-nestable-item{
    border-bottom: 1px solid #eee;
    margin-bottom: 2px;
    max-height: 80px;
    overflow: hidden;
    padding-left: 5px;
    display: block;
}
.game_bars .col .uk-nestable-item:before{
    display: none;
}
.game_bars .col .name h4{
    font-size: 13px;
    font-weight: 900;
    color: #494e59;
    padding: 10px 0 10px 10px;
    margin: 0;
    min-height: 50px;
}

.papirus_boxes{
    position: relative;
}
.papirus_boxes .item{
    background: url("../images/modul1/papirus.png") 0 0 no-repeat;
    background-size: 100% 100%;
    max-width: 255px;
    min-height: 182px;
    margin: 5px auto;
    padding: 20px;
    font-size: 16px;
    line-height: 1.2;
    color: #000;
}

.game_compare{
    position: relative;
    padding: 30px;
}

.game_compare .left_side{
    position: relative;
}

.game_compare .ch{
    display: inline-block;
    width: 33px;
    height: 33px;
    border-radius: 5px;
    border: 1px solid #333;
    background: #fff;
    line-height: 35px;
    overflow: hidden;
    cursor: pointer;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    position: relative;
    color: #000;
}
.game_compare .ch:hover{
    opacity: .75;
}

.game_compare .ch::before{
    content: " ";
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 7px solid #000;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
}

.game_compare .ch.active:before{
    opacity: 1;
}

.game_compare .ch.error{
    background: red;
    border-color: red;
    color: #fff;
}
.game_compare .ch.error:before{
    border-color: #fff;
}

.game_compare .ch.disabled{
    pointer-events: none;
}

.game_compare .ch.yellow{
    background: #EEEEA3;
}
.game_compare .ch.blue{
    background: #77A0D2;
}
.game_compare .ch.green{
    background: #76BE70;
}

.game_compare .option{
    margin-bottom: 20px;
}

.game_compare .lines{
    position: relative;
    padding-left: 60px;
}

.game_compare .lines .line p{
    margin: 0;
    font-size: 18px;
    line-height: 1.3;
    color: #494e59;
    padding-left: 10px;
}
.game_compare .lines .line {
    position: relative;
    margin-bottom: 3px;
}
.game_compare .lines .line > *:first-child{
    width: 35px;
}

.game_asc{
    max-width: 85%;
    padding: 30px;
    margin: 0 auto;
}


.game_mirror{
    position: relative;
    background: url("../images/modul1/mirror.png") center 20px no-repeat;
    min-height: 470px;
}
.game_mirror .elements{
    position: relative;
    margin: 0 auto;
    max-width: 70%;
    padding: 30px;
}

.mirror_recept{
    position: relative;
    width: 150px;
    height: 30px;
    overflow: hidden;
    margin-bottom: 15px;
}

.mirror_recept ul {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.mirror_recept .text{
    line-height: 28px;
    font-size: 14px;
    color: #16181c;
    display: block;
    width: 150px;
    height: 28px;
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 12px rgba(0, 0, 0, .4);
    -moz-box-shadow: inset 0 0 12px rgba(0, 0, 0, .4);
    box-shadow: inset 0 0 12px rgba(0, 0, 0, .4);
}

.game_mirror .col {
    display: table;
    margin: 0 auto;
}
.game_mirror .col.c1 .mirror_recept,
.game_mirror .col.c3 .mirror_recept,
.game_mirror .col.c2 .ns_mirror{
    margin-bottom: 20px;
}


/*game chosen*/
.game_chosen{
    position: relative;
    background: url("../images/modul1/bg-pic.png") center center no-repeat;
    min-height: 474px;
    padding-top: 15px;
    background-size: cover;
}
.game_chosen .elements{
    display: table;
    margin: 10px auto;
}

.checkbox{
    display: none;
    visibility: hidden;
}
.checkbox_label{
    position: relative;
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    line-height: 30px;
    overflow: hidden;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    background-color: #fff;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    cursor: pointer;
    border: 2px solid rgba(59,127,228, .8);
}
.checkbox_label.success{
    border-color: #76BE70;
}
.checkbox_label.error{
    border-color: red;
}

.checkbox_label.disabled{
    background-color: #eee;
    opacity: .75;
    pointer-events: none;
}

.checkbox:checked+label{
    background-image: url("../images/modul1/checkbox.png");
}

.game_chosen .line{
    width: 650px;
}
.game_chosen .line.success p{
    color: green
}
.game_chosen .line.error p{
    color: red
}
.game_chosen .line .option{
    width: 40px;
}
.game_chosen .line p{
    font-size: 17px;
    margin: 0 0 0 15px;
}

.game_connect{
    position: relative;
}

.game_connect .parts{
    position: relative;
    padding: 40px 5px;
}
.game_connect .elements > *{
    width: 12.5%;
    vertical-align: bottom;
}
.game_connect .elements .static{
    position: relative;
    font-size: 14px;
    line-height: 1.2;
    color: #23252a;
    text-align: center;
    padding: 5px;
    margin: 0 2px 0 0;
    background: #78C297;
    background: -webkit-linear-gradient(transparent, #78C297); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(transparent, #78C297); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(transparent, #78C297); /* For Firefox 3.6 to 15 */
    background: linear-gradient(transparent, #78C297); /* Standard syntax */

}

.game_connect .elements.inverse .move{
    position: relative;
    font-size: 12px;
    line-height: 1.2;
    color: #23252a;
    text-align: center;
    padding: 0;
    margin: 0;
    background: transparent;
}
.game_connect .elements .static p{
    margin: 0;
    display: block;
}

.game_connect  .parts_divider{
    height: 57px;
    position: relative;
}

.game_click_dot{
    position: relative;
    padding: 15px;
    margin: 0 auto;
    max-width: 80%;
}

.game_click_dot .left{
    padding-top: 50px;
}

.game_click_dot .color{
    width: 250px;
    font-size: 18px;
    color: #494e59;
    line-height: 1.4;
    margin: 0 0 40px 0;
}
.game_click_dot .color .picker{
    width: 40px;
}
.game_click_dot .color .pk{
    width: 35px;
    height: 35px;
    line-height: 1.4;
    overflow: hidden;
    border-radius: 100%;
    background: #B4B4B4;
    padding: 0;
    margin: 0 0 0 15px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    border: 2px dotted transparent;
}
.game_click_dot .color .pk:hover{
    opacity: .8;
}

.game_click_dot .color .pk::before {
    content: " ";
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 7px solid #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0;
    margin: -7px 0 0 -2px;
}
.game_click_dot .color .pk.active{
    border-color: #666;
}
.game_click_dot .color .pk.active:before{
    opacity: 1;
}

.game_click_dot .color .pk.gray{
    background: #B4B4B4;
}
.game_click_dot .color .pk.green{
    background: #02CC80;
}
.game_click_dot .color .pk.blue{
    background: #89B9D7;
}
.game_click_dot .color .pk.orange{
    background: #E4CBAB;
}

.game_click_dot .line{
    position: relative;
    padding: 3px 5px;
    margin:  0 0 5px 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    border: 1px solid #222;
    border-radius: 3px;
    background: #fff; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, #fff , transparent); /* For Safari 5.1 to 6.0 */
    background: -moz-linear-gradient(right, #fff, transparent); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #fff , transparent); /* Standard syntax */
}
.game_click_dot .line.success.gray{
    background: #B4B4B4;
    background: -webkit-linear-gradient(left, #B4B4B4 , transparent);
    background: -moz-linear-gradient(right, #B4B4B4, transparent);
    background: linear-gradient(to right, #B4B4B4 , transparent);
}
.game_click_dot .line.success.green{
    background: #02CC80;
    background: -webkit-linear-gradient(left, #02CC80 , transparent);
    background: -moz-linear-gradient(right, #02CC80, transparent);
    background: linear-gradient(to right, #02CC80 , transparent);
}
.game_click_dot .line.success.blue{
    background: #89B9D7;
    background: -webkit-linear-gradient(left, #89B9D7 , transparent);
    background: -moz-linear-gradient(right, #89B9D7, transparent);
    background: linear-gradient(to right, #89B9D7 , transparent);
}
.game_click_dot .line.success.orange{
    background: #E4CBAB;
    background: -webkit-linear-gradient(left, #E4CBAB , transparent);
    background: -moz-linear-gradient(right, #E4CBAB, transparent);
    background: linear-gradient(to right, #E4CBAB , transparent);
}

.game_click_dot .line.error{
    background: #FD9BA8;
    background: -webkit-linear-gradient(left, #FD9BA8 , transparent);
    background: -moz-linear-gradient(right, #FD9BA8, transparent);
    background: linear-gradient(to right, #FD9BA8 , transparent);
}

.game_click_dot .line:hover{
    opacity: .8;
}


.game_click_dot .line p{
    margin: 0;
    padding: 0;
    font-size: 16px;
    color: #494e59;
    line-height: 1.3;
}

.game_click_dot .line .ch{
    width: 32px;
    height: 32px;
    line-height: 32px;
    overflow: hidden;
    border-radius: 100%;
    background: #fff;
    padding: 0;
    margin: 0 8px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: absolute;
    top: 50%;
    left: -50px;
    border: 2px dotted #666;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.15);
}

.game_click_dot .line .ch.success:before{
    border-right-color: #fff;
}
.game_click_dot .line .ch.success.gray {
    background: #B4B4B4;
}
.game_click_dot .line .ch.success.green {
    background: #02CC80;
}
.game_click_dot .line .ch.success.blue {
    background: #89B9D7;
}
.game_click_dot .line .ch.success.orange {
    background: #E4CBAB;
}

.game_click_dot .line .ch.error{
    background: red;
}
.game_click_dot .line .ch.error:before{
    opacity: 0;
}

.game_click_dot .line .ch::before{
    content: " ";
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-right: 7px solid #ccc;
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0;
    margin: -6px 0 0 -5px;
}

.game_click_dot .line.success .ch:before{
    opacity: 1;
}
.game_click_dot .line.error .ch:before{
    opacity: 0;
    background: red;
}

.game_sphere_wrapper{
    position: relative;
    z-index: 1;
    height: 474px;
}

.game_sphere_wrapper{

}


.game_sphere{
    position: relative;
    background: url("../images/modul1/circles.png") 0 0 no-repeat;
    width: 384px;
    height: 362px;
    margin: 50px auto 0 auto;
}
.game_sphere .dr{
    display: inline-block;
    padding: 0 5px;
    margin: 0 3px 3px 0;
    border-radius: 20px;
    background: #E5E5E5;
    color: #494e59;
    font-size: 18px;
    line-height: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    border: 2px dashed transparent;
    position: relative;
    z-index: 9;
}

.game_sphere .dr.success{
    background: #02CC80;
    color: #fff;
    border: 1px solid #111;
}
.game_sphere .dr.error{
    color: #fff;
    background: red;
    border: 1px solid #111;
}

.game_sphere .dr.disabled{
    pointer-events: none;
}

.game_sphere_wrapper .ttip{
    position: absolute;
    z-index: 2;
    background: #574F6C;
    color: #fff;
    font-size: 18px;
    line-height: 1;
    padding: 2px 8px;
    border-radius: 3px;
}

.game_sphere_wrapper .ttip.t1{
    top: 20px;
    left: 50%;
    margin-left: -35px;
}
.game_sphere_wrapper .ttip.t2{
    bottom: 132px;
    right: 310px;
}
.game_sphere_wrapper .ttip.t3{
    bottom: 132px;
    left: 320px;
}

.game_sphere_wrapper .over{
    position: absolute;
    z-index: 3;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    width: 200px;
    height: 200px;
    border-radius: 100%;
    border: 2px dashed transparent;
    background: rgba(255,255,255, 0);
}

.game_sphere_wrapper .over.active{
    border-color: #019FDA;
    background: rgba(255,255,255, .8);
    -webkit-animation: halfFade 1.5s infinite linear;
    -moz-animation: halfFade 1.5s infinite linear;
    animation: halfFade 1.5s infinite linear;
}
.game_sphere_wrapper .over.success{
    background: rgba(2,204,128, .8);
}
.game_sphere_wrapper .over.error{
    background: rgba(255,0,0, .8);
}

.game_sphere_wrapper .over.o1 {
    top: 0;
    left: 50%;
    margin-left: -100px;
}
.game_sphere_wrapper .over.o2 {
    top: 225px;
    right: 300px;
}
.game_sphere_wrapper .over.o3 {
    top: 225px;
    left: 300px;
}

.big_drop{
    position: relative;
    display: table;
    width: 100%;
    margin: 30px auto;
    background: transparent;
    text-align: center;
}

.big_drop .value{
    background: url("../images/big-dropdown.png") 0 0 no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
    min-height: 60px;
    text-transform: uppercase;
    color: #fff;
    font-size: 23px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 60px;
    overflow: hidden;
    padding: 0 100px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    text-shadow: rgba(0,0,0, .6) 1px 2px 1px;
}
.big_drop .value:hover{
    opacity: .75;
}

.big_drop .value .arrow{
    display: inline-block;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.big_drop.open .value .arrow{
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.big_drop .links{
    display: none;
    position: absolute;
    z-index: 9;
    top: 100%;
    left: 50%;
    width: 1114px;
    -webkit-animation: fade .3s linear;
    -moz-animation: fade .3s linear;
    animation: fade .3s linear;
    padding: 15px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background: #6A94D9;
    margin: 0 auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.big_drop.open .links{
    display: block;
    margin-top: 98px;
    z-index: 4;
}
.big_drop.open .links::before{
    content: " ";
    display: block;
    position: absolute;
    z-index: 5;
    top: -100px;
    left: 0;
    width: 100%;
    height: 100px;
    background: #767693 url("../images/bigdrop-pattern.png") 0 0 no-repeat;
}
.big_drop .links a{
    display: block;
    text-decoration: none;
    color: #fff;
    font-size: 17px;
    letter-spacing: 1px;
    text-transform: uppercase;
    line-height: 2;
    max-width: 60%;
    margin: 5px auto;
    padding: 3px 5px;
    border: 1px solid #fff;
    border-radius: 5px;
}
.big_drop .links a:hover,
.big_drop .links a.active{
    background: #fff;
    color: #6386C8;
}

.big_drop .links h4{
    color: #fff!important;
    font-size: 24px;
    letter-spacing: 1px;
    text-transform: uppercase;
    line-height: 2;
    padding: 5px 0;
    margin: 0;
}

.big_drop .links a span{
    text-transform: none;
}

.slick-prev:before, .slick-next:before{
    font-size: 35px;
}

.tooltip{
    position: relative;
    display: inline-block;
    border-bottom: 2px dotted #0051A6;
    text-indent: 0!important;
    cursor: pointer;
}
.tooltip > span {
    position: absolute;
    z-index: 9;
    top: 100%;
    left: 50%;
    display: none;
    min-width: 300px;
    background: #0051A6;
    color: #fff;
    text-transform: none;
    font-size: 13px;
    line-height: 1.2;
    text-align: left;
    max-width: 450px;
    padding: 10px;
    border-radius: 5px;
    -webkit-box-shadow: 3px 5px 6px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 3px 5px 6px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 3px 5px 6px 0 rgba(0, 0, 0, 0.3);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    animation: fade .3s linear;
    text-indent: 0!important;
}
.tooltip.right > span {
    right: 0;
    left: unset;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}
.tooltip.right_float > span {
    left: 105%;
    top: 0;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.tooltip.left > span {
    left: 0;
    right: unset;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}
.tooltip.top > span {
    left: 0;
    bottom: 100%;
    top: unset;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}
.tooltip:hover > span {
    display: block;
}

.catalog_title{
    padding: 30px 0;
    text-align: center;
}

.definitions{
    position: relative;
}

.definitions .def {
    background: #3B7FE4;
    padding: 25px 30px;
    border-top-left-radius: 50px;
    border-bottom-right-radius: 50px;
    margin-bottom: 30px;
}

.definitions .word{
    position: relative;
    padding: 0 30px;
    min-width: 220px;
}
.definitions .word h2{
    font-size: 25px;
    color: #fff;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
}
.definitions .desc{
    background: #fff;
    border-radius: 50px 0 50px 0;
    padding: 15px 20px;
}

.definitions .desc p{
    margin: 0;
}

.definitions .def:nth-child(even){
    border-radius: 0 50px 0 50px;
}

.definitions .def:nth-child(even) .desc{
    border-radius: 0 50px 0 50px;
}


/*Biography*/

.bio_modal {
    position: relative;
    max-width: 1200px;
    margin: 40px auto;
    background: transparent;
}

.bio_modal .bio_grid{
    position: relative;
}

.bio_modal .bio_grid > div:first-child{
    width: 290px;
}
.bio_modal .bio_grid > div:last-child{
    width: 904px;
}
.bio_modal .bio_bg{
    position: relative;
}

.bio_modal .bio_bg .entry{
    position: relative;
}
.bio_modal .bio_bg .entry .b_top{
    width: 904px;
    height: 167px;
    background: url("../images/bio-top.png") center top no-repeat;
}
.bio_modal .bio_bg .entry .b_middle{
    position: relative;
    z-index: 3;
    min-height: 100px;
    background: url("../images/bio-middle.png") center top repeat-y;
    padding: 0 115px;
}
.bio_modal .bio_bg .entry .b_bottom{
    width: 904px;
    height: 176px;
    background: url("../images/bio-bottom.png") center top no-repeat;
}

.bio_modal .bio_title{
    position: relative;
    margin-top: -40px;
    text-align: center;
    text-transform: uppercase;
    font-size: 30px;
    color: #67615a;
}

.bio_modal .bio_title h2{
    text-transform: uppercase;
    font-size: 30px;
    color: #67615a;
}

.bio_modal p{
    font-size: 18px;
    line-height: 1.5;
    color: #000;
}

.bio_modal .about{
    text-align: center;
}
.bio_modal .about h3{
    font-family: 'Allura', sans-serif;
    font-size: 58px;
    font-weight: normal;
    margin: 0;
}

.bio_modal .bio_divider{
    background: url("../images/h-separator.png") center top no-repeat;
    width: 504px;
    height: 40px;
    margin: 25px auto;
}

.bio_modal .event_row{
    position: relative;
}

.bio_modal .event_row > div:first-child{
    width: 150px;
    text-align: right;
    padding-right: 15px;
    background: url("../images/v-line.png") 100% 0 repeat-y;
}

.bio_modal .event_row > div:first-child p{
    font-size: 16px;
    font-weight: 700;
}

.bio_modal .event_row > div:last-child{
    padding-left: 15px;
}

.bio_modal .event_row ul,
.bio_modal .event_row ol{
    position: relative;
    margin: 10px 0;
}

.bio_modal .event_row ul li,
.bio_modal .event_row ol  li{
    padding-bottom: 5px;
}
.bio_modal .event_row ul li{
    list-style: square;
}

/*Biography*/

.explain{
    position: relative;
    background: url("../images/defs.png") 0 50% no-repeat;
    height: 255px;
    max-width: 1206px;
    margin: 0 auto 40px auto;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
}

.explain > div{
    text-align: center;
    padding: 20px 80px;
}


/* game_inline_match*/

.game_inline_match{
    position: relative;
    padding: 20px;
}
.game_inline_match .left_col{
    padding-right: 20px;
    width: 12%;
}

.game_inline_match .gim_text{
   line-height: 1.5;
}

.gim_options{
    min-width: 128px;
}
/* game_inline_match*/

.curiosity.center{
    margin-left: auto;
    margin-right: auto;
}

.green_def{
    position: relative;
    background: url("../images/green-def.png") 0 0 no-repeat;
    min-height: 179px;
    max-width: 1163px;
    margin: 0 auto 40px auto;
}

.green_def .table {
    height: 179px;
}
.green_def .table > div:first-child{
    padding-left: 120px;
}

.green_def h2 {
    font-size: 42px;
    color: #000;
    line-height: 1;
}

.green_def .text{
    font-size: 18px;
    line-height: 1.5;
    padding: 10px 80px;
}

.green_def .text p{
    margin: 0;
}

label.simple_checkbox{
    display: inline-block;
    position: relative;
    background: transparent;
    border: 0;
    padding: 0 15px 0 28px;
    margin-bottom: 5px;
    cursor: pointer;
}
label.simple_checkbox:hover{
    opacity: .8;
}
label.simple_checkbox::before{
    content: " ";
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 1px solid #222;
    background: #FFE2BF;
    border-radius: 3px;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
label.simple_checkbox:hover:before{
    background: #FFBC6B;
}
label.simple_checkbox.success:before{
    background: #78C297;
}
label.simple_checkbox.error:before{
    background: red;
}
label.simple_checkbox.disabled {
    pointer-events: none;
}

.game_labels p {
    color: #212329;
    line-height: 1.2;
    font-weight: bold;
    font-family: 'Calibri', sans-serif;
    font-size: 18px;
}

.game_labels .table{
    margin-bottom: 35px;
}

/*game_axes*/

.game_axes{
    position: relative;
    padding: 25px 50px;
}

.game_axes .ax{
    width: 100%;
    position: relative;
    z-index: 2;
}

.game_axes .ax::before{
    content: " ";
    display: block;
    position: absolute;
    z-index: 1;
    top: 100%;
    left: 0;
    height: 5px;
    width: 100%;
    background: #1A1E25;
}
.game_axes .ax::after{
    content: " ";
    display: inline-block;
    position: absolute;
    z-index: 1;
    top: 100%;
    right: 0;
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 15px solid #1A1E25;
    margin: -12px -10px 0 0;
}

.game_axes .ax h5 {
    font-size: 30px;
    font-family: 'Calibri', sans-serif;
    color: #212329;
    padding: 10px 0 38px 0;
    margin: 0;
    position: relative;
    z-index: 6;
}

.game_axes .ax h5::before{
    content: " ";
    display: inline-block;
    position: absolute;
    z-index: 5;
    bottom: 10px;
    left: 50%;
    width: 25px;
    height: 25px;
    background: #fff;
    border: 3px solid rgba(59,127,228, .5);
    border-radius: 100%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.15);
}

.game_axes .ax h5::after{
    content: " ";
    display: inline-block;
    position: absolute;
    z-index: 4;
    bottom: 4px;
    left: 50%;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid rgba(59,127,228, .9);
    margin: 0;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.game_axes .ax > *,
.game_axes .cols > *{
    width: 25%;
}

.game_axes .col{
    padding: 10px 5px;
}


.ax_elements{
    margin-top: 160px;
}
/*game_axes*/


/*game_response*/

.game_response{
    position: relative;
    min-height: 474px;
    padding: 22px 40px;
    background: url("../images/druta/povara-bg.jpg") center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}
.game_response.gradient{
    background-image: radial-gradient(#eee, rgba(91,97,149, .9));
}

.gradient_blue{
    background-image: radial-gradient(#eee, rgba(91,97,149, .9));
}

.game_response .head_questions,
.game_poetry .head_questions,
.game_versus .head_questions {
    position: relative;
    margin-bottom: 30px;
    text-align: center;
}

.game_response .head_questions > div,
.game_poetry .head_questions > div,
.game_versus .head_questions > div{
    padding: 10px 30px;
    max-width: 455px;
    border-radius: 8px;
    background: #6D788A;
    border: 2px solid #46668E;
    color: #fff;
    display: none;
    min-height: 89px;
    margin: 0 auto;
}
.game_response .head_questions > div.active,
.game_poetry .head_questions > div.active,
.game_versus .head_questions > div.active{
    display: table;
}
.game_response .head_questions > div p,
.game_versus .head_questions > div p{
    font-size: 18px;
    color: #fff;
    line-height: 1.4;
    display: table-cell;
    vertical-align: middle;
}

.game_response .options .opt{
    padding: 10px 20px;
    border-radius: 8px;
    border: 1px solid #111;
    background: #8881BD;
    position: relative;
    cursor: pointer;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    font-size: 15px;
    line-height: 1.2;
    color: #000;
    text-align: center;
    font-weight: bold;
    margin-bottom: 15px;
}
.game_response .options .opt:hover{
    opacity: .8;
}
.game_response .options .opt.disabled{
    pointer-events: none;
}

.game_response .options .opt.success{
    background: #3BB778;
}
.game_response .options .opt.error{
    background: red;
}
/*game_response*/


/*game_restory*/

.game_restory{
    position: relative;
    padding: 20px 40px;
}

.game_restory .hd{
    display: block;
    margin: 15px auto;
    padding: 10px 50px;
    border-radius: 8px;
    background: #6D788A;
    color: #fff;
    font-size: 18px;
    line-height: 1.3;
    border: 2px solid #46668E;
    text-align: center;
}

.hc_row{
    position: relative;
}

.hc_row > div:first-child{
    width: 60px;
}
.hc_row .number{
    height: 42px;
    width: 42px;
    font-size: 28px;
    line-height: 1;
    text-align: center;
    background: rgba(255,255,255, .7);
    border-radius: 100%;
    border: 1px solid #46668E;
    margin-bottom: 8px;
}

/*game_restory*/



/*game_quest*/

.game_quest{
    position: relative;
}

.game_quest .inside{
    min-height: 474px;
    padding: 20px;
    background: url("../images/druta/bg2.png") center center no-repeat;
}

.game_quest .options{
    position: relative;
    margin: 40px auto;
    max-width: 700px;
    text-align: center;
}

.game_quest .options .opt{
    position: relative;
    display: inline-block;
    padding: 18px 25px;
    border-radius: 10px;
    border: 0;
    min-width: 240px;
    font-size: 18px;
    color: #fff;
    line-height: 1.4;
    background: #5A58A4;
    cursor: pointer;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.game_quest .options .opt:hover{
    opacity: .8;
}

.game_quest .options .opt.success{
    background: #00B562;
}
.game_quest .options .opt.error{
    background: red;
}

.game_quest .options .opt.disabled{
    pointer-events: none;
}
.game_quest .options .opt:not(.success).disabled{
    opacity: .4;
}

.game_quest .quest{
    max-width: 600px;
    margin: 50px auto 0 auto;
}
.game_quest .quest .qq{
    display: inline-block;
    padding: 30px 45px;
    border-radius: 10px;
    border: 3px solid #46668E;
    min-width: 550px;
    font-size: 22px;
    color: #fff;
    line-height: 1.4;
    background: #897766;
    text-align: center;
}

/*game_quest*/


.game_symbols{
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.game_symbols .inside{
    background: url("../images/vieru/bg1.jpg") center no-repeat fixed;
    min-height: 474px;
    padding: 20px;
    font-size: 16px;
    color: #2e3c58;
    font-family: 'Calibri', sans-serif;
    font-weight: bold;
}

.game_symbols .table.one_row{
    margin: 0 auto 5px auto;
    #max-width: 700px;
}

.game_symbols .table.one_row > *{
    width: 150px;
}

.game_symbols .table.one_row > div:first-child{
    width: 180px;
    text-align: right;
    padding-right: 10px;
}

.game_symbols .table.one_row .point{
    width: 140px;
    height: 20px;
    background: #f3f3f3;
    border-radius: 5px;
    cursor: pointer;
    border: 1px solid #222;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}

.game_symbols .table.one_row .hh{
    display: inline-block;
    padding: 3px 5px;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    line-height: 1;
    border-radius: 8px;
}
.game_symbols .table.one_row:hover .hh{
    background: #fff;
}

.game_symbols .table.one_row .point:hover{
    background: #fff;
}

.game_symbols .table.one_row .point.success{
    background: rgba(63,177,113, .5);
    color: #fff;
}
.game_symbols .table.one_row .point.error{
    background: rgba(255,0,0, .5);
    color: #fff;
}
.game_symbols .table.one_row .point.disabled{
    pointer-events: none;
}

.m1_lex{
    position: relative;
    background: url("../images/m1/lexematic.png") center top no-repeat;
    width: 1038px;
    margin: 50px auto;
    min-height: 896px;
}

.m1_lex .inside{
    padding-top: 180px;
    font-size: 16px;
    color: #000;
}

.m1_lex .cols > *{
    padding: 0 75px;
    float: left;
}
.m1_lex .cols > div:first-child{
    width: 320px;
}
.m1_lex .cols > div:nth-child(2){
    width: 390px;
}
.m1_lex .cols > div:nth-child(2){
    padding: 0 106px;
}
.m1_lex .cols > div:last-child{
    width: 320px;
}
.m1_lex .cols > div:last-child{
    padding: 0 85px;
}

.m1_lex .inside p:first-child{
    min-height: 170px;
    margin-top: 80px;
    line-height: 1.2;
}

/*game dropt*/

.game_dropt{
    position: relative;
    background: #14182E url("../images/modul1/star-bg.jpg") 0 0 no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    width: 1148px;
    margin: 50px auto;
    min-height: 759px;
    color: #fff;
    font-size: 16px;
}
.game_dropt .inside{
    padding: 20px 50px;
}
.game_dropt .left_side{
    width: 20%;
    padding-right: 30px;
}
.game_dropt .g_task p{
    font-size: 18px;
    padding: 20px;
    text-align: center;
    color: #fff;
}
.game_dropt .descriptions{
    line-height: 38px;
}

.game_dropt .results{
    display: table;
    margin: 30px auto 0 auto;
    border-top: 2px solid #fff;
    padding: 15px 40px;
    font-size: 20px;
    font-weight: 700;
}

.game_dropt .drop_select{
    display: block;
    text-align: center;
    margin-bottom: 8px;
}

/*game dropt*/

.gray_star_bg{
    background: url("../images/m1/star.png") center top no-repeat;
    min-height: 102px;
    padding: 30px 0;
    line-height: 1;
    font-size: 16px;
    text-align: center;
}

.game_drag_author{
    position: relative;
    padding: 15px 40px;
}

.game_drag_author .say{
    position: relative;
    z-index: 1;
    width: 250px;
    height: 250px;
}
.game_drag_author .say .who{
    position: relative;
    z-index: 4;
    background: rgba(255,255,255, 1);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    text-align: center;
    border: 3px solid #68859F;
    width: 250px;
    height: 250px;
    border-radius: 100%;
    cursor: move;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.game_drag_author .say .draggable {
    position: absolute;
    top: -20px;
    left: 10px;
}
.game_drag_author .say .draggable:nth-child(2){
    bottom: -40px;
    top: unset;
    left: 26%;
}
.game_drag_author .say .draggable:nth-child(3){
    bottom: 120px;
    top: unset;
    left: 52%;
}

.game_drag_author .place{
    border: 3px dashed #019FDA;
    background: #fff;
    width: 93px;
    height: 118px;
}

.game_drag_author .say .who.active{
    border: 3px dashed #019FDA;
    -webkit-animation: halfFade .6s infinite linear;
    -moz-animation: halfFade .6s infinite linear;
    animation: halfFade .6s infinite linear;
}

.game_drag_author .say::before{
    content: " ";
    display: inline-block;
    position: absolute;
    z-index: -1;
    top: 50%;
    left: -30px;
    width: 0;
    height: 0;
    border-top: 40px solid transparent;
    border-bottom: 40px solid transparent;
    border-right: 40px solid #68859F;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.game_drag_author .gd_row{
    padding: 10px;
    border: 1px solid #019FDA;
    border-radius: 8px;
    background: #f9f9f9;
    min-height: 123px;
}
.game_drag_author .gd_row:not(:last-child){
    margin-bottom: 10px;
}
.game_drag_author .gd_row > div:first-child{
    width: 95px;
    padding-right: 15px;
}
.game_drag_author .gd_row p{
    font-size: 16px;
    line-height: 1.3;
}

.game_drag_author .target{
    margin-top: 80px;
}

.game_drag_author .draggable{
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: move;
    border: 2px dashed #019FDA;
    border-radius: 3px;
    padding: 5px;
    background: #fff;
    z-index: 99;
    width: 93px;
    height: 118px;
}
.game_drag_author .draggable:hover{
    opacity: .85;
}
.game_drag_author .draggable > *{
    pointer-events: none;
}

.game_drag_author .draggable.disabled{
    pointer-events: none;
}
.game_drag_author .draggable.success{
    background: #02CC80;
    color: #fff;
    border-color: transparent;
}
.game_drag_author .draggable.error{
    background: red;
    color: #fff;
    border-color: transparent;
}

.bio_link{
    display: inline-block;
    padding: 5px 0;
    border-bottom: 2px dashed #024690;
    cursor: pointer;
}

.game_hobby{
    position: relative;
    background: url("../images/universalitate/eliade-task1.jpg") center center no-repeat;
    height: 474px;
    text-align: center;
}

.game_hobby > div{
    position: relative;
    padding: 40px;
    max-width: 750px;
    margin: 0 auto;
}

.game_hobby h3{
    color: #212329;
    font-family: Calibri, sans-serif;
    font-size: 18px;
    line-height: 2;
    padding: 30px 0;
    margin: 0;
}

.game_hobby .vr{
    display: block;
    border: 2px solid #0075A3;
    padding: 10px;
    margin-bottom: 15px;
    font-size: 20px;
    color: #212329;
    font-family: Calibri, sans-serif;
    line-height: 1.2;
    font-weight: bold;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    background: transparent;
}
.game_hobby .vr:hover{
    background: #024690;
    border-color: #024690;
    color: #fff;
}

.game_hobby .vr.success{
    background: #3FB171;
    border-color: #3FB171;
    color: #fff;
}
.game_hobby .vr.error{
    background: red;
    border-color: red;
    color: #fff;
}
.game_hobby .vr.disabled{
    pointer-events: none;
}

.game_hex{
    position: relative;
    z-index: 1;
    height: 474px;
}
.game_hex .inside{
    background: url("../images/universalitate/romb-final.png") 0 0 no-repeat;
    width: 241px;
    height: 278px;
    text-align: center;
    margin: 100px auto 0 auto;
    padding: 0 8px;
}
.game_hex .inside p{
    margin: 0 0 10px 0;
    line-height: 1.3;
    font-family: 'Calibri', sans-serif;
    font-size: 18px;
    font-weight: 700;
}
.game_hex .inside p:last-child{
    margin-bottom: 0;
    padding-right: 15px;
}

.game_hex .inside p{
    display: none;
    -webkit-animation: fade 3s linear;
    -moz-animation: fade 3s linear;
    animation: fade 3s linear;
}
.game_hex .inside.active p{
    display: block;
}

.game_hex .inside > div{
    padding: 30px 5px;
}

.game_hex .hex_romb{
    position: absolute;
    z-index: 3;
    background: url("../images/universalitate/romb-left.png") center center no-repeat;
    width: 153px;
    height: 176px;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
    margin: 0;
    padding: 5px 10px;
}
.game_hex .hex_romb.right{
    background: url("../images/universalitate/romb-rght.png") center center no-repeat;
}

.game_hex .hex_romb p{
    color: #212329;
    font-family: Calibri, sans-serif;
    font-size: 14px;
    line-height: 1.4;
    margin: 0;
}
.game_hex .hex_romb.h1{
    top: 30px;
    left: 450px;
}
.game_hex .hex_romb.h2{
    top: 153px;
    left: 360px;
}
.game_hex .hex_romb.h3{
    top: 276px;
    left: 450px;
}
.game_hex .hex_romb.h4{
    top: 30px;
    right: 450px;
}
.game_hex .hex_romb.h5{
    top: 153px;
    right: 360px;
}
.game_hex .hex_romb.h6{
    top: 276px;
    right: 445px;
}

.game_hex .left_variants{
    position: absolute;
    top: 120px;
    left: 50px;
    width: 130px;
}
.game_hex .right_variants{
    position: absolute;
    top: 120px;
    right: 50px;
    width: 130px;
}
.game_hex .ns_hex.recept{
    position: absolute;
    z-index: 2;
    width: 122px;
    height: 76px;
}
.game_hex .ns_hex.rc1{
    top: 79px;
    left: 336px;
}
.game_hex .ns_hex.rc2{
    top: 202px;
    left: 246px;
}
.game_hex .ns_hex.rc3{
    top: 326px;
    left: 336px;
}
.game_hex .ns_hex.rc4{
    top: 79px;
    right: 336px;
}
.game_hex .ns_hex.rc5{
    top: 202px;
    right: 246px;
}
.game_hex .ns_hex.rc6{
    top: 326px;
    right: 330px;
}

.game_hex .hex_romb.move,
.game_hex .ns_hex.recept.move{
    -webkit-transform: translateX(-150px);
    -moz-transform: translateX(-150px);
    -ms-transform: translateX(-150px);
    -o-transform: translateX(-150px);
    transform: translateX(-150px);
}
.game_hex .hex_romb.right.move,
.game_hex .ns_hex.recept.right.move {
    -webkit-transform: translateX(150px);
    -moz-transform: translateX(150px);
    -ms-transform: translateX(150px);
    -o-transform: translateX(150px);
    transform: translateX(150px);
}

.game_chose_box{
    position: relative;
    padding: 40px 100px;
    text-align: center;
}
.game_chose_box .inside{
    max-width: 900px;
    margin: 40px auto;
}
.game_chose_box h3{
    color: #212329;
    font-size: 18px;
    line-height: 1.2;
    font-family: Calibri, sans-serif;
    font-weight: bold;
    font-style: italic;
    padding: 3px;
    margin: 0;
}

.game_chose_box table{
    width: 100%;
}
.game_chose_box table tr:nth-child(odd){
    background: #F4BA8E;
}
.game_chose_box table tr:nth-child(even){
    background: #FFD2AF;
}
.game_chose_box table tr td{
    vertical-align: middle;
    font-size: 14px;
    color: #212329;
    font-family: Calibri, sans-serif;
    font-weight: 400;
}
.game_chose_box table tr th,
.game_chose_box table tr td{
    padding: 10px;
    border: 1px solid #E5E7E8;
}
.game_chose_box table h4{
    margin: 0;
    font-size: 14px;
    color: #212329;
    font-family: Calibri, sans-serif;
    font-weight: 600;
    text-transform: uppercase;
}
.game_chose_box table p{
    font-size: 14px;
    color: #212329;
    font-family: Calibri, sans-serif;
    font-weight: 400;
    margin: 0;
}
.game_chose_box table tr > td:first-child{
    width: 28%;
}
.game_chose_box table .closed_item:hover{
    background: #E7B086;
    cursor: pointer;
}
.game_chose_box table .options{
    position: relative;
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
}
.game_chose_box table tr td.active.success .options{
    opacity: 1;
    pointer-events: unset;
}
.game_chose_box table tr td.success{
    background: #BDECC2!important;
}
.game_chose_box table tr td.error{
    background: #FF7A7E!important;
}
.game_chose_box table tr td.disabled{
    pointer-events: none;
}

.game_chose_box table .options .option{
    background: transparent;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: bold;
    text-transform: uppercase;
    padding: 10px 5px;
    cursor: pointer;
}
.game_chose_box table .options .option:hover{
    background: #eee;
}

.game_chose_box table .options .option.success.active{
    background: #42B27C;
    color: #fff;
}
.game_chose_box table .options .option.error.active{
    background: #FF7A7E;
    color: #fff;
}
.game_chose_box table .options .option.disabled{
    pointer-events: none;
}

.game_poetry{
    min-height: 474px;
}
.game_poetry .inside{
    padding: 40px 50px;
}

.game_poetry .text {
    font-family: Calibri, sans-serif;
    font-size: 15px;
    line-height: 1;
}
.game_poetry .text span{
    display: inline-block;
    border-radius: 3px;
    background: #fff;
    padding:  3px 5px;
    margin-bottom: 4px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    border: 2px solid #fff;
}
.game_poetry .text span:hover{
    background: #ddd;
}
.game_poetry .text span.success{
    border-color: #42B27C;
}
.game_poetry .text span.error{
    border-color: #FF7A7E;
}
.game_poetry .text span.disabled{
    pointer-events: none;
}

.game_versus{
    min-height: 474px;
}
.game_versus .inside{
    padding: 40px 50px;
}

.game_versus .text {
    font-family: Calibri, sans-serif;
    font-size: 15px;
    line-height: 1;
}
.game_versus .text span{
    display: inline-block;
    border-radius: 3px;
    background: #fff;
    padding:  3px 5px;
    margin-bottom: 4px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    border: 2px solid #fff;
}
.game_versus .text span:hover{
    background: #ddd;
}
.game_versus .text span.success{
    border-color: #42B27C;
    background: #42B27C;
    color: #fff;
}
.game_versus .text span.error{
    border-color: #FF7A7E;
    background: #FF7A7E;
    color: #fff;
}
.game_versus .text span.disabled{
    pointer-events: none;
}

/*end*/

table.light{
    border-collapse: collapse;
}
table.light th,
table.light td {
    padding: 15px 10px;
    border: 1px solid #111;
}

.infoboxes{
    position: relative;
    margin: 10px 0;
}
.infoboxes h2{
    position: relative;
    text-align: center;
    line-height: 1;
    padding: 30px 0;
    font-size: 40px;
    color: #111;
}
.infoboxes .boxes{
    position: relative;
    margin-top: 30px;
}
.infoboxes .boxes .element{
    background: #fff;
    border-radius: 5px;
    padding: 20px 15px;
    font-size: 16px;
    line-height: 1.5;
    min-height: 350px;
    -webkit-box-shadow: rgba(0,0,0, .2) 0 0 15px 1px;
    -moz-box-shadow: rgba(0,0,0, .2) 0 0 15px 1px;
    box-shadow: rgba(0,0,0, .2) 0 0 15px 1px;
    border: 2px solid #3B7FE4;
}
.infoboxes .boxes .element h3{
    text-align: center;
    padding: 10px 10px 50px 10px;
    font-size: 24px;
    background: url("../images/h-separator.png") center 100% no-repeat;
}
.infoboxes .boxes .element ul li{
    margin-bottom: 5px;
    list-style: square;
}

.animated.fade{
    -webkit-animation: fade 1s linear;
    -moz-animation: fade 1s linear;
    animation: fade 1s linear;
}

.sitemap_boxes{
    position: relative;
    padding: 40px;
}
.sitemap_boxes .sb{
    display: block;
    position: relative;
    padding: 35px;
    background: #3B7FE4;
    border: 2px solid #fff;
    border-radius: 15px;
    margin-bottom: 15px;
    box-shadow: rgba(0,0,0, .3) 1px 3px 5px 0;
}
.sitemap_boxes .sb h3{
    margin: 10px 0 30px 0;
    font-size: 30px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
}
.sitemap_boxes .sb h4{
    margin: 0 0 20px 0;
    font-size: 28px;
    font-weight: bold;
    color: #000;
}
.sitemap_boxes .sb p{
    font-size: 17px;
    line-height: 1.8;
    margin-top: 5px;
    color: #000;
}

.sitemap_boxes .sb a{
    color: #fff;
    display: inline-block;
    line-height: 1.4em;
}
.sitemap_boxes .sb a:hover{
    color: #111;
}




/*abut authors*/

.about_desc{
    position: relative;
    padding: 40px;
    background: #DEDDDB;
    color: #111;
    font-size: 18px;
}

.about_desc p,
.about_desc blockquote,
.about_desc ol,
.about_desc ul{
    color: #111;
    font-size: 16px;
    line-height: 1.5;
}


.about_desc .cv_box{
    position: relative;
    z-index: 1;
    margin-bottom: 30px;
    border: 1px solid #024690;
    background: #fff;
    border-radius: 5px;
    box-shadow: rgba(0,0,0, .3) 0 0 15px 1px;
    max-height: 400px;
    overflow: hidden;
    padding-bottom: 80px;
}
.about_desc .cv_box.open{
    max-height: unset;
}
.about_desc .cv_box .opener{
    position: absolute;
    z-index: 3;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 30px 0;
    background: #fff; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(rgba(255,255,255, .8), #fff); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(rgba(255,255,255, .8), #fff); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(rgba(255,255,255, .8), #fff); /* For Firefox 3.6 to 15 */
    background: linear-gradient(rgba(255,255,255, .8), #fff); /* Standard syntax */
    text-align: center;
}
.about_desc .cv_box .opener,
.about_desc .cv_box .opener a{
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.about_desc .cv_box .opener a{
    display: inline-block;
    padding: 10px 35px;
    border-radius: 30px;
    background: #3B7FE4;
    color: #fff;
    text-decoration: none;
    font-size: 13px;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-left: 205px;
}

.about_desc .cv_box .opener a span:first-child{
    display: inline-block;
}

.about_desc .cv_box .opener a span:last-child{
    display: none;
}

.about_desc .cv_box.open .opener a span:last-child{
    display: inline-block;
}
.about_desc .cv_box.open .opener a span:first-child{
    display: none;
}
.about_desc .cv_box.open .opener a i{
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.about_desc .cv_box .cv_image{
    width: 200px;
    padding: 10px;
}
.about_desc .cv_box .cv_image img{
    border-radius: 5px;
    box-shadow: rgba(0,0,0, .3) 3px 4px 10px 0;
}
.about_desc .cv_box .cv_entry {
    padding: 15px 20px;
    position: relative;
}
.about_desc .cv_box .cv_entry h3 {
    text-align: center;
    font-family: 'Allura', sans-serif;
    font-size: 40px;
}
.about_desc .cv_box .cv_entry p {}

.about_desc .cv_box .cv_short_title {
    margin: 20px 0;
}

.about_desc .cv_divider {
    background: url("../images/h-separator.png") 50% 50% no-repeat;
    padding: 20px 0;
}

.about_desc .cv_heading{
    padding: 30px 0;
    text-align: center;
    font-size: 30px;
    line-height: 1.2;
}
.about_desc .cv_heading h2{
    font-family: 'Caudex', serif;
    font-size: 30px;
    text-transform: uppercase;
}

/*abut authors*/


/*animations*/

@keyframes rise {
    0%{
        bottom: 0;
    }
    100%{
        bottom: 100%;
    }
}
@-moz-keyframes rise {
    0%{
        opacity: 0;
        bottom: 0;
    }
    100%{
        opacity: 1;
        bottom: 100%;
    }
}


@keyframes fadeInOut {
    0%{
        opacity: 0;
    }
    50%{
        opacity: 1;
    }
    100%{
        opacity: 0;
    }
}
@-moz-keyframes fadeInOut {
    0%{
        opacity: 0;
    }
    50%{
        opacity: 1;
    }
    100%{
        opacity: 0;
    }
}

@keyframes pulseOut {
    0%{
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
    50%{
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(.6);
    }
    100%{
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}
@-moz-keyframes pulseOut {
    0%{
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
    50%{
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(.6);
    }
    100%{
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes fade {
    0%{
        -webkit-opacity: 0;
        -moz-opacity: 0;
        opacity: 0;
    }
    100%{
        -webkit-opacity: 1;
        -moz-opacity: 1;
        opacity: 1;
    }
}
@keyframes fade {
    0%{
        -webkit-opacity: 0;
        -moz-opacity: 0;
        opacity: 0;
    }
    100%{
        -webkit-opacity: 1;
        -moz-opacity: 1;
        opacity: 1;
    }
}
@-moz-keyframes fade {
    0%{
        -webkit-opacity: 0;
        -moz-opacity: 0;
        opacity: 0;
    }
    100%{
        -webkit-opacity: 1;
        -moz-opacity: 1;
        opacity: 1;
    }
}

@-webkit-keyframes halfFade {
    0%{
        -webkit-opacity: .5;
        -moz-opacity: .5;
        opacity: .5;
    }
    50%{
        -webkit-opacity: 1;
        -moz-opacity: 1;
        opacity: 1;
    }
    100%{
        -webkit-opacity: .5;
        -moz-opacity: .5;
        opacity: .5;
    }
}
@keyframes halfFade {
    0%{
        -webkit-opacity: .5;
        -moz-opacity: .5;
        opacity: .5;
    }
    50%{
        -webkit-opacity: 1;
        -moz-opacity: 1;
        opacity: 1;
    }
    100%{
        -webkit-opacity: .5;
        -moz-opacity: .5;
        opacity: .5;
    }
}
@-moz-keyframes halfFade {
    0%{
        -webkit-opacity: .5;
        -moz-opacity: .5;
        opacity: .5;
    }
    50%{
        -webkit-opacity: 1;
        -moz-opacity: 1;
        opacity: 1;
    }
    100%{
        -webkit-opacity: .5;
        -moz-opacity: .5;
        opacity: .5;
    }
}

@media (max-width: 1300px){
    .table.parts > div:not(:first-child) .item{
        margin-left: 5px!important;
    }
}