@charset "utf-8";
/* CSS Document */

.btn-szamlak         {color: #d5d5d6; border: solid 1px #d5d5d6; padding: 10px; font-size: 18px; background: rgba(0,0,0,0);}
.btn-szamlak:hover   {color: #d5d5d6; border: solid 1px #d5d5d6; padding: 10px; font-size: 18px; background: rgba(0,0,0,0);}
.aktivgomb                 {color: #037080!important; border: solid 1px #037080!important;}
.aktivgomb:hover                 {color: #037080!important; border: solid 1px #037080!important;}
.szamlak_cont            {width: 100%; height: 540px; overflow: hidden; display: relative;}
.szamlak_mozgo           {width: 100%; height: 540px;  position: relative; }
.szamlak_box{
    width: 31%; 
    height: 540px; 
    background: #FFFFFF; 
    border: solid 1px #d5d5d6;
    border-radius: 10px;
    top: 0px;
    position: absolute;
}
.szamlak_box1 {left: 0%; top: 0%;}
.szamlak_box2 {left: 34.5%; top: 0%;}
.szamlak_box3 {left: 69%; top: 0%;}
.szamlak_box4 {left: 103.5%; top: 0%;}
.szamlak_kep{
    width: 100%;
    border-radius: 10px 10px 0px 0px;
}
.szamlak_textbox{
    padding: 20px;
}
.szamlak_head1{
    text-transform: uppercase;
    font-size: 1.125rem;
    line-height: 1.3333333333;
    font-weight: 400;
}
.szamlak_head2{
    font-size: 2rem;
    line-height: 1.25;
    font-weight: 400;
}

.szamlak_alja{
    position: absolute;
    bottom: 20px;
    left: 20px;
}
.szamlak_link{color: #037080!important; text-decoration: none;}

/* Small devices (mobil, 576px and down) */
@media all and (min-width: 100px) and (max-width: 768px) {
.szamlak_cont            {width: 100%; height: 540px; overflow: hidden; display: relative;}
.szamlak_mozgo           {width: 100%; height: 540px;  position: relative; }
.szamlak_box{
    width: 80%; 
    height: 540px; 
    background: #FFFFFF; 
    border: solid 1px #d5d5d6;
    border-radius: 10px;
    top: 0px;
    position: absolute;
}
.szamlak_box1 {left: 0%; top: 0%;}
.szamlak_box2 {left: 90%; top: 0%;}
.szamlak_box3 {left: 180%; top: 0%;}
.szamlak_box4 {left: 270%; top: 0%;}

}