@font-face{
	font-family: 'Lato Bold';
	src: url('/fonts/Lato-Bold.ttf');
	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family: 'Lato Light';
	src: url('/fonts/Lato-Light.ttf');
	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family: 'Lato Regular';
	src: url('/fonts/Lato-Regular.ttf');
	font-weight: normal;
	font-style: normal;
}
a:hover,a:focus,a:active{
	text-decoration: none;
	color: #fff012;
	transition: color 0.3s ease;
}
#myBtn {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 20px; /* Place the button at the bottom of the page */
    right: 30px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: red; /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 15px; /* Some padding */
    border-radius: 10px; /* Rounded corners */
}

#myBtn:hover {
    background-color: #555; /* Add a dark-grey background on hover */
}

#hero{
	background: url('/img/mask.png');
	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;
box-shadow: 0px -17px 15px 18px #000;
}

#hero #smallText{
	color:#fff;
	font-family: Lato Light;
	font-size:20px;
}

#hero #button1{
	padding-left: 36px;
    padding-right: 36px;
    padding-top: 13px;
    padding-bottom: 13px;
    color: #fff;

    font-family: "Lato Bold";
    font-size: 14px;
    border: 2px solid #fff;
    border-radius: 3px;
    margin: 15px;
    transition: all 0.2s ease-in-out;

}
#hero #button2{
	padding-left: 27px;
    padding-right: 27px;
    padding-top: 13px;
    padding-bottom: 13px; 
    color: #fff;
    font-family: "Lato Bold";
    font-size: 14px;
    border: 2px solid #fff;
    border-radius: 3px;
    margin: 15px;
    transition: all 0.2s ease-in-out;
}

#hero #button1:hover{
	color: #fff;
	
	transition: all 0.2s ease;
	background: #1670b9;
}
#hero #button2:hover{
	color: #fff;	
	transition: all 0.2s ease;
	background: #1670b9;
}

a div.proiect {
	color:#000;
}
#doing-div h1{
	padding-top:70px;
	padding-bottom:70px;
	font-family:Lato Bold;
	font-size:24px;
	color:#000;
	    text-align: center;
	
}
.list{
	    padding-bottom: 5px;

}
.list a{
	color:#555;
	 font-family: "Lato Bold";
	 font-size: 15px;
}
.list a:hover{
	color:#fff012;
	transition:ease;
}
.dcdcdc{
	 font-family: "Lato Bold";
	 font-size: 15px;
	 text-align: center;
}
.table tr{
	font-family:"Lato Regular";
}


.big-text{
	font-family: "Lato Bold";
	font-size:16px;
	padding-top: 30px;
	padding-bottom:11px;
	color:#000;
}
.small-text{
	font-family: "Lato Regular";
	color:#909090;
	color:#909090;
}
#stire1 a{
	background: #fff012;
    padding: 13px;
    border-radius: 2px;
	transition: all 0.3s ease;
}
#stire1 a:hover{
	color: #fff;	
	transition: all 0.4s ease;
	background: #1670b9;
}
#stire2 a{
	background: #fff012;
    padding: 13px;
    border-radius: 2px;
	transition: all 0.3s ease;
}
#stire2 a:hover{
	color: #fff;	
	transition: all 0.4s ease;
	background: #1670b9;
}
#stire3 a{
	background: #fff012;
    padding: 13px;
    border-radius: 2px;
	transition: all 0.3s ease;
}
#stire3 a:hover{
	color: #fff;	
	transition: all 0.4s ease;
	background: #1670b9;
}
.mission-big{
	color:#fff;
	font-family:"Lato Bold";
	font-size:24px;
	padding-left:80px;
	    text-align: center;
}
.mission-small{
	color:#fff;
	font-size:15px;
	font-family:"Lato Regular";
	padding-left:153px;
	padding-right:76px;
	text-align:justify;
}
.bg{
	
	margin-top: 260px
}
.bg #bg1{
	font-family: "Lato Bold";
	font-size:24px;
	text-align:center;
	color:#fff;
	padding-top:70px;
}
.bg #bg2{
	font-family: "Lato Regular";
	font-size:14px;
	color:#fff;
	padding-top: 10px;
    padding-left: 36px;
    padding-right: 37px;
	    text-align: center;
	}
.perdea{
	background: rgba(0,0,0,0.0);
	height:100%;
	width:100%;
	opacity:0;
	transition: all 0.4s ease;
}
.perdea:hover{
	background: rgba(0,0,0,0.7);
	opacity: 1;
	transition: all 0.4s ease;
}
#title-text{
	font-family:'Lato Bold';
	font-size:16px;
	padding-top:170px;
	text-align:center;
	color:#fff;
	
}
#descr-text{
	font-family:'Lato Light';
	font-size:14px;
	padding-top:17px;
	text-align:center;
	color:#fff012;
}
#titlu{
	font-family:'Lato Bold';
	font-size:24px;	
	color:#000;
	padding-bottom: 35px;
	text-align: center;
}
#descrie{
	font-family:'Lato Light';
	font-size:14px;
	color:#a6a6a6;
	padding-bottom: 70px;
}#tabel td{	line-height:1;}

	#description{	
    color: #fff; 
	font-family: Lato Bold; 
	font-size: 16px;}
	
	#bigText{	color:#fff;
	font-family: Lato Bold;	
	font-size:43px;
	text-shadow: 2px 5px 14px #000000;}
	
	#onest{	    
	color: #fff;  
	font-family: "Lato Bold";   
	font-size: 24px;    
	padding-left: 80px; 
	padding-top: 60px;
	text-align: center;}
	
	#consult{	   
	color: #fff; 
	font-family: "Lato Regular"; 
	font-size: 16px;  
	padding-left: 80px; 
	padding-top: 110px;
	text-align: center;}

	
		.animated{

		-webkit-animation-duration: 1s;

		animation-duration: 1s;

		-webkit-animation-fill-mode: both;

		animation-fill-mode: both;

	}

	

	.fadeInLeft{

		opacity: 0;

		-webkit-transform: translateX(-1200px);

		transform: translateX(-1200px);
		
		 animation-delay: 1s;

	}

	

	@keyframes fadeInLeft{

		0% {

			opacity: 0;

			transform: translateX(-1200px);

		}

		50% {

			opacity: 0.3;

		}

		100% {

			opacity: 1;

			transform: translateX(0);

		}

	}

	

	@-webkit-keyframes fadeInLeft{

		0% {

			opacity: 0;

			-webkit-transform: translateX(-1200px);

		}

		50% {

			opacity: 0.3;

		}

		100% {

			opacity: 1;

			-webkit-transform: translateX(0);

		}

	}

	

	.fadeInLeft.go {

		-webkit-animation-name: fadeInLeft;

		animation-name: fadeInLeft;

	}

	

	.fadeInUp{

		opacity: 0;

		-webkit-transform: translateX(-400px);

		transform: translateX(-400px);
		
		animation-delay: 1s;

	}

	

	@keyframes fadeInUp{

		0% {

			opacity: 0;

			transform: translateY(500px);

		}

		50% {

			opacity: 0.3;

		}

		100% {

			opacity: 1;

			transform: translateY(0);

		}

	}

	

	@-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;

	}

	

	.fadeInDown{

		opacity: 0;

		-webkit-transform: translateX(-400px);

		transform: translateX(-400px);

	}

	

	@keyframes fadeInDown{

		0% {

			opacity: 0;

			transform: translateY(-500px);

		}

		50% {

			opacity: 0.3;

		}

		100% {

			opacity: 1;

			transform: translateY(0);

		}

	}

	

	@-webkit-keyframes fadeInDown{

		0% {

			opacity: 0;

			-webkit-transform: translateY(-500px);

		}

		50% {

			opacity: 0.3;

		}

		100% {

			opacity: 1;

			-webkit-transform: translateY(0);

		}

	}

	

	.fadeInDown.go {

		-webkit-animation-name: fadeInDown;

		animation-name: fadeInDown;

	}

	

	.fadeInRight{

		opacity: 0;

		-webkit-transform: translateX(200px);

		transform: translateX(200px);

		-webkit-animation-duration: 1s;

		animation-duration: 1s;

		-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;

	}

	

	@-webkit-keyframes toggleDown{

		0%{

			-webkit-transform: translateY(0px);

		}

		25%{

			-webkit-transform: translateY(10px);

		}

		50%{

			-webkit-transform: translateY(0px);

		}

		75%{

			-webkit-transform: translateY(10px);

		}

		100%{

			-webkit-transform: translateY(0px);

		}

	}

	@-moz-keyframes toggleDown{

		0%{

			-moz-transform: translateY(0px);

		}

		25%{

			-moz-transform: translateY(10px);

		}

		50%{

			-moz-transform: translateY(0px);

		}

		75%{

			-moz-transform: translateY(10px);

		}

		100%{

			-moz-transform: translateY(0px);

		}

	}

	@keyframes toggleDown{

		0%{

			transform: translateY(0px);

		}

		25%{

			transform: translateY(10px);

		}

		50%{

			transform: translateY(0px);

		}

		75%{

			transform: translateY(10px);

		}

		100%{

			transform: translateY(0px);

		}

	}
	
.back-to-top {
 
background: none;
 
margin: 0;
 
position: fixed;
 
bottom: 0;
 
right: 0;
 
width: 70px;
 
height: 70px;
 
z-index: 100;
 
display: none;
 
text-decoration: none;
 
color: #777;
 
} 
 
.back-to-top i {
 
  font-size: 39px;
 
}

@media only screen and (max-width: 1200px) {
	.bg{
	display:none;}
	.mission-small{
		padding-left:0px;
		padding-right:0px;
		margin-left:50px;
	margin-right:50px;}
	
	#onest{padding-left:0px;}
	#consult{padding-left:0px;}
	.mission-big{padding-left:0px;}
	#img1{display:none;}
}
@media only screen and (max-width: 420px) {
	#bigText{
		font-size:30px;
	}
	#hero #smallText{
		font-size:15px;
	}
}
#col1{
	
	vertical-align: middle;
	text-align:center;
}
#col2{
	
	vertical-align: middle;
	text-align:center; 
	float:right;"
}
@media only screen and (max-width: 768px) {
	#col1{
	display:center;
	}
	#col2{
		display:center;
		float:none;
	}
	#doing-div h1{
		    padding-top: 60px;
    padding-bottom: 50px;
	}
	#hero{
		background-attachment:scroll;
		
	}
}