@charset "utf-8";
/* CSS Document */

/*super slide*/
.wide-container {
      /*max-width: 1200px;*/
      max-width:100%;
	  height: 400px;
      margin: 0 auto;
	  padding:0 ;
    }



/*======================================================== */

@media (min-width: 280px) {
.slides-pagination {
  position: absolute;
  z-index: 3;
  bottom: 10px;
  text-align: center;
  width: 100%;
}
.wide-container {
 height: 300px;
  margin: 0 auto;
  }

.message-bknd{
	background-color:rgba(12,72,128,0.92);
	height:300px;   
	float: right;
	padding: 10px;
    margin:auto;
	animation:none;
}
.message-bknd h2{
	font-family:'Raleway', Arial, Helvetica, sans-serif;
	font-weight: 800;
	font-size: 2em;
	line-height:normal;
	color:#ffffff; 
}	
.message-title{
	color:#fff; 
 	display: block;
	/*padding:1em;*/
	font-size: 1.65em;
	
	}

.message-txt {
	font-family:'Raleway', Arial, Helvetica, sans-serif;
	color:#fff; 
	font-size: 1.05em;
	margin-bottom:0px;
	padding-bottom:0px;
	}
}

@media (min-width: 400px) {
	.message-bknd{
	width:45%; 
	padding:50px 10px 10px 10px; 		
	margin:auto;
	/*background-color:rgba(56,103,147,0.99);*/
	animation:none;	
}
.message-txt {
visibility: hidden;
display:none;	
	}
.message-action {
text-align:center
	}
.message-title{
	text-align: center;	
}	
}


@media (min-width: 550px) {
/*========================== Animation from animate.css ================================*/
.message-bknd{		
	padding:60px 20px 20px 20px; 
	width:40%; 
	/*background-color:rgba(56,103,147,0.90);*/	
	animation-duration: 3s;
    animation-name: slideInRight;
		 }	

.message-txt {
visibility: hidden;
display:none;
	}
.message-action {
text-align:center
	}
.message-title{
	color:#ffffff; 
	font-size: 2.15em;
	line-height:normal;
	
}

}

@media (min-width: 750px) {
.slides-pagination {
  position: absolute;
  z-index: 3;
  bottom: 10px;
  text-align: right;
  width: 85%;
}
.wide-container {
      max-width: 1200px;
      height: 400px;
      margin: 0 auto;
    }

.message-bknd{
	float:right; 	
	padding:90px 20px 20px 20px;
    width:35%; 
	height:500px
		 }

.message-txt {
	visibility:visible;
	display:block;
	color:#ffffff; 
	font-size: 1.25em;
	line-height:1.5em;
	}
.message-title{
	color:#ffffff;
	font-size: 1.5em;
	line-height:normal;
	margin-bottom:0px;
	padding:0px;
	
}	
/*========================== Animation from animate.css ================================*/
.s4-box{
	width:250px; 
	height:200px; 
	float:left; 
	margin-top:190px; margin-left:40px;
	background-image: url(../img/see-something-shadow.png); 
	background-repeat: no-repeat;
	background-size: contain;
	    /*animation-delay: 1s;
    -webkit-animation-delay: 1s;*/
    animation-duration: 2s;
    animation-name: flipInY;
	
	}	
	
}

@media (min-width: 1000px) {
.message-bknd{
		/*margin-top:190px;*/
		padding:30px; 
		width:30%; 
	    height:500px
		
		 }		
.message-title{
	color:#ffffff; 
	font-size: 1.5em;
	font-weight:500;
	margin-top: 40px;
}	
	
	
}


@media (min-width: 1200px) {
	.message-bknd{
		/*margin-top:190px;*/
		padding:40px; 
		width:25%; 
		height:500px
		 }		
	
}