.link-with-icon {
    display: block;
    overflow: hidden;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #e6eff7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e6eff7));
    background: -webkit-linear-gradient(top, #ffffff 0%, #e6eff7 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #e6eff7 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #e6eff7 100%);
    background: linear-gradient(top, #ffffff 0%, #e6eff7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#e6eff7, GradientType=0);
    position: relative
}

.link-with-icon .wrapper {
    display: table;
    width: 100%;
    font-size: 0;
    padding: 30px
}

.link-with-icon>span {
    width: 100%;
    height: 100%;
    top: 0;
    right: 75%;
    background: #e6eff7
}

.link-with-icon>span,.link-with-icon>span i {
    display: block;
    position: absolute;
    -ms-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.link-with-icon>span i {
    content: '';
    width: 0;
    height: 0;
    top: 0;
    left: 100%;
    border-bottom: 200px solid #e6eff7;
    border-right: 200px solid transparent
}

.link-with-icon:hover>span,.link-with-icon:focus>span,.link-with-icon:active>span {
    right: 0
}

.link-with-icon.link-with-icon:hover__title,.link-with-icon.link-with-icon:focus__title,.link-with-icon.link-with-icon:active__title {
    text-decoration: underline ;
    text-underline-position: under
}

.link-with-icon .inner {
    display: table-cell;
    vertical-align: middle;
    position: relative
}

.link-with-icon__title,.link-with-icon__icon {
    display: inline-block;
    vertical-align: middle
}

.link-with-icon__title {
    margin: 0;
    font-size: 30px;
    font-size: 3rem;
    font-family: "Frutiger LT W03_55 Roman",sans-serif;
    font-weight: 400;
    text-align: left;
    color: #000000;
    line-height: 1.1
}

.link-with-icon__title.no-icon {
    width: 100%
}

.link-with-icon__title.has-icon {
    width: 70%
}

.link-with-icon__title.purple {
    color: #4c439b
}

.link-with-icon__title.blue {
    color: #009dbe
}

.link-with-icon__title.green {
    color: #359c00
}

.link-with-icon__icon {
    width: 30%;
    text-align: right
}

@media (max-width: 1199px) {
    .link-with-icon__title,.link-with-icon__title.has-icon,.link-with-icon__icon {
        width:100%;
        margin: 0
    }

    .link-with-icon__title,.link-with-icon__icon {
        display: block;
        text-align: center
    }

    .link-with-icon__title {
        font-size: 22px;
        font-size: 2.2rem
    }

    .link-with-icon__icon {
        margin-top: 15px
    }
}

@media (max-width: 767px) {
    .link-with-icon__title,.link-with-icon__icon {
        display:inline-block;
        margin: 0
    }

    .link-with-icon__title {
        text-align: left;
        font-size: 30px;
        font-size: 3rem
    }

    .link-with-icon__title.has-icon {
        width: 70%
    }

    .link-with-icon__icon {
        text-align: right;
        width: 30%
    }
}

@media (max-width: 500px) {
    .link-with-icon__title,.link-with-icon__title.has-icon,.link-with-icon__icon {
        width:100%;
        margin: 0
    }

    .link-with-icon__title,.link-with-icon__icon {
        display: block;
        text-align: center
    }

    .link-with-icon__title {
        font-size: 22px;
        font-size: 2.2rem
    }

    .link-with-icon__icon {
        margin-top: 15px
    }
}

.b-w-contrast .link-with-icon {
    background: #000000;
    border: 2px solid #000000
}

.b-w-contrast .link-with-icon>span {
    display: none
}

.b-w-contrast .link-with-icon__title {
    color: #ffffff
}

.b-w-contrast .link-with-icon__title,.b-w-contrast .link-with-icon__title.no-icon,.b-w-contrast .link-with-icon__title.has-icon {
    width: 100%
}

.b-w-contrast .link-with-icon__title.purple,.b-w-contrast .link-with-icon__title.blue,.b-w-contrast .link-with-icon__title.green {
    color: #ffffff
}

.b-w-contrast .link-with-icon__icon {
    display: none
}

.b-w-contrast .link-with-icon:hover,.b-w-contrast .link-with-icon:focus,.b-w-contrast .link-with-icon:active {
    background: #ffffff
}

.b-w-contrast .link-with-icon:hover .link-with-icon__title,.b-w-contrast .link-with-icon:focus .link-with-icon__title,.b-w-contrast .link-with-icon:active .link-with-icon__title,.b-w-contrast .link-with-icon:hover .link-with-icon__title.purple,.b-w-contrast .link-with-icon:focus .link-with-icon__title.purple,.b-w-contrast .link-with-icon:active .link-with-icon__title.purple,.b-w-contrast .link-with-icon:hover .link-with-icon__title.blue,.b-w-contrast .link-with-icon:focus .link-with-icon__title.blue,.b-w-contrast .link-with-icon:active .link-with-icon__title.blue,.b-w-contrast .link-with-icon:hover .link-with-icon__title.green,.b-w-contrast .link-with-icon:focus .link-with-icon__title.green,.b-w-contrast .link-with-icon:active .link-with-icon__title.green {
    color: #000000
}

.blue-contrast .link-with-icon {
    background: #000066;
    border: 2px solid #000066
}

.blue-contrast .link-with-icon>span {
    display: none
}

.blue-contrast .link-with-icon__title {
    color: #cfe5fc
}

.blue-contrast .link-with-icon__title,.blue-contrast .link-with-icon__title.no-icon,.blue-contrast .link-with-icon__title.has-icon {
    width: 100%
}

.blue-contrast .link-with-icon__title.purple,.blue-contrast .link-with-icon__title.blue,.blue-contrast .link-with-icon__title.green {
    color: #cfe5fc
}

.blue-contrast .link-with-icon__icon {
    display: none
}

.blue-contrast .link-with-icon:hover,.blue-contrast .link-with-icon:focus,.blue-contrast .link-with-icon:active {
    background: #cfe5fc
}

.blue-contrast .link-with-icon:hover .link-with-icon__title,.blue-contrast .link-with-icon:focus .link-with-icon__title,.blue-contrast .link-with-icon:active .link-with-icon__title,.blue-contrast .link-with-icon:hover .link-with-icon__title.purple,.blue-contrast .link-with-icon:focus .link-with-icon__title.purple,.blue-contrast .link-with-icon:active .link-with-icon__title.purple,.blue-contrast .link-with-icon:hover .link-with-icon__title.blue,.blue-contrast .link-with-icon:focus .link-with-icon__title.blue,.blue-contrast .link-with-icon:active .link-with-icon__title.blue,.blue-contrast .link-with-icon:hover .link-with-icon__title.green,.blue-contrast .link-with-icon:focus .link-with-icon__title.green,.blue-contrast .link-with-icon:active .link-with-icon__title.green {
    color: #000066
}

.beige-contrast .link-with-icon {
    background: #042868;
    border: 2px solid #042868
}

.beige-contrast .link-with-icon>span {
    display: none
}

.beige-contrast .link-with-icon__title {
    color: #F7EFD8
}

.beige-contrast .link-with-icon__title,.beige-contrast .link-with-icon__title.no-icon,.beige-contrast .link-with-icon__title.has-icon {
    width: 100%
}

.beige-contrast .link-with-icon__title.purple,.beige-contrast .link-with-icon__title.blue,.beige-contrast .link-with-icon__title.green {
    color: #F7EFD8
}

.beige-contrast .link-with-icon__icon {
    display: none
}

.beige-contrast .link-with-icon:hover,.beige-contrast .link-with-icon:focus,.beige-contrast .link-with-icon:active {
    background: #F7EFD8
}

.beige-contrast .link-with-icon:hover .link-with-icon__title,.beige-contrast .link-with-icon:focus .link-with-icon__title,.beige-contrast .link-with-icon:active .link-with-icon__title,.beige-contrast .link-with-icon:hover .link-with-icon__title.purple,.beige-contrast .link-with-icon:focus .link-with-icon__title.purple,.beige-contrast .link-with-icon:active .link-with-icon__title.purple,.beige-contrast .link-with-icon:hover .link-with-icon__title.blue,.beige-contrast .link-with-icon:focus .link-with-icon__title.blue,.beige-contrast .link-with-icon:active .link-with-icon__title.blue,.beige-contrast .link-with-icon:hover .link-with-icon__title.green,.beige-contrast .link-with-icon:focus .link-with-icon__title.green,.beige-contrast .link-with-icon:active .link-with-icon__title.green {
    color: #042868
}

.high-contrast .link-with-icon {
    background: #000000;
    border: 2px solid #000000
}

.high-contrast .link-with-icon>span {
    display: none
}

.high-contrast .link-with-icon__title {
    color: #FDFF2D
}

.high-contrast .link-with-icon__title,.high-contrast .link-with-icon__title.no-icon,.high-contrast .link-with-icon__title.has-icon {
    width: 100%
}

.high-contrast .link-with-icon__title.purple,.high-contrast .link-with-icon__title.blue,.high-contrast .link-with-icon__title.green {
    color: #FDFF2D
}

.high-contrast .link-with-icon__icon {
    display: none
}

.high-contrast .link-with-icon:hover,.high-contrast .link-with-icon:focus,.high-contrast .link-with-icon:active {
    background: #FDFF2D
}

.high-contrast .link-with-icon:hover .link-with-icon__title,.high-contrast .link-with-icon:focus .link-with-icon__title,.high-contrast .link-with-icon:active .link-with-icon__title,.high-contrast .link-with-icon:hover .link-with-icon__title.purple,.high-contrast .link-with-icon:focus .link-with-icon__title.purple,.high-contrast .link-with-icon:active .link-with-icon__title.purple,.high-contrast .link-with-icon:hover .link-with-icon__title.blue,.high-contrast .link-with-icon:focus .link-with-icon__title.blue,.high-contrast .link-with-icon:active .link-with-icon__title.blue,.high-contrast .link-with-icon:hover .link-with-icon__title.green,.high-contrast .link-with-icon:focus .link-with-icon__title.green,.high-contrast .link-with-icon:active .link-with-icon__title.green {
    color: #000000
}