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

header#header-v2-container #top-header-lane {
    background:     #C12026;
    text-align:     right;
}
html[data-device="mobile"] header#header-v2-container #top-header-lane {
    padding-top:    10px;
    padding-bottom: 10px;
}

html[data-device="desktop"] 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:     #231F20;
}
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:          20%;
}
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:          80%;
}
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;
}
html[data-device="mobile"] header#header-v2-container #main-block-container .fa-bars {
    color:          #FFFFFF;
}


header#header-v2-container li#logo ul li {
    display:        inline-block;
    margin-right:   10px;
}
header#header-v2-container li#logo ul li#logo-text a {
    font-weight:    700;
    font-size:      14px;
    color:          #5A0732;
}
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:    20px;
    margin-right:   20px;
}
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) a {
    color:              #5A0732;
    font-weight:        700;
    border:             1px solid #5A0732;
    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 .item {
    min-height:         700px;
    max-height:         700px;
    overflow:           hidden;
    padding-top:        250px;
    text-align:         center;
}

#slider-v3-container .item .item-title {
    color:              #FFFFFF;
    clip-path:          polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
    background:         rgba(193,32,38, 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),
#slider-v3-container .item .item-contacts li:nth-child(2),
#slider-v3-container .item .item-contacts li:nth-child(3) {
    background:         rgb(41, 56, 76);
}
#slider-v3-container .item .item-contacts li:nth-child(1) a,
#slider-v3-container .item .item-contacts li:nth-child(2) a,
#slider-v3-container .item .item-contacts li:nth-child(3) a {
    color:              #FFFFFF;
}
#slider-v3-container .item .item-contacts li:last-child {
    background:         #FFFFFF;
}
#slider-v3-container .item .item-contacts li:last-child a {
    color:              #000000;
}
#slider-v3-container .item .item-contacts li a {
    font-size:          20px;
    letter-spacing:     1px;
    font-weight:        500;
}
html[data-device="mobile"] #slider-v3-container .item .item-contacts li a {
    font-size:          14px;
}

#service-icons-container {
    background:         #C12026;
    text-align:         center;
}
#service-icons-container ul li {
    display:            inline-block;
    text-align:         center;
    width:              165px;
    background:         #231F20;
    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 img {
    width:              50px;
}
#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('gui/project-bg.jpg') fixed;
}
#start-service-list-container .service-li {
    margin-bottom:      20px;
}
html[data-device="desktop"] #start-service-list-container .service-li ul.service-block-data li {
    display:            inline-block;
    width:              50%;
}
#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:              #000000;
    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;
    
}
html[data-device="desktop"] #start-service-list-container .service-li ul.service-block-data .service-info .service-text {
    height:             310px;
}
html[data-device="mobile"] #start-service-list-container .service-li ul.service-block-data .service-info .service-text {
    margin-bottom:      15px;
}

#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 ul.service-block-data .service-info .service-button a {
    border:             1px solid #231F20;
    color:              #231F20;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding:            10px;
    padding-left:       20px;
    padding-right:      20px;
    font-weight:        500;
}
#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:              #FFFFFF;
}
#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;
}
html[data-device="mobile"] #start-mini-services-container #start-mini-service-contact a {
    font-size:          14px;
}

#start-mini-services-container {
    background:         #C12026 url('gui/services_bg.jpg') 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:         #700c2a;
    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 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:              #000000;
}
#start-microblog-container ul#sblog-list li .microblogpost-text {
    text-align:         justify;
}
#start-microblog-container ul#sblog-list li .microblogpost-text a {
    font-size:          14px;
    color:              #5A0732;
}
#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:              #5A0732;
    font-weight:        500;
}

#start-promo-line-container {
    background:         #231F20;
    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:         #FFFFFF;
    color:              #5A0732;
    -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('gui/footer.jpg');

    padding-top:        30px;
}
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 #DB2185;
    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 {

    font-weight:        500;
    border-bottom:      1px solid #DB2185;
    margin-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 #copyright {
    margin-top:         30px;
    text-align:         center;
    color:              #646464;
    font-size:          12px;
    line-height:        12px;
    padding-bottom:     5px;
}
#service-container #service-title {
    height:             300px;
    line-height:        300px;
    background:         url('gui/breadcumb.jpg');
    text-align:         center;
    padding-top:        100px;
}
#service-container #service-title[data-stype="JUYxJUEzJURCJUNDJTkyJUFDJTAxJUJGJTgyJTNDJThBdEclMTElRkNG"] {
    background:         url('gui/breadcumb/kezpenzes.jpg');
}
#service-container #service-title[data-stype="JTgzJUQ3JUJCLlklMDMlODF3JThCWiUwNSU5OSVEOCVDQ3glOTI%3D"] {
    background:         url('gui/breadcumb/hasznaltauto_beszamitas.jpg');
}
#service-container #service-title[data-stype="JUZDJUZDJUUyJUIycSU5QyUxRiUxQiVGOSU5QlhZJUU5JUY5JUM3Vw%3D%3D"] {
    background:         url('gui/breadcumb/hitelugyintezes.jpg');
}
#service-container #service-title[data-stype="JTgzSCVCMSVBRSUwOWVDJUVFUSUyNCU0MCVDQyVBNyVGMiU5RiU4Mw%3D%3D"] {
    background:         url('gui/breadcumb/hitel_lizing.jpg');
}

#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;
    padding-bottom:     25px;
}
#service-container #service-text p {
    margin-top:         0;
}
#service-container #service-text a {
    font-weight:        700;
    color:              #5A0732;
}
#service-container #service-thumb {
    width:              250px;
    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 #blog-post-title {
    height:             300px;
    line-height:        300px;
    background:         url('gui/breadcumb.jpg') 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:         #5A0732 url('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-sent-container {
    margin-top:         50px;
    margin-bottom:      50px;
    font-weight:        700;
    text-align:         center;
    background-color:rgba(230,198,71,.5);
    border-color:rgb(128,0,0);
    border-style:dashed;
    border-width: 1px;
/*    display: block;
    margin:auto; */
}
#contact-container {
    margin-bottom:      40px;
}
#contact-container #contact-title {
    height:             300px;
    line-height:        300px;
    background:         url('gui/breadcumb/hasznaltauto_beszamitas.jpg') center center;
    text-align:         center;
    padding-top:        100px;
    margin-bottom:      25px;
}
#contact-container #contact-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"] #contact-container #contact-title div {
    width:              90vw;
    font-size:          20px;
    padding-left:       10vw;
    padding-right:      10vw;
}
#contact-container input,
#contact-container textarea {
    border:             1px solid #DB2185;
}
#contact-container #form-button-container {
    text-align:         center;
}
#contact-container #form-button-container button {
    background:         #5A0732;
    padding:            8px;
    color:              #FFFFFF;
    border:             0;
}
#contact-container li.contact-part {
    display:            inline-block;
    width:              50%;
}
#contact-container li.contact-part:nth-child(1) {
    padding-right:      10px;
}
#contact-container li.contact-part:nth-child(2) {
    padding-left:       10px;
}
#contact-container #embed-code-container {
    margin-top:         25px;
}
#contact-container #embed-code-container iframe {
    width:              100%;
    height:             250px;
}
#page-container #page-title {
    height:             300px;
    line-height:        300px;
    background:         url('gui/breadcumb.jpg');
    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;
}

#car-list-container {
    margin-bottom:      20px;
}
#car-list-container ul.car {
    margin-top:         20px;
    background:         #ECECEC;
}
#car-list-container ul.car li.car-picture {
    
    height:             175px;
    overflow:           hidden;
    margin-right:       25px;
}
html[data-device="desktop"] #car-list-container ul.car li.car-picture {
    width:              250px;
    display:            inline-block;
}
html[data-device="mobile"] #car-list-container ul.car li.car-picture {
    width:              100%;
}

#car-list-container ul.car li.car-picture img {
    max-width:          100%;
}
#car-list-container ul.car li.car-info-container {
    padding-top:        10px;
}
html[data-device="mobile"] #car-list-container ul.car li.car-info-container {
    padding-left:       10px;
    padding-right:      10px;
}

html[data-device="desktop"] #car-list-container ul.car li.car-info-container {
    width:              925px;
    display:            inline-block;
}
html[data-device="mobile"] #car-list-container ul.car li.car-info-container {
    width:              100%;
}

#car-list-container ul.car li.car-info-container ul.car-name-price li {
    display:            inline-block;
    margin-bottom:      20px;
}
html[data-device="desktop"] #car-list-container ul.car li.car-info-container ul.car-name-price li.car-name {
    width:              80%;
}
#car-list-container ul.car li.car-info-container ul.car-name-price li.car-name a {
    font-size:          18px;
    font-weight:        700;
    color:              #000000;
}
html[data-device="desktop"] #car-list-container ul.car li.car-info-container ul.car-name-price li.car-price {
    text-align:         right;
    width:              20%;
    padding-right:      20px;
}

#car-list-container ul.car li.car-info-container ul.car-info {
    border-top:         1px solid #C12026;
    padding-top:        20px;
}
#car-list-container ul.car li.car-info-container ul.car-info li {
    width:              25%;
    text-align:         center;
    display:            inline-block;
    color:              #646464;
}
#car-list-container ul.car li.car-info-container ul.car-info span {
    font-weight:        500;
    color:              #000000;
}

#car-datasheet-container {
    margin-bottom:      20px;
}
#car-datasheet-container ul.car {
    margin-top:         20px;
    background:         #ECECEC;
    margin-bottom:      25px;
}
#car-datasheet-container ul.car li.car-picture {
    display:            inline-block;
    width:              250px;
    height:             150px;
    overflow:           hidden;
    margin-right:       25px;
}
#car-datasheet-container ul.car li.car-picture img {
    max-width:          100%;
}
html[data-device="desktop"] #car-datasheet-container ul.car li.car-info-container {
    display:            inline-block;
    width:              925px;
    padding-top:        10px;
}
#car-datasheet-container ul.car li.car-info-container ul.car-name-price li {
    display:            inline-block;
    margin-bottom:      20px;
}
#car-datasheet-container ul.car li.car-info-container ul.car-name-price li.car-name {
    
    font-size:          18px;
    font-weight:        700;
    color:              #000000;
}
html[data-device="desktop"] #car-datasheet-container ul.car li.car-info-container ul.car-name-price li.car-name {
    width:              80%;
}

html[data-device="desktop"] #car-datasheet-container ul.car li.car-info-container ul.car-name-price li.car-price {
    text-align:         right;
    width:              20%;
    padding-right:      20px;
}

#car-datasheet-container ul.car li.car-info-container ul.car-info {
    border-top:         1px solid #C12026;
    padding-top:        20px;
}
#car-datasheet-container ul.car li.car-info-container ul.car-info li {
    width:              25%;
    text-align:         center;
    display:            inline-block;
    color:              #646464;
}
#car-datasheet-container ul.car li.car-info-container ul.car-info span {
    font-weight:        500;
    color:              #000000;
}
#car-datasheet-container #car-photos-container {
    display:            inline-block;
    width:              50%;
}
#car-datasheet-container #car-photos-container #car-photos li {
    
    overflow:           hidden;
}

html[data-device="desktop"] #car-datasheet-container #car-photos-container #car-photos li {
    display:            inline-block;
    width:              50%;
    height:             200px;
}
html[data-device="mobile"] #car-datasheet-container #car-photos-container #car-photos li {
    margin-bottom:      10px;
}

#car-datasheet-container #car-photos-container #car-photos li img {
    max-width:          100%;
}
#car-datasheet-container #car-info-text {
    display:            inline-block;
    width:              50%;
    padding-left:       25px;
}
#car-datasheet-container #car-info-text #car-contact-info-box {
    font-size:          20px;
    font-weight:        700;
    margin-bottom:      20px;
}
#car-datasheet-container #car-info-text #car-contact {
    margin-bottom:      15px;
    padding-bottom:     15px;
    border-bottom:      2px solid #C12026;
}
#car-datasheet-container #car-info-text #car-contact a {
    color:              #000000;
    font-size:          16px;
}
#car-datasheet-container #car-extra-btns-container {
    margin-bottom:      15px;
    padding-bottom:     15px;
    border-bottom:      2px solid #C12026;
}
#car-datasheet-container #car-extra-btns-container ul li {
    text-align:         center;
}
html[data-device="desktop"] #car-datasheet-container #car-extra-btns-container ul li {
    display:            inline-block;
    width:              50%;
}

#car-datasheet-container #car-extra-btns-container ul li a {
    background:         #231F20;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding:            8px;
    display:            block;
    width:              80%;
    margin-left:        auto;
    margin-right:       auto;
    color:              #FFFFFF;
}

#car-datasheet-container #car-info-text #car-equipments {
    margin-top:         20px;
}
html[data-device="desktop"] #car-datasheet-container #car-info-text #car-equipments li.block {
    width:              50%;
    display:            inline-block;
}

#car-title {
    height:             300px;
    line-height:        300px;
    background:         url('gui/breadcumb.jpg');
    text-align:         center;
    padding-top:        100px;
}
#car-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"] #car-title div {
    width:              90vw;
    font-size:          20px;
    padding-left:       10vw;
    padding-right:      10vw;
}
html[data-device="desktop"] #car-offer-form-container {
    width:              600px;
    margin-left:        auto;
    margin-right:       auto;
    margin-bottom:      50px;
}
html[data-device="mobile"] #car-offer-form-container {
    width:              90vw;
    margin-left:        auto;
    margin-right:       auto;
}

#car-offer-form-container .form-group .form-control {
    border:             1px solid #C12026;
}
#car-offer-form-container #form-submit-button-container {
    text-align:         center;
}
#car-offer-form-container #form-submit-button-container button {
    border:             1px solid #231F20;
    background:         #C12026;
    color:              #FFFFFF;
    padding:            8px;
    padding-left:       16px;
    padding-right:      16px;
}


#car-list-filter-container {
    margin-top:         30px;
    margin-bottom:      30px;
}
#car-list-filter-container ul li {
    width:              300px;
    padding-right:      15px;
}
html[data-device="mobile"] #car-list-filter-container ul li {
    width:              50%;
    margin-bottom:      10px;
}
#car-list-filter-container ul li .form-control {
    width:              100%;
    padding:            5px;
    border:             1px solid #231F20;
    height:             30px;
}
#car-list-filter-container ul li button {
    border:             1px solid #231F20;
    padding:            5px;
    padding-left:       20px;
    padding-right:      20px;
}
html[data-device="desktop"] #car-list-filter-container li.car-type-container {
    width:              150px;
}
html[data-device="desktop"] #car-list-filter-container li.fuel-type-container {
    width:              150px;
}
html[data-device="desktop"] #car-list-filter-container li.year-select-container {
    width:              150px;
}
html[data-device="desktop"] #car-list-filter-container li.mileage-container {
    width:              150px;
}
html[data-device="desktop"] #car-list-filter-container li.price-container {
    width:              150px;
}
#car-list-filter-container #form-submit-button-container {
    text-align:         center;
    margin-top:         15px;
}
#car-list-filter-container #form-submit-button-container button {
    border:             1px solid #231F20;
    background:         #C12026;
    color:              #FFFFFF;
    padding:            8px;
    padding-left:       16px;
    padding-right:      16px;
}

#cookie-line-container {
    z-index: 10000 !important ;
    background-color:rgba(255,255,255, 0.90);
    color:black;
    position:fixed;
    bottom:0px;
    width:100%;
    padding:10px;
    text-shadow:1px 1px 3px #555;

}

#cookie-popup-container {
    display:none;
/*    background-color:rgba(255,255,255, 0.75);
    color:black;
    position:fixed;
    top:10%; 
    width:90%;
    margin:auto;
    text-shadow:1px 1px 3px #555;
*/
}
#cookie-popup-container p{
    margin-bottom:0px;
    margin-top:0px;
}

#cookie-popup-container .cookie-data {
    margin-left:10px;
}

#cookie-line-container button, #cookie-save-button {
    display:inline;
    float:right;
    background-color:rgba(0,0,0, 75);
    color:white !important;
    padding-left:10px;
    padding-right:10px;
    border-radius:2px;
}
#cookie-line-container a {
    color:black;
    text-decoration: underline;
    font-weight:bold;
}

#gdpr_statement_link {
    color:#646464;
    text-decoration: underline;
    font-weight:bold;
    padding:auto;
}

#gdpr_statement_link:visited {
    color:#646464;
}