* {
    margin: 0;
    padding: 0;
}


/* Titles */

.title-one {
    font-size: 55px;
}


/*h1*/

.title-two {
    font-size: 52px !important;
}


/*h1*/

.title-three {
    font-size: 44px !important;
}


/*h1*/

.title-four {
    font-size: 42px !important;
}


/*h1*/


/* Subtitles */

.subtitle {
    font-size: 34px !important;
}

.subtitle-one {
    font-size: 45px !important;
}


/*h2*/

.subtitle-two {
    font-size: 27px !important;
}


/*h3*/

.subtitle-three {
    font-size: 24px !important;
}


/*h3*/


/* Text */

.text-one {
    font-size: 18px !important;
}


/*p*/

.text-two {
    font-size: 16px !important;
}


/*p*/

.text-three {
    font-size: 14px !important;
}


/*p*/


/* Text Buttons */

.text-btn-one {
    font-size: 18px !important;
}


/*a*/

.text-btn-two {
    font-size: 14px !important;
}


/*a*/


/* Colors */

.color-blue-one {
    color: #007BA5 !important;
}

.color-blue-two {
    color: #3F6781 !important;
}

.color-blue-three {
    color: #333366 !important;
}

.color-blue-four {
    color: #4B7189 !important;
}

.color-blue-four a {
    color: #4B7189;
    text-decoration: none;
}

.color-blue-four a:hover {
    color: #4B7189;
    text-decoration: none;
}

.color-hub-energy {
    color: #095d74 !important;
}

.color-gray-one {
    color: #616161 !important;
}

.color-green-one {
    color: #00ADAA !important;
}

.color-green-two {
    color: #72DAC2 !important;
}

.color-orange-one {
    color: #FEC94B !important;
}

.color-orange-two {
    color: #FEA64B !important;
}

.color-yellow-one {
    color: #EFDD84 !important;
}

.color-yellow-two {
    color: #EAD74B !important;
}

.bg-white-two {
    background: #F6F6F6 !important;
}

.bg-blue-one {
    background: #007BA5 !important;
}

.bg-green-one {
    background: #00ADAA !important;
}

.bg-green-two {
    background: #72DAC2 !important;
}

.bg-orange-one {
    background: #FEC94B !important;
}

.bg-orange-two {
    background: #FEA64B !important;
}

.bg-yellow-one {
    background: #EFDD84 !important;
}

.bg-yellow-two {
    background: #EAD74B !important;
}


/*-----Statements-----*/

.statements__banner {
    background-image: url('/themes/custom/iadb_theme/assets/img/principios/declaraciones__banner.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 512px;
    width: 100%;
}

.statements__banner div {
    width: 80%;
    left: 50%;
    transform: translateX(-50%);
}

.statements__banner div span {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    transform: translateY(40px) !important;
    cursor: pointer;
}

.statements__banner div span .icon {
    font-size: 20px;
    color: #007BA5;
}

.statements__banner div span p {
    left: 50px;
    top: 50%;
    transform: translateY(-50%);
}

.statements__banner div img {
    width: 174.22px;
    height: 98px;
    right: -50px;
}

.statements__banner h1 {
    bottom: 2rem;
    left: 5rem;
    transition: all .5s;
}


/*-----Items-----*/

.items a {
    font-weight: 600;
    transition: all .5s;
}

.items a.active {
    color: #00ADAA !important;
}

.items p {
    font-size: 20px !important;
    font-weight: 400;
    transition: all .5s;
}

.items .card {
    width: 280px !important;
    transform: translateY(-60px) !important;
}

.items .card .card-img-top {
    height: 263px!important;
}

.items .card .card-body button.btn.text-btn-two {
    height: 42px;
    width: 100% !important;
}


/*-----Commongoal  and Specificgoal-----*/

.commongoal__specificgoal {
    min-height: 555px;
    scroll-margin-top: 12.5rem
}

.commongoal__specificgoal .container {
    border: 1px solid #fff;
    height: 264px;
    padding: 2rem 1.5rem;
    max-width: 603px;
    width: 100%;
    transition: all .5s;
}

.commongoal__specificgoal .container h2 {
    font-weight: 600;
    margin-bottom: 2rem;
}

.commongoal__specificgoal .container p {
    font-weight: 500;
    letter-spacing: -0.5px;
}

.commongoal__specificgoal .container .card {
    height: 110px;
    max-width: 366px;
    width: 100% !important;
}

.commongoal__specificgoal .container .card .card-title {
    font-weight: 700;
}

.commongoal__specificgoal .container .card .card-text {
    font-weight: 600;
}


/*-----Beginning-----*/
.beginning p{font-weight: 500;max-width: 570px;width: 90%;}
.beginning .text{font-size:18px;font-weight: 500;max-width: 800px;width: 100%;}

/* Styles Carousel */
.beginning .owl-carousel .slide h3{transition: all .5s;}
.beginning .owl-carousel .slide p{width: 600px; font-weight: 500;transition: all .5s;}
.beginning .owl-carousel .slide{opacity:0.8;transform:scale(.6);}

.beginning .owl-carousel .slide .circle__border{width: 195px;height: 195px;border-radius: 50%;}
.beginning .owl-carousel .slide .circle__border.beginning__1{border: 2px solid #72DAC2;}
.beginning .owl-carousel .slide .circle__border.beginning__2{border: 2px solid #00ADAA;}
.beginning .owl-carousel .slide .circle__border.beginning__3{border: 2px solid #FEA64B;}
.beginning .owl-carousel .slide .circle__border.beginning__4{border: 2px solid #FEC94B;}
.beginning .owl-carousel .slide .circle__border.beginning__5{border: 2px solid #EFDD84;}
.beginning .owl-carousel .slide .circle__border.beginning__6{border: 2px solid #00ADAA;}
.beginning .owl-carousel .slide .circle__border.beginning__7{border: 2px solid #FEA64B;}
.beginning .owl-carousel .slide .circle__border.beginning__8{border: 2px solid #EFDD84;}

.beginning .owl-carousel .slide .circle__border .circle__background{width: 168px;height: 168px;border-radius: 50%;}
.beginning .owl-carousel .slide .circle__border .circle__background img{width: 50% !important;}

/*---------- Owl Carousel ---------*/
.beginning .owl-carousel .owl-stage {display: flex !important;justify-content: center;min-height: 550px !important;}
.beginning .owl-carousel .owl-stage .owl-item {display: block !important;}
.beginning .owl-carousel .center .slide {opacity:1;transform:scale(1);} 
.beginning .owl-carousel .center .slide h3, 
.beginning .owl-carousel .center .slide p {display: block !important;} 
.beginning .slide__prev,
.beginning .slide__next{height: 40px;width: 40px;border-radius: 50%;box-shadow: 0px 10px 20px #0000001A;}
.beginning .slide__prev{content: "";cursor: pointer;}
.beginning .slide__next{content: "";cursor: pointer;}
.beginning .arrows-slide-btns{margin-top: -50px;z-index: 1;}


/*-----Commitments-----*/

.commitments {
    scroll-margin-top: 12.5rem;
    height: auto;
    min-height: 667px;
    z-index: 1;
    /* Estilos paralax */
    background: url('/themes/custom/iadb_theme/assets/img/principios/fondo_compromisos@2x.jpg') no-repeat fixed;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.commitments img {
    width: 430px;
    transition: all .5s;
    right: 2%;
    top: 0;
    /* transform: translate(0, -70%); */
    transition: all .5s;
}

.commitments p {
    max-width: 670px;
    width: 90%;
}

.commitments .card {
    width: 100%;
    min-width: 272px;
    height: 330px;
    border-radius: 10px !important;
}

.commitments .card .card-body p {
    width: auto;
    font-weight: 500;
}

.commitments .card .number {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    font-size: 17px;
    font-weight: 600;
}


/*-----information-----*/

.information {
    min-height: 830px;
    height: auto;
}

.information .watermark {
    max-width: 430px;
    width: 100%;
    transition: all .5s;
    z-index: 0;
}

.information .watermark.top {
    left: 0;
    top: 0;
    transform: translate(5%, -35%);
}

.information .watermark.bottom {
    right: 0;
    bottom: 0;
}

.information h1 {
    z-index: 1;
}

.information p {
    font-weight: 500;
    max-width: 665px;
    width: 90%;
    z-index: 1;
}

.information .information__list {
    min-height: 550px;
    height: auto;
    overflow: hidden;
    transition: all 2s ease-in-out;
    z-index: 1;
}

.information .card {
    border-radius: 5px;
    height: 87px;
    width: 312px;
    padding: 1.5rem 0.5rem 1.5rem 1.5rem !important;
}

.information .delay-03 {
    animation-delay: .3s;
}

.information .delay-06 {
    animation-delay: .6s;
}

.information .delay-09 {
    animation-delay: .9s;
}

.information .delay-12 {
    animation-delay: 1.2s;
}

#rowone,
#rowtwo,
#rowthree,
#rowfour {
    display: none;
}

.information .arrow {
    width: 65.26px;
    height: 41.89px;
}

.information .card .card-icon {
    width: 45px;
    height: auto;
}

.information .card .card-text {
    font-weight: 500;
}

@media (max-width: 800px) {
    .statements__banner div img {
        right: -40px;
    }
    .statements__banner h1 {
        left: 50%;
        bottom: 30%;
        font-size: 35px;
        transform: translate(-50%, -50%);
    }
    .items {
        text-align: center;
    }
    .items a.text-btn-one,
    .items p {
        font-size: 20px;
    }
    .items .col-lg-4:nth-of-type(1) {
        order: 1;
    }
    .items .col-lg-4:nth-of-type(2) {
        order: 2;
    }
    .items .col-lg-4:nth-of-type(3) {
        order: 0;
    }
    .commongoal__specificgoal .container {
        height: auto;
        width: 90%;
        text-align: center;
    }
    .commongoal__specificgoal .container.hvr-round-corners {
        display: block;
    }
    .commongoal__specificgoal .container.specificgoal {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .commongoal__specificgoal .col-xl-6 {
        padding: 0;
    }
    .owl-carousel .slide p {
        width: 376px;
    }
    .beginning .arrows-slide-btns {
        margin-top: -10px;
    }
    .beginning .owl-carousel .slide p {
        width: 90%;
    }
    .commitments img {
        width: 120px;
    }
    .information .watermark {
        width: 80%;
    }
    .information .watermark.top {
        left: 50%;
        top: 0;
        transform: translate(-50%, -35%);
    }
    .information .watermark.bottom {
        left: 50%;
        bottom: 0;
        transform: translate(-50%, 0);
    }
    .information .information__list {
        max-height: auto;
    }
    .information .information__list .row:nth-of-type(1) {
        display: none;
    }
    .information .information__list .base:before {
        content: "Línea base 2019";
        color: #333366;
        font-size: 12px;
        position: absolute;
        top: -20px;
        left: 0;
    }
    .information .information__list .projection:before {
        content: "Proyección 2030";
        color: #333366;
        font-size: 12px;
        position: absolute;
        top: -20px;
        right: 0;
    }
    .information .justify-content-start,
    .information .justify-content-end {
        justify-content: center !important;
    }
    .information .card {
        padding: 0;
    }
    .information .arrow {
        margin: 2rem;
        transform: rotate(90deg);
    }

    .commitments .card {
        height: 355px;
    }
}