/*******************************************************
    SP Banner Style
********************************************************/
.spbanner {
  text-align: center; }
  .spbanner a {
    position: relative;
    display: block; }
    .spbanner a:before {
      background-color: rgba(0, 0, 0, 0.2);
      content: '';
      height: 100%;
      width: 100%;
      left: 0;
      position: absolute;
      top: 0;
      transition: all 0.2s ease-in-out 0s;
      -moz-transition: all 0.2s ease-in-out 0s;
      -webkit-transition: all 0.2s ease-in-out 0s;
      visibility: hidden;
      opacity: 0;
      filter: alpha(opacity=0); }
    .spbanner a:hover:before {
      visibility: visible;
      opacity: 1;
      filter: alpha(opacity=100); }

.banner-layout-1 {
  float: right;
  width: 21.4%; }

.banner-5 {
  margin-bottom: 40px; }

.banner-6 {
  margin-bottom: 40px; }

.banner-top-layout-3 {
  margin: 0 -10px; }

.banner-7, .banner-8, .banner-9, .banner-10 {
  margin-bottom: 40px; }

.banner-top-layout4 {
  margin: 0 -10px 20px;
  overflow: hidden; }

.banner-11, .banner-12, .banner-13 {
  padding: 0 10px;
  margin-bottom: 30px; }

.banner-14, .banner-15 {
  padding: 0; }

@media (min-width: 480px) and (max-width: 991px) {
  div.banner-layout-1 {
    width: 27.7%; }

  .lang-rtl div div.banner-layout-1 {
    width: 27.7%; } }
@media (max-width: 767px) {
  .spbanner a {
    display: inline-block; }

  .banner-left {
    margin-bottom: 40px; }

  .banner-4 {
    margin-bottom: 40px; } }
@media (max-width: 480px) {
  div.banner-6 {
    margin-bottom: 30px; } }
@media (max-width: 479px) {
  div.banner-layout-1 {
    display: none; }

  div.banner-7, div.banner-8, div.banner-9 {
    width: 100%; }

  .lang-rtl .banner-layout-1 {
    display: none; } }

/*# sourceMappingURL=style.css.map */