body{    
    color: #000000;
}

#reg-container a{
    font: inherit;
    color: inherit;
    font-weight: 600;
}

#full-width-left {
    width: 600px;
}
html[data-device="mobile"] #full-width-left{
    width: 100vw;
}

#full-width-left h2{
    text-align: center;
    margin: 0 0 40px 0;
}

#full-width-right {
    padding: 60px 0 0 0;
    width: 370px;
}
html[data-device="mobile"] #full-width-right {
    width: 100vw;
    padding: 0;
}


/*********************************************************/
/* Mobil menü */
/*********************************************************/
html[data-device="mobile"] #menu-bars-container {
    height:         60px;
    line-height:    60px;
    width:          10vw;
    
}
html[data-device="mobile"] #menu-bars-container i {
    font-size:      24px;
}
html[data-device="mobile"] #logo-container {
    height:         60px;
    text-align:     center;
    width:          80vw;
}
html[data-device="mobile"] #logo-container img {
    height:         100%;
}
html[data-device="mobile"] #menu-container {
    display:        none;
}
html[data-device="mobile"] #menu-container {
    margin-top:     10px;
    margin-bottom:  10px;
    text-align:     center;
}
html[data-device="mobile"] #menu-container a {
    color:                  #07539C;
    font-size:              16px;
    text-transform:         uppercase;
    font-weight:            600;
    padding: 5px 0;
    display: block;
}
html[data-device="mobile"] ul#top-categories a {
    font-size:              14px;
    font-weight:            400;
}
/*********************************************************/
/* Mobil menü vége */
/*********************************************************/

/*********************************************************/
/* Destop fix fejléc */
/*********************************************************/
#fixed-top-header {
    position:               fixed;
    top:                    0;
    width:                  100%;
    background:             #ffffff;
    padding-top:            5px;
    z-index:                1050;
    display:                none;
    border-bottom:          2px solid #EFEFEF;
}
#fixed-top-header-container{
    margin: 0 auto;
}
#fixed-top-header #fixed-logo-container {
    width:                  100%;
    text-align:             center;
}
#fixed-top-header #fixed-logo-container img {
    max-height:             50px;
}
#fixed-top-header #fixed-menu-container {
    text-align:             center;
    background: #ffffff;
    padding: 0;
    border-bottom: 6px solid #74ad44;
    width: 100%;
}
#fixed-top-header #fixed-menu-container #main-menu {
    width: 100%;
    margin: 0 auto;
    text-align: left;
}
#fixed-top-header #fixed-menu-container #main-menu li.home a{
    padding: 10px 20px;
}
#fixed-top-header #fixed-menu-container #main-menu li a {
    font-family: 'Open Sans Condensed';
    font-weight: 700;
    color: #093a7f;
    font-size: 18px;
    text-transform: uppercase;
    padding: 10px 10px;
    line-height: 40px;
    display: block;
    position: relative;
}
#fixed-top-header #fixed-menu-container li a:after {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #74ad44;
    content: "";
    position: absolute;
    left: calc(50% - 10px);
    bottom: 0;
}
#fixed-top-header #fixed-menu-container li.active a{
    background: #74ad44;
    color: #ffffff !important;
}
#fixed-top-header #fixed-menu-container ul li {
    display:                inline-block;
    line-height:            50px;
    margin-left:            4px;
    margin-right:           4px;
    
}
#fixed-top-header #fixed-menu-container ul li.home{
    margin-left:0px;
}
#fixed-top-header #fixed-menu-container ul li a {
    color:                  #07539C;
    font-weight:            600;
    font-size:              14px;
    text-transform:         uppercase;
}
/*********************************************************/
/* Desktop fix fejléc vége */
/*********************************************************/

/*********************************************************/
/* Fejléc */
/*********************************************************/
header#header #top-header {
}
header#header #top-header a#home-link{
    display: block;
    width: 275px;
    margin: 0 auto;
    padding: 36px 0;
}
header#header_landing #top-header a#home-link,
header#header_landing #top-header-right a#home-link{
    display: block;
    width: 275px;
    padding: 36px 0;
}
html[data-device="mobile"] header#header_landing #top-header a#home-link{
    margin: 0 auto;
    text-align: center;
}
header#header_landing #top-header-right a#home-link{
    text-align: right;
    color: #093a7f;
}
header#header nav#main-menu-container ul{
    float: left;
    margin: 0;
    list-style: none;
}
header#header nav#main-menu-container ul li {
    display: block;
    position: relative;
    float: left;
}
header#header #bottom-header nav#main-menu-container{
    padding: 0;
    border-bottom: 6px solid #74ad44;
}
header#header #bottom-header nav#main-menu-container #main-menu {
    width: 100%;
    margin: 0 auto;
}
header#header #bottom-header nav#main-menu-container #main-menu li.home a{
    padding: 10px 20px;
}
header#header #bottom-header nav#main-menu-container #main-menu li a {
    font-family: 'Open Sans Condensed';
    font-weight: 700;
    color: #093a7f;
    font-size: 18px;
    text-transform: uppercase;
    padding: 10px 15px;
    line-height: 40px;
    display: block;
    position: relative;
}
header#header #bottom-header nav#main-menu-container #main-menu li a:after {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #74ad44;
    content: "";
    position: absolute;
    left: calc(50% - 10px);
    bottom: 0;
}
header#header #bottom-header nav#main-menu-container #main-menu li.active a{
    background: #74ad44;
    color: #ffffff;
}
header#header #bottom-header nav#main-menu-container ul#social-icons li {
    margin-left:            5px;
    margin-right:           5px;
}
header#header #bottom-header nav#main-menu-container ul#social-icons li i {
    color:                  #84ca94;
    font-size:              20px;
}
/*********************************************************/
/* Fejléc vége */
/*********************************************************/

/*********************************************************/
/* 404 Fejléc */
/*********************************************************/
#header-404-container {
    margin-top:         40px;
    margin-bottom:      40px;
    text-align:         center;
}
#header-404-container #h404-icon {
    margin-bottom:      10px;
}
#header-404-container #h404-icon i {
    font-size:          60px;
}
#header-404-container #h404-code {
    font-weight:        800;
    font-size:          30px;
}
#header-404-container #h404-text {
    letter-spacing:     1px;
    font-size:          24px;
}
/*********************************************************/
/* 404 Fejléc vége */
/*********************************************************/

/*********************************************************/
/* Start slideshow */
/*********************************************************/
#start-slider-container{
    height:                 315px;
    width: 620px;
    float: left;
}
#start-slider-container .item {
    height:                 315px;
    width: 620px;
}
#start-slider-container .item .slide-title {
    display:                inline-block;
    padding:                10px;
    background:             rgba(255,255,255,0.8);
    font-weight:            600;
    font-size:              18px;
}
#start-slider-container .item .slide-text {
    display:                inline-block;
    padding:                10px;
    background:             rgba(255,255,255,0.8);
    margin-top:             20px;
    font-size:              16px;
}
html[data-device="mobile"] #start-slider-container{
    width: 100vw;
    padding: 5vw;
    height: 55vw;
}
html[data-device="mobile"] #start-slider-container .item{
    height: 45vw;
    width: 100%;
    background-size: 100% auto !important;
    background-repeat: no-repeat !important;
}
html[data-device="mobile"] #start-slider-container .item .slide-title,
html[data-device="mobile"] #start-slider-container .item .slide-text {
    width:                  90vw;
    text-align:             center;
}
/*********************************************************/
/* Start slideshow vége */
/*********************************************************/

/*********************************************************/
/* Landing slideshow */
/*********************************************************/
#landing-slider-container{
    height:                 540px;
    width: 970px;
    float: left;
}
#landing-slider-container .item {
    height:                 540px;
    width: 970px;
}
#landing-slider-container .item .slide-title {
    display:                inline-block;
    padding:                10px;
    background:             rgba(255,255,255,0.8);
    font-weight:            600;
    font-size:              18px;
}
#landing-slider-container .item .slide-text {
    display:                inline-block;
    padding:                10px;
    background:             rgba(255,255,255,0.8);
    margin-top:             20px;
    font-size:              16px;
}
html[data-device="mobile"] #landing-slider-container{
    width: 100vw;
    padding: 5vw;
    height: 55vw;
}
html[data-device="mobile"] #landing-slider-container .item{
    height: 45vw;
    width: 100%;
    background-size: 100% auto !important;
    background-repeat: no-repeat !important;
}
html[data-device="mobile"] #landing-slider-container .item .slide-title,
html[data-device="mobile"] #landing-slider-container .item .slide-text {
    width:                  90vw;
    text-align:             center;
}
/*********************************************************/
/* Landing slideshow vége */
/*********************************************************/

/*********************************************************/
/* Landing promo slideshow */
/*********************************************************/

#landing-promo-slider-container{
    height:                 135px;
    width: 970px;
    float: left;
    margin: 50px 0 0 0;
}
#landing-promo-slider-container .item {
    height:                 135px;
    width: 970px;
}
#landing-promo-slider-container .item .slide-title {
    display:                inline-block;
    padding:                10px;
    background:             rgba(255,255,255,0.8);
    font-weight:            600;
    font-size:              18px;
}
#landing-promo-slider-container .item .slide-text {
    display:                inline-block;
    padding:                10px;
    background:             rgba(255,255,255,0.8);
    margin-top:             20px;
    font-size:              16px;
}
html[data-device="mobile"] #landing-promo-slider-container{
    width: 100vw;
    padding: 5vw;
    height: 55vw;
}
html[data-device="mobile"] #landing-promo-slider-container .item{
    height: 45vw;
    width: 100%;
    background-size: 100% auto !important;
    background-repeat: no-repeat !important;
}
html[data-device="mobile"] #landing-promo-slider-container .item .slide-title,
html[data-device="mobile"] #landing-promo-slider-container .item .slide-text {
    width:                  90vw;
    text-align:             center;
}
/*********************************************************/
/* Landing promo slideshow vége */
/*********************************************************/

/*********************************************************/
/* Landing benefits */
/*********************************************************/
#landing-benefits-wrap{    
    margin: 0 0 25px 0;
    padding: 20px 0;
}
#landing-benefits-wrap #landing-benefits-container{
    background-color: #093A7F;
    padding: 35px;
}
#landing-benefits-wrap #landing-benefits-container .landing-benefits-item img{
    width: 300px;
}
/*********************************************************/
/* Landing benefits vége */
/*********************************************************/

/*********************************************************/
/* start-shop-finder */
/*********************************************************/
#start-shop-finder-container{
    margin: 0 0 0 20px;
    width: 280px;
    background: #014A94;
    height: 315px;
    color: #ffffff;
    /*position: fixed; top: 0; left: 0;*/
}
html[data-device="mobile"] #start-shop-finder-container{
    width: 90vw;
    margin: 5vw;
    height: auto;
}
#start-shop-finder-container img{
    width: 100%;
}
#start-shop-finder-container #ssf-wrap{
    padding: 10px;
}
/*********************************************************/
/* start-shop-finder vége */
/*********************************************************/


/*********************************************************/
/* landing-shop-finder */
/*********************************************************/
#landing-shop-finder-container{
    margin: 30px 0 0 20px;
    width: 280px;
    background: #014A94;
    height: 315px;
    color: #ffffff;
    /*position: fixed; top: 0; left: 0;*/
}
html[data-device="mobile"] #landing-shop-finder-container{
    /*width: 90vw;*/
    margin: 5vw;
    height: auto;
}
#landing-shop-finder-container img{
    width: 100%;
}
#landing-shop-finder-container #lsf-wrap{
    padding: 10px;
}
#landing-shop-finder-container #lsf-wrap #lsf-title h2{
    color: #fff;
    margin: 0;
    padding: 0;
}
.landing-shop-fixed{
    position: fixed;
    top: 0;
    left: 0;
}
/*********************************************************/
/* start-shop-finder vége */
/*********************************************************/


/*********************************************************/
/* game-banner */
/*********************************************************/
#game-banner-container{
    margin: 0 0 0 30px;
    width: 320px;
}
html[data-device="mobile"] #game-banner-container{
    width: 90vw;
    margin: 5vw;
    height: auto;
}
#game-banner-container img{
    width: 100%;
}
#game-banner-container .gb-wrap{
    margin: 30px 0;
}
/*********************************************************/
/* game-banner vége */
/*********************************************************/


/*********************************************************/
/* start-promotions */
/*********************************************************/
#start-promotions-container{
    background: #EAF0F5;
}
#start-promotions-container a {
    color: inherit;
    font-size: inherit;
}
.sop-title{
    text-align: center;
    padding: 20px 0;
}
.sop-item {
    width: 323px;
    padding: 0 10px;
}
.sop-img img {
    width: 100%;
}
/*********************************************************/
/* start-our-products vége */
/*********************************************************/

/*********************************************************/
/* start-our-products */
/*********************************************************/
#start-our-products-container{
}
#start-our-products-container a {
    color: inherit;
    font-size: inherit;
}
.sop-title{
    text-align: center;
    padding: 20px 0;
}
.sop-item {
    width: 323px;
    padding: 0 10px;
}
.sop-img {
    height: 140px;
    overflow: hidden;
    margin: 0 0 10px 0;
}
.sop-img img {
    width: 100%;
}
/*********************************************************/
/* start-our-products vége */
/*********************************************************/


/*********************************************************/
/* start-services */
/*********************************************************/
#start-services-container{
    background: #EAF0F5;
}
#start-services-container a {
    color: inherit;
    font-size: inherit;
}
/*********************************************************/
/* start-services vége */
/*********************************************************/


/*********************************************************/
/* start-news */
/*********************************************************/
#start-news-container{
}
#start-news-container a {
    color: inherit;
    font-size: inherit;
}
/*********************************************************/
/* start-news vége */
/*********************************************************/


/*********************************************************/
/* article-list-text */
/*********************************************************/
#article-container {
    padding-top:            20px;
    margin-bottom:          35px;
}
html[data-device="mobile"] #article-container{
    padding: 2vw;
}
#article-container a{
    font: inherit;
    color: inherit;
}
#article-container .art-title,
#article-container .art-title a{
    text-align:             center;
    font-weight:            600;
    font-size:              24px;
    margin-bottom:          30px;
    color: inherit;
}
#article-container .art-text,
#article-container .art-text a{    
    font-size:              20px;
    margin: 0 0 20px 0;
    color: inherit;
}
#article-container .ac-wrap{
    padding: 10px 0 50px 0;
}
/*********************************************************/
/* article-list-text vége */
/*********************************************************/

/*********************************************************/
/* article-list-mini */
/*********************************************************/
#article-container-mini {
    padding-top:            20px;
    margin-bottom:          35px;
}
html[data-device="mobile"] #article-container-mini{
    padding: 2vw;
}
#article-container-mini a{
    font: inherit;
    color: inherit;
}
#article-container-mini .art-title,
#article-container-mini .art-title a{
    text-align:             center;
    font-weight:            600;
    font-size:              24px;
    margin-bottom:          30px;
    color: inherit;
}
#article-container-mini .art-text,
#article-container-mini .art-text a{    
    font-size:              20px;
    margin: 0 0 20px 0;
    color: inherit;
}
#article-container-mini .ac-wrap{
    width: 45%;
    float: left;
    margin: 0 2%;
    min-width: 270px;
}
#article-container-mini .sop-img {
    height: 85px;
}
#article-container-mini .sop-item-title {
    height: 150px;
}
#article-container-mini .sop-text {
    height: 200px;
}
/*********************************************************/
/* article-list-mini vége */
/*********************************************************/


/*********************************************************/
/* manufacturers list */
/*********************************************************/
#man-container *{
    text-align: left;
}
#man-container h1,
#man-container h2{
    text-align: center;
    padding: 0 0 20px 0;
}
#man-container a{    
    font: inherit;
    color: inherit;
}
#man-container a h2{
    text-align: left;
}
#man-container .m-text{
    width: 60vw;
    min-width: 300px;
    max-width: 550px;
}
#man-container .m-img{
    width: 10vw;
    min-width: 200px;
    float: right;
}
html[data-device="mobile"] #man-container a h2{
    text-align: center;
}
html[data-device="mobile"] #man-container .m-text{
    width: 100vw;
    min-width: 300px;
    max-width: 100%;
}
html[data-device="mobile"] #man-container .m-img{
    width: 10vw;
    min-width: 200px;
    float: none;
    text-align: center;
    margin: 0 auto;
}
/*********************************************************/
/* manufacturers list vége */
/*********************************************************/

/*********************************************************/
/* members list */
/*********************************************************/
#mem-container *{
    text-align: center;
}
#mem-container a{    
    font: inherit;
    color: inherit;
}
#mem-container h2{
    padding: 40px 0 20px 0;
}
#mem-container .m-text{
    width: 100%;
    min-width: 300px;
}
html[data-device="mobile"] #mem-container .m-text{
    min-width: 300px;
}
#mem-container .m-img{
    width: 10vw;
    min-width: 200px;
}
html[data-device="mobile"] #mem-container iframe{
    width: 90vw;
    height: 40vw;
    min-height: 300px;
}
/*********************************************************/
/* members list vége */
/*********************************************************/


/*********************************************************/
/* oldal */
/*********************************************************/
#p-datasheet-container{
    padding-top: 20px;
    margin-bottom: 35px;
}
#p-datasheet-container strong{
    font-size: 16px;
    font-weight: 900;
    text-decoration: underline;
}
#p-datasheet-container a{
    font: inherit;
    color: inherit;
}
html[data-device="mobile"] #p-datasheet-container{
    padding: 2vw;
}
/*********************************************************/
/* oldal vége */
/*********************************************************/

/*********************************************************/
/* right-newsletter */
/*********************************************************/
#right-nl-container{
    background: #014A94;
    margin: 50px 0 0 30px;
    width: 320px;
    padding: 10px;
    color: #ffffff;
}
html[data-device="mobile"] #right-nl-container{
    width: 90vw;
    margin: 5vw;
    height: auto;
}
#right-nl-container a{
    color: inherit;
    font: inherit;
}
/*********************************************************/
/* right-newsletter vége */
/*********************************************************/


/*********************************************************/
/* Landing text */
/*********************************************************/
#landing-text-container,
#landing-video-wrap{
    background: #EAF0F5;
    margin: 0 0 25px 0;
    padding: 20px 0;
}
html[data-device="mobile"] #landing-text-container,
html[data-device="mobile"] #landing-video-wrap{
    padding: 5vw;
}
#landing-text-container h2,
#landing-items-title h2{
    color: #093a7f;
    font-size: 25px;
    margin: 25px 0;
}
/*********************************************************/
/* Landing text vége */
/*********************************************************/

/*********************************************************/
/* Landing item */
/*********************************************************/
#landing-items-wrap{
    margin: 0 0 25px 0;
    padding: 20px 0;
}
html[data-device="mobile"] #landing-items-wrap{
    margin: 5vw;
}
#landing-items-container{
    margin: 0 0 50px 0;
}
#landing-items-container .landing-item{
    margin: 0 30px 30px 0;
}
#landing-items-container .landing-item img{
    width: 300px;
    height: 300px;
}
/*********************************************************/
/* Landing item vége */
/*********************************************************/

/*********************************************************/
/* Footer */
/*********************************************************/
#footer{
    background: #093a7f;
    color: #fff;
}
#footer a{
    color: inherit;
    font: inherit;
}
#footer .container{
    border-top: 6px solid #74ad44;
}
/*
#footer footer .fcol01{
    width: 33%;
    margin: 30px 0;
    padding: 10px;
}
#footer footer .fcol02{
    width: 66%;
}
#footer footer .fcol02 div{
    width: 50%;
    margin: 30px 0;
    padding: 10px;
}
*/
#footer footer .fcol01{
    width: 250px;
    margin: 30px 0;
    padding: 10px;
}

#footer footer .fcol02{
    width: 425px;
    margin: 30px 0;
    padding: 10px 0;
}

#footer footer .fcol02-item{
    width: 140px;
    text-align: center;
}

#footer footer .fcol02-item img{
    max-width: 100%;
    max-height: 30px;

}

#footer footer .fcol03{
    width: 250px;
    margin: 30px 0 30px 45px;
    padding: 10px;
}
html[data-device="mobile"] #footer footer .fcol01{
    width: 100%;
    margin: 30px 0;
    padding: 10px;
}

html[data-device="mobile"] #footer footer .fcol02{
    width: 100%;
    margin: 30px 0;
    padding: 10px;
}

html[data-device="mobile"] #footer footer .fcol02-item{
    width: 30vw;
}

html[data-device="mobile"] #footer footer .fcol03{
    width: 100%;
    margin: 30px 0;
    padding: 10px;
}
/*********************************************************/
/* Footer vége */
/*********************************************************/

.g-recaptcha {
    width:                  305px;
    margin-left:            auto;
    margin-right:           auto;
    margin-bottom:          10px;
}
.mini{
    width: 30% !important;
}
.title,
.list-title{    
    text-align:             center;
    font-weight:            600;
    font-size:              24px;
}
.list-title a{
    margin: inherit;
    font: inherit;
    color: inherit;
}
.text *,
.list-text *{  
    font-size:              20px;
    margin: 0 0 20px 0;
}
.list-text a{
    color: inherit;
    display: block;
}

#contact-container{
    padding: 0 10px;
}
#link-container{
    padding: 0 0 0 100px;
}
html[data-device="mobile"] #link-container{
    padding: 0;
}
#contact-container p,
#cont-title{
    font-size: 14px;
}
#contact-container #cont-img img{
    height: 130px;
}
#link-menu{
    margin: 0 0 50px 0;
}
#link-menu li a{
    font-size: 14px;
    color: inherit;
    font-weight: 600;
}
.padding-top-50{
    padding-top: 50px;
}
.padding-bottom-50{
    padding-bottom: 50px;
}


.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
position: relative;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.maintitle {
    font-size: 30px;
    margin: 0 0 20px;
    padding: 0;
    color: #434f61;
    font-weight: 700;
}
.proTitle {
    margin: 0 0 4px;
    color: #004893;
    display: block;
    font-size: 20px;
    font-weight: 700;
}
.proTitle:hover {
    color: #74ad44;
}
.center{
    text-align: center;
}
.img img{
    width: 100%;
}
.width-30{
    width: 30px !important;
}
.width-300{
    width: 300px !important;
}
.width-670{
    width: 670px !important;
}
html[data-device="mobile"] .width-670{
    width: 100% !important;
}
.youtube-video {
    aspect-ratio: 16 / 9;
    width: 100%;
}
  html[data-device="mobile"] .youtube-video {    
    aspect-ratio: 16 / 9;
    width: 90vw;
}

.video-container {
    width: 100%;
    max-width: 800px; /* Opcionális: Így nem lesz túlméretezve óriási monitorokon */
    margin: 0 auto 50px auto;
}

.video-container video {
    width: 100%;
    height: auto;
    display: block;
}