/* =============================================================================
   Site Styles
   ========================================================================== */

body {

	#slider, #slidersjquery {
		
		background:	url('../images/Waves.png'),
					linear-gradient(#ADB3D4 0%, #DFDFE6 100%);
		border-bottom: 0.200em solid #21283C;
		padding: 4.000em 0;
		background-size: cover;
		background-repeat: no-repeat;
		overflow: hidden;
		height: 26em;

		h2 {
			
			font-size: 4.750em;
			font-weight: 100;
			color: #5F6C90;
			text-transform: uppercase;
			margin: 0;
			line-height: 1em;
			font-weight: 200;
			
			&::first-line {
				
				font-weight: 700;
				color: #384567;
				
			}

		}
		h3 {
			
			margin-top: 0;
			font-weight: 700;
			font-size: 3.250em;
			color: #FFFFFF;
			text-transform: uppercase;
			line-height: 0.908em;
		}
		
		a {
			
			&.button {
				
				margin-top: 0;
				font-weight: 700;
				font-size: 1.500em;
				color: #FFFFFF;
				text-transform: uppercase;
				line-height: 1.500em;
				background-color: #9BA8CC;
				
			}
				
		}
 	} // slider
	
	#wemake {
		
		background: linear-gradient(#3E4967 0%, #21283C 100%);
		
		h1 {
			
			color: #FFFFFF;
			font-size: 3.500em;
			line-height: 1em;
			text-align: center;
			&::first-line {
				
				color: #FFFFFF;
				
			}
			
		}
		
		h2 {
			
			color: #FFFFFF;
			font-size: 1.950em;
			line-height: 1em;
			font-weight: 300;
			text-transform: uppercase;
			
			&::first-line {
				
				font-weight: 700;
				color: #9DA9CD;
				
			}
			
		}
		
		p {
			
			color: #FFFFFF;
			
		}
		 
		a {
			
			&.button {
				
				font-size: 1.200em;
				line-height: 1.750em;
				font-weight: 400;
				color: #21283C;
				
			}
			
		}
		
	} // wemake
	
	#wecare {
		
		background:	url('../images/wecare-bg.jpg') center center;
		background-size: cover;
		text-align: center;
		
		h1 {
			
			color: #3B4767;
			font-size: 3.500em;
			line-height: 1em;
			
		}

		h3 {
			
			color: #3B4767;
			font-size: 1.350em;
			line-height: 1em;
			
		}
		
		p {
			
			color: #3B4767;
			line-height: 1.125em;
			margin-bottom: 3em;
			
		}

		a {
			
			&.button {
				
				font-size: 1.200em;
				line-height: 1.750em;
				font-weight: 400;
				background-color: #21283C;
				color: #FFFFFF;
				margin-bottom: 2em;
			}

		}
		
	} //wecare
	@keyframes easeIn {
		0% {
			left: 100vw;
		}
		100% {
			left: 0;
		}
  	}
	  
	#latestnews {

		//background: linear-gradient(#9BA8CC 0%, #6370BA 100%);
		background-color: #E30613;
		
		.container {
			text-align: center;
			position: relative;
			min-height: 2em;

			div {
				position: absolute;
				animation-name: easeIn;
				animation-duration: 1.5s;
				width: 100%;

				a {
					
					left: 0;
					font-size: 0.800em;
					line-height: 2em;
					display: inline-block;
					color: #FFF;
					margin: 0.25em 0.5em;
					text-decoration: none;
					
					&:hover {
						
						text-decoration: underline;
						
					}
				
				}
				
			}
		}
		
	} //latestnews
	#news {
		
		background: linear-gradient(#9BA8CC 0%, #6370BA 100%);
		text-align: center;
		
		
		p {
			
			color: #FFFFFF;
			line-height: 1.125em;
			
		}
		
		a {
			
			&.button {
				
				font-size: 1.100em;
				line-height: 1.1em;
				color: #6385BA;
				margin-bottom: 1em;
			}
			
		}
		
		.first,.second {
			
			background: linear-gradient(#FFFFFF 0%, #D8D8D8 100%);
			overflow: hidden;
			border-radius: 0.5em;
			margin-bottom: 1em;
			
			h2 {
				
				text-decoration: none;
				text-transform: uppercase;
				line-height: 1em;
				font-weight: 700;
				color: #3B4767;
				margin: 1em 0 0 0.7em;
				text-align: left;
				
			}
			
			.short {
				
				height: 4em;
				overflow: hidden;
				margin: 0;

			}
			p {
				
				font-size: 0.9em;
				line-height: 1.2em;
				margin: 1.111em 2em;
				overflow: hidden;
				color: #3B4767;
				text-align: left;
				

				&.date {
					
					margin-top: 0.5em;
					margin-bottom: 0;
					font-size: 0.8em;
					height: auto;
					
				}
				
				&:nth-child(2) {
					
					margin-top: 0;
					
				}
				
			}
			
			.photo {
				height: 10em;
				background-size: cover;
				border-radius: 0.5em 0.5em 0 0;
				box-shadow: inset 0px -2.5em 2em -2em rgba(0, 0, 0, 0.59);	
			}

			a {
				
				&.button {
					
					background-color: #6385BA;
					font-size: 0.8em;
					line-height: 1.364em;
					color: #FFF;
					margin: 0;
					padding: 0.3em 0.8em;
					border: 1px solid #6385BA;
										
					&:hover {
						
						color: #3B4767;
						background-color: #FFF;

						
					}
					
				}
				
			}
		}
		
		
		.owl-theme {
			
			padding: 0;
			margin: 0;
			height: 22.9em;
			
			.owl-container {
				
				
			}
			
			.owl-dots {

				bottom: 0.5em;
				position: absolute;
				height: auto;
				top: auto;
				width: 100%;

				.owl-dot {
					

					span {

						border: 2px solid rgba(255, 255, 255, 0.83);
						height: 1em;
						width: 1em;
						margin: 0.5em 0.7em;
						background-color: transparent;
						display: block;
						-webkit-backface-visibility: visible;
						transition: opacity 200ms ease;
						border-radius: 3em;
						
						
					}
					&.active {
						
						span {
					
							background-color: rgba(255, 255, 255, 0.83);
						
						}
					
					}
				
				}
				
			}
			
		}

		.second {
			font-size: 0.9em;
			height: 25.35em;
			
			h2 {
				
				font-size: 1.8em;
				margin-bottom: 0.5em;
				margin-left: 1.1em;
				
			}
			
			.owl-theme {
					.owl-dots {
					
							
							bottom: -1.5em;
							
						
					}

			}

		}
		
	} // news
	
} // body


/* =============================================================================
   From 1200 to 970
   ========================================================================== */

@media only screen and (max-width: 1195px) and (min-width: 970px) {

	body {
			
	} // body

}


/* =============================================================================
   From 970 to 600
   ========================================================================== */
   
@media only screen and (max-width: 969px) and (min-width: 600px) {

	body {
		
	
	} // body

}

/* =============================================================================
   From 600 to 480
   ========================================================================== */

@media only screen and (max-width: 600px) and (min-width: 480px) {
	
	body {
		
	
	} // body

}

/* =============================================================================
   Less than 480px
   ========================================================================== */
@media only screen and (max-width: 479px) {

	body {
		
	
	} // body

}