/* -------------------------------------------------------------------------- */
.gradient_bg {
    background: rgb(255,255,255);
    background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(236,239,241,1) 100%);
}
/* -------------------------------------------------------------------------- */
body > * > div[otype] > div > div[otype=text].quote {
    z-index: 1;
    border-left: 12px solid #f7931f;
    padding: 18px 18px 18px 24px;
    -webkit-box-shadow: 0 0 24px 0px rgba( 38, 50, 56, 0.25);
    -moz-box-shadow:    0 0 24px 0px rgba( 38, 50, 56, 0.25);
    box-shadow:         0 0 24px 0px rgba( 38, 50, 56, 0.25);
}
/* -------------------------------------------------------------------------- */
body > * > div[otype].new_mwidth {
    width: calc(100% - 0px);
    padding: 0;
    overflow: hidden;
}
main > .new_mwidth .gw6 {
    max-width: calc(100%/12*6 - 24px) !important;
    padding: 12px !important;
    justify-content: center;
    align-content: center;
    flex-direction: column;
}
@media only screen and (max-width: 959px){
    main > .new_mwidth .gw6 {
        max-width: calc(100% - 0px) !important;
        margin: 0 -12px 0 -12px !important;
        padding: 12px !important;
    }
    main > .new_mwidth .gw6:nth-child(1) { order: 1; }
    main > .new_mwidth .gw6:nth-child(2) { order: 2; }
    main > .new_mwidth .gw6:nth-child(3) { order: 3; }
    main > .new_mwidth .gw6:nth-child(4) { order: 5; }
    main > .new_mwidth .gw6:nth-child(5) { order: 4; }
}
main > .new_mwidth .gw6 > * {
    max-width: 640px;
}
/* -------------------------------------------------------------------------- */
.cormach_uppercase {
    text-transform: uppercase;
}
@media screen and (max-width: 767px) {
    .cormach_uppercase ,
    .cormach_uppercase span {
        font-size: 24px !important;
    }
}
/* -------------------------------------------------------------------------- */
.ol-article a.cormach_button {
    display: inline-block !important;
    background: #fda703;
    border-radius: 22px;
    border: none !important;
    height: 44px;
    padding: 0 28px;
    line-height: 42px;
    text-transform: uppercase;
    text-align: center;
    white-space: nowrap;
    font-size: 20px;
    font-weight: 700;
    color: #292b37 !important;
}
.ol-article a.cormach_button:hover {
    border: none !important;
    background: #292b37;
    color: #fff !important;
}
/* -------------------------------------------------------------------------- */
.ol-article a.cormach_button_on_black {
    display: inline-block !important;
    background: #fff;
    border-radius: 22px;
    border: none !important;
    height: 44px;
    padding: 0 28px;
    line-height: 42px;
    text-transform: uppercase;
    text-align: center;
    white-space: nowrap;
    font-size: 20px;
    font-weight: 700;
    color: #292b37 !important;
}
.ol-article a.cormach_button_on_black:hover {
    border: none !important;
    background: #292b37;
    color: #fff !important;
}
/* -------------------------------------------------------------------------- */
.cormach_bg_black div[otype=header] > div > *:first-child ,
.cormach_bg_black div[otype=header] > div > *:first-child b {
    color: #fff;
}
.cormach_bg_black div[otype=header].ol-h1 > div:after ,
.cormach_bg_black div[otype=header].ol-h2 > div:after {
    background: #fff;
}
/* -------------------------------------------------------------------------- */
#cid447 {
    background-image: url(/d/logo.svg);
    background-size: 1300px 240px;
    background-repeat: no-repeat;
    background-position: bottom center;
    border-top: 2px solid #c9c9c9;
}
@media screen and (max-width: 1259px) {
    #cid447 {
        background-size: 90vw auto;
    }
}
/* -------------------------------------------------------------------------- */
body[mid_1] > main > div[otype=pages_links] {
    background: #333645;
}
body[mid_1] div[otype=pages_links] div[otype] > a:hover {
    border: 2px solid #ffe7b8;
}
body[mid_1] div[otype=pages_links] div[otype] a:hover span {
    border-top: 2px solid #ffe7b8;
}
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
.or_compare_7 {
    display: flex;
    width: 100%;
    margin: -32px 0 0 0;
    font-size: 24px;
}
.compare_models_button {
    display: flex;
    float: left;
    justify-content: center;
    align-items: center;
    background: #faa61a;
    margin: 12px 0 32px 0;
    padding: 12px 24px;
    border-radius: 8px;
}
.compare_models_button i {
    color: #333645;
    margin: 0 8px 0 0;
}
.compare_models_button p {
    color: #333645;
    font-size: 18px;
}
.compare_models_button:hover {
    background: #333645;
}
.compare_models_button:hover i {
    color: #faa61a;
}
.compare_models_button:hover p {
    color: #fff;
}
/* -------------------------------------------------------------------------- */
