html[data-device="mobile"] #menu-container {
    margin-top:             22px;
    background:             rgba(0,0,0,0.35);
    padding:                10px;
}
html[data-device="mobile"] #menu-container #main-menu {
    text-align:             center;
}
html[data-device="mobile"] #menu-container #main-menu li {
    height:                 32px;
    line-height:            32px;
} 

footer#footer {
    background:             #2d2c2c;
    padding-top:            20px;
    margin-top:             50px;
}
html[data-template="komplexweb"] footer#footer {
    margin-top:             0px;
}
footer#footer #footer-webshop-content-container {
    margin-top:             10px;
    margin-bottom:          10px;
    text-align:             center;
}
footer#footer #footer-webshop-content-container ul li {
    display:                inline-block;
    margin-left:            10px;
    margin-right:           10px;
}
footer#footer #footer-webshop-content-container ul li a {
    color:                  #cbbdb9;
    font-size:              12px;
}

footer#footer #footer-self-info {
    margin-top:             20px;
    
}
footer#footer #footer-self-info .container {
    border-top:             2px solid #262626;
    padding-top:            20px;
}
footer#footer #footer-self-info .float-right {
    width:                  850px;
    color:                  #7e7774;
    font-size:              13px;
}
footer#footer #footer-self-info .float-right ul {
    margin-top:             5px;
}
footer#footer #footer-self-info .float-right ul li {
    display:                inline-block;
    margin-right:           5px;
    margin-bottom:          5px;
}
footer#footer #footer-self-info .float-right ul li a {
    color:                  #cbbdb9;
    font-size:              13px;
}

footer#footer #footer-sites {
    
}
footer#footer #footer-sites .container,
footer#footer #footer-microblog-container .container,
footer#footer #footer-references-list-container .container {
    border-top:             2px solid #262626;
    border-bottom:          2px solid #262626;
    margin-top:             30px;
    padding-top:            30px;
    padding-bottom:         30px;
}
footer#footer #footer-references-list-container .container {
    border-bottom:          0;
}
footer#footer #footer-sites ul li,
footer#footer #footer-microblog-container ul li,
footer#footer #footer-references-list-container ul li {
    display:                inline-block;
    margin-left:            10px;
    margin-right:           10px;
    vertical-align:         top;
    margin-bottom:          15px;
}
html[data-device="desktop"] footer#footer #footer-sites ul li,
html[data-device="desktop"] footer#footer #footer-microblog-container ul li,
html[data-device="desktop"] footer#footer #footer-references-list-container ul li {
    width:                  375px;
}
footer#footer #footer-sites ul li a.meta-title,
footer#footer #footer-references-list-container ul li a.meta-title,
footer#footer #footer-microblog-container a.fmb-title {
    color:                  #cbbdb9;
    display:                block;
    margin-bottom:          5px;
    font-size:              12px;
}
footer#footer #footer-sites ul li .meta-description,
footer#footer #footer-references-list-container ul li .meta-description,
footer#footer #footer-microblog-container .fmb-text {
    color:                  #7e7774;
    font-size:              11px;
    text-align:             justify;
}
footer#footer #footer-sites ul li .meta-description a,
footer#footer #footer-references-list-container ul li .meta-description a {
    color:                  #7e7774;
    font-size:              12px;
}
footer#footer #footer-bottom {
    margin-top:             20px;
    background:             #262626;
    height:                 40px;
    line-height:            40px;
    color:                  #FFFFFF;
    text-align:             center;
    font-size:              12px;
}
footer#footer #footer-bottom a {
    color:                  #FFFFFF;
}
footer#footer .footer-logos {
    margin-top:             30px;
    text-align:             center;
}
footer#footer .footer-logos ul li {
    display:                inline-block;
    margin-left:            10px;
    margin-right:           10px;
}

#start-solutions-online {
    margin-bottom:          5px;
    margin-top:             5px;
    background:             url('gui/solution_online_bg.jpg') top center no-repeat;
    height:                 530px;
}
html[data-lang="no"] #start-solutions-online {
    background:             url('gui/solution_online_bg_no.jpg') top center no-repeat;
}
#start-service-monitor {
    margin-bottom:          5px;
    margin-top:             5px;
    

}
html[data-lang="no"] #start-service-monitor {
    background:             url('gui/service_monitor_no.jpg') top center no-repeat;
}
html[data-lang="hu"] #start-service-monitor {
    background:             url('gui/service_monitor_hu.jpg') top center no-repeat;
}

html[data-device="desktop"] #start-service-monitor {
    height:                 590px;
}
html[data-device="mobile"] #start-service-monitor {
    max-width:              100vw;
    min-height:             35vh;
}
html[data-device="mobile"][data-lang="no"] #start-service-monitor {
    background:             url('gui/service_monitor_no.jpg') top center / cover;
}
html[data-device="mobile"][data-lang="hu"] #start-service-monitor {
    background:             url('gui/service_monitor_hu.jpg') top center / cover;
}

html[data-device="desktop"] #breadcrumbs-container {
    height:                 80px;
    line-height:            80px;
}
html[data-device="mobile"] #breadcrumbs-container {
    margin-top:             10px;
    margin-bottom:          10px;
    line-height:            40px;
}
#breadcrumbs-container * {
    font-size:              16px;
    color:                  #FFFFFF;
}
#breadcrumbs-container ul li {
    display:                inline-block;
    margin-right:           15px;
}
#breadcrumbs-container ul li a span {
    padding:                5px;
    background:             rgba(0,0,0, 0.2);
}


#subpage-title-container {
    margin-bottom:          25px;
}
html[data-device="mobile"] #subpage-title-container {
    text-align:             center;
}

#subpage-title-container .container {
    font-size:              36px;
    text-transform:         uppercase;
    color:                  #FFFFFF;
    text-shadow:            2px 0px 1px rgba(150, 150, 150, 1);
}

#p-datasheet-container,
#contact-container {
    padding-bottom:         50px;
}
#p-datasheet-container #p-datasheet-left-link-container,
#contact-container #contact-container-left-link-container,
#mb-datasheet-container #mb-datasheet-container-left-link-container,
#microblog-contact-container #contact-container-left-link-container,
#webshop-datasheet-container #webshop-datasheet-left-link-container {
    width:                  300px;
}
html[data-device="mobile"] #p-datasheet-container #p-datasheet-left-link-container,
html[data-device="mobile"] #contact-container #contact-container-left-link-container,
html[data-device="mobile"] #mb-datasheet-container #mb-datasheet-container-left-link-container,
html[data-device="mobile"] #microblog-contact-container #contact-container-left-link-container,
html[data-device="mobile"] #webshop-datasheet-container #webshop-datasheet-left-link-container {
    width:                  90vw;
}
#webshop-datasheet-container #webshop-datasheet-left-link-container #webshop-datasheet-left-code {
    margin-top:             20px;
}

#p-datasheet-container #p-datasheet-left-link-container ul li,
#contact-container #contact-container-left-link-container ul li,
#mb-datasheet-container #mb-datasheet-container-left-link-container ul li,
#webshop-datasheet-container #webshop-datasheet-left-link-container ul li {
    background:             rgba(0,0,0,0.25);
    padding:                10px;
    margin-bottom:          2px;
}
#p-datasheet-container #p-datasheet-left-link-container ul li a,
#contact-container #contact-container-left-link-container ul li a,
#mb-datasheet-container #mb-datasheet-container-left-link-container ul li a,
#webshop-datasheet-container #webshop-datasheet-left-link-container ul li a {
    color:                  #000000;
    font-weight:            600;
}
#p-datasheet-container #p-datasheet-right-text-container,
#contact-container #contact-container-right-text-container,
#mb-datasheet-container #mb-datasheet-container-right-text-container,
#microblog-contact-container #contact-container-right-text-container,
#webshop-datasheet-container #webshop-datasheet-right-text-container {
    color:                  #000000;
    width:                  850px;
    margin-left:            50px;
}
html[data-device="mobile"] #p-datasheet-container #p-datasheet-right-text-container,
html[data-device="mobile"] #contact-container #contact-container-right-text-container,
html[data-device="mobile"] #mb-datasheet-container #mb-datasheet-container-right-text-container,
html[data-device="mobile"] #microblog-contact-container #contact-container-right-text-container,
html[data-device="mobile"] #webshop-datasheet-container #webshop-datasheet-right-text-container {
    width:                  90vw;
    margin-top:             20px;
}

#p-datasheet-container #p-datasheet-right-text-container *,
#mb-datasheet-container #mb-datasheet-container-right-text-container * {
    line-height:            24px;
    text-align:             justify;
}
#mb-datasheet-container #mb-datasheet-container-right-text-container #md-datasheet-thumb-container,
#p-datasheet-container #p-datasheet-right-text-container #p-datasheet-thumb-container,
#webshop-datasheet-container #webshop-datasheet-right-text-container #webshop-datasheet-thumb-container {
    width:                  360px;
    height:                 250px;
    overflow:               hidden;
    border:                 3px solid rgba(0,0,0, 0.2 );
    margin-right:           15px;
    margin-bottom:          15px;
}
html[data-device="mobile"] #mb-datasheet-container #mb-datasheet-container-right-text-container #md-datasheet-thumb-container,
html[data-device="mobile"] #p-datasheet-container #p-datasheet-right-text-container #p-datasheet-thumb-container,
html[data-device="mobile"] #webshop-datasheet-container #webshop-datasheet-right-text-container #webshop-datasheet-thumb-container {
    width:                  90vw;
    text-align:             center;
    display:                block;
}

#mb-datasheet-container #mb-datasheet-container-right-text-container #mb-d-title,
#webshop-datasheet-container #webshop-datasheet-right-text-container #webshop-d-title {
    font-weight:            600;
    margin-bottom:          10px;
    font-size:              20px;
}
#webshop-datasheet-container #webshop-product-datasheet-code {
    margin-top:             20px;
    margin-bottom:          20px;
}

#mb-datasheet-container #mb-datasheet-container-right-text-container #mb-d-text {
    display:                inline;
}

#contact-container #contact-container-right-text-container .g-recaptcha {
    width:                  305px;
    margin-left:            auto;
    margin-right:           auto;
}
.submit-button-container {
    margin-top:             20px;
    margin-bottom:          20px;
    text-align:             center;
}
.submit-button-container button {
    width:                  300px;
    border:                 0;
    height:                 40px;
    font-weight:            600;
    color:                  #FFFFFF;
    background:             #ff1c1c;
    cursor:                 pointer;
}
#start-services-container,
#start-references-container,
#start-webshops-container,
#start-seo-feed-container,
#partner-network-container,
#start-press-release-container {
    padding-top:            75px;
    padding-bottom:         75px;
}
#start-references-container,
#partner-network-container,
#start-press-release-container {
    background:             #e6e6e5;
}
html[data-template="komplexwebsubpage"] #partner-network-container {
    background:             none;
}

#start-services-container #s-services-title,
#start-references-container #s-references-title,
#start-webshops-container #s-webshops-title,
#start-seo-feed-container #s-seo-feed-title,
#partner-network-container #partner-network-title,
#start-press-release-container #s-press-release-title {
    text-align:             center;
    margin-bottom:          30px;
    font-size:              30px;
    text-transform:         uppercase;
    font-weight:            600;
    color:                  #000000;
}
#start-services-container ul,
#webshop-list-container ul,
#start-references-container ul,
#references-list-container ul,
#start-webshops-container ul,
#start-seo-feed-container ul,
#partner-network-container ul,
#start-press-release-container ul,
#domain-list-container ul,
#webshop-datasheet-container #webshop-datasheet-right-text-container ul,
#webshop-datasheet-container #webshop-datasheet-full-wight-container ul {
    text-align:             center;
}
#start-services-container ul li,
#webshop-list-container ul li,
#start-references-container ul li,
#references-list-container ul li,
#start-webshops-container ul li,
#start-seo-feed-container ul li,
#start-press-release-container ul li,
#domain-list-container ul li,
#webshop-datasheet-container #webshop-datasheet-right-text-container ul li,
#partner-network-container ul li,
#webshop-datasheet-container #webshop-datasheet-full-wight-container ul li {
    display:                inline-block;
    margin-bottom:          25px;
    vertical-align:         top;
}
html[data-device="desktop"] #start-services-container ul li,
html[data-device="desktop"] #webshop-list-container ul li,
html[data-device="desktop"] #start-references-container ul li,
html[data-device="desktop"] #references-list-container ul li,
html[data-device="desktop"] #start-webshops-container ul li,
html[data-device="desktop"] #start-seo-feed-container ul li,
html[data-device="desktop"] #partner-network-container ul li,
html[data-device="desktop"] #start-press-release-container ul li,
html[data-device="desktop"] #domain-list-container ul li,
html[data-device="desktop"] #webshop-datasheet-container #webshop-datasheet-right-text-container ul li,
html[data-device="desktop"] #webshop-datasheet-container #webshop-datasheet-full-wight-container ul li {
    margin-left:            15px;
    margin-right:           15px;
    width:                  360px;
}
html[data-device="mobile"] #start-services-container ul li,
html[data-device="mobile"] #webshop-list-container ul li,
html[data-device="mobile"] #start-references-container ul li,
html[data-device="mobile"] #references-list-container ul li,
html[data-device="mobile"] #start-webshops-container ul li,
html[data-device="mobile"] #start-seo-feed-container ul li,
html[data-device="mobile"] #partner-network-container ul li,
html[data-device="mobile"] #start-press-release-container ul li,
html[data-device="mobile"] #domain-list-container ul li,
html[data-device="mobile"] #webshop-datasheet-container #webshop-datasheet-right-text-container ul li,
html[data-device="mobile"] #webshop-datasheet-container #webshop-datasheet-full-wight-container ul li {
    width:                  90vw;
}

#start-services-container ul li .service-image-container,
#webshop-list-container ul li .webshop-image-container,
#start-references-container ul li .reference-image-container,
#start-webshops-container ul li .reference-image-container,
#references-list-container ul li .reference-image-container,
#start-seo-feed-container ul li .seo-feed-image-container,
#partner-network-container ul li .partner-network-image-container,
#start-press-release-container ul li .press-release-image-container,
#webshop-datasheet-container #webshop-datasheet-right-text-container ul li .webshop-product-image-container,
#webshop-datasheet-container #webshop-datasheet-full-wight-container ul li .webshop-product-image-container {
    border:                 3px solid rgba(0,0,0, 0.2 );
    
    overflow:               hidden;
    margin-bottom:          5px;
}
html[data-device="desktop"] #start-services-container ul li .service-image-container,
html[data-device="desktop"] #webshop-list-container ul li .webshop-image-container,
html[data-device="desktop"] #start-references-container ul li .reference-image-container,
html[data-device="desktop"] #start-webshops-container ul li .reference-image-container,
html[data-device="desktop"] #references-list-container ul li .reference-image-container,
html[data-device="desktop"] #start-seo-feed-container ul li .seo-feed-image-container,
html[data-device="desktop"] #partner-network-container ul li .seo-feed-image-container,
html[data-device="desktop"] #start-press-release-container ul li .press-release-image-container,
html[data-device="desktop"] #webshop-datasheet-container #webshop-datasheet-right-text-container ul li .webshop-product-image-container,
html[data-device="desktop"] #webshop-datasheet-container #webshop-datasheet-full-wight-container ul li .webshop-product-image-container {
    height:                 250px;
}
html[data-device="mobile"] #start-services-container ul li .service-image-container,
html[data-device="mobile"] #webshop-list-container ul li .webshop-image-container,
html[data-device="mobile"] #start-references-container ul li .reference-image-container,
html[data-device="mobile"] #start-webshops-container ul li .reference-image-container,
html[data-device="mobile"] #references-list-container ul li .reference-image-container,
html[data-device="mobile"] #start-seo-feed-container ul li .seo-feed-image-container,
html[data-device="mobile"] #partner-network-container ul li .seo-feed-image-container,
html[data-device="mobile"] #webshop-datasheet-container #webshop-datasheet-right-text-container ul li .webshop-product-image-container,
html[data-device="mobile"] #webshop-datasheet-container #webshop-datasheet-full-wight-container ul li .webshop-product-image-container {
    
}

#start-services-container ul li .service-title-container,
#webshop-list-container ul li .webshop-title-container,
#start-references-container ul li .reference-title-container,
#references-list-container ul li .reference-title-container,
#start-webshops-container ul li  .reference-title-container,
#start-seo-feed-container ul li .seo-feed-title-container,
#partner-network-container ul li .partner-network-title-container,
#start-press-release-container ul li .press-release-title-container,
#domain-list-container ul li .domain-title-container,
#webshop-datasheet-container #webshop-datasheet-right-text-container ul li .webshop-product-title-container,
#webshop-datasheet-container #webshop-datasheet-full-wight-container ul li .webshop-product-title-container {
    text-align:             center;
    padding-left:           5px;
    padding-right:          5px;
}
#start-services-container ul li .service-title-container a,
#webshop-list-container ul li .webshop-title-container a,
#start-references-container ul li .reference-title-container a,
#references-list-container ul li .reference-title-container a,
#start-webshops-container ul li  .reference-title-container a,
#start-seo-feed-container ul li .seo-feed-title-container a,
#partner-network-container ul li .partner-network-title-container a ,
#partner-network-container ul li .partner-network-text-container a,
#start-press-release-container ul li .press-release-title-container a,
#domain-list-container ul li .domain-title-container a ,
#webshop-datasheet-container #webshop-datasheet-right-text-container ul li .webshop-product-title-container a,
#webshop-datasheet-container #webshop-datasheet-full-wight-container ul li .webshop-product-title-container a {
    color:                  #585555;
    font-size:              14px;
}
#partner-network-container ul li .partner-network-text-container,
#domain-list-container ul li .domain-text-container {
    text-align:             justify;
    margin-top:             5px;
}
#domain-list-container ul li .domain-text-container i {
    color:                  #585555;
    font-size:              12px;
}
html[data-template="komplexwebsubpage"] #partner-network-container ul li .partner-network-text-container,
html[data-template="komplexwebsubpage"] #partner-network-container ul li .partner-network-text-container p,
#partner-network-container ul li .partner-network-text-container a {
    font-size:              12px;
}
html[data-template="komplexwebsubpage"] #partner-network-container ul li .partner-network-text-container,
html[data-template="komplexwebsubpage"] #partner-network-container ul li .partner-network-text-container p {
    line-height:            20px;
}
html[data-template="komplexwebsubpage"] #partner-network-container ul li .partner-network-text-container a {
    font-weight:            600;
    font-size:              12px;
}


.more-button-container {
    text-align:             center;
    margin-top:             15px;
}
.more-button-container a {
    display:                inline-block;
    background:             #e0e1da;
    padding:                10px;
    padding-left:           20px;
    padding-right:          20px;
    font-size:              14px;
    text-transform:         uppercase;
    color:                  #000000;
}
#mini-info-line-container {
    background:             url('gui/mini_info_line_bg.jpg') top center no-repeat;
    height:                 100px;
    text-align:             center;
    padding-top:            18px;
    color:                  #FFFFFF;
    
}
#mini-info-line-container p {
    margin:                 0;
    font-size:              22px;
    font-weight:            600;
}
#microblog-contact-container #contact-container-right-text-container i {
    font-size:              40px;
}

#pager-cont {
    text-align:             center;
}
#pager-cont ul li {
    display:                inline-block;
    margin-left:            10px;
    margin-right:           10px;
}
#pager-cont ul li a {
    display:                block;
    width:                  36px;
    height:                 36px;
    text-align:             center;
    line-height:            36px;
    background:             rgba(0,0,0,0.35);
    color:                  #FFFFFF;
    font-weight:            400;
}
#pager-cont ul li.selected  a {
    background:             rgba(0,0,0,0.55);
    font-weight:            600;
}
#reference-container {
    
}
#reference-container #reference-image-container,
#partner-network-datasheet-container #partner-network-image-container {
    margin-bottom:          10px;
    text-align:             center;
}
#reference-container #reference-image-container img,
#partner-network-datasheet-container #partner-network-image-container img {
    max-width:              100%;
}
#reference-container #reference-text-container,
#partner-network-datasheet-container #partner-network-text-container {
    margin-bottom:          25px;
}
#partner-network-datasheet-container #partner-network-text-container a {
    font-weight:            600;
    color:                  #000000;
}

#start-press-release-container {
    
}
footer#footer #footer-sites #footer-site-all-link-container {
    text-align:         center;
}
footer#footer #footer-sites #footer-site-all-link-container a {
    color:              #cbbdb9;
    font-size:          12px;
}