html, body {
margin:0;   
padding:0;
}
a {
text-decoration: none; 
font-style: normal;
}
body {
font-family: Arial, sans-serif;
}
li {
list-style: none; 
}
.rotate-right, .rotate-left {
transition: 0.4s;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transform: 0.4s; 
-o-transition: 0.4s;
}
.rotate-right {
transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg); 
-webkit-transform: rotate(90deg); 
-o-transform: rotate(90deg);
}
.rotate-left {
transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg); 
-webkit-transform: rotate(-90deg); 
-o-transform: rotate(-90deg);
}
.hidden{
display: none!important;         
}
#header {
width: 100%;
height: auto;
}
#menu-key {
background-image: url(//reglab.diagnosticum.hu/miskolc-2024/wp-content/themes/miskolc-2024-reglab/assets/img/menu_gomb.png);
background-position: center center;
background-repeat: no-repeat;
background-size: auto auto;
cursor: pointer;
width: 50px;
height: 50px;
position: fixed;
top:10px;
right:10px;
z-index: 11;
}
#nav {
position: fixed;
background-color: white;
width: 100%; 
float: left; 
box-siting:border-box;
padding: 8px 0;
box-shadow:0px 0px 10px rgb(0, 0, 0, 0.4);
margin:0;
top:0;
z-index: 10;
}   
#navigation {
width: 100%; 
float: left; 
} 
#menu-navigation {
width: 100%; 
text-align: center;
float: left; 
cursor: default;
margin: 0px 0px 0px 0px;
padding: 16px 0px;
} 
#menu-navigation li {
display: inline-block;
height:auto;
margin: 16px 0px;
padding: 0px 16px;
} 
#menu-navigation li a{
width:auto; 
height:auto;
cursor:pointer;
line-height:0;
color:rgb(4, 32, 80);                                    
font-size: 16px;
margin: 0px 0px;
padding: 0px 0px;
float: left;
position: relative;
font-weight: 600;
} 
#menu-navigation li a:hover {
color: rgb(11, 167, 195);
}
#menu-navigation li a.active {
color: rgb(11, 167, 195);
} 
#main {
width: 100%;   
margin: 70px 0 0 0;
padding: 0px 0px 0px 0px;
text-align: center;
}
.block {
width: 100%;  
max-width:900px;   
display: table;
margin: 0 auto 80px auto;
float: none;
box-sizing:border-box;
padding: 0px 30px 0px 30px;
}
.max {
background-color: rgb(243, 248, 241);
max-width:100%;   
margin-bottom:0;
}
.errow {
background-image: url(//reglab.diagnosticum.hu/miskolc-2024/wp-content/themes/miskolc-2024-reglab/assets/img/erow.png);
background-repeat: no-repeat;
background-position: center top;
padding-bottom: 60px;
}
.box-block {
width: 100%;  
max-width:840px;   
display: table;
margin: 0 auto 0px auto;
float: none;
}
.line {
background-color: rgb(218, 228, 214);
width:100%;
height:16px;
float: left;
margin: 60px 0 0px 0;
}
.blue {
background-color: rgb(210, 222, 205);
}
#maintop {
width: 100%;  
height:auto;
float: left;
position: relative;
margin: 0 0 0px 0; 
display: inline-block;
text-align: center;
box-sizing:border-box;
padding: 0px 30px 0px 30px;
overflow: hidden;
}
#topblock {
width: 100%;  
max-width:790px;   
display: inline-block;
padding: 143px 0px 143px 0px;
box-sizing:border-box;
margin: 0 auto 0 auto;
}
#color-bg {
background-image: url(//reglab.diagnosticum.hu/miskolc-2024/wp-content/themes/miskolc-2024-reglab/assets/img/molekula_kep_bg.jpg);
background-position: center bottom;
background-repeat: no-repeat;
background-size: cover;
width: 100%;  
box-shadow:0px 0px 50px rgb(255, 255, 255, 0.8);
border-radius:18px;
overflow: hidden;
}
#color {
background-image: url(//reglab.diagnosticum.hu/miskolc-2024/wp-content/themes/miskolc-2024-reglab/assets/img/molekula_kep.png);
background-position: right bottom;
background-repeat: no-repeat;
background-size: cover;
width: 100%;  
padding: 66px 30px 48px 30px;
box-sizing:border-box;
}
#maintop img{
width:100%;
min-height:100%;
margin:auto;
object-fit:cover;
float: none;
position: absolute;
min-height:100%;
top:auto;left:0;bottom:0;right:0;
z-index: -1;
}
#button-1 {
background-color: rgb(43, 215, 247);
width: auto;   
height:66px;
color:rgb(5, 57, 87);
cursor: pointer;
font-size: 22px;
padding: 0px 55px 0px 55px;
line-height: 66px;
text-align: center;
display: table;
text-shadow:0px 0px 0.4px rgb(5, 57, 87);
margin:50px auto 0px auto;
border-radius:33px;
letter-spacing: 0.3px;
}
#button-1:hover {
background-color: rgb(3, 159, 188);
color:rgb(255, 255, 255);
}
.top{
margin-top:0px;   
}
.box {
width: 100%; 
float: left;
padding-bottom: 32px;
border-bottom: 1px solid rgb(2, 16, 53, 0.25);
margin-bottom: 40px;
}
.last {
margin-bottom: 0px;
border: none!important;
}
.title {
width: 100%; 
font-weight: 400;
font-size: 23px;
margin:0 0 4px 0;
float: left;
color:rgba(2, 16, 53);
line-height: 30px;
padding: 0 0 0 0px;
}
.left{
background-color: rgb(11, 167, 195);
line-height: auto;
float: left;
font-size: 17px;
padding: 7px 13px;
text-align: left;
color:white;
box-sizing:border-box;
margin:0;
}
.right {
width: calc(100% - 158px); 
line-height: 22px;
text-align: left;
font-size: 17px;
float: right;
padding: 0px 0px 6px 0px;
box-sizing:border-box;
margin-top:2px;
}
.center {
width: 100%; 
line-height: 22px;
text-align: left;
font-size: 17px;
float: left;
text-align: center;
padding: 0px 0px 6px 0px;
box-sizing:border-box;
margin-top:14px;
}
#box-last{
width: 100%;  
max-width:900px;             
margin: 0 auto 0px auto;
float: none;
padding:90px 30px 0px 30px;
box-sizing:border-box;
}
#button-2 {
background-color: rgb(11, 167, 195);
width:auto;   
height:auto;
color:white;
cursor: pointer;
font-size: 20px;
padding: 20px 40px;
line-height: 27px;
text-align: center;
display: table;
margin:0px auto 0px auto;
border-radius:34px;
letter-spacing: 0.3px;
}
#button-2:hover {
background-color: rgb(1, 128, 151);
color:rgb(255, 255, 255);
}
.border {
width: 100%;
border: none;
border-bottom: 1px solid rgb(2, 16, 53, 0.25); 
float: left;
margin: 90px 0 0 0; 
}
.box-1 {
background-image: url(//reglab.diagnosticum.hu/miskolc-2024/wp-content/themes/miskolc-2024-reglab/assets/img/bg_kocka.jpg);
background-repeat: repeat-x;
width: 100%; 
float: left;
padding-bottom: 0px;
margin-bottom: 30px;
}
.box-2 {
background-image: url(//reglab.diagnosticum.hu/miskolc-2024/wp-content/themes/miskolc-2024-reglab/assets/img/bg_kocka.jpg);
background-repeat: repeat-x;
width: 100%; 
float: left;
padding-bottom: 0px;
margin-bottom: 30px;
}
.gallery{
width: 100%; 
display: flex;
flex-wrap:wrap;
justify-content: space-between;
float: none;
padding:60px 0 21px 0;
}
.gallery img{
width: 30.5%; 
flex:0 0 30.4%;
float: none;
margin-bottom: 39px;
}
.max-1 {
background-color: rgb(243, 248, 241);
background-image: url(//reglab.diagnosticum.hu/miskolc-2024/wp-content/themes/miskolc-2024-reglab/assets/img/erow.png);
background-repeat: no-repeat;
background-position: center top;
max-width:100%;   
padding:80px 0 100px 0;
margin-bottom:0;
}
form {
background-color: rgb(205, 216, 201);
width: 100%;
max-width: 840px;
height:auto;
float: none;
margin: 0px auto;
padding:50px 40px 10px 40px;
box-sizing:border-box;
border: 1px solid rgb(126, 152, 117);
border-radius:14px;
display: table;
}
form p{
margin: 0px 0px 34px 0px;
padding: 0;
}
.p-left{
width:calc(50% - 16px);
float: left;        
margin-bottom: 20px;
}
.p-right{
width:calc(50% - 16px);
float: right;        
margin-bottom: 20px;
}
.right-01{
margin-top:-21px;      
margin-bottom:30px;
}
.p-center{
width:100%;
float: left;        
margin-top: 0px;
}
.span-5{
font-size: 18px;
width:100%;
float: left;
text-align: left;
margin:0px;
padding:0px;
font-weight: normal;
color:rgba(2, 16, 53);
position: relative;
z-index: 1;
top:-6px;
}
input {
width: 364px;
height:40px;
outline:none!important;
border:none!important;
border-radius:5px;
float: left;
padding:0 16px;
box-sizing:border-box;
font-size: 16px;
margin:0px;
}
.checkbox{
width:100%;
text-align: left;
float: left;
padding-left:20px;
margin-top:-6px;
margin-bottom:0px;
box-sizing:border-box;
font-weight: normal;
line-height: 24px;
}
.checkbox a{
color: rgb(11, 167, 195);
font-weight: normal;
outline: none;
padding-left:2px;
}
.checkbox a:hover{
color: rgb(1, 128, 151);
border-bottom: 1px solid rgb(1, 128, 151);
margin-bottom: -4px;
}
#checkbox {
width:16px;
height:16px;
float: left;
margin:0px 0 0 -16px;
padding:0;
position: relative;
top:4px;left:-5px;
}
#button-3 {
background-color: rgb(11, 167, 195);
width: auto;   
height:60px;
color:white;
cursor: pointer;
font-size: 18px;
padding: 0px 40px;
line-height: 60px;
text-align: center;
display: table;
margin:30px auto 0px auto;
border-radius:30px;
letter-spacing: 0.3px;
border:none;
float: none;
}
#button-3:hover {
background-color: rgb(1, 128, 151);
color:rgb(255, 255, 255);
}
#footer {
background-color: rgb(1, 128, 151);
width: 100%;
height:auto;
padding: 16px 0px 16px 0px;
float: left;
text-align: center;
}
#footer .block{
max-width:920px;
margin:0 auto;
padding:0;
}
#footer-menu{
width: 100%;
margin: 0px auto;            
display: inline-block;
cursor: default;
}
#footer-menu a{
cursor: pointer;
font-size: 16px;
color:white;
margin: 0 12px;
outline: none;
}
#footer-menu a:hover{
border-bottom: 1px solid white;
}
#footer-menu a.act{
border-bottom: 1px solid white;
}
#toggle-box{
background-color: rgb(0, 103, 122);    
width: 100%;
text-align: center;
margin:0;
padding-bottom: 50px;
display: none;
float: left;
}
#toggle-box .block{
max-width: 600px;
}
#toggle-box p{
color: rgb(43, 215, 247);
width: 100%;
line-height: 24px;
float: left;
text-align: left;
font-size: 16px;
padding-left: 12px;
margin-top:24px;
margin-bottom:0px;
}
#toggle-box p span.cirkl{
color: rgb(43, 215, 247);  
margin-right: -14px;
font-size: 28px;
position: relative;
left:-16px;top:2px;
}
#toggle-box p span.bold-1{
color:white;
text-transform: uppercase;
font-size: 19px;
letter-spacing: 0.3px;
}
#x{
background-image: url(//reglab.diagnosticum.hu/miskolc-2024/wp-content/themes/miskolc-2024-reglab/assets/img/x.png);
background-repeat: no-repeat;
background-position: center;
width:25px;
height:25px;
cursor: pointer;
float: right;
position: relative;
top:40px;right:10px;
}
#toTop{
background-image: url(//reglab.diagnosticum.hu/miskolc-2024/wp-content/themes/miskolc-2024-reglab/assets/img/to-top.png);
background-position: center center;
background-repeat: no-repeat;
background-size: 20px auto;
background-color: rgba(0, 0, 0, 0.15);
width:50px;
height:50px;
cursor: pointer;
position: fixed;    
right:10px;
bottom:10px;
border-radius:25px;
}
h1.class-01 {
width: 100%;
margin: 0px 0 10px 0;
font-size: 32px;
line-height: 44px;
text-align: center;
box-sizing:border-box;
font-weight: normal;
color: white;
text-transform: uppercase;
}
h1.class-02{
width:auto;
font-size: 40px;
height:auto;
border-left:8px solid rgb(11, 167, 195);
line-height:30px;
color:rgb(1, 17, 53);
display: table;
font-weight: normal; 
padding: 0px 0px 0px 18px;
margin: 100px auto 100px auto; 
float: none;
}
.class-1{
background-image: url(//reglab.diagnosticum.hu/miskolc-2024/wp-content/themes/miskolc-2024-reglab/assets/img/nyil.png);
background-repeat: no-repeat;
background-position: center bottom;
padding-bottom:38px;
margin-top:16px;
margin-bottom:0px;
font-size: 22px;
text-align: center;
color: rgb(43, 215, 247);
}
.class-1_1{
margin-top:-4px;
margin-bottom:-18px;
font-size: 22px;
text-align: center;
color: rgb(43, 215, 247);
}
.class-2 {
font-size: 35px;
text-align: center;
line-height: 34px;
font-weight: bold;
color: white;
margin-top: 20px;
margin-bottom: 20px;
}
.class-3 {
font-size: 26px;
text-align: center;
color: white;
margin-top:-6px;
margin-bottom:20px;
}
.class-4 {
font-size: 18px;
color:rgba(1, 17, 53);
font-weight: bold;
margin:26px 0 26px 0;
text-align: right;
line-height: 29px;
}
.class-5 {
font-size: 18px;
color:rgb(1, 17, 53);
text-align: justify;
line-height: 27px;
margin: 0px 0 20px 0;
}
.class-5_1 {
font-size: 24px;
color:rgb(1, 17, 53);
text-align: justify;
line-height: 29px;
margin: 0 0 30px 0;
}
.class-5_2 {
font-size: 18px;
color:rgba(1, 17, 53);
text-align: right;
line-height: 29px;
margin: 20px 0 0 0;
}
.class-6 {
font-size: 20px;
color:rgba(2, 16, 53);
line-height: 28px;
margin: 0px 0 -4px 0;
} 
.class-7 {
font-size: 17px;
color:rgba(2, 16, 53);
line-height: 26px;
margin: 16px 0 0px 0;
padding-left:10px;
font-weight: bold;
}
.span-1{
background-color: rgb(11, 167, 195);
width:10px;
height:10px;
float: left;
position: relative;
top:8px;left:-10px;
border-radius:5px;
}
.span-2{
background-image: url(//reglab.diagnosticum.hu/miskolc-2024/wp-content/themes/miskolc-2024-reglab/assets/img/left_border.jpg);
background-position: left center;
background-repeat: no-repeat;
background-size: 2px 16px;
font-weight: normal;
margin: 0px 0px 0 4px;
padding: 0px 0 0 12px;
}
.class-4 .span-2{
margin: 0px 0px 0 4px;
display: inline-block;
text-align: right;         
}
.class-12 span{
padding: 0px 0 0 12px;                
}
.span-3{
font-weight: normal;
}
.class-8 {
font-size: 15px;
color:rgba(2, 16, 53);
line-height: auto;
margin: 0px 0 0px 0;
}  
.class-9 {
width:230px;
font-size: 20px;
color:rgba(1, 17, 53);
line-height: auto;
text-align: left;
margin: 0px 0 0px 0;
font-weight: bold;
float: left;
}
.class-10 {
background-color: white;
width: calc(100% - 230px);
font-size: 20px;
color:rgba(1, 17, 53);
line-height: 28px;
text-align: left;
margin: -7px 0 0px 0;
font-weight: normal;
padding-left: 12px;
box-sizing:border-box;
float: left;
}
.span-4{
background-color: white;
float: left;
padding-right: 10px;
margin-top:-7px;
}
.class-11 {
width: 100%;
font-size: 20px;
color:rgba(2, 16, 53);
line-height: 28px;
text-align: left;
margin: 0px 0 -20px 0;
font-weight: normal;
float: left;
}
.class-12 {
width: 100%;
font-size: 20px;
color:rgba(1, 17, 53);
line-height: 28px;
text-align: center;
margin: 0px 0 -16px 0;
font-weight: bold;
float: left;
}
.class-13 {
width: 100%;
font-size: 20px;
line-height: 28px;
text-align: center;
text-transform: uppercase;
margin: -40px 0 10px 0;
font-weight: normal;
color: rgb(11, 167, 195);
float: left;
} .wpcf7-form { text-align: left }
.grid-two-col {
display: grid;
grid-template-columns: auto auto;
gap: 20px
}
.wpcf7-form label {
font-size: 18px;
font-weight: normal;
color: rgba(2, 16, 53)
}
.wpcf7-form input { margin: 8px 0 16px 0; position: relative }
.wpcf7-form input[type="submit"] {
background-color: rgb(1 128 151);
width: auto;
height: 60px;
color: white;
cursor: pointer;
font-size: 18px;
line-height: 60px;
text-align: center;
text-transform: uppercase;
letter-spacing: 0.3px;
display: table;
margin: 30px auto 0px auto;
padding: 0px 40px;
border-radius: 30px;
border: none;
float: none
}
.wpcf7-form input[type="submit"]:hover { background-color: rgb(3, 159, 188); }
.wpcf7-not-valid-tip {
font-size: 13px !important;
display: inline !important;
position: absolute;
width: max-content;
right: 4px;
top: -12px
}
.wpcf7 form .wpcf7-response-output {
padding: 10px 18px !important;
border-radius: 10px
}
input[type="checkbox"] {
width: 16px;
height: 16px;
float: left;
margin: 0px 0 0 -16px;
padding: 0;
position: relative;
top: 4px;
left: -5px;
}
.wpcf7-list-item-label { font-size: 16px }
.wpcf7-list-item-label a {
display: inline-block;
color: rgb(1 128 151);
font-weight: normal;
outline: none;
padding-left: 2px
}
.wpcf7-list-item-label a:hover {
color: rgb(3, 159, 188);
border-bottom: 1px solid rgb(3, 159, 188);
margin-bottom: -4px
}
.wpcf7-acceptance {
margin-top: 14px;
display: block
}
.elkuldes p { margin-bottom: 10px }