/**

 * 2021 Mohammed ezzamzemy

 *

 * NOTICE OF LICENSE

 *

 * This source file is subject to the Academic Free License (AFL 3.0)

 * It is available through the world-wide-web at this URL:

 * http://opensource.org/licenses/afl-3.0.php

 * If you did not receive a copy of the license and are unable to

 * obtain it through the world-wide-web, please send an email

 * to license@prestashop.com so we can send you a copy immediately.

 *

 * DISCLAIMER

 *

 * Do not edit or add to this file if you wish to upgrade this module to newer

 * versions in the future. If you wish to customize the module for your

 * needs please refer to

 * http://doc.prestashop.com/display/PS16/Overriding+default+behaviors

 * for more information.

 *

 * @author    Mohammed ezzamzemy <med.ezzamzemy@gmail.com>

 * @copyright 2021 med.ezzamzemy@gmail.com

 * @license   http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)

 */



.owl-carousel {

  display: none;

  width: 100%;

  -webkit-tap-highlight-color: transparent;

  /* position relative and z-index fix webkit rendering fonts issue */

  position: relative;

  z-index: 1; }



.owl-carousel .owl-stage {

  position: relative;

  -ms-touch-action: pan-Y;

  touch-action: manipulation;

  -moz-backface-visibility: hidden;

  /* fix firefox animation glitch */ }



.owl-carousel .owl-stage:after {

  content: ".";

  display: block;

  clear: both;

  visibility: hidden;

  line-height: 0;

  height: 0; }



.owl-carousel .owl-stage-outer {

  position: relative;

  overflow: hidden;

  /* fix for flashing background */

  -webkit-transform: translate3d(0px, 0px, 0px); }



.owl-carousel .owl-wrapper,

.owl-carousel .owl-item {

  -webkit-backface-visibility: hidden;

  -moz-backface-visibility: hidden;

  -ms-backface-visibility: hidden;

  -webkit-transform: translate3d(0, 0, 0);

  -moz-transform: translate3d(0, 0, 0);

  -ms-transform: translate3d(0, 0, 0); }



.owl-carousel .owl-item {

  position: relative;

  min-height: 1px;

  float: left;

  -webkit-backface-visibility: hidden;

  -webkit-tap-highlight-color: transparent;

  -webkit-touch-callout: none; }



.owl-carousel .owl-item img {

  display: block;

  width: 100%; }



.owl-carousel .owl-nav.disabled,

.owl-carousel .owl-dots.disabled {

  display: none; }



.owl-carousel .owl-nav .owl-prev,

.owl-carousel .owl-nav .owl-next,

.owl-carousel .owl-dot {

  cursor: pointer;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none; }



.owl-carousel .owl-nav button.owl-prev,

.owl-carousel .owl-nav button.owl-next,

.owl-carousel button.owl-dot {

  background: none;

  color: inherit;

  border: none;

  padding: 0 !important;

  font: inherit; }



.owl-carousel.owl-loaded {

  display: block; }



.owl-carousel.owl-loading {

  opacity: 0;

  display: block; }



.owl-carousel.owl-hidden {

  opacity: 0; }



.owl-carousel.owl-refresh .owl-item {

  visibility: hidden; }



.owl-carousel.owl-drag .owl-item {

  -ms-touch-action: pan-y;

  touch-action: pan-y;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none; }



.owl-carousel.owl-grab {

  cursor: move;

  cursor: -webkit-grab;

  cursor: -moz-grab;

  cursor: grab; }



.owl-carousel.owl-rtl {

  direction: rtl; }



.owl-carousel.owl-rtl .owl-item {

  float: right; }



/* No Js */

.no-js .owl-carousel {

  display: block; }



/*

 *  Owl Carousel - Animate Plugin

 */

.owl-carousel .animated {

  -webkit-animation-duration: 1000ms;

     -moz-animation-duration: 1000ms;

          animation-duration: 1000ms;

  -webkit-animation-fill-mode: both;

     -moz-animation-fill-mode: both;

          animation-fill-mode: both; }



.owl-carousel .owl-animated-in {

  z-index: 0; }



.owl-carousel .owl-animated-out {

  z-index: 1; }



.owl-carousel .fadeOut {

  -webkit-animation-name: fadeOut;

     -moz-animation-name: fadeOut;

          animation-name: fadeOut; }



@-webkit-keyframes fadeOut {

  0% {

    opacity: 1; }

  100% {

    opacity: 0; } }



@-moz-keyframes fadeOut {

  0% {

    opacity: 1; }

  100% {

    opacity: 0; } }



@keyframes fadeOut {

  0% {

    opacity: 1; }

  100% {

    opacity: 0; } }



/*

 * 	Owl Carousel - Auto Height Plugin

 */

.owl-height {

  -webkit-transition: height 500ms ease-in-out;

  -moz-transition: height 500ms ease-in-out;

  transition: height 500ms ease-in-out; }



/*

 * 	Owl Carousel - Lazy Load Plugin

 */

.owl-carousel .owl-item {

  /**

			This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong

			calculation of the height of the owl-item that breaks page layouts

		 */ }



.owl-carousel .owl-item .owl-lazy {

  opacity: 0;

  -webkit-transition: opacity 400ms ease;

  -moz-transition: opacity 400ms ease;

  transition: opacity 400ms ease; }



.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {

  max-height: 0; }



.owl-carousel .owl-item img.owl-lazy {

  -webkit-transform-style: preserve-3d;

     -moz-transform-style: preserve-3d;

          transform-style: preserve-3d; }



/*

 * 	Owl Carousel - Video Plugin

 */

.owl-carousel .owl-video-wrapper {

  position: relative;

  height: 100%;

  background: #000; }



.owl-carousel .owl-video-play-icon {

  position: absolute;

  height: 80px;

  width: 80px;

  left: 50%;

  top: 50%;

  margin-left: -40px;

  margin-top: -40px;

  background: url("owl.video.play.png") no-repeat;

  cursor: pointer;

  z-index: 1;

  -webkit-backface-visibility: hidden;

  -webkit-transition: -webkit-transform 100ms ease;

  transition: -webkit-transform 100ms ease;

  -moz-transition: transform 100ms ease, -moz-transform 100ms ease;

  transition: transform 100ms ease;

  transition: transform 100ms ease, -webkit-transform 100ms ease, -moz-transform 100ms ease; }



.owl-carousel .owl-video-play-icon:hover {

  -webkit-transform: scale(1.3, 1.3);

     -moz-transform: scale(1.3, 1.3);

          transform: scale(1.3, 1.3); }



.owl-carousel .owl-video-playing .owl-video-tn,

.owl-carousel .owl-video-playing .owl-video-play-icon {

  display: none; }



.owl-carousel .owl-video-tn {

  opacity: 0;

  height: 100%;

  background-position: center center;

  background-repeat: no-repeat;

  background-size: contain;

  -webkit-transition: opacity 400ms ease;

  -moz-transition: opacity 400ms ease;

  transition: opacity 400ms ease; }



.owl-carousel .owl-video-frame {

  position: relative;

  z-index: 1;

  height: 100%;

  width: 100%; }

.sencondary-img img{

	width:100%;

}

.imega-slider .main-slider {

  width: -moz-calc(70% - 4px);

  width: calc(70% - 4px);

  margin: 2px;

  position: relative; }

  .imega-slider .main-slider:hover .owl-carousel .owl-nav {

    opacity: 1; }

  .imega-slider .main-slider .owl-carousel .owl-nav {

    position: absolute;

    top: 50%;

    left: 40px;

    right: 40px;

    -webkit-transform: translateY(-50%);

       -moz-transform: translateY(-50%);

            transform: translateY(-50%);

    opacity: 0;

    -webkit-transition: opacity .5s;

    -moz-transition: opacity .5s;

    transition: opacity .5s; }

    .imega-slider .main-slider .owl-carousel .owl-nav .owl-prev,

    .imega-slider .main-slider .owl-carousel .owl-nav .owl-next {

      width: 30px;

	  outline:none !important;

      height: 30px;

      border-top: 2px solid #fff;

      border-right: 2px solid #fff; }

	  .imega-slider .main-slider .owl-carousel .owl-nav .owl-prev:hover,

    .imega-slider .main-slider .owl-carousel .owl-nav .owl-next:hover {

      border-color: var(--nav-color);

	  }

    .imega-slider .main-slider .owl-carousel .owl-nav .owl-prev {

      float: left;

      -webkit-transform: rotate(225deg);

         -moz-transform: rotate(225deg);

              transform: rotate(225deg); }

    .imega-slider .main-slider .owl-carousel .owl-nav .owl-next {

      float: right;

      -webkit-transform: rotate(45deg);

         -moz-transform: rotate(45deg);

              transform: rotate(45deg); }

  .imega-slider .main-slider .owl-carousel .owl-dots {

    position: absolute;

    width: 100%;

    bottom: 30px;

    left: 0;

    text-align: center; }

    .imega-slider .main-slider .owl-carousel .owl-dots .owl-dot {

      position: relative;

      width: 80px;

      height: 3px;

      margin: 0 4px;

      border-radius: 2px;

      background-color: #fff;

      overflow: hidden; }

      .imega-slider .main-slider .owl-carousel .owl-dots .owl-dot::after {

        content: "";

        position: absolute;

        width: 100%;

        height: 100%;

        top: 0;

        left: 0;

        background-color: var(--nav-color);

        border-radius: inherit;

        -webkit-transform: translateX(-100%);

           -moz-transform: translateX(-100%);

                transform: translateX(-100%); }

      .imega-slider .main-slider .owl-carousel .owl-dots .owl-dot.active::after {

        -webkit-animation: timer 5s linear forwards;

           -moz-animation: timer 5s linear forwards;

                animation: timer 5s linear forwards; }



@-webkit-keyframes timer {

  100% {

    -webkit-transform: none;

            transform: none; } }



@-moz-keyframes timer {

  100% {

    -moz-transform: none;

         transform: none; } }



@keyframes timer {

  100% {

    -webkit-transform: none;

       -moz-transform: none;

            transform: none; } }

  .imega-slider .main-slider .image {

    padding-bottom: 60%;

    background: no-repeat center;

    background-size: cover; }



.imega-slider .secondary-slider {

  position: relative;

  z-index:1;

  width: 30%; }

  .imega-slider .secondary-slider[data-transition="slide"] .group.active > * > * {

    -webkit-transform: none;

       -moz-transform: none;

            transform: none; }

  .imega-slider .secondary-slider[data-transition="slide"] .group > * > * {

    -webkit-transform: translateX(-100%);

       -moz-transform: translateX(-100%);

            transform: translateX(-100%); }

  .imega-slider .secondary-slider[data-transition="fade"] .group.active > * > * {

    opacity: 1; }

  .imega-slider .secondary-slider[data-transition="fade"] .group > * > * {

    opacity: 0; }

  .imega-slider .secondary-slider .group {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0; }

    .imega-slider .secondary-slider .group.active {

      z-index: 2; }

      .imega-slider .secondary-slider .group.active > * > *:hover::after {

        opacity: 1; }

      .imega-slider .secondary-slider .group.active > * > *:hover .action {

        -webkit-transform: none;

           -moz-transform: none;

                transform: none; }

    .imega-slider .secondary-slider .group > * {

      position: absolute;

      height: -moz-calc(50% - 4px);

      height: calc(50% - 4px);

      width: -moz-calc(100% - 4px);

      width: calc(100% - 4px);

      margin: 2px;

      overflow: hidden; }

      .imega-slider .secondary-slider .group > *.w-50 {

        width: -moz-calc(50% - 4px);

        width: calc(50% - 4px); }

        .imega-slider .secondary-slider .group > *.w-50 + .w-50 {

          left: 50%; }

      .imega-slider .secondary-slider .group > *.h-100 {

        height: -moz-calc(100% - 4px);

        height: calc(100% - 4px); }

      .imega-slider .secondary-slider .group > *:not(.w-50):not(:first-child),

      .imega-slider .secondary-slider .group > *:not(.w-50) ~ * {

        top: 50%; }

		.sencondary-img{

			background-size:cover;

		}

      .imega-slider .secondary-slider .group > * > * {

        position: absolute;

        width: 100%;

        height: 100%;

        top: 0;

        left: 0;

        background: no-repeat center;

        background-size: 100% 100%;

        -webkit-transition: opacity 1s, -webkit-transform 1s;

        transition: opacity 1s, -webkit-transform 1s;

        -moz-transition: transform 1s, opacity 1s, -moz-transform 1s;

        transition: transform 1s, opacity 1s;

        transition: transform 1s, opacity 1s, -webkit-transform 1s, -moz-transform 1s; }

        /*.imega-slider .secondary-slider .group > * > *::after {

          content: "";

          position: absolute;

          width: 100%;

          height: 100%;

          top: 0;

          left: 0;

          background-color: rgba(0, 0, 0, 0.4);

          opacity: 0;

          -webkit-transition: opacity .4s;

          -moz-transition: opacity .4s;

          transition: opacity .4s; }*/

      .imega-slider .secondary-slider .group > * .action {

        position: absolute;

        z-index: 2;

        width: 100%;

        height: 40px;

        bottom: 0;

        left: 0;

        background: url(../img/right-arrow.svg) no-repeat 20px center #ff9a71;

        color: #fff;

        text-align: right;

        padding: 0 20px;

        line-height: 38px;

        -webkit-box-sizing: border-box;

           -moz-box-sizing: border-box;

                box-sizing: border-box;

        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";

        font-size: 14px;

        font-weight: 700;

        text-transform: uppercase;

        text-decoration: none;

        -webkit-font-smoothing: antialiased;

        -moz-osx-font-smoothing: grayscale;

        -webkit-transform: translateY(100%);

           -moz-transform: translateY(100%);

                transform: translateY(100%);

        -webkit-transition: background-color .4s, -webkit-transform .4s;

        transition: background-color .4s, -webkit-transform .4s;

        -moz-transition: transform .4s, background-color .4s, -moz-transform .4s;

        transition: transform .4s, background-color .4s;

        transition: transform .4s, background-color .4s, -webkit-transform .4s, -moz-transform .4s; 

		text-align:center;

		}

        .imega-slider .secondary-slider .group > * .action:hover {

          background-color: #ff7d48; }



.imega-slider {

	width:100%;

   display: -webkit-box;

  display: -webkit-flex;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-flex-wrap: wrap;

      -ms-flex-wrap: wrap;

          flex-wrap: wrap;

  margin: auto; }

  @media (max-width: 767px) {

    .imega-slider .main-slider {

      width: -moz-calc(100% - 4px);

      width: calc(100% - 4px); }

    .imega-slider .secondary-slider {

      width: 100%;

	  z-index: 1;

      padding-bottom: 140%; } }

	  

.imega-slider .slide-caption {

    bottom: 50px;

    left: 90px;

	position: absolute;

    color: #fff;

    max-width: 340px;

}

 

 

.imega-slider .slide-caption {

    bottom: 50px;

    left: 90px;

}

.imega-slider .slide-caption .slide-title {

    font-size: 22px;

    font-weight: 600;

    text-transform: uppercase;

}

.imega-slider .slide-caption .slide-desc {

    font-size: 16px;

    color:#fff;

}

.imega-slider .slide-caption .slide-desc *{

	color:#fff;

	font-size: 15px;

	margin-bottom:0px;

}

.imega-slider .secondary-slider .slide-caption .slide-desc {

    font-size: 13px;

}

.imega-slider .secondary-slider .slide-caption .slide-desc *{

	    font-size: 13px;

    line-height: 1.2;

}

.imega-slider a.slider-target {

    width: 100%;

    height: 100%;

    position: absolute;

}

.imega-slider .secondary-slider a.slider-target{

	z-index:999;

}



.imega-slider .secondary-slider .slide-caption {

    bottom: 0px;

    left: 0px;

    width: 100%;

    background: linear-gradient(180deg,transparent 0%,#000 100%);

    color: #fff;

    padding: 1.3rem 7px 3rem 5px;

    font-size: 17px;

}



.imega-slider .secondary-slider .slide-caption .slide-title {

    font-size: 13px;

}

.imega-slider .secondary-slider a.action{

	z-index: 99999 !important;

}

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