*{font-family: 'Roboto', sans-serif;}

.orden{
max-width:100%!important;
}
.orden2{
max-width:97%!important;
}
.border-warning {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important;
}
.border-0 {
    border: 1px!important;
}
.center {margin: 0 auto;}
.logo {position: absolute; margin-left: 18%; margin-top: 20px;}
.logo img {width: 12vw;}
.logo2 img {width: 190px;}

.bg-blue {background-color: #FBF9F6;}
.bg-grey2 {background-color: #FBF9F6;}
.bg-darkgrey {background-color: #efaa05;}
.bg-grey {background-color: #FBF9F6; border: 1px solid #2F2F2F;}
.bg-orange {background-color: #ff5722;}
.bg-black {background-color: #000;}

h2 {color: #2F2F2F; text-align: center !important; font-size: 32px; font-weight: 400; line-height: 38px;}
h3 b {font-weight: 700;}
h1 {font-weight: 500; font-size: 68px; color: #2F2F2F; line-height: 62px; text-align: center !important;}
h3 {font-weight: 300; font-size: 24px; color: #2F2F2F; line-height: 29px; text-align: center !important; margin: 0 auto;}
h3 span {font-size: 30px;}

.title {text-align: left;
font: normal normal bold 48px/58px Roboto;
letter-spacing: 0px;
color: #2F2F2F;
opacity: 1;}
.title2 {text-align: left;
letter-spacing: 0px;
color: #2F2F2F;
opacity: 1;}
.text1 {text-align: left;}
.text2 {text-align: left;}

.alto {height: 120px; margin-top: 10vw;}

.check-invalid {border-color: #dc3545 !important;}

.bg-img {background-image: url("images/fondoclima.jpg"); 
	background-size: cover; background-position: center center; background-repeat: no-repeat; }

.bg-img2 {background-image: url("images/fondocarrusel.jpg"); 
	background-size: cover; background-position: center center; background-repeat: no-repeat; }

.f-8pt {font-size: 8pt !important; color: #d4d4d4 !important; }
.f-11pt { color: #2F2F2F; font-size: 15px; font-weight: 300 !important;}
.f-10px {font-size: 10pt !important; color: #005783 !important; padding-top: 3px;}
.f-12px {font-size: 12px; color: #fff; font-weight: 400;}
.f-14px {font-size: 14px; color: #24262d;}
.f-18px {font-size: 18px; color: #1D1D1B; font-weight: 400;}
.f-19px {font-size: 18px; color: #1D1D1B; font-weight: 300;}
.f-16px {font-size: 16px; color: #394241; font-weight: 400;}
.f-22px {font-size: 22px; color: #005783; font-weight: 700;}
.f-30px {font-size: 26px; color: #1D1D1B; font-weight: 400; line-height: 36px; text-align: center !important; width: 100%;}
.f-24px {font-size: 48px; color: #2F2F2F; font-weight: 700; line-height: 58px;}
.avantages {color: #25252d; font-size: 36px; font-weight: 700;}

.merci-title {color: #ff5722; font-size: 30px; font-weight: 700;}
.merci-text {color: #24272d; font-size: 18px; font-weight: 700; line-height: 20px;}

 

.footer h3 {font-size: 24px;}

form h2 {font-size: 25pt; line-height: 30pt;}
form h3 {font-size: 140%;}
.footer h4 {font-size: 120%; color: #333;}

a {color: #fff; text-decoration: underline;}
.footer a {color: #000;}

.footr p {color: #6D6E70; }

.strong-title {color: #333;}
.tiny-text {font-size: 7pt;}
.tiny-text2 {font-size: 11px; color: #7c7c7c !important; }
.tiny-text2 a {font-size: 11px; color: #33D7A3 !important; font-weight: 500;}
.tiny-text3 {font-size: 8pt; }

.bg-impots h4 {color: white; text-decoration: none; font-style: italic; font-size: 16px;}

.grey {color: #909090; font-size: 70%;}

.container-fluid {position: relative;}

.carousel-control-next-icon {color: #33D7A3; background-color: #33D7A3;}
.carousel-control-prev-icon {color: #33D7A3; background-color: #33D7A3;}
.sr-only {color: #33D7A3; }

.btn-primary {border: none; background-color: #EFAA05; color: #2F2F2F; font-size: 18px; border-radius: 100px; font-weight: 400; line-height: 22px;}
.btn-primary span {font-size: 14px; font-weight: 400; font-style: italic; line-height: 14px;}
.btn-primary:hover {background-color: #9F794C; border: none;}

.bg-color {background-color: #979797;}

.shadow {background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px 3px 20px #3B5D4F0F !important;
border-radius: 40px;
opacity: 1;}

.bg-landing-footer {background-color: #c8ec93; }
.banda2 { background-color: #fff; box-shadow: 0px 3px 5px 3px rgba(0,0,0,0.24); margin-top: -260px !important; border-radius: 10px; }
.banda2 p {color: #005783; font-size: 18px; line-height: 22px; font-weight: 400;}
h4 {color: #2F2F2F;
    font-family: "Roboto", Sans-serif;
    font-size: 20px;
    font-weight: 700;}
.text-left p {font-size: 13px; font-weight: 300;}

.z-index1 {z-index: 1;}

#circles .card {background-color: transparent; border: none;}
#circles .card-title {color: #fff;}
#circles .card-text {font-size: 22px; line-height: 23px; color: #fff;}
.marche {color: #394241; font-size: 24px; font-weight: 400; text-align: center; }

.bg-form {background-color: rgba(255,255,255,1); border-radius: 0px;}

.form-control {height: 40px;  color: #2F2F2F; font-size: 18px; font-weight: 300;}
.cajas {justify-content: space-between; align-items: flex-start;
    align-content: flex-start;}

.footer .bg-white {font-size: 16px; color: #33D7A3; font-weight: 700; text-transform: uppercase;}

@media (max-width: 1429px) {
	h2 {color: #2F2F2F; text-align: right; font-size: 28px; font-weight: 400; line-height: 32px;}
h3 b {font-weight: 700;}
h1 {font-weight: 500; font-size: 48px; color: #2F2F2F; line-height: 42px; text-align: right;}
h3 {font-weight: 300; font-size: 20px; color: #2F2F2F; line-height: 22px;  margin: 0 auto;}
h3 span {font-size: 24px;}
}

@media (max-width: 991px) {
	h2 {color: #2F2F2F; text-align: right; font-size: 28px; font-weight: 400; line-height: 32px;}
h3 b {font-weight: 700;}
h1 {font-weight: 500; font-size: 48px; color: #2F2F2F; line-height: 42px; text-align: right;}
h3 {font-weight: 300; font-size: 24px; color: #2F2F2F; line-height: 29px; text-align: center !important; margin: 0 auto;}
h3 span {font-size: 30px;}
	
.logo {position: absolute; margin-left: 10%; margin-top: 20px;}
	.logo img {width: 16vw;}
}

@media (max-width: 777px) {

	.reverse {display: flex;
    flex-direction: column-reverse;}
}

@media (max-width: 574px) {
	h1 {text-align: center !important; font-size: 28px; line-height: 32px;}
	h2 {text-align: center !important; font-size: 20px; line-height: 24px;}
	h3 {font-size: 18px; line-height: 20px;} h3 span {font-size: 20px;}
	.logo img {width: 26vw;}
	
	.f-24px {font-size: 30px; line-height: 34px;}
}