/*@font-face {
    font-family: 'Swagmasta';
    src: url("../fonts/Swagmasta-custom.woff") format('woff'),
    url("../fonts/Swagmasta-custom.ttf") format('truetype');
} */
@font-face {
    font-family: 'Ludicrous';
    src: url("../fonts/Ludicrous.ttf") format('tff'),
    url("../fonts/Ludicrous.ttf") format('truetype');
}

::-webkit-scrollbar-thumb {
    background: #661143;
}
::-webkit-scrollbar-thumb:window-inactive {
    background:#661143;
}
.header .header-block-nav a {
  text-decoration: none;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
}
.header .header-block-nav a:active,.header .header-block-nav a:hover {
  color:#dadada;
}
.vzdelavaci-moduly .text-color {
    color: #771155;
}
.vzdelavaci-moduly .background-color {
    background-color: #771155
}
/*.vzdelavaci-moduly .text-swagmasta {
    font-family: 'Swagmasta', serif;
} */
.vzdelavaci-moduly .text-ludicrous {
    font-family: 'Ludicrous';
}
.vzdelavaci-moduly .btn {
    font-size: 1.125rem;
    font-weight: bold;
    padding: 1rem;
}
.vzdelavaci-moduly .btn.btn-sm{
    font-size: 0.85rem;
    padding: 12px 11px 11px 11px;
}
.vzdelavaci-moduly .btn-yellow {
    color: #771155;
}
.vzdelavaci-moduly .btn-clear {
    color: #771155;
    border: 0.125rem solid #771155;
    background: transparent;
}
.vzdelavaci-moduly .btn-clear:hover {
    color: #5F113D;
    border-color: #5F113D;
}
.vzdelavaci-moduly h2.page-title {
    color: #771155;
    text-transform: uppercase;
    font-weight: bold;
}
.vzdelavaci-moduly h2.page-title.notransform {
    text-transform: none;
}
.vzdelavaci-moduly .cast-shadow {
    -webkit-box-shadow: 0 0.3125rem 0.625rem 0 rgba(0,0,0,0.35);
    -moz-box-shadow: 0 0.3125rem 0.625rem 0 rgba(0,0,0,0.35);
    box-shadow: 0 0.3125rem 0.625rem 0 rgba(0,0,0,0.35);
}
.vzdelavaci-moduly hr {
    border-top: 0.0625rem dashed #771155;
}
.vzdelavaci-moduly .ema-alert.alert-wider {
    max-width: 50rem;
}

.vzdelavaci-moduly .header .header-block-chessman {
    top: auto!important;
}
.vzdelavaci-moduly .header .navbar.navbar-color{
    background-color:#49405B;
}
.vzdelavaci-moduly .text-navbar{
    color:#49405B !important;
}
.vzdelavaci-moduly .bg-light-blue{
    background-color:#E6FAFE;
}
.vzdelavaci-moduly .breadcrumbs a,
.vzdelavaci-moduly .breadcrumbs i{
    line-height:24px;
}
.vzdelavaci-moduly a,
.vzdelavaci-moduly .text-purple{
    color:#49405B;
    text-decoration:none;
}
.vzdelavaci-moduly .text-gray{
    color:#818A91;
}
.vzdelavaci-moduly .bg-purple{
    background:#49405B;
    color:#FFFFFF;
}
.vzdelavaci-moduly .progress-rounded{
    width: 100%;
    height:29px;
    margin-top:63px;
}
.vzdelavaci-moduly .progress-rounded .bar{
    height:100%;
    float: left;
    position:relative;
    padding: 0px 13px 0 0px;
}
.vzdelavaci-moduly .progress-rounded .bar > span{
    width:100%;
    height:100%;
    display: inline-block;
    background: #999999;
}
.vzdelavaci-moduly .progress-rounded .bar.active > span{
    background:#706689;
}
.vzdelavaci-moduly .progress-rounded .bar:before,
.vzdelavaci-moduly .progress-rounded .bar:after{
    content: "";
    height:100%;
    width:13px;
    position:absolute;
    background: transparent url(../img/sprite-modul.png) no-repeat;
}
.vzdelavaci-moduly .progress-rounded .bar:after{
    right:0px;
    background-position:-75px 0px;
}
.vzdelavaci-moduly .progress-rounded .bar:before{
    left:-12px;
    background-position:-48px 0px;
}
.vzdelavaci-moduly .progress-rounded .bar.active:after{
    background-position:-26px 0px;
}
.vzdelavaci-moduly .progress-rounded .bar.active:before{
    background-position:1px 0px;
}
.vzdelavaci-moduly .progress-rounded .flag{
    width: 52px;
    height:63px;
    position:absolute;
    bottom: 27px;
    right: -40px;
    line-height: 33px;
    text-align: center;
    font-weight: 600;
    color:#fff;
    background: transparent url(../img/sprite-modul.png) no-repeat -95px 0px;
}
.vzdelavaci-moduly .footer-nav .title{
    font-size:18px;
    font-weight:bold;
}
.vzdelavaci-moduly .footer-nav .link-sm{
    color:#FFF !important;
    font-size:14px;
    display:block;
    line-height:26px;
}
.vzdelavaci-moduly .carousel .carousel-control-prev-icon,
.vzdelavaci-moduly .carousel .carousel-control-next-icon{
    font-size: 44px;
    color: #818A91;
}
.vzdelavaci-moduly .tip-block{
    padding:37px 34px;
    background:#EEE8F2;
    color:#49405B;    
}
.vzdelavaci-moduly .tip-block .h4{
    padding-bottom:15px;
}
.vzdelavaci-moduly .font-14{font-size:14px}
.vzdelavaci-moduly .font-18{font-size:18px}
.vzdelavaci-moduly .font-3rem{font-size:3rem; line-height: 3.4rem;}
.vzdelavaci-moduly .line-28{line-height:28px}
.vzdelavaci-moduly ul.tri{
    padding-left: 1rem;
}
.vzdelavaci-moduly ul.tri li{
    list-style:none;
}
.vzdelavaci-moduly ul.tri li:before {
    content:" ";    
    border-color: transparent #0085BF;
    border-style: solid;
    border-width: 0.35em 0 0.35em 0.6em;
    float: left;
    height: 0;
    width: 20px;
    left: -1em;
    top: 0.35em;
    position: relative;
}
.vzdelavaci-moduly ul.tri.lg-line li{
    padding-bottom:16px;
}
.vzdelavaci-moduly ul.tri-lg li{
    line-height: 32px;
}
.vzdelavaci-moduly ul.tri-lg li:before{
    border-width: 0.45em 0 0.45em 0.8em;
    width: 9px;
}
.vzdelavaci-moduly .bubble-lg{
    width:205px;
    color:#000;
    line-height: 19px;
    font-style: italic;
    display: block;
    padding:12px;
    border: solid 4px #000;
    border-radius: 19px;
    margin-bottom: 30px;
    position:relative;
    background: #fff;
}
.vzdelavaci-moduly .bubble-lg:after{
    content: "";
    height: 47px;
    width: 73px;
    position: absolute;
    bottom: -34px;
    left: -4px;
    background: transparent url(../img/sprite-modul.png) no-repeat -153px -42px;
}
.vzdelavaci-moduly .bubble-lg:before{
    content: "";
    width:100%;
    height: -moz-calc(100% - 3px);
    height: -webkit-calc(100% - 3px);
    height: -o-calc(100% - 3px);
    height: calc(100% - 3px);
    position: absolute;
    border-right: solid 5px #ECE9E7;
    border-bottom: solid 6px #ECE9E7;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 17px;
    left:0px;
    bottom:0px; 
}
.vzdelavaci-moduly .bubble-sm{
    width:140px;
    color:#000;
    line-height: 19px;
    font-style: italic;
    display:block;
    padding:12px;
    border: solid 3px #000;
    border-radius: 15px;
    position:relative;
    margin-top:30px;
    background: #fff;
}
.vzdelavaci-moduly .bubble-sm:after{
    content: "";
    height: 28px;
    width: 56px;
    position: absolute;
    top: -22px;
    left: -2px;
    background: transparent url(../img/sprite-modul.png) no-repeat -153px -2px;
}
.vzdelavaci-moduly .bubble-sm:before{
    content: "";
    width:100%;
    height: -moz-calc(100% - 3px);
    height: -webkit-calc(100% - 3px);
    height: -o-calc(100% - 3px);
    height: calc(100% - 3px);
    position:absolute;
    border-right: solid 3px #ECE9E7;
    border-top: solid 4px #ECE9E7;
    border-top-right-radius: 13px;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 7px;
    left:0px;
    top:0px; 
}

.vzdelavaci-moduly .sign-links .link-left a,
.vzdelavaci-moduly .sign-links .link-right a{
    min-width:182px;
    display:inline-block;
    text-align: center;
    border-radius: 4px;
    font-weight:700;
    text-transform: uppercase;
    font-size:0.9rem;
    padding:14px 0 12px 0;
    margin-bottom:5px;
}
.vzdelavaci-moduly .section-menu .btn{
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    margin-right:22px;
    font-size: 16px;
}
.vzdelavaci-moduly .section-menu .btn-gray{
    background: #DADADA;
}
.vzdelavaci-moduly .section-menu .btn-gray:hover{
    background: #CACACA;
    color:#5F113D !important;
}

.vzdelavaci-moduly .vertical-middle{
    margin-top: auto;
    margin-bottom: auto;
}

.lessons-list{
    list-style:none;
    padding-left:0px;
}
.lessons-list li{
    position:relative;
    min-height:50px;
    padding:0 45px 0 0;
}
.lessons-list li.done:after{
    content:" ";
    background: transparent url(../img/sprite-modul.png) no-repeat -106px -99px;
    display: inline-block;
    width: 47px;
    height: 43px;
    position: absolute;
    right: 0px;
    top: 0;
}
.lessons-list .separator{
    display:inline-block;
    width:1px;
    height:13px;
    border-right:solid 1px;
    margin: 0 10px -3px 10px;
}
.lessons-list .separator:last-child{display:none;}

.vzdelavaci-moduly .bg-light-purple{background-color:#EEE8F2}
.vzdelavaci-moduly .bg-reader{background-color:#F7E3E4}
.vzdelavaci-moduly .bg-matematic{background-color:#E7FAFE}
.vzdelavaci-moduly .bg-digital{background-color:#F0EFD1}

.vzdelavaci-moduly .icon-fruit{background: transparent url(../img/sprite-modul.png) no-repeat; display:inline-block;}
.vzdelavaci-moduly .icon-fruit.reader{width: 105px; height: 98px; background-position: -128px -148px;}
.vzdelavaci-moduly .icon-fruit.matematic{ width: 68px; height: 98px; background-position: -58px -148px;}
.vzdelavaci-moduly .icon-fruit.digital{width: 58px; height: 98px; background-position: -0px -148px;}
.vzdelavaci-moduly .icon-fruit.light-purple{width: 58px; height: 98px; background:none}

.vzdelavaci-moduly .icon-fruit-lg{background: transparent url(../img/icons-fruit-lg.png) no-repeat; display:inline-block;}
.vzdelavaci-moduly .icon-fruit-lg.reader{width: 286px; height: 249px; background-position: -228px 0;}
.vzdelavaci-moduly .icon-fruit-lg.matematic{ width:203px; height:226px;}
.vzdelavaci-moduly .icon-fruit-lg.digital{width: 204px; height: 235px; background-position: -514px 0;}

.vzdelavaci-moduly .gramotnost.disable .icon-fruit-lg{filter: grayscale(100%);}

.text-light-purple{color:#49405B !important;}
.text-reader{color:#A9040B !important;}
.text-matematic{color:#3D9ABC !important;}
.text-digital{color:#5C5F34 !important;}

.light-purple a,.light-purple .tip-block a,.light-purple h1,.light-purple h2,.light-purple h3,.light-purple h4,.light-purple h5{color:#49405B}
.reader a, .reader .tip-block a,.reader h1,.reader h2,.reader h3,.reader h4,.reader h5{color:#A9040B;}
.matematic a, .matematic .tip-block a,.matematic h1,.matematic h2,.matematic h3,.matematic h4,.matematic h5{color:#3D9ABC;}
.digital a, .digital .tip-block a, .digital h1, .digital h2, .digital h3, .digital h4, .digital h5{color:#5C5F34;}

.btn-light-purple{background-color:#49405B !important; color:#fff !important;}
.btn-reader{background-color:#A9040B !important; color:#fff !important;}
.btn-matematic{background-color:#3D9ABC !important; color:#fff !important;}
.btn-digital{background-color:#5C5F34 !important; color:#fff !important;}
.btn-lesson{ 
    min-width:225px; 
    max-width:100%; 
}

.disable .text-reader,
.disable .text-matematic,
.disable .text-digital{color:#494949 !important;}

.disable .bg-reader,.disable.bg-reader{background-color:#E9E9E9 !important;}
.disable .bg-digital,.disable.bg-digital{background-color:#F7F7F8 !important;}
.disable .bg-matematic,.disable.bg-matematic{background-color:#EEEEEF !important;}

@media (min-width: 575px) {
    .vzdelavaci-moduly .sign-links .link-left a{
        margin-top:65px;
    }
    .vzdelavaci-moduly .sign-links .link-right a{
        margin-top:20px;
    }
    .text-sm-right{
        text-align:right;
    }
}
/* sm a vys */
@media (min-width: 768px) {
    .vzdelavaci-moduly .sign-links .link-left:first-child a{
        margin-top:98px;
    }
    .vzdelavaci-moduly .sign-links .link-right a{
        margin-top:38px;
    }
}
/* md a vys */
@media (min-width: 992px) {
    .vzdelavaci-moduly .sign-links .link-left:first-child a{
        margin-top:145px;
    }
    .vzdelavaci-moduly .sign-links .link-right a{
        margin-top:65px;
    }
}
/* xl a vys */
@media (min-width: 1200px) {
    .vzdelavaci-moduly .sign-links .link-left:first-child a{
        margin-top:175px;
    }
    .vzdelavaci-moduly .sign-links .link-right a{
        margin-top:80px;
    }
}
/* nizsi nez lg */
@media (max-width: 991px) {
}
/* nizsi nez md */
@media (max-width: 768px) {
}
/* lg a vys */
@media (min-width: 992px) {
}
/* nizsi nez sm */
@media (max-width: 575px) {
    .vzdelavaci-moduly .header .header-block-chessman {
        right: 50px;
    }
    .vzdelavaci-moduly .bubble-lg,
    .vzdelavaci-moduly .bubble-sm{
        width: 100%;
        margin-left:0px !important;
    }
    .vzdelavaci-moduly .icon-fruit-lg{
        zoom:0.4;
    }
    .vzdelavaci-moduly .sign-links .link-left a, .vzdelavaci-moduly .sign-links .link-right a{
        width:100%;
        min-width:auto;
    }
}
/* ie 10, 11 */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .ie10up {
        flex-direction: row!important;
        -ms-flex-direction: row!important;
    }
}