/*-------------------------------------------------------------------------*/

/*	Reset

/*-------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td,

del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,

h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,

dl, dt, dd, ol, ul, li, fieldset, form, label, legend {

  vertical-align: baseline;

  font-family: inherit;

  font-weight: inherit;

  font-style: inherit;

  font-size: 100%;

  outline: 0;

  padding: 0;

  margin: 0;

  border: 0; }



/*-------------------------------------------------------------------------*/

/*	Meta elements

/*-------------------------------------------------------------------------*/

html{

  height: 100%;

}

body {

  height: 100%;

  font-size: 20px;

  font-family: 'Times New Roman', serif;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale; }



h1 {

  font-size: 36px;

  font-weight: bold;

  margin: 65px 0 45px; }



h3 {

  font-weight: bold;

  font-size: 28px;

  margin: 0 0 20px; }



p {

  margin: 0 0 0.7em; }

p.epigraph {

  float: right;

  font-style: italic;

  margin-bottom: 45px;

  text-align: right;

  width: 60%; }

p.text-center {

  text-align: center; }



table tr td {

  vertical-align: top;

  padding: 15px; }

table tr td:first-child {

  padding-left: 0; }

table tr td:last-child {

  padding-right: 0; }



/*-------------------------------------------------------------------------*/

/*	Main page

/*-------------------------------------------------------------------------*/

.l-mainpage {

  background: #009E3C;

  position: absolute;

  top: 0;

  right: 0;

  left: 0;

  bottom: 0;

  text-align: center; }



.b-mainpage-langs {

  font-size: 0;

  margin: 65px auto 0;

  display: inline-block; }

.b-mainpage-langs a {

  display: inline-block;

  background: #fac946;

  color: #0d8c49;

  text-decoration: none;

  font-size: 20px;

  height: 50px;

  width: 50px;

  margin: 0 6px;

  text-align: center;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -ms-border-radius: 50%;

  border-radius: 50%;

  line-height: 50px;

  font-weight: bold;

  -webkit-transition: all 120ms linear;

  -moz-transition: all 120ms linear;

  -ms-transition: all 120ms linear;

  -o-transition: all 120ms linear;

  transition: all 120ms linear;

  position: relative; }

.b-mainpage-langs a:hover {

  color: #ed1c24;

  -webkit-transition: all 80ms linear;

  -moz-transition: all 80ms linear;

  -ms-transition: all 80ms linear;

  -o-transition: all 80ms linear;

  transition: all 80ms linear; }



.b-mainpage-logo {

  margin: 0 auto;

  display: block; }



.b-mainpage-slogan {

  display: inline-block;

  font-size: 39px;

  margin: 22px 0 0;

  color: #fac946;

  text-shadow: 1px 1px 0 #000;

  font-weight: bold; }



/*-------------------------------------------------------------------------*/

/*	Asia page

/*-------------------------------------------------------------------------*/

.l-asiapage {

  width: 100%;

  min-height: 100%;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */

  -moz-box-sizing: border-box;    /* Firefox, other Gecko */

  box-sizing: border-box;         /* Opera/IE 8+ */

  overflow: hidden;

  background: #ffde40;

  color: #010101; }



.b-asia-header {

  height: 156px;

  background: #009e3f url("../images/asia-header.jpg") no-repeat center top; }



.b-asia-nav {

  list-style: none;

  font-size: 0;

  background: #0d8c49;

  border-top: 5px solid #ffde40;

  border-bottom: 5px solid #ffde40;

  text-align: center;

  position: relative;

  z-index: 10; }

.b-asia-nav > li {

  display: inline-block;

  font-size: 30px;

  padding: 9px 4px;

  font-weight: bold;

  position: relative; }

.b-asia-nav > li:first-child {

  margin-left: 0; }

.b-asia-nav > li.dropdown {

  padding-right: 102px;

  padding-left: 102px; }

.b-asia-nav > li.dropdown:hover {

  background: #DD1A22; }

.b-asia-nav > li.dropdown:hover a {

  color: #ffde40; }

.b-asia-nav > li.dropdown:hover > ul {

  display: block; }

.b-asia-nav > li > a, .b-asia-nav > li span {

  color: #ffde40;

  text-decoration: none;

  -webkit-transition: all 100ms linear;

  -moz-transition: all 100ms linear;

  -ms-transition: all 100ms linear;

  -o-transition: all 100ms linear;

  transition: all 100ms linear; }

.b-asia-nav > li > a:hover {

  color: #ed1c24; }

.b-asia-nav > li > span {

  cursor: default; }

.b-asia-nav > li > ul {

  display: none;

  position: absolute;

  left: 0;

  right: 0;

  top: 52px;

  background: #dd1a22;

  padding: 0 20px 20px; }

.b-asia-nav > li > ul > li {

  display: block; }

.b-asia-nav > li > ul > li a {

  color: #ffde40;

  font-size: 18px;

  font-weight: bold;

  text-decoration: none;

  text-transform: uppercase;

  -webkit-transition: all 120ms linear;

  -moz-transition: all 120ms linear;

  -ms-transition: all 120ms linear;

  -o-transition: all 120ms linear;

  transition: all 120ms linear;

  line-height: 23px;

  display: inline-block; }

.b-asia-nav > li > ul > li a span {

  border-bottom: 1px solid rgba(255, 222, 64, 0.5); }

.b-asia-nav > li > ul > li a:hover span {

  border-bottom-color: #ffde40; }



.asia-photo-welcome {

  position: relative;

  margin-bottom: 8px; }

.asia-photo-welcome .text {

  position: absolute;

  color: #fff;

  top: 90px;

  right: 80px; }

.asia-photo-welcome img {

  display: block; }



.b-asia-mid {

  background: #0d8c49; }



.b-asia-banner {

  width: 870px;

  height: 546px;

  margin: 0 auto;

  background: url("../images/asis-banner.jpg") no-repeat;

  border: 5px solid #ffde40;

  border-top: none;

  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25);

  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25);

  position: relative; }



.b-asia-banner__midnav {

  text-align: center;

  list-style: none;

  position: absolute;

  right: 35px;

  top: 180px;

  width: 230px; }

.b-asia-banner__midnav li {

  margin-bottom: 25px; }

.b-asia-banner__midnav li a {

  border-bottom: 1px solid rgba(255, 222, 64, 0.5);

  color: #ffde40;

  font-size: 18px;

  font-weight: bold;

  text-decoration: none;

  text-transform: uppercase;

  -webkit-transition: all 120ms linear;

  -moz-transition: all 120ms linear;

  -ms-transition: all 120ms linear;

  -o-transition: all 120ms linear;

  transition: all 120ms linear; }

.b-asia-banner__midnav li a:hover {

  border-bottom-color: #ffde40; }



.b-asia-vert-langs-wrap {

  width: 800px;

  margin: 0 auto;

  position: relative; }



.b-asia-vert-langs {

  background: #0d8c49;

  height: 41px;

  overflow: hidden;

  position: absolute;

  right: -110px;

  top: 11px;

  z-index: 11; }

.b-asia-vert-langs:hover {

  height: auto !important; }

.b-asia-vert-langs a {

  display: block;

  background: #fac946;

  color: #0d8c49;

  text-decoration: none;

  font-size: 15px;

  height: 40px;

  width: 40px;

  margin: 0 6px 15px;

  text-align: center;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -ms-border-radius: 50%;

  border-radius: 50%;

  line-height: 40px;

  font-weight: bold;

  -webkit-transition: all 120ms linear;

  -moz-transition: all 120ms linear;

  -ms-transition: all 120ms linear;

  -o-transition: all 120ms linear;

  transition: all 120ms linear;

  position: relative; }

.b-asia-vert-langs a:hover {

  color: #ed1c24;

  -webkit-transition: all 80ms linear;

  -moz-transition: all 80ms linear;

  -ms-transition: all 80ms linear;

  -o-transition: all 80ms linear;

  transition: all 80ms linear; }



.b-mainpage-langs--asia {

  margin: 0 auto;

  padding: 27px 0;

  height: 50px;

  width: 880px;

  text-align: justify;

  position: relative;

  display: block; }

.b-mainpage-langs--asia:before {

  content: '';

  display: block;

  width: 100%; }

.b-mainpage-langs--asia:after {

  content: '';

  display: inline-block;

  width: 100%; }



.b-asia-content {

  width: 800px;

  padding: 0 40px;

  margin: 0 auto; }

.b-asia-content h1 {

  margin-top: 0;

  padding-top: 65px;

  text-align: center; }



/*-------------------------------------------------------------------------*/

/*	Euro page

/*-------------------------------------------------------------------------*/

.l-europage {

  width: 100%;

  min-height: 100%;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */

  -moz-box-sizing: border-box;    /* Firefox, other Gecko */

  box-sizing: border-box;         /* Opera/IE 8+ */

  overflow: hidden;

  background: #fff url("../images/euro-full-bg.jpg") repeat-y center top;

  color: #3782be; }

.l-europage .b-asia-content {

  background: #fff;

}

.b-euro-in-header + .b-asia-content {

  width: 920px;

}



.b-euro-header {

  width: 880px;

  height: 299px;

  background: #c7dff2 url("../images/euro-header.jpg") no-repeat center top;

  margin: 0 auto;

  position: relative; }

.b-euro-header .b-euro-nav {

  list-style: none;

  font-size: 0;

  background: rgba(0, 0, 0, 0.4);

  position: absolute;

  bottom: 0;

  left: 0;

  right: 0;

  height: 54px; }

.b-euro-header .b-euro-nav > li {

  display: inline-block;

  font-size: 30px;

  padding: 9px 7px;

  font-weight: bold;

  position: relative; }

.b-euro-header .b-euro-nav > li:first-child {

  margin-left: 0; }

.b-euro-header .b-euro-nav > li > a, .b-euro-header .b-euro-nav > li span {

  color: #fff;

  text-decoration: none;

  -webkit-transition: all 100ms linear;

  -moz-transition: all 100ms linear;

  -ms-transition: all 100ms linear;

  -o-transition: all 100ms linear;

  transition: all 100ms linear; }

.b-euro-header .b-euro-nav > li > a:hover {

  color: #ed1c24; }

.b-euro-header .b-euro-langs {

  background: rgba(0, 0, 0, 0.4);

  position: absolute;

  top: 0;

  right: 0;

  bottom: 54px;

  width: 155px;

  padding-top: 28px; }

.b-euro-header .b-euro-langs a {

  display: block;

  background: #fff;

  color: #97C7E6;

  text-decoration: none;

  font-size: 20px;

  height: 50px;

  width: 50px;

  margin: 0 auto 15px;

  text-align: center;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -ms-border-radius: 50%;

  border-radius: 50%;

  line-height: 50px;

  font-weight: bold;

  -webkit-transition: all 120ms linear;

  -moz-transition: all 120ms linear;

  -ms-transition: all 120ms linear;

  -o-transition: all 120ms linear;

  transition: all 120ms linear;

  position: relative; }

.b-euro-header .b-euro-langs a:hover {

  color: #ed1c24;

  -webkit-transition: all 80ms linear;

  -moz-transition: all 80ms linear;

  -ms-transition: all 80ms linear;

  -o-transition: all 80ms linear;

  transition: all 80ms linear; }



.b-euro-mid {

  width: 880px;

  height: 281px;

  margin: 0 auto;

  position: relative;

  background: url("../images/euro-mid-banner.jpg") no-repeat; }



.b-euro-banner__midnav {

  text-align: center;

  list-style: none;

  position: absolute;

  left: 45px;

  top: 10px;

  width: 230px; }

.b-euro-banner__midnav li {

  margin-bottom: 25px; }

.b-euro-banner__midnav li a {

  border-bottom: 1px solid rgba(55, 130, 190, 0.35);

  color: #3782be;

  font-size: 18px;

  font-weight: bold;

  text-decoration: none;

  text-transform: uppercase;

  -webkit-transition: all 120ms linear;

  -moz-transition: all 120ms linear;

  -ms-transition: all 120ms linear;

  -o-transition: all 120ms linear;

  transition: all 120ms linear; }

.b-euro-banner__midnav li a:hover {

  border-bottom-color: #3782be; }



.b-euro-in-header {

  height: 215px;

  position: relative;

  background: url("../images/euro-in-header.jpg") no-repeat center top; }

.b-euro-in-header .b-asia-nav {

  position: absolute;

  bottom: 0;

  left: 0;

  right: 0;

  margin: 0 auto;

  width: 1000px;

  border-top-color: #97c7e6;

  border-bottom-color: #97c7e6;

  background: rgba(255, 255, 255, 0.4); }

.b-euro-in-header .b-asia-nav li a, .b-euro-in-header .b-asia-nav li span {

  color: #3782be; }

.b-euro-in-header .b-asia-nav li.dropdown {

  padding-right: 82px;

  padding-left: 82px; }

.b-euro-in-header .b-asia-nav li.dropdown:hover {

  background: #97c7e6; }

.b-euro-in-header .b-asia-nav li.dropdown:hover a {

  color: #3782be; }

.b-euro-in-header .b-asia-nav li.dropdown:hover a span {

  border-bottom: 1px solid rgba(255, 255, 255, 0.35); }

.b-euro-in-header .b-asia-nav li.dropdown:hover a span:hover {

  border-bottom-color: white; }

.b-euro-in-header .b-asia-nav li ul {

  background: #97c7e6; }

.b-euro-in-header .b-asia-vert-langs-wrap {

  position: absolute;

  bottom: 0;

  left: 0;

  right: 0; }

.b-euro-in-header .b-asia-vert-langs-wrap .b-asia-vert-langs {

  right: -100px;

  background: #97c7e6;

  padding: 10px 0 0;

  height: 49px;

  top: -62px; }

.b-euro-in-header .b-asia-vert-langs-wrap .b-asia-vert-langs a {

  background: #fff;

  color: #7FC8E8; }

.b-euro-in-header .b-asia-vert-langs-wrap .b-asia-vert-langs a:hover {

  color: #0083C1; }



.asia-photo-welcome .text {

  width: 320px;

}

.work-area {

  width: 1000px;

  margin: 10px auto 10px auto;

}

.photo {

  width: 940px;

  margin: 0 auto;

}

.member_desc_exp {

  text-align:left;

  margin-bottom: 30px;

}

.capture-field-message {

  font-weight: bold;

  color: #333333;

}

.music-item {

  margin: 0;

}

.header-guest-book {

  font-weight: bold;

}