@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Thin'), local('Roboto-Thin'), url(files/fonts/G1l_KMKj5pga7ZKths0iTfesZW2xOQ-xsNqO47m55DA.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(files/fonts/Fl4y0QdOxyyTHEGMXX8kcT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Regular'), local('Roboto-Regular'), url(files/fonts/Y5yuUJGDLtmYv2_3fMB4fA.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(files/fonts/isZ-wbCXNKAbnjo6_TwHTj8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: local('Roboto Black'), local('Roboto-Black'), url(files/fonts/3Y_xCyt7TNunMGg0Et2pnj8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url(files/fonts/5z9jpDJQqVE5bmkRqplJfhsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(files/fonts/7m8l7TlFO-S3VkhHuR0at2Ob2gHztoQeulij-1lvl-8.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Italic'), local('Roboto-Italic'), url(files/fonts/m1uAalIytmLBFXF3PwhxpPesZW2xOQ-xsNqO47m55DA.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(files/fonts/t6Nd4cfPRhZP44Q5QAjcC2Ob2gHztoQeulij-1lvl-8.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  src: local('Roboto Black Italic'), local('Roboto-BlackItalic'), url(files/fonts/bmC0pGMXrhphrZJmniIZpWOb2gHztoQeulij-1lvl-8.woff) format('woff');
}

body { position:relative; }
#pop {
	top:15%;
	width:700px;
	margin-left:-350px;
	left:50%;
	display:none;
	position:fixed;
	z-index:100000;
}
#popstyle {
  background-color: #D4252B;
  max-width: 700px;
  margin: 10% auto;
  position: relative;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
   border-radius: 8px;
  border:6px dashed #ffffff; 
}
#popdim {
	background-color:#0b0b0b;
	opacity: 0.95;
	filter:alpha(opacity=90);

	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	display:none;
	z-index:99999;
}

/* Mobile Popup */
#mobile_popup {

  background-color: rgba(0, 0, 0, 0.8);

  display: none;

  position: fixed;

  z-index: 99999;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  padding: 0 30px;

  overflow: auto;

}

#mob_popup {
  background-color: #D4252B;
  max-width: 700px;
  margin: 10% auto;
  position: relative;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
   border-radius: 8px;
  border:6px dashed #ffffff;   
}

.close {
	cursor: pointer;
	color: #fff;
}

.button {
	background-color: #FE8A18;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FFCE34), to(#FE8A18));
    background-image: -webkit-linear-gradient(top, #FFCE34, #FE8A18);
    background-image: -moz-linear-gradient(top, #FFCE34, #FE8A18);
    background-image: -ms-linear-gradient(top, #FFCE34, #FE8A18);
    background-image: -o-linear-gradient(top, #FFCE34, #FE8A18);
    background-image: linear-gradient(top, #FFCE34, #FE8A18);    
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);   
     -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
     -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
     box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;    
    
    border-width: 1px;
    border-style: solid;
    border-color: #d69e31 #e3a037 #d5982d #e3a037;
    height: 65px;
    padding: 0;
    width: 400px;
    cursor: pointer;
    font: 700 25px/25px "Roboto", sans-serif;
    color: #313131;
}
.button:hover {
	background-color: #FFCE34;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FE8A18), to(#FFCE34));
    background-image: -webkit-linear-gradient(top, #FE8A18, #FFCE34);
    background-image: -moz-linear-gradient(top, #FE8A18, #FFCE34);
    background-image: -ms-linear-gradient(top, #FE8A18, #FFCE34);
    background-image: -o-linear-gradient(top, #FE8A18, #FFCE34);
    background-image: linear-gradient(top, #FE8A18, #FFCE34);
}



@media screen and (min-width:240px) and (max-width:479px) {

.button {
	background-color: #FE8A18;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FFCE34), to(#FE8A18));
    background-image: -webkit-linear-gradient(top, #FFCE34, #FE8A18);
    background-image: -moz-linear-gradient(top, #FFCE34, #FE8A18);
    background-image: -ms-linear-gradient(top, #FFCE34, #FE8A18);
    background-image: -o-linear-gradient(top, #FFCE34, #FE8A18);
    background-image: linear-gradient(top, #FFCE34, #FE8A18);    
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);   
     -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
     -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
     box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;    
    
    border-width: 1px;
    border-style: solid;
    border-color: #d69e31 #e3a037 #d5982d #e3a037;
    height: 50px;
    padding: 0;
    width: 250px;
    cursor: pointer;
    font: 700 17px/17px "Roboto", sans-serif;
    color: #313131;
}
.button:hover {
	background-color: #FFCE34;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FE8A18), to(#FFCE34));
    background-image: -webkit-linear-gradient(top, #FE8A18, #FFCE34);
    background-image: -moz-linear-gradient(top, #FE8A18, #FFCE34);
    background-image: -ms-linear-gradient(top, #FE8A18, #FFCE34);
    background-image: -o-linear-gradient(top, #FE8A18, #FFCE34);
    background-image: linear-gradient(top, #FE8A18, #FFCE34);
}

}



*{margin:0 auto;padding:0;outline:0}body,html{height:100%}.clear{clear:both}p{padding:0;letter-spacing:0px}


#form{margin:20px auto;text-align:center;padding:5px 0px}@media screen and (-webkit-min-device-pixel-ratio:0){#form{margin:20px auto}}
#name{width:360px;padding:15px; margin-bottom: 10px; box-shadow:inset 0px 1px 10px 0px rgba(0,0,0,0.3);text-align:center;border:4px solid #f6bf00;color:#777777;font-family:'Source Sans Pro',sans-serif;font-size:18px}
#email{width:360px;padding:15px; margin-bottom: 10px; box-shadow:inset 0px 1px 10px 0px rgba(0,0,0,0.3);text-align:center;border:4px solid #f6bf00;color:#777777;font-family:'Source Sans Pro',sans-serif;font-size:18px}
#submit{position:relative;width:401px;margin-top:10px;background:#ffc600;border:1px solid rgba(0,0,0,0.1);color:#2a292a;font-family:'Source Sans Pro',sans-serif;font-size:30px;cursor:pointer;border-radius:4px;box-shadow:inset 0px 1px 0px 0px rgba(250,250,250,0.7);padding:10px 10px}
#submit:hover{background:#ffce26}.arrow{margin-left:10px;padding:0;width:20px;height:20px;background:url('images/submit-arrow.png') no-repeat 5px 15px;}
#footer{margin:0 auto;padding-top:2px;text-align:center;width:603px;padding:5px}#footer p{font-size:14px;text-align:center;font-family:'Source Sans Pro',sans-serif;margin:0;color:#1e1d1d;text-shadow:none}
#footer p.legal{margin:10px auto 0px auto;padding-bottom:10px}#footer img{display:inline;padding-bottom:5px;padding-right:5px;vertical-align:middle}
#footer .note{margin:0 auto;vertical-align:middle;text-align:center}#footer .note span{font-size:12px;line-height:10px;color:#1e1d1d}
#footer p a{color:#1e1d1d;text-decoration:underline}@media only screen and (max-width:991px){#wrap-pop {display: none;}}@media only screen and (max-width:640px){.drop-shadow:before,.drop-shadow:after{display:none}
#box{width:90%}#box-top{width:90%}#box-bottom{width:90%}#box-bg{width:100%;margin-left:0}
#name,#email{width:290px}
#submit{width:100%}
#footer{width:100%}}@media only screen and (max-width:480px){.drop-shadow:before,.drop-shadow:after{top:60%}
#box{top:30px}
#box h1{
	font-size:30px;
	padding:10px;
}
.texth1{
	font-size:30px;
	padding:10px;
}

#box h2{font-size:20px}
#box p :not(.texth1){font-size:16px}
#submit{font-size:20px}
#box h2,#box p :not(.texth1){padding:2px 15px}
#name,#email{font-size:14px;width:75%}}@media only screen and (max-width:320px){#box h1{font-size:20px;line-height:27px}
#email{font-size:14px}}@media only screen and (max-width:320px){#box h1{font-size:20px;line-height:27px}
#box h2{font-size:14px;line-height:normal}
#box p :not(.texth1){font-size:0.8em}#submit{font-size:1.3em}



}@media only screen and (min-width:991px) {#wrap_mobile_popup {display: none;}}


/*custom style-------------------------------------------*/

.text-center {
	text-align: center;
}
.arrow {
    display: inline-block;
    margin-left: 10px;
    padding: 0;
    width: 20px;
    height: 20px;
    background: url(images/submit-arrow.png) no-repeat;
    background-size: contain;
}
#box p :not(.texth1){
    font-size: 10px;
}
#box-bottom h2 {
    color: #fff;
    font-family: Source Sans Pro;
    font-size: 1.5em;
    font-weight: bold;
    text-align: center;
}
.form-description {
    margin: 25px 0 0;
    color: #fff;
    text-align: center;
}
#form form {
	margin: 0pt 25pt 0pt 25pt;
	padding: 0pt;
	border: none;
	padding: 0;
	margin: 0;
	text-align: center;
}

.personal-data {margin:10px 10px 10px 10px; font: 300 10px/13px "Roboto", sans-serif;color:#d68689;padding: 0 10px;}

.personal-data a {
	color: #d68689;
	padding: 0 !important;
	text-decoration: none;
}

.display-none {
	display: none;
}

#mobile_popup h1 {
	margin: 10px 50px 10px 50px;
	color: #ffffff;
	font: 700 48px/51px "Roboto", sans-serif;
	text-align: center;
}

#mobile_popup h2 {
	text-align: center;
	white-space: normal;
}

#mobile_popup h2 {
	color: #ffffff;
	font: 400 21px/28px "Roboto", sans-serif;
	padding: 10px 20px;
	margin: -10px 0px 10px 0px;
	white-space: normal;
	line-height: 26px;
}

#mobile_popup h2 span {
	color: #ffffff;
}

.playercontainer form {
	margin: 0;
	padding: 0;
}

.table3 {
	width: 100%;
	padding-top: 5px;
	border: 0px;
	padding: 0;
}

.mobile_popup__name {
	width: 133px;
	height: 37px;
	color: #fff;
}

.mobile_popup__name span {
	color: #fbc406;
}

.mobile_popup__input {
    padding-bottom: 10px;
}

.mobile_popup__input input {
    width: 400px;
    height: 55px;
    padding: 0 0 0 10px;
    box-sizing: border-box;
	font: 400 19px/26px "Roboto", sans-serif;
	 -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.get-curs {
	height: 64px;
	font-family: "Arial";
	color: #000;
}



.but-close{
    font-family: Arial;
	font-size: 19px;
    margin: -22px 0px 0px 97%;
    text-align: center;
	position: absolute;
	width: 25px;
    height: 25px;
	padding: 5px;
	border-radius: 50px;
	border:3px solid #ffffff;
	background-color: #ff9600;
	font-weight: 700;
	line-height: 25px;
	color: #000000;
}
.but-close:hover {
	border:3px solid #ffffff;
	background-color: #D4252B;
	color: #fff;
}

.close-link{cursor: pointer;color: #fff;}
.close-link:hover {cursor: pointer;color: #fff;}



.close {
	font-size: 13px;
}


#popstyle  h1 {
	margin: 10px 50px 10px 50px;
	color: #ffffff;
	font: 700 48px/51px "Roboto", sans-serif;
	text-align: center;
}

#popstyle  h2 {
	text-align: center;
	white-space: normal;
}

#popstyle  h2 {
	color: #ffffff;
	font: 400 21px/28px "Roboto", sans-serif;
	padding: 10px 20px;
	margin: -10px 0px 10px 0px;
}

















.get-curs__header {
	width: 360px;
	background: #cc0000 none repeat scroll 0% 0%;
	-moz-background-clip: -moz-initial;
	-moz-background-origin: -moz-initial;
	-moz-background-inline-policy: -moz-initial;
	padding: 5px;
	height: 40px; 
	border: 0;
	white-space:nowrap;
}

.get-curs__header input {
	color: #fff;
	 background-color: #cc0000;
	  border: none; cursor: pointer;
	   font-family: Verdana,Arial,Helvetica,sans-serif; letter-spacing: -1px;
	    font-size: 19px;
	     font-weight: bold;
	      width: 360px; 
	height: 40px;
}

.kontakty textarea {
	width: 302px;
	display: none;
}
div#footer {
    font-size: 12px;
}

#wrap-pop .mobile_popup__name {
    display: block;
    text-align: center;
    margin: 0 auto;
}

#wrap-pop .mobile_popup__input {
	display: block;
    text-align: center;
    margin: 0 auto;
}

@media only screen and (max-width:640px) {
#submit {
    width: 326px;
}
}
/*BEGIN of media-----------------------------------------------------------*/
@media only screen and (max-width:550px) {
img.bg {
    max-width: 100%;
}
#box {
    width: 100%;
}
#footer {
    width: auto;
}
#footer a {
    display: inline-block;
}
#box-bottom h2 {
    font-size: 24px;
}
.form-description {
    padding: 0 15px;
}
.form-description br {
	display: none;
}




}


#box p :not(.texth1){
    font-size: 10px;
}

}

@media only screen and (max-width: 320px){
#box h1 {
    font-size: 30px;
    line-height: 27px;
}

}







@media screen and (min-width:480px) and (max-width:740px) {


#mobile_popup h1 {
	margin: 10px 20px 10px 20px;
	color: #ffffff;
	font: 700 38px/41px "Roboto", sans-serif;
	text-align: center;
}

#mobile_popup h2 {
	text-align: center;
	white-space: normal;
}

#mobile_popup h2 {
	color: #ffffff;
	font: 400 17px/23px "Roboto", sans-serif;
	padding: 10px 20px;
	margin: -10px 0px 10px 0px;
}

}














@media screen and (min-width:240px) and (max-width:479px) {

#mob_popup {
  background-color: #D4252B;
  width: 100%;
  margin: 10% auto;
  position: relative;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
   border-radius: 8px;
  border:6px dashed #ffffff;
margin-left: -6px;  
}


.but-close{
    font-family: Arial;
	font-size: 19px;
    margin: -25px 0px 0px 95%;
    text-align: center;
	position: absolute;
	width: 25px;
    height: 25px;
	padding: 5px;
	border-radius: 50px;
	border:3px solid #ffffff;
	background-color: #ff9600;
	font-weight: 700;
	line-height: 25px;
	color: #000000;
}
.but-close:hover {
	border:3px solid #ffffff;
	background-color: #D4252B;
	color: #fff;
}

.close-link{cursor: pointer;color: #fff;}
.close-link:hover {cursor: pointer;color: #fff;}

.mobile_popup__input input {
    width: 250px;
    height: 40px;
    padding: 0 0 0 10px;
    box-sizing: border-box;
	font-size: 12pt;
}

#mobile_popup h1 {
	margin: 10px 10px 10px 10px;
	color: #ffffff;
	font: 700 23px/28px "Roboto", sans-serif;
	text-align: center;
}

#mobile_popup h2 {
	text-align: center;
	white-space: normal;
}

#mobile_popup h2 {
	color: #ffffff;
	font: 400 15px/20px "Roboto", sans-serif;
	padding: 10px 20px;
	margin: -10px 0px 10px 0px;
	white-space: normal;
}

#mobile_popup h2 span {
	color: #ffffff;
}

.personal-data {margin:10px 5px 10px 5px; font: 300 10px/13px "Roboto", sans-serif;color:#d68689;padding: 0 10px;}


}