/* Font Style */
@font-face {
    font-family: 'Proxima Nova Rg';
    src: url('../fonts/ProximaNova-RegularIt.woff2') format('woff2'), url('../fonts/ProximaNova-RegularIt.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Proxima Nova Rg';
    src: url('../fonts/ProximaNova-Regular.woff2') format('woff2'), url('../fonts/ProximaNova-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova Lt';
    src: url('../fonts/ProximaNova-Semibold.woff2') format('woff2'), url('../fonts/ProximaNova-Semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova Th';
    src: url('../fonts/ProximaNova-Extrabld.woff2') format('woff2'), url('../fonts/ProximaNova-Extrabld.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}

/* Flash Text */
.flash-text { top: 15%; left: 50%; width: auto; margin: 0 auto; z-index: 99999; position: fixed; transform: translate(-50%); padding: 15px 10px; border-radius: 4px; box-shadow: 5px 5px 10px;}
.flash-text .modal-title { font-size: 16px; position: relative; padding-right: 20px; }
.flash-text .modal-title i { font-size: 25px; vertical-align: middle; }
.flash-text .close { top: 2px; position: absolute; right: 6px; box-shadow: none; outline: 0; font-size: 24px; color: #4cad65; -webkit-transition: -webkit-transform .2s linear; -ms-transition: -webkit-transform .2s linear; transition: transform .2s linear; }
.flash-text .close:hover { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }

.flash-text.green-flash {background-color: #d1f4da;}
.flash-text.green-flash .modal-title, .flash-text.green-flash .close {color: #4cad65 !important;}

.flash-text.blue-flash {background-color: #d9edf7;}
.flash-text.blue-flash .modal-title, .flash-text.blue-flash .close {color: #31708f !important;}

.flash-text.red-flash {background-color: #f8d3c1;}
.flash-text.red-flash .modal-title, .flash-text.red-flash .close {color: #c7714e !important;}

.flash-text.yellow-flash {background-color: #e6e68d;}
.flash-text.yellow-flash .modal-title, .flash-text.yellow-flash .close {color: #757516 !important;}