/* -- Definíciók -- */
/* -- Mixinek -- */
/* -- Általános -- */
* {
  font-family: 'Open Sans', sans-serif; }

/* -- Oldal-specifikus -- */
a {
  color: #fff;
  text-decoration: none; }

a:hover {
  color: #fff;
  text-decoration: none; }

/* Menü */
.navbar {
  border: none;
  border-radius: 0px !important;
  background: #313131;
  margin: 0px;
  position: fixed;
  top: 0px;
  z-index: 99;
  width: 100%;
  border-bottom: 2px solid #ababab; }

.navbar .navbar-right {
  padding-right: 300px; }
  .navbar .navbar-right a {
    color: #fff !important; }
  .navbar .navbar-right .nemzetkozi-pont a {
    background: transparent url("/css/frontend/img/menu-icon-1.png") no-repeat 0px 40%;
    padding-left: 34px; }
  .navbar .navbar-right .partnerek a {
    background: transparent url("/css/frontend/img/menu-icon-2.png") no-repeat 0px 40%;
    padding-left: 34px; }

/* FŐOLDAL */
/* Fejléc */
.header {
  margin-top: 50px; }
  .header h1, .header h2 {
    font-weight: 700;
    color: #fff;
    text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.7); }
  .header h1 {
    font-size: 42px; }
  .header h2 {
    font-size: 26px; }
  .header .details p {
    font-size: 17px;
    color: #fff;
    text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.7);
    margin-top: 20px; }

.header .dims {
  min-height: 400px; }
  .header .dims *[class*='dim'] {
    position: relative; }
    .header .dims *[class*='dim'] .details {
      position: absolute;
      bottom: 0px;
      padding: 10px; }
    .header .dims *[class*='dim'] .overlay {
      position: absolute;
      top: 0px;
      left: 0px;
      bottom: 0px;
      right: 0px; }
    .header .dims *[class*='dim'] .anim {
      display: none;
      position: absolute;
      top: 0px;
      left: 0px;
      bottom: 0px;
      right: 0px;
      overflow: hidden; }
    .header .dims *[class*='dim'] .anim img {
      position: absolute;
      top: 0;
      left: 0;
      min-width: 100%;
      min-height: 100%; }
    .header .dims *[class*='dim'] :hover .anim {
      display: block; }
  .header .dims .dim11 {
    min-height: 200px;
    border-left: 3px solid white;
    border-bottom: 3px solid white; }
  .header .dims .dim11.a {
    border-right: 3px solid white;
    background: transparent url("/css/frontend/img/anim-unjp-start.png") no-repeat;
    background-size: cover; }
    .header .dims .dim11.a .overlay {
      background: transparent url("/css/frontend/img/overlay-dim11a.png") no-repeat;
      background-size: cover; }
  .header .dims .dim11.b {
    background: transparent url("/css/frontend/img/anim-unp-start.png") no-repeat;
    background-size: cover; }
    .header .dims .dim11.b .overlay {
      background: transparent url("/css/frontend/img/overlay-dim11b.png") no-repeat;
      background-size: cover; }
  .header .dims .dim21 {
    min-height: 200px;
    background: transparent url("/css/frontend/img/anim-egry-start.png") no-repeat;
    background-size: cover;
    border-top: 3px solid white;
    border-left: 3px solid white; }
    .header .dims .dim21 .overlay {
      background: transparent url("/css/frontend/img/overlay-dim21.png") no-repeat;
      background-size: cover; }
  .header .dims .dim22 {
    min-height: 400px;
    background: transparent url("/css/frontend/img/anim-unk-start.png") no-repeat;
    background-size: cover;
    border-right: 3px solid white; }
    .header .dims .dim22 .overlay {
      background: transparent url("/css/frontend/img/overlay-dim22.png") no-repeat;
      background-size: cover; }
    .header .dims .dim22 .overlay-hc {
      position: absolute;
      top: 0px;
      left: 0px;
      bottom: 0px;
      right: 0px;
      background: transparent url("/css/frontend/img/half-circle.png") no-repeat right 50%;
      opacity: 0.5;
      background-size: 40%; }
    .header .dims .dim22 a:hover .overlay-hc {
      opacity: 0; }
    .header .dims .dim22 img.unk {
      position: relative;
      width: 50%;
      z-index: 10;
      margin-top: 25px; }

/* Szalag */
.header .ribbon {
  margin-top: 13px; }
  .header .ribbon > div {
    height: 15px; }
  .header .ribbon .line-1 {
    background: #c02745;
    margin-bottom: 3px; }
  .header .ribbon .line-2 {
    background: #1dbed0;
    margin-bottom: 3px; }
  .header .ribbon .line-3 {
    background: #ffca08; }

/* Alsó dobozok */
.boxes h1 {
  color: #fff;
  font-size: 38px;
  font-weight: 300; }

.boxes *[class*='box-'] {
  padding-left: 25px; }
  .boxes *[class*='box-'] ul {
    margin-top: 25px;
    padding-left: 0px;
    list-style: none; }
    .boxes *[class*='box-'] ul li {
      color: #fff;
      font-size: 20px;
      font-weight: 300;
      padding: 0px;
      padding-bottom: 8px; }

/* Első sor doboz (3db) */
.boxes.x3 {
  margin-top: 13px; }
  .boxes.x3 *[class*='box-'] {
    height: 360px; }
    .boxes.x3 *[class*='box-'] > a {
      position: absolute;
      top: 0px;
      left: 0px;
      bottom: 0px;
      right: 0px;
      padding-left: 25px; }
  .boxes.x3 .box-1 {
    background: #b72441;
    /* Old browsers */
    background: -moz-linear-gradient(-45deg, #b72441 0%, #8a1a33 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #b72441), color-stop(100%, #8a1a33));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg, #b72441 0%, #8a1a33 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg, #b72441 0%, #8a1a33 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg, #b72441 0%, #8a1a33 100%);
    /* IE10+ */
    background: linear-gradient(135deg, #b72441 0%, #8a1a33 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b72441', endColorstr='#8a1a33', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
    border-right: 4px solid white; }
    .boxes.x3 .box-1 ul {
      list-style: none;
      list-style-position: inside; }
      .boxes.x3 .box-1 ul li {
        font-size: 20px; }
    .boxes.x3 .box-1 h1 {
      background: transparent url("/css/frontend/img/picto-document.png") no-repeat;
      background-size: 32px;
      padding-left: 40px; }
  .boxes.x3 .box-2 {
    background: #ec8318;
    border-left: 4px solid white;
    border-right: 4px solid white;
    padding-left: 0px;
    padding-right: 0px; }
    .boxes.x3 .box-2 h1 {
      font-size: 18px;
      font-weight: 400;
      background: transparent url("/css/frontend/img/picto-graph.png") no-repeat 25px 50%;
      background-size: 32px;
      padding-left: 65px;
      height: 34px;
      line-height: 24px; }
    .boxes.x3 .box-2 .line {
      padding-left: 25px;
      padding-right: 25px;
      height: 148px; }
      .boxes.x3 .box-2 .line h2 {
        margin-top: 0px;
        padding-top: 10px;
        font-weight: 300;
        font-size: 26px;
        color: #fff; }
      .boxes.x3 .box-2 .line p {
        margin-bottom: 0px;
        color: #fff;
        font-size: 20px;
        font-weight: 300; }
    .boxes.x3 .box-2 .line-1 {
      background: #f59122; }
    .boxes.x3 .box-2 .line-2 {
      background: #fa9d35; }
  .boxes.x3 .box-3 {
    background: #ccc;
    border-left: 4px solid white;
    position: relative;
    padding: 0px; }
    .boxes.x3 .box-3 iframe {
      position: absolute;
      top: 0px;
      left: 0px;
      bottom: 0px;
      right: 0px; }

/* Második sor doboz (2db) */
.boxes.x2 {
  margin-top: 13px;
  overflow: hidden; }
  .boxes.x2 *[class*='box-'] {
    margin-bottom: -2000px;
    padding-bottom: 2000px; }
  .boxes.x2 .box-1 {
    background: #8a5859;
    /* Old browsers */
    background: -moz-linear-gradient(-45deg, #8a5859 0%, #663d43 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #8a5859), color-stop(100%, #663d43));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg, #8a5859 0%, #663d43 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg, #8a5859 0%, #663d43 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg, #8a5859 0%, #663d43 100%);
    /* IE10+ */
    background: linear-gradient(135deg, #8a5859 0%, #663d43 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8a5859', endColorstr='#663d43', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
    border-right: 4px solid white; }
  .boxes.x2 .box-2 {
    background: #594336;
    /* Old browsers */
    background: -moz-linear-gradient(-45deg, #594336 0%, #3c2d26 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #594336), color-stop(100%, #3c2d26));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg, #594336 0%, #3c2d26 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg, #594336 0%, #3c2d26 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg, #594336 0%, #3c2d26 100%);
    /* IE10+ */
    background: linear-gradient(135deg, #594336 0%, #3c2d26 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#594336', endColorstr='#3c2d26', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
    border-left: 4px solid white; }

/* ALOLDAL */
.mini-header {
  margin-top: 60px;
  padding: 0px;
  position: relative;
  z-index: 9; }
  .mini-header .logo img {
    position: absolute;
    left: 15%;
    top: -19px;
    width: 200px; }
  .mini-header .ribbon > div {
    height: 15px; }
  .mini-header .ribbon .line-1 {
    background: #c02745;
    background: -moz-linear-gradient(left, rgba(192, 39, 69, 0) 0%, rgba(192, 39, 69, 0) 30%, #c02745 70%, #c02745 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(192, 39, 69, 0)), color-stop(30%, rgba(192, 39, 69, 0)), color-stop(70%, #c02745), color-stop(100%, #c02745));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(192, 39, 69, 0) 0%, rgba(192, 39, 69, 0) 30%, #c02745 70%, #c02745 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(192, 39, 69, 0) 0%, rgba(192, 39, 69, 0) 30%, #c02745 70%, #c02745 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(192, 39, 69, 0) 0%, rgba(192, 39, 69, 0) 30%, #c02745 70%, #c02745 100%);
    /* IE10+ */
    background: linear-gradient(to right, rgba(192, 39, 69, 0) 0%, rgba(192, 39, 69, 0) 30%, #c02745 70%, #c02745 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00c02745', endColorstr='#c02745', GradientType=1);
    /* IE6-9 */
    margin-bottom: 3px; }
  .mini-header .ribbon .line-2 {
    background: #1dbed0;
    background: -moz-linear-gradient(left, rgba(29, 190, 208, 0) 0%, rgba(29, 190, 208, 0) 30%, #1dbed0 70%, #1dbed0 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(29, 190, 208, 0)), color-stop(30%, rgba(29, 190, 208, 0)), color-stop(70%, #1dbed0), color-stop(100%, #1dbed0));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(29, 190, 208, 0) 0%, rgba(29, 190, 208, 0) 30%, #1dbed0 70%, #1dbed0 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(29, 190, 208, 0) 0%, rgba(29, 190, 208, 0) 30%, #1dbed0 70%, #1dbed0 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(29, 190, 208, 0) 0%, rgba(29, 190, 208, 0) 30%, #1dbed0 70%, #1dbed0 100%);
    /* IE10+ */
    background: linear-gradient(to right, rgba(29, 190, 208, 0) 0%, rgba(29, 190, 208, 0) 30%, #1dbed0 70%, #1dbed0 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#001dbed0', endColorstr='#1dbed0', GradientType=1);
    /* IE6-9 */
    margin-bottom: 3px; }
  .mini-header .ribbon .line-3 {
    background: #ffca08;
    background: -moz-linear-gradient(left, rgba(255, 202, 8, 0) 0%, rgba(255, 202, 8, 0) 30%, #ffca08 70%, #ffca08 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 202, 8, 0)), color-stop(30%, rgba(255, 202, 8, 0)), color-stop(70%, #ffca08), color-stop(100%, #ffca08));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(255, 202, 8, 0) 0%, rgba(255, 202, 8, 0) 30%, #ffca08 70%, #ffca08 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(255, 202, 8, 0) 0%, rgba(255, 202, 8, 0) 30%, #ffca08 70%, #ffca08 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(255, 202, 8, 0) 0%, rgba(255, 202, 8, 0) 30%, #ffca08 70%, #ffca08 100%);
    /* IE10+ */
    background: linear-gradient(to right, rgba(255, 202, 8, 0) 0%, rgba(255, 202, 8, 0) 30%, #ffca08 70%, #ffca08 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffca08', endColorstr='#ffca08', GradientType=1);
    /* IE6-9 */ }

.side-boxes .box {
  position: relative;
  height: 140px;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 10px !important; }
  .side-boxes .box .details {
    position: absolute;
    bottom: 0px; }
    .side-boxes .box .details h2 {
      font-size: 26px;
      margin-bottom: 0px; }
    .side-boxes .box .details p {
      font-size: 20px;
      font-weight: 300; }
  .side-boxes .box .overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px; }
.side-boxes .box-1 {
  background: transparent url("/css/frontend/img/side-image-1.jpg") no-repeat;
  background-size: auto 100%;
  transition: background-size 0.8s; }
  .side-boxes .box-1 .overlay {
    background: transparent url("/css/frontend/img/side-overlay-1.png") no-repeat;
    background-size: cover; }
.side-boxes .box-1:hover {
  background-size: auto 115% !important;
  transition: background-size 0.8s; }
.side-boxes .box-2 {
  background: transparent url("/css/frontend/img/side-image-2.jpg") no-repeat;
  background-size: auto 100%;
  transition: background-size 0.8s; }
  .side-boxes .box-2 .overlay {
    background: transparent url("/css/frontend/img/side-overlay-2.png") no-repeat;
    background-size: cover; }
.side-boxes .box-2:hover {
  background-size: auto 115% !important;
  transition: background-size 0.8s; }
.side-boxes .box-3 {
  background: transparent url("/css/frontend/img/side-image-3.jpg") no-repeat;
  background-size: auto 100%;
  transition: background-size 0.8s; }
  .side-boxes .box-3 .overlay {
    background: transparent url("/css/frontend/img/side-overlay-3.png") no-repeat;
    background-size: cover; }
.side-boxes .box-3:hover {
  background-size: auto 115% !important;
  transition: background-size 0.8s; }
.side-boxes .box-4 {
  background: transparent url("/css/frontend/img/side-image-4.jpg") no-repeat;
  background-size: auto 100%;
  transition: background-size 0.8s; }
  .side-boxes .box-4 .overlay {
    background: transparent url("/css/frontend/img/side-overlay-4.png") no-repeat;
    background-size: cover; }
.side-boxes .box-4:hover {
  background-size: auto 115% !important;
  transition: background-size 0.8s; }
.side-boxes .box-5 {
  background: transparent url("/css/frontend/img/side-image-5.jpg") no-repeat;
  background-size: auto 100%;
  transition: background-size 0.8s; }
  .side-boxes .box-5 .overlay {
    background: transparent url("/css/frontend/img/side-overlay-5.png") no-repeat;
    background-size: cover; }
.side-boxes .box-5:hover {
  background-size: auto 115% !important;
  transition: background-size 0.8s; }
.side-boxes .box-6 {
  background: transparent url("/css/frontend/img/side-image-6.jpg") no-repeat;
  background-size: auto 100%;
  transition: background-size 0.8s; }
  .side-boxes .box-6 .overlay {
    background: transparent url("/css/frontend/img/side-overlay-6.png") no-repeat;
    background-size: cover; }
.side-boxes .box-6:hover {
  background-size: auto 115% !important;
  transition: background-size 0.8s; }

.subpage {
  max-width: 1170px;
  margin-top: 15px; }
  .subpage h1 {
    font-size: 34px;
    font-weight: 700;
    font-style: italic;
    color: #000;
    margin-top: -7px !important;
    padding-top: 0px; }
  .subpage .content {
    font-size: 20px;
    font-weight: 300; }
    .subpage .content img {
      margin-top: 30px;
      margin-bottom: 30px; }
      .subpage .content img[style*="float:left"] {
        margin-right: 30px; }
      .subpage .content img[style*="float:right"] {
        margin-left: 30px; }

.subpage-body::after {
  background: white url("/css/frontend/img/half-circle.png") no-repeat right bottom -500px;
  background-attachment: fixed;
  content: "";
  opacity: 0.5;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
  position: fixed; }

.subpage-attachments ul {
  list-style: none; }
  .subpage-attachments ul li a {
    display: inline-block;
    background: transparent url("/css/frontend/img/icon-download.png") no-repeat left 50%;
    padding-left: 32px;
    margin-top: 10px;
    height: 32px;
    line-height: 32px; }

/* Partner */
.partner {
  font-size: 14px;
  margin-top: 100px; }
  .partner .row > div {
    padding: 5px; }
  .partner .headline .profile {
    position: relative;
    min-height: 68px;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    z-index: 2; }
    .partner .headline .profile img {
      width: 60%;
      border: 5px solid #0f879f;
      border-radius: 999px;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translateY(-50%) translateX(-50%); }
  .partner .headline .name {
    font-size: 28px;
    font-weight: 700;
    font-style: italic;
    background: transparent url("/css/frontend/img/separator-left.png") no-repeat left bottom;
    min-height: 68px;
    padding-left: 85px;
    padding-bottom: 33px; }
  .partner .headline {
    margin-bottom: 20px; }
  .partner .body .intro {
    background: #e6efee;
    padding-top: 70px; }
  .partner .body .desc {
    padding-left: 10px; }

.partner.right .headline > div,
.partner.right .body > div {
  float: right !important; }

/* Kötelező közzétételi dokumentumok */
.documents {
  margin-top: 30px; }
  .documents .category {
    font-size: 28px;
    font-weight: 700;
    font-style: italic;
    background: transparent url("/css/frontend/img/separator-left.png") no-repeat;
    min-height: 68px;
    padding-left: 85px;
    line-height: 14px;
    margin-top: 50px;
    margin-bottom: 30px; }
  .documents .document a {
    color: #000;
    margin-bottom: 5px;
    border-bottom: 1px dotted black; }
  .documents .document a:hover {
    color: #666; }

/* FOOTER - Harmadik sor doboz (1db) */
.boxes.x1 {
  background: #323232;
  margin-top: 13px; }
  .boxes.x1 *[class*='box-'] {
    height: 100px;
    padding-top: 8px;
    padding-bottom: 8px; }
  .boxes.x1 .box-1 {
    background: transparent url("/css/frontend/img/logo-grayscale.png") no-repeat 25px 50%;
    position: relative; }
    .boxes.x1 .box-1 a {
      position: absolute;
      top: 0px;
      left: 0px;
      bottom: 0px;
      right: 0px; }
  .boxes.x1 .box-4 {
    background-color: #fff;
    text-align: center; }
  .boxes.x1 .box-4 .logo1 img,
  .boxes.x1 .box-4 .logo2 img {
    margin-bottom: 5px;
    width: 100%;
    margin-top: 10px; }
  .boxes.x1 .box-4 .logo1,
  .boxes.x1 .box-4 .logo2 {
    float: left; }
  .boxes.x1 .box-4 .logo1 {
    width: 35%; }
    .boxes.x1 .box-4 .logo1 img {
      width: 90%; }
  .boxes.x1 .box-4 .logo2 {
    width: 65%; }
  .boxes.x1 ul {
    margin-top: 0px;
    margin-bottom: 0px; }
  .boxes.x1 ul li {
    font-size: 12px;
    font-style: italic;
    padding: 0px; }
    .boxes.x1 ul li a {
      color: #fff; }
  .boxes.x1 ul li:first-child {
    font-weight: 700 !important; }

@media (max-width: 1250px) and (min-width: 768px) {
  .boxes .box-2 .line p {
    font-size: 16px !important; } }
@media (max-width: 1100px) and (min-width: 768px) {
  /*.boxes *[class*='box-'] ul li {
    font-size: 16px !important;
  }*/
  .boxes.x3 .box-1 h1 {
    font-size: 26px !important; } }
@media (max-width: 1050px) and (min-width: 768px) {
  .boxes .box-2 .line p {
    font-size: 14px !important; }

  .boxes.x3 .box-2 h1 {
    font-size: 16px !important; }

  .boxes.x3 .box-2 .line h2 {
    font-size: 20px !important; } }
@media (max-width: 980px) and (min-width: 768px) {
  .boxes h1 {
    font-size: 32px !important; }

  .boxes.x3 .box-1 h1 {
    font-size: 22px !important; }

  .boxes.x3 .box-2 h1 {
    font-size: 12px !important;
    word-break: keep-all; }

  .boxes.x3 .box-2 .line h2 {
    font-size: 16px !important; }

  .boxes .box-2 .line p {
    font-size: 14px !important; } }
@media (max-width: 768px) {
  .boxes.x3 .box-2 h1 {
    padding-top: 10px;
    padding-bottom: 30px;
    background-position: 25px 10px; }

  .boxes h1 {
    padding-top: 15px; }

  .boxes.x3 .box-1 h1 {
    padding-top: 0px; }

  .header .dims .dim22 {
    border-right: none !important; }

  .header .dims .dim11.a {
    border-left: none !important;
    border-right: none !important;
    border-top: 3px solid white; }

  .header .dims .dim11.b {
    border-bottom: none !important;
    border-left: none !important; }

  .header .dims .dim21 {
    border-left: none !important; }

  .boxes.x1 .box-1 {
    background: transparent url("/css/frontend/img/logo-grayscale.png") no-repeat 50% 50%; }

  .boxes.x1 .box-4,
  .boxes.x1 .box-2 {
    height: auto; }

  .boxes.x2 .box-1 ul li {
    font-size: 16px !important; }

  .boxes.x3 .box-1 {
    border-right: none !important; }

  .boxes.x3 .box-2 {
    border-left: none !important;
    border-right: none !important; }

  .boxes.x3 .box-3 {
    border-left: none !important; }

  .boxes.x2 .box-1 {
    border-right: none !important; }

  .boxes.x2 .box-2 {
    border-left: none !important; } }