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

@media (min-width: 768px) {
  .container { width: 750px; }
}
@media (min-width: 992px) {
  .container { width: 970px; }
}
@media (min-width: 1200px) {
  .container { width: 1100px; }
}

@media (max-width: 1200px) {	
	#nav > ul > li + li { margin-left:20px;}
	#welcome .left { width:670px;}
	#four_block .blocks { margin-left:-10px;}
	#four_block .blocks .block { margin-left:10px; width:235px;}
	#ann .left { width:440px;}
	#ann .right { width:500px;}
	#meth .step > div { padding:20px 18px 0;}
	#newsletter .news_letter .label { margin:0; padding-right:15px;}
	#footer .footer .f_nav ul li + li { margin-left:15px;}
	#meth .icon { margin-left:20px;}
	#newsletter .news_letter .inpt_bx { width:300px;}
	#ann .left .box + .box { margin-top:25px;}
	#ann .left h4 { padding-bottom:22px;}
	#inner_content .content { width:650px;}
	#inner_content .content .print { margin-left:-2%;}
	#inner_content .content .print .box { width:31.33%; margin-left:2%;}
	#inner_content .content .video { margin-left:-3%;}
	#inner_content .content .video .box { width:47%; margin-left:3%;}
	.contact_i .row .map { width:490px;}
	#newsletter .news_letter { text-align:left;}
	#newsletter .news_letter .label { display:block; padding-right:0; float:none; margin-bottom:10px;}
	#newsletter .news_letter .inpt_bx { display:block; width:75%; float:left; margin:0;}
	#newsletter .news_letter .sbt { display:block; float:right; width:20%;}
	#inner_content .content .video .box h5 { min-height:60px;}
	.sitemap .boxes { margin-left:-1%;}
	.sitemap .boxes .box { width:32.33%; margin-left:1%; margin-bottom:1%; min-width:0;}
	.sitemap .boxes .box + .box { margin-left:1%; }

}
@media (max-width: 1024px) {	
}
@media (max-width: 992px) {	
	#header .header .logo { width:240px;}
	#nav > ul > li > a { font-size:12px;}
	#nav > ul > li + li { margin-left:12px;}
	#nav > ul > li { padding:24px 0;}
	body { padding-top:97px;}
	#welcome .left { width:460px;}	
	#four_block .blocks .block { width:180px; height:340px; padding:0 10px;}
	#ann .left, #ann .right { width:47%;}
	#ann .left .box .date { margin-right:20px;}
	/*#meth .step { float:none; margin-bottom:15px;}
	#meth .step > div { font-size:12px;}
	#meth .icon { float:none; margin:0;}
	#meth .icon img { margin:0;}*/
	
	#footer .footer .f_nav { float:none; text-align:center; padding-bottom:10px;}
	#footer .footer .f_nav ul li { display:inline-block; float:none;}
	#footer .footer .right { float:none; text-align:center;}
	#footer .footer .right ul li { display:inline-block; float:none; vertical-align:top;}
	.bx-wrapper .bx-viewport .bxslider li { background-position:center 97px !important;}
	#meth .step .how { padding-right:10px; font-size:12px; padding-left:10px;}
	#meth .icon { width:60px; margin-left:10px; padding-top:25px; float:left;}
	#meth .step > div { padding:20px 10px 0;}
	
	#inner_content .content { width:450px;}
	#inner_content .content .profile .m_block .image { margin-right:10px;}
	#inner_content .content .profile .m_block .image_detail .row .label { width:85px;}
	#inner_content .content .print { margin-left:-2%;}
	#inner_content .content .print .box { width:48%; margin-left:2%; max-width:250px;}
	.contact_i .row .info { width:300px;}
	.contact_i .row .map { width:340px;}
	
	#inner_content .content .profile .form .row { padding:0;}
	#inner_content .content .profile .form .row .inpt_bx { float:none; width:100%; margin:0 0 10px !important; padding-left:10px; padding-right:10px;}
	#inner_content .content .profile .form .row .area { margin:0 0 10px;}
	#inner_content .content .profile .form .row .capcha { margin:0; width:100%;}
	#network .network .map { height:580px;}
    .enlarge { width: 155px;position: static;margin: 0 auto;}
}
@media (min-width: 768px) {	
	#nav ul li a.drop { background-image:none !important;}
	#nav ul li a.open { background-image:none !important;}
	#inner_content .links ul { display:block !important;}
}
@media (max-width: 767px) {
	.container { padding:0 15px; }
	a.menu-icon { display:inline-block; margin:13px 0 10px 0;}
	#nav { text-align:right; float:none; width:100%;}
	#nav ul { display:none; text-align:left; overflow:hidden;}
	#nav ul li { width:100%; margin:0 !important; padding:0; }
	#nav > ul > li { border-bottom:1px solid #757575;}
	#nav > ul > li > a { padding:10px;}
	
	/* Drop Down */
	#nav ul li ul { position:relative; top:0; width:100%; padding: 0 0 0 0; opacity: 1; visibility: visible;
		-webkit-transition: all 0s ease-in-out;
	   -moz-transition: all 0s ease-in-out;
		 -o-transition: all 0s ease-in-out;
			transition: all 0s ease-in-out;
 	}
	#nav ul li ul li ul { left:0; top:0;}
	/* Drop Down */
	
	body { padding:0;}
	#header { position:static;}
	#header .header .container { position:relative;}
	#header .header .logo { padding:0; left:15px; top:10px; z-index:9999; position:absolute;}
	.bx-wrapper .bx-caption { display:none;}
	#bx-pager .container .pager { background:rgba(0,0,0,0.7); width:auto; height:32px; padding:0 10px; border-radius:20px;}
	#welcome .left { float:none; width:100%; margin-bottom:15px;}
	#welcome .right { float:none; width:auto; padding:0;}
	#four_block .blocks { margin-left:-3%;}
	#four_block .blocks .block { margin-left:3%; width:47%; margin-bottom:15px;}
	#ann .left { margin-bottom:20px;}
	#ann .left, #ann .right { float:none; width:auto;}
	#meth .step .how { float:none; width:auto; background-image:none; position:relative; border:none;}
	#meth .step .how:after { width:17px; height:98px; background:url(../images/step-arro-1.png) no-repeat; transform:rotate(90deg); position:absolute; bottom:-57px; content:""; left:50%; margin-left:-8px;}
	#meth .step > div { float:none; width:auto; background-image:none; position:relative; border-top:1px solid #d9d9d9;}
	#meth .step > div:after { width:19px; height:98px; background:url(../images/step-arro-2.png) no-repeat; transform:rotate(90deg); position:absolute; bottom:-58px; content:""; left:50%; margin-left:-8px; z-index:9999;}
	#meth .step > div:last-child:after { display:none;}
	
	.bx-wrapper .bx-viewport .bxslider li { background-attachment:scroll !important; background-position:center top !important;}
 	#meth .step { float:none; margin-bottom:15px;}
	
	#meth .step > div { font-size:12px; text-align:center;}
	#meth .icon { float:none; margin:0; width:auto; text-align:center;}
	#meth .icon img { margin:0;}
	
	#inner_content .content { width:100%; padding:20px; margin-top:0;}
	#inner_content .links { position:static; width:100%;}
	#inner_content .links h4 { cursor:pointer; background:url(../images/l_plus.png) no-repeat right center;}
	#inner_content .links h4.open {  background:url(../images/l_minus.png) no-repeat right center;}
	#inner_content .links ul { display:none;}
	#inner_content .content .print { margin-left:-2%;}
	#inner_content .content .print .box { width:31.33%; margin-left:2%; max-width:250px;}
	.contact_i .row { padding:20px;}
	.contact_i .row .map { width:340px;}
	.contact_i .row .info { width:100%;}
	.contact_i .row .map { width:100%;}
	#ann .right img { width:100%; height:auto;}
	
	#header .top_line .info { float:none; text-align:right;}
	#header .top_line .info > div { display:inline-block; float:none !important;}
	#network .network .map { height:380px;}
}
@media (max-width: 640px) {
}
@media (max-width: 600px) {
	.sitemap .boxes .box { width:49%;}
}
@media (max-width: 568px) {
	
	
	#four_block .blocks { margin:0;}
	#four_block .blocks .block { margin:0 0 15px 0; height:auto; width:100%; padding-bottom:55px;}
	#welcome .left h2 { font-size:26px;}
	#newsletter .news_letter { padding:15px;}
	#welcome .left h2 span { font-size:26px;} 
	#header .top_line .info .call a { padding-left:13px;}
	#header .top_line .info .mail a { padding-left:20px;}
	#header .top_line .info .call, #header .top_line .info .mail { padding:0 5px; margin:0 -2px;}
	#header .header .logo { width:220px; top:12px;}
	#inner_content .content .profile .m_block { padding:10px;}
	#inner_content .content .profile .m_block .image { margin-right:0; float:none;}
	#inner_content .content .profile .m_block .image_detail .row .label { width:85px;}
	#inner_content .content .partner_in .box .top_row .image { width:100px; height:auto;}
	#inner_content .content .print { margin-left:-2%;}
	#inner_content .content .print .box { width:48%; margin-left:2%; max-width:250px;}
	#inner_content .content .print .box .image a::after {    background-size: 40px 40px;}
	#inner_content .content .video { margin-left:0;}
	#inner_content .content .video .box { width:100%; margin-left:0;}
	#inner_content .content .video .box h5 { min-height:60px;}
	#inner_content .content .video .box .image a img { width:100%; height:auto;}
}
@media (max-width: 480px) {
	#newsletter .news_letter .label { font-size:12px; padding-left:40px;}
	#newsletter .news_letter .inpt_bx { display:block; width:100%; float:none; margin:0 0 10px;}
	#newsletter .news_letter .sbt { display:block; float:none; width:100%;}
	
	#inner_content .content .profile .job_post ul li span { float:none; display:block; width:100%; position:static;}
	#inner_content .content .profile .job_post ul li i { padding:0; overflow:visible;}
	#inner_content .content .profile .form .btns .btn { width:100px;}
	#inner_content .content .profile .form .row .capcha .image { left:10px; right:auto;}
	#inner_content .content .profile .form .row .capcha .inpt_bx { padding-top:45px; height:auto; padding-bottom:15px; padding-right:10px;}


}
@media (max-width: 470px) {
	.sitemap .boxes { margin:0;}
	.sitemap .boxes .box { width:100%; margin-left:0 !important; min-height:0;}
	
}
@media (max-width: 360px) {
}
@media (max-width: 320px) {
}