html, body{height: 100%;}
body{background: url('../design/public/background.jpg') no-repeat center top fixed #000000; padding: 0px; margin: 0px; border:0px; font-family: Verdana; font-size: 12px; line-height: 18px;}
table{width: 100%; border:none; border-collapse: collapse; border-spacing: 0px 0px; padding: 0px; margin: 0px;}
table tr, table tr td{padding: 0px; margin: 0px; line-height: 100%;}
p{font-family: Verdana; font-size: 12px; line-height: 18px;}
a{font-size: 12px; line-height: 18px; text-decoration: none; color:#0ea1e5;}
a:hover{font-size: 12px; line-height: 18px; text-decoration: none; color:#004599;}
img{border:none; max-width: 100%; height: auto;}

.eq-row:after,.eq-row:before, .eq-row-center:after, .eq-row-center:before{content:"";display:table;clear:both;}
.eq-row{display: flex; display: -webkit-flex; /* Safari */ flex-flow: row wrap; -webkit-flex-flow:row wrap;}
.eq-row-center{display: flex; display: -webkit-flex; /* Safari */ flex-flow: row wrap; -webkit-flex-flow:row wrap; align-items: center;}
.eq-column{padding: 0px;}

.eq-column.small-1{min-width: 8.33333%; -webkit-flex-basis: 8.33333%; /* Safari 6.1+ */  -moz-flex-basis: 8.33333%;}
.eq-column.small-2{min-width: 16.66666%; -webkit-flex-basis: 16.66666%; /* Safari 6.1+ */  -moz-flex-basis: 16.66666%;}
.eq-column.small-3{min-width: 25%; -webkit-flex-basis: 25%; /* Safari 6.1+ */  -moz-flex-basis: 25%;}
.eq-column.small-4{min-width: 33.33333%; -webkit-flex-basis: 33.33333%; /* Safari 6.1+ */  -moz-flex-basis: 33.33333%;}
.eq-column.small-5{min-width: 41.66666%; -webkit-flex-basis: 41.6666%; /* Safari 6.1+ */  -moz-flex-basis: 41.66666%;}
.eq-column.small-6{min-width: 50%; -webkit-flex-basis: 50%; /* Safari 6.1+ */  -moz-flex-basis: 50%;}
.eq-column.small-7{min-width: 58.33333%; -webkit-flex-basis: 58.33333%; /* Safari 6.1+ */  -moz-flex-basis: 58.33333%;}
.eq-column.small-8{min-width: 66.66666%; -webkit-flex-basis: 66.66666%; /* Safari 6.1+ */  -moz-flex-basis: 66.66666%;}
.eq-column.small-9{min-width: 75%; -webkit-flex-basis: 75%; /* Safari 6.1+ */  -moz-flex-basis: 75%;}
.eq-column.small-10{min-width: 83.33333%; -webkit-flex-basis: 83.33333%; /* Safari 6.1+ */  -moz-flex-basis: 83.33333%;}
.eq-column.small-11{min-width: 91.66666%; -webkit-flex-basis: 91.66666%; /* Safari 6.1+ */  -moz-flex-basis: 91.66666%;}
.eq-column.small-12{min-width: 100%; -webkit-flex-basis: 100%; /* Safari 6.1+ */  -moz-flex-basis: 100%;}

.termek{margin: 7px; background: #ffffff; min-width: calc(100% - 14px); -webkit-flex-basis: calc(100% - 14px); /* Safari 6.1+ */  -moz-flex-basis: calc(100% - 14px);}
.termek-leiras{background: #ffffff; padding: 14px;}
.termek-kep{padding: 14px; background: #ffffff;}
.termek-neve{padding: 14px; background: #0ea1e5;}
.termek-neve img{margin-right: 7px;}
.termek-neve a{color: #ffffff;}
.termek-more-info{padding: 7px 0px;}
.termek-more-info a{text-decoration: none; color: #000000; font-weight: bold; font-size: 14px;}
.termek-more-info a img{margin-right: 14px;}

#header-box{z-index: 99999; background: url('../design/public/header.png') no-repeat center top -15px; display: -webkit-flex; -webkit-flex-flow: row wrap; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-flow: row wrap; margin-left: 50%; width: 100%; position: fixed; top: 0; left: calc(-100% / 2);}
#microsound-logo{line-height: 0px; padding: 10px 5px}
#microsound-logo img{height: 50px;}
#up-navitagtion{display: none;}
#down-navitagtion{display: none;}
#search-navigation{flex: 1 1 100%;}
#search-navigation form{position: relative;}
#search-navigation form input[type="text"]{height: 28px; font-size: 12px; padding: 5px 30px 5px 12px; font-weight: bold; border: none; width: 100%; text-align: left; color: grey; outline: none;}
#search-navigation form input[type="image"]{position: absolute; top: 7px; right: 11px; z-index: 3; cursor: pointer; border: none; outline: none;}

#content-box{position: absolute; margin: 98px 0px 0px 50%; left: calc(-100% / 2); width: 100%; max-width: 980px;}
#body-box{padding-top: 10px;}
#slider_contener{padding-bottom: 10px;}

#page-title-box{line-height: 0px; padding: 0px 14px; background: url('../design/public/hirekbig-bgr.png') repeat; display: -webkit-flex; -webkit-flex-flow: row wrap; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-flow: row wrap; justify-content: space-between;}
#page-title{flex: 1 1 100%; padding: 15px 0px; background: url('../design/public/hircim-bgr.png') repeat;}
#page-title h1{background: url('../design/public/arrow-02.png') no-repeat left 14px center; display: inline-block; padding-left: 34px; padding-right: 14px; font-weight: normal; font-size: 28px; line-height: 100%; color: #ffffff;}

.page-title-box-2{line-height: 0px; padding: 0px 14px; background: url('../design/public/arlista-bgr.png') repeat; display: -webkit-flex; -webkit-flex-flow: row wrap; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-flow: row wrap; justify-content: space-between;}
.page-title-2{width: 100%; background: url('../design/public/hircim-bgr.png') repeat;}
.page-title-2 h1{font-weight: normal; font-size: 28px; line-height: 100%; color: #ffffff;}
.page-title-2 h1 img{padding: 0px 0px 0px 14px; position: relative; top: -3px;}

#page-title-box-search{}
#page-title-search{background: url('../design/public/hircim-bgr.png') repeat; color: #ffffff;}

.letoltes-pdf{text-align: right;}
.letoltes-pdf a{line-height: 0px;}
.letoltes-link{text-align: left; padding: 0px 14px; font-style: italic; color: #dddddd; line-height: 100%; }
.letoltes-link a{color: #ffffff; font-style: normal; display: inline-block; padding: 2px 0px;}
.letoltes-link a:hover{color: #0ea1e5;}

#social-box{flex: 1 1 100%; padding: 0px 14px; background: url('../design/public/hircim-bgr.png') repeat;}

.hirek-box{padding: 7px; background: url('../design/public/hirekbig-bgr.png') repeat; display: -webkit-flex; -webkit-flex-flow: row wrap; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-flow: row wrap; }
.hirek-small-box{flex: 1 1 308px; margin: 7px; background: url('../design/public/bgr-small-news.png') no-repeat right 6px top 108px #ffffff; padding: 6px; -webkit-transition-property: background; -webkit-transition-duration: 500ms; -webkit-transition-delay: 0s; -moz-transition-property: background; -moz-transition-duration: 500ms; -moz-transition-delay: 0s; -o-transition-property: background; -o-transition-duration: 500ms; -o-transition-delay: 0s; transition-property: background; transition-duration: 500ms; transition-delay: 0s;}
.hirek-small-box a{display: block; line-height: 0px;}
.hirek-small-box:hover{background: url('../design/public/bgr-small-news.png') no-repeat right 6px top 108px #0ea1e5;}
.hirek-small-box h2 a{line-height: 17px; padding: 8px 0px 4px 0px; color: #0ea1e5; -webkit-transition-property: color; -webkit-transition-duration: 500ms; -webkit-transition-delay: 0s; -moz-transition-property: color; -moz-transition-duration: 500ms; -moz-transition-delay: 0s; -o-transition-property: color; -o-transition-duration: 500ms; -o-transition-delay: 0s; transition-property: color; transition-duration: 500ms; transition-delay: 0s;}
.hirek-small-box p a{font-size: 11px; line-height: 16px; padding: 6px 0px; color: #000000; -webkit-transition-property: color; -webkit-transition-duration: 500ms; -webkit-transition-delay: 0s; -moz-transition-property: color; -moz-transition-duration: 500ms; -moz-transition-delay: 0s; -o-transition-property: color; -o-transition-duration: 500ms; -o-transition-delay: 0s; transition-property: color; transition-duration: 500ms; transition-delay: 0s;}
.hirek-small-box:hover h2 a, .hirek-small-box:hover p a{color: #ffffff;}

.left-hir-box{flex: 1 1 auto; margin: 7px; padding: 14px; background: #e3eaf3;}
.left-hir-box p{padding: 5px 0px 10px 0px;}
.left-hir-box ul{list-style-image: url('../design/public/list-arrow.png'); padding:5px 0px; margin-left: 34px;}
.left-hir-box ul li{font-size: 12px; line-height: 18px; padding: 1px 0px;}

.right-hir-box{flex: 1 1 auto; align-content: flex-start; display: -webkit-flex; -webkit-flex-flow: row wrap; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-flow: row wrap; }

.hir-2-text{background: #ffffff;}
.hir-2-text p{padding: 5px 0px;}
.blue-text-left, .blue-text-right{margin: 0px; padding: 10px 0px 5px 0px; font-size: 10px; color: #1da7e7; position: relative; top: -3px;}
.blue-text-left  span, .blue-text-right span{font-size: 15px; font-weight: bold; position: relative; top: 3px;}
.blue-text-left{text-align: left;}
.blue-text-right{text-align: right;}

#newsletter_subscription label{display: inline-block; width: 150px; font-weight: bold;}
#newsletter_subscription input[type="text"]{height: 15px; padding: 3px 6px; font-size: 11px; font-weight: bold; background: #abc7dd; border-radius: 3px; border: 1px solid #abc7dd; width: 250px; box-sizing:content-box; -ms-box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
#newsletter_subscription input[type="checkbox"]{display: none;}
#newsletter_subscription span.box1, #newsletter_subscription span.box2{display: inline-block; width: 22px; height: 22px; background: #abc7dd; position: relative; top: 5px; border-radius: 3px; cursor: pointer;}
.selected_box{background: url('../design/public/checkbox_yes.png') center center no-repeat #abc7dd!important; }
#feliratkozas, #leiratkozas{background: url('../design/public/list-arrow.png') no-repeat left 10px center transparent; color: #0ea1e5; font-weight: bold; padding-left: 20px; border:none; outline: none; cursor: pointer;}
#feliratkozas:hover, #leiratkozas:hover{color:#004599;}

#footer-brand-logos{background: #121212; padding: 14px; margin: 10px 0; text-align: center;}
#footer-brand-logos a{display: inline-block; line-height: 0px;}
#footer-brand-logos a img{height: 18px; margin: 5px 10px;}
#footer-contacts{background: #121212; padding: 14px 14px 40px 14px;}
#footer-contacts ul{list-style: none; overflow: hidden; color: #ffffff;}
#footer-contacts ul li{width: 100%; text-align: center;}
#footer-contacts ul li a{color: #ffffff;}
#footer-contacts ul li a:hover{color: #0ea1e5;}
#footer-contacts ul li:nth-child(3) img{padding: 15px 10px; display: inline-block;}

#smart-contact-button{cursor: pointer; width: 250px; background: #0ea1e5; color: #ffffff; position: fixed; z-index: 888; bottom: 0; margin-left: 50%; left: calc(50% - 250px);}
#smart-contact-button span{font-size: 14px; line-height: 35px; display: inline-block; padding: 0px 14px;}
#smart-contact-button img{float: right;}
#smart-people-popup{width: 250px; height: 0px; background: #d3d7d9; margin-left: 50%; left: calc(50% - 250px); position: fixed; bottom: 0px;}

.cookies{position: fixed; left: 0; top: 0; background: url('../design/public/arlista-bgr.png') repeat; display: flex; display: -webkit-flex; justify-content: center; align-items: center; z-index: 99999; height: 100%; width: 100%; padding: 15px;}
.cookies-inner{font-size: 13px; flex: 0 1 300px; -webkit-flex: 0 1 300px; background: #ffffff; padding: 15px 20px;}

.cookies-inner span{cursor: pointer; justify-content: center; display: flex; max-width: 200px; padding: 6px 12px; font-size: 12px; background: #000000; color: #ffffff; margin: 10px auto 0px auto;}
.cookies-inner span:hover{background: #0ea1e5;}
#mobil-menu-icon{position: fixed; width: 46px; height: 46px; z-index: 99999; display: block; top: 10px; right: 10px; cursor: pointer; background-size: cover!important;}
.open-menu{background: url('../design/public/open-menu.png') no-repeat center center #1e2a7a;}
.close-menu{background: url('../design/public/close-menu.png') no-repeat center center #1e2a7a;}
#mobil-menu-list{display: none; position: fixed; z-index: 9999; width: 100%; background: #1e2a7a; top: 98px;}
#mobil-menu-list ul li{border-bottom: 1px dotted #cccccc; height: 30px; padding: 5px 0px 5px 18px; text-align: left; background: url('../design/public/arrow-02.png') left 7px center no-repeat;}
#mobil-menu-list ul li a{color: #ffffff; text-align: left;}

#listak-bgr{background: url(../design/public/arlista-bgr.png) repeat; /* width: 980px; */}
.cimke{background: #1da7e7; color: #ffffff; font-size: 16px; display: none;}
.hirbgr{background: #e3eaf3;    width: 100%;}
.lista-sor{width: 100%; border-top: 1px solid #848484; padding: 3px 0px; font-size: 14px; line-height: 18px;}
.lista-sor-fejlec{border-top: 0px;}
.padding-14{padding: 14px;}
.padding-14 div.lista-sor:first-child{border-top: none;}
.hossz{padding: 10px 0px; width: 100%; text-align: left; line-height: 18px;  font-size: 14px;  font-weight: bold;  border-top: 1px solid #848484;}
.hossz:first-child{padding-top: 0px; border-top: none;}
.ar{text-align: right;}
.backward{}
.backward .left{text-align: left; color: #ffffff;}
.backward .right{text-align: right;}
.backward .right a{text-decoration: none; font-size: 16px; color: #ffffff;}
.backward .right a img{position: relative; top: 2px; margin-left: 5px;}
.backward .right a:hover{color: #1da7e7;}
.top{    width: 100%;
    text-align: right;
    background: url(../design/public/bgr-top-page.png) no-repeat right top 22px;
    padding-top: 10px;
    height: 59px;
    vertical-align: top; cursor: pointer;}
.top span{color: #1da7e7;
    font-size: 16px;
    position: relative;
    top: -12px; right: 5px; cursor: pointer;}

@media (min-width:601px){
    
    .eq-column.medium-1{min-width: 8.33333%; -webkit-flex-basis: 8.33333%; /* Safari 6.1+ */  -moz-flex-basis: 8.33333%;}
    .eq-column.medium-2{min-width: 16.66666%; -webkit-flex-basis: 16.66666%; /* Safari 6.1+ */  -moz-flex-basis: 16.66666%;}
    .eq-column.medium-3{min-width: 25%; -webkit-flex-basis: 25%; /* Safari 6.1+ */  -moz-flex-basis: 25%;}
    .eq-column.medium-4{min-width: 33.33333%; -webkit-flex-basis: 33.33333%; /* Safari 6.1+ */  -moz-flex-basis: 33.33333%;}
    .eq-column.medium-5{min-width: 41.66666%; -webkit-flex-basis: 41.6666%; /* Safari 6.1+ */  -moz-flex-basis: 41.66666%;}
    .eq-column.medium-6{min-width: 50%; -webkit-flex-basis: 50%; /* Safari 6.1+ */  -moz-flex-basis: 50%;}
    .eq-column.medium-7{min-width: 58.33333%; -webkit-flex-basis: 58.33333%; /* Safari 6.1+ */  -moz-flex-basis: 58.33333%;}
    .eq-column.medium-8{min-width: 66.66666%; -webkit-flex-basis: 66.66666%; /* Safari 6.1+ */  -moz-flex-basis: 66.66666%;}
    .eq-column.medium-9{min-width: 75%; -webkit-flex-basis: 75%; /* Safari 6.1+ */  -moz-flex-basis: 75%;}
    .eq-column.medium-10{min-width: 83.33333%; -webkit-flex-basis: 83.33333%; /* Safari 6.1+ */  -moz-flex-basis: 83.33333%;}
    .eq-column.medium-11{min-width: 91.66666%; -webkit-flex-basis: 91.66666%; /* Safari 6.1+ */  -moz-flex-basis: 91.66666%;}
    .eq-column.medium-12{min-width: 100%; -webkit-flex-basis: 100%; /* Safari 6.1+ */  -moz-flex-basis: 100%;}
    
    .termek{min-width: calc(33.33333% - 14px); -webkit-flex-basis: calc(33.33333% - 14px); /* Safari 6.1+ */  -moz-flex-basis: calc(33.33333% - 14px);}
    
    .cimke{display: block;}
    #page-title{flex: 1 1 auto;}
    #social-box{flex: 0 0 308px; padding: 15px 0px;}
    .cookies-inner{flex: 0 1 400px; -webkit-flex: 1 0 400px;}
    
    
}

@media (min-width:980px){
    #mobil-menu-list{display: none!important;}
    #mobil-menu-icon{display: none;}
    #header-box{justify-content: flex-end; background: url('../design/public/header.png') no-repeat center top -0px; height: 114px; margin: 0px auto; max-width: 980px; width: 100%; top: 0; left: -490px; margin-left: 50%;}
    #microsound-logo{position: absolute; z-index: 999; top: 17px; left: 0; padding: 0px 5px;}
    #microsound-logo img{height: auto;}
    #up-navitagtion{display: block!important; flex: 1 1 100%; height: 48px;}
    #down-navitagtion{display: block!important; flex: 1 1 auto; height: 66px;}
    #up-navitagtion ul, #down-navitagtion ul{float: right;}
    #up-navitagtion ul{padding: 22px 0px 8px 0px;}
    #down-navitagtion ul{padding: 23px 7px;}
    #up-navitagtion ul li, #down-navitagtion ul li{float: left; padding: 0px 14px;}
    #up-navitagtion ul li a{color: #ffffff; font-size: 12px;}
    #down-navitagtion ul li a{color: #ffffff; font-size: 17px;}
    #up-navitagtion ul li a:hover, #down-navitagtion ul li a:hover{color: #0ea1e5;} 
    #search-navigation{flex: 0 0 314px; height: 66px; padding: 17px 14px 17px 0px;}
    #search-navigation form input[type="text"]{height: 32px; font-size: 14px; padding: 8px 30px 8px 12px;}
    #search-navigation form input[type="image"]{top: 9px;}
    
    #content-box{position: absolute; margin: 114px 0px 0px 50%; left: -490px;}
    
    .hirek-small-box{flex: 0 1 308px; }
    .left-hir-box{flex: 0 1 630px;}
    .right-hir-box{flex: 1;}
    
    
    #footer-contacts{padding: 14px 14px 0px 14px;}
    #footer-contacts ul li{width: 33.33333333%; float: left;}
    #footer-contacts ul li:nth-child(1){text-align: left;}
    #footer-contacts ul li:nth-child(3){text-align: right;}
    #footer-contacts ul li:nth-child(3) img{padding: 0px; margin-left: 10px; display: inline-block;}
    
    
    #smart-contact-button{margin-left: 50%; left: 226px;}
    #smart-people-popup{margin-left: 50%; left: 226px;}
    .cookies-inner{flex: 0 1 470px; -webkit-flex: 0 1 470px;}
}

@media (min-width:993px){
    .eq-column.large-1{min-width: 8.33333%; -webkit-flex-basis: 8.33333%; /* Safari 6.1+ */  -moz-flex-basis: 8.33333%;}
    .eq-column.large-2{min-width: 16.66666%; -webkit-flex-basis: 16.66666%; /* Safari 6.1+ */  -moz-flex-basis: 16.66666%;}
    .eq-column.large-3{min-width: 25%; -webkit-flex-basis: 25%; /* Safari 6.1+ */  -moz-flex-basis: 25%;}
    .eq-column.large-4{min-width: 33.33333%; -webkit-flex-basis: 33.33333%; /* Safari 6.1+ */  -moz-flex-basis: 33.33333%;}
    .eq-column.large-5{min-width: 41.66666%; -webkit-flex-basis: 41.6666%; /* Safari 6.1+ */  -moz-flex-basis: 41.66666%;}
    .eq-column.large-6{min-width: 50%; -webkit-flex-basis: 50%; /* Safari 6.1+ */  -moz-flex-basis: 50%;}
    .eq-column.large-7{min-width: 58.33333%; -webkit-flex-basis: 58.33333%; /* Safari 6.1+ */  -moz-flex-basis: 58.33333%;}
    .eq-column.large-8{min-width: 66.66666%; -webkit-flex-basis: 66.66666%; /* Safari 6.1+ */  -moz-flex-basis: 66.66666%;}
    .eq-column.large-9{min-width: 75%; -webkit-flex-basis: 75%; /* Safari 6.1+ */  -moz-flex-basis: 75%;}
    .eq-column.large-10{min-width: 83.33333%; -webkit-flex-basis: 83.33333%; /* Safari 6.1+ */  -moz-flex-basis: 83.33333%;}
    .eq-column.large-11{min-width: 91.66666%; -webkit-flex-basis: 91.66666%; /* Safari 6.1+ */  -moz-flex-basis: 91.66666%;}
    .eq-column.large-12{min-width: 100%; -webkit-flex-basis: 100%; /* Safari 6.1+ */  -moz-flex-basis: 100%;}
}