@CHARSET "ISO-8859-1";


.font-alt {
    font-family: "Roboto Condensed", sans-serif;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.module-subtitle {
    text-align: center;
    color: #111;
}

.font-serif {
    font-family: Volkhov, "Times New Roman", sans-serif;
    font-style: italic;
}

.font-p{
	
	    font: 400 12px/1.8 "Open Sans", sans-serif;
}
	
			
			
			
/* -------------------------------------------------------- */			
			
			
.index-content a:hover{
    color:black;
    text-decoration:none;
}
.index-content{
    margin-bottom:20px;
    padding:50px 0px;
    
}
.index-content .row{
    margin-top:20px;
}
.index-content a{
    color: black;
}
.index-content .card{
   /* background-color: #FFFFFF;*/
    padding:0;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius:0px;
    /*box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);*/

}
.index-content .card:hover{
    /*box-shadow: 0 16px 24px 2px rgba(0,0,0,0.14), 0 6px 30px 5px rgba(0,0,0,0.12), 0 8px 10px -5px rgba(0,0,0,0.3);
    color:black;*/
}
.index-content .card img{
    width:100%;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
.index-content .card h4{
    /*margin:20px;
    margin-bottom: 0;*/
}
.index-content .card p{
     /*margin:20px;
    opacity: 0.65;*/
}
.index-content .blue-button{
    width: 100px;
    -webkit-transition: background-color 1s , color 1s; /* For Safari 3.1 to 6.0 */
    transition: background-color 1s , color 1s;
    min-height: 20px;
    background-color: #002E5B;
    color: #ffffff;
    border-radius: 0px;
    text-align: center;
    font-weight: lighter;
    margin: 0px 20px 15px 20px;
    padding: 5px 0px;
    display: inline-block;
}
.index-content .blue-button:hover{
    background-color: #dadada;
    color: #002E5B;
}

.div-container {
    height: 487px;
   
}

@media screen and (max-width:1200px){
			.div-container {
			            height: auto;
			          
				}
			}
			
@media screen and (max-width:767px){
			.div-container {
			            height: auto;
				}
			}

.col-lg-4{
	width:50%;
	    padding-bottom: 20px;
}
@media (max-width: 768px) {

    .index-content .col-lg-4{
        margin-top: 20px;
         padding-bottom: 20px;
    }
}		

@media (max-width: 1200px) {

    .col-lg-4{
        width:100%;
         padding-bottom: 20px;
    }
}			

.index-content .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.index-content .col-lg-4 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}