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

@media (max-width: 1439px) { 

.slider article{width:500px; height:auto; padding-top:200px; padding-left:140px;}

}

@media (max-width: 1200px) { 

	h1{font-size:2em;}
	h2{font-size:1.8em;}
	h3{font-size:1.6em;}
	h4{font-size:1.4em;}
	h5{font-size:1.2em;}
	h6{font-size:1em; font-weight:bold;}
	
	h1, h2, h3, h4, h5, h6{line-height:0.8em;}
	
	/*----pages----*/
	
	#pages .cover .fixwidth{padding-top:120px;}
	#pages .fixwidth{width:auto; padding:0 1em; box-sizing:border-box;}
	#pages footer .fixwidth{padding:0;}
	
	#pages .vision section img{width:60%;}

	#pages .products-meterial section{width:auto; float:none;}
	#pages .products-meterial section .type{width:50%;}
	
	.form-style{}
	.form-style div label{width:120px;}
	.form-style div .comment{padding-left:140px;}
	
	#pages .profile .wrap{padding:3em 0 0 45%;}
	
	.services-present:before{display:none;}
	
/*---------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------*/

@media (max-width: 1024px) { 

	/*-----menu-----*/
	
	header .mobile-menu{display:block;}
	
	#pages header,
	header{position:static; width:auto; height:auto;}
	#pages header:after{content:' '; display:block; background:#FFFFFF; height:100px; width:100%; position:absolute; top:0; left:0; z-index:2;}
	#pages header .fixwidth,
	header .fixwidth{position:absolute; width:100%; min-width:inherit; max-width:inherit;}
	header nav {position:absolute; top:0; left:0; width:100%; z-index:5; display:none;}
	header nav ul{border-top:81px solid #2c5482; padding-top:1em;}
	#pages header nav ul{border-top:81px solid #FFFFFF; padding-top:1em;}
	header nav ul,
	#pages header nav ul,
	header nav ul li,
	#pages header nav ul li{float:none; margin:0;}
	#pages header nav ul li a,
	header nav ul li a{padding:0.3em 0.5em; color:#FFFFFF; font-size:1.6em;}
	#pages header nav li:after{background:#FFFFFF;}
	header .logo{left:1em;}
	header .logo img{width:60%; height:auto;}
	#pages:before{display:none;}
	
	header .fixwidth:after{content:' '; display:block; position:absolute; top:0; left:0; width:100%; z-index:4; background:#163d6b; height:100%;}
	
	header .language{right:60px;}
	header .language,
	header .logo{z-index:30;}
	
	/*-----main-----*/
	
	.services-present .type{width:30%; margin:1em auto;}
	
	.services-present .type.right-side{right:1em;}
	.services-present .type.left-side{left:1em;}
	
	.services-present:nth-child(odd) img{margin-left:-3em;}
	.services-present img{margin-right:-3em;}
	
	.about-present .type{width:35%; padding:2em; margin:1em; background:#FFFFFF;}
	.about-present .type p, 
	.about-present .type a{margin:0;}
	
	footer .footer-quote .paragraph-1{float:none; margin:0; width:auto;}
	footer .footer-quote{height:auto;}
	footer .footer-quote .paragraph-2{padding:0;}
	footer .footer-quote .paragraph-2 p{padding:1em;}
	
	footer .footer-quote .paragraph-1 .bg-darkblue{height:100%;}
	
	footer .footer-quote .paragraph-1 h4,
	footer .footer-quote .paragraph-1 p{padding-right:200px;}
	
	/*-----pages------*/
	
	#pages .vision section p{padding:1em;}
	
	#pages .profile .wrap .paragraph1{padding:3em 0 0 0;}
	#pages .profile .wrap .paragraph1 h3,
	#pages .profile .wrap .paragraph2 h2{padding-left:55%;}
	#pages .profile .wrap .paragraph2 h2{font-size:1.2em;}
	#pages .profile .wrap .paragraph2 p{padding-top:20%;}
	#pages .profile .wrap .paragraph4{position:static; width:auto; border-top:1px dashed #cccccc; margin-top:2em; padding-top:1em;}
	#pages .profile .wrap .paragraph4 p{padding:0;}
	
	#pages .profile{background-size:contain; min-height:900px; height:auto;}
	
	#pages .profile .wrap{padding:0;}
	
	#pages .quote .wrap{width:320px;}
	#pages .quote .wrap h2{font-size:1.4em;}

	#pages .products-meterial section .type{width:300px;}
	
	.form-style div label{width:70px;}
	.form-style div input,
	.form-style div textarea{width:240px;}
	
	.form-style div .comment{padding-left:90px;}
	
	/*------functions------*/
	
	.height100{height:100%;}
	.clear-scroll{overflow:hidden;}
	.shownav{display:block;}
	
	
	footer .footer-quote{position:static;}
	footer article{position:relative; border-bottom:70px solid #000;}
	footer .footer-quote .social{width:100%; bottom:-55px; top:inherit; text-align:center;}
	footer .footer-quote .paragraph-1 h4, footer .footer-quote .paragraph-1 p{padding:0;}
	

	}
	
/*---------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------*/

@media (max-width: 768px) { 

	/*-----main-----*/
	
	.vision-present .fixwidth section img{width:180px; height:auto; margin:0;}
	.vision-present .fixwidth section h3{top:110px; position:relative; padding:0; width:120px; margin:0 auto;}
	

	
	footer{text-align:center;}
	
	footer img,
	footer .wrap{float:none;}
	footer .wrap{padding:1em;}
	footer img{margin:0 auto; padding:1em 0; display:block; border:none;}
	
	.slider article h2{font-size:1.4em;}
	
	
	
	/*-----column content------*/
	
	.services-present .type{position:static; width:260px; text-align:center;}
	.services-present section:first-of-type img,
	.services-present:nth-child(odd) img{float:none; margin:0;}
	.services-present .border-style{top:1em; height:90%;}
	.border-style.left-side{left:1em;}
	.border-style.right-side{right:1em;}
	
	.about-present{height:auto;}
	.about-present .type{width:auto; padding-top:60%; text-align:center; background:none;}
	.about-present{background-color:#FFF; background-size:contain; background-repeat:no-repeat;}
	
	
	
	/*-----pages------*/
	
	#pages .vision section{float:none; width:auto;}
	#pages .vision section img{max-width:100%; width:auto;}
	
	.vision-present{padding-top:80px;}
	.vision-present .fixwidth section{float:none; width:auto; margin:0;}
	
	
	#pages .profile {padding-bottom:2em;}
	#pages .profile .wrap .paragraph2 h2{padding-left:0; padding-top:30%; padding-bottom:1em; font-size:1.5em;}
	#pages .profile .wrap .paragraph2 p{padding-top:0;}
	
	#pages .profile .wrap .paragraph1 h3{padding:0; padding-left:45%; margin:0; font-size:1.4em;}
	
	#pages .quote .fixwidth{padding:0;}
	
	#pages .products-meterial{background:#f7f7f7;}
	#pages .products-meterial section{margin:1em; background:#FFFFFF; height:auto;}
	#pages .products-meterial section img{width:100%;}
	#pages .products-meterial section .type{text-align:center; width:auto; padding:1em; position:static;}
	
	
	#pages .products-quote{background-position:top right; background-size:inherit;}
	#pages .products-quote .wrap{width:auto; padding-top:700px;}
	
	
	.form-style div{float:none; width:400px; margin:0 auto;}
	.form-style div .address ul{padding:0; text-align:center;}
	
	.slides-navigation .next img,
	.slides-navigation .prev img{width:50%;}
	
	.slider article{padding:200px 0 0 0; width:50%; text-align:center; margin:0 auto;}
	
	#pages .faqs.fixwidth ul{padding-left:100px;}
	
	.slider article p{padding-right:0;}

/*---------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------*/

@media (max-width: 480px) { 

	
	.slider .fixwidth:after{
	content:' ';
	display:block;
	background:rgba(25, 25, 25, .5);
    position:absolute; top:0; z-index:3; width:100%; height:100%;}
	
	#pages .profile .wrap .paragraph1 h3{padding-top:200px; padding-left:0;}
	#pages .profile .wrap .paragraph2 h2{padding-top:0;}
	
	#pages .quote{background-size:contain; padding:2em 0;}
	#pages .quote .wrap{width:auto; padding-top:240px;}
	
	#pages .products-quote{background-size:contain;}
	#pages .products-quote .wrap{padding-top:250px;}
	
	.form-style .col60.left-side,
	.form-style .col40.right-side{float:none; width:auto;}
	
	.form-style div label{float:none; padding:1em 0 0.5em 0; text-align:left; width:auto;}
	.form-style div input, .form-style div textarea{width:85%;}
	.form-style div{width:auto; padding:0;}
	.form-style div .comment{padding-left:0;}
	
	.vbox-container img{width:80%; margin-top:2em;}
	
	.slider article{padding:200px 1em 0 1em; width:auto; text-align:center; position:relative; z-index:4;}
	.slider article h2{font-size:1.2em;} 
	
	.slides-navigation{display:none;}
	
	header .language li:first-of-type{text-align:right;}
	header .language li:first-of-type a{text-align:right; width:60px; font-size:0.9em; line-height:0.7em; display:inline-block; border-right:1px solid #cccccc; padding-right:0.5em; margin-right:0.5em;}
	#pages header .language li:first-of-type a{border-right:1px solid #FFFFFF;}
	header .language:after{display:none;}
	
	#pages .faqs.fixwidth ul{padding-left:0;}
	#pages header .language li:first-of-type a{color:#2d5582; word-wrap:normal;}
	
	}
	
/*---------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------*/