@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');

/*********************************************************** switches pages ***********************************************************/
.bg_arubainstanton_purple{
     background-color: #4f1e7c;
}

.nav-link-custom {
    font-size: 15px !important;
    font-family: 'Open Sans', sans-serif !important;
}

.nav-link-custom.active {
    color: #FF9A49 !important;
    font-family: 'Open Sans', sans-serif !important;
}

.btn-lightblue {
    background-color: #99DAF8;
    padding: 15px 70px;
    border-radius: 4px;
    border: 0;
    color: #184876;
    cursor: pointer;
}

.switches-box-section2 {
    border-radius: 4px;
    border: 2px solid #004876;
    padding: 30px;
    margin: 15px;
    text-align: center;
    background-color: #ffffff;
}

.switches-box-section2-img {
    min-height: 110px;
}

.switches-img-icon {
    margin: auto;
    display: block;
    width: 113px;
}

.switches-title-section1 {
    color: #FF9A49;
    font-size: 30px;
    font-family: 'Open Sans', sans-serif;
}

.switches-content-section1 {
    color: #6E7582;
    font-size: 20px;
    line-height: 24px;
    font-weight: 100;
    margin: 0;
    font-family: 'Open Sans', sans-serif;
}

.switches-box-content-section1 {
    padding: 10px 130px;
}

.box-section3 {
    min-height: 250px;
}

.switches-main-box-section2 {
    position: relative;
    z-index: 1;
}

.bg-lightgreen {
    /*background: url("../image/switches/bg-lightgreen.png") no-repeat;*/
    background-color: #f1f9f7;
    background-size: cover;
    background-position: center;
    /*min-height: 100vh;*/
    min-height: 400px;
    position: relative;
}

.switches-title-section2 {
    color: #004876;
    font-family: 'Open Sans', sans-serif;
    font-size: 30px;
    font-weight: 500;
}

.switches-subtitle-section2 {
    color: #333333;
    font-weight: 700;
    margin: 0;
}

.switches-content-section2 {
    color: #004876;
    font-weight: 700;
    margin: 0;
}

.switches-title-section3 {
    color: #ffffff;
    font-weight: 500;
    font-size: 28px;
    line-height: 34px;
}

.switches-content-section3 {
    color: #ffffff;
    font-weight: 100;
    margin: 0;
    font-size: 18px;
    line-height: 24px;
}

.switches-title-section4 {
    color: #004876;
    font-size: 30px;
    font-weight: 600;
    margin: 0;
}

.switches-subtitle-section4 {
    color: #6E7582;
    font-size: 18px;
    margin: 0;
}

.label-form-switches {
    color: #10181F;
    font-size: 14px;
    font-weight: 600;
}

.required:after {
    content: ' *';
    color: red;
}


/*********************************************************** solutions pages ***********************************************************/

.solutions-box-content-section1 {
    padding: 10px 130px;
}

.solutions-content-section1 {
    color: #6E7582;
    font-size: 17px;
    line-height: 22px;
    font-weight: 100;
    margin: 0;
    font-family: 'Open Sans', sans-serif;
}

.btn-link-orange {
    color: #FF8300;
    font-family: 'Open Sans', sans-serif;
}

.btn-link-orange:hover {
    color: #FF8300;
}

.solutions-main-box-section2 {
    background-color: #F1F8FB;
    padding: 30px;
}

.solutions-title-section2 {
    font-family: 'Open Sans', sans-serif;
    color: #004876;
    font-size: 16px;
    font-weight: 700;
}

.solutions-subtitle-section2 {
    font-family: 'Open Sans', sans-serif;
    color: #474747;
    font-size: 30px;
}

.solutions-content-section2 {
    font-family: 'Open Sans', sans-serif;
    color: #6E7582;
    font-size: 16px;
    line-height: 24px;
}

.solutions-main-box-section3 {
    background-color: #ffffff;
    padding: 30px;
}

.solutions-main-box-section4 {
    padding: 40px;
}

.solutions-title-section4 {
    font-family: 'Open Sans', sans-serif;
    color: #343434;
    font-size: 24px;
    font-weight: 300;
}

.solutions-content-section4 {
    font-family: 'Open Sans', sans-serif;
    color: #343434;
    font-size: 18px;
    line-height: 24px;
    font-weight: 300;
}

.solutions-main-box-section5 {
    background-color: #EBF5FA;
    padding: 15px;
}

.solutions-title-section5 {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    color: #2D2D2D;
}

.solutions-title-section6 {
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    color: #2D2D2D;
}

.solutions-content-section6 {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    color: #2D2D2D;
}


/*********************************************************** promo pages ***********************************************************/

.promo-title-section1 {
    color: #FF9A49;
    font-size: 30px;
    font-family: 'Open Sans', sans-serif;
}

.promo-content-section1 {
    color: #6E7582;
    font-size: 17px;
    line-height: 22px;
    font-weight: 100;
    margin: 0;
    font-family: 'Open Sans', sans-serif;
}

.promo-bg-section2 {
    background: url("../image/promo/img01.png") no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 180px;
    padding: 15px;
}

.promo-title-section2 {
    color: #ffffff;
    font-size: 30px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}

.promo-title-section2 span {
    color: #ffffff;
    font-size: 22px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
}

.promo-subtitle-section2 {
    color: #FF8300;
    font-size: 26px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
}

.promo-content-section2 {
    color: #ffffff;
    font-size: 26px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
}

.promo-title-section3 {
    color: #FF9A49;
    font-size: 24px;
    line-height: 28px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}

.promo-content-section3 {
    color: #343434;
    font-size: 18px;
    line-height: 24px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 100;
}

.promo-box-title-section3 {}

.promo-box-content-section3 {
    min-height: 70px;
}

.promo-box-content-section1 {
    padding: 10px 130px;
}

.promo-content-section4 {
    color: #343434;
    font-size: 13px;
    line-height: 18px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 100;
}

p.promo-content-section4 > b {
    font-weight: 700;
}


/*********************************************************** contact pages ***********************************************************/

.contact-title-section1 {
    color: #FF9A49;
    font-size: 30px;
    font-family: 'Open Sans', sans-serif;
}

.contact-box-content-section1 {
    padding: 10px 130px;
}

.contact-content-section1 {
    color: #6E7582;
    font-size: 20px;
    line-height: 24px;
    font-weight: 100;
    margin: 0;
    font-family: 'Open Sans', sans-serif;
}

.contact-title-section2 {
    color: #000000;
    font-size: 34px;
    font-weight: 100;
    font-family: 'Open Sans', sans-serif;
}

.contact-content-section2 {
    color: #6D6D6D;
    font-size: 16px;
    font-weight: 100;
    margin: 0;
    font-family: 'Open Sans', sans-serif;
}

.contact-content-section2 span {
    color: #FF9A49;
}

.contact-title-section3 {
    color: #000000;
    font-size: 34px;
    font-weight: 100;
    font-family: 'Open Sans', sans-serif;
}

.form-control-contact {
    background-color: #EDEDED;
    border-radius: 0;
    border: 0;
}

.btn-orange {
    padding: 15px 50px;
    background-color: #FF9A49;
    border: 0;
    color: #ffffff;
    font-family: 'Open Sans', sans-serif;
    cursor: pointer;
}

.label-form-field {
    color: #6D6D6D;
    font-weight: 100;
    margin: 0;
}

.label-form-field span {
    color: #FF9A49;
}

.bg-lightgray {
    background-color: #F4F5F7;
}

.text-footer {
    color: #3B3B3B;
    font-size: 10px;
    padding-right: 10px;
}



.bg_arubainstanton_darkblue{
     background-color: #274661;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link{
    background: transparent !important;
}

.title-switches-tab{
    clear: both;
    font-weight: 700;
    margin: 0.5em 0;
    padding: 0;
    color: #004876;
    font-family: "Open Sans", Arial, sans-serif;
    line-height: 1.2;
    font-size: 22px;
}

.subtitle-switches-tab{
    clear: both;
    font-weight: 700;
    margin: 0.5em 0;
    padding: 0;
    color: #004876;
    font-family: "Open Sans", Arial, sans-serif;
    line-height: 1.2;
    font-size: 16px;
}

.text-switches-tab{
    clear: both;
    font-weight: 300;
    margin: 0.5em 0;
    padding: 0;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 14px;
    line-height: 22px;
}

.switches-box-section2:hover {
    border: 2px solid #004876;
    background-color: #004876;
}


div div ul li.nav-item.active a.nav-link.active.show div.switches-box-section2 {
    border: 2px solid #004876;
    background-color: #004876;
}

.switches-box-section2:hover div.switches-box-section2-content p{
    color: #ffffff;
}

div div ul li.nav-item.active a.nav-link.active.show div.switches-box-section2 div.switches-box-section2-content p {
    color: #ffffff;
}

.switches-box-tab{
    min-height: 400px;
}

.switches-mainbox-tab{
    position: relative; 
    top: -250px; 
    display: block;
}

@media (max-width: 575px) {
    /* solutions page*/
    .solutions-box-content-section1 {
        padding: 10px;
    }
    /*end solutions page*/
    /* contact page*/
    .contact-box-content-section1 {
        padding: 10px;
    }
    /*end contact page*/

    .switches-box-content-section1{
        padding: 10px 30px;
    }

    .switches-mainbox-tab{
        position: relative; 
        top: 50px; 
        display: block;
    }

    .switches-box-tab{
        min-height: 100px;
    }

    .bg-lightgreen{
        min-height: 300px;
    }
}