:root {
    --pic-capt-fz: 37px;

    --pic-block-brdr-rad: 30px;
    --pic-block-pdn: 50px 30px 30px;
    --pic-block-m: 17px 0 13px 0;
    --pic-block-h: auto;
    --pic-block-list-mb: 30px;

    --info-col-block-1-w: 100%;
    --info-col-block-2-w: 1%;
    --info-col-block-3-w: 99%;

    --pic-dogrob: 36deg;
    --pic-dogrob-x: -50px;
    --pic-dogrob-y: 30px;
    --pic-dogrob-w: 170px;

    --pic-pubpurch: -20deg;
    --pic-pubpurch-x: 70px;
    --pic-pubpurch-y: 15px;
    --pic-pubpurch-w: 170px;

    --pic-annualrep: 29deg;
    --pic-annualrep-x: -50px;
    --pic-annualrep-y: 30px;
    --pic-annualrep-w: 170px;

    --pic-npa: -30deg;
    --pic-npa-x: 80px;
    --pic-npa-y: 15px;
    --pic-npa-w: 170px;

    --pic-antikor: -70deg;
    --pic-antikor-x: -60px;
    --pic-antikor-y: 25px;
    --pic-antikor-w: 170px;
}

/* the same as in style.css */

/******************** FONTS **********************/
p.section-official-info-caption {
    font-family: "Raleway Extra Bold";
    font-size: 25px;
}

div.off-info-list {
    font-family: "Raleway Regular";
    font-size: 17px;
    margin-bottom: var(--pic-block-list-mb);
}

#section-official-info {
    background-color: #FFFFFF;
}

#section-official-info>h1 {
    color: #000F62;
    font-family: "Raleway Extra Bold";
    font-size: var(--pic-capt-fz);
    text-align: center;
    font-weight: bold;
}

/*************************************************/
.unselectable {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/**************** Custom Column **********************/
.col-custom-1-official-info {
    flex: 0 0 auto;
    width: var(--info-col-block-1-w);
}

.col-custom-2-official-info {
    flex: 0 0 auto;
    width: var(--info-col-block-2-w);
}

.col-custom-3-official-info {
    flex: 0 0 auto;
    width: var(--info-col-block-3-w);
}

.block-round-offinfo {
    border-radius: var(--pic-block-brdr-rad);
    padding: var(--pic-block-pdn);
    margin: var(--pic-block-m);
}

.block-round-offinfo.dogrob,
.block-round-offinfo.pubpurch,
.block-round-offinfo.annualreps,
.block-round-offinfo.npacts,
.block-round-offinfo.antireps {
    height: var(--pic-block-h);
}

.text-custom-right,
.text-custom-left,
p.section-official-info-caption {
    text-align: center;
}

.antireps .offinfo-image {
    padding-top: 50px;
    height: 200px;
}

.offinfo-image {
    display: none;
}

@media (min-width:576px) {

    /* sm */
    .offinfo-image {
        display: block;
    }

    :root {
        --pic-capt-fz: 45px;

        --pic-block-brdr-rad: 30px;
        --pic-block-pdn: 50px 60px 30px;
        --pic-block-m: 17px 25px 13px 30px;
        --pic-block-h: auto;
        --pic-block-list-mb: auto;

        --info-col-block-1-w: 100%;
        --info-col-block-2-w: 40%;
        --info-col-block-3-w: 60%;

        --pic-dogrob: 36deg;
        --pic-dogrob-x: -60px;
        --pic-dogrob-y: 60px;
        --pic-dogrob-w: 170px;

        --pic-antikor: -70deg;
        --pic-antikor-x: -60px;
        --pic-antikor-y: 70px;
        --pic-antikor-w: 150px;

        --pic-pubpurch: -20deg;
        --pic-pubpurch-x: 35px;
        --pic-pubpurch-y: 30px;
        --pic-pubpurch-w: 150px;

        --pic-annualrep: 29deg;
        --pic-annualrep-x: -60px;
        --pic-annualrep-y: 30px;
        --pic-annualrep-w: 150px;

        --pic-npa: -30deg;
        --pic-npa-x: 30px;
        --pic-npa-y: 45px;
        --pic-npa-w: 150px;
    }
}

@media (min-width:768px) {

    /* md */

    :root {
        --pic-capt-fz: 45px;

        --pic-block-brdr-rad: 30px;
        --pic-block-pdn: 50px 70px 30px;
        --pic-block-m: 17px 25px 13px 30px;
        --pic-block-h: auto;
        --pic-block-list-mb: auto;

        --info-col-block-1-w: 100%;
        --info-col-block-2-w: 40%;
        --info-col-block-3-w: 60%;

        --pic-dogrob: 36deg;
        --pic-dogrob-x: -70px;
        --pic-dogrob-y: 30px;
        --pic-dogrob-w: 200px;

        --pic-antikor-x: -60px;
        --pic-antikor-y: 55px;
        --pic-antikor-w: 165px;

        --pic-pubpurch-x: 60px;
        --pic-pubpurch-y: 30px;
        --pic-pubpurch-w: 200px;

        --pic-annualrep-w: 200px;
        --pic-annualrep-x: -65px;
        --pic-annualrep-y: 30px;

        --pic-npa-w: 200px;
        --pic-npa-x: 55px;
        --pic-npa-y: 30px;
    }
}

@media (min-width:992px) {

    /* lg */

    #section-official-info>h1 {
        text-align: left;
        margin-left: 10%;
    }

    :root {
        --pic-capt-fz: 45px;

        --pic-block-brdr-rad: 30px;
        --pic-block-pdn: 50px 20px 30px 30px;
        --pic-block-m: 17px 25px 13px 10px;
        --pic-block-h: 350px;
        --pic-block-list-mb: auto;

        --info-col-block-1-w: 50%;
        --info-col-block-2-w: 45%;
        --info-col-block-3-w: 55%;

        --pic-dogrob: 36deg;
        --pic-dogrob-x: -50px;
        --pic-dogrob-y: 70px;
        --pic-dogrob-w: 150px;

        --pic-antikor-x: -30px;
        --pic-antikor-y: 85px;
        --pic-antikor-w: 150px;

        --pic-pubpurch-w: 150px;
        --pic-pubpurch-x: 30px;
        --pic-pubpurch-y: 100px;

        --pic-annualrep-w: 150px;
        --pic-annualrep-x: -25px;
        --pic-annualrep-y: 65px;

        --pic-npa-x: 25px;
        --pic-npa-y: 80px;
        --pic-npa-w: 150px;
    }
}

@media (min-width:1200px) {

    /* xl */

    :root {
        --pic-capt-fz: 45px;

        --pic-block-brdr-rad: 30px;
        --pic-block-pdn: 50px 50px 30px 30px;
        --pic-block-m: 17px 25px 13px 40px;
        --pic-block-h: 330px;
        --pic-block-list-mb: auto;

        --info-col-block-1-w: 50%;
        --info-col-block-2-w: 40%;
        --info-col-block-3-w: 60%;

        --pic-dogrob: 36deg;
        --pic-dogrob-x: -50px;
        --pic-dogrob-y: 52px;
        --pic-dogrob-w: 150px;

        --pic-antikor-x: -30px;
        --pic-antikor-y: 65px;
        --pic-antikor-w: 150px;

        --pic-pubpurch-w: 170px;
        --pic-pubpurch-x: 30px;
        --pic-pubpurch-y: 60px;

        --pic-annualrep-w: 170px;
        --pic-annualrep-x: -25px;
        --pic-annualrep-y: 65px;

        --pic-npa-w: 150px;
        --pic-npa-x: 45px;
        --pic-npa-y: 60px;
    }
}

@media (min-width:1400px) {

    .text-custom-right {
        text-align: right !important;
        margin-right: 20px;
    }

    :root {
        --pic-capt-fz: 45px;

        --pic-block-brdr-rad: 40px;
        --pic-block-pdn: 50px 50px 30px;
        --pic-block-m: 17px 35px 17px 5px;
        --pic-block-h: 330px;
        --pic-block-list-mb: auto;

        --info-col-block-1-w: 50%;
        --info-col-block-2-w: 40%;
        --info-col-block-3-w: 60%;

        --pic-dogrob: 36deg;
        --pic-dogrob-x: -50px;
        --pic-dogrob-y: 52px;
        --pic-dogrob-w: 170px;

        --pic-antikor-x: -45px;
        --pic-antikor-y: 50px;
        --pic-antikor-w: 170px;

        --pic-pubpurch-w: 200px;
        --pic-pubpurch-x: 40px;
        --pic-pubpurch-y: 30px;

        --pic-annualrep-w: 170px;
        --pic-annualrep-x: -45px;
        --pic-annualrep-y: 65px;

        --pic-npa-w: 170px;
        --pic-npa-x: 65px;
        --pic-npa-y: 40px;
    }
}

@media (min-width:1600px) {
    #section-official-info>h1 {
        text-align: left;
        margin-left: 15%;
    }

    :root {
        --pic-capt-fz: 45px;

        --pic-block-brdr-rad: 40px;
        --pic-block-pdn: 50px 50px 30px;
        --pic-block-m: 17px 35px 17px 5px;
        --pic-block-h: 330px;
        --pic-block-list-mb: auto;

        --info-col-block-1-w: 50%;
        --info-col-block-2-w: 40%;
        --info-col-block-3-w: 60%;

        --pic-dogrob: 36deg;
        --pic-dogrob-x: -50px;
        --pic-dogrob-y: 52px;
        --pic-dogrob-w: 170px;

        --pic-antikor-x: -45px;
        --pic-antikor-y: 50px;
        --pic-antikor-w: 170px;

        --pic-pubpurch-w: 200px;
        --pic-pubpurch-x: 40px;
        --pic-pubpurch-y: 30px;

        --pic-annualrep-w: 170px;
        --pic-annualrep-x: -45px;
        --pic-annualrep-y: 65px;

        --pic-npa-w: 170px;
        --pic-npa-x: 65px;
        --pic-npa-y: 40px;
    }
}

/***********************************************/
/***********************************************/
img.antireps_img {
    width: var(--pic-antikor-w);
    transform: rotate(0deg) translateX(var(--pic-antikor-x)) translateY(var(--pic-antikor-y));
    transition: 1s;
    -webkit-animation: picture_antikor_on 1s forwards;
    -moz-animation: picture_antikor_on 1s forwards;
    animation: picture_antikor_on 1s forwards;
}

.antireps:hover img.antireps_img {
    width: var(--pic-antikor-w);
    -webkit-animation: picture_antikor_off 1s forwards;
    -moz-animation: picture_antikor_off 1s forwards;
    animation: picture_antikor_off 1s forwards;
}

@keyframes picture_antikor_on {
    0% {
        transform: rotate(var(--pic-antikor)) translateX(0px) translateY(0px);
    }

    100% {
        transform: rotate(0deg) translateX(var(--pic-antikor-x)) translateY(var(--pic-antikor-y));
    }
}

@-webkit-keyframes picture_antikor_on {
    0% {
        transform: rotate(var(--pic-antikor)) translateX(0px) translateY(0px);
    }

    100% {
        transform: rotate(0deg) translateX(var(--pic-antikor-x)) translateY(var(--pic-antikor-y));
    }
}

@-moz-keyframes picture_antikor_on {
    0% {
        transform: rotate(var(--pic-antikor)) translateX(0px) translateY(0px);
    }

    100% {
        transform: rotate(0deg) translateX(var(--pic-antikor-x)) translateY(var(--pic-antikor-y));
    }
}

@-o-keyframes picture_antikor_on {
    0% {
        transform: rotate(var(--pic-antikor)) translateX(0px) translateY(0px);
    }

    100% {
        transform: rotate(0deg) translateX(var(--pic-antikor-x)) translateY(var(--pic-antikor-y));
    }
}

@keyframes picture_antikor_off {
    0% {
        transform: rotate(0deg) translateX(var(--pic-antikor-x)) translateY(var(--pic-antikor-y));
    }

    100% {
        transform: rotate(var(--pic-antikor)) translateX(0px) translateY(0px);
    }
}

@-webkit-keyframes picture_antikor_off {
    0% {
        transform: rotate(0deg) translateX(var(--pic-antikor-x)) translateY(var(--pic-antikor-y));
    }

    100% {
        transform: rotate(var(--pic-antikor)) translateX(0px) translateY(0px);
    }
}

@-moz-keyframes picture_antikor_off {
    0% {
        transform: rotate(0deg) translateX(var(--pic-antikor-x)) translateY(var(--pic-antikor-y));
    }

    100% {
        transform: rotate(var(--pic-antikor)) translateX(0px) translateY(0px);
    }
}

@-o-keyframes picture_antikor_off {
    0% {
        transform: rotate(0deg) translateX(var(--pic-antikor-x)) translateY(var(--pic-antikor-y));
    }

    100% {
        transform: rotate(var(--pic-antikor)) translateX(0px) translateY(0px);
    }
}

/***********************************************/
/***********************************************/
img.annualreps_img {
    width: var(--pic-annualrep-w);
    transform: rotate(0deg) translateX(var(--pic-annualrep-x)) translateY(var(--pic-annualrep-y));
    transition: 1s;
    -webkit-animation: picture_annualreps_on 1s forwards;
    -moz-animation: picture_annualreps_on 1s forwards;
    animation: picture_annualreps_on 1s forwards;
}

.annualreps:hover img.annualreps_img {
    width: var(--pic-annualrep-w);
    -webkit-animation: picture_annualreps_off 1s forwards;
    -moz-animation: picture_annualreps_off 1s forwards;
    animation: picture_annualreps_off 1s forwards;
}

@keyframes picture_annualreps_on {
    0% {
        transform: rotate(var(--pic-annualrep)) translateX(0px) translateY(0px);
    }

    100% {
        transform: rotate(0deg) translateX(var(--pic-annualrep-x)) translateY(var(--pic-annualrep-y));
    }
}

@-webkit-keyframes picture_annualreps_on {
    0% {
        transform: rotate(var(--pic-annualrep)) translateX(0px) translateY(0px);
    }

    100% {
        transform: rotate(0deg) translateX(var(--pic-annualrep-x)) translateY(var(--pic-annualrep-y));
    }
}

@-moz-keyframes picture_annualreps_on {
    0% {
        transform: rotate(var(--pic-annualrep)) translateX(0px) translateY(0px);
    }

    100% {
        transform: rotate(0deg) translateX(var(--pic-annualrep-x)) translateY(var(--pic-annualrep-y));
    }
}

@-o-keyframes picture_annualreps_on {
    0% {
        transform: rotate(var(--pic-annualrep)) translateX(0px) translateY(0px);
    }

    100% {
        transform: rotate(0deg) translateX(var(--pic-annualrep-x)) translateY(var(--pic-annualrep-y));
    }
}

@keyframes picture_annualreps_off {
    0% {
        transform: rotate(0deg) translateX(var(--pic-annualrep-x)) translateY(var(--pic-annualrep-y));
    }

    100% {
        transform: rotate(var(--pic-annualrep)) translateX(0px) translateY(0px);
    }
}

@-webkit-keyframes picture_annualreps_off {
    0% {
        transform: rotate(0deg) translateX(var(--pic-annualrep-x)) translateY(var(--pic-annualrep-y));
    }

    100% {
        transform: rotate(var(--pic-annualrep)) translateX(0px) translateY(0px);
    }
}

@-moz-keyframes picture_annualreps_off {
    0% {
        transform: rotate(0deg) translateX(var(--pic-annualrep-x)) translateY(var(--pic-annualrep-y));
    }

    100% {
        transform: rotate(var(--pic-annualrep)) translateX(0px) translateY(0px);
    }
}

@-o-keyframes picture_annualreps_off {
    0% {
        transform: rotate(0deg) translateX(var(--pic-annualrep-x)) translateY(var(--pic-annualrep-y));
    }

    100% {
        transform: rotate(var(--pic-annualrep)) translateX(0px) translateY(0px);
    }
}

/***********************************************/
/***********************************************/
img.npacts_img {
    width: var(--pic-npa-w);
    transform: rotate(0deg) translateX(var(--pic-npa-x)) translateY(var(--pic-npa-y));
    transition: 1s;
    -webkit-animation: picture_npacts_on 1s forwards;
    -moz-animation: picture_npacts_on 1s forwards;
    animation: picture_npacts_on 1s forwards;
}

.npacts:hover img.npacts_img {
    width: var(--pic-npa-w);
    -webkit-animation: picture_npacts_off 1s forwards;
    -moz-animation: picture_npacts_off 1s forwards;
    animation: picture_npacts_off 1s forwards;
}

@keyframes picture_npacts_on {
    0% {
        transform: rotate(var(--pic-npa)) translateX(0px) translateY(0px);
    }

    100% {
        transform: rotate(0deg) translateX(var(--pic-npa-x)) translateY(var(--pic-npa-y));
    }
}

@-webkit-keyframes picture_npacts_on {
    0% {
        transform: rotate(var(--pic-npa)) translateX(0px) translateY(0px);
    }

    100% {
        transform: rotate(0deg) translateX(var(--pic-npa-x)) translateY(var(--pic-npa-y));
    }
}

@-moz-keyframes picture_npacts_on {
    0% {
        transform: rotate(var(--pic-npa)) translateX(0px) translateY(0px);
    }

    100% {
        transform: rotate(0deg) translateX(var(--pic-npa-x)) translateY(var(--pic-npa-y));
    }
}

@-o-keyframes picture_npacts_on {
    0% {
        transform: rotate(var(--pic-npa)) translateX(0px) translateY(0px);
    }

    100% {
        transform: rotate(0deg) translateX(var(--pic-npa-x)) translateY(var(--pic-npa-y));
    }
}

@keyframes picture_npacts_off {
    0% {
        transform: rotate(0deg) translateX(var(--pic-npa-x)) translateY(var(--pic-npa-y));
    }

    100% {
        transform: rotate(var(--pic-npa)) translateX(0px) translateY(0px);
    }
}

@-webkit-keyframes picture_npacts_off {
    0% {
        transform: rotate(0deg) translateX(var(--pic-npa-x)) translateY(var(--pic-npa-y));
    }

    100% {
        transform: rotate(var(--pic-npa)) translateX(0px) translateY(0px);
    }
}

@-moz-keyframes picture_npacts_off {
    0% {
        transform: rotate(0deg) translateX(var(--pic-npa-x)) translateY(var(--pic-npa-y));
    }

    100% {
        transform: rotate(var(--pic-npa)) translateX(0px) translateY(0px);
    }
}

@-o-keyframes picture_npacts_off {
    0% {
        transform: rotate(0deg) translateX(var(--pic-npa-x)) translateY(var(--pic-npa-y));
    }

    100% {
        transform: rotate(var(--pic-npa)) translateX(0px) translateY(0px);
    }
}

/***********************************************/
/***********************************************/
img.dogrob_img {
    width: var(--pic-dogrob-w);
    transform: rotate(0deg) translateX(var(--pic-dogrob-x)) translateY(var(--pic-dogrob-y));
    transition: 1s;
    -webkit-animation: picture_dogrob_on 1s forwards;
    -moz-animation: picture_dogrob_on 1s forwards;
    animation: picture_dogrob_on 1s forwards;
}

.dogrob:hover img.dogrob_img {
    width: var(--pic-dogrob-w);
    -webkit-animation: picture_dogrob_off 1s forwards;
    -moz-animation: picture_dogrob_off 1s forwards;
    animation: picture_dogrob_off 1s forwards;
}

@keyframes picture_dogrob_on {
    0% {
        transform: rotate(var(--pic-dogrob)) translateX(0px) translateY(0px);
    }

    100% {
        transform: rotate(0deg) translateX(var(--pic-dogrob-x)) translateY(var(--pic-dogrob-y));
    }
}

@-webkit-keyframes picture_dogrob_on {
    0% {
        transform: rotate(var(--pic-dogrob)) translateX(0px) translateY(0px);
    }

    100% {
        transform: rotate(0deg) translateX(var(--pic-dogrob-x)) translateY(var(--pic-dogrob-y));
    }
}

@-moz-keyframes picture_dogrob_on {
    0% {
        transform: rotate(var(--pic-dogrob)) translateX(0px) translateY(0px);
    }

    100% {
        transform: rotate(0deg) translateX(var(--pic-dogrob-x)) translateY(var(--pic-dogrob-y));
    }
}

@-o-keyframes picture_dogrob_on {
    0% {
        transform: rotate(var(--pic-dogrob)) translateX(0px) translateY(0px);
    }

    100% {
        transform: rotate(0deg) translateX(var(--pic-dogrob-x)) translateY(var(--pic-dogrob-y));
    }
}

@keyframes picture_dogrob_off {
    0% {
        transform: rotate(0deg) translateX(var(--pic-dogrob-x)) translateY(var(--pic-dogrob-y));
    }

    100% {
        transform: rotate(var(--pic-dogrob)) translateX(0px) translateY(0px);
    }
}

@-webkit-keyframes picture_dogrob_off {
    0% {
        transform: rotate(0deg) translateX(var(--pic-dogrob-x)) translateY(var(--pic-dogrob-y));
    }

    100% {
        transform: rotate(var(--pic-dogrob)) translateX(0px) translateY(0px);
    }
}

@-moz-keyframes picture_dogrob_off {
    0% {
        transform: rotate(0deg) translateX(var(--pic-dogrob-x)) translateY(var(--pic-dogrob-y));
    }

    100% {
        transform: rotate(var(--pic-dogrob)) translateX(0px) translateY(0px);
    }
}

@-o-keyframes picture_dogrob_off {
    0% {
        transform: rotate(0deg) translateX(var(--pic-dogrob-x)) translateY(var(--pic-dogrob-y));
    }

    100% {
        transform: rotate(var(--pic-dogrob)) translateX(0px) translateY(0px);
    }
}

/***********************************************/
/***********************************************/
img.pubpurch_img {
    width: var(--pic-pubpurch-w);
    transform: rotate(0deg) translateX(var(--pic-pubpurch-x)) translateY(var(--pic-pubpurch-y));
    transition: 1s;
    -webkit-animation: picture_pubpurch_on 1s forwards;
    -moz-animation: picture_pubpurch_on 1s forwards;
    animation: picture_pubpurch_on 1s forwards;
}

.pubpurch:hover img.pubpurch_img {
    width: var(--pic-pubpurch-w);
    -webkit-animation: picture_pubpurch_off 1s forwards;
    -moz-animation: picture_pubpurch_off 1s forwards;
    animation: picture_pubpurch_off 1s forwards;
}

@keyframes picture_pubpurch_on {
    0% {
        transform: rotate(var(--pic-pubpurch)) translateX(0px) translateY(0px);
    }

    100% {
        transform: rotate(0deg) translateX(var(--pic-pubpurch-x)) translateY(var(--pic-pubpurch-y));
    }
}

@-webkit-keyframes picture_pubpurch_on {
    0% {
        transform: rotate(var(--pic-pubpurch)) translateX(0px) translateY(0px);
    }

    100% {
        transform: rotate(0deg) translateX(var(--pic-pubpurch-x)) translateY(var(--pic-pubpurch-y));
    }
}

@-moz-keyframes picture_pubpurch_on {
    0% {
        transform: rotate(var(--pic-pubpurch)) translateX(0px) translateY(0px);
    }

    100% {
        transform: rotate(0deg) translateX(var(--pic-pubpurch-x)) translateY(var(--pic-pubpurch-y));
    }
}

@-o-keyframes picture_pubpurch_on {
    0% {
        transform: rotate(var(--pic-pubpurch)) translateX(0px) translateY(0px);
    }

    100% {
        transform: rotate(0deg) translateX(var(--pic-pubpurch-x)) translateY(var(--pic-pubpurch-y));
    }
}

@keyframes picture_pubpurch_off {
    0% {
        transform: rotate(0deg) translateX(var(--pic-pubpurch-x)) translateY(var(--pic-pubpurch-y));
    }

    100% {
        transform: rotate(var(--pic-pubpurch)) translateX(0px) translateY(0px);
    }
}

@-webkit-keyframes picture_pubpurch_off {
    0% {
        transform: rotate(0deg) translateX(var(--pic-pubpurch-x)) translateY(var(--pic-pubpurch-y));
    }

    100% {
        transform: rotate(var(--pic-pubpurch)) translateX(0px) translateY(0px);
    }
}

@-moz-keyframes picture_pubpurch_off {
    0% {
        transform: rotate(0deg) translateX(var(--pic-pubpurch-x)) translateY(var(--pic-pubpurch-y));
    }

    100% {
        transform: rotate(var(--pic-pubpurch)) translateX(0px) translateY(0px);
    }
}

@-o-keyframes picture_pubpurch_off {
    0% {
        transform: rotate(0deg) translateX(var(--pic-pubpurch-x)) translateY(var(--pic-pubpurch-y));
    }

    100% {
        transform: rotate(var(--pic-pubpurch)) translateX(0px) translateY(0px);
    }
}

/***********************************************/

/*============ ARROWS ================*/
.arrow {
    position: relative;
    padding: 0 1.3em;
}

.arrow:before,
.arrow:after {
    content: "";
    display: block;
    position: absolute;
    height: 0.4em;
    width: 1.1em;
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    -o-border-radius: 1em;
    border-radius: 1em;
}

.arrow-down:before {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 0.5em;
    left: 0.6em;
}

.arrow-down:after {
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
    top: 0.5em;
    left: 0;
}

.arrow-blue.arrow:before,
.arrow-blue.arrow:after {
    background: #13659D;
}

.arrow-green.arrow:before,
.arrow-green.arrow:after {
    background: #13B76C;
}

.arrow-orange.arrow:before,
.arrow-orange.arrow:after {
    background: #F9D045;
}

.arrow-purple.arrow:before,
.arrow-purple.arrow:after {
    background: #09155F;
}

.arrow-green2.arrow:before,
.arrow-green2.arrow:after {
    background: #13B76C;
}

/*============ Official information Colors ===========*/
.dogrob {
    background-color: #00B967;
}

.dogrob p.section-official-info-caption {
    color: #FEFEFE;
}

.pubpurch {
    background-color: #E5F2EF;
}

.pubpurch p.section-official-info-caption {
    color: #000F62;
}

.off-info-list>a {
    color: black;
}

.pubpurch .off-info-list>a {
    color: #051465;
}

.annualreps {
    background-color: #F6F3EA;
}

.annualreps p.section-official-info-caption {
    color: #09155F;
}

.npacts {
    background-color: #005BA9;
}

.npacts div.off-info-list>a,
.npacts>p {
    color: #FFFFFF;
}

.antireps {
    background-color: #FFD133;
}

.antireps p.section-official-info-caption {
    color: #000000;
}