/* Scss Document */

@font-face { font-family: "Roboto-vastag"; src: url(betutipus/Roboto-Regular.woff);} 
@font-face { font-family: "Roboto-vastag"; src: url(betutipus/Roboto-Regular.ttf);} 
@font-face { font-family: "Roboto-normal"; src: url(betutipus/Roboto-Light.eot);} 
@font-face { font-family: "Roboto-normal"; src: url(betutipus/Roboto-Light.ttf);} 
@font-face { font-family: "Roboto-lagy"; src: url(betutipus/Roboto-Thin.ttf); } 

@font-face { font-family: "Ubuntu-vastag"; src: url(betutipus/Ubuntu-Bold.ttf);} 
@font-face { font-family: "Ubuntu-normal"; src: url(betutipus/Ubuntu-Regular.ttf);}
@font-face { font-family: "Ubuntu-lagy"; src: url(betutipus/Ubuntu-Light.ttf);} 

@font-face { font-family: "Mulish-Black"; src: url(betutipus/Mulish-Black.ttf);}
@font-face { font-family: "Mulish-Bold"; src: url(betutipus/Mulish-Bold.ttf);}
@font-face { font-family: "Mulish-ExtraBold"; src: url(betutipus/Mulish-ExtraBold.ttf);}
@font-face { font-family: "Mulish-ExtraLight"; src: url(betutipus/Mulish-ExtraLight.ttf);}
@font-face { font-family: "Mulish-Light"; src: url(betutipus/Mulish-Light.ttf);}
@font-face { font-family: "Mulish-Medium"; src: url(betutipus/Mulish-Medium.ttf);}
@font-face { font-family: "Mulish-Regular"; src: url(betutipus/Mulish-Regular.ttf);}
@font-face { font-family: "Mulish-SemiBold"; src: url(betutipus/Mulish-SemiBold.ttf);}

@font-face { font-family: "NunitoSans-Bold"; src: url(betutipus/NunitoSans-Bold.ttf);}
@font-face { font-family: "NunitoSans-ExtraBold"; src: url(betutipus/NunitoSans-ExtraBold.ttf);}
@font-face { font-family: "NunitoSans-ExtraLight"; src: url(betutipus/NunitoSans-ExtraLight.ttf);}
@font-face { font-family: "NunitoSans-Light"; src: url(betutipus/NunitoSans-Light.ttf);}
@font-face { font-family: "NunitoSans-Regular"; src: url(betutipus/NunitoSans-Regular.ttf);}
@font-face { font-family: "NunitoSans-SemiBold"; src: url(betutipus/NunitoSans-SemiBold.ttf);}

@font-face { font-family: "Inter-Bold"; src: url(betutipus/Inter-Bold.ttf);}
@font-face { font-family: "Inter-ExtraLight"; src: url(betutipus/Inter-ExtraLight.ttf);}
@font-face { font-family: "Inter-Light"; src: url(betutipus/Inter-Light.ttf);}
@font-face { font-family: "Inter-Medium"; src: url(betutipus/Inter-Medium.ttf);}
@font-face { font-family: "Inter-Regular"; src: url(betutipus/Inter-Regular.ttf);}
@font-face { font-family: "Inter-SemiBold"; src: url(betutipus/Inter-SemiBold.ttf);}
@font-face { font-family: "Inter-Thin"; src: url(betutipus/Inter-Thin.ttf);}


/*//////////////////////////////////////////////////////////////*/


body {font-family: "Inter-Light"; font-size:16px;  top:0px; line-height:26px; color:#30322F; background-color:#fafafa; }
.link {color:#008DD1; text-decoration:none;}		
.link:hover {color:#02475C; text-decoration:underline;}
.gomb{ padding:15px;background-image:linear-gradient(#8c97a4, #636B74); color:#FFFFFF; border:0px; font-size:18px;  font-family: "Inter-Medium"; border-radius: 10px;cursor:pointer; max-width:200px;}
.gomb:hover{ background-image:linear-gradient(#0058E0, #00389B);}
.arnyek{box-shadow: 3px 1px 6px 1px lightgray;}
.link_also {color:#B8BB97; text-decoration:none;}	
.link_also:hover {color:#FFFFFF;}	


 @media only screen and (min-width : 1600px) {
.menu{height:80px; width:100%; position:fixed; margin:0px; top:0px; left:0px; background-color:#3b5476; }
.mobil{ display:none;}
.gep{ width:100%;box-shadow: 1px 1px 10px Silver; z-index:10; height:80px;}
.logodiv {float:left; width:300px; height:80px; background-color:#3b5476;}
.menudiv {float:right; }
.menugomb{ float:left; width:150px; height:52px; padding-top:28px; font-size:16px; color:#FFFFFF;  margin-left:5px; text-align:center; cursor:pointer;}
.menugomb:hover{ background-color:#39404a; border-bottom:5px solid #9baabf; color:#FFFFFF;}
.felso{clear:both; width:100%; height:600px; margin-top:80px; }
.koz1{ height:10px; clear:both; width:100%;}
.koz2{ height:50px; clear:both; width:100%;}
h1{font-family: "Roboto-lagy"; font-size:74px; color:#1A1818; font-weight:100; line-height:1;}
h2{ font-size:34px; font-family: "Inter-ExtraLight"; line-height:1.3;}
h3{font-family: "Inter-Light"; font-size:28px; color:#1A1818; font-weight:100; line-height:1;}
.kozepso{ max-width:1200px;text-align:left; padding:50px; background-color:#FFFFFF;}
.kozepso_kicsi{ max-width:600px; text-align:left;/*box-shadow: 1px 2px 10px 5px LINEN;*/ padding:0px;}      
.div50bal{ float:left; width:45%; }      
.div50jobb{ float:left; width:50%; padding-left:30px; }   
.div40bal{ float:left; width:52%; padding-left:3%;}      
.div40jobb{ float:left; width:40%; padding-left:4%; } 
.div50kep{ float:left; width:48%; }         
.div_kicsi_bal{ float:left; width:40%; padding-left:4%; } 
.div_kicsi_jobb{ float:left; width:45%; padding-left:4%; }     
.also{background-color:#383E47;  height:320px;}
.also1{ max-width:1200px; padding:20px; }   
.link_also { text-decoration:none; color:#E1EFFF; font-family: "Mulish-Light"; font-size:16px;} 
.div33 { float:left; width:33%; text-align:left}    
.mezo{ width:300px; height:30px; padding:5px; font-family: "Mulish-Light"; font-size:16px; }       
.mezo_text{ width:300px; height:70px; padding:5px; font-family: "Mulish-Light"; font-size:14px; }    
.ajanlat{width:90%; padding:10px;background-color:#FFFFFF}   
.tabla{ font-size:16px}
.jobb_felso_kep{margin-top:80px;}  
 }
 


@media only screen and (min-width : 1200px) and (max-width : 1599px) {
.menu{height:80px; width:100%; position:fixed; margin:0px; top:0px; left:0px; background-color:#3b5476; }
.mobil{ display:none;}
.gep{ width:100%;box-shadow: 1px 1px 10px Silver; z-index:10; height:80px;}
.logodiv {float:left; width:300px; height:80px; background-color:#3b5476;}
.menudiv {float:right; } 
.menugomb{ float:left; width:150px; height:52px; padding-top:28px; font-size:16px; color:#FFFFFF;  margin-left:5px; text-align:center; cursor:pointer;}
.menugomb:hover{ background-color:#39404a; border-bottom:5px solid #9baabf; color:#FFFFFF;}
.felso{clear:both; width:100%; height:600px; margin-top:80px; background-color:#fafafa;}
.koz1{ height:10px; clear:both; width:100%;}
.koz2{ height:50px; clear:both; width:100%;}
.kozmobil1{height:0px; clear:both; width:100%;}
h1{font-family: "Roboto-lagy"; font-size:60px; color:#1A1818; font-weight:100; line-height:1;}
h2{ font-size:34px; font-family: "Inter-ExtraLight"; line-height:1.3;}
h3{font-family: "Inter-Light"; font-size:28px; color:#1A1818; font-weight:100;}
.kozepso{ max-width:1200px; text-align:left; padding:50px;}
.kozepso_kicsi{ max-width:600px; text-align:left; padding:0px;}
.div50bal{ float:left; width:45%; }      
.div50jobb{ float:left; width:50%; padding-left:30px; }   
.div40bal{ float:left; width:52%; padding-left:3%;}      
.div40jobb{ float:left; width:40%; padding-left:4%; }   
.div50kep{ float:left; width:48%; }    
.also{background-color:#383E47;  height:320px;}
.also1{ max-width:1200px; padding:20px; }    
.link_also { text-decoration:none; color:#E1EFFF; font-family: "Mulish-Light"; font-size:16px;} 
.div33 { float:left; width:33%; text-align:left}   
.mezo{ width:300px; height:30px; padding:5px; font-family: "Mulish-Light"; font-size:16px; }       
.mezo_text{ width:300px; height:70px; padding:5px; font-family: "Mulish-Light"; font-size:14px; }    
.ajanlat{width:90%; padding:10px;background-color:#FFFFFF}   
.tabla{ font-size:16px}    
  .jobb_felso_kep{margin-top:80px;}    
 }

@media only screen and (min-width : 1050px) and (max-width : 1199px) {
.menu{height:80px; width:100%; position:fixed; margin:0px; top:0px; left:0px; background-color:#3b5476; }
.mobil{ display:none;}
.gep{ width:100%;box-shadow: 1px 1px 10px Silver; z-index:10; height:80px;}
.logodiv {float:left; width:300px; height:80px; background-color:#3b5476;}
.menudiv {float:right; } 
.menugomb{ float:left; width:150px; height:52px; padding-top:28px; font-size:16px; color:#FFFFFF;  margin-left:5px; text-align:center; cursor:pointer;}
.menugomb:hover{ background-color:#39404a; border-bottom:5px solid #9baabf; color:#FFFFFF;}
.felso{clear:both; width:100%; height:600px; margin-top:80px; background-color:#fafafa;}
.koz1{ height:10px; clear:both; width:100%;}
.koz2{ height:50px; clear:both; width:100%;}
.kozmobil1{height:0px; clear:both; width:100%;}
h2{ font-size:34px; font-family: "Inter-ExtraLight"; line-height:1.3;}
h3{font-family: "Inter-Light"; font-size:28px; color:#1A1818; font-weight:100;}
.kozmobil1{height:0px; clear:both; width:100%;}
h1{font-family: "Roboto-lagy"; font-size:60px; color:#1A1818; font-weight:100; line-height:1;}
.kozepso{ max-width:1200px; text-align:left; padding:50px;}
.kozepso_kicsi{ max-width:600px; text-align:left; padding:0px;}
.div50bal{ float:left; width:45%; }      
.div50jobb{ float:left; width:50%; padding-left:30px; }   
.div40bal{ float:left; width:52%; padding-left:3%;}      
.div40jobb{ float:left; width:40%; padding-left:4%; } 
.div50kep{ float:left; width:48%; }     
.also{background-color:#383E47;  height:320px;}
.also1{ max-width:1200px; padding:20px; }    
.link_also { text-decoration:none; color:#E1EFFF; font-family: "Mulish-Light"; font-size:16px;} 
.div33 { float:left; width:33%; text-align:left}   
.mezo{ width:300px; height:30px; padding:5px; font-family: "Mulish-Light"; font-size:16px; }       
.mezo_text{ width:300px; height:70px; padding:5px; font-family: "Mulish-Light"; font-size:14px; }    
.ajanlat{width:70%; padding:20px;background-color:#FFFFFF}  
 .tabla{ font-size:14px}   
 .jobb_felso_kep{margin-top:0px;}     
    
 }
 
@media only screen and  (max-width : 1049px) {

.menu{height:60px; width:100%; position:fixed; margin:0px; top:0px; left:0px; background-color:#3b5476; }
.mobil{ display:inline;}
.gep{display:none;}
.menudiv { width:100%;}
.logodiv {width:100%;  background-color:#3b5476;}
.koz1{ height:10px; clear:both; width:100%;}
.koz2{ height:30px; clear:both; width:100%;}
.kozmobil1{height:50px; clear:both; width:100%;}
h1{font-family: "Roboto-lagy"; font-size:40px; color:#1A1818; font-weight:100; line-height:1;}
h2{ font-size:30px; font-family: "Inter-ExtraLight"; line-height:1;}
h3{font-family: "Inter-Light"; font-size:24px; color:#1A1818; font-weight:100;}
.kozepso{ max-width:1200px; text-align:left; padding:5px;}
.kozepso_kicsi{ max-width:600px; text-align:left; padding:0px;}
.div50bal{ float:lnone; width:100%; padding-left:0px;}      
.div50jobb{ float:lnone; width:100%; padding-left:0px; }   
.div40bal{ float:lnone; width:100%; padding-left:0px;}      
.div40jobb{ float:lnone; width:100%; padding-left:0px; }   
.div50kep{ float:none; width:100%; }    
 .also{background-color:#383E47;  height:850px;}
.also1{ max-width:100%; padding:20px; }    
.link_also { text-decoration:none; color:#E1EFFF; font-family: "Mulish-Light"; font-size:16px;} 
.div33 { float:none; width:100%; text-align:left}   
.mezo{ width:300px; height:30px; padding:5px; font-family: "Mulish-Light"; font-size:16px; }       
.mezo_text{ width:300px; height:70px; padding:5px; font-family: "Mulish-Light"; font-size:14px; }       
.ajanlat{width:100%; padding:5px;background-color:#FFFFFF}  
.arnyek{box-shadow:none;}    
 .tabla{ font-size:12px}   
    .jobb_felso_kep{margin-top:0px;}  
    

    }


.dropbtn {
    background-color: #383E47;
    color: white;
    padding: 16px;
    font-size: 22px;
    border: none;
    cursor: pointer;
}
.dropdown {
    position: relative;
    display: inline-block;
	padding-top: 0px;
	float:left;
	width:30%;
}
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #27536F; font-size:18px;font-family: "Roboto-normal";
    width: 320px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;

	 filter:alpha(opacity=80);
   -moz-opacity:0.9;
   opacity: 0.9;
  
}
.dropdown-content a {
    padding: 12px 16px;
    text-decoration: none;
    display: block;
	color:#f3f0ee;
}
.dropdown-content a:hover {background-color: #16232F; color:#B3F2FF;font-family: "Roboto-vastag";}
.dropdown:hover .dropdown-content {
    display: block;
}
.dropdown:hover .dropbtn {
    background-color: #eaeaea;
	color: black;
}