/* CSS Document
	Resetting browser default styles
	All 
	Sidebar
	Container
	Media Queries
*/


@font-face {font-family: 'FujiyamaPlain';src: url('fonts/FujiyamaPlain.eot');src: url('fonts/FujiyamaPlain.eot') format('embedded-opentype'), url('fonts/FujiyamaPlain.woff2') format('woff2'), url('fonts/FujiyamaPlain.woff') format('woff'), url('fonts/FujiyamaPlain.ttf') format('truetype'), url('fonts/FujiyamaPlain.svg#FujiyamaPlain') format('svg');font-weight: normal;font-style: normal;}
@font-face {font-family: 'FujiyamaLightPlain';src: url('fonts/FujiyamaLightPlain.eot');src: url('fonts/FujiyamaLightPlain.eot') format('embedded-opentype'), url('fonts/FujiyamaLightPlain.woff2') format('woff2'), url('fonts/FujiyamaLightPlain.woff') format('woff'), url('fonts/FujiyamaLightPlain.ttf') format('truetype'), url('fonts/FujiyamaLightPlain.svg#FujiyamaLightPlain') format('svg');font-weight: normal;font-style: normal;}
@font-face {font-family: 'FujiyamaItalic';src: url('fonts/FujiyamaItalic.eot');src: url('fonts/FujiyamaItalic.eot') format('embedded-opentype'), url('fonts/FujiyamaItalic.woff2') format('woff2'), url('fonts/FujiyamaItalic.woff') format('woff'), url('fonts/FujiyamaItalic.ttf') format('truetype'), url('fonts/FujiyamaItalic.svg#FujiyamaItalic') format('svg');font-weight: normal;font-style: normal;}
@font-face {font-family: 'Brandon_thin';src: url('fonts/Brandon_thin.eot');src: url('fonts/Brandon_thin.eot') format('embedded-opentype'), url('fonts/Brandon_thin.woff2') format('woff2'), url('fonts/Brandon_thin.woff') format('woff'), url('fonts/Brandon_thin.ttf') format('truetype'), url('fonts/Brandon_thin.svg#Brandon_thin') format('svg');font-weight: normal;font-style: normal;}
@font-face {font-family: 'Brandon_light';src: url('fonts/Brandon_light.eot');src: url('fonts/Brandon_light.eot') format('embedded-opentype'), url('fonts/Brandon_light.woff2') format('woff2'), url('fonts/Brandon_light.woff') format('woff'), url('fonts/Brandon_light.ttf') format('truetype'), url('fonts/Brandon_light.svg#Brandon_light') format('svg');font-weight: normal;font-style: normal;}
@font-face {font-family: 'Brandon_med';src: url('fonts/Brandon_med.eot');src: url('fonts/Brandon_med.eot') format('embedded-opentype'), url('fonts/Brandon_med.woff2') format('woff2'), url('fonts/Brandon_med.woff') format('woff'), url('fonts/Brandon_med.ttf') format('truetype'), url('fonts/Brandon_med.svg#Brandon_med') format('svg');font-weight: normal;font-style: normal;}
@font-face {font-family: 'Brandon_bld';src: url('fonts/Brandon_bld.eot');src: url('fonts/Brandon_bld.eot') format('embedded-opentype'), url('fonts/Brandon_bld.woff2') format('woff2'), url('fonts/Brandon_bld.woff') format('woff'), url('fonts/Brandon_bld.ttf') format('truetype'), url('fonts/Brandon_bld.svg#Brandon_bld') format('svg');font-weight: normal;font-style: normal;}
@font-face {font-family: 'Brandon_blk';src: url('fonts/Brandon_blk.eot');src: url('fonts/Brandon_blk.eot') format('embedded-opentype'), url('fonts/Brandon_blk.woff2') format('woff2'), url('fonts/Brandon_blk.woff') format('woff'), url('fonts/Brandon_blk.ttf') format('truetype'), url('fonts/Brandon_blk.svg#Brandon_blk') format('svg');font-weight: normal;font-style: normal;}


/* Resetting browser default styles */
html, body {min-height:100%;height:100%;-webkit-text-size-adjust:100%;overflow-x:hidden;}
body {font:22px 'Brandon_thin', sans-serif;color:#fff;background:#00184a;}
div, html, body, p, ul, ol, li, a, form, img, table, td, h1, h2, h3, h4, h5, h6, blockquote, header, section, footer, aside, nav, article, figure, figcaption, dt, dd, dl {margin:0;padding:0;} 
header, section, footer, aside, nav, article, figure, figcaption {display: block;}
table {border-collapse:collapse;}
img {border:none;max-width:100%;height:auto;}
iframe, object, embed {max-width:100%;}
ul, li {list-style:none;}
input {vertical-align:middle;}
input:focus, textarea:focus {outline:none;}
button, input[type="submit"] {cursor:pointer;-webkit-appearance:none;}
a, a:active, a:visited {text-decoration:none;color:#000;-webkit-transition:color linear .2s;transition:color linear .2s;}
a:hover {text-decoration:none;color:#002060;}


/* All */
.wrapper {width:1190px;min-height:100%;margin:0 auto;position:relative;}
.clear:after, .wrapper:after {content:'';display:block;height:0;clear:both;}


.button, .button:visited {color:#002060;padding:0 75px;min-height:54px;font:18px/54px 'Brandon_blk';border:none;border-radius:0;background:#fff;display:inline-block;vertical-align:middle;text-align:center;-webkit-transition:background-color linear .2s;transition:background-color linear .2s;}
.button:hover {color:#002060;background:#fafafa;}




/* Sidebar */
.sidebar {float:left;width:30%;min-height:100%;padding:0 120px 0 0;-webkit-box-sizing:border-box;box-sizing:border-box;}
.sidebar:before {content:'';display:block;width:130%;height:100%;position:absolute;top:0;right:50%;margin-right:270px;background:#fafafa url(../images/sidebar.jpg) right center no-repeat;background-size:cover;}
.sidebar > div {position:relative;z-index:10;padding-top:170px;}
.sidebar > div .logo {display:block;height:223px;background:#002060;color:#fff;font:85px 'Brandon_med';text-align:center;}
.sidebar > div .logo span {font:17px 'FujiyamaLightPlain';position:relative;top:-35px;}
.sidebar > div p {color:#002060;font:24px 'FujiyamaItalic';text-align:justify;padding:5px 0 40px 0;}
.sidebar > div nav ul li {font:12px 'Brandon_light';text-transform:uppercase;text-align:right;padding-bottom:5px;}




/* Content block */
.content_block {float:left;width:70%;min-height:100%;padding:0 0 0 78px;-webkit-box-sizing:border-box;box-sizing:border-box;}
.content_block:before, .content_block:after {content:'';display:block;width:120%;height:100%;position:absolute;top:0;left:50%;margin-left:-270px;background:url(../images/content_bg.jpg) left center no-repeat;background-size:cover;}
.content_block:after {background:rgba(0,32,96,.76);z-index:1;}
.content_block > div {position:relative;z-index:10;padding-top:70px;}
.content_block > div header {font:47px 'Brandon_bld';padding-bottom:60px;}
.content_block > div header span {font:16px 'FujiyamaLightPlain';position:relative;top:-20px;}
.content_block > div header em {font:26px 'FujiyamaItalic';}
.content_block > div article {padding-left:70px;}
.content_block > div h1 {font:60px 'Brandon_blk';text-transform:uppercase;}
.content_block > div p {padding-bottom:25px;}
.content_block > div h3 {font:24px 'Brandon_bld';text-align:center;text-transform:uppercase;padding-bottom:30px;}
.content_block > div h3 + p {text-align:center;padding-bottom:35px;}
.content_block > div footer {text-align:right;font:12px 'Brandon_blk';text-transform:uppercase;padding:130px 0 20px 0;}




/* Media Queries */
	/* Desktop */
@media only screen and (min-width: 960px) and (max-width: 1189px) {
.wrapper {width:960px;}
/* Sidebar */
.sidebar {width:40%;}
.sidebar:before {margin-right:170px;}
/* Content block */
.content_block {width:60%;padding-left:0;}
.content_block:before, .content_block:after {margin-left:-170px;}
}


	/* Tablets and mobiles */
@media only screen and (max-width: 959px) {
.button, .button:visited {padding:0 65px;min-height:49px;font:16px/49px 'Brandon_blk';}
/* Sidebar */
.sidebar > div .logo {height:190px;font-size:72px;}
.sidebar > div .logo span {font-size:15px;top:-30px;}
.sidebar > div p {font-size:21px;padding-bottom:30px;}
.sidebar > div nav ul li {font-size:10px;}
/* Content block */
.content_block > div header {font-size:42px;padding-bottom:50px;}
.content_block > div header span {font-size:14px;top:-15px;}
.content_block > div header em {font-size:24px;}
.content_block > div article {padding-left:50px;text-align:center;}
.content_block > div h1 {font-size:55px;line-height:62px;}
.content_block > div p {padding-bottom:20px;}
.content_block > div h3 {font-size:21px;padding-bottom:25px;}
.content_block > div h3 + p {padding-bottom:25px;}
.content_block > div footer {text-align:center;padding-top:45px;}
}


	/* Tablets */
@media only screen and (min-width: 768px) and (max-width: 959px) {
body {font-size:16px;line-height:22px;}
.wrapper {width:768px;}
/* Sidebar */
.sidebar {width:30%;padding-right:20px;}
.sidebar:before {margin-right:100px;}
.sidebar > div {padding-top:200px;}
/* Content block */
.content_block {width:70%;padding-left:100px;}
.content_block:before, .content_block:after {margin-left:-100px;}
.content_block > div {padding-top:100px;}
}


	/* Mobile portrait and landscape modes */
@media only screen and (max-width: 767px) {
html {height:auto;}
.wrapper {position:static;}
/* Sidebar */
.sidebar {float:none;width:207px;margin:0 auto;padding:0;min-height:1px;}
.sidebar:before {width:100%;height:305px;right:0;margin-right:0;}
.sidebar > div {padding-top:43px;}
.sidebar > div nav {display:none;}
/* Content block */
.content_block {float:none;width:auto;padding:0;min-height:1px;}
.content_block:before, .content_block:after {width:100%;height:100%;top:305px;left:0;margin-left:0;}
.content_block:before {background-position:35% center;}
.content_block > div {padding-top:70px;}
.content_block > div header {display:none;}
.content_block > div article {padding-left:0;}
}


	/* Mobile landscape mode */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.wrapper {width:480px;}
}


	/* Mobile portrait mode */
@media only screen and (max-width: 479px) {
.wrapper {width:300px;}
}