.elza {
    
    font-family:Elza;
    font-weight:900;
    font-size:35px;
}

small{
    font-weight:inherit;
}

.oblique{
    font-style:oblique;
}

.alert-warning {
    background: #FF9B22 0% 0% no-repeat padding-box;
    border: 10px solid #202020;
    color: #202020;
    text-align: center;
    padding:25px;
}

.alert-danger {
    background-color: #e74c3c;
    border: 10px solid #202020;
    color: #202020;
    text-align: center;
    padding: 25px;
}

.alert-heading {
   
    color:#202020;
}

.alert-warning a {
    color: #202020; text-decoration:none;
}

.text-dark {
    color: #202020 !important;
}

.img-border {
    border: 3px solid #202020;
}

.black-bg span {
    color: #fff;
    background-color: #202020;
    padding: 10px 10px 3px 10px;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    line-height: 1.6;
}

.toggle.collapsed {
   
    background: url('/Img/2025/icons/btn-arrow-open-menu.svg') no-repeat right center
}

.toggle {
    padding-right: 25px;
    background: url('/Img/2025/icons/btn-arrow-close-menu.svg') no-repeat right center
}

div.k-grid-norecords {
    padding: 20px;
}

/*.mac-os.chrome .black-bg > span {
    padding: 3px 10px 3px 10px;
}
*/
h4.black-bg span {
    line-height: 1.7;
}
    .orange-bg > span {
    color: #202020;
    background-color: #FF9B22;
    padding: 15px 10px 3px 10px;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    line-height: 1.6;
}

/*.mac-os.chrome .orange-bg > span {
    padding: 3px 10px 3px 10px;
}*/

.white-bg > span {
    color: #202020;
    background-color: #FFF;
    padding: 15px 10px 3px 10px;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    line-height: 1.6;
}

/*.mac-os.chrome .white-bg > span {
    padding: 3px 10px 3px 10px;
}*/


body .k-combobox, body .k-dropdownlist {
    background-color: #fff;
    border-color: #202020 !important;
    border-radius: 0px;
    border-width: 3px;
}


hr {
    border-top: 10px solid #202020;
   
    margin: 50px 0;
}

iframe{
    width:100%;
}

.contact-call, .contact-email {
    display: block;
    padding: 10px 10px 10px 50px;
    border: 5obliquepx solid #202020;
    color: #202020;
    font-weight: bold;
    background-repeat:no-repeat;
    background-position: left 10px center;
    background-size:25px 25px;

}

    .contact-call:hover, .contact-email:hover {
        background-color: #ff9b22;
        color: #202020;
    }

    .contact-call{
        background-image:url(/Content/img/form_phone.svg);
       
    }
.contact-email {
    background-image: url(/Content/img/form_email.svg);
}

.btn-mobileSelect-gen {
    border: 1px solid #ccc;
    background-color: #f5f5f5;
    color: #202020;
    width: 100% !important;
    padding: 10px 20px;
    text-transform: uppercase;
    color: #202020;
    border-radius: 2px;
    box-shadow: 0px 0px 3px 0px rgb(0 0 0 / 50%);
}

.os .btn-mobileSelect-gen {
    font-family: 'Staatliches', sans-serif;
    font-size: 24px;
}

    .required {
        color: red;
    }

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
.form-control, .icon-control {
    display: block;
    border: 3px solid #202020;
    color: #202020;
    background-repeat: no-repeat;
    background-position: left 20px center;
    background-size: 25px 25px;
    height: initial;
    width:100%;
    border-radius:0px;
    padding:10px;
}

.icon-control {
    padding-left: 70px;
}
.icon-control.icon-email {
    background-image: url(/Content/img/form_email.svg) !important;
}

.icon-control.icon-password {
    background-image: url(/Content/img/form_password.svg) !important;
}

.login .icon-control {
    font-size: 17px;
    padding: 20px 20px 20px 70px;
}

    /*--------------------------------------------------------------
# Boxes
--------------------------------------------------------------*/
    .box-gray {
        background-color: #F5F5F5;
        padding: 25px;
        border-radius: 5px;
        margin-bottom: 50px;
        color: #202020;
        box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 20%), 0 1px 5px 0 rgb(0 0 0 / 12%);
    }

/*--------------------------------------------------------------
# Buttons
--------------------------------------------------------------*/
.btn {
    padding: 15px 40px;
    text-transform: uppercase;
    color: #151515;
    font-family: Elza;
    font-weight: 900;
    font-size: 18px;
    background-color: #fff;
    text-decoration: none !important;
    text-align: center;
    border-radius: 0;
    -webkit-transition:none;
    transition:none;
}


    .btn.btn-push, .btn.btn-arrow, .btn.btn-quote {
        border: 5px solid #151515;
        display: inline-block;
        box-shadow: #151515 5px 5px 0px 0px;
        transition: all 0.2s ease 0s;
        font-weight: 900;
        color: #151515;
    }

        .btn.btn-push:hover, .btn.btn-arrow:hover, .btn.btn-quote:hover {
            transform: translate(5px, 5px);
            box-shadow: rgb(35, 35, 35) 0px 0px 0px 0px;
            color: #151515;
            text-decoration: none;
        }

    .btn.btn-push.orange{


    }

    .section-dark .btn.btn-push {
        border: 5px solid #fff;
        display: inline-block;
        box-shadow: #fff 5px 5px 0px 0px;
        transition: all 0.2s ease 0s;
        font-weight: 900;
    }

    .section-dark .btn.btn-push:hover {
        transform: translate(5px, 5px);
        box-shadow: #fff 0px 0px 0px 0px;
        color: #151515;
    }


.btn.btn-underline {
    background: transparent;
    border: 0;
    border-bottom: 5px solid #202020;
    padding: 0px;
    background-image: url(/Img//2023//Icons/find-out-more-arrow.svg);
    background-position: right center;
    background-repeat: no-repeat;
    padding-right: 20px;
    text-align:left;
}

.btn.btn-underline:hover {
    color: #FF9B22;
}

.btn.btn-read-more{
    font-size:80%; text-decoration:none !important;
}

.btn.btn-read-more:after {
    content: 'Read Less';
    visibility: visible;
    display: block;
}

    .btn.btn-read-more.collapsed:after {
        content: 'Read More';
    }

.section-orange .btn.btn-underline:hover, .section-products .btn.btn-underline:hover {
    color: #fff;
    border-bottom: 5px solid #FFF;
    background-image: url(/Img//2023//Icons/find-out-more-arrow-white.svg);
}

.btn.btn-outline {
    border: 2px solid #202020;
}

.btn.btn-arrow img {
    vertical-align:sub; margin-left:10px;
}

    .btn.btn-red {
        background-color: #de0000;
        color:#fff;
    }

.btn.btn-inverse {
    border: 2px solid #202020;
    color: #ff9b22 !important;
    background-color: #202020;
}

    .btn.btn-chat {
        padding-right: 50px;
        background: #ff9b22 url('/content/img/chat_online.svg') no-repeat center right;
        background-position: right 10px center;
    }

    .btn.btn-call {
        padding-right: 50px;
        background: #fff url('/content/img/call_black.svg') no-repeat center right;
        background-position: right 10px center;
    }

    .btn.btn-call:hover {
        color:#000;
    }
        .btn.btn-quote-save {
        border: 0;
        background-color: #fff;
        color: #202020;
        background-image: url(/img/assets/save-quote.svg);
        background-position: 10px;
        background-repeat: no-repeat;
        background-size: 20px;
        padding-left: 40px;
    }

   

    .btn.btn-arrow-white-bg {
        padding-right: 50px;
        background: #fff url('/content/img/right_arrow_black.svg') no-repeat center right;
        background-position: right 10px center;
    }

    .btn.btn-arrow-white {
        color:#fff;
        padding-right: 50px;
        background: #202020 url('/content/img/right_arrow_white.svg') no-repeat center right;
        background-position: right 10px center;
        background-size:25px;
        text-decoration:none;
    }
        .btn.btn-arrow-white:hover {
            color: #ff9b22;
        }
        .btn-text-arrow a {
    padding-right: 40px;
    color: #ff9b22;
    font-family: 'Staatliches', sans-serif;
    font-size: 36px;
    line-height:45px;
    background: url('/content/img/right_arrow_yellow.svg') no-repeat center right;
}

.btn-white {
    background-color: #fff !important;
 
}

.btn-orange {
    background-color: #ff9b22 !important;
    color: #202020 !important;
}

.btn-dark {
    background-color: #202020 !important;
    color: #fff !important;
}

.btn-dark:hover {
    
    color: #fff;
}




/*--------------------------------------------------------------
# Lists
--------------------------------------------------------------*/

ul.pdf {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

    ul.pdf li {
        margin-bottom: 10px;
    }

        ul.pdf li a {
            background: url('/img/2023/Icons/download.svg') no-repeat left center;
            padding-left: 30px;
            background-size: 15px !important;
            text-transform: none;
            text-decoration: underline !important;
        }



ul.docs{
    list-style-type:none;
    margin:0;
    padding:0;
}

    ul.docs li {
        margin:0;
        margin-bottom: 20px;
        list-style-type: none;
    }

        ul.docs li a {
            color: #202020;
            font-size: 16px;
            font-weight: bold;
            text-transform: uppercase;
            background: url('/img/2023/Icons/download.svg') no-repeat right top;
            background-size: 20px;
            padding-top:1px;
            padding-bottom:5px;
            padding-right: 30px;
            border-bottom: 5px solid #202020;

        }

ul.faq {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

    ul.faq li {
        margin-bottom: 20px;
       /* background: url(/Content/img/faq.svg) no-repeat right top;*/
        padding-right: 30px;
        background-size: 20px;
        display: flex;
        align-items: center;
    }

        ul.faq li a {
            color: #202020;
            font-size: 16px;
            font-weight: bold;
            padding-top: 5px;
            padding-bottom: 5px;
            padding-right: 30px;
            border-bottom: 5px solid #202020;
            text-transform:uppercase;
        }

ul.bullet {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

    ul.bullet li {
        background: url('/Content/img/arrow_bullet.svg') no-repeat left top 2px;
        padding-left: 40px;
        margin-bottom: 20px;
    }

.col2 ul, ul.col2 {
    -moz-column-count: 2;
    -moz-column-gap: 40px;
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;
    column-count: 2;
    column-gap: 40px;
}

ul.tick{
    list-style-type:none; margin-top:0px; padding:0;
}
    ul.tick li {
        background: url(/img/2023/icons/tick-box.svg) no-repeat left top;
        background-size: 20px;
        margin-bottom: 10px;
        padding-left: 35px;
        background-position: left top 5px;
        min-height: 30px;
    }

/*--------------------------------------------------------------
# Cards
--------------------------------------------------------------*/

body .card.card-plain {
    background: #fff;
    box-shadow:none;
    z-index: 2;
    border:0;
}

body .card-header {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: #fff;
    border-bottom: 0px solid rgba(0, 0, 0, 0.125);
}

/*--------------------------------------------------------------
# Modals
--------------------------------------------------------------*/

.modal.yellow .modal-content {
    position: relative;
}



    .modal.yellow .modal-content .close {
        margin-top: -75px;
        margin-right: -75px;
        color: #fff;
        background-color: #202020;
        font-size: 54px;
        height: 60px;
        width: 60px;
        border-radius: 50%;
        display: block;
        cursor: pointer;
        opacity:1;
    }

.modal.yellow.modal-popup .modal-body {
    padding:50px;
}

.modal.yellow .modal-content {
    background: #ff9b22;
}
.modal.yellow .modal-body {
    background: #ff9b22;
}
.modal.yellow iframe {
  width:100px;
}
/*--------------------------------------------------------------
# Text
--------------------------------------------------------------*/

.text-accent {
    color: #ff9b22;
}

.text-orange {
    color: #ff9b22 !important;
}

.text-black, a.text-black {
    color: #202020;
}

.text-large {
    font-size: 1.5rem;
}

.text-indent {
    max-width: 800px;
    margin: 0 auto;
}

h4 .text-large {
    font-size: 7.5rem;
}


/*--------------------------------------------------------------
# spinner
--------------------------------------------------------------*/

.spinner {
    width: 40px;
    height: 40px;
    background-color: #ff9a22;
    margin: 100px auto;
    -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
    animation: sk-rotateplane 1.2s infinite ease-in-out;
}

@-webkit-keyframes sk-rotateplane {
    0% {
        -webkit-transform: perspective(120px)
    }

    50% {
        -webkit-transform: perspective(120px) rotateY(180deg)
    }

    100% {
        -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg)
    }
}

@keyframes sk-rotateplane {
    0% {
        transform: perspective(120px) rotateX(0deg) rotateY(0deg);
        -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)
    }

    50% {
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
    }

    100% {
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    }
}



.sk-spinner-double-bounce.sk-spinner {
    width: 40px;
    height: 40px;
    position: relative;
    margin: 0 auto;
}

.sk-spinner-double-bounce .sk-double-bounce1,
.sk-spinner-double-bounce .sk-double-bounce2 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #ff9a22;
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: sk-doubleBounce 2s infinite ease-in-out;
    animation: sk-doubleBounce 2s infinite ease-in-out;
}

.sk-spinner-double-bounce .sk-double-bounce2 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
}

@-webkit-keyframes sk-doubleBounce {
    0%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes sk-doubleBounce {
    0%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

/*--------------------------------------------------------------
# overrides
--------------------------------------------------------------*/
body .swal2-title {
    font-size:3rem;
    font-weight:normal;
}
body .swal2-styled.swal2-confirm {
    background-color :#ff9a22
}

body .k-loading-image {
   
}

 body .k-i-loading {
    background-image: url(/content/assets/loading.gif);
    background-size:20px 20px;
}

body .k-checkbox:checked {
    border-color: #ff9c22;
    color: #fff;
    background-color: #ff9c22;
}

body .k-radio:checked {
    border-color: #ff9c22;
    color: #fff;
    background-color: #ff9c22;
}

body .k-grid-norecords-template {
   
    border: 0;
}

body .tab-pane.fade {
    -webkit-transition: opacity 0.75s linear;
    transition: opacity 0.75s linear;
}

body .k-input-solid:focus-within::after, body .k-input-flat:focus-within::after, body .k-input-outline:focus-within::after, body .k-picker-solid:focus-within::after, body .k-picker-flat:focus-within::after, body .k-picker-outline:focus-within::after {
    opacity: 0;
}

body .k-list-item.k-selected, .k-selected.k-list-optionlabel {
    color: #FF9B22;
}

body .k-input, body .k-picker, body .k-list, body .k-grid, body .k-stepper {
    font-family: "Archivo", sans-serif;
}

body .k-input-md .k-input-inner,body .k-picker-md .k-input-inner {
    padding-block: 0.5rem;
}

body .k-list .k-list-optionlabel,
body .k-list .k-list-item {
    padding: 5px 15px;
    font-size: 14px;
}

body .k-list-item.k-selected,body .k-selected.k-list-optionlabel {
    color: #fff !important;
    background-color: #FF9B22;
}

body .k-daterangepicker .k-dateinput {
    width: 8em;
}