﻿:root {
    --customC: #002e4f;
    --custom-500: #d4af37;
    --custom-0500: #d4af37;
    --custom2: #d4af37;
}    
body {
    font-family: 'Ubuntu', sans-serif;
}

/**--------------------------------**/
/**          BackGround color      **/
/**--------------------------------**/

.bg-custom {
    background-color: var(--customC);
}
.bg-custom-500 {
    background-color: var(--customC) !important;
}
.bg-custom-0500 {
    background-color: var(--customC) !important;
}

.bg-custom2 {
    background-color: var(--customC);
}

/**--------------------------------**/
/**          Font Text      **/
/**--------------------------------**/
.h500{
    font-size:5rem;
}

.h400{
    font-size:4rem;
}

.buttonCustom{
	background-color: var(--customC);
	color: white;
}



/**--------------------------------**/
/**          text color      **/
/**--------------------------------**/

.text-customGoing {
    color: var(--custom-500);
}

.text-custom {
    color: var(--customC) !important;
}

.bg-custom-500 {
    color: var(--customC) !important;
}
.bg-custom-0500 {
    color: var(--customC) !important;
}

/**--------------------------------**/
/**          NavBar                **/
/**-----*---------------------------*/
.navbar-custom a, .navbar-custom a:focus {
     color: var(--vustom);
}
    .navbar-custom a:hover, .navbar-custom .active, .navbar-custom .active:focus, .navbar-custom li:hover > a {
        color: var(--customC);
    }
.navbar-custom .dropdown ul a {
    color: var(--customC);
}
.carousel-item #carouselExampleControls2 {
  time
}

/*----------------------*/
/*button custom*/
/*----------------------*/
.cs-btn-ornage {
    color: var(--white);
    background-color: var(--customC);
    border-color: var(--customC);
    box-shadow: 0 0 24px rgba(27, 22, 66, 0.04), 0 44px 74px rgba(27, 22, 66, 0.06);
}

.mobile-padding-14001 {
    @media (max-width:768px) {
        padding: 1rem !important;
    }
}

.tp-btn-select:hover {
    color: var(--white) !important;
    background-color: var(--customC);
    border-color: var(--customC);
}

.tp-btn-select:focus, .tp-btn-select.focus {
    color: var(--white) !important;
    background-color: var(--customC);
    border-color: var(--customC);
    box-shadow: var(--customC), var(--blue-600), var(--blue-600);
}

.tp-btn-select.disabled, .tp-btn-search {
    color: var(--blue);
    background-color: var(--customC);
    border-color: var(--gray-200);
}

.tp-btn-select:not(:disabled):not(.disabled):active, .tp-btn-select:not(:disabled):not(.disabled).active,
.show > .tp-btn-login.dropdown-toggle {
    color: #ffffff;
    background-color: var(--customC);
    border-color: var(--customC);
}

        .tp-btn-select:not(:disabled):not(.disabled):active:focus, .tp-btn-select:not(:disabled):not(.disabled).active:focus,
        .show > .tp-btn-login.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.25rem rgba(88, 187, 151, 0.5);
        }

.titolProduct {
    color: #d4af37 !important;

}


.tab-search{
	background-color: var(--customC);
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.tab-search div {
	color: #fff!important;
    border-right: 1px solid rgba(255,255,255,.5);
    display: inline-block;
    padding: 12px 24px;
	text-decoration: none;
	font-weight: bold;
}

.tab-search div:hover {
    cursor: pointer;
}

.tab-search .bg-custom {
    background-color: #d4af37;
}

.footer-links {
    display: flex;
    gap: 2rem;
}

@media (max-width: 991px) {
   .footer-links {
    display: block;
    gap: 2rem;
}

}

.font12px {
    font-size: 12px;
}

.modal-backdrop {
   --bs-backdrop-bg: transparent;
   display: none !important;
}

.banner-font-color {
    color: #002E4F;
}

.carousel-13001 .p-carousel-prev {
    position: absolute;
    z-index: 1;
}

.carousel-13001 .p-carousel-next {
    position: absolute;
    right: 0;
}

.carousel-13001 .p-carousel-items-container .surface-border {
    margin: 0 !important;
    padding: 0 !important;
} 

.carousel-13001 li {
    border: 1px solid white;
    height: 16px;
    width: 16px;
    border-radius: 100%;
    transform: translate(0, -50px);

}
.carousel-13001 .p-highlight {
    background-color: white;
    border: 1px solid black;
}

@media (max-width: 768px) {
    .banner-bgimage-row {
        background: unset !important;
        height: unset !important;
    }
    .banner-3images-container-absolute {
        position: relative !important;
        bottom: 0 !important;
    }
}

data[m3lab='SearchEngine.Roundtrip'] {
    color: white;
}

.bg-recap-custom .h5 {
    color: #198754 !important;
}

.bg-recap-custom .h6 {
    color: #198754 !important;
}

.bg-recap-custom, .bg-quotation-step {
    background-color: #EEEEEE !important;
}

/* START FOOTER */

footer {
   background-color: #002e4f !important;
}

/* END FOOTER */

.template-addictional-product-title, .template-addictional-product {
	font-family: 'Inter Semibold';
}

.template-addictional-product .card {
    background-color: #dee2e6 !important;
}

.bg-bluesoft {
    background-color: #D4AF37;
}

footer .h5 {
    color: #D4AF37 !important;
    font-style: italic;
}
.footer-web-voices {
    background-color: #002E4F !important;
}

.footer-copyright {
    background-color: #001C33;
}

.bg-template-step-custom {
	background-color: #D4AF37 !important;
}


.ft-image-left-banner .ft-image-left-banner-img img,.ft-image-left-banner .ft-image-right-banner-text img {
    width: 100%;
    border-radius: 5px
}

.ft-image-left-banner .ft-image-left-banner-text div.position-middle-container {
    height: 100%;
    width: 100%;
    display: table
}

.ft-image-left-banner .ft-image-left-banner-text div.position-middle-container .position-middle-content {
    vertical-align: middle;
    height: 100%;
    display: table-cell
}

.ft-main-title-banner {
    font-size: 36px;
    color: --custom;
    font-weight: bold
}

.ft-only-image-banner img {
    width: 100%;
    border-radius: 5px
}
