#preloader{
	background: #fff;
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 999999;
	text-align: center;
	font-size: 40px;
	color: #0066b3;
}

#hero{
	background: url('/img/hero_bg.jpg');
	background-repeat: no-repeat;
	background-position: top;
	background-size: cover;
	height: calc(100vh - 75px);
	max-width: 1920px;
	margin: 0 auto;
	border-bottom: 3px solid #006699;
	text-align: center;
	background-attachment: fixed;
	transition: all 0.5s ease;
}

#readMoreButton{
	cursor: pointer;
}

#readMoreButton:active ~ #hero{
	background: url('/img/hero_bg4.jpg');
}
	#hero .content{
		display: table-cell;
		vertical-align: middle;
	}
		#hero h1{
			font-family: "Raleway Bold";
			font-size: 48px;
			color: #fff;
			margin-bottom: 25px;
		}
		#hero p{
			font-size: 16px;
			font-family: "OpenSans Light";
			color: #fff;
			max-width: 680px;
			margin: 0 auto;
			margin-bottom: 60px;
		}
		#hero a.button{
			padding: 10px;
			color: #fff;
			font-family: "Raleway Light";
			font-size: 16px;
			border: 2px solid #fff;
			border-radius: 3px;
			margin: 15px;
			transition: all 0.2s ease-in-out;
		}
		#hero a.button:hover{
			background: #006699;
			border-color: #006699;
			transition: all 0.2s linear;
		}
#despre-noi{
	padding-top: 70px;
	padding-bottom: 60px;
}
	#despre-noi h1{
		font-family: "Lato Black", sans-serif;
		text-transform: uppercase;
		font-size: 35px;
		color: #333132;
		border-bottom: 2px solid #0066b3;
		padding-bottom: 5px;
	}
	#despre-noi p{
		color: #444444;
		font-size: 14px;
		font-family: "Lato Regular", sans-serif;
		text-indent: 15px;
	}
	
	#despre-noi p:nth-child(3){
		text-indent: 0;
	}
	
	#despre-noi p.check{
		margin-bottom: 5px;
		text-indent: 5px;
	}
	#despre-noi p.check img{
		margin-top: -3px;
	}
div#parteneriMarker h1{
	margin-bottom: 25px;
	background: #fff;
	font-family: "Lato Black", sans-serif;
	text-transform: uppercase;
	font-size: 35px;
	color: #333132;
	border-bottom: 2px solid #0066b3;
	padding-bottom: 5px;
}
div#parteneri{
	background: #e9e9e9;
	padding: 50px 15px;
}

/* animatii */

	.fadeInLeft{
		opacity: 0;
		-webkit-transform: translateX(-200px);
		transform: translateX(-200px) rotate(-30deg);
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
	}
	
	@keyframes fadeInLeft{
		0% {
			opacity: 0;
			transform: translateX(-500px) rotate(-30deg);
		}
		50% {
			opacity: 0.3;
		}
		100% {
			opacity: 1;
			transform: translateX(0) rotate(0deg);
		}
	}
	
	@-webkit-keyframes fadeInLeft{
		0% {
			opacity: 0;
			-webkit-transform: translateX(-500px);
		}
		50% {
			opacity: 0.3;
		}
		100% {
			opacity: 1;
			-webkit-transform: translateX(0);
		}
	}
	
	.fadeInLeft.go {
		-webkit-animation-name: fadeInLeft;
		animation-name: fadeInLeft;
	}

	.fadeInLeftSlow{
		opacity: 0;
		-webkit-transform: translateX(-200px);
		transform: translateX(-200px);
		-webkit-animation-duration: 1.5s;
		animation-duration: 1.5s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
	}
	
	@keyframes fadeInLeftSlow{
		0% {
			opacity: 0;
			transform: translateX(-5000px);
		}
		50% {
			opacity: 0.3;
		}
		100% {
			opacity: 1;
			transform: translateX(0);
		}
	}
	
	@-webkit-keyframes fadeInLeftSlow{
		0% {
			opacity: 0;
			-webkit-transform: translateX(-5000px);
		}
		50% {
			opacity: 0.3;
		}
		100% {
			opacity: 1;
			-webkit-transform: translateX(0);
		}
	}
	
	.fadeInLeftSlow.go {
		-webkit-animation-name: fadeInLeftSlow;
		animation-name: fadeInLeftSlow;
	}
	
	.fadeInUp{
		opacity: 0;
		-webkit-transform: translateX(-400px) rotate(30deg);
		transform: translateX(-400px);
	}
	
	@keyframes fadeInUp{
		0% {
			opacity: 0;
			transform: translateY(500px) rotate(-30deg);
		}
		50% {
			opacity: 0.3;
		}
		100% {
			opacity: 1;
			transform: translateY(0) rotate(0deg);
		}
	}
	
	@-webkit-keyframes fadeInUp{
		0% {
			opacity: 0;
			-webkit-transform: translateY(500px);
		}
		50% {
			opacity: 0.3;
		}
		100% {
			opacity: 1;
			-webkit-transform: translateY(0);
		}
	}
	
	.fadeInUp.go {
		-webkit-animation-name: fadeInUp;
		animation-name: fadeInUp;
	}

	.fadeInRight{
		opacity: 0;
		-webkit-transform: translateX(200px);
		transform: translateX(200px);
		-webkit-animation-duration: 1.5s;
		animation-duration: 1.5s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
	}
	
	@keyframes fadeInRight{
		0% {
			opacity: 0;
			transform: translateX(5000px);
		}
		50% {
			opacity: 0.3;
		}
		100% {
			opacity: 1;
			transform: translateX(0);
		}
	}
	
	@-webkit-keyframes fadeInRight{
		0% {
			opacity: 0;
			-webkit-transform: translateX(5000px);
		}
		50% {
			opacity: 0.3;
		}
		100% {
			opacity: 1;
			-webkit-transform: translateX(0);
		}
	}
	
	.fadeInRight.go {
		-webkit-animation-name: fadeInRight;
		animation-name: fadeInRight;
	}
	
.heroslider{
	height: calc(100vh - 145px);
	max-height: 900px;
	color: #fff;
	font-family: "Lato Black";
	font-size: 30px;
	margin: 0 auto;
}

	.heroslider .content{
		height: 100%;
	}

	.heroslider .bigContainer{
		height: 100%;
		width: 100%;
		display: table;
	}

	.heroslider .littleContainer{
		display: table-cell;
		vertical-align: middle;
		text-align: center;
		height: 100%;
		width: 100%;
	}
	
	.heroslider .backgroundHeader{
		background: #0066b3;
		font-size: 51px;
		font-family: "Oswald Regular";
		text-transform: uppercase;
		display: inline-block;
		padding: 0 15px;
	}
	
	.heroslider .nobgHeader{
		font-size: 40px;
		font-family: "Oswald Regular";
		text-transform: uppercase;
	}
	
	.heroslider .shadowText{
		font-family: "Lato Bold";
		font-size: 15px;
		text-shadow: 2px 3px 10px #000;
		max-width: 670px;
		margin:0 auto;
		margin-top: 15px;
	}
	
	.heroslider .bgShadowText{
		font-family: "Lato Bold";
		font-size: 15px;
		max-width: 915px;
		margin:0 auto;
		margin-top: 15px;
		padding: 10px;
		background: #0066b3;
	}
	
	.heroslider .button{
		background: #dfe0e0;
		border: 2px solid #fff;
		text-transform: uppercase;
		font-size: 13px;
		font-family: "Lato Bold";
		margin: 15px;
		padding: 10px 15px;
		transition: all 0.4s ease;
	}
	
	.heroslider .button:hover{
		background: #0066b3;
		border: 2px solid #0066b3;
		color: #fff;
		transition: all 0.3s linear;
	}
	
#heroslider .content{
		height: 100%;
	}

	#heroslider .bigContainer{
		height: 100%;
		width: 100%;
		display: table;
	}

	#heroslider .littleContainer{
		display: table-cell;
		vertical-align: middle;
		text-align: center;
		height: 100%;
		width: 100%;
	}
	
	#heroslider .backgroundHeader{
		background: #0066b3;
		font-size: 51px;
		font-family: "Oswald Regular";
		text-transform: uppercase;
		display: inline-block;
		padding: 0 15px;
	}
	
	#heroslider .button{
		background: #dfe0e0;
		border: 2px solid #fff;
		text-transform: uppercase;
		font-size: 13px;
		font-family: "Lato Bold";
		margin: 15px;
		padding: 10px 15px;
		transition: all 0.4s ease;
	}
	
	#heroslider .button:hover{
		background: #0066b3;
		border: 2px solid #0066b3;
		color: #fff;
		transition: all 0.3s linear;
	}
	
#heroslider{
	color: #fff;
}
	
	#heroslider .nobgHeader{
		font-size: 40px;
		font-family: "Oswald Regular";
		text-transform: uppercase;
	}
	
	#heroslider .shadowText{
		font-family: "Lato Bold";
		font-size: 15px;
		text-shadow: 2px 3px 10px #000;
		max-width: 670px;
		margin:0 auto;
		margin-top: 15px;
	}
	
	#heroslider .bgShadowText{
		font-family: "Lato Bold";
		font-size: 15px;
		max-width: 915px;
		margin:0 auto;
		margin-top: 15px;
		padding: 10px;
		background: #0066b3;
	}
	
	#heroslider .button{
		background: #dfe0e0;
		border: 2px solid #fff;
		text-transform: uppercase;
		font-size: 13px;
		font-family: "Lato Bold";
		margin: 15px;
		margin-top: 30px;
		padding: 10px 15px;
		transition: all 0.4s ease;
	}
	
	#heroslider .button:hover{
		background: #0066b3;
		border: 2px solid #0066b3;
		color: #fff;
		transition: all 0.3s linear;
	}

	#heroslider .buttons{
		margin-top: 25px;
	}

.animated { 
    -webkit-animation-duration: 1s; 
    animation-duration: 1s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
}

/*******************
* rotateInDownLeft *
*******************/
@-webkit-keyframes rotateInDownLeft { 
    0% { 
        -webkit-transform-origin: left bottom; 
        -webkit-transform: rotate(-90deg); 
        opacity: 0; 
    } 
    100% { 
        -webkit-transform-origin: left bottom; 
        -webkit-transform: rotate(0); 
        opacity: 1; 
    } 
} 
@keyframes rotateInDownLeft { 
    0% { 
        transform-origin: left bottom; 
        transform: rotate(-90deg); 
        opacity: 0; 
    } 
    100% { 
        transform-origin: left bottom; 
        transform: rotate(0); 
        opacity: 1; 
    } 
} 
.rotateInDownLeft.go { 
    -webkit-animation-name: rotateInDownLeft; 
    animation-name: rotateInDownLeft; 
}

/********************
* rotateInUpRight *
********************/

@-webkit-keyframes rotateInUpRight { 
    0% { 
        -webkit-transform-origin: right bottom; 
        -webkit-transform: rotate(-90deg); 
        opacity: 0; 
    } 
    100% { 
        -webkit-transform-origin: right bottom; 
        -webkit-transform: rotate(0); 
        opacity: 1; 
    } 
} 
@keyframes rotateInUpRight { 
    0% { 
        transform-origin: right bottom; 
        transform: rotate(-90deg); 
        opacity: 0; 
    } 
    100% { 
        transform-origin: right bottom; 
        transform: rotate(0); 
        opacity: 1; 
    } 
} 
.rotateInUpRight.go { 
    -webkit-animation-name: rotateInUpRight; 
    animation-name: rotateInUpRight; 
}


/***********
* bounceIn *
************/
@-webkit-keyframes bounceIn { 
    0% { 
        opacity: 0; 
        -webkit-transform: scale(.3); 
    } 

    50% { 
        opacity: 1; 
        -webkit-transform: scale(1.05); 
    } 

    70% { 
        -webkit-transform: scale(.9); 
    } 

    100% { 
         -webkit-transform: scale(1); 
    } 
} 

@keyframes bounceIn { 
    0% { 
        opacity: 0; 
        transform: scale(.3); 
    } 

    50% { 
        opacity: 1; 
        transform: scale(1.05); 
    } 

    70% { 
        transform: scale(.9); 
    } 

    100% { 
        transform: scale(1); 
    } 
} 

.bounceIn.go { 
    -webkit-animation-name: bounceIn; 
    animation-name: bounceIn;
	-webkit-animation-delay: 0.7s; /* Safari 4.0 - 8.0 */
    animation-delay: 0.7s;
}

/****************
* bounceInRight *
****************/

@-webkit-keyframes bounceInRight { 
    0% { 
        opacity: 0; 
        
        -webkit-transform: translateX(400px); 
    } 
    60% { 
        
        -webkit-transform: translateX(-30px); 
    } 
    80% { 
        -webkit-transform: translateX(10px); 
    } 
    100% {
    opacity: 1;
     
        -webkit-transform: translateX(0); 
    } 
} 

@keyframes bounceInRight { 
    0% { 
        opacity: 0; 
        
        transform: translateX(400px); 
    } 
    60% { 
        
        transform: translateX(-30px); 
    } 
    80% { 
        transform: translateX(10px); 
    } 
    100% {
    opacity: 1;
     
        transform: translateX(0); 
    } 
} 


.bounceInRight.go { 
    -webkit-animation-name: bounceInRight; 
    animation-name: bounceInRight; 
}


/******************
* Bounce in up *
*******************/

@-webkit-keyframes bounceInUp { 
    0% { 
        opacity: 0; 
        
        -webkit-transform: translateY(400px); 
    } 
    60% { 
       
        -webkit-transform: translateY(-30px); 
    } 
    80% { 
        -webkit-transform: translateY(10px); 
    } 
    100% {
        opacity: 1;
         
        -webkit-transform: translateY(0); 
    } 
} 

@keyframes bounceInUp { 
    0% { 
        opacity: 0; 
        
        transform: translateY(400px); 
    } 
    60% { 
       
        transform: translateY(-30px); 
    } 
    80% { 
        transform: translateY(10px); 
    } 
    100% {
        opacity: 1;
         
        transform: translateY(0); 
    } 
} 

.bounceInUp.go { 
    -webkit-animation-name: bounceInUp; 
    animation-name: bounceInUp;
	-webkit-animation-delay: 0.7s; /* Safari 4.0 - 8.0 */
    animation-delay: 0.7s;
}

/******************
* Bounce in down *
*******************/

@-webkit-keyframes bounceInDown { 
    0% { 
        opacity: 0; 
        
        -webkit-transform: translateY(-400px); 
    } 
    60% { 
       
        -webkit-transform: translateY(30px); 
    } 
    80% { 
        -webkit-transform: translateY(-10px); 
    } 
    100% {
        opacity: 1;
         
        -webkit-transform: translateY(0); 
    } 
} 

@keyframes bounceInDown { 
    0% { 
        opacity: 0; 
        
        transform: translateY(-400px); 
    } 
    60% { 
       
        transform: translateY(30px); 
    } 
    80% { 
        transform: translateY(-10px); 
    } 
    100% {
        opacity: 1;
         
        transform: translateY(0); 
    } 
} 

.bounceInDown.go { 
    -webkit-animation-name: bounceInDown; 
    animation-name: bounceInDown; 
}

/***************
* lightSpeedInRight *
****************/
@-webkit-keyframes lightSpeedInRight { 
   0% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; } 
    60% { -webkit-transform: translateX(-20%) skewX(30deg); opacity: 1; } 
    80% { -webkit-transform: translateX(0%) skewX(-15deg); opacity: 1; } 
    100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } 
} 
@keyframes lightSpeedInRight { 
    0% { transform: translateX(100%) skewX(-30deg); opacity: 0; } 
    60% { transform: translateX(-20%) skewX(30deg); opacity: 1; } 
    80% { transform: translateX(0%) skewX(-15deg); opacity: 1; } 
    100% { transform: translateX(0%) skewX(0deg); opacity: 1; } 
} 
.lightSpeedInRight.go { 
    -webkit-animation-name: lightSpeedInRight; 
    animation-name: lightSpeedInRight; 
    -webkit-animation-timing-function: ease-out; 
    animation-timing-function: ease-out; 
} 

/***************
* lightSpeedInLeft *
****************/
@-webkit-keyframes lightSpeedInLeft { 
   0% { -webkit-transform: translateX(-100%) skewX(30deg); opacity: 0; } 
    60% { -webkit-transform: translateX(20%) skewX(-30deg); opacity: 1; } 
    80% { -webkit-transform: translateX(0%) skewX(15deg); opacity: 1; } 
    100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } 
} 
@keyframes lightSpeedInLeft { 
    0% { transform: translateX(-100%) skewX(30deg); opacity: 0; } 
    60% { transform: translateX(20%) skewX(-30deg); opacity: 1; } 
    80% { transform: translateX(0%) skewX(15deg); opacity: 1; } 
    100% { transform: translateX(0%) skewX(0deg); opacity: 1; } 
} 
.lightSpeedInLeft.go { 
    -webkit-animation-name: lightSpeedInLeft; 
    animation-name: lightSpeedInLeft; 
    -webkit-animation-timing-function: ease-out; 
    animation-timing-function: ease-out; 
} 
/**********
* flipInX *
**********/
@-webkit-keyframes flipInX { 
    0% { 
        -webkit-transform: perspective(400px) rotateX(90deg); 
        opacity: 0; 
    } 
    40% { 
        -webkit-transform: perspective(400px) rotateX(-10deg); 
    } 
    70% { 
        -webkit-transform: perspective(400px) rotateX(10deg); 
    } 
    100% { 
        -webkit-transform: perspective(400px) rotateX(0deg); 
        opacity: 1; 
    } 
} 
@keyframes flipInX { 
    0% { 
        transform: perspective(400px) rotateX(90deg); 
        opacity: 0; 
    } 
    40% { 
        transform: perspective(400px) rotateX(-10deg); 
    } 
    70% { 
        transform: perspective(400px) rotateX(10deg); 
    } 
    100% { 
        transform: perspective(400px) rotateX(0deg); 
        opacity: 1; 
    } 
} 
.flipInX.go { 
    -webkit-backface-visibility: visible !important; 
    -webkit-animation-name: flipInX; 
    backface-visibility: visible !important; 
    animation-name: flipInX; 
}

/**********
* flipInY *
**********/

@-webkit-keyframes flipInY { 
    0% { 
        -webkit-transform: perspective(400px) rotateY(90deg); 
        opacity: 0; 
    } 
    40% { 
        -webkit-transform: perspective(400px) rotateY(-10deg); 
    } 
    70% { 
        -webkit-transform: perspective(400px) rotateY(10deg); 
    } 
    100% { 
        -webkit-transform: perspective(400px) rotateY(0deg); 
        opacity: 1; 
    } 
} 
@keyframes flipInY { 
    0% { 
        transform: perspective(400px) rotateY(90deg); 
        opacity: 0; 
    } 
    40% { 
        transform: perspective(400px) rotateY(-10deg); 
    } 
    70% { 
        transform: perspective(400px) rotateY(10deg); 
    } 
    100% { 
        transform: perspective(400px) rotateY(0deg); 
        opacity: 1; 
    } 
} 
.flipInY.go { 
    -webkit-backface-visibility: visible !important; 
    -webkit-animation-name: flipInY; 
    backface-visibility: visible !important; 
    animation-name: flipInY; 
}