/*font-family: 'Calibri';*/
@font-face {
    font-family: 'Calibri';
    src: url('../fonts/Calibri-BoldItalic.woff2') format('woff2'),
        url('../fonts/Calibri-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Calibri';
    src: url('../fonts/Calibri-Italic.woff2') format('woff2'),
        url('../fonts/Calibri-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'CalibriBold';
    src: url('../fonts/Calibri-Bold.woff2') format('woff2'),
        url('../fonts/Calibri-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Calibri';
    src: url('../fonts/Calibri.woff2') format('woff2'),
        url('../fonts/Calibri.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Calibri';
    src: url('../fonts/Calibri-LightItalic.woff2') format('woff2'),
        url('../fonts/Calibri-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Frutiger';
    src: url('../fonts/FrutigerBold.woff2') format('woff2'),
        url('../fonts/FrutigerBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Frutiger';
    src: url('../fonts/Frutiger.woff2') format('woff2'),
        url('../fonts/Frutiger.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Frutiger';
    src: url('../fonts/Frutiger-Black.woff2') format('woff2'),
        url('../fonts/Frutiger-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Calibri';
    src: url('../fonts/Calibri-Light.woff2') format('woff2'),
        url('../fonts/Calibri-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}


BODY{
    background: url(/assets/img/stripe.png) repeat 0 0 #f2f2f2;
    font-family: 'Calibri';
}

header{           
    overflow: hidden;
    width: 100%;
    position: relative;
    z-index: 100;
    background: #fff;
    -moz-box-shadow: 0px 0px 5px 0px #656565;
    -webkit-box-shadow: 0px 0px 5px 0px #656565;
    -o-box-shadow: 0px 0px 5px 0px #656565;
    box-shadow: 0px 0px 5px 0px #656565;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=5);
}

footer{
    color:#fff;
    background-color: #323232;
    min-height:38px;
    line-height:38px;
    position: fixed;
    bottom: 0px;
    width: 100%;
}

.home-link {
    display:block;
    margin: 0;
    max-width: 100%;
    min-height: 0;
    padding: 0;
    width: auto;
}

.header-logo{
    margin: 20px 8px 20px 8px;
    float: left;
    width: auto;
    height: 60px;
}

.wrapper{
    background:#fff;
    min-height:400px;
    box-shadow: 0px 2px 5px 0px #656565;
}

footer ul {
    margin: 0;
    padding: 0;
    width:60%;
    margin:auto;
}

footer ul li {
	vertical-align: top;
    display: inline-block;
    width: calc(100%/4);
    text-align: center;
    width:49%;
}

footer ul li:hover {
    background: #007dc3;
}

footer ul li a {
    color: #fff;
    text-decoration: none;
    font-size: 17px;
    height: 38px;
    padding: 0;
    text-transform: none;
    font-family: 'Calibri';
    font-weight: 400;
}

footer ul li a:Hover {
    color: #fff;
}

.front-title{
    height:55px;    
    color:#fff;
    background:#0078BE;
    font-family: 'CalibriBold'
}

.front-title H1{
    font-size: 2rem;
    line-height:55px;
}

.front-back{
    height:30px;
    line-height:30px;
    background:#E7E7E7;
}

.front-back A{
    text-align: right;
    color:#000;
    text-decoration: underline;
    font-size:13px;
    font-weight:bold;
    display: inherit;
}


.modal-danger .modal-header, .modal-danger .modal-footer, .modal-danger .modal-header H5 {
    background-color: #d33724 !important;
    color: #fff !important;
}

.modal-danger .modal-body {
    background-color: #dd4b39 !important;
    color: #fff !important;
}

.modal-danger .btn-outline {
    border: 1px solid #fff;
    background: transparent;
    color: #fff;
}


.modal-danger .btn-close {
    color: #fff;
}

@media screen and (max-width: 900px){
    .header-logo {
        margin: 7px auto;
        float: none;
        text-align: center;
        display: block;
        width: 100px;
    }

    .front-title H1{
        font-size: 0.9rem;
		line-height:26px;
    }    

        
    footer ul{
        width:100%;
    }
	
		
	footer{
		line-height:18px;
		padding-top: 5px;
	}
}