*,
*:after,
*:before {
  margin: 0;
	padding: 0;
	box-sizing: inherit;
	
}

body{
	font-family:"basic-sans", 'lato', arial, sans-serif;
    background-color: #fff;
    font-size: 14pt;
    color: #414142;
}

p{
    font-size: 14pt;
    line-height: 18pt;
}
h1, h2, h3,
h4, h5, h6 {
	font-family:"basic-sans", 'lato', arial, sans-serif;
}
h2{
    font-family: Basic Sans SemiBold, Calibri, arial, sans-serif;
    font-size: 20pt;
    color: #17252E;
    text-align:center;
    margin-bottom: 20px;
}
h3{
    font-family: Basic Sans SemiBold, Calibri, arial, sans-serif;
    font-size: 16pt;
    color: #17252E;
    text-align: center;
}

a{
    color: #17252E;
}
/* ------------------- Rotating Banner on Home Page ---------------------------- */
#banner{
    width: 100%;
    height: 400px;
    background-image: url(../images/banner.jpg);
}
#banner h1{
    color: #fff;
    font-weight: bold;
    font-size: 6rem;
    margin: auto;
    text-align: center;
    vertical-align: middle;
    padding: 120px 0;
    text-shadow: 2px 2px 8px #17252e;
}

/* ------------------- Rotating Banner on Home Page ---------------------------- */
#rotatingBanner{
    width: 100%;
    overflow:hidden;
}





/* ------------------ Highlights Section ------------------------------------- */

#highlightsContainer{
    width: 80%;
    margin: 60px auto;
}
#highlightsContainer h2{
    text-align:center;
    font-family: Basic Sans SemiBold, Calibri, arial, sans-serif;
    font-size: 20pt;
    margin-bottom: 40px;
}
/* each category box styling */
#row1 {
    overflow:hidden;
}
#row2 {
    margin-top: 50px;
    overflow:hidden;
}
.category {
    width: 23%;
    float:left;
    margin-right: 20px;
    text-align:center;
}
.category h3 {
    margin: 30px 0;
}





/* ------------------------------------------------- */
/* ---------------------------------------- */
/* --------  CONTENT CARDS  --------------- */
/* ---------------------------------------- */
#applications {
    background-color: #f3f3f3;
    color: #17252e;
    border:solid 1px transparent;
    margin-bottom: 0;
}
.applications_container {
    width: 90%;
    margin: auto;
}

.newsflash-horiz {
	list-style-type: none;
	margin: 7rem 0 7rem 0;
	width: 100%;
}
.newsflash-horiz li{
    width: 40rem;
	height: 53rem;
	display: inline-block;
	margin: 3rem 1.5rem;
	vertical-align: top;
	padding: 0;
}
.newsflash-horiz li,
.newsflash-horiz li .featured{
    height: 53rem;
	background: #fff;
	transition: ease-in 0.2s all;
}
.newsflash-horiz li:hover{
	box-shadow: 0px 3px 15px rgba(0,0,0,0.2);
	transform: scale(1.01);
}


.newsflash-horiz li p {
	width: 90%;
	margin: 1rem auto;
	display: block;
    
}

.newsflash-horiz li h2 {
	padding: 1rem 1.5rem 0 1.75rem;
    text-align: left;
}
.newsflash-horiz a {
	color: #2b2b2b;
	text-decoration: none;
}

.featured img {
	width: 100%;
	margin: 0;
	padding: 0;
}







  /*Print Css*/
@media print {
    nav, #rotatingBanner, #back-top, footer, #video{
        display: none;

    }
    #highlightsContainer{
        position: relative;
        top: -200px
    }
    #applications{
        margin-top: -100px;
    }
    .category{
        width: 45%;
        height: 350px;
    }
    .app, .box{
        width: 45%;
    }
    .app .app__hovereffect{
        display: none;
    }
    /* Application Over Page */
    .application-overview{
        border:solid 1px orange;
        width: 100%;
        height: 500px;
    }

    .colLeft{
        position: relative;
        left: -400px;
    }
    .content{
        position: relative;
        top: -40px;
        left: -100px;
    }
    #legend{
        display:none;
    }
.button-open, .button-details{
    position: relative;
    top: 20px;
}
.buttonOpen{
    border: solid 1px black;
}

    .app a{
        border: solid 1px black;
    }
 }