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


@import url(https://fonts.googleapis.com/css?family=Titillium+Web:400,300,600,700,700italic,600italic);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,400italic,500,500italic,700,700italic,900);



body { cursor:default; font-family: 'Roboto', sans-serif; color:#25282b}

.container { max-width:1400px;}

a { outline:none; text-decoration:none;}
a.btn { border-radius:99px; box-shadow:none !important; font-size:16px; font-weight:500; border:none; padding:16px 65px; background:#02a3ae; color:#fff;}
a.btn:hover { color:#fff; background:#00bbc8}


h1,h2,h3,h4,h5 { display:block; font-family: 'Titillium Web', sans-serif;}

.modal { background:#077ea5}
.modal nav { text-align-last:center; font-family: 'Titillium Web', sans-serif; padding-top:100px;}
.modal nav a { display:block; font-size:50px; color:#fff; text-align:center; padding:20px 0 }


.header { background:#0078a0 url(../img/main.jpg) no-repeat top center; height:200px;}
	#home .header { height:800px;}
    .navy { display:block; padding-top:45px;}
     .logo { float:left}
	 .header h1 { display:none;}
	#home .header h1 { font-size:90px; font-weight:600; color:#fff; line-height:90px; padding-top:170px; display:block}
	#home .header h1 span { color:#1e242c; font-size:55px; display:block; font-weight:400; line-height:50px;}


a.btn-menu { float:right; background:#007aa3 url(../img/btn-menu.png) no-repeat center center; width:70px; height:70px; display:block; text-indent:-9999px;}
a.btn-menu:hover { background:#02a3ae url(../img/btn-menu.png) no-repeat center center;}

a.btn-close { float:right; background:#fff url(../img/btn-close.png) no-repeat center center; width:70px; height:70px; display:block; text-indent:-9999px; opacity:0.7}
a.btn-close:hover { opacity:1}


.points { text-align:center; padding:70px 0 120px 0;}
	.col-md-10 { font-size:17px; margin-bottom:100px;}
	.points .col-sm-4 { margin-bottom:50px;}
	.points .col-sm-4 h3 { font-size:20px;}
	.points .col-sm-4 .icon { margin-bottom:30px;}
	.points .col-sm-4 p { color:#82868c;}
	
	
.our-clients { margin-bottom:120px;}
	.our-clients .main { background:#18191d url(../img/our-clients.jpg) no-repeat center top; height:377px; padding-top:90px; margin-bottom:-180px;}
	.our-clients .main h2 { color:#fff; font-size:50px; font-weight:300;}
	.our-clients .main h2 strong { color:#077ea5; font-weight:300;}
	.our-clients .cont-a { background:#fff; box-shadow:10px 10px 60px rgba(0,0,0,0.2); margin-bottom:-330px; padding:0; z-index:50}
	.our-clients .cont-b { background:#077ea5;  padding:80px 30px 60px 0; z-index:10}
	.our-clients .cont-a .logo { width:25%; line-height:190px; position:relative; float:left; text-align:center;}
	.our-clients .cont-b p { color:#fff; font-size:16px; line-height:23px; display:block; margin-bottom:80px;}
	.our-clients .cont-b a.btn { background:none; border:solid 2px #fff; opacity:0.7}
	.our-clients .cont-b a.btn:hover { opacity:1}


.facts { background:url(../img/facts.jpg) no-repeat center center; min-height:800px;}
	.facts .col-sm-10 { margin-bottom:160px;}
	.facts .col-sm-10 p { text-align:center; font-size:20px;}
	.facts .bloc { height:190px; padding:20px;}
	.facts .bloc h2 { font-size:30px; font-weight:800;}
	.facts .bloc-a { background:#077ea5; color:#fff;}
	.facts .bloc-a p { font-size:18px;}
	.facts .bloc-b { background:#fff; color:#333;}
	
	
.footer { background:#eef0f2; line-height:200px;}
	.footer .logo { text-align: right}
	.footer .links { background:#3b4148; font-family: 'Titillium Web', sans-serif; padding-left:50px;}
	.footer .links a { color:#fff; margin-right:20px; opacity:0.5} 
	.footer .links a:hover { opacity:1; text-decoration:none;}
	
	
	


.subtitle { background:#02a3ae; padding:20px 0; margin-bottom:120px; box-shadow:inset 0 1px 5px rgba(0,0,0,0.4)}
	.subtitle h2 { display:block; margin:0; padding:0; color:#fff; font-size:40px; font-weight:600;}
	.subtitle h2 strong { color:#056369;font-weight:600;}
	

.content h1 { display:block; text-align:center; font-family: 'Roboto', sans-serif; color:#25282b; font-size:32px; font-weight:700; padding:0; margin:0 0 120px 0;}
.content h1 small { font-size:14px; display:block; font-weight:500; opacity:0.6; margin-bottom:15px;}


.content  h2 { display:block; padding:30px 0 0 0; margin:0 0 30px 0; font-size:24px; font-weight:700;}
.content p { color:#82868c; font-size:15px; line-height:23px; display:block; padding:0; margin:0 0 30px 0;}

.content ul { margin:0 0 30px 0; display:block; padding:0;}
.content ul li { color:#82868c; font-size:14px; line-height:20px; display:block; background:url(../img/li.jpg) 0px 7px no-repeat; padding:0 0 10px 15px;}

.content .bloque { margin-bottom:150px;}

.content .bloque a.btn { font-size:14px; font-weight:500; border:solid 2px #02a3ae; padding:14px 45px; background:#fff; color:#02a3ae;}

.call-to-action { background:#007aa3; text-align:center; padding:60px 0;}
	.call-to-action .btn { background:none; border:solid 2px #fff;}
	.call-to-action .btn:hover { background:#fff; color:#007aa3}


.bio { text-align:center !important; display:block; margin-bottom:70px;}
	.bio .picture { text-align:center}
	.bio .info {display:block; margin:-20px 0 0 0; color:#999 }
	.bio .info h3 { font-size:20px; font-weight:500; display:block; padding:0; margin-bottom:10px; color:#222}
	.bio .info a { display:block; text-align:center; padding-top:5px;}
	
.our-clients { padding:100px 0; background:url(../img/bg-clients.jpg) no-repeat center center; background-size:cover;}
.our-clients .col-md-2 { padding:5px;}
.our-clients .col-md-2 div { background:#fff; text-align:center; line-height:130px; box-shadow:3px 5px 15px rgba(0,0,0,0.1); opacity:0.6}
.our-clients .col-md-2 div:hover { opacity:1}
.our-clients .col-md-2 div img { width:80%}


form .form-control { border-radius:0; box-shadow:none !important; border:solid 1px #ccc; margin-bottom:30px; height:50px;}
form textarea.form-control { height:150px}
form .btn { border-radius:0;background:#007aa3; color:#fff; font-weight:bold; text-transform:uppercase; padding:15px 0}

@media screen and (max-width:1300px){ 

.header { background:#0078a0 url(../img/main.jpg) no-repeat top center; height:200px;}
	#home .header { height:600px;}
    .navy { padding-top:30px;}

	#home .header h1 { font-size:60px; font-weight:600; color:#fff; line-height:60px; padding-top:150px;}
	#home .header h1 span { color:#1e242c; font-size:50px; display:block; font-weight:400; line-height:50px;}
	
	
	

	.our-clients .cont-a .logo { line-height:150px;}
	.our-clients .cont-a .logo img { max-width:80%;}

.footer { background:#eef0f2; line-height:150px;}

}



@media screen and (max-width:768px){ 


a.btn { padding:14px 50px;}

.header { background:#0078a0 url(../img/main.jpg) no-repeat top center; height:200px;}
	#home .header { height:500px;}
    .navy { padding-top:30px;}
     .logo img { width:150px;}
	#home .header h1 { font-size:40px; font-weight:600; color:#fff; line-height:40px; padding-top:150px;}
	#home .header h1 span { color:#1e242c; font-size:30px; display:block; font-weight:400; line-height:40px;}
	
	
a.btn-menu { width:50px; height:50px; background-size:contain }
a.btn-menu:hover { width:50px; height:50px; background-size:contain}

a.btn-close {  width:50px; height:50px; background-size:contain }
a.btn-close:hover { opacity:1}


.modal nav { padding-top:80px;}
.modal nav a {font-size:30px; padding:10px 0 }



	.our-clients .main { background:#18191d url(../img/our-clients.jpg) no-repeat center top; height:377px; padding-top:40px; margin-bottom:-200px;}
	.our-clients .main h2 { color:#fff; font-size:30px; font-weight:300;}
	.our-clients .main h2 strong { color:#077ea5; font-weight:300;}
	.our-clients .cont-a {margin-bottom:0; padding:0; z-index:50}
	.our-clients .cont-a .logo { line-height:80px;}
	.our-clients .cont-a .logo img { max-width:80%;}
	.our-clients .cont-b { background:#077ea5;  padding:20px; z-index:10}
	.our-clients .cont-b p { margin-bottom:30px;}

.facts { padding:0 30px;}
.facts .col-sm-10 { margin-bottom:80px;}
.facts .bloc { margin-bottom:10px; box-shadow:0 5px 20px rgba(0,0,0,0.2)}


.footer { background:#eef0f2; line-height:100px;}
.footer .logo { text-align: center; float:none }
.footer .logo img { width:100px;}
.footer .links { background:#3b4148; font-family: 'Titillium Web', sans-serif; padding:0; text-align:center}
.footer .links a { color:#fff; margin-right:10px; opacity:0.5} 
.footer .links a:hover { opacity:1; text-decoration:none;}


}