/*
------------------------------ CSS DOCUMENT ------------------------------

 1.BASE STYLING
 2.HEADER
 3.FOOTER STYLING
*/

@import "uikit.min.css";
@import "fonts.css";
@import "animate.css";
@import "magnific-popup.css";
@import "owl/owl.carousel.min.css";
@import "custom-animations.css";
@import "main2.css";
@import "custom-scrollbar.css";

a, a:hover{
    text-decoration: none;
}

.uk-container{
    margin: 0 auto;
}
/*
------------------------------ 1.BASE STYLING --------------------------------
*/

.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px !important;}
.mt35{margin-top:35px;}
.mt40{margin-top:40px;}
.mt45{margin-top:45px;}
.mt50{margin-top:50px;}
.mt55{margin-top:55px;}
.mt60{margin-top:60px;}
.mt65{margin-top:65px;}
.mt70{margin-top:70px;}
.mt75{margin-top:75px;}
.mt80{margin-top:80px;}
.mt85{margin-top:85px;}
.mt90{margin-top:90px !important}
.margin-auto {
    margin: 0 auto;
}
.float-none{
    float: none !important;
}
.mb0{margin-bottom:0;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.mb35{margin-bottom:35px;}
.mb40{margin-bottom:40px;}
.mb45{margin-bottom:45px;}
.mb50{margin-bottom:50px;}
.mb55{margin-bottom:55px;}
.mb60{margin-bottom:60px;}
.mb65{margin-bottom:65px;}
.mb70{margin-bottom:70px;}
.mb75{margin-bottom:75px;}
.mb80{margin-bottom:80px;}
.mb85{margin-bottom:85px;}
.mb90{margin-bottom:90px;}


.ml30{margin-left: 30px}
.ml20{margin-left: 20px}
.ml60{margin-left: 60px}
.mr30{margin-right: 30px}
.mr60{margin-right: 60px}


.pt0{padding-top:0 !important}
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt25{padding-top:25px;}
.pt30{padding-top:30px;}
.pt35{padding-top:35px;}
.pt40{padding-top:40px;}
.pt45{padding-top:45px;}
.pt50{padding-top:50px;}
.pt55{padding-top:55px;}
.pt60{padding-top:60px;}
.pt65{padding-top:65px;}
.pt70{padding-top:70px;}
.pt75{padding-top:75px;}
.pt80{padding-top:80px;}
.pt85{padding-top:85px;}
.pt90{padding-top:90px;}

.pb0{padding-bottom: 0 !important}
.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb25{padding-bottom:25px;}
.pb30{padding-bottom:30px;}
.pb35{padding-bottom:35px;}
.pb40{padding-bottom:40px;}
.pb45{padding-bottom:45px;}
.pb50{padding-bottom:50px;}
.pb55{padding-bottom:55px;}
.pb60{padding-bottom:60px;}
.pb65{padding-bottom:65px;}
.pb70{padding-bottom:70px;}
.pb75{padding-bottom:75px;}
.pb80{padding-bottom:80px;}
.pb85{padding-bottom:85px;}
.pb90{padding-bottom:90px;}

.pr15{
    padding-right: 15px!important;
}
.minus70{
    margin-top: -70px;
}

.padding-20{
    padding: 20px;
}

.padding-0-20{
    padding: 0px 20px;
}
.pl5{padding-left: 5px!important}
.pl10{padding-left: 10px!important}
.pl15{padding-left: 15px!important}
.pl20{padding-left: 20px!important}
.pl25{padding-left: 25px!important}
.pl30{padding-left: 30px!important}
.pl35{padding-left: 35px!important}
.pl40{padding-left: 40px!important}
.pl45{padding-left: 45px!important}
.pl50{padding-left: 50px!important}
.pl55{padding-left: 55px!important}
.pl60{padding-left: 60px!important}
.pl65{padding-left: 65px!important}
.pl70{padding-left: 70px!important}
.pl75{padding-left: 75px!important}
.pl80{padding-left: 80px!important}
.pl85{padding-left: 85px!important}
.pl90{padding-left: 90px!important}

.p-relative{
    position: relative;
}
.font-size-36{
    font-size: 36px;
}
.font_allura{
    font-family: 'Allura', sans-serif!important;
}
.font-miama{
    font-family: 'Allura', cursive;
}
.text-align-normal{
    text-align: left;
}
.text-align-right{
    text-align: right;
}
.pull-left{
    float: left;
}
.pull-right{
    float: right;
}
.padding-right-20{
    padding-right: 20px;
}
.padding-40-0{
    padding: 40px 0 !important;
}
.padding-0-100{
    padding: 0 100px;
}
.padding-0-130{
    padding: 0 130px;
}
.padding-top-40{
    padding-top: 40px;
}
.padding-top-50{
    padding-top: 50px;
}
.padding-top-25{
    padding-top: 25px;
}
.padding-l-80{
    padding-left: 80px !important;
}
.padding-r-80{
    padding-right: 80px !important;
}
.padding-0{
    padding: 0 !important;
}
.margin-20{
    margin: 20px !important;
}

.margin-top20{
    margin-top: 20px;
}

a.red{
    color: red!important;
    text-decoration: none;
}

.margin-0-50{
    margin: 0 50px;
}
.font-size-14{
    font-size: 14px;
}
.text-bold{
    font-weight: bold;
}
.text-italic{
    font-style: italic;
}
.text-underline{
    text-decoration: underline!important;
}
.underline{
    border-bottom: 1px solid #111;
}
.gold-border{
    border: 2px solid #b69327;
    position: relative;
}
.gold-border .badge{
    position: relative;
    top: -25px;
    background: #EAE9E7;
    border: 2px solid #b69327;
    display: table;
    margin: 0 auto;
    max-width: 980px;
    padding: 10px 30px;
}
.gold-border .badge.round{
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    font-size: 17px;
}
.fishes_game{
    position: relative;
}
.ludo_lines{
    height: 120px;
    position: relative;
}
.ludo_lines::before, .ludo_lines::after{
    content: " ";
    display: block;
    position: absolute;
    z-index: -1;
    left: 0;
    width: 100%;
    height: 9px;
    background: url("../images/modul4/ludoline.png") 0 0 repeat-x;
}
.ludo_lines::before{
    top:0;
}
.ludo_lines::after{
    bottom: 0;
}
.ludo_lines .final{
    position: absolute;
    top:0;
    left: -200%;
    background: url("../images/modul4/final-bg.jpg") 0 0 no-repeat;
    width: 919px;
    height: 181px;
    display: table;
    margin: -35px 0 0 -459px;
    -webkit-transition: all 2s;
    -moz-transition: all 2s;
    -ms-transition: all 2s;
    -o-transition: all 2s;
    transition: all 2s;
}
.ludo_lines.active .final{
    left: 50%;
}
.ll_wrapper{
    padding: 50px 0;
    overflow: hidden;
}
.ludo_lines .words{
    -webkit-transition: all 2s;
    -moz-transition: all 2s;
    -ms-transition: all 2s;
    -o-transition: all 2s;
    transition: all 2s;
}
.ludo_lines.active .words{
    -webkit-transform: translate(100%);
    -moz-transform: translate(100%);
    -ms-transform: translate(100%);
    -o-transform: translate(100%);
    transform: translate(100%);
}
.ludo_lines .final p{
    display: table-cell;
    vertical-align: middle;
    font-weight: 600;
    font-size: 16px;
    padding: 10px 50px;
    line-height: 1.6em;
    text-align: center;
}
.ludo_game .basein{
    background: url("../images/modul4/basein.png") 50% 50% no-repeat;
    height: 257px;
    position: relative;
}
.ludo_game .basein .bubble{
    display: block;
    background: #FFF;
    background: -moz-radial-gradient(center, ellipse cover, rgba(105, 171, 223, 0.2) 0%, #54a9ed 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(105, 171, 223, 0.2)), color-stop(100%, #54a9ed));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(105, 171, 223, 0.2) 0%, #54a9ed 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(105, 171, 223, 0.2) 0%, #54a9ed 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(105, 171, 223, 0.2) 0%, #54a9ed 100%);
    background: radial-gradient(ellipse at center, rgba(105, 171, 223, 0.2) 0%, #54a9ed 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3369abdf', endColorstr='#54a9ed',GradientType=1 );

    width: 50px;
    height: 50px;
    border-radius: 100%;
    position: absolute;
    left: 50%;
    margin-left: -25px;
    bottom: 10px;
    animation-name: bubbleFloat1;
    -webkit-animation-name: bubbleFloat1;
    -moz-animation-name: bubbleFloat1;
    -o-animation-name: bubbleFloat1;
    animation-duration: 5s;
    -webkit-animation-duration: 5s;
    -moz-animation-duration: 5s;
    -o-animation-duration: 5s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
}
.ludo_game .basein .bubble.left{
    left: 10%;
}
.ludo_game .basein .bubble.right{
    left: 89%;
}
.ludo_game .basein .bubble .glow{
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
    border-radius: 200px;
    animation-name: bluePulse;
    -webkit-animation-name: bluePulse;
    -moz-animation-name: bluePulse;
    -o-animation-name: bluePulse;
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    -o-animation-duration: 2s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
}

.arrow_drag{
    #border: 1px dashed #E5CF92;
}

#goTop{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #FCB124;
    position: fixed;
    bottom: 140px;
    right: 35px;
    display: none;
    z-index: 999;
}
#goTop.active{
    display: table;
}
#goTop span{
    border-radius: 50%;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 30px;
    cursor: pointer;
    color: #fff;
    box-shadow: rgba(0,0,0, .3) 0 0 5px;
}

em{
    color: inherit!important;
}
.uk-text-uppercase{
    text-transform: uppercase!important;
}
.red_text{
    color: red!important;
}

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none;   /* Chrome/Safari/Opera */
    -khtml-user-select: none;    /* Konqueror */
    -moz-user-select: none;      /* Firefox */
    -ms-user-select: none;       /* Internet Explorer/Edge */
    user-select: none;           /* Non-prefixed version, currently
                                  not supported by any browser */
}
.noselect *, .uk-nestable, .uk-nestable-item, .uk-nestable *{
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none;   /* Chrome/Safari/Opera */
    -khtml-user-select: none;    /* Konqueror */
    -moz-user-select: none;      /* Firefox */
    -ms-user-select: none;       /* Internet Explorer/Edge */
    user-select: none;
}

.uk-nestable, .uk-nestable-item, .uk-nestable *{
    cursor: move;
}

a{
    outline: none;
}
ul{
    list-style: none;
}
.uk-padding-remove{
    padding: 0!important;
}
body, h1, h2, h3, h4, h5{

}

body{
    background: #ECEBE9 url("../images/bg_pattern.jpg");
    font-family: "Caudex", serif;
}
.wrapper {
    position: relative;
    width: 1330px;
    margin-left: auto;
    margin-right: auto;
}

.wrapper:after {
    content: "";
    display: block;
}

.preloader{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 99999999999;
    display: none; /* table */
    text-align: center;
}
.preloader div{
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    font-size: 70px;
}
.preloader div p{
    padding: 5px;
    line-height: 2em;
    text-transform: uppercase;
    text-align: center;
}
.preloader div p span{
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
}

.drag_corespond_places{
    display: inline-block;
    float: left;
}

.container{
    max-width: 1200px;
    padding: 0 10px;
    margin-left: auto;
    margin-right: auto;
}
.btn{
    display: inline-block;
    outline: none;
    padding: 0;
    border: 0;
    cursor: pointer;
    color: #fff;
    text-decoration: none;
    position: relative;
    z-index: 2;
    text-transform: uppercase;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.btn:hover{
    text-decoration: none;
    color: #fff;
}

.way_btn{
    font-family: "Caudex", sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    text-decoration: none;
    color: #000;
    background: #bfaca1;
    border-radius: 30px;
    line-height: 34px;
    min-width: 176px;
    text-align: left;
    -webkit-box-shadow: inset 0 8px 21px rgba(9,4,0, 0.19);
    -moz-box-shadow: inset 0 8px 21px rgba(9,4,0, 0.19);
    box-shadow: inset 0 8px 21px rgba(9,4,0, 0.19);
}
.way_btn span{
    display: inline-block;
    border-radius: 30px;
    padding: 0 20px;
    margin-left: 3px;
    background: #DFD8D0 url("../images/pat1.jpg");
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    position: relative;
}
.way_btn:hover{
    text-decoration: none;
    color: #000;
}
.way_btn:hover span{
    margin-left: 59px;
}

/*
------------------------------ 2.HEADER ------------------------------
*/

#header{
    height: 92px;
    color: #fff;
    background: #FCB124;
}

#header a{
    color: #fff;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
#header a:hover{
    opacity: .75;
}

#header .inner{
    position: relative;
    height: 92px;
    overflow: hidden;
    background: #F3AA22;
}

.logo_box{
    position: relative;
    color: #fff;
    font-size: 18px;
    line-height: 1.2;
    padding: 20px 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;
}

/*
------------------------------ 2.HEADER ------------------------------
*/





/*
------------------------------ CONTENT ------------------------------
*/
.books{

}

.books .item{
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    position: relative;
    z-index: 1;
}
.books .item.book_art{
    text-align: center;
}
.books .item.book_art img{
    max-height: 392px;
}
.books .item a.card_coover{
    position: absolute;
    top:0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 6;
}
.books .item.book1{
    max-width: 270px;
    height: 392px;
    margin: 0 auto;
    background: url("../images/book1.png") no-repeat 0 0;
    background-size: 100% 100%;
}
.books .item.book1.gold.big{
    height: 410px;
}
.books .item.book1 .book_modules{
    display: block;
    list-style: none;
    padding: 0;
    margin: 70px 0 0 30px;
    #border: 1px solid red;
}
.books .item.book1 .book_modules li{
    display: inline-block;
    width: 175px;
    background: #bfaca1;
    border-radius: 30px;
    padding: 0;
    margin-top: 7px;
    -webkit-box-shadow: inset 0 8px 21px rgba(9,4,0, 0.19);
    -moz-box-shadow: inset 0 8px 21px rgba(9,4,0, 0.19);
    box-shadow: inset 0 8px 21px rgba(9,4,0, 0.19);
}
.books .item.book1 .book_modules li a {
    display: inline-block;
    width: 100%;
    min-height: 34px;
    height: auto;
    line-height: 34px;
    text-align: center;
    color: #000;
    font-size: 13px;
    text-decoration: none;
    border-radius: 30px;
    background: #DFD8D0 url("../images/pat1.jpg") top left repeat;
    background-size: cover;
    font-family: 'Caudex', serif;
    text-transform: uppercase;
    margin: 0 0 0 5px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    font-weight: bold;
}
.books .item.book1 .book_modules li a:hover{
    color: #000;
    text-decoration: none;
    margin-left: 45px;
}

.books .item.book2{
    width: 246px;
    height: 368px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    background: url("../images/book2.png") no-repeat 0 0;
    background-size: 100% 100%;
}
.books .item.book2 .book2_flipper{
    position: absolute;
    top: 3px;
    right: 4px;
    width: 176px;
    height: 368px;
    z-index: 3;
    background: url("../images/book_flip2.png") no-repeat 0 0;
    background-size: auto 368px;
}
.books .item.book2 .book2_timbru{
    position: absolute;
    top: -55px;
    left: -22px;
    width: 255px;
    height: 223px;
    background: url("../images/timbru.png") no-repeat 0 0;
    z-index: 2;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}
.books .item.book2 .book2_timbru .timbru_content{
    display: inline-block;
    transform: rotate(-25deg) skew(0deg);
    -moz-transform: rotate(-25deg) skew(0deg);
    -o-transform: rotate(-25deg) skew(0deg);
    -webkit-transform: rotate(-25deg) skew(0deg);
    -ms-transform: rotate(-25deg) skew(0deg);
    margin: 65px 0 0 46px;
}
.books .item.book2:hover .book2_timbru{
    margin-top: -15px;
    margin-left: -7px;
}
.books .item.book2 .book2_timbru .timbru_content span{
    font-family: 'Allura', cursive;
    font-size: 26px;
    text-decoration: none;
    line-height: 1.1em;
    display: block;
}

.books .owl-carousel .owl-item img{
    display: inline-block;
    width: auto;
}

.books .custom_tab.ct_skin1{
    padding: 0;
    position: relative;
    text-align: center;
}
.books .custom_tab_content.ct_skin1{
    padding: 20px;
    background: #DCD4CD url("../images/pat1.jpg");
    min-height: 200px;
}
.books .custom_tab_content.ct_skin1 div{

}
.books .custom_tab_content.ct_skin1 div:not(.active) {
    display: none;
}


.books .custom_tab.ct_skin1 a{
    display: inline-block;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    padding: 10px;
    background: #BFACA1;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.books .custom_tab.ct_skin1 a img{
    -webkit-animation: pulse 1s infinite;
    -moz-animation: pulse 1s infinite;
    animation: pulse 1s infinite;
    width: 55px;
}
.books .custom_tab.ct_skin1 a:not(:last-child){
    margin-right: 35px;
}
.books .custom_tab.ct_skin1.small a:not(:last-child){
    margin-right: 0!important;
}
.books .custom_tab.ct_skin1 a:hover, .books .custom_tab.ct_skin1 a.active{
    background: #DCD4CD url("../images/pat1.jpg");
}

.books .item.book3{
    max-width: 280px;
    height: 360px;
    background: url("../images/book5.png") no-repeat 50% 0;
    background-size: 100% 100%;
    position: relative;
    right: -10px;
}
.books .item.book3 h2{
    font-family: 'Allura', cursive;
    text-align: center;
    padding-top: 20px;
    position: relative;
    max-width: 200px;
    margin: 0 auto;
}
.books .item.book3 h2 span{
    display: block;
    line-height: 1em;
    padding: 0;
    margin: 0;
}
.books .item.book3 h2 span:first-child{
    font-size: 34px;
    color: #51301C;
    float: left;
}
.books .item.book3 h2 span:last-child{
    font-size: 38px;
    color: #000;
    float: right;
    margin-top: -20px;
}
.books .item.book3 .book_ctn_bottom{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 0;
    height: 258px;
    overflow: hidden;
    text-align: center;
}
.books .item.book3 .book_ctn_bottom p{
    font-family: 'Caudex', serif;
    font-size: 18px;
    line-height: 1.5em;
}
.books .item.book3 .book_ctn_bottom > p span{
    font-size: 14px;
    display: block;
}

.books .item.book3 .book_ctn_bottom .btn{
    margin-top: 20px;
}

.books .item.book4{
    max-width: 280px;
    height: 345px;
    margin: 0 auto;
    background: url("../images/book4.png") no-repeat 0 0;
    background-size: 100% 100%;
}

.books .item.book4 p{
    line-height: 1em;
    font-weight: 600;
    text-align: left;
}

.books .item.book4 p span{
    display: block;
}
.books .item.book4 p span:nth-child(1){
    margin-top: 40px;
    margin-left: 58px;
}
.books .item.book4 p span:nth-child(2){
    margin-top: 0;
    margin-left: 58px;
}
.books .item.book4 p span:nth-child(3){
    margin-top: 0;
    margin-left: 73px;
}
.books .item.book4 .item_text_bottom{
    position: absolute;
    bottom: 0;
    left: 0;
    #width: 100%;
    #height: 70px;
    padding: 0 0 30px 25px;
    text-align: left;
}
.books .item.book4 .item_text_bottom h4{
    margin: 15px 0 0 0;
    font-family: 'Caudex', serif;
    font-size: 13px;
    color: #000;
    font-weight: 600;
    text-transform: uppercase;
}
.books .item.book4 .item_text_bottom h4 > span{
    font-size: 14px;
    font-weight: 900;
}
.books .item.book4 .item_text_bottom p{
    margin: 0;
    font-family: 'Caudex', serif;
    font-size: 18px;
    color: #000;
}

.books .item.book5{
    max-width: 280px;
    height: 360px;
    margin: 0 auto;
    text-align: center;
    background: url("../images/book5.png") no-repeat 0 0;
    background-size: 100% 100%;
}
.books .item.book5 .book_inside5{
    background: url("../images/book_inside5.png") no-repeat 0 0;
    width: 185px;
    height: 111px;
    margin: 45px auto 0 auto;
}
.books .item.book5 .book_inside5{
    background: transparent;
}
.books .item.book5 .book_inside5 p{
    border-bottom: 1px solid #AD9C93;
    padding-bottom: 5px;
}
.books .item.book5 h2{
    margin: 40px 0 0 0;
    font-family: 'Allura', cursive;
    font-size: 34px;
    font-weight: 600;
    line-height: 50px;
    color: #51301C;
}
.books .item.book5 p{
    margin: 0;
    font-size: 14px;
    line-height: 16px;
    color: #000;
    font-weight: 600;
    text-transform: uppercase;
    font-family: 'Caudex', serif;
}

.books .item.book5 p:nth-child(2){
    margin-top: 30px;
}
.books .item.book5 p:nth-child(3){
    margin-top: 27px;
}
.books .item.book5 p:nth-child(4){
    margin-top: 27px;
}

.books .item .text_block{
    width: 70%;
    background: #e2ded3;
    border: 1px solid #87817c;
    position: absolute;
    bottom: 0;
    left: -9px;
    right: 0;
    margin: 0 auto;
    padding: 10px;
    text-align: center;
    transition: linear all 0.3s;
}
.books .item.book2:hover .text_block{
    bottom: 20px;
}
.books .item .text_block h2{
    font-size: 20px;
    font-family: "Kaushan Script", sans-serif;
    margin: 0 0 10px 0;
}
.books .item .text_block p{
    margin: 0;
    font-weight: bold;
    font-family: "Kaushan Script", sans-serif;
    font-size: 15px;
}
.books .item .text_block p{}

.slider_container{
    #max-width: 1500px;
    margin: 0 auto;
}

.module3_autor_bg{
    background: url("../images/modul3/author-bg.png") 0 0 no-repeat;
    min-height: 2328px;
    position: relative;
    overflow: hidden;
}
.module3_autor_bg .floating{
    position: absolute;
    opacity: .6;
}
.module3_autor_bg .mz1{
    top: 115px;
    right: 0;
}
.module3_autor_bg .mz2{
    top: 811px;
    left: 74px;
}
.module3_autor_bg .mz3{
    top: 411px;
    right: -190px;
}
.module3_autor_bg .mz4{
    bottom: 400px;
    right: 100px;
}
.module3_autor_bg .mz6{
    bottom: 158px;
    right: -45px;
}
.module3_autor_bg .mz7{
    bottom: 60px;
    right: 10px;
}

.books_slider  .bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -87px;
    outline: 0;
    width: 42px;
    height: 174px;
    text-indent: -9999px;
    z-index: 99;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.books_slider .bx-wrapper .bx-prev {
    left: -30px;
    background: url("../css/images/book_left.png") 0 0 no-repeat;
}
.books_slider .bx-wrapper .bx-next {
    right: -30px;
    background: url("../css/images/book_right.png") 0 0 no-repeat;
}
.books_slider .bx-wrapper .bx-prev:hover {
    opacity: 0.9;
}

.large_wrapper{
    max-width: 1550px;
    padding: 0 52px;
}
.video_wrapper{
    max-width: 854px;
    margin-left: auto;
    margin-right: auto;
}
.video_bg{
    color: #111;
    padding: 0 0 30px 0;
}
.video_bg nav.second span{
    color: #fff;
}

.video_questions{
    border-radius: 3px;
    padding: 30px 15px;
    font-size: 16px;
    color: #111;
    line-height: 1.4em;
}
.video_questions h2,
.video_questions h3,
.video_questions h4,
.video_questions h5{
    font-family: 'Kaushan Script', cursive;
    font-weight: 700;
    color: #111;
    font-size: 20px;
    margin: 0 0 10px 0;
    line-height: 1.5em;
}
.video_questions p {
    margin: 15px 0 0 0;
}
.video_questions p > span{
    font-family: 'Kaushan Script', cursive;
    font-weight: 700;
    color: #111;
    display: inline-block;
    font-size: 18px;
}
.video_authors{
    height: 480px;
    background: rgba(252,177,36, .7);
}

.clickUP{}
.bios a.clickUP img{
    display: table;
    margin: 0;
}

.breadcrumb{
    display: table;
    margin: 30px auto;
    padding: 0;
    position: relative;
    z-index: 9;
}
.breadcrumb > *{
    display: table-cell;
    vertical-align: middle;
    padding: 0;
    margin: 0;
    position: relative;
}
.breadcrumb > *:not(:last-child){
    padding-right: 25px;
}
.breadcrumb > div > a{
    display: block;
    height: 35px;
    padding: 0 20px;
    margin: 0;
    line-height: 35px;
    position: relative;
    background: #CFC5BD;
    font-size: 20px;
    color: #111;
    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;
    font-family: Calibri, sans-serif;
}

.breadcrumb > div:last-child a{
    background: #FCB124;
    color: #fff;
}
.breadcrumb  > 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 #F3AA22;
}

.breadcrumb 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;
}
.breadcrumb a:hover,
.breadcrumb a.active{
    background: #FCB124;
    color: #fff;
    text-decoration: none;
}
.breadcrumb > div:hover a i{
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.breadcrumb .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;
}
.breadcrumb > div:hover .submenu{
    display: block;
}
.breadcrumb .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;
}
.breadcrumb .submenu a:hover{
    background: #eee!important;
}
.breadcrumb .submenu a span{
    display: block;
    text-transform: none;
    font-size: 13px;
}
.breadcrumb > div > a.default{
    background: #CFC5BD;
    color: #111!important;
}

.tasks_drag_arrows .one{
    width: 320px;
}
.tasks_drag_arrows  .two{
    width: 220px;
}
.tasks_drag_arrows.modul1 .one{
    width: 25%;
}
.tasks_drag_arrows.modul1 .three{
    width: 35%;
}
.tasks_drag_arrows.modul1 .two{
    width: 35%;
}
.tasks_drag_arrows .two ul.uk-nestable{
    margin: 0 0 10px 0;
}
.tasks_drag_arrows .three{
    width: 220px;
    margin-left: 50px;
}
.tasks_drag_arrows .three ul.uk-nestable{
    margin-bottom: 10px!important;
}

.video_wrapper .article.video .image{
    width: 150px;
    height: 150px;
    background: #ccc;
    float: left;
    margin: 0 10px 10px 0;
}

.owl_books_wrapper{
    #max-width: 1550px;
    max-width: 1200px;
    padding: 0 0 0 30px;
    margin-top: 40px;
}
.owl_books_wrapper .owl-carousel .core{
    background: transparent;
    height: 410px;
    #box-shadow: inset #444 0 0 10px;
    margin-top: 70px;
}
.owl_books_wrapper .owl-carousel .owl-nav .owl-prev, .owl_books_wrapper .owl-carousel .owl-nav .owl-next{
    position: absolute;
    top: 50%;
    margin-top: -87px;
    text-indent: -999999px;
    display: inline-block;
    width: 42px;
    height: 174px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.owl_books_wrapper .owl-carousel .owl-nav .owl-prev:hover, .owl_books_wrapper .owl-carousel .owl-nav .owl-next:hover{
    opacity: .7;
}
.owl_books_wrapper .owl-carousel .owl-nav .owl-prev{
    left: -52px;
    background: url("../images/icons/book_left.png") 0 0 no-repeat;
}
.owl_books_wrapper .owl-carousel .owl-nav .owl-next{
    right: -52px;
    background: url("../images/icons/book_right.png") 0 0 no-repeat;
}

.owl_books_wrapper .owl-carousel .owl-nav div.disabled{
    opacity: 0;
    visibility: hidden;
}

.out_project_box{
    margin-top: -130px;
    position: relative;
}
.out_project_box img{
    float: left;
    width: 100px;
}

#overlay{
    position: fixed;
    top:0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    z-index: 9999;
    display: none; /* table */
}
#overlay.show{
    display: table;
}
#overlay.success{
    background: rgba(0,0,0, .1);
}

#overlay .alert{
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

#overlay .alert_success{
    background: url("../images/alert/alert-succes.png") no-repeat 0 0;
    width: 529px;
    height: 674px;
    display: inline-block;
    position: relative;
}
.bavo_popup_wrapp{
    background: url("../images/alert/alert-succes.png") no-repeat 0 0;
    height: 674px;
    position: relative;
    margin: 40px auto;
    width: 529px;
}
.baravo_stamp{
    position: absolute;
    bottom: -42px;
    right: 65px;
}
.bravo_popup_text{
    max-width: 310px;
    margin: 260px auto 0 auto;
}
.bavo_popup_wrapp p{
    font-size: 20px;
    color: #7A5B3C;
}
.bavo_popup_wrapp p:first-child{
    text-align: right;
}
.bavo_popup_wrapp p:last-child{
    margin-top: 40px;
}
#overlay .alert_success p{
    font-size: 27px;
    line-height: 1.2em;
    padding: 0 95px;
    color: #7A5B3C;
    text-align: left;
}
#overlay .alert_success p:last-child{
    margin-top: 50px;
}
#overlay .alert_success p > span{
    text-align: right;
    display: block;
}
#overlay .alert_success img{
    display: inline-block;
}
#overlay .al_bravo{
    margin-top: 270px;
}
#overlay .al_stamp{
    width: 180px;
    height: 256px;
    position: absolute;
    bottom: -57px;
    right: 110px;
}

.line_panel{
    position: relative;
    display: inline-block;
    padding: 30px;
    background: #F0EEED;
}
.line_panel > p{
    margin: 0;
    font-size: 16px;
    font-weight: 600;
}
.line_panel.round{
    border-radius: 60px;
    border: 2px solid #b69327;
}
.line_panel .num{
    position: absolute;
    top: 50%;
    margin-top: -20px;
    left: -50px;
    width: 40px;
    height: 40px;
    display: table;
    border: 2px solid #b69327;
    background: #F0EEED;
}
.line_panel.round .num{
    border-radius: 50%;
}
.line_panel .num span{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-family: 'Allura', sans-serif;
    font-size: 40px;
    color: #A06C13;
}

h3.papirus_heading,
.project_file_bg h2{
    font-family: 'Kaushan Script', cursive!important;
    font-size: 36px;
    margin-bottom: 0;
    line-height: 1.4em;
}
.project_file_bg small{
    font-family: "Caudex", sans-serif!important;
    font-size: 17px;
}
.learn_place{
    min-height: 400px;
    padding: 30px;
}
.learn_place.auto{
    min-height: unset;
    height: auto;
}
.learn_place.blue_border{
    border: 3px solid #00758c;
}
.learn_place_violet{
    border: 3px solid #BE6BFE;
}
.learn_place_orange{
    border: 3px solid #d26c00;
}
.learn_place_blue{
    border: 3px solid #00758c;
}
.learn_place_brown{
    border: 3px solid #E8E2DE;
}
.box_learn_place{
    position: absolute;
    left: 20px;
    top: -67px;
    width: 100px;
    height: 100px;
    background: #ECEBE9 url("../images/bg_pattern.jpg");
}
.aut_learn_place{
    #max-height: 785px;
    margin: 80px 0;
}
.aut_practice_left{
    float: left;
    margin-top: -150px;
    width: 628px;
}
.aut_practice_right{
    float: left;
    width: 532px;
}

.learn_wood{
    display: table;
    padding: 0;
    margin: 0 auto;
    width: 932px;
    min-height: 425px;
    position: relative;
}
.learn_wood_new{
    width: 750px;
    min-height: 400px;
    background: url(../images/icons/table.png) top center no-repeat;
    background-size: 100% 100%;
    position: relative;
    padding-bottom: 40px;
}
.learn_wood .wrapp{
    display: table-cell;
    vertical-align: top;
    background: url("../images/wood-pattern.jpg") 50% 50% no-repeat;
    background-size: 100% 100%;
    position: relative;
    border-radius: 50%;
}
.learn_wood_new.extension_text_first_table:before{
    content: '';
    display: none;
    /*background: url(../images/icons/wood-new-item-nr1.png) center center no-repeat;*/
    width: 84px;
    height: 89px;
    position: absolute;
    top: 150px;
    left: 30px;
}
.badge_num.n2{
    display: inline-block;
    background: url("../images/badge-num.png") 0 0 no-repeat;
    width: 84px;
    height: 87px;
    position: absolute;
    top: -40px;
    left: -88px;
}
.badge_num.n2::before{
    content: "II";
    display: inline-block;
    position: absolute;
    top: 47px;
    right: 20px;
    font-size: 36px;
    color: #000;
}
.relative{
    position: relative;
}
.learn_wood_new.nonumber:before{
    display: none;
}
.learn_wood_new.extension_text_second_table:before{
    content: '';
    display: block;
    background: url(../images/icons/wood-new-item-nr2.png) center center no-repeat;
    width: 311px;
    height: 262px;
    position: absolute;
    top: 125px;
    left: -80px;
}
.learn_wood_new.extension_text_second_table .wrapp:after{
    background: url("../images/icons/wood-new-item-nr2-after.png") 0 0 no-repeat;
    width: 260px;
    height: 300px;
    position: absolute;
    right: -9px;
    bottom: 20px;
    content: " ";
    display: inline-block;
}
.learn_wood_new .wrapp:after{
    background:  url("../images/icons/wood-new-items.png") 0 0 no-repeat;
    width: 223px;
    height: 236px;
    position: absolute;
    right: 25px;
    bottom: 50px;
    content: " ";
    display: inline-block;
}
.wrapp::after{
    content: " ";
    display: inline-block;
    background: url("../images/wood-items.png") 0 0 no-repeat;
    width: 160px;
    height: 263px;
    position: absolute;
    right: 55px;
    bottom: 83px;
}
.learn_wood h2{
    font-family: 'Allura', cursive;
    font-size: 38px;
    color: #88603B;
    line-height: 1.3em;
    margin-top: 45px;
}
.learn_wood .inner{
    max-width: 70%;
    font-size: 14px;
    font-weight: 600;
    color: #000;
    margin-top: 28px;
    line-height: 1.1em;
}
.learn_wood .inner .exercise:not(:last-child){
    margin-bottom: 75px;
}
.bage_num{
    position: absolute;
    display: table;
    background: url("../images/pin-badge.png") 0 0 no-repeat;
    width: 85px;
    height: 86px;
    font-family: 'Allura', cursive;
    font-size: 52px;
    text-align: center;
}
.bage_num span{
    display: table-cell;
    vertical-align: middle;
    padding: 27px 0 0 9px;
}
.bage_num.one{
    top: 110px;
    left: 50px;
}
.bage_num.two{
    top: 216px;
    left: 48px;
}
.bage_num.three{
    top: 316px;
    left: 48px;
}
.learn_title.active_task::after{
    content: " ";
    display: inline-block;
    background: url("../images/gif/star1.gif") 0 0 no-repeat;
    background-size: cover;
    width: 45px;
    height: 46px;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
    position: absolute;
    top: 50%;
    margin-top: -23px;
    left: 0;
    z-index: 1;
    transform: rotate(65deg);
    animation: moveStar 7s infinite;
    -moz-animation: moveStar 7s infinite;
}
.learn_title{
    display: inline-block;
    margin: 0 auto;
    padding: 20px 40px;
    font-size: 15px;
    font-weight: 400;
    position: relative;
    z-index: 2;
    border-radius: 30px;
}
.learn_title span{
    display: inline-block;
    position: relative;
}
.learn_title p{
    font-family: 'Caudex', serif;
    font-size: 16px;
    color: #000;
    font-weight: 600;
    margin: 0;
    position: relative;
    z-index: 3;
}
.learn_title ul, .learn_title ul{
    font-family: 'Caudex', serif;
    font-size: 16px;
    color: #000;
    margin: 15px 0;
    padding-left: 10px;
    font-weight: 600;
}
.learn_title{
    position: relative;
}
.learn_title_body.top_left .learn_title{

}
.learn_title_body.medium > .learn_title{
    width: 900px;
    margin: 0 auto;
}
.learn_title_body.minus{
    margin-top: -63px;
}
.learn_title.blue{
    background: #77c4ff;
    position: relative;
    z-index: 1;
}
.learn_title.violet{
    background: #D1C0DE;
    position: relative;
    z-index: 1;
}
.learn_title.brown {
    background: #E8E2DE;
}

.learn_title.orange{
    background: #FFB889;
}

.learn_title .lt_num.orange{
    background: #F68B30;
}

.learn_title.brown_light{
    background: #FEC365;
}
.learn_title .lt_num.brown_light{
    background: #AF6027;
}

.border_double_badge{
    position: relative;
    top:-45px;
    left: 15px;
}
.learn_title .lt_num{
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    position: absolute;
    left: -20px;
    top: 50%;
    margin-top: -20px;
    z-index: 2;
    padding: 3px;
    text-align: center;
}
.learn_title .lt_num::before{
    content: " ";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top:-2px;
    left: -2px;
    border: 2px solid #fff;
    -webkit-transform: scale(0.75);
    -moz-transform: scale(0.75);
    -ms-transform: scale(0.75);
    -o-transform: scale(0.75);
    transform: scale(0.75);
    border-radius: 50%;
    z-index: 2;
}
.learn_title .lt_num.blue{
    background: #206B79;
}
.learn_title .lt_num.brown{
    background: #BDA193;
}

.learn_title .lt_num span{
    font-family: 'Allura', cursive;
    font-size: 33px;
    display: inline-block;
    position: relative;
    color: #ffffff;
    left: -4px;
    top: 5px;
    line-height: 1.1em;
    font-style: italic;
}
.learn_heading{
    color: #111;
    font-family: 'Kaushan Script', cursive;
    font-weight: 600;
    font-size: 28px;
    position: relative;
    z-index: 2;
    margin: 0;
    margin-bottom: 4px;
    padding-left: 0;
    text-transform: uppercase;
}
.learn_heading.blue{
    color: #00758c;
}
.learn_heading.orange{
    color: #d26c00;
}
.learn_heading.violet{
    color: #6B00BE;
}
.learn_heading.brown{
    color: #BDA193;
}
.learn_heading.brown_dark{
    color: #AF6027;
}

.oral_work_wrapper2 h2.learn_heading{
    text-align: center;
    margin: 30px 0;
    padding: 0;
    font-family: 'Kaushan Script', sans-serif;
    font-size: 40px;
    text-transform: uppercase;
    color: #3786A4;
}
.oral_work_wrapper h2.learn_heading span{
    display: inline-block;
    position: relative;
}

.oral_work_wrapper h2.learn_heading span i:first-child{
    position: absolute;
    top: 50%;
    margin-top: -20px;
    right: 100%;
    display: inline-block;
    width: 470px;
}
.oral_work_wrapper h2.learn_heading span i:last-child{
    position: absolute;
    top: 50%;
    margin-top: -20px;
    left: 100%;
    display: inline-block;
    width: 88px;
}

.after_learn .lp_image{
    width: 104px;
    margin-top: 10px;
}
.after_learn .learn_title{
    max-width: 900px;
}
.tasks_grid h2{
    font-family: 'Caudex', serif;
    font-size: 15px;
    color: #1C5758;
    text-transform: uppercase;
    font-weight: 600;
}
.tasks_grid p{
    font-family: 'Caudex', serif;
    font-weight: 600;
    font-size: 15px;
    color: #000;
    margin: 20px 0 0 0;
    background: url("../images/task_bar.png") 0 18px repeat-x;
    line-height: 1.5em;
}

.tasks_grid .task_masonry:not(:first-child){
    margin-top: 0;
}
.task_masonry.full{
    background: url("../images/task_full.png") 0 0 no-repeat;
}
.task_text{
    font-family: "Caudex", sans-serif;
    font-size: 15px;
    color: #1C5758;
    font-weight: 600;
}
.task_half1{
    max-width: 469px;
}
.task_half2{
    width: 690px;
}

.tasks_draggable{
    overflow: hidden;
    width: 192px;
    float: left;
    text-align: center;
}

.module_links a{
    display: inline-block;
    text-align: center;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.module_links a span{
    display: inline-block;
    margin-top: 90px;
    font-size: 23px;
    font-family: 'Allura', cursive;
    color: #775B4F;
}

.module_links a:hover span{
    color: #E5B635;
}

.module_links a.author{
    width: 99px;
    height: 88px;
}

.module_links a.author.a1{
    background: url("../images/icons/author-icons/tudor-arghezi.png") 50% 0 no-repeat;
    background-size: auto 100%;
    width: 99px;
    height: 88px;
}

.module_links a.author.a2{
    background: url("../images/icons/author-icons/lucian-blaga.png") 50% 0 no-repeat;
    background-size: auto 100%;
    width: 99px;
    height: 88px;
}

.module_links a.author.a3{
    background: url("../images/icons/author-icons/mircea-cartarescu.png") 50% 0 no-repeat;
    background-size: auto 100%;
    width: 99px;
    height: 88px;
}

.module_links a.author.a4{
    background: url("../images/icons/author-icons/negruzzi.png") 50% 0 no-repeat;
    background-size: auto 100%;
    width: 99px;
    height: 88px;
}
.module_links a.author.a5{
    background: url("../images/icons/author-icons/suceveanu.png") 50% 0 no-repeat;
    background-size: auto 100%;
    width: 99px;
    height: 88px;
}

.module_links a.author.a6{
    background: url("../images/icons/author-icons/del.png") 50% 0 no-repeat;
    background-size: auto 100%;
    width: 91px;
    height: 88px;
}
.module_links a.author.a7{
    background: url("../images/icons/author-icons/vieru.png") 50% 0 no-repeat;
    background-size: auto 100%;
    width: 91px;
    height: 88px;
}


.taber{
    position: relative;
    display: table;
    margin: 0 auto;
    float: none!important;
}
.taber a{
    animation: pulsation 2s infinite;
}
.taber > div{
    display: table-cell;
    position: relative;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.taber > div:not(.active){
    #display: none;
}

.module_links a.practic{
    background: url("../images/icons/author-icons/81.png") 50% 0 no-repeat;
    width: 99px;
    height: 88px;
}
.module_links a.practic:hover, .module_links a.practic.active{
    background: url("../images/icons/author-icons/82.png") 50% 0 no-repeat;
    width: 99px;
    height: 88px;
}
.module_links a.audio{
    background: url("../images/icons/author-icons/83.png") 50% 0 no-repeat;
    height: 88px;
    min-width: 77px;
}
.module_links a.audio:hover, .module_links a.audio.active{
    background: url("../images/icons/author-icons/84.png") 50% 0 no-repeat;
    height: 88px;
}
.module_links a.video{
    background: url("../images/icons/author-icons/85.png") 50% 0 no-repeat;
    width: 99px;
    height: 88px;
}
.module_links a.video:hover, .module_links a.video.active{
    background: url("../images/icons/author-icons/86.png") 50% 0 no-repeat;
    width: 99px;
    height: 88px;
}

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

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

table.interview_timeline{}
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: 69px;
    width: 86px;
    font-size: 13px;
    text-align: center;
}
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;
}
table.interview_timeline td.desc{}

.module_links a:hover{
    opacity: .7;
}
.module_links a:not(:last-child){
    margin-right: 10px;
}
.module_links a.intro{
    background: url("../images/modul/sprite-links.png") no-repeat 0 0;
}
.module_links a.practice{
    background: url("../images/modul/sprite-links.png") no-repeat -89px 0;
}
.module_links a.active{
    background: url("../images/modul/sprite4.png") 0 0 no-repeat;
}

.aut3_content{
    padding: 80px 20px 50px 20px;
    position: relative;
    overflow: hidden;
}
.aut3_content h2{
    font-size: 38px;
}

.aut3_content h2 span{
    display: inline-block;
    font-size: 26px!important;
}

.interview .image{
    text-align: center;
}

.aut3_content h2 small{
    font-size: 18px;
}
.aut3_content p{
    font-weight: 600;
    font-size: 14px;
    line-height: 1.7em;
    text-align: justify;
    background: url("../images/modul3/letter-stripes.png") 0 0 repeat-y;
}

.intro_task{
    padding: 18px 20px;
    border: 4px solid #222;
    position: relative;
}
.intro_task .source{
    position: absolute;
    top: calc(100% + 10px);
    right: 10px;
    display: inline-block;
}
.intro_task .source span{
    font-family: 'Allura', cursive;
    font-size: 28px;
}
.intro_task.orange{
    border: 4px solid #FAB023;
}
.intro_task.orange .intro_task_num{
    background: #FAB023;
}
.intro_task.orange .intro_task_num span{
    color: #AF6027;
}
.intro_task p, .intro_task ul, .intro_task ol{
    font-size: 16px;
    font-family: 'Caudex', serif;
    color: #000;
    line-height: 1.6em;
    margin: 0;
    padding: 0;
    font-weight: 600;
    text-align: justify;
}
.intro_task p{
    display: inline;
}
.intro_task ul, .intro_task ol{
    padding: 0 0 0 15px;
    margin-top: 10px;
}
.intro_task p:not(:first-child){
    margin-top: 10px;
}
.intro_task .task_heading{
    font-family: 'Allura', cursive;
    color: #FAB023;
    font-size: 38px;
    position: absolute;
    top: -24px;
    right: 30px;
    margin: 0;
}
.intro_task_num{
    position: absolute;
    left: -35px;
    top: 8px;
    width: 44px;
    height: 44px;
    padding: 3px;
    background: #ddd;
    color: #fff;
    border-radius: 50%;
    text-align: center;
}
.intro_task_num div{
    border-radius: 50%;
    border: 2px solid #fff;
    height: 40px;
    position: relative;
}
.intro_task_num span{
    font-family: 'Allura', cursive;
    font-size: 33px;
    color: #fff;
    display: inline-block;
    position: relative;
    left: -4px;
    top: 7px;
    letter-spacing: -4px;
    line-height: 1.1em;
}

.task_desc_image form{
    display: block;
    padding: 10px 0;
}
.task_desc_image input{
    display: inline-block;
    width: 94%;
    outline: none;
    border: 1px solid #ccc;
    padding: 5px 5px 5px 15px;
    font-weight: 600;
    color: #000;
    font-size: 16px;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}
.task_desc_image input.active{
    border-color: green;
    color: green;
    background: #fff;
}
.task_desc_image input.error{
    border-color: red;
    color: red;
    background: #fff;
}
.task_desc_image .ramaWrapper{
    position: relative;
}
.task_desc_image .ramaWrapper .ramaInner{
    width: 263px;
    height: 343px;
    background: url(../images/icons/rama.png) top left no-repeat;
    background-size: 100%;
}
.ramaInner{
    position: relative;
}
.ramaInner.active::before{
    content: " ";
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    background: rgba(0,0,0, .6) url("../images/icons/check.png") 3px 7px no-repeat;
    width: 100px;
    height: 100px;
    margin: -50px 0 0 -50px;
}
.task_desc_image .ramaWrapper img{
    position: absolute;
    top: 45px;
    left: 0;
    z-index: -1;
    width: 175px;
    right: 0;
    margin: auto;
}

.task_desc_image_variants{
    font-weight: 600;
    color: #000;
    font-size: 16px;
}

.task_desc_image_variants ul li{
    padding: 5px 0;
    list-style: square!important;
}

.author_photo_frame{
    #width: 418px;
    #height: 545px;
    position: relative;
    display: inline-block;
}
.author_photo_frame a{
    outline: none;
}
.author_photo_frame .name{
    position: absolute;
    bottom: 36px;
    left: 0;
    width: 100%;
    text-align: center;
}
.author_photo_frame .name span{
    display: inline-block;
    padding: 2px 5px;
    font-size: 12px;
    text-transform: uppercase;
    color: #111;
    line-height: 1.1em;
    background: #E2DFD7;
    border-radius: 5px;
}
.autor_boxed{
    text-align: center;
    margin-top: 0!important;
}
.autor_boxed .item{
    background: url("../images/authors/name-box.png");
    display: table;
    width: 140px;
    height: 53px;
}

.white_heading h2{
    color: #111;
    font-size: 44px;
    letter-spacing: 1px;
    font-family: 'Caudex', serif;
    margin: 15px 0;
    line-height: 1.3;
}
.white_heading.inverse h2{
    line-height: 1.2em;
    color: #111;
    font-size: 28px;
}
.white_heading > h2{
    margin-top: 50px;
}

.concept_box{
    width: 255px;
    height: 311px;
    position: relative;
    overflow: hidden;
    display: inline-block;
}
.concept_box.blue{
    background: url("../images/bg/concept-blue.png") 0 0 no-repeat;
    background-size: cover;
}
.concept_box.brown{
    background: url("../images/bg/concept-brown.png") 0 0 no-repeat;
    background-size: cover;
}
.concept_box h3{
    color: #664530;
    font-family: 'Allura', cursive;
    font-size: 40px;
    line-height: 1.4em;
    padding: 25px 0 10px 0;
    margin: 0;
    text-align: center;
}
.concept_box .cb_table p{
    color: #664530;
    font-size: 14px;
    line-height: 1.3em;
    padding: 10px 30px;
}
.concept_box .cb_table{
    display: table;
    position: absolute;
    top:0;
    left: 0;
    bottom:0;
    right: 0;
    width: 100%;
    height: 100%;
}
.concept_box .cb_table .inner{
    display: table-cell;
    vertical-align: middle;
}
.concept_box h2{
    color: #664530;
    font-family: 'Allura', cursive;
    font-size: 40px;
    line-height: 1.4em;
    padding: 25px 0 10px 0;
    margin: 0;
    text-align: center;
}
.concept_box h3.small{
    font-size: 28px;
    line-height: 1.1em;
    margin-top: 30px;
    padding-left: 20px;
    padding-right: 20px;
}

.aut_concept_checkline{
    padding-left: 30px;
}
label.respond_label{
    display: inline-block;
    background: url("../images/bg/checkbox.png") 0 0 no-repeat;
    background-size: cover;
    width: 24px;
    height: 24px;
    cursor: pointer;
}
input.respond_checkbox:checked + label {
    background: url("../images/bg/checkbox-checked.png") 0 0 no-repeat;
}
.respond_checkbox{
    display: none;
}

.topQuestions ul:empty{
    border: 1px dashed orange;
}

.aut_concept_checkline input[type=text]{
    display: block;
    max-width: 150px;
    margin-top: -3px;
    background: transparent;
    outline: none;
    padding: 0;
    height: 24px;
    margin-left: 5px;
    font-size: 16px;
    color: #664530;
    border: 0;
    border-bottom: 1px solid #664530;
}

.aut_oral_box{
    width: 552px;
    margin-top: -50px;
    position: relative;
}
.aut_oral_box h3{
    padding-left: 45px;
}

.author_popup_wrapper{
    width: 1296px;
    height: 1910px;
    margin: 40px auto;
    position: relative;
    overflow: hidden;
}

.instant_test_popup{
    width: 956px;
    margin: 0 auto;
    position: relative;
}

.full_height .mfp-content{
    height: 100%!important;
}

.instant_test_wrapper{
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -ms-transition: all .8s;
    -o-transition: all .8s;
    transition: all .8s;
    position: relative;
}
.instant_test_papirus{
    overflow: hidden;
    margin-top: 200px;
    position: relative;
}
.fulger_svg{
    display: block;
    height: 1292px;
    width: 956px;
    position: relative;
}
.ip_swrapp{
    margin: 145px auto 0 auto;
    padding-bottom: 30px;
    max-width: 360px;
}
.ip_swrapp p{
    font-size: 20px;
    color: #7A5B3C;
    margin: 0 auto;
    max-width: 350px;
}
.ip_swrapp p:first-child{
    margin: 0 0 0 30px;
}
.ip_swrapp p:last-child{
    display: none;
}
.ip_swrapp div:last-child img{
    position: relative;
    top: -73px;
    right: -150px;
    display: none;
}
.instant_test_papirus_bg{
    #background: url("../images/project/test-fulger.png") 0 100% no-repeat;
    position: absolute;
    #height: 1134px;
    width: 956px;
    top: 0;
    left: 0;
}
.instant_test_papirus_bg.papirus_left{
    #background: url("../images/project/papirus-left.png") 0 100% no-repeat;
}
.instant_test_papirus_bg.papirus_right{
    #background: url("../images/project/papirus-right.png") 0 100% no-repeat;
}
.instant_test_papirus_bg.papirus_burnt{
    #background: url("../images/project/papirus-burnt.png") 0 100% no-repeat;
    height: 1292px;
}
.instant_test_watch{
    height: 111px;
    width: 315px;
    position: fixed;
    top: 10px;
    left: 10px;
    margin:0;
    z-index: 999;
}
.instant_test_watch_bg{
    background: url("../images/project/watch-bg.png") 0 0 no-repeat;
    width: 315px;
    height: 111px;
    margin: 0 auto;
}

.bio_author_image{
    width: 345px;
    height: 491px;
    float: left;
    margin: 43px 0 0 26px;
}

.bio_author_headline{
    float: left;
    position: relative;
    top: 27px;
    left: 201px;
    text-align: center;
    width: 547px;
}
.bio_author_headline h2{
    margin: 0;
    padding: 0;
    font-family: 'Caudex', serif;
    font-size: 25px;
    line-height: 1.2em;
    color: #67615A;
    text-transform: uppercase;
    font-weight: 600;
}
.text_waves{
    position: relative;
}

.learn_heading span{
    display: inline-block;
    position: relative;
}
.btn.finish{
    border: 3px solid #937056;
    border-radius: 2px;
    padding: 8px 75px;
    background: #EFE7D3;
    color: #937056;
    line-height: 1.2em;
    text-align: center;
    font-size: 18px;
    text-transform: none;
    font-family: 'Kaushan Script', cursive;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.btn.finish:hover{
    background: #F3E4BE;
}

.video_frame, .video_frame iframe{
    width: 100%;
    height: 480px;
    margin: 0 auto;
}
#instant_status{
    margin-top: 5px;
    font-size: 18px;
    text-align: center;
}

.bio_frame1{
    position: absolute;
    top: 150px;
    right: 130px;
    width: 630px;
}
.bio_frame1 h3{
    text-align: center;
    font-family: 'Allura', cursive;
    font-size: 70px;
    line-height: 1.4em;
    margin: 0;
}
.bio_frame1 .bio_subheading{
    font-family: "Caudex", serif;
    font-size: 20px;
    position: relative;
    margin-top: -20px;
    text-align: center;
}
.bio_roles p{
    margin: 28px 0 0 -24px;
    font-size: 16px;
    text-align: center;
}

.bio_frame1_timeline_left{
    position: absolute;
    top: 342px;
    right: 642px;
    border: 1px solid red;
    font-family: "Caudex", serif;
    font-size: 14px;
    font-weight: bold;
    width: 153px;
}

.flash_left{
    display: none;
}
.flash_left.active{
    display: inline-block;
    position: absolute;
    left: 0;
    top:0;
}

.project_sidebar{
    width: 380px;
}

/*
.project_file_bg{
    #background: url("../images/project/file.png") 0 0 no-repeat;
    background: url("../images/modul4/author/paper1.png") 0 0 no-repeat;
    background-size: 100% 100%;
    width: 844px;
    position: relative;
    padding-bottom: 90px;
}
*/
.project_file_bg{
    background: url("../images/custom-papirus/repeat.png") center top repeat-y;
    width: 845px;
    position: relative;
    padding: 110px 0;
    z-index: 1;
    margin-top: 25px;
}
.project_file_bg::before,
.project_file_bg::after{
    content: " ";
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 121px;
    left: 0;
    display: block;
}
.project_file_bg::before{
    background: url("../images/custom-papirus/pap-top.png") center top no-repeat;
    top: -25px;
}
.project_file_bg::after{
    background: url("../images/custom-papirus/pap-bottom.png") center top no-repeat;
    bottom: -25px;
}

.project_file_bg.modul_2{
    width: 880px;
    height: 1571px;
    background: url(../images/project/paper-bg-modul2.png) 0 0 no-repeat;
    position: relative;
}

.project_file_bg.module4 p{
    font-size: 14px;line-height: 1.3em;
}
.my_project_wrapper{
    padding: 0 110px;
}
.my_project_heading{
    margin: 0;
    padding: 0 100px;
    position: relative;
}

.my_project_heading h2{
    text-transform: uppercase;
    font-size: 25px;
    color: #9C8373;
}
.my_project_heading h2 span{
    font-family: 'Allura', cursive;
    color: #592B00;
    font-size: 32px;
    text-transform: none;
}

.project_curious1{
    background: url("../images/project/curiozitate.png") 0 0 no-repeat;
    width: 378px;
    height: 501px;
    position: relative;
}
.project_curious1 p{
    padding: 0;
    margin: 0;
    font-size: 14px;
}
.project_curious1 .inner{
    position: absolute;
    top:95px;
    left: 28px;
    width: 260px;
}
.project_curious1 h3{
    color: #087770;
    font-size: 20px;
    text-align: center;
    margin: 0 0 15px 0;
}

.project_file_bg.modul_2 .project_badges{
    margin-left: 45px;
}
.project_badges .item.orange{
    background: url("../images/project/badge-orange.png") 0 0 no-repeat;
    min-height: 130px;
    color: #000;
    font-size: 14px;
    float: left;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}

.project_badges .item.green{
    background: url("../images/project/badge-green.png") 0 0 no-repeat;
    min-height: 130px;
    color: #000;
    font-size: 14px;
    float: left;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}
.project_badges .item.green_light{
    background: url("../images/project/badge-green-light.png") 0 0 no-repeat;
    min-height: 130px;
    color: #000;
    font-size: 14px;
    float: left;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}
.project_badges .item.blue {
    background: url("../images/project/badge-blue.png") 0 0 no-repeat;
    min-height: 130px;
    color: #000;
    font-size: 14px;
    float: left;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}

.project_badges .item.violet {
    background: url("../images/project/badge-violet.png") 0 0 no-repeat;
    min-height: 130px;
    color: #000;
    font-size: 14px;
    float: left;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}

.project_badges .item{
    display: block;
    width: 33.333%;
    height: 150px;
}
.project_badges .item h3{
    text-align: center;
    margin: 15px 0 0 0;
    color: #A5673C;
    font-size: 18px;
    text-transform: uppercase;
    padding: 0 15px;
    font-weight: 500;
}
.project_badges .item p{
    text-align: center;
    margin: 5px 0 0 0;
    padding: 0 21px;
}

.project_task3{
    font-size: 15px;
    color: #000;
    margin-top: 52px;
}
.project_task3 div:first-child{
    width: 118px;
    text-transform: uppercase;
    text-align: right;
}
.project_task3 div:first-child p{
    padding-right: 10px;
}
.project_task3 div:first-child p:first-child{
    margin-bottom: 60px;
}

.game_drag_cary{
    position: relative;
    display: table;
    margin: 0 auto;
    width: 800px
}
.game_drag_cary .item{
    display: inline-block;
}

.game_table{
    background:url("../images/modul3/task_table.png") 0 0 no-repeat;
    background-size: cover;
    height: 442px;
    position: relative;
}
.game_table .item{
    position: absolute;
}
.game_table .item.x1{
    top: 29px;
    left: 290px;
}
.game_table .item.x2{
    width: 274px;
    top: 48px;
}
.game_table .item.x2 h3{
    font-size: 16px;
    font-weight: 600;
    font-family: "Caudex", sans-serif;
}
.game_table .item p{
    line-height: 1.1em;
    font-size: 16px;
}
.game_table .item span{
    display: inline-block;
    #border: 1px solid red;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5em;
}

.game_table .item span.s2{
    margin-left: 30px;
}
.game_table .item span.s3{
    margin-left: 70px;
}

.project_task3 div:last-child{
    width: 568px;
}
.project_task3 div:last-child p{
    padding-left: 15px;
}

.border_double_place{
    padding: 15px;
    position: relative;
    border: 4px solid #FCB124;
}
.border_double_place::before{
    content: " ";
    display: block;
    position: absolute;
    left: 4px;
    top:4px;
    right: 4px;
    bottom: 4px;
    border: 2px solid #FCB124;
}

.timeline_project{
    background: url("../images/project/timeline-project.png") no-repeat 108px 0;
    min-height: 122px;
    margin-top: 25px;
}
.timeline_project p{
    margin: 5px 0 0 0;
    padding: 0;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3em;
}
.timeline_project_headings{
    color: #AE5F27;
}

.timeline_project_headings p:nth-child(1){}
.timeline_project_headings p:nth-child(2){
    margin-top: 51px;
}

.rebus .minus{
    margin-top: -63px;
}
.rebus .learn_title_body h3, .learn_title > h3{
    text-align: left;
    float: left;
    margin-top: -52px;
    padding-left: 0;
    margin-left: -40px;
}
.learn_title_body h3.ludo_heading{
    margin-top: -70px!important;
    float: none;
    text-align: center;
}
.ludo_heading img{
    display: inline-block;
    position: relative;
}

.borderbox{
    border: 4px solid #ddd;
    position: relative;
    padding: 30px;
}
.borderbox.transparent{
    border-color: transparent;
}
.borderbox.blue{
    border-color: #74C6C8;
}
.borderbox.orange{
    border-color: #FFB889;
}

.inline_fields_task{
    font-size: 14px;
    color: #000;
    font-weight: 600;
    line-height: 3.4em;
}
.inline_fields_task span{
    display: inline-block;
    border: 0;
    outline: none;
    text-align: left;
    padding: 0 20px 0 10px;
    margin: 0;
    background: url("../images/bg/inline-input-full.png") 0 0 no-repeat;
    height: 49px;
    min-width: 260px;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    font-style: italic;
    font-size: 13px;
}
.inline_fields_task span:empty{
    background: url("../images/bg/inline-input.png") 0 0 no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
}
.inline_fields_task{}

.rebus_wrapper{
    position: relative;
    #border: 1px solid red;
}
.rebus_row{
    display: block;
    height: 44px;
}
.rebus_row_inner{
    position: relative;
}
.rebus_num{
    display: block;
    width: 27px;
    height: 27px;
    line-height: 27px;
    float: left;
    margin-top: 4px;
    border-radius: 50%;
    border: 2px solid #C6BCAE;
    text-align: center;
    font-size: 28px;
    font-family: 'Allura', cursive;
}
.rebus_num span{
    display:inline-block;
    position: relative;
    left: -2px;
    top:3px;
}
.rebus_item{
    width: 48px;
    height: 41px;
    float: left;
    margin-bottom: 3px;
    background: url("../images/bg/caseta-by-default.png") no-repeat 50% 50%;
    text-align: center;
    line-height: 41px;
    overflow: hidden;
    font-weight: 600;
    font-size: 31px;
    color: #000;
    text-transform: uppercase;
}
.rebus_item span.ref{
    font-size: 18px;
    color: #000;
    text-transform: none;
}
.solved-error .rebus_item{
    background: url("../images/bg/caseta-error.png") no-repeat 50% 50%;
}
.solved .rebus_item{
    background: url("../images/bg/rebus-cell.png") no-repeat 50% 50%;
}
.rebus_item.empty{
    background: none!important;
}
.solved-error .rebus_item.active {
    border-color: #ff4949;
}
.rebus_item.active{
    background: none;
    border: 5px solid #FCDC22;
    height: 31px;
    line-height: 31px;
    width: 38px;
}

.rebus_half1{
    width: 420px;
}
.rebus_half2{
    width: 760px;
}

.rebus_wrapper input[type=text]{
    display: block;
    text-align: center;
    width: 48px;
    height: 41px;
    padding: 0;
    line-height: 2em;
    text-transform: uppercase;
    background: transparent;
    border: 0;
    outline: 0;
    position: relative;
}
.rebus_item.active input[type=text]{
    top: -5px;
    left: -4px;
}

.badge_box{
    padding: 15px 40px;
    border-radius: 50px;
    background: #ddd;
    color: #000;
    font-size: 15px;
    line-height: 1.4em;
}
.badge_box.orange{
    background: #FCB124;
}
.drag_corespond{
    position: relative;
    #display: table;
}
.drag_corespond .item{
    display: table-cell;
    vertical-align: middle;
    line-height: 1.2em;
    text-align: center;
    font-weight: 600;
    font-size: 17px;
    color: #000;
    background: url(../images/cultura/bar-cd.png) 100% 0 no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
    height: 87px;
    padding: 0 20px;
}
.drag_corespond .nestable-item.solved .item, .drag_corespond_places ul.solved li{
    background: url(../images/icons/metal.png) 100% 0 no-repeat;
}

.drag_corespond div:not(:last-child){
    margin-bottom: 13px;
}
.drag_corespond div{
    position: relative;
    display: table;
    width: 100%;
}
.drag_corespond div::before{
    position: absolute;
    content: " ";
    background: url("../images/gif/magnet2.gif");
    width: 25px;
    height: 42px;
    top: 50%;
    left: 100%;
    margin-top: -21px;
    margin-left: -7px;
    z-index: -1;
}

.drag_corespond div.active::before{
    width: 46px;
}

.drag_holder{
    display: table;
    background: #C7C7C7;
    padding: 6px 0;
    height: 50px;
    position: relative;
}
.drag_holder > div{
    display: table-cell;
    vertical-align: middle;
    font-size: 13px;
    line-height: 1.1em;
    font-weight: 600;
    border-top: 1px dashed #999;
    border-bottom: 1px dashed #999;

}
.drag_holder > div:before, .drag_holder > div:after{
    content: " ";
    display: inline-block;
    top:-1px;
    position: absolute;
}

.drag_holder > div:before{
    background: url("../images/cultura/cd-left.png") 0 0 no-repeat;
    width: 23px;
    height: 64px;
    left: -23px;
}

.drag_holder > div:after{
    background: url("../images/cd-right.png") 0 0 no-repeat;
    width: 23px;
    height: 64px;
    right: -23px;
}
.drag_holder:not(:last-child){
    margin-bottom: 15px;
}

.cultura_tree{
    background: url("../images/flowers-bg.png") 50% 0 no-repeat;
    width: 1240px;
    height: 757px;
    margin: 0 auto;
    position: relative;
}

.piramide{
    background: url("../images/bg/piramide.png") 0 0 no-repeat;
    width: 856px;
    height: 439px;
    margin: 0 auto;
    position: relative;
}

.triangles{
    display: table;
    float: left;
    margin: 5px 0 5px 0;
}
.triangles .item{
    background: url("../images/bg/triangle-gray.png") 0 0 no-repeat;
    width: 370px;
    height: 60px;
    text-align: center;
    color: #000;
    font-size: 15px;
    font-weight: 600;
    display: table-cell;
    vertical-align: middle;
}

.piramide .item1{
    position: absolute;
    top:11px;
    left: 324px;
}
.piramide .item2{
    position: absolute;
    top:104px;
    left: 255px;
    #border: 1px solid red;
}

.piramide .item3{
    position: absolute;
    top:197px;
    left: 186px;
    #border: 1px solid red;
}

.piramide .item4{
    position: absolute;
    top:290px;
    left: 115px;
    #border: 1px solid red;
}

.piramide .item5{
    position: absolute;
    top:383px;
    left: 48px;
    #border: 1px solid red;
}

.piramide ul li{
    background: transparent!important;
}
.piramide ul li span{
    color: #fff;
}

.lubo_wrapper .item{
    display: table;
    padding: 0;
    margin: 15px auto 0 auto;
    position: relative;
    z-index: 5;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.lubo_wrapper .item.active{
    margin-top: 89px;
}
.lubo_wrapper .item_large_margin{
    margin-top: 138px;
}
.lubo_wrapper .item p{
    display: table-cell;
    padding: 0;
    margin: 0;
    vertical-align: middle;
    text-align: center;
    color: #000;
    font-size: 14px;
    line-height: 1.1em;
    position: relative;
}
.lubo_wrapper .item p .image{
    position: absolute;
    display: none;
}
.lubo_wrapper .item.active p .image{
    display: inline-block;
    width: 98px;
}
.lubo_wrapper .item p .image.top{
    bottom: 72%;
    left: 50%;
    margin-left: -49px;
}
.lubo_wrapper .item.active p::after{
    content: " ";
    display: inline-block;
    position: absolute;
    top: calc(100% - 2px);
    left: 50%;
    margin-left: -18px;
    width: 36px;
    height: 18px;
    background: url("../images/authors/name-box-arrow.png") 0 0 no-repeat;
}
.lubo_wrapper .item.two_lines{
    background: url("../images/project/user-rama.png") 0 0 no-repeat;
    width: 218px;
    height: 107px;
}
.lubo_wrapper .item.big{
    background: url("../images/project/user-rama2.png") 0 0 no-repeat;
    width: 224px;
    height: 168px;
}
.lubo_wrapper .item .item_tip{
    position: absolute;
    z-index: 11;
    max-width: none;
    #display: none;
}
.lubo_wrapper .item .tip1{
    left: 33px;
    bottom: calc(100% + 10px);
}
.lubo_wrapper .item .tip2{
    left: -33px;
    bottom: calc(100% + 10px);
}
.lubo_wrapper .item .tip3{
    left: 55px;
    bottom: calc(100% + 10px);
}
.lubo_wrapper .item .tip4{
    left: calc(100% + 10px);
    top: 0;
}
.lubo_wrapper .item .tip5{
    left: -15px;
    top: calc(100% + 10px);
}
.lubo_wrapper .item .tip6{
    left: -76px;
    top: calc(100% + 10px);
}
.lubo_wrapper .item .tip7{
    left: 48px;
    top: calc(100% + 10px);
}

div.draggable {
    cursor:move;
    width:70px;
    height:70px;
    background-color:black;
    border:1px solid black;
    margin:2px;
    #float:left;
}

.draggable {
    background-color:yellow;
}

.cultura_timer{
    font-size: 44px;
    color: #A5A5A5;
    padding-right: 30px;
    line-height: 105px;
}

.hidden_bubles.test_bubles{
    z-index: 9999;
    #display: none;
}
.test_bubles{
    position: relative;
}
.test_bubles > div{
    border-radius: 50%;
    display: inline-block;
    width: 28px;
    height: 28px;
    border: 0;
    outline: 0;
    position: absolute;
    background: #fff;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -ms-transition: all .8s;
    -o-transition: all .8s;
    transition: all .8s;
    animation: pulse-small 5s ease-in infinite;
    animation-direction: alternate;
}
.hidden_bubles.test_bubles > div{
    z-index: 9999;
    transition: all .9s;
    animation:none!important;
    animation-direction: unset!important;
    #display: none;
}
.test_bubles > div.blue{
    background: #137EFA;
    animation: pulse-small 6s ease-in infinite;
    animation-direction: alternate;
}
.test_bubles > div.gray{
    background: #A5A5A5;
    animation: pulse-small 6.6s ease-in infinite;
    animation-direction: alternate;
}
.test_bubles > div.dark_gray{
    background: #3A4E61;
    animation: pulse-small 7.2s ease-in infinite;
    animation-direction: alternate;
}
.test_bubles > div.green{
    background: #65F159;
    animation: pulse-small 7.9s ease-in infinite;
    animation-direction: alternate;
}
.test_bubles > div.dark_green{
    background: #04AD00;
    animation: pulse-small 8.6 ease-in infinite;
    animation-direction: alternate;
}
.test_bubles > div.orange{
    background: #FF970A;
    animation: pulse-small 9.4s ease-in infinite;
    animation-direction: alternate;
}
.test_bubles > div.red{
    background: #FE4346;
    animation: pulse-small 9.9s ease-in infinite;
    animation-direction: alternate;
}

.test_bubles > div:nth-child(1){
    top: -120px;
    left: 65px;
}
.test_bubles > div:nth-child(2){
    top: 57px;
    left: 68px;
}
.test_bubles > div:nth-child(3){
    top: 37px;
    left: 95px;
    width: 14px;
    height: 14px;
}
.test_bubles > div:nth-child(4){
    top: 42px;
    left: 124px;
    width: 39px;
    height: 39px;
}
.test_bubles > div:nth-child(5){
    top: 21px;
    left: 172px;
    width: 12px;
    height: 12px;
}
.test_bubles > div:nth-child(6){
    top: 56px;
    left: 172px;
    width: 24px;
    height: 24px;
}
.test_bubles > div:nth-child(7){
    top: 20px;
    left: 120px;
    width: 16px;
    height: 16px;
}
.test_bubles > div:nth-child(8){
    top: 35px;
    left: 190px;
    width: 13px;
    height: 13px;
}
.test_bubles > div:nth-child(9){
    top: 20px;
    left: 62px;
}

.ip_practic{
    margin: 38px auto 0 auto;
    max-width: 712px;
}
.ip_practic.fade{
    -webkit-opacity: .2;
    -moz-opacity: .2;
    opacity: .2;
}
.ip_practic h2{
    font-size: 60px;
    color: #A27843;
    font-family: 'Allura', cursive;
    font-weight: 500;
}
.ip_practic p{
    font-size: 16px;
    color: #000;
    font-weight: 600;
}

.ip_test_place .ip_row.redtext label{
    border: 1px solid red;
    color: red;
}
.ip_test_place form input[type=radio]{
    display: none;
}
.ip_test_place form label{
    position: relative;
    z-index: 2;
}
.ip_test_place form label.label_ip_yes{
    margin-right: 5px;
}
.ip_test_place form label.label_ip_yes:before{
    content: ' ';
    display: block;
    width: 100%;
    height: 100%;
    background: url("../images/icons/ip-yes.png") 50% 50% no-repeat;
    z-index: 1;
}
.ip_test_place form label.label_ip_no:before{
    content: ' ';
    display: block;
    width: 100%;
    height: 100%;
    background: url("../images/icons/ip-no.png") 50% 50% no-repeat;
    z-index: 1;
}
.ip_test_place form input[type=radio] + label {
    width: 33px;
    height: 33px;
    background: #EFE7D3;
    border: 2px solid #7A542F;
    border-radius: 2px;
    display: inline-block;
    cursor: pointer;
}
.ip_test_place form input[type=radio]:checked + label {
    background: #EFE7D3 url("../images/icons/ip-checked.png") 50% 50% no-repeat;
}
.ip_test_place .left{
    width: 100px;
}
.ip_test_place .right{
    width: 611px;
}
.ip_label{
    display: inline-block;
}
.ip_line{
    display: table;
    width: 100%;
    height: 42px;
    overflow: hidden;
}
.ip_lines p{
    font-size: 14px;
    font-weight: 500;
    padding: 0;
    margin: 0!important;
    line-height: 1.5em;
    display: table-cell;
    vertical-align: middle;
}
.ip_lines p > span{
    background: url("../images/icons/ip-lines.png") 0 0 repeat;
    display: block;
    min-height: 22px;
}
.ip_row{
    height: 42px;
}
.btn_light_brown{
    background: url("../images/project/ip-end-btn.png") 0 0 no-repeat;
    width: 276px;
    height: 40px;
    display: table;
    margin: 0 auto;
}
.culture_div{
    margin-top: 95px;
}
.caribean_heading h2{
    text-transform: uppercase;
    font-size: 89px;
    line-height: 1.2em;
    font-family: 'Fog', serif;
    #color: #994C0C;
    letter-spacing: 7px;
}

.caribean_heading.medium h2 {
    font-size: 60px;
}
.caribean_heading.medium-size h2{
    font-size: 65px;
    letter-spacing: 5px;
}
.caribean_heading h2 span{
    display: inline-block;
    margin-left: -30px;
    background: -webkit-gradient(linear, left top, left bottom, from(#994C0C), to(#B07601));
    background: -moz-gradient(linear, left top, left bottom, from(#994C0C), to(#B07601));
    background: gradient(linear, left top, left bottom, from(#994C0C), to(#B07601));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}
.caribean_heading h2 span.separator{
    margin-left: 10px;
}

.trace_arrow{
    margin-bottom: 10px;
    display: table;
    height: 58px;
}
.tasks_drag_arrows.modul3 .tasks_grid_arrow.one{
    width: 540px;
}
.trace_arrow p{
    background: url("../images/modul3/trace-arrow.png") 0 0 no-repeat;
    background-size: 100% 100%;
    height: 43px;
    width: 540px;
    line-height: 1.2em;
    display: table-cell;
    vertical-align: middle;
    padding: 0 20px;
}
.trace_arrow.active p{
    background: url("../images/modul3/bar-blue.png") 0 0 no-repeat;
    background-size: 100% 100%;
}

.tasks_grid_arrow p{
    font-weight: 600;
    #font-size: 15px;
    font-size: 16px;
    margin: 0;
}
.tasks_grid_arrow .desc p{
    margin-top: 12px;
}
.tasks_grid_arrow .uk-grid{
    margin-top: 0!important;
}

.birds_map_wrapper{
    position: relative;
}
.birds_map_wrapper .inner{
    background: url("../images/drum-lectura.png") 50% 0 no-repeat;
    width: 1177px;
    height: 758px;
    margin: 0 auto;
}
.birds_map_wrapper .inner.module6{
    background: url("../images/harta-dramatic.png") 50% 0 no-repeat;
    width: 924px;
    min-height: 925px;
    margin: 0 auto;
}

.birds_map_wrapper .inner h2.main_head{
    #font-family: 'Allura', cursive;
    font-family: 'Kaushan Script', cursive;
    font-size: 38px;
    font-weight: 600;
    position: relative;
    top: 28px;
    padding-left: 377px;
}
.birds_map_wrapper .inner h2 span{
    text-transform: uppercase;
    font-weight: bold;
    color: #000;
}
.birds_map_wrapper .inner.module6 h2.main_head{
    position: relative;
    top: 28px;
    padding-left: 175px;
}

.birds_map_wrapper .inner.module6 .hh{
    position: absolute;
    font-size: 15px;
    color: #111;
    line-height: 1.3em;
    margin: 0;
    text-transform: uppercase;
}
.birds_map_wrapper .inner.module6 .cc{
    position: absolute;
    font-size: 15px;
    color: #111;
    line-height: 1.4em;
    margin: 0;
}
.birds_map_wrapper .inner.module6 ul.green_arrows{
    display: block;
    list-style: none;
    padding: 0;
    margin: 5px 0;
    font-size: 15px;
    line-height: 1.4em;
}
.birds_map_wrapper .inner.module6 ul.green_arrows li{
    display: block;
    padding-left: 35px;
    background: url("../images/modul5/arrow-green.png")0 50% no-repeat;
}

.birds_map_wrapper .inner.module6 .hh1{
    top: 132px;
    left: 220px;
}
.birds_map_wrapper .inner.module6 .cc1{
    top: 175px;
    left: 220px;
    width: 315px;
}

.birds_map_wrapper .inner.module6 .hh2{
    top: 134px;
    right: 219px;
}
.birds_map_wrapper .inner.module6 .cc2{
    top: 180px;
    right: 220px;
    width: 345px;
}

.birds_map_wrapper .inner.module6 .hh3{
    top: 360px;
    left: 230px;
}
.birds_map_wrapper .inner.module6 .cc3{
    top: 418px;
    left: 230px;
    width: 310px;
    padding: 0 10px;
    background: #E8E8EA;
}

.birds_map_wrapper .inner.module6 .hh4{
    bottom: 408px;
    right: 280px;
}
.birds_map_wrapper .inner.module6 .cc4{
    top: 520px;
    left: 763px;
    width: 280px;
}

.birds_map_wrapper .bottom_rules{
    position: absolute;
    bottom: 150px;
    left: 435px;
    max-width: 346px;
    font-size: 14px;
    font-weight: 500;
}
.birds_map_wrapper .bottom_rules p{
    margin: 0;
}
.birds_map_wrapper .right_reader{
    position: absolute;
    top: 175px;
    right: 61px;
    max-width: 440px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2em;
}

.cplaces_options{
    width: 580px;
}
.cplaces_list{
    width: 250px;
}
.cdrag_list{
    width: 244px;
}

.acordeon{
    position: relative;
}
.acordeon .item{
    float: left;
    background: url("../images/texte-extensiune/bg.png") 0 0 no-repeat;
    height: 671px;
    width: 135px;
    position: relative;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.acordeon.modul2-expansion-textes .item.active{
    width: 60% !important;
}
.acordeon .item:not(:last-child){
    margin-right: 90px;
}
.acordeon .item:not(.active):hover:before{
    left: -5px;
}
.acordeon .item:not(.active):hover:after{
    left: calc(100% - 27px);
}

.font_pacifico, .font_pacifico *{
    font-family: 'Dancing Script', cursive!important;
    line-height: 1.4em;
}

.font_dancing{
    font-family: 'Dancing Script', cursive!important;
}

.acordeon .item_content{
    margin: 50px 20px 0 104px;
    max-width: 737px;
    max-height: 555px;
    overflow: hidden;
    display: none;
    font-size: 17px;
    line-height: 1.4em;
}
.acordeon .item.active .item_content{
    display: block;
}
.acordeon .item_content h2, .acordeon .item_content p{
    font-family: 'Dancing Script', cursive;
    font-size: 22px;
    line-height: 1.5em;
    font-weight: 700;
}
.acordeon .item_content h2{
    text-transform: initial;
    font-family: 'Kaushan Script', cursive!important;
    font-size: 36px;
    margin-bottom: 0;
    line-height: 1.4em;
}
.acordeon.normal .item_content h2{
    text-transform: initial;
    font-family: 'Allura', cursive !important;
    font-size: 48px;
    margin-bottom: 0;
    margin-right: -100px;
}
a.underline{
    text-decoration: none;
    color: #111;
    border-bottom: 1px dotted #111;
    font-family: "Caudex", sans-serif;
    font-size: 15px;
}
.acordeon .item_content p{
    font-family: "Caudex", serif;
}
.acordeon.normal .item_content p{
    font-family: "Caudex", serif;
    margin-top: 0;
}
.acordeon .item .stamp{
    background: url("../images/texte-extensiune/stamp.png") 0 0 no-repeat;
    background-size: 100% auto;
    width: 183px;
    height: 256px;
    position: absolute;
    top:50%;
    margin-top: -118px;
    left: 12px;
    z-index: 1;
    text-align: center;
    cursor: pointer;
    display: none;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.acordeon .item:not(.active):hover .stamp{
    left: 7px;
    width: 194px;
}
.acordeon .item:not(.active):hover .stamp span{
    margin-top: 72px;
}
.acordeon .item.badge .stamp{
    display: block;
}
.acordeon .item .stamp span{
    color: #483818;
    font-size: 15px;
    text-transform: uppercase;
    display: block;
    margin-top: 67px;
    line-height: 1.2em;
    font-weight: 600;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.acordeon .item.active{
    width: 856px;
}
.acordeon .item.active.medium{
    width: 750px!important;
}

.acordeon .item::before, .acordeon .item::after{
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.acordeon .item::before{
    content: " ";
    display: block;
    position: absolute;
    top: -60px;
    left: 0;
    width: 107px;
    height: 774px;
    background: url("../images/texte-extensiune/papirus-left.png")0 0 no-repeat;
}
.acordeon .item::after{
    content: " ";
    display: block;
    position: absolute;
    top: -60px;
    left: calc(100% - 32px);
    width: 107px;
    height: 774px;
    background: url("../images/texte-extensiune/papirus-right.png")0 0 no-repeat;
}

.small_bio_wrapp{
    width: 1330px;
    margin: 20px auto;
    position: relative;
}
.oral_work{
    display: table;
    width: 587px;
    min-height: 1px;
    position: relative;
}
.oral_work.blue{
    background: url("../images/oral-bg.png") 0 0 no-repeat;
    background-size: 100% 100%;
}
.oral_work.green{
    background: url("../images/oral-bg-green.png") 0 0 no-repeat;
    background-size: 100% 100%;
}

.fix_boxes .learn_title_body .learn_title {
    width: 800px!important;
}

.author_papirus {
    #font-family: 'Pacifico', cursive;
    font-family: "Dancing Script";
    font-size: 24px;
    line-height: 1.4em;
}

.author_papirus .poetry{
    margin-bottom: 20px;
}

.oral_work.blue.big{
    background: url("../images/oral-bg-big.png") 0 0 no-repeat;
    background-size: 100% 100%;
}

.lines-text.brown{
    color: #836151 !important;
}
.lines-text .lines-text-before{
    background: url(../images/icons/lines-text-left.png) center center no-repeat;
    width: 209px;
    height: 47px;
}
.lines-text.brown .lines-text-before{
    background: url(../images/icons/lines-text-brown-left.png) center center no-repeat;
    width: 112px;
}
.lines-text.brown .lines-text-after{
    background: url(../images/icons/lines-text-brown-right.png) center center no-repeat;
    width: 112px;
}
.lines-text .lines-text-after{
    background: url(../images/icons/lines-text-right.png) center center no-repeat;
    width: 209px;
    height: 47px;
}
.lines-text span, .lines-text .lines-text-after, .lines-text .lines-text-before{
    display: inline-block;
    position: relative;
    height: 47px;
    vertical-align: top;
}
.lines-text.brown span, .lines-text.brown .lines-text-after, .lines-text.brown .lines-text-before{
    height: 55px;
    line-height: 55px;
}
.lines-text.brown {
    color: #836151 !important;
}
.oral_work.brown{
    background: url("../images/oral-work-brown.png") 0 0 no-repeat;
    background-size: 100% 100%;
}
.oral_work.brown3{
    background: url("../images/modul4/author/file1.png") 0 0 no-repeat;
    background-size: 100% 100%;
}

.oral_work.brown.skin1{
    background: url("../images/modul3/file-brown1.png") 0 0 no-repeat;
    background-size: 100% 100%;
}
.oral_work.brown.skin2{
    background: url("../images/modul3/file-brown2.png") 0 0 no-repeat;
    background-size: 100% 100%;
}
.oral_work.brown.skin3{
    background: url("../images/modul3/file-brown3.png") 0 0 no-repeat;
    background-size: 100% 100%;
}
.oral_work.brown.skin4{
    background: url("../images/modul3/file-brown4.png") 0 0 no-repeat;
    background-size: 100% 100%;
}
.oral_work.brown .inner{
    padding: 50px 38px;
}
.oral_work.brown2{
    background: url("../images/oral-work-brown2.png") 0 0 no-repeat;
    background-size: 100% 100%;
    min-height: 267px;
}
.oral_work::before, .oral_work::after, .oral_work .inner .pin{
    content: " ";
    display: inline-block;
    position: absolute;
    background: url("../images/pin-brown.png") 0 0 no-repeat;
    width: 41px;
    height: 43px;
}
.oral_work.nopins::before, .oral_work.nopins::after{
    display: none!important;
}

.font17{
    font-size: 17px!important;
}
.font16{
    font-size: 17px!important;
}

.kiwi {
    fill: #94d31b;
}
.kiwi:hover {
    fill: #ace63c;
}
.oral_work::before{
    left: 0;
    top:0;
}
.oral_work::after{
    right: 0;
    top:0;
}
.oral_work .inner .pin.bottom.left{
    bottom: 0;
    left: 0;
}
.oral_work .inner .pin.bottom.right{
    bottom: 0;
    right: 0;
}
.oral_work .inner{
    display: table-cell;
    vertical-align: middle;
    padding: 40px 38px;
    min-height: 173px;
}
.oral_work p, .oral_work ul{
    font-weight: 600;
    font-size: 16px;
    line-height: 1.3em;
    #text-align: justify;
}
.oral_work_ax .inner{
    display: table-cell;
    vertical-align: middle;
}
.oral_work_wrapper .pin1{
    position: absolute;
    top: 10px;
    left: 10px;
}
.oral_work_wrapper .pin2{
    position: absolute;
    top: 10px;
    right: 10px;
}
.oral_work_wrapper.module2 .pin1{
    position: absolute;
    top: 0;
    left: 0;
}
.oral_work_wrapper.module2 .pin2{
    position: absolute;
    top: 0;
    right: 0;
}
.oral_work_wrapper.module2 .pin3{
    position: absolute;
    bottom: 0;
    left: 0;
}
.oral_work_wrapper.module2 .pin4{
    position: absolute;
    bottom: 0;
    right: 0;
}
.oral_work table, .oral_work table td{
    border: 1px solid #111;
    vertical-align: middle;
}

.oral_work table .blue_light{
    background: #D4EAF9;
}
.oral_work table .blue{
    background: #6AA0CA;
}
.heading_oral{
    margin: 25px 0;
}
.heading_oral h2{
    text-align: center;
    font-family: 'quagentregularregular', sans-serif;
    text-transform: uppercase;
    color: #111;
    font-weight: 600;
    font-size: 28px;
    position: relative;
    display: inline-block;
    line-height: 1em;
    padding: 0;
    margin: 5px 10px;
}
.heading_oral.short h2{
    position: relative;
    display: block;
    overflow: hidden;
}
.heading_oral.short h2::before, .heading_oral.short h2::after{
    position: absolute;
    top: 0;
    content: " ";
    display: inline-block;
    width: 209px;
    height: 47px;
}
.heading_oral.blue.short h2::before{
    background: url("../images/icons/lines-text-left.png");
    left: -140px;
}
.heading_oral.blue.short h2::after{
    background: url("../images/icons/lines-text-right.png");
    right: -140px;
}
.heading_oral.orange.short h2::before{
    background: url("../images/icons/lines-text-long-orange-left.png");
    left: -150px;
}
.heading_oral.orange.short h2::after{
    background: url("../images/icons/lines-text-long-orange-right.png");
    right: -150px;
}

.heading_oral.short h2::after{}

.heading_oral.blue h2{
    color: #00758c;
}
.heading_oral.brown h2{
    color: #9E5F4E;
}
.heading_oral.orange h2{
    color: #EA8822;
}
.heading_oral .before, .heading_oral .after{
    width: 209px;
    height: 47px;
    display: inline-block;
    position: relative;
    vertical-align: top;
}
.heading_oral.blue .before{
    background: url("../images/icons/lines-text-left.png") center center no-repeat;
}
.heading_oral.blue .after{
    background: url("../images/icons/lines-text-right.png") center center no-repeat;
}
.heading_oral.brown .before{
    background: url("../images/icons/lines-text-long-brown-left.png") 100% 0 no-repeat;
}
.heading_oral.brown .after{
    background: url("../images/icons/lines-text-long-brown-right.png") 0 0 no-repeat;
}

.heading_oral.orange .before{
    background: url("../images/icons/lines-text-long-orange-left.png") 100% 0 no-repeat;
}
.heading_oral.orange .after{
    background: url("../images/icons/lines-text-long-orange-right.png") 0 0 no-repeat;
}

.books_flipper{
    position: relative;
}
.books_flipper .book{
    display: inline-block;
    width: 189px;
    height: 150px;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    margin: 0 10px 0 0;
    position: relative;
}
.books_flipper .book h4{
    margin: 0 0 -20px 0;
    text-transform: uppercase;
    font-family: "Caudex", sans-serif;
    font-size: 13px;
}
.books_flipper .book.b1.active ul{
    background: url("../images/modul3/books/book-closed.png") 50% 0 no-repeat;
    background-size: auto 100%;
}

.books_flipper .book.b2.active ul{
    background: url("../images/modul3/books/b2.png") 50% 0 no-repeat;
    background-size: auto 100%;
}
.books_flipper .book.b3.active ul{
    background: url("../images/modul3/books/b3.png") 50% 0 no-repeat;
    background-size: auto 100%;
}
.books_flipper .book.b4.active ul{
    background: url("../images/modul3/books/b4.png") 50% 0 no-repeat;
    background-size: auto 100%;
}
.books_flipper .book.b5.active ul{
    background: url("../images/modul3/books/b5.png") 50% 0 no-repeat;
    background-size: auto 100%;
}
.books_flipper .book.b6.active ul{
    background: url("../images/modul3/books/b6.png") 50% 0 no-repeat;
    background-size: auto 100%;
}
.books_flipper .book.b7.active ul{
    background: url("../images/modul3/books/b7.png") 50% 0 no-repeat;
    background-size: auto 100%;
}
.books_flipper .book.b8.active ul{
    background: url("../images/modul3/books/b8.png") 50% 0 no-repeat;
    background-size: auto 100%;
}
.books_flipper .book.b9.active ul{
    background: url("../images/modul3/books/b9.png") 50% 0 no-repeat;
    background-size: auto 100%;
}
.books_flipper .book.b10.active ul{
    background: url("../images/modul3/books/b10.png") 50% 0 no-repeat;
    background-size: auto 100%;
}
.books_flipper .book.b11.active ul{
    background: url("../images/modul3/books/b11.png") 50% 0 no-repeat;
    background-size: auto 100%;
}
.books_flipper .book.b12.active ul{
    background: url("../images/modul3/books/b12.png") 50% 0 no-repeat;
    background-size: auto 100%;
}
.books_flipper .book.b13.active ul{
    background: url("../images/modul3/books/b13.png") 50% 0 no-repeat;
    background-size: auto 100%;
}



.books_flipper .book > img{
    margin-top: 18px;
}
.books_flipper .book.active > img{
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
}
.books_flipper .book ul{
    position: absolute;
    top: 24px;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    border: 1px dashed #111;
    background: rgba(255,255,255, .3);
}
.books_flipper .book ul:hover{
    border-color: #FCB124;
}

.oral_table, .oral_table td, .oral_table th{
    border: 2px solid #111;
    color: #111;
}
.oral_table.blue , .oral_table.blue th, .oral_table.blue td{
    border: 2px solid #66A3BA;
}
.oral_table.blue th{
    background: #A7CAD8;
}

.oral_table.orange th{
    background: #FAD2B8;
}
.oral_table, .oral_table td, .oral_table th{
    border: 2px solid #FFB889;
}


.list_square{
    list-style: square!important;
}
.list_new{
    list-style: disc;
}

.books_flipper_options{}
.books_flipper_options .item{
    display: table;
    width: 100%;
    height: 85px;
    background: gray;
    border-radius: 10px;
    margin-bottom: 5px;
}

.books_flipper_options .item .inner{
    display: table-cell;
    vertical-align: middle;
    position: relative;
    text-align: left;
    padding: 6px 77px 0 15px;
    font-weight: 600;
    font-size: 12px;
    line-height: 1.1em;
    color: #000;
}
.books_flipper_options .item .inner .hidden_placeholder{
    border-radius: 50%;
    -moz-border-radius: 40%;
    position: absolute;
    top: 50%;
    margin-top: -62px;
    left: 72%;
    width: 106px;
    height: 124px;
    background: gray;
}
.books_flipper_options .item .inner ul.uk-nestable{
    position: absolute;
    top:0;
    left: 0;
}

.books_flipper_options .item .inner ul img{
    animation: pulsation 1s infinite;
    border: 1px solid #000;
    border-radius: 50%;
}
.books_flipper_options .cover{
    opacity: 0;
    -moz-opacity: 0;
}
.books_flipper_options .cover.active{
    opacity: 1;
    -moz-opacity: 1;
}

.books_flipper_options{}

.books_flipper_options .item.blue, .books_flipper_options .item.blue .inner .hidden_placeholder{
    background: #2A88D7;
}
.books_flipper_options .item.blue_light, .books_flipper_options .item.blue_light .inner .hidden_placeholder{
    background: #40D1DE;
}
.books_flipper_options .item.blue_dark, .books_flipper_options .item.blue_dark .inner .hidden_placeholder{
    background: #5072EC;
}
.books_flipper_options .item.green, .books_flipper_options .item.green .inner .hidden_placeholder{
    background: #41B960;
}
.books_flipper_options .item.green_light, .books_flipper_options .item.green_light .inner .hidden_placeholder{
    background: #7CD464;
}
.books_flipper_options .item.green_dark, .books_flipper_options .item.green_dark .inner .hidden_placeholder{
    background: #588C69;
}
.books_flipper_options .item.orange, .books_flipper_options .item.orange .inner .hidden_placeholder{
    background: #FF761B;
}
.books_flipper_options .item.pink, .books_flipper_options .item.pink .inner .hidden_placeholder{
    background: #FF91E1;
}
.books_flipper_options .item.yellow, .books_flipper_options .item.yellow .inner .hidden_placeholder{
    background: #E9DE55;
}
.books_flipper_options .item.violet, .books_flipper_options .item.violet .inner .hidden_placeholder{
    background: #B685E8;
}
.books_flipper_options .item.brown, .books_flipper_options .item.brown .inner .hidden_placeholder{
    background: #E99F40;
}
.books_flipper_options .item.red, .books_flipper_options .item.red .inner .hidden_placeholder{
    background: #E96A55;
}

.oral_work.skin1.blue{
    background: url("../images/modul3/file-blue.png") 0 0 no-repeat;
    background-size: 100% 100%;
    width: 982px;
    height: 136px;
    margin-left: auto;
    margin-right: auto;
}

.fullwidth{
    width: 100%!important;
}

.congrats_popup{
    padding: 50px;
    margin: 30px auto;
    max-width: 514px;
    position: relative;
    z-index: 1;
}
.congrats_popup .inner{
    position: relative;
    z-index: 1;
}
.congrats_popup .inner .box{
    position: relative;
    z-index: 2;
    background: url("../images/telegram.png") 0 0 no-repeat;
    width: 514px;
    height: 279px;
}

.congrats_popup .inner::before, .congrats_popup .inner::after{
    content: " ";
    position: absolute;
    z-index: -1;
    width: 164px;
    height: 86px;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
    opacity: 0;
    top: 90px;
}
.congrats_popup .inner::before{
    left: -128px;

    background: url("../images/modul4/fly-left.png");
    animation: wing-left .4s infinite;
    -moz-animation: wing-left .4s infinite;
}
.congrats_popup .inner::after{
    right: -128px;
    background: url("../images/modul4/fly-right.png");
    animation: wing-right .4s infinite;
    -moz-animation: wing-right .4s infinite;
}

.nox .mfp-close{
    display: none!important;
}

.congrats_popup .inner span{
    position: absolute;
    bottom: 58px;
    left: 273px;
    display: inline-block;
    font-family: 'Allura', cursive;
    font-size: 19px;
    color: #9F998D;
}

.end_congrats{
    -webkit-animation: end_congrats 2s linear 1;
    -o-animation: end_congrats 2s linear 1;
    animation: end_congrats 2s linear 1;
}

.author_word{
    display: table;
    position: relative;
    width: 100%;
}
.author_word .inner{
    display: table-cell;
    vertical-align: top;
    padding: 70px;
}
.author_word h2{
    font-family: 'Allura', cursive;
    font-size: 26px;
}
.author_word p{
    font-weight: 600;
    font-size: 14px;
    line-height: 1.4em;
}
.author_word.skin1{
    background: url("../images/modul3/papirus-medium.png") 0 0 no-repeat;
    min-height: 701px;
    background-size: 100% auto;
}

.line_num{
    display: inline-block;
    width: 37px;
    height: 37px;
    line-height: 43px;
    border: 2px solid transparent;
    border-radius: 50%;
    text-align: center;
    font-size: 40px;
    color: #111;
    font-family: 'Allura', cursive;
    font-weight: 400;
}
.line_num.blue {
    border-color: #6BA9BB;
    color: #6BA9BB;
}
.line_num.brown{
    color: #CB7256;
    border-color: #CB7256;
}
.line_num.green{
    color: #287F36;
    border-color: #287F36;
}

.woods_wrapper{
    overflow: hidden;
    font-size: 13px;
    font-weight: 600;
}
.woods_wrapper_box{
    max-width: 561px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}
.woods_wrapper_box::before{
    content: " ";
    position: absolute;
    top:0;
    left: 30px;
    width: 10px;
    height: calc(100% - 15px);
    background: #8FB7B5;
    z-index: -1;
}
.woods_wrapper_box::after{
    content: " ";
    position: absolute;
    top:0;
    right: 30px;
    width: 10px;
    height: calc(100% - 15px);
    background: #8FB7B5;
    z-index: -1;
}
.woods_wrapper_box.brown::before, .woods_wrapper_box.brown::after{
    background: #BA9C82;
}

.woods_heading{
    background: url("../images/texte-extensiune/wood-heading-green.png") 0 0 no-repeat;
    -wevkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
    width: 548px;
    min-height: 75px;
    display: table;
    padding: 5px 20px;
    margin-left: -8px;
    position: relative;
    z-index: 2;
    cursor: pointer;
}
.woods_wrapper_box.brown .woods_heading{
    background: url("../images/texte-extensiune/wood-heading-brown.png") 0 0 no-repeat;
    -wevkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
}
.wh_pin{
    position: absolute;
    top: -1px;
    left: -17px;
    background: url("../images/pin-badge.png") 0 0 no-repeat;
    width: 85px;
    height: 86px;
    display: table;
    font-family: 'Allura', cursive;
    font-size: 52px;
    text-align: center;
}
.wh_pin span{
    display: table-cell;
    vertical-align: middle;
    padding: 27px 0 0 9px;
}
.woods_heading .content{
    display: table-cell;
    vertical-align: middle;
}
.woods_main{
    padding-bottom: 10px;
    margin-top: -92%;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.woods_main.active{
    margin-top: 0;
}
.woods_main p{
    margin: 0;
}
.woods_main .item{
    display: table;
    background: url("../images/texte-extensiune/wood-pattern.png") 0 0  repeat-y;
    -wevkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
    width: 531px;
    min-height: 69px;
    padding: 0 20px;
    -webkit-box-shadow: rgba(0, 0, 0, .3) 0 0 9px;
    -moz-box-shadow: rgba(0, 0, 0, .3) 0 0 9px;
    box-shadow: rgba(0, 0, 0, .3) 0 0 9px;
}
.woods_main .item{
    margin-top: 15px;
}
.woods_main .item .content{
    display: table-cell;
    vertical-align: middle;
    padding: 10px 0;
}

.bolditalic{
    font-weight: 900;
    font-style: italic;
}
.indent20{
    display: inline-block;
    padding-left: 20px;
}
table.bordertable, table.bordertable td, table.bordertable th{
    border: 1px solid #111;
    color: #111;
}
table.bordertable td{}


.floating_curios{
    position: absolute;
    top: 540px;
    left: 30px;
    width: 380px;
}

/*
------------------------------ CONTENT ------------------------------
*/


.lead_text{
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3em;
    color: #000;
}








/*
------------------------------ 3.NAV ------------------------------
*/

nav.second{
    display: block;
    padding: 0;
    margin: 10px 0 0 0;
    text-align: center;
}
nav.second a{
    animation: pulsation 2s infinite;
}
nav.second a, nav.second span{
    display: inline-block;
    line-height: 40px;
    font-family: 'Caudex', serif;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 13px;
    color: #000;
    -webkit-transition: all, 0.2s;
    -moz-transition: all, 0.2s;
    -ms-transition: all, 0.2s;
    -o-transition: all, 0.2s;
    transition: all, 0.2s;
    background: transparent;
    border-radius: 30px;
    padding: 0 20px;
    text-decoration: none;
}
nav.second a:hover, nav.second a.active{
    background: url("../images/pat1.jpg");
    color: #000;
    text-decoration: none;
}

nav.second span{
    font-family: 'Allura', cursive;
    text-transform: none;
    font-size: 36px;
    color: #C3B5A9;
}

nav.primary{
    text-align: center;
    display: block;
    padding: 20px 0;
    background: transparent;
}
ul#menu {
    display: inline-block;
    list-style: none;
    padding: 0;
    position: relative;
    margin: 0;
    opacity: 0.999;
    float: right;
}
ul#menu li{
    display: block;
    float: left;
}
ul#menu li:not(:first-child){
    #margin-left: 29px;
}
ul#menu li a{
    display: block;
    padding: 8px 7px;
    font-family: 'Caudex', serif;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 13px;
    color: #000;
    -webkit-transition: all, 0.4s;
    -moz-transition: all, 0.4s;
    -ms-transition: all, 0.4s;
    -o-transition: all, 0.4s;
    transition: all, 0.4s;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}
ul#menu li a span{
    display: inline-block;
    transition: all, 0.3s;
    color: #000;
}
ul#menu li a:hover{
    text-decoration: none;
}
ul#menu li a:hover, ul#menu li.active a {
    text-decoration: none;
    background: #D8CEC5 url(../images/pat1.jpg);
}

ul#menu li.active a span{
    color: #000;
}

.img_border{
    display: inline-block;
    border: 2px solid #CFC4A6;
}

.author_grid{
    background: url("../images/bg/envelope.png") 100% 100% no-repeat;
    padding-bottom: 390px;
}
.author_box_left{
    width: 808px;
}
.letter_box{
    background: url("../images/bg/pages.png") no-repeat 0 0;
    background-size: cover;
    width: 828px;
    height: 1021px;
}
.letter_box.only_letter{
    background: transparent;
    width: auto;
    height: auto;
}
.letter_box_inner{
    width: 653px;
    min-height: 1300px;
    background: url("../images/bg/page.png") no-repeat 0 0;
    background-size: 100% 100%;
    margin-left: 175px;
}
.letter_box_inner.bottom{
    padding-bottom: 180px;
}
.letter_box.only_letter .letter_box_inner{
    margin-left: -30px;
}

.letter_box_inner h3{
    font-family: 'Allura', cursive!important;
    font-size: 30px;
    color: #502A1B;
    margin: 0;
    line-height: 1;
    text-align: center;
    font-weight: 900;
}
.letter_box_inner h3 span:last-child{
    text-transform: none;
    font-style: normal;
    font-weight: normal;
}
.lb_content{
    padding-top: 67px;
    font-style: italic;
    font-size: 13px;
    font-family: 'Caudex', serif;
    position: relative;
    width: 541px;
    margin: 0 auto;
}
.lb_content p{
    margin: 0;
}
.lb_note{
    margin: 33px 0;
    line-height: 1.2em;
}
.lb_filltext{
    position: absolute;
    top: 260px;
    left: 0;
    width: 100%;
    /*overflow: hidden;*/
}
.lb_filltext p{
    line-height: 1.4em;
    text-align: justify;
    display: inline;
    #background: url("../images/prow.png");
}
.lb_filltext.large p{
    line-height: 1.5em;
    font-size: 14px;
}

.popovered{
    cursor: help;
}

.table{
    display: table;
    padding: 0;
    margin: 0 auto;
    list-style: none;
    position: relative;
}

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

.tooltip{
    display: inline-block;
    position: relative;
    padding: 0;
    margin: 0;
    text-decoration: none;
    cursor: help;
    border-bottom: 1px dotted #111;
}

.tooltip .table{
    display: none;
    position: absolute;
    bottom: 100%;
    left: 0;
    max-width: 380px;
    min-width: 280px;
    background: #E3DBD5 url("../images/tbg.png") center center no-repeat;
    background-size: 100% auto;
    border: 3px solid #AEA9A0;
    color: #111;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
.tooltip.right .table{
    left: unset;
    right: 0;
}
.tooltip .table.auto{
    width: auto;
}
.tooltip .table.left{
    left: -230px;
}
.tooltip:hover .table, .tooltip.active .table{
    display: table!important;
}
.tooltip .table > span{
    display: table-cell;
    vertical-align: middle;
    padding: 10px 18px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    position: relative;
    font-size: 13px;
    line-height: 1.2em;
    color: #111;
    text-align: center;
}

.tooltip .table::after{
    content: " ";
    display: inline-block;
    background: url("../images/tooltip-arrow.png") 0 0 no-repeat;
    width: 47px;
    height: 16px;
    position: absolute;
    bottom: -16px;
    left: 20px;
}

.tooltip .table.left::after{
    left: unset;
    right: 90px;
}

.clickable{
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.clickable:hover{
    opacity: .8;
}

.tooltip .table > span img{
    max-width: unset;
    width: auto;
}
.tooltip .table > span img.auto{
    width: 100%;
    height: auto;
    margin: 5px 0;
    display: block;
}


/*
------------------------------ 3.NAV ------------------------------
*/






/*
------------------------------ 4.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: #111;
    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;
}

.onehalf_secondAnimate.magictime{
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    -o-animation-duration: 1.5s;
    animation-duration: 1.5s;
}

.group_number{
    position: relative;
}

.group_number .gn{
    display: table!important;
    background: url("../images/group-number.png") 0 0 no-repeat;
    width: 84px;
    height: 87px;
    position: absolute;
    top: -10px;
    left: -90px;
}
.group_number .gn > *{
    display: table-cell!important;
    vertical-align: middle;
    text-align: center;
    font-size: 40px;
    color: #000;
    font-weight: 700;
    text-transform: uppercase;
    padding: 18px 0 0 10px;
}

.dropdownWrapper {
    display: inline-block;
    padding: 0px;
    border-radius: 3px;
    text-align: center;
    position: relative;
    z-index: 999;
}
.dropdownLabel {
    cursor: pointer;
    padding: 5px 20px;
}

.dropdownPanel {
    position: absolute;
    width: 500px;
    background-color: #ECEBE9;
    padding: 5px;
    left: 0;
    bottom: 98%;
    margin-bottom: 10px;
    display: none;
    z-index: 2;
    border: 4px solid #5bd2ee;
}
.dropdownWrapper.bigPopover{
    cursor: pointer;
}
.dropdownWrapper.bigPopover .dropdownPanel{
    bottom: initial;
    border-color: #b1902e;
    background: #DDD3CD;
    border-radius: 20px;
    max-width: 750px;
}
.dropdownWrapper.bigPopover .dropdownPanel .title{
    text-transform: uppercase;
    margin-bottom: 10px;
    text-align: center;
    color: #7d5508;
    font-family: 'Caudex', serif;
}
.dropdownWrapper.bigPopover .dropdownPanel .dropdownPanelInner{
    padding: 10px 15px;
    min-height: 50px;
    display: table;
    position: relative;
    overflow: hidden;
    text-align: justify;
    font-family: "Caudex", sans-serif;
    font-size: 14px!important;
    line-height: 1.3em!important;
}
.dropdownWrapper.bigPopover .dropdownPanel .dropdownPanelInner:before{
    width: 32px;
    content: "";
    height: 156px;
    text-align: center;
    background: url(../images/icons/tooltip-big-left.png) top left no-repeat;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    display: block;
    position: absolute;
}
.dropdownWrapper.bigPopover .dropdownPanel .dropdownPanelInner:after{
    width: 32px;
    content: "";
    height: 156px;
    text-align: center;
    background: url(../images/icons/tooltip-big-right.png) top right no-repeat;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    display: block;
    position: absolute;
}
.dropdownPanel  p{
    margin: 5px;
    background: none;
    display: table-cell;
    text-transform: initial;
    vertical-align: middle;
}

.js_letter{
    position: relative;
    z-index: 2;
}
.dropdownPanel:before {
    width: 32px;
    content: "";
    height: 23px;
    text-align: center;
    background: url(../images/icons/tooltip.png) top left no-repeat;
    left: 0;
    top: 100%;
    display: block;
    right: 0;
    margin: 0 auto;
    position: absolute;
}
.dropdownWrapper.bigPopover .dropdownPanel:before {
    content: none;
}
.authorBioWrapper{

}
.authorBioWrapper .authorPhoto, .authorBioWrapper .authorBio{
    padding: 0;
    text-align: center;
}
.authorBioWrapper .authorBio .topSide{
    width: 100%;
    height: 214px;
    background: url(../images/icons/biografie/bio_top.png) top left no-repeat;
}
.authorBio .topSide h3{
    color: #67615a;
    font-size: 24px;
    font-weight: 500;
    padding-top: 45px;
}
.authorBioWrapper .authorBio .middleSide{
    min-height: 477px;
    width: 100%;
    background: url(../images/icons/biografie/bio_middle.png) top left repeat-y;
}


.authorBioWrapper .authorBio .middleSide h1{
    margin: 0;
    font-size: 60px;
}
.authorBioWrapper .authorBio .middleSide h3.authorBioSubtitle{
    margin: 0;
    text-align: center;
    padding-top: 25px;
    padding-bottom: 45px;
    background: url(../images/icons/biografie/subtitle.png) bottom center no-repeat;
    font-weight: bold;
}

.authorBioWrapper .authorBio .middleSide h3.authorBioSubtitle-extend{
    margin: 0;
    text-align: center;
    padding-top: 25px;
    padding-bottom: 45px;
    background: url(../images/icons/biografie/subtitle-extend.png) bottom center no-repeat;
    font-weight: bold;
}

.authorBioWrapper .authorBio .middleSide h3.authorBioSubtitle-extend-max{
    margin: 0;
    text-align: center;
    padding-top: 25px;
    padding-bottom: 45px;
    background: url(../images/icons/biografie/subtitle-extend-max.png) bottom center no-repeat;
    font-weight: bold;
}

.volumesBioSubtitle h4{
    margin: 0;
    text-align: center;
    padding-top: 0px;
    padding-bottom: 15px;
    background: url(../images/icons/biografie/volumes_subtitle.png) bottom center no-repeat;
}

.volumesBioSubtitle-extended h4{
    margin: 0;
    text-align: center;
    padding-top: 0px;
    padding-bottom: 15px;
    background: url(../images/icons/biografie/volumes_subtitle_extended.png) bottom center no-repeat;
    font-size: 38px;
    font-family: 'Allura', cursive;
    line-height: 1em;
}

.uk-list{
    padding-left: 30px;
}
.uk-list li{
    padding-bottom: 15px;
}

.portret{
    height: 185px;
    padding-top: 15px;
}

.authorBioWrapper .authorBio .middleSide .AuthorBioContentWrapper{
    #padding: 10px 100px;
    #max-width: 694px;
    width: 660px;
    margin: 0 auto;
}
.authorBioWrapper .authorBio .middleSide .AuthorBioContentWrapper .bioContentRow .contentLeftSide{
    width: 25%;
    float: left;
    padding-top: 5px;
    padding-right: 5px;
    text-align: right;
}
.authorBioWrapper .authorBio .middleSide .AuthorBioContentWrapper .bioContentRow .contentRightSide{
    width: 72%;
    padding-left: 10px;
    padding-top: 5px;
    float: right;
    border-left: 2px solid #ddba4e;
}

.authorBioWrapper .authorBio .bottomSide{
    width: 100%;
    height: 188px;
    background: url(../images/icons/biografie/bio_bottom.png) top left no-repeat;
}

/* Custom  */

.authorBioWrapper .authorBio .middleSide .AuthorBioContentWrapper .bioContentRow .contentRightSide-creations-middle{
    width: 70%;
    padding-left: 18px;
    padding-top: 5px;
    margin-top: -1px;
    float: right;
    background: url(../images/icons/biografie/opere_bara_middle.png) top left no-repeat;
}

.authorBioWrapper .authorBio .middleSide .AuthorBioContentWrapper .bioContentRow .contentRightSide-creations-middle-centered{
    width: 70%;
    padding-left: 18px;
    padding-top: 7px;
    margin-top: -1px;
    float: right;
    background: url(../images/icons/biografie/opere_bara_middle.png) left no-repeat;
}

.authorBioWrapper .authorBio .middleSide .AuthorBioContentWrapper .bioContentRow .contentRightSide-creations-bottom{
    width: 70%;
    padding-left: 18px;
    padding-top: 5px;
    float: right;
    margin-top: -4px;
    background: url(../images/icons/biografie/opere_bara_bottom.png) top left no-repeat;
}

.authorBioWrapper .authorBio .middleSide .AuthorBioContentWrapper .bioContentRow .bar-creation-top{
    position: relative;
    right: -4px;
    /*
    background: url(../images/icons/biografie/opere_bara_top.png) top left no-repeat;
    */
}

.authorBioWrapper .authorBio .middleSide .AuthorBioContentWrapper .bioContentRow .bar-creation-top2{
    position: relative;
    right: -1px;
/*
background: url(../images/icons/biografie/opere_bara_top.png) top left no-repeat;
*/
}

.authorBioWrapper .authorBio .middleSide .AuthorBioContentWrapper .bioContentRow .bar-creation-bottom{
    position: relative;
    left: 14px;

}

.authorBioWrapper .authorBio .middleSide .AuthorBioContentWrapper .bioContentRow .bar-creation-bottom .bottom-image-creation{
    margin-top:-11px;

}

.authorBioWrapper .authorBio .middleSide .AuthorBioContentWrapper .title-bar-creations {
    background: url(../images/icons/biografie/volumes_subtitle.png) center 100% no-repeat;
    padding-bottom: 1px;
    margin-bottom: -20px;
    text-align: center;
}

.authorBioWrapper .authorBio .middleSide .AuthorBioContentWrapper .title-bar-creations-small {
    background: url(../images/icons/biografie/volumes_subtitle_small.png) bottom left no-repeat;
    padding-bottom: 1px;
    margin-bottom: -20px;
}

.authorBioWrapper .authorBio .middleSide .AuthorBioContentWrapper .title-bar-creations-small p {
    font-size: 38px;
    font-family: 'Allura', cursive;
    position: relative;
    right: -12%;
}

.authorBioWrapper .authorBio .middleSide .AuthorBioContentWrapper .title-bar-creations p {
    font-size: 38px;
    font-family: 'Allura', cursive;
    position: relative;
    line-height: 1em;
}


.subtitle-bio {
    font-family: 'Allura', cursive;
    font-size: 40px;
    color: #ae8030;
    text-align: center;
    line-height: 1.1;
}

.blank-row-20 {
    margin-top:20px;
}

.blank-row-40 {
    margin-top:40px;
}

.separator-bg {
    width: 97%;
    height: 190px;
    margin: -50px 0px -50px 0px;
    background: url(../images/icons/biografie/separator.png) center center no-repeat;
}

.details-block-middle{
    padding-left: 18px;
    padding-top: 0px;
    margin-top: -1px;
    float: left;
    background: url(../images/icons/biografie/opere_bara_middle.png) left no-repeat;
}

.details-block-middle-extended{
    padding-left: 18px;
    padding-top: 0px;
    margin-top: -1px;
    float: left;
    background: url(../images/icons/biografie/opere_bara_middle_extended.png) left no-repeat;
}

.details-block-middle-extended-max{
    padding-left: 18px;
    padding-top: 0px;
    margin-top: -1px;
    float: left;
    background: url(../images/icons/biografie/opere_bara_middle_extended_max.png) left no-repeat;
}


.details-block-middle-pd7{
    padding-left: 18px;
    padding-top: 7px;
    margin-top: -1px;
    float: left;
    background: url(../images/icons/biografie/opere_bara_middle.png) left no-repeat;
}

.details-block-top{
    padding-left: 15px;
    margin-left: -9px;
    padding-top: 3px;
    margin-top: -1px;
    float: left;
    background: url(../images/icons/biografie/opere_bara_top.png) left no-repeat;
}

.details-block-bottom{
    padding-right: 25px;
    padding-top: -5px;
    margin-left: -8px;
    float: left;
    background: url(../images/icons/biografie/opere_bara_bottom2.png) left no-repeat;
}


.details-block-middle-line{
    padding-left: 18px;
    padding-top: 2px;
    margin-top: -1px;
    float: left;
    background: url(../images/icons/biografie/opere_bara_middle_line.png) left no-repeat;
}


.txt-left-side {
    padding-top: 45%;
    padding-left: 20%;
    font-size: 32px;
}


.txt-left-side-sm {
    padding-top: 25%;
    padding-left: 20%;
    font-size: 36px;
}

.authorBioWrapper .authorBio .middleSide .AuthorBioContentWrapper .bioContentRow .contentRightSide-creations-middle-centered-fixed {
    width: 62%;
    padding-left: 20px;
    padding-top: 7px;
    margin-top: -1px;
    float: right;
    background: url(../images/icons/biografie/opere_bara_middle.png) left no-repeat;
}

.vol-title-marg {
    margin-bottom: -28px;
}

.marg-left {
    margin-left: 72px;
}


#timbre{
    position: relative;
}

.authorBioWrapper .authorBio .middleSide .AuthorBioContentWrapper .bioContentRow .contentLeftSide-width-7-10 {
    width: 22%;
    float: left;
    padding-top: 5px;
    padding-right: 5px;
    text-align: right;
}

.image-caption {
    font-size:12px;
}

.fs-13 {
    font-size:13px;
}

.comoara-block .comoara-top{
	width: 100%;
    height: 214px;
    background: url(../images/icons/biografie/comoara-top.png) top left no-repeat;
}

.comoara-block .comoara-middle{
	width: 100%;
    height: 214px;
    background: url(../images/icons/biografie/comoara-middle.png) top left no-repeat;
}

.comoara-block .comoara-bottom{
	width: 100%;
    height: 214px;
    background: url(../images/icons/biografie/comoara-bottom.png) top left no-repeat;
}

.comoara-block .comoara-top p {
	width: 55%;
    padding: 110px 0px 0px 30px;
	text-align: left;
}

.comoara-block .comoara-middle p {
	width: 55%;
    padding: 110px 0px 0px 30px;
	text-align: left;
}


.authorBioWrapper .authorBio .middleSide .AuthorBioContentWrapper .bioContentRow .contentRightSide-creations-middle-centered-extended2{
    width: 70%;
    padding-left: 18px;
    padding-top: 7px;
    margin-top: -1px;
    float: right;
    background: url(../images/icons/biografie/opere_bara_middle_extended.png) left no-repeat;
}

.bar-creation-top2 img {
    position: relative;
    left: -8px;
}

.project_cufar_middle_new-1-3 {
    background: url(../images/icons/cufar-open-middle.png) 0 0 repeat-y;
    position: relative;
    padding: 0 185px 0 30px;
    top: -80px;
    text-align: justify;
}

.uk-width-7-10 .bioContentRow .contentLeftSide2 {
    width: 23%;
    float: left;
    padding-top: 5px;
    padding-right: 5px;
    text-align: right;
}

.centered {
	padding-left: 45px;
}

.pad-title-centered {
    padding-left: 130px;
    padding-right: 160px;
}

.margin-5 {
	margin: 5px;
}

.height-150 {
	height: 150px;
}

.marg-bottom-70per {
	margin-bottom: -70%;
}

.marg-bottom-min30 {
	margin-bottom: -30px;
}

.marg-left-75per {
	margin-left: 75%;
}

.authorBioWrapper .authorBio .middleSide .AuthorBioContentWrapper .bioContentRow .contentRightSide-creations-middle-centered2 {
    width: 70%;
    padding-left: 18px;
    padding-top: 7px;
    margin-top: -1px;
    float: right;
    background: url(../images/icons/biografie/opere_bara_middle_extended_max2.png) left no-repeat;
}

.marg-left-8per {
	margin-left: -8%;
}

.padding-l-25per{
    padding-left: 25%;
}
/*
------------------------------ 4.FOOTER STYLING ------------------------------
*/

.audio_box .audiojs{
    display: block;
    width: auto;
}

.audio_box .audiojs .scrubber{
    width: 640px!important;
}
.audio_box .image{
    display: table;
    margin: 0 auto;
    margin-bottom: 35px;
}
.audio_box .image img{
    display: inline-block;
    width: 400px;
    -webkit-box-shadow: rgba(0, 0, 0, .15) 0 0 35px;
    -moz-box-shadow: rgba(0, 0, 0, .15) 0 0 35px;
    box-shadow: rgba(0, 0, 0, .15) 0 0 35px;
    border-radius: 3px;
}
.chose_manual{
    height: 380px;
}
.chose_manual .item{
    display: table;
    width: 100%;
    padding: 0;
    margin: 0;
    height: 450px;
    position: relative;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.chose_manual .item.a1{
    background: url("../images/a1.png") 0 50% no-repeat;
    background-size: 100% auto;
}
.chose_manual .item.a2{
    background: url("../images/a2.png") 0 50% no-repeat;
    background-size: 100% auto;
}
.chose_manual .item.a3{
    background: url("../images/a3.png") 0 50% no-repeat;
    background-size: 100% auto;
}

.chose_manual .item a{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 30px;
    color: #000;
    text-decoration: none;
}
.chose_manual .item:hover{
    -webkit-opacity: .75;
    -moz-opacity: .75;
    opacity: .75;
}
.video_heading{
    position: relative;
    margin-bottom: 40px;
}
.video_heading h2{
    font-size: 40px;
    margin: 25px 0;
    font-family: 'Kaushan Script', cursive;
    text-align: center;
}
.bios{
    position: relative;
    margin-bottom: 50px;
}
.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(0,0,0, .7);
}
.bios a:hover:after{
    opacity: 1;
}

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

.special_heading{
    font-size: 40px;
    text-align: center;
    font-family: 'Kaushan Script', cursive;
    line-height: 1.5em;
    margin: 20px 0;
}

.special_heading2 > *{
    font-family: 'Dancing Script', cursive;
    font-size: 35px;
    line-height: 1.6em;
}

.interview p .caushan{
    font-family: 'Kaushan Script', cursive;
    font-size: 22px;
    font-weight: 500;
}

.picture_popup{
    background: #fff;
    display: table;
    padding: 0;
    margin: 10px auto;
    position: relative;
    width: 720px;
}
.picture_popup .question{
    padding: 20px;
    color: #000;
    font-size: 17px;
    line-height: 1.4em;
    width: 250px;
}
.picture_popup .question h3{
    font-family: "Kaushan Script", sans-serif;
}

.picture_popup .question ul li{
    padding-bottom: 15px;
}

.open-modal{}
.custom_scroll_dark{}

.padding_remove{
    padding: 0!important;
}

.grifResponses li span{
    font-size: 17px;
}

.small_voevod{
    position: relative;
}
.small_voevod img{
    height: 160px;
}

.pictures_dragg_wrapper{
    position: relative;
    margin: 0 auto;
}

.pictures_dragg_wrapper > .uk-clearfix > div{
    position: relative;
    margin-right: 30px;
}
.pictures_dragg_wrapper .image{
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    position: relative;
}
.pictures_dragg_wrapper .pd1 .image{
    background: url("../images/modul1/1.png") center center no-repeat;
    width: 391px;
    height: 339px;
}
.pictures_dragg_wrapper .pd1.active .image{
    background: url("../images/modul1/1-hover.png") center center no-repeat;
}

.pictures_dragg_wrapper .pd2 .image{
    background: url("../images/modul1/2.png") center center no-repeat;
    width: 278px;
    height: 339px;
}
.pictures_dragg_wrapper .pd2.active .image{
    background: url("../images/modul1/2-hover.png") center center no-repeat;
}

.pictures_dragg_wrapper .pd3 .image{
    background: url("../images/modul1/3.png") center center no-repeat;
    width: 365px;
    height: 339px;
}
.pictures_dragg_wrapper .pd3.active .image{
    background: url("../images/modul1/3-hover.png") center center no-repeat;
}

.pictures_dragg_wrapper .pd4 .image{
    background: url("../images/modul1/4.png") center center no-repeat;
    width: 334px;
    height: 339px;
}
.pictures_dragg_wrapper .pd4.active .image{
    background: url("../images/modul1/4-hover.png") center center no-repeat;
}

.pictures_dragg_wrapper .pd5 .image{
    background: url("../images/modul1/5.png") center center no-repeat;
    width: 250px;
    height: 339px;
}
.pictures_dragg_wrapper .pd5.active .image{
    background: url("../images/modul1/5-hover.png") center center no-repeat;
}

.pictures_dragg_wrapper .pd6 .image{
    background: url("../images/modul1/6.png") center center no-repeat;
    width: 482px;
    height: 339px;
}
.pictures_dragg_wrapper .pd6.active .image{
    background: url("../images/modul1/6-hover.png") center center no-repeat;
}


#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;
    width: auto;
    z-index: 2;
    top: 50%;
    left: -50px;
    -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: 60px;
    background: url("../images/menu-item.png") 80% 50% no-repeat;
    text-transform: uppercase;
    margin-bottom: 5px;
    display: table;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: .5;
}
#sidebar:hover .wrapper .item{
    opacity: .75;
}
#sidebar .wrapper .item:hover,
#sidebar .wrapper .item.active{
    opacity: 1;
}

#sidebar .wrapper .item.active{

}

#sidebar .wrapper .item > *{
    display: table-cell;
    vertical-align: middle;
    position: relative;
    height: 60px;
}
#sidebar .wrapper .item a{
    font-size: 17px;
    line-height: 1;
    text-transform: uppercase;
    text-decoration: none;
    color: #111;
    padding: 0 65px 0 40px;
    position: relative;
    right: -70px;
    z-index: 4;
    max-height: 58px;
    overflow: hidden;
}

#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;
}


.sitemap_boxes{
    position: relative;
    padding: 40px;
}
.sitemap_boxes .sb{
    display: block;
    position: relative;
    padding: 35px;
    background: #F3AA22;
    background: linear-gradient(60deg, #ffa726, #fb8c00);
    box-shadow: 0 12px 20px -10px rgba(255, 152, 0, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(255, 152, 0, 0.2);
    border: 2px solid #fff;
    border-radius: 15px;
    margin-bottom: 15px;
}
.sitemap_boxes .sb h3{
    margin: 10px 0 40px 0;
    font-size: 30px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    font-family: 'Caudex', serif;
}
.sitemap_boxes .sb h4{
    margin: 0 0 30px 0;
    font-size: 30px;
    font-weight: bold;
    color: #000;
    font-family: 'Caudex', serif;
}
.sitemap_boxes .sb p{
    font-size: 17px;
    line-height: 2em;
    margin-top: 5px;
    color: #000;
}

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

.double_cat{
    position: relative;
    z-index: 1;
    width: 280px;
    height: 360px;
    border: 0;
    overflow: hidden;
    bottom: unset;
    right: -33px;
}
.double_cat::before{
    content: " ";
    display: block;
    width: 350px;
    height: 20px;
    position: absolute;
    z-index: 5;
    top: 39%;
    left: -30px;
    background: url("../images/bg_pattern.jpg");
    -webkit-transform: rotate(-20deg);
    -moz-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    -o-transform: rotate(-20deg);
    transform: rotate(-20deg);
    opacity: 1;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
    -webkit-box-shadow: inset rgba(0,0,0, .5) 0 0 8px;
    -moz-box-shadow: inset rgba(0,0,0, .5) 0 0 8px;
    box-shadow: inset rgba(0,0,0, .5) 0 0 8px;
}

.double_cat > div{
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 2;
    border: 1px solid transparent;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.double_cat > div:first-child{
    bottom: 0;
    height: 70%;
    background: url("../images/dev/video-cover.png") 0 0 no-repeat;
    background-size: 100% auto;
}

.double_cat > div:last-child{
    height: 60%;
    top: 0;
    background: url("../images/dev/pi-part.png") 0 0 no-repeat;
    z-index: 3;
}

.double_cat .cat_project .entry{
    text-align: center;
    font-size: 14px;
    line-height: 1.4;
    color: #111;
    font-weight: bold;
    text-transform: uppercase;
    padding-top: 90px;
}


.double_cat .cat_video .entry{
    text-align: left;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 1.4;
    color: #111;
    font-weight: bold;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px 0;
}
.double_cat .cat_video .entry .table{
    vertical-align: middle;
    margin: 0 auto;
}
.double_cat .cat_video .entry .table > div{
    vertical-align: middle;
    padding: 0 10px;
}

.double_cat > div .over{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
}

/*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 > .table{
    width: 100%;
}
.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*/


/*rules*/
.rules_box{
    position: relative;
    margin: 100px 0;
}
.rules_box .rules_content{
    position: relative;
    border: 1px solid #024690;
    background: #fff;
    border-radius: 5px;
    box-shadow: rgba(0,0,0, .3) 0 0 15px 1px;
    padding: 60px;
    font-size: 20px;
    line-height: 1.6em;
}

.rules_box .rules_content h1,
.rules_box .rules_content h2,
.rules_box .rules_content h3,
.rules_box .rules_content h4,
.rules_box .rules_content h5,
.rules_box .rules_content h6{
    line-height: 1.3em;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 40px;
}
.rules_box .rules_content ul{
    list-style: disc;
}
.rules_box .text_indent{
    text-indent: 40px;
}



.rules_box .rb_intro{
    text-align: center;
    margin-bottom: 20px;
}
.rules_box .rb_intro h2{
    font-size: 30px;
    margin: 0 0 15px 0;
}
.rules_box .rb_intro span{
    display: block;
    margin-top: 10px;
    font-weight: normal;
    font-style: italic;
    font-size: 24px;
}
.rules_box .digital{
    text-align: center;
}
.rules_box .digital h2{
    color: red;
}
.rules_box .red{
    color: red!important;
}
.rules_box .rb_section{
    font-size: 18px;
    font-weight: 500;
    margin: 30px 0;
}

.rules_box a{
    font-weight: 600;
    text-decoration: underline;
}
.rules_box a:hover{
    text-decoration: none;
}

/*rules*/