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;
}
html[data-template="komplexweb"] footer#footer {
    margin-top:             0px;
}
footer#footer ul li.footer-block {
    display:                inline-block;
    width:                  24%;
    vertical-align:         top;
    padding-left:           10px;
    padding-right:          10px;
    color:                  #FFFFFF;
}
footer#footer ul li.footer-block a {
    color:                  #FFFFFF;
}
footer#footer ul li.footer-block .footer-block-title {
    font-weight:            600;
    color:                  #FFFFFF;
    margin-bottom:          20px;
}
footer#footer ul li.footer-block ul li {
    margin-bottom:          5px;
}

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;
}

#start-service-monitor {
    margin-bottom:          5px;
    margin-top:             5px;


}

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.8);
}


#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:                  #000000;
}
#p-datasheet-container {
    min-height:             100vh;
}
#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;
}
#contact-container {

}
#contact-container #contact-title {
    font-size:              20px;
    text-align:             center;
    font-weight:            600;
    margin-bottom:          20px;
}
#contact-container #contact-text {
    text-align:             center;
    margin-bottom:          20px;
}

#p-datasheet-container #p-datasheet-right-text-container *,
#mb-datasheet-container #mb-datasheet-container-right-text-container * {
    line-height:            24px;
    text-align:             justify;
}
#p-datasheet-container #p-datasheet-thumb-container {
    margin-right:           15px;
    margin-bottom:          15px;
    max-width:              500px;
}
html[data-device="mobile"] #p-datasheet-container #p-datasheet-thumb-container {
    width:                  90vw;
    text-align:             center;
    display:                block;
}
#p-datasheet-container #p-datasheet-thumb-container img {
    max-width:              100%;
}


#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;
}
#mb-datasheet-container #view-order-button,
#webshop-datasheet-container #view-order-button {
    margin-top: 20px;
}
#mb-datasheet-container #view-order-button,
#p-datasheet-container #view-order-button,
#webshop-datasheet-container #view-order-button {
    display:block;
    text-align:center;
    line-height:40px;
}
#mb-datasheet-container #view-order-button,
#p-datasheet-container #view-order-button,
#webshop-datasheet-container #view-order-button,
.submit-button-container button {
    width:                  300px;
    border:                 0;
    height:                 40px;
    font-weight:            600;
    color:                  #FFFFFF;
    background:             #272727;
    cursor:                 pointer;
}
#p-datasheet-container .p-datasheet-c-title {
    font-size:              24px;
    text-transform:         uppercase;
    margin-bottom:          10px;
}

#start-services-container,
#start-news-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-news-container #sn-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;
    border-top:             2px solid #ffcc33;
    border-bottom:          2px solid #ffcc33;
}
#webshop-list-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;
}
#webshop-list-container ul li,
#start-references-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"] #webshop-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"] #webshop-list-container ul li,
html[data-device="mobile"] #start-references-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;
}
#start-services-container #s-services-img {
    border:                 5px solid #ffcc33;
}
#start-services-container #service-list-container {
    width:                  815px;
}
#start-services-container #service-list-container ul li {
    display:                inline-block;
    text-align:             center;
    padding-top:            50px;
    border:                 1px solid #e5e5e5;
    margin-left:            10px;
    margin-right:           10px;
    color:                  #000000;
    height:                 230px;
    transition:             all .4s ease-in-out;
}
#start-services-container #service-list-container ul li:hover {
    background:             #ffcc33;
}
#start-services-container #service-list-container ul li .service-title-container {
    font-weight:            700;
    margin-bottom:          20px;
}
#start-services-container #service-list-container ul li .service-title-container a {
    color:                  #000000;

}
#start-services-container #service-list-container ul li .service-title-container a span {
    font-size:              18px;
}
#start-services-container #service-list-container ul li .service-lead-container {
    padding:                10px;
    font-size:              14px;
}

#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;
}
#start-news-container ul {
    text-align:             center;
}
#start-news-container ul li {
    display:                inline-block;
    width:                  360px;
    margin-left:            10px;
    margin-right:           10px;
    margin-bottom:          25px;
    vertical-align:         top;
 }
#start-news-container ul li .content-thumb {
    margin-bottom:          5px;
}
#start-news-container ul li .link-container {
    font-size:              14px;
    color:                  #000000;
}
#start-news-container #more-news {
    width:                  160px;
    padding:                10px;
    margin-left:            auto;
    margin-right:           auto;
    background:             #272727;
    color:                  #FFFFFF;
    display:                block;
}
#start-news-container #more-news:hover {
    color:                  #000000;
    background:             #ffcc33;
}

#start-services-container {
    background:             #000000;
    padding-top:            40px;
    padding-bottom:         40px;
    color:                  #FFFFFF;
}
#start-references-container #s-references-title,
#start-services-container #ssc-title {
    text-align:             center;
    font-size:              24px;
    margin-bottom:          25px;
}
.more-button-container {
    text-align:             center;
}
.more-button-container a {
    color:                  #000000;
}