@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: 200px; overflow: hidden; display: relative;}
.szamlak_mozgo          {width: 100%; height: 200px;  position: relative; }
.szamlak_box			{width: 31%;  height: 200px; background: #FFFFFF; border-radius: 10px; top: 0px; position: absolute; text-align: center; padding: 15px;}
.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: 160px; overflow: hidden; display: relative;}
.szamlak_mozgo          {width: 100%; height: 160px;  position: relative; }
.szamlak_box			{ width: 80%; height: 160px; 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%;}

}