@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,400i,700,700i');



/*



font-family: 'PT Sans', sans-serif;



*/



/* normal */

* { margin: 0px; padding: 0px; box-sizing: border-box; }

html, body { font-family: 'MYRIADPROREGULAR'; font-size: 12px; color: #8c806e; }

input, select, textarea { font-family: 'MYRIADPROREGULAR'; font-size: 12px; color: #8c806e; }

body { background: #fff; }

img { border: 0px; display: block; max-width: 100%; }

a, input { outline: none; text-decoration: none; transition: ease-in 0.3s; -webkit-transition: ease-in 0.3s; }

ul, li { margin: 0; padding: 0; list-style: none; }

p { color: #444444; font-size: 15px; line-height: 18px; font-family: 'MYRIADPROREGULAR'; }

.clear { clear: both; height: 0px; overflow: hidden; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; color: #0077cd; font-family: 'Abadi MT Condensed Extra'; text-transform: uppercase; }

h1 { font-size: 31px; line-height: 31px; }

h2 { font-size: 21px; line-height: 21px; }

h3 { font-size: 17px; line-height: 17px; }



input, button, select, textarea { border: 0; -webkit-appearance: none; border-radius: 0; -webkit-border-radius: 0; } 



header, footer, section, aside, nav, article { display: block; }



.centering { max-width: 1100px; margin: auto; position: relative; }



/* template  */

#template { position: relative; display: block; width: 100%; min-height: 100%; }



/* layout */

#layout { margin: 0 auto; width: 100%; }



	/* header */

	#header-part { position: relative; width: 100%; float: left; }

	

		.top-bar { width: 100%; float: left; border-top: 6px solid #2e86d1; }

		.top-bar .logo { padding-top: 2px; margin-left: 15px; float: left; }

		.top-bar .right { padding-top: 8px; margin-right: 10px; width: 716px; float: right; }

		.top-bar .ad { float: right; }

		

		/* nav bar */

		.nav-bar { margin-top: 22px; width: 100%; float: left; }

		.nav-bar li { padding: 0 14px 8px 9px; float: left;  font-family: 'PT Sans', sans-serif; font-weight: 600; position: relative; background: url(../images/menu-line.png) no-repeat right 10px; }

		.nav-bar li:last-child { padding-right: 0; background-image: inherit; }

		.nav-bar li a { color: #333; font-size: 15px; letter-spacing: 0.2px; }

		.nav-bar li:hover > a { color: #2e86d1; }

		.nav-bar li ul { width: 140px; position: absolute; top: 100%; left: 0; z-index: 999; opacity: 0; visibility: hidden; transition: ease-in 0.3s; -webkit-transition: ease-in 0.3s; border-radius: 2px; background: #0077cf; }

		.nav-bar li:hover ul { opacity: 1; visibility: visible; }

		.nav-bar li ul li { padding: 0; width: 100%; background-image: inherit; }

		.nav-bar li ul li a { padding: 5px 10px 5px 20px; display: block; color: #fff; }

		.nav-bar li ul li a:hover { color: #2e86d1; background: #fff; }

		.nav-bar a.mobilemenu { display: none; }

		.nav-bar a.close { display: none; }

		.nav-bar #menu { float: right; }

	

	/* banner bar */	

	.banner-bar { width: 100%; float: left; border-top: 2px solid #2e86d1; }

	.banner-bar .column { width: 100%; height: 256px; background-size: cover; }

	.banner-bar .slick-arrow { display: none !important; }

	.banner-bar .slick-dots { display: none !important; }

	

	/* content */

	#content-part { width: 100%; }

	

		/* center */

		#center-part { float: left; width: 100%; }

		

			/* service bar */

			.service-bar { margin-top: -124px; width: 100%; float: left; position: relative; z-index: 9999; }

			.service-bar ul { margin: 0 -11px; }

			.service-bar li { padding: 0 11px; width: 33.33%; float: left; }

			.service-bar li .box { border: 6px solid #fff; border-radius: 15px; min-height: 210px; overflow: hidden; transition: ease-in 0.3s; -webkit-transition: ease-in 0.3s; background-size: cover; }

			.service-bar li a { width: 100%; height: 210px; float: left; position: relative; font-family: 'Abadi MT Condensed Extra'; color: #fff;  }

			.service-bar li span { padding: 2px 0; width: 100%; text-transform: uppercase; text-align: center; font-size: 30px; display: block; position: absolute; bottom: 18px; left: 0; background: rgba(1,119,201,0.8); }

			

			/* content bar */

			.content-bar { padding: 15px 0 30px; width: 100%; float: left; }

			.content-bar .left { padding-right: 18px; margin-top: 10px; width: 100%; float: left; }

			

			

			.content-bar .centering { padding-left: 5px; }

			
		

			/* client bar */

			.client-bar { width: 100%; float: left; }

			.client-bar .top { padding: 4px 0 3px; width: 100%; overflow: hidden; background: #2e9cea; }

			.client-bar h2 { font-size: 31px; line-height: 32px; color: #fff; }

			.client-bar .bottom { padding: 20px 0 25px; width: 100%; overflow: hidden; background: #dddddd; }

			.client-bar .slick-arrow { display: none !important; }

			.client-bar .slick-dots { display: none !important; }

			.client-bar .slick-list { margin: 0 -1px; }

			.client-bar .item { padding: 0 9px; }

			.client-bar .item img { width: 100%; }

			

	/* footer part */

	#footer-part { overflow: hidden; width: 100%; }

	

		/* footer bar */

		.footer-bar { padding: 7px 0; overflow: hidden; width: 100%; text-align: center; background: #333333; }

		.footer-bar span { color: #2D85D1; font-size: 16px; font-family: 'DIN Condensed'; }

		.footer-bar span a { color: #2D85D1; }

		



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

	

	h1 {font-size: 27px; }

	h2 { font-size: 19px; line-height: 20px; }

	h3 { font-size: 16px; line-height: 16px; }



	.centering { padding: 0 15px; }	

	

	.top-bar .logo { padding-top: 15px; margin-left: 0; width: 140px; }

	.top-bar .right { margin-right: 0; width: 80%; }

	

	.nav-bar li a { letter-spacing: 0; font-size: 14px; }

	.nav-bar li { padding: 0 10px 8px 4px; }

	.nav-bar li ul li a { padding: 4px 10px 4px 14px }

	

	.service-bar li a { height: 178px; }

	.service-bar li .box { min-height: 175px; }

	.service-bar li span { font-size: 24px; }

	.service-bar li { padding: 0 6px; }

	.service-bar ul { margin: 0 -6px; }

	

	.content-bar .right { padding: 15px 10px 100px; width: 32%; }

	.content-bar .left { padding-right: 12px; width: 67%; }

	.content-bar a.btn { padding: 7px 18px; font-size: 17px; line-height: 19px; }

	.content-bar .bitmap { margin-top: 28px; }

	.content-bar .list a { height: 64px; }

	.content-bar .list .box { min-height: 75px; }

	

	.client-bar h2 { font-size: 26px; line-height: 30px; }

	

	

}



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

	

	.mm-menu.mm-current { display: none !important; }

	html.mm-opening .mm-slideout { transform: translate(0px, 0px) !important; -webkit-transform: translate(0px, 0px) !important; }

	html.mm-opened { overflow: visible !important; }

	html.mm-opened body { overflow: visible !important; }

	#mm-blocker { display: none !important; }

	

}



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



	.mm-opened a.close { display: block; }

	.nav-bar a.close { width: 50px; height: 20px; font-size: 0px; position: absolute; left: 15px; top: 6px; z-index: 8888; }

	.nav-bar a.close:before, .nav-bar a.close:after { width: 30px; height: 3px; display: block; position: absolute; left: 0px; top: 10px; content: ""; background: #fff; -webkit-transform: scale(1) rotate(45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -ms-transform: scale(1) rotate(45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); transform: scale(1) rotate(45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); }

	.nav-bar a.mobilemenu { display: block; }

	.nav-bar ul { display: none; }

	.nav-bar a.close:after { -webkit-transform: scale(1) rotate(-45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -ms-transform: scale(1) rotate(-45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); transform: scale(1) rotate(-45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); }



	.mobilemenu span { width: 30px; -webkit-transition: -webkit-transform .3s;transition:transform .3s; background: #fff; display: block; height: 3px; position: absolute; right: 0; top: 15px; }

	.mobilemenu span:before{ top: -10px; transition-property:top,transform; }

	.mobilemenu span:after,.mobilemenu span:before { background-color: #fff ; content: ""; display: block; height: 3px; left: 0; position: absolute; width: 100%; transition-duration:.3s,.3s; }

	.mobilemenu span:after{ bottom: -10px; transition-property:bottom,transform; }

	.mobilemenu { display: block; font-size: 16px; color: #fff ; height: 30px; margin-top: 2px; line-height: 32px; text-transform: uppercase; overflow: hidden; padding: 0 35px 0 0; position: absolute; right: 15px; top: 0px; width: 85px; z-index: 9999; }

	

	.top-bar .ad { display: none; }

	.top-bar .logo { padding: 10px; width: 100%; text-align: center; }

	.top-bar .logo img { width: 140px; display: inline-block; }

	.top-bar .right { width: 100%; height: 38px; background: #2e86d1; }

	.top-bar .centering { padding: 0; }

	.top-bar { border: 0; }

	

	.content-bar .left { padding-right: 0; width: 100%; }

	.content-bar .centering { padding-left: 15px; }

	.content-bar .right { padding: 15px 10px 30px; width: 100%; }

	.content-bar .list li { width: 118px; }

	

	.client-bar h2 { font-size: 24px; line-height: 29px; }

	

	.service-bar li a { height: 149px; }

	.service-bar li .box { min-height: 155px; }

	.service-bar li span { font-size: 20px; }



}



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

	

	.service-bar { margin-top: 24px; }

	.service-bar li .box { min-height: 175px; border: 5px solid #0077cd; }

	.service-bar li { margin: 0 auto 20px; float: none; width: 280px; clear: both; }

	.service-bar li a { height: 166px; }

	

	.banner-bar .column { height: 200px; }

	

	.content-bar .list .box { border: 4px solid #fff; }

	.content-bar .list li { padding: 3px; width: 106px; } 

	

}





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



	h1 { font-size: 25px; }

	

	.banner-bar .column { height: 170px; }

	

	.content-bar .left { margin-top: 0; }

	

	.client-bar h2 { font-size: 21px; line-height: 28px; }

	

	.footer-bar span { font-size: 15px; }





}