#mainContent {
    margin-top: 55px;
}

body {
    width: calc(100vw - (100vw - 100%));
}

#navId1 {
    padding-top: 0.5rem;
    padding-right: 1rem;
    padding-bottom: 0rem;
    padding-left: 1rem;
}

#navId2 {
    display: flex;
}

.arrow-centered {
    position: absolute;
    top: 30%;
    left: 0px;
    text-align: left;
    z-index: 1020;
}

.banner-centered {
    position: absolute;
    top: 30%;
    left: 10%;
    right: 15%;
    text-align: left;
}

.arrow-centered .material-icons {
    color: #001F60;
}

.style-Arial {
    color: #63798c;
    font-family: arial, sans-serif;
    font-size: 16px;
    line-height: 22px;
}

.eagle-book-35 {
    color: #54565a;
    font-family: eagle, sans-serif;
    font-size: calc(20px + (30 - 20) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 300;
    letter-spacing: 0.73px;
}

.eagle-book-50 {
    color: #001f60;
    font-family: eagle, sans-serif;
    font-size: calc(24px + (50 - 24) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 300;
    letter-spacing: calc(2.5 + (6.25 - 2.5) * ((100vw - 300px) / (1920 - 300)));
}

.eagle-book-50-a {
    color: #001f60;
    font-family: eagle, sans-serif;
    font-size: calc(22px + (50 - 22) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 300;
    letter-spacing: calc(2.5 + (6.25 - 2.5) * ((100vw - 300px) / (1920 - 300)));
}

.eagle-book-50-b {
    color: #001f60;
    font-family: eagle, sans-serif;
    font-size: calc(20px + (50 - 20) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 300;
    letter-spacing: calc(2.5 + (6.25 - 2.5) * ((100vw - 300px) / (1920 - 300)));
}

.arial-20 {
    color: #54565a;
    font-family: Arial;
    font-size: calc(16px + (20 - 16) * ((100vw - 300px) / (1920 - 300)));
    line-height: calc(19px + (34 - 19) * ((100vw - 300px) / (1920 - 300)));
}

.arial-25 {
    color: #54565a;
    font-family: Arial;
    font-size: calc(16px + (25 - 16) * ((100vw - 300px) / (1920 - 300)));
}

.style-Arial-25 {
    color: #54565a;
    font-family: Arial;
    font-size: calc(16px + (25 - 16) * ((100vw - 300px) / (1920 - 300)));
    line-height: calc(19px + (34 - 19) * ((100vw - 300px) / (1920 - 300)));
}

.style-Arial-18 {
    color: #54565a;
    font-family: Arial;
    font-size: calc(14px + (18 - 14) * ((100vw - 300px) / (1920 - 300)));
    line-height: calc(17px + (25 - 17) * ((100vw - 300px) / (1920 - 300)));
}

.style-Arial-25-white {
    color: white;
    font-family: Arial;
    font-size: calc(16px + (25 - 16) * ((100vw - 300px) / (1920 - 300)));
    line-height: calc(19px + (34 - 19) * ((100vw - 300px) / (1920 - 300)));
}

.bg-lightblue {
    background-color: #ebf8fa;
}

.navbar-brand2 {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 20px;
    padding-bottom: 0px;
}

.eagle-book30 {
    color: #54565a;
    font-family: eagle, sans-serif;
    font-size: calc(20px + (30 - 20) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 300;
    letter-spacing: 0.73px;
}

.bg-lightgrey {
    background-color: #f7f7f7;
}

.eagle-book-25 {
    color: #001f60;
    font-family: eagle, sans-serif;
    font-size: calc(16px + (20 - 16) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 300;
    text-transform: uppercase;
}

.fixed-height-370 {
    height: calc(540px + (370 - 500) * ((100vw - 300px) / (1920 - 300)));
}

.padding-left {
    padding-left: 100px;
}

.gap-top-150 {
    padding-top: 150px;
}

.row-40 {
    height: 40px;
}

.padding-r60-l60 {
    padding-right: 40px;
    padding-left: 40px;
}

.row-300 {
    height: 200px;
}

.eagle-book-30-grey {
    color: #54565a;
    font-family: eagle, sans-serif;
    font-size: calc(16px + (30 - 16) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 300;
    letter-spacing: calc(0.39px + (0.73 - 0.39) * ((100vw - 300px) / (1920 - 300)));
}

.gap-top-30 {
    padding-top: 30px;
}

.fixed-height-590 {
    height: 720px;
}

.column-border-right {
    border-right: 1px solid #979797;
    padding-right: 0;
    height: 588px;
}

.column-border-left {
    border-left: 1px solid #979797;
    padding-left: 0;
    height: 588px;
}

.eagle-book-80A {
    color: #ffffff;
    font-family: eagle, sans-serif;
    font-size: calc(25px + (80 - 25) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 300;
    letter-spacing: 6.13px;
    text-transform: uppercase;
    height: 324px;
}

.row-p-10 {
    padding-left: 10%;
    padding-right: 10%;
}

.navbar-brand-attached {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 60px;
}

.fixed-top-sub {
    position: fixed;
    top: 55px;
    right: 0;
    left: 0;
    z-index: 1030;
}

.nav-border-right {
    border-right: 3px solid #001f60;
}

.about-centered {
    position: absolute;
    bottom: 25%;
    left: 10%;
    right: 15%;
    text-align: left;
}

.about-line-height {
    line-height: calc(26px + (80 - 26) * ((100vw - 300px) / (1920 - 300)));
}

.row-plr {
    padding-left: 12%;
    padding-right: 5%;
}

.row-plr2 {
    padding-left: 5%;
    padding-right: 12%;
}

.about-line-height50 {
    line-height: calc(26px + (50 - 26) * ((100vw - 300px) / (1920 - 300)));
}

.line-height-30 {
    line-height: calc(22px + (30 - 20) * ((100vw - 300px) / (1920 - 300)));
}

.padding-top-pay {
    padding-top: 3rem;
}

a.anchor {
    padding-top: 90px;
}

a.anchor:before {
    display: block;
    content: "";
    height: 90px;
    margin-top: -90px;
}

.custom-link {
    display: block;
    content: "";
    height: 0px;
    margin-top: 0px;
}

.eagle-book-nav {
    font-family: eagle, sans-serif;
    font-weight: 100;
    font-style: normal;
}

.subnav li a b {
    color: #001F60;
    font-size: 18px;
    letter-spacing: 1.75px;
}

.subnav .nav-item .nav-link {
    padding-top: 0px;
}

.block-centered {
    position: absolute;
    top: 20%;
    bottom: 20%;
    left: 15%;
    right: 15%;
    text-align: left;
}

#navId2 .navbar-nav .nav-link {
    padding-right: 20px;
    padding-left: 20px;
}

.padding-rcol {
    padding-right: 200px;
}

.img-min-height-150 {
    min-height: 150px;
}

.img-min-height-125 {
    min-height: 130px;
}

.img-min-height-100 {
    min-height: 110px;
}

.img-padding-lr {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

#navId1 {
    z-index: 1040;
}

.mobileImage {
    height: 60px;
    width: 60px;
}

.mobile-history {
    width: calc(150px + (200 - 150) * ((100vw - 300px) / (667.98 - 300)));
}

.mobile-history2 {
    width: calc(80px + (350 - 80) * ((100vw - 300px) / (667.98 - 300)));
}

.contentImagewidth {
    width: calc(100vw - 150px);
    padding-bottom: 27px;
}

.mobileHeightGap-40 {
    height: 25px;
}

.mobile-gap-top {
    padding-top: 30px;
}

.mobile-img-padding-lr {
    padding-left: 20px;
    padding-right: 35px;
}

.mobile-plr {
    padding-right: 20px;
    padding-left: 20px;
}

.mobile-plr-history {
    padding-right: 0px;
    padding-left: 30px;
}

.pl5 {
    padding-left: 5px;
}

.lineHeight-30 {
    height: calc(16px + (30 - 16) * ((100vw - 300px) / (1920 - 300)));
}

.lineHeight-25 {
    height: calc(15px + (25 - 15) * ((100vw - 300px) / (1920 - 300)));
}

.row-bg-blue {
    background-color: #001F60;
    padding-bottom: 40px;
    padding-left: calc(35px + (135 - 35) * ((100vw - 300px) / (1920 - 300)));
    padding-right: calc(35px + (135 - 35) * ((100vw - 300px) / (1920 - 300)));
}

.gap-50 {
    padding-bottom: calc(30px + (50 - 30) * ((100vw - 992px) / (1920 - 992)));
}

#mobAboutContent.aboutArrow {
    z-index: 99;
    right: 0px;
    position: absolute;
    background-color: #001f60;
    width: 26px;
    height: 17px;
}

.letter-spacing-f50 {
    letter-spacing: calc(2.5px + (6.5 - 2.5) * ((100vw - 300px) / (1920 - 300)));
}

.proj-padding {
    padding-left: calc(30px + (140 - 30) * ((100vw - 768px) / (1920 - 768)));
    padding-right: calc(30px + (140 - 30) * ((100vw - 768px) / (1920 - 768)));
}

.proj-gap {
    padding-bottom: calc(0px + (60 - 0) * ((100vw - 768px) / (1920 - 768)));
}

@media (max-width: 767.98px) {
    .nav-border-right {
        border-right: none;
    }
}

@media only screen and (min-width: 0px) and (max-width: 349.98px) {
    .navbar-brand2 {
        padding-left: 0px;
        padding-right: 0px;
    }
    .navbar-brand-attached {
        padding-left: 0px;
        padding-right: 0px;
    }
    .row-plr {
        padding-left: 30px;
        padding-right: 20px;
    }
    .row-plr2 {
        padding-left: 30px;
        padding-right: 20px;
    }
    .padding-l100 {
        padding-left: 0px;
    }
    .padding-rcol {
        padding-right: 20px;
    }
    .padding-innerlcol {
        padding-left: 30px;
    }
    .gap-70 {
        padding-bottom: 15px;
    }
    .gap-30 {
        padding-top: 30px;
    }
    .padding-left-40 {
        padding-left: 20px;
        padding-right: 20px;
    }
    .padding-left-40N {
        padding-left: 40px;
    }
    .fixed-height-590 {
        height: 560px;
    }
    .row-60 {
        height: 10px;
    }
    .row-40 {
        height: 0px;
    }
    .row-120 {
        height: 20px;
    }
    .img-min-height-200 {
        min-height: 150px;
        /*min-width: 450px;*/
    }
    .eagle-book-80A {
        height: 0px;
    }
    .about-centered {
        position: absolute;
        bottom: 25%;
        left: 10%;
        right: 15%;
        text-align: left;
        padding-bottom: 40px;
    }
    .padding-left10 {
        padding-left: 10px;
    }
    .img-padding-lr {
        padding-left: 0px;
        padding-right: 0px;
    }
    .row-p-10 {
        padding-left: 30px;
        padding-right: 30px;
    }
    .padding-lr-0 {
        padding-left: 0px;
        padding-right: 0px;
    }
    .padding-left-30 {
        padding-left: 30px;
        padding-right: 20px;
    }
    .padding-left-15 {
        padding-left: 15px;
        padding-right: 10px;
    }
    .padding-lr-zero {
        padding-left: 0px;
        padding-right: 0px;
    }
    .padding-l40 {
        padding-left: 40px;
    }
    .row-bg-blue-bottom {
        background-color: #001F60;
        padding-bottom: 20px;
    }
    .line-height-50 {
        line-height: calc(26px + (50 - 25) * ((100vw - 300px) / (1920 - 300)));
    }
    .mobile-font-size {
        font-size: 16px;
    }
    .line-height-16 {
        line-height: 16px;
    }
    .proj-padding {
        padding-left: 30px;
        padding-right: 30px;
    }
    .proj-gap {
        padding-bottom: 0px;
    }
    .fixed-height-370 {
        height: calc(420px + (340 - 420) * ((100vw - 300px) / (350 - 300)));
    }
    .padding-r60-l60 {
        padding-right: 20px;
        padding-left: 20px;
    }
    .mobile-padding-top-45 {
        padding-top: 45px;
    }
    .row-bg-blue {
        background-color: #001F60;
        padding-bottom: 40px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .row-p {
        padding-left: 0px;
        padding-right: 15px;
    }
    .padding-top-pay {
        padding-top: 1rem;
    }
    .banner-centered {
        position: absolute;
        top: 8%;
        left: 15%;
        right: 15%;
        text-align: left;
    }
    #navId2 {
        display: none;
    }
    #mainContent {
        margin-top: 55px;
    }
    a.anchor {
        padding-top: 64px;
    }
    a.anchor:before {
        display: block;
        content: "";
        height: 64px;
        margin-top: -64px;
    }
    #navId1 {
        padding-top: 0.5rem;
        padding-right: 1rem;
        padding-bottom: 0rem;
        padding-left: 0rem;
    }
    .debt-graph-x {        
        color: #001f60;
        font-family: eagle, sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 4vw;
        line-height: 0.6;
    }
    .revenue-graph-x {
        padding-right: 15px;
    }
    .forward-pl {
        padding-left: 9%;
    }
    .left-align {
        justify-content: flex-start !important;
        padding-bottom: 5px;
    }
}

@media only screen and (min-width: 350px) and (max-width: 767.98px) {
    .navbar-brand2 {
        padding-left: 0px;
        padding-right: 0px;
    }
    .navbar-brand-attached {
        padding-left: 0px;
        padding-right: 0px;
    }
    .about-centered {
        position: absolute;
        bottom: 10%;
        top: 10%;
        left: 5%;
    }
    .row-300 {
        height: 50px;
    }
    .row-p-10 {
        padding-left: 30px;
        padding-right: 30px;
    }
    .style-Arial {
        color: #63798c;
        font-family: arial, sans-serif;
        font-size: 16px;
        line-height: 22px;
        padding-right: 10px;
    }
    .row-60 {
        height: 10px;
    }
    .row-plr {
        padding-left: 30px;
        padding-right: 20px;
    }
    .row-plr2 {
        padding-left: 30px;
        padding-right: 20px;
    }
    .row-40 {
        height: 0px;
    }
    .padding-r60-l60 {
        padding-right: 20px;
        padding-left: 20px;
    }
    .gap-40 {
        padding-bottom: 0px;
    }
    .img-min-height-200 {
        min-height: 180px;
        /*min-width: 450px;*/
    }
    .padding-rcol {
        padding-right: 20px;
    }
    .padding-innerlcol {
        padding-left: 30px;
    }
    .gap-70 {
        padding-bottom: 15px;
    }
    .gap-30 {
        padding-top: 30px;
    }
    .padding-left-30 {
        padding-left: 30px;
        padding-right: 20px;
    }
    .eagle-book-80A {
        height: 270px;
    }
    .fixed-height-590 {
        height: calc(600px + (900 - 600) * ((100vw - 350px) / (767 - 350)));
    }
    .img-padding-lr {
        padding-left: 0;
        padding-right: 0;
    }
    .padding-lr-0 {
        padding-left: 0px;
        padding-right: 0px;
    }
    .padding-left-15 {
        padding-left: 15px;
        padding-right: 10px;
    }
    .padding-lr-zero {
        padding-left: 0px;
        padding-right: 0px;
    }
    .padding-l40 {
        padding-left: 40px;
    }
    .row-bg-blue-bottom {
        background-color: #001F60;
        padding-bottom: 20px;
    }
    .line-height-50 {
        line-height: calc(26px + (50 - 25) * ((100vw - 300px) / (1920 - 300)));
    }
    .mobile-font-size {
        font-size: 16px;
    }
    .line-height-16 {
        line-height: 16px;
    }
    .proj-padding {
        padding-left: 30px;
        padding-right: 30px;
    }
    .proj-gap {
        padding-bottom: 0px;
    }
    .fixed-height-370 {
        height: calc(330px + (210 - 330) * ((100vw - 350px) / (767.98 - 350)));
    }
    .mobile-padding-top-45 {
        padding-top: 45px;
    }
    .row-bg-blue {
        background-color: #001F60;
        padding-bottom: 40px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .padding-top-pay {
        padding-top: 1rem;
    }
    .banner-centered {
        position: absolute;
        top: calc(15px + (70 - 15) * ((100vw - 350px) / (767.98 - 350)));
        left: 70px;
        right: 15%;
        text-align: left;
    }
    .arrow-centered {
        position: absolute;
        top: 30%;
        left: 10px;
        text-align: left;
    }
    #navId2 {
        display: none;
    }
    #mainContent {
        margin-top: 55px;
    }
    a.anchor {
        padding-top: 64px;
    }
    a.anchor:before {
        display: block;
        content: "";
        height: 64px;
        margin-top: -64px;
    }
    #navId1 {
        padding-top: 0.5rem;
        padding-right: 1rem;
        padding-bottom: 0rem;
        padding-left: 0rem;
    }
    .debt-graph-x {       
        color: #001f60;
        font-family: eagle, sans-serif;
        font-weight: lighter;
        font-style: normal;
        font-size: 10px;
        line-height: 0.1;
    }
    .revenue-graph-x {
        padding-right: 20px;
    }
    .forward-pl {
        padding-left: 7%;
    }
    .left-align {
        justify-content: flex-start !important;
        padding-bottom: 5px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .about-centered {
        position: absolute;
        bottom: 0%;
        left: 10%;
        right: 15%;
        text-align: left;
    }
    .banner-centered {
        position: absolute;
        top: 30%;
        left: 5%;
        right: 15%;
        text-align: left;
    }
    .gap-40 {
        padding-bottom: 25px;
    }
    .fixed-height-590 {
        height: calc(600px + (550 - 600) * ((100vw - 768px) / (991.98 - 768)));
    }
    .row-300 {
        height: 100px;
    }
    .gap-top-150 {
        padding-top: 80px;
    }
    .row-60 {
        height: 45px;
    }
    .row-40 {
        height: 10px;
    }
    .style-Arial {
        color: #63798c;
        font-family: arial, sans-serif;
        font-size: 16px;
        line-height: 22px;
    }
    .padding-innerlcol {
        padding-left: 30px;
    }
    .gap-70 {
        padding-bottom: 50px;
    }
    .eagle-book-80A {
        height: 230px;
    }
    .padding-rcol {
        padding-right: 40px;
    }
    .padding-left-30 {
        padding-left: 30px;
        padding-right: 20px;
    }
    .row-plr2 {
        padding-left: 30px;
        padding-right: 20px;
    }
    .row-plr {
        padding-left: 30px;
        padding-right: 20px;
    }
    .padding-left10 {
        padding-left: 10px;
    }
    .img-padding-lr {
        padding-left: 0;
        padding-right: 0;
    }
    .row-p-10 {
        padding-left: 30px;
        padding-right: 30px;
    }
    .padding-lr-0 {
        padding-left: 20px;
        padding-right: 20px;
    }
    .padding-left-15 {
        padding-left: 0px;
        padding-right: 0px;
    }
    .padding-lr-zero {
        padding-left: 0px;
        padding-right: 0px;
    }
    #navId2 .navbar-nav .nav-link {
        padding-right: 10px;
        padding-left: 10px;
    }
    .proj-img-min-height {
        min-height: 400px;
    }
    .row-bg-blue {
        background-color: #001F60;
        padding-bottom: 40px;
        padding-left: 30px;
        padding-right: 30px;
    }
    .padding-r60-l60 {
        padding-right: 20px;
        padding-left: 20px;
    }
    .fixed-height-370 {
        height: calc(580px + (400 - 530) * ((100vw - 768px) / (991.98 - 768)));
    }
    .row-p {
        padding-left: 30px;
        padding-right: 30px;
    }
    .debt-graph-x {       
        color: #001f60;
        font-family: eagle, sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 2vw;
        line-height: 0.6;
    }
    .revenue-graph-x {
        padding-right: 40px;
    }
    .forward-pl {
        padding-left: 4%;
    }
    .padding-t20 {
        padding-top: 20px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
    .navbar-brand2 {
        padding-left: 0px;
        padding-right: 0px;
    }
    .navbar-brand-attached {
        padding-left: 0px;
        padding-right: 0px;
    }
    .row-300 {
        height: 100px;
    }
    .gap-top-150 {
        padding-top: 50px;
    }
    .fixed-height-590 {
        height: 650px;
    }
    .about-centered {
        position: absolute;
        bottom: 0%;
        left: 10%;
        right: 15%;
        text-align: left;
    }
    .row-40 {
        height: 0px;
    }
    .row-p-10 {
        padding-left: 2%;
        padding-right: 2%;
    }
    #navId2 .navbar-nav .nav-link {
        padding-right: 10px;
        padding-left: 10px;
    }
    .padding-l100 {
        padding-left: 0px;
    }
    .padding-r60-l60 {
        padding-right: 20px;
        padding-left: 20px;
    }
    .padding-rcol {
        padding-right: 50px;
    }
    .row-plr {
        padding-left: 8.5%;
        padding-right: 5%;
    }
    .row-p {
        padding-left: calc(35px + (135 - 35) * ((100vw - 300px) / (1920 - 300)));
        padding-right: 8%;
    }
    /**DONE**/
    .debt-graph-x {        
        color: #001f60;
        font-family: eagle, sans-serif;
        font-weight: lighter;
        font-style: normal;
        font-size: 20px;
        line-height: 0.8;
    }
    .revenue-graph-x {
        padding-right: 50px;
    }
    .forward-pl {
        padding-left: 8%;
    }
    .fixed-height-370 {
        height: calc(520px + (450 - 520) * ((100vw - 992px) / (1199.98 - 992)));
    }
    .padding-t20 {
        padding-top: 20px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1439.98px) {
    .about-centered {
        position: absolute;
        bottom: 10%;
        left: 10%;
        right: 15%;
        text-align: left;
    }
    .padding-l100 {
        padding-left: 0px;
    }
    .row-40 {
        height: 20px;
    }
    .row-p-10 {
        padding-left: 5%;
        padding-right: 5%;
    }
    .padding-rcol {
        padding-right: 100px;
    }
    .row-p {
        padding-left: calc(35px + (135 - 35) * ((100vw - 300px) / (1920 - 300)));
        padding-right: 8%;
    }
    .debt-graph-x {        
        color: #001f60;
        font-family: eagle, sans-serif;
        font-weight: lighter;
        font-style: normal;
        font-size: 25px;
        line-height: 0.8;
    }
    .revenue-graph-x {
        padding-right: 60px;
    }
    .forward-pl {
        padding-left: 10%;
    }
    .fixed-height-370 {
        height: calc(510px + (460 - 510) * ((100vw - 1199.98px) / (1439.98 - 1199.98)));
    }
}

/* Extra large devices (large laptops and desktops, 1440px and up) */

@media only screen and (min-width: 1440px) {
    .fixed-height-370 {
        height: 440px;
    }
    .row-p {
        padding-left: calc(35px + (135 - 35) * ((100vw - 300px) / (1920 - 300)));
        padding-right: 8%;
    }
    /**DONE**/
    .debt-graph-x {        
        color: #001f60;
        font-family: eagle, sans-serif;
        font-weight: lighter;
        font-style: normal;
        font-size: 25px;
        line-height: 0.8;
    }
    .revenue-graph-x {
        padding-right: 80px;
    }
    .forward-pl {
        padding-left: 12%;
    }
}

.image-position-15 {
    object-fit: cover;
    object-position: 15% 0;
}

.image-position-40 {
    object-fit: cover;
    object-position: 40% 0;
}

.image-position-50 {
    object-fit: cover;
    object-position: 50% 0;
}

.image-position-60 {
    object-fit: cover;
    object-position: 60% 0;
}

.animate-arrow-0 {
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -webkit-transition: -webkit-transform .2s ease-in-out;
    -ms-transition: -ms-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
}

.animate-arrow-180 {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -webkit-transition: -webkit-transform .2s ease-in-out;
    -ms-transition: -ms-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
}