/*
 * Licensed to the Apache Software Foundation (ASF) under one
 * or more contributor license agreements.  See the NOTICE file
 * distributed with this work for additional information
 * regarding copyright ownership.  The ASF licenses this file
 * to you under the Apache License, Version 2.0 (the
 * "License"); you may not use this file except in compliance
 * with the License.  You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing,
 * software distributed under the License is distributed on an
 * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
 * KIND, either express or implied.  See the License for the
 * specific language governing permissions and limitations
 * under the License.
 */

 /* devanagari */



body{
    background-color: #ebebeb;
    margin: 0;
   
}
/* .col-12{
    
    margin: 0px;
    margin-bottom: 3px;
    height: auto;
    padding-left: 15px;
} */
.fejlec img {
    width: 100%;
}
.kerdesek {
    margin: 25px;
    padding: 10px;
    padding-top: 45px;
    padding-bottom: 45px;
    text-align: center;
    vertical-align: middle;
    background-color: #ffffff;
    box-shadow: 0px 0px 55px 0px #00000042;
    font-size: 31px;
    font-family: 'Helvetica', serif;
    font-weight: bold;
    border-radius: 20px;
    color: #5a5959;
    max-height: 185px;
    
   
}
.row.valaszok .col-12 {
   text-align: center;
   width: 100%;
}
 .valasz{
    padding: 10px;
    margin: 5px;
   display: inline-block;
}
.valasz img{
    width:100%;
}


.kezdo_oldal{
    width: 100%;
    height: 100%;
    background-image: url(../img/kezdo_lap_hatter.jpg);
    background-position: top;
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover;
    transition: 520ms;
    margin-top: -16px;
}
.kezdo_oldal .tovabb {
   
    top: 66%;
    text-align: center;
    position: relative;
    line-height: 106px;
    letter-spacing: 0.5px;
    font-size: 16px;
    font-family: helvetica;
    background: rgba(0, 0, 0, 0.29);
    color: white;
    height: 100px;
    width: 100px;
    margin: 0 auto;
    border: 1px solid;
    padding: 5px;
    border-radius: 100%;
    animation-name: stretch;
    animation-duration: 1.5s;
    animation-timing-function: ease-out;
    animation-delay: 0;
    animation-direction: alternate;
    animation-iteration-count: infinite;
    animation-fill-mode: none;
    animation-play-state: running;
    box-shadow: 0px 0px 42px rgba(255, 255, 255, 0.7);
}
      
      @keyframes stretch {
        0% {
          transform: scale(.8);
          border-radius: 100%;
         
        }
        10% {
          background-color: orange;
          border-radius: 100%;
        }
      }

.felugro{
    display: none;
    position: fixed;
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    z-index: 99999999999999;
    top: 0;
    left: 0;
}
.felugro .tartalom{
    position: absolute;
    width: 300px;
    /* height: 79px; */
    background: white;
    margin-left: -150px;
    left: 50%;
    padding: 11px;
    top: 50%;
    margin-top: -45px;
    font-size: 25px;
    text-align: center;
    border-radius: 23px;
    font-family: helvetica;
    color: #5e5c5c;
    box-shadow: 0px 0px 50px 0px #0000004a;
    font-weight: bold;
    letter-spacing: 0.5px;
    background-color: #f6eddd;
    
}
.gaus_blur{
    -webkit-filter: blur(10px); /* Chrome, Opera, etc. */
    filter: blur(10px); /* Firefox 35+, eventually all */
}