:root {
    --base-color: #F68603;
    --medium-gray: #828282;
    --light-yellow: #FFF7E5;
    --dark-gray: #232323;
    --light-orange: #FCF7F2;
    --light-blue: #D3E9F7;
    --alt-font: "Arimo", sans-serif;
}

/*

Normalidad Wide Regular
font-family: "normalidad-wide", sans-serif;
font-weight: 400;
font-style: normal;
Normalidad Wide Bold
font-family: "normalidad-wide", sans-serif;
font-weight: 700;
font-style: normal;
Normalidad Compact Regular
font-family: "normalidad-compact", sans-serif;
font-weight: 400;
font-style: normal;
Normalidad Compact Bold
font-family: "normalidad-compact", sans-serif;
font-weight: 700;
font-style: normal;
Normalidad Text Regular
font-family: "normalidad-text", sans-serif;
font-weight: 400;
font-style: normal;
Normalidad Text Bold
font-family: "normalidad-text", sans-serif;
font-weight: 700;
font-style: normal;
Normalidad Extended Regular
font-family: "normalidad-extended", sans-serif;
font-weight: 400;
font-style: normal;
Normalidad Extended Bold
font-family: "normalidad-extended", sans-serif;
font-weight: 700;
font-style: normal;
Normalidad UltraExtended Regular
font-family: "normalidad-ultraextended", sans-serif;
font-weight: 400;
font-style: normal;
Normalidad UltraExtended Bold
font-family: "normalidad-ultraextended", sans-serif;
font-weight: 700;
font-style: normal;


*/

body { font-family: "Arimo", sans-serif; color: #464646; }

h1, h2, h3, h4, h5, h6 { font-family: "normalidad-compact", sans-serif; }
.h-font { font-family: "normalidad-compact", sans-serif; }

section { padding-top: 90px; padding-bottom: 90px; }

.text-orange { color: var(--base-color); }
.text-color-medium-gray { color: #464646; }
.bg-orange { background-color: var(--base-color); }
.bg-light-orange  { background: var(--light-orange); }
.bg-light-yellow { background: #FFF7E5; }

.btn.btn-light-yellow { background-color: var(--light-yellow); color: var(--dark-gray); } 
.btn.btn-light-orange { background-color: var(--light-orange); color: var(--dark-gray); }
.btn.btn-medium-orange { background-color: #FCD5A7; color: var(--dark-gray); }
.btn.btn-base-color:hover, .btn.btn-base-color:active { background-color: #FCD5A7; }
@media (max-width: 992px) {
    header .btn[href="#contactForm"] { background-color: var(--base-color); color:#fff; }
}

.fs-36 { font-size: 2.25rem; line-height: 2.5rem; }

.text-shadow { text-shadow: 3px 3px 3px #000; }

.mapBox { min-height: 100%; }


footer .footer-logo img { max-height: none; }
@media (max-width: 480px) {
    footer .footer-logo img { width: 200px; }
}

.bg-dark-gray { background-color: #232323; }

footer ul li {  font-weight: 500; }
footer a:hover, footer a:active, .footer-navbar li a:hover { color: #fff; }


.box-sunlight { background: url(/storage/app/media/assets/sunlight-bg.png); background-color: var(--base-color); background-repeat: no-repeat; background-position: 10% bottom; background-size: 230%; border-radius: 6px; }
.box-sunlight-light { background: url(/storage/app/media/assets/sun.png); background-color: var(--light-orange); background-repeat: no-repeat; background-position: 110% 20px; background-size: 60%; border-radius: 6px;  }

.page-title-section { position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; text-align: center; color: #fff; }
.page-title-content { position: relative; }

.bg-texture { background-image: url(/storage/app/media/assets/bg-texture.png); background-size: cover;       background-size: 50%; background-repeat: repeat; }
.bg-sunlight {  background: url(/storage/app/media/assets/sunlight-bg.png); background-repeat: no-repeat; background-color: var(--base-color); background-size: cover; }


#contactPageForm input[type='text'],
#contactPageForm input[type='email'],
#contactPageForm input[type='tel'],
#contactPageForm textarea { background: var(--light-orange); border-radius: 6px; border-bottom: none; }
#contactPageForm input[type='checkbox'] { padding-left: 15px; padding-right: 15px; vertical-align: bottom; border: var(--bs-border-width) solid var(--bs-border-color); background-color: var(--light-orange); background-image: var(--bs-form-check-bg-image);  background-repeat: no-repeat; background-position: center; background-size: contain; }
#contactPageForm input[type='checkbox'].is-valid:checked, .was-validated #contactPageForm input[type='checkbox']:valid:checked { background-color: var(--bs-form-valid-color); }

#contactForm input[type='text'],
#contactForm input[type='email'],
#contactForm input[type='tel'],
#contactForm textarea { background: var(--light-orange);  border-radius: 6px; border-bottom: none; }
#contactForm input[type='checkbox'] { padding-left: 15px; padding-right: 15px; vertical-align: bottom; border: var(--bs-border-width) solid var(--bs-border-color); background-color: var(--light-orange); background-image: var(--bs-form-check-bg-image);  background-repeat: no-repeat; background-position: center; background-size: contain; }
#contactForm input[type='checkbox'].is-valid:checked, .was-validated #contactForm input[type='checkbox']:valid:checked { background-color: var(--bs-form-valid-color); }

.box-hover-light-orange:hover { background-color: var(--light-orange); }


header .navbar-brand img { max-height: 90px; }
header .navbar-brand { padding: 30px 0 20px; }
header.sticky .navbar-brand { padding: 10px 0; }

@media (max-width: 991px) {
    header .navbar-brand img { max-height: 60px; }
    header .navbar-brand { padding: 10px 0 10px; }
    header.sticky .navbar-brand { padding: 10px 0; }
}


.header-button .btn.btn-small { padding: 8px 26px; }

.guide-wrapper { position:absolute;top:-30px;bottom:-30px;right:0; }
.guide-wrapper img { max-width: none; max-height: 100%; }
@media (max-width: 992px) {
    .guide-wrapper { position: relative; margin-bottom: -30px; left: -15px; bottom: auto; right:0; }
    .guide-wrapper img { max-width: 100%; }
}

.menu-list-wrapper { height: calc(85vh - 150px); }

.subheading { color: var(--base-color); font-family: "Arimo", sans-serif; background: #FEF6EF; font-size: 14px; font-weight: 600; letter-spacing: 1px; border-radius: 6px; display: inline-block; line-height: 100%; padding: 10px 10px; }
.subheading img { width: 24px; margin-right: 15px; }

.sales-team-cta-img { position:absolute;top:-30px;bottom:-30px;right:0; }
.sales-team-cta-img img { max-width: none; max-height: 100%; }
@media (max-width: 992px) {
    .sales-team-cta-img { position: relative; margin-bottom: 0px; margin-top:-10px; left: 0; bottom: auto; right:0; }
    .sales-team-cta-img img { max-width: 100%; }
}

@media (min-width: 992px) {
    .intero-universe-video-cover { margin-top: -80px; margin-bottom: -80px; }
}


.bg-swiper-scrollbar { background: #FFDFC9; height: 7px; border-radius: 6px; }
.bg-swiper-scrollbar .swiper-progress { border-radius: 6px; }


#sticky-lp {
    position: fixed;
    bottom: 40px;
    right: 40px;
	text-align: center;
	z-index:500;
}
.btn-call-lp {
	display:block;
  height: 55px;
  width: 55px;
  border-radius: 50%;
  background-color: #fff;
}
.customPhone {
font-size: 30px;
    height: auto;
    margin: 0 auto;
    padding: 12px 13px;
    position: relative;
    transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    /* filter: invert(1); */
    color: #000;
}
@media all and (max-width: 720px)  {
	#sticky-lp {
	 	right: 20px; bottom: 20px; 
	}
}

/* #lp-mail-sticky {
    position: fixed;
    bottom: 20px;
    z-index:99;
}
#btn-lp-mail-sticky {
    padding: 15px 13px!important;
}

#btn-lp-mail-sticky i {
    font-size: 30px;
    margin-left:0px!important;
    color: #000;
} */

@media (min-width: 720px) {
	#lp-mail-sticky, #sticky-lp {display:none; }
}

@media (max-width: 767px) {
    .portfolio-filter li { padding: 0 25px; margin-bottom: 0; width: auto; }
    .portfolio-filter li:first-child { padding-left: 0; }
}

@media (max-width: 480px) {
    .home-headline { font-size: 2.25rem; }
}


.order-6 { order: 6 !important; }
.order-7 { order: 7 !important; }
.order-8 { order: 8 !important; }
.order-9 { order: 9 !important; }
.order-10 { order: 10 !important; }
.order-11 { order: 11 !important; }
.order-12 { order: 12 !important; }
.order-13 { order: 13 !important; }
.order-14 { order: 14 !important; }
.order-15 { order: 15 !important; }
.order-16 { order: 16 !important; }
.order-17 { order: 17 !important; }
.order-18 { order: 18 !important; }
.order-19 { order: 19 !important; }
.order-20 { order: 20 !important;