body {
    font-family: 'Montserrat', sans-serif;
}

div {
    font-family: 'Montserrat', sans-serif;
}

a {
    font-family: 'Montserrat', sans-serif;
}



.titulo_entrada {
    text-align: left;
    position: absolute;
    top: 50%;
    left: 73%;
    transform: translate(-50%, -50%);
    color: white;
}




.m-2-intro {
    padding-left: 32px;
    height: 50px;
    text-align: left;
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
    padding-top: 36px;
}


/* Fim pagina entrada*/

/*Pagina menu*/
.pag-menu {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 100vh;
}

.background {
    position: fixed;
    top: 0;
    left: 0;
    /*z-index: 999;*/
    width: 100%;
    height: 100vh;
    background-position: right bottom;
    background-repeat: no-repeat;
}

/*menu barras laterais */

.parque {
    background-color: #0f0f0f;
}


/*menu 1*/



.lateral-bar-fill-mirandela {
    text-align: center;
    width: 96px;
    font-size: 30px;
    cursor: pointer;
    position: absolute; /*left: -100px;*/
    height: 100%;
    background-color: #D1654E;
    z-index: 100;
}

.lateral-bar-fill .menu {
    position: absolute;
    height: 100px;
    bottom: 0;
    z-index: 1000;
    width: 100%;
    text-align: right;
}

.lateral-bar {
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-left: auto;
    margin-right: auto;
    height: 384px;
    position: relative;
    left: 8%;
}

.lateral-bar.intro2 {
    left: 0;
}

.lateral-bar.intro2-1 {
    left: 96px;
}

.lateral-bar.intro2-1 .menusmenus-three:first-of-type {
    margin-right: 96px;
}

.lateral-bar.intro2-1 .menusmenus-three:last-of-type {
    margin-left: 96px;
}

#sidebar2 {
    min-width: 96px;
    max-width: 96px;
    color: #fff;
}
.rotate {
    -webkit-transform: rotate(270deg);
    /*-moz-transform: rotate(271deg);*/
    /*-o-transform: rotate(271deg);*/
    /*writing-mode: lr-tb;*/
    writing-mode: tb-rl;
    width: 154px;
    text-align: center;
}

.breadcrumb {
    float: left;
    text-transform: uppercase;
    width: 800px;
    background: none;
}

.breadcrumb-item {
    font-size: 24px;
    font-weight: 300;
}

.breadcrumb-item + .breadcrumb-item::before {
    display: inline-block;
    color: #fff;
    content: "‹";
}

/*.wrapper {*/
/*    !*width: 300px;*!*/
/*    min-height: 250px;*/
/*    position: relative;*/
/*    border: 2px solid red;*/
/*    border-left: 40px solid red;*/
/*    padding: 15px;*/
/*    color: black;*/
/*    font-size: small;*/
/*    display: inline-block;*/
/*}*/

/*h3 {*/
/*    font-size: 1rem;*/
/*    color: white;*/
/*    text-transform: uppercase;*/
/*    letter-spacing: 3px;*/

/*    position: absolute;*/
/*    bottom: 0;*/
/*    left: 0;*/
/*    margin-left: -30px;*/
/*    -webkit-transform: rotate(270deg);*/

/*!*@include transform(rotate(270 deg));*!*/
/*!*@include transform-origin(0 0);*!*/
/*}*/


.legendas {
    font-size: 24px;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    writing-mode: lr-tb;
    text-transform: uppercase;
    /*margin-top: 100%;*/
    font-weight: 300;
    display: inline-block;
    width: 100%;
}

.legendas.next-big {
    white-space: nowrap;
    margin-top: 30px;
}

.legendas.next-big-2 {
    white-space: nowrap;
    margin-top: 60px;
    margin-left: -5px;
}

.legendas.next-big-3 {
    margin-top: 230px;
}

.legendas.next-big-4 {
    margin-top: 170px;
}

.legendas.next-big-5 {
    margin-top: 230px;
}

.divide {
    font-size: 24px;
    font-weight: 300;
    margin-top: 30px;
    margin-bottom: 30px;
    -webkit-transform: rotate(271deg);
    -moz-transform: rotate(271deg);
    -o-transform: rotate(271deg);
    writing-mode: lr-tb;
    text-transform: uppercase;
    margin-left: -2px;
}


/*Fim menu 1*/


#menu-lateral {
    min-width: 128px;
    max-width: 128px;
    color: #fff;
    transition: all 0.3s;
    margin-left: -128px;
}

#menu-lateral a {
    color: #fff;
}

#menu-lateral.active {
    margin-left: 96px;
}

a {
    color: #fff;
}

a:hover {
    color: #fff;
    text-decoration: none;
}

/*Fim menu*/

.carousel-control-prev, .carousel-control-next {
    opacity: 0;
    filter: alpha(opacity=0); /* IE support */
}

/*menu conteudos*/

#menu-conteudo {
    color: #fff;
    transition: all 0.7s;
    margin-right: -640px;
    opacity: 0.8;
    width: 640px;
    position: absolute;
    right: 0;
    height: 100%;
    background-color: #04656B;
}

#menu-conteudo a {
    color: #fff;
}

#menu-conteudo.active {
    margin-right: 0;
}

#menu-conteudo.disabled {
    margin-right: -640px;
}


#menu-conteudo.map {
    width: 320px;
    /*background: #fff;*/
    background: rgba(255, 255, 255, 0.2);
    /*opacity: 0.2;*/

}

#menu-conteudo.no-opacity {
    background: rgb(255, 255, 255) !important;
    opacity: 1;
}

#menu-conteudo.map .block-info {
    width: 320px;
    background: rgba(4, 101, 107, .8);
    padding: 40px;

}

#menu-conteudo.map .block-image img {
    width: 100%;
}

#menu-conteudo.map .block-info h3 {
    font-size: 24px;
    line-height: 24px;
    max-width: 160px;
    text-transform: uppercase;
    font-weight: 400;
}

#menu-conteudo.map .block-info .subtitle {
    font-size: 24px;
    line-height: 24px;
    font-style: italic;
    font-weight: 300;
}

#menu-conteudo.map .block-info p {
    margin-top: 24px;
    line-height: 24px;
    max-width: 200px;
}

#menu-conteudo.map .block-info .coords {
    margin-top: 24px;
    line-height: 24px;
}

#menu-conteudo.map .block-info .coords span {
    display: block;
    width: 100%;
}

#menu-conteudo.map .page-with-text {
    margin-left: 40px;
    font-weight: 600;
    font-style: italic;
    font-size: 24px;
    line-height: 24px;
    text-align: left;
    margin-top: 70px;
    color: #fff;
    margin-bottom: 10px;

}

#menu-conteudo.map .closeparque {
    bottom: 10px;
    right: 10px;
    top: auto;
}

#menu-conteudo.map .quiz-close {
    top: 32px;
    right: 32px;
    bottom: initial;
    position: absolute;
    margin: 0;
    font-size: initial;
}

.menusmenus {
    height: 384px;
    width: 384px;
    float: left;
    top: 50%;
    position: inherit;
    background-color: #04656B;
    opacity: 0.8;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 20px;

}

.menusmenus-titulo {
    color: #fff;
    text-align: center;
    margin-top: 15%;
    font-size: 36px;
    text-transform: uppercase;

}

.menusmenus-img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10%;
    margin-top: 30%;
}


.menusmenus-three {
    width: 480px;
    height: 508px;
    float: left;
    margin-top: 193px;
    left: 0;
    position: inherit;
    background-color: #A07315;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.menusmenus-three.full {
    width: calc(100% - 480px);
    background-color: rgba(160, 115, 21, .8);
}




.menusmenus-three p {
    padding: 0 64px;
    text-align: left;
}

.menusmenus-three p {
    font-size: 18px;
    text-align: left;
    color: #fff;
    margin: 0;
}

.menusmenus-three .logo {
    width: 268px;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.close-btn {
    width: 32px;
}

.menu-hamburger {
    text-align: center;
}



button:focus {
    outline: 0 !important;
}

/* Toogle */
.btn-toggle {
    margin: 0 4rem;
    padding: 0;
    position: relative;
    border: none;
    height: 1.5rem;
    width: 3rem;
    border-radius: 1.5rem;
    color: #6b7381;
    background: #bdc1c8;
    outline: none;
}

.btn-toggle:focus,
.btn-toggle.focus,
.btn-toggle:focus.active,
.btn-toggle.focus.active {
    outline: none !important;
}

.btn-toggle:before,
.btn-toggle:after {
    line-height: 1.5rem;
    width: 4rem;
    text-align: center;
    font-weight: 600;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    position: absolute;
    bottom: 0;
    transition: opacity 0.25s;
}

.btn-toggle:before {
    content: "Off";
    left: -4rem;
}

.btn-toggle:after {
    content: "On";
    right: -4rem;
    opacity: 0.5;
}

.btn-toggle > .handle {
    position: absolute;
    top: 0.1875rem;
    left: 0.1875rem;
    width: 1.125rem;
    height: 1.125rem;
    border-radius: 1.125rem;
    background: #fff;
    transition: left 0.25s;
}

.btn-toggle.active {
    transition: background-color 0.25s;
}

.btn-toggle.active > .handle {
    left: 1.6875rem;
    transition: left 0.25s;
}

.btn-toggle.active:before {
    opacity: 0.5;
}

.btn-toggle.active:after {
    opacity: 1;
}

.btn-toggle.btn-sm:before,
.btn-toggle.btn-sm:after {
    line-height: -0.5rem;
    color: #fff;
    letter-spacing: 0.75px;
    left: 0.4125rem;
    width: 2.325rem;
}

.btn-toggle.btn-sm:before {
    text-align: right;
}

.btn-toggle.btn-sm:after {
    text-align: left;
    opacity: 0;
}

.btn-toggle.btn-sm.active:before {
    opacity: 0;
}

.btn-toggle.btn-sm.active:after {
    opacity: 1;
}

.btn-toggle:before,
.btn-toggle:after {
    color: #6b7381;
}

.btn-toggle.active {
    background-color: #0AB495;
}

.btn-toggle.active.blue {
    background-color: #0477b4;
}

.btn-toggle.btn-sm {
    margin: 0 0.5rem;
    padding: 0;
    position: relative;
    border: none;
    height: 1.5rem;
    width: 3rem;
    border-radius: 1.5rem;
}

.btn-toggle.btn-sm:focus,
.btn-toggle.btn-sm.focus,
.btn-toggle.btn-sm:focus.active,
.btn-toggle.btn-sm.focus.active {
    outline: none;
}

.btn-toggle.btn-sm:before,
.btn-toggle.btn-sm:after {
    line-height: 1.5rem;
    width: 0.5rem;
    text-align: center;
    font-weight: 600;
    font-size: 0.55rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    position: absolute;
    bottom: 0;
    transition: opacity 0.25s;
}

.btn-toggle.btn-sm:before {
    content: "Off";
    left: -0.5rem;
}

.btn-toggle.btn-sm:after {
    content: "On";
    right: -0.5rem;
    opacity: 0.5;
}

.btn-toggle.btn-sm > .handle {
    position: absolute;
    top: 0.1875rem;
    left: 0.1875rem;
    width: 1.125rem;
    height: 1.125rem;
    border-radius: 1.125rem;
    background: #fff;
    transition: left 0.25s;
}

.btn-toggle.btn-sm.active {
    transition: background-color 0.25s;
}

.btn-toggle.btn-sm.active > .handle {
    left: 1.6875rem;
    transition: left 0.25s;
}

.btn-toggle.btn-sm.active:before {
    opacity: 0.5;
}

.btn-toggle.btn-sm.active:after {
    opacity: 1;
}

.btn-toggle.btn-sm.btn-sm:before,
.btn-toggle.btn-sm.btn-sm:after {
    line-height: -0.5rem;
    color: #fff;
    letter-spacing: 0.75px;
    left: 0.4125rem;
    width: 2.325rem;
}

.btn-toggle.btn-sm.btn-sm:before {
    text-align: right;
}

.btn-toggle.btn-sm.btn-sm:after {
    text-align: left;
    opacity: 0;
}

.btn-toggle.btn-sm.btn-sm.active:before {
    opacity: 0;
}

.btn-toggle.btn-sm.btn-sm.active:after {
    opacity: 1;
}


/* modal */
.modal {
    text-align: center;
}

@media screen and (min-width: 768px) {
    .modal:before {
        display: inline-block;
        vertical-align: middle;
        content: " ";
        height: 100%;
    }
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    max-width: 1376px !important;
}

.modal .modal-body {
    padding: 0;
}

.modal .modal-body .modal-image-left {
    float: left;
    width: 960px;
    position: relative;
}

.modal .modal-body .modal-image-left .icon-abs {
    position: absolute;
    left: 32px;
    top: 32px;
}

.modal .modal-body .modal-image {
    width: 961px;
    height: 540px;
    float: left;
    margin-left: -1px;
}

.modal .modal-body .info {
    float: left;
    width: 414px;
    color: #fff;
    padding: 0 52px 0 48px;
}

.modal .modal-body .info h3 {
    font-size: 24px;
    line-height: 24px;
    margin-top: 90px;
    max-width: 235px;
}

.modal .modal-body .info p {
    font-size: 18px;
    line-height: 24px;
    font-weight: 300;
    margin-top: 30px;
}

.modal .modal-body .location {
    width: 414px;
    height: 64px;
    background: #0ab495;
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 22px 22px 22px 48px;
}

.modal .modal-body .location span {
    color: #fff;
    font-size: 18px;
    line-height: 24px;
    font-weight: 300;
}

.modal .modal-body .location img {
    width: 24px;
    float: right;
    margin-top: -6px;
}

.modal .modal-content {
    background: rgba(4, 101, 107, .8);
    border-radius: 0;
    height: 541px;
}

.modal .modal-content.big-content {
    height: 732px;
}

.modal .modal-content.big-content .info h3 {
    max-width: none;
}

.closeModal {
    position: absolute;
    right: 32px;
    top: 32px;
}

.modal .modal-content.big-content .subtitle-img {
    height: 64px;
    background: #0ab495;
    width: 960px;
    float: left;
    color: #fff;
    padding: 12px 16px;
    position: relative;
}

.modal .modal-content.big-content .subtitle-img .icon-qr {
    width: 24px;
    position: absolute;
    right: 20px;
    top: 20px;
}

.modal .modal-content.big-content .subtitle-img .qr-code {
    width: 120px;
    height: 124px;
    /*background: #0ab495;*/
    background: url('../img/map/icon-23.png');
    position: absolute;
    right: 10px;
    top: -130px;
    padding: 10px;
    -webkit-transition: all .3s linear 0s;
    transition: all .3s linear 0s;
    opacity: 0;
    visibility: hidden;
}

.modal .modal-content.big-content .subtitle-img .qr-code.show {
    opacity: 1;
    visibility: visible;
}

.modal .modal-content.big-content .subtitle-img .qr-code img {
    width: 100px;
    height: 100px;
}

.modal .modal-content.big-content .subtitle-img h3 {
    font-size: 18px;
    line-height: 20px;
    margin: 0;
}

.modal .modal-content.big-content .subtitle-img span {
    font-size: 16px;
    line-height: 20px;
    font-weight: 300;
    font-style: italic;
}


.block-info-route {
    width: 184px;
    height: 112px;
    float: left;
    margin-top: 8px;
    margin-bottom: 8px;
    margin-left: 8px;
}

.block-info-route .image {
    width: 56px;
    height: 56px;
    background: #04656b;
    float: right;
    text-align: center;
    position: relative;
}

.block-info-route .title {
    font-size: 14px;
    line-height: 25px;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
    float: right;
    text-align: center;
    padding: 16px;
    width: 128px;
    height: 56px;
}

.block-info-route .title.big {
    padding: 12px 16px;
    text-align: right;
    line-height: 16px;
}

.block-info-route .image img {
    width: 32px;
    /*vertical-align: middle;*/
    /*max-height: 32px;*/
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.block-info-route .desc {
    width: 184px;
    height: 56px;
    background: #04656b;
    color: #fff;
    text-align: center;
    float: right;
    padding: 16px 0;
    font-weight: 400;
    font-style: italic;
    font-size: 16px;
    line-height: 18px;

}


/* map */

.size {
    width: 100%;
    /*height: 100vh;*/
    height: 1080px;
}


/* Puzzle */
.blocks-puzzle {
    text-transform: uppercase;
    border: 2px solid #fff;
    border-bottom: none;
    height: 135px;
    width: 100%;
    text-align: left;
    background: #3E411B;
    color: #fff;
}

.blocks-puzzle div {
    font-size: 20px;
    font-weight: 500;
    padding: 50px 35px;
    float: left;
    width: 100%;
}

.blocks-puzzle span.normal {
    font-size: 20px;
    font-weight: 500;
    padding: 50px 35px;
    float: left;
    width: 100%;
}

.blocks-puzzle:last-of-type {
    border-bottom: 2px solid #fff;
}

.blocks-puzzle.double {
    height: 270px;
}

.blocks-puzzle.rest {
    height: 540px;
    border-bottom: 2px solid #fff !important;
    border-top: 2px solid #fff !important;
}

.rest.full {
    height: 675px;
}

.blocks-puzzle.double img {
    width: 100%;
}

.blocks-puzzle.btn-click {
    background: #C4CBB9;
    color: #3E411B;
}

.blocks-puzzle.double p {
    padding: 9px 25px;
}

.numbers-quiz {
    text-align: center;
}

.orange {
    background-color: #D1654E;
}

.red-dark {
    background-color: #691711;
}

.text-color-red-dark span {
    color: #691510;
    font-weight: bold;
    text-align: center;
    width: 100%;
}

.numbers-quiz span {
    font-weight: bold;
    font-size: 36px;
    line-height: 43px;
    width: 100%;
    text-align: center;
}

.quiz-border {
    border: none !important;
}


.border-quiz {
    border-top: 2px solid #fff !important;
}

.border-bt {
    border-bottom: 2px solid #fff !important;
    position: relative;
}

.border-quiz:last-of-type {
    border-bottom: none !important;
}

.solution-text {
    font-size: 18px !important;
    line-height: 27px;
    color: #fff;
    font-weight: 400 !important;
    text-transform: none;
    /*padding: 50px 42px !important;*/
}


.next-btn {
    width: 32px;
    top: 32px;
    right: 32px;
    position: absolute;
}


.content-quiz {
    width: 1125px;
    background: rgba(105, 21, 16, .6);
    height: 100vh;
    position: absolute;
    z-index: 1;
}

.question-title {
    font-size: 50px;
    color: #fff;
    font-weight: bold;
    line-height: 60px;
    padding: 128px 130px 128px 230px;
}

.win {
    text-align: center;
    width: 1600px;
}

.win h1 {
    font-size: 150px;
    font-weight: bold;
    line-height: 140px;
    color: #3E411B;
    padding-top: 233px;
    margin: 0;
    text-transform: uppercase;
    padding-bottom: 50px;
}

.win h3.rate {
    margin-top: -70px;
}

.win h3 {
    font-size: 60px;
    font-weight: bold;
    line-height: 160px;
    color: #3E411B;
    padding-left: 30px;
    padding-bottom: 10px;
}

.win .stars {
    margin-left: 120px;
}

.win .stars img {
    margin-right: 52px;
}


.questions {
    margin-left: 230px;
}

.questions label:before {
    content: url("../img/checkbox-empty.png");
    position: absolute;
    z-index: 100;
}

.questions :checked + label:before {
    content: url("../img/checkbox-checked.png");
}

.questions :checked + label.error:before {
    content: url("../img/checkbox-error.png");
}

.questions input[type=checkbox] {
    display: none;
}

.questions img {
    width: 96px;
    height: 96px;
}

.questions label {
    width: 100%;
    float: left;
    margin-bottom: 172px;
}

.questions label span {
    font-size: 50px;
    font-weight: bold;
    line-height: 60px;
    color: #fff;
    margin-left: 132px;
    margin-top: 16px;
    float: left;
}


/* Memory */
.blocks-memory {
    text-transform: uppercase;
    border: 2px solid #fff;
    border-bottom: none;
    height: 135px;
    width: 100%;
    text-align: left;
    background: #AA4606;
    color: #fff;
}

.blocks-memory span {
    font-size: 20px;
    font-weight: 500;
    padding: 50px 35px;
    float: left;
}

.blocks-memory:last-of-type {
    border-bottom: 2px solid #fff;
}

.blocks-memory.double {
    height: 270px;

}

.blocks-memory.fourth {
    height: 540px;

}

.blocks-memory.double img {
    width: 100%;
}

.blocks-memory.btn-click {
    background: #FF9500;
    color: #AA4606;
}

.blocks-memory.double p {
    padding: 9px 25px;
}

.game-container {
    width: 1504px;
    margin-left: 96px;
}

.none {
    visibility: hidden;
}

.logos {
    position: absolute;
    bottom: 148px;
    left: 128px;
}

.section-box-title {
    width: 678px;
    height: 462px;
    position: absolute;
    top: 0;
    right: 36px;
    background: #0AB495;
    padding: 87px 96px;
    z-index: 1;
}

.section-box-title h1 {
    font-size: 36px;
    font-weight: 500;
    line-height: 28px;
    margin-bottom: 36px;
    color: #fff;
}

.section-box-title p {
    font-size: 24px;
    line-height: 28px;
    color: #fff;
    font-weight: 300;
    margin-bottom: 0;

}

.box-items {
    width: 1752px;
    height: 544px;
    position: absolute;
    bottom: 36px;
    right: 36px;
    z-index: 2;
}

.box-items .el {
    width: 320px;
    height: 544px;
    background: #04656B;
    position: relative;
    float: left;
    margin-right: 38px;
}

.box-items .el:last-of-type {
    margin-right: 0;
}

.box-items .footer {
    position: absolute;
    bottom: 0;
    background: #0AB495;
    width: 100%;
    padding: 23px 24px 23px 48px;
}

.box-items .footer span {
    font-size: 14px;
    color: #fff;
    line-height: 24px;
    float: left;
    font-weight: 300;
}

.box-items .footer img {
    float: right;
    margin-top: -4px;
}

.box-items .el .content {
    padding: 42px 48px;
}

.box-items .el .content h1 {
    font-size: 24px;
    line-height: 24px;
    height: 44px;
    overflow: hidden;
    text-transform: uppercase;
    margin-bottom: 32px;
    color: #fff;
}

.box-items .el .content h4 {
    font-size: 24px;
    line-height: 24px;
    height: 72px;
    overflow: hidden;
    color: #fff;
    margin-bottom: 32px;
}

.box-items .el .content p {
    font-size: 18px;
    line-height: 24px;
    height: 206px;
    color: #fff;
    overflow: hidden;
    font-weight: 300;
    margin-bottom: 0;
}


.intro-t {
    font-size: 72px;
    line-height: 72px;
}

.intro-t.s {
    font-weight: 300;
}

.titulo_entrada.second {
    width: 768px;
    top: 616px;
    right: -390px;
    left: initial;
}

.testemunhos {
    width: calc(100% - 96px);
    float: left;
    margin-left: 96px;
    height: 100vh;
    overflow-y: scroll;
    /*display:inline-block;*/

    /*display: grid;*/
    /*grid-gap: 10px;*/
    /*grid-template-columns: repeat(auto-fill, minmax(456px, 1fr));*/
    /*grid-auto-rows: 648px;*/

    /*display: flex;*/
    /*flex-wrap: wrap;*/
}

.testemunhos .card {
    padding: 36px;
    width: 456px;
    float: left;
    /*display: inline-block;*/
    /*display:inline-block;*/
    /*flex: 1 0 21%; !* explanation below *!*/
}

.testemunhos .card.mg-top1 {
    margin-top: 384px;
}

.testemunhos .card.mg-top2 {
    margin-top: 120px;
}


.bgY {
    background: #F2CB2E;
}

.bgR {
    background: #D1654E;
}

.bgO {
    background: #EA9300;
}

.bgG {
    background: #04656B;
}

.card-body {
    padding: 35px 30px 25px 30px;
}

.card-body .card-text {
    font-size: 18px;
    line-height: 24px;
    font-weight: 300;
    text-align: left;
    color: #fff;
}

.card-box-title {
    width: 450px !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
    max-height: 468px;
}

.card-box-title .card-body {
    padding: 0;
}

.card-box-title .card-text {
    text-transform: uppercase;
    font-size: 30px;
    line-height: 34px;
    background: #04656B;
    height: 468px;
    padding: 82px 64px 98px 48px;
}

.fix-scroll {
    height: 750px;
    overflow-y: scroll;
}
.fix-scroll-full {
    height: 950px;
    overflow-y: scroll;
}