/* ---------------------------------------------------------
   1. Bootstrap reset
   2. General reset
   3. Common site styles
   4. Styles for responsive breakpoints
   5. Others
   ---------------------------------------------------------*/
/* ---------------------------------------------------------
   1. Bootstrap reset
   ---------------------------------------------------------*/
/**
 * ----------------------------------------------------------------------------------------
 * Custom variables and override bootstrap variables
 * ----------------------------------------------------------------------------------------
 */
/* ---------------------------------------------------------
   2. General reset
   ---------------------------------------------------------*/
#header .social, #header .lang, .footer-main-nav > ul,
#nav > ul, .footer-main-nav > ul .drop > ul,
#nav > ul .drop > ul, .footer-main-nav > ul .drop > ul > li ul,
#nav > ul .drop > ul > li ul, .nav-line ul.nav-line-nav, .nav-line ul.nav-line-nav > li ul, .head-paralax .sublink-nav, .footer-nav, .footer-nav ul, .footer-main .copy-box .user-nav, .footer-main .contact-box .social-box .social, .footer-main .contact-box .site-nav, .footer-b .partner-list, .footer-b .bottom-nav, .event-section .event-list, .agenda-section .agenda-list, .sidebar-widget .social, .page-content ul, .content-box ul, .accordion-box ul.accordion, .accordion-box ul.accordion > li ul {
  margin: 0;
  padding: 0;
  list-style: none; }

@keyframes shake {
  0% {
    transform: translateX(0); }
  20% {
    transform: translateX(-10px); }
  40% {
    transform: translateX(10px); }
  60% {
    transform: translateX(-10px); }
  80% {
    transform: translateX(10px); }
  100% {
    transform: translateX(0); } }
/* ---------------------------------------------------------
   3. Common site styles
   ---------------------------------------------------------*/
/* Typography */
/**
 * ----------------------------------------------------------------------------------------
 * Typography
 * ----------------------------------------------------------------------------------------
 */
/* Link */
a:focus,
a:active {
  text-decoration: none; }

p a {
  padding-bottom: 0.05em;
  border-bottom: 0.0625em dotted #212121;
  transition: all 0.35s;
  font-weight: 600; }
  p a:hover {
    color: #000;
    transition: all 0.35s;
    text-decoration: none;
    border-bottom: 0.0625em solid #212121; }
  p a.pdf {
    border-bottom: none;
    color: #424242; }
    p a.pdf:before {
      font-family: FontAwesome;
      content: "\f1c1";
      display: inline-block;
      padding-right: 10px; }
    p a.pdf:hover {
      text-decoration: none;
      background: none;
      color: #757575;
      opacity: 0.6; }
  p a.ico-img {
    border-bottom: none;
    color: #424242; }
    p a.ico-img:before {
      font-family: FontAwesome;
      content: "\f1c5";
      display: inline-block;
      padding-right: 10px; }
    p a.ico-img:hover {
      text-decoration: none;
      background: none;
      color: #757575;
      opacity: 0.6; }

p.back a:hover {
  text-decoration: none;
  background: none;
  color: #757575;
  opacity: 0.6; }

p a.no-underline, p a.back {
  border-bottom: none;
  padding: 0; }

p.intro-text {
  font-size: 18px;
  font-size: 1.8rem; }

p.subtitle {
  font-size: 17px;
  font-size: 1.7rem;
  font-weight: 600; }

span.icon-awa-bus, span.icon-awa-metro, span.icon-awa-train, span.icon-awa-car, span.icon-awa-plane {
  display: inline;
  color: #bdbdbd;
  margin-right: 10px; }

label.error {
  color: #a94442; }

/* Paragraph */
p {
  margin: 0 0 11px;
  margin-bottom: 15px; }

article time.date {
  margin-bottom: 15px;
  display: block;
  color: #616161; }

/* Headings */
h1,
h2,
h3,
h4 {
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase; }

h1 {
  font-size: 32px;
  font-size: 3.2rem;
  letter-spacing: 2px;
  line-height: 1.2;
  font-weight: 400; }

article h1 {
  font-size: 24px;
  font-size: 2.4rem; }

h2 {
  font-size: 24px;
  font-size: 2.4rem;
  letter-spacing: 2px;
  line-height: 1.3;
  font-weight: 100; }

h3 {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.4;
  letter-spacing: 2px;
  font-weight: 400; }

h4 {
  font-size: 16px;
  font-size: 1.6rem;
  letter-spacing: 2px;
  color: #444;
  font-weight: 500;
  margin-top: 25px; }

h5 {
  font-size: 15px;
  font-size: 1.5rem; }

h6 {
  font-size: 13px;
  font-size: 1.3rem; }

h3.attachments {
  font-size: 15px;
  font-size: 1.5rem; }

html {
  font-size: 45%; }

@media (min-width: 768px) {
  html {
    font-size: 55%; } }
@media (min-width: 992px) {
  html {
    font-size: 62.5%; } }
@media (min-width: 1200px) {
  html {
    font-size: 72%; } }
@media print {
  a[href]:after {
    display: none !important; }

  @page {
    margin-left: 0.25cm;
    margin-right: 0.25cm;
    margin-top: 2cm;
    margin-bottom: 2cm; }
  #header, .header-scroll.active, .overlay, .nav-line {
    position: relative !important; } }
@font-face {
  font-family: 'awa';
  src: url("../fonts/awa/awa.eot?3al1dx");
  src: url("../fonts/awa/awa.eot?#iefix3al1dx") format("embedded-opentype"), url("../fonts/awa/awa.ttf?3al1dx") format("truetype"), url("../fonts/awa/awa.woff?3al1dx") format("woff"), url("../fonts/awa/awa.svg?3al1dx#awa") format("svg");
  font-weight: normal;
  font-style: normal; }
[class^="icon-"], [class*=" icon-"] {
  font-family: 'awa';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-awa-pinterest:before {
  content: "\f231"; }

.icon-awa-google-plus:before {
  content: "\ea88"; }

.icon-awa-google-plus2:before {
  content: "\ea89"; }

.icon-awa-facebook:before {
  content: "\ea8c"; }

.icon-awa-facebook2:before {
  content: "\ea8e"; }

.icon-awa-twitter:before {
  content: "\ea91"; }

.icon-awa-twitter2:before {
  content: "\ea93"; }

.icon-awa-play-youtube:before {
  content: "\ea97"; }

.icon-awa-play-youtube2:before {
  content: "\ea98"; }

.icon-awa-youtube2:before {
  content: "\ea99"; }

.icon-awa-youtube3:before {
  content: "\ea9a"; }

.icon-awa-apple:before {
  content: "\eabf"; }

.icon-awa-android:before {
  content: "\eac1"; }

.icon-awa-search:before {
  content: "\e600"; }

.icon-awa-search-thin:before {
  content: "\e601"; }

.icon-awa-clock:before {
  content: "\e602"; }

.icon-awa-qr-code:before {
  content: "\e603"; }

.icon-awa-bus:before {
  content: "\e604"; }

.icon-awa-car:before {
  content: "\e605"; }

.icon-awa-taxi:before {
  content: "\e606"; }

.icon-awa-plane:before {
  content: "\e607"; }

.icon-awa-pin:before {
  content: "\e608"; }

.icon-awa-metro:before {
  content: "\e609"; }

.icon-awa-lock:before {
  content: "\e60a"; }

.icon-awa-map-pin-2:before {
  content: "\e60b"; }

.icon-awa-map-pin:before {
  content: "\e60c"; }

.icon-awa-mobile:before {
  content: "\e60d"; }

.icon-awa-people:before {
  content: "\e60e"; }

.icon-awa-parking:before {
  content: "\e60f"; }

.icon-awa-iphone:before {
  content: "\e610"; }

.icon-awa-pin-outline:before {
  content: "\e611"; }

.icon-awa-plane-vert:before {
  content: "\e612"; }

.icon-awa-calendar:before {
  content: "\e613"; }

.icon-awa-plan:before {
  content: "\e614"; }

.icon-awa-qr-code-2:before {
  content: "\e615"; }

.icon-awa-train:before {
  content: "\e616"; }

.icon-awa-car-parking:before {
  content: "\e617"; }

.icon-awa-world-map:before {
  content: "\e618"; }

.icon-awa-youtube:before {
  content: "\e619"; }

/* Components */
.btn, .btn.btn-transparent {
  padding: 11px 20px;
  font-size: 11px;
  line-height: 1.428571429;
  border-radius: 0;
  text-transform: uppercase;
  letter-spacing: 3px;
  word-spacing: -2px;
  transition: all 0.3s ease 0s; }
  .btn:hover {
    transition: all 0.3s ease 0s; }

.btn-primary:hover {
  opacity: 0.75;
  border-color: #000; }

.btn-default {
  background-color: transparent; }
  .btn-default:hover {
    background-color: #fff;
    border-color: #757575; }

.btn-box {
  margin-top: 30px;
  margin-bottom: 15px; }

.btn-box .btn.btn-default {
  margin-left: 15px; }

.btn-box .btn.btn-primary {
  margin-right: 15px; }

.btn-box-tab .btn {
  margin-right: 15px;
  margin-bottom: 30px; }

.btn.btn-transparent {
  padding: 15px 30px;
  font-size: 11px;
  line-height: 1.428571429;
  border-radius: 0;
  color: whitesmoke;
  background-color: transparent;
  border-color: whitesmoke; }
  .btn.btn-transparent:hover, .btn.btn-transparent:focus, .btn.btn-transparent.focus, .btn.btn-transparent:active, .btn.btn-transparent.active, .open > .btn.btn-transparent.dropdown-toggle {
    color: whitesmoke;
    background-color: transparent;
    border-color: #d6d6d6; }
  .btn.btn-transparent:active, .btn.btn-transparent.active, .open > .btn.btn-transparent.dropdown-toggle {
    background-image: none; }
  .btn.btn-transparent.disabled, .btn.btn-transparent.disabled:hover, .btn.btn-transparent.disabled:focus, .btn.btn-transparent.disabled.focus, .btn.btn-transparent.disabled:active, .btn.btn-transparent.disabled.active, .btn.btn-transparent[disabled], .btn.btn-transparent[disabled]:hover, .btn.btn-transparent[disabled]:focus, .btn.btn-transparent[disabled].focus, .btn.btn-transparent[disabled]:active, .btn.btn-transparent[disabled].active, fieldset[disabled] .btn.btn-transparent, fieldset[disabled] .btn.btn-transparent:hover, fieldset[disabled] .btn.btn-transparent:focus, fieldset[disabled] .btn.btn-transparent.focus, fieldset[disabled] .btn.btn-transparent:active, fieldset[disabled] .btn.btn-transparent.active {
    background-color: transparent;
    border-color: whitesmoke; }
  .btn.btn-transparent .badge {
    color: transparent;
    background-color: whitesmoke; }
  .btn.btn-transparent:hover {
    background-color: #fff;
    color: #212121; }

.btn.btn-search {
  color: whitesmoke;
  background-color: transparent;
  border-color: #bdbdbd; }
  .btn.btn-search:hover, .btn.btn-search:focus, .btn.btn-search.focus, .btn.btn-search:active, .btn.btn-search.active, .open > .btn.btn-search.dropdown-toggle {
    color: whitesmoke;
    background-color: transparent;
    border-color: #9e9e9e; }
  .btn.btn-search:active, .btn.btn-search.active, .open > .btn.btn-search.dropdown-toggle {
    background-image: none; }
  .btn.btn-search.disabled, .btn.btn-search.disabled:hover, .btn.btn-search.disabled:focus, .btn.btn-search.disabled.focus, .btn.btn-search.disabled:active, .btn.btn-search.disabled.active, .btn.btn-search[disabled], .btn.btn-search[disabled]:hover, .btn.btn-search[disabled]:focus, .btn.btn-search[disabled].focus, .btn.btn-search[disabled]:active, .btn.btn-search[disabled].active, fieldset[disabled] .btn.btn-search, fieldset[disabled] .btn.btn-search:hover, fieldset[disabled] .btn.btn-search:focus, fieldset[disabled] .btn.btn-search.focus, fieldset[disabled] .btn.btn-search:active, fieldset[disabled] .btn.btn-search.active {
    background-color: transparent;
    border-color: #bdbdbd; }
  .btn.btn-search .badge {
    color: transparent;
    background-color: whitesmoke; }
  .btn.btn-search:after {
    content: "\e600";
    font-family: "awa";
    font-size: 16px;
    line-height: 1;
    margin-left: 10px;
    font-weight: normal;
    opacity: 0.6;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .btn.btn-search:hover {
    opacity: 0.7; }

/* Layout */
/* main container styles */
#wrapper {
  overflow: hidden;
  position: relative;
  width: 100%; }

.w1 {
  padding: 50px 0 0; }

#content {
  padding: 60px 0 100px; }

/* page title styles */
.page-title {
  margin-left: -15px;
  margin-right: -15px;
  margin-left: 0;
  margin-right: 0; }
  .page-title:before, .page-title:after {
    content: " ";
    display: table; }
  .page-title:after {
    clear: both; }
  .page-title h1 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    padding-right: 0;
    padding-left: 0; }
    @media (min-width: 992px) {
      .page-title h1 {
        float: left;
        width: 100%; } }

.page-title-logo {
  margin-left: -15px;
  margin-right: -15px; }
  .page-title-logo:before, .page-title-logo:after {
    content: " ";
    display: table; }
  .page-title-logo:after {
    clear: both; }
  .page-title-logo .title {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; }
    @media (min-width: 768px) {
      .page-title-logo .title {
        float: left;
        width: 66.6666666667%; } }
    @media (min-width: 992px) {
      .page-title-logo .title {
        float: left;
        width: 75%; } }
    @media (min-width: 1200px) {
      .page-title-logo .title {
        float: left;
        width: 75%; } }
  .page-title-logo .image {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; }
    @media (min-width: 768px) {
      .page-title-logo .image {
        float: left;
        width: 33.3333333333%; } }
    @media (min-width: 992px) {
      .page-title-logo .image {
        float: left;
        width: 25%; } }
    @media (min-width: 1200px) {
      .page-title-logo .image {
        float: left;
        width: 25%; } }

.page-title-logo.no-gutter {
  margin-left: 0;
  margin-right: 0; }

.page-title-logo.no-gutter [class*='title']:not(:last-child),
.page-title-logo.no-gutter [class*='image']:not(:first-child) {
  padding-right: 0;
  padding-left: 0; }

.page-title,
.page-title-logo {
  padding-bottom: 15px;
  margin-bottom: 30px;
  border-bottom: 1px solid #eee; }
  .page-title h1,
  .page-title-logo h1 {
    text-transform: uppercase;
    letter-spacing: 2px; }
    .page-title h1 em,
    .page-title-logo h1 em {
      font-weight: 300;
      font-style: normal; }
  .page-title .section-title,
  .page-title-logo .section-title {
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #a9a9a9;
    font-weight: 300;
    margin-bottom: 0;
    margin-top: 30px;
    font-size: 20px; }
  .page-title .back,
  .page-title-logo .back {
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 2px; }

/* generic page content styles */
.page-content-full {
  margin-left: -15px;
  margin-right: -15px; }
  .page-content-full:before, .page-content-full:after {
    content: " ";
    display: table; }
  .page-content-full:after {
    clear: both; }

.page-content {
  margin-left: -15px;
  margin-right: -15px;
  margin-top: 35px;
  margin-bottom: 35px; }
  .page-content:before, .page-content:after {
    content: " ";
    display: table; }
  .page-content:after {
    clear: both; }
  .page-content .full-content {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; }
    @media (min-width: 992px) {
      .page-content .full-content {
        float: left;
        width: 100%; } }
  .page-content .half-content {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; }
    @media (min-width: 992px) {
      .page-content .half-content {
        float: left;
        width: 50%; } }
  .page-content .one-third-content {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; }
    @media (min-width: 992px) {
      .page-content .one-third-content {
        float: left;
        width: 33.3333333333%; } }
  .page-content .two-third-content {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; }
    @media (min-width: 992px) {
      .page-content .two-third-content {
        float: left;
        width: 66.6666666667%; } }
  .page-content .content-text {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; }
    @media (min-width: 768px) {
      .page-content .content-text {
        float: left;
        width: 58.3333333333%; } }
    @media (min-width: 992px) {
      .page-content .content-text {
        float: left;
        width: 58.3333333333%; } }
    @media (min-width: 1200px) {
      .page-content .content-text {
        float: left;
        width: 58.3333333333%; } }
  .page-content .content-media {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; }
    @media (min-width: 768px) {
      .page-content .content-media {
        float: left;
        width: 41.6666666667%; } }
    @media (min-width: 992px) {
      .page-content .content-media {
        float: left;
        width: 41.6666666667%; } }
    @media (min-width: 1200px) {
      .page-content .content-media {
        float: left;
        width: 41.6666666667%; } }

/* training page content styles */
.page-content-sidebar {
  margin-left: -15px;
  margin-right: -15px; }
  .page-content-sidebar:before, .page-content-sidebar:after {
    content: " ";
    display: table; }
  .page-content-sidebar:after {
    clear: both; }
  .page-content-sidebar article {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; }
    @media (min-width: 768px) {
      .page-content-sidebar article {
        float: left;
        width: 100%; } }
    @media (min-width: 992px) {
      .page-content-sidebar article {
        float: left;
        width: 75%; } }
    @media (min-width: 1200px) {
      .page-content-sidebar article {
        float: left;
        width: 75%; } }
  .page-content-sidebar aside {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; }
    @media (min-width: 768px) {
      .page-content-sidebar aside {
        float: left;
        width: 100%; } }
    @media (min-width: 992px) {
      .page-content-sidebar aside {
        float: left;
        width: 25%; } }
    @media (min-width: 1200px) {
      .page-content-sidebar aside {
        float: left;
        width: 25%; } }

/* agenda page content styles */
.section-content {
  margin-left: -15px;
  margin-right: -15px;
  margin: 35px 0; }
  .section-content:before, .section-content:after {
    content: " ";
    display: table; }
  .section-content:after {
    clear: both; }
  .section-content.even {
    padding: 60px 40px;
    background-color: whitesmoke;
    border-bottom: 1px solid #bdbdbd; }
    .section-content.even img {
      margin-bottom: 30px; }
    .section-content.even .post-box {
      margin-top: 60px;
      padding-left: 20px; }
  .section-content .post-content {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; }
    @media (min-width: 768px) {
      .section-content .post-content {
        float: left;
        width: 66.6666666667%; } }
    @media (min-width: 992px) {
      .section-content .post-content {
        float: left;
        width: 75%; } }
  .section-content .post-box {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; }
    @media (min-width: 768px) {
      .section-content .post-box {
        float: left;
        width: 33.3333333333%; } }
    @media (min-width: 992px) {
      .section-content .post-box {
        float: left;
        width: 25%; } }

/* link page content styles */
.article-content {
  margin-left: -15px;
  margin-right: -15px; }
  .article-content:before, .article-content:after {
    content: " ";
    display: table; }
  .article-content:after {
    clear: both; }
  .article-content .article-text {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; }
    @media (min-width: 768px) {
      .article-content .article-text {
        float: left;
        width: 58.3333333333%; } }
    @media (min-width: 992px) {
      .article-content .article-text {
        float: left;
        width: 75%; } }
  .article-content .article-image {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; }
    @media (min-width: 768px) {
      .article-content .article-image {
        float: left;
        width: 41.6666666667%; } }
    @media (min-width: 992px) {
      .article-content .article-image {
        float: left;
        width: 16.6666666667%; } }
    @media (min-width: 992px) {
      .article-content .article-image:nth-child(2) {
        margin-left: 8.3333333333%; } }

/* header styles */
#header {
  background: #212121;
  margin: 0;
  padding: 10px 0 0;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 8;
  /* social styles */
  /* language styles */ }
  #header .container {
    position: relative; }
    #header .container:after {
      content: '';
      display: block;
      clear: both; }
  #header .social {
    float: left;
    margin: 0; }
    #header .social li {
      display: inline-block;
      float: left;
      margin: 0 25px 0 0; }
      #header .social li a {
        color: #757575;
        font-size: 22px; }
        #header .social li a:hover {
          color: whitesmoke; }
      #header .social li .tooltip {
        text-transform: uppercase;
        letter-spacing: 2px;
        font-size: 11px; }
  #header .lang {
    float: right;
    padding: 6px 0 0;
    margin: 0 -1px 0 12px; }
    #header .lang li {
      float: left;
      font-size: 16px;
      line-height: 16px;
      text-transform: uppercase;
      position: relative;
      padding: 0 0 0 15px; }
      #header .lang li:after {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 7px;
        height: 100%;
        width: 1px;
        background: #fff; }
      #header .lang li:first-child:after {
        display: none; }
      #header .lang li.active {
        font-weight: bold; }
        #header .lang li.active a {
          color: #999999; }
      #header .lang li a {
        color: #fff; }
        #header .lang li a:hover {
          text-decoration: none;
          color: #b3b3b3; }

/* navigation styles */
.footer-main-nav,
#nav {
  float: right;
  padding: 1px 0 18px; }
  .footer-main-nav > ul,
  #nav > ul {
    /* dropdown styles */ }
    .footer-main-nav > ul > li,
    #nav > ul > li {
      color: #fff;
      float: left;
      font-size: 11px;
      line-height: 19px; }
      .footer-main-nav > ul > li.has-drop-down .has-drop-down-a:before,
      #nav > ul > li.has-drop-down .has-drop-down-a:before {
        opacity: 0;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 13px 14px 13px;
        border-color: transparent transparent #fff transparent;
        position: absolute;
        top: 100%;
        left: 50%;
        margin: 8px 0 0 -12px;
        content: '';
        -webkit-transition: opacity 0.3s ease-in-out;
        -moz-transition: opacity 0.3s ease-in-out;
        -ms-transition: opacity 0.3s ease-in-out;
        -o-transition: opacity 0.3s ease-in-out;
        transition: opacity 0.3s ease-in-out; }
      .footer-main-nav > ul > li.hover .has-drop-down-a:before,
      #nav > ul > li.hover .has-drop-down-a:before {
        opacity: 1;
        -webkit-transition: opacity 0.3s ease-in-out;
        -moz-transition: opacity 0.3s ease-in-out;
        -ms-transition: opacity 0.3s ease-in-out;
        -o-transition: opacity 0.3s ease-in-out;
        transition: opacity 0.3s ease-in-out; }
      .footer-main-nav > ul > li > a,
      #nav > ul > li > a {
        position: relative;
        letter-spacing: 1px;
        color: #fff;
        word-spacing: -2px;
        text-transform: uppercase;
        padding: 0 21px;
        text-decoration: none; }
        .footer-main-nav > ul > li > a:hover,
        #nav > ul > li > a:hover {
          color: #e6e6e6; }
        .footer-main-nav > ul > li > a:after,
        #nav > ul > li > a:after {
          content: '';
          position: absolute;
          top: 50%;
          left: 0;
          width: 2px;
          height: 13px;
          background: url(../images/sprite.png) no-repeat -26px -24px;
          margin: -5px 0 0 -4px; }
      .footer-main-nav > ul > li:first-child a:after,
      #nav > ul > li:first-child a:after {
        display: none; }
    .footer-main-nav > ul > li.active a a,
    #nav > ul > li.active a a {
      color: #e6e6e6; }
    .footer-main-nav > ul .drop-active .drop,
    #nav > ul .drop-active .drop {
      opacity: 1; }
    .footer-main-nav > ul .drop,
    #nav > ul .drop {
      opacity: 0;
      position: absolute;
      top: 100%;
      left: 15px;
      right: 15px;
      padding: 55px 0 88px;
      background: #fff;
      z-index: 220; }
      .footer-main-nav > ul .drop > ul,
      #nav > ul .drop > ul {
        overflow: hidden;
        font-size: 13px;
        line-height: 17px; }
        .footer-main-nav > ul .drop > ul > li,
        #nav > ul .drop > ul > li {
          float: left;
          width: 25%;
          padding: 0 38px;
          letter-spacing: 1px; }
          .footer-main-nav > ul .drop > ul > li > a,
          #nav > ul .drop > ul > li > a {
            text-transform: uppercase;
            color: #616161;
            font-weight: 500;
            padding: 0; }
            .footer-main-nav > ul .drop > ul > li > a:hover,
            #nav > ul .drop > ul > li > a:hover {
              text-decoration: none;
              color: #949494; }
          .footer-main-nav > ul .drop > ul > li.active a,
          #nav > ul .drop > ul > li.active a {
            text-decoration: none;
            color: #949494; }
          .footer-main-nav > ul .drop > ul > li ul,
          #nav > ul .drop > ul > li ul {
            margin: 8px 0 0;
            padding: 11px 0 0;
            border-top: 1px solid #616161; }
            .footer-main-nav > ul .drop > ul > li ul > li,
            #nav > ul .drop > ul > li ul > li {
              padding: 13px 0 14px;
              font-size: 12px;
              line-height: 17px;
              float: none;
              width: auto;
              border-bottom: 1px dotted #616161; }
              .footer-main-nav > ul .drop > ul > li ul > li a,
              #nav > ul .drop > ul > li ul > li a {
                font-weight: 500;
                color: #616161; }
                .footer-main-nav > ul .drop > ul > li ul > li a:hover,
                #nav > ul .drop > ul > li ul > li a:hover {
                  text-decoration: none;
                  color: #949494; }
              .footer-main-nav > ul .drop > ul > li ul > li.active a,
              #nav > ul .drop > ul > li ul > li.active a {
                text-decoration: none;
                color: #949494; }

/* mobile opener styles */
.mob-opener {
  display: none;
  height: 26px;
  padding: 0;
  text-decoration: none;
  font-size: 14px;
  position: absolute;
  right: 10px;
  top: -2px; }
  .mob-opener b {
    color: #fff;
    float: left;
    font-weight: normal;
    margin: 0 7px 0 0;
    line-height: 24px;
    text-transform: uppercase; }
  .mob-opener > span {
    background: #bdbdbd;
    position: relative;
    display: block;
    width: 26px;
    height: 26px;
    z-index: 5;
    margin: 0 auto;
    float: right; }
  .mob-opener > span:before,
  .mob-opener > span:after,
  .mob-opener span > span {
    background: #fff;
    position: absolute;
    top: 50%;
    left: 3px;
    right: 3px;
    height: 2px;
    margin-top: -1px;
    transition: all 0.4s linear; }
  .mob-opener > span::before,
  .mob-opener > span::after {
    content: '';
    top: 30%; }
  .mob-opener > span:after {
    top: 70%; }

.active-mob .mob-opener > span span {
  opacity: 0; }

.active-mob .mob-opener > span:after,
.active-mob .mob-opener > span:before {
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  left: 0;
  right: 0; }

.active-mob .mob-opener > span:after {
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg); }

/* intro styles */
.intro {
  background-color: #212121;
  background-position: 50% 50%;
  background-size: cover;
  background-attachment: fixed;
  padding: 175px 0 0;
  position: relative;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 23px;
  font-weight: 300;
  color: #fff;
  letter-spacing: 2px;
  word-spacing: -2px; }
  .intro .over {
    background: rgba(0, 0, 0, 0.3) !important;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
  .intro .container {
    position: relative;
    z-index: 2;
    text-align: center; }
  .intro .season {
    word-spacing: 0;
    color: #fff;
    font-size: 20px;
	line-height: 30px;
    display: block;
    text-transform: uppercase;
    margin: 0 0 10px; }
  .intro p {
    margin: 0 0 130px; }
  .intro time.date {
    letter-spacing: 0;
    word-spacing: 2px;
    display: inline-block;
    vertical-align: top;
    color: #fff;
    font-size: 30px;
    line-height: 40px;
    font-weight: 500;
    padding: 0 0 15px;
    margin: 0 0 25px;
    text-transform: uppercase;
    border-bottom: 1px solid #fff; }
  .intro .name {
    display: block;
    font-size: 20px;
    font-weight: 300;
    line-height: 30px;
    color: #fff;
    letter-spacing: 1px;
    word-spacing: 0;
    margin: 0 0 81px;
    padding: 0 0 0 6px;
    text-transform: uppercase; }

.logo {
  margin: 0 auto 30px;
  text-align: center;
  padding: 0 0 0 2px; }
  .logo a {
    display: inline-block;
    vertical-align: top; }
  .logo img {
    vertical-align: top; }

.header-scroll {
  padding: 120px 0 0; }

/* nav-line styles */
.nav-line {
  position: relative;
  z-index: 4;
  background: rgba(247, 247, 247, 0.09); }
  .nav-line .nav-line-holder {
    max-width: 1180px;
    margin: 0 auto; }
  .nav-line ul.nav-line-nav {
    padding: 16px 0 0;
    letter-spacing: 0;
    word-spacing: 0; }
    .nav-line ul.nav-line-nav:after {
      content: '';
      display: block;
      clear: both; }
    .nav-line ul.nav-line-nav > li {
      position: relative;
      float: left;
      padding: 0;
      width: 16.6666666%; }
      .nav-line ul.nav-line-nav > li > a {
        font-size: 12px;
        letter-spacing: 1px;
        line-height: 20px;
        padding: 10px 25px 10px;
        font-weight: bold;
        display: inline-block;
        vertical-align: top;
        text-align: center;
        text-transform: uppercase;
        color: #fff; }
        .nav-line ul.nav-line-nav > li > a:hover {
          text-decoration: none;
          color: whitesmoke; }
      .nav-line ul.nav-line-nav > li .drop-holder {
        float: left; }
        .nav-line ul.nav-line-nav > li .drop-holder > a {
          font-size: 12px;
          letter-spacing: 1px;
          line-height: 20px;
          padding: 10px 25px 27px;
          font-weight: bold;
          display: inline-block;
          vertical-align: top;
          text-align: center;
          text-transform: uppercase;
          color: #fff; }
          .nav-line ul.nav-line-nav > li .drop-holder > a:hover {
            text-decoration: none; }
        .nav-line ul.nav-line-nav > li .drop-holder.hover > a {
          transition: all 0.3s linear;
          color: #fff;
          text-decoration: none;
          background: #212121;
          border-radius: 2px 2px 0 0;
          padding: 10px 25px 27px;
          position: relative;
          box-shadow: 0px 4px 70px 0px rgba(0, 0, 0, 0.3); }
        .nav-line ul.nav-line-nav > li .drop-holder.hover ul {
          display: block; }
      .nav-line ul.nav-line-nav > li .drop-active ul {
        opacity: 1; }
      .nav-line ul.nav-line-nav > li ul {
        opacity: 0;
        position: absolute;
        top: 100%;
        box-shadow: 0 4px 4px -4px rgba(0, 0, 0, 0.4);
        margin: 0;
        left: 0;
        width: 281px;
        background: #212121;
        padding: 15px 28px 53px 20px; }
        .nav-line ul.nav-line-nav > li ul a {
          font-size: 13px;
          line-height: 19px;
          font-weight: 300;
          display: block;
          padding: 7px 0 10px 10px;
          letter-spacing: 1px;
          text-transform: none;
          color: #bdbdbd;
          transition: all 0.35s; }
          .nav-line ul.nav-line-nav > li ul a:hover {
            text-decoration: none;
            color: #fff;
            background: rgba(0, 0, 0, 0.2); }
        .nav-line ul.nav-line-nav > li ul li {
          float: none;
          width: auto;
          border-bottom: 1px dotted #404040; }
          .nav-line ul.nav-line-nav > li ul li.active a {
            color: #fff; }

.header-content {
  display: none; }

.header-scroll.active {
  position: fixed;
  left: 0;
  right: 0;
  z-index: 1;
  top: 49px;
  padding: 20px 0 0;
  background: none;
  background: #fff; }
  .header-scroll.active .header-content {
    display: block;
    overflow: hidden;
    padding: 24px 0 40px; }
  .header-scroll.active .logo {
    float: left;
    padding: 4px 0 0;
    margin: 0; }
  .header-scroll.active .show-info {
    float: right;
    background: none;
    text-align: center;
    color: #212121;
    word-spacing: 3px; }
    .header-scroll.active .show-info .date {
      padding: 0 0 5px;
      margin: 0 0 5px;
      display: block;
      border-bottom: 1px solid #eee;
      color: #212121;
      font: bold 18px/24px "Roboto Condensed", Helvetica, Arial, sans-serif;
      text-transform: uppercase; }
    .header-scroll.active .show-info .name {
      display: block;
      color: #212121;
      font-size: 14px;
      line-height: 24px;
      font-weight: 300;
      letter-spacing: 3px;
      word-spacing: -1px;
      padding: 0 0 0 4px;
      margin: 0; }
  .header-scroll.active .nav-line {
    border-top: 1px solid #eee;
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); }
    .header-scroll.active .nav-line ul.nav-line-nav {
      padding: 15px 0 0; }
      .header-scroll.active .nav-line ul.nav-line-nav > li > a {
        color: #212121;
        padding: 10px 25px 10px; }
        .header-scroll.active .nav-line ul.nav-line-nav > li > a:hover {
          color: #757575; }
      .header-scroll.active .nav-line ul.nav-line-nav > li .drop-holder > a {
        color: #212121;
        padding: 12px 21px 26px; }
      .header-scroll.active .nav-line ul.nav-line-nav > li .drop-holder.hover > a {
        color: #fff; }

/* page head styles */
.page-head-simple {
  background: #eee;
  margin: 0 -9999px;
  padding: 30px 9999px 30px;
  text-align: center; }
  .page-head-simple h1 {
    font-weight: normal;
    color: #212121;
    font-size: 40px;
    line-height: 70px;
    text-transform: uppercase;
    position: relative;
    letter-spacing: 4px; }

.page-head {
  background: #eee;
  margin: 0 -9999px;
  padding: 102px 9999px 101px;
  text-align: center; }
  .page-head h1 {
    margin: 0 0 25px;
    font-weight: normal;
    color: #212121;
    font-size: 40px;
    line-height: 70px;
    text-transform: uppercase;
    position: relative;
    letter-spacing: 4px;
    padding: 0 0 23px; }
    .page-head h1:after {
      content: '';
      width: 281px;
      position: absolute;
      left: 50%;
      margin: 0 0 0 -138px;
      bottom: 0;
      background: #bdbdbd;
      height: 1px; }
  .page-head .title {
    display: block;
    font-size: 16px;
    line-height: 22px;
    color: #212121;
    letter-spacing: 3px;
    padding: 0 8px 0 0;
    text-transform: uppercase; }

.nav-active {
  padding: 216px 0 0; }

.head-paralax {
  background: #616161;
  background-size: cover;
  margin: 0;
  padding: 56px 0 0;
  color: #fff;
  font-size: 20px;
  line-height: 30px;
  font-weight: 300; }
  .head-paralax h1 {
    margin: 0 0 30px;
    color: #fff; }
  .head-paralax .subtitle {
    display: block;
    font-size: 20px;
    line-height: 24px;
    color: #fff;
    letter-spacing: 3px;
    padding: 0;
    font-weight: 300;
    word-spacing: 1px;
    margin: 0 0 65px; }
  .head-paralax .sublink-nav {
    overflow: hidden; }
    .head-paralax .sublink-nav li {
      padding: 0 0 0 0;
      float: left;
      width: auto;
      border-right: 1px solid #616161; }
      .head-paralax .sublink-nav li:last-child {
        border-right: 0; }
      .head-paralax .sublink-nav li.ico {
        width: 4.25%; }
        .head-paralax .sublink-nav li.ico a {
          text-indent: -9999px;
          overflow: hidden;
          background: #212121; }
          .head-paralax .sublink-nav li.ico a:hover {
            background: #fff; }
        .head-paralax .sublink-nav li.ico .search:after {
          content: '';
          position: absolute;
          top: 50%;
          left: 50%;
          width: 21px;
          height: 21px;
          margin: -10px 0 0 -11px;
          background: url(../images/sprite.png) no-repeat -88px -101px; }
        .head-paralax .sublink-nav li.ico .post-ico:after {
          content: '';
          position: absolute;
          top: 50%;
          left: 50%;
          width: 24px;
          height: 22px;
          margin: -11px 0 0 -12px;
          background: url(../images/sprite.png) no-repeat -111px -101px; }
      .head-paralax .sublink-nav li a {
        display: block;
        padding: 13px 20px 14px;
        background: #212121;
        font-size: 11px;
        font-weight: 900;
        line-height: 21px;
        letter-spacing: 2px;
        color: #fff;
        text-transform: uppercase;
        position: relative; }
        .head-paralax .sublink-nav li a:hover {
          text-decoration: none;
          background: #fff;
          color: #212121; }
        .head-paralax .sublink-nav li a.lock {
          padding-left: 45px; }
          .head-paralax .sublink-nav li a.lock:after {
            content: '';
            position: absolute;
            top: 15px;
            left: 19px;
            width: 13px;
            height: 16px;
            background: url(../images/sprite.png) no-repeat -161px -106px; }
        .head-paralax .sublink-nav li a.code {
          padding-left: 45px; }
          .head-paralax .sublink-nav li a.code:after {
            content: '';
            position: absolute;
            top: 50%;
            left: 22px;
            width: 22px;
            height: 22px;
            margin: -11px 0 0 -11px;
            background: url(../images/ico-code.png) no-repeat; }
      .head-paralax .sublink-nav li.active a {
        background: #fff;
        color: #212121; }
      .head-paralax .sublink-nav li .tooltip {
        text-transform: uppercase;
        letter-spacing: 2px;
        font-size: 11px; }
        .head-paralax .sublink-nav li .tooltip .tooltip-inner {
          padding: 5px 10px; }

#header {
  z-index: 3000; }

.header-scroll {
  z-index: 10 !important; }

.overlay {
  z-index: -1;
  opacity: 0;
  -webkit-transition: all .1s ease-in;
  transition: all .1s ease-in;
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0; }
  .overlay.active {
    opacity: 1;
    z-index: 11; }

/* grid-hp styles */
#grid-hp {
  margin: 60px 0 200px !important;
  overflow: hidden;
  background: #eee;
  /* thumbnail overlay background */ }
  #grid-hp .media-box-square {
    background-color: #212121;
    position: absolute;
    text-align: center;
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
    /* Opera/IE 8+ */
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out; }
    #grid-hp .media-box-square:before {
      z-index: 5;
      content: '';
      position: absolute;
      width: 0;
      height: 0;
      border-width: 0;
      border-style: solid; }
    #grid-hp .media-box-square.right {
      width: 50% !important;
      top: 0;
      left: 50% !important; }
      #grid-hp .media-box-square.right:before {
        -webkit-transition: border-color 0.3s ease-in-out;
        -moz-transition: border-color 0.3s ease-in-out;
        -ms-transition: border-color 0.3s ease-in-out;
        -o-transition: border-color 0.3s ease-in-out;
        transition: border-color 0.3s ease-in-out;
        border-width: 16px 16px 16px 0;
        border-color: transparent #212121 transparent transparent;
        right: 100%;
        top: 50%;
        margin: -16px 0 0; }
    #grid-hp .media-box-square.left {
      width: 50% !important;
      top: 0;
      left: 0 !important; }
      #grid-hp .media-box-square.left:before {
        -webkit-transition: border-color 0.3s ease-in-out;
        -moz-transition: border-color 0.3s ease-in-out;
        -ms-transition: border-color 0.3s ease-in-out;
        -o-transition: border-color 0.3s ease-in-out;
        transition: border-color 0.3s ease-in-out;
        border-width: 16px 0 16px 16px;
        border-color: transparent transparent transparent #212121;
        left: 100%;
        top: 50%;
        margin: -16px 0 0; }
    #grid-hp .media-box-square.top {
      height: 50% !important;
      top: 0;
      left: 0 !important; }
      #grid-hp .media-box-square.top:before {
        -webkit-transition: border-color 0.3s ease-in-out;
        -moz-transition: border-color 0.3s ease-in-out;
        -ms-transition: border-color 0.3s ease-in-out;
        -o-transition: border-color 0.3s ease-in-out;
        transition: border-color 0.3s ease-in-out;
        border-width: 16px 16px 0 16px;
        border-color: #212121 transparent transparent transparent;
        left: 50%;
        top: 100%;
        margin: 0 0 0 -17px; }
    #grid-hp .media-box-square .media-box-title {
      text-transform: uppercase;
      color: #fff;
      letter-spacing: 2px;
      white-space: normal;
      padding: 4px 10px 0;
      font-size: 22px;
      line-height: 31px;
      font-weight: 400;
      z-index: 999; }
  #grid-hp .box-full {
    text-align: center;
    padding: 0px;
    background: #eee; }
    #grid-hp .box-full .ico-cal {
      display: block;
      margin: 0 auto 22px;
      background: url(../images/sprite.png) no-repeat -107px -29px;
      width: 32px;
      height: 33px; }
    #grid-hp .box-full .title {
      position: relative;
      display: inline-block;
      vertical-align: top;
      border-bottom: 1px solid #e0e0e0;
      padding: 0 0 15px;
      margin: 0 0 11px 6px;
      font-size: 18px;
      font-weight: normal;
      letter-spacing: 1px;
      text-transform: uppercase;
      color: #212121; }
      #grid-hp .box-full .title:before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 50%;
        margin: 0 0 -10px -11px;
        border-top: 10px solid #e0e0e0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent; }
      #grid-hp .box-full .title:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 50%;
        margin: 0 0 -9px -10px;
        border-top: 9px solid #eee;
        border-left: 9px solid transparent;
        border-right: 9px solid transparent; }
    #grid-hp .box-full .btn {
      font-size: 11px;
      border-radius: 0;
      padding: 5px 10px 8px;
      margin: 0 0 0 0px;
      letter-spacing: 2px;
      display: inline-block;
      vertical-align: top;
      color: #212121;
      text-transform: uppercase;
      min-width: 145px;
      position: static; }
      #grid-hp .box-full .btn:hover {
        color: #3b3b3b; }
    #grid-hp .box-full .event-holder {
      margin: 0 0 19px; }
      #grid-hp .box-full .event-holder .box-event:first-child:after {
        display: none; }
    #grid-hp .box-full .box-event {
      text-align: center;
      position: relative;
      text-transform: uppercase;
      padding: 27px 0; }
      #grid-hp .box-full .box-event:after {
        position: absolute;
        top: 0;
        left: 50%;
        width: 33%;
        margin: 0 0 0 -16%;
        height: 1px;
        background: #bdbdbd;
        content: ''; }
      #grid-hp .box-full .box-event .date {
        display: block;
        color: #797979;
        font-weight: 300;
        margin: 0 0 13px;
        font-size: 14px; }
      #grid-hp .box-full .box-event .name {
        display: block;
        font-size: 14px;
        line-height: 20px;
        font-weight: 500;
        letter-spacing: 1px;
        margin: 0 0 2px; }
        #grid-hp .box-full .box-event .name a {
          color: #616161; }
          #grid-hp .box-full .box-event .name a:hover {
            text-decoration: none;
            color: #484848; }
  #grid-hp .cols-info {
    padding: 37px 4px 0 1px;
    overflow: hidden;
    background: #eee; }
    #grid-hp .cols-info .ico {
      display: block;
      margin: 0 auto 32px;
      background: url(../images/sprite.png) no-repeat; }
      #grid-hp .cols-info .ico.ico-cal {
        margin-top: 3px;
        background-position: -33px -30px;
        width: 23px;
        height: 26px;
        margin-bottom: 26px; }
      #grid-hp .cols-info .ico.ico-time {
        margin-top: 2px;
        background-position: -58px -30px;
        width: 25px;
        height: 25px; }
      #grid-hp .cols-info .ico.ico-point {
        background-position: -85px -30px;
        width: 19px;
        height: 29px; }
    #grid-hp .cols-info .col {
      float: left;
      width: 33.3333333%;
      padding: 0 20px 23px;
      color: #616161; }
      #grid-hp .cols-info .col:nth-child(2) {
        position: relative; }
        #grid-hp .cols-info .col:nth-child(2):before, #grid-hp .cols-info .col:nth-child(2):after {
          position: absolute;
          top: 0;
          left: 4px;
          background: #bdbdbd;
          bottom: 0;
          width: 1px;
          content: ''; }
        #grid-hp .cols-info .col:nth-child(2):after {
          right: 4px;
          left: auto; }
      #grid-hp .cols-info .col span {
        display: block; }
      #grid-hp .cols-info .col .date {
        letter-spacing: 0;
        display: block;
        font-size: 16px;
        line-height: 22px;
        font-weight: 300; }
        #grid-hp .cols-info .col .date strong {
          display: block;
          font-size: 26px;
          font-weight: 900;
          line-height: 28px;
          white-space: pre-wrap;
          margin: 0 0 9px 4px; }
        #grid-hp .cols-info .col .date span {
          text-transform: uppercase;
          display: block;
          letter-spacing: 1px;
          font: bold 16px/22px "Roboto Condensed", Helvetica, Arial, sans-serif;
          margin: 0 0 1px; }
      #grid-hp .cols-info .col .time-schedule {
        font-size: 12px;
        line-height: 22px;
        margin: 0 0 12px; }
      #grid-hp .cols-info .col .title {
        text-transform: uppercase;
        font-size: 12px;
        margin: 0 0; }
        #grid-hp .cols-info .col .title.title-point {
          letter-spacing: 2px;
          margin: 0 0 20px; }
      #grid-hp .cols-info .col .btn {
        font-size: 11px;
        line-height: 21px;
        padding: 4px 4px 5px;
        display: block;
        color: #616161;
        min-width: 1px;
        letter-spacing: 1px;
        border-radius: 0;
        margin: 0;
        position: static; }
        #grid-hp .cols-info .col .btn:hover {
          color: #7b7b7b; }
  #grid-hp .box-trend {
    text-align: center;
    font-size: 12px;
    line-height: 18px;
    text-transform: uppercase;
    color: #fff;
    padding: 58px 0 0 12px; }
    #grid-hp .box-trend .title {
      letter-spacing: 1px;
      display: inline-block;
      vertical-align: top;
      padding: 0 10px 20px;
      margin: 0 0 13px;
      border-bottom: 1px solid #bdbdbd; }
    #grid-hp .box-trend h2 {
      font-size: 22px;
      line-height: 30px;
      font-weight: normal;
      letter-spacing: 2px;
      word-spacing: 2px;
      margin: 0 0 50px; }
    #grid-hp .box-trend .btn {
      font-size: 11px;
      border-radius: 0;
      padding: 6px 10px 8px;
      margin: 0 !important;
      letter-spacing: 2px;
      display: inline-block;
      vertical-align: top;
      text-transform: uppercase;
      min-width: 149px;
      position: static !important; }

/* grid-hp styles */
#video-hp {
  margin: 0 0 100px !important;
  overflow: hidden;
  background: #000; }
  #video-hp .overlay-always-visible {
    background: none;
    -webkit-transition: background .1s linear;
    -moz-transition: background .1s linear;
    -o-transition: background .1s linear;
    -ms-transition: background .1s linear;
    transition: background .1s linear; }
  #video-hp .overlay-always-visible:hover {
    background: rgba(0, 0, 0, 0.4); }
  #video-hp .thumbnail-overlay i.fa, #video-hp .media-box-play-button, #video-hp .media-box-sound-button {
    background: transparent;
    /* awa */
    font-size: 40px;
    /* awa */
    color: #fff;
    text-align: center;
    display: inline-block;
    margin: 3px;
    height: 44px;
    width: 44px;
    line-height: 45px;
    /*padding: 17px 17px 15px 17px;*/
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
    /* Opera/IE 8+ */
    -webkit-border-radius: 50%;
    /* Safari 3-4, iOS 1-3.2, Android 1.6- */
    -moz-border-radius: 50%;
    /* Firefox 1-3.6 */
    border-radius: 50%;
    /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
    -webkit-transition: -webkit-transform .2s, background .1s;
    -moz-transition: -moz-transform .2s, background .1s;
    -o-transition: -o-transform .2s, background .1s;
    -ms-transition: -ms-transform .2s, background .1s;
    transition: transform .2s, background .1s; }
  #video-hp .thumbnail-overlay i.fa:hover {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
    /* awa */
    cursor: pointer;
    background: none !important; }

/*post block styles */
.post-blocks {
  overflow: hidden;
  padding: 30px 0 50px; }
  .post-blocks a {
    text-decoration: none; }
  .post-blocks .post {
    position: relative;
    background: #eee;
    font-size: 16px;
    color: #9e9e9e;
    line-height: 23px;
    overflow: hidden;
    padding: 70px 33px 70px;
    font-weight: 300;
    word-spacing: 4px;
    margin: 0 0 28px;
    transition: background-color 0.6s ease, color 0.6s ease; }
    .post-blocks .post:hover {
      background: #212121;
      color: #fff;
      text-decoration: none;
      transition: background-color 0.6s ease, color 0.6s ease; }
      .post-blocks .post:hover .subtitle,
      .post-blocks .post:hover h3,
      .post-blocks .post:hover h2 {
        color: #fff; }
      .post-blocks .post:hover .ico {
        opacity: 1; }
    .post-blocks .post h2 {
      margin: 0 0 26px;
      padding-right: 35px;
      color: #616161;
      letter-spacing: 1px;
      font-size: 24px;
      line-height: 32px;
      text-transform: uppercase;
      font-weight: 300; }
    .post-blocks .post h3 {
      margin: 0 0 25px;
      color: #616161;
      letter-spacing: 1px;
      font-size: 18px;
      line-height: 26px;
      text-transform: uppercase;
      font-weight: 300; }
    .post-blocks .post .subtitle {
      font-size: 16px;
      word-spacing: 2px;
      font-weight: 500;
      line-height: 22px;
      color: #616161;
      margin: 0 0 28px;
      display: block; }
    .post-blocks .post .more {
      position: absolute;
      bottom: 10%;
      right: 33px;
      background: url(../images/sprite.png) no-repeat -105px -64px;
      width: 33px;
      height: 33px;
      margin: 0 7px 0 0;
      text-indent: -9999px;
      overflow: hidden; }
      .post-blocks .post .more:hover {
        opacity: 0.6; }
    .post-blocks .post p {
      margin: 0 0 11px; }
  .post-blocks .box {
    border: 1px solid #bdbdbd;
    padding: 57px 27px 56px; }
    .post-blocks .box:first-child {
      margin: 0 0 18px; }
    .post-blocks .box .title {
      overflow: hidden;
      text-transform: uppercase;
      font-size: 18px;
      line-height: 24px;
      color: #616161;
      padding: 0;
      display: block; }
      .post-blocks .box .title .ico {
        float: right; }
        .post-blocks .box .title .ico.search {
          margin: 1px 13px 0 0;
          width: 22px;
          height: 22px;
          background: url(../images/sprite.png) no-repeat -32px -101px; }
        .post-blocks .box .title .ico.plan {
          margin: 0 6px 0 0;
          width: 30px;
          height: 25px;
          background: url(../images/sprite.png) no-repeat -56px -101px; }
  .post-blocks.even .post {
    line-height: 20px;
    padding: 70px 33px 70px; }
    .post-blocks.even .post p {
      margin: 0;
      font-size: 14px; }
    .post-blocks.even .post .more {
      margin: -5px -3px 0 0; }
  .post-blocks.even .ico {
    opacity: 1; }
    .post-blocks.even .ico.ico1 {
      top: 29px;
      left: 32px;
      width: 77px;
      height: 59px;
      background: url(../images/sprite.png) no-repeat 0 -133px; }
    .post-blocks.even .ico.ico2 {
      top: 36px;
      left: 39px;
      width: 51px;
      height: 48px;
      background: url(../images/sprite.png) no-repeat -79px -133px; }
    .post-blocks.even .ico.ico3 {
      top: 36px;
      left: 32px;
      width: 51px;
      height: 51px;
      background: url(../images/sprite.png) no-repeat -144px 0; }
    .post-blocks.even .ico.ico4 {
      top: 34px;
      left: 37px;
      width: 47px;
      height: 51px;
      background: url(../images/sprite.png) no-repeat -141px -53px; }

/* footer styles */
#footer {
  position: relative; }
  #footer .top {
    outline: none;
    position: absolute;
    top: 0;
    left: 50%;
    height: 48px;
    width: 48px;
    margin: -48px 0 0 -24px;
    padding: 15px 0 0;
    background: #f5f5f5;
    border: none; }
    #footer .top span {
      display: block;
      background: url(../images/sprite.png) no-repeat -88px -3px;
      width: 19px;
      height: 19px;
      margin: 0 auto; }
    #footer .top:hover {
      opacity: 0.8; }

/* footer navigation styles */
.footer-nav-holder {
  background: #f5f5f5; }

.footer-nav {
  overflow: hidden;
  margin: 0 0 0 -9.8%;
  font-size: 12px;
  padding: 44px 0 24px; }
  .footer-nav > li {
    float: left;
    width: 11%;
    margin: 0 0 0 9%; }
    .footer-nav > li > a {
      font-weight: 900;
      letter-spacing: 1px;
      text-transform: uppercase;
      color: #616161; }
      .footer-nav > li > a:hover {
        text-decoration: none;
        color: #474747; }
    .footer-nav > li.active > a {
      text-decoration: none;
      color: #474747; }
  .footer-nav ul {
    padding: 20px 0 0; }
    .footer-nav ul li {
      margin: 0 0 10px; }
      .footer-nav ul li a {
        color: #666; }
        .footer-nav ul li a:hover {
          text-decoration: none;
          color: #474747; }
      .footer-nav ul li.active > a {
        text-decoration: none;
        color: gray; }

/* footer main styles */
.footer-main {
  padding: 61px 0 55px;
  background: #eee; }
  .footer-main .copy-box {
    float: left;
    width: 50%;
    padding: 0 0 0 4px;
    font-size: 12px;
    color: #616161; }
    .footer-main .copy-box p {
      letter-spacing: 1px;
      margin: 0 0 19px; }
      .footer-main .copy-box p a {
        color: #616161; }
        .footer-main .copy-box p a:hover {
          text-decoration: none;
          color: #7b7b7b; }
    .footer-main .copy-box .user-nav {
      display: block;
      overflow: hidden;
      padding: 0 0 0 1px;
      margin: 0 0 35px; }
      .footer-main .copy-box .user-nav li {
        float: left;
        word-spacing: 2px;
        padding: 0 0 0 25px;
        line-height: 14px;
        position: relative; }
        .footer-main .copy-box .user-nav li.active a {
          color: #858585;
          text-decoration: none; }
        .footer-main .copy-box .user-nav li:first-child {
          padding: 0; }
          .footer-main .copy-box .user-nav li:first-child:after {
            display: none; }
        .footer-main .copy-box .user-nav li:after {
          content: '';
          position: absolute;
          top: 3px;
          width: 1px;
          left: 12px;
          background: #9e9e9e;
          bottom: 0; }
      .footer-main .copy-box .user-nav a {
        color: #9e9e9e; }
        .footer-main .copy-box .user-nav a:hover {
          color: #858585;
          text-decoration: none; }
    .footer-main .copy-box .logo-fiera {
      display: inline-block;
      vertical-align: top;
      margin: 0 0 0 1px; }
      .footer-main .copy-box .logo-fiera img {
        vertical-align: top; }
  .footer-main .contact-box {
    float: right;
    text-align: right;
    width: 50%;
    padding: 0 1px 0 0;
    font-size: 11px;
    line-height: 17px; }
    .footer-main .contact-box address {
      word-spacing: 2px;
      white-space: pre-wrap;
      margin: 0 0 21px;
      font-style: normal; }
      .footer-main .contact-box address a {
        color: #616161; }
        .footer-main .contact-box address a:hover {
          text-decoration: none;
          color: #7b7b7b; }
      .footer-main .contact-box address .mail {
        font-weight: bold;
        letter-spacing: 1px; }
    .footer-main .contact-box .social-box {
      text-align: right;
      overflow: hidden;
      margin: 0 0 61px; }
      .footer-main .contact-box .social-box .social {
        overflow: hidden;
        display: inline-block;
        vertical-align: top; }
        .footer-main .contact-box .social-box .social li {
          display: inline-block;
          float: left;
          margin: 0 0 0 25px; }
          .footer-main .contact-box .social-box .social li a {
            color: #616161;
            font-size: 20px; }
            .footer-main .contact-box .social-box .social li a:hover {
              opacity: 0.6; }
    .footer-main .contact-box .site-nav {
      padding: 0 2px 0 0;
      display: inline-block;
      overflow: hidden;
      vertical-align: top; }
      .footer-main .contact-box .site-nav li {
        float: left;
        padding: 0 0 0 10px;
        line-height: 13px;
        font-size: 11px;
        position: relative; }
        .footer-main .contact-box .site-nav li:first-child {
          padding: 0; }
          .footer-main .contact-box .site-nav li:first-child:after {
            display: none; }
        .footer-main .contact-box .site-nav li:after {
          content: '';
          position: absolute;
          top: 3px;
          width: 2px;
          left: 4px;
          background: #616161;
          bottom: 1px; }
        .footer-main .contact-box .site-nav li.active a {
          color: #949494;
          text-decoration: none; }
      .footer-main .contact-box .site-nav a {
        color: #616161; }
        .footer-main .contact-box .site-nav a:hover {
          text-decoration: none;
          color: #949494; }

/* footer bottom styles */
.footer-b {
  margin: 0 auto 100px;
  overflow: hidden;
  font-size: 11px;
  color: #bfbfbf;
  line-height: 19px; }
  .footer-b .partner-list {
    overflow: hidden;
    /*display: none;*/
    margin: 0 -3px 33px 3px;
    padding: 79px 0 82px;
    border-bottom: 1px solid #bdbdbd; }
    .footer-b .partner-list li {
      float: left;
      margin: 0 0 0 28px; }
      .footer-b .partner-list li:first-child {
        margin: 0; }
      .footer-b .partner-list li img {
        border: 1px solid #bdbdbd; }
  .footer-b .bottom-nav {
    padding: 0 3px;
    display: inline-block;
    overflow: hidden;
    vertical-align: top;
    margin: 0 0 24px; }
    .footer-b .bottom-nav li {
      float: left;
      padding: 0 0 0 10px;
      line-height: 13px;
      font-size: 11px;
      position: relative; }
      .footer-b .bottom-nav li:first-child {
        padding: 0; }
        .footer-b .bottom-nav li:first-child:after {
          display: none; }
      .footer-b .bottom-nav li:after {
        content: '';
        position: absolute;
        top: 3px;
        width: 1px;
        left: 4px;
        background: #616161;
        bottom: 1px; }
    .footer-b .bottom-nav a {
      color: #616161; }
      .footer-b .bottom-nav a:hover {
        color: #7b7b7b; }

/* posts styles */
.post-holder {
  overflow: hidden;
  margin: 35px 0; }

article.even {
  padding: 30px 0 50px 0;
  border-bottom: 1px solid #d3d3d3; }

.list-box.post {
  background: #f3f3f3;
  line-height: 24px;
  color: #424242;
  padding: 30px;
  margin: 0 0 30px;
  width: 100%;
  float: left; }
  .list-box.post .issue {
    width: 65px;
    background: #fcfcfc;
    float: left;
    border: 1px solid #d2d2d2;
    margin-right: 20px; }
  .list-box.post .issue p {
    font-size: 12px;
    text-align: center;
    color: #9e9e9e;
    text-transform: uppercase;
    margin-bottom: 0; }
  .list-box.post .issue p span {
    background: #757575;
    font-size: 22px;
    color: #fff;
    text-transform: uppercase;
    display: block;
    padding: 10px 0; }
  .list-box.post .text {
    float: left; }
  .list-box.post p {
    margin: 0 0 22px; }
    .list-box.post p.subtitle {
      font-size: 15px;
      color: #616161;
      text-transform: uppercase;
      letter-spacing: 1px; }
  .list-box.post h2, .list-box.post h3 {
    color: #424242;
    text-transform: none;
    font-weight: normal;
    line-height: 31px;
    letter-spacing: normal;
    margin: 0 0 14px; }
  .list-box.post .date {
    font-size: 12px;
    line-height: 15px;
    display: block;
    color: #8a8a8a;
    font-weight: normal;
    letter-spacing: 1px;
    margin: 0 0 17px; }
  .list-box.post .more {
    font-size: 14px;
    line-height: 22px;
    font-weight: 500;
    display: inline-block;
    vertical-align: top;
    text-transform: uppercase;
    color: #424242;
    letter-spacing: 0.03em;
    margin: 0 0 0 2px;
    padding: 0 25px 0 0;
    position: relative;
    transition: all 0.35s; }
    .list-box.post .more:after {
      content: '';
      position: absolute;
      width: 14px;
      height: 10px;
      right: 0;
      top: 7px;
      background: url(../images/sprite.png) no-repeat -176px -132px; }
    .list-box.post .more:hover {
      text-decoration: none;
      color: #757575;
      opacity: 0.6;
      transition: all 0.35s; }

.name-event-hide {
  display: none; }

/* section styles */
.section-heading {
  padding: 20px 0 120px; }
  .section-heading h2 {
    font-size: 36px;
    line-height: 46px;
    color: #424242;
    margin: 0 16px 31px 0;
    text-transform: uppercase;
    font-weight: 300;
    position: relative;
    padding: 0 0 28px;
    text-align: center; }
    .section-heading h2:after {
      content: '';
      background: #616161;
      position: absolute;
      bottom: 0;
      left: 50%;
      width: 22px;
      margin: 0 0 0 -11px;
      height: 1px; }
  .section-heading .title {
    font-size: 12px;
    line-height: 16px;
    color: #616161;
    display: block;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: 0 14px 50px 0; }

/* news section styles */
.section-heading.news-section {
  margin: 0 -9999px 200px;
  padding: 60px 9999px 180px;
  background: #f0f0f0; }

/* event section styles */
.event-section .event-block .event-head {
  overflow: hidden;
  color: #616161;
  padding: 1px 0 11px;
  border-bottom: 1px solid #969696;
  letter-spacing: 1px;
  margin: 90px 0 10px;
  text-transform: uppercase; }
.event-section .event-block .name {
  float: left;
  width: 45.3%;
  padding: 0 36px;
  text-transform: uppercase; }
.event-section .event-block .date {
  float: left;
  width: 28.9%;
  padding: 0 36px; }
.event-section .event-block .location {
  float: left;
  width: 25.8%;
  padding: 0 36px; }
.event-section .event-list li {
  padding: 30px 0 36px;
  overflow: hidden;
  font-size: 16px;
  line-height: 24px;
  border-bottom: 1px solid #cecece; }
  .event-section .event-list li .name {
    padding: 6px 40px 4px 40px;
    letter-spacing: 0; }
  .event-section .event-list li .day {
    display: block;
    position: relative;
    font-weight: bold;
    padding: 0 0 0 34px;
    line-height: 28px;
    margin: 0 0 8px; }
    .event-section .event-list li .day:after {
      content: '';
      position: absolute;
      top: 7px;
      left: 0;
      width: 16px;
      height: 16px;
      background: url(../images/sprite.png) no-repeat -137px -130px; }
  .event-section .event-list li .time {
    display: block;
    position: relative;
    font-weight: bold;
    padding: 0 0 0 33px; }
    .event-section .event-list li .time:after {
      content: '';
      position: absolute;
      top: 3px;
      left: -1px;
      width: 19px;
      height: 19px;
      background: url(../images/sprite.png) no-repeat -155px -130px; }
  .event-section .event-list li address {
    display: block;
    position: relative;
    font-style: normal;
    margin: 0;
    padding: 0;
    position: relative;
    padding: 3px 0 0 29px; }
    .event-section .event-list li address b {
      display: block; }
    .event-section .event-list li address:after {
      content: '';
      position: absolute;
      top: 4px;
      left: -4px;
      width: 15px;
      height: 24px;
      background: url(../images/sprite.png) no-repeat -176px -106px; }
  .event-section .event-list li p {
    margin: 0 0 33px; }
  .event-section .event-list li .btn-box {
    overflow: hidden;
    margin: 0 0 0 -7px; }
    .event-section .event-list li .btn-box .btn {
      float: left;
      border-color: #616161;
      min-width: 124px;
      border-radius: 0;
      text-transform: uppercase;
      color: #616161;
      font-size: 11px;
      line-height: 19px;
      letter-spacing: 2px;
      padding: 5px 20px 6px;
      margin: 0 16px 0 0; }
      .event-section .event-list li .btn-box .btn.btn-reg {
        background: #212121;
        color: #fff; }
        .event-section .event-list li .btn-box .btn.btn-reg:hover {
          border-color: #6e6e6e;
          background: #6e6e6e;
          color: white; }
      .event-section .event-list li .btn-box .btn:hover {
        border-color: #6e6e6e;
        color: #adadad; }

/* event section styles */
.agenda-section .agenda-block .agenda-head {
  overflow: hidden;
  color: #616161;
  padding: 1px 0 11px;
  border-bottom: 1px solid #969696;
  letter-spacing: 1px;
  margin: 90px 0 10px;
  text-transform: uppercase; }
.agenda-section .agenda-block .name {
  float: left;
  width: 35.3%;
  padding: 0 10px;
  text-transform: uppercase; }
.agenda-section .agenda-block .date {
  float: left;
  width: 23.9%;
  padding: 0 10px; }
.agenda-section .agenda-block .location {
  float: left;
  width: 25.8%;
  padding: 0 10px; }
.agenda-section .agenda-block .agenda-link {
  float: left;
  width: 15.0%;
  padding: 0 10px; }
.agenda-section .agenda-list li {
  padding: 30px 0 36px;
  overflow: hidden;
  font-size: 16px;
  line-height: 24px;
  border-bottom: 1px solid #cecece; }
  .agenda-section .agenda-list li .name {
    padding: 0px 20px 4px 20px;
    letter-spacing: 0; }
  .agenda-section .agenda-list li .day {
    display: block;
    position: relative;
    font-weight: bold;
    padding: 0 0 0 34px;
    line-height: 28px;
    margin: 0 0 8px; }
    .agenda-section .agenda-list li .day:after {
      content: '';
      position: absolute;
      top: 7px;
      left: 0;
      width: 16px;
      height: 16px;
      background: url(../images/sprite.png) no-repeat -137px -130px; }
  .agenda-section .agenda-list li .time {
    display: block;
    position: relative;
    font-weight: bold;
    padding: 0 0 0 33px; }
    .agenda-section .agenda-list li .time:after {
      content: '';
      position: absolute;
      top: 3px;
      left: -1px;
      width: 19px;
      height: 19px;
      background: url(../images/sprite.png) no-repeat -155px -130px; }
  .agenda-section .agenda-list li address {
    display: block;
    position: relative;
    font-style: normal;
    margin: 0;
    padding: 0;
    position: relative;
    padding: 3px 0 0 29px; }
    .agenda-section .agenda-list li address b {
      display: block; }
    .agenda-section .agenda-list li address:after {
      content: '';
      position: absolute;
      top: 4px;
      left: -4px;
      width: 15px;
      height: 24px;
      background: url(../images/sprite.png) no-repeat -176px -106px; }
  .agenda-section .agenda-list li p {
    margin: 0 0 33px; }
  .agenda-section .agenda-list li .btn-box {
    overflow: hidden;
    margin: 5px 0 0 -7px; }
    .agenda-section .agenda-list li .btn-box .btn {
      float: left;
      border-color: #616161;
      min-width: 124px;
      border-radius: 0;
      text-transform: uppercase;
      color: #616161;
      font-size: 11px;
      line-height: 19px;
      letter-spacing: 2px;
      padding: 5px 20px 6px;
      margin: 0 1px 0 0; }
      .agenda-section .agenda-list li .btn-box .btn.btn-reg {
        background: #212121;
        color: #fff; }
        .agenda-section .agenda-list li .btn-box .btn.btn-reg:hover {
          border-color: #6e6e6e;
          background: #6e6e6e;
          color: white; }
      .agenda-section .agenda-list li .btn-box .btn:hover {
        border-color: #6e6e6e;
        color: #adadad; }

/* event-block styles */
.event-block-holder {
  padding: 0px 0 50px;
  font-weight: 500;
  font-size: 18px;
  line-height: 26px; }
  .event-block-holder p {
    margin: 0 0 81px; }
  .event-block-holder h2 {
    font-size: 44px;
    font-weight: normal;
    line-height: 54px;
    text-transform: uppercase;
    margin: 0 0 8px; }
  .event-block-holder .title-date {
    color: #b7b7b7;
    text-transform: uppercase;
    font-size: 26px;
    line-height: 22px;
    font-weight: 300;
    display: block;
    margin: 0 0 28px; }

/* event-info-block styles */
.event-info-block {
  text-align: center;
  padding: 37px 0 0;
  border-top: 1px solid #cacaca;
  position: relative; }
  .event-info-block:before {
    content: '';
    position: absolute;
    top: -1px;
    left: 50%;
    margin: 0 0 0 -1px;
    border-top: 14px solid #cacaca;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent; }
  .event-info-block:after {
    content: '';
    position: absolute;
    top: -1px;
    left: 50%;
    margin: 0;
    border-top: 13px solid #fff;
    border-left: 13px solid transparent;
    border-right: 13px solid transparent; }
  .event-info-block .holder {
    overflow: hidden;
    padding: 20px 0 0;
    margin: 0 -28px 0 0; }
  .event-info-block .ico {
    display: block;
    margin: 0 auto 30px;
    background: url(../images/sprite.png) no-repeat; }
    .event-info-block .ico.ico-cal {
      margin-top: 12px;
      background-position: -132px -152px;
      width: 45px;
      height: 48px;
      margin-bottom: 24px; }
    .event-info-block .ico.ico-time {
      margin-top: 7px;
      margin-bottom: 28px;
      background-position: -203px -9px;
      width: 49px;
      height: 49px; }
    .event-info-block .ico.ico-point {
      background-position: -11px -135px;
      width: 56px;
      height: 54px; }
    .event-info-block .ico.ico-register {
      margin-top: 14px;
      margin-bottom: 28px;
      background-position: -198px -63px;
      width: 43px;
      height: 42px; }
  .event-info-block .col {
    float: left;
    width: 25%;
    font-weight: normal;
    padding: 16px 30px 23px;
    position: relative;
    color: #616161; }
    .event-info-block .col p {
      color: #616161;
      font-size: 11px;
      line-height: 17px;
      letter-spacing: 1px;
      margin: 0 0 38px; }
    .event-info-block .col:after {
      position: absolute;
      top: 0;
      left: 0;
      background: #ddd;
      bottom: 0;
      width: 1px;
      content: ''; }
    .event-info-block .col:first-child:after {
      display: none; }
    .event-info-block .col span {
      display: block; }
    .event-info-block .col .head {
      color: #797979;
      display: block;
      text-transform: uppercase;
      letter-spacing: 1px;
      font-size: 15px;
      line-height: 21px;
      margin: 0 0 12px; }
    .event-info-block .col .date {
      letter-spacing: 0;
      display: block;
      font: 300 16px/22px "Roboto Condensed", Helvetica, Arial, sans-serif; }
      .event-info-block .col .date strong {
        display: block;
        white-space: pre-wrap;
        margin: 0 0 9px 2px;
        font: 900 26px/28px "Roboto", Helvetica, Arial, sans-serif; }
      .event-info-block .col .date span {
        text-transform: uppercase;
        display: block;
        letter-spacing: 1px;
        font: bold 16px/22px "Roboto Condensed", Helvetica, Arial, sans-serif;
        margin: 0 5px 1px 0; }
    .event-info-block .col .time-schedule {
      font-size: 14px;
      line-height: 22px;
      margin: 0 0 13px;
      font-weight: bold; }
    .event-info-block .col span.name {
      text-transform: uppercase;
      display: block;
      letter-spacing: 1px;
      font: normal 14px/22px "Roboto Condensed", Helvetica, Arial, sans-serif;
      margin: 0 5px 1px 0; }
    .event-info-block .col .title {
      text-transform: uppercase;
      font-size: 12px;
      line-height: 16px;
      margin: 0; }
      .event-info-block .col .title.title-point {
        letter-spacing: 2px;
        margin: 0 0 10px;
        padding: 14px 0 0;
        font-weight: bold; }
        .event-info-block .col .title.title-point span {
          font-size: 11px;
          text-transform: none;
          line-height: 18px;
          letter-spacing: 1px;
          font-weight: normal; }
        .event-info-block .col .title.title-point > span {
          display: inline; }
    .event-info-block .col .btn {
      font-size: 11px;
      line-height: 21px;
      padding: 4px 8px 5px;
      display: inline-block;
      vertical-align: top;
      color: #616161;
      min-width: 1px;
      letter-spacing: 1px;
      font-weight: 300;
      border-color: #9e9e9e !important;
      min-width: 148px;
      margin: 15px 0 0 8px;
      position: static; }
      .event-info-block .col .btn:hover {
        color: #7b7b7b; }
    .event-info-block .col .reg-text {
      padding: 19px 0 0;
      display: block;
      font-size: 13px;
      color: #616161;
      line-height: 20px; }
      .event-info-block .col .reg-text a {
        color: #616161; }

/* event-agenda-block styles vert */
/* event-block styles */
.event-agenda-block-holder {
  margin-top: 40px;
  padding: 0px 0 100px;
  font-size: 18px;
  line-height: 26px; }
  .event-agenda-block-holder h2 {
    font-size: 24px;
    font-weight: normal;
    line-height: 54px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: 0 0 8px; }

.event-agenda-block {
  padding: 20px 0;
  border-top: 1px solid #cacaca;
  position: relative; }
  .event-agenda-block .holder {
    overflow: hidden;
    padding: 20px 0 0;
    margin: 0 -28px 0 0; }
  .event-agenda-block h3 {
    font-size: 20px;
    font-weight: normal;
    line-height: 34px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0 0 8px; }
  .event-agenda-block .season {
    color: #b7b7b7;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 22px;
    font-weight: 300;
    display: block;
    margin: 0 0 28px; }
  .event-agenda-block time {
    font-weight: 500; }
  .event-agenda-block span {
    display: block; }
  .event-agenda-block .head {
    color: #797979;
    display: block;
    font-size: 14px;
    letter-spacing: 2px;
    line-height: 21px;
    margin: 20px 0 5px;
    text-transform: uppercase; }
  .event-agenda-block span.icon-awa-calendar, .event-agenda-block span.icon-awa-clock, .event-agenda-block span.icon-awa-pin {
    display: inline;
    color: #bdbdbd;
    margin-right: 10px; }
  .event-agenda-block .btn {
    font-size: 11px;
    line-height: 21px;
    padding: 4px 4px 5px;
    display: inline-block;
    vertical-align: top;
    color: #616161;
    min-width: 1px;
    letter-spacing: 1px;
    border-radius: 0;
    min-width: 148px;
    margin: 0 0 0 8px;
    position: static; }
    .event-agenda-block .btn:hover {
      color: #7b7b7b; }
  .event-agenda-block .reg-text {
    padding: 10px 0 0;
    display: block;
    font-size: 14px;
    color: #616161;
    font-weight: bold;
    line-height: 23px; }
    .event-agenda-block .reg-text a {
      color: #616161; }

.sidebar-widget {
  padding: 0;
  margin: 0 0 60px 0; }
  .sidebar-widget h4 {
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 20px 0;
    padding-top: 0;
    padding-bottom: 15px;
    border-bottom: 1px solid #bdbdbd; }
  .sidebar-widget h5 {
    padding: 0;
    margin: 0;
    font-weight: 300; }
    .sidebar-widget h5 a {
      font-weight: 500; }
      .sidebar-widget h5 a:hover {
        color: #000;
        transition: all 0.35s;
        text-decoration: none;
        border-bottom: 0.0625em solid #212121; }
  .sidebar-widget address {
    font-size: 14px;
    word-spacing: 2px;
    line-height: 30px;
    font-style: normal; }
    .sidebar-widget address span {
      display: block;
      margin-bottom: 10px; }
    .sidebar-widget address a {
      margin-bottom: 10px;
      color: #616161; }
      .sidebar-widget address a:hover {
        text-decoration: none;
        color: #7b7b7b; }
    .sidebar-widget address .mail {
      font-weight: bold;
      letter-spacing: 1px; }
  .sidebar-widget .social {
    overflow: hidden;
    display: inline-block;
    vertical-align: top; }
    .sidebar-widget .social li {
      display: inline-block;
      float: left;
      margin: 0 25px 0 0; }
      .sidebar-widget .social li a {
        color: #616161;
        font-size: 20px; }
        .sidebar-widget .social li a:hover {
          opacity: 0.6; }
  .sidebar-widget .widget-post {
    padding: 15px 0;
    border-bottom: 1px solid whitesmoke; }
    .sidebar-widget .widget-post time.date {
      font-size: 12px;
      line-height: 15px;
      display: block;
      color: #8a8a8a;
      font-weight: normal;
      letter-spacing: 1px;
      margin: 0 0 5px; }

/* content block styles - Call to Action*/
.content-block {
  background: #f3f3f3;
  margin: 0 -9999px 80px;
  padding: 50px 9999px;
  text-align: center;
  font-size: 18px;
  line-height: 24px; }
  .content-block > p {
    margin: -4px auto 41px;
    max-width: 66%;
    word-spacing: -2px; }
  .content-block h2 {
    font-size: 30px;
    line-height: 40px;
    font-weight: normal;
    margin: 0 0 24px;
    text-transform: uppercase; }
  .content-block .heading {
    display: block;
    font-size: 16px;
    margin: 0 0 20px;
    text-transform: uppercase;
    line-height: 22px;
    padding: 14px 0 15px;
    letter-spacing: 2px;
    position: relative; }
    .content-block .heading:after {
      background: #b9b9b9;
      width: 61px;
      height: 1px;
      position: absolute;
      left: 50%;
      bottom: 0;
      margin: 0 0 0 -30px;
      content: ''; }
  .content-block .subtitle {
    display: block;
    font-size: 18px;
    margin: 0 0 41px;
    line-height: 22px; }
  .content-block .btn-box {
    padding: 0 0 17px; }
  .content-block .two-col {
    margin: -20px auto -16px;
    max-width: 74%;
    overflow: hidden; }
    .content-block .two-col .col {
      float: left;
      padding: 31px 40px 40px;
      width: 50%;
      border-left: 1px solid #b9b9b9;
      font-size: 16px;
      line-height: 17px;
      font-weight: 300;
      word-spacing: -2px; }
      .content-block .two-col .col:first-child {
        border: none; }
      .content-block .two-col .col .subtitle {
        text-transform: uppercase;
        font-weight: bold;
        letter-spacing: 2px;
        margin: 0 0 26px; }
      .content-block .two-col .col p {
        margin: 0 0 56px; }
  .content-block.even {
    padding: 46px 9999px 0; }
    .content-block.even .three-col {
      overflow: hidden;
      padding: 37px 4.1% 0; }
      .content-block.even .three-col .col {
        float: left;
        width: 33.333333%;
        text-align: left;
        font-size: 16px;
        line-height: 24px;
        font-weight: 300; }
      .content-block.even .three-col .center-deco {
        float: left;
        width: 33.333333%;
        text-align: center;
        padding: 82px 0 0; }
      .content-block.even .three-col .subtitle {
        margin: 0 0 25px; }
      .content-block.even .three-col .placeholder {
        padding: 15px 0 0; }
        .content-block.even .three-col .placeholder img {
          vertical-align: top; }
      .content-block.even .three-col p {
        margin: 0 0 51px; }
      .content-block.even .three-col .btn {
        margin: 0; }

/* count cols styles - Data Stats*/
.count-cols {
  overflow: hidden;
  padding: 60px 0 47px;
  margin: 0 0 13px;
  border-bottom: 1px solid #d8d8d8; }
  .count-cols .col {
    float: left;
    width: 33.3333333%;
    border-left: 1px solid #d8d8d8;
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    text-align: center;
    color: #616161;
    font-weight: 300;
    letter-spacing: 1px;
    padding: 0 20px 0; }
    .count-cols .col .ico {
      display: block;
      margin: 0 auto 30px;
      background: url(../images/sprite.png) no-repeat; }
      .count-cols .col .ico.ico-members {
        margin-top: -9px;
        background-position: -198px -108px;
        width: 62px;
        height: 76px;
        margin-bottom: 39px; }
      .count-cols .col .ico.ico-countries {
        margin-top: -1px;
        background-position: -255px 0;
        width: 100px;
        height: 80px;
        margin-bottom: 27px; }
      .count-cols .col .ico.ico-visitors {
        margin-top: 17px;
        background-position: -267px -85px;
        width: 53px;
        height: 32px;
        margin-bottom: 57px; }
    .count-cols .col .head {
      display: block;
      margin: 0 0 17px; }
    .count-cols .col .count {
      display: block;
      font-size: 36px;
      line-height: 44px;
      font-weight: 500;
      letter-spacing: 3px;
      margin: 0 0 48px; }
    .count-cols .col span em {
      font-style: normal;
      font-weight: 500; }
    .count-cols .col .total-info {
      font-size: 20px;
      line-height: 30px;
      padding: 15px 0 0; }
      .count-cols .col .total-info span {
        display: block;
        margin: 0 0 10px; }
    .count-cols .col:first-child {
      border: none; }

.col-box {
  overflow: hidden;
  padding: 20px 0; }
  .col-box .post {
    color: #212121;
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
    padding: 40px 37px;
    background: #f7f7f7; }
    .col-box .post .title {
      display: block;
      font-size: 18px;
      line-height: 22px;
      text-transform: uppercase;
      margin: 0 0 25px; }
    .col-box .post .subtitle {
      display: block;
      font-size: 16px;
      line-height: 22px;
      font-weight: 500;
      margin: 0 0 16px; }
    .col-box .post p {
      margin: 0 0 43px; }

/* content box styles */
.page-content ul {
  padding: 0;
  margin: 0; }
  .page-content ul li {
    padding: 0 0 14px 40px;
    position: relative;
    overflow: hidden; }
    .page-content ul:not(.for_boxes,.unstyled) li:after {
      content: '';
      position: absolute;
      top: 8px;
      width: 16px;
      height: 11px;
      left: 2px;
      background: url(../images/sprite.png) no-repeat -33px -61px; }
    .page-content ul li b {
      font-weight: bold;
      font-size: 22px;
      line-height: 26px;
      float: left;
      vertical-align: top;
      letter-spacing: 1px; }
    .page-content ul li span {
      overflow: hidden;
      display: block;
      padding: 1px 0 0 18px; }

.content-box {
  overflow: hidden;
  margin: 0; }
  .content-box p.subtitle {
    font-size: 24px;
    line-height: 30px;
    font-weight: normal;
    display: block; }
  .content-box p.intro-text {
    font-size: 24px;
    line-height: 32px;
    margin: 0 0 44px;
    word-spacing: 4px; }
  .content-box .content-holder:after {
    content: '';
    display: block;
    clear: both; }
  .content-box .content-holder .text {
    float: left;
    width: 53%;
    padding: 0; }
  .content-box .alignright {
    float: right;
    width: auto;
    margin: 13px 0 0; }
  .content-box ul {
    padding: 14px 0 0;
    margin: 0 0 20px; }
    .content-box ul li {
      padding: 0 0 14px 40px;
      position: relative;
      overflow: hidden; }
      .content-box ul li:after {
        content: '';
        position: absolute;
        top: 8px;
        width: 16px;
        height: 11px;
        left: 2px;
        background: url(../images/sprite.png) no-repeat -33px -61px; }
      .content-box ul li b {
        font-weight: bold;
        font-size: 22px;
        line-height: 26px;
        float: left;
        vertical-align: top;
        letter-spacing: 1px; }
      .content-box ul li span {
        overflow: hidden;
        display: block;
        padding: 1px 0 0 18px; }

/* Utilities */
img {
  vertical-align: top;
  max-width: 100%;
  height: auto; }

.mb-10 {
  margin-bottom: 10px; }

.mb-20 {
  margin-bottom: 20px; }

.mb-30 {
  margin-bottom: 30px; }

.mb-40 {
  margin-bottom: 40px; }

.mb-60 {
  margin-bottom: 60px; }

.mt-10 {
  margin-top: 10px; }

.mt-20 {
  margin-top: 20px; }

.mt-30 {
  margin-top: 30px; }

.mt-40 {
  margin-top: 40px; }

.mt-60 {
  margin-top: 60px; }

.pb-10 {
  padding-bottom: 10px; }

.pb-20 {
  padding-bottom: 20px; }

.pb-30 {
  padding-bottom: 30px; }

.pb-40 {
  padding-bottom: 40px; }

.pt-10 {
  padding-top: 10px; }

.pt-20 {
  padding-top: 20px; }

.pt-30 {
  padding-top: 30px; }

.pt-40 {
  padding-top: 40px; }

/* Modules */
.highlight-news-events {
  margin-top: 30px; }

.posts-carousel {
  padding: 93px 0 30px; }
  .posts-carousel .carousel-footer {
    margin-top: 25px; }
    .posts-carousel .carousel-footer p {
      text-align: right;
      text-transform: uppercase;
      font-size: 12px;
      letter-spacing: 1px;
      font-weight: 500; }

/* carousel styles */
.carousel {
  position: relative;
  margin: 0;
  padding: 0 16px 37px;
  border-bottom: 1px solid #ddd; }
  .carousel .btn-prev,
  .carousel .btn-next {
    position: absolute;
    top: 18px;
    left: 0;
    width: 15px;
    height: 26px;
    background: url(../images/sprite.png) no-repeat 0 -46px;
    text-indent: -9999px;
    overflow: hidden;
    outline: none; }
    .carousel .btn-prev:hover,
    .carousel .btn-next:hover {
      opacity: 0.8; }
  .carousel .btn-next {
    background-position: -17px -46px;
    left: auto;
    right: 1px; }

.carousel .mask {
  position: relative;
  overflow: hidden;
  width: 100%; }

.carousel .mask .slideset {
  width: 99999px;
  float: left; }

/* carousel slide styles */
.carousel .mask .slide {
  float: left; }

/* slide post styles */
.slide .post {
  float: left;
  width: 20%;
  border-left: 1px solid #bdbdbd;
  padding: 6px 17px 18px; }
  .slide .post:first-child {
    border: none; }
  .slide .post time {
    display: block;
    color: #9e9e9e;
    font-size: 12px;
    line-height: 16px;
    font-weight: 300;
    margin: 0 0 7px 3px; }
  .slide .post .title {
    font-size: 11px;
    line-height: 13px;
    display: block;
    text-transform: uppercase; }
    .slide .post .title a {
      color: #616161; }
      .slide .post .title a:hover {
        color: #7b7b7b;
        text-decoration: none; }

/* accordion styles */
.accordion-box {
  padding: 0;
  margin: 0; }
  .accordion-box ul.accordion > li {
    padding: 0;
    margin: 0; }
    .accordion-box ul.accordion > li:after {
      display: none; }
    .accordion-box ul.accordion > li .opener {
      font-weight: 500;
      display: block;
      color: #616161;
      background: #f3f3f3;
      font-size: 18px;
      letter-spacing: 0.03em;
      line-height: 22px;
      position: relative;
      padding: 24px 60px 24px 39px;
      margin: 0 0 1px;
      transition: all 0.35s; }
      .accordion-box ul.accordion > li .opener:after {
        width: 31px;
        height: 27px;
        background: url(../images/sprite.png) no-repeat -267px -119px;
        content: '';
        position: absolute;
        top: 24px;
        right: 59px; }
      .accordion-box ul.accordion > li .opener:hover {
        text-decoration: none;
        color: #212121;
        transition: all 0.35s;
        background: #e8e8e8; }
    .accordion-box ul.accordion > li ul {
      padding: 10px 15px;
      margin: 0;
      background: #fafafa;
      line-height: 24px; }
      .accordion-box ul.accordion > li ul li {
        padding: 11px 26px 11px;
        position: relative; }
        .accordion-box ul.accordion > li ul li:after {
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          background: url(../images/separator.jpg) repeat-x;
          content: '';
          height: 1px;
          width: auto; }
        .accordion-box ul.accordion > li ul li:first-child:after {
          display: none; }
        .accordion-box ul.accordion > li ul li a {
          color: #616161; }
          .accordion-box ul.accordion > li ul li a:hover {
            text-decoration: none;
            color: #212121; }

/* archive form styles */
.archive-form {
  overflow: hidden;
  margin: 0 0 20px; }
  .archive-form select {
    float: right;
    width: 177px;
    border: 1px solid #969696;
    height: 33px;
    font-weight: bold;
    font-size: 13px;
    line-height: 33px; }

fieldset {
  padding: 10px 0;
  margin: 15px 0; }

legend {
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 20px 0;
  padding-top: 0;
  padding-bottom: 15px;
  border-bottom: 1px solid #bdbdbd;
  font-size: 20px;
  font-weight: 500; }

label {
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #616161;
  font-weight: 500;
  margin-top: 10px; }

.form-control {
  font-weight: normal;
  border: 1px solid #ddd;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important; }

/*table box styles */
.table {
  width: 88%;
  margin-bottom: 0; }
  .table tr td {
    padding: 10px 11px 10px;
    border-left: 1px solid #eee; }
    .table tr td:first-child {
      border-left: none;
      width: 29.1%; }
  .table tbody tr {
    color: #616161;
    font-size: 14px;
    line-height: 20px;
    font-weight: 300; }
    .table tbody tr td {
      padding: 10px 11px 10px 64px; }
      .table tbody tr td:first-child {
        padding: 8px 11px 11px 31px;
        font-size: 16px;
        line-height: 20px;
        font-weight: bold; }

/*
    Common 
*/
.wizard,
.tabcontrol {
  display: block;
  width: 100%;
  overflow: hidden; }

.wizard a,
.tabcontrol a {
  outline: 0; }

.wizard ul,
.tabcontrol ul {
  list-style: none !important;
  padding: 0;
  margin: 0; }

.wizard ul > li,
.tabcontrol ul > li {
  display: block;
  padding: 0; }

/* Accessibility */
.wizard > .steps .current-info,
.tabcontrol > .steps .current-info {
  position: absolute;
  left: -999em; }

.wizard > .content > .title,
.tabcontrol > .content > .title {
  position: absolute;
  left: -999em; }

/*
    Wizard
*/
.wizard > .steps {
  position: relative;
  display: block;
  width: 100%; }

.wizard.vertical > .steps {
  display: inline;
  float: left;
  width: 30%; }

.wizard > .steps .number {
  font-size: 1.429em; }

.wizard > .steps > ul > li {
  width: auto; }

.wizard > .steps > ul > li,
.wizard > .actions > ul > li {
  float: left; }

.wizard.vertical > .steps > ul > li {
  float: none;
  width: 100%; }

.wizard > .steps a,
.wizard > .steps a:hover,
.wizard > .steps a:active {
  display: block;
  width: auto;
  margin: 0 0.5em 0.5em;
  padding: 1em 1em;
  text-decoration: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

.wizard > .steps .disabled a,
.wizard > .steps .disabled a:hover,
.wizard > .steps .disabled a:active {
  background: #eee;
  color: #aaa;
  cursor: default; }

.wizard > .steps .current a,
.wizard > .steps .current a:hover,
.wizard > .steps .current a:active {
  background: #212121;
  color: #fff;
  cursor: default; }

.wizard > .steps .done a,
.wizard > .steps .done a:hover,
.wizard > .steps .done a:active {
  background: #212121;
  color: #fff; }

.wizard > .steps .error a,
.wizard > .steps .error a:hover,
.wizard > .steps .error a:active {
  background: #ff3111;
  color: #fff; }

.wizard > .content {
  background: #fff;
  display: block;
  margin: 0.5em;
  min-height: 100px;
  overflow: hidden;
  position: relative;
  width: auto;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

.wizard.vertical > .content {
  display: inline;
  float: left;
  margin: 0 2.5% 0.5em 2.5%;
  width: 65%; }

.wizard > .content > .body {
  /*float: left;
  position: absolute;
  width: 70%;
  height: 95%;
  padding: 2.5%;*/
  width: 100%;
  height: auto;
  padding: 15px;
  position: relative; }

.wizard > .content > .body ul {
  list-style: disc !important; }

.wizard > .content > .body ul > li {
  display: list-item; }

.wizard > .content > .body > iframe {
  border: 0 none;
  width: 100%;
  height: 100%; }

.wizard > .content > .body input {
  display: block;
  border: 1px solid #ccc; }

.wizard > .content > .body input[type="checkbox"] {
  display: inline-block; }

.wizard > .content > .body input.error {
  background: #fbe3e4;
  border: 1px solid #fbc2c4;
  color: #8a1f11; }

.wizard > .content > .body label {
  display: inline-block;
  margin-bottom: 0.5em; }

.wizard > .content > .body label.error {
  color: #8a1f11;
  display: inline-block;
  margin-left: 1.5em; }

.wizard > .actions {
  position: relative;
  display: block;
  text-align: center;
  width: 100%; }

.wizard.vertical > .actions {
  display: inline;
  float: right;
  margin: 0 2.5%;
  width: 95%; }

.wizard > .actions > ul {
  display: inline-block;
  text-align: right; }

.wizard > .actions > ul > li {
  margin: 0 0.5em; }

.wizard.vertical > .actions > ul > li {
  margin: 0 0 0 1em; }

.wizard > .actions a,
.wizard > .actions a:hover,
.wizard > .actions a:active {
  background: #212121;
  color: #fff;
  display: block;
  padding: 0.5em 1em;
  text-decoration: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

.wizard > .actions .disabled a,
.wizard > .actions .disabled a:hover,
.wizard > .actions .disabled a:active {
  background: #eee;
  color: #aaa; }

/*
    Tabcontrol
*/
.tabcontrol > .steps {
  position: relative;
  display: block;
  width: 100%; }

.tabcontrol > .steps > ul {
  position: relative;
  margin: 6px 0 0 0;
  top: 1px;
  z-index: 1; }

.tabcontrol > .steps > ul > li {
  float: left;
  margin: 5px 2px 0 0;
  padding: 1px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px; }

.tabcontrol > .steps > ul > li:hover {
  background: #edecec;
  border: 1px solid #bbb;
  padding: 0; }

.tabcontrol > .steps > ul > li.current {
  background: #fff;
  border: 1px solid #bbb;
  border-bottom: 0 none;
  padding: 0 0 1px 0;
  margin-top: 0; }

.tabcontrol > .steps > ul > li > a {
  color: #5f5f5f;
  display: inline-block;
  border: 0 none;
  margin: 0;
  padding: 10px 30px;
  text-decoration: none; }

.tabcontrol > .steps > ul > li > a:hover {
  text-decoration: none; }

.tabcontrol > .steps > ul > li.current > a {
  padding: 15px 30px 10px 30px; }

.tabcontrol > .content {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 35em;
  overflow: hidden;
  border-top: 1px solid #bbb;
  padding-top: 20px; }

.tabcontrol > .content > .body {
  float: left;
  position: absolute;
  width: 95%;
  height: 95%;
  padding: 2.5%; }

.tabcontrol > .content > .body ul {
  list-style: disc !important; }

.tabcontrol > .content > .body ul > li {
  display: list-item; }

/* ---------------------------------------------------------
   4. Styles for responsive breakpoints
   ---------------------------------------------------------*/
@media only screen and (min-width: 1025px) {
  .tel-link {
    cursor: default;
    pointer-events: none; } }
.lg-hidden {
  display: none; }

@media only screen and (max-width: 1200px) {
  .nav-line .nav-line-holder {
    max-width: 970px; }

  .masonry .column .cols-info {
    padding: 17px 4px 0 1px; }

  .masonry .column .cols-info .col {
    padding: 0 6px 13px; }

  .masonry .box-full {
    padding: 24px 0 0; }

  .masonry .box-full .event-holder {
    margin: 0 0 9px; }

  .masonry .box-full .box-event {
    padding: 20px 0; }

  .footer-b .partner-list li {
    width: 25%;
    padding: 0 10px;
    margin: 0; }

  .footer-b .partner-list {
    margin: 0 0 22px;
    padding: 42px 0; }

  .head-paralax .sublink-nav li {
    width: 17%; }
    .head-paralax .sublink-nav li.ico {
      width: 5%; }
    .head-paralax .sublink-nav li a {
      font-size: 10px; }
      .head-paralax .sublink-nav li a.lock:after {
        left: 8px; }

  #header .lang {
    padding: 2px 0 0; } }
@media only screen and (max-width: 992px) {
  .nav-active {
    padding: 197px 0 0; }

  .nav-line .nav-line-holder {
    max-width: 750px; }

  #header .social li {
    margin: 0 13px 0 0; }

  .footer-main-nav > ul .drop > ul > li,
  #nav > ul .drop > ul > li {
    padding: 0 19px; }
  .footer-main-nav > ul > li > a,
  #nav > ul > li > a {
    padding: 0 10px; }
    .footer-main-nav > ul > li > a:after,
    #nav > ul > li > a:after {
      margin: -5px 0 0 -1px; }
  .footer-main-nav > ul .drop,
  #nav > ul .drop {
    padding: 30px 0; }
  .footer-main-nav > ul .drop > ul,
  #nav > ul .drop > ul {
    font-size: 11px;
    line-height: 15px; }
  .footer-main-nav > ul .drop > ul > li ul > li,
  #nav > ul .drop > ul > li ul > li {
    font-size: 11px;
    line-height: 15px;
    padding: 7px 0; }

  .intro {
    padding: 87px 0 0;
    background-attachment: scroll; }

  .header-scroll.active .nav-line ul.nav-line-nav > li .drop-holder > a,
  .nav-line ul.nav-line-nav > li .drop-holder > a {
    font-size: 10px;
    padding: 10px 15px 17px; }

  .header-scroll.active .nav-line ul.nav-line-nav > li .drop-holder.hover > a,
  .nav-line ul.nav-line-nav > li .drop-holder.hover > a {
    padding: 10px 15px 17px; }

  .header-scroll.active .nav-line ul.nav-line-nav > li ul,
  .nav-line ul.nav-line-nav > li ul {
    width: 220px; }

  .header-scroll.active .nav-line ul.nav-line-nav,
  .nav-line ul.nav-line-nav {
    padding: 6px 0 0; }

  .nav-line ul.nav-line-nav li a.btn.btn-search {
    font-size: 10px; }

  .posts-carousel {
    padding: 46px 0 41px; }

  #grid-hp .media-box-square .media-box-title {
    font-size: 16px;
    line-height: 22px; }

  .masonry,
  #grid-hp {
    margin: 0 0 175px; }

  .masonry .column .box .title-text {
    font-size: 14px;
    line-height: 22px; }

  .masonry .column .box.title-event .title-text {
    font-size: 21px;
    line-height: 35px;
    padding: 0 0 6px 7px; }

  .masonry .column .cols-info,
  #grid-hp .cols-info {
    padding: 0; }

  .masonry .column .cols-info .col .date,
  #grid-hp .cols-info .col .date {
    font-size: 14px;
    line-height: 20px; }
    .masonry .column .cols-info .col .date strong,
    #grid-hp .cols-info .col .date strong {
      font-size: 16px;
      line-height: 20px; }
    .masonry .column .cols-info .col .date span,
    #grid-hp .cols-info .col .date span {
      font-size: 13px;
      line-height: 17px; }

  .masonry .column .cols-info .ico,
  #grid-hp .cols-info .ico {
    margin: 0 auto 16px; }
  .masonry .column .cols-info .ico.ico-cal,
  #grid-hp .cols-info .ico.ico-cal {
    margin-bottom: 16px; }
  .masonry .column .cols-info .col .title,
  #grid-hp .cols-info .col .title {
    font-size: 10px; }
  .masonry .column .cols-info .col,
  #grid-hp .cols-info .col {
    padding: 0 3px 5px; }
    .masonry .column .cols-info .col .btn,
    #grid-hp .cols-info .col .btn {
      font-size: 9px;
      letter-spacing: 0;
      line-height: 21px;
      display: inline-block;
      vertical-align: top;
      padding: 2px 7px; }

  .masonry .box-trend,
  #grid-hp .box-trend {
    font-size: 11px;
    line-height: 17px;
    padding: 29px 0 0; }

  .masonry .box-trend .title,
  #grid-hp .box-trend .title {
    margin: 0 0 3px;
    padding: 0 5px 10px; }

  .masonry .box-trend h2,
  #grid-hp .box-trend h2 {
    font-size: 18px;
    line-height: 26px;
    margin: 0 0 35px;
    word-spacing: 0; }

  .masonry .box-full,
  #grid-hp .box-full {
    padding: 10px 0 0; }

  #grid-hp .media-box-quote {
    padding: 0 !important; }

  .masonry .box-full .ico-cal,
  #grid-hp .box-full .ico-cal {
    margin: 0 auto 11px;
    display: none; }

  .masonry .box-full .title,
  #grid-hp .box-full .title {
    font-size: 14px;
    margin: 0 0 6px;
    padding: 3px 0 10px; }

  .masonry .box-full .box-event,
  #grid-hp .box-full .box-event {
    padding: 10px 0; }

  .masonry .box-full .box-event .date,
  #grid-hp .box-full .box-event .date {
    font-size: 11px;
    margin: 0 0 7px; }

  .masonry .box-full .box-event .name,
  #grid-hp .box-full .box-event .name {
    font-size: 11px;
    line-height: 18px; }

  .masonry .column .box .btn,
  #grid-hp .column .box .btn {
    bottom: 25px; }

  .footer-nav {
    margin: 0;
    font-size: 11px;
    padding: 22px 0 12px; }
    .footer-nav > li {
      margin: 0;
      width: 20%;
      padding: 0 10px; }
    .footer-nav ul {
      padding: 10px 0 0; }
      .footer-nav ul li {
        margin: 0 0 5px; }

  .footer-main .contact-box {
    font-size: 10px;
    line-height: 16px; }

  .footer-main .copy-box {
    line-height: 14px;
    font-size: 10px;
    padding: 0; }
    .footer-main .copy-box p {
      margin: 0 0 10px; }

  .page-head {
    padding: 50px 9999px; }
    .page-head h1 {
      font-size: 40px;
      line-height: 50px; }

  .post-blocks {
    padding: 61px 0 24px; }

  .post-blocks .post {
    font-size: 14px;
    line-height: 20px;
    padding: 65px 10px 20px;
    word-spacing: 2px; }

  .post-blocks .box {
    padding: 55px 10px; }

  .post-blocks .post h2 {
    font-size: 20px;
    line-height: 26px;
    margin: 0 0 16px; }

  .post-blocks .post .subtitle {
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 20px;
    word-spacing: 0; }

  .post-blocks.even .post .more {
    margin: 0 -3px 0 0; }

  .head-paralax {
    padding: 36px 0 0; }
    .head-paralax .sublink-nav li {
      width: 33.33333%;
      padding: 1px 0 0 1px; }
      .head-paralax .sublink-nav li.ico {
        width: 11.11111111%; }
      .head-paralax .sublink-nav li a {
        font-size: 10px; }
        .head-paralax .sublink-nav li a.lock:after {
          left: 8px; }

  .news-section .column {
    float: none;
    overflow: hidden;
    width: auto;
    text-align: center; }

  .news-section .post .text {
    text-align: left; }

  .event-block-holder {
    padding: 36px 0 45px;
    font-size: 14px;
    line-height: 20px; }
    .event-block-holder p {
      margin: 0 0 40px; }
    .event-block-holder h2 {
      font-size: 27px;
      line-height: 35px; }
    .event-block-holder .event-info-block .col {
      padding: 8px 15px 12px; }
      .event-block-holder .event-info-block .col .head {
        font-size: 12px;
        line-height: 18px;
        margin: 0 0 6px; }
      .event-block-holder .event-info-block .col .btn {
        font-size: 10px;
        letter-spacing: 0;
        line-height: 20px;
        margin: 0;
        min-width: 120px; }

  .content-box {
    font-size: 12px;
    line-height: 20px;
    margin: 0 0 40px; }
    .content-box h2 {
      font-size: 18px;
      line-height: 22px;
      margin: 0 0 14px; }
    .content-box ul li {
      font-size: 14px;
      line-height: 22px;
      padding: 0 0 7px 30px; }
      .content-box ul li:after {
        top: 5px; }
      .content-box ul li b {
        font-size: 16px;
        letter-spacing: 0;
        line-height: 22px; }
      .content-box ul li span {
        padding: 0 0 0 8px; }
    .content-box .btn-black {
      font-size: 10px;
      line-height: 18px;
      margin: 0;
      min-width: 160px;
      padding: 6px 10px; }
    .content-box .col-box .post {
      font-size: 12px;
      line-height: 20px;
      padding: 20px 27px; }
      .content-box .col-box .post .title {
        font-size: 14px;
        line-height: 20px;
        margin: 0 0 15px; }
      .content-box .col-box .post .subtitle {
        font-size: 14px;
        line-height: 20px;
        margin: 0 0 10px; }
      .content-box .col-box .post p {
        margin: 0 0 15px; }
    .content-box .count-cols {
      margin: 0 0 10px;
      padding: 45px 0 24px; }
      .content-box .count-cols .col {
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0;
        padding: 0 10px; }
        .content-box .count-cols .col .ico {
          margin: 0 auto 20px; }
          .content-box .count-cols .col .ico.ico-members {
            margin-top: 0;
            margin-bottom: 10px; }
          .content-box .count-cols .col .ico.ico-countries {
            margin-top: 0;
            margin-bottom: 6px; }
          .content-box .count-cols .col .ico.ico-visitors {
            margin-top: 17px;
            margin-bottom: 37px; }
        .content-box .count-cols .col .head {
          margin: 0 0 10px; }
        .content-box .count-cols .col .count {
          font-size: 18px;
          line-height: 22px;
          letter-spacing: 2px;
          margin: 0 0 24px; }
        .content-box .count-cols .col .total-info {
          font-size: 16px;
          line-height: 26px;
          padding: 8px 0 0; }
          .content-box .count-cols .col .total-info span {
            margin: 0 0 5px; }

  .content-full-post .intro-text {
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 22px;
    word-spacing: 2px; }
  .content-full-post h1 {
    font-size: 22px;
    line-height: 34px;
    margin: 0 0 16px; }

  .content-full-post,
  .content-box {
    padding: 24px 0;
    margin: 0; }

  .content-box.table-box .subtitle,
  .content-box.post-box .subtitle {
    font-size: 16px;
    line-height: 22px;
    margin: 0 0 21px; }

  .content-box.table-box .table {
    width: 100%; }

  .accordion-box ul.accordion > li .opener {
    font-size: 14px;
    line-height: 20px;
    padding: 14px 40px 14px 20px; }
    .accordion-box ul.accordion > li .opener:after {
      right: 20px;
      top: 10px; }
  .accordion-box ul.accordion > li ul {
    padding: 0 11px 11px;
    font-size: 13px; }

  .content-box.table-box .table tbody tr:first-child td {
    font-size: 14px;
    line-height: 20px; }

  .content-box.table-box .table tbody tr td:first-child {
    font-size: 14px;
    line-height: 20px; }

  .content-box.post {
    font-size: 14px;
    line-height: 20px; }
    .content-box.post h2 {
      font-size: 20px;
      line-height: 26px;
      margin: 0 0 10px; }

  .post-holder {
    margin: 0 0 92px; }

  .content-block {
    font-size: 16px;
    line-height: 20px; }
    .content-block .btn,
    .content-block .btn-black {
      font-size: 10px;
      line-height: 16px;
      min-width: 130px;
      margin: 0 6px;
      padding: 5px 10px; }
    .content-block h2 {
      font-size: 24px;
      line-height: 34px;
      margin: 0 0 12px; }
    .content-block .subtitle {
      font-size: 16px;
      line-height: 20px;
      margin: 0 0 20px; }
    .content-block > p {
      margin: 0 auto 20px;
      max-width: none; }
    .content-block .two-col {
      margin: 0 auto 0;
      max-width: none; }

  .content-block.even .three-col {
    padding: 18px 0 0; }

  .content-block {
    margin: 0 -9999px 40px;
    padding: 27px 9999px; }
    .content-block.even {
      padding: 27px 9999px 0; }

  .content-block.even .three-col .col {
    font-size: 14px;
    line-height: 20px; }

  .content-block.even .three-col p {
    margin: 0 0 25px; }

  .content-block.even .three-col .placeholder {
    padding: 0; }

  .event-section .event-list li .name,
  .agenda-section .agenda-list li .name {
    padding: 6px 10px 4px; }

  .event-section .event-block .date,
  .agenda-section .agenda-block .date {
    padding: 0 10px; }

  .event-section .event-block .location,
  .agenda-section .agenda-block .location {
    padding: 0 10px; }

  .nav-line ul.nav-line-nav > li ul {
    margin: -1px 0 0; } }
@media only screen and (max-width: 767px) {
  .lg-hidden {
    display: block; }

  .sm-hidden {
    display: none; }

  .nav-active {
    padding: 159px 0 0; }

  #header {
    height: 43px;
    -webkit-transition: all 1s linear;
    -moz-transition: all 1s linear;
    -ms-transition: all 1s linear;
    -o-transition: all 1s linear;
    transition: all 1s linear; }

  .logo {
    margin: 0 0 20px; }
    .logo a {
      max-width: 200px; }

  .footer-main-nav,
  #nav {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
    float: none;
    padding: 1px 0 17px;
    text-align: center;
    width: 100%; }
    .footer-main-nav > ul > li,
    #nav > ul > li {
      -webkit-transition: none;
      -moz-transition: none;
      -ms-transition: none;
      -o-transition: none;
      transition: none;
      font-size: 9px;
      line-height: 13px; }
      .footer-main-nav > ul > li > a,
      #nav > ul > li > a {
        letter-spacing: 0;
        padding: 0 8px; }
        .footer-main-nav > ul > li > a:after,
        #nav > ul > li > a:after {
          margin: -6px 0 0 -1px; }
    .footer-main-nav > .nav-main,
    #nav > .nav-main {
      display: inline-block;
      vertical-align: top; }

  #header .lang {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
    float: none;
    margin: 0;
    padding: 5px 5px 0;
    text-align: center; }
    #header .lang li {
      float: none;
      display: inline-block;
      vertical-align: top;
      font-size: 12px;
      line-height: 12px; }

  #footer .footer-main-nav > ul .drop,
  #header #nav > ul .drop {
    padding: 12px 0; }
    #footer .footer-main-nav > ul .drop > ul,
    #header #nav > ul .drop > ul {
      font-size: 9px;
      line-height: 13px; }
      #footer .footer-main-nav > ul .drop > ul > li,
      #header #nav > ul .drop > ul > li {
        float: none;
        display: inline-block;
        vertical-align: top;
        letter-spacing: 0;
        padding: 0 6px;
        margin: 0 0 12px -4px;
        width: 50%; }
        #footer .footer-main-nav > ul .drop > ul > li ul,
        #header #nav > ul .drop > ul > li ul {
          margin: 3px 0 0;
          padding: 0; }
          #footer .footer-main-nav > ul .drop > ul > li ul > li,
          #header #nav > ul .drop > ul > li ul > li {
            font-size: 9px;
            line-height: 13px;
            padding: 6px 0; }

  .social {
    display: none; }

  .footer-main-nav {
    padding: 6px 0;
    margin: 0 0 16px;
    background: #212121;
    position: relative;
    z-index: 2000; }
    .footer-main-nav li a {
      display: block; }

  .footer-main-nav > ul > li.has-drop-down .has-drop-down-a::before {
    margin: 0 0 0 -12px; }

  .intro {
    padding: 15px 0;
    background-size: cover;
    background-position: 50% 50%;
    background-attachment: scroll; }
    .intro p {
      margin-bottom: 10px;
      line-height: 18px;
      text-transform: none; }
    .intro time.date {
      margin: 0;
      font-size: 20px;
      padding: 0; }
    .intro .name {
      font-size: 15px;
      margin: 0; }

  .masonry .column {
    float: none;
    width: 100%;
    overflow: hidden; }
    .masonry .column.column-half {
      float: left;
      width: 50%; }

  .slide {
    text-align: center;
    width: 100%;
    white-space: nowrap;
    letter-spacing: 0px;
    overflow: hidden; }
    .slide .post {
      letter-spacing: 0;
      white-space: normal;
      width: 258px;
      border-left: none;
      display: inline-block;
      float: none;
      vertical-align: top;
      margin: 0;
      padding: 6px 17px 18px; }
    .slide.active {
      background: #fff; }

  .row {
    margin: 0; }

  .carousel {
    padding: 0 16px 16px; }
    .carousel .btn-prev,
    .carousel .btn-next {
      top: 50%;
      margin: -13px 0 0; }

  .mob-opener {
    display: block; }

  .active-mob .w1 {
    margin: 0 224px 0 -224px;
    overflow: visible; }

  .header-scroll.active {
    -webkit-transition: all 1s linear;
    -moz-transition: all 1s linear;
    -ms-transition: all 1s linear;
    -o-transition: all 1s linear;
    transition: all 1s linear; }

  .active-mob .header-scroll.active,
  .active-mob #header {
    margin: 0 224px 0 -224px; }

  .w1 {
    padding: 43px 0 0;
    position: relative;
    -webkit-transition: all 1s linear;
    -moz-transition: all 1s linear;
    -ms-transition: all 1s linear;
    -o-transition: all 1s linear;
    transition: all 1s linear; }

  .header-scroll {
    padding: 0; }

  .header-scroll.active .nav-line,
  .nav-line {
    -webkit-transition: margin 1s linear;
    -moz-transition: margin 1s linear;
    -ms-transition: margin 1s linear;
    -o-transition: margin 1s linear;
    transition: margin 1s linear;
    opacity: 0;
    position: fixed;
    top: 1px;
    right: 0;
    width: 224px;
    padding: 0 0 9999px;
    background: #fff;
    border: none;
    margin: 0 -224px -9999px 0; }
    .header-scroll.active .nav-line ul.nav-line-nav,
    .nav-line ul.nav-line-nav {
      padding: 0; }
    .header-scroll.active .nav-line ul.nav-line-nav > li,
    .nav-line ul.nav-line-nav > li {
      float: none;
      width: auto;
      padding: 0 10px 0;
      position: relative; }
      .header-scroll.active .nav-line ul.nav-line-nav > li:after,
      .nav-line ul.nav-line-nav > li:after {
        content: '';
        display: block;
        clear: both; }
      .header-scroll.active .nav-line ul.nav-line-nav > li ul,
      .nav-line ul.nav-line-nav > li ul {
        margin: 0;
        padding: 10px 15px 30px;
        position: static;
        width: auto; }
        .header-scroll.active .nav-line ul.nav-line-nav > li ul li a,
        .nav-line ul.nav-line-nav > li ul li a {
          display: block; }
      .header-scroll.active .nav-line ul.nav-line-nav > li > a,
      .nav-line ul.nav-line-nav > li > a {
        font-size: 10px;
        display: block;
        color: #212121;
        padding: 10px 15px;
        text-align: center; }
        .header-scroll.active .nav-line ul.nav-line-nav > li > a:hover,
        .nav-line ul.nav-line-nav > li > a:hover {
          text-decoration: none;
          color: #616161; }
      .header-scroll.active .nav-line ul.nav-line-nav > li .drop-holder,
      .nav-line ul.nav-line-nav > li .drop-holder {
        float: none;
        display: block;
        position: relative; }
        .header-scroll.active .nav-line ul.nav-line-nav > li .drop-holder > a,
        .nav-line ul.nav-line-nav > li .drop-holder > a {
          display: block;
          color: #212121;
          padding: 10px 15px;
          text-align: center; }
        .header-scroll.active .nav-line ul.nav-line-nav > li .drop-holder.hover > a,
        .nav-line ul.nav-line-nav > li .drop-holder.hover > a {
          padding: 10px 15px; }
          .header-scroll.active .nav-line ul.nav-line-nav > li .drop-holder.hover > a:after,
          .nav-line ul.nav-line-nav > li .drop-holder.hover > a:after {
            display: none; }

  .active-mob .header-scroll.active .nav-line,
  .active-mob .nav-line {
    margin: 0 0 -9999px 0;
    opacity: 1; }

  .masonry .column .box.info,
  #grid-hp .column .box.info {
    padding: 15px 0 0; }

  .masonry .column .cols-info .col .btn,
  #grid-hp .info .cols-info .col .btn {
    font-size: 9px;
    word-spacing: -1px;
    line-height: 19px;
    padding: 1px 2px; }

  #grid-hp .media-box-square .media-box-title {
    font-size: 12px;
    letter-spacing: 1px;
    margin: 0; }

  .masonry .column .cols-info .col .title.title-point,
  .masonry .column .cols-info .col .title,
  #grid-hp .info .cols-info .col .title.title-point,
  #grid-hp .info .cols-info .col .title {
    font-size: 9px;
    letter-spacing: 0;
    margin: 0; }

  .masonry .column .cols-info .col .title.title-point,
  #grid-hp .info .cols-info .col .title.title-point {
    margin: 0 0 10px; }

  .masonry .column .box .btn,
  #grid-hp .box-trend .btn {
    bottom: 10px;
    letter-spacing: 0;
    margin: 0 0 0 -50px;
    min-width: 100px;
    padding: 6px 5px 7px; }

  .masonry .box-trend h2,
  #grid-hp .box-trend h2 {
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 15px; }

  .footer-nav {
    font-size: 10px; }
    .footer-nav > li {
      margin: 0 0 20px -4px;
      padding: 0 10px;
      width: 50%;
      display: inline-block;
      vertical-align: top;
      float: none; }

  .footer-main {
    padding: 20px 0 0;
    text-align: center; }

  .footer-main .copy-box .user-nav {
    margin: 0 0 15px; }
    .footer-main .copy-box .user-nav li {
      float: none;
      display: inline-block;
      vertical-align: top; }

  .footer-main .contact-box .social-box {
    margin: 0 0 20px;
    text-align: center; }

  .footer-main .contact-box,
  .footer-main .copy-box {
    float: none;
    text-align: center;
    width: auto;
    margin: 0 0 20px; }

  .footer-b .partner-list {
    margin: 0 0 22px;
    padding: 42px 0; }
    .footer-b .partner-list li {
      float: none;
      width: auto;
      padding: 0 0 10px;
      text-align: center; }

  .footer-b {
    margin: 0 auto 30px; }

  .footer-main .copy-box .user-nav li::after {
    top: 2px; }

  .active-mob .header-scroll.active {
    margin: 0; }

  .header-scroll.active {
    padding: 20px 0;
    top: 43px;
    position: absolute; }
    .header-scroll.active .header-content {
      padding: 0; }
    .header-scroll.active .nav-line ul.nav-line-nav {
      padding: 0; }
    .header-scroll.active .logo {
      float: none;
      text-align: center;
      margin: 0 0 20px; }
    .header-scroll.active .show-info {
      float: none;
      text-align: center; }
      .header-scroll.active .show-info time.date {
        display: inline-block;
        vertical-align: top; }

  .page-head {
    padding: 30px 9999px; }
    .page-head h1 {
      font-size: 30px;
      line-height: 40px; }
      .page-head h1:after {
        width: 150px;
        margin: 0 0 0 -75px; }

  .post-blocks > article {
    padding: 0; }
  .post-blocks .post {
    font-size: 16px;
    line-height: 23px;
    padding: 71px 33px 28px; }
  .post-blocks .box {
    padding: 57px 27px 56px; }

  .page-head {
    padding: 30px 0 0; }

  .head-paralax .sublink-nav li {
    padding: 1px 0 0 1px;
    width: 50%;
    letter-spacing: -1px; }
    .head-paralax .sublink-nav li.ico {
      width: 16.66666666%; }
    .head-paralax .sublink-nav li a {
      padding: 13px 10px; }

  .section {
    padding: 30px 0; }
    .section.news-section {
      padding: 30px 9999px; }

  .head-paralax .subtitle {
    font-size: 14px;
    line-height: 18px;
    margin: 0 0 30px; }

  .section h2 {
    font-size: 26px;
    line-height: 36px;
    margin: 0 0 20px 0;
    padding: 0 0 20px; }

  .section .title {
    font-size: 12px;
    line-height: 16px;
    margin: 0 0 28px; }

  .event-section .event-block .event-head span,
  .agenda-section .agenda-block .agenda-head span {
    display: none; }

  .event-section .event-list li,
  .agenda-section .agenda-list li {
    font-size: 12px;
    line-height: 18px;
    padding: 15px 0 16px; }

  .event-section .event-block .date,
  .event-section .event-block .location,
  .event-section .event-block .name,
  .agenda-section .agenda-block .date,
  .agenda-section .agenda-block .location,
  .agenda-section .agenda-block .name {
    float: none;
    padding: 0 16px 10px !important;
    width: auto; }

  .event-section .event-list li .btn-box .btn,
  .agenda-section .agenda-list li .btn-box .btn {
    font-size: 10px;
    margin: 0 5px 0 0; }

  .event-section .event-list li address:after,
  .agenda-section .agenda-list li address:after {
    left: 0; }

  .archive-form select {
    float: none; }

  .event-block-holder .event-info-block:after, .event-block-holder .event-info-block:before {
    margin: 0 0 0 -11px; }
  .event-block-holder .event-info-block:before {
    margin: 0 0 0 -12px; }
  .event-block-holder .event-info-block .holder {
    margin: 0; }
  .event-block-holder .event-info-block .col {
    padding: 4px 10px 10px;
    margin: 0 0 20px;
    width: 50%; }
    .event-block-holder .event-info-block .col:nth-child(2n+1):after {
      display: none; }
    .event-block-holder .event-info-block .col .date {
      font-size: 13px; }
    .event-block-holder .event-info-block .col .date strong {
      font: 900 18px/24px "Roboto",Helvetica,Arial,sans-serif;
      margin: 0 0 5px; }
    .event-block-holder .event-info-block .col .date span {
      font: bold 13px/19px "Roboto Condensed",Helvetica,Arial,sans-serif;
      letter-spacing: 0;
      margin: 0; }
    .event-block-holder .event-info-block .col .time-schedule {
      font-size: 12px;
      line-height: 18px;
      margin: 0 0 7px; }
    .event-block-holder .event-info-block .col .title.title-point {
      letter-spacing: 0;
      margin: 0 0 5px;
      padding: 7px 0 0; }
    .event-block-holder .event-info-block .col .head {
      font-size: 10px;
      line-height: 16px;
      margin: 0 0 3px; }
    .event-block-holder .event-info-block .col .reg-text {
      font-size: 11px;
      line-height: 17px;
      padding: 5px 0 0; }
    .event-block-holder .event-info-block .col p {
      font-size: 10px;
      letter-spacing: 0;
      line-height: 14px;
      margin: 0 0 18px; }
    .event-block-holder .event-info-block .col .btn {
      min-width: 100px;
      padding: 2px 4px; }

  .page-content2 .left {
    float: none;
    padding: 20px 0;
    width: auto; }
  .page-content2 ul {
    margin: 0 0 25px;
    padding: 11px 0 0; }
  .page-content2 .alignright {
    float: none;
    display: block;
    margin: 0 auto;
    max-width: 100%;
    width: auto; }
  .page-content2 .count-cols .col {
    border: none;
    border-top: 1px solid #d8d8d8;
    float: none;
    width: auto;
    padding: 15px 15px; }
    .page-content2 .count-cols .col:first-child {
      border: none; }
  .page-content2 .info {
    font-size: 10px;
    line-height: 18px;
    padding: 0 5px;
    word-spacing: 1px; }

  .col-box {
    overflow: hidden;
    padding: 23px 0 0; }
    .col-box .col {
      padding: 0;
      margin: 0 0 20px; }

  .content-full-post .btn-box {
    text-align: center; }

  .content-full-post .btn-box .btn {
    margin: 0;
    min-width: 130px;
    padding: 5px 10px 4px;
    font-size: 10px; }

  .content-full-post .btn-box .btn.btn-black {
    margin: 0 15px 0 0;
    padding: 5px 10px;
    min-width: 130px; }

  .page-content2 .alignright {
    width: auto;
    margin: 13px auto; }

  .page-content2 .content-holder .text {
    float: none;
    padding: 0;
    width: auto; }

  .content-box.table-box .table tbody tr td {
    padding: 6px !important; }

  .content-box.table-box .table tbody tr:first-child td,
  .content-box.table-box .table tbody tr td:first-child {
    font-size: 11px;
    line-height: 17px; }

  .content-box.table-box .table tbody tr {
    font-size: 11px;
    line-height: 17px; }

  .content-box.table-box .table tr td:first-child {
    width: 32%; }

  .content-block .two-col .col {
    border-left: none;
    border-top: 1px solid #b9b9b9;
    float: none;
    font-size: 12px;
    line-height: 15px;
    padding: 20px;
    width: auto; }

  .content-block.even .three-col .col {
    font-size: 14px;
    line-height: 20px;
    float: none;
    width: auto; }

  .content-block.even {
    padding: 27px 9999px; }

  .content-box.post {
    font-size: 12px;
    line-height: 18px;
    padding: 15px; }

  .content-block.even .three-col .center-deco {
    float: none;
    width: auto;
    padding: 20px 0; }

  .head-paralax {
    background-size: cover; } }
@media only screen and (max-width: 479px) {
  .news-section .col,
  .news-section .column {
    float: none;
    width: auto;
    overflow: hidden; } }
@media only screen and (max-width: 1025px) {
  #grid-hp .box-full .ico-cal {
    margin: 0 auto 11px;
    display: none; }

  #grid-hp .box-full .box-event {
    padding: 10px 0; } }
@media only screen and (max-width: 767px) {
  #grid-hp .media-box-title {
    letter-spacing: 2px;
    white-space: normal !important;
    padding: 4px 10px 0;
    font-size: 16px !important;
    line-height: 31px;
    font-weight: 400; }

  #grid-hp .media-box-quote {
    padding-top: 40px !important; }
    #grid-hp .media-box-quote .box-full .ico-cal {
      display: block;
      margin: 0 auto 22px;
      background: url(../images/sprite.png) no-repeat -107px -29px;
      width: 32px;
      height: 33px; } }
@media only screen and (max-width: 479px) {
  #grid-hp .box-full .ico-cal,
  #grid-hp .box-full .title {
    display: none !important; }

  #grid-hp .media-box-quote {
    padding: 0 !important; }

  #grid-hp .media-box-quote .box-full .box-event {
    padding: 5px !important; }

  #grid-hp .box-full .btn {
    letter-spacing: 0;
    margin: 0;
    min-width: 100px;
    padding: 5px 5px 8px; }

  #grid-hp .cols-info .ico {
    display: none !important; } }
.column .grayscale-fix {
  width: 100%; }

@media screen and (max-width: 767px) { #app_banner { display:none !important; } }
#myModal {z-index: 9999; }


.header-scroll {display: none !important;}
.full-content img {max-width: 100%!important; height: auto!important; }