/************************************************************************************
RESET
*************************************************************************************/
html, body { height: 100%; }
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul, dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object, a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span, strong, sub, sup, tt, var, legend, fieldset { margin: 0; padding: 0; }
img, fieldset { border: 0; }
/* set image max width to 100% */
img { max-width: 100%; height: auto; width: auto\9; /* ie8 */ vertical-align: middle; }
/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
/************************************************************************************
GENERAL STYLING
*************************************************************************************/
body { font-family: 'Open Sans', sans-serif; color: #000000; font-size: 16px; }
a { color: #026acb; text-decoration: none; outline: none; }
::-webkit-input-placeholder { /* WebKit browsers */
 opacity:  1;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
 opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
 opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
 opacity:  1;
}
a:hover { text-decoration: underline; }
p { margin: 0; padding: 0 0 18px 0; line-height: 26px; color: #000000; font-size: 20px; font-weight: 300; }
/* list */
ul, ol { margin: 1em 0 1.4em 24px; padding: 0; line-height: 140%; }
li { margin: 0 0 .5em 0; padding: 0; }
/* headings */
h1, h2, h3, h4, h5, h6 { line-height: 1.4em; margin: 20px 0 .4em; color: #000; }
h1 { font-size: 2em; }
h2 { font-size: 30px; text-transform: uppercase; padding: 0 0 4px 0; border-bottom: #d49d00 solid 7px; display: inline-block; margin: 0 0 22px 0; font-weight: bold; font-family: 'Montserrat', sans-serif; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.1em; }
h6 { font-size: 1em; }
/* reset webkit search input styles */
input[type=search] { -webkit-appearance: none; outline: none; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
 display: none;
}
/************************************************************************************
CLEARFIX
*************************************************************************************/
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
.clearfix { display: block; zoom: 1; }
.clear { clear: both; }
/************************************************************************************
STRUCTURE
*************************************************************************************/
.wrapper { max-width: 1100px; margin: 0 auto; }
/************************************************************************************
HEADER
*************************************************************************************/


.header { position: relative; text-align: center; margin: 0 0 20px 0; }
.top { background: #000000; color: #FFF; font-size: 15px; font-weight: 700; font-family: 'Montserrat', sans-serif; padding: 15px 0; }
.top-bg:before { background: url(../images/top-bg.jpg) no-repeat center bottom; background-size: 100%; content: ""; bottom: 0; width: 100%; height: 100%; z-index: 1; }
.top-bg:after, .top-bg:before { content: ""; left: 0; margin: auto; position: absolute; right: 0; }
.top-bg { background: #1a1a1a; display: table; width: 100%; position: relative; height: 700px; }
.top-bg-img { width: 100%; }
.headerT { vertical-align: middle; text-align: center; display: table-cell; height: 100%; width: 100%; position: relative; z-index: 10; }
.logo { position: relative; text-align: center; top: 0; vertical-align: middle; width: 100%; z-index: 10; height: 58%; }
.logo img { width: 196px; }
.top-bg-img { /*margin: -188px 0 0; background:url(../images/top-bg.jpg) no-repeat; background-size:cover; height:431px;*/ position: relative; }
/*.top-bg-img img {
	width: 100%;
	text-align: center;
}*/



/* =============================================================== training */
.training { position: relative; margin: 0 0 20px; }
.training:after { background: #e6e6e6; content: ""; height: 100%; left: 50%; margin: 0; position: absolute; top: 0; width: 1px; z-index: 9999999; }
.trainingL { float: right; padding: 60px 0 60px 0; margin: 0 120px 0 0; width: 44%; box-sizing: border-box; }
.trainingL.trainingR { margin: 0; padding-right: 30px; border: none; }
.trainingL h2 { }
/* =============================================================== promotion */
.promotion { clear: both; position: relative; }
.promotion:after { background: url(../images/promotion-bg1.png) no-repeat center top; background-size: 100%; content: ""; top: 0; width: 100%; height: 100%; z-index: 1; }
.promotion:after, .promotion:before { content: ""; left: 0; margin: auto; position: absolute; right: 0; }
.promotion:before { background: url(../images/promotion-bg-b.png) no-repeat center bottom; background-size: 100%; content: ""; bottom: 0; width: 100%; height: 100%; z-index: 1; }
.promotion-bg1 { }
.promotionText img { width: 100%; }
.promotionText { position: relative; }
.promotionTextM { left: 0; margin: 0; padding: 430px 0 0; position: relative; top: 50%; width: 100%; z-index: 11; }
.promotionTextM h2, .promotionTextM p { color: #fff; }
.promotion {
	background: url(../images/promotion-img.jpg) fixed;
	background-size: cover;
	background-position: 100% center;
	background-color: #515A5F;
	  min-height: 1300px; }
/* =============================================================== contact */
.contact { background: #d49d00; padding: 30px 0 100px 0; position: relative; }
.contact:after { background: #fff; content: ""; height: 78%; left: 50%; margin: 0 0 0 3px; position: absolute; top: 30px; width: 1px; z-index: 9999999; }
.contact-l { float: left; width: 49%; padding: 10px 0 0 0; }
.contact-l.contact-r { float: right; width: 38.4%; }
.contact h2 { color: #fff; border-color: #fff; }
.contact h3 { color: #fff; font-size: 20px; margin: 0; padding: 0 0 0 0; font-weight: bold; text-transform: uppercase; }
.contact p { color: #fff; font-size: 20px; font-weight: 300; padding: 0 0 26px; }
.contact p a { color: #fff; }
.contact p span { display: block; }
.contact-r input[type="text"], .contact-r textarea { font-family: 'Open Sans', sans-serif; width: 100%; box-sizing: border-box; height: 38px; font-size: 20px; background: #fff; padding: 0 15px; font-weight: bold; color: #d49d00; text-transform: uppercase; border: none; margin: 0 0 20px 0; }
.contact-r textarea { height: 176px; padding-top: 10px; resize: none; }
.contact-r button { display: block; background: #000; padding: 0; font-family: 'Open Sans', sans-serif; width: 100%; box-sizing: border-box; height: 38px; font-size: 20px; font-weight: bold; color: #d49d00; text-transform: uppercase; border: none; cursor: pointer; }
.contact-r button:hover { background: #313131; }
/* =============================================================== footer */
.footer { background: #000000; color: #ffffff; font-family: "Montserrat", sans-serif; font-size: 15px; font-weight: 700; padding: 15px 0; text-align: center; }