/*Box-model padding a border se nepricitavaji */
*, 
*:after, 
*:before {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

/*Fonty*/
@font-face {
  font-family: 'Pismo';
  src: url('../fonts/noway/Noway-Regular.otf');
    font-style: normal;
    font-weight:400;
}

@font-face {
  font-family: 'PismoI';
  src: url('../fonts/noway/Noway-Regular-Italic.otf');
    font-style: normal;
    font-weight:400;
}

@font-face {
  font-family: 'PismoM';
  src: url('../fonts/noway/Noway-Medium.otf');
    font-style: normal;
    font-weight:600;
}

@font-face {
  font-family: 'PismoMI';
  src: url('../fonts/noway/Noway-Medium-Italic.otf');
    font-style: normal;
    font-weight:600;
}

@font-face {
  font-family: 'PismoB';
  src: url('../fonts/noway/Noway-Bold.otf');
    font-style: normal;
    font-weight:800;
}

@font-face {
  font-family: 'PismoBi';
  src: url('../fonts/noway/Noway-Bold-Italic.otf');
    font-style: normal;
    font-weight:800;
}
 
*{margin:0;padding:0;outline:0;border:0;text-decoration:none;vertical-align:baseline;  font-family: 'Pismo'}
html,body{margin:0;padding:0; /*list-style:disc;/*QQQ*/ color:rgba(56,37,40,1.0); font-size:10px; }


html{font-size:10px;-webkit-tap-highlight-color:transparent; font-family: 'Pismo';
     line-height:1.4;
     background-color: rgba(248,224,214,1.0);
     
--cerna: rgba(0,0,0,1.0);
--cerna08: rgba(78,78,78,0.8);
--cerna05: rgba(0,0,0,0.5);
--cerna03: rgba(0,0,0,0.2);
--cerna02: rgba(30,30,30,1);
--maska: rgba(0,0,0,0.3);

--seda1: rgba(0,0,0,0.2);

--text: rgba(56,37,40,1.0); /*OK*/  
--text09: rgba(56,37,40,0.9); /*OK*/
--hover: rgba(214,53,0,1.0); /* Cervena Text Link*/

--text1: rgba(160,129,137,1.0); /* Text slabý */

--tah1: rgba(148,129,134,1.0); /* Tah silný */
--tah2: rgba(209,197,200,1.0); /* Tah slabý */

--bila: rgba(255,255,255,1.0);
--bila08: rgba(255,255,255,0.8);
--bila05: rgba(255,255,255,0.3);

--bg1: rgba(250,245,242,1.0); /*lososo 100*/
--bg0: rgba(249,237,230,1.0); /*lososo 200*/
--bg2: rgba(248,224,214,1.0); /*lososo 300*/
--bg3: rgba(248,210,190,1.0); /*lososo 400*/
--bg4: rgba(255,183,160,1.0); /*lososo 500*/

--bgh: rgba(255,183,160,0.6); /*lososo 500*/

--link: rgba(214,53,0,1.0); /* Cervena Text Link*/
--cervena: rgba(214,53,0,1.0); /* Cervena Text Link*/

--svmodra: rgba(0,180,241,1.0);
--modra: rgba(0,180,241,1.0);

--co1: rgba(0,180,241,1.0);
--co2: rgba(98,149,207,1.0);
--co3: rgba(37,64,142,1.0);
--co4: rgba(61,194,207,1.0);
--co5: rgba(0,119,190,1.0);
--co6: rgba(0,137,169,1.0);
--co7: rgba(171,201,234,1.0);

--dospeli: #006FA1;
--dospeli_s: #DAF1FB;
--dospeli_sv: #EFF8FF;

--deti: #DF0747;
--deti_s: #FFDAE0;
--deti_sv: #FFEFEF;

--workshop: #13675A;
--workshop_s: #DAFBE8;
--workshop_sv: #EDFDF4;

--success: rgba(14,171,0,1);
--success_s: rgba(231,247,230,1);
--zelena: rgba(14,171,0,1.0);

--error: rgba(255,84,84,1);
--error_s: rgba(255,221,221,1);
}


li {line-height:1.4; margin-bottom:0.5rem;}
p {line-height:1.4; margin-bottom:1.5rem;}

.bg {background-color: var(--bila)}  /*bila*/
.bg0 {background-color: var(--bg1)}  /*lososo 100*/
.bg1 {background-color: var(--bg1)}  /*lososo 200*/
.bg2 {background-color: var(--bg2)}  /*lososo 300*/
.bg3 {background-color: var(--bg3)}  /*lososo 400*/
.bg4 {background-color: var(--bg4)}  /*lososo 500*/


#header_nav {height:14rem;background-color: var(--bila); position:fixed; width: 100%; border-bottom: 0.1rem solid var(--cervena); z-index:1001; top:0rem; left:0rem;}

.wrapper_top{max-width:129.5rem; margin:auto auto;text-align:right; padding:0% 1% 0% 1%; border: 0.0rem solid red; position: relative;}
@media (max-width:1280px){.wrapper_top{width:100%;margin: auto;text-align:right; padding:0% 4% 0% 4%;}
}

/* hlavicka */


a{font-size:1.8rem; line-height: 1.4; color: var(--text);}
a:hover {font-size:1.8rem; line-height: 1.4; color: var(--hover);}


/*Menu*/
.nav_desktop_0{ position: absolute; color:var(--text);left:0;top:0rem;height:5.5rem;width:100%;text-align:left;z-index:1001; background:var(--bila);-webkit-transition:width .5s;transition:width .5s; background-color:var(--bila)!important; border: 0.0rem solid red; padding: 2.5rem 0%}

.nav_desktop_top{padding-left:0;margin-bottom:0;list-style:none;-webkit-transition:width .5s;transition:width .5s; text-align: right; font-size:1.0rem; line-height: 1.0!important;  float: left; border: 0.1rem solid var(--tah1); border-radius: 0.5rem; padding: 0.2rem 1rem!important; margin: 0rem 1rem; float: right; height: 4rem;}
.nav_desktop_search{font-size: 1.4rem!important; background: var(--bila ) url(../img/lupa.svg) no-repeat left 1rem center;   background-size: 2.0rem 2.0rem; padding:0rem 0rem 0rem 4rem!important; margin-bottom:0;list-style:none;-webkit-transition:width .5s;transition:width .5s; text-align: left; font-size:1.0rem; line-height: 1.0!important;  float: left; border: 0.1rem solid var(--tah1); border-radius: 0.5rem; margin: 0rem 1rem; float: right; height: 4rem; width: 20rem;}
.border_text{ border: 0.1rem solid var(--tah1)!important;}

.nav_desktop_top .m1{position:relative;display:inline-block;text-transform:uppercase; line-height: 1.0!important; line-height: 1.0!important;}
.nav_desktop_top .m1 a{position:relative; display:block;padding:0.8rem 1.0rem; line-height: 1.0!important; line-height: 1.0!important;}
.nav_desktop_top .m1 a{color:var(--text);font-weight:400; line-height: 1.0!important; line-height: 1.0!important;}
.nav_desktop_top .m1 a:hover,.nad-submenu>ul>li a:active{color:var(--hover); line-height: 1.0!important; line-height: 1.0!important;}

.nav_desktop_topm{ list-style:none;-webkit-transition:width .5s;transition:width .5s; text-align: left; font-size:1.0rem; line-height: 1.0!important;  float: none; border: 0.0rem solid var(--text1); border-radius: 0.5rem; padding: 0rem 2rem 2rem 0rem!important; margin: -6rem 2.0rem 5.0rem 0rem!important;}
.nav_desktop_topm .m1{position:relative; display:inline-block;text-transform:uppercase; line-height: 1.0!important; line-height: 1.0!important; float: left; padding-right:1rem!important; height: 6rem!important; width:5rem;}

.hi_email       {background: var(--bila ) url(../img/i_mail.svg) no-repeat center center;   background-size: 2.5rem 2.5rem; -webkit-transition:.5s all;transition:.5s all; border: 0.0rem solid red; padding:0rem 2rem; height:2.6rem; width:3rem; text-indent:-99999.9rem!important;  color: transparent; margin-top:0.4rem!important;}
.hi_email:hover {background: var(--bila ) url(../img/i_mail_a.svg) no-repeat center center; background-size: 2.5rem 2.5rem; -webkit-transition:.5s all;transition:.5s all; border: 0.0rem solid red; padding:0rem 2rem; height:2.6rem; width:3rem; text-indent:-99999.9rem!important;  color: transparent; margin-top:0.4rem!important;}

.hi_instagram       {background: var(--bila ) url(../img/i_instagram.svg) no-repeat center center;   background-size: 2.5rem 2.5rem; -webkit-transition:.5s all;transition:.5s all; border: 0.0rem solid red; padding:0rem 2rem; height:2.6rem; width:3rem; text-indent:-99999.9rem;  color: transparent; margin-top:0.4rem!important;}
.hi_instagram:hover {background: var(--bila ) url(../img/i_instagram_a.svg) no-repeat center center; background-size: 2.5rem 2.5rem; -webkit-transition:.5s all;transition:.5s all; border: 0.0rem solid red; padding:0rem 2rem; height:2.6rem; width:3rem; text-indent:-99999.9rem;  color: transparent; margin-top:0.4rem!important;}

.hi_youtube       {background: var(--bila ) url(../img/i_youtube.svg) no-repeat center center;   background-size: 2.5rem 2.5rem; -webkit-transition:.5s all;transition:.5s all; border: 0.0rem solid red; padding:0rem 2rem; height:2.6rem; width:3rem; text-indent:-99999.9rem;  color: transparent; margin-top:0.4rem!important;}
.hi_youtube:hover {background: var(--bila ) url(../img/i_youtube_a.svg) no-repeat center center; background-size: 2.5rem 2.5rem; -webkit-transition:.5s all;transition:.5s all; border: 0.0rem solid red; padding:0rem 2rem; height:2.6rem; width:3rem; text-indent:-99999.9rem;  color: transparent; margin-top:0.4rem!important;}

.hi_vimeo       {background: var(--bila ) url(../img/i_vimeo.svg) no-repeat center center;   background-size: 2.5rem 2.5rem; -webkit-transition:.5s all;transition:.5s all; border: 0.0rem solid red; padding:0rem 2rem; height:2.6rem; width:3rem; text-indent:-99999.9rem;  color: transparent; margin-top:0.4rem!important;}
.hi_vimeo:hover {background: var(--bila ) url(../img/i_vimeo_a.svg) no-repeat center center; background-size: 2.5rem 2.5rem; -webkit-transition:.5s all;transition:.5s all; border: 0.0rem solid red; padding:0rem 2rem; height:2.6rem; width:3rem; text-indent:-99999.9rem;  color: transparent; margin-top:0.4rem!important;}

.hi_facebook       {background: var(--bila ) url(../img/i_facebook.svg) no-repeat center center;   background-size: 2.5rem 2.5rem; -webkit-transition:.5s all;transition:.5s all; border: 0.0rem solid red; padding:0rem 2rem; height:2.6rem; width:3rem; text-indent:-99999.9rem;  color: transparent; margin-top:0.4rem!important;}
.hi_facebook:hover {background: var(--bila ) url(../img/i_facebook_a.svg) no-repeat center center; background-size: 2.5rem 2.5rem; -webkit-transition:.5s all;transition:.5s all; border: 0.0rem solid red; padding:0rem 2rem; height:2.6rem; width:3rem; text-indent:-99999.9rem;  color: transparent; margin-top:0.4rem!important;}

.hi_ucet       {background: var(--bila ) url(../img/i_uz.svg) no-repeat center center;   background-size: 2.5rem 2.5rem; -webkit-transition:.5s all;transition:.5s all; border: 0.0rem solid red; padding:0.5rem 2rem 0.5rem 2rem; height:2.6rem; width:3rem; color: transparent; margin-top: 0.4rem!important;}
.hi_ucet:hover {background: var(--bila ) url(../img/i_uz_a.svg) no-repeat center center; background-size: 2.5rem 2.5rem; -webkit-transition:.5s all;transition:.5s all; border: 0.0rem solid red; padding:0.5rem 2rem 0.5rem 2rem; height:2.6rem; width:3rem; color: transparent; margin-top:0.4rem!important;}
.hi_ucet_a     {background: var(--bila ) url(../img/i_uz_a.svg) no-repeat center center; background-size: 2.5rem 2.5rem; -webkit-transition:.5s all;transition:.5s all; border: 0.0rem solid red; padding:0.5rem 2rem 0.5rem 2rem; height:2.6rem; width:3rem; color: transparent; margin-top:0.4rem!important;}

.hi_kosik       {background: var(--bila ) url(../img/i_cart.svg) no-repeat center center;   background-size: 2.5rem 2.5rem; -webkit-transition:.5s all;transition:.5s all; border: 0.0rem solid red; padding:0.5rem 2rem 1.0rem 2rem; height:2.6rem; width:3rem; color: transparent; margin-top:0.4rem!important; padding-bottom: 1rem;}
.hi_kosik:hover {background: var(--bila ) url(../img/i_cart_a.svg) no-repeat center center; background-size: 2.5rem 2.5rem; -webkit-transition:.5s all;transition:.5s all; border: 0.0rem solid red; padding:0.5rem 2rem 1.0rem 2rem; height:2.6rem; width:3rem; color: transparent; margin-top:0.4rem!important;  padding-bottom: 1rem;}

.hi_kosik_m       {background: var(--bila ) url(../img/i_cart.svg) no-repeat center center;   background-size: 3.5rem 3.5rem; -webkit-transition:.5s all;transition:.5s all; border: 0.0rem solid red; padding:0.5rem 2rem 1.0rem 2rem; height:3.6rem; width:4rem; color: transparent; margin:1rem 2rem!important; padding-bottom: 1rem;}
.hi_kosik_m:hover {background: var(--bila ) url(../img/i_cart_a.svg) no-repeat center center; background-size: 3.5rem 3.5rem; -webkit-transition:.5s all;transition:.5s all; border: 0.0rem solid red; padding:0.5rem 2rem 1.0rem 2rem; height:3.6rem; width:4rem; color: transparent; margin:1rem 2rem!important;  padding-bottom: 1rem;}
.stav_m {position:absolute!important; text-align:center!important; border: 0.25rem solid var(--bila); background-color: var(--cervena); color: var(--bila)!important; border-radius:100%; padding: 0.1rem 0.0rem 0.2rem 0.0rem; font-size:1rem; margin-top:-5.2rem; margin-left:4rem; width: 2rem; height: 2rem; }

.i_kosik {background:url(../img/i_kosik.svg) no-repeat center center; background-size:2.0rem auto; -webkit-transition:.5s all;transition:.5s all; border: 0.0rem solid red; padding:0rem 1rem; position:relative!important;}
.i_kosik:hover {background:url(../img/i_kosik_a.svg) no-repeat center center; background-size:2.0rem auto; -webkit-transition:.5s all;transition:.5s all; border: 0.0rem solid red; padding:0rem 1rem;}
.stav {position:absolute!important; text-align:center!important; border: 0.25rem solid var(--bila); background-color: var(--cervena); color: var(--bila)!important; border-radius:100%; padding: 0.3rem 0.0rem 0.2rem 0.0rem; font-size:0.9rem; margin-top:-3.2rem; margin-left:2.0rem; width: 1.95rem; height: 1.95rem; }


.nav_desktop{color:var(--text); position:fixed;left:0;top:8rem;padding-top:1.0rem;height:9rem;width:100%;text-align:right;z-index:1000;background:var(--bila);-webkit-transition:width .5s;transition:width .5s; border-bottom:0.5rem solid var(--bg4)}

.nav_desktop_hl{padding-left:0;margin-bottom:0;list-style:none;-webkit-transition:width .5s;transition:width .5s;}
.nav_desktop_hl .m0{position:relative;display:inline-block;text-transform:none; font-size:1.8rem;}
.nav_desktop_hl .m0 a{position:relative;display:block;padding:1rem 2.0rem;}
.nav_desktop_hl .m0 a{color:var(--text);}
.nav_desktop_hl .m0 a:hover,.nad-submenu>ul>li a:active{color:var(--hover);}
.nad-submenu:hover .s0{display:block;-webkit-transition:width .5s;transition:width .5s;}
.nad-submenu .s0{margin-top:-0.5rem;margin-left:1rem;list-style:none; position:absolute; display:none;background:var(--bila); -webkit-transition:width .5s;transition:width .5s; padding:2rem 0rem 2rem 0rem!important; font-size:1.8rem!important;border-radius:0.4rem; border: 0.0rem solid var(--bg4); -webkit-box-shadow: 0px 0px 5px 1px var(--bgh); -moz-box-shadow: 0px 0px 5px 1px var(--bgh); box-shadow: 0px 0px 5px 1px var(--bgh);} 
.nad-submenu .s0 .m1{list-style:none; margin-left:0rem;padding:0rem 0rem;font-size:1.8rem!important;width:25rem; text-align: left;}
.nad-submenu .s0 .m1 a{color:var(--text); font-size:1.8rem!important; border-bottom: 0.1rem solid var(--seda1); margin:auto 1rem!important; padding:1.5rem 1.5rem; }
.nad-submenu .s0 .m1 a:hover{color:var(--text); font-size:1.8rem!important; border-bottom: 0.1rem solid transparent; margin:auto 1rem!important; }



.nad-submenu .s0 .m1:hover {background: var(--bg4); color:var(--text); background-image: url(../img/i_sipka_m.svg); background-size: 0.5rem auto; background-position: left 3rem center; background-repeat: no-repeat; padding-left: 2rem; }
.navbar-brand {padding-top:0 !important;padding-bottom:0 !important;font-size:1.8rem;text-transform:uppercase; top:0rem;left:0rem; position:absolute;width:22rem;height:15rem;text-indent:-99999.9rem; z-index:1004!important; border: 0.0rem solid red;}
.navbar-brand_m {margin-top: 1rem!important; width:13rem!important;height:9rem!important;}

.uz-menu {margin-top:2.0rem!important;margin-left:-6.5rem!important; width:25rem!important; text-transform: none!important;} 
.uz-menu .m1{list-style:none; margin-left:0rem;padding:0rem 0rem;font-size:1.8rem!important; text-align: left; text-transform: none!important;}
.uz-menu .m1 a{color:var(--text); font-size:1.4rem!important; border-bottom: 0.0rem solid var(--seda1)!important; margin:auto 1rem!important; padding:1.5rem 1.0rem; text-transform: none!important; }
.uz-menu .m1 a:hover{color:var(--text); font-size:1.4rem!important; border-bottom: 0.1rem solid transparent; margin:auto 1rem!important; text-transform: none!important; }

.navbar-brand{float:left;margin:2rem 2rem; background:url(../img/logo_baletni_akademie.svg) no-repeat left top;background-size:100%;position: absolute; z-index:1004; }
.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}
.navbar-brand>img{display:block}
.coll_n{background:var(--bila)!important;height:7rem!important;}
.coll_n_h{margin:1.5rem 0 0 0!important;}
.coll_n_l{margin:-1rem 0 0 0!important;}

.bily_button_call{margin-top:1.0rem!important; float:right; height: 5.8rem; font-family: 'PismoM'; font-size:1.8rem; cursor:pointer; font-weight:normal; margin:auto 1rem; display:inline-block; min-width: 20rem; max-width: 40%; width:auto; background:transparent; color:var(--text);border:0.2rem solid var(--text); border-radius:0.9rem;padding:1.5rem 3.0rem!important;text-align:center; text-transform: none; letter-spacing:0.2rem!important; }
.bily_button_call:hover{height: 5.8rem; background: var(--bila); color:var(--text);border:0.2rem solid var(--bg4); font-size:1.8rem; cursor:pointer; font-weight:normal; letter-spacing:0.2rem!important }
.bily_button_call {display: none;}

@media screen and (max-width:1280px){
.nav_desktop_hl{display:none;}
#header_nav {height:10rem;background-color: var(--bila); position:fixed; width: 100%; border-bottom: 0.1rem solid var(--cervena); z-index:1001; top:0rem; left:0rem;}
.nav_desktop{color:var(--text); position:fixed;left:0;top:0rem;padding-top:1.0rem;height:10rem;width:100%;text-align:right;z-index:1000;background:var(--bila);-webkit-transition:width .5s;transition:width .5s; border-bottom:0.5rem solid var(--bg4)}
.navbar-brand{height: 7rem!important; background:url(../img/logo_baletni_akademie_m.svg) no-repeat left top!important;background-size:auto 95%; position: absolute; z-index:1004;}

.bily_button_call {display: block;}
}

@media screen and (min-width:1280px){.menu-t,.menu-t_1{display:none!important;}
.menu_block_m{display:none!important;}
}

@media screen and (max-width:1280px){.nav_desktop_hl{display:none;}
.navbar-brand_m {margin-top: 2rem!important; width:13rem!important;height:8rem!important;}
}

@media (max-width:420px){.menu-t{display:none;}
}

@media (max-width:820px){
.hid_m_1 {display: none}
}

@media (max-width:1280px){
.hid_m {display: none}
}

.trans{-webkit-transition:all 2s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
.trans:hover{-webkit-transition:all 2s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}

.pt0{padding-top: 0rem!important;}
.pb0{padding-bottom: 0rem!important;}
.pl0{padding-left: 0rem!important;}
.pr0{padding-right: 0rem!important;}

.mt0{margin-top: 0rem!important;}
.mb0{margin-bottom: 0rem!important;}
.ml0{margin-left: 0rem!important;}
.mr0{margin-right: 0rem!important;}

.pt1 {padding-top: 1rem!important;}
.pb1 {padding-bottom: 1rem!important;}
.pt2 {padding-top: 2rem!important;}
.pb2 {padding-bottom: 2rem!important;}
.pt3 {padding-top: 3rem!important;}
.pb3 {padding-bottom: 3rem!important;}
.pt4 {padding-top: 4rem!important;}
.pb4 {padding-bottom: 4rem!important;}
.pt6 {padding-top: 6rem!important;}
.pb6 {padding-bottom: 6rem!important;}
.pt7 {padding-top: 7rem!important;}
.pt8 {padding-top: 8rem!important;}
.pb8 {padding-bottom: 8rem!important;}

.pl1 {padding-left: 1rem!important}
.pr1 {padding-right: 1rem!important}
.pl2 {padding-left: 2rem!important}
.pr2 {padding-right: 2rem!important}
.pl3 {padding-left: 3rem!important}
.pr3 {padding-right: 3rem!important}
.pl4 {padding-left: 4rem!important}
.pr4 {padding-right: 4rem!important}
.pl6 {padding-left: 6rem!important}
.pr6 {padding-right: 6rem!important}
.pl8 {padding-left: 8rem!important}
.pr8 {padding-right: 8rem!important}

.mt05 {margin-top: 0.5rem!important;}
.mt1 {margin-top: 1rem!important;}
.mb1 {margin-bottom: 1rem!important;}
.mt2 {margin-top: 2rem!important;}
.mb2 {margin-bottom: 2rem!important;}
.mt3 {margin-top: 3rem!important;}
.mt3p {margin-top: 3.5rem!important;}
.mb3 {margin-bottom: 3rem!important;}
.mt4 {margin-top: 4rem!important;}
.mb4 {margin-bottom: 4rem!important;}
.mt6 {margin-top: 6rem!important;}
.mb6 {margin-bottom: 6rem!important;}
.mt8 {margin-top: 8rem!important;}
.mb8 {margin-bottom: 8rem!important;}
.mt14 {margin-top: 17rem!important;}

/*jine pro mobini - menu ucet*/
.mt8_m {margin-top: 8rem!important;}



#footer{color:var(--bila); position: absolute; bottom: 0rem!important; width: 100%; }
#footer a{color:var(--bila); font-size:1.4rem;}
#footer a:hover{text-decoration:underline; font-size:1.4rem;}
#footer_copyright{background:var(--text); height:4.2rem;text-align:left;  width:100%; float: none; padding-left: 1rem;}
#footer_copyright p{padding-top:1.1rem;color:var(--bg3)!important; text-align:left; font-size:1.4rem;}
#footer_copyright a{color:var(--bg3)!important;}