/*
Theme Name: Didrichsen 2014
Author: Flo Apps Ltd
Author URI: http://floapps.com/
*/

.sprites-sprite, .sprites-arrow-r-w, .sprites-arrow-r, .sprites-cart-ico, .sprites-map-ico, .sprites-padlock-ico, .sprites-tel-ico, .sprites-tt-ico, .map:before, .phone:before, .middle-col ul li:before, .catalog:before, .friends:before, .twitts:after, .check:after {
  background: url('./images/sprites.png') no-repeat;
}

.sprites-arrow-r-w {
  background-position: 0 -78px;
  height: 6px;
  width: 7px;
}

.sprites-arrow-r {
  background-position: 0 -84px;
  height: 6px;
  width: 7px;
}

.sprites-cart-ico {
  background-position: 0 -17px;
  height: 16px;
  width: 16px;
}

.sprites-map-ico {
  background-position: 0 -49px;
  height: 14px;
  width: 9px;
}

.sprites-padlock-ico {
  background-position: 0 -33px;
  height: 16px;
  width: 12px;
}

.sprites-tel-ico {
  background-position: 0 -63px;
  height: 15px;
  width: 11px;
}

.sprites-tt-ico {
  background-position: 0 0;
  height: 17px;
  width: 24px;
}

body {
  background: #f2f2f2;
  min-width: 320px;
}

.link,
.link-black a,
.link-white a {
  position: relative;
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  font-weight: 500;
  color: black;
  text-decoration: underline;
}
.link-white a {
  color: white;
}
.link:after,
.link-black a:after,
.link-white a:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 25%;
  right: -15px;
  width: 7px;
  height: 6px;
  background-position: 0 -84px;
}
.link-black a:hover {
  text-decoration: underline;
  color: #2a6496;
}
.twitt a span{
  color: black;
}
.twitt a:hover{
    text-decoration:none;
}
.main article{
    min-height: 408px;
}
.main article h2{
    margin-top: 24px;
    margin-bottom: 18px;
    font-family: 'Roboto', sans-serif;
    font-size: 36px;
    font-weight: 500;
    color: black;
    line-height: 36px;
}
.events article h2{
    margin-bottom: 20px;
}
.gallery article h2{
    margin-bottom: 37px;
}
.main article div{
    margin-left: 0;
    padding-left: 22px;
    border-left: 2px solid #12b3b2;
}
.events article div{
    width: 460px;
}
.main article p{
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    font-weight: 400;
    color: #545454;
    line-height: 20px;
}
.events article p{
    margin-bottom: 38px;
}
.gallery article p{
    margin-bottom: 17px;
}
.gallery article div h3{
    margin-top: 18px;
    margin-bottom: 5px;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-weight: 500;
    color: black;
    line-height: 24px;
}

ul.lang li {
    width:140px;
}
ul.lang li div:nth-child(odd) {
    float:left;
    margin-right:20px;
    width:60px;
}


/* woocommerce */
ul.products{
    list-style: none;
    padding: 10px 0 0;
}
ul.products li{
    width: 50%;
    float:left;
}
ul.products img{
    height: 150px;
    width: 150px;
}
ul.products a,
.woocommerce a{
    text-decoration: none;
    color: black;
}
ul.products a:hover,
.woocommerce a:hover{
    text-decoration: underline;
    color: #2a6496;
}
.woocommerce,
ul.products{
    font-family: 'Roboto', sans-serif;
}
.woocommerce p label{
    width: 30%;
    vertical-align: top;
}
.woocommerce .checkout .checkbox{
    width: 60%;
    padding-left: 0;
    font-weight: 500;
    float: left;
}
.woocommerce .checkout .input-checkbox{
    width: 40%;
    margin-bottom: 20px;
}
.woocommerce p .input-text,
.woocommerce p select,
.woocommerce p textarea{
    width: 50%;
    margin-left: 1%;
}
div.summary input.qty {
    margin-bottom: 10px;
    width: 50px;
}
#billing_address_2,
#shipping_address_2{
    margin-left: 31%;
}
.woocommerce #order_review .shop_table{
    width: 80%;
}
.woocommerce .cart{
    margin-top: 30px;
}
.woocommerce .cart td{
    padding: 10px 10px 0 0;
}
.woocommerce .cart .quantity .input-text{
    width: 30%;
}
.woocommerce .cart .button{
    margin-top: 20px;
    margin-right: 10px;
}
.woocommerce .cart_totals table{
    width: 60%;
}
.payment_methods{
    list-style:none;
}
.payment_methods li label,
.payment_methods li .payment_box{
    margin-left: -40px;
}
.payment_methods li input.input-radio{
    display:none;
}
.woocommerce-cart aside,
.woocommerce .add_to_cart_button,
.woocommerce form.cart {
	display: none !important;
}
.woocommerce .related ul li {
    max-width: 150px;
}
ul.product-categories {
    list-style: none;
    padding-left: 0;
    margin-left: 0;
    margin-bottom: 0;
}

/* slider */
.banner{
    margin: 0 auto;
    position: relative;
    box-shadow: inset 0 0 0 1px #FFF,inset 0 0 20px #DDD;

    /* see http://stackoverflow.com/questions/11099930/100-width-background-image-with-an-auto-height?rq=1 */
    height: 0;
    padding: 0; /* remove any pre-existing padding, just in case */
    padding-bottom: 43.72%; /* aspect ratio */
    background-position: center center;
    background-size: 100%;
    background-repeat: no-repeat;
}

.slider-container-item{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
}


@media print {
  .link {
    display: none;
  }
}

.pic {
  background: #000;
}
@media only screen and (max-width: 767px) {
  .pic {
    margin-left: 23px;
    width: 50%;
    text-align: center;
    display: inline-block;
  }
  .pic img {
    display: inline-block;
  }
}

@media print {
  a[href]:after {
    content: '';
  }
}
header {
  padding-top: 52px;
  padding-bottom: 5px;
}
@media print {
  header {
    padding-top: 0;
    padding-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  header {
    padding-top: 22px;
  }
}
@media only screen and (max-width: 767px) {
  header .tools {
    display: none;
  }
}
header .tools > li:first-child,
header .tools > li:nth-child(2) {
  margin-right: 27px;
}
header .tools > li:first-child:before,
header .tools > li:nth-child(2):before {
  display: none;
}
header .tools > li:before {
  content: "";
  display: block;
  position: absolute;
  top: 6px;
  left: -12%;
  width: 2px;
  height: 27px;
  background: #c7c7c7;
}

.logo {
  position: relative;
  z-index: 2;
  margin-top: 5px;
}

.tools {
  margin-right: 9px;
}
@media print {
  .tools {
    display: none;
  }
}
.tools > li {
  position: relative;
  line-height: 19px;
}
.tools a {
  padding-left: 20px;
  font-family: 'Roboto', sans-serif;
  font-size: 11px;
  font-weight: 500;
  color: black;
}
.tools a:hover {
  text-decoration: none;
}
.social-col {
    vertical-align: top;
}
.social-icons li a {
    padding-left: 0;
}
.middle-col {
  margin-right: 26px;
}
.middle-col a {
  padding-left: 25px;
  text-decoration: underline;
}

.lang > li:first-child {
  margin-right: 2px;
}
.lang a {
  padding-left: 0;
  text-decoration: underline;
  position: relative;
}
.lang a.highlight {
  text-decoration: none;
}

.map {
  position: relative;
}
.map:before {
  content: "";
  display: block;
  position: absolute;
  top: 1px;
  left: 0;
  width: 9px;
  height: 14px;
  background-position: 0 -49px;
}

.phone {
  position: relative;
}
.phone:before {
  content: "";
  display: block;
  position: absolute;
  top: 1px;
  left: -1px;
  width: 11px;
  height: 15px;
  background-position: 0 -63px;
}

.middle-col ul li:nth-child(2),
.catalog {
  position: relative;
}
.middle-col ul li:nth-child(2):before,
.catalog:before {
  content: "";
  display: block;
  position: absolute;
  top: -3px;
  left: 2px;
  width: 16px;
  height: 16px;
  background-position: 0 -17px;
}

.middle-col ul li:first-child,
.friends {
  position: relative;
}
.middle-col ul li:first-child:before,
.friends:before {
  content: "";
  display: block;
  position: absolute;
  top: -2px;
  left: 3px;
  width: 12px;
  height: 16px;
  background-position: 0 -33px;
}

.navbar.navbar-default {
  border: 0;
  background: transparent;
}
@media only screen and (max-width: 767px) {
  .navbar.navbar-default {
    margin-bottom: 0;
    top: -61px;
  }

  .woocommerce ul.products li {
      float: left !important;
      margin-right: 12px !important;
  }
}

.collapse.navbar-collapse {
  padding-left: 0;
}
@media only screen and (max-width: 767px) {
  .collapse.navbar-collapse {
    padding-left: 10px;
  }
}

.navbar-default .navbar-nav > li:first-child > a {
  padding-left: 0;
}
@media only screen and (max-width: 767px) {
  .navbar-default .navbar-nav > li:first-child > a {
    padding-left: 16px;
  }
}
.navbar-default .navbar-nav > li:first-child > a:before {
  width: 93%;
  right: 13%;
}
@media only screen and (max-width: 767px) {
  .navbar-default .navbar-nav > li:first-child > a:before {
    width: 100%;
    right: 0;
  }
}
.navbar-default .navbar-nav > li > a {
  padding: 10px 15px 10px 16px;
  font-family: 'Roboto', sans-serif;
  font-size: 17px;
  font-weight: 500;
  color: #010101;
  position: relative;
}
.navbar-default .navbar-nav > li > a:before {
  display: block;
  position: absolute;
  z-index: -1;
  top: 14px;
  right: 7%;
  width: 83%;
  height: 14px;
  background: #bfeae5;
}
@media only screen and (max-width: 767px) {
  .navbar-default .navbar-nav > li > a:before {
    width: 100%;
    right: 0;
  }
}
.navbar-default .navbar-nav > li > a.highlight {
  text-decoration: none;
}
.navbar-default .navbar-nav > li > a:hover:before {
  content: "";
}

nav {
  padding-top: 31px;
  clear: both;
}
@media only screen and (max-width: 767px) {
  nav {
    padding-top: 0;
  }
}
@media print {
  nav {
    display: none;
  }
}

footer {
  margin-top: -3px;
  padding-top: 18px;
  border-top: 2px solid #c7c7c7;
}
footer .tools {
  display: block;
}
footer .tools > li:first-child {
  padding-left: 10px;
  padding-bottom: 10px;
}
footer .tools > li:first-child + li {
  float: right;
}
@media print {
  footer .tools > li:first-child + li {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  footer .tools > li:first-child + li {
    float: left;
    clear: left;
  }
}
footer .tools > li + li > ul > li {
  position: relative;
}
@media print {
  footer .tools > li + li > ul > li {
    display: none;
  }
}
footer .tools > li + li > ul > li:before {
  content: "";
  display: block;
  position: absolute;
  top: 6px;
  left: -12%;
  width: 2px;
  height: 27px;
  background: #c7c7c7;
}
footer .social-col {
    margin-right: 27px;
}
footer .tools > li + li > ul > li.social-col:before {
    display: none;
}
footer .middle-col + li {
  padding-right: 0;
}
@media only screen and (max-width: 767px) {
  footer .middle-col + li {
    padding-top: 10px;
  }
}

.map + a {
  padding-left: 0;
  margin-left: 7px;
  text-decoration: underline;
}
@media print {
  .map + a {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .map + a {
    display: inline-block;
    clear: left;
    margin-left: 20px;
  }
}

.banner {
  position: relative;
  margin-bottom: 45px;
  text-align: center;
}
@media only screen and (max-width: 1199px) {
  .banner {
    text-align: left;
  }
}
.banner img {
  display: inline-block;
}
@media only screen and (max-width: 1199px) {
  .banner img {
    display: block;
  }
}
@media print {
  .banner {
    display: none;
  }
}

.circle {
  position: absolute;
  top: 63px;
  right: 24px;
  padding-top: 24px;
  width: 156px;
  height: 156px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  behavior: url('PIE.php');
  background: #12b3b2;
  text-align: center;
  z-index: 1000;
}
@media only screen and (max-width: 1199px) {
  .circle {
    right: -76px;
  }
}
@media only screen and (max-width: 1119px) {
  .circle {
    top: 1px;
    right: 1px;
  }
}
@media only screen and (max-width: 767px) {
    footer .tools > li + li > ul > li:before {
        top: 16px;
    }
    footer .social-col {
        display: block;
        margin-left: 2px;
        margin-right: 27px;
    }
    .circle {
        display: none;
    }
}
.circle p {
  display: block;
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  font-weight: 500;
  color: white;
}
.circle a {
  display: inline-block;
  margin-top: 3px;
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  font-weight: 900;
  color: white;
  text-decoration: underline;
}

.circle-title {
  margin-bottom: 5px;
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  font-weight: 900;
  color: white;
}

.article-big {
  padding-left: 23px;
  min-height: 408px;
}
@media only screen and (max-width: 767px) {
  .article-big {
    padding-bottom: 20px;
    min-height: 0;
  }
}
@media print {
  .article-big {
    width: 50%;
    float: left;
  }
}
.article-big p {
  margin-bottom: 17px;
  font-family: 'Roboto', sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: black;
  line-height: 24px;
}
@media only screen and (max-width: 1119px) {
  .article-big p {
    font-size: 14px;
  }
}
.article-big a {
  font-size: 18px;
}

.article-big-title {
  margin-top: -7px;
  margin-bottom: 18px;
  font-family: 'Roboto', sans-serif;
  font-size: 36px;
  font-weight: 500;
  color: black;
  line-height: 36px;
}

.article-content {
  margin-left: 2px;
  padding-left: 20px;
  border-left: 2px solid #12b3b2;
}

.upcoming {
  min-height: 408px;
  background: #12b3b2;
  padding-bottom: 20px;
}

@media print {
  .upcoming {
    width: 50%;
    float: right;
    padding-left: 20px;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 1199px) {
  .upcoming {
    text-align: left;
  }
}
@media only screen and (max-width: 767px) {
  .upcoming {
    text-align: center;
  }
  .link-white .upcoming a.link-img,
  .link-white .upcoming a.no-margin {
    float: none;
  }
}
.upcoming img {
  display: inline-block;
}
.upcoming > span,
.upcoming > a span {
  display: block;
  margin-left: 24px;
  font-family: 'Roboto', sans-serif;
  font-size: 17px;
  font-weight: 500;
  color: white;
}
.upcoming > a + span {
  position: relative;
  margin-bottom: 29px;
  z-index: 5;
}
.upcoming > a + span:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -16px;
  left: -1px;
  width: 17px;
  height: 2px;
  background: #fff;
}
.link-white .upcoming a {
  margin-left: 24px;
  float: left;
  clear: left;
  color: #fff;
  text-decoration: underline;
  font-size: 14px;
  font-weight: 200;
}
.link-white .upcoming a:after {
  background-position: 0 -78px;
}
.link-white .upcoming a.link-img {
  margin-bottom: 20px;
}
.link-white .upcoming a.no-margin {
  margin-left: 0;
  z-index: 6;
}

.upcoming-title {
  margin-left: 24px;
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  font-weight: 900;
  color: white;
}
div.related.products {
    clear: both;
    padding-top: 24px;
}

.twitts {
  position: relative;
  padding-left: 24px;
}
@media print {
  .twitts {
    float: left;
    clear: both;
    width: 100%;
  }
}
@media only screen and (max-width: 1119px) {
  .twitts {
    padding-left: 0;
  }
}
.twitts:after {
  content: "";
  display: block;
  position: absolute;
  top: 1px;
  right: 0;
  width: 24px;
  height: 17px;
  background-position: 0 0;
}
.twitts .link {
  display: inline-block;
  margin-top: 6px;
}
@media print {
  .twitts .link {
    display: none;
  }
}

.twitts-title {
  margin-top: 9px;
  margin-bottom: 25px;
  font-family: 'Roboto', sans-serif;
  font-size: 17px;
  font-weight: 500;
  color: #12b3b2;
}

.twitt {
  margin-bottom: 18px;
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  font-weight: 500;
  color: black;
}
@media print {
  .twitt {
    float: left;
    width: 50%;
  }
}
.twitt span {
  display: block;
  font-weight: 900;
}

.row {
  margin-bottom: 20px;
}

.shop {
  min-height: 380px;
  padding-left: 23px;
  padding-right: 25px;
  background: #fff;
}
@media print {
  .shop {
    display: block;
    clear: both;
    min-height: 0;
  }
}
@media only screen and (max-width: 1119px) {
  .shop-block {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .shop-block {
    text-align: center;
    padding-bottom: 20px;
  }
}

.shop-title {
  margin-top: 16px;
  margin-bottom: 15px;
  font-family: 'Roboto', sans-serif;
  font-size: 17px;
  font-weight: 500;
  color: black;
}
@media only screen and (max-width: 1119px) {
  .shop-block h3 {
    text-align: center;
  }
}

@media only screen and (max-width: 1119px) {
  .items {
    margin: 0 auto;
    width: 400px;
  }
}
@media only screen and (max-width: 767px) {
  .shop-block,
  .shop-block h3 {
      text-align: left;
  }
  .items {
    width: 100%;
  }
}

.item {
  width: 160px;
}
@media only screen and (max-width: 767px) {
  .item {
    width: 100%;
    margin-bottom: 20px;
  }
}

.item-left {
  float: left;
}
@media only screen and (max-width: 767px) {
  .item-left {
    float: none;
  }
}

.item-right {
  float: right;
}
@media print {
  .item-right {
    float: left;
    margin-left: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .item-right {
    float: none;
  }
}

.item-title {
  margin-top: 13px;
  margin-bottom: 8px;
  padding-right: 10px;
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  font-weight: 900;
  color: black;
  line-height: 18px;
}

.check {
  display: inline-block;
  position: relative;
  padding: 1px 15px 0 4px;
  border: 2px solid #000;
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  font-weight: 500;
  color: black;
  line-height: 15px;
  text-decoration: underline;
}
@media print {
  .check {
    display: none;
  }
}
.check-big {
  display: block;
  position: relative;
  margin-top: 24px;
  padding-top: 9px;
  padding-bottom: 11px;
  border: 2px solid #000;
  background: #d8faf6;
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  font-weight: 500;
  color: black;
  text-align: center;
  text-decoration: underline;
}
@media print {
  .check-big {
    display: none;
  }
}
@media only screen and (max-width: 1119px) {
  .check-big {
    width: 400px;
    margin: 24px auto 0 auto;
    padding-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .check-big {
    width: 100%;
  }
}
.check-big:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 43%;
  left: 50%;
  margin-left: 34px;
  width: 7px;
  height: 6px;
  background-position: 0 -84px;
}
@media only screen and (max-width: 1199px) {
  .check-big:after {
    margin-left: 64px;
  }
}

.article-small {
  min-height: 380px;
  background: #fff;
}

@media only screen and (max-width: 1119px) {
  .check-big:after {
    margin-left: 74px;
  }

  .article-small {
    min-height: inherit;
  }

}
@media only screen and (max-width: 767px) {
  .check-big:after {
    left: 50%;
    margin-left: 85px;
  }
}

@media print {
  .article-small {
    display: block;
    min-height: 0;
  }
}
@media only screen and (max-width: 767px) {
  .article-small {
    margin-bottom: 20px;
  }
}
.article-small .pic {
  margin-bottom: 19px;
  text-align: center;
}
@media print {
  .article-small .pic {
    padding-left: 27px;
  }
}
.article-small .wide-pic {
  margin-bottom: 15px;
  text-align: center;
}
@media only screen and (max-width: 1199px) {
  .article-content img {
      height: auto;
      max-width: 95%;
  }
  .article-small .pic {
    text-align: left;
  }
  .article-small .pic img {
      width: 100%;
  }

}
@media only screen and (max-width: 1119px) {
  .article-small .pic {
    max-height: 159px;
    overflow: hidden;
    text-align: center;
  }
  .article-small.shop-block .pic {
      max-height: 308px;
  }
  .article-small .wide-pic {
    padding-left: 0;
  }
}
.article-small p {
  margin-bottom: 18px;
  padding-right: 15px;
  padding-left: 23px;
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  font-weight: 500;
  color: black;
}
.article-small .link {
  float: left;
  clear: left;
  margin-left: 23px;
}

.article-small-title {
  margin: 16px 0 15px 23px;
  font-family: 'Roboto', sans-serif;
  font-size: 17px;
  font-weight: 500;
  color: black;
}

.tickets {
  min-height: 204px;
  background: #12b3b2;
}
@media print {
  .tickets {
    min-height: 0;
  }
}
@media only screen and (max-width: 1119px) {
  .tickets .container {
    overflow: hidden;
  }
}
.tickets .col-left {
  padding-right: 30px;
  padding-left: 23px;
}
.tickets .col-right {
  padding-left: 0;
  padding-right: 30px;
}
@media print {
  .tickets .col-right {
    padding-left: 23px;
  }
}
@media only screen and (max-width: 767px) {
  .tickets .col-right {
    padding-left: 23px;
  }
}
.tickets p {
  margin-bottom: 18px;
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  font-weight: 500;
  color: white;
}
.tickets span {
  float: left;
  clear: left;
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  font-weight: 500;
  color: white;
}

.tickets-title {
  margin-top: 21px;
  margin-bottom: 13px;
  padding-left: 13px;
  font-family: 'Roboto', sans-serif;
  font-size: 17px;
  font-weight: 500;
  color: white;
}

.contact {
    background: #12b3b2;
    min-height: 204px;
    overflow-wrap: break-word;
    padding-left: 23px;
}
@media print {
  .contact {
    display: none;
  }
}
.contact p {
  margin-bottom: 17px;
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  font-weight: 500;
  color: white;
}
.contact .tel {
  display: inline-block;
  margin-bottom: 18px;
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  font-weight: 500;
  color: white;
}
.link-white .contact a {
  float: left;
  clear: left;
  color: #fff;
}
.link-white .contact a:after {
  bottom: -4%;
  right: -14px;
  background-position: 0 -78px;
}

.contact-title {
  margin-top: 21px;
  margin-bottom: 13px;
  font-family: 'Roboto', sans-serif;
  font-size: 17px;
  font-weight: 500;
  color: white;
}
@media print {
  .contact-title {
    margin-top: 0;
  }
}

aside {
  padding-top: 30px;
}
@media only screen and (max-width: 1119px) {
  aside {
    padding-top: 0;
  }
}

figure {
  margin-bottom: 26px;
  text-align: center;
}
@media only screen and (max-width: 1119px) {
  figure {
    display: inline-block;
    min-width: 200px;
    margin-right: 70px;
    margin-left: 70px;
  }
}
@media only screen and (max-width: 767px) {
  figure {
    margin-left: 0;
    margin-right: 0;
    display: block;
  }
}
figure:first-child {
  margin-left: 12px;
}
@media only screen and (max-width: 1119px) {
  figure:first-child {
    margin-left: 70px;
  }
}
@media only screen and (max-width: 767px) {
  figure:first-child {
    margin-left: 0;
  }
}
figure:first-child + figure {
  margin-bottom: 35px;
  margin-left: 2px;
}
@media only screen and (max-width: 1119px) {
  figure:first-child + figure {
    margin-left: 70px;
  }
}
@media only screen and (max-width: 767px) {
  figure:first-child + figure {
    margin-left: 0;
  }
}
figure:first-child + figure + figure + figure {
  margin-left: 2px;
}
@media only screen and (max-width: 1119px) {
  figure:first-child + figure + figure + figure {
    margin-left: 70px;
  }
}
@media only screen and (max-width: 767px) {
  figure:first-child + figure + figure + figure {
    margin-left: 0;
  }
}

figcaption {
  margin-top: 14px;
  line-height: 18px;
}
figcaption a {
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  font-weight: 500;
  color: black;
}
figcaption a span {
  font-weight: 900;
}

.main {
  position: relative;
  margin-bottom: 106px;
}
.main:before, .main:after {
  content: " ";
  display: table;
}
.main:after {
  clear: both;
}
@media only screen and (max-width: 1119px) {
  .main {
    margin-top: 70px;
  }
}
@media only screen and (max-width: 767px) {
    .article-big {
        padding-left: 0;
    }
  .main {
    margin-top: 0;
  }
  .twitts p {
    display: none;
  }
  .twitts p:first-of-type {
    display: block;
  }
  .upcoming {
    margin-bottom: 30px;
  }
  .upcoming > span,
  .upcoming > a span {
    margin-right: 24px;
  }
}
.main .main-title {
  margin-top: 16px;
  font-family: 'Roboto', sans-serif;
  font-size: 70px;
  font-weight: 500;
  color: #12b3b2;
  letter-spacing: -3px;
}
.main .article-big {
  padding-left: 0;
}
@media print {
  .main .article-big {
    width: 100%;
  }
}
@media only screen and (max-width: 1119px) {
  .main .article-big {
    margin-bottom: 10px;
  }
  .main .article-big img {
    display: inline-block;
  }
}
.main .article-big .article-big-title {
  margin-top: 24px;
  margin-bottom: 37px;
}
.main .article-big .article-content {
  margin-left: 0;
  padding-left: 22px;
}
@media only screen and (max-width: 1119px) {
  .main .article-big .article-content {
    display: inline-block;
  }
}
.main .article-big p {
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  font-weight: 400;
  color: #545454;
  line-height: 20px;
}
@media only screen and (max-width: 1119px) {
  .main .article-big p {
    text-align: justify;
  }
}
.main .article-big .article-big-subtitle {
  margin-top: 18px;
  margin-bottom: 5px;
  font-family: 'Roboto', sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: black;
  line-height: 24px;
}
.main .circle {
  top: 53px;
  right: -207px;
}
@media print {
  .main .circle {
    display: none;
  }
}
@media only screen and (max-width: 1199px) {
  .main .circle {
    right: -237px;
  }
}
@media only screen and (max-width: 1119px) {
  .main .circle {
    top: -53px;
    right: 1px;
  }
}

aside ul {
  width: 219px;
}
@media print {
  aside ul {
    display: none;
  }
}
aside ul li a,
.woocommerce aside ul li a {
  display: block;
  padding: 11px 0px;
  border-bottom: 2px solid #12b3b2;
  font-family: 'Roboto', sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #12b3b2;
}
aside ul li a:hover,
.woocommerce aside ul li a:hover {
  color: #000;
  text-decoration: none;
}

.events {
  position: relative;
  margin-bottom: 6px;
}
@media only screen and (max-width: 1119px) {
  .events {
    margin-top: 0;
  }
}
.events .main-title + span {
  display: inline-block;
  margin-top: 9px;
  margin-bottom: 11px;
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  font-weight: 900;
  color: black;
}
.events .article-big .article-big-title {
  margin-bottom: 20px;
}
.events .article-big + .article-big .date {
  margin-bottom: 12px;
}
.events .article-content {
  width: 460px;
}
@media only screen and (max-width: 1119px) {
  .events .article-content {
    width: 100%;
  }
}
.events .article-content p {
  margin-bottom: 38px;
}
.events .circle {
  top: 50px;
  right: -17px;
}
@media only screen and (max-width: 1199px) {
  .events .circle {
    right: -77px;
  }
}
@media only screen and (max-width: 1119px) {
  .events .circle {
    top: -30px;
    right: -12px;
  }
}

.date {
  display: inline-block;
  margin-bottom: 7px;
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  font-weight: 900;
  color: #545454;
  letter-spacing: -0.03em;
}