*{margin:0;padding:0;box-sizing: border-box;}
*:after, *:before {content: "";}

/**********************************************************************/

@font-face {
    font-family: 'open_sansregular';
    src: url('/webfonts/OpenSans-Regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/**********************************************************************/

html, body{height: 100%;}
body {font-family: "open_sansregular", Arial, Helvetica, sans-serif;font-size: 100%;background:black url(/images/cover/01.jpg) no-repeat center center fixed;background-size: cover; transition: all 1s ease; color: #333333;}
html.noScroll, body.noScroll { overflow: hidden;}

/**********************************************************************/

h1,h2,h3,h4,h5,h6{margin-bottom: 0.6em;}
h1,h2,h3,h4{font-weight: normal;}
h1,h2{font-size: 2.2em;}
h1 a, h2 a{text-decoration: none;}
h2{margin-top:2em;}
h3{font-size: 1.7em;}
h4{font-size: 1.4em;}
h5{font-size: 1em;}
h6{font-size: 0.9em;}

/**********************************************************************/

p, ul, ol{margin-bottom: 1.6em;line-height: 1.5;}
ul, ol{margin-left: 2.7em;}
li{margin-bottom: 0.5em;}
hr {clear: both;margin: 2em 0; border: 0; height: 1px; border-top: 1px solid silver;} 

/**********************************************************************/

blockquote{font-size: 1.2em;margin: 2em auto;font-style:italic;color: #555555;padding:1.2em 30px 1.2em 75px;border-left: 8px solid #78c0a8;line-height:1.6;position: relative;background: #ededed;}
blockquote::before{content: "\201C";color: #78c0a8;font-size:4em;position: absolute;left: 10px;top:-10px;  font-family: Arial, Helvetica, sans-serif; }
blockquote::after{content: '';}
blockquote span{display:block;color:#333333;font-style: normal;margin-top:1em;}

/**********************************************************************/

img {display:block;border: 0; max-width: 100%; height: auto !important; }
img.floatleft {float: left; margin: 0 1em 0 0;}
img.floatright {float: right; margin: 0 0 0 1em;}
img.inline {display:inline;}

/**********************************************************************/

.overlay{display:none;position: fixed;z-index: 9;width: 6em;height: 6em; overflow: visible;margin: auto;top: 0;right: 0;bottom: 0;left: 0; text-align: center; }
.overlay:before{display: block;position: fixed;top: 0;right:0;bottom:0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.8);}
.overlay.spinner:after{content: " ";display: block;border-radius: 50%;width: 5em;height: 5em;margin: auto; border: 0.5em solid white; border-color: white transparent white transparent; animation: spin 1.2s linear infinite;}
@keyframes spin {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}

/*************************************** END ***************************************/

#content{display: table;width:100%;height:100%;border-collapse: collapse;}
#contentInner{position: relative;display: table-cell; vertical-align: middle;}

#mask{position: absolute; z-index: -1; top: 0; left: 0; background: black; display: none;}

/************************************************************************/

#topbar{position: absolute;width:100%;top:0; /*background-color: rgba(255, 255, 255, 0.5);*/  }
#topbar img {max-width: none; vertical-align: top; transition: 0.4s; }

#topbarInner{display: table; border-collapse: collapse; }

#topbarCol1{display: table-cell; padding:20px; vertical-align: top; white-space: nowrap; }

#topbarCol2{display: table-cell; width:100%; padding:20px 40px 20px 20px; vertical-align: middle;  text-align: right; }
#topbarCol2 ul{list-style: none;margin:0;padding: 0; line-height:normal; font-size: 0.9em; text-transform: uppercase; }
#topbarCol2 li {display: inline-block; margin-right:1em;}
#topbarCol2 li:last-child {margin-right:0;}
#topbarCol2 li a {display: inline-block; width:20px;height:20px; border-radius:10px; background: white; color:black;  text-decoration: none; font-size: 0.9em; text-align: center; transition: all .2s ease-in;}
#topbarCol2 li a:hover, #topbarCol2 li a.active { background: #b22222;color:white; }

/************************************************************************/

#chartContainer{width:600px;height:600px; margin: 0 auto;}

/************************************************************************/

#slider{margin-right: -605px;position:fixed;top:0;right:0;bottom:0; overflow:hidden; height: 100%;z-index:990; background: white;}

#sliderTop{ height:60px; line-height:60px; padding: 0 20px; background: #b22222; color:white; }
#sliderTop span{ color: white; cursor: pointer;font-size:1.4em;}
#sliderTop span:hover{ color: black; }

#sliderBody{overflow:auto; position: absolute;top:60px;right:0;bottom:0;left:0;}

#sliderBodyInner{padding:2em;text-align: justify; text-justify: inter-word;}
#sliderBodyInner h2 { padding-left:10px; border-bottom: 1px solid #b22222;  border-left: 10px solid #b22222; color: #b22222; }
#sliderBodyInner h2:first-child {margin-top:0;}

/********************************** media **********************************/

@media only screen and (max-width : 769px) { 
	


}

@media only screen and (max-width : 575px) {


}

@media only screen and (max-width : 360px) {


	
}