@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,400,500,700,100);
@import url(http://fonts.googleapis.com/css?family=Open+Sans&subset=cyrillic-ext,latin);
@import url(http://fonts.googleapis.com/css?family=Abel);

body { padding:0px; margin:0px; width:100%; font-size:100%;
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
	background-image:url('images/pageBanner/bodybg.jpg');
	background-size:     100% auto%;
	background-attachment: fixed;
    background-repeat:   no-repeat;
    background-position: center;}

@media only screen and (max-width: 859px) and (min-width: 240px)
	{
		
		
	

	}



@media only screen and (max-width: 4096px) and (min-width: 860px)
	{
	.body-home { padding:0px; margin:0px; width:100%; height:auto;
	background-image:url('images/pageBanner/home.jpg');
	background-size:     100% auto%;
    background-repeat:   no-repeat;
    background-position: bottom center;}
	
	.body-training { padding:0px; margin:0px; width:100%; height:auto;
	background-image:url('images/pageBanner/training.jpg');
	background-size:     100% auto%;
    background-repeat:   no-repeat;
    background-position: center center;}
	
	.body-training-ppl { padding:0px; margin:0px; width:100%; height:auto;
	background-image:url('images/pageBanner/training-ppl.jpg');
	background-size:     100% auto%;
    background-repeat:   no-repeat;
    background-position: bottom center;}
	
	.body-training-cpl { padding:0px; margin:0px; width:100%; height:auto;
	background-image:url('images/pageBanner/training-cpl.jpg');
	background-size:     100% auto%;
    background-repeat:   no-repeat;
    background-position: bottom center;}
	
	.body-training-night { padding:0px; margin:0px; width:100%; height:auto;
	background-image:url('images/pageBanner/training-night.jpg');
	background-size:     100% auto%;
    background-repeat:   no-repeat;
    background-position: bottom center;}
	
	.body-training-instrument { padding:0px; margin:0px; width:100%; height:auto;
	background-image:url('images/pageBanner/training-instrument.jpg');
	background-size:     100% auto%;
    background-repeat:   no-repeat;
    background-position: bottom center;}
	
	.body-training-mep { padding:0px; margin:0px; width:100%; height:auto;
	background-image:url('images/pageBanner/training-multi.jpg');
	background-size:     100% auto%;
    background-repeat:   no-repeat;
    background-position: bottom center;}
	
	.body-training-sep { padding:0px; margin:0px; width:100%; height:auto;
	background-image:url('images/pageBanner/training-sep.jpg');
	background-size:     100% auto%;
    background-repeat:   no-repeat;
    background-position: bottom center;}
	
	.body-training-fi { padding:0px; margin:0px; width:100%; height:auto;
	background-image:url('images/pageBanner/training-fi.jpg');
	background-size:     100% auto%;
    background-repeat:   no-repeat;
    background-position: bottom center;}
	
	.body-training-hb { padding:0px; margin:0px; width:100%; height:auto;
	background-image:url('images/pageBanner/training-hb.jpg');
	background-size:     100% auto%;
    background-repeat:   no-repeat;
    background-position: bottom center;}
	
	.body-training-multi-inst { padding:0px; margin:0px; width:100%; height:auto;
	background-image:url('images/pageBanner/training-multi-inst.jpg');
	background-size:     100% auto%;
    background-repeat:   no-repeat;
    background-position: bottom center;}
	
	.body-facilities { padding:0px; margin:0px; width:100%; height:auto;
	background-image:url('images/pageBanner/facilities.jpg');
	background-size:     100% auto%;
    background-repeat:   no-repeat;
    background-position: bottom center;}
	
	.body-fleet { padding:0px; margin:0px; width:100%; height:auto;
	background-image:url('images/pageBanner/fleet.jpg');
	background-size:     100% auto%;
    background-repeat:   no-repeat;
    background-position: bottom center;}
	
	.body-about { padding:0px; margin:0px; width:100%; height:auto;
	background-image:url('images/pageBanner/about.jpg');
	background-size:     100% auto%;
    background-repeat:   no-repeat;
    background-position: bottom center;}
	
	
		
	.top_line_menu { width:100%; box-sizing:border-box; background:#262a2f; color:#FFF; }
	.top_line_menu  .content { width:80%; box-sizing:border-box; margin-left:auto; margin-right:auto}
	.top_line_menu .content a {padding: 5px 10px; display: inline-block; border:0px; text-decoration: none; color: #FFF;}
	.top_line_menu .content .aright {float:right; padding: 5px 0px;}
	.top_line_menu .content .aright a{padding: 0px 10px 0px 10px; vertical-align:top; display: inline-block; border:0px; text-decoration: none; color: #FFF;}
	.top_line_menu .content .aright .social{padding: 0px 0px 0px 10px; display: inline-block; border:0px;}
	
	.line_main_menu {width:80%; box-sizing:border-box; margin-left:auto; margin-right:auto}
	.line_main_menu .logo { margin-top:20px; box-sizing:border-box; width:100%; height:93px; background-image:url(images/logo.png); background-repeat:no-repeat; background-size: 298px 93px;}
	.line_main_menu .logo .menu { float:right; vertical-align:top; margin-right: 10%;}
	.line_main_menu .logo .menu  a{padding: 10px 10px 10px 10px; vertical-align:top; display: inline-block; border:0px; text-decoration: none; color: #FFF; text-shadow: 1px 1px 1px #000; background: rgba(31, 31, 31, 0.2);}
	.line_main_menu .logo .menu  a:hover {padding: 10px 10px 10px 10px; vertical-align:top; display: inline-block; border:0px; text-decoration: none; color: #FFF; text-shadow: 1px 1px 1px #000; background: rgba(31, 31, 31, 0.4);}
	
	
	.line_main_menu .logo .menu .dropbtn {padding: 10px 10px 10px 10px; font-size:100%; vertical-align:top; display: inline-block; border:0px; text-decoration: none; color: #FFF; text-shadow: 1px 1px 1px #000; background: rgba(31, 31, 31, 0.2); cursor: pointer;}
	.line_main_menu .logo .menu .dropdown { position: relative; display: inline-block; }
	.line_main_menu .logo .menu .dropdown-content {display: none; position: absolute; background: rgba(31, 31, 31, 0.5); min-width: 330px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1;}
	.line_main_menu .logo .menu .dropdown-content a {color:#FFF; font-size:90%; padding: 10px 10px; text-decoration: none; display: block;}
	.line_main_menu .logo .menu .dropdown-content a:hover {background-color: #f1f1f1; color:#666; text-shadow:none}
	.line_main_menu .logo .menu .dropdown:hover .dropdown-content {display: block;}
	.line_main_menu .logo .menu .dropdown:hover .dropbtn {background: rgba(31, 31, 31, 0.6);}

	
	.home_slogan {width:80%; box-sizing:border-box; margin-left:auto; margin-right:auto; color:#FFF; font-size:60px; text-shadow: 1px 2px 1px #494a4c;}
	
	.home_slide {width:80%; display:block; margin-left:auto; margin-right:auto; margin-top:24%; padding-bottom:2%;}
	.mainBanheight {width:80%; display:block; margin-left:auto; margin-right:auto; margin-top:21%;}
	.home_slide  .slide{display: inline-block; width:26%; padding:1% 3%; color:#262a2f; vertical-align:top; font-size: 90%; font-weight: 500; text-shadow: 1px 1px 0px #FFF; background: rgba(255, 255, 255, 0.5);}
	
	.home_text_info  {width:100%; box-sizing:border-box; border-top: solid 1px #666; padding:20px 50px 20px 50px; margin-left:auto; margin-right:auto; background:#db4242; box-shadow:-2px 5px 10px #a9a9a9}
	.home_text_info  div {width:70%; margin-left:auto; margin-right:auto; font-size:95%; color:#FFF}
	
	.page { width:80%; box-sizing:border-box; margin-left:auto; margin-right:auto;}
	.page H1{ text-align:center; color:#28426b}
	
	.page .home_c1  {width:100%; box-sizing:border-box; padding:20px 0px 20px 0px; margin-left:auto; margin-right:auto; text-align:center; vertical-align:top}
	.page .home_c1 .ct{padding: 2% 2%; display: inline-block; vertical-align:top; width: 27%;}
	.page .home_c1 .ct img{width: 100%; border-radius: 0.6em 0.6em 0em 0em;}
	.page .home_c1 .title { position: absolute; margin-top: -40px; margin-left: 20px; padding: 10px 10px; background: #FFF; border-radius: 0.6em 0.6em 0em 0em;}
	.page .home_c1 .title a{ color:#385982; font-weight:500; text-decoration:none;}
	.page .home_c1 .desc{padding: 20px 10px; font-size:90%; background:#FFF; margin-top: -10px; border-bottom: 3px solid #666;}
	
	.page .training_c1  {width:100%; box-sizing:border-box; padding:20px 0px 20px 0px; margin-left:auto; margin-right:auto; text-align:center; vertical-align:top}
	.page .training_c1 .ct{padding: 2% 2%; display: inline-block; vertical-align:top; width: 27%;}
	.page .training_c1 .ct img{width: 100%; border-radius: 0.6em 0.6em 0em 0em;}
	.page .training_c1 .title { padding: 10px 10px; background: #FFF; }
	.page .training_c1 .title a{ color:#385982; font-weight:500; text-decoration:none;}
	
	.page .maincontent  {width:80%; float:left; box-sizing:border-box; padding:20px 0px 20px 0px; margin-left:0; margin-right:1%; vertical-align:top}
	.page .maincontent  H1{width:100%; color:#1e3964; float:left; vertical-align:top; text-align:left;}
	.page .maincontent  .div_content{width:100%; float:left; vertical-align:top}
	
	.page .mainright  {width:19%; float:right; box-sizing:border-box; padding:20px 0px 20px 0px; margin-left:0; vertical-align:top}
	.page .mainright  .greybox {width:100%; box-sizing:border-box; margin-top:20px; padding:10px 10px; vertical-align:top; background:#515559; border-radius: 0.6em;}
	.page .mainright  .greybox a{width:100%; box-sizing:border-box; color:#FFF; text-decoration:none; display:block; font-size:90%; padding:10px 10px; vertical-align:middle; border:#515559 solid 1px;}
	.page .mainright  .greybox a:hover{ color:#db4242; background:#FFF; text-decoration:none; display:block; font-size:90%; vertical-align:middle; border-radius: 0.6em; border:#333 solid 1px;}
	.page .mainright  .greybox .becoming {width:100%; box-sizing:border-box; color:#ff6965; text-align:center; display:block; font-size:110%; padding:10px 10px; vertical-align:middle; text-shadow: 1px 1px 0px #3e3a3a;}
	.page .mainright  .greybox .becoming_info {width:100%; box-sizing:border-box; color:#FFF; text-align:center; display:block; font-size:90%; padding:10px 10px; vertical-align:middle;}
	.page .mainright  .greybox .becoming_info .input_subscribe {width:80%; margin-left:auto; margin-right:auto; box-sizing:border-box; color:#fff; display:block; font-size:100%; border:0px; background:#333; padding:5px 5px; vertical-align:middle;}
	.page .mainright  .greybox .becoming_info .btn_subscribe {width:70%; margin-left:auto; margin-top:20px; margin-right:auto; border:0px; box-sizing:border-box; color:#fff; background:#d56663; display:block; font-size:90%; padding:5px 5px; vertical-align:middle;}}
	
	
	
	.contact_form {width:100%; margin:30px 0px 30px 0px;}
	.contact_form .td {width:32%; display:inline-block; margin-bottom: 10px;}
	.contact_form  .fullline {width:100%; display:inline-block;}
	.contact_form .fullline label {font-size: 14px; display: block; margin-bottom: 6px;}
	.contact_form .fullline textarea{width: 90%; height: 80px; padding: 3px; color: inherit; font-size: 100%; overflow: hidden; border: 1px solid #8a8a8a; background: rgba(31, 31, 31, 0.2);}
	.contact_form .td label {font-size: 14px; display: block; margin-bottom: 6px;}
	.contact_form .td input{width: 90%; height: 30px; padding: 3px; color: inherit; font-size: 100%; overflow: hidden; border: 1px solid #8a8a8a; background: none; background: rgba(31, 31, 31, 0.2)}
	.submit {display: block; margin-top: 20px; width: 203px; height: 30px; background: #e95757; color: #fefefe; font-size: 12px; font-weight:bold; border: none; text-transform: uppercase; cursor: pointer;}
	
	footer  { float:left; 
    bottom: 0;
    width: 100%;
    height: 200px;
	color:#FFF;
    background: #515559;}
	
	
	
	footer .footer_menu  {width:80%; box-sizing:border-box; margin-left:auto; margin-right:auto; margin-top:20px;}
	footer .footer_menu  .td {vertical-align: top; display:inline-block; width:20%; padding:0% 2%;}
	footer .footer_menu  .td  .block { margin:5px}
	footer .footer_menu  .td  .block a { color:#dad9d9; text-decoration:none; font-weight:normal; font-size:80%;}
	footer .footer_menu  .td  .block i { border: solid #fff; border-width: 0 2px 2px 0; display: inline-block; padding: 3px; margin-bottom:1px;}
	footer .footer_menu  .td  .block .right { transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
	
	footer .footer_copy  {width:100%; box-sizing:border-box; text-align:center; background:#262a2f; margin-left:auto; line-height:40px; margin-right:auto; margin-top:40px;}


}