*  {
  font-size: 100%;
  font-family: "Times New Roman", Georgia, Serif;
  margin:0;
  outline:0;
  padding:0;
  border:0;
  text-decoration: none; 
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-touch-callout: none;
}

:focus,:hover {
  outline: 0;
  -webkit-touch-callout: none;  
}
html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; 
  -moz-text-size-adjust: 100%;
  height: 100%;
  -webkit-tap-highlight-color:transparent;
}
body {
  background-color: #fff;
  height: 100%;
  zoom:100%;
  overflow-x:hidden;
}

table td {border:0px solid black}
hr {
  height:0;
  background:transparent;
  border-bottom:0px solid #7396c9;
}
h1,h2,h3,h4 {
  color: #3e6eb6;
}
h1,h4 {
  font-size: 24px;
}
h2 {
  font-size: 18px;
  text-decoration:underline;
  height:30px;
}

.listacim {padding:10px;margin:10px 0 20px 10px;display:inline-block;font-size:20px;border:1px solid #999}
.listacim span {float:left;}
.listacim .lista_linkje {display:none}
.listacim span a {padding-left:30px;color:#666;font-size: 16px;}

a {color:#3e6eb6}

.inaktivlink {
   pointer-events: none;
   cursor: default;
}

.popup {
    display:none;
    position:fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 120%;
    background:rgba(0,0,60,0.4);
	z-index:2000;
}

.popup [id*="layer"]  {
    position: absolute;
	left:calc(50% - 135px);
    width:270px;
	font-size:16px;
	font-weight:bold;
	vertical-align:middle;
}
#layer0 {    
    top:calc(50% - 105px);
	height:210px;
	background:#fff;
    padding:20px;
}
#layer1,#layer2,#layer3 {
  background:#fff url(../images/error64.png) no-repeat 20px 20px;
  top:calc(50% - 85px);
  height:170px;
  padding:30px 5px 0 100px;
}
#layer4,#layer5,#layer6,#layer7,#layer8,#layer9,#layer10,#layer11,#layer13 {
  background:#fff;
  text-align:justify;
  padding:20px;
}
#layer12 {display:none}
#content12 {display:none}
.layer {
  display: none;
  position: fixed;
  top: 0%;left: 0%;
  width: 100%;height: 120%;
  background-color:#000;
  z-index:2000;cursor:default;
  -moz-opacity: 0.8;opacity:.80;filter: alpha(opacity=80);
}
.white_content {
  display:none;
  position: absolute; 
  top:10px;left:3%;/*top:calc(50% - 222px);*/
  width:94%;  
  padding:10px;
  vertical-align:middle;
  background-color:#fff;
  z-index:2001;cursor:default;
  overflow: no;
} 
#cimzett0 {
  font-size:24px;
  font-weight:bold;
  color:#3d6db5;
  padding-top:10px;
  padding-bottom:5px;
  text-align:center;
  overflow-x:hidden;
  line-height:24px;
  vertical-align:middle;
}
#kilepes_info {
  height:64px;
  line-height:64px;
  padding-left:30px;
  color: #3e6eb6;
}

.brclear {
clear:both;
height:0;
margin:0;
font-size: 1px;
line-height: 0;
}


#szerver_connect {
  min-width:45px;
  min-height:15px;
  background:#adff2f;
  border:1px solid gray;
  border-radius:10px;
  margin:10px 0px 10px 35px;
  animation: pulse 1s linear infinite;
}


.container {
  width: 100%;
  max-width:480px;
  *zoom: 1;
  border:0px solid black;
}
.container:before,
.container:after {
  display: table;
  content: "";
  line-height: 0;
}
.container:after {
  clear: both;
}
.row {
  *zoom: 1;
  white-space:nowrap;
}
.row:before,
.row:after {
  display: table;
  content: "";
  line-height: 0;
}
.row:after {
  clear: both;
}

p {
  text-align:justify;
  margin:10px 0 10px 0;
}
a {
  text-decoration: none; }
/*  Hover & Active */
a:hover,
a:active {
  outline: 0; }
.white {
  font-size:16px;
  color:#fff;
}
.a_menu {
  display:block;
  height:60px;
  padding:20px 0 20px 0;
  color:#fff;
}
.ahover:hover {
  text-decoration:underline;
}
ol, ul {
  list-style: none; }
.ul_a {
   margin-left:20px;
   list-style-type: disc;
}

.felso75px {
  position:fixed;
  top:0;
  background:#fff;
  width:100%;
  height:75px;
  z-index:2000px;
}

#also75px {
  position:fixed;
  bottom:0;
  left:0px;
  background:#fff;
  width:200%;
  height:calc(100% - 75px);
  display:none;
}

.fejlec {
  position:fixed;
  top:0;
  width:calc(100% - 2px);
  height:72px;
  margin:0 10px 0 0;
  padding:10px 20px 10px 10px;
  background:#fff;
  border:0px solid red;
  z-index: 1001;
}
.b {font-weight:bold}
.fejbal {
  position:relative;
  top:-1px;
  padding:0 0 0 55px;
  background: url(../images/38x38U.png) no-repeat 8px 4px;
  float:left;
  font-size:16px;
}
.fejkozep {
  float:right;
  padding:15px 12px 0 0;
  font-variant:
  small-caps;
  font-size:16px;
}
#fejkozep_bal,#fejkozep_bal_full,#fejkozep_jobb {display:none}
#menu2_regisztracio {display:none}
.fejjobb {position:relative;top:0;background:transparent url(../images/menu2.jpg) no-repeat 0 0;float:right;margin-right:-5px;padding:0}
.borderbottom {
  width:calc(100% - 20px);
  height:3px;
  position:absolute;
  top:65px;
  background:#fff;
  border-bottom:2px solid #000;
}
#yuinfo {
  position:fixed;top:0px;
  margin-top:0px;
  background:#fff;
  width:100%;
  height:72px;
  z-index:1000;
}
#weblap {
  width:100%;
  min-width:260px;
  min-height:calc(100vh - 130px);
  margin:0 auto;
  padding-top:80px;
  z-index:1;
}
#kont {
  position:relative;
  top:5px;
  padding:0 15px 0 15px;
  margin-bottom:40px;
  border:0px solid pink;
}

#keres {
  width:calc(100% - 103px);margin:9px;
  float:left;
  font-size:20px;
  font-weight:bold;
}

.yt_search {
  width:50px;
  height:36px;
  margin-top:7px;
  float:left;
  -moz-opacity: 0.7;opacity:0.7;filter: alpha(opacity=70);
  border:0px;background:url(../images/yt_search2.png) no-repeat 2px 1px;
}
.yt_search:hover{-moz-opacity: 1;opacity:1;filter: alpha(opacity=100);}

#top-up {position:fixed;left:0px;bottom:0px;z-index:20000;cursor:pointer;-moz-opacity: 0;opacity:0;filter: alpha(opacity=0);display:none}
#top-up:hover {-moz-opacity: 0.8;opacity:0.8;filter: alpha(opacity=80)}

#lablec {
  position:relative;
  top:70px;
  left:0px;
  width:100%;
  height:35px;
  padding:5px 15px 0 15px;
  margin:0 auto;
  text-align:right;
  color:#000;
  border-top:1px solid #000;
  background:url(../images/aladinweb.png) no-repeat 15px 5px;
  vertical-align:baseline;
}
#lablec2 {
  position:fixed;
  bottom:0px;
  width:calc(100% - 25px);
  max-width:800px;
  height:35px;
  padding:5px 15px 0 15px;
  margin:70px 0 10px 0;
  text-align:right;
  color:#000;
  border-top:1px solid #000;
  background:url(../images/aladinweb.png) no-repeat 15px 5px;
  display:none;
}

.meghivas_box {
  margin:0 0 35px 0;
  width:280px;
  font-weight:bold;
  padding:10px 10px 12px 15px;
  display:inline-block;
  -webkit-box-shadow: 5px 7px 12px -1px rgba(102,102,102,1);
  -moz-box-shadow: 5px 7px 12px -1px rgba(102,102,102,1);
  box-shadow: 5px 7px 12px -1px rgba(102,102,102,1);
}

.jobbhasab,.jobbhasab2 {
  display:none;
  float:right;
  position:relative;
  top:0;
  right:0;
  font-size:18px;
  min-width:200px;
  padding:0 0 0 20px;
  text-align:justify;
  margin:10px 0 60px 0;
  border-left:2px solid #ddd;
}
.jobbhasab2 {width:calc(100% - 350px)}
.jobbhasab p {margin-bottom:50px}
.pkont {
  position:relative;
  top:0;
  width:100%;
  max-width:485px;
  overflow:auto;
}
.pkont .mask {
  opacity:0.3;
  position:absolute;
  top:10px;
  right:0px;
  width:100%;
  max-width:485px;
  height:120px;
}
#pkont2 .mask {
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.pkont:hover {
  cursor:pointer;
}

.p_chat,.p_hanguzenet,.p_youtube  {
  width:100%;
  max-width:485px;
  height:120px;
}
.p_chat  {
  background: url(../images/chat.jpg) no-repeat top left;
  padding:0 0 0 250px;
}
.p_hanguzenet  {
  background: #fff url(../images/hanguzenet.gif) no-repeat right top;
  padding:0 250px 20px 0;
  height:160px;
}
.p_youtube  {
  background: #fff url(../images/youtube_kek.png) no-repeat right 0px top 20px;
  padding:0 180px 20px 0;
  height:180px;
}
.p_youtube:hover  {
  background: #fff url(../images/youtube_piros.png) no-repeat right 0px top 20px;
}
.hr { 
  clear: both;
  width:100%;
  max-width:485px;
  border-bottom:2px dotted #000;
  margin:20px 0 20px 0;
}
.p_chat span, .p_hanguzenet span, .p_youtube span {
  color: #3e6eb6;
  font-size:24px;
  font-weight:bold;
  margin: 10px 0 10px 0;
}
#pkont:hover .mask {
    background: #e82a8b;
	width:120px;
	margin-right:120px;
	background: -webkit-radial-gradient(center, ellipse cover, #dd0000 30%,#fff 60%,#fff 100%,#7db9e8 100%); 
	background: -moz-radial-gradient(center, ellipse cover, #dd0000 30%,#fff 60%,#fff 100%,#7db9e8 100%); 
	background: radial-gradient(center, ellipse cover, #dd0000 30%,#fff 60%,#fff 100%,#7db9e8 100%);
}
#pkont3:hover .mask {
  opacity:0.5;
  border-right:230px solid #BF0026;
}
#pkont2:hover .mask {
  opacity:0.5;
  border-left:240px solid green;
}
#pkont:hover span,#pkont2:hover span {
   opacity:1;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
   color: #F80749;
}
#pkont2:hover span {
   color: #4DCE31;
}
#pkont4:hover span {
   color: #d00;
}
.csempekep {
  position:relative;
  padding:0;
  margin:0 0 20px 0;
}
.csempekep div {
  position:absolute;
  height:40px;
  line-height:40px;
  width:100%;
  padding-left:15px;
  background:rgba(0,0,0,0.7);
  bottom:20px;
  color:#fff;
  font-size:26px;
  text-align:middle;
  overflow:hidden;
}
.csempekep {
  position:relative;
  padding:0;
  margin:0 0 20px 0;
}
.csempekep div {
  position:absolute;
  height:40px;
  line-height:40px;
  width:100%;
  padding-left:15px;
  background:rgba(0,0,0,0.7);
  bottom:20px;
  color:#fff;
  font-size:26px;
  text-align:middle;
  overflow:hidden;
}
.csempekep2 {
  position:relative;
  width:150px;
  height:150px;
  padding:0;
  margin:0;
}
.csempekep2 img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.csempekep2 div {
  position:absolute;
  height:22px;
  line-height:22px;
  width:100%;
  background:rgba(0,0,0,0.7);
  bottom:10px;
  color:#fff;
  padding-left:10px;
  overflow:hidden;
}
.overlay_menu{
  position:fixed;
  top:72px;
  left: 50%;
  transform: translateX(-50%);
  width:100%;
  min-height:300%;
  max-width:calc(100% + 2px);
  background-color: #3d6db5;
  color:#fff;
  padding:0 15px 15px 15px;
  font-size:20px;
  vertical-align: middle;
  z-index:10000;
  visibility:hidden;
}

#imfo {
  position:fixed;
  left:10px;
  top:10px;
}
.black_overlay {
  position:relative;
  top:5px;
  left:-2px;
  float:left;
  width:300px;
  height:200%;
  margin-right:0px;
  background:#fff;
  border:0px solid yellow;
  z-index: 1000;
  -moz-opacity: 1.0;opacity:1.0;filter: alpha(opacity=100);
}
.youtube_kontener {
  position:relative;
  width:100%;
  display:none;
}
.youtube {
  position:absolute;
  width:100%;height:100%;
  display:none;
}
.youtube_sav {
  position:fixed;
  top: 90px;
  float:left;
  left:340px;
  width:calc(100% - 320px);
  max-width:460px;
  display:none;
}

.youtube_sav2 {
  position:relative;
  top: 0px;
  left:0px;
  width:calc(100% + 8px);
  display:none;
}

.yu_jobbhasab  {
  float:left;
  max-width:540px;
  vertical-align:top;
  padding-left:0;
  text-align:justify;
  line-height:24px;
}

.yu_szalag {
  position:relative;
  width:calc(100% - 20px);
  min-height:72px;
  padding-top:10px;
  padding-bottom:20px;
  margin:10px 0 0 10px;
  border-bottom:1px solid black; 
  display:inline-block;
}

.yu_szalag .szalag_cim {
  position:relative;
  top:-8px;
  font-size:16px;
}

.yu_szalag p {position:absolute;right:0}

.yu_nyil ,.yu_nyil2 {
  vertical-align:middle;
  font-size:24px;
  width:55px;
  margin-top:5px;
  color:#4dce31;
  text-align:center;
  display:inline-block;
  -webkit-transform:scale(3,1);-moz-transform:scale(3,1);-ms-transform:scale(3,1);-o-transform:scale(3,1);transform:scale(3,1); 
}

.yu_nyil2 {width:25px;margin-left:15px}

.yu_listak {
  position:relative;
  float:left;
  left:60px;
  top:-30px;
  width:calc(100% - 20px);
  max-height:25px;
  margin-bottom:-55px;
  overflow-y:hidden;
}

.yu_listak2 {
  margin:7px 0 0 -20px;
  top:0px;
  width:calc(100% + 20px);
  max-height:90px;
  overflow:hidden;
}

.yu_lista_torles {display:none}

.youtube_sav_r {
  position:absolute;
  top:15px;
  left:325px;
  float:left;
  width:calc(100% - 310px);
  display:none;
}

.youtube_sav_jobb {
  position:relative;
  top:15px;
  left:0;
  float:right;
  display:inline;
  width:calc(100% - 300px);
}

.youtube_sav_jobb_fix {
  position:fixed;
  top:105px;
  width: calc(100% - 330px);
  left:calc(50% + 150px);
  margin-left: calc(165px - 50%);
}

.youtube_kontener {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
	background:#fff;
}

.youtube_kontener43 {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 65%;
	background:#fff;
}

.youtube_kontener43L {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 60%;
	background:#fff;
}

.youtube_video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	max-height:400px;
}

.youtube_video:-ms-fullscreen {max-height:100%;}

#yu_lejatszo {
    display:none;
	width:100%;
	min-height:400px;
	margin-bottom:20px;
	background:#fff;
	overflow:hidden;
}

.copy_textarea {
    height:10px;
	width:10px;
	color:#fff;
	overflow:hidden;
	resize:none
}

iframe:-ms-fullscreen {max-height:100%;}

#megtekintesek {display:none}

.cssbr,.cssbr2 {display:block}
#cssbrdiv,#cssbrdiv2 {float:right;margin:-10px 0 0 5px}
.cs_fent{display:none}
.cs_lent{display:block}

.on_yu_lists {
  margin-left:12px;
  width:22px;
  height:21px;
  margin-top:5px;
  background:#daea15;
  color:#000;
  border:1px solid #000;border-radius:4px;
  text-align:center;vertical-align:middle;
  font-weight:bold;padding-top:0px
}

.yu_title {color:#3e6eb6;font-weight:bold;white-space:nowrap;overflow:hidden}

.yu_td_normal {
    white-space:nowrap;overflow:hidden;vertical-align:middle;color:#000;
}

.yu_td_normal a {color:#000}
.yu_td_normal a:hover {text-decoration:underline}

.yu_td_title {
    white-space:nowrap;overflow-x:hidden;vertical-align:middle;color:#4dce31;font-weight:bold;
}

.yu_td_title a {color:#4dce31}



.yu_td_title:first-letter,.yu_td_normal:first-letter {text-transform: uppercase;}

.youtube_kontener2 {
    position: relative;
    width: 100%;
	height: 0;
    padding-bottom: 56.25%;
	margin:0 0 10px 0;
	background:#000;
	-moz-transition: height 1s ease-out;
    -webkit-transition: height 1s ease-out;
    -o-transition: height 1s ease-out;
    transition: height 1s ease-out;
}

.youtube_video2 {
    position: relative;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 0px;
	background:#000;
	max-height:402px;
}

#yu_szurok div {min-width:180px;white-space: nowrap;float:left}
.yu_lista_box {
    padding:2px 10px 3px 10px;
	margin-left:15px;
	margin-bottom:10px;
    display: inline-block;
	background:#4dce31;
	font-size:15px;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
	letter-spacing:2px;
	cursor:pointer;
    white-space:nowrap;
	-webkit-user-select:none;  
    -moz-user-select:none;    
    -ms-user-select:none;      
    user-select:none;
}
.yu_i { 
	float: left;
	border:1px solid #3e6eb6;
	color:#3e6eb6;
	width:40px;
	margin-bottom:10px;
	font-weight:bold;
	font-size:20px;
	text-align:center;
}
.emptycell {width:100%;height:calc(100% - 140px);display:block;overflow:hidden;}
.moreinfo {margin-top:10px}
.more_i {position:relative;top:3px;line-height:40px;display:inline}
.yu_kep {
    position:relative;
	top:0;
	left:0;
    width:200px;
	height:140px;
    opacity:0.5;
    background:#d00;
	cursor:pointer;
}
.yu_time {
    position:absolute;
	top:0;left:0;
	max-width:80px;
	background:#000;
	color:#fff;
	padding:3px 5px 3px 5px;
	font-size:12px;
	-moz-opacity: 0.85;opacity:0.85;filter: alpha(opacity=85);
	display:block;
} 
.yu_kontener {
    width: 100%;
	height: 142px;
	position:relative;
	overflow-x:hidden;
}
.yu_layer {
    position:absolute;top:0;width:240px;height:140px;
    cursor:pointer;
	background-position:center;
	z-index:10000;
}
.yu_layer:hover {background:url(../images/hover_yt.png) no-repeat;background-position:center; animation: zoomIn 0.3s linear}
.yu_cim {
    position:absolute;
	top:0;
    height:140px;
	width:100%;
	background-repeat: no-repeat;
	padding-left:250px;
	font-weight:bold;
	overflow:hidden;
}
.yu_channelID,#csatornanev {
    font-weight:bold;
	font-size:14px;
	background:#3e6eb6;
	color:#fff;
	padding:2px 5px 2px 5px;
}
#csatorna {margin-left:10px}
#csatornanev {
  position:relative;
  top:6px;
  max-width:220px;
  display:inline-block;
  margin-right:15px;
  white-space:nowrap;
  overflow:hidden;
}
#yu_channelID_szov {display:none}
.snippet_title1,.snippet_title3 {font-size:14px;max-width:100%;overflow:hidden;display:none}
.snippet_title2,.snippet_title4 {
  position:absolute;
  left:5px;top:120px;
  background:#000;
  color:#fff;
  -moz-opacity: 0.85;opacity:0.85;filter: alpha(opacity=85);
  font-weight:bold;
  font-size:14px;
  padding:0 3px 0 3px;
  white-space:nowrap;
  max-width:230px;
  height:18px;
  overflow:hidden;
}
.published1,.published2 {font-weight:normal;display:none}
.snippet_desc1,.snippet_desc2 {font-size:12px;display:none}
.yu_desc1,.yu_desc2 {
    font-size:14px;
	font-weight:normal;
	width:100%;
	padding-bottom:60px;
	display:none;
}
.yu_result {position:relative;top:0px;margin:-35px 0 30px 10px;min-height:100vh;display:none}
.channel_nev {
    width:62%;overflow:hidden;
}
#lista_betoltes {height:120px;display:block;background:url("../images/konvert7.gif") no-repeat 0 0;padding:40px 0 0 120px}
#eszkoztarbox {
    position:relative;
	top:0;left:0;
	height:70px;
}
#eszkoztar_kontener {
    position:absolute;
	top:3px;
    white-space:nowrap;
	display:inline-block;
	height:28px;
	border:0px solid black;
}
#eszkoztar_cim {
    position:absolute;
	top:40px;left:5px;
	display:inline-block;
	white-space:nowrap;
	height:28px;
}
#eszkoztar_kontener2 {
    position:absolute;
	top:3px;
	right:0px;
    float:right;
	white-space:nowrap;
	padding-right:10px;
	height:28px;
	border:0px solid black;
}	
.textarea {
    background: #efefef;
	font-size: 16px;
	overflow:auto;
	border:1px solid #000;
	margin:0 0px 3px 0px;
	padding: 3px 5px 2px 5px;
	width:285px;
	height:110px;
	text-align:left;
}
#capslockinfo {visibility:hidden;color:#d00}
.varakozas {
  width:80px;
  display:inline-block;
  color:#fff;
  background:#fff url(../images/ajax-loader.gif) 25px 7px no-repeat;
}
.nyil,.nyil2,.varakozas {vertical-align:middle}
.nyil {
  font-size:24px;
  width:80px;
  text-align:center;
  display:inline-block;
  -webkit-transform:scale(3,1);-moz-transform:scale(3,1);-ms-transform:scale(3,1);-o-transform:scale(3,1);transform:scale(3,1); 
}
.time_padding {padding-left:10px}
.anyil {
  display:inline-block;
  line-height:45px;
  color:#000;
  border:0px solid black;
  letter-spacing:3px;
  margin:auto
}
.anyil:hover {color:#3e6eb6;text-decoration:underline}
.alahuzva {width:290px;border-bottom:1px solid black;}
.bubor,.bubor1,.bubor3 {
    position:relative;
	font-size: 16px;
	padding:6px 10px 6px 10px;
	margin:10px 0 20px 0;
	text-align:justify;
	width:285px;
	border:0px solid;
	word-wrap:break-word;
}
.bubor1 {
    background-image:url('images/ok3.gif');
	background-repeat:no-repeat;
	background-position:bottom right;
}
.bubor3 {
    width:220px;
    margin-left:12px;
}
.bubor:after,.bubor1:after {
  content:"";
  position:absolute;
  bottom:-13px; /* value = - border-top-width - border-bottom-width */
  right:15px; /* controls horizontal position */
  border:0px;
  border-width:0 12px 13px 0; /* vary these values to change the angle of the vertex */
  border-style:solid;
  border-color:#fff transparent;
  background:inherit;
  /* reduce the damage in FF3.0 */
  display:block;
  width:0;
}
.bubor2 {
  position:relative;
  font-size: 16px;
  padding:0 0 0 10px;
  margin:0;
  width:285px;
  text-align:justify;
  word-wrap:break-word;
}  
.blue {
  background:#31557e;
  width:285px;
  display: block;
  line-height:30px;
  padding:5px 5px 5px 15px;
  color:#fff;
}
.szamok {
  font-size:14px; 
  color:#fff;
}
.kep {padding:0 0 0 10px;font-size: 14px;}

.y-layer {
    width:100%;
	height:100%;
	background:url(../images/youtube_27.png) no-repeat;
	background-position:center;
}

.y-loader {
    width:100%;
	height:100%;
	background:#fff url(../images/loader2.gif) no-repeat;
	background-position:center;
	-moz-opacity: 0.4;opacity:0.4;filter: alpha(opacity=40);
}
.y-layer:hover {background:url(../images/youtube_3.png) no-repeat;background-position:center; animation: zoomIn 0.3s linear}
.y-layeer:hover {background:url(../images/youtube_3.png) no-repeat;background-position:center;}
#pult {position:fixed;top:0;left:0;z-index:9999999;background:#000;color:#fff}
#szerver_connect {
  min-width:15px;
  min-height:15px;
  background:#ADFF2F;
  border:1px solid gray;
  border-radius:10px;
  margin:10px 7px 10px -12px;
  animation: pulse 1s linear infinite;
}

.red {
  margin:5px 0 5px 10px;
  line-height:30px;
}

.balra {
  float: left;
  width: 265px;
  display: inline;
  border:0px solid red;
  margin-bottom:20px;
}
#balra2,
#both {margin-bottom:30px;}
.jobbra,.jobbra2 {
  float: right;
  width:calc(100% - 280px);
  padding-top:45px;
  text-align: justify;  
  display: inline;
  border:0px solid red;
  }
.jobbra2 {padding-top:60px;}
.tartalom {border:0px solid red;margin:10px 0 100px 0}
.info {
  text-align:justify;
  height:30px;
  padding:2px 0 0 30px;
  background:url(../images/negyzet.png) no-repeat 0 0;
}
.info2 {
  text-align:justify;
  padding:0 0 5px 5px;
}

input:-webkit-autofill {
  transition: background-color 5000s ease-in-out 0s
}

.input,.email_ok,.inputred,.select,.inputlayer,.input_animalt_A,.input_animalt_B {
  font-size:18px;
  padding:0 5px 0 5px;
  height:30px;
  border:1px solid #000;
}

.input,.email_ok,.select,.inputlayer,.input_animalt_A,.input_animalt_B {
  background:#eee;
  color:#000;
}

.input_animalt_A {
  width:0px;
  -moz-opacity: 0.0;opacity:0.0;filter: alpha(opacity=0);
  -webkit-transition: width 0.6s ease-in-out, opacity 0.6s;
  -moz-transition: width 0.6s ease-in-out, opacity 0.6s;
  -o-transition: width 0.6s ease-in-out, opacity 0.6s;
  transition: width 0.6s ease-in-out, opacity 0.6s;
}

.input_animalt_B {
  width:140px;
  display:inline-block;
  -moz-opacity: 1.0;opacity:1.0;filter: alpha(opacity=100);
  -webkit-transition: width 0.6s ease-in-out, opacity 0.6s;
  -moz-transition: width 0.6s ease-in-out, opacity 0.6s;
  -o-transition: width 0.6s ease-in-out, opacity 0.6s;
  transition: width 0.6s ease-in-out, opacity 0.6s;
}

.inputred {
  background:#c90404;
  color:#fff;
}

input[type=number] {-moz-appearance: textfield;}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    appearance: none;
    margin: 0; 
}

.ellenorzes {
  padding-left:30px;
  background:url(../images/progress.gif) no-repeat 0 5px;
}

#ujhivoszam {
  position:relative;
  top:5px;
  left:10px;
  line-height:30px;
  font-size:24px;
  font-weight:bold;
  white-space: nowrap;
  color:#3d6db5;
  border:0px solid black;
}

#mail_title {
  white-space:nowrap;
  overflow:hidden;
  width:260px;
  margin-top:5px;
  color:#d00
}

.elkuldve {
  float:right;
  margin:0 2px 0 0;
  padding-left:65px;
  line-height:36px;
  color:#83c127;
  background:url(../images/ok.png) no-repeat 20px 5px
}

input[type=submit]:not(.yt_search), .button, .baljobb, .button2, .buttonr, .submit480button {
  width: 110px;
  height: 40px;
  background: #3d6db5;   
  color:#fff;
  text-transform:uppercase;
  font-family: Arial, Geneva, Helvetica, sans-serif; 
  font-size:16px;   
  border : 1px solid #000;
  border-radius : 2px;
  moz-border-radius : 2px;
  -webkit-box-shadow : inset 0px 0px 5px rgba(255,255,255,1);
  -moz-box-shadow : inset 0px 0px 5px rgba(255,255,255,1);
  box-shadow : inset 0px 0px 5px rgba(255,255,255,1);
}

.baljobb {float:left;width:calc(50% - 71px);height:30px;margin:10px 0 10px 40px;padding-top:-5px}

.button2 {
  position:absolute;
  top:5px;
  height:26px;width:auto;
  padding:0 10px 2px 10px;
  
  background: #3C9F26;
}

.button:hover,.baljobb:hover,.button2:hover {background:#246017;cursor:pointer}

input[type=submit]:not(.yt_search):hover,.button:hover,.baljobb:hover {background: #000;color:#fff;}

.buttonr {cursor:pointer;float:right;margin:40px 15px 0 0;width:100px}

#szurok_rejt,#szurok_rejt2 {display:none}
.layersubmit {
  position: absolute;
  right: 20px;
  bottom: 25px;
} 

input:not(.hivoszam,.hivoszam_error,.hivoszam_ok,.hivoszam_loading,#email), textarea, .button {
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out; 
}

input[type=text]:not(#email):focus,input[type=password]:focus,input[type=number]:focus,textarea:focus {
  background: rgba(174, 197, 227, 1);
  box-shadow: 0 0 10px rgba(162, 188, 223, 1);
  color:#000;
} 

.select {width:185px;padding-left:0px}
.inputlayer {width:210px}

input[type="checkbox"]{
  width: 30px; /*Desired width*/
  height: 30px; /*Desired height*/
  cursor: pointer;
  border:1px solid blue;
  padding: 0;
  margin:5px;
  vertical-align: middle;
  position: relative;
  top: -1px;
}
label {
  display: block;
    padding-left: 70px;
    text-indent: -55px;
}
.label {padding-left:10px;text-indent:5px}
.okpng {
    height:40px;
	width:285px;
	line-height:36px;
    background:#fff url(../images/ok.png) no-repeat 0 5px;
	padding-left:40px;
}
.add {float:right;width:auto;padding:2px 0 0 40px;margin-right:10px;}
.add span {display:none}
.alertpng {
    height:46px;
	width:300px;
	line-height:42px;
    background:#fff url(../images/alert.png) no-repeat 7px 7px;
	padding-left:46px;
	color:#dd0000;
	border:1px solid #dd0000;
}
.bekezdes {
    font-size:16px;
	width:270px;
	margin:35px 0 10px 0;
	text-align:justify;
}
.likek {
    font-size:18px;
	width:270px;
	height:55px;
	margin:20px 0 10px 0;
	padding:0 10px 0 10px;
	text-align:justify;
	text-transform: uppercase;
	background:#3e6fb4;
	color:#fff;
}
.likek span {
    display: inline-block;
    margin-top:-3px;
}
.likek span span {position:relative;top:-3px}
.likek span span span {display:block;position:relative;top:13px}
.bekezdes10 {
    font-size:16px;
	width:270px;
	margin:0 0 10px 10px;
	text-align:justify;
}
.fekete {
    position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow-y:auto;
	color:#fff;
	background:#000;
	z-index:10000;
}
.fejpiros {
    position:fixed;
	top:0;
	right:0;
	background:transparent url(../images/close3.gif) no-repeat 0 0;
	float:right;
	margin:3px;
	z-index:12000;
}

#progressbar_kontener {
    margin:40px 20px 0 -4px;
	display:block;
}

#hanguzenet_lejatszo {
    float:left;
	width:100%;
	max-width:290px;
}

.audioplayer,.audiorecorder,.hanguzeneteid {
    float:left;
    position:relative;
    width: 100%;
	max-width:480px;
	margin:0 0 25px 0;
    border: 1px solid #3d6db1;
	box-shadow: 2px 2px 10px #3d6db1;
    overflow:hidden;
	-webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
}

.audiorecorder {max-width:400px}

.audioplayer {height:10px;}

.hanguzeneteid {height:auto;padding:0 80px 40px 10px;float:none}

.submit480 {max-width:480px;cursor:pointer;margin-top:5px}

.uzenet_info {
    position:absolute;
	top:22px;
	left:15px;
	width:calc(100% - 15px);
	height:100px;
	display:block;
    border:0px solid black;
	overflow:hidden;
}
#mikor {display:none}

.uzenet_info div,.uzenet_info span {display:inline-table;overflow:hidden}

.vastag, .idopont {
    width:75px;
	color: #3e6eb6;
	font-variant:small-caps;
	font-size:20px;
	display:none;
	line-height:24px;
}
.vastag2 {font-weight:bold;font-size:24px;color:#3e6eb6}

.uzenet_info .vekony2 {line-height:25px;color:#d00}
.uzenet_info .idopont {display:none}

.play,.play2,.pause,.pause2,.konvert,.start {
    position:absolute;
	top:35px;
	left:0;
    height:108px; 
    width:112px;
    border: 0px solid green;
	margin:12px 5px 0 -10px;
    outline:none;
    color:#fff;
	background:#fff;
    line-height:280px;
    vertical-align:bottom;
    overflow:hidden;
    display:block;
    outline:none;	
}
.audioplayer3 {
    position:relative;
	top:10px;
	left:-5px;
	width:100%;
	height:75px;
	padding-bottom:5px;
}
.play3,.play3blind {
    position:relative;
	top:30px;
	left:0;
	height:52px; 
    width:56px;
	cursor:pointer;
}
.play3 {background: url(../images/play_pause_40.png) no-repeat 4px -1px;}
.pause3 {
    position:relative;
	top:30px;
	left:0;
	height:52px; 
    width:56px;
	background: url(../images/play_pause_40.png) no-repeat 4px -65px;
	cursor:pointer;
}
.info3 {
    position:relative;
	top:-54px;
	left:60px;
	width:100%;
	max-width:410px;
	height:40px;
	white-space:nowrap;
	overflow:hidden;
}
.timeline3 {
    position:absolute;
	top:40px;
	left:50px;
    width:calc(100% - 55px);
    height: 15px;
    margin: 12px 0 0 10px;
    float: left;
	border:1px solid #999;
    background: rgba(230,230,230,1);
    box-shadow: 2px 2px 5px #bbb;
}
.time3 {
    position:absolute;
	top:70px;
	right:-60px;
}
.pl_download3:before  {
  position:absolute;
  right:-50px;top:48px;
  font-size:22px;color:#999;content: '\e810';
}
.pl_valasz:before  {
  position:absolute;
  right:-80px;top:38px;
  font-size:36px;color:#999;content: '\f130';
}
.timebr {display:block;line-height:0}
.hivas_ervenyes {font-size:14px}
button::-moz-focus-inner {border:0}
.play2,.pause2 {top:95px;left:10px}
.play,.play2{background: url(../images/play_pause_80.png) no-repeat 4px -1px;cursor:pointer}
.pause,.pause2{background: url(../images/play_pause_80.png) no-repeat 4px -104px;cursor:pointer}
.konvert{background: url(../images/konvert13.gif) no-repeat 15px 12px}

.elteltido {
    position:absolute;
	bottom:8px;
	right:15px;
	float:right;
	text-align:right;
	width:65px;
	border:0px solid red;
	font-size:20px;
	-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; 
	user-select: none;  
}

.timeline{
    position:absolute;
	bottom:40px;
	left:85px;
    width: calc(100% - 110px);
    height: 10px;
    margin: 12px 0 0 10px;
    float: left;
	border:1px solid #999;
    background: rgba(230,230,230,1);
    box-shadow: 2px 2px 5px #bbb;
}

.playhead {
    width: 0px;
    height: 9px;
    margin: 0;
    float: left;
    background: #3d6db1;
}

.vol_control_background,
.vol_control_background_2,
.vol_control  {
    position:absolute;
	bottom:98px;
	left: calc(100% - 45px);
    width:35px;
	height:84px;
	background: rgba(230,230,230,1);
}
.vol_control_background_2 {
	background:#3d6db1;
}

.vol_control {
    width: 40px;
	height:84px;
    background: transparent url(../images/volume.png) no-repeat;
	outline:none;
}

.vol_control_img  {
    position:absolute;
	bottom:87px;
	right: 10px;
}

.hangszoro, .nemitas { 
    position:absolute;
	background: url(../images/hangszoro32nema.png) no-repeat 0 0;
	width: 40px;
	height:32px;
	outline:none;
	bottom:60px;
	left: calc(100% - 46px);
}

.nemitas { 
    background: url(../images/hangszoro32nema.png) no-repeat 0 -32px;
	-moz-opacity: 0.6;opacity:0.6;filter: alpha(opacity=60);
}

.audioplayer canvas{ 
    position:absolute;
	top:75px;
	left: calc(100% - 65px);
    width:60px; 
	height:28px; 
	background:#fff; 
	border:0px solid black;
    background: url(../images/canvas_bg.png);

}

.audiorecorder {
   top:70px;
}

.analyser{ 
    position:absolute;
	bottom:15px;
	left: calc(100% - 162px);
    width:60px; 
	height:40px; 
	background:#fff; 
	border:1px solid black;
    background: url(../images/canvas_bg.png);		
}

.analyser2 { 
    position:absolute;
	top:275px;
	left: 205px;
    width:60px; 
	height:40px; 
	background:#fff; 
	border:1px solid black;
    background: url(../images/canvas_bg.png);

}

#pButton {text-align:middle}

#record {
    position:absolute;
	top:68px;
	right:0;
    height:128px; 
    width: 115px;
    border: 0px solid black;
    outline:none;
	cursor:pointer;
}
#record.recording { 
	background: red;
	background: -webkit-radial-gradient(center, ellipse cover, #ff0000 0%,#fff 60%,#fff 100%,#7db9e8 100%); 
	background: -moz-radial-gradient(center, ellipse cover, #ff0000 0%,#fff 60%,#fff 100%,#7db9e8 100%); 
	background: radial-gradient(center, ellipse cover, #ff0000 0%,#fff 60%,#fff 100%,#7db9e8 100%); 
}

#record_layer {
  position:absolute;
  top:65px;
  right:15px;
  z-index:100;
  display:block;
}

#wavedisplay, #wavedisplayhead  {
  position:absolute;
  top:70px;
  left:85px;
  background:#fff;
  padding:0 0 0 5px;
  width:calc(100% - 105px);
  height:40px;
  border:0px solid black;
  cursor:pointer;
}

#rec_layer {
    display:block;
	position:absolute;
    top:0;
	left:0;
	background:transparent;
	width:35px;
	height:35px;
	z-index:20;
	overflow:hidden;
	border:1px solid #000;
}
#wavedisplay::after {
	content: "";color:#f00;
	opacity:0.5;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
    z-index: -1;   
}

#info365 {color:#d00;font-size:24px}


input[type='range'] {
  -webkit-appearance: none !important;
}
input[type=range]::-moz-range-track {
    width: 40px;
    height: 84px;
    border: none;
}
input[type='range']::-webkit-slider-thumb {
  -webkit-appearance: none !important;
  appearance: none !important;
  background: transparent;
  width: 40px;
  height: 84px;
  cursor: pointer;
}
input[type='range']::-moz-range-thumb {
  -moz-appearance: none !important;
  background: transparent;
  width: 40px;
  height: 84px;
  border: none;
  cursor: pointer;
}

#superlayer {
    position:absolute;
	top:50px;
	left:0;
	width:100%;
	height:calc(100% - 50px);
	background: rgba(255,255,255,0.7);
	display:block;
	z-index:1000;
}

#superlayer img {
    position:absolute;
	top:-30px;
	right:20px;
}

#superlayer p {
    position:absolute;
	top:-25px;
	right:20px;
    text-align:right;
}

#feltoltesgomb3  {
  cursor:pointer;
  margin:15px 25px 0 5px;
  width:calc(100% - 15px);
}

.szamjegy,.szamjegy2 {
 width:60px;
 line-height:35px;
 margin:10px;
 font-size:32px;
 color:#fff;
 background:#3e6eb6;
 border:1px solid #666;
 border-radius: 5px;
 padding:10px 0 10px 0;
 text-align: center;
 box-shadow: 2px 2px 15px #666;
 display:inline-block;
 cursor:pointer;
}
.szamjegy2 {
 background:#69d232;
}

.close {
 color:black;
 font-size:30px;
 font-weight:bold;
 float:right;
 margin-top:-10px;
 margin-right:-5px;
}

.hivoszam,.hivoszam_ok,.hivoszam_error ,.hivoszam_loading  {
  position:absolute;
  top:-26px;
  left:95px;
  display:inline-block;
  width:115px;
  height:35px;
  font-size:24px;font-weight:bold;
  border:1px solid black;
  color:#3e6eb6;
  padding:2px 0 0 5px;
}
.hivoszam {background: url(../images/zoldpipa.png) no-repeat 89px 36px}
.hivoszam_ok {background: url(../images/zoldpipa.png) no-repeat 89px 6px}
.hivoszam_error {background: url(../images/zoldpipa.png) no-repeat 89px -54px}
.hivoszam_loading {background: url(../images/loading.gif) no-repeat 89px 8px}
.email_okk {background: url(../images/zoldpipa.png) no-repeat 227px 4px}
.email_ok {font-size:16px;background: transparent}
.email-wrapper-ok {display:block;background: url(../images/zoldpipa2.png) no-repeat top 5px right 5px}
.email-wrapper-error {display:block;background: url(../images/zoldpipa2.png) no-repeat top -50px right 5px}
.email-wrapper {display:block;background:#fff}

.hivoszam_error {background: url(../images/zoldpipa.png) no-repeat 89px -54px;}

.hozzaadas_,.hozzaadas_ok,.hozzaadas_error {
  text-align:left;
  line-height:20px;
  padding-left:30px;
}
.hozzaadas_ok {background: url(../images/zoldpipa.png) no-repeat 0 0;}
.hozzaadas_error {background: url(../images/zoldpipa.png) no-repeat 0 -60px;}

.visszavonas {
  line-height:28px;
  background: url(../images/zoldpipa.png) no-repeat 10px -54px;
  display: inline-block;
  padding-left:30px;
}

.redline,.redline2 {
  position:absolute;
  top:180px;
  left:15px;
  display:inline;
  border-bottom:10px solid #d00;
  color:#d00;
  font-size:5px;
  font-weight:bold;
  max-width:110px;
  line-height:3px;
  overflow:hidden;
  margin-left:5px;
}
.redline2 {position:absolute;
  top:280px;
  left:10px;border-bottom:20px solid #d00}

.lepesek1,.lepesek2,.lepesek3 {
   position:relative;
   top:0;
   margin:10px 0 20px 20px;
   width:calc(100% - 90px);
}
.lepesek2  {
   width:calc(100% - 35px);
   height:55px;
   display:none;
   top:-20px;
}

.lepesek3  {
   top:50px;
   width:calc(100% - 35px);
   display:none;
}
.lepesek1p,.lepesek2p,.lepesek3p {
   position:relative;
   left:15px;
   margin:10px 0 5px 0;
   border:0px solid black;
   width:calc(100% - 10px);
}
.lepesek1p {top:45px;height:100px}
.lepesek2p {display:none;top:0;height:125px}
.lepesek3p {display:none;left:0;width:100%}

#lepesek4  {
   margin-left:20px;
   width:calc(100% - 35px);
   display:none;
}

.lepesek1 .szoveg, .lepesek2 .szoveg, .lepesek3 .szoveg {
   position:relative;
   left:38px;
   top:-20px;
   height:64px;
   font-size:18px;
   border:0px solid black;
   width:calc(100% - 50px);
   color:#000;
   line-height:26px;
}

.lepesek1p .szoveg, .lepesek2p .szoveg, .lepesek3p .szoveg {
   position:relative;
   left:38px;
   top:-25px;
   font-size:16px;
   border:0px solid black;
   width:calc(100% - 50px);
   color:#000;
   line-height:22px;
}
.lepesek2p .szoveg {top:-17px}

.hatralevo {
   position:absolute;
   top:95px;
   left:0;
   font-size:18px;
}

.hatralevo2 {
   position:absolute;
   top:280px;
   left:130px;
   font-size:20px;
}

.torlesinfo {
  margin-top:30px;
  width:100%;
}

input[type="radio"] {
    display:none;
}
input[type="radio"] + label span{
    display:inline-block;
    width:200px;
    height:24px;
    margin-left:-10px;
	padding:3px 0 0 90px;
    vertical-align:middle;
    background:url(../images/checked.png) left -36px no-repeat;
    cursor:pointer;
}
input[type="radio"]:checked + label span {
    background:url(../images/checked.png) left top no-repeat;
}

.srsz {
   position:relative;
   left:0px;
   top:8px;
   background:#3E6EB6;
   color:#fff;
   font-size:24px;
   width:30px;
   height:30px;
   line-height:30px;
   text-align:center;
   display:block;
}



.dd
{
    height: 20px;
    background: #333;
    color: #eee;
	overflow-y:hidden;
	border:1px solid black;
	cursor: pointer;
	-webkit-transition: height 1s;
    -moz-transition: height 1s;
}

.ddd
{
    height: 150px;
    background: #333;
    color: #eee;
	overflow-y:hidden;
	border:1px solid black;
}

#fade,#layer4,.fejlec,.overlay_menu,#lablec {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
}

#pixels {color:red;position:fixed;top:55px;z-index:999999;white-space:nowrap;margin-left:10px;}
#pixels span {width:50px;border-bottom:1px solid red;display:inline-table}

#listanev {
  position:fixed;
  bottom:50px;
  right:10px;
  width:220px;height:30px;
  padding:5px;
  z-index: 1004;
}

#rapidlist {
  position:fixed;
  top:0;
  left:54px;right:auto;
  background:#333;
  color:#fff;
  width:240px;
  height:100vh;
  padding:3px 0 41px 0;
  display:none;
  z-index: 1002;
  overflow-y:scroll;
  overflow-x:hidden;
}

.listplay {
  position:fixed;
  bottom:0;
  left:54px;right:auto;
  background:#333;
  color:#d00;
  width:240px;
  height:36px;
  padding:3px;
  text-align:center;
  display:none;
  z-index: 1004;
}

#rapidlist::-webkit-scrollbar { /* Chrome, Safari and Opera */
  display: none;
}

#rapidlist {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

#rapidlist div {
  position:relative;
  width:220px;
  height:140px;
  margin:7px 10px 0 10px;
  display:block;
  background-size: 220px 140px;
  background-repeat: no-repeat;
}

#rapidlist div span {
  position:absolute;
  background:#000;
  -moz-opacity: 0.85;opacity:0.85;filter: alpha(opacity=85);
  color:#fff;
}

#rapidlist div .r_srsz {
  left:0;top:0;
  padding:3px 5px 3px 5px;
  font-size:16px;
}

#rapidlist div .r_info {
  left:0;bottom:0;
  width:100%;height:auto;
  padding:5px;
  font-size:12px;
  text-align:justify;
  overflow:hidden;
}

#rapidlist div .r_del {
  right:0;top:0;
  width:24px;height:24px;
  background:#eee url(images/close_black.png) 0 0;
  background-size: 24px 24px;
  background-repeat: no-repeat;
  display:block;
  cursor:pointer;
  z-index: 1003;
}
.rapid_del {display:none}

#black_screen {z-index:999;color:#666}
#blackscreen {position:fixed;width:100vw;height:100vh;background:#000;display:none;z-index:998}

@media only screen
and (max-width:569px) {
  .audiorecorder {top:0px;}
  #kont,#lablec {width:100%}
  #balra2,.both {margin-bottom:30px;}
  .jobbra,.jobbra2 {
    float:left;
	padding:0 0 0 10px;
    width:265px;
  } 
  .jobbra2 {margin-top:0}
  #regisztracio {width:255px}
  #balra {width:220px}
}
@media only screen
and (max-width:540px) {
  .fejbal {
  padding:0 0 0 5px;
  background: #fff;
}
  .p_chat,.p_hanguzenet {
  width:100%;
  height:100%;
  max-width:250px;
  padding:130px 0 0 0;
  }
  .p_youtube,.p_youtube:hover {
  width:100%;
  height:100%;
  max-width:250px;
  padding:100px 0 0 0;
  background: url(../images/youtube_240_160.png) no-repeat 0 -40px;
  }
  .pkont {
  width:100%;
  height:100%;
  max-width:250px;
  }
  .hr {width:250px;}
  #pkont2:hover .mask {
  opacity:0.5;
  border-left:240px solid green;
  }
  #balra {width:350px}
}

@media only screen
and (max-width:369px) {
  h4 {font-size:22px;white-space:nowrap;margin-bottom:0}
}



@media only screen
and (max-width:399px) {
   #record {right:-5px}
   .lepesek1 .szoveg,.lepesek2 .szoveg,.lepesek3 .szoveg {
   font-size:16px;
   }    
   #szoveg1 {display:block}
   #szoveg2 {display:none}
   #hatra {display:none}
}

@media only screen
and (min-width:320px) {
   .youtube_sav2 {display:block}
} 

@media only screen
and (min-width:370px) {
   #hanguzenet_lejatszo {max-width:340px}
   .input_animalt_B {width:170px}
   .email_ok {font-size:18px}
   #mikor {display:inline}
   #keres {width:calc(100% - 123px)}
   .yt_search {width:70px;background:url(../images/yt_search.png) no-repeat 2px 1px;}
   .youtube {}
   .baljobb {width:calc(50% - 81px);margin:10px 0 10px 40px}
   .baljobbdiv {display:none}
} 

@media only screen
and (min-width:400px) {
  #hanguzenet_lejatszo {max-width:370px}
  [class*="iconlisten-"]:before, .download:before {font-size:28px}
  .fejlec_felado {width:calc(100% - 190px)}
  #csatornanev {max-width:280px}
  .input_animalt_B {width:200px}
  .hivas_info {font-size:18px;width:calc(100% - 200px)}
  .hivas_info font {font-size:16px}
  .hivas_ev {margin-top:8px;line-height:12px;font-size:16px;width:45px;margin-right:0px}
  .hivas_idopont {margin-top:8px;line-height:12px;font-size:16px;margin-left:-9px;width:80px}
  .download {margin-left:5px}
  #szoveg1 {display:none}
  #szoveg2 {display:block}
  .vastag {display:block;line-height:24px;}
  .uzenet_info {
   left:120px;
   width:calc(100% - 120px);
  }
  .play,.pause {}
  .play2,.pause2 {top:10px;left:15px}
  .play,.play2{background: url(../images/play_pause_100.png) no-repeat 4px -1px}
  .pause,.pause2{background: url(../images/play_pause_100.png) no-repeat 4px -130px}
  .konvert{background: url(../images/konvert13.gif) no-repeat 22px 22px}
  .timeline{bottom:20px;left:15px;width: calc(100% - 100px);height: 14px}
  .playhead {height:13px}
  .vol_control_background,
  .vol_control_background_2,
  .vol_control  {bottom:90px;left:calc(100% - 55px)}
  .vol_control_img  {right:18px}
  .hangszoro, .nemitas {bottom:50px;left: calc(100% - 55px);}
  #wavedisplay {left:115px;top:80px;width:calc(100% - 125px)}
  .elteltido {bottom:12px;font-size:24px;}
  .audioplayer canvas {left: calc(100% - 70px);top:70px;height:32px}
  .analyser {left: calc(100% - 160px);top:115px;height:40px}
  .analyser2{left:210px;top:160px;height:40px}
  .hatralevo2 {left:210px;top:215px}
  .redline {
  position:relative;
  top:-13px;
  border-bottom:10px solid #d00;
  }
  .redline2 {
  position:absolute;
  top:110px;
  left:205px;
  border-bottom:10px solid #d00;
  }
  .lepesek1,.lepesek2,.lepesek3 {
  margin:0 0 40px 20px;
  }
  .lepesek1p {top:0;height:50px}
  .lepesek2p {height:145px}
  .lepesek1p .szoveg, .lepesek2p .szoveg, .lepesek3p .szoveg {font-size:18px}
  .hatralevo {left:10px;top:105px}
  .rapid_del {display:block}
}

@media only screen
and (min-width:480px) {
  #hanguzenet_lejatszo {max-width:450px}
  #fejkozep_bal {display:inline-block}
  #csatornanev {max-width:360px}
  .input_animalt_B {width:240px}
  .hivas_info {width:calc(100% - 260px)}
  .fejlec_felado {width:calc(100% - 248px);display: inline-block}
  .fejlec_idopont {width:120px}
  .fejlec_tarolas {display:inline-block}
  .uzenet_info .idopont {display:inline-table}
  .hivas_ervenyes {text-align:right;width:58px}
  .yu_desc1 {display:block}
  .snippet_desc1 {display:block}
  #yu_channelID_szov {display:inline-block}
  #blackscreen {display:none}
}

@media only screen
and (min-width:510px) {
  #hanguzenet_lejatszo {max-width:480px}
  .hanguzeneteid {width:480px;padding-bottom:20px}
  .audioplayer3 {
    position:relative;
	width:100%;
	height:70px;
  }
  .play3,.pause3 {
	top:10px;
  }
  .timeline3 {
	top:20px;
	width:calc(100% - 70px);
  }
  .timebr {display:none}
  .time3 {
	top:50px;
	right:-50px;
  }
  .pl_download3:before  {
    right:-35px;top:30px;
  }
  .pl_valasz:before  {
    right:-65px;top:29px;
  }
  .listacim .lista_linkje {display:inline-block}
  .audioplayer3 {
    position:relative;
	width:calc(100% + 20px);
  }
  
  .baljobb {float:none;width:85px}
  .baljobbleft {margin-left:calc(100% - 296px)}
}

@media only screen
and (min-width:570px) {
  .snippet_title1 {display:inline-block}
  .snippet_title2 {display:none}
  .cs_fent{display:inline-block}
  .cs_lent{display:none}
  .published1 {display:inline-block}
  .jobbhasab2 {display:block}
  .audiorecorder {top:0px}
  .youtube_sav {
  left:50%;
  }
  .listacim {margin:10px 0 20px 52px}
  .add span {display:inline}
}
@media only screen
and (min-width:600px) {
  .cssbr2 {display:none}
  .torlesinfo {max-width:600px}
  #cssbrdiv2 {margin:8px 0 0 3px}
  #szurok_rejt {display:block}
  .channel_nev {max-width:350px}
  .snippet_title1 {font-size:16px}
  .snippet_desc1 {font-size:14px}
}

@media only screen
and (max-width:659px) {
  #menu2_regisztracio {display:none}
  #menu2_regisztracio_I {display:inline-block}
}

@media only screen
and (min-width:630px) {
  #szurok_rejt2 {display:block}
}

@media only screen
and (min-width:660px) {
  #fejkozep_bal_full {display:inline-block}
  #menu2_regisztracio {display:inline-block}
  #menu2_regisztracio_I {display:none}
  .youtube_sav2 {max-width:740px}
  .youtube_sav,.youtube_sav_r {
  display:block;
  left:320px;
  width:calc(100% - 330px);
  }
}

@media only screen
and (min-width:720px) {
  .youtube_sav,.youtube_sav_r  {
  }
}

@media only screen
and (min-width:750px) {
  .youtube_sav2 {max-width:830px}
}

@media only screen
and (min-width:800px) {
  .yu_desc2 {display:block}
  .snippet_desc2 {display:block}
  #top-up {display:block}
}

@media only screen
and (min-width:840px) {
  .jobbhasab {display:block;width:calc(100% - 510px);}
  .youtube_sav {
  left:calc(50% - 86px);
  max-width:470px;
  }
  .youtube_sav2 {max-width:920px}
  .youtube_sav_r {
  left:324px;

  }
  #megtekintesek {display:inline-block}
}

@media only screen
and (min-width:880px) {
  .fejlec {max-width:840px}
  #weblap,#lablec {width:840px}
  #kont {width:840px;max-width:840px} 
  #lablec2 {width:100%;max-width:820px}
  .snippet_desc2 {font-size:14px}
  .overlay_menu{max-width:840px}
  .youtube_sav {
  left:calc(50% - 106px);
  max-width:510px;
  }
  .youtube_sav_r {
  left:324px;
  max-width:510px;
  }
  .cssbr {display:none}
  #cssbrdiv {margin:8px 0 0 3px}
  #rapidlist,.listplay {left:auto;right:0}
  .youtube_sav_jobb_fix {
  width: 510px;
  margin-left: -255px;
  }
}

@media only screen
and (min-width:960px) {
  .fejlec {max-width:920px}
  #weblap,#lablec {width:920px;}
  #kont {width:920px;max-width:920px}
  .snippet_title3 {display:inline-block}
  .snippet_title4 {display:none}
  .published2 {display:inline-block}
  #lablec2 {width:100%;max-width:900px}
  .overlay_menu{max-width:920px}
  .youtube_sav2 {max-width:1040px}
  .youtube_sav {
  left:calc(50% - 146px);
  max-width:590px;
  }
  .youtube_sav_r {
  left:324px;
  width:590px;
  max-width:590px;
  }
  .youtube_sav_jobb_fix {
  width: 590px;
  margin-left: -295px;
  }
}

@media only screen
and (min-width:1040px) {
  .fejlec {max-width:1000px}
  #weblap,#lablec {width:1000px;}
  #kont {width:1000px;max-width:1000px}
  #lablec2 {width:100%;max-width:980px}
  .overlay_menu{max-width:1000px}
  .jobbhasab {width:calc(100% - 510px)}
  .jobbhasab2 {width:calc(100% - 320px);float:right}
  .youtube_sav2 {max-width:750px}
  .yu_jobbhasab {
	float:right;
	padding-left:15px;
    margin-top:5px;
    width:calc(100% - 750px);
  }  
  .youtube_sav {
  left:calc(50% - 186px);
  max-width:670px;
  }
  .youtube_sav_r {
  left:324px;
  width:670px;
  max-width:670px;
  }
  .yu_channelID {font-size:16px}
  .yu_desc {font-size:16px}
  .youtube_sav_jobb_fix {
  width: 670px;
  margin-left: -335px;
  }
}

@media only screen
and (min-width:1160px) {
  .fejlec {max-width:1120px}
  #weblap,#lablec {width:1120px;}
  #kont {width:1120px;max-width:1120px}
  #lablec2 {width:100%;max-width:1100px}
  .overlay_menu{max-width:1120px}
  .jobbhasab {width:calc(100% - 510px)}
  .jobbhasab2 {width:calc(100% - 320px);float:right}
  .youtube_sav {
  left:calc(50% - 186px);
  max-width:670px;
  }
  .youtube_sav_r {
  left:324px;
  width:670px;
  max-width:670px;
  }
  .yu_channelID {font-size:16px}
  .yu_desc {font-size:16px}
  .youtube_sav_jobb_fix {
  width: 790px;
  margin-left: -395px;
  }
}