@charset "utf-8";
html, body, div, input, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { font-family: 'Roboto', 'Helvetica_Neue_Light_Condensed_Regular', Verdana, Geneva, sans-serif; vertical-align: top; font-weight: lighter; letter-spacing: 0px; }
html strong, body strong, div strong, input strong, span strong, applet strong, object strong, iframe strong, h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong, p strong, blockquote strong, pre strong, a strong, abbr strong, acronym strong, address strong, big strong, cite strong, code strong, del strong, dfn strong, em strong, font strong, img strong, ins strong, kbd strong, q strong, s strong, samp strong, small strong, strike strong, strong strong, sub strong, sup strong, tt strong, var strong, dl strong, dt strong, dd strong, ol strong, ul strong, li strong, fieldset strong, form strong, label strong, legend strong, table strong, caption strong, tbody strong, tfoot strong, thead strong, tr strong, th strong, td strong { font-family: 'Roboto', 'Helvetica_Neue_Light_Condensed_Regular', Verdana, Geneva, sans-serif; }
* { font-family: 'Roboto', 'RobotoThin', 'Helvetica_Neue_Light_Condensed_Regular', Verdana, Geneva, sans-serif; font-size: 100%; font-weight: lighter; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-font-smoothing: antialiased; -ms-font-smoothing: antialiased; -o-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-transition: none; transition: none; }
* strong { font-family: 'Roboto', 'Helvetica_Neue_Light_Condensed_Regular', Verdana, Geneva, sans-serif; }
html, body { font-size: 14.5px; background-color: #c2a472; color: #ffffff; padding: 0; margin: 0; cursor: default; width: 100%; height: 100%; position: absolute; display: block; text-align: center; overflow: auto; }
html, * { -webkit-user-drag: none; -khtml-user-drag: none; -moz-user-drag: none; -ms-user-drag: none; user-drag: none; }
#content, #article, article { height: 100%; width: 100%; }
* { overflow: hidden; }
body, html, #content, #content_in, * { overflow: none; }
#int_data, .scroll { overflow: auto; overflow-x: hidden; }
body { overflow: auto; overflow-y: hidden; display: block; display: inline-block; height: 100%; width: 100%; position: relative; padding: 0; margin: 0; }
#preloader { display: block; background-color: #c2a472; width: 100%; height: 100%; }
@-webkit-keyframes rotating { from { -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); }
to { -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes rotating { from { -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); }
to { -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
.rotating { -webkit-animation: rotating 10s linear infinite; animation: rotating 10s linear infinite; }
.timeline { width: 3211px; }
.timeline td { width: 520px; padding-right: 39px; }
.timeline_menu { text-align: center; }
.timeline_menu li { display: inline-block; color: #ffffff; }
.timeline_menu li a { -webkit-transition: all .5s; transition: all .5s; text-align: center; border-radius: 50%; display: inline-block; width: 40px; height: 10px; margin-left: 40px; background-color: #c2a472; padding: 25px 10px; }
.timeline_menu li a:hover, .timeline_menu li a.active_year { background-color: #006168; border: 3px solid #c2a472; }
.v-middle { vertical-align: middle; }
.v-middle * { vertical-align: middle; }
.number_circle, .inner_circle { text-align: center; color: #9a7337; width: 30px; height: 40px; padding: 10px; margin-right: 10px; display: inline-block; font-size: 200%; background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url(../images/number_circle.png); }
.inner_circle { background-image: url(../images/inner_circle.png); }
.number_title { display: inline-block; }
h1, h1 *, h2, h2 *, h3, h3 *, h4, h4 *, h5, h5 *, h6, h6 *, strong, strong *, input, input *, .input, .input * { font-family: 'RobotoCondensedThin', 'RobotoCondensed', 'RobotoThin', 'Roboto', 'Helvetica_Neue_Light_Condensed_Regular', Verdana, Geneva, sans-serif; font-weight: lighter; letter-spacing: 0px; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: 'RobotoCondensedThin', 'RobotoCondensed', 'Roboto', 'Helvetica_Neue_Light_Condensed_Regular', Verdana, Geneva, sans-serif; font-weight: lighter; letter-spacing: 0px; }
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong, .h1 strong, .h2 strong, .h3 strong, .h4 strong, .h5 strong, .h6 strong { font-family: 'RobotoCondensed', 'RobotoCondensedThin', 'Roboto', 'Helvetica_Neue_Light_Condensed_Regular', Verdana, Geneva, sans-serif; }
h1.normal, h2.normal, h3.normal, h4.normal, h5.normal, h6.normal, .h1.normal, .h2.normal, .h3.normal, .h4.normal, .h5.normal, .h6.normal { font-family: 'RobotoThin', 'Roboto', 'Helvetica_Neue_Light_Condensed_Regular', Verdana, Geneva, sans-serif; }
h1.normal strong, h2.normal strong, h3.normal strong, h4.normal strong, h5.normal strong, h6.normal strong, .h1.normal strong, .h2.normal strong, .h3.normal strong, .h4.normal strong, .h5.normal strong, .h6.normal strong { font-family: 'Roboto', 'Helvetica_Neue_Light_Condensed_Regular', Verdana, Geneva, sans-serif; }
h1, .h1 { font-size: 150%; }
h2, .h2 { font-size: 120%; }
h3, .h3 { font-size: 110%; }
h4, .h4 { font-size: 100%; }
h5, .h5 { font-size: 90%; }
h6, .h6 { font-size: 80%; }
.circle { border-radius: 50%; text-align: center; }
.circle * { margin: 0 20px; }
#viewer { display: block; position: fixed; text-align: center; }
#viewer #close { display: block; position: absolute; top: 10px; right: 10px; width: 20px; height: 20px; background-color: #ffffff; color: #333333; padding: 5px; padding-bottom: 10px; font-size: 200%; cursor: pointer; z-index: 10000 !important; }
#viewer #popup_content { overflow: auto; overflow-y: hidden; display: inline-block; height: 100%; width: 100%; position: relative; min-width: 1024px; max-width: 1200px; }
#mini_img { display: none; }
.circleButton { width: 150px; margin-left: 37.5px; }
.circleButton#title { left: 50%; top: 50%; margin-left: -75px; margin-top: -75px; }
br { display: block; }
strong { font-weight: bold; }
#int_data { left: 50%; width: 0; height: 100%; }
#int_data .dats { width: 100%; position: relative; }
a { text-decoration: none; cursor: pointer; }
a, .button, .pointer { cursor: pointer; }
.no-fill { fill: none; }
.dotted:before, .dotted:after { content: ' • '; display: inline-block; font-size: 50%; vertical-align: middle; padding: 0 10px; font-weight: lighter; }
span { text-align: inherit; vertical-align: inherit; font-weight: inherit; font-family: inherit; }
.cover { background-position: center; background-repeat: no-repeat; background-size: cover; overflow: hidden; }
.hidden, #seo { display: none !important; }
.center { text-align: center !important; }
.left { text-align: left !important; }
.right { text-align: right !important; }
.mayus { text-transform: uppercase; }
article, footer, header, nav { display: block; padding: 0; margin: 0; }
.article { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; text-align: left; overflow: auto; padding: 20px; margin: 0; }
.menu li { display: inline; font-size: 150%; letter-spacing: 2px; }
::-webkit-scrollbar { width: 5px; height: 5px; }
::-webkit-scrollbar-track { border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; }
::-webkit-scrollbar-thumb { border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; background-color: rgba(0,0,0,0.08); cursor: pointer; }
::-webkit-scrollbar-track-piece { background-color: rgba(0,0,0,0.08); }
::-webkit-scrollbar-thumb:window-inactive { background-color: rgba(0,0,0,0.08); }
::-moz-selection, *::-moz-selection { background-color: rgba(0,0,0,0.2); }
::selection, *::selection { background-color: rgba(0,0,0,0.2); }
.no-data { height: 100px; width: 100%; border-bottom: 1px dashed #C7C7C7; }
.slider .go_left, .slider .go_right { position: absolute; top: 0; width: 70px; height: 100%; cursor: pointer; background-position: center; background-repeat: no-repeat; background-size: 20%; opacity: .8; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.slider .go_left { left: 0; background-image: url(../images/arrow-left.png); }
.slider .go_right { right: 0; background-image: url(../images/arrow-right.png); }
.slider:hover .go_left, .slider:hover .go_right { opacity: 1; }
.editable { background-color: rgba(15,221,83,0.05); border: 1px dashed #0FDD53; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.editable .editable { background-color: rgba(221,194,15,0.05); border: 1px dashed #ddc20f; }
.editable .editable .editable { background-color: rgba(169,0,255,0.05); border: 1px dashed #a900ff; }
.editable:hover { background-color: rgba(200,200,200,0.05); border: 1px dashed #c8c8c8; }
#elemen_edit { position: fixed; top: 10px; right: 10px; width: 300px; height: auto; color: #fff; border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; padding: 10px; margin: 10px; background-color: rgba(0,0,0,0.3); border: 1px solid #ffffff; text-align: left; font-size: 12px; z-index: 99999; }
#elemen_edit input, #elemen_edit textarea, #elemen_edit pre { text-align: center; border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; min-height: 10px; font-size: 12px; color: #000; width: 90%; padding: 3px 2px; margin: 5px; background-color: rgba(255,255,255,0.8); border: 1px solid #ffffff; }
#elemen_edit input[type="number"] { width: 30px; }
#elemen_edit textarea, #elemen_edit #the_html { text-align: left; min-height: 50px; }

  #warning-message { display: none;     z-index: 10000 !important; }
    @media only screen and (orientation:portrait){
        #wrapper { display:none; }
        #warning-message { display:block; }
    }
    @media only screen and (orientation:landscape){
        #warning-message { display:none; }
    }


@media screen and (min-width: 102px) { html, body { font-size: 1px; min-width: 102px; }
#int_data.openIn { width: 82px; margin-left: -41px; }
.circleButton { width: 9px; margin-left: 2px; }
.circleButton#title { margin-left: -5px; margin-top: -5px; }
.circleButton#title.goLeft { margin-left: -46px; }
#big_year { font-size: 25px; }
.timeline { width: 247px; }
.timeline td { width: 40px; padding-right: 3px; }
.timeline_menu li a { width: 4px; height: 1px; margin-left: 4px; padding: 2px 1px; }
}
@media screen and (min-width: 204px) { html, body { font-size: 2px; min-width: 204px; }
#int_data.openIn { width: 164px; margin-left: -82px; }
.circleButton { width: 18px; margin-left: 4px; }
.circleButton#title { margin-left: -9px; margin-top: -9px; }
.circleButton#title.goLeft { margin-left: -91px; }
#big_year { font-size: 50px; }
.timeline { width: 494px; }
.timeline td { width: 80px; padding-right: 6px; }
.timeline_menu li a { width: 8px; height: 2px; margin-left: 8px; padding: 5px 2px; }
}
@media screen and (min-width: 307px) { html, body { font-size: 3px; min-width: 307px; }
#int_data.openIn { width: 246px; margin-left: -123px; }
.circleButton { width: 27px; margin-left: 6px; }
.circleButton#title { margin-left: -14px; margin-top: -14px; }
.circleButton#title.goLeft { margin-left: -137px; }
#big_year { font-size: 75px; }
.timeline { width: 741px; }
.timeline td { width: 120px; padding-right: 9px; }
.timeline_menu li a { width: 12px; height: 3px; margin-left: 12px; padding: 7px 3px; }
}
@media screen and (min-width: 409px) { html, body { font-size: 4px; min-width: 409px; }
#int_data.openIn { width: 328px; margin-left: -164px; }
.circleButton { width: 36px; margin-left: 9px; }
.circleButton#title { margin-left: -18px; margin-top: -18px; }
.circleButton#title.goLeft { margin-left: -182px; }
#big_year { font-size: 100px; }
.timeline { width: 988px; }
.timeline td { width: 160px; padding-right: 12px; }
.timeline_menu li a { width: 16px; height: 4px; margin-left: 16px; padding: 10px 4px; }
}
@media screen and (min-width: 512px) { html, body { font-size: 6px; min-width: 512px; }
#int_data.openIn { width: 410px; margin-left: -205px; }
.circleButton { width: 45px; margin-left: 11px; }
.circleButton#title { margin-left: -23px; margin-top: -23px; }
.circleButton#title.goLeft { margin-left: -228px; }
#big_year { font-size: 125px; }
.timeline { width: 1235px; }
.timeline td { width: 200px; padding-right: 15px; }
.timeline_menu li a { width: 20px; height: 5px; margin-left: 20px; padding: 12px 5px; }
}
@media screen and (min-width: 614px) { html, body { font-size: 7px; min-width: 614px; }
#int_data.openIn { width: 492px; margin-left: -246px; }
.circleButton { width: 54px; margin-left: 13px; }
.circleButton#title { margin-left: -27px; margin-top: -27px; }
.circleButton#title.goLeft { margin-left: -273px; }
#big_year { font-size: 150px; }
.timeline { width: 1482px; }
.timeline td { width: 240px; padding-right: 18px; }
.timeline_menu li a { width: 24px; height: 6px; margin-left: 24px; padding: 15px 6px; }
}
@media screen and (min-width: 921px) { html, body { font-size: 10px; min-width: 921px; }
#int_data.openIn { width: 738px; margin-left: -369px; }
.circleButton { width: 81px; margin-left: 20px; }
.circleButton#title { margin-left: -41px; margin-top: -41px; }
.circleButton#title.goLeft { margin-left: -410px; }
#big_year { font-size: 225px; }
.timeline { width: 2223px; }
.timeline td { width: 360px; padding-right: 27px; }
.timeline_menu li a { width: 36px; height: 9px; margin-left: 36px; padding: 22px 9px; }
}
@media screen and (min-width: 819px) { html, body { font-size: 9px; min-width: 819px; }
#int_data.openIn { width: 656px; margin-left: -328px; }
.circleButton { width: 72px; margin-left: 18px; }
.circleButton#title { margin-left: -36px; margin-top: -36px; }
.circleButton#title.goLeft { margin-left: -364px; }
#big_year { font-size: 200px; }
.timeline { width: 1976px; }
.timeline td { width: 320px; padding-right: 24px; }
.timeline_menu li a { width: 32px; height: 8px; margin-left: 32px; padding: 20px 8px; }
}
@media screen and (min-width: 921px) { html, body { font-size: 10px; min-width: 921px; }
#int_data.openIn { width: 738px; margin-left: -369px; }
.circleButton { width: 81px; margin-left: 20px; }
.circleButton#title { margin-left: -41px; margin-top: -41px; }
.circleButton#title.goLeft { margin-left: -410px; }
#big_year { font-size: 225px; }
.timeline { width: 2223px; }
.timeline td { width: 360px; padding-right: 27px; }
.timeline_menu li a { width: 36px; height: 9px; margin-left: 36px; padding: 22px 9px; }
}
@media screen and (min-width: 1024px) { html, body { font-size: 12px; min-width: 1024px; }
#int_data.openIn { width: 820px; margin-left: -410px; }
.circleButton { width: 90px; margin-left: 22px; }
.circleButton#title { margin-left: -45px; margin-top: -45px; }
.circleButton#title.goLeft { margin-left: -455px; }
#big_year { font-size: 250px; }
.timeline { width: 2470px; }
.timeline td { width: 400px; padding-right: 30px; }
.timeline_menu li a { width: 40px; height: 10px; margin-left: 40px; padding: 25px 10px; }
}
@media screen and (min-width: 1126px) { html, body { font-size: 13px; min-width: 1126px; }
#int_data.openIn { width: 902px; margin-left: -451px; }
.circleButton { width: 99px; margin-left: 24px; }
.circleButton#title { margin-left: -50px; margin-top: -50px; }
.circleButton#title.goLeft { margin-left: -501px; }
#big_year { font-size: 275px; }
.timeline { width: 2717px; }
.timeline td { width: 440px; padding-right: 33px; }
.timeline_menu li a { width: 44px; height: 11px; margin-left: 44px; padding: 27px 11px; }
}
@media screen and (min-width: 1228px) { html, body { font-size: 14px; min-width: 1228px; }
#int_data.openIn { width: 984px; margin-left: -492px; }
.circleButton { width: 108px; margin-left: 27px; }
.circleButton#title { margin-left: -54px; margin-top: -54px; }
.circleButton#title.goLeft { margin-left: -546px; }
#big_year { font-size: 300px; }
.timeline { width: 2964px; }
.timeline td { width: 480px; padding-right: 36px; }
.timeline_menu li a { width: 48px; height: 12px; margin-left: 48px; padding: 30px 12px; }
}
@media screen and (min-width: 1331px) { html, body { font-size: 14px; min-width: 1331px; }
#int_data.openIn { width: 1066px; margin-left: -533px; }
.circleButton { width: 117px; margin-left: 29px; }
.circleButton#title { margin-left: -59px; margin-top: -59px; }
.circleButton#title.goLeft { margin-left: -592px; }
#big_year { font-size: 325px; }
.timeline { width: 3211px; }
.timeline td { width: 520px; padding-right: 39px; }
.timeline_menu li a { width: 52px; height: 13px; margin-left: 52px; padding: 32px 13px; }
}