@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section {
  margin: 0;
  padding: 0;
  border: 0;
}
html {
  height: 100%;
  background-color: #fff;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body {
  height: 100%;
  overflow-y: scroll;
  font-size: 1em;
  line-height: 1.5em;
  background-color: #fff;
  color: #333;
  -webkit-tap-highlight-color: transparent;
}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,audio,canvas,video {
  display: block;
}
sub,sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
pre {
  margin: 0.5em 0 0.5em 0;
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
  background: #f8f8f8 !important;
  border: 1px solid #ddd !important;
  border-radius: 6px !important;
  -moz-border-radius: 6px !important;
  -webkit-border-radius: 6px !important;
  padding: 0.5em !important;
  overflow: auto;
}
ul,ol {
  padding-left: 2em !important;
}
ol ol li {
  list-style-type: lower-alpha;
}
ol ol ol li {
  list-style-type: lower-roman;
}
b,strong {
  font-weight: bold;
}
abbr[title] {
  border-bottom: 1px dotted;
}
input,textarea,button,select {
  font-size: 1em;
  margin: 0;
  line-height: normal;
  vertical-align: baseline;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
button,html input[type="button"],input[type="reset"],input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}
textarea {
  overflow: auto;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
figure {
  position: relative;
}
figure img,figure object,figure embed,figure video {
  max-width: 100%;
  display: block;
}
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
}
hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
}
.wrapper {
  padding: 0 0.75em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.wrap {
  overflow: hidden;
  word-wrap: break-word;
}
body,
input,
textarea,
button,
select {
  font-family: 'Open Sans', sans-serif;
  /*font-family: sans-serif;*/
  outline: none;
}
pre, code {
  font-family: Menlo, Monaco, monospace;
  font-size: 0.875em;
}
strong,
code {
  color: #333333;
}
blockquote {
  margin-left: 1.5em;
  font-style: italic !important;
  color: #787878;
}
::selection {
  background: #2F94B4;
  color: #fff;
}
::-moz-selection {
  background: #2F94B4;
  color: #fff;
}
img::selection {
  background: transparent;
}
img::-moz-selection {
  background: transparent;
}
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
  border: none;
}
button,input,select,textarea {
  background-image: none;
}
input[type="file"] {
  border: none;
}

/* Slidebars 2.0.2 */
html, body, [canvas=container], [off-canvas] { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html, body { width: 100%; height: 100%; overflow: hidden; }
[canvas] { z-index: 1; }
[canvas=container] { width: 100%; height: 101%; overflow-y: auto; overflow-x: hidden; position: relative; background-color: transparent; -webkit-overflow-scrolling: touch; }
[canvas=container]:before, [canvas=container]:after { clear: both; content: ''; display: table; }
[off-canvas] { display: none; position: fixed; overflow: hidden; overflow-y: auto; background-color: black; color: white; -webkit-overflow-scrolling: touch; }
[off-canvas*=top] { width: 100%; height: 255px; top: 0; }
[off-canvas*=right] { width: 255px; height: 100%; top: 0; right: 0; }
[off-canvas*=bottom] { width: 100%; height: 255px; bottom: 0; }
[off-canvas*=left] { width: 255px; height: 100%; top: 0; left: 0; }
[off-canvas*=reveal] { z-index: 0; }
[off-canvas*=push] { z-index: 1; }
[off-canvas*=overlay] { z-index: 9999; }
[off-canvas*=shift] { z-index: 0; }
[canvas], [off-canvas] {
  -webkit-transform: translate( 0px, 0px );
  -ms-transform: translate( 0px, 0px );
  transform: translate( 0px, 0px );
  -webkit-transition: -webkit-transform 300ms;
  transition: transform 300ms;
  -webkit-backface-visibility: hidden;
}
[off-canvas*=shift][off-canvas*=top] {
  -webkit-transform: translate( 0px, 50% );
  transform: translate( 0px, 50% );
}
[off-canvas*=shift][off-canvas*=right] {
  -webkit-transform: translate( -50%, 0px );
  transform: translate( -50%, 0px );
}
[off-canvas*=shift][off-canvas*=bottom] {
  -webkit-transform: translate( 0px, -50% );
  transform: translate( 0px, -50% );
}
[off-canvas*=shift][off-canvas*=left] {
  -webkit-transform: translate( 50%, 0px );
  transform: translate( 50%, 0px );
}
@media print {
  [canvas] {
    -webkit-transform: translate( 0px, 0px ) !important;
    -ms-transform: translate( 0px, 0px ) !important;
    transform: translate( 0px, 0px ) !important;
  }
  [off-canvas] {
    display: none !important;
  }
}

/* others */
p {
  margin: 0 0 0.6em 0;
  clear: both;
}
.small,small,code {
  font-size: 0.8125em;
  line-height: 1.384em;
}
.normal,h4,h3 {
  font-size: 1em;
  line-height: 1.125em;
  font-weight: bold;
  margin: 0.5em 0 0.5em 0;
  color: #1d1a4b;
}
.large,h2,h1 {
  font-size: 1.25em;
  line-height: 1.375em;
  font-weight: bold;
  margin: 0.5em 0 0.5em 0;
  color: #1d1a4b;
}
.huge {
  font-size: 2.625em;
  line-height: 1.142em;
}
.massive {
  font-size: 4.25em;
  line-height: 1.058em;
}
.gigantic {
  font-size: 6.875em;
  line-height: 1.090em;
}
a {
  text-decoration: none;
  color: #1d1a4b;
  outline : none;
}
a:hover {
  color: #1d1a4b;
  /*background-color: #EAD9D9;*/
  text-decoration: underline;
}
a:active {}
a:visited {}

/* chrome scrollbar */
::-webkit-scrollbar {
  height: 12px;
  width: 12px;
  overflow: visible;
}
::-webkit-scrollbar-thumb {
  background-color: rgba(234,234,234,.4);
  background-clip: padding-box;
  border: solid transparent;
  border-width: 1px 1px 1px 1px;
  min-height: 28px;
  padding: 100px 0 0;
  box-shadow: inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07);
}
::-webkit-scrollbar-button {
  height: 0;
  width: 0;
}
::-webkit-scrollbar-track {
  background-clip: padding-box;
  border: solid transparent;
  border-width: 0 0 0 0px;
  background-color: rgba(0,0,0,1.0);
}
::-webkit-scrollbar-corner {
  background: transparent;
}

/* others */
.wrapper {
  position: relative;
}
.clear_ {
  clear: both;
}

.button {
  font-weight: bold;
  color: #000;
  background-color: #fafafa;
  border: 1px solid #999;
  text-shadow: -1px 1px 0px #fff;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  padding: 5px 20px 5px 20px;
  margin-top: 10px;
  cursor: pointer;
}
.button:hover {
  background-color: #f2f2f2;
}
.button:active {}

a.button {
  display: block;
  float: left;
  width: auto;
  font-weight: bold;
  color: #1d1a4b;
  background-color: #fafafa;
  border: 1px solid #999;
  text-shadow: -1px 1px 0px #fff;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  padding: 5px 20px 5px 20px;
  margin-top: 10px;
  background-image: none;
}
a.button:hover {
  background-color:  #f2f2f2;
  text-decoration: none;
}

.input,
.select,
.textarea {
  width: 100%;
  border: 1px solid #999;
  padding: 5px;
  margin-top: 15px;
  background-color: #fff;
}
.textarea {
  width: 100%;
  height: 250px;
}
.input:focus,
.input:hover,
.textarea:focus {
  background: #FAFAFA;
}
.select {
  width: auto;
}
.checkbox {
  margin: 0 5px;
}
.cblabel {
  cursor: pointer;
}
.javascript {
  background-image: url(javascript.png);
  background-repeat: no-repeat;
  height: 160px;
  padding-left: 80px;
  padding-top: 8px;
  color: #ACA870;
}

.background,
.background2 {
  position: fixed;
  background-attachment: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}

.head, .content, .foot, #scrollmenu_menu {
  max-width: 1000px;
  margin: 0 auto;
}
.head_wrap {
  clear: both;
  background-color: #fff;
  border-bottom: 1px solid #ccc;
}
.head {
  padding: 1em 0 1.5em 0;
  font-size: 0.875em;
  min-height: 3.5em;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.content_wrap {
  float: left;
  width: 100%;
  padding: 1em 0;
  background-color: #f0f0f0;
  /*background-image: url(content.png);*/
}
.content {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
  padding: 0.75em 0;
}

.foot_wrap {
  clear: both;
  background-color: #fff;
  border-top: 1px dashed #ccc;
}
.foot {
  padding: 1.5em 0 1.5em 0;
  font-size: 0.875em;
  color: #9E9C95;
}

.foot a,
.head a {
  color: #1d1a4b;
}
.head a,
#scrollmenu_menu a {
  margin: 0;
}
.foot a:hover,
.head a:hover {}
.touch {
  cursor: pointer;
}

.rows_ div.wrapper {
  margin: 0 0 1em;
}
.row100 div.wrapper {
  margin: 0 0 1em;
}
.row50 div.wrapper {
  margin: 0 0 1em;
}
.row33 div.wrapper {
  margin: 0 0 1em;
}
.row25 div.wrapper {
  margin: 0 0 1em;
}
.row75_ {}
.row25_ {}
.row75__ {}
.row50__ {}
.row25__ {}

section {
  clear: both;
}

.wrapper_ {
  margin: 0 !important;
  padding: 0 !important;
}


/* mainmenu */
#mainmenu {
  float: left;
  margin: 1.2em 0 0 0;
  overflow: hidden;
}
#mainmenu div.wrapper {
  position: static;
}
#mainmenu ul {
  list-style-type: none;
  padding-left: 0 !important;
}
#mainmenu ul ul {
  display: none;
}
#mainmenu ul ul li {}
#mainmenu ul ul ul {
  display: none;
}
#mainmenu ul ul ul ul {
  display: none;
}
#mainmenu ul li {
  float: left;
  width: auto;
  margin-right: 1em;
  text-align: center;
}
#mainmenu ul li > a {
  display: block;
  width: 100%;
  padding: 0 5px;
  cursor: pointer;
  color: rgba(29, 26, 75, 0.75)!important;
  font-weight: bold;
  border-bottom: 2px solid #fff!important;
  text-decoration: none;
}
#mainmenu ul li > a:hover {
  color: #1d1a4b!important;
  /*background-color: #EAD9D9;*/
  border-bottom: 2px solid #c78d8e!important;
}
#mainmenu ul li:last-child {
  /*margin-right: 0;*/
}
#mainmenu ul li:hover > ul {
  display: block;
}
#mainmenu ul li ul,
#mainmenu ul li ul li ul {
  position: absolute;
  display: none;
  width: 200px;
  z-index: 100;
  background-color: #333;
  border: 1px solid #000;
  -webkit-box-shadow: 0px 2px 8px -2px #929292;
  box-shadow: 0px 2px 8px -2px #929292;
}
#mainmenu ul li ul li {
  float: none;
  width: 200px;
  z-index: 100;
  background-image: none;
  border-bottom: 1px solid #000;
  text-align: left;
}
#mainmenu ul li ul li > a {
  display: block;
  width: 90%;
  padding: 5px 5%;
  line-height: 1.2em;
  border-left: 0;
}
#mainmenu ul li ul li:last-child {
  border-bottom: 0;
}
#mainmenu ul li ul li {
  position: relative;
}
#mainmenu ul li ul li:hover > ul {
  display: block;
  left: 200px;
  top: 0;
}
#mainmenu .subarrow {
  position: relative;
}
#mainmenu .subarrow > a:after {
  position: absolute;
  top: 5px;
  right: 7px;
  content: "\2023";
  font-size: 1.375em;
  color: #fff;
}
.submenu .subarrow ul li ul li > a {
  width: 85%;
  padding: 5px 10% 5px 5%;
}
#mainmenu .menu_gfx {
  background-color: none;
}
#mainmenu a.menu_gfx {
  color: #1d1a4b!important;
  /*background-color: #EAD9D9;*/
}
#mainmenu a.menu_gfx:hover {
  /*background-color: #EAD9D9;*/
  border-bottom: 2px solid #c78d8e!important;
}
#mainmenu a.menu_gfxa {
  /*background-color: #EAD9D9;*/
  border-bottom: 2px solid #c78d8e!important;
}


/* scrollmenu */
#scrollmenu {
  overflow: hidden;
}
#scrollmenu ul {
  list-style-type: none;
  padding-left: 0 !important;
}
#scrollmenu ul ul {
  display: none;
}
#scrollmenu ul ul li {}
#scrollmenu ul ul ul {
  display: none;
}
#scrollmenu ul ul ul ul {
  display: none;
}
#scrollmenu ul li {
  float: left;
  width: auto;
  margin-right: 1em;
  text-align: center;
}
#scrollmenu ul li > a {
  display: block;
  width: 100%;
  padding: 5px;
  cursor: pointer;
  color: #1d1a4b;
  font-weight: normal;
  text-decoration: none;
}
#scrollmenu ul li > a:hover {
  /*background-color: #F0F0F0;*/
  border-bottom: 2px solid #c78d8e!important;
}
#scrollmenu ul li:last-child {
  margin-right: 0;
}
#scrollmenu ul li:hover > ul {
  display: block;
}
#scrollmenu ul li ul {
  display: none;
  position: fixed;
  z-index: 100;
  background-color: #fff;
  -webkit-box-shadow: 0px 2px 8px -2px #929292;
  box-shadow: 0px 2px 8px -2px #929292;
}
#scrollmenu ul li ul li {
  float: none;
  text-align: left;
  white-space: nowrap;
  width: 200px;
  z-index: 100;
  background-image: none;
  border-bottom: 1px solid #ccc;
}
#scrollmenu ul li ul li > a {
  width: 90%;
  padding: 5px 5%;
}
#scrollmenu ul li ul li:last-child {
  border-bottom: 0;
}
#scrollmenu ul li ul li:hover > ul {
  display: none;
}
#scrollmenu .menu_gfx {
  /*background-color: #F0F0F0;*/
}
#scrollmenu a.menu_gfx {
  color: #1d1a4b!important;
  border-bottom: 2px solid #c78d8e!important;
}
#scrollmenu a.menu_gfx:hover {
  /*background-color: #F0F0F0!important;*/
  border-bottom: 2px solid #c78d8e!important;
}
#scrollmenu a.menu_gfxa {
}
#scrollmenu_wrap {
  position: fixed;
  z-index: 100;
  top: 0px;
  width: 100%;
  clear: both;
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-box-shadow: 0px 2px 8px -2px #929292;
  box-shadow: 0px 2px 8px -2px #929292;
}
#scrollmenu_menu {
  position: relative;
  padding: 1em 0;
  overflow: hidden;
}


/* submenu */
.submenu {
  margin: 0 0 1em 0;
}
.submenu ul {
  list-style-type: none;
  padding-left: 0 !important;
  width: 200px;
  background-color: #333;
  border: 1px solid #000;
  -webkit-box-shadow: 0px 2px 8px -2px #929292;
  box-shadow: 0px 2px 8px -2px #929292;
}
.submenu ul ul {
  width: 198px;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.submenu ul li {
  float: none;
  border-bottom: 1px solid #000;
}
.submenu ul li:last-child {
  border-bottom: 0;
}
.submenu ul li > a {
  display: block;
  cursor: pointer;
  color: #ffc300;
  width: 90%;
  padding: 5px 5%;
  line-height: 1.2em;
}
.submenu .subarrow ul li > a {
  width: 85%;
  padding: 5px 10% 5px 5%;
}
.submenu .subarrow {
  position: relative;
}
.submenu .subarrow > a:after {
  position: absolute;
  top: 5px;
  right: 7px;
  content: "\25bc";
  font-size: 0.625em;
  color: #fff;
}
.submenu ul li ul {
  display: none;
}
.submenu ul li a.menu_gfx + ul  {
  display: block!important;
}
.submenu ul li ul li > a {
  width: 90%;
  padding: 5px 5% 5px 5%;
}
.submenu ul li ul li > a:before {
  content: "\2022";
  color: #fff;
  margin-right: 5%;
}
.submenu_wrapper {
  margin: 0 !important;
}
.submenu ul li > a:hover {
  background-color: #4F3C00;
}
.submenu a.menu_gfx {
  background-color: #927104!important;
  color: #fff!important;
}
.submenu a.menu_gfxa {
  background-color: #04925A!important;
}


/* mobilemenu */
#mobilemenu_wrapper {
  position: fixed;
  width: 100%;
  height: 43px;
  z-index: 90;
  display: none;
  clear: both;
  /*background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);*/
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#mobilemenu_box {
  position: relative;
  top: 10px;
  float: left;
  width: 32px;
  height: 22px;
  background-image: url(mobile.png);
  background-repeat: no-repeat;
  cursor: pointer;
  background-color: #6D7576;
  margin-left: 0.75em;
}
#mobilemenu {
  top: 43px;
}
#mobilemenu ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
  padding-left: 0!important;
}
#mobilemenu ul:first-child {
  padding-bottom: 60px;
}
#mobilemenu ul:first-child > li:first-child {
  border-top: none;
}
#mobilemenu li {
  width: 100%;
  padding: 0;
  margin: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
#mobilemenu li a {
  border-left: 0 solid transparent;
  width: 90%;
  display: inline-block;
  padding: 5%;
  color: #fff;
  font-weight: 400;
  text-decoration: none;
}
#mobilemenu li a:hover {
  background-color: #1d1a4b;
}
#mobilemenu ul li {
  background-color: #080808;
}
#mobilemenu ul li ul li {
  padding-left: 0;
  background-color: #080808;
}
#mobilemenu ul li ul li a {
  width: 85%;
  padding: 5% 5% 5% 10%;
}
#mobilemenu ul li ul li ul li a {
  width: 80%;
  padding: 5% 5% 5% 15%;
}
#mobilemenu .menu_gfx {
  background-color: #3B3B3B!important;
}
#mobilemenu .menu_gfxa {
  background-color: #1d1a4b!important;
}
#mobilemenu .menu_gfx ul {
  background-color: #222;
}
#mobilemenu ul li ul .menu_gfx {
  background-color: #1d1a4b!important;
}
#mobilemenu  ul li ul .menu_gfxa {
  background-color: #1d1a4b!important;
}


/* css others */
.logo {
  float: left;
  position: relative;
  left: -0.75em;
}
.logo a:hover {
  background-color: transparent;
}
.logo_ {
  position: relative;
  float: left;
}
.logo_ img {
  width: 80%;
  margin: 0.5em 0 0 0.75em;
}
.logo_ a:hover {
  background-color: transparent;
}
#gotop {
  position: fixed;
  display: none;
  text-align: center;
  text-decoration: none;
  z-index: 5000;
  width: 2.5em;
  height: 2.5em;
  bottom: 1em;
  right: 2em;
  color: #1d1a4b;
  opacity: 0.6;
  cursor: pointer;
}
#gotop:hover {
  color: #4B4B4B;
}

.thumb_ {
  display: block;
  float: left;
  margin: 0 6px 6px 0;
  line-height: 0;
}

#modalbox_wrapper {
  width: 888px;
}
#modalbox_wrapper .content_wrap {
  padding: 0;
}
#modalbox_wrapper .content {
  margin: 0;
  background-color: #fff;
}

.swiper-container {
  width: 100%;
  height: auto;
}
.swiper-slide {
  text-align: center;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.gallery-container {
  float: left;
  width: 100%;
}
.gallery-item {
  float: left;
  margin: 0 5px 5px 0;
}
.gallery-item img {
  max-height: 90px;
}

#contentheader {
  background-color: #fff;
  float: left;
  width: 100%;
  padding: 1em 0;
}
#contentheader div.wrapper {
  margin: 0;
}

.newsstart {
  display: block;
  background-color: rgba(29, 26, 75, 0.05);
  padding: 0 0.5em;
  margin: 0 0 0.5em 0;
  text-decoration: none;
  font-weight:normal;
  font-style:italic;
  color:#1D1A4B;
  border-top: 1px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8;
}

/*
*
*  Four-column grid active
*  ----------------------------------------
*  Margin   | #  1   2   3   4   |   Margin
*  5.55555% | %  25  50  75  100 | 5.55555%
*
*  320px
*  baseline grid to 16/16 = 1.0
*
*/
@media screen and (min-width: 0em) {
  .sb-slidebar {width:80%;}
  .sb-width-thin {width:55%;}
  .sb-width-wide {width:85%;}
  .row25 div:nth-child(3) {
    clear: both;
  }
  #mainmenu {
    display: none;
  }
  #mobilemenu_wrapper {
    display: block;
  }
  #modalbox_wrapper {
    width: 100%;
  }
  .head, .content, .foot, #scrollmenu_menu {
    width: 100%;
  }
  .content {
    padding: 0.75em 0.25em;
  }
  .head {
    padding: 1em 0 0.5em 0;
  }
  .logo {
    float: none;
    text-align: center;
    left: 0;
  }
}

/*
*
*  480px 568px
*  Zoom baseline grid to 17/16 = 1.0625
*  @media screen and (min-width: 480px)
*
*/
@media screen and (min-width: 30em) {
  .sb-slidebar {width:55%;}
  .sb-width-thin {width:40%;}
  .sb-width-wide {width:70%;}
  body {
    font-size: 1.0625em;
  }
  .row100 div.wrapper {
    text-align: left;
  }
  .row75_ div.wrapper{
    text-align: left;
  }
  .row50 div.wrapper {
    text-align: left;
  }
  .row25 div.wrapper {
    width: 50%;
    float: left;
  }
  .head, .foot, #scrollmenu_menu {
    font-size: 1.00em;
  }
}

/*
*
*  600px 603px
*  Zoom baseline grid to 17/16 = 1.0625
*  @media screen and (min-width: 600px)
*
*/
@media screen and (min-width: 37.5em) {
}

/*
*
*  640px
*  Zoom baseline grid to 17/16 = 1.0625
*  @media screen and (min-width: 640px)
*
*/
@media screen and (min-width: 40em) {
}

/*
*
*  Eight-column grid active
*  ----------------------------------------------------------------------
*  Margin   | #  1     2     3     4     5     6     7     8   |   Margin
*  5.55555% | %  12.5  25.0  37.5  50.0  62.5  75.0  87.5  100 | 5.55555%
*
*
*  720px
*  Zoom baseline grid to 17/16 = 1.0625
*  @media screen and (min-width: 720px)
*
*/
@media screen and (min-width: 45em) {
  .row33 div.wrapper {
    float: left;
    width: 33.333%;
  }
  .row75_ {
    float: left;
    width: 66.666%;
  }
  .row25_ {
    float: left;
    width: 33.333%;
  }
  .content {
    padding: 0.75em 0;
  }
}

/*
*
*  768px
*  Reset baseline grid to 16/16 = 1.0
*  @media screen and (min-width: 744px)
*
*/
@media screen and (min-width: 46.5em) {
  .sb-slidebar {width:40%;}
  .sb-width-thin {width:25%;}
  .sb-width-wide {width:55%;}
  body {
    font-size: 1em;
  }
}

/*
*
*  966px
*  Reset baseline grid to 17/16 = 1.0625
*  @media screen and (min-width: 888px)
*
*/
@media screen and (min-width: 55.5em) {
  body {
    font-size: 1em;
  }
  .row50 div.wrapper {
    float: left;
    width: 50%;
  }
  .row25 div.wrapper {
    width: 25%;
  }
  .row25 div:nth-child(3) {
    clear: none;
  }
  .row75__ {
    float: left;
    width: 75%;
  }
  .row50__ {
    float: left;
    width: 50%;
  }
  .row25__ {
    float: left;
    width: 25%;
  }
  #mobilemenu_wrapper {
    display: none;
  }
  #mainmenu {
    display: block;
  }
  #modalbox_wrapper {
    width: 888px;
  }
  .head {
    padding: 1em 0 1.5em 0;
  }
  .logo {
    float: left;
    text-align: left;
    left: -0.75em;
    margin: 0 1em 0 0;
  }
}

/*
*
*  1024px 1152px
*  Reset baseline grid to 16/16 = 1.0
*  @media screen and (min-width: 984px)
*
*/
@media screen and (min-width: 61.5em) {
  .sb-slidebar {width:30%;}
  .sb-width-thin {width:15%;}
  .sb-width-wide {width:45%;}
  body {
    font-size: 1em;
  }
  .logo_ {
    width: auto;
    top: 0;
  }
}

@media screen and (min-width: 61.5em) {
  .head, .content, .foot, #scrollmenu_menu {
    max-width: 1000px;
  }
}

/*
*
*  1280px
*  Zoom baseline grid to 17/16 = 1.0625
*  @media screen and (min-width: 1200px)
*
*/
@media screen and (min-width: 75em) {
  .sb-slidebar {width:20%;}
  .sb-width-thin {width:5%;}
  .sb-width-wide {width:35%;}
}

/*
*
*  1440px 1600px
*  Reset baseline grid to 16/16 = 1.0
*  @media screen and (min-width: 1392px)
*
*/
@media screen and (min-width: 87em) {
  body {
    font-size: 1em;
  }
 .head, .content, .foot, #scrollmenu_menu {
    /*margin: 0 16.666666666666664%;*/
  }
  .logo_ {
    margin: 0 0 0 16.666666666666664%;
  }
}

/*
*
*  1920px 16/9 Desktop 22-24"
*  Zoom baseline grid to 17/16 = 1.0625
*  @media screen and (min-width: 1680px)
*
*/
@media screen and (min-width: 105em) {
}

/*
*
*  Sixteen-column grid active
*  ----------------------------------------------------------------------------------------------------------------------
*  Margin   | #  1     2     3     4     5     6     7     8     9     10    11    12    13    14    15    16  |   Margin
*  5.55555% | %  6.25  12.5  18.75 25.0  31.25 37.5  43.75 50.0  56.25 62.5  68.75 75.0  81.25 87.5  93.75 100 | 5.55555%
*
*
*  1920px Fullscreen
*  Zoom baseline grid to 17/16 = 1.0625
*  @media screen and (min-width: 1872px)
*
*/
@media screen and (min-width: 117em) {
}

/*
*
*  Zoom baseline grid to 17/16 = 1.0625
*  @media screen and (min-width: 2080px)
*
*/
@media screen and (min-width: 130em) {
  .head, .content, .foot, #scrollmenu_menu {
    /*margin: 0 22.22222222222222%;*/
  }
  .logo_ {
    margin: 0 1em 0 22.22222222222222%;
  }
}

/*
*
*  2560px 27"
*  Zoom baseline grid to 18/16 = 1.125
*  @media screen and (min-width: 2496px)
*
*/
@media screen and (min-width: 156em) {
  body {
    font-size: 1.125em;
  }
}

/*
*
*  Zoom baseline grid to 18/16 = 1.125
*  @media screen and (min-width: 3216px)
*
*/
@media screen and (min-width: 201em) {
  .head, .content, .foot, #scrollmenu_menu {
    /*margin: 0 27.77777777777778%;*/
  }
  .logo_ {
    margin: 0 1em 0 27.77777777777778%;
  }
}

/*
*
*  Zoom baseline grid to 19/16 = 1.1875
*  @media screen and (min-width: 4104px)
*
*/
@media screen and (min-width: 256.5em) {
  body {
    font-size: 1.1875em;
  }
  .head, .content, .foot, #scrollmenu_menu {
    /*margin: 0 33.33333333333333%;*/
  }
  .logo_ {
    margin: 0 1em 0 33.33333333333333%
  }
}

/*
*
*  @media screen and (min-width: 4440px)
*
*/
@media screen and (min-width: 277.5em) {
  body {
    position: relative;
    max-width: 5120px;
  }
}