* {
    font-family:    'Roboto', sans-serif;
    font-display:   swap;
    font-size:      14px;
    line-height:    28px;
    
}

header#header-v2-container {

}
header#header-v2-container #top-header-lane {
    background:     #413539;
    text-align:     right;
}
header#header-v2-container #top-header-lane * {
    height:         40px;
    line-height:    40px;
}
header#header-v2-container #top-header-lane ul li {
    display:        inline-block;
    margin-left:    10px;
    margin-right:   10px;
    color:          #FFFFFF;
}
header#header-v2-container #top-header-lane ul li a {
    color:          #FFFFFF;
}
header#header-v2-container #top-header-lane ul li a i {
    margin-right:   4px;
}
header#header-v2-container #main-block-container {
    padding-top:    15px;
    padding-bottom: 15px;
    padding-left:   5vw;
    padding-right:  5vw;
    background:     #151515;
}
header#header-v2-container #main-block-container li.main-block {
    display:        inline-block;
}
html[data-device="desktop"] header#header-v2-container #main-block-container li.main-block:nth-child(1) {
    width:          13%;
}
html[data-device="mobile"] header#header-v2-container #main-block-container li.main-block:nth-child(1) {
    width:          80%;
}
html[data-device="desktop"] header#header-v2-container #main-block-container li.main-block:nth-child(2) {
    width:          75%;
}
html[data-device="mobile"] header#header-v2-container #main-block-container li.main-block:nth-child(2) {
    width:          20%;
    text-align:     right;

}
html[data-device="desktop"] header#header-v2-container #main-block-container li.main-block:nth-child(3) {
    width:          10%;
}

html[data-device="mobile"] header#header-v2-container #main-block-container li.main-block:nth-child(2) i {
    font-size:      26px;
}

header#header-v2-container li#logo ul li {
    display:        inline-block;
    margin-right:   10px;
}
header#header-v2-container li#logo ul li#logo-text {

}
header#header-v2-container li#logo ul li#logo-text a {
    font-weight:    700;
    font-size:      14px;
    color:          #484b52;
}
header#header-v2-container #main-block-container li ul#menu-items {
    text-align:     center;
}
header#header-v2-container #main-block-container li ul#menu-items li {
    display:        inline-block;
    margin-left:    35px;
    margin-right:   35px;
}
header#header-v2-container #main-block-container li ul#menu-items li a {
    text-transform:     uppercase;
    color:              #FFFFFF;
    font-size:          16px;
    font-weight:        500;
}
header#header-v2-container #main-block-container li.main-block:nth-child(3) {

}
header#header-v2-container #main-block-container li.main-block:nth-child(3) a {
    color:              #ff1b1e;
    font-weight:        700;
    border:             1px solid #ff1b1e;
    text-align:         center;
    display:            block;
    height:             52px;
    line-height:        52px;
    text-transform:     uppercase;
}
header#header-v2-container #menu-container {
    text-align:         center;
    background:         #646464;
    padding-top:        10px;
    padding-bottom:     10px;
    display:            none;
}
header#header-v2-container #menu-container a {
    font-size:          18px;
    color:              #FFFFFF;

}

#slider-v3-container {

}
#slider-v3-container .item {
    min-height:         700px;
    max-height:         700px;
    overflow:           hidden;
    padding-top:        250px;
    text-align:         center;
}
html[data-device="mobile"] #slider-v3-container .item {

}

#slider-v3-container .item .item-title {
    color:              #FFFFFF;
    clip-path:          polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
    background:         rgba(255,28,29, 0.75);
    width:              900px;
    height:             100px;
    line-height:        100px;
    text-align:         center;
    margin-left:        auto;
    font-size:          40px;
    margin-right:       auto;
}
html[data-device="mobile"] #slider-v3-container .item .item-title {
    width:              90vw;
    font-size:          20px;
    height:             200px;
    line-height:        28px;
    padding-top:        75px;
}

#slider-v3-container .item .item-text {
    text-align:         center;
    color:              #FFFFFF;
    margin-top:         10px;
    margin-bottom:      10px;
    font-size:          20px;
}
#slider-v3-container .item .item-contacts {
    margin-top:         25px;
}
#slider-v3-container .item .item-contacts li {
    display:            inline-block;
    margin-left:        20px;
    margin-right:       20px;
    padding:            12px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
#slider-v3-container .item .item-contacts li:nth-child(1) {
    background:         rgb(218, 11, 29);
}
#slider-v3-container .item .item-contacts li:nth-child(1) a {
    color:              #FFFFFF;
}
#slider-v3-container .item .item-contacts li:nth-child(2) {
    background:         #FFFFFF;
}
#slider-v3-container .item .item-contacts li:nth-child(2) a {
    color:              #000000;
}
#slider-v3-container .item .item-contacts li a {
    font-size:          20px;
    letter-spacing:     1px;
    font-weight:        500;
}

#service-icons-container {
    background:         #151515;
    text-align:         center;
}
#service-icons-container ul li {
    display:            inline-block;
    text-align:         center;
    width:              165px;
    background:         #413539;
    padding-top:        20px;
    padding-bottom:     20px;
}
html[data-device="mobile"] #service-icons-container ul li {
    width:              45vw;
}
#service-icons-container ul li .service-icon-img {

}
#service-icons-container ul li .service-icon-img img {
    
}
#service-icons-container ul li .service-icon-text {
    font-weight:        500;
    color:              #FFFFFF;
}

#start-service-list-container {
    padding-top:        20px;
    padding-bottom:     20px;
    background:         url('/static/gui/project-bg.avif') fixed;
}
#start-service-list-container .service-li {
    margin-bottom:      20px;
}
#start-service-list-container .service-li ul.service-block-data {

}
html[data-device="desktop"] #start-service-list-container .service-li ul.service-block-data li {
    display:            inline-block;
    width:              50%;
}
html[data-device="mobile"] #start-service-list-container .service-li ul.service-block-data li {

}

#start-service-list-container .service-li ul.service-block-data .service-info {

}
#start-service-list-container .service-li ul.service-block-data .service-info .service-title {
    margin-bottom:      10px;
}
#start-service-list-container .service-li ul.service-block-data .service-info .service-title a {
    color:              #403f3d;
    font-weight:        700;
    font-size:          36px;
}
#start-service-list-container .service-li ul.service-block-data .service-info .service-text {
    text-align:         justify;
    color:              #646464;
    margin-bottom:      15px;
    font-size:          18px;
    line-height:        34px;
}
html[data-device="desktop"] #start-service-list-container .service-li ul.service-block-data .service-info .service-text {
    margin-bottom:      20px;
}
#start-service-list-container .service-li ul.service-block-data .service-info .service-price {
    font-size:          24px;
    color:              #045573;
    font-weight:        700;
}
#start-service-list-container .service-li ul.service-block-data .service-info .service-price span {
    font-size:          16px;
    color:              #045573;
    font-weight:        normal;
}
#start-service-list-container .service-li ul.service-block-data .service-info .service-buttons-container {
    margin-top:         30px;
}

#start-service-list-container .service-li.service-type-2 ul.service-block-data .service-info .service-text {
    padding-right:      30px;
}
#start-service-list-container .service-li.service-type-2 ul.service-block-data .service-info .service-buttons-container {
    text-align:         right;
}
#start-service-list-container .service-li ul.service-block-data .service-info .service-buttons-container li {
    width:              30%;
}
html[data-device="mobile"] #start-service-list-container .service-li ul.service-block-data .service-info .service-buttons-container li {
    display:            inline-block;
}

html[data-device="mobile"] #start-service-list-container .service-li ul.service-block-data .service-info .service-buttons-container li {
    width:              45vw;
}

#start-service-list-container .service-li ul.service-block-data .service-info .service-button a,
#start-service-list-container .service-li ul.service-block-data .service-info .service-call a {
    border:             1px solid rgb(64,63,61);
    color:              rgb(64,63,61);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding:            10px;
    padding-left:       20px;
    padding-right:      20px;
    font-weight:        500;
    font-size:          16px;
}
#start-service-list-container .service-li ul.service-block-data .service-info .service-call i {
    margin-right:       5px;
}
#start-service-list-container .service-li.service-type-2 ul.service-block-data .service-info .service-button {
    padding-right:      30px;
    text-align:         right;
}
#start-service-list-container .service-li ul.service-block-data .service-thumb img {
    box-shadow:         0px 11px 29px 0px rgba(0, 0, 0, 0.3);
}
html[data-device="mobile"] #start-service-list-container .service-li ul.service-block-data .service-thumb img {
    width:              100%;
}

#start-mini-services-container #start-mini-service-title {
    text-align:         center;
    font-size:          26px;
    color:              #bdbf52;
}
#start-mini-services-container #start-mini-service-info {
    text-align:         center;
    color:              #FFFFFF;
}
#start-mini-services-container #start-mini-service-contact {
    text-align:         center;
    margin-bottom:      25px;
}
#start-mini-services-container #start-mini-service-contact i {
    color:              #FFFFFF;
    font-size:          28px;
    margin-right:       5px;
}
#start-mini-services-container #start-mini-service-contact a {
    font-weight:        700;
    color:              #FFFFFF;
    font-size:          28px;
}

#start-mini-services-container {
    background:         #743b1d url('/static/gui/services_bg.avif') top center no-repeat;
    padding-top:        30px;
    padding-bottom:     30px;
}
#start-mini-services-container ul {
    text-align:         center;
}
#start-mini-services-container ul li {
    display:            inline-block;
    text-align:         center;
    width:              250px;
    margin-left:        20px;
    margin-right:       20px;
    margin-bottom:      20px;
}
#start-mini-services-container ul li .service-thumb {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow:           hidden;
    width:              250px;
    height:             250px;
    border:             5px solid #FFFFFF;
    margin-bottom:      10px;
}
#start-mini-services-container ul li .service-thumb img {
    max-height:         100%;
}
#start-mini-services-container ul li .service-title a {
    color:              #FFFFFF;
    font-size:          16px;
}

#start-service-points-list-container {
    background:         #700c2aa;
    padding-top:        25px;
    padding-bottom:     25px;
}
#start-service-points-list-container ul li {
    display:            inline-block;
    width:              25%;
    font-weight:        500;
    font-size:          16px;
    margin-bottom:      10px;
}
html[data-device="mobile"] #start-service-points-list-container ul li {
    width:              100%;
}
#start-service-points-list-container ul li i {
    margin-right:       5px;
    color:              #006633;
    font-size:          18px;
}

#start-microblog-container {

}
#start-microblog-container ul#sblog-list {

}
#start-microblog-container ul#sblog-list li {
    display:            inline-block;
    width:              400px;
    padding-left:       10px;
    padding-right:      10px;
}
html[data-device="mobile"] #start-microblog-container ul#sblog-list li {
    width:              90vw;
}
#start-microblog-container ul#sblog-list li .microblogpost-title {
    margin-bottom:      10px;
}
#start-microblog-container ul#sblog-list li .microblogpost-title a {
    font-size:          20px;
    color:              #403f3d;
    font-weight:        700;
}
#start-microblog-container ul#sblog-list li .microblogpost-text {
    text-align:         justify;
    margin-bottom:      25px;
}
#start-microblog-container ul#sblog-list li .microblogpost-text a {
    font-size:          14px;
    color:              #403f3d;
}
#start-microblog-container ul#sblog-list li .microblogpost-tags {
    line-height:        12px;
}
#start-microblog-container ul#sblog-list li .microblogpost-tags a {
    font-size:          10px;
    line-height:        12px;
    color:              #646464;
    margin-right:       5px;
}
#start-microblog-container #sblog-all-link {
    margin-top:         10px;
    margin-bottom:      10px;
    text-align:         center;
}
#start-microblog-container #sblog-all-link a {
    font-size:          16px;
    color:              #403f3d;
    font-weight:        500;
}

#start-promo-line-container {
    background:         #ff1c1d;
    padding-top:        30px;
    padding-bottom:     30px;
}
#start-promo-line-container ul li {
    display:            inline-block;
    color:              #FFFFFF;
    font-size:          32px;
    line-height:        40px;
    font-weight:        700;

}
#start-promo-line-container ul li:nth-child(1) {
    width:              80%;
}
#start-promo-line-container ul li:nth-child(2) {
    text-align:         right;
    width:              20%;
}
#start-promo-line-container ul li a {
    box-shadow:         0px 9px 27px 0px rgba(0, 0, 0, 0.3);
    background:         #151515;
    color:              #FFFFFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    display:            block;
    height:             40px;
    line-height:        40px;
    text-align:         center;
}

footer#footer {
    background:         url('/static/gui/footer.avif');

    padding-top:        30px;
}
html[data-device="desktop"] footer#footer {
    min-height:             540px;
}
footer#footer ul#service-list li {
    width:              300px;
    display:            inline-block;
    padding-left:       10px;
    padding-right:      10px;
    margin-bottom:      10px;
}
footer#footer ul#service-list .footer-service-title {
    font-size:          14px;
    font-weight:        500;
    border-bottom:      1px solid #bdbf52;
    margin-bottom:      10px;
}
footer#footer ul#service-list .footer-service-title a {
    color:              #FFFFFF;
}
footer#footer ul#service-list .footer-service-text {
    color:              #646464;
    font-size:          14px;
    line-height:        16px;
}
footer#footer #domain-list {
    margin-top:         10px;
}
footer#footer #domain-list #domain-list-title {
    text-align:         center;
    color:              #FFFFFF;
    font-weight:        500;
    margin-bottom:      20px;
}
footer#footer #domain-list ul li {
    width:              300px;
    display:            inline-block;
    padding-left:       10px;
    padding-right:      10px;
    margin-bottom:      10px;
}
footer#footer #domain-list ul li .domain-title {
    color:              #FFFFFF;
    font-size:          12px;
    line-height:        14px;
    font-weight:        500;
    border-bottom:      1px solid #bdbf52;
    margin-bottom:      10px;
    padding-bottom:     10px;
}
footer#footer #domain-list ul li .domain-title a {
    color:              #FFFFFF;
    font-size:          14px;
    line-height:        16px;
}
footer#footer #domain-list ul li .domain-description {
    color:              #646464;
    font-size:          12px;
    line-height:        14px;
}
footer#footer #video-container * {
    color:              #FFFFFF;
    word-wrap: break-word;
}
footer#footer #copyright {
    margin-top:         30px;
    text-align:         center;
    color:              #646464;
    font-size:          12px;
    line-height:        12px;
    padding-bottom:     5px;
}
footer#footer #footer-mobile-contact {
    position:           fixed;
    bottom:             0;
    text-align:         center;
    width:              100%;
    background:         #151515;
    padding-top:        10px;
    padding-bottom:     10px;
}
footer#footer #footer-mobile-contact * {
    color:              #FFFFFF;
    font-size:          16px;
}
footer#footer #self-domain-list-container a {
    color:              #FFFFFF;
}


#service-container {

}
#service-container #service-title {
    height:             300px;
    line-height:        300px;
    background:         url('/static/gui/breadcumb.avif') center center;
    text-align:         center;
    padding-top:        100px;
}
#service-container #service-title div {
    clip-path:          polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
    background:         rgba(255,255,255, 0.75);
    color:              #000000;
    font-size:          32px;
    padding:            15px;
    padding-left:       25px;
    padding-right:      25px;
    width:              50vw;
    margin-left:        auto;
    margin-right:       auto;
}
html[data-device="mobile"] #service-container #service-title div {
    width:              90vw;
    font-size:          20px;
    padding-left:       10vw;
    padding-right:      10vw;
}
#service-container #service-text {
    padding-top:        25px;
}
#service-container #service-text p {
    margin:             0;
    margin-bottom:      15px;
}
#service-container #service-text p,
#service-container #service-text p * {
    font-size:          18px;
    line-height:        36px;
    color:              #000000;
}
#service-container #service-text p a {
    font-weight:        700;
}

#service-container #service-text #pdf-link {
    font-size:          14px;
    color:              #000000;
}
#service-container #service-thumb {
    margin-right:       10px;
    margin-bottom:      10px;
}
html[data-device="mobile"] #service-container #service-thumb {
    width:              100%;
}
#service-container #service-thumb img {
    max-width:          100%;
}

#microblog-post-datasheet {

}
#microblog-post-datasheet #blog-post-title {
    height:             300px;
    line-height:        300px;
    background:         url('/static/gui/breadcumb.avif') center center;
    text-align:         center;
    padding-top:        100px;
}
#microblog-post-datasheet #blog-post-title div {
    clip-path:          polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
    background:         rgba(255,255,255, 0.75);
    color:              #000000;
    font-size:          32px;
    padding:            15px;
    padding-left:       25px;
    padding-right:      25px;
    width:              50vw;
    margin-left:        auto;
    margin-right:       auto;
}
html[data-device="mobile"] #microblog-post-datasheet #blog-post-title div {
    width:              90vw;
    font-size:          20px;
    padding-left:       10vw;
    padding-right:      10vw;
}
#microblog-post-datasheet .blog-post-subtitle {
    margin-top:         5px;
    margin-bottom:      5px;
    text-align:         center;
}
#microblog-post-datasheet #start-contact-line-container {
    background:         #8c634d url('/static/gui/blue_s.png');
    padding-top:        30px;
    padding-bottom:     30px;
    text-align:         center;
    color:              #FFFFFF;
}
#microblog-post-datasheet #start-contact-line-container a {
    color:              #FFFFFF;
    font-weight:        700;
}
#microblog-post-datasheet .blogpost-keyword {
    margin-top:         30px;
    margin-bottom:      10px;
    text-align:         center;
}
#microblog-post-datasheet .blogpost-keyword span {
    border-bottom:      2px solid #da101a;
    font-weight:        700;
    font-size:          28px;
}
#microblog-post-datasheet .city-block {
    padding-left:       5vw;
    padding-right:      5vw;
}
#microblog-post-datasheet .city-block li {
    display:            inline-block;
    width:              23%;
    text-align:         center;
}
html[data-device="mobile"] #microblog-post-datasheet .city-block li {
    width:              100%;
}
#microblog-post-datasheet .city-block li a {
    color:              #000000;
}

#contact-container {
    margin-top:         30px;
    margin-bottom:      30px;
}
#contact-container input,
#contact-container textarea {
    border:             2px solid #000000;
}
#contact-container #form-button-container {
    text-align:         center;
}
#contact-container #form-button-container button {
    padding:            10px;
    padding-left:       30px;
    padding-right:      30px;
    background:         #000000;
    color:              #ff1b1e;
    border:             0;
    font-size:          16px;
}

#page-container {

}
#page-container #page-title {
    height:             300px;
    line-height:        300px;
    background:         url('/static/gui/breadcumb.avif');
    text-align:         center;
    padding-top:        100px;
}
#page-container #page-title div {
    clip-path:          polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
    background:         rgba(255,255,255, 0.75);
    color:              #000000;
    font-size:          32px;
    padding:            15px;
    padding-left:       25px;
    padding-right:      25px;
    width:              50vw;
    margin-left:        auto;
    margin-right:       auto;
}
html[data-device="mobile"] #page-container #page-title div {
    width:              90vw;
    font-size:          20px;
    padding-left:       10vw;
    padding-right:      10vw;
}

footer#footer #social-posts-container {

}
footer#footer #social-posts-container ul li {
    width:              300px;
    display:            inline-block;
    padding-left:       10px;
    padding-right:      10px;
    margin-bottom:      10px;
}
footer#footer #social-posts-container ul li i,
footer#footer #social-posts-container ul li a {
    color:              #FFFFFF;
}

#social-posts-container {

}
#social-posts-container #social-post-container-title {
    height:             300px;
    line-height:        300px;
    background:         url('/static/gui/breadcumb.avif');
    text-align:         center;
    padding-top:        100px;
}
#social-posts-container #social-post-container-title div {
    clip-path:          polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
    background:         rgba(255,255,255, 0.75);
    color:              #000000;
    font-size:          32px;
    padding:            15px;
    padding-left:       25px;
    padding-right:      25px;
    width:              50vw;
    margin-left:        auto;
    margin-right:       auto;
}
html[data-device="mobile"] #social-posts-container #social-post-container-title div {
    width:              90vw;
    font-size:          20px;
    padding-left:       10vw;
    padding-right:      10vw;
}
#social-posts-container .social-post-container {
    margin-bottom:      25px;
    padding-bottom:     20px;
    margin-left:        auto;
    margin-right:       auto;
}
#social-posts-container .social-post-container .social-post-title {
    margin-bottom:      10px;
    text-align:         center;
}
#social-posts-container .social-post-container .social-post-title a {
    color:              #000000;
    font-weight:        700;
}
#social-posts-container .social-post-container .social-post-text {

}
#social-posts-container .social-post-container .social-post-embed {

}
#social-posts-container .social-post-container .social-urls ul li {
    display:            inline-block;
    width:              25%;
}
#social-posts-container .social-post-container .social-urls ul li a {
    color:              #000000;
}


#start-blog-post-container {
    margin-top:         25px;
    margin-bottom:      25px;
}
html[data-device="desktop"] #start-blog-post-container ul li,
html[data-device="desktop"] #blog-post-list-container ul li {
    display:            inline-block;
    width:              400px;
    padding-left:       15px;
    padding-right:      15px;
}
html[data-device="mobile"] #start-blog-post-container ul li,
html[data-device="mobile"] #blog-post-list-container ul li {
    width:              100%;
    margin-bottom:      25px;
}

#blog-post-list-container ul li {
    margin-bottom:      25px;
}
#start-blog-post-container ul li .start-blog-image,
#blog-post-list-container ul li .start-blog-image {
    margin-bottom:      25px;
}
#start-blog-post-container ul li .start-blog-image img,
#blog-post-list-container ul li .start-blog-image img {
    max-width:          100%;
}
#start-blog-post-container ul li .start-blog-title a,
#blog-post-list-container ul li .start-blog-title a {
    font-size:          20px;
    color:              #403f3d;
    font-weight:        700;
}
#start-blog-post-container ul li .start-blog-into a,
#blog-post-list-container ul li .start-blog-into a {
    font-size:          14px;
    color:              #403f3d;
}




#blog-post-list-container #blog-post-container-title,
#blog-post-datasheet #blog-post-title {
    height:             300px;
    line-height:        300px;
    background:         url('/static/gui/breadcumb.avif');
    text-align:         center;
    padding-top:        100px;
    margin-bottom:      35px;
}
#blog-post-list-container #blog-post-container-title div,
#blog-post-datasheet #blog-post-title div {
    clip-path:          polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
    background:         rgba(255,255,255, 0.75);
    color:              #000000;
    font-size:          32px;
    padding:            15px;
    padding-left:       25px;
    padding-right:      25px;
    width:              50vw;
    margin-left:        auto;
    margin-right:       auto;
}
html[data-device="mobile"] #blog-post-list-container #blog-post-container-title div,
html[data-device="mobile"] #blog-post-datasheet #blog-post-title div {
    width:              90vw;
    font-size:          20px;
    padding-left:       10vw;
    padding-right:      10vw;
}

#partner-list-container {
    
}
#partner-list-container #partner-list-title {
    height:             300px;
    line-height:        300px;
    background:         url('/static/gui/breadcumb.avif') center center;
    text-align:         center;
    padding-top:        100px;
    margin-bottom:      20px;
}
#partner-list-container #partner-list-title div {
    clip-path:          polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
    background:         rgba(255,255,255, 0.75);
    color:              #000000;
    font-size:          32px;
    padding:            15px;
    padding-left:       25px;
    padding-right:      25px;
    width:              50vw;
    margin-left:        auto;
    margin-right:       auto;
}
html[data-device="mobile"] #partner-list-container #partner-list-title div {
    width:              90vw;
    font-size:          20px;
    padding-left:       10vw;
    padding-right:      10vw;
}
#partner-list-container #partner-list {
    margin-bottom:      20px;
}
#partner-list-container #partner-list li {
    width:              50%;
    display:            inline-block;
    text-align:         center;
}
#partner-list-container #partner-list li a {
    color:              #000000;
}
#partner-list-container #partner-rss-description * {
    font-size:          14px;
    color:              #000000;
}

#partner-datasheet-container {
}
#partner-datasheet-container #partner-datasheet-title {
    height:             300px;
    line-height:        300px;
    background:         url('/static/gui/breadcumb.avif') center center;
    text-align:         center;
    padding-top:        100px;
    margin-bottom:      20px;
}
#partner-datasheet-container #partner-datasheet-title div {
    clip-path:          polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
    background:         rgba(255,255,255, 0.75);
    color:              #000000;
    font-size:          32px;
    padding:            15px;
    padding-left:       25px;
    padding-right:      25px;
    width:              50vw;
    margin-left:        auto;
    margin-right:       auto;
}
html[data-device="mobile"] #partner-datasheet-container #partner-datasheet-title div {
    width:              90vw;
    font-size:          20px;
    padding-left:       10vw;
    padding-right:      10vw;
}
#partner-datasheet-container #partner-rss-links li {
    width:              50%;
    display:            inline-block;
}
#partner-datasheet-container #partner-rss-links li a {
    color:              #000000;
}
#partner-datasheet-container #partner-rss-links li i.fa-caret-right {
    margin-right:       5px;
}

#blog-post-list-container #blog-post-container-title,
#blog-post-datasheet #blog-post-title,
#blogspot-blogpost-list-container #blogpost-list-title {
    height:             300px;
    line-height:        300px;
    background:         url('/static/gui/breadcumb.avif');
    text-align:         center;
    padding-top:        100px;
    margin-bottom:      35px;
}
#blog-post-list-container #blog-post-container-title div,
#blog-post-datasheet #blog-post-title div,
#blogspot-blogpost-list-container #blogpost-list-title div {
    clip-path:          polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
    background:         rgba(255,255,255, 0.75);
    color:              #000000;
    font-size:          32px;
    padding:            15px;
    padding-left:       25px;
    padding-right:      25px;
    width:              50vw;
    margin-left:        auto;
    margin-right:       auto;
}
html[data-device="mobile"] #blog-post-list-container #blog-post-container-title div,
html[data-device="mobile"] #blog-post-datasheet #blog-post-title div,
html[data-device="mobile"] #blogspot-blogpost-list-container #blogpost-list-title div {
    width:              90vw;
    font-size:          20px;
    padding-left:       10vw;
    padding-right:      10vw;
}

#blogspot-blogpost-list-container ul li {
    display:            inline-block;
    width:              50%;
    margin-bottom:      15px;
}
#blogspot-blogpost-list-container ul li a {
    color:              #000000;
}

#live-video-job-parts {
    width:              100%;
    margin-top:         30px;
}
#live-video-job-parts #live-video-block,
#live-video-job-parts #job-block {
    width:              45%;
    display:            inline-block;
    padding-left:       2%;
    padding-right:      2%;
}
html[data-device="mobile"] #live-video-job-parts #live-video-block,
html[data-device="mobile"] #live-video-job-parts #job-block {
    display:            block;
    width:              100%;
    margin-bottom:      15px;
}

#live-video-job-parts #job-title {
    font-size:          16px;
    color:              #FFFFFF;
}
#live-video-job-parts #job-text {
    color:              #FFFFFF;
}

#video-list-container {
    padding-top:        30px;
    padding-bottom:     30px;
    text-align:         center;
}
#video-list-container ul li {
    display:            inline-block;
    width:              500px;
    margin-left:        25px;
    margin-right:       25px;
    margin-bottom:      40px;
}
#video-list-container ul li img {
    width:              100%;
}

#budapest-parts-container {
    
}
#budapest-parts-container ul li {
    display:            inline-block;
    font-size:          10px;
    line-height:        12px;
    width:              25%;
    text-align:         center;
}

#self-domain-list-container {
    
}
#self-domain-list-container ul li {
    display:            inline-block;
    font-size:          10px;
    line-height:        12px;
    width:              25%;
    text-align:         center;
}
#self-domain-list-container ul li a {
    font-size:          10px;
    color:              #000000;
}

#blog-post-text {
    
}
#blog-post-text p,
#blog-post-text p * {
    font-size:          18px;
    line-height:        36px;
    color:              #000000;
}
#blog-post-text p a {
    font-weight:        700;
}
#big-qa-block {
    font-size:          16px;
    color:              #FFFFFF;
}