body {
    width: 100%;
    max-width: 100%;
    position: relative;
    overflow-x: hidden;
}

/**
 * Fonts
 */
@font-face {
    font-family: "Avant Garde";
    src: url("../fonts/ITC Avant Garde Gothic LT Bold.otf");
}
@font-face {
    font-family: "Rajdhani-Regular";
    src: url("../fonts/Rajdhani-Regular.ttf");
}
@font-face {
    font-family: "Rajdhani-Medium";
    src: url("../fonts/Rajdhani-Medium.ttf");
}
@font-face {
    font-family: "Rajdhani-SemiBold";
    src: url("../fonts/Rajdhani-SemiBold.ttf");
}
@font-face {
    font-family: "Rajdhani-Bold";
    src: url("../fonts/Rajdhani-Bold.ttf");
}


/**
 * OverWrite
 */
.alert-success {
    background-color: #00b40d ! important;
    border-color: #00b40d ! important;
}
.alert-error {
    background-color: #ff270e ! important;
    border-color: #ff270e ! important;
}
.alert-success:before ,
.alert-error:before {
    content: "";
    display: block;
    float: left;
    width: 35px;
    height: 35px;
    margin: -5px 0 0 -5px;

    background: no-repeat top left;
    background-size: cover;
}
.alert-success:before {
    background-image: url(/assets/img/ico/ico-modal-success.svg);
}
.alert-error:before {
    background-image: url(/assets/img/ico/ico-modal-error.svg);
}
.alert-success ,
.alert-error ,
.alert-success p ,
.alert-error p {
    color: #fff ! important
}
.alert-success p:last-child ,
.alert-error p:last-child {
    padding-bottom: 0 ! important;
    margin-bottom: 0 ! important;
}


:root {
    --font-family-sans-serif: 'Rajdhani-Regular', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
body {
    position: relative;
    color: #191c17;
    font-family: var(--font-family-sans-serif);
    font-size: 17.2px;
    line-height: 1.3em;
}
b {
    font-family: 'Rajdhani-bold', Verdana, Arial;
    font-weight: normal;
}
h3 {
    font-family: 'Rajdhani-bold', Verdana, Arial;
    font-size: 3.15em;
    line-height: 1.4em;
}
.table-uploads ,
.table-uploads tr ,
.table-uploads tr td {
    margin: 0;
    padding: 0;
    background: none;
    border: 0;
}
.table-uploads tr td .btn-danger {
    margin: 0;
    color: #fff;
    background-color: #bf2019;
    border-color: #bf2019;
    border-radius: 0;
}
.table-uploads tr td .btn-danger:focus {
    box-shadow: 0 0 0 .25rem rgba(225,83,97,.5);
}
.table-uploads tr td .btn-danger:hover {
    background-color: #000;
    border-color: #000;
}
.table-uploads tr td .btn-danger:hover:focus {
    box-shadow: 0 0 0 .25rem rgba(0,0,0,.5);
}
.table-uploads tr td .border-box {
    position: relative;
    display: flex;
	justify-content: space-between;
	align-items: center;

    padding-left: 110px;

    height: 70px;
    margin-top: 10px;
    background: #f5f5f5;
    border: 1px solid #2caa42;
}
.table-uploads tr td .border-box .img {
    display: block;
    position: absolute;
    overflow: hidden;
    width: 90px;
    height: 60px;
    left: 4px;
}
.table-uploads tr td .border-box .img img {
    display: block;
    position: absolute;
    overflow: hidden;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.table-uploads tr td .border-box .info {
    color: #808080;
    font-size: .9em;
    font-family: 'Rajdhani-regular', Verdana, Arial;
}
.table-uploads tr td .border-box .info b {
    display: block;
    color: #606060;
    font-family: 'Rajdhani-semibold', Verdana, Arial;
    font-weight: normal;
}
.table-uploads tr td .border-box .btn button {
}


@media (min-width: 1400px)
{
    /* .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1180px;
    } */
}



/**
 * Common
 */
.mr-1 { margin-right: .25rem ! important; }
.mr-2 { margin-right: .5rem ! important; }
.mr-3 { margin-right: 1rem ! important; }
.mr-4 { margin-right: 1.5rem ! important; }
.mt-neg-10 {
    margin-top: -10px;
}
.mt-neg-15 {
    margin-top: -15px;
}
.mt-neg-30 {
    margin-top: -30px;
}
.mt-neg-60 {
    margin-top: -60px;
}

.mb-6 { margin-bottom: 4.5rem !important; }
.mt-6 { margin-top: 4.5rem !important; }
.my-6 {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important;
}
.mb-7 { margin-bottom: 6rem !important; }
.mt-7 { margin-top: 6rem !important; }
.my-7 {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
}
.mb-8 { margin-bottom: 7.5rem !important; }
.mt-8 { margin-top: 7.5rem !important; }
.my-8 {
    margin-top: 7.5rem !important;
    margin-bottom: 7.5rem !important;
}
.mb-9 { margin-bottom: 9rem !important; }
.mt-9 { margin-top: 9rem !important; }
.my-9 {
    margin-top: 9rem !important;
    margin-bottom: 9rem !important;
}

.pb-6 { padding-bottom: 4.5rem !important; }
.pt-6 { padding-top: 4.5rem !important; }
.py-6 {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
}
.pb-7 { padding-bottom: 6rem !important; }
.pt-7 { padding-top: 6rem !important; }
.py-7 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
}
.pb-8 { padding-bottom: 7.5rem !important; }
.pt-8 { padding-top: 7.5rem !important; }
.py-8 {
    padding-top: 7.5rem !important;
    padding-bottom: 7.5rem !important;
}
.pb-9 { padding-bottom: 9rem !important; }
.pt-9 { padding-top: 9rem !important; }
.py-9 {
    padding-top: 9rem !important;
    padding-bottom: 9rem !important;
}
.bg-grey-1 {
    background: #f1f4f7;
}
.bg-grey-1-b {
    position: relative;
}
.bg-grey-1-b:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #f1f4f7;
    z-index: -10;
}
.custom-btn-01 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.custom-btn-01 > span {
    display: block;
    height: 30px;
    position: relative;
    flex-grow: 1;
    margin-right: 45px;
    border-bottom: 1px solid #b9babe;
    opacity: 1;
}
.custom-btn-01 > span:after {
    display: block;
    position: absolute;
    content: "";
    width: 26px;
    height: 60px;
    top: 0;
    right: -13px;
    background: #b9babe;
    clip-path: polygon(25px 0%, 100% 0%, calc(100% - 25px) 100%, 0% 100%);
}
.custom-btn-01 > a {
    display: block;
    height: 60px;
    padding: 1px 50px 0 50px;
    color: #1c1705;
    font-family: 'Rajdhani-bold', Verdana, Arial;
    font-size: 1.1em;
    line-height: 60px;
    text-decoration: none;
    text-transform: uppercase;
    clip-path: polygon(25px 0%, 100% 0%, calc(100% - 25px) 100%, 0% 100%);
}
.custom-btn-01 > a:hover {
    color: #fff;
}
.custom-btn-01 > a i {
    padding-left: 5px;
}

.custom-btn-02 {
    display: inline-block;
    position: relative;

    height: 75px;
    margin: 57px 0 0 0;
    padding: 1px 30px 0 70px;
    color: #1d1f29;
    font-family: 'Rajdhani-bold', Verdana, Arial;
    font-size: 1.40em;
    line-height: 75px;
    text-decoration: none;
    text-transform: uppercase;

    transform-origin: bottom left;
    -webkit-transform: skew(-25deg);
    -ms-transform: skew(-25deg);
    transform: skew(-25deg);

    border: 1px solid #a2a2a6;
}
.custom-btn-02:after {
    content: "\f105";
    font-family: 'Font Awesome 5 Pro';
    font-size: .7em;
    padding-left: 12px;
}
.custom-btn-02 span ,
.custom-btn-02:after {
    display: inline-block;
    transform-origin: bottom left;
    -webkit-transform: skew(25deg);
    -ms-transform: skew(25deg);
    transform: skew(25deg);
}
.custom-btn-02:hover {
    color: #fff;
    background: #000;
}
.custom-btn-02:hover:before {
    border-color: #000;
}

.custom-btn-03 {
    display: inline-block;
    margin: 8px 0 0 0;
    padding: 14px 25px 13px 25px;
    color: #0c0c0c;
    font-family: 'Rajdhani-bold', Verdana, Arial;
    font-size: 1.08em;
    line-height: 1em;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 3px;
}
.custom-btn-03:hover {
    color: #000;
}

.custom-btn-04 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.custom-btn-04 > span {
    display: block;
    flex-grow: 1;
    height: 6px;
    border: solid #e3e3e3;
    border-width: 1px 0;
}
.custom-btn-04 > a {
    display: block;
    height: 60px;
    margin: 0 10px;
    padding: 1px 25px 0 25px;
    color: #1c1705;
    font-family: 'Rajdhani-bold', Verdana, Arial;
    font-size: 1.1em;
    line-height: 60px;
    text-decoration: none;
    text-transform: uppercase;
}
.custom-btn-04 > a:hover {
    color: #fff;
}
.custom-btn-04 > a i {
    margin-right: 5px;
}
.custom-btn-04.grey > a {
    background:  #eeeeee;
}
.custom-btn-04.grey > a:hover {
    color: #fff;
    background: #1c1705;
}

.custom-btn-05 {
    display: inline-block;
    padding: 15px 25px;
    color: #fff;
    font-family: 'Rajdhani-bold', Verdana, Arial;
    font-size: 1.15em;
    line-height: 1em;
    text-decoration: none;
    background: #222222;
}
.custom-btn-05:hover {
    color: #000;
    background: #fff;
    box-shadow: inset 0 0 0 1px #222222;
}

.custom-btn-06 {
    display: inline-block;
    padding: 15px 25px;
    color: #0c0c0c;
    font-family: 'Rajdhani-bold', Verdana, Arial;
    font-size: 1.15em;
    line-height: 1em;
    text-decoration: none;
}
.custom-btn-06:hover {
    color: #000;
}


.section-title {
    position: relative;
    height: 350px;
    background: url("/assets/img/siniestrauto-bg-section-title-02.jpg") no-repeat center;
    background-size: cover;
}
.section-title.bg-01 { background-image: url("/assets/img/siniestrauto-bg-section-title-01.jpg"); }
.section-title.bg-02 { background-image: url("/assets/img/siniestrauto-bg-section-title-02.jpg"); }
.section-title.bg-03 { background-image: url("/assets/img/siniestrauto-bg-section-title-03.jpg"); }
.section-title.bg-04 { background-image: url("/assets/img/siniestrauto-bg-section-title-04.jpg"); }
.section-title.bg-05 { background-image: url("/assets/img/siniestrauto-bg-section-title-05.jpg"); }
.section-title.bg-06 { background-image: url("/assets/img/siniestrauto-bg-section-title-06.jpg"); }
.section-title .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}
.section-title h2 {
    font-family: 'Rajdhani-bold', Verdana, Arial;
    font-size: 4em;
    line-height: 1em;
}
.section-title p {
    font-family: 'Rajdhani-medium', Verdana, Arial;
    font-size: 1.25em;
    line-height: 1em;
}
.section-title.after-black {
    background: none ! important;
}
.section-title.after-black .bg {
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: no-repeat center center;
    background-size: cover;
    filter: grayscale(75%);
}
.section-title.after-black .bg:before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.75);
}

/* Layout 1 */
.box-layout-01 {

}
.box-layout-01 .col-left {

}
.box-layout-01 .col-left h3 {
    margin: 25px 0 20px 0;
    font-size: 3.75em;
    line-height: 1.005em;
}
.box-layout-01 .col-left h3 small {
    display: block;
    margin: 0 0 10px 0;
    font-size: .385em;
    line-height: 1em;
}
.box-layout-01 .col-left h3 small:before {
    content: "— ";
    color: #ffd700;
}
.box-layout-01 .col-left p {
    line-height: 1.675em;
}

.box-layout-01 .col-left.result-success {

}
.box-layout-01 .col-left.result-error {

}
.box-layout-01 .col-left.result-success p ,
.box-layout-01 .col-left.result-error p {
    /* text-align: justify; */
}
.box-layout-01 .col-left.result-success h3 small:before ,
.box-layout-01 .col-left.result-error h3 small:before {
    display: inline-block;
    padding-right: 10px;
    font-family: 'Font Awesome 5 Pro';
}
.box-layout-01 .col-left.result-success h3 small:before {
    content: "\f00c";
    color: #17991a;
}
.box-layout-01 .col-left.result-error h3 small:before {
    content: "\f00d";
    color: #991717;
}



/* Layout 2 */
.box-layout-02 {

}
.box-layout-02 .col-text > h3 {
    margin-top: 30px;
    margin-bottom: 0;
    font-size: 2.95em;
    line-height: 1em;
}
.box-layout-02 .col-text > h3 small {
    display: block;
    margin-bottom: 12px;
    font-size: .515em;
    line-height: 1em;
    text-transform: uppercase;
}
.box-layout-02 .col-text > h3 small:before {
    content: "//";
}
.box-layout-02 .col-text ul {
    list-style: none;
    margin: 40px 0 0 0;
    padding: 0;
}
.box-layout-02 .col-text ul li {
    margin: 0;
    padding: 0 0 0 40px;
    line-height: 2em;
    font-size: 1.05em;

    background: url(/assets/img/ico/ico-check-circle.png) 5px 7px no-repeat;
}

/* Accordion 1 */
.accordion-01 {

}
.accordion-01 h4 {
    font-family: 'Rajdhani-bold', Verdana, Arial;
    font-size: 1.175em;
    color: #1c1c1c;
    border-bottom: 2px solid #dfdfdf;
}
.accordion-01 .accordion-item {
    background: none;
    border: 0;
}
.accordion-01 .accordion-button {
    font-size: 1em;
    padding: 1.75rem 2rem 1.45rem 2rem;
    background-color: transparent;
}
.accordion-01 .accordion-button:not(.collapsed) {
    color: #1c1c1c;
    background-color: #e0e0e0;
    box-shadow: none;
}
.accordion-01 .accordion-button:focus {
    border-color: transparent;
    box-shadow: none;
}
.accordion-01 .accordion-button:not(.collapsed):after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.accordion-01 .accordion-body {
    font-family: 'Open Sans', sans-serif;
    font-size: .85em;
}
.accordion-01 .accordion-body b {
    font-family: inherit;
    font-weight: bold;
}



/**
 * Breadcrumb
 */
.breadcrumb {

}
.breadcrumb .breadcrumb-item {
    font-size: 1em;
    line-height: 1em;
    font-family: 'Rajdhani-bold', Verdana, Arial;
}
.breadcrumb-item + .breadcrumb-item::before {
    margin: 0 5px;
    font-family: 'Rajdhani-bold', Verdana, Arial;
    font-weight: bold;
    content: var(--bs-breadcrumb-divider, "|");
}
.breadcrumb .breadcrumb-item a {
    display: inline-block;
    color: #fff;
    text-decoration: none;
}
.breadcrumb .breadcrumb-item.active {
    color: #f9de00;

    width: 250px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


/**
 * Header :: TopBar
 */
header #topbar {
    position: relative;
    height: 60px;
}
header #topbar:before {
    display: block;
    position: absolute;
    content: "";
    height: 60px;
    width: 100%;
    top: 0;
    left: 0;
    background: #000;
    z-index: -1;
}
header #topbar:after {
    display: block;
    position: absolute;
    content: "";
    height: 60px;
    width: calc( 50% + 140px);
    top: 0;
    right: 0;
    background: #000;
    z-index: -1;

    clip-path: polygon(30px 0, 100% 0, 100% 100%, 0% 100%);
}
header #topbar .d-flex {
    flex-wrap: wrap;
    justify-content: space-between;
}

/* Contact List */
header #topbar ul.contact-list {
    list-style: none;
    margin: 4px 0 0 0;
    padding: 0;
}
header #topbar ul.contact-list li {
    display: inline-block;
    margin: 0;
    padding: 0;
}
header #topbar ul.contact-list li:after {
    display: block;
    float: right;
    content: "|";
    color: #fff;
    font-size: 1.225em;
    padding: 0 18px;
    opacity: .75;
}
header #topbar ul.contact-list li:last-child:after {
    display: none;
}
header #topbar ul.contact-list li a {
    color: #fff;
    font-size: 1.225em;
    line-height: 1em;

    font-family: 'Rajdhani-bold', Verdana, Arial;
    text-decoration: none;
}
header #topbar ul.contact-list li a:hover {
    color: #f9de00;
}
header #topbar ul.contact-list li.phone a svg {
    width: 28px;
    height: 25px;
}
header #topbar ul.contact-list li.mail a svg {
    width: 21px;
    height: 20px;
}
header #topbar ul.contact-list li a svg {
    margin-right: 5px;
    stroke: #fdd10b;
    stroke-width: 5.47px;
}
header #topbar ul.contact-list li a:hover svg {
    stroke: #ffae1b;
}

/* Social List */
header #topbar ul.social-list {
    list-style: none;
    display: block;
    margin: 0;
    padding: 0;
}
header #topbar ul.social-list li {
    display: block;
    float: left;
    margin: 5px 8px 0 0;
    padding: 0;
}
header #topbar ul.social-list li:first-child {
    margin-right: 0;
    padding: 0 25px 0 0;
    font-size: 1.175em;

    font-family: 'Rajdhani-bold', Verdana, Arial;
    text-decoration: none;
    text-transform: uppercase;
}
header #topbar ul.social-list li:last-child {
    margin-right: 0;
}
header #topbar ul.social-list li a {
    display: block;

    font-size: 1em;
}
header #topbar ul.social-list li a svg {
    width: 15px;
    height: 15px;
    fill: #fff;
}
header #topbar ul.social-list li a:hover svg {
    fill: #000;
}



header .navbar .navbar-brand {
    margin-top: -10px;
}
header .navbar .navbar-brand:hover img {
    transform: scale(1.1);
}
header .navbar #navbarNav {
    margin-top: -10px;
}
.navbar-toggler:focus {
    box-shadow: none;
}

/**
 * Header :: NavBar
 */
header .navbar {
    display: block;
    position: absolute;
    padding: 38px 0;
    height: 142px;
    width: 100%;
    top: 60px;
    left: 0;
    z-index: 9999;
}
header .navbar li {
    margin: 15px 15px 15px 0;
}
header .navbar li:last-child {
    margin-right: 0;
}
header .navbar li a {
    display: block;
    position: relative;
    padding: 7px 12px 4px 12px ! important;

    color: #000;
    font-size: 1.095em;
    line-height: 1.10em;
    font-weight: 400;

    font-family: 'Rajdhani-bold', Verdana, Arial;
    text-decoration: none;
    text-transform: uppercase;
}
header .navbar li a:after {
    display: block;
    position: absolute;
    content: "";
    width: 0;
    bottom: 0;
    left: 0;
    height: 5px;
}
header .navbar li a:hover ,
header .navbar li a:focus {
    color: #000;
}
header .navbar li a:hover:after {
    width: 100%;
}
header .navbar li a.active:after {
    width: 0;
}
.header-fixed header > .navbar {
    position: fixed;
    top: 0;
    background: #fff;
    box-shadow: 0 7px 10px rgba(0,0,0,.22);
}
.header-small header > .navbar {
    height: 90px;
    padding: 15px 0;
}

/**
 * Asides
 */
.fixed-icons-left {
    position: fixed;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    z-index: 99;
}
.fixed-icons-left ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.fixed-icons-left ul li {
    margin: 0 0 10px 0;
    padding: 0;
}
.fixed-icons-left ul li:last-child {
    margin: 0;
}
.fixed-icons-left ul li a {
    display: inline-block;
    position: relative;
    height: 85px;
    line-height: 85px;

    background: #ced2d5;
    text-decoration: none;
}
.fixed-icons-left ul li a:hover {
    color: #fff;
    text-decoration: none;
}
.fixed-icons-left ul li a svg {
    display: block;
    float: left;
}
.fixed-icons-left ul li a span {
    display: block;
    overflow: hidden;
    opacity: 0;
    color: #fff;
    line-height: 85px;
    font-size: 0;
    font-family: 'Rajdhani-bold', Verdana, Arial;
    text-transform: uppercase;
}
.fixed-icons-left ul li a:hover > span {
    width: auto;
    opacity: 1;
    color: #191c17;
    font-size: 1.3em;
    padding-right: 35px;
}
.fixed-icons-left ul li.call-in a svg {
    width: 35px;
    height: 46px;
    margin: 20px 25px 0 25px;
}
.fixed-icons-left ul li.call-out a svg {
    width: 38px;
    height: 38px;
    margin: 24px 24px 0 23px;
}

.fixed-icons-bottom {
    position: fixed;
    right: 50px;
    bottom: 0;
    z-index: 99;
}
.fixed-icons-bottom ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.fixed-icons-bottom ul li.whatsapp {
    display: block;
    position: relative;
    width: 265px;
    height: 300px;
}
.fixed-icons-bottom ul li.whatsapp a {
    display: block;
    position: absolute;
    top: 40px;
    left: 0;
    width: 100%;
    height: calc( 100% - 40px );
    z-index: 4;
    border-radius: 100%;
}
.fixed-icons-bottom ul li.whatsapp a:after {
    content: "";
    display: block;
    position: absolute;
    width: 75px;
    height: 76px;

    top: 0;
    right: 0;
    z-index: 3;

    background: url(/assets/img/img-siniestrauto-whatsapp.png) no-repeat top left;
    background-size: cover;
    border-radius: 100% 100% 100% 0;
}
.fixed-icons-bottom ul li.whatsapp a strong {
    display: block;
    position: absolute;
    margin: 0 15px;
    padding: 12px 15px;
    bottom: 0;
    color: #fff;
    text-align: center;

    font-size: 1.35em;
    line-height: 1em;
    font-weight: normal;

    font-family: 'Rajdhani-bold', Verdana, Arial;

    background: #121613;
    border-radius: 20px;

    box-shadow: 0 7px 10px rgba(0,0,0,.22);
}
.fixed-icons-bottom ul li.whatsapp div.member {
    position: absolute;
    left: 10px;
    bottom: 10px;
    width: 247px;
    height: 287px;
    border-radius: 0 0 124px 124px;
}
.fixed-icons-bottom ul li.whatsapp div.member:before {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 247px;
    height: 247px;

    border-radius: 100%;
    background: #00b30c;

    box-shadow: 0 7px 10px rgba(0,0,0,.22);
}
.fixed-icons-bottom ul li.whatsapp div.member > img {
    position: absolute;
    left: 0;
    bottom: 0;
    border-radius: 0 0 124px 124px;
    width: 247px;
    height: auto;
}
.fixed-icons-bottom ul li.whatsapp > img {
    display: block;
    position: absolute;
    top: 30px;
    right: 5px;
    z-index: 3;
}
/* Rotative */
.fixed-icons-bottom .carousel-control-prev ,
.fixed-icons-bottom .carousel-control-next {
    height: 40px;
    top: 50%;
    transform: translateY(-5px);
}
.fixed-icons-bottom .carousel-control-prev {
    left: -30px;
}
.fixed-icons-bottom .carousel-control-next {
    right: -30px;
}
.fixed-icons-bottom .carousel-dark .carousel-indicators [data-bs-target] {
    background-color: #ffd700 ! important;
    border-radius: 100%;
}
.fixed-icons-bottom .carousel-dark .carousel-indicators .active {
    background-color: #000 ! important;
}
.fixed-icons-bottom .carousel-dark .carousel-indicators .active:before {
    border-color: #000 ! important;
}
/* Hover * /
.fixed-icons-bottom ul li.whatsapp div.member:hover {
    left: 20px;
    bottom: 20px;
    width: 227px;
    height: 267px;
    border-radius: 0 0 114px 114px;
}
.fixed-icons-bottom ul li.whatsapp div.member:hover:before {
    width: 227px;
    height: 227px;
    background: #121613;
}
.fixed-icons-bottom ul li.whatsapp div.member:hover > img {
    width: 227px;
    height: auto;
    border-radius: 0 0 114px 114px;
}
.fixed-icons-bottom ul li.whatsapp div.member:hover > a strong {
    margin: 0 5px;
    bottom: -10px;
    background: #00b30c;
} */
.fixed-icons-bottom ul li.whatsapp div.member:hover:before {
    background: #121613;
}
.fixed-icons-bottom ul li.whatsapp div.member:hover > a strong {
    background: #009500;
}



/**
 * Footer
 */



/* Site Links */
.site-links {
    padding: 174px 0 115px 0;
    background: #fff;
}
.site-links h4 {
    margin-bottom: 0;
    font-family: 'Rajdhani-bold', Verdana, Arial;
    font-size: 2.21em;
    line-height: 1.4em;
}
.site-links p {
    padding-left: 18px;
    margin-top: -5px;
    margin-bottom: 0;
    font-family: 'Rajdhani-regular', Verdana, Arial;
    font-size: 1.41em;
    line-height: 1.41em;
}
.site-links p br {
    display: none;
}
.site-links ul {
    display: block;
    list-style: none;
    margin: 2px 0 0 0;
    padding: 0;
}
.site-links ul:after {
    display: block;
    content: "";
    clear: both;
}
.site-links ul li {
    position: relative;
    display: block;
    float: left;
    width: calc( 33.33% - 20px);
    margin: 4px 10px 4px 10px;
    padding: 6px 0 6px 20px;
    height: 30px;
    overflow: hidden;
    background: #fff;
}
.site-links ul li:hover {
    overflow: visible;
    padding-right: 20px;
    white-space: nowrap;
}
.site-links ul li a {
    display: inline-block;
    color: #191c17;
    font-family: 'Rajdhani-regular', Verdana, Arial;
    font-size: 1.01em;
    line-height: 1.3em;
    text-decoration: none;
}
.site-links ul li a span {
    display: inline-block;
    position: relative;
}
.site-links ul li a:hover {
    padding-left: 10px;
    color: #000;
    font-family: 'Rajdhani-bold', Verdana, Arial;
}
.site-links ul li a span:after {
    display: block;
    position: relative;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 0;
    background: #191c17;
}
.site-links ul li a:hover span:after {
    width: 100%;
    background: #000;
}
.site-links ul li a i {
    display: block;
    position: absolute;
    top: 10px;
    left: 0;
    color: #ffd700;
    font-size: .8em;
}
.site-links ul li a:hover i {
    color: #ffae1b;
    padding-left: 5px;
}

/* Newsletter */
.call-newsletter {
    color: #121212;
    padding: 50px 0 58px 0;
    font-family: 'Rajdhani-bold', Verdana, Arial;
    background: #ffd800;
}
.call-newsletter a {
    display: block;
    position: relative;
    margin: 2px 0 0 0;
    padding: 37px 132px 28px 75px;
    color: #0a0a0a;
    font-size: 2.63em;
    line-height: 1em;
    text-decoration: none;
    text-transform: uppercase;
    float: right;
    background: #fff;

    clip-path: polygon(25px 0%, 100% 0%, calc(100% - 25px) 100%, 0% 100%);
}
.call-newsletter a:hover {
    color: #fff;
    background: #000;
}
.call-newsletter a svg {
    display: block;
    position: absolute;
    top: 28px;
    right: 68px;
    width: 56px;
    height: 56px;
}
.call-newsletter a:hover svg {
    fill: #fff;
}
.call-newsletter h5 {
    margin-top: -5px;
    font-size: 3.75em;
    line-height: 1em;
}
.call-newsletter p {
    margin-bottom: 0;
    font-size: 1.625em;
}

/* Footer Links */
footer .col-xl-3 {
  width: 22%;
}
footer .col-xl-3:first-child {
  width: 31%;
}
footer .col-xl-3:last-child {
  width: 25%;
}


footer .footer-links {
    padding: 65px 0 15px 0;
    background: #0a0a0a;
}
footer .footer-links .navbar-brand {
    display: inline-block;
    margin: 0 0 5px 0;
}
footer .footer-links p {
    color: #aeaeae;
    font-size: .8425em;
    line-height: 1.9em;
    font-family: 'Open Sans', sans-serif;
}
footer .footer-links p b {
    font-family: inherit;
    font-weight: bold;
}
footer .footer-links ul {
    list-style: none;
    margin: 0;
    padding: 21px 0 20px 40px;
}
footer .footer-links ul li {
    display: block;
    margin: 0;
    border-bottom: 1px solid #1f1f1f;
}
footer .footer-links ul li:last-child {
    border-bottom: 0;
}
footer .footer-links ul li a {
    display: block;
    position: relative;
    height: 38px;
    padding: 13px 0 13px 40px;
    color: #aeaeae;
    font-size: .81em;
    line-height: .84em;
    font-weight: 500;
    font-family: 'Open Sans', sans-serif;
    text-decoration: none;
    text-transform: uppercase;
}
footer .footer-links ul li a b {
    font-family: inherit;
    font-weight: bold;
}
footer .footer-links ul li a:hover {
    color: #fff;
    padding-left: 45px;
}
footer .footer-links ul li a:before {
    position: absolute;
    top: 10px;
    left: 10px;
    content: "»";
    color: #f9de00;
    font-size: 1.4em;
}
footer .footer-links ul li a:hover:before {
    left: 20px;
}
footer .footer-links .row > div:first-child {
    padding-right: 0;
}
footer .footer-links .row > div:last-child ul li a {
    color: #fff;
    font-size: .975em;
    padding: 10px 0 10px 10px;
    text-transform: none;
}
footer .footer-links .row > div:last-child ul li a:before {
    display: none;
}
footer .footer-links .row > div:last-child ul li a:hover {
    padding-left: 20px;
}
footer .footer-links .row > div:last-child ul li a i ,
footer .footer-links .row > div:last-child ul li a img {
    margin-top: -4px;
    margin-right: 5px;
}
footer .footer-links .row > div:last-child ul li a i  {
    margin-top: 0;
}
footer .footer-links .row > div:last-child ul li a:hover i ,
footer .footer-links .row > div:last-child ul li a:hover img {
    margin-right: 10px;
}

/* Copyright */
footer .copyright {
    padding: 40px 0;
    color: #d0d0d0;
    background: #040404;
}
footer .copyright p {
    margin: 5px 0;
    font-size: .94em;
    line-height: 1em;
    font-family: 'Rajdhani-Medium', Verdana, Arial;
}
footer .copyright p span {
    display: inline-block;
}
footer .copyright p br {
    display: none;
}
footer .copyright ul.social-list {
    list-style: none;
    display: block;
    margin: -6px 0 0 0;
    padding: 0;
}
footer .copyright ul.social-list li {
    display: inline-block;
    margin: 0 5px 0 0;
    padding: 0;
}
footer .copyright ul.social-list li:first-child {
    padding-top: 5px;
    margin-right: 15px;
    font-size: 1.075em;
    line-height: 1em;

    font-family: 'Rajdhani-bold', Verdana, Arial;
    text-decoration: none;
}
footer .copyright ul.social-list li:last-child {
    margin-right: 0;
}
footer .copyright ul.social-list li a {
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;

    color: #fff;
    font-size: .75em;
    text-align: center;

    background: #2c2c2c;
}
footer .copyright ul.social-list li a:hover {
    color: #000;
}


/**
 * Sections :: Common
 */

/* Box Home Slider */
.box-home-slider {
    overflow: hidden;
    position: relative;
}
.box-home-slider:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -10;
    background: rgba(100,150,200,0.075) ! important;
}
.box-home-slider:after {
    display: block;
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 50%;
    background: #9d9d9d;
    transform: skewX(20deg);
    z-index: -9;
    opacity: .025;
    box-shadow: inset 0 0 250px rgba(0,0,0,1);
}
.box-home-slider .carousel {
    background: url("/assets/img/siniestrauto-bg-rotative-01.png") no-repeat top right;
}
.box-home-slider div.slide {
    position: relative;
    height: 675px;
}
.box-home-slider div.slide:before {
    display: block;
    position: absolute;
    content: "";
    width: 672px;
    height: 547px;
    left: calc( 50% + 100px);
    top: 0;
    margin: 0;
    transform: translate(0,0);
    z-index: -8;

    background: url("/assets/img/siniestrauto-bg-rotative-02.png") no-repeat top right;
}
.box-home-slider div.slide h1 {
    position: relative;
    padding: 140px 0 0 85px;

    font-size: 2.65em;
    line-height: 1.1em;
    font-weight: normal;

    font-family: 'Rajdhani-regular', Verdana, Arial;
    text-transform: uppercase;
}
.box-home-slider div.slide h1:before {
    display: block;
    position: absolute;
    content: "/";
    color: #ffd700;
    transform: translateX(-100%);
}
.box-home-slider div.slide h1 span {
    font-family: 'Rajdhani-bold', Verdana, Arial;
    font-weight: normal;
}
.box-home-slider div.slide h1 b {
    display: block;
    position: relative;
    padding: 0 0 0 0;
    font-size: 2.625em;
    line-height: 1em;
    font-family: 'Rajdhani-bold', Verdana, Arial;
}
.box-home-slider div.slide h1 b:before {
    display: block;
    content: "";
    position: absolute;
    left: -10px;
    bottom: 10px;
    content: "";
    width: 2px;
    height: 80%;
    background: #121613;
}
.box-home-slider div.slide a {
    display: inline-block;
}
.box-home-slider div.slide a span {
    display: block;
    float: left;
    position: relative;
    height: 75px;
    line-height: 75px;
    padding: 3px 45px 0 45px;
    margin: 20px 0 0 65px;

    color: #191c17;
    font-size: 1.65em;
    font-weight: normal;

    font-family: 'Rajdhani-bold', Verdana, Arial;
    text-transform: uppercase;

    clip-path: polygon(20px 0%, 100% 0%, calc(100% - 20px) 100%, 0% 100%);
}
.box-home-slider div.slide a:hover span {
    color: #fff;
    background: #000;
}
.box-home-slider div.slide img {
    display: block;
    position: absolute;
    width: auto ! important;
    max-height: 505px ! important;
    top: 50%;
    left: 50%;
    margin: 0 0 0 -125px;
    transform: translate(0%,-50%);
}
/* Animation */
.box-home-slider div.slide:before {
    top: 100px;
    opacity: 0;
}
.box-home-slider div.slide h1 ,
.box-home-slider div.slide a {
    transform: scale(1, 0.1);
    opacity: 0;
}
.box-home-slider div.slide img {
    width: 80px;
    max-height: 50px ! important;
    transform: translate(100%,-50%);
    opacity: 0;
}
.box-home-slider div.slide.active:before {
    opacity: .5;
    top: 0;
}
.box-home-slider div.slide.active img {
    width: 800px;
    max-height: 505px ! important;
    margin: 0 0 0 -125px;
    transform: translate(0,-50%);
    opacity: 1;
}
.box-home-slider div.slide.active img.slide-03 {
    margin-left: 0;
}
.box-home-slider div.slide.active h1 ,
.box-home-slider div.slide.active a {
    transform: scale(1,1);
    opacity: 1;
}
.box-home-slider .carousel-indicators {
    top: 50%;
    left: auto;
    bottom: auto;
    display: block;
    transform: translate(300%,-100%);
}
.box-home-slider .carousel-indicators button {
    position: relative;
    display: block;
    opacity: 1;
    width: 20px;
    height: 20px;
}
.box-home-slider .carousel-indicators button:before {
    content: "";
    display: block;
    position: absolute;
    width: 34px;
    height: 34px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border: 1px solid transparent;
    border-radius: 100%;
}
.box-home-slider .carousel-dark .carousel-indicators [data-bs-target] {
    background-color: #ffd700 ! important;
    border-radius: 100%;
}
.box-home-slider .carousel-dark .carousel-indicators .active {
    background-color: #000 ! important;
}
.box-home-slider .carousel-dark .carousel-indicators .active:before {
    border-color: #000 ! important;
}

.box-home-slider .boxes {

}
.box-home-slider .boxes {
    padding: 0 70px;
}
.box-home-slider .boxes .col {
    padding: 60px 50px;
}
.box-home-slider .boxes img {
    display: block;
    margin: 0 auto;
    height: 100px;
}
.box-home-slider .boxes h3 {
    margin-top: 10px;
    margin-bottom: 17px;
    font-size: 1.6em;
    line-height: 1em;
    text-align: center;
}
.box-home-slider .boxes p {
    margin-bottom: 0;
    font-size: 1em;
    line-height: 1.45em;
    text-align: center;
}
.box-home-slider .boxes .col {
    position: relative;
}
.box-home-slider .boxes .col:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -2;
}
.box-home-slider .boxes .col.black {
    color: #fff;
}
.box-home-slider .boxes .col.yellow {
    color: #000;
}
.box-home-slider .boxes .col.white {
    color: #000;
}
.box-home-slider .boxes .col.white:before {
    background: #fff;
}
.box-home-slider .boxes .col:hover:before {
    width: calc( 100% + 20px );
    height: calc( 100% + 20px );
    left: -10px;
    top: -10px;
    z-index: -1;
    /* box-shadow: 0 0 10px rgba(0,0,0,.5); */
}
.box-home-slider .boxes .col:hover img {
    margin: -20px auto 0 auto;
    height: 120px;
}

/* Box About Us */
.box-about-us {
    overflow: hidden;
}
.box-about-us .row > div h3 {
    margin-top: 30px;
    margin-bottom: 0;
    font-size: 2.95em;
    line-height: 1em;
}
.box-about-us .row > div h3 small {
    display: block;
    margin-bottom: 12px;
    font-size: .515em;
    line-height: 1em;
    text-transform: uppercase;
}
.box-about-us .row > div h3 small:before {
    content: "//";
}
.box-about-us .row > div h4 {
    font-size: 1.225em;
    font-family: 'Rajdhani-bold', Verdana, Arial;
}
.box-about-us .row > div p {
    margin: 40px 0 0 0;
    padding: 0 20px;
    line-height: 1.45em;
    border-left: 3px solid #f4d739;
}
.box-about-us .row > div ul {
    display: flex;
    flex-flow: row wrap;
    list-style: none;
    margin: 20px 60px 0 0;
    padding: 0;
}
.box-about-us .row > div ul > li {
    display: block;
    position: relative;
    width: 50%;
    padding: 0 5px;
    margin: 0;
    font-size: 1.15em;
    line-height: 1.6em;
}
.box-about-us .row > div ul > li:last-child {
    margin-top: -30px;
}
.box-about-us .row > div ul > li:before {
    display: block;
    content: "";
    float: left;
    width: 19px;
    height: 19px;
    line-height: 19px;
    padding: 1px 0 0 2px;
    margin: 5px 8px 10px 0;

    content: "\f00c";
    font-family: 'Font Awesome 5 Pro';
    color: #fff;
    font-size: .5em;
    text-align: center;

    border-radius: 100%;
}
.box-about-us .collage {
    position: relative;
    width: 100%;
    height: 100%;
}
.box-about-us .collage .img-01 {
    position: absolute;
    width: calc( 100% - 160px );
    height: auto;
    top: -45px;
    left: 0;
    z-index: 1;
}
.box-about-us .collage .img-02 {
    position: absolute;
    width: 358px;
    height: 395px;
    bottom: -50px;
    right: 0;
    z-index: 2;
    border: 30px solid #fff;
}
.box-about-us .collage span {
    display: block;
    position: absolute;
    bottom: -40px;
    left: -10px;
    z-index: 3;
    width: 312px;
    height: 100px;
    padding: 30px 30px 0 0;

    font-family: 'Rajdhani-bold', Verdana, Arial;
    font-size: 1.575em;
    line-height: 1em;

    background: #fff;
}
.box-about-us .collage span:before ,
.box-about-us .collage span:after {
    display: block;
    content: "";
    clear: both;
}
.box-about-us .collage span b {
    display: block;
    float: left;
    height: 100px;
    font-size: 3.5em;
    line-height: 100px;
    margin: -30px 10px 5px 0;

    color: #ffae1b;
}
    /*
        .box-about-us .collage i {
            display: block;
            position: absolute;
            top: 19px;
            right: 96px;
            z-index: 1;

            width: 115px;
            height: 115px;
            line-height: 115px;
            text-align: center;
            font-size: 1.75em;

            color: #fff;
            background: #ee1c25;
        }
    */
.box-about-us .collage i {
    display: block;
    position: absolute;
    top: 30px;
    right: 82px;
    z-index: 1;

    width: 159px;
    height: 160px;

    background: url(/assets/img/icons/android-chrome-192x192.png) no-repeat center #fff;
    background-size: cover;

    border: 30px solid #fff;

    border-radius: 100% 100% 0 100%;
}
.box-about-us .collage i:before {
    content: "";
}


/* Box Vehicles */
.box-vehicles {

}
.box-vehicles > .container > h3 {
    margin-top: -25px;
    margin-bottom: 25px;
}
.box-vehicles > .container > p {
    line-height: 1.6em;
}
.vehicles-list {
    margin-top: 60px;
    margin-bottom: 60px;
}
.vehicles-list .vehicles-item {
    position: relative;
    margin: 5px;
}
.vehicles-list .vehicles-item > figure {
    display: block;
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0;

    background-size: cover;
    background-repeat: no-repeat;
}
.vehicles-list .vehicles-item > figure > img {
    display: block;
    visibility: hidden;
}
.vehicles-list .vehicles-item > figure > figcaption {
    display: block;
    position: absolute;
    content: "";
    top: 0;
    height: 0;
    width: 100%;
    height: 100%;
    text-indent: -9999px;
    background-size: cover;
}
.vehicles-list .vehicles-item:hover > figure > figcaption {
    width: calc( 100% + 30px );
    height: calc( 100% + 20px );
    margin-top: -10px;
    margin-left: -15px;
}
.vehicles-list .vehicles-item > div {
    padding: 35px 35px 35px 35px;
    border: 1px solid #d0cccb;
}
.vehicles-list .vehicles-item > div .tags {

}
.vehicles-list .vehicles-item > div .tags > * {
    display: inline-block;
    padding: 7px 10px;
    margin-right: 5px;

    color: #fff;
    font-family: 'Rajdhani-bold', Verdana, Arial;
    font-size: 1em;
    line-height: 1em;
    text-transform: uppercase;
    font-weight: normal;
    font-style: normal;

    background: #000;
}
.vehicles-list .vehicles-item > div .tags > span {
    color: #1a1800;
}
.vehicles-list .vehicles-item > div h4 {
    height: auto;
    margin-top: 0;
    margin-bottom: 25px;

    color: #070e0b;
    font-family: 'Rajdhani-bold', Verdana, Arial;
    font-size: 1.75em;
    line-height: 1em;
    text-transform: uppercase;

    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.vehicles-list .vehicles-item:hover > div h4 {
    text-decoration: underline;
}
.vehicles-list .vehicles-item > a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent: -9999px;
    z-index: 1;
}
.vehicles-list .vehicles-item:hover {
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
}
.vehicles-list .vehicles-item:hover > div {
    background: #fff;
}
.vehicles-list .vehicles-item > div p {
    margin: 0;
    font-size: .95em;
    line-height: 1.55em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.vehicles-list .vehicles-item .vehicles-info {
    color: #5f5f5f;
    font-family: 'Rajdhani-bold', Verdana, Arial;
    font-size: 1.2em;
    line-height: 1em;
    text-transform: uppercase;
}
.vehicles-list .vehicles-item .vehicles-info p {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;

    padding: 15px 10px;
    line-height: 1em;
    border-top: 1px solid #d6d8db;
}
.vehicles-list .vehicles-item .vehicles-info p:last-child {
    padding-bottom: 0;
}
.vehicles-list .vehicles-item .vehicles-info p > span {
    display: inline-block;
    max-width: 50%;
}
.vehicles-list .vehicles-item .vehicles-info p > span > span {
    display: inline-block;
    overflow: hidden;

    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.vehicles-list .vehicles-item .vehicles-info p .info-fuel:before ,
.vehicles-list .vehicles-item .vehicles-info p .info-location:before ,
.vehicles-list .vehicles-item .vehicles-info p .info-kilometer:before ,
.vehicles-list .vehicles-item .vehicles-info p .info-year:before {
    display: block;
    content: "";
    width: 35px;
    margin: -3px 0 0 0;

    background-repeat: no-repeat;
}
.vehicles-list .vehicles-item .vehicles-info p .info-fuel:before ,
.vehicles-list .vehicles-item .vehicles-info p .info-location:before {
    float: left;
    background-position: left;
}
.vehicles-list .vehicles-item .vehicles-info p .info-kilometer:before ,
.vehicles-list .vehicles-item .vehicles-info p .info-year:before {
    float: right;
    background-position: right;
}
.vehicles-list .vehicles-item .vehicles-info p .info-fuel:before {
    height: 23px;
    background-image: url("/assets/img/ico/ico-info-fuel.svg");
}
.vehicles-list .vehicles-item .vehicles-info p .info-location:before {
    height: 26px;
    background-image: url("/assets/img/ico/ico-info-location.svg");
}
.vehicles-list .vehicles-item .vehicles-info p .info-kilometer:before {
    height: 24px;
    background-image: url("/assets/img/ico/ico-info-kilometer.svg");
}
.vehicles-list .vehicles-item .vehicles-info p .info-year:before {
    margin-top: -7px;
    height: 27px;
    background-image: url("/assets/img/ico/ico-info-year.svg");
}


/* Box How to sell */
.box-how-to-sell {
    position: relative;
    overflow: hidden ! important;
    color: #fff;
}
.box-how-to-sell:before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100%;
    background: url("/assets/img/bg-como-vender-netsubasta.jpg") #121212 no-repeat;
    background-size: cover;
    z-index: -1;
}
.box-how-to-sell .row > div:last-child:after {
    display: block;
    position: absolute;
    top: 0;
    content: "";
    width: 100%;
    height: 100%;
    background: url("/assets/img/img-como-vender-vehiculo-netsubasta.png") no-repeat left bottom;

    z-index: -1;
}
.box-how-to-sell .row > div > h3 {
    margin-top: 5px;
    margin-bottom: 14px;
    font-size: 3.85em;
    line-height: 1em;
}
.box-how-to-sell .row > div > h3 span {
    display: block;
    margin-bottom: 0px;
    font-size: .62em;
    line-height: 1em;
}
.box-how-to-sell .row > div > p {
    width: 415px;
    font-size: .9em;
    line-height: 1.625em;
    /* text-align: justify; */
}
.box-how-to-sell .row > div:last-child img {
    display: block;
    position: absolute;
    opacity: .025;
    width: auto;
    height: 200%;
    z-index: -1;
    top: -50%;
    left: 50%;
    transform: translateX(-200px) rotate(-45deg);
}
.box-how-to-sell .logo-full {
    display: block;
    margin: 0;
    height: auto;
    width: 100%;
    max-width: 300px;
}


/* Box Services */
.box-services {

}
.box-services > .container > h3 {
    margin-top: 45px;
    margin-bottom: 10px;
}
.box-services > .container > p {
    line-height: 1.6em;
}
.box-services > .container > .rotative {
    margin: 50px 0 0 0;
}
.box-services > .container > .rotative div.service {
    position: relative;
    overflow: hidden;
    height: 400px;
    padding: 100px 30px 60px 30px;
    border: 1px solid #f8f8f8;
}
.box-services > .container > .rotative div.service > a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent: -9999px;
}
.box-services > .container > .rotative div.service:hover {
    background: #fff;
    box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.1);
}
.box-services > .container > .rotative div.service:after {
    position: absolute;
    display: block;
    content: "";
    width: 100%;
    height: 10px;
    left: 0;
    bottom: -10px;
}
.box-services > .container > .rotative div.service:hover:after {
    bottom: 0;
}
.box-services > .container > .rotative div.service > h4 {
    margin: 25px 0 50px 0;
    font-family: 'Rajdhani-bold', Verdana, Arial;
    font-size: 1.4em;
    line-height: 1.2em;
}
.box-services > .container > .rotative div.service:hover > h4 {
    margin: 35px 0 40px 0;
}
.box-services > .container > .rotative div.service > svg {
    display: block;
    position: absolute;
    left: 30px;
    top: 40px;
    height: 66px;
    stroke: #f3da2f;
    stroke-width: 1px;
}
.box-services > .container > .rotative div.service:hover > svg {
    height: 86px;
    top: 30px;
    left: 50%;
    transform: translateX(-50%);
}

/* Box Opinions */
.box-testimonial {
    position: relative;
    overflow: hidden;
}
.box-testimonial:before {
    display: block;
    position: absolute;
    top: 120px;
    left: 0;
    content: "";
    width: 100%;
    height: 100%;
    background: url("/assets/img/bg-lo-que-opinan-nuestros-clientes.png") top right no-repeat;
    z-index: -1;
}
.box-testimonial .row > div:last-child:after {
    display: block;
    position: absolute;
    top: 30px;
    content: "";
    width: 100%;
    height: 100%;
    background: url("/assets/img/img-lo-que-opinan-nuestros-clientes.png") no-repeat center left;

    z-index: -1;
}
.box-testimonial .container .row .col-6 {
    padding-top: 82px;
    padding-bottom: 82px;
}
.box-testimonial .reviews .logo img {
    display: block;
    width: 210px;
    height: auto;
}
.box-testimonial .reviews .score {
    display: block;
    float: left;
    font-family: 'Rajdhani-bold', Verdana, Arial;
    font-size: 2.15em;
    line-height: 1em;
}
.box-testimonial .reviews .stars {
    display: block;
    float: left;
    margin: 5px 0 0 5px;
    font-size: 1.35em;
}
.box-testimonial .reviews .stars i {
    display: block;
    position: relative;
    float: left;
    width: 26px;
    height: 23px;
    margin: 0 0 0 5px;
}
.box-testimonial .reviews .stars i.mid {
    width: 13px;
    overflow: hidden;
}
.box-testimonial .number {
    display: block;
    clear: left;
    font-size: 1.15em;
}
.box-testimonial h3 {
    margin: 15px 20px 52px 0;
    font-size: 3.4em;
    line-height: .875em;
}
.box-testimonial blockquote {
    padding: 2px ! important;
    font-size: 1.185em;
    font-style: oblique;
    line-height: 1.55em;
    /* text-align: justify; */
}
.box-testimonial blockquote b {
    font-family: 'Rajdhani-bold', Verdana, Arial;
    font-weight: normal;
}
.box-testimonial blockquote cite {
    display: block;
    margin: 37px 0 0 0;
    font-family: 'Rajdhani-bold', Verdana, Arial;
    font-size: 1.375em;
    font-style: normal;
    line-height: 1.55em;
    text-align: left;
}
.box-testimonial blockquote .stars {
    display: block;
    float: left;
    margin: 0;
    font-size: .9em;
}
.box-testimonial blockquote .stars i {
    display: block;
    position: relative;
    float: left;
    width: 26px;
    height: 23px;
    margin: 5px 0 0 0;
}
.box-testimonial blockquote .stars i.mid {
    width: 13px;
    overflow: hidden;
}

.box-testimonial .carousel-control-next ,
.box-testimonial .carousel-control-prev {
    z-index: 99;
    top: auto;
    left: auto;
    right: 0;
    bottom: 23px;
    padding: 23px;
    width: 60px;
    height: 60px;
    background: #fff;
    opacity: 1;
    border: 1px solid #070707;
    background: #fff ! important;
}
.box-testimonial .carousel-control-prev {
    transform: translateX(-70px) skewX(-20deg);
}
.box-testimonial .carousel-control-next {
    transform: translateX(0) skewX(-20deg);
}
.box-testimonial .carousel-control-prev .carousel-control-prev-icon ,
.box-testimonial .carousel-control-next .carousel-control-next-icon {
    transform: skewX(20deg) ! important;
}
.box-testimonial .carousel-control-prev:hover ,
.box-testimonial .carousel-control-next:hover {
    background: #070707 ! important;
}
.box-testimonial .carousel-control-prev:hover .carousel-control-prev-icon ,
.box-testimonial .carousel-control-next:hover .carousel-control-next-icon {
    filter: invert(0) grayscale(100) ! important;
}



/* Box Logos */
.box-logos {
    position: relative;
}
.box-logos > .container > .rotative {
    margin: 0;
    padding: 0 50px 15px 50px;
}
.box-logos > .container > .rotative div img ,
.box-logos > .container > .rotative div svg {
    margin: 0 auto;
    width: auto;
    height: 55px;
    filter: grayscale(1);
}
.box-logos > .container > .rotative div img:hover ,
.box-logos > .container > .rotative div svg:hover {
    filter: grayscale(0);
}

/* Box Collaborators */
.box-collaborators {

}
.box-collaborators h3 {
    margin: 0;
    padding: 0;
    font-size: 1em;
    line-height: 1em;
}
.box-collaborators h3 button {
    color: #222220;
    font-size: 1.45em;
    padding: 10px 0;
    margin: 0;
    border: 0;
}
.box-collaborators h3 button:before {
    display: inline-block;
    content: "+";
    padding-right: 5px;
}
.box-collaborators .accordion-item {
    border: 0;
}
.box-collaborators .accordion-button:active ,
.box-collaborators .accordion-button:hover ,
.box-collaborators .accordion-button:focus {
    box-shadow: none;
    border: 0;
}
.box-collaborators .accordion-button:not(.collapsed) {
    color: #222220;
    background: none;
    box-shadow: none;
}

/* Box Blog */
.box-blog {

}
.box-blog .container > h3 {
    margin-top: 10px;
}
.blog-list {
    margin-top: 60px;
    margin-bottom: 60px;
}
.blog-list .blog-item {
    position: relative;
    margin: 15px 5px 5px 5px;
}
.blog-list .blog-item > figure {
    display: block;
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0;

    background-size: cover;
    background-repeat: no-repeat;
}
.blog-list .blog-item > figure > img {
    display: block;
    visibility: hidden;
}
.blog-list .blog-item > figure > figcaption {
    display: block;
    position: absolute;
    content: "";
    top: 0;
    height: 0;
    width: 100%;
    height: 100%;
    text-indent: -9999px;
    background-size: cover;
}
.blog-list .blog-item:hover > figure > figcaption {
    width: calc( 100% + 30px );
    height: calc( 100% + 20px );
    margin-top: -10px;
    margin-left: -15px;
}
.blog-list .blog-item > figure p.date-long {
    position: absolute;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 5px 13px;

    font-family: 'Rajdhani-semibold', Verdana, Arial;
    font-size: .75em;
    letter-spacing: 1px;
    line-height: 1em;
    text-transform: uppercase;

    transform: none;
}
.blog-list .blog-item > div {
    padding: 40px 25px 80px 25px;
}
.blog-list .blog-item > div h4 {
    margin-bottom: 30px;

    color: #070e0b;
    font-family: 'Rajdhani-bold', Verdana, Arial;
    font-size: 1.5em;
    line-height: 1.2em;
    text-transform: uppercase;

    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.blog-list .blog-item:hover > div h4 {
    text-decoration: underline;
}
.blog-list .blog-item > a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent: -9999px;
    z-index: 1;
}
.blog-list .blog-item:hover {
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
}
.blog-list .blog-item:hover > div {
    background: #fff;
}
.blog-list .blog-item > div p {
    margin: 0;
    font-size: .95em;
    line-height: 1.55em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.blog-list .blog-item > div p.date-short {
    position: absolute;
    padding: 5px 13px;
    top: 0;
    right: 25px;
    font-family: 'Rajdhani-bold', Verdana, Arial;
    font-size: 1em;
    line-height: 1em;
    transform: translateY(-50%);
}
.box-blog .custom-btn-01 {
    margin-top: 100px;
}
.content.blog .service-title {
    margin-top: 0 ! important;
    margin-right: 0 ! important;
}

/* Box videos */
.box-videos {
    background: url(/assets/img/bg-publicaciones-videos.jpg) no-repeat center center;
    background-size: cover;
}
.box-videos h3 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    font-size: 2em;
    text-transform: uppercase;
}
.box-videos h3 span.text {
    display: block;
}
.box-videos h3 span.line {
    display: block;
    flex-grow: 1;
    width: auto;
    height: 7px;
    margin-left: 10px;
    border-top: 2px solid #939393;
    border-bottom: 2px solid #939393;
}
.box-videos .video ,
.video-list-container .video {
    overflow: hidden;
    position: relative;
    padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
    padding-top: calc( 56.25% - 22px ); /* Manual remove bg */
    margin-bottom: 20px;
    background: rgba( 255 , 0 , 0 , .2)
}
.box-videos .video > a:before ,
.video-list-container .video > a:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    background: rgba(0,0,0,.65);
}
.box-videos .video img ,
.box-videos .video h3 ,
.video-list-container .video img ,
.video-list-container .video h3 {
    display: block;
    position: absolute;
}
.box-videos .video img ,
.video-list-container .video img {
    width: 100%;
    height: auto;
    top: 50%;
    left: 0;
    z-index: 1;
    transform: translateY(-50%);
}
.box-videos .video i ,
.video-list-container .video i {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;

    width: 75px;
    height: 75px;
    line-height: 75px;
    text-align: center;
    font-size: 1.5em;
    color: #1e1e1f;

    background: #fff;
    box-shadow: 0 0 0 8px rgba(255,255,255,.5);
    border-radius: 100%;
    transform: translate(-50%,-50%);
}
.box-videos .video h3 ,
.video-list-container .video h3 {
    width: 100%;
    bottom: -10px;
    left: 0;
    z-index: 3;

    font-family: 'Rajdhani-bold', Verdana, Arial;
    font-size: 1.75em;
    line-height: 1.2em;
    text-decoration: none;
    text-transform: none;
}
.box-videos .video h3 a ,
.video-list-container .video h3 a {
    display: block;
    padding: 0 150px 60px 60px;
    color: #fff;

    text-decoration: none;
}
.box-videos .row > div:last-child .video i ,
.video-list-container .video i {
    top: 25px;
    left: auto;
    right: 25px;

    width: 50px;
    height: 50px;
    line-height: 50px;

    font-size: .75em;

    box-shadow: 0 0 0 5px rgba(255,255,255,.5);
    transform: none;
}

.box-videos .row > div:last-child .video h3 ,
.video-list-container .video h3 {
    font-size: .95em;
    line-height: 1.2em;
}
.box-videos .row > div:last-child .video h3 a ,
.video-list-container .video h3 a {
    padding: 0 75px 30px 30px;
}

.box-videos .custom-btn-04 a:hover {
    background: #C00;
}


/* Box facilities */
.box-facilities {

}
.box-facilities h3 {
    margin: 15px 0 5px 0;
    line-height: 1em;
}
.box-facilities h4 {
    font-size: 2.5em;
    font-family: 'Rajdhani-semibold', Verdana, Arial;
}

.box-facilities .custom-grid {

}
.box-facilities .custom-grid .col {
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.box-facilities .custom-grid .height-full {
    height: 100%;
    margin: 0 -12px;
}
.box-facilities .custom-grid .height-half:first-child {
    margin-bottom: 10px;
}
.box-facilities .custom-grid .height-full ,
.box-facilities .custom-grid .height-half {
    position: relative;
}
.box-facilities .custom-grid .height-full a ,
.box-facilities .custom-grid .height-half a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}
.box-facilities .custom-grid .height-full a:before ,
.box-facilities .custom-grid .height-half a:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: rgba(0,0,0,.75);
}
.box-facilities .custom-grid .height-full a:after ,
.box-facilities .custom-grid .height-half a:after {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 9;
    transform: translate(-50%,-50%);
    opacity: 0;

    padding: 20px 25px;

    content: "\f067";
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    font-size: .1em;
    line-height: 100%;
    text-align: center;
    color: #fff;
}
.box-facilities .custom-grid .height-full a:hover:before ,
.box-facilities .custom-grid .height-half a:hover:before {
    opacity: 1;
}
.box-facilities .custom-grid .height-full a:hover:after ,
.box-facilities .custom-grid .height-half a:hover:after {
    opacity: 1;
    font-size: 2em;
}


.box-facilities .custom-grid .height-full img ,
.box-facilities .custom-grid .height-half img {
    display: block;
    max-width: 100%;
    visibility: hidden;
}


/* Box team */
.box-team {

}
.box-team .container h3 {
    position: relative;
    padding-left: 50px;
    font-size: 2.925em;
    line-height: 1.4em;
}
.box-team .container h3 span {
    display: inline-block;
    content: "";
    position: absolute;
    bottom: 0;
    transform: translate(-70px,-20px);
    width: 90px;
    height: 90px;
    padding-left: 50px;
    background: url("/assets/img/ico/ico-siniestrauto-equipo-title.svg") no-repeat center;
}
.box-team .nav-tabs {
    display: block;

    margin: 25px 0 0 0;
    text-align: center;
    border-bottom: 0;
}
.box-team .nav-tabs .nav-item {
    display: inline-block! important;
    float: none ! important;
}
.box-team .nav-tabs .nav-item ,
.box-team .nav-tabs .nav-item .nav-link {
    border-color: transparent ! important;
}
.box-team .nav-link {
    color: #b9b9b9;
}
.box-team .nav-tabs .nav-item.show .nav-link ,
.box-team .nav-tabs .nav-link.active {
    position: relative;
    color: #000000;
    background: none;
}
.box-team .nav-tabs .nav-item.show .nav-link:after ,
.box-team .nav-tabs .nav-link.active:after {
    position: absolute;
    display: block;
    content: "";
    width: calc( 100% - 2rem );
    height: 2px;
    background: #939393;
}
.box-team .nav-tabs .nav-link {
    font-family: 'Rajdhani-semibold', Verdana, Arial;
    font-size: 1.15em;
    line-height: 1em;
    text-transform: uppercase;
}
.box-team .nav-tabs .nav-item {
    position: relative;
}
.box-team .nav-tabs .nav-item:before {
    display: block;
    content: "";
    position: absolute;
    margin-top: 5px;
    width: 1px;
    height: 25px;
    background: #c1c1c1;
}
.box-team .nav-tabs .nav-item:first-child:before {
    display: none;
}
.box-team .tab-content {
    margin-top: 15px;
}
.box-team .row {
    justify-content: center;
    align-items: center;
}
.box-team .member {
    position: relative;
    padding: 15px 15px;
}
.box-team .member h5 {
    margin-top: 30px;
    font-family: 'Rajdhani-bold', Verdana, Arial;
    font-size: 1.2em;
    line-height: 1em;
}
.box-team .member p a {
    display: inline-block;
    position: relative;
    color: #0f1311;
    text-decoration: none;
}
.box-team .member p a:before {
    display: block;
    position: absolute;
    content: "";
    width: 0%;
    height: 1px;
    left: 0;
    bottom: 3px;
    background: #000;
    opacity: 0;
}
.box-team .member p a:hover:before {
    width: 100%;
    opacity: 1;
}
.box-rating-speed-up .member {
    margin: 10px;
}
.box-rating-speed-up .member figure ,
.box-rating-speed-up .member figure .contact-featured ,
.box-team .member figure ,
.box-team .member figure .contact-featured {
    box-sizing: border-box;
}
.box-rating-speed-up .member figure ,
.box-team .member figure {
    position: relative;
}
.box-rating-speed-up .member figure:before ,
.box-team .member figure:before {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    opacity: 0;
    background: rgba(0,0,0,.5);
}
.box-rating-speed-up .member figure .contact-featured ,
.box-team .member figure .contact-featured {
    display: block;
    position: absolute;
    width: calc( 100% + 5px );
    height: calc( 100% + 5px );
    top: 5px;
    left: 5px;
    border: 5px solid #f1c72f;
    z-index: 2;
}
.box-rating-speed-up .member figure .contact-featured:before ,
.box-team .member figure .contact-featured:before {
    display: block;
    position: absolute;
    content: "";
    bottom: 0;
    right: 15px;
    width: 44px;
    height: 55px;
    transform: translateY(50%);
}
.box-rating-speed-up .member figure .contact-featured:after ,
.box-team .member figure .contact-featured:after {
    display: block;
    position: absolute;
    content: "";
    bottom: 0;
    right: 23px;
    width: 27px;
    height: 27px;
    transform: translateY(50%);
    background: url("/assets/img/ico/ico-star.svg") no-repeat center;
}
.box-rating-speed-up .member figure .icos ,
.box-team .member figure .icos {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;

    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 3;
}
.box-rating-speed-up .member figure .icos ul ,
.box-team .member figure .icos ul {
    display: block;
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    z-index: 10 ! important;

    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;

    transform: translate(-50%,-50%);
}
.box-rating-speed-up .member figure .icos ul li ,
.box-team .member figure .icos ul li {
    display: inline-block;
    margin: 0;
    padding: 0 0 0 15px;
}
.box-rating-speed-up .member figure .icos ul li:first-child ,
.box-team .member figure .icos ul li:first-child {
    padding-left: 0;
}
.box-rating-speed-up .member figure .icos ul li a ,
.box-team .member figure .icos ul li a {
    display: block;
    color: #fff;
}
.box-rating-speed-up .member figure .icos ul li a img ,
.box-rating-speed-up .member figure .icos ul li a svg ,
.box-team .member figure .icos ul li a img ,
.box-team .member figure .icos ul li a svg {
    display: block;
}
.box-rating-speed-up .member figure .icos ul li a svg ,
.box-team .member figure .icos ul li a svg {
    fill: none;
    stroke: #d9d9d9 ! important;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 8px;
}
.box-rating-speed-up .member figure .icos ul li a span ,
.box-team .member figure .icos ul li a span {
    display: block;
    position: absolute;
    overflow: hidden;
    bottom: -100px;
    left: 0;
    width: 100%;
    height: 0;
    font-size: 0px;
    text-align: center;
    opacity: 0;
}
.box-rating-speed-up .member figure .icos ul li a:hover span ,
.box-team .member figure .icos ul li a:hover span {
    opacity: 1;
    bottom: -25px;
    height: 20px;
    font-size: 1em;
}
.box-rating-speed-up .member:hover figure:before ,
.box-rating-speed-up .member:hover figure .icos ,
.box-team .member:hover figure:before ,
.box-team .member:hover figure .icos {
    opacity: 1;
}
.box-rating-speed-up .member .langs ,
.box-team .member .langs {
    display: block;
    position: absolute;
    top: 35px;
    right: 10px;
    width: 60px;
    z-index: 2;
}
.box-rating-speed-up .member .langs ul ,
.box-team .member .langs ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.box-rating-speed-up .member .langs ul li ,
.box-team .member .langs ul li {
    display: block;
    position: relative;
    margin: 0 0 5px 0;
    height: 22px;
    line-height: 22px;
    padding: 4px 10px 0 0;

    color: #d31829;
    font-family: 'Rajdhani-bold', Verdana, Arial;
    font-size: .925em;
    line-height: 1em;
    text-align: right;
    text-transform: uppercase;
}
.box-rating-speed-up .member .langs ul li img ,
.box-team .member .langs ul li img {
    display: block;
    position: absolute;
    right: -14px;
    top: 0;
    width: 22px;
    height: 22px;
}

.box-more-info {
    background: url(/assets/img/bg-necesitas-mas-informacion.jpg) no-repeat center;
    background-size: cover;
}
.box-more-info h3 {
    color: #fff;
    font-size: 4.4em;
    line-height: 1em;
    text-transform: uppercase;
}
.box-more-info h3 small {
    display: block;
    color: #ffd700;
    font-size: .5em;
    line-height: 1em;
}
.box-more-info h4 {
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 1.525em;
    font-weight: 300;
}
.box-more-info h4 {
    font-family: inherit;
    font-weight: bold;
}
.box-more-info .custom-btn-03 {
    margin-top: 25px;
    padding: 20px 35px;
    font-family: 'Open Sans', sans-serif;
    font-size: 1.7em;
    font-weight: 600;
    text-transform: none;
    border-radius: 0;
}
.box-more-info .custom-btn-03 b {
    font-family: inherit;
    font-weight: bold;
}
.box-more-info .custom-btn-03 i {
    margin-right: 5px;
}

.box-rating-speed-up {

}
.box-rating-speed-up .container > p {
    text-transform: uppercase;
    font-size: 1.175em;
    line-height: 1em;
    margin-bottom: 40px;
}
.box-rating-speed-up .container > p b {
    display: block;
    padding: 10px 0 2px 0;

    font-family: 'Rajdhani-bold', Verdana, Arial;
    font-weight: normal;
    font-size: 1.55em;
    line-height: 1em;
}
.box-rating-speed-up .container > p:before {
    display: block;
    float: left;
    margin-right: 20px;
    width: 75px;
    height: 75px;
    line-height: 75px;
    content: "\f232";
    color: #fff;
    font-family: 'Font Awesome 5 Brands';
    font-size: 3.25em;
    text-align: center;
}
.box-rating-speed-up .container > p:after {
    display: block;
    clear: both;
    content: "";
}
.box-rating-speed-up .member h5 {
    padding: 10px 0;
    font-family: 'Rajdhani-bold', Verdana, Arial;
    font-weight: normal;
    font-size: 1.35em;
    line-height: 1em;
}
.box-rating-speed-up .member p a {
    display: block;
    margin-top: 5px;
    text-decoration: none;
    color: #0f1311;
    font-size: 1.175em;
    line-height: 1em;
}

.box-thanks {
    position: relative;
}
.box-thanks .car {
    display: block;
    position: absolute;
    z-index: 2;
    max-width: 725px;
    bottom: 60px;
    left: calc( 50% - 50px );
}
.box-thanks .car img {
    width: 100%;
    height: auto;
}
.box-thanks .circle {
    display: block;
    position: absolute;
    z-index: 1;
    max-width: 725px;
    bottom: -50px;
    left: calc( 50% + 25px );
}
.box-thanks .wave {
    display: block;
    position: absolute;
    opacity: .25;
    z-index: -1;
    width: 100%;
    height: 90%;
    bottom: 0;
    right: 0;
}
.box-thanks .wave img {
    float: right;
}
.box-thanks .box {
    position: relative;
    margin: 10px 0 0 0;

    padding: 55px;
    background: #fff;
}
.box-thanks .box .corner {
    display: block;
    position: absolute;
    top: -70px;
    left: -80px;
    width: 100px;
    height: 100px;

    opacity: .05;
    transform: rotateZ(270deg);
}
.box-thanks .box .ico {
    display: block;
    position: absolute;
    z-index: 2;
    padding: 70px 50px;
    width: 210px;
    height: 210px;
    top: 35px;
    right: -170px;
    color: #fff;
    font-size: 7em;
    text-align: center;
    border-radius: 100%;
}
.box-thanks .box .ico .img svg {

}
.box-thanks .box .ico .spinner svg {
    display: block;
    position: absolute;
    top: -33px;
    left: -33px;

    width: 276px;
    height: 276px;

    animation: custom-spinner 4s linear infinite;
}
/*
    .box-thanks .box .ico:hover {
        width: 210px;
        height: 210px;
        top: 35px;
        right: -170px;
        line-height: 210px;
        font-size: 6em;
    }
    .box-thanks .box .ico:hover svg {
        top: -43px;
        left: -43px;

        width: 296px;
        height: 296px;
    }
*/
.box-thanks .box h3 {
    margin: 0 0 25px 0;
    font-family: 'Rajdhani-regular', Verdana, Arial;
    font-weight: normal;
    font-size: 2.2em;
    line-height: 1em;
    text-transform: uppercase;
}
.box-thanks .box h3 small {
    padding-bottom: 25px;
    margin-top: 20px;
    margin-bottom: 25px;
    display: block;
    font-size: 1.25em;
    font-family: 'Rajdhani-bold', Verdana, Arial;

    border-bottom: 1px solid #0db000;
}
.box-thanks .box h3 b {
    display: block;
    font-family: 'Rajdhani-bold', Verdana, Arial;
    font-weight: normal;
}
.box-thanks .box h3 svg {
    display: block;
    float: left;
    width: 74px;
    margin: 0 10px 0 30px;
}
.box-thanks .box p {
    font-size: 1.15em;
    line-height: 1.2em;
    margin: 0;
    padding: 30px 35px;
}
.box-thanks .box p:last-child {
    padding-bottom: 0;
}
.box-thanks .box p.bg {
    font-size: 1.4em;
    line-height: 1.2em;
    background: #f1f4f7;
}
.box-thanks .box p b {
    text-transform: uppercase;
    font-family: 'Rajdhani-bold', Verdana, Arial;
    font-weight: normal;
}
.box-thanks .box p.bg b {
    text-transform: none;
}
.box-thanks .box ,
.box-thanks .box p.bg {
    border-radius: 10px;
}

.box-thanks.result-success {

}
.box-thanks.result-success .box .ico svg {
    fill: #0db000;
}
.box-thanks.result-success .box h3 small {
    border-color: #0db000;
}
.box-thanks.result-success .box h3 small ,
.box-thanks.result-success .box p a {
    color: #0db000;
}

.box-thanks.result-error {

}
.box-thanks.result-error .box .ico {
    padding-top: 55px;
}
.box-thanks.result-error .box .ico svg {
    fill: #db0000;
}
.box-thanks.result-error .box h3 small {
    border-color: #db0000;
}
.box-thanks.result-error .box h3 small ,
.box-thanks.result-error .box p a {
    color: #db0000;
}


                     .owl-dots ,
.box-rating-speed-up .owl-nav {
    display: none;
}
.box-rating-speed-up .owl-dots {
    display: block;
    margin-top: 40px;
    text-align: center;
}
.box-rating-speed-up .owl-dots .owl-dot {
    display: inline-block;
    margin: 0 4px;
    padding: 2px 0;
}
.box-rating-speed-up .owl-dots .owl-dot span:before {
    display: block;
    content: "";
    width: 18px;
    height: 6px;
    background: #171918;
}
.box-rating-speed-up .owl-dots .owl-dot.active span:before {
    width: 36px;
    background: #ffb400;
}
.box-blog .owl-nav .owl-prev ,
.box-blog .owl-nav .owl-next ,
.box-logos .owl-nav .owl-prev ,
.box-logos .owl-nav .owl-next ,
.box-vehicles .owl-nav .owl-prev ,
.box-vehicles .owl-nav .owl-next ,
.box-services .owl-nav .owl-prev ,
.box-services .owl-nav .owl-next ,
.rating-services .owl-nav .owl-prev ,
.rating-services .owl-nav .owl-next {
    position: absolute;
    top: 50%;
    color: #f4d632 ! important;
    font-size: 7.5em ! important;
    font-weight: 900;
}
.box-logos .owl-nav .owl-prev ,
.box-logos .owl-nav .owl-next {
    color: #000000 ! important;
    font-size: 3em ! important;
}
.box-services .owl-nav .owl-prev ,
.box-services .owl-nav .owl-next {
    color: #000000 ! important;
    font-size: 5em ! important;
}
.rating-services .owl-nav .owl-prev ,
.rating-services .owl-nav .owl-next {
    color: #000000 ! important;
}
.box-blog .owl-nav .owl-prev ,
.box-logos .owl-nav .owl-prev ,
.box-vehicles .owl-nav .owl-prev ,
.box-services .owl-nav .owl-prev ,
.rating-services .owl-nav .owl-prev {
    left: 0;
    transform: translate(-200%,-100%);
}
.box-blog .owl-nav .owl-next ,
.box-logos .owl-nav .owl-next ,
.box-vehicles .owl-nav .owl-next ,
.box-services .owl-nav .owl-next ,
.rating-services .owl-nav .owl-next {
    right: 0;
    transform: translate(200%,-100%);
}
.box-blog .owl-nav .owl-prev:hover ,
.box-blog .owl-nav .owl-next:hover ,
.box-vehicles .owl-nav .owl-prev:hover ,
.box-vehicles .owl-nav .owl-next:hover {
    color: #000000 ! important;
}
.box-logos .owl-nav .owl-prev:hover ,
.box-logos .owl-nav .owl-next:hover ,
.box-services .owl-nav .owl-prev:hover ,
.box-services .owl-nav .owl-next:hover ,
.rating-services .owl-nav .owl-prev:hover ,
.rating-services .owl-nav .owl-next:hover {
    color: #ffae1b ! important;
}



/**
 * Sections :: Rating
 */
.rating-slider {
    overflow: hidden;
    position: relative;
    margin-top: 142px;
}
.rating-slider .slider-item {
    height: 690px;
}
.rating-slider .slider-item img {
    position: absolute;
    z-index: -1;
    width: auto;
    height: auto;

    min-width: 100%;
    min-height: 100%;

    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.rating-slider .slider-item .txt {
    position: relative;
    padding-bottom: 50px;
}
.rating-slider .slider-item .txt:after {
    display: block;
    content: "";
    clear: both;
}
.rating-slider .slider-item .txt:before {
    display: block;
    content: "";
    position: absolute;
    height: 100%;
    width: 80%;
    left: 10%;

    z-index: -1;
    clip-path: polygon(50% 0%, 100% 0%, calc(100% - 50%) 100%, 0% 100%);
}
.rating-slider .slider-item .txt h2 {
    position: relative;
    margin-top: 110px;
    padding-top: 50px;
    color: #0a0d0b;
    font-size: 5em;
    font-family: 'Rajdhani-bold', Verdana, Arial;
    line-height: .85em;

}
.rating-slider .slider-item .txt h2 small {
    display: block;
    color: #ffd700;
    font-size: .5em;
    line-height: 1em;
    font-family: 'Rajdhani-bold', Verdana, Arial;
    text-transform: uppercase;
}
.rating-slider .slider-item .txt h2 small:before {
    content: "/";
}
.rating-slider .slider-item .txt h4 {
    font-size: 1.85em;
}
.rating-slider .slider-item .txt a {
    display: block;
    float: right;
    height: 80px;
    margin: 40px 80px 0 0;
    padding: 1px 60px 0 60px;
    color: #fff;
    font-family: 'Rajdhani-bold', Verdana, Arial;
    font-size: 1.35em;
    line-height: 80px;
    text-decoration: none;
    text-transform: uppercase;
    clip-path: polygon(40px 0%, 100% 0%, calc(100% - 40px) 100%, 0% 100%);
}
.rating-slider .slider-item .txt a:after {
    font-family: 'Font Awesome 5 Pro';
    content: "\f054";
    font-size: .9em;
    padding-left: 20px;
}

.rating-form {
    position: relative;

    /*
        opacity: .75;
        height: 1344px;
        background: rgba(255,128,128,.2);
        border: 1px solid #F00;
        border-width: 1px 0;
    */
}
.rating-form .bg {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 340px;

    z-index: -1;

    background: #0e0e0e;
}
.rating-form .custom-tab-container {
    position: relative;
    clear: both;
    padding: 40px 0;
}
.rating-form .custom-tab-container:before {
    content: "";
    display: block;
    position: absolute;
    top: 1px;
    left: -45px;
    width: calc( 100% + 90px);
    height: 100%;
    z-index: -1;
    background: #fff;
    box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.25);
}
.rating-form .nav-tabs {
    display: block;
    margin: 25px 0 0 0;
    border-bottom: 0;
}
.rating-form .nav-tabs .nav-item {
    display: block ! important;
    float: left ! important;
    border: 0 ! important;
}
.rating-form .nav-tabs .nav-item ,
.rating-form .nav-tabs .nav-item .nav-link {
    border-color: transparent ! important;
}
.rating-form .nav-link {
    height: 63px;
    line-height: 63px;
    padding: 0 40px;
    color: #fff;
    background: #3b3b3b;
    border-radius: 0;
    border: 0;
}
.rating-form .nav-tabs .nav-item.show .nav-link ,
.rating-form .nav-tabs .nav-link.active {
    position: relative;
    color: #171a17;
    background: #fff;
}
.rating-form .nav-tabs .nav-link {
    font-family: 'Rajdhani-semibold', Verdana, Arial;
    font-size: 1.4em;
    line-height: 1em;
}
.rating-form .nav-tabs .nav-item {
    position: relative;
}
.rating-form .nav-tabs .nav-item svg {
    height: 26px;
    fill: #fff;
}
.rating-form .nav-tabs .nav-item svg .cls-1 {
    fill: none;
    stroke: #fff;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 18px;
}
.rating-form .nav-tabs .nav-item.show .nav-link svg ,
.rating-form .nav-tabs .nav-link.active svg {
    fill: #171a17;
}
.rating-form .nav-tabs .nav-item.show .nav-link svg .cls-1 ,
.rating-form .nav-tabs .nav-link.active svg .cls-1 {
    stroke: #171a17;
    fill: none;
}

.rating-form .tab-content {
    margin-top: 15px;
}
.rating-form h6 {
    color: #59595c;

    font-family: 'Rajdhani-bold', Verdana, Arial;
    font-size: 1.25em;
    line-height: 1em;

    text-transform: uppercase;
}
.rating-form hr {
    height: 2px;
}
.rating-form p a {
    color: #000513;
    text-decoration: underline;
}


.rating-services {

}
.rating-services .row {
    padding: 25px 0 75px 0;
}
.rating-services div.service {
    position: relative;
}
.rating-services div.service:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: -1;
}
.rating-services div.service:hover:before {
    box-shadow: 0 00 5px 0 rgba(0, 0, 0, 0.25);
}
.rating-services div.service > a {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    text-indent: -9999px;
}
.rating-services div.service > p {
    padding: 30px 40px;
    font-size: 1.15em;
    line-height: 1.5em;
}
.rating-services svg {
    display: block;
    float: left;
    width: 62px;
    height: 65px;
    padding: 4px;
    margin: 0 0 0 20px;
    transform: translateY(-50%);
}
.rating-services h4 {
    display: block;
    height: 65px;
    line-height: 65px;
    margin: 0 20px 0 82px;
    color: #fff;
    font-size: 1.2em;
    font-family: 'Rajdhani-bold', Verdana, Arial;
    text-align: center;
    text-transform: uppercase;
    background: #161616;
    transform: translateY(-50%);
}

.rating-demo-temp {
    height: 7900px;
    background: rgba(255,128,128,.2);
    border: 1px solid #F00;
    border-width: 1px 0;
}



/**
 * Sections :: Services
 */
.services-intro {

}
.services-intro h3 {
    margin: 120px 0 30px 0;
    color: #020403;
    font-size: 2.9em;
    line-height: 1.25em;
}
.services-intro h3 small {
    display: block;
    margin: 0 0 5px 0;
    font-size: .61em;
    line-height: 1em;
    text-transform: uppercase;
}
.services-intro h3 small:before {
    display: inline-block;
    padding-right: 15px;
    content: "//";
    color: #ffd700;
}
.services-intro p {
    margin: 0;
    padding: 10px 0 10px 20px;
    font-family: 'Open Sans', sans-serif;
    font-size: .875em;
    line-height: 1.625em;
    border-left: 2px solid #ffd803;
}
.services-intro p b {
    font-family: inherit;
    font-weight: bold;
}
.services-intro figure {
    display: block;
    position: relative;
    margin: 35px 0 0 0;
}
.services-intro figure img {
    max-width: 100%;
    height: auto;
}
.services-intro figure:before {
    display: block;
    position: absolute;
    content: "";
    top: 40px;
    left: -35px;
    width: calc( 100% - 80px );
    height: calc( 100% - 80px );
    background: #ffd803;
    z-index: -1;
}
.nuestros-servicios {

}
.nuestros-servicios h3 {
    padding: 0;
    font-size: 3.95em;
}
.nuestros-servicios .container {

}
.nuestros-servicios .row > div {
    position: relative;
    margin-top: 75px;
}
.nuestros-servicios .row > div > div {
    margin: 5px;
    padding: 80px 40px 80px 40px;
}
.nuestros-servicios .row > div > div:before {
    display: block;
    position: absolute;
    content: "";
    width: calc( 100% - 40px );
    height: calc( 100% - 10px ); /* m */
    top: 5px;                    /* mt */
    left: 20px;
    background: #fff;
    z-index: -1;
}
.nuestros-servicios .row > div > div:hover:before {
    box-shadow: 0 10px 15px rgba(0,0,0,.22);
}
.nuestros-servicios .row > div > div a {
    display: block;
    position: absolute;
    width: calc( 100% - 40px );
    height: calc( 100% - 10px ); /* m */
    top: 5px;                    /* mt */
    left: 20px;
    text-indent: -9999px;
    z-index: 2;
}
.nuestros-servicios .row > div > div a:after {
    display: block;
    position: absolute;
    width: auto;
    right: 40px;
    bottom: 40px;
    color: #353535;
    content: "Leer más +";
    font-size: 1em;
    font-family: 'Rajdhani-bold', Verdana, Arial;
    line-height: 1.2em;
    text-indent: 0;
    text-transform: uppercase;
}
.nuestros-servicios .row > div > div a:hover:after {
    color: #ff8a00;
    text-decoration: underline;
}
.nuestros-servicios .row > div > div svg {
    display: block;
    position: absolute;
    width: auto;
    top: 0;
    max-height: 90px;
    transform: translateY(-50%);
    z-index: 1;
}

.nuestros-servicios h4 {
    padding: 0 0 30px 0;
    margin: 0 0 30px 0;
    font-family: 'Rajdhani-bold', Verdana, Arial;
    border-bottom: 1px solid #f0f4f7;
}

.services-detail {

}
.services-detail .sticky-container {
    position: relative;
}
.services-detail .sticky-container .sticky {
    position: sticky;
    position: -webkit-sticky;
    top: 120px;
}
.services-detail .subsections ,
.services-detail .subsections li {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
}
.services-detail .subsections li a {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;

    height: 70px;
    margin: 0 0 10px 0;
    padding: 0 10px 0 30px;

    color: #071c1f;
    font-size: .975em;
    font-family: 'Rajdhani-bold', Verdana, Arial;
    text-decoration: none;
    text-transform: uppercase;

    background: #f7f7f7;
}
.services-detail .subsections li a span {
    display: block;
    width: calc( 100% - 60px );
}
.services-detail .subsections li a:after {
    content: "\f061";
    display: inline-block;
    width: 50px;
    height: 50px;

    color: #020809;
    font-size: 1em;
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    line-height: 50px;
    text-align: center;

    background: #fff;
}
.services-detail .subsections li a:hover:after ,
.services-detail .subsections li a.active:after {
    color: #fff;
    background: #020809;
}

.services-detail .box-download {
    margin-top: 40px;
    padding: 80px 40px;
    background: #041113;
}
.services-detail .box-download h4 {
    color: #fff;
    font-size: 2.15em;
    font-family: 'Rajdhani-bold', Verdana, Arial;
}
.services-detail .box-download h4 small {
    display: block;
    margin: 0 0 5px 0;
    font-size: .425em;
    line-height: 1em;
    text-transform: uppercase;
}
.services-detail .box-download h4 small:before {
    display: inline-block;
    padding-right: 5px;
    content: "//";
    color: #ffd700;
}
.services-detail .box-download a {
    display: block;
    position: relative;
    padding-left: 35px;
    height: 70px;
    line-height: 70px;
    color: #020b0c;
    font-size: 1em;
    font-family: 'Rajdhani-bold', Verdana, Arial;
    text-decoration: none;
    text-transform: uppercase;
}
.services-detail .box-download a:after {
    content: "\f33d";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 70px;
    height: 70px;
    line-height: 70px;

    font-size: 1em;
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;

    text-align: center;
    background: #fff;
}
.services-detail .box-download a:hover:after {
    color: #fff;
    background: #020b0c;
}
.services-detail .content {
}
.services-detail .content p {
    font-family: 'Open Sans', sans-serif;
    font-size: 0.85em;
}
.services-detail .content p b {
    font-family: inherit;
    font-weight: bold;
}
.services-detail .content a {
    color: #191c17;
    text-decoration: underline;
}
.services-detail .content a:hover {
    text-decoration: none;
}
.services-detail .content .service-title {
    margin: 50px 50px 50px 0;
}
.services-detail .content .service-title svg {
    float: left;
    width: 138px;
    height: auto;
    margin: 35px 25px 50px 0;
}
.services-detail .content .service-title h2 {
    padding: 0;
    margin: 0;
    color: #041113;
    line-height: 1em;
    font-size: 2.75em;
    font-family: 'Rajdhani-bold', Verdana, Arial;
}
.services-detail .content .service-title time ,
.services-detail .content .service-title h2 small {
    display: block;
    margin: 0 0 18px 0;
    font-size: .65em;
    line-height: 1em;
    text-transform: uppercase;
}
.services-detail .content .service-title time {
    font-size: 1.25em;
    font-family: 'Rajdhani-bold', Verdana, Arial;
}
.services-detail .content .service-title time:before ,
.services-detail .content .service-title h2 small:before {
    display: inline-block;
    padding-right: 5px;
    content: "//";
    color: #ffd700;
}
.services-detail .content blockquote {
    margin: 50px 0;
    font-size: 0.9em;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    padding: 30px 50px;
    text-align: center;
    background: #f5f5f5;
}
.services-detail .content blockquote b {
    font-family: inherit;
    font-weight: bold;
}
.services-detail .content .box-border-left {
    padding-left: 40px;
    font-family: 'Open Sans', sans-serif;
    border-left: 2px solid #ffd803;
}
.services-detail .content .box-border-left b {
    font-family: inherit;
    font-weight: bold;
}
.services-detail .content .box-border-left h3 {
    padding: 15px 0;
    font-size: 1.2em;
}
.services-detail .content .box-border-left p {
    padding: 15px 0;
    font-size: .75em;
}
.services-detail .content h4 {
    padding: 0;
    margin: 25px 0;
    color: #041113;
    line-height: 1em;
    font-size: 1.2em;
    font-family: 'Rajdhani-bold', Verdana, Arial;
}
.services-detail .content img {
    width: 100% ! important;
    max-width: 100% ! important;
}




/**
 * Sections :: Vehicles
 */
.vehicles-list-container {

}



/**
 * Sections :: Blog
 */
.blog-slider {
    position: relative;
    overflow: hidden;
    margin-top: 142px;
    height: 720px;
}
.blog-slider:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 75%;
    height: calc( 100% - 50px );
    background: #f9f9f9;
}
.blog-slider:after {
    display: block;
    clear: both;
}
.blog-slider .slider-item {
    height: 720px ! important;
    padding-bottom: 150px;
}
.blog-slider .slider-item .tag {
    display: block;
    float: left;
    padding: 1px 10px;

    color: #fff;
    font-family: 'Rajdhani-bold', Verdana, Arial;
    font-size: 1em;

    text-transform: uppercase;
    background: #272727;
}
.blog-slider .slider-item h3 {
    position: relative;
    clear: both;
    padding: 20px 20px 0 0;
    font-family: 'Rajdhani-bold', Verdana, Arial;
    font-size: 2.75em;
    line-height: 1.2em;
}
.blog-slider .slider-item h3 a {
    color: #000000;
    text-decoration: none;
}
.blog-slider .slider-item h3 a:after {
    content: "Leer más";
    display: block;
    position: absolute;
    bottom: 0;
    padding: 15px 50px;
    font-size: .45em;
    line-height: 1em;
    text-transform: uppercase;
    transform: translateY( calc( 100% + 10px ) );
}
.blog-slider .slider-item figure {
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 50%;
    width: 50%;
    text-align: center;
}
.blog-slider .slider-item figure:after {
    content: "";
    display: block;
    position: absolute;
    top: 25px;
    left: 25px;
    width: 100%;
    height: 100%;
    border: 4px solid #ffd803;
}
.blog-slider .slider-item figure img {
    display: inline-block;
}


.blog-slider .carousel-indicators {
    display: block;
    left: auto;
    right: 50%;
    bottom: 75px;
}
.blog-slider.carousel-dark .carousel-indicators .active[data-bs-target] {
    background-color: #f2ca2f;
}
.blog-slider .carousel-control-next ,
.blog-slider .carousel-control-prev {
    opacity: 1;
    top: auto;
    right: auto;
    bottom: 75px;
    left: 50%;
    padding: 18px;
    width: 50px;
    height: 50px;
    background: #fff;
    border: 1px solid #323232;
    border-radius: 100%;
}
.blog-slider .carousel-control-prev {
    left: calc( 50% - 30px);
}
.blog-slider .carousel-control-next {
    left: calc( 50% + 30px);
}
.blog-slider .carousel-control-prev:hover ,
.blog-slider .carousel-control-next:hover {
    background: #323232 ! important;
}
.blog-slider .carousel-control-prev:hover .carousel-control-prev-icon ,
.blog-slider .carousel-control-next:hover .carousel-control-next-icon {
  filter: invert(0) grayscale(100) ! important;
}

.blog-tabs {

}
.blog-tabs .nav-tabs {
    display: block;

    margin: 25px 0 0 0;
    text-align: center;
    border-bottom: 0;
}
.blog-tabs .nav-tabs .nav-item {
    display: inline-block! important;
    float: none ! important;
}
.blog-tabs .nav-tabs .nav-item ,
.blog-tabs .nav-tabs .nav-item .nav-link {
    border-color: transparent ! important;
}
.blog-tabs .nav-link {
    padding: 10px 40px 8px 40px;
    margin-right: 10px;
    color: #fff;
    background: #272727;
    border-radius: 0;
    border: 0;
}
.blog-tabs .nav-tabs .nav-item.show .nav-link ,
.blog-tabs .nav-tabs .nav-link.active {
    position: relative;
    color: #000000;
}
.blog-tabs .nav-tabs .nav-item.show .nav-link:after ,
.blog-tabs .nav-tabs .nav-link.active:after {
    position: absolute;
    display: block;
    content: "";
    bottom: -10px;
    left: 0;
    width: 0;
    height: 0;
    border-bottom: 5px solid transparent;
    border-right: 5px solid transparent;
    border-left: 5px solid #ffae1b;
    border-top: 5px solid #ffae1b;
}
.blog-tabs .nav-tabs .nav-link {
    font-family: 'Rajdhani-semibold', Verdana, Arial;
    font-size: .95em;
    line-height: 1em;
    text-transform: uppercase;
}
.blog-tabs .nav-tabs .nav-item {
    position: relative;
}
.blog-tabs .tab-content {
    margin-top: 15px;
}

.blog-list.all .blog-item {
    margin-bottom: 25px;
}


/**
 * Sections :: About Us
 */
.about-us-intro {

}
.about-us-intro.box-layout-02 .col-img {

}
.about-us-intro.box-layout-02 .col-img figure {
    display: block;
    position: relative;
    margin: 35px 0 0 0;
}
.about-us-intro.box-layout-02 .col-img figure img {
    width: 100%;
    height: auto;
}
.about-us-intro.box-layout-02 .col-img figure figcaption {
    display: block;
    position: absolute;
    padding: 50px 0;
    width: 325px;
    left: -80px;
    bottom: -80px;
    color: #070e0b;
    font-family: 'Rajdhani-bold', Verdana, Arial;
    font-size: 2.5em;
    line-height: 1em;
    text-align: center;
}
.about-us-intro.box-layout-02 .col-img figure figcaption b {
    display: block;
    color: #fff;
    font-size: 3.5em;
    line-height: .75em;
}
.about-us-intro.box-layout-02 .col-text {

}
.about-us-intro.box-layout-02 .col-text h3 {
    margin-bottom: 45px;
    font-size: 3.25em;
    line-height: 1.175em;
}
.about-us-intro.box-layout-02 .col-text h3 small {
    font-size: .45em;
}
.about-us-intro.box-layout-02 .col-text h3 small:before {
    padding-right: 12px;
}
.about-us-intro.box-layout-02 .col-text p {
    font-size: 1.105em;
    line-height: 1.9em;
}
.about-us-intro .services {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;

    list-style: none;
    margin: 0;
    padding: 0;
}
.about-us-intro .services li {
    position: relative;
    width: 20%;
    margin: 0;
    padding: 0 0 0 70px;
    color: #505050;
    font-family: 'Rajdhani-bold', Verdana, Arial;
    font-size: 1.25em;
    line-height: 1em;
}
.about-us-intro .services li svg {
    display: block;
    position: absolute;
    top: -5px;
    left: 0;
    fill: #505050;
    max-width: 60px;
    max-height: 60px;
}

.about-us-service {
    position: relative;
    overflow: hidden;
}
.about-us-service:before ,
.about-us-service:after {
    content: "";
    display: block;
    position: absolute;
    width: calc( 50% + 65px );
    height: calc( 100% - 4.5rem );
    top: calc( 4.5rem - 50px );
    z-index: -1;
}
.about-us-service:before {
    top: calc( 4.5rem - 50px );
    right: 0;
    background: url(/assets/img/img-siniestrauto-quienes-somos-06.jpg) no-repeat top center;
    background-size: cover;
}
.about-us-service:after {
    top: 4.5rem;
    left: 0;
}
.about-us-service .container:after {
    content: "";
    display: block;
    position: absolute;
    width: calc( 50% + 65px );
    height: calc( 100% - 9rem - 75px );
    top: calc( 4.5rem - 10px );
    right: -40px;
    z-index: 1;
    border: 4px solid #ffd803;
}
.about-us-service h3 {
    margin: 87px 0 10px 0;
    font-family: 'Rajdhani-bold', Verdana, Arial;
    font-size: 2.025em;
    line-height: 1.15em;
}
.about-us-service h3 small {
    display: block;
    margin-bottom: 20px;
    font-size: .5175em;
    font-family: 'Rajdhani-regular', Verdana, Arial;
    line-height: 1em;
}
.about-us-service p {
    margin: 35px 0 0 0;
    font-size: .925em;
    line-height: 1.55em;
    /* text-align: justify; */
}

.about-us-why {

}
.about-us-why h3 {
    margin-bottom: 20px;
    font-size: 2.5em;
    text-transform: uppercase;
}
.about-us-why p {
    font-size: .95em;
}
.about-us-why .boxes {
    margin-top: 20px;
}
.about-us-why .boxes .col {
    position: relative;
    margin: 25px;
    padding: 180px 60px 60px 60px;
    border: 1px solid #9a9a9a;
}
.about-us-why .boxes .col h4 {
    display: block;
    position: absolute;
    z-index: 1;
    top: 20px;
    left: -20px;
    width: calc( 100% - 30px);
    padding: 30px 0 25px 150px;
    height: 90px;
    color: #fff;
    font-size: 2.15em;
    font-family: 'Rajdhani-bold', Verdana, Arial;
    line-height: 1em;
    text-transform: uppercase;
}
.about-us-why .boxes .col h4 small {
    display: block;
    font-size: .35em;
    line-height: .9em;
}
.about-us-why .boxes .col h5 {
    margin-bottom: 25px;
    font-family: 'Rajdhani-bold', Verdana, Arial;
    font-size: 1.45em;
    line-height: 1.25em;
    text-transform: uppercase;
}
.about-us-why .boxes .col svg {
    display: block;
    position: absolute;
    top: 35px;
    left: 45px;
    max-width: 70px;
    max-height: 70px;
    fill: #ffd42b ! important;
    z-index: 2;
}
.about-us-why .boxes .col p {
    font-family: 'Rajdhani-Medium', Verdana, Arial;
    font-size: .975em;
    line-height: 1.45em;
}
.about-us-why .boxes .col:hover {
    color: #fff;
    background: url(/assets/img/img-siniestrauto-quienes-somos-05.jpg) no-repeat center center;
    background-size: cover;
    border-color: transparent;
}
.about-us-why .boxes .col:hover h4 {
    color: #151518;
}
.about-us-why .boxes .col:last-child h4 {
    padding-top: 15px;
}
.about-us-why .boxes .col:hover svg {
    stroke: #151518;
    stroke-miterlimit: 10;
    stroke-width: 1.2px;

    fill: #151518 ! important;
}



/**
 * Sections :: Contact
 */
.contact-intro {
    overflow: hidden;
}
.contact-intro h3 {
    margin-bottom: 40px;
    font-family: 'Rajdhani-bold', Verdana, Arial;
    font-size: 3.75em;
    line-height: 1.2em;

}
.contact-intro h4 {
    margin-bottom: 15px;
    font-family: 'Rajdhani-bold', Verdana, Arial;
    font-size: 1.3em;
    line-height: 1.2em;

}
.contact-intro .row > div {
    position: relative;
    margin: 10px;
    padding: 50px 20px;
    text-align: center;
    background: #f4f4f4;

    width: calc( 25% - 20px ) ! important;
}
.contact-intro .row > div .hover ,
.contact-intro .row > div .hover > div .rehover {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 50px 30px;
    top: calc( 100% + 100px );
    left: 0;
    color: #071c1f;
    opacity: 0;
}
.contact-intro .row > div .hover > div .rehover {
    padding: 35px 20px;
}
.contact-intro .row > div:hover .hover ,
.contact-intro .row > div:hover .hover > div:hover .rehover {
    top: 0;
    opacity: 1;
}
.contact-intro .row > div .hover > div {
    display: block;
    color: #fff;
    font-family: 'Rajdhani-bold', Verdana, Arial;
    text-decoration: underline;
    text-transform: uppercase;
}
.contact-intro .row > div .hover > div:before {
    content: "+ ";
}

.contact-intro ol {
    display: inline-block;
    list-style: none;
    text-align: left;
}
.contact-intro ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.contact-intro p ,
.contact-intro li {
    font-family: 'Open Sans', sans-serif;
    line-height: 1.75em;
}
.contact-intro p b ,
.contact-intro li b {
    font-family: inherit;
    font-weight: bold;
}
.contact-intro ol li a {
    text-decoration: none;
}
.contact-intro a {
    color: #191c17;
    text-decoration: none ! important;
}
.contact-intro a:hover {
    color: #000;
    text-decoration: underline ! important;
}
.contact-intro svg {
    max-height: 50px;
    margin-bottom: 15px;
    fill: none;
    stroke: #ffd800;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 3.5px;
}
.contact-intro .row > div .hover svg ,
.contact-intro .row > div .hover > div .rehover svg {
    stroke: #191c17;
}
.contact-intro .row > div .hover > div .rehover ul {
    margin: 0;
    padding: 0;
}
.contact-intro .row > div .hover > div .rehover li {
    display: block;
    float: left;
    width: calc( 50% - 10px);
    padding: 2px 0 2px 5px;
    margin: 0 5px;
    font-size: .8em;
    text-align: left;
    text-transform: none;
    border-bottom: 1px solid rgba(0,0,0,.25);
}
.contact-intro .row > div .hover > div .rehover li.full-width {
    width: calc( 100% - 10px );
}
.contact-intro .row > div .hover > div .rehover li.no-border ,
.contact-intro .row > div .hover > div .rehover li:last-child {
    border-bottom: 0;
}
.contact-intro .row > div .hover > div .rehover li:before {
    content: "• ";
}

.contact-form {

}
.contact-form .col-3 {

}
.contact-form .col-left h3 {
    margin: 15px 0 30px 0;
    line-height: .915em;
}
.contact-form .col-left h3 small {
    margin: 0 0 5px 0;
    font-size: .475em;
    line-height: 1em;
}
.contact-form h3 small:before {
    content: "- ";
}
.contact-form p {
    line-height: 1.675em;
}

.contact-map {
    height: 550px;
}

/* Form */
input[name="first_name"] {
    display: none;
}
input:not([type="checkbox"]), textarea {
    width: 100%;
    padding: 25px 25px;
    margin: 0 0 25px 0;
    color: #677283;
    font-family: 'Open Sans', sans-serif;
    font-size: .925em;
    line-height: 1em;
    border: 2px solid #eeeeed;
}
input[type="checkbox"] {
    width: 22px;
    height: 22px;
    border: 2px solid #fed713 ! important;
    border-radius: 0 ! important;
    outline: none ! important;
    box-shadow: none ! important;
}
input:checked[type="checkbox"] {
    background-color: #fed713;
    border-color: #fed713;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 176.5 165'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23fff%3B stroke: %231d1d1b%3B stroke-miterlimit: 10%3B stroke-width: 15px%3B %7D %3C/style%3E%3C/defs%3E%3Cline class='cls-1' x1='143.35' y1='32' x2='33.15' y2='135'/%3E%3Cline class='cls-1' x1='33.15' y1='32' x2='143.35' y2='135'/%3E%3C/svg%3E") ! important;
}
.form-check {
    clear: left;
    float: left;
    margin: 10px 0 0 0;
}
.form-check input {
    display: block;
    float: left;
    margin: -2px 10px 0 0;
}

textarea {
    line-height: 1.4em;
}
input, textarea, select {
    outline: none ! important;
    box-shadow: none ! important;
}
input:hover, textarea:hover {
    border-color: #a6a6a6;
}
input:focus, textarea:focus ,
input:active, textarea:active {
    border-color: #8c8c8c;
}
.btn-primary {
    display: block;
    float: right;
    padding: 25px 40px;
    color: #fff;
    font-size: 1.4em;
    font-family: 'Rajdhani-semibold', Verdana, Arial;
    text-transform: uppercase;
    background: #1c1c1c;

    border: 0 ! important;
    border-radius: 5px ! important;
    outline: none ! important;
    box-shadow: none ! important;
}
.btn-primary.active ,
.btn-primary:active ,
.btn-primary:focus {
    color: #fff;
    background-color: #1c1c1c;
}
.btn-primary i {
    padding-right: 10px;
}
.btn-primary:hover {
    color: #1c1c1c;
}
form label a {
    color: #191c17;
}
form label a:hover {
    color: #000;
}

.fileinput-button {
    padding: 10px 20px;
    color: #fff;
    border-radius: 5px;

    font-size: 1.4em;
    font-family: 'Rajdhani-semibold', Verdana, Arial;
    text-transform: uppercase;
    line-height: 40px;
}
.fileinput-button i {
    font-size: .5em;
}

#form_moto input:not([type="checkbox"])  ,
#form_coche input:not([type="checkbox"]) ,
#form_moto textarea ,
#form_moto select ,
#form_coche textarea ,
#form_coche select {
    height: 50px;
    line-height: 50px;
    padding: 0 25px;
    margin: 0 0 25px 0;
    color: #7b8395;
    font-family: 'Rajdhani-regular', Verdana, Arial;
    font-size: 1em;
    line-height: 1em;
    background: #f6f5f6;
    border: 1px solid #f6f5f6 ! important;
}
#form_moto textarea ,
#form_coche textarea {
    height: auto;
    padding: 15px 25px;
    height: 125px;
}
#form_moto .fileinput-button ,
#form_coche .fileinput-button {
    display: block;
    float: left;
    margin-right: 20px;
}
#form_moto .btn-primary ,
#form_coche .btn-primary {
    padding: 15px 20px;
    margin: 25px 0 10px 0;
}
#form_moto .fileinput-button ,
#form_coche .fileinput-button ,
#form_moto .btn-primary ,
#form_coche .btn-primary {
    border-radius: 0 ! important;
}

/* Validations */
.custom-success select ,
.custom-success textarea ,
.custom-success input:not([type="checkbox"]) ,
#form_moto .custom-success input:not([type="checkbox"]) ,
#form_coche .custom-success input:not([type="checkbox"]) ,
#form_moto .custom-success textarea ,
#form_moto .custom-success select ,
#form_coche .custom-success textarea ,
#form_coche .custom-success select {
    position: relative;
    border: 1px solid #00b30c ! important;
}
.custom-error select ,
.custom-error textarea ,
.custom-error input:not([type="checkbox"]) ,
#form_moto .custom-error input:not([type="checkbox"]) ,
#form_coche .custom-error input:not([type="checkbox"]) ,
#form_moto .custom-error textarea ,
#form_moto .custom-error select ,
#form_coche .custom-error textarea ,
#form_coche .custom-error select {
    position: relative;
    border: 1px solid #b30000 ! important;
}
.custom-error ,
.custom-success {
    position: relative;
}
.custom-error:after ,
.custom-success:after {
    display: inline-block;
    content: "";
    position: absolute;
    top: 15px;
    right: 15px;
}
.custom-success:after {
    color: #00b30c;
    content: "\f00c";
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
}
.custom-error:after {
    color: #b30000;
    content: "\f00d";
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
}



/**
 * Sections :: Work
 */
#form_work .fileupload-progress ,
#form_work .fileupload-progress div {
    height: 0;
}



/**
 * Sections :: FAQ
 */
.faq-questions {

}
.faq-sell-questions {

}



/**
 * Sections :: Our Facilities
 */
.our-facilities-gallery {

}
.our-facilities-gallery .grid-wrapper > div {
	display: flex;
	justify-content: center;
	align-items: center;
}
.our-facilities-gallery .grid-wrapper > div a ,
.our-facilities-gallery .grid-wrapper > div img {
    display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.our-facilities-gallery .grid-wrapper > div img {
    /* visibility: hidden; Por JS */
	vertical-align: middle;
}
.our-facilities-gallery .grid-wrapper > div a {
    position: relative;
    overflow: hidden;
}
.our-facilities-gallery .grid-wrapper > div a span ,
.our-facilities-gallery .grid-wrapper > div a span:after {
    display: block;
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: no-repeat center center;
    background-size: cover;
}
.our-facilities-gallery .grid-wrapper > div a span:after {
    box-shadow: inset 0 0 50px 50px rgba(0,0,0,0);
}
.our-facilities-gallery .grid-wrapper > div a:after {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 9;
    transform: translate(-50%,-50%);
    opacity: 0;

    padding: 20px 25px;

    content: "\f067";
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    font-size: .1em;
    line-height: 100%;
    text-align: center;
    color: #fff;
}
.our-facilities-gallery .grid-wrapper {
	display: grid;
	grid-gap: 20px;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	grid-auto-rows: 200px;
	grid-auto-flow: dense;
}
.our-facilities-gallery .grid-wrapper .wide {
	grid-column: span 2;
}
.our-facilities-gallery .grid-wrapper .tall {
	grid-row: span 2;
}
.our-facilities-gallery .grid-wrapper .big {
	grid-column: span 2;
	grid-row: span 2;
}

.our-facilities-gallery .grid-wrapper > div:hover a span {
    width: calc( 100% + 50px );
    height: calc( 100% + 50px );
    top: -25px;
    left: -25px;
}
.our-facilities-gallery .grid-wrapper > div a:hover span:after {
    background: rgba(0,0,0,.5);
    box-shadow: inset 0 0 75px 75px rgba(0,0,0,.5);
}
.our-facilities-gallery .grid-wrapper > div a:hover:after {
    opacity: 1;
    font-size: 2em;
}

/**
 * Sections :: Legals
 */
.terms-content {
    font-size: .9em;
    /* text-align: justify; */
}
.terms-content h5 {
    font-family: 'Rajdhani-bold', Verdana, Arial;
    font-size: 1.5em;
    line-height: 1em;
}
.terms-content h5 b ,
.terms-content h5 strong {
    display: inline-block;
}
.terms-content hr {
    margin: 50px 0;
}



/**
 * Transitions
 */
.custom-btn-01 > a ,
.custom-btn-04 > a ,
.custom-btn-02 ,
.custom-btn-02:before ,
.custom-btn-03 ,
.custom-btn-05 ,
.custom-btn-06 ,
header #topbar ul.contact-list li a ,
header #topbar ul.contact-list li a svg ,
header #topbar ul.social-list li a svg ,
header .navbar ,
header .navbar li a.active ,
header .navbar li a.active:hover ,
header .navbar li a:after ,
header .navbar .navbar-brand img ,
.fixed-icons-left ul li a  ,
.fixed-icons-left ul li a > svg ,
.fixed-icons-left ul li a > span ,
.site-links ul li a ,
.site-links ul li a * ,
.site-links ul li a span:after ,
.call-newsletter a ,
.call-newsletter a svg ,
footer .footer-links ul li a ,
footer .footer-links ul li a:before ,
footer .footer-links .row > div:last-child ul li a i ,
footer .footer-links .row > div:last-child ul li a img ,
footer .copyright ul.social-list li a ,
.blog-list .blog-item ,
.blog-list .blog-item > div ,
.blog-list .blog-item > div > p.date-short ,
.blog-list .blog-item > figure > figcaption ,
.vehicles-list .vehicles-item ,
.vehicles-list .vehicles-item > div ,
.vehicles-list .vehicles-item > figure > figcaption ,
.box-home-slider div.slide a span ,
.box-home-slider .boxes .col img ,
.box-home-slider .boxes .col:before ,
.box-services > .container > .rotative div.service ,
.box-services > .container > .rotative div.service:after ,
.box-services > .container > .rotative div.service > h4 ,
.box-services > .container > .rotative div.service > svg ,
.box-rating-speed-up .member figure:before ,
.box-rating-speed-up .member figure .icos ,
.box-rating-speed-up .member figure .icos ul li a span ,
.box-rating-speed-up .member h5 span ,
.box-rating-speed-up .member p a:before ,
.box-team .member figure:before ,
.box-team .member figure .icos ,
.box-team .member figure .icos ul li a span ,
.box-team .member h5 span ,
.box-team .member p a:before ,
.box-logos > .container > .rotative div img ,
.rating-services .row > div:before ,
.nuestros-servicios .row > div > div:before ,
.nuestros-servicios .row > div > div a:after ,
.services-detail .subsections li a ,
.services-detail .subsections li a:after ,
.services-detail .box-download a ,
.services-detail .box-download a:after ,
.blog-slider .slider-item h3 a:after ,
.about-us-why .boxes .col ,
.about-us-why .boxes .col h4 ,
.about-us-why .boxes .col h4 ,
.about-us-why .boxes .col svg ,
.contact-intro .row > div .hover ,
.contact-intro .row > div .hover .rehover ,
.btn-primary ,
.box-facilities .custom-grid .height-full a:before ,
.box-facilities .custom-grid .height-half a:before ,
.box-facilities .custom-grid .height-full a:after ,
.box-facilities .custom-grid .height-half a:after ,
.our-facilities-gallery .grid-wrapper > div a:after ,
.our-facilities-gallery .grid-wrapper > div a span:after ,
.fixed-icons-bottom ul li.whatsapp div.member:hover ,
.fixed-icons-bottom ul li.whatsapp div.member:hover:before ,
.fixed-icons-bottom ul li.whatsapp div.member:hover > img ,
.fixed-icons-bottom ul li.whatsapp div.member:hover > a strong {
            transition: all .15s ease-in-out;
       -moz-transition: all .15s ease-in-out;
    -webkit-transition: all .15s ease-in-out;
}
.our-facilities-gallery .grid-wrapper > div a span {
            transition: all .95s ease-in-out;
       -moz-transition: all .95s ease-in-out;
    -webkit-transition: all .95s ease-in-out;
}

/* Slider */
.box-home-slider div.slide.active:before {
            transition: all 2s ease-in-out;
       -moz-transition: all 2s ease-in-out;
    -webkit-transition: all 2s ease-in-out;
}
.box-home-slider div.slide.active h1 {
            transition: all .5s ease-in-out;
       -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
}
.box-home-slider div.slide.active a {
            transition: all .75s ease-in-out;
       -moz-transition: all .75s ease-in-out;
    -webkit-transition: all .75s ease-in-out;
}
.box-home-slider div.slide.active img {
            transition: all 1s ease-in-out;
       -moz-transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
}



/**
 * Animations ( Keyframes )
 */
@keyframes custom-spinner {
    0% {
        transform: rotate( 0 );
    }
    100% {
        transform: rotate( 360deg );
    }
}



/**
 * Colors
 */
body.header-white header .navbar {
    background-color: #fff;
}



/**
 * Gradients
 */
.box-home-slider .boxes .col.black:before {
    background: linear-gradient(0deg, transparent, #212121) #1a1a1a;
}
.box-services > .container > .rotative div.service:after {
    background: linear-gradient(0deg, transparent, transparent) transparent;
}
.box-rating-speed-up .member .langs ul li ,
.box-team .member .langs ul li {
    background: linear-gradient(90deg, transparent, #fff 85%);
}
.box-rating-speed-up .container > p:before {
    background: linear-gradient(90deg, transparent, #52e254) #11bf23;
}
.box-thanks .box .ico {
    background: linear-gradient(0deg, transparent , #cdcdcd) #656565;
}
.box-thanks.result-success .box .ico {
    background: linear-gradient(0deg, transparent , #2de902) #348200;
}
.box-thanks.result-error .box .ico {
    background: linear-gradient(0deg, transparent , #e90202) #820000;
}
.rating-slider .slider-item .txt:before {
    background: linear-gradient(45deg, transparent, #f9de00) #ffae1b;
}
.rating-slider .slider-item .txt a {
    background: linear-gradient(0deg, transparent, #222222) #000000;
}
.services-detail .subsections li a:hover ,
.services-detail .subsections li a.active ,
.services-detail .box-download a {
    background: linear-gradient(-45deg, transparent , #ffd700) #ff8a00;
}
.services-detail .box-download a:hover {
    background: linear-gradient(-45deg, transparent , #ff8a00) #ffd700;
}
.about-us-service:after {
    background: linear-gradient(90deg, transparent, #1c1c1c) #141516;
}
.about-us-why .boxes .col h4 {
    background: linear-gradient(90deg, transparent, #1c1c1d) #000000;
}
.fileinput-button {
    background: linear-gradient(0deg, transparent, #60a343) #529734;
}
.custom-btn-03 ,
.custom-btn-04 > a ,
.box-home-slider div.slide a span ,
.box-home-slider .boxes .col.yellow:before ,
.vehicles-list .vehicles-item > div .tags > span ,
.box-services > .container > .rotative div.service:hover:after ,
.blog-list .blog-item > figure p.date-long ,
.box-facilities .custom-grid .height-full a:after ,
.box-facilities .custom-grid .height-half a:after ,
.box-rating-speed-up .member figure .contact-featured:before ,
.box-team .member figure .contact-featured:before ,
.rating-services svg ,
.blog-slider .slider-item h3 a:after ,
.blog-tabs .nav-tabs .nav-item.show .nav-link ,
.blog-tabs .nav-tabs .nav-link.active ,
.about-us-intro.box-layout-02 .col-img figure figcaption ,
.contact-intro .row > div .hover ,
.contact-intro .row > div .hover > div .rehover ,
.btn-primary:hover ,
.our-facilities-gallery .grid-wrapper > div a:after {
    background: linear-gradient(0deg, transparent, #f9de00) #ffae1b;
}
.custom-btn-03:hover ,
.box-about-us .row > div ul > li:before ,
.blog-list .blog-item:hover > figure p.date-long ,
.blog-slider .slider-item h3 a:hover:after {
    background: linear-gradient(0deg, transparent , #ffae1b) #f9de00;
}
footer .copyright ul.social-list li a:hover ,
.custom-btn-01 > a ,
.custom-btn-06 ,
header #topbar:after ,
header .navbar li a.active ,
header .navbar li a:after ,
.blog-list .blog-item > div p.date-short {
    background: linear-gradient(90deg, transparent, #ffae1b) #f9de00;
}
.fixed-icons-left ul li a:hover ,
.about-us-why .boxes .col:hover h4 ,
.custom-btn-06:hover ,
header .navbar li a.active:hover ,
.blog-list .blog-item:hover > div p.date-short {
    background: linear-gradient(90deg, transparent, #f9de00) #ffae1b;
}
.custom-btn-04 > a:hover {
    background: linear-gradient(0deg, transparent 25%, #707070) #000;
}
.custom-btn-01 > a:hover {
    background: linear-gradient(90deg, transparent 25%, #707070) #000;
}



/**
 * Texts Gradient
 */
.box-layout-01 .col-left.result-success h3 small span {
    background: -webkit-linear-gradient(0deg, transparent , #42db29) #17991a;
}
.box-layout-01 .col-left.result-error h3 small span {
    background: -webkit-linear-gradient(0deg, transparent , #df210d) #df210d;
}
.box-layout-02 .col-text > h3 small ,
.box-about-us .row > div h3 small ,
.box-how-to-sell .row > div > h3 span ,
.box-testimonial blockquote .stars {
    background: -webkit-linear-gradient(45deg, transparent, #f9de00) #ffae1b;
}
.box-about-us .collage span b ,
.box-testimonial .reviews .score ,
.box-testimonial .reviews .stars i ,
.box-testimonial blockquote .stars i ,
.nuestros-servicios .row > div > div a:hover:after ,
.about-us-why h3 {
    background: -webkit-linear-gradient(90deg, transparent, #f9de00) #ffae1b;
}
.box-facilities h3 span ,
.box-rating-speed-up .member h5 span ,
.box-team .member h5 span ,
.box-layout-01 .col-left h3 small span ,
.box-rating-speed-up .member h5 span ,
.services-intro h3 small span ,
.services-detail .box-download h4 small span ,
.services-detail .content .service-title time span ,
.services-detail .content .service-title h2 small span ,
#call_modal .modal-title ,
#news_modal .modal-title {
    background: -webkit-linear-gradient(0deg, transparent, #ffae1b)  #f9de00;
}
.box-rating-speed-up .member:hover h5 span ,
.box-team .member:hover h5 span ,
.terms-content h5 b ,
.terms-content h5 strong {
    background: -webkit-linear-gradient(0deg, transparent , #f9de00) #ffae1b;
}
.nuestros-servicios .row > div > div a:after {
    background: -webkit-linear-gradient(90deg, transparent , #353535) #353535;
}

.box-layout-01 .col-left h3 small span ,
.box-layout-01 .col-left.result-success h3 small span ,
.box-layout-01 .col-left.result-error h3 small span ,
.box-layout-02 .col-text > h3 small ,
.box-about-us .row > div h3 small ,
.box-about-us .collage span b ,
.box-how-to-sell .row > div > h3 span ,
.box-testimonial .reviews .score ,
.box-testimonial .reviews .stars i ,
.box-testimonial blockquote .stars ,
.box-testimonial blockquote .stars i ,
.box-facilities h3 span ,
.box-rating-speed-up .member h5 span ,
.box-rating-speed-up .member:hover h5 span ,
.box-team .member h5 span ,
.box-team .member:hover h5 span ,
.services-intro h3 small span ,
.nuestros-servicios .row > div > div a:after ,
.nuestros-servicios .row > div > div a:hover:after ,
.services-detail .box-download h4 small span ,
.services-detail .content .service-title time span ,
.services-detail .content .service-title h2 small span ,
.about-us-why h3 ,
.terms-content h5 b ,
.terms-content h5 strong ,
#call_modal .modal-title ,
#news_modal .modal-title {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}



/**
 * Slider
 */
.modal-backdrop {
    z-index: 10050;
}
.modal-backdrop.show {
    opacity: .75;
}
.modal {
    z-index: 10055;
}
.modal-dialog-scrollable .modal-content {
    height: 100%;
}

.carousel ,
.carousel > .carousel-inner ,
.carousel > .carousel-inner > .carousel-item ,
.carousel > .carousel-inner > .carousel-item img {
    height: 100%;
}
.carousel-item img {
    height: 60vw;
    -o-object-fit: cover;
       object-fit: cover;
}

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: 0.4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    transition: 0.4s;
}



/**
 * Video
 */
#video_modal .modal-body {
    position: relative;
    padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
    padding-top: calc( 56.25% - 16px ); /* Manual remove bg */
    background: #000;
}
#video_modal .modal-body:before {
    content: "";
    display: block;
    position: absolute;
    top: -10px;
    left: -10px;
    width: calc( 100% + 20px );
    height: calc( 100% + 20px );
    z-index: -1;
    background: linear-gradient(45deg, transparent, #f9de00) #ffae1b;
}
#video_modal .modal-body iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



/**
 * Modal call
 */
#call_modal .modal-header ,
#news_modal .modal-header {
    padding: 2rem;
}
#call_modal .modal-body ,
#news_modal .modal-body {
    padding: 0 4rem 4rem 4rem;
}
#call_modal .modal-header ,
#news_modal .modal-header {
    display: block;
    border-bottom: 0;
}
#call_modal .modal-header button.btn-close ,
#news_modal .modal-header button.btn-close {
    opacity: .75;
    box-shadow: none ! important;
}
#call_modal .modal-header button.btn-close:hover ,
#news_modal .modal-header button.btn-close:hover {
    opacity: 1;
}
#call_modal .modal-header .btn-close ,
#news_modal .modal-header .btn-close {
    display: block;
    float: right;
}
#call_modal .modal-title ,
#news_modal .modal-title {
    margin-top: 2rem;
    font-size: 2.45em;
    font-family: 'Rajdhani-bold', Verdana, Arial;
    text-transform: uppercase;
    line-height: 70px;
    text-align: center;
}
#call_modal .modal-title svg ,
#news_modal .modal-title svg {
    width: 55px;
    height: 55px;
    margin: 0 10px 0 0;

    fill: #f9de00 ! important;
}
#news_modal .modal-title svg {
    margin-top: -20px;
    transform: scaleX(-1);
}
#call_modal .modal-body p ,
#news_modal .modal-body p {
    color: #201f20;
    font-size: 1.09em;
    text-align: center;
}
#call_modal .modal-body p.big ,
#news_modal .modal-body p.big {
    font-size: 1.5em;
    font-family: 'Rajdhani-medium', Verdana, Arial;
    text-transform: uppercase;
}
#call_modal .modal-body input:not([type="checkbox"]) ,
#news_modal .modal-body input:not([type="checkbox"]) {
    padding: .8rem;
    color: #59595c;
    font-size: 1.5em;
    font-family: 'Rajdhani-bold', Verdana, Arial;
    text-transform: uppercase;
    text-align: center;
    background: #f6f5f6;
    border-color: #d5d4d5;
}
#call_modal .modal-body input:not([type="checkbox"]):placeholder ,
#news_modal .modal-body input:not([type="checkbox"]):placeholder {
    color: #59595c;
    opacity: 1;
}
#call_modal .modal-body button ,
#news_modal .modal-body button {
    display: block;
    float: none;
    width: 100%;
    padding: .75rem;
    font-size: 2em;
    font-family: 'Rajdhani-bold', Verdana, Arial;
    text-transform: uppercase;
    border-radius: 0 ! important;
    box-shadow: 0 ! important;
}
#call_modal .modal-body .form-check ,
#news_modal .modal-body .form-check {
    display: flex;
    margin: 1.5rem 0 2rem 0 ;
}
#call_modal .modal-body hr ,
#news_modal .modal-body hr {
    display: block;
    clear: both;
    margin-bottom: 2rem;
    height: 1px;
    opacity: 1;
    background: #ffd800;
    border: 1px solid rgba(255,215,0,.5);
}
#call_modal .modal-body a.btn ,
#news_modal .modal-body a.btn {
    display: block;
    float: none;
    width: 100%;
    padding: .5rem;
    margin-bottom: 2rem;

    color: #202020;
    font-size: 2em;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;

    background: #fff;
    border: 1px solid #d5d4d5;
    box-shadow: 0 0 0 1px #e6e5e6, inset 0 0 0 1px #e6e5e6;
}
#call_modal .modal-body a.btn b ,
#news_modal .modal-body a.btn b {
    font-family: 'Rajdhani-bold', Verdana, Arial;
    font-weight: normal;
}
#call_modal .modal-body a ,
#news_modal .modal-body a {
    color: #202020;
}



/**
 * Responsive
 */
@media( max-width: 1800px ){



    /* Asides */
    .fixed-icons-left ul li a {
        height: 75px;
        line-height: 75px;
    }
    .fixed-icons-left ul li a span {
        line-height: 75px;
    }
    .fixed-icons-left ul li.call-in a svg {
        width: 31px;
        height: auto;
        margin: 18px 21px 0 21px;
    }
    .fixed-icons-left ul li.call-out a svg {
        width: 34px;
        height: auto;
        margin: 22px 20px 0 19px;
    }
    .fixed-icons-bottom ul li.whatsapp {
        width: 218px;
        height: 250px;
    }
    .fixed-icons-bottom ul li.whatsapp a:after {
        width: 65px;
        height: 66px;
    }
    .fixed-icons-bottom ul li.whatsapp a strong {
        font-size: 1.15em;
    }
    .fixed-icons-bottom ul li.whatsapp div.member {
        width: 200px;
        height: 247px;
        border-radius: 0 0 100px 100px;
    }
    .fixed-icons-bottom ul li.whatsapp div.member:before {
        width: 200px;
        height: 200px;
    }
    .fixed-icons-bottom ul li.whatsapp div.member > img {
        border-radius: 0 0 100px 100px;
        width: 200px;
    }



    /* Box Home Slider */
    .box-home-slider div.slide {
        height: 600px;
    }
    .box-home-slider div.slide:before {
        left: calc( 50% - 50px);
    }
    .box-home-slider div.slide.active img {
        width: auto;
        top: calc( 50% - 5px );

        max-height: 405px ! important;
    }
    .box-home-slider div.slide h1 {
        padding: 130px 0 0 75px;
        font-size: 2.4em;
    }
    .box-home-slider div.slide a span {
        margin-left: 55px;
    }



    /* Box Opinions */
    .box-testimonial:before {
        background-size: contain;
        max-height: 350px;
    }
    .box-testimonial .row > div:last-child:after {
        top: 200px;
        background-size: contain;
        max-height: 500px;
    }



    /* Sections :: Blog */
    .blog-slider .slider-item {
        height: 700px ! important;
    }
    .blog-slider .slider-item  .py-9 {
        padding-top: 8rem !important;
        padding-bottom: 8rem !important;
    }
    .blog-slider .slider-item h3 {
        font-size: 2.25em;
    }
    .blog-slider .slider-item h3 a:after {
        font-size: .55em;
        padding: 14px 45px;
    }



}
@media( max-width: 1400px ){

    /* Header :: TopBar */
    header #topbar:after {
        width: calc( 50% + 55px);
    }



    /* Asides */
    .fixed-icons-left ul li a {
        height: 70px;
        line-height: 70px;
    }
    .fixed-icons-left ul li a span {
        line-height: 70px;
    }
    .fixed-icons-left ul li.call-in a svg {
        width: 29px;
        height: auto;
        margin: 18px 21px 0 21px;
    }
    .fixed-icons-left ul li.call-out a svg {
        width: 32px;
        height: auto;
        margin: 22px 20px 0 19px;
    }
    .fixed-icons-bottom ul li.whatsapp {
        width: 198px;
        height: 230px;
    }
    .fixed-icons-bottom ul li.whatsapp a:after {
        width: 55px;
        height: 56px;
    }
    .fixed-icons-bottom ul li.whatsapp a strong {
        font-size: 1em;
    }
    .fixed-icons-bottom ul li.whatsapp div.member {
        width: 180px;
        height: 227px;
        border-radius: 0 0 90px 90px;
    }
    .fixed-icons-bottom ul li.whatsapp div.member:before {
        width: 180px;
        height: 180px;
    }
    .fixed-icons-bottom ul li.whatsapp div.member > img {
        border-radius: 0 0 90px 90px;
        width: 180px;
    }



    /* Newsletter */
    .call-newsletter h5 {
        font-size: 3.5em;
    }
    .call-newsletter p {
        font-size: 1.5em;
    }
    .call-newsletter a {
        padding: 35px 125px 26px 65px;
        font-size: 2.5em;
    }
    .call-newsletter a svg {
        width: 50px;
        height: auto;
    }



    /* Footer Links */
    footer .footer-links {
        padding-top: 1px;
    }
    footer .footer-links ul {
        padding-top: 95px;
        padding-left: 10px;
    }
    footer .col-xl-3 {
        width: 23.5%;
    }
    footer .col-xl-3:first-child {
        width: 28%;
    }
    footer .col-xl-3:last-child {
        width: 25%;
    }



    /* Box Opinions */
    .box-testimonial:before {
        max-height: 300px;
    }
    .box-testimonial .row > div:last-child:after {
        max-height: 400px;
    }



    /* Box Home Slider */
    .box-home-slider div.slide {
        height: 550px;
    }
    .box-home-slider div.slide:before {
        width: 672px;
        height: 547px;
        left: calc( 50% - 150px );
    }
    .box-home-slider div.slide.active img {
        width: auto;
        top: calc( 50% - 10px );
        max-height: 350px ! important;
    }
    .box-home-slider div.slide h1 {
        padding: 100px 0 0 45px;
        font-size: 2.15em;
    }
    .box-home-slider div.slide a span {
        margin-left: 25px;
    }



    /* Box About Us */
    .box-about-us .collage .img-01 {
        width: calc( 100% - 140px );
    }
    .box-about-us .collage i {
        top: 28px;
        right: 60px;
    }
    .box-about-us .row > div ul > li {
        width: 100%;
        float: none;
        margin: 0 ! important;
    }



    /* Box How to sell */
    .box-how-to-sell .row > div:last-child:after {
        left: 50%;
        transform: translateX(-200px);
    }



    /* Box Thanks */
    .box-thanks .car {
        max-width: 675px;
        bottom: 55px;
        left: 50%;
    }
    .box-thanks .circle {
        left: calc( 50% + 100px );
        bottom: -100px;
    }
    .box-thanks .circle img {
        max-width: 700px;
    }
    .box-thanks .box .ico {
        width: 190px;
        height: 190px;
        top: 25px;
        right: -150px;
    }
    .box-thanks .box .ico .spinner svg {
        width: 256px;
        height: 256px;
    }


    /* Sections :: Services */
    .services-intro h3 {
        margin-top: 80px;
    }
    .services-detail .content .service-title h2 {
        font-size: 2.5em;
    }
    .services-detail .content .service-title h2 small {
        font-size: .7em;
    }
    .services-detail .content .service-title svg {
        width: 130px;
    }



    /* Sections :: Blog */
    .blog-slider .slider-item {
        height: 650px ! important;
        padding-bottom: 50px;
    }
    .blog-slider .slider-item  .py-9 {
        padding-top: 7rem !important;
        padding-bottom: 7rem !important;
    }
    .blog-slider .slider-item h3 {
        font-size: 2em;
    }
    .blog-slider .slider-item h3 a:after {
        font-size: .6em;
        padding: 13px 40px;
    }



    /* Sections :: About Us */
    .about-us-intro .services {
        padding-top: 8rem !important;
    }
    .about-us-intro .services li {
        width: 20%;
        padding: 0;
        text-align: center;
    }
    .about-us-intro .services li svg {
        width: auto;
        height: 60px;
        position: static;
        margin: 0 auto 10px auto;
    }
    .about-us-why .boxes .col {
        padding: 160px 40px 40px 40px;
    }
    .about-us-why .boxes .col h4 {
        width: calc( 100% - 10px);
        padding-left: 130px;
    }
    .about-us-why .boxes .col svg {
        left: 25px;
    }



    /* Sections :: Contact */
    .contact-intro .row > div .hover > div .rehover li span {
        display: none;
    }



}
@media( max-width: 1200px ){



    /* Common */
    .section-title {
        margin-top: 8rem !important;
    }



    /* Header :: TopBar */
    header #topbar:after {
        width: calc( 50% - 35px);
    }
    header #topbar ul.social-list li:first-child {
        display: none;
    }
    header #topbar ul.social-list li {
        margin-right: 15px;
    }
    header #topbar ul.social-list li a svg {
        width: 25px;
        height: 25px;
    }



    /* Header :: NavBar */
    header .navbar {
        height: 130px;
    }
    .header-small header > .navbar {
        height: 75px;
    }
    header .navbar .navbar-brand img {
        width: 250px;
        height: auto;
    }
    header .navbar li {
        margin-right: 5px;
    }
    header .navbar li a {
        padding-left: 10px ! important;
        padding-right: 10px ! important;
    }



    /* Site Links */
    .site-links ul li {
        width: calc( 50% - 20px);
    }



    /* Newsletter */
    .call-newsletter h5 {
        font-size: 3.25em;
    }
    .call-newsletter p {
        font-size: 1.25em;
    }
    .call-newsletter a {
        padding: 30px 100px 21px 60px;
        font-size: 2em;
    }
    .call-newsletter a svg {
        top: 20px;
        right: 50px;
        width: 45px;
    }



    /* Footer Links */
    footer .footer-links {
        padding-top: 1px;
    }
    footer .footer-links ul {
        padding-top: 95px;
        padding-left: 0;
    }
    footer .col-xl-3 {
        width: 25%;
    }
    footer .col-xl-3:first-child {
        width: 23%;
    }
    footer .col-xl-3:last-child {
        width: 27%;
    }



    /* Asides */
    .fixed-icons-left ul li a {
        height: 64px;
        line-height: 64px;
    }
    .fixed-icons-left ul li a span {
        line-height: 64px;
    }
    .fixed-icons-left ul li.call-in a svg {
        width: 27px;
        height: auto;
        margin: 14px 19px 0 19px;
    }
    .fixed-icons-left ul li.call-out a svg {
        width: 30px;
        height: auto;
        margin: 20px 18px 0 17px;
    }



    /* Box Home Slider */
    .box-home-slider div.slide {
        height: 450px;
    }
    .box-home-slider div.slide:before {
        width: 672px;
        height: 547px;
        left: calc( 50% - 150px );
    }
    .box-home-slider div.slide.active img {
        width: auto;
        top: calc( 50% - 15px );

        /* left: 50%; */
        margin: 0 0 0 -115px;
        max-height: 300px ! important;
    }
    .box-home-slider div.slide h1 {
        padding: 90px 0 0 35px;
        font-size: 1.85em;
    }
    .box-home-slider div.slide a span {
        margin-left: 20px;
        font-size: 1.25em;
        height: 60px;
        line-height: 60px;
    }



    /* Box About Us */
    .box-about-us .collage .img-01 {
        width: calc( 100% - 80px );
    }
    .box-about-us .collage i {
        top: 104px;
        right: 0px;
    }



    /* Box How to sell */
    .box-how-to-sell .row > div:last-child:after {
        left: 50%;
        transform: translateX(-150px);
    }



    /* Box rating speed up */
    .box-rating-speed-up .container > p b {
        padding-top: 0;
    }



    /* Box Opinions */
    .box-testimonial:before {
        max-height: 250px;
    }
    .box-testimonial .row > div:last-child:after {
        max-height: 350px;
    }



    /* Box Thanks */
    .box-thanks .car {
        max-width: 625px;
        bottom: 50px;
        left: calc( 50% + 50px );
    }
    .box-thanks .circle {
        left: calc( 50% + 100px );
        bottom: -100px;
    }
    .box-thanks .circle img {
        max-width: 600px;
    }
    .box-thanks .box .ico {
        width: 170px;
        height: 170px;
        top: 15px;
        right: -125px;
    }
    .box-thanks .box .ico .spinner svg {
        width: 236px;
        height: 236px;
    }
    .box-thanks.result-success .box .ico {
        padding-top: 60px;
    }



    /* Sections :: Services */
    .services-intro figure {
        margin-top: 0;
    }
    .services-intro h3 {
        margin-top: 0;
        font-size: 2.5em;
    }
    .services-detail .content .service-title h2 {
        font-size: 2em;
    }
    .services-detail .content .service-title h2 small {
        font-size: .75em;
    }
    .services-detail .content .service-title svg {
        width: 100px;
    }



    /* Sections :: Blog */
    .blog-slider {
        margin-top: 130px;
    }
    .blog-slider .slider-item {
        height: 600px ! important;
        padding-top: 0;
        padding-bottom: 0;
    }
    .blog-slider .slider-item  .py-9 {
        padding-top: 6rem !important;
        padding-bottom: 6rem !important;
    }
    .blog-slider .slider-item h3 {
        font-size: 1.75em;
    }
    .blog-slider .slider-item h3 a:after {
        font-size: .65em;
        padding: 12px 35px;
    }
    .box-videos .video i ,
    .video-list-container .video i {
        top: 25px;
        left: auto;
        right: 25px;
        transform: none;
    }


    /* Sections :: About Us */
    .about-us-intro .services {
        padding-top: 7rem !important;
    }
    .about-us-intro .services li {
        font-size: 1.15em;
    }
    .about-us-why .boxes .col {
        padding: 140px 20px 20px 20px;
    }
    .about-us-why .boxes .col h4 {
        width: 100%;
        padding-left: 110px;
    }
    .about-us-why .boxes .col svg {
        left: 5px;
    }



    /* Sections :: Contact */
    .contact-intro .row > div {
        width: calc( 50% - 20px ) ! important;
    }
    .contact-intro .row > div .hover > div .rehover li span {
        display: inline-block;
    }



    /* Form */
    .btn-primary {
        float: none;
        margin: 20px auto;
    }



    /* Image zoom */
    .modal-dialog-scrollable .modal-content {
        height: 90%;
    }
}
@media( max-width: 992px ){



    /* Common */
    .section-title {
        margin-top: 7.5rem !important;
    }



    /* Header :: TopBar */
    header #topbar:after {
        width: calc( 50% + 215px);
    }
    header #topbar ul.contact-list li a span {
        display: none;
    }
    header #topbar ul.contact-list li.mail a svg {
        width: 28px;
        height: auto;
    }
    header #topbar ul.contact-list li:after {
        padding: 0;
        content: "";
        width: 25px;
        height: 28px;
        margin-left: 20px;
        border-left: 1px solid rgba(255,255,255,.5); ! important;
    }



    /* Header :: NavBar */
    header .navbar {
        padding: 35px 0;
        height: 120px;
    }



    /* Newsletter */
    .call-newsletter a {
        margin-top: 20px;
        margin-left: 20px;
    }



    /* Copyright */
    footer .copyright p {
        text-align: center;
    }
    footer .copyright p span {
        display: none;
    }
    footer .copyright p br {
        display: block;
    }
    footer .copyright ul.social-list {
        margin-top: 15px;
    }
    footer .copyright ul.social-list li:first-child {
        display: none;
    }



    /* Footer Links */
    footer .footer-links {
        padding-top: 1px;
    }
    footer .footer-links ul {
        padding-top: 15px;
        padding-left: 0;
    }
    footer .col-xl-3 {
        width: 33.33%;
    }
    footer .col-xl-3:first-child {
        width: 100%;
        text-align: center;
    }
    footer .col-xl-3:last-child {
        width: 33.33%;
    }
    footer .footer-links ul li a {
        font-size: .75em;
    }
    footer .footer-links .row > div:last-child ul li a {
        font-size: .875em;
    }
    footer .footer-links .navbar-brand {
        margin: 0 auto 5px auto;
    }


    /* Asides */
    .fixed-icons-left ul li a {
        height: 60px;
        line-height: 60px;
    }
    .fixed-icons-left ul li a span {
        line-height: 60px;
    }
    .fixed-icons-left ul li.call-in a svg {
        width: 25px;
        height: auto;
        margin: 16px 18px 0 18px;
    }
    .fixed-icons-left ul li.call-out a svg {
        width: 28px;
        height: auto;
        margin: 18px 17px 0 16px;
    }



    /* Box Home Slider */
    .box-home-slider div.slide {
        height: 400px;
    }
    .box-home-slider div.slide:before {
        width: 672px;
        height: 547px;
        left: calc( 50% - 150px );
    }
    .box-home-slider div.slide.active img {
        width: auto;
        top: calc( 50% - 20px );
        /* left: 50%; */
        margin: 0 0 0 -15px;
        max-height: 200px ! important;
    }
    .box-home-slider div.slide.active img.slide-03 {
        top: calc( 50% - 15px );
        margin-left: 50px;
    }
    .box-home-slider div.slide h1 {
        padding: 80px 0 0 25px;
        font-size: 1.65em;
    }
    .box-home-slider div.slide a span {
        margin-left: 10px;
        font-size: 1.15em;
        height: 50px;
        line-height: 50px;
    }



    /* Box About Us */
    .box-about-us .collage {
        margin-top: 50px;
    }
    .box-about-us .collage i {
        top: 110px;
        right: 122px;
    }
    .box-about-us .collage .img-01 {
        position: static;
        width: calc( 100% - 200px );
    }
    .box-about-us .collage span {
        width: 370px;
        padding: 30px 80px 0 0;
    }



    /* Box How to sell */
    .box-how-to-sell .row > div:last-child:after {
        width: calc( 50% + 100px );
        left: auto;
        right: 0;
        transform: none;
        background-size: contain;
    }



    /* Box Opinions */
    .box-testimonial:before {
        max-height: 250px;
    }
    .box-testimonial .row > div:last-child:after {
        max-height: 350px;
        top: 150px;
        left: calc( 50% - 100px );
    }



    .box-blog .owl-nav ,
    .box-logos .owl-nav ,
    .box-vehicles .owl-nav ,
    .box-services .owl-nav ,
    .rating-services .owl-nav {
        display: none;
    }
    .box-blog .owl-dots ,
    .box-logos .owl-dots ,
    .box-vehicles .owl-dots ,
    .box-services .owl-dots ,
    .rating-services .owl-dots {
        display: block;
    }

    .box-blog .owl-dots ,
    .box-logos .owl-dots ,
    .box-vehicles .owl-dots ,
    .box-services .owl-dots ,
    .rating-services .owl-dots {
        display: block;
        margin-top: 40px;
        text-align: center;
    }
    .box-blog .owl-dots .owl-dot ,
    .box-logos .owl-dots .owl-dot ,
    .box-vehicles .owl-dots .owl-dot ,
    .box-services .owl-dots .owl-dot ,
    .rating-services .owl-dots .owl-dot {
        display: inline-block ! important;
        margin: 0 4px;
        padding: 2px 0;
    }
    .box-blog .owl-dots .owl-dot span:before ,
    .box-logos .owl-dots .owl-dot span:before ,
    .box-vehicles .owl-dots .owl-dot span:before ,
    .box-services .owl-dots .owl-dot span:before ,
    .rating-services .owl-dots .owl-dot span:before {
        display: block;
        content: "";
        width: 12px;
        height: 2px;
        background: #171918;
    }
    .box-blog .owl-dots .owl-dot.active span:before ,
    .box-logos .owl-dots .owl-dot.active span:before ,
    .box-vehicles .owl-dots .owl-dot.active span:before ,
    .box-services .owl-dots .owl-dot.active span:before ,
    .rating-services .owl-dots .owl-dot.active span:before {
        width: 24px;
        background: #ffb400;
    }
    .rating-services .owl-dots {
        margin-top: 0;
        margin-bottom: 40px;
    }



    /* Box rating speed up */
    .box-rating-speed-up .container > p {
        font-size: 1em;
    }
    .box-rating-speed-up .container > p b {
        padding-top: 10px;
    }



    /* Box Thanks */
    .box-thanks .car {
        max-width: 575px;
        bottom: 45px;
        left: calc( 50% + 100px );
    }
    .box-thanks .circle {
        left: calc( 50% + 150px );
        bottom: -150px;
    }
    .box-thanks .circle img {
        max-width: 550px;
    }
    .box-thanks .box .ico {
        width: 150px;
        height: 150px;
        top: 15px;
        right: -125px;
    }
    .box-thanks .box .ico .spinner svg {
        width: 216px;
        height: 216px;
    }



    /* Sections :: Services */
    .services-intro h3 {
        font-size: 1.5em;
    }
    .services-detail .content .service-title h2 {
        font-size: 1.75em;
    }
    .services-detail .content .service-title h2 small {
        font-size: .8em;
    }
    .services-detail .content .service-title svg {
        width: 90px;
    }



    /* Sections :: Blog */
    .blog-slider {
        margin-top: 120px;
    }
    .blog-slider .slider-item {
        height: 500px ! important;
        padding-top: 0;
        padding-bottom: 0;
    }
    .blog-slider .slider-item  .py-9 {
        padding-top: 5rem !important;
        padding-bottom: 5rem !important;
    }
    .blog-slider .slider-item h3 {
        font-size: 1.5em;
    }
    .blog-slider .slider-item h3 a:after {
        font-size: .7em;
        padding: 11px 30px;
    }
    .blog-slider .slider-item .tag {
        font-size: .9em;
    }
    .box-videos .row {
        display: block;
    }
    .box-videos .row > div {
        display: block;
        width: 100%;
    }



    /* Sections :: About Us */
    .about-us-intro.box-layout-02 .col-img figure figcaption {
        left: -30px;
        bottom: 20px;
        width: 275px;
        font-size: 2.25em;
        transform: translateY(100%);
    }
    .about-us-intro .services {
        padding-top: 6rem !important;
    }
    .about-us-intro .services li {
        font-size: 1em;
    }
    .about-us-service:before {
        width: calc( 45% + 35px );
    }
    .about-us-service:after {
        width: calc( 55% + 35px );
    }
    .about-us-service .container:after {
        right: -115px;
    }

    .about-us-why .boxes {
        display: block ! important;
    }
    .about-us-why .boxes .col {
        width: calc( 100% - 40px ) ! important;
        max-width: 500px;
        margin: 40px auto;
        padding: 180px 60px 60px 60px;
    }
    .about-us-why .boxes .col h4 {
        width: calc( 100% - 30px);
        padding-left: 150px;
    }
    .about-us-why .boxes .col svg {
        left: 45px;
    }



    /* Image zoom */
    .modal-dialog-scrollable .modal-content {
        height: 80%;
    }



    /* Modals */
    #call_modal .modal-title ,
    #news_modal .modal-title {
        font-size: 2.25em;
        line-height: 1em;
    }
    #call_modal .modal-title svg ,
    #news_modal .modal-title svg {
        width: 45px;
        height: 45px;
    }
    #call_modal .modal-body ,
    #news_modal .modal-body {
      padding: 0 3rem 3rem 3rem;
    }
    #call_modal .modal-body input:not([type="checkbox"]) ,
    #news_modal .modal-body input:not([type="checkbox"]) {
        font-size: 1em;
    }
    #call_modal .modal-body button, #news_modal .modal-body button {
        font-size: 1.25em;
    }
    #call_modal .modal-body a.btn, #news_modal .modal-body a.btn {
        font-size: 1.25em;
    }
    #call_modal .form-check-input[type="checkbox"] ,
    #news_modal .form-check-input[type="checkbox"] {
        width: 40px ! important;
        padding: 0 ! important;
    }


}
@media( max-width: 768px ){

    /* Header :: TopBar */
    header #topbar:after {
        width: calc( 50% + 115px);
    }



    /* Site Links */
    .site-links p br {
        display: block;
    }
    .site-links h4 {
        text-align: center;
        margin-bottom: 40px;
        font-size: 2.2em;
        line-height: 1.2em;
    }
    .site-links p {
        text-align: center;
        padding-left: 0;
        margin-top: 0;
        font-size: 1.2em;
        line-height: 1.2em;
    }
    .site-links ul li {
        width: calc( 100% - 20px);
    }



    /* Newsletter */
    .call-newsletter {
        position: relative;
        padding-bottom: 170px;
    }
    .call-newsletter h5 ,
    .call-newsletter p {
        text-align: center;
    }
    .call-newsletter a {
        position: absolute;
        bottom: 50px;
        left: 50%;
        margin: 0;
        transform: translateX(-50%);
    }



    /* Footer Links */
    footer .footer-links ul {
        padding-left: 15px;
        padding-right: 15px;
    }
    footer .footer-links ul li {
        text-align: left;
    }
    footer .col-xl-3 {
        width: 50%;
    }
    footer .col-xl-3:first-child {
        width: 100%;
        text-align: center;
    }
    footer .col-xl-3:last-child {
        width: 50%;
    }


    /* Asides */
    .fixed-icons-left ul li a {
        height: 58px;
        line-height: 58px;
    }
    .fixed-icons-left ul li a span {
        line-height: 58px;
    }
    .fixed-icons-left ul li.call-in a svg {
        width: 23px;
        height: auto;
        margin: 15px 17px 0 17px;
    }
    .fixed-icons-left ul li.call-out a svg {
        width: 26px;
        height: auto;
        margin: 17px 16px 0 11px;
    }



    /* Box Home Slider */
    .box-home-slider div.slide {
        height: 675px;
        text-align: center;
    }
    .box-home-slider div.slide h1 {
        text-align: center;
        padding: 2px 0 0 25px;
        font-size: 1.65em;
    }
    .box-home-slider div.slide h1::before ,
    .box-home-slider div.slide h1 b::before {
        display: inline-block;
        position: static;
    }
    .box-home-slider div.slide img {

    }
    .box-home-slider div.slide a span {
        display: inline-block;
        float: none;
    }
    .box-home-slider div.slide.active img ,
    .box-home-slider div.slide.active img.slide-03 {
        width: auto;
        top: calc( 50% - 70px );
        left: 50%;
        transform: translateX(-50%);
        margin: 0;
        max-width: calc( 100% - 100px);
        height: auto;
        max-height: 350px ! important;
    }



    /* Box About Us */
    .box-about-us {
        padding-bottom: 250px !important;
    }
    .box-about-us .collage {
        margin-top: 50px;
    }
    .box-about-us .collage i {
        top: 28px;
        right: 20px;
    }
    .box-about-us .collage .img-01 {
        position: static;
        width: calc( 100% - 100px );
    }
    .box-about-us .collage span {
        width: 310px;
        padding: 30px 30px 0 0;
    }



    /* Box How to sell */
    .box-how-to-sell .row > div:last-child:after {
        width: 500px;
        left: 50%;
        right: auto;
    }



    /* Box Opinions */
    .box-testimonial {
        padding-bottom: 400px ! important;
    }
    .box-testimonial:before {
        top: auto;
        left: auto;
        right: 0;
        bottom: 150px;
        width: 60%;

        background-position: right bottom;
    }
    .box-testimonial .row > div:last-child:after {
        top: auto;
        left: 50%;
        bottom: 50px;
        max-height: 350px;
        width: calc( 100% - 100px);
        transform: translateX(-50%);

        background-position: left bottom;
    }



    /* Box Thanks */
    .box-thanks .row > div {
        padding-bottom: 65%;
    }
    .box-thanks .car {
        max-width: calc( 100% - 100px );
        bottom: 0;
        left: 50px;
    }
    .box-thanks .circle {
        max-height: none;
        max-width: 100%;
        width: 150%;
        left: 50px;
    }
    .box-thanks .circle img {
        max-width: calc( 100% );
    }
    .box-thanks .box .ico {
        right: -75px;
    }



    /* Sections :: Rating */
    .rating-slider .slider-item .txt:before {
        left: 0;
    }
    .rating-slider .slider-item .txt h2 {
        font-size: 4em;
    }
    .rating-form .nav-tabs .nav-item .nav-link {
        font-size: 1.2em;
        padding: 0 15px;
    }
    .rating-form .nav-tabs .nav-item .nav-link span {
        display: none;
    }
    .rating-form .nav-tabs .nav-item svg {
        height: 20px;
    }


    /* Sections :: Services */
    .services-intro h3 {
        margin-top: 35px;
        font-size: 2.5em;
    }
    .services-detail .content .service-title h2 {
        font-size: 1.5em;
    }
    .services-detail .content .service-title h2 small {
        font-size: .85em;
    }
    .services-detail .content .service-title svg {
        width: 80px;
    }



    /* Sections :: Blog */
    .blog-slider .slider-item {
        height: 400px ! important;
        padding-top: 0;
        padding-bottom: 0;
    }
    .blog-slider .slider-item  .py-9 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }
    .blog-slider .slider-item h3 {
        font-size: 1.15em;
    }
    .blog-slider .slider-item h3 a:after {
        font-size: .75em;
        padding: 10px 25px;
    }
    .blog-slider .slider-item .tag {
        font-size: .8em;
    }
    .blog-tabs .nav-tabs .nav-link {
        padding-left: 20px;
        padding-right: 20px;
    }
    .blog-tabs .nav-tabs .nav-link span {
        display: none;
    }
    .box-videos .video h3 {
        font-size: .95em;
        line-height: 1.2em;
    }
    .box-videos .video h3 a {
        padding: 0 75px 30px 30px;
    }
    .box-videos .custom-btn-04 > a {
        padding: 1px 15px 0 15px;
        font-size: 1em;
    }



    /* Sections :: About Us */
    .about-us-intro.box-layout-02 .col-img figure {
        margin-bottom: 50px;
    }
    .about-us-intro.box-layout-02 .col-img figure figcaption {
        left: auto;
        right: -30px;
        bottom: -30px;
        width: 250px;
        font-size: 2em;
        padding: 35px 0;
        transform: none;
    }
    .about-us-intro .services {
        padding-top: 5rem !important;
    }
    .about-us-intro .services li {
        font-size: .85em;
    }
    .about-us-service:before {
        left: calc( 50% + 120px );
        width: 450px;
    }
    .about-us-service:after {
        width: 600px;
        left: auto;
        right: calc( 50% - 200px );
    }
    .about-us-service .container:after {
        right: -225px;
    }



    /* Sections :: Contact */
    .contact-intro .row > div .hover > div .rehover li span {
        display: none;
    }



    /* Sections :: Contact */
    .services-detail .content.blog .service-title h2 {
        font-size: 2em;
    }



    /* Image zoom */
    .modal-dialog-scrollable .modal-content {
        height: 70%;
    }
}
@media( max-width: 576px ){



    /* Common */
    .section-title {
        margin-top: 4.75rem !important;
    }



    /* Common */
    .custom-btn-01 > span {
        display: none;
    }
    .custom-btn-01 {
        justify-content: center;
    }



    /* Header :: TopBar */
    header #topbar:after {
        left: 150px;
        width: calc( 100% + 15px - 150px );
    }



    /* Header :: NavBar */
    header .navbar {
        padding: 15px 0;
        height: 75px;
    }



    /* Newsletter */
    .call-newsletter h5 {
        font-size: 2.75em;
    }
    .call-newsletter p {
        font-size: 1em;
    }
    .call-newsletter a {
        padding: 28px 90px 19px 50px;
        font-size: 1.5em;
    }
    .call-newsletter a svg {
        top: 18px;
        right: 45px;
        width: 40px;
    }



    /* Footer Links */
    footer .col-xl-3 {
        float: none;
        width: 300px ! important;
        margin: 0 auto ! important;
    }
    footer .col-xl-3:first-child {

    }
    footer .col-xl-3:last-child {

    }



    /* Box Home Slider */
    .box-home-slider div.slide {
        height: 600px;
    }
    .box-home-slider div.slide h1 {
        font-size: 1.40em;
    }
    .box-home-slider div.slide a span {
        margin-left: 10px;
        font-size: 1em;

        height: 45px;
        line-height: 45px;
    }
    .box-home-slider .carousel-indicators {
        right: 10px;
        transform: translate(0,-100%);
        margin: 0;
    }
    .box-home-slider div.slide.active img ,
    .box-home-slider div.slide.active img.slide-03 {
        top: calc( 50% - 35px );
    }
    .box-home-slider div.slide.active img.slide-03 {
        max-width: 275px;
    }



    /* Box About Us */
    .box-about-us .collage {
        margin-top: 50px;
    }
    .box-about-us .collage i {
        top: 5px;
        right: 20px;
    }
    .box-about-us .collage .img-01 {
        width: auto;
        max-width: calc( 100% - 15% );
    }
    .box-about-us .collage span {
        width: 310px;
        padding: 30px 30px 0 0;
    }
    .box-about-us .collage .img-02 {
        height: auto;
        width: auto;
        max-width: calc( 100% - 25% );
        right: -30px;
    }



    /* Box How to sell */
    .box-how-to-sell .row > div:last-child:after {
        left: 250px;
    }



    /* Box Opinions */
    .box-testimonial:before {
        bottom: 125px;
    }
    .box-testimonial {
        padding-bottom: 350px ! important;
    }



    /* Box Opinions */
    .box-more-info h3 {
        font-size: 2.75em;
    }
    .box-more-info h4 {
        padding: 0 50px;
        font-size: 1.2em;
    }
    .box-more-info .custom-btn-03 {
        font-size: 1.25em;
    }



    /* Box rating speed up */
    .box-rating-speed-up .container > p {
        font-size: .975em;
    }
    .box-rating-speed-up .container > p b {
        padding-top: 0;
        font-size: 1.25em;
    }



    /* Box Thanks */
    .box-thanks .box {
        padding: 75px 15px 15px 15px;
    }
    .box-thanks .box h3 {

    }
    .box-thanks .row > div {
        padding-bottom: 40%;
    }
    .box-thanks .box .ico {
        padding: 5px 25px 35px 25px;
        width: 90px;
        height: 90px;
        top: -50px;
        left: 50%;
        right: auto;
        transform: translateX(-50%);
    }
    .box-thanks .box .ico .spinner svg {
        width: 156px;
        height: 156px;
    }
    .box-thanks.result-success .box .ico {
        padding-top: 30px;
    }
    .box-thanks.result-error .box .ico {
        padding-top: 30px;
    }


    /* Sections :: Contact */
    .contact-intro .row > div {
        width: calc( 100% - 20px ) ! important;
    }
    .contact-intro .row > div .hover > div .rehover li span {
        display: inline-block;
    }



    /* Sections :: Rating */
    .rating-slider .slider-item .txt:before {
        width: 412px;
        height: 425px;
    }
    .rating-slider .slider-item .txt h2 {
        font-size: 3.5em;
    }


    /* Sections :: Services */
    .services-detail .content .service-title {
        margin-right: 0;
    }
    .services-detail .content .service-title h2 {
        font-size: 1.25em;
    }
    .services-detail .content .service-title h2 small {
        font-size: .9em;
    }
    .services-detail .content .service-title svg {
        width: 70px;
        margin-top: 20px;
    }
    .services-detail .content .box-border-left h3 {
        font-size: 1.1em;
    }


    /* Sections :: Blog */
    .blog-slider {
        margin-top: 75px;
    }
    .blog-slider .slider-item {
        overflow: hidden;
    }
    .blog-slider .slider-item figure {
        width: 300px;
    }
    .blog-slider .slider-item {
        height: 400px ! important;
        padding-top: 0;
        padding-bottom: 0;
    }
    .blog-slider .slider-item  .py-9 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }
    .blog-slider .slider-item h3 {
        font-size: 1em;
    }
    .blog-slider .slider-item h3 a:after {
        font-size: .85em;
        padding: 9px 20px;
    }
    .blog-slider .slider-item .tag {
        font-size: .7em;
    }
    .blog-slider .carousel-indicators {
        width: 50px;
        margin: 0;
        right: 2px;
    }


    /* Sections :: About Us */
    .about-us-intro .services {
        padding-top: 4rem !important;
    }
    .about-us-intro .services li {
        width: 100%;
        max-width: 200px;
        margin: 25px auto;
        font-size: 1.25em;
    }
    .about-us-service {
        padding-top: 300px ! important;
    }
    .about-us-service:before {
        top: 0;
        left: 20px;
        width: 100%;
        height: calc( 100% - 300px );
    }
    .about-us-service:after {
        top: 250px;
        width: calc( 100% - 30px );
        height: calc( 100% - 9rem - 200px ) ! important;
        left: auto;
        right: 30px;
    }
    .about-us-service .container:after {
        right: auto;
        left: 45px;
        top: 25px;
        height: calc( 100% - 9rem - 75px + 75px );
        width: 100%;
    }
    .about-us-service h3 {
        font-size: 1.25em;
    }
    .about-us-service h3 small {
        font-size: .75em;
    }
    .about-us-service .text-white {
        padding: 0 75px;
    }
    .about-us-service .text-white h3 {
        margin-top: 0 ! important;
    }
    .about-us-why .boxes .col {
        padding: 160px 40px 40px 40px;
    }
    .about-us-why .boxes .col h4 {
        width: calc( 100% - 10px);
        padding-left: 130px;
    }
    .about-us-why .boxes .col svg {
        left: 25px;
    }



    /* Asides */
    .fixed-icons-left {
        bottom: 10px;
        top: auto;
        transform: none;
    }
    .fixed-icons-left ul li a {
        height: 62px;
        line-height: 62px;
    }
    .fixed-icons-left ul li a span {
        line-height: 62px;
    }
    .fixed-icons-left ul li.call-in a svg {
        width: 25px;
        height: auto;
        margin: 14px 17px 0 17px;
    }
    .fixed-icons-left ul li.call-out a svg {
        width: 28px;
        height: auto;
        margin: 16px 16px 0 15px;
    }

    .fixed-icons-bottom {
        transform: translateY(100%);
    }
    .fixed-icons-bottom ul li.whatsapp a:after {
        transform: translate(45px,-130px);
    }
    .carousel-inner {
      overflow: visible;
    }



    /* Image zoom */
    .modal-dialog-scrollable .modal-content {
        height: 60%;
    }



    /* Modals */
    #call_modal .modal-title ,
    #news_modal .modal-title {
        font-size: 1.75em;
    }
    #call_modal .modal-title svg ,
    #news_modal .modal-title svg {
        width: 35px;
        height: 35px;
    }
    #call_modal .modal-body ,
    #news_modal .modal-body {
      padding: 0 1rem 1rem 1rem;
    }
    #call_modal .modal-body input:not([type="checkbox"]) ,
    #news_modal .modal-body input:not([type="checkbox"]) {
        font-size: .85em;
    }
    #call_modal .modal-body button ,
    #news_modal .modal-body button {
        font-size: 1em;
    }
    #call_modal .modal-body a.btn ,
    #news_modal .modal-body a.btn {
        font-size: 1em;
    }
    #call_modal .form-check-input[type="checkbox"] ,
    #news_modal .form-check-input[type="checkbox"] {
        width: 40px ! important;
        padding: 0 ! important;
    }



}
@media( max-width: 450px ){



    /* Box Home Slider */
    .box-home-slider div.slide {
        height: 500px;
    }
    .box-home-slider .boxes {
        padding: 0 10px;
    }
    .box-home-slider div.slide.active img ,
    .box-home-slider div.slide.active img.slide-03 {
        top: calc( 50% - 5px );
    }
    .box-home-slider div.slide.active img.slide-03 {
        max-width: 250px;
    }



    /* Box Opinions */
    .box-testimonial:before {
        bottom: 100px;
    }
    .box-testimonial {
        padding-bottom: 300px ! important;
    }



    /* Box rating speed up */

    .box-rating-speed-up .container > p:before {
        margin-right: 15px;
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 2em;
    }
    .box-rating-speed-up .container > p {
        font-size: .95em;
    }
    .box-rating-speed-up .container > p b {
        padding-top: 8px;
        padding-bottom: 28px;
        font-size: 1.2em;
    }



    /* Box Thanks */
    .box-thanks .row > div {
        padding-bottom: 20%;
    }



    /* Sections :: Rating */
    .rating-slider .slider-item .txt:before {

    }
    .rating-slider .slider-item .txt h2 {
        font-size: 3em;
    }
    .rating-slider .slider-item .txt a {
        margin-right: 0;
        padding-left: 50px;
        padding-right: 50px;
        font-size: 1.15em;
    }


}
@media( max-width: 415px ){



    /* Common */
    .section-title {
        margin-top: 4rem !important;
    }



    /* Header :: TopBar */
    header #topbar:after {
        left: 105px;
        width: calc( 100% - 105px );
    }
    header #topbar ul.contact-list li::after {
        width: 15px;
        margin-left: 10px;
    }
    header #topbar ul.social-list li a svg {
        width: 20px;
        height: 20px;
    }
    header .navbar .navbar-brand img {
        width: 250px;
        height: auto;
    }



    /* Header :: NavBar */
    header .navbar ,
    .header-small header > .navbar {
        height: 65px;
    }
    header .navbar .navbar-brand img {
        width: 200px;
    }



    /* Header :: TopBar */
    header #topbar ul.social-list li {
        margin-right: 10px;
    }



    /* Box Home Slider */
    .box-home-slider div.slide {
        height: 450px;
    }
    .box-home-slider div.slide.active img ,
    .box-home-slider div.slide.active img.slide-03 {
        top: calc( 50% + 15px );
    }
    .box-home-slider div.slide.active img.slide-03 {
        max-width: 220px;
    }


    /* Box team */
    .box-team .container h3 {
        font-size: 2.25em;
        padding-left: 40px;
    }
    .box-team .container h3 span {
        transform: translate(-50px,-10px);
        width: 80px;
        height: 80px;
    }



    /* Box Thanks */
    .box-thanks .row > div {
        padding-bottom: 15%;
    }



    /* Sections :: About Us */
    .about-us-why .boxes .col {
        padding: 140px 20px 20px 20px;
    }
    .about-us-why .boxes .col h4 {
        width: 100%;
        padding-left: 110px;
    }
    .about-us-why .boxes .col svg {
        left: 5px;
    }



    /* Sections :: Contact */
    .services-detail .content.blog .service-title h2 {
        font-size: 1.5em;
    }



}