.colorT {
    color: #F10A0E;
}
.showXS {display:block;}
.showSM {display: none;}
.showMD {display: none;}
.showLG {display: none;}
.showXL {display: none;}


.btn-info {
    --bs-btn-color: #fff;
    --bs-btn-bg: #009db2;
    --bs-btn-border-color: #009db2;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #00cbe6;
    --bs-btn-hover-border-color: #25cff2;
    --bs-btn-focus-shadow-rgb: 11,172,204;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #3dd5f3;
    --bs-btn-active-border-color: #25cff2;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #009db2;
    --bs-btn-disabled-border-color: #009db2;
}

.nav-link:focus, .nav-link:hover {
    color: #009db2; 
}

.background-footer{
    background-color:#009db2;  
}

.main-color {
    color:#009db2;    
}

.secundary-color {
    color:#666666;
}
.navbar-shadow-bottom {
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);
}
 

.menu-item-selected {
    color:#009db2;   
}

 
.background2 {
    background-color:#f3f3f3;
}

.hero{
    background-image: url(../images/web-home-image-background.png);
    background-position: center;
    background-size: cover;
    position: relative;
    z-index: 2;  
    max-height: 700px;
}

.hero1{
    background-image: url(../images/hero1.png);
    background-position: center;
    background-size: cover;
    position: relative;
    z-index: 2;  
    max-height: 325px;
}

.hero2{
    background-image: url(../images/hero2.png);
    background-position: center;
    background-size: cover;
    position: relative;
    z-index: 2;  
    max-height: 325px;
}

.hero3{
    background-image: url(../images/hero3.png);
    background-position: center;
    background-size: cover;
    position: relative;
    z-index: 2;  
    max-height: 325px;
}

.hero4{
    background-image: url(../images/hero4.png);
    background-position: center;
    background-size: cover;
    position: relative;
    z-index: 2;  
    max-height: 325px;
}

.hero5{
    background-image: url(../images/hero5.png);
    background-position: center;
    background-size: cover;
    position: relative;
    z-index: 2;  
    max-height: 325px;
}

.rb{
    background-image: url(../images/rotating/rb.png);
    background-position: center;
    background-size: cover; 
}

.title1 {
    font-size:59px;
}

.star {
    color:#fad33a;
    font-size: 30px;
}

.description1 {
    color:#666666;
    font-size:22px;
}

.title2 {
    font-size:22px;
}
 
.description2 {
    font-size:18px;
}

.panel-height {
    height: 400px;
}

.checkmark-circle {
    font-size:150px;
}

@media (min-width: 350px) and (max-width:575.98px) {
    .menu-item {  
        margin-left:10px;
        margin-right:10px;
    }
} 

@media (min-width: 576px) and (max-width:767.98px) {
    .colorT { color:#784B00  }
	.showXS {display:none;}
	.showSM {display: block;}
    .menu-item {  
        margin-left:5px;
        margin-right:5px;
    }
}

@media (min-width: 768px) and (max-width:991.98px) {
    .colorT { color:#009803  }
	.showXS {display:none;}
	.showMD {display: block;}
    .menu-item {  
        font-size:16px ;
        margin-left:6px;
        margin-right:6px;
    }
}

@media (min-width: 992px) and (max-width:1199.98px) {
    .colorT { color:#0040A3  }
	.showXS {display:none;}
	.showLG {display: block;}
    .menu-item {  
        font-size:20px ;
        margin-left:15px;
        margin-right:15px;
    }
}

@media (min-width: 1200px) {
    .colorT { color:#D109DD  }
	.showXS {display:none;}
	.showXL {display: block;}
    .menu-item {  
        font-size:22px ;
        margin-left:20px;
        margin-right:20px;
    }
}