@charset "utf-8";

	nav{
		position:absolute;
		top:0;
		left:70px;
		line-height: 3em;
	}
	.main.full{
		height:100%;
		margin:0;
		padding:0;
		text-align:center;
	}
	.main.full:before {
		content: '';
		display: inline-block;
		vertical-align: middle;
		height: 100%;
	}
	.header{
		height:60px;
		position:fixed;
		left:0;
		top:0;
		z-index:999;
		width:100%;
		background:linear-gradient(left,#426ab2,#317fc1,#2870b3,#023f87);
		background:-moz-linear-gradient(left,#426ab2,#317fc1,#2870b3,#023f87);
		background:-webkit-linear-gradient(left,#426ab2,#317fc1,#2870b3,#023f87);
	}
	.shadow{
		-webkit-box-shadow: 0 0 8px 1px #58585b;
		-moz-box-shadow: 0 0 8px 1px #58585b;
		box-shadow: 0 0 8px 1px #58585b;
	}
	.header img{
		padding:8px 10px;
	}

	.menu{
		padding:8px 10px;
	}
	.menu li{
		display:inline-block;
		text-align:left;
		vertical-align: middle;
		padding:0px 30px;
		font-size:16px;
		font-weight: bold;
		color:#b3b3b3;
	}
	.menu li a,.menu li a:link,.menu li a:visited,.menu li a:active{
		color:#b3b3b3;
	}
	.menu li a:hover{
		color:#ff6600;
	}

	.service li{
		display:inline-block;
		text-align:left;
		vertical-align: middle;
		font-size:18px;
		font-weight: bold;
		color:#58585b;
		margin-top:10px;
		padding:30px 20px;
	}
	.service li a,.service li a:link,.service li a:visited,.service li a:active{
		color:#58585b;
	}
	.service li a{
		padding:4px 10px;
		border:2px #fff solid;
	}
	.service li a:hover{
		border:2px #426ab3 solid;
		border-radius: 30px;
	}
	.service .imeages{
		width:100%;
		vertical-align: bottom;
	}
	.service .images img{
		vertical-align:bottom;
	}
	.service .images img.a1{
		width:35%;
	}

	.service .images img.a2{
		width:40%;
	}

	.service .images img.a3{
		width:20%;
	}

	.index {
		background: url(../images/background_01.png) center center fixed no-repeat;
	 -webkit-background-size: cover;
	 -moz-background-size: cover;
	 -o-background-size: cover;
	 background-size: cover;
	}		
	.about {
		background: url(../images/background_02.png) center center fixed no-repeat;
	 -webkit-background-size: cover;
	 -moz-background-size: cover;
	 -o-background-size: cover;
	 background-size: cover;
	}	
	.contact{
		background: url(../images/background_03.png) center center fixed no-repeat;
	 -webkit-background-size: cover;
	 -moz-background-size: cover;
	 -o-background-size: cover;
	 background-size: cover;
	}

	.line{
		margin:30px auto 20px auto;
		border:1px #fff solid;
		background-color:#fff;
		height:4px;
		border-radius: 2px;
	}
	.container {
		margin-left: auto;
		margin-right: auto;
	}

	.container.\31 25\25 {
		width: 100%;
		max-width: 1800px;
		min-width: 1440px;
	}

	.container.\37 5\25 {
		width: 1080px;
	}

	.container.\35 0\25 {
		width: 720px;
	}

	.container.\32 5\25 {
		width: 360px;
	}

	.container {
		width: 1440px;
	}

	.submit:hover{
		color:#ff6600;
		cursor: pointer;
	}
	.main .content {
		display: inline-block;
		vertical-align: middle;
	}
	.index .content h1{
		font-size:60px;
		color:#fff;
	}
	.index .content h2{
		font-size:40px;
		color:#fff;
	}

	.service .content h2{
		color:#58585b;
		font-size:32px;
		font-weight: bold;
		padding-bottom:20px;
	}

	.service .content p{
		color:#b3b3b3;
		font-size:16px;
	}

	.about .content{
		position: relative;
	}
	.about .content .images{
		position: relative;
		text-align:left;
	}
	.about .content .images a{
		font-size: 18px;
		line-height: 30px;
		text-align:center;
		position: absolute;
	}
	.about .content .images a,.about .content .images a:visited,.about .content .images a:link,.about .content .images a:active{
		color:#58585b;
	}
	.about .content .images a:hover{
		color:#ff6600;
	}
	.about .content .images a.a1{
		top:24%;
		left:12%;
	}
	.about .content .images a.a2{
		top:30%;
		left:33%;
	}
	.about .content .images a.a3{
		top:54%;
		left:16%;
	}
	.about .content .images a.a4{
		top:60%;
		left:38%;
	}
	.about .content .images img{
		width:70%;
		vertical-align: middle;
	}
	.about .content .text{
		position: absolute;
		right:0;
		top:3em;
		width:45%;
		text-align:left;
		line-height:30px;
		color:#fff;
	}
	.about .content .text h2{
		font-size:32px;
		padding-bottom:30px;
	}
	.about .content .text p{
		font-size:16px;
	}

	.client .content h2{
		color:#58585b;
		font-size:32px;
		font-weight: bold;
		padding-bottom:20px;
	}

	.client .content p{
		color:#58585b;
		font-size:16px;
		width:70%;
		margin-left:auto;
		margin-right:auto;
		line-height: 30px;
	}

	.client .content .images{
		text-align:left;
		margin-top:30px;
	}

	.client .content .images img{
		width:9%;
		padding:10px 8px;
	}

	.contact .content h2{
		color:#fff;
		font-size:32px;
		font-weight: bold;
		padding-bottom:20px;
	}
	.contact .content .form{
		color:#fff;
		font-size:16px;
		line-height:30px;
		text-align: left;
		width:35%;
		float:left;
    padding:150px 50px 50px 60px;
    border-radius: 10px;
    background:linear-gradient(left,#426ab2,#317fc1,#2870b3,#023f87);
    background:-moz-linear-gradient(left,#426ab2,#317fc1,#2870b3,#023f87);
    background:-webkit-linear-gradient(left,#426ab2,#317fc1,#2870b3,#023f87);
    position: relative;
	}
	.contact .content .form .submit{
		clear:both;
		text-align:center;
		padding:18px 0px;
	}
	.contact .content .form .images{
		background-image: url('../images/PNG-icon-19.png');
		width:224px;
		height:208px;
		display:block;
		position: absolute;
		left:-14px;
		top:-11px;
	}

	.contact .content .form input,.contact .content .form textarea{
		width:100%;
		padding:0px 8px;
	}
	.contact .content .text iframe{
		border:0;width:100%;height:300px;
	}
	.contact .content .text{
		text-align: left;
		width:50%;
		float:right;
	}

	.contact .content .text p{
		color:#fff;
		font-size:16px;
		line-height:30px;
		padding:10px 0px;
	}

	.innerContent{
		background:linear-gradient(left,#426ab2,#317fc1,#2870b3,#023f87);
		background:-moz-linear-gradient(left,#426ab2,#317fc1,#2870b3,#023f87);
		background:-webkit-linear-gradient(left,#426ab2,#317fc1,#2870b3,#023f87);
		padding:20px;
	}

	.innerContent h3{
		color:#58585b;
		padding:8px 0;
		background-color:#fff;
		width:200px;
		text-align:center;
		font-size:18px;
		font-weight:bold;
		border-radius: 30px;
		margin:10px;
	}
	.innerContent h4{
		color:#fff;
		padding:8px 0;
		background-color:#023f87;
		width:80px;
		text-align:center;
		font-size:16px;
		border-radius: 30px;
		margin:10px;
	}
	.innerContent p{
		line-height: 120%;
		font-size: 16px;
		color:#fff;
		margin:0px 20px 30px 20px;
	}

	@media screen and (max-width: 1920px) {
		.line{
			width:38%;
		}
		.container.\31 25\25 {
			width: 100%;
			max-width: 1700px;
			min-width: 1360px;
		}

		.container.\37 5\25 {
			width: 1020px;
		}

		.container.\35 0\25 {
			width: 680px;
		}

		.container.\32 5\25 {
			width: 340px;
		}

		.container {
			width: 1360px;
		}

	}

	@media screen and (max-width: 1680px) {
		.line{
			width:38%;
		}
		.container.\31 25\25 {
			width: 100%;
			max-width: 1500px;
			min-width: 1200px;
		}

		.container.\37 5\25 {
			width: 900px;
		}

		.container.\35 0\25 {
			width: 600px;
		}

		.container.\32 5\25 {
			width: 300px;
		}

		.container {
			width: 1200px;
		}

	}

	@media screen and (max-width: 1280px) {
		.line{
			width:50%;
		}
		.container.\31 25\25 {
			width: 100%;
			max-width: 1200px;
			min-width: 960px;
		}

		.container.\37 5\25 {
			width: 720px;
		}

		.container.\35 0\25 {
			width: 480px;
		}

		.container.\32 5\25 {
			width: 240px;
		}

		.container {
			width: 960px;
		}

	}
	@media all and (orientation:portrait){
		.service .images img.a1{
			width:70%;
		}

		.service .images img.a2{
			width:70%;
		}

		.service .images img.a3{
			width:28%;
		}
	}
	@media screen and (max-width: 1000px) {
		.line{
			width:50%;
		}
		.container.\31 25\25 {
			width: 100%;
			max-width: 118.75%;
			min-width: 95%;
		}

		.container.\37 5\25 {
			width: 71.25%;
		}

		.container.\35 0\25 {
			width: 47.5%;
		}

		.container.\32 5\25 {
			width: 23.75%;
		}

		.container {
			width: 95%;
		}

	}

	@media screen and (max-width: 736px) {
		.line{
			width:50%;
		}
		.container.\31 25\25 {
			width: 100%;
			max-width: 118.75%;
			min-width: 95%;
		}

		.container.\37 5\25 {
			width: 71.25%;
		}

		.container.\35 0\25 {
			width: 47.5%;
		}

		.container.\32 5\25 {
			width: 23.75%;
		}

		.container {
			width: 95%;
		}

	}

	@media screen and (max-width: 480px) {
		.line{
			width:50%;
		}
		.container.\31 25\25 {
			width: 100%;
			max-width: 118.75%;
			min-width: 95%;
		}

		.container.\37 5\25 {
			width: 71.25%;
		}

		.container.\35 0\25 {
			width: 47.5%;
		}

		.container.\32 5\25 {
			width: 23.75%;
		}

		.container {
			width: 95% !important;
		}

	}

	@media only screen 
	  and (min-device-width: 320px) 
	  and (max-device-width: 480px)
	  and (-webkit-min-device-pixel-ratio: 2)
	  and (orientation: portrait) {
	  	body{font-family: 'Helvetica';}
	  	.menu li{font-size:20px;}
	  	.index .content h1,.service .content h2,.client .content h2,.about .content .text h2,.contact .content h2{font-size:8em;}
	  	.index .content h2{font-size:4.2em;}
	  	.service .content p,.service li,.client .content p,.about .content .text p,.contact .content .text p{font-size:2.8em;line-height:120%;}
	  	.client .content .images img{width:15%;}
	  	.about .content .text{position: static;width:100%;}
	  	.about .content .images img{width:100%;margin-bottom:20px;}
	  	.about .content .images a{font-size:2em;}
	  	.about .content .images a.a1{left:15%;}
	  	.about .content .images a.a2{left:45%;}
	  	.about .content .images a.a3{left:20%;}
	  	.about .content .images a.a4{left:48%;}
	  	.contact .content .text{float:none;width:100%;}
	  	.contact .content .form{width:80%;margin:1em 0;font-size:2em;}
	  	.contact .content .text iframe{height:130px;}
	  	section.index,section.about,section.contact{background-color:#2870b3;background-image: none;}
	}

	@media only screen 
	  and (min-device-width: 320px) 
	  and (max-device-width: 736px)
	  and (-webkit-min-device-pixel-ratio: 2)
	  and (orientation: landscape) {
	  	body{font-family: 'Helvetica';}
	  	.contact .content .form{padding-bottom:10px;}
	  	.contact .content .text{width:40%;}
	  	.contact .content .text p{line-height: 100%}
	  	.client .content .images img{width:7%;}
	  	.contact .content .form .images {display:none;}
	  	.contact .content .form {padding-top:1em;}
	  	.contact .content .text iframe{height:150px;}
	  	section.index,section.about,section.contact{background-color:#2870b3;background-image: none;}
	}