:root {
    --primary: #2e3191;
    --secondary: #ca1f26;
    --light: #d9d9d9;
    --dark: #232331;
}

body {

    font-family: "Open Sans", Helvetica, Arial, sans-serif;

    font-size: 0.875rem;

    line-height: 1.5;

    javascript: ;

    color: #656565;

    overflow-x: hidden;

}



p {

    font-size: 0.875rem;

    line-height: 1.6;

}



a:focus,

a:hover {

    color: #ca1f26;

    text-decoration: none;

    outline: none;

}



a {

    color: #232331;

    text-decoration: none;

}



button,

.btn {

    white-space: normal;

}



.red-splitter .btn {

    white-space: nowrap;

}



select {

    height: auto!important;

}



.h2,

h2 {

    font-size: 2rem;

    color: #111;

}



@media (max-width: 1450px) {

    .h1,

    h1 {

        font-size: 2.2rem;

    }

    .h2,

    h2 {

        font-size: 1.8rem;

    }

    .h3,

    h3 {

        font-size: 1.6rem;

    }

    .h4,

    h4 {

        font-size: 1.4rem;

    }

    .h5,

    h5 {

        font-size: 1.15rem;

    }

}



@media (max-width: 1200px) {

    .h1,

    h1 {

        font-size: 1.8rem;

    }

    .h2,

    h2 {

        font-size: 1.7rem;

    }

    .h3,

    h3 {

        font-size: 1.5rem;

    }

    .h4,

    h4 {

        font-size: 1.3rem;

    }

    .h5,

    h5 {

        font-size: 1.1rem;

    }

}



@media (max-width: 575px) {

    .h1,

    h1,

    .h2,

    h2 {

        font-size: 1.7rem;

    }

    .h3,

    h3 {

        font-size: 1.4rem;

    }

    .h4,

    h4 {

        font-size: 1.2rem;

    }

    .h5,

    h5 {

        font-size: 1.1rem;

    }

}



.container-fluid {

    padding-left: 2.9375rem;

    padding-right: 2.9375rem;

}



@media (max-width: 991px) {

    .container-fluid {

        padding-left: 1rem;

        padding-right: 1rem;

    }

}



@media (min-width: 992px) {
    .career-sidebar .nav-link {
        margin-bottom: 0;
    }

    body {

        padding-left: 120px;

        padding-top: 63px;

    }

}



@media (max-width: 991px) {

    body {

        padding-top: 56px;

    }

}



.bg-gray,

.custom-products-list {

    background: #f7f7f7;

}



.text-gray {

    color: #aaa !important;

}



.fw-300 {

    font-weight: 300;

}



.box-card {

    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.18);

    border-top: #ca1f26 solid 3px;

    background-color: #fff;

    width: 100%;

}



.section {

    padding: 70px 0;

}



@media (max-width: 1200px) {

    .section {

        padding: 50px 0;

    }

}



@media (max-width: 767px) {

    .section {

        padding: 30px 0;

    }

}



.bg-dark {

    background: #232331 !important;

}



.nav-link,

.btn,

.lead,

h1,

h2,

h3,

h4,

h5,

h6,

.h1,

.h2,

.h3,

.h4,

.h5,

.h6,

.contact-options .contact-option a,

.custom-career-pills a {

    font-family: "Fira Sans Extra Condensed", sans-serif;

    letter-spacing: .05em;

}



h1,

h2,

h3,

h4,

h5,

h6,

.h1,

.h2,

.h3,

.h4,

.h5,

.h6 {

    font-weight: 700;

    color: #111;

}



.bordered {

    position: relative;

    margin-bottom: 30px;

}



.bordered:after {

    position: absolute;

    bottom: -10px;

    left: 0;

    content: '';

    height: 3px;

    width: 60px;

    background-color: #ca1f26;

}



.bordered.center-bordered:after {

    left: 50%;

    transform: translateX(-50%);

}



.btn {

    font-size: 14px;

    letter-spacing: .15em;

    font-weight: 500;

    padding: 0.5rem 1.35rem;

    text-transform: uppercase;

    transition: .3s;

    box-shadow: none !important;

}



.btn.btn-primary {

    color: #fff;

    background-color: #ca1f26;

    border-color: #ca1f26;

    border-radius: 0;

}



.btn.btn-reverse {

    color: #ca1f26;

    border-color: #ca1f26;

    background-color: #fff;

}



.btn.btn-reverse:hover {

    color: #fff;

}



.btn.btn-outline {

    border-color: #fff;

}



.btn.btn-primary:hover {

    background-color: #2e3191;

    border-color: #2e3191;

}



.btn.btn-animated {

    position: relative;

}



.btn.btn-animated i {

    position: absolute;

    color: #fff;

    top: 50%;

    transform: translateY(-55%);

    right: 1.35rem;

    opacity: 0;

    transition: .3s;

    font-size: 1rem;

    margin: 0;

}



.btn.btn-animated:hover {

    padding: 0.5rem 1.9rem 0.5rem .8rem;

}



.btn.btn-animated:hover i {

    right: .8rem;

    opacity: 1;

}



.navbar {

    -webkit-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, .2);

    box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, .2);

}



.navbar-brand img,
.navbar-brand svg {

    transition: .4s ease-in-out;

    width: 350px;

    will-change: transform;

}



.nav-item i {

    font-size: 20px;

    margin-right: 10px;

    color: #ca1f26;

}



.navbar-light .navbar-nav .nav-item {

    margin-left: 25px;

}



@media (min-width: 768px) and (max-width: 1199px) {

    .navbar-light .navbar-nav .nav-item {

        margin-left: 5px;

    }

    .nav-item i {

        margin-right: 0;

    }

}



@media (min-width: 768px) and (max-width: 991px) {

    .navbar-brand img,
    .navbar-brand svg {

        width: 260px;

        margin-left: 50px;

    }

}



@media (max-width: 991px) {

    .side-menu {

        top: 59px;

    }

}



@media (max-width: 767px) {

    .navbar-brand img,
    .navbar-brand svg {

        width: 290px;

    }

    .navbar-brand {

        margin: 0 auto;

    }

}



@media (max-width: 450px) {

    .navbar-brand img,
    .navbar-brand svg {

        width: 230px;

    }

}



@media (max-width: 360px) {

    .navbar-brand img,
    .navbar-brand svg {

        width: 200px;

    }

}



.navbar-light .navbar-nav .nav-link,

.navbar-light .navbar-nav .nav-link:hover,

.navbar-light .navbar-nav .nav-link:focus {

    color: #2e3191;

    font-weight: 500;

}



.lang-item .nav-link.active-lang {

    color: #ca1f26;

}



.lang-item .nav-link+.nav-link {

    position: relative;

    margin-left: 10px;

}



.lang-item .nav-link+.nav-link:before {

    content: '|';

    color: #656565;

    position: absolute;

    left: -10px;

    top: 50%;

    -webkit-transform: translateY(-50%);

         transform: translateY(-50%);

}



.side-menu {

    position: fixed;

    left: 0;

    bottom: 0;

/*    top: 63px;*/
    top: 71px;

    /*height: calc(100vh - 63px);*/

    display: -webkit-box !important;

    display: -ms-flexbox !important;

    display: flex !important;

    z-index: 1032;

    /*overflow-y: auto;*/

}

.side-menu::-webkit-scrollbar{

    width: 6px;

} 

.side-menu::-webkit-scrollbar-track {

    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 

    border-radius: 10px;

}

 

.side-menu::-webkit-scrollbar-thumb {

    border-radius: 10px;

    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);

    background-color: rgba(255, 255, 255, .6);

}





.side-menu .nav{

/*    height: calc(100vh - 63px);

    -ms-flex-wrap: nowrap;

    flex-wrap: nowrap;*/

}

/*

.side-menu {

    position: fixed;

    left: 0;

    top: 63px;

    bottom: 0;

    height: auto !important;

    display: flex !important;

    z-index: 1032;

}

*/



@media (max-width: 991px) {

    .side-menu {

        transform: translateX(-100%);

        z-index: 5;

        transition: .3s;

        top: 56px;

    }

    .side-menu-button[aria-expanded='true']+.side-menu {

        transform: translateX(0);

    }

    .side-menu-button {

        position: fixed;

        left: 15px;

        top: 10px;

        transition: .3s;

        z-index: 1031;

    }

}



.side-menu-button {

    padding: 3px 0;

    background-color: transparent;

}



.side-menu-button .navbar-toggler-icon {

    background-image: url("data:image/svg+xml;charset=utf8,<svg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'><path stroke='rgba(202, 31, 38, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/></svg>");

    width: 30px;

    height: 30px;

}



.side-menu .nav-link {

    padding: 10px;

    border-top: 1px solid #464646;

    text-align: center;

    color: #ccc;

    line-height: 1;

    font-size: 0.8rem;

    font-weight: 500;

    letter-spacing: 1px;

    fill: #ccc;

    transition: .3s;

    width: 120px;

    height: 71px;

    text-transform: uppercase;

    background-color: #232331;

}

.side-menu .st0 {
    fill: #ccc !important;
}


.side-menu .nav-item .nav-dropdown,

.side-menu .nav-item .nav-second-dropdown {

    position: absolute;

    left: 100%;

    top: 0;

    bottom: 0;

    background-color: #efefef;

    width: 0;

    transition: .4s ease-in-out;

    overflow: hidden;

    margin-left: -1px;

    z-index: -1;

    border-left: 1px solid #232331;

}



.side-menu .nav-item .nav-second-dropdown {

    z-index: -2;

    border-left: 0;

    border-right: 0;

}



.side-menu .nav-item .nav-dropdown svg {

    margin-right: 10px;

}



.side-menu .nav-item .nav-dropdown img {

    width: 50px;

    height: 50px;

    margin-right: 10px;

    -ms-flex: 0 0 50px;

    flex: 0 0 50px;

    max-width: 50px;

}



.side-menu .nav-item:hover .nav-dropdown {

    width: 200px;

}



.side-menu .nav-item:hover .nav-dropdown .nav-second-dropdown {

    border-right: 1px solid #c6c7c7;

}



.side-menu .nav-item:hover .nav-dropdown:hover {

    overflow: visible;

}



.side-menu .nav-dropdown-item .nav-second-dropdown {

    margin-left: -1px;

}



.side-menu .nav-dropdown-item:hover .nav-second-dropdown {

    width: 200px;

}



.side-menu .nav-item .nav-dropdown .nav-link {

    width: 198px;

    color: #232331;

    fill: #232331;

    border-top: 1px solid #c6c7c7;

    text-align: left;

    background-color: #efefef;

}



.side-menu .nav-item .nav-dropdown .nav-link:last-child {

    border-bottom: 1px solid #c6c7c7;

    height: 72px;

}



.side-menu .nav-item .nav-dropdown .nav-link {

    transition: .3s;

    font-size: 0.875rem;

}



.side-menu .nav-item .nav-dropdown .nav-link:hover {

    background-color: #fff;

    border-color: #c6c7c7;

}



.side-menu .nav-item .nav-dropdown .nav-link:hover+.nav-link {

    border-top-color: #c6c7c7;

}



.side-menu .nav-link-last {

    border-bottom: 1px solid #464646;

}



.side-menu .nav-link svg {

    margin-bottom: 6px;

}



.side-menu .nav-item:hover>.nav-link,

.side-menu .nav-item.active>.nav-link {

    background-color: #2e3191;

    border-color: #2e3191;

    color: #fff;

    fill: #fff;

}



.side-menu .nav-item:hover+.nav-item>.nav-link {

    border-top-color: #2e3191;

}



.side-menu .socials {

    text-align: center;

    padding: 10px;

    margin-top: auto;

    margin-bottom: 0;

}

/*

.side-menu .socials {

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    text-align: center;

    padding: 10px;

}

*/

.side-menu .socials a {

    color: #ccc;

}



.side-menu .socials a+a i {

    margin-left: 7px;

}



.side-menu .socials i {

    font-size: 15px;

}



.video-section {

    position: relative;

    height: calc(100vh - 142px);

    font-size: 0;

    overflow: hidden;

}



.video-section video {

    position: absolute;

    left: 50%;

    bottom: 0;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);

    min-width: 101%;

    min-height: 101%;

}



.red-splitter {

    background: #ca1f26;

    padding: 20px 0;

    color: #fff;

}



.lead {

    font-weight: 600;

    letter-spacing: 0;

    color: #222529;

    line-height: 1.3;

}



@media (max-width: 1200px) {

    .lead {

        font-size: 1.15rem;

    }

}



@media (max-width: 575px) {

    .lead {

        font-size: 1.05rem;

    }

}



.about-image-container {

    overflow: hidden;

    max-height: 410px;

}



.configure-section {

    padding: 200px 0;

    background-image: url(../img/configurator.jpg);

    background-size: cover;

    background-position: center;

}



@media (max-width: 575px) {

    .configure-section {

        background-image: url(../img/configurator-mobile.jpg);

        position: relative;

    }

    .configure-section .container-fluid {

        position: relative;

    }

    .configure-section:before {

        content: '';

        background-color: rgba(255, 255, 255, .6);

        position: absolute;

        left: 0;

        top: 0;

        right: 0;

        bottom: 0;

    }

    .configure-section p {

        color: #000;

    }

}



.stylized-title {

    position: relative;

    display: inline-block;

    font-weight: 500;

}



.stylized-title:before,

.stylized-title:after {

    content: '';

    position: absolute;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    height: 1px;

    width: 15px;

    background-color: #888;

    z-index: 1;

}



.stylized-title.text-white:before,

.stylized-title.text-white:after {

    background-color: #fff;

}



.stylized-title:before {

    left: -20px;

}



.stylized-title:after {

    right: -20px;

}



.img-configurator-wrapper {

    position: relative;

}



.img-configurator-wrapper img {

    filter: contrast(150%);

    transition: transform .7s ease-in-out;

    will-change: transform;

}



.blue-square:hover img,

.red-square:hover img {

    transform: scale(1.1);

}



.img-configurator-wrapper:after {

    content: '';

    position: absolute;

    left: 0;

    bottom: 0;

    right: 0;

    top: 0;

    background-color: rgba(35, 35, 49, .65);

}



.red-square .img-configurator-wrapper:after {

    background-color: rgba(102, 17, 21, .65);

}



.red-square,

.blue-square {

    max-height: 340px;

    overflow: hidden;

}



.form-control.newletter-form-control {

    border-radius: 0;

    border-color: #fff;

}



.form-control.newletter-form-control:focus {

    border-color: #fff!important;

}



@media (min-width: 992px) {

    .form-control.newletter-form-control {

        min-width: 400px;

    }

}



.contact-cards-col {

    margin-top: 70px;

}



.info-contact .office {

    color: #666;

    font-weight: 600;

}



.office-contact-icons p i {

    color: #ca1f26;

}



.office-contact-icons p {

    display: flex;

}



.banner-section {

    background: url('http://kara5webtest.mk/terma/themes/termalift/assets/img/contact.jpg');

    background-position: center center;

    overflow: hidden;

    position: relative;

}



.forklifts-header {

    background: url('http://kara5webtest.mk/terma/themes/termalift/assets/img/forklifts.jpg');

}



.banner-section h1 {

    padding: 60px 0px 30px 0px;

    font-weight: 700;

    letter-spacing: 0em;

    color: #111111;

}



@media (min-width: 1450px) {

    .banner-section h1 {

        font-size: 48px;

    }

}



.banner-section:after {

    content: '';

    background: -moz-linear-gradient(left, rgba(255, 255, 255, .9) 20%, rgba(255, 255, 255, 0) 100%);

    /* FF3.6-15 */

    background: -webkit-linear-gradient(left, rgba(255, 255, 255, .9) 20%, rgba(255, 255, 255, 0) 100%);

    /* Chrome10-25,Safari5.1-6 */

    background: linear-gradient(to right, rgba(255, 255, 255, .9) 20%, rgba(255, 255, 255, 0) 100%);

    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1);

    margin: auto;

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    z-index: 0;

}



@media (max-width: 575px) {

    .banner-section:after {

        background: -moz-linear-gradient(left, rgba(255, 255, 255, .9) 20%, rgba(255, 255, 255, .5) 100%);

        /* FF3.6-15 */

        background: -webkit-linear-gradient(left, rgba(255, 255, 255, .9) 20%, rgba(255, 255, 255, .5) 100%);

        /* Chrome10-25,Safari5.1-6 */

        background: linear-gradient(to right, rgba(255, 255, 255, .9) 20%, rgba(255, 255, 255, .5) 100%);

        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    }

}



.no-banner-section:after {

    display: none;

}



.breadcrumb-wrapper {

    display: inline-block;

}



.breadcrumb {

    border-radius: 0;

    background-color: #232331;

    position: relative;

    padding: 0.5rem 1.25rem;

}



.breadcrumb a {

    color: #A6A6AC;

}



.breadcrumb a:hover {

    color: #fff;

    text-decoration: none;

}



.breadcrumb>.active {

    color: #fff;

}



.breadcrumb:before {

    content: '';

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 60px 0 0 40px;

    border-color: transparent transparent transparent transparent;

    border-left-color: #232331;

    position: absolute;

    top: 0;

    right: -40px;

}



.breadcrumb-item+.breadcrumb-item::before {

    display: inline-block;

    padding-right: .5rem;

    color: #6c757d;

    content: "/";

    padding-right: .5rem;

    padding-left: .1rem;

    color: #fff;

    content: "\f105";

    font-family: 'FontAwesome';

    line-height: 1;

}



.banner-wrapper {

    position: relative;

    z-index: 1;

}



.contact-info i {

    color: #ca1f26;

}



.contact-info p {

    color: #656565;

    font-weight: 600;

}



.contact-options .contact-option a,

.custom-career-pills a {

    display: block;

    text-align: center;

    padding: 20px 15px;

    border: 1px solid #000;

    text-transform: uppercase;

    font-family: "Fira Sans Extra Condensed";

    transition: .3s;

    font-size: 14px;

    letter-spacing: .15em;

    font-weight: 500;

    width: 100%;

}



.contact-options .contact-option a {

    padding: 20px 0;

}



.contact-options .contact-option a:hover {

    background-color: #ca1f26;

    border-color: #ca1f26;

    color: #fff;

    fill: #fff;

}



.form-control:focus {

    border-color: #ca1f26;

    outline: none;

    box-shadow: none;

}



.contact-form input,

.contact-form textarea {

    margin-bottom: 1.875rem;

}



.form-control {

    border-radius: 0!important;

    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;

    font-size: 0.875rem;

    padding: 0.6rem 0.75rem;

}



.red-splitter .form-control {

    padding: 0.6rem 0.75rem;

}



.contact-phone-wrapper p {

    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.18);

    border-top: #ca1f26 solid 3px;

    height: 100%;

    padding: 20px 15px;

    text-align: center;

    margin: 0;

    font-weight: 600;

}



.contact-phone-wrapper p strong {

    font-size: 1rem;

    letter-spacing: .05em;

    text-transform: uppercase;

    font-family: "Fira Sans Extra Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;

    color: #111;

}



@media (min-width: 1200px) and (max-width: 1400px) {

    .contact-option {

        padding-right: 10px;

        padding-left: 10px;

    }

    .contact-options-row {

        margin-right: -10px;

        margin-left: -10px;

    }

}



@media (max-width: 1199px) {

    .contact-option {

        padding-right: 4px;

        padding-left: 4px;

    }

    .contact-options-row {

        margin-right: -4px;

        margin-left: -4px;

    }

    .contact-options .contact-option a {

        letter-spacing: .007em;

    }

}



@media (max-width: 575px) {

    .contact-option {

        padding-bottom: 8px;

    }

    .contact-options .contact-option a {

        padding: 15px 0;

    }

}



.footer-bottom {

    padding: 40px 0px 20px 0px;

    background: #232331;

    color: #aaa;

}



.footer-bottom h5 {

    color: #fff;

    overflow: hidden;

    position: relative;

    margin-bottom: 30px;

    text-transform: uppercase;

    font-size: 18px;

    font-weight: bold;

    letter-spacing: .05em;

}



.footer-bottom h5 span {

    position: relative;

    display: inline-block;

    padding: 10px 10px 10px 20px;

    background-color: #ca1f26;

    font-size: 14px;

    letter-spacing: .15em;

    font-weight: 500;

}



.footer-bottom h5:before {

    content: '';

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    height: 1px;

    border-bottom: 1px solid rgba(255, 255, 255, 0.1);

}



.footer-bottom h5 span:after {

    content: '';

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 100px 0 0 50px;

    border-color: transparent transparent transparent transparent;

    border-left-color: #ca1f26;

    position: absolute;

    top: 0;

    right: -50px;

}



.footer-bottom .footer-logo {

    padding: 10px 0;

}



.logo-splitter {

    background: rgba(255, 255, 255, 0.1);

}



.footer-logo-wrapper a:nth-child(3) .footer-logo {

    margin-left: 15px;

}



@media (max-width: 991px) {

    .footer-bottom h5 {

        font-size: 16px;

    }

    .footer-bottom p {

        font-size: 0.8rem;

        line-height: 1.2;

        margin-bottom: .8rem;

    }

}



.footer-bottom p .fa {

    margin-top: 3px;

}



.copyright {

    background: #232331;

    overflow: hidden;

}



.copyright .left {

    background: #ca1f26;

    color: #fff;

}



.copyright .left:before {

    background: #ca1f26;

    content: '';

    position: absolute;

    top: 0;

    bottom: 0;

    left: -1000px;

    width: 1000px;

}



@media (min-width: 575px) {

    .copyright .left:after {

        content: '';

        border-style: solid;

        border-width: 200px 0 0 90px;

        border-color: transparent transparent transparent transparent;

        border-left-color: #ca1f26;

        position: absolute;

        top: 0;

        right: -90px;

    }

}



@media (max-width: 767px) {

    .copyright .left:after {

        content: '';

        position: absolute;

        top: 0;

        bottom: 0;

        right: -1000px;

        width: 1000px;

    }

}



.copyright .right {

    color: #aaa;

}



.copyright a {

    color: #fff!important;

}



.about-icon svg {

    width: 80%;

    max-width: 50px;

}



#termaliftCarousel .carousel-item-wrapper {

    max-height: 350px;

    overflow: hidden;

}



.carousel-indicators {

    z-index: 1;

    right: auto;

    bottom: 0;

    background: #fff;

}



.carousel-indicators li {

    border: 1px solid #000;

    width: 9px;

    height: 9px;

    border-radius: 50%;

}



.carousel-indicators li:hover {

    cursor: pointer;

}



.carousel-indicators li.active {

    background: #ca1f26;

    border: 1px solid #ca1f26;

}



.about-sectors {

    font-weight: 500;

    text-transform: uppercase;

    font-size: 14px;

}



.carousel.slide {

    border-top: #ca1f26 solid 3px;

    overflow: hidden;

}



.carousel-indicators:after {

    content: '';

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 130px 0 0 50px;

    border-color: transparent transparent transparent #FFFFFF;

    position: absolute;

    top: 0;

    right: -50px;

}



.cd-container {

    /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */

    margin: 0 auto;

}



.cd-container::after {

    /* clearfix */

    content: '';

    display: table;

    clear: both;

}



#cd-timeline {

    position: relative;

    padding: 70px 2.9375rem;

    margin-top: 0;

    margin-bottom: 0;

}



#cd-timeline::before {

    /* this is the vertical line */

    content: '';

    position: absolute;

    top: 160px;

    left: 18px;

    bottom: 70px;

    width: 4px;

    background: #ebebeb;

}



@media only screen and (min-width: 1170px) {

    #cd-timeline::before {

        left: 50%;

        margin-left: -2px;

    }

}



.cd-timeline-block {

    position: relative;

    margin: 2em 0;

}



.cd-timeline-block:after {

    content: "";

    display: table;

    clear: both;

}



.cd-timeline-block:first-child {

    margin-top: 0;

}



.cd-timeline-block:last-child {

    margin-bottom: 0;

}



@media only screen and (min-width: 1170px) {

    .cd-timeline-block {

        margin: 4em 0;

    }

    .cd-timeline-block:first-child {

        margin-top: 0;

    }

    .cd-timeline-block:last-child {

        margin-bottom: 0;

    }

}



.cd-timeline-img {

    position: absolute;

    top: 0;

    left: 0;

    width: 40px;

    height: 40px;

    border-radius: 50%;

    box-shadow: 0 0 0 4px white, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);

}



.cd-timeline-img img {

    display: block;

    width: 24px;

    height: 24px;

    position: relative;

    left: 50%;

    top: 50%;

    margin-left: -12px;

    margin-top: -12px;

}



.cd-timeline-img.cd-picture {

    background: #2e3191;

}



.cd-timeline-img.cd-movie {

    background: #ca2027;

}



.cd-timeline-img.cd-location {

    background: #f0ca45;

}



@media only screen and (min-width: 1170px) {

    .cd-timeline-img {

        width: 30px;

        height: 30px;

        left: 50%;

        margin-left: -15px;

        margin-top: 15px;

        /* Force Hardware Acceleration in WebKit */

        -webkit-transform: translateZ(0);

        -webkit-backface-visibility: hidden;

    }

    .cssanimations .cd-timeline-img.is-hidden {

        visibility: hidden;

    }

    .cssanimations .cd-timeline-img.bounce-in {

        visibility: visible;

        -webkit-animation: cd-bounce-1 0.6s;

        -moz-animation: cd-bounce-1 0.6s;

        animation: cd-bounce-1 0.6s;

    }

}



@-webkit-keyframes cd-bounce-1 {

    0% {

        opacity: 0;

        -webkit-transform: scale(0.5);

    }

    60% {

        opacity: 1;

        -webkit-transform: scale(1.2);

    }

    100% {

        -webkit-transform: scale(1);

    }

}



@-moz-keyframes cd-bounce-1 {

    0% {

        opacity: 0;

        -moz-transform: scale(0.5);

    }

    60% {

        opacity: 1;

        -moz-transform: scale(1.2);

    }

    100% {

        -moz-transform: scale(1);

    }

}



@keyframes cd-bounce-1 {

    0% {

        opacity: 0;

        -webkit-transform: scale(0.5);

        -moz-transform: scale(0.5);

        -ms-transform: scale(0.5);

        -o-transform: scale(0.5);

        transform: scale(0.5);

    }

    60% {

        opacity: 1;

        -webkit-transform: scale(1.2);

        -moz-transform: scale(1.2);

        -ms-transform: scale(1.2);

        -o-transform: scale(1.2);

        transform: scale(1.2);

    }

    100% {

        -webkit-transform: scale(1);

        -moz-transform: scale(1);

        -ms-transform: scale(1);

        -o-transform: scale(1);

        transform: scale(1);

    }

}



.cd-timeline-content {

    position: relative;

    margin-left: 60px;

    background: white;

    border-radius: 0.25em;

    padding: 1em;

    box-shadow: 0 3px 23px rgba(0, 0, 0, 0.10);

}



.cd-timeline-content:after {

    content: "";

    display: table;

    clear: both;

}



.cd-timeline-content .cd-read-more,

.cd-timeline-content .cd-date {

    display: inline-block;

}



.cd-timeline-content .cd-read-more {

    float: right;

    padding: .8em 1em;

    background: #acb7c0;

    color: white;

    border-radius: 0.25em;

}



.no-touch .cd-timeline-content .cd-read-more:hover {

    background-color: #bac4cb;

}



.cd-timeline-content .cd-date {

    float: left;

    padding: .8em 0;

    opacity: .7;

}



.cd-timeline-content::before {

    content: '';

    position: absolute;

    top: 16px;

    right: 100%;

    height: 0;

    width: 0;

    border: 7px solid transparent;

    border-right: 7px solid white;

}



.cd-timeline-content h2,

.service-subtitle {

    font-size: 1.25rem;

    margin-bottom: 1rem;

    letter-spacing: 0;

    font-weight: 500;

    color: #232331;

}



.cd-timeline-content .cd-read-more,

.cd-timeline-content .cd-date {

    font-size: 17px;

    color: #ca1f26;

    font-weight: 700;

}



@media only screen and (min-width: 1170px) {

    .cd-timeline-content {

        margin-left: 0;

        padding: 1.6em;

        width: 45%;

    }

    .cd-timeline-content::before {

        top: 24px;

        left: 100%;

        border-color: transparent;

        border-left-color: white;

    }

    .cd-timeline-content .cd-read-more {

        float: left;

    }

    .cd-timeline-content .cd-date {

        position: absolute;

        width: 100%;

        left: 122%;

        top: 6px;

    }

    .cd-timeline-block:nth-child(even) .cd-timeline-content {

        float: right;

    }

    .cd-timeline-block:nth-child(even) .cd-timeline-content::before {

        top: 24px;

        left: auto;

        right: 100%;

        border-color: transparent;

        border-right-color: white;

    }

    .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {

        float: right;

    }

    .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {

        left: auto;

        right: 122%;

        text-align: right;

    }

    .cssanimations .cd-timeline-content.is-hidden {

        visibility: hidden;

    }

    .cssanimations .cd-timeline-content.bounce-in {

        visibility: visible;

        -webkit-animation: cd-bounce-2 0.6s;

        -moz-animation: cd-bounce-2 0.6s;

        animation: cd-bounce-2 0.6s;

    }

}



@media only screen and (min-width: 1170px) {

    /* inverse bounce effect on even content blocks */

    .cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {

        -webkit-animation: cd-bounce-2-inverse 0.6s;

        -moz-animation: cd-bounce-2-inverse 0.6s;

        animation: cd-bounce-2-inverse 0.6s;

    }

}



@-webkit-keyframes cd-bounce-2 {

    0% {

        opacity: 0;

        -webkit-transform: translateX(-100px);

    }

    60% {

        opacity: 1;

        -webkit-transform: translateX(20px);

    }

    100% {

        -webkit-transform: translateX(0);

    }

}



@-moz-keyframes cd-bounce-2 {

    0% {

        opacity: 0;

        -moz-transform: translateX(-100px);

    }

    60% {

        opacity: 1;

        -moz-transform: translateX(20px);

    }

    100% {

        -moz-transform: translateX(0);

    }

}



@keyframes cd-bounce-2 {

    0% {

        opacity: 0;

        -webkit-transform: translateX(-100px);

        -moz-transform: translateX(-100px);

        -ms-transform: translateX(-100px);

        -o-transform: translateX(-100px);

        transform: translateX(-100px);

    }

    60% {

        opacity: 1;

        -webkit-transform: translateX(20px);

        -moz-transform: translateX(20px);

        -ms-transform: translateX(20px);

        -o-transform: translateX(20px);

        transform: translateX(20px);

    }

    100% {

        -webkit-transform: translateX(0);

        -moz-transform: translateX(0);

        -ms-transform: translateX(0);

        -o-transform: translateX(0);

        transform: translateX(0);

    }

}



@-webkit-keyframes cd-bounce-2-inverse {

    0% {

        opacity: 0;

        -webkit-transform: translateX(100px);

    }

    60% {

        opacity: 1;

        -webkit-transform: translateX(-20px);

    }

    100% {

        -webkit-transform: translateX(0);

    }

}



@-moz-keyframes cd-bounce-2-inverse {

    0% {

        opacity: 0;

        -moz-transform: translateX(100px);

    }

    60% {

        opacity: 1;

        -moz-transform: translateX(-20px);

    }

    100% {

        -moz-transform: translateX(0);

    }

}



@keyframes cd-bounce-2-inverse {

    0% {

        opacity: 0;

        -webkit-transform: translateX(100px);

        -moz-transform: translateX(100px);

        -ms-transform: translateX(100px);

        -o-transform: translateX(100px);

        transform: translateX(100px);

    }

    60% {

        opacity: 1;

        -webkit-transform: translateX(-20px);

        -moz-transform: translateX(-20px);

        -ms-transform: translateX(-20px);

        -o-transform: translateX(-20px);

        transform: translateX(-20px);

    }

    100% {

        -webkit-transform: translateX(0);

        -moz-transform: translateX(0);

        -ms-transform: translateX(0);

        -o-transform: translateX(0);

        transform: translateX(0);

    }

}



@media (max-width: 991px) {

    #cd-timeline {

        padding: 70px 15px 70px 35px;

    }

    #cd-timeline::before {

        left: 15px;

    }

    .cd-timeline-content .cd-read-more,

    .cd-timeline-content .cd-date {

        padding: 0;

    }

}



.why-choose-us-left .reason:after,

.why-choose-us-right .reason:before {

    content: '';

    position: absolute;

    width: 30px;

    height: 1px;

    top: 11px;

    background-color: #ca2027;

}



.why-choose-us-left .reason:after {

    right: 0;

}



.why-choose-us-right .reason:before {

    left: 0;

}



.why-choose-us-left .reason,

.why-choose-us-right .reason {

    position: relative;

}



.reparation-section .center-bordered {

    color: #fff;

}



.gallery-item h5 {

    letter-spacing: 0;

    font-weight: 500;

    transition: .3s;

}



.gallery-item:hover {

    cursor: pointer;

}



.gallery-item:hover img {

    -webkit-transform: scale(1.05);

    transform: scale(1.05);

}



.gallery-item img {

    transition: 1s ease-in-out;

    will-change: transform;

}



.gallery-img-wrapper {

    overflow: hidden;

}



.post-image .dates {

    position: absolute;

    bottom: 0;

    left: 0;

    padding: 20px 30px;

    background-color: #fff;

    line-height: 1.2;

}



.post-image .month {

    font-weight: 600;

    display: block;

    color: #232331!important;

}



.post-image .date {

    font-weight: 700;

    display: block;

    font-size: 30px;

    color: #ca1f26;

    font-family: "Fira Sans Extra Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;

}



.post-image .year {

    font-style: italic;

    font-weight: 600;

    color: #232331!important;

}



.post-image .dates:after {

    content: '';

    position: absolute;

    top: 0;

    right: -50px;

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 130px 0 0 50px;

    border-color: transparent transparent transparent #FFFFFF;

}



.post-image {

    position: relative;

    text-align: center;

    overflow: hidden;

}



.news-item-wrapper h4 {

    font-weight: 500;

}



.read-more-wrapper .read-more {

    border-top: 1px solid #ddd;

    display: inline-block;

    position: relative;

    font-size: 13px;

    font-family: "Fira Sans Extra Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;

    text-transform: uppercase;

    letter-spacing: .1em;

}



.read-more-wrapper .read-more:before {

    content: '';

    position: absolute;

    right: -87px;

    top: 0;

    height: 300px;

    width: 1px;

    background-color: #DDDDDD;

    -webkit-transform: skew(30deg);

    -moz-transform: skew(30deg);

    -ms-transform: skew(30deg);

    -o-transform: skew(30deg);

}



.read-more-wrapper .read-more:after {

    content: '';

    position: absolute;

    right: -1029px;

    width: 1000px;

    bottom: 0;

    height: 1px;

    background-color: #DDDDDD;

}



.read-more span:after {

    content: "\f061";

    margin-left: 10px;

    font-family: 'FontAwesome';

}



.read-more-wrapper {

    overflow: hidden;

}



.recent-post {

    -ms-flex: 0 0 120px;

    flex: 0 0 120px;

    max-width: 120px;

}



.sidebar-title {

    line-height: 1;

    text-transform: uppercase;

    font-size: 24px;

    color: #111;

}



.career-sidebar a:hover .content,

.career-sidebar a.active .content {

    background-color: #ca1f26;

}



/*.career-sidebar .content {

    position: relative;

    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.18);

    transition: background-color .2s;

    border-top: #ca1f26 solid 3px;

}*/

.career-sidebar .content {
  position: relative;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.18);
  border-top: #ca1f26 solid 3px;
  padding: max(0.5rem, 1vw) max(2rem, 2.5vw);
  transition: background-color 0.2s;
}

.career-sidebar .nav-link {
    padding: 0;
}

.career-sidebar .nav-link:not(:last-child) {
    margin-right: 2rem;
}

.career-sidebar .nav-link {
    margin-bottom: 1rem;
}



.career-side-item-text h3 {

    font-size: 1rem;

    letter-spacing: .05em;

    transition: .2s;

}



.career-sidebar a:hover .career-side-item-text h3,

.career-sidebar a.active h3 {

    color: #fff;

}



.career-sidebar a:hover .career-side-item-icon svg,

.career-sidebar a.active svg {

    fill: #fff;

}



.career-side-item-icon svg {

    transition: .2s;

}



.termalift-catalog:after {

    content: '';

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    background-color: rgba(46, 49, 145, 0.70);

    opacity: 0;

    transition: .3s;

}



.termalift-catalog {

    position: relative;

    overflow: hidden;

}



.termalift-catalog:hover {

    cursor: pointer;

}



.termalift-catalog img {

    will-change: transform;

    transition: transform .3s;

}



.termalift-catalog:hover img {

    -webkit-transform: scale(1.05) translateZ(0);

    transform: scale(1.05) translateZ(0);

    filter: blur(1px);

}



.termalift-catalog i {

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translateX(-50%) translateY(-40%);

    transform: translateX(-50%) translateY(-40%);

    color: #fff;

    font-size: 30px;

    opacity: 0;

    transition: .3s;

    z-index: 1;

}



.fa-search-plus:before {

    content: "\f00e";

}



.termalift-catalog:hover:after {

    opacity: 1;

}



.termalift-catalog:hover i {

    opacity: 1;

    -webkit-transform: translateX(-50%) translateY(-50%);

    transform: translateX(-50%) translateY(-50%);

}



.news-post-section .bordered {

    letter-spacing: 0;

}

.news-post-section img,

.news-post-section video,

.news-post-section iframe{

    max-width: 100%;    

}

.SocialSharingButtons {

    text-align: left !important;

    margin-top: 20px;

}



.SocialSharingButtons .share-btn {

    width: 3rem !important;

    padding: 0.3rem !important;

}



.nav-pills .nav-link.active,

.nav-pills .show>.nav-link {

    background: none;

}



.career-section .tab-content .card-header {

    background: none;

}



.career-section .card-header span {

    color: #232331;

    font-size: 1rem;

    letter-spacing: .05em;

    text-transform: none;

    line-height: 1;

}

.career-button {
    position: relative;
    padding: max(0.5rem, 1vw);
    background-color: transparent;
    color: var(--dark);
    display: grid;
    grid-template-columns: 2rem auto
    grid-column-gap: 1rem;
    border-radius: 0px;
    border: 1px solid var(--light);
    transition: .3s background-color ease-in-out, .3s color ease-in-out, .3s border-color ease-in-out;
}

.career-button .icon {
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translateY(-50%);
    z-index: 10;
}

.career-button .icon #arrow-bottom {
    display: block;
}
.career-button .icon #arrow-right {
    display: none;
}

.career-button .text {
    margin-left: 55px;
    text-align: left;
}

.career-button:hover {
    background-color: var(--dark);
    color: var(--light);
    border-color: transparent;
}

.career-button:hover #arrow-bottom {
    display: none;
}
.career-button:hover #arrow-right {
    display: block;
}

.career-button::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    width: 55px;
    background: var(--light);
    -webkit-clip-path: polygon(0 0, 65% 0, 100% 100%, 0% 100%);
    -moz-clip-path: polygon(0 0, 65% 0, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 65% 0, 100% 100%, 0% 100%);
    transition: .3s all ease-in-out;
}
.career-button:hover::before {
    background-color: var(--secondary);
}

.card-header .btn-link:hover {

    text-decoration: none;

}



.card {

    border-radius: 0;

}



.custom-career-pills .nav-item .nav-link.active {

    background: #ca1f26;

    border-color: #ca1f26;

}



.custom-career-pills .nav-link.active svg {

    fill: #fff;

}



.custom-career-pills .nav-link,

.custom-career-pills .nav-link svg {

    transition: .2s;

}



.custom-career-pills .nav-item .nav-link:hover {

    color: #fff;

    background: #ca1f26;

    border-color: #ca1f26;

}



.custom-career-pills .nav-item .nav-link:hover svg {

    fill: #fff;

}



.custom-career-labels {

    font-weight: 500;

    line-height: 1.1;

    color: #111;

    letter-spacing: 0;

}



.custom-career-pills .nav-link svg {

    width: 50px;

    height: 50px;

}



.custom-career-pills .nav-link {

    border-radius: 0;

}



.upload-button {

    width: 100%;

    background: none;

    border: 2px dashed #ca1f26;

    color: #656565;

    border-radius: 0;

}



.shelves-upload-wrapper .upload-button {

    background: #dddddd;

    border-radius: 0;

    width: auto;

    border: none;

}



.shelves-upload-wrapper .upload-button:hover {

    background-color: #ca1f26;

    color: #fff;

}



.custom-products-list .box-card {

    text-transform: uppercase;

}



.custom-products-list .box-card h5 {

    font-size: 1.1rem;

}



.product-img-wrapper {

    overflow: hidden;

    width: 100%;

}



.custom-products-list .box-card:hover img {

    transform: scale(1);

}



.custom-products-list .box-card img {

    transition: .4s ease-in-out;

    transform: scale(.9);

}



.form-field-wrapper select {

    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.18);

    border-top: #ca1f26 solid 3px;

}



@media (min-width: 1701px) {

    .custom-xl {

        -ms-flex: 0 0 20%;

        flex: 0 0 20%;

        max-width: 20%;

    }

}



.form-field-wrapper b {

    color: #232331;

}



.checkbox-wrapper {

    display: block;

    position: relative;

    padding-left: 35px;

    cursor: pointer;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

}



.checkmark {

    position: absolute;

    top: 0;

    left: 0;

    height: 22px;

    width: 22px;

    background-color: #eee;

    border: 2px solid #ca1f26;

}



.checkbox-wrapper input {

    position: absolute;

    opacity: 0;

    cursor: pointer;

}



.checkbox-wrapper input:checked~.checkmark:after {

    display: block;

}



.checkbox-wrapper .checkmark:after {

    content: "";

    position: absolute;

    display: none;

    left: 7px;

    top: 3px;

    width: 5px;

    height: 10px;

    border: solid white;

    border-width: 0 3px 3px 0;

    -webkit-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    transform: rotate(45deg);

}



.checkbox-wrapper input:checked~.checkmark {

    background-color: #ca1f26;

}



.collapsible-filter:active,

.collapsible-filter:hover,

.btn.collapsible-filter:not(.collapsed) {

    color: #fff;

    background-color: #2e3191;

    border-color: #2e3191;

}



.btn-primary:active {

    background-color: #2e3191!important;

    border-color: #2e3191!important;

}



.collapsible-filter[aria-expanded="true"] span i:before {

    content: "\f062";

}



.product-wrapper .caption h4 {

    font-size: 1.1rem;

    line-height: 1;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}



.product-wrapper .product-info {

    font-size: .8rem;

}



.product-wrapper .product-button .btn-primary {

    font-size: 12px;

    padding: 0.3rem 1rem;

}



.product-image img {

    transition: .5s ease-in-out;

    will-change: transform;

}



.gallery-wrapper {

    overflow: hidden;

    position: relative;

}



.product-image .product-message,

.gallery-wrapper .product-message {

    position: absolute;

    left: 35px;

    top: 35px;

    transform: translateX(-50%) translateY(-50%) rotate(-45deg);

    display: block;

    width: 123px;

    padding: 0 10px;

    text-align: center;

    font-family: "Fira Sans Extra Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;

    font-weight: 500;

    text-transform: uppercase;

    background-color: rgb(46, 49, 145, .8);

    color: #fff;

}



.product-image .product-message.sold,

.product-image .product-message.reserved,

.gallery-wrapper .product-message.sold,

.gallery-wrapper .product-message.reserved {

    background-color: rgb(202, 31, 38, .8);

}



.product-wrapper .product-image a {

    display: block;

    position: relative;

    overflow: hidden;

}



.product-image:hover img {

    -webkit-transform: scale(1.05);

    transform: scale(1.05);

}



.service-brands-section .client-wrapper img:hover {

    filter: grayscale(0%);

}



.rent-icon svg {

    width: 50px;

}



.parts-section .service-subtitle {

    font-size: 1.5rem;

}



.btn-search {

    width: 50px;

    padding: 0.5rem 1rem;

    background-color: #ca1f26;

    color: #fff;

    margin-left: -1px;

    border-radius: 0;

    border: 3px solid #ca1f26;

}



.btn-search:hover {

    background-color: #2e3191;

    border-color: #2e3191;

}



.search-sku-form {

    width: 256px;

}



.sku-search-field {

    width: calc(100% - 50px)!important;

}



#collapseFilter {

    box-shadow: 0 0px 5px rgba(0, 0, 0, 0.18);

}



.product-page-info {

    color: #111;

}



.product-page-info-header .rating .fa-star,

.product-page-info-header .rating .fa-star-o {

    color: #ca1f26;

    font-size: 20px;

}



.product-page-info-header .rating .fa-stack {

    font-size: 6px;

    vertical-align: top;

}



.product-page-info-header .rating .fa-stack+.fa-stack {

    margin-left: 5px;

}



.product-info-table .table-title {

    font-size: 1.4rem;

    font-weight: 500;

    letter-spacing: 0;

}



.no-banner-section {

    background: none;

}



.no-banner-section .banner-wrapper {

    margin-top: 10px;

}



.interest-wrapper h2 {

    font-size: 18px;

    font-weight: 500;

}



.interest-wrapper {

    background-color: #f7f7f7!important;

}



.related-wrapper .bordered,

.similar .bordered,

.custom-additional-line {

    color: #111;

    font-weight: 500;

}



.related-wrapper h3 {

    font-weight: 700!important;

}



.custom-owner-name {

    font-size: 19px;

}



.similar-slider-wrapper {

    overflow: hidden;

}



.similar-slider {

    margin-left: -0.5rem;

    margin-right: -0.5rem;

}



.slick-dots li button {

    width: 9px;

    height: 9px;

    border-radius: 50%;

    transition: .3s;

    border: 1px solid #000;

}



.slick-dots li button:hover,

.slick-dots li.slick-active button {

    background: #ca1f26;

    border: 1px solid #ca1f26;

}



.slick-dots li {

    display: inline-block;

    margin-right: -6px;

}



.slick-dots {

    list-style-type: none;

    padding: 0;

}



.youtube-frame {

    max-height: 200px;

}



.configure-section h2,

.red-splitter h2 {

    font-weight: 500;

}



.steps {

    background-color: #232331;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

}



.steps .step {

    -ms-flex: 0 0 12.5%;

    flex: 0 0 12.5%;

    max-width: 12.5%;

    text-align: center;

    transition: .3s;

}



@media (min-width: 1200px) {

    .steps .step {

        max-width: 150px;

    }

}



.steps .step a {

    display: block;

    padding: 20px;

    border-radius: 0;

}



.steps .step a.active {

    background-color: #fff;

}



.steps .step .step-number {

    font-size: 16px;

    background-color: #ca1f26;

    border-radius: 50%;

    width: 25px;

    height: 25px;

    display: inline-block;

    color: #fff;

}



.steps .step .step-name {

    display: block;

    color: #fff;

    text-transform: uppercase;

    margin-top: 5px;

    font-weight: bold;

    font-family: 'Fira Sans Extra Condensed';

    font-size: 15px;

    transition: .3s;

}



.steps .step .active .step-name {

    color: #232331;

}



.steps-content {

    padding: 0 50px;

    position: relative;

    height: calc(100vh - 279px);

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

}



.steps-content .tab-pane {

    width: 100%;

}



.steps-content .tab-pane.active {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    -ms-grid-row-align: center;

    align-items: center;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

}



.steps-content .tab-pane label,

.steps-content .tab-pane input {

    font-weight: bold;

    font-family: 'Fira Sans Extra Condensed';

    font-size: 42px;

    line-height: 44px;

    text-transform: uppercase;

    display: block;

}



.steps-content .tab-pane label {

    color: #232331;

}



.steps-content .tab-pane input {

    color: #ca1f26;

    width: 104px;

    margin: 40px auto 0;

    text-align: center;

}



.configureslider {

    width: 1170px;

    border-radius: 0 !important;

    background: #232331 !important;

    margin-top: 10px;

}



.configureslider>a {

    background: #ca1f26 !important;

    border: #ca1f26 !important;

    border-radius: 0;

    width: 1.5rem;

    height: 1.5rem;

}



.steps-content .tab-pane .configurebox input {

    display: none;

}



.steps-content .tab-pane .configurebox label {

    border: 1px solid #464646;

    padding: 30px 15px;

    margin-top: 50px;

    cursor: pointer;

    transition: .3s;

    font-size: 25px;

    line-height: 26px;

    width: 100%;

}



.steps-content .tab-pane .configurebox-middle label {

    background-color: #fff;

    margin-top: 115px;

}



.steps-content .tab-pane .configurebox input:checked+label,

.steps-content .tab-pane .configurebox label:hover {

    background: #ca1f26;

    color: #fff;

    border-color: #ca1f26;

}



.steps-content .tab-pane .configurebox label svg {

    transition: .3s;

}



.steps-content .tab-pane .configurebox input:checked+label svg,

.steps-content .tab-pane .configurebox label:hover svg {

    fill: #fff;

}



.radio-buttons {

    width: 1170px;

}



.configureresults {

    background-color: #f7f7f7;

    padding: 20px 0;

}



.configureresults .results-text {

    font-weight: bold;

    font-family: 'Fira Sans Extra Condensed';

    font-size: 21px;

    margin-bottom: 0;

    line-height: 1.3;

    text-transform: uppercase;

    color: #232331;

}



.configureicon {

    width: 100px;

    height: 100px;

    margin: 0 auto 40px;

    display: block;

    fill: #232331;

}



.configureicon.small {

    width: 35px;

    height: 35px;

    margin-bottom: 0;

}



.chosen-value {

    font-weight: bold;

    font-family: 'Fira Sans Extra Condensed';

    font-size: 14px;

    margin-bottom: 0;

    line-height: 1.3;

    text-transform: uppercase;

    color: #232331;

    display: block;

    text-align: center;

}



#filterconfig .btn {

    width: 100%;

}



#filterconfig .btn+.btn {

    margin-top: 5px;

}



.btn-red-outline {

    background-color: transparent;

    color: #ca1f26;

}



.btn-red-outline>i {

    color: #fff

}



@media (max-height: 700px) {

    .configureicon {

        width: 80px;

        height: 80px;

    }

    .steps-content .tab-pane label,

    .steps-content .tab-pane input {

        font-size: 32px;

        line-height: 34px;

    }

    .steps-content .tab-pane input,

    .steps-content .tab-pane .configurebox label {

        margin-top: 20px;

    }

    .steps-content .tab-pane .configurebox-middle label {

        margin-top: 75px;

    }

}



@media (max-width: 1400px) {

    .configureslider,

    .radio-buttons {

        width: 100%;

    }

}



@media (max-width: 1199px) {

    .config-results-text {

        display: none;

    }

    .special-col-item {

        width: 60px;

        padding: 0;

        float: left;

    }

}



@media (max-width: 991px) {

    .configureresults .container {

        width: 100%;

        max-width: 100%;

    }

    .configureicon {

        width: 60px;

        height: 60px;

        margin-bottom: 10px;

    }

    .steps-content .tab-pane label,

    .steps-content .tab-pane input {

        font-size: 22px;

        line-height: 24px;

        text-align: center;

    }

    .steps-content .tab-pane input,

    .steps-content .tab-pane .configurebox label {

        margin-top: 10px;

    }

    .steps-content .tab-pane .configurebox-middle label {

        margin-top: 45px;

    }

    .steps-content .tab-pane .configurebox label {

        padding: 15px 0;

        font-size: 20px;

        line-height: 20px;

    }

}



@media (max-width: 767px) {

    .buttons-config {

        width: 245px;

    }

    .buttons-config {

        width: 100%;

    }

    #filterconfig .btn {

        width: 100%;

    }

    #filterconfig .btn+.btn {

        margin-top: 0;

    }

    #filterconfig .btn-primary:first-child {

        float: left;

    }

}



@media (max-width: 660px) {

    .steps .step .step-name {

        display: none;

    }

    .steps .step a {

        padding: 20px 0;

    }

    .configurebox {

        float: left;

        width: 33.3333%;

        right: auto;

        left: auto;

        padding: 0 5px;

    }

    .configurebox-with-middle {

        width: 50%;

    }

    .configurebox-middle {

        width: 100%;

    }

    .steps-content .tab-pane .configurebox-middle label {

        margin-top: 0;

    }

    .configureicon {

        max-width: 70%;

    }

    #filterconfig .btn {

        width: 100%;

    }

    #filterconfig .btn+.btn {

        margin-top: 5px;

    }

    .steps-content {

        height: calc(100vh - 233px);

    }

}



@media (max-width: 575px) {

    .col-config-results {

        display: none;

    }

}



@media (max-width: 400px) {

    .steps-content .tab-pane .configurebox label {

        font-size: 12px;

        padding-left: 5px;

        padding-right: 5px;

    }

}



.no-margin-title {

    margin-bottom: 0;

}



#weightslider a {

    position: absolute;

    z-index: 2;

    width: 1.2em;

    height: 1.2em;

    top: -.3em;

    margin-left: -.6em;

}



#weightslider {

    position: relative;

    height: .8em;

    font-size: 1.1em;

}



.shelves-titles {

    font-weight: 500;

    letter-spacing: 0;

    font-size: 1.5rem;

}



.red-sku {

    color: #ca1f26;

    ;

}



.configure-section h2 {

    letter-spacing: 0;

}



.more-details {

    color: #ca1f26;

    transition: .3s;

    font-weight: 600;

    font-size: 0.875rem;

    position: relative;

    transition: padding .3s ease-in-out;

}



.more-details:after {

    content: '\f0da';

    font-family: fontawesome;

    position: absolute;

    left: 0;

    opacity: 0;

    transition: .3s;

    color: #ca1f26;

    font-size: 15px;

    top: -1px;

}



.more-details:hover {

    color: #2e3191;

}



.more-details:hover:after {

    opacity: 1;

    color: #2e3191;

}



.more-details:hover {

    padding-left: 10px;

}



@media (max-width: 767px) {

    .content-bg {

        height: 138px;

    }

}



.slick-slide img,

.slick-slide {

    outline: none;

}



.custom-input-field {

    color: #495057;

    background-color: #fff;

    border: 1px solid #ced4da;

    padding: 0.6rem 0.75rem;

}



.custom-input-field:focus {

    border-color: #ca1f26;

    outline: none;

    box-shadow: none;

}



.product-listing-price {

    font-size: 20px;

    font-weight: 700;

    color: #ca1f26;

    height: 29.59px;

}



.modal-title {

    line-height: 1.3;

}



@media (min-width: 768px) {

    .modal-dialog {

        width: 682px;

        max-width: 682px;

        margin: 30px auto;

    }

}



@media (max-width: 767px) {

    .modal {

        padding-right: 0 !important;

    }

}



@media (max-width: 575px) {

    .modal-body {

        padding: .5rem;

    }

}



.modal-content {

    border-radius: 0;

}



.termalift-table.modal-table thead {

    background-color: #e4e4e4;

}



.termalift-table.modal-table {

    width: auto;

    color: #111;

    font-family: "Fira Sans Extra Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;

    font-weight: 500;

}



.termalift-table .termalift-firstrow {

    height: 50px;

}



.termalift-table.modal-table td,

.termalift-table.modal-table th {

    padding: 5px 15px;

    vertical-align: top;

}



.termalift-table.modal-table th+th {

    text-align: center;

}



.termalift-table.modal-table th,

.termalift-table.modal-table tr td:first-child {

    text-transform: uppercase;

}



.termalift-table.modal-table tr td:first-child {

    width: 160px;

}



.termalift-table.modal-table tr td:nth-child(3) {

    width: 200px;

    text-align: center;

}



.termalift-table.modal-table tr td:nth-child(2) {

    width: 120px;

    text-align: center;

}



.termalift-table.modal-table tr td:nth-child(4) {

    width: 170px;

    text-align: center;

}



.termalift-table.modal-table tr:nth-child(even) {

    background-color: #e4e4e4;

}



@media (max-width: 767px) {

    .termalift-table.modal-table,

    .modal {

        width: 100%;

    }

}



@media (min-width: 768px) {

    .termalift-table.modal-table {

        width: 650px;

    }

}



@media (max-width: 500px) {

    .termalift-table.modal-table tr td:first-child strong {

        display: none;

    }

    .termalift-table.modal-table tr td:first-child i {

        font-size: 18px;

    }

    .termalift-table.modal-table td,

    .termalift-table.modal-table th {

        padding: 5px 7px;

    }

}



.sales-sidebar .bordered {

    font-size: 1.5rem;

    font-weight: 500;

}



.button-x {

    background: transparent;

    border: 0;

    position: absolute;

    right: 15px;

    top: 1px;

}



.sales-sidebar-title {

    font-size: 17px;

}





/************** responsiveness ****************/



@media (max-width: 991px) {

    .video-section {

        max-height: 600px;

    }

/*    .side-menu{

        height: calc(100vh - 48px);

    }

    .side-menu .nav{

        min-height: calc(100vh - 56px);

    }

*/}



@media (max-width: 767px) {

    .video-section {

        max-height: 400px;

    }

    .side-menu .socials{

        margin-top: unset;

        margin-bottom: 5px;

    }

}



@media (max-width: 1400px) {

    .configure-section {

        padding: 160px 0;

    }

}



@media (max-width: 1199px) {

    .configure-section {

        padding: 140px 0;

    }

}



@media (max-width: 991px) {

    .configure-section {

        padding: 100px 0;

    }

}



@media (max-width: 767px) {

/*    .side-menu{

        height: calc(100vh - 41px);

    }

    .side-menu .nav{

        min-height: calc(100vh - 41px);

    }*/



    body,

    p {

        font-size: 13px;

    }

    .why-choose-us-left p,

    .why-choose-us-right p {

        margin-bottom: 5px;

    }

    .why-choose-us-left p:after,

    .why-choose-us-right p:before {

        display: none;

    }

    .why-choose-us-image img {

        max-width: 300px;

    }

    .copyright .right {

        font-size: 12px;

    }

}



@media (max-width: 400px) {

    .requests p {

        display: none;

    }

    .custom-display-block {

        display: block;

    }

    .about-sectors {

        font-size: 12px;

    }

}



@media (max-width: 380px) {

    .contact-phone-wrapper {

        min-width: 100%;

    }

    .contact-phones .contact-phone-wrapper:nth-child(2) {

        margin-top: 1.5rem;

    }

}



@media (max-width: 991px) {

    .banner-section h1 {

        padding: 30px 0px 15px 0px;

    }

}



@media (min-width: 767px) and (max-width: 1199px) {

    .recent-posts-wrapper .recent-post {

        max-height: 80px;

    }

}



@media (max-width: 575px) {

    .search-sku-form {

        width: 100%;

    }

}



.newsletter-icon {

    width: 40px;

    height: 40px;

}



@media (max-width: 991px) {

    .side-menu .nav-link svg,

    .side-menu .nav-link img,

    .side-menu .nav-link br {

        display: none;

    }

    .side-menu .nav-link {

        height: auto;

        text-align: left;

        position: relative;

        width: 150px;

        padding: 12px 10px;

    }

    .nav-item.has-dropdown {

        display: -ms-flexbox;

        display: flex;

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

        -ms-flex-align: center;

        align-items: center;

    }

    .nav-item.has-dropdown .nav-dropdown-toggler {

        top: 0;

        left: 0;

        bottom: 0;

        text-align: right;

        right: 0;

        float: right;

        margin-left: -150px;

        padding-right: 10px;

        z-index: 1;

        position: relative;

        width: 100%;

        height: 37px;

    }

    .nav-item.has-dropdown .nav-dropdown-toggler i {

        color: #fff;

        margin: 0;

        top: 9px;

        position: relative;

    }

    .side-menu .nav-item:hover .nav-dropdown {

        width: 0;

    }

    .side-menu .nav-item .nav-dropdown .nav-link,

    .side-menu .nav-item .nav-dropdown.active {

        width: 150px;

    }

    .side-menu .nav-item:hover .nav-dropdown {

        border-right: 0;

    }

    .side-menu .nav-item .nav-dropdown.active {

        border-right: 1px solid #c6c7c7;

        border-left: 1px solid #232331;

    }

    .side-menu .nav-item .nav-dropdown .nav-link {

        font-size: .8rem;

    }

    .side-menu.collapse:not(.show) .nav-dropdown.active {

        display: none !important

    }

    .side-menu .nav-item .fa,

    .side-menu .lang-item a {

        color: #ccc;

    }

    .side-menu .nav-item .fa {

        font-size: 14px;

    }

    .side-menu .lang-item a.active-lang {

        color: #ca1f26;

    }

    .side-menu .btn-sm {

        padding: 10px!important;

        width: 100%;

        text-align: left;

        font-size: 0.8rem;

        letter-spacing: 1px;

        margin-top: -1px;

    }

    .side-menu .btn-sm .fa {

        color: #fff;

    }

    .side-menu .nav-item.d-md-none {

        border-top: 1px solid #464646;

        padding: 10px;

    }

    .side-menu .nav-link-last {

        border-bottom: 0;

    }

}



@media (min-width: 1450px) {

    .custom-col-members {

        -ms-flex: 0 0 33.33333333%;

        flex: 0 0 33.33333333%;

        max-width: 33.33333333%;

    }

}



@media (max-width: 360px) {

    .custom-col-members .col-7,

    .custom-col-members .col-5 {

        -ms-flex: 0 0 100%;

        flex: 0 0 100%;

        max-width: 100%;

    }

    .custom-col-members .person-card {

        max-width: 200px;

        margin: 0 auto;

    }

    .custom-col-members .person-info {

        text-align: center;

    }

    .custom-col-members .col-7 {

        margin-top: 1rem;

    }

    .member-name,

    .team-title {

        text-align: center;

    }

    .member-name.bordered:after,

    .team-title.bordered:after {

        left: 50%;

        -webkit-transform: translateX(-50%);

        transform: translateX(-50%);

    }

}



/*#accordion .btn-link {

    position: relative;

    border: 0;

    border-radius: 0;

    text-decoration: none !important;

}*/

#accordion .btn-link {
  position: relative;
  border: 0;
  border-radius: 0;
  text-decoration: none !important;
  background-color: var(--dark);
  color: var(--light);
  width: fit-content;
}


#accordion .btn-link .fa {

    width: 42px;

    text-align: center;

    position: relative;

    z-index: 1;

    margin-right: 30px;

    transition: .3s;

    color: #232331;

}



#accordion .btn-link[aria-expanded="true"] .fa {

    -webkit-transform: rotate(180deg);

    transform: rotate(180deg);

    color: #fff;

}



#accordion .btn-link:before {

    content: '';

    display: block;

    position: absolute;

    left: 0;

    bottom: 0;

    top: 0;

    width: 55px;

    background: #ca1f26;

    -webkit-clip-path: polygon(0 0, 65% 0, 100% 100%, 0% 100%);

    -moz-clip-path: polygon(0 0, 65% 0, 100% 100%, 0% 100%);

    clip-path: polygon(0 0, 65% 0, 100% 100%, 0% 100%);

}



#accordion .btn-link.collapsed:before {

    background: #eee;

}



#accordion .btn-link[aria-expanded="true"] {

    background: #232331;

}



#accordion .btn-link[aria-expanded="true"] span {

    color: #fff;

}



.career-side-item-icon {

    -ms-flex: 0 0 35px;

    flex: 0 0 35px;

    max-width: 35px;

/*    margin-right: 1rem;*/

}



@media (max-width: 1450px) {

    .career-side-item-text h3 {

        font-size: .9rem;

    }

    .career-side-item-icon {

        margin-right: .66rem;

    }

}



@media (max-width: 991px) {

    .career-sidebar {

        margin-left: -10px;

        margin-right: -10px;

        margin-bottom: 1rem;

    }

    .career-sidebar .nav-link {

        -ms-flex: 0 0 20%;

        flex: 0 0 20%;

        max-width: 20%;

        padding: 0 10px;

    }

}



@media (max-width: 991px) {

    .career-side-item-icon {

        margin-right: 0

    }

}



@media (max-width: 520px) {

    .career-side-item-text h3 {

        font-size: .7rem;

        font-weight: 400;

    }

    .career-sidebar {

        margin-left: -5px;

        margin-right: -5px;

    }

    .career-sidebar .nav-link {

        padding: 0 5px;

    }

}



@media (max-width: 380px) {

    .career-sidebar {

        margin-left: 0;

        margin-right: 0;

    }

    .career-sidebar .nav-link {

        padding: 0;

    }

}



.pagination {

    margin-bottom: 0;

    -ms-flex-wrap: wrap!important;

    flex-wrap: wrap!important;

}



.pagination li a,

.pagination li span {

    position: relative;

    float: left;

    padding: 0.5rem 0.75rem;

    margin-left: -1px;

    line-height: 1.5;

    color: #232331;

    text-decoration: none;

    background-color: #fff;

    border: 1px solid #fff;

}



.pagination li a {

    cursor: pointer !important;

}



@media (min-width: 576px) {

    .pagination {

        -ms-flex-pack: end;

        justify-content: flex-end;

    }

}



@media (max-width: 576px) {

    .pagination {

        -ms-flex-pack: center;

        justify-content: center;

        margin-top: 20px;

    }

}



.pagination li a,

.pagination li span {

    margin-left: 5px;

    height: 48px;

    width: 48px;

    line-height: 48px;

    padding: 0;

    text-align: center;

    font-size: 15px;

    font-family: "Fira Sans Extra Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;

    letter-spacing: .1em;

    transition: .3s;

    border: 1px solid #ddd;

    margin-bottom: 5px;

}



.pagination li.active a,

.pagination li a:hover,

.pagination li.active span {

    z-index: 2;

    color: #fff;

    cursor: default;

    background-color: #ca1f26;

    border-color: #ca1f26;

}



.pagination li.disabled span {

    color: #aaa;

    cursor: not-allowed;

}



.red.bold {

    font-weight: 600;

    color: #ca1f26;

}



.validation {

    margin-top: -1.875rem;

    margin-bottom: 1.875rem;

}



.validation.visible+.form-control,

.validation.visible+.custom-input-field {

    border: 1px solid #ca1f26;

}



.alert {

    border-radius: 0;

}



.alert p,

.alert ul {

    margin-bottom: 0;

}



@media (min-width: 1200px) {

    .parallax-login {

        height: calc(100vh - 64px);

    }

}



@media (max-width: 1199px) {

    .parallax-login {

        padding-top: 30px;

    }

}



.parallax-login {

    background-image: url(../img/parallax.jpg);

    background-attachment: fixed;

    background-size: cover;

}



.parallax-login .container {

    z-index: 1;

    overflow: hidden;

    border-radius: 0;

    box-shadow: rgba(0, 0, 0, 0.18) 0px 1px 2px;

    border-top: 3px solid rgb(202, 31, 38);

}



.parallax-login .container:before {

    content: '';

    position: absolute;

    display: block;

    top: -10px;

    right: -10px;

    bottom: -10px;

    left: -10px;

    background-image: url(../img/parallax.jpg);

    background-attachment: fixed;

    background-size: cover;

    filter: url(data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><f…ter id="filter"><feGaussianBlur stdDeviation="10" /></filter></svg>#filter);

    -webkit-filter: blur(10px);

    filter: blur(10px);

}



.parallax-login .container .row {

    position: relative;

    z-index: 1;

}



.parallax-login:after {

    content: '';

    position: absolute;

    display: block;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    background-color: rgba(255, 255, 255, .6);

}



.login-section .distributor-row {

    padding: 120px 50px;

}



.parallax-login .container:after {

    content: '';

    position: absolute;

    display: block;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    background-color: rgba(255, 255, 255, .85);

}



.brand-wrapper {

    position: relative;

}



.brand-buttons {

    opacity: 0;

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    transition: .3s;

}



.brand-wrapper:hover .brand-buttons {

    opacity: 1;

}



.brand-wrapper .brand-logo-wrapper {

    opacity: 1;

    transition: .3s;

}



.brand-wrapper:hover .brand-logo-wrapper {

    opacity: .4;

}



.brand-wrapper:nth-child(odd):after {

    position: absolute;

    content: '';

    background: rgb(204, 204, 204);

    background: -moz-linear-gradient(bottom, rgba(255, 255, 255, 0) 0%, rgba(204, 204, 204, 1) 51%, rgba(255, 255, 255, 0) 100%);

    background: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0) 0%, rgba(204, 204, 204, 1) 51%, rgba(255, 255, 255, 0) 100%);

    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(204, 204, 204, 1) 51%, rgba(255, 255, 255, 0) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee', GradientType=1);

    left: calc(100% + 1rem);

    width: 1px;

    height: 80px;

    top: 50%;

    transform: translateY(-50%);

}



.brand-wrapper:before {

    position: absolute;

    content: '';

    background: rgb(204, 204, 204);

    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(204, 204, 204, 1) 51%, rgba(255, 255, 255, 0) 100%);

    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(204, 204, 204, 1) 51%, rgba(255, 255, 255, 0) 100%);

    background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, rgba(204, 204, 204, 1) 51%, rgba(255, 255, 255, 0) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee', GradientType=1);

    top: 0;

    height: 1px;

    width: 80px;

}



.brand-buttons div+div {

    margin-left: 5px;

}



.country-flag {

    width: 50px;

}



.product-gallery .slick-prev {

    position: absolute;

    height: 100%;

    left: 0;

    z-index: 1;

    transition: .2s;

    width: 50px;

    color: #ca1f26;

}



.product-gallery .slick-next {

    position: absolute;

    height: 100%;

    right: 0;

    z-index: 1;

    transition: .2s;

    width: 50px;

    color: #ca1f26;

}



.slick-prev:before {

    content: '\f104';

    font-family: fontawesome;

    font-size: 32px;

    color: #ca1f26;

}



.slick-next:before {

    content: '\f105';

    font-family: fontawesome;

    font-size: 32px;

    color: #ca1f26;

}



.navbar-nav .nav-item span {

    letter-spacing: 0;

    font-size: 15px;

}



.distributer-login-tabs.nav-tabs {

    border: none;

}



.distributer-login-tabs.nav-tabs .nav-item {

    -ms-flex: 0 0 33.333333%;

    flex: 0 0 33.333333%;

    max-width: 33.333333%;

}



.distributer-login-tabs.nav-tabs .nav-link {

    border: none;

    font-size: 14px;

    letter-spacing: .15em;

    font-weight: 500;

    background: #fff;

    transition: .2s;

}



.distributer-login-tabs.nav-tabs .nav-link.active,

.distributer-login-tabs.nav-tabs .nav-link:hover {

    color: #495057;

    background-color: #ca1f26;

    border-radius: 0;

    color: #fff;

}



.price {

    display: inline-block;

    color: #ca1f26;

    font-size: 25px;

    line-height: 1;

}



.custom-icon-col {

    -ms-flex: 0 0 120px;

    flex: 0 0 120px;

    max-width: 120px;

}



.custom-icon-col .h6 {

    font-weight: 500;

}



.cd-timeline-content img {

    max-width: 100% !important;

}



.btn-sm .fa-sign-out {

    right: 40px!important;

}



.btn-sm .fa-sign-in {

    right: 50px!important;

}



.dropdown-toggle.welcome-btn,

.dropdown-item.logout-btn {

    letter-spacing: 0;

    font-size: 15px;

    color: #2e3191;

    font-weight: 500;

    font-family: "Fira Sans Extra Condensed", sans-serif;

    transition: .3s;

}



.dropdown-item.logout-btn:active,

.dropdown-item.logout-btn:hover,

.dropdown-item.logout-btn:focus {

    background-color: #ca1f26;

    color: #fff;

}



@media (min-width: 768px) and (max-width: 785px) {

    .dropdown-toggle.welcome-btn,

    .dropdown-item.logout-btn {

        font-size: 14px;

    }

    .navbar-light .navbar-nav .nav-item {

        margin-left: 0;

    }

}



.dropdown-toggle.welcome-btn:hover,

.dropdown-item.logout-btn {

    cursor: pointer;

}



@media (min-width: 768px) {

    .navbar-expand-md .navbar-nav .dropdown-menu {

        right: 0;

        left: auto;

        min-width: 0;

    }

}



@media (max-width: 767px) {

    .interest-section .btn-primary {

        font-size: 12px;

    }

    .interest-section .btn.btn-animated:hover i {

        font-size: 14px;

    }

    .interest-section h2 {

        font-size: 16px;

    }

}



@media (max-width: 575px) {

    .interest-section .ask-offer {

        display: flex;

        flex-direction: column;

    }

    .ask-offer .btn-primary:first-child {

        margin-bottom: 10px;

    }

}



.navbar-expand-md .navbar-nav .dropdown-menu {

    border-radius: 0;

    border-top: 0;

}



.nav-item i.fa-search {

    margin-right: 0;

}



@media (min-width: 1200px) {

    .brand-col:nth-child(5n) .brand-wrapper:after {

        display: none;

    }

}



@media (min-width: 768px) and (max-width: 1199px) {

    .brand-col:nth-child(3n) .brand-wrapper:after {

        display: none;

    }

}



@media (min-width: 575px) and (max-width: 767px) {

    .brand-col:nth-child(2n) .brand-wrapper:after {

        display: none;

    }

}



@media (max-width: 575px) {

    .brand-col .brand-wrapper:after {

        display: none;

    }

}



.brand-col:last-child .brand-wrapper:after {

    display: none;

}



select.form-control.stars-select {

    font-family: 'fontawesome', 'Open Sans';

    padding-bottom: 15px;

}



.custom-additional-line:after {

    width: 100%;

}



.custom-products-list {

    padding: 40px 0;

}



@media (max-width: 1199px) {

    .col-description-main p {

        margin-bottom: 5px;

        font-size: .8rem;

    }

    .product-info-table>.row {

        padding-bottom: 1rem!important;

    }

}



@media (max-width: 991px) {

    .product-section.pt-5 {

        padding-top: 1.5rem!important;

    }

}



@media (max-width: 767px) {

    .product-page-info-header {

        margin-top: 1rem;

    }

}



@media (max-width: 575px) {

    .product-page-info-header .rating .fa-stack {

        font-size: 3px;

    }

    .product-page-info-header .rating .fa-stack i {

        font-size: 15px;

    }

    .product-page-info-header h1 {

        font-size: 1.2rem;

    }

    .product-page-info-table .table-title {

        font-size: 1.2rem;

    }

}



@media (max-width: 480px) {

    .interest-col {

        -ms-flex: 0 0 100%;

        flex: 0 0 100%;

        max-width: 100%;

        text-align: center;

    }

    .interest-col+.interest-col {

        margin-top: 10px;

    }

    .made-in-p {

        display: none;

    }

}



@media (max-width: 400px) {

    .distributer-login-tabs.nav-tabs .nav-link {

        font-size: 13px;

        letter-spacing: .05em;

    }

    .login-title {

        font-size: 19px;

    }

}



img.ss-result__image {

    float: left;

    margin-right: 10px;

}



@media (min-width: 768px) and (max-width: 1199px) {

    .search-form-control {

        font-size: 35px!important;

    }

}



@media (min-width: 450px) and (max-width: 767px) {

    .search-form-control {

        font-size: 28px!important;

    }

}



@media (max-width: 449px) {

    .search-form-control {

        font-size: 25px!important;

    }

}



.custom-products-list .container-fluid .row>div {

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

}



@media (max-width: 575px) {

    .custom-products-list .box-card {

        width: 100%;

    }

}



span.newpromotion {

    position: relative;

    display: inline-block;

}



span.newpromotion:before {

    content: '';

    position: absolute;

    bottom: -3px;

    left: 0;

    right: 0;

    height: 2px;

    background: #ca1f26;

}



span.newpromotion:after {

    content: '!';

    position: absolute;

    right: -17px;

    font-size: 30px;

    top: -13px;

    -webkit-transform: rotate(20deg);

    transform: rotate(20deg);

    color: #ca1f26;

    font-weight: 500;

}



@media (max-width: 767px) {

    .why-choose-us-left .reason,

    .why-choose-us-right .reason {

        padding: 0 !important;

    }

    .why-choose-us-left .reason:after,

    .why-choose-us-right .reason:before {

        display: none;

    }

}



@media (max-width: 1199px) {

    .reason p {

        line-height: 1.3;

        font-size: .8rem;

        margin-bottom: .5rem;

    }

    .reason {

        padding-bottom: .5rem !important;

    }

}



.next-prev-btn {

    width: 50px;

    position: absolute;

    height: 50px;

    background: #ca1f26;

    color: #fff;

}



.next-prev-btn.prev-btn {

    left: 0;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

}



.next-prev-btn:hover,

.next-prev-btn:focus {

    color: #fff;

}



.next-prev-btn i {

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    font-size: 18px;

    width: 100%;

    text-align: center;

}



.next-prev-btn.next-btn {

    right: 0;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

}



.next-prev-btn.prev-btn i {

    right: 10px;

}



.next-prev-btn.next-btn i {

    right: 13px;

}



@media (max-width: 767px) {

    .next-prev-btn {

        width: 30px;

        height: 30px;

    }

    .next-prev-btn i {

        font-size: 14px;

    }

    .steps-content {

        padding: 0 30px;

    }

}



.contact-options .contact-option a:focus {

    color: #232331!important;

}



@media (max-width: 767px) {

    .modal-body {

        padding: 0;

    }

    .termalift-table.modal-table tr td:first-child {

        width: 200px!important;

    }

    .carousel-indicators li,

    .slick-dots li button {

        height: 14px;

        width: 14px;

    }

    .carousel-indicators {

        opacity: 0.75;

    }

    .news-post-section .bordered {

        font-size: 21px;

    }

}



.lg-thumb-open .lg-inner {

    height: calc(100% - 100px);

}



.lg-outer .lg-toogle-thumb:after {

    content: "\e094";

}



.lg-outer .lg-toogle-thumb {

    -webkit-transform: rotate(90deg);

    transform: rotate(90deg);

}



.lg-thumb-open .lg-toogle-thumb {

    -webkit-transform: rotate(-90deg);

    transform: rotate(-90deg);

}



.mobile-search-button {

    position: absolute;

    top: 10px;

    right: 25px;

}



@media (max-height: 480px) and (max-width: 767px) {

    .side-menu .nav-link {

        padding-top: 7px;

        padding-bottom: 7px;

    }

    .nav-item.has-dropdown .nav-dropdown-toggler {

        height: 27px;

    }

    .side-menu .nav-item.d-md-none {

        padding: 3px 10px;

    }

    .side-menu .btn-sm {

        padding: 3px 10px !important;

    }

    .nav-item.has-dropdown .nav-dropdown-toggler i {

        top: 5px;

    }

}



@media (max-height: 360px) and (max-width: 767px) {

    .navbar {

        padding: 0 1rem;

    }

    .side-menu-button,

    .mobile-search-button {

        top: 2px;

    }

    body {

        padding-top: 42px;

    }

    .side-menu {

        top: 41px;

    }

}



@media (max-height: 348px) and (max-width: 767px) {

    .side-menu .nav-link {

        padding-top: 5px;

        padding-bottom: 5px;

    }

    .nav-item.has-dropdown .nav-dropdown-toggler {

        height: 23px;

    }

    .nav-item.has-dropdown .nav-dropdown-toggler i {

        top: 2px;

    }

    .side-menu .nav-item.d-md-none {

        padding: 2px 10px;

    }

    .side-menu .btn-sm {

        padding: 2px 10px !important;

    }

}



.request-wrapper {

    position: absolute;

    left: 50%;

    top: 50%;

    -webkit-transform: translateY(-50%) translateX(-50%);

    transform: translateY(-50%) translateX(-50%);

}



small.listing-tax {

    position: absolute;

    right: 20px;

    bottom: 5px;

    font-weight: 600;

    color: #000;

}



.main-slider .slide {

    position: relative;

}



.slide-slogan {

    position: absolute;

    bottom: 8%;

    right: 8%;

    font-size: 35px;

    padding: 15px 20px;

    text-transform: uppercase;

    box-shadow: 0 1rem 1rem rgba(0, 0, 0, .25)!important;

    transition: .3s;

}



.slide-slogan:after {

    content: "\f0da";

    font-family: fontawesome;

    position: absolute;

    right: 20px;

    font-size: 20px;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    opacity: 0;

    transition: .3s;

}



@media (min-width: 1200px) {

    .slide-slogan:hover {

        padding: 15px 30px 15px 10px;

    }

    .slide-slogan:hover:after {

        right: 10px;

        opacity: 1;

    }

}



.slide-icon {

    max-width: 45px;

    max-height: 45px;

    will-change: transform;

    margin-right: 20px;

}



.explanation {

    position: absolute;

    color: #fff;

    bottom: -20px;

    right: 0;

    font-size: 15px;

}



.slide-slogan .btn {

    position: absolute;

    bottom: -59px;

    right: 0;

}



.slide-slogan .explanation+.btn {

    bottom: -69px;

}



.main-slider .slick-prev {

    z-index: 1;

    left: 0;

    top: 0;

    bottom: 0;

    height: auto;

    -webkit-transform: none;

    transform: none;

    padding-left: 20px;

    padding-right: 20px;

    width: 50px;

    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%);

    /* FF3.6-15 */

    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%);

    /* Chrome10-25,Safari5.1-6 */

    background: linear-gradient(to right, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%);

    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000', GradientType=1);

    /* IE6-9 */

}



.main-slider .slick-next {

    z-index: 1;

    right: 0;

    top: 0;

    bottom: 0;

    height: auto;

    -webkit-transform: none;

    transform: none;

    padding-left: 20px;

    padding-right: 20px;

    width: 50px;

    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%);

    /* FF3.6-15 */

    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%);

    /* Chrome10-25,Safari5.1-6 */

    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%);

    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000', GradientType=1);

    /* IE6-9 */

}



.main-slider .slick-arrow:before {

    color: #fff;

    font-size: 40px;

}



@media (max-width: 1500px) {

    .slide-slogan {

        bottom: 7%;

        right: 7%;

        font-size: 28px;

    }

    .slide-icon {

        max-width: 40px;

        max-height: 40px;

    }

    .slide-slogan .btn {

        bottom: -54px;

    }

    .slide-slogan .explanation+.btn {

        bottom: -64px;

    }

}



@media (max-width: 1199px) {

    .slide-slogan {

        bottom: 60px;

        right: 60px;

        font-size: 24px;

    }

    .slide-icon {

        max-width: 32px;

        max-height: 32px;

    }

    .explanation {

        font-size: 13px;

    }

}



@media (max-width: 767px) {

    .slide-slogan {

        bottom: 50px;

        right: 50%;

        -webkit-transform: translateX(50%);

        transform: translateX(50%);

        font-size: 18px;

    }

    .slide-icon {

        max-width: 32px;

        max-height: 32px;

    }

    .explanation {

        font-size: 13px;

        right: 50%;

        -webkit-transform: translateX(50%);

        transform: translateX(50%);

        width: 100%;

        text-align: center;

    }

    .slide-slogan .btn {

        right: 50%;

        -webkit-transform: translateX(50%);

        transform: translateX(50%);

    }

    .main-slider .slick-prev,

    .main-slider .slick-next {

        padding-left: 10px;

        padding-right: 10px;

        width: 30px;

    }

    .main-slider .slick-arrow:before {

        font-size: 35px;

    }

}



@media (max-width: 575px) {

    .slide-slogan {

        min-width: 90%;

    }

}



.text-black {

    color: #111 !important;

}

.gallery-wrapper .product-message {
	left: 50px;
	top: 50px;
	transform: translateX(-50%) translateY(-50%) rotate(-45deg);
	display: block;
	width: 200px;
	font-size: 1.5rem;
}

.privacy-link svg {
    width: 35px;
}

.richcontent {
    color: initial;
}