@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,400;1,200&display=swap');

html,body{
	height:100%; 
	width:100%;
	margin:0;
    font-family: 'Poppins', sans-serif;
}
body{
 background-color:#f5f5f5;
 color:#3e3e3e;
}
#logoSmall{
 width:40px;
 position:relative;
 top:5px;
}
/* Ablak */
.ppup {
    width:100%;
    height:100%;
    display:none;
    position:fixed;
    top:0px;
    left:0px;
    background:rgba(0,0,0,0.75);
	z-index:0;
}
.ppup-inner {
    max-width:700px;
	max-height:85vh;
	height:85vh;
    width:90%;
    padding:40px;
    position:absolute;
	overflow:auto;
    top:44vh;
    left:50%;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    box-shadow:0px 2px 6px rgba(0,0,0,1);
    border-radius:3px;
    background:#fff;
	z-index:3;
	margin-top:40px;
}
.ppup-loader{
	width:100%;
	height:100%;
    padding-top:40%;
	text-align:center;
    position:absolute;
    top:40%;
    left:50%;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    background: rgba(0, 0, 0, .5);
	z-index:3;
	margin-top:40px;
	display:none;
}
.ppButtons a:link,
.ppButtons a:active,
.ppButtons a:visited,
.btnS1{
  background: #52514f;
  color: #ffffff;
  font-size: 14px;
  padding: 6px 10px 6px 10px;
  text-decoration: none;
  border:none;
}
#topMenu{
 width:96%;
 background-color:#232445;
 padding:2%;
 color:#ffffff;
 display:inline-block;
}
#topMenuLeft{
 width:50%;
 float:left;
}
#topMenuRight{
 width:50%;
 padding-top:0.5%;
 display:inline-block;
 text-align:right;
}
#topMenuRight a{
 color:#232445;
 background-color:#fff;
 text-decoration:none;
 padding:3%;
 border-radius:5px;
}

#mainTitle{
 font-weight:bold;
 font-size:20px;
}
#mainTitle a{
	color:#fff;
	text-decoration:none;
}
#mainSubTitle{
 font-size:13px;
 margin-left:42px;
 margin-top:-5px;
 display:block;
}
#szallModL:link{
 color:blue;
 text-decoration:none;
}

input[type=button],
button,
input[type=submit]{
 background-color:#232445;
 color:#fff;
 border:1px solid #232445;
 padding:1%;
 font-size:14px;
 margin:5px;
 border-radius:4px;
}
input[type=button]:hover,
button:hover,
input[type=submit]:hover{
 cursor:pointer;
}
input[type=button]:disabled,
input[type=submit]:disabled{
  background: #dddddd;
  color:#232445;
  border:1px solid #dddddd;
}
.inBlocks{
 width:92%;
 margin:0 auto;
}
.formInputBlock{
 width:100%;
}
.formTitle1{
 font-weight:bold;
}
.formComment{
 font-size:12px;
 display:block;
 width:98%;
 
}
.formInputBlock{
 margin-bottom:1%;
}
.myInput,
.formInputBlock input[type=text],
.formInputBlock input[type=password],
.formInputBlock input[type=email]{
 width:98%;
 height:30px;
 border:1px solid #dddddd;
 border-radius:4px;
 padding-left:1%;
}
.footer{
 width:100%;
 min-height:150px;
 background-color:#3e3e3e;
}
.footerIn{
 width:92%;
 margin:0 auto;
 color:#fff;
 font-size:12px;
 padding-top:2%;
 text-align:center;
}
.footerIn a:link,
.footerIn a:visited{
 color:#fff;
 text-decoration:none;
}
.alertDanger{
 color: #721c24;
 background-color: #f8d7da;
 border-color: #f5c6cb;
 border-radius: .25rem;
 padding:1%;
 margin-top:1%;
 margin-bottom:1%;
 font-weight:bold;
}
.errorText{
 color: #ff0000;
 padding:0.5%;
}
.errors{
 border:1px solid #f5c6cb !important;
}
.mainContent{
 min-height:800px;
}
.storeLink{
 text-decoration:none;
 font-size:12px;
 color:#3e3e3e;
}
#headLine{
 height:90px;
}
.linkBtn{
 background-color:#232445;
 color:#ffffff;
 text-decoration:none;
 padding:0.5%;
 border-radius:5px;
}
.myWrapper{
 max-width:1200px;
 width:100%;
 display:table;
 margin:0 auto;
}
[class*="col-"]{
 float:left;
 padding:15px;
 box-sizing:border-box;
}
.col-1{width:8.33%;}
.col-2{width:16.65%;}
.col-3{width:25.00%;}
.col-4{width:33.33%;}
.col-5{width:41.66%;}
.col-6{width:50.00%;}
.col-7{width:58.33%;}
.col-8{width:66.66%;}
.col-9{width:75.00%;}
.col-10{width:83.33%;}
.col-11{width:91.66%;}
.col-12{width:100%;}
@media screen and (max-width: 800px){
 .col-m-1{width:8.33%;}
 .col-m-2{width:16.65%;}
 .col-m-3{width:25.00%;}
 .col-m-4{width:33.33%;}
 .col-m-5{width:41.66%;}
 .col-m-6{width:50.00%;}
 .col-m-7{width:58.33%;}
 .col-m-8{width:66.66%;}
 .col-m-9{width:75.00%;}
 .col-m-10{width:83.33%;}
 .col-m-11{width:91.66%;}
 .col-m-12{width:100%;}
 #topMenu{
    padding-bottom: 4%;
   }
}
@media screen and (max-width: 400px){
 .col-s-1{width:8.33%;}
 .col-s-2{width:16.65%;}
 .col-s-3{width:25.00%;}
 .col-s-4{width:33.33%;}
 .col-s-5{width:41.66%;}
 .col-s-6{width:50.00%;}
 .col-s-7{width:58.33%;}
 .col-s-8{width:66.66%;}
 .col-s-9{width:75.00%;}
 .col-s-10{width:83.33%;}
 .col-s-11{width:91.66%;}
 .col-s-12{width:100%;}

}