@font-face {
    src: url(../fonts/Poppins/Poppins-Regular.ttf);
    font-family: poppins;
}

@font-face {
    src: url(../fonts/Poppins/Poppins-Medium.ttf);
    font-family: poppinsm;
}

@font-face {
    src: url(../fonts/Poppins/Poppins-Bold.ttf);
    font-family: poppinsb;
}

@font-face {
    src: url(../fonts/Poppins/Poppins-Light.ttf);
    font-family: poppinslight;
}

@font-face {
    src: url(../fonts/Roboto/Roboto-Regular.ttf);
    font-family: roboto;  
}

@font-face {
    src: url(../fonts/Roboto/Roboto-Light.ttf);
    font-family: robotolight;
}

@font-face {
    src: url(..fonts/merriweather/Merriweather-Italic.ttf);
    font-family: merriweather;
}



body {font-family: poppins; min-width: 480px; font-size: 18px;}



.top-bg {background-image: url(../img/top_bg_bw.jpg); background-size: cover; width: 100%;height: 100%; position:relative; background-position: center;}

/*** centerezés ***/
.table-full{display: table;width: 100%;height: 80%;}
.vcenter {display: table-cell;vertical-align: middle;float: none;height: 100%;}

/*about*/
.about {background-color: #F9F9F9; padding-top: 100px; padding-bottom: 100px;}
.about h2 {font-size: 40px; font-family: poppinsm;}
.about h4 {padding-top: 10px; color: #5e5e5e;}
.about p {padding-top: 30px; line-height: 1.5;  font-family: robotolight;}
.about h3 {font-family: poppinsm; padding-top: 20px;}
#szlogen {font-family: poppinsm; color: #5e5e5e;}
/*divider*/
.divider  {height: 1px; width: 80px; background-color:#5e5e5e; display: block; margin: 20px auto;}
/*divider2*/
.divider2 {height: 2px; width: 2px; background-color:#5e5e5e; display: block; margin: 5px auto;}
/*divider3*/
.divider3 {height: 1px; width: 150px; background-color:#fff; display: block; margin: 20px auto;}


/*scroll*/
.scrolldown {    position: absolute; bottom: 20px; left: 0; right: 0;}
.pulse1 {
    -webkit-animation: pulse1 2s linear infinite;
    -moz-animation: pulse1 2s linear infinite;
    -ms-animation: pulse1 2s linear infinite;
    animation: pulse1 2s linear infinite;
}

@keyframes "pulse1" {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.2;
    }
    100% {
        opacity:  1;
    }
}

@-moz-keyframes pulse1 {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.2;
    }
    100% {
        opacity:  1;
    }

}

@-webkit-keyframes "pulse1" {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.2;
    }
    100% {
        opacity:  1;
    }
}

@-ms-keyframes "pulse1" {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.2;
    }
    100% {
        opacity:  1;
    }

}

/*office*/
.office {padding-top: 100px; padding-bottom: 150px;}
.office h2 {font-size: 40px; font-family: poppinsm; text-align: center;}
.office h4 {padding-top: 30px; color: #5e5e5e;}
.office-img {margin-top: 50px;}
.office-img img {display: block; margin: auto; }
.office-text {margin-top: 80px; font-family: POPPINSM;}
.office-text p {font-family: robotolight; padding-top: 20px;}

/*footer*/
/*.footer {background-color: #EFEFEF; padding-top: 100px; padding-bottom: 50px;}*/
.table-full-footer {display: table;width: 100%;padding: 100px 0;}
.footer {background-image: url(../img/footerbg.jpg); background-size: cover; width: 100%; background-attachment: fixed; background-position: center;}
.footer h2 {color: #000; font-size: 40px; font-family: poppinsm;}
#footer-details {padding-top: 30px;}
.footer-contact {padding-top: 40px;}
.footer-contact p { padding-top: 10px; font-family: poppinsm; }
.footer-contact p small {font-size: 12px; font-family: poppinslight;}
.footer .map {padding-top: 30px;}
.footer-copyright {border-top: solid 1px rgba(145, 145, 145, 0.12); padding-top: 20px; padding-bottom: 10px; background-color: #F9F9F9;}
.footer-copyright p {font-family: poppinslight; font-size: 12px; text-align: center; color: #919191;}

.hover-zoom-box {margin-top: 20px;}

.logo {max-width: 400px;width: 100%;}
.text-section { max-width: 800px;padding: 0 20px; margin:  0 auto;}

@media screen and (max-width: 480px) {
  @viewport {
    width: 480px;
    zoom: 1;
  }
body {font-size: 30px;}
h3, .h3 {font-size: 44px;}
.office h4 {font-size: 24px;}
}