/* MOBILE IMAGES ADJUSTMENT */
/* / MOBILE IMAGES ADJUSTMENT */
.empty-top-menu .main-menu-list {
  padding: 1px 1px 1px !important; }

.sidemenu-top-padding-fix {
  padding-top: 15px !important; }

.article-grid {
  padding: 0 10% 50px 10%; }
  .article-grid.full-width {
    padding: 0; }
  .article-grid .access-table {
    text-align: right; }
    .article-grid .access-table tr:first-child td {
      color: black !important; }
    .article-grid .access-table td {
      width: 0; }
  .article-grid .article-circles .cir-cont {
    text-align: center; }
    .article-grid .article-circles .cir-cont .cir-title {
      font-size: 20px; }
  .article-grid .content-50-50 {
    width: 80%; }
    .article-grid .content-50-50 h2 {
      margin-top: 0;
      padding-top: 0;
      background-color: #ffb700;
      margin-bottom: 20px; }
      .article-grid .content-50-50 h2 span {
        position: relative; }
      .article-grid .content-50-50 h2:before {
        content: '';
        background-color: #ffb700;
        transform: skew(-15deg);
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: -12px; }
    .article-grid .content-50-50 h3 {
      font-size: 25px;
      font-weight: 500;
      text-align: right;
      background-color: #3d3e42;
      color: white; }
      .article-grid .content-50-50 h3:after {
        content: '';
        background-color: #3d3e42;
        transform: skew(-15deg);
        position: absolute;
        width: 20px;
        height: 100%;
        top: 0;
        left: -10px; }
    .article-grid .content-50-50 h2, .article-grid .content-50-50 h3 {
      display: inline-block;
      padding: 20px;
      position: relative; }
  .article-grid.side-menu-padding {
    padding: 0 15% 50px 130px; }
  .article-grid .price-image {
    position: relative;
    margin-bottom: 3%; }
    .article-grid .price-image .caption {
      text-align: left;
      background-color: #ffb700;
      -webkit-transform: skewX(-20deg);
      font-size: 35px;
      float: left;
      padding-left: 3%;
      padding-right: 3%;
      margin-top: -4%;
      padding-bottom: 0%;
      position: absolute;
      left: 0;
      bottom: 5px;
      left: 10px; }
      .article-grid .price-image .caption:before {
        content: "";
        position: absolute;
        width: 20px;
        height: 100%;
        background: #ffb700;
        left: -10px;
        -webkit-transform: skewX(20deg);
        -moz-transform: skewX(20deg);
        -o-transform: skewX(20deg);
        transform: skewX(20deg); }
  .article-grid .article-img {
    margin-bottom: 3%; }
    .article-grid .article-img img {
      width: 100%; }
  .article-grid .sub-text {
    margin-top: -2%;
    margin-bottom: 2%; }
  .article-grid .article-title {
    margin-top: 50px;
    margin-bottom: 35px; }
    .article-grid .article-title.no-margin-bottom {
      margin-bottom: 0; }
    .article-grid .article-title h1 {
      /*p:first-child*/
      color: black;
      font-size: 40px;
      line-height: 1.2;
      font-weight: 500;
      margin-bottom: 10px; }
  .article-grid .article-section {
    margin-bottom: 5%; }
    .article-grid .article-section.no-margin-bottom {
      margin-bottom: 0; }
      .article-grid .article-section.no-margin-bottom .article-img {
        margin-bottom: 0px; }
  .article-grid .video-wrapper iframe {
    width: 100%;
    height: 715px;
    margin-top: 3%;
    margin-bottom: 3%; }
  .article-grid .article-table p {
    text-align: center; }
  .article-grid .article-table table td:nth-child(4) {
    border: none;
    background-color: #808080; }
  .article-grid .article-table table td {
    width: 22% !important;
    padding: 11px 100px; }
  .article-grid .article-table table tr:first-child {
    color: black !important; }
    .article-grid .article-table table tr:first-child td:nth-child(4) {
      color: #ffb700; }
  .article-grid table tr:first-child td:nth-child(3) {
    color: black !important; }
  .article-grid .column ul {
    margin-right: 50px; }
  .article-grid .h-group h2 {
    font-size: 22px !important;
    font-weight: 500 !important;
    text-align: right !important;
    margin: 30px 0 20px;
    padding-top: 25px; }
  .article-grid .special-offer-title h2 {
    font-size: 18px !important;
    margin-top: 0 !important;
    margin-bottom: 10px !important;
    padding-top: 0 !important; }
  .article-grid .article-sub-title h2 {
    font-size: 40px !important; }
  .article-grid ul {
    margin-top: 5px;
    margin-bottom: 10px; }
    .article-grid ul li {
      list-style-image: url("/media/1370/bullet.png"); }
  .article-grid .grid-section[class] {
    padding-right: 0; }

.article-title.h2-above-h1 h2 {
  margin-top: 0;
  padding-top: 0; }

/* ************************* */
/* ********* MEDIA ********* */
/* ************************* */
@media screen and (max-width: 1023px) {
  .article-section .article-img {
    margin-top: 5%; }
  .article-section .margin-fix img {
    margin-bottom: 25px;
    margin-top: 25px; }
  .article-section.mobile-text-center .col-md-6 {
    text-align: center; }

  .article-grid .mobile-img {
    margin-bottom: -5px; }
    .article-grid .mobile-img img {
      width: 100%; }
  .article-grid .mobile-top-img {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw); }
  .article-grid .header-group-mobile-grey[class] {
    background-color: #3d3e42;
    color: white;
    padding: 15px;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    width: 100vw; }
    .article-grid .header-group-mobile-grey[class] > p {
      color: white; }
    .article-grid .header-group-mobile-grey[class] .spacious {
      list-style-type: none;
      margin-right: 0; }
      .article-grid .header-group-mobile-grey[class] .spacious li {
        list-style-image: none;
        color: white; }
    .article-grid .header-group-mobile-grey[class] h1 {
      line-height: 1.5;
      color: white;
      font-weight: bold; }
    .article-grid .header-group-mobile-grey[class] h2 {
      margin-top: 0;
      line-height: 1.5;
      text-align: right !important;
      font-weight: bold; }
    .article-grid .header-group-mobile-grey[class] .cnt-white {
      background: white;
      background-color: white;
      padding-top: 34px;
      margin-left: -15px;
      margin-right: -15px;
      margin-bottom: -16px;
      text-align: center; }
      .article-grid .header-group-mobile-grey[class] .cnt-white .yellow-grey {
        margin: 0 auto; }
        .article-grid .header-group-mobile-grey[class] .cnt-white .yellow-grey tbody tr {
          background: none; }
          .article-grid .header-group-mobile-grey[class] .cnt-white .yellow-grey tbody tr td {
            display: block;
            margin-bottom: 30px;
            background: none;
            position: relative; }
            .article-grid .header-group-mobile-grey[class] .cnt-white .yellow-grey tbody tr td:first-child::before {
              content: '';
              display: block;
              background: #ffb700;
              width: calc(100% + 70px);
              height: 40px;
              position: absolute;
              top: 0;
              right: -48px;
              -webkit-transform: skew(-15deg);
              -moz-transform: skew(-15deg);
              -o-transform: skew(-15deg);
              transform: skew(-15deg); }
            .article-grid .header-group-mobile-grey[class] .cnt-white .yellow-grey tbody tr td span {
              position: relative; }
  .article-grid .mobile-bold {
    font-weight: bold; }
  .article-grid .yellow-text {
    color: #ffb700; } }
@media screen and (min-width: 992px) and (max-width: 1440px) {
  .article-grid .content-50-50 {
    width: 100%; }
  .article-grid .article-circles .cir-cont .cir-img-cont img {
    width: 55%; } }
@media screen and (min-width: 992px) {
  .article-grid.side-menu-padding .quotes.fix-quotes-margin {
    width: 100vw;
    margin-right: -15vw !important;
    margin-left: 0; }

  .quotes {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    width: 100vw; }

  .fix-quotes-margin[class] {
    margin-right: calc(50% - 54vw); } }
@media screen and (min-width: 767px) and (max-width: 992px) {
  .fix-quotes-margin {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 54vw +5%) !important;
    width: 100vw; }

  .fix-quotes-margin {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 54vw + 5%);
    width: 100vw; }

  .side-menu-padding .fix-quotes-margin {
    margin-right: calc(50% - 54vw) !important; }

  #side-menu.sidemenu-top-padding-fix {
    padding-top: 0px !important; }

  .article-grid .sub-text {
    margin-bottom: 10%; } }
/* BELOW 768 */
@media screen and (max-width: 767px) {
  .article-grid {
    padding: 0 5% 50px 5%; }
    .article-grid .sub-text {
      margin-bottom: 10%; }
    .article-grid.side-menu-padding {
      padding: 0 5% 50px 5%; }
    .article-grid .grid-section {
      padding-right: 18px; }

  .quotes {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    width: 100vw; }

  .article-grid .article-img img {
    max-width: 135%;
    width: 135%;
    margin-right: calc(50% - 50vw); }
    .article-grid .article-img img.img-reg {
      margin-right: 0; }
  .article-grid .full-width-img img {
    max-width: 135%;
    width: 135%;
    margin-right: calc(50% - 52vw); }
  .article-grid table.clean:not(.icon-title) {
    max-width: 135%;
    width: 135%;
    margin-right: calc(50% - 50vw); }
  .article-grid .price-image img {
    max-width: 135%;
    width: 135%;
    margin-right: calc(50% - 50vw); }
  .article-grid .price-image .caption {
    left: -36px; }
  .article-grid .chev-experience img {
    width: 120%;
    max-width: 120%;
    /*margin-right: calc(50% - 50vw);*/
    margin-right: 0;
    margin-bottom: 22px;
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }

  .submenu li.has-children[class]:hover a::after {
    transform: scaleY(1); }
  .submenu li.has-children[class] > a::after {
    top: auto;
    border-top: none; }
  .submenu li.has-children[class] .submenu-dropdown {
    text-align: center;
    display: block;
    padding: 11px 12px !important; }
    .submenu li.has-children[class] .submenu-dropdown > li > a {
      font-size: 18px; }
    .submenu li.has-children[class] .submenu-dropdown > li + li {
      border: none; }

  .cnt-white .yellow-grey tbody tr td span {
    font-size: 18px; } }
/* BELOW 520 */
@media screen and (max-width: 520px) {
  .article-grid .article-title h1 {
    font-size: 30px; }
  .article-grid .article-sub-title h2 {
    font-size: 30px !important; }
  .article-grid .price-image .caption {
    font-size: 25px; }
    .article-grid .price-image .caption:before {
      width: 17px; } }
@media screen and (max-width: 450px) {
  .article-grid .single-content p a {
    font-size: 14px; }
  .article-grid .content-50-50 h2 {
    padding-left: 8px;
    padding-right: 5px; }
  .article-grid .content-50-50 h2, .article-grid .content-50-50 h3 {
    font-size: 20px !important;
    font-weight: bold !important;
    width: 100%; }
    .article-grid .content-50-50 h2:before, .article-grid .content-50-50 h3:before {
      content: '';
      height: 100%; } }
@media screen and (max-width: 500px) {
  .price-image .caption {
    left: -33px; } }
/* BETWEEN 768 TO 1400 */
@media screen and (min-width: 768px) and (max-width: 1024px) {
  #side-menu {
    width: 28%; }

  .article-grid.side-menu-padding {
    padding: 0 25% 50px 130px; }

  .article-grid.side-menu-padding .quotes.fix-quotes-margin {
    margin-right: -25vw !important; } }

/*# sourceMappingURL=article-page.css.map */
