/* Below css has define for media query breakpoints where we use only veriable name instead of number. 
     like:@include mq('tablet','max') for max width &  @include mq('tablet') for min width
 */
.parallax-slide {
  position: relative; }

.parallax-clip {
  height: 100%;
  position: absolute;
  width: 100%;
  left: 0px;
  top: 0px;
  clip: rect(auto, auto, auto, auto); }

.fixed-parallax {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-size: cover;
  background-position: center top;
  -webkit-transform: translateZ(0);
  /* Ch <36, Saf 5.1+, iOS, An =<4.4.4 */
  -ms-transform: translateZ(0);
  /* IE 9 */
  transform: translateZ(0);
  /* IE 10, Fx 16+, Op 12.1+ */ }

.fixed-parallax:before {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.2);
  content: ""; }

.parallax-slide .position-center {
  height: inherit;
  min-height: inherit;
  position: relative; }

.parallax-vertical-align {
  position: absolute;
  width: 100%;
  left: 0;
  top: 50%;
  margin-top: -115px;
  text-align: center; }

.parallax-article {
  padding: 0 15px;
  position: relative; }

@media only screen and (max-width: 991px) {
  .fixed-parallax.parallax-fullwidth {
    position: relative; }
  .information-blocks.parallax-fullwidth-inner {
    overflow: visible; } }

@media (min-width: 1200px) {
  .parallax-article.left-align {
    -webkit-transform: translateX(-10%);
    /* Ch <36, Saf 5.1+, iOS, An =<4.4.4 */
    -ms-transform: translateX(-10%);
    /* IE 9 */
    transform: translateX(-10%);
    /* IE 10, Fx 16+, Op 12.1+ */ }
  .parallax-article.right-align {
    -webkit-transform: translateX(10%);
    /* Ch <36, Saf 5.1+, iOS, An =<4.4.4 */
    -ms-transform: translateX(10%);
    /* IE 9 */
    transform: translateX(10%);
    /* IE 10, Fx 16+, Op 12.1+ */ } }

.parallax-article .subtitle {
  color: #fff;
  font-size: 24px;
  line-height: 24px;
  margin-bottom: 10px; }

.parallax-article .title {
  color: #fff;
  font-size: 80px;
  line-height: 72px;
  margin-bottom: 5px;
  text-align: left;
  font-family: Gotham-Bold;
  text-transform: uppercase; }

.parallax-article .description {
  font-size: 15px;
  line-height: 22px; }

.parallax-article .info {
  font-size: 0;
  margin-top: 30px;
  margin-left: 100px; }

.parallax-article .info .regular_btn2 {
  width: 220px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  font-family: Gotham-Bold;
  color: #ffffff;
  background: #128ec5;
  display: block;
  font-size: 17px;
  text-transform: uppercase;
  width: 220px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  font-family: Gotham-Bold;
  color: #ffffff;
  background: #128ec5;
  display: block;
  font-size: 17px;
  text-transform: uppercase; }

.parallax-article .info .button {
  margin: 0 5px 5px 5px; }

.parallax-slide.auto-slide {
  height: auto !important;
  padding: 200px 0;
  text-align: center; }

/* Tablets (>=768px)*/
@media (max-width: 991px) {
  .parallax-slide.auto-slide {
    padding: 150px 0; } }

@media screen and (min-width: 1200px) {
  #homepromo-banner, #homepromo-banner div {
    height: 100%; } }

/*Phones (<768px)*/
@media (max-width: 767px) {
  .parallax-article .subtitle {
    font-size: 18px;
    line-height: 18px; }
  .parallax-article .title {
    font-size: 40px;
    line-height: 38px; }
  .parallax-slide.auto-slide {
    padding: 100px 0; }
  #homepromo-banner2, #homepromo-banner {
    display: none; } }

/* 11.03 - fullscreen banner */
.parallax-slide .swiper-container {
  height: inherit !important;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%; }

.parallax-slide .swiper-wrapper {
  height: inherit !important; }

.parallax-slide .swiper-slide {
  background-size: cover;
  background-position: center center;
  position: relative; }

.parallax-slide .swiper-slide:before {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  content: ""; }

.swiper-slide .parallax-article .subtitle {
  -webkit-transform: translateX(300px);
  /* Ch <36, Saf 5.1+, iOS, An =<4.4.4 */
  -ms-transform: translateX(300px);
  /* IE 9 */
  transform: translateX(300px);
  /* IE 10, Fx 16+, Op 12.1+ */
  opacity: 0; }

.swiper-slide .parallax-article .title {
  padding-left: 100px;
  margin-bottom: 25px;
  -webkit-transform: scale(0);
  /* Ch <36, Saf 5.1+, iOS, An =<4.4.4 */
  -ms-transform: scale(0);
  /* IE 9 */
  transform: scale(0);
  /* IE 10, Fx 16+, Op 12.1+ */
  opacity: 0;
  backface-visibility: hidden;
  -webki-backface-visibility: hidden;
  font-size: 55px; }

.swiper-slide .parallax-article .description {
  -webkit-transform: translateX(-300px);
  /* Ch <36, Saf 5.1+, iOS, An =<4.4.4 */
  -ms-transform: translateX(-300px);
  /* IE 9 */
  transform: translateX(-300px);
  /* IE 10, Fx 16+, Op 12.1+ */
  opacity: 0;
  color: #ffffff;
  font-family: Gotham-Medium;
  font-size: 30px;
  line-height: normal;
  padding-right: 30%;
  padding-left: 100px;
  text-align: left; }

.swiper-slide .parallax-article .info {
  -webkit-transform: translateX(300px);
  /* Ch <36, Saf 5.1+, iOS, An =<4.4.4 */
  -ms-transform: translateX(300px);
  /* IE 9 */
  transform: translateX(300px);
  /* IE 10, Fx 16+, Op 12.1+ */
  opacity: 0; }

.swiper-slide.active .parallax-article .subtitle, .swiper-slide.active .parallax-article .description, .swiper-slide.active .parallax-article .info {
  -webkit-transform: translateX(0px);
  /* Ch <36, Saf 5.1+, iOS, An =<4.4.4 */
  -ms-transform: translateX(0px);
  /* IE 9 */
  transform: translateX(0px);
  /* IE 10, Fx 16+, Op 12.1+ */
  opacity: 1; }

.swiper-slide.active .parallax-article .title {
  -webkit-transform: scale(1);
  /* Ch <36, Saf 5.1+, iOS, An =<4.4.4 */
  -ms-transform: scale(1);
  /* IE 9 */
  transform: scale(1);
  /* IE 10, Fx 16+, Op 12.1+ */
  opacity: 1; }

/*Phones (<768px)*/
@media (max-width: 767px) {
  .swiper-slide .parallax-article .title {
    font-size: 30px;
    line-height: normal;
    padding: 0px 20px;
    text-align: center;
    margin-bottom: 10px; }
  .parallax-article .description {
    padding-left: 0px !important;
    text-align: center !important;
    font-size: 15px !important;
    padding-right: 0px !important; }
  .parallax-article .info {
    margin-left: 0px;
    text-align: center;
    margin-top: 10px; }
  .parallax-article .info .regular_btn2 {
    margin: 0 auto;
    font-size: 11px;
    width: 135px;
    height: 30px;
    line-height: 30px; }
  .parallax-slide {
    height: 425px !important; }
  .swiper-container .pagination {
    bottom: 5% !important; } }

@media (max-width: 414px) {
  .banner1 {
    background-position: -580px center !important; }
  .banner1 .parallax-vertical-align {
    margin-top: 40px; }
  .banner2 {
    background-position: -600px center !important; }
  .banner2 .parallax-vertical-align {
    margin-top: 40px; }
  .banner3 {
    background-position: -560px center !important; }
  .banner3 .parallax-vertical-align {
    margin-top: 40px; } }

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 00 - CSS ANIMATIONS */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.home-acc-content .home-ac-link > span:before, .sidebar-navigation .entry, .button, .socials-box a, .socials-box a .fa, .search-drop-down .category-entry, .search-button, .header-functionality-entry, footer a, .product-slide-entry .title, .product-slide-entry .tag, .inline-product-entry .title, .inline-product-entry .image, .list-type-1 a, .hover-class-1:after, .hover-label, .menu-slider-arrows a .fa, .bottom-line-a, .top-line-a, .fixed-header-square-button .fa, .read-more, .product-mix-info, .simple-search-form .simple-submit, .departmets-drop-down .list a, .copyright a, .styled-form .submit-wrapper, .socials-box a .fa, .sidebar-logos-row a img, a.sale-entry:before, a.sale-entry .sale-price, a.sale-entry .sale-price span, a.sale-entry .sale-description, .breadcrumb-box a, .icon-entry .image, .quantity-selector .entry.number-minus, .quantity-selector .entry.number-plus, .tabs-container.style-1 .tab-switcher, .size-selector .entry:after, .color-selector .entry:after, .color-selector .entry:before, .blog-entry .title, .blog-entry .subtitle a, .blog-entry .subtitle a b, .blog-entry .readmore, .square-button, .tags-box a, .categories-list ul li a, .container-404 .text a, .portfolio-navigation a, .portfolio-entry .title, .action-button, .hover-layer, .continue-link, .accordeon-title, .traditional-cart-entry .tag, .traditional-cart-entry .title, .remove-button, .cart-summary-box .simple-link, .checkout-progress-widget a.step-entry, .simple-field, .column-article-entry .title, .product-slide-entry .subtitle, .parallax-view, .simple-form .submit, .latest-entries-heading .latest-more, .demo-categories-entry .title, .demo-categories-entry .list a, .sale-entry-border, .sale-entry-border:before, .color-text-widget, .color-text-widget .cell-view, .color-text-widget .title, .color-text-widget .description, .sale-entry, .simple-search-form, .special-item-entry > img {
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  -ms-transition: all 0.15s ease-out; }

.product-slide-entry .product-image:after, .sidebar-navigation .title .fa, .navigation-banner-content, .from-the-blog-entry .image:after, .toggle-list-button:after, .product-image .bottom-line, .product-image .top-line-a, .navigation-banner-content .subtitle, .navigation-banner-content .title, .navigation-banner-content .description, .navigation-banner-content .info, .swiper-slide .parallax-article .subtitle, .swiper-slide .parallax-article .description, .swiper-slide .parallax-article .info, a.mozaic-banner-entry .subtitle, a.mozaic-banner-entry .title, a.mozaic-banner-entry .description, a.mozaic-banner-entry:before, .creative-square-box .background-box, .creative-square-box:before, .promo-banner-box:before, .promo-banner-box .promo-text, .promo-banner-box .promo-text .description, .product-image img, .product-thumbnails-swiper .paddings-container, .blog-entry .image img, .comment-image:after, .hover-layer .info, .title-info, .actions, a.mozaic-banner-entry .view {
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out; }

.swiper-slide .parallax-article .title, .portfolio-entry .image img, .portfolio-entry:hover .portfolio-drop-down, .overlay-popup .close-layer, .overlay-popup .popup-container {
  -moz-transition: all 500ms ease-out;
  -o-transition: all 500ms ease-out;
  -webkit-transition: all 500ms ease-out;
  transition: all 500ms ease-out; }

.creative-square-box:hover .background-box, .blog-entry .image:hover img, .portfolio-entry:hover .image img {
  -moz-transition: all 15000ms linear !important;
  -o-transition: all 15000ms linear !important;
  -webkit-transition: all 15000ms linear !important;
  transition: all 15000ms linear !important; }

.disable-animation, .shop-grid .product-slide-entry .title {
  -moz-transition: none !important;
  -o-transition: none !important;
  -webkit-transition: none !important;
  transition: none !important; }

/*transition delay*/
.navigation-banner-content .subtitle, .swiper-slide .parallax-article .subtitle, .swiper-slide .parallax-article .description, .overlay-popup.active .popup-container {
  transition-delay: 200ms;
  -moz-transition-delay: 200ms;
  -webkit-transition-delay: 200ms;
  -ms-transition-delay: 200ms; }

.navigation-banner-content .title {
  -moz-transition-delay: 150ms;
  -ms-transition-delay: 150ms;
  -webkit-transition-delay: 150ms;
  transition-delay: 150ms; }

.swiper-slide .parallax-article .info {
  -moz-transition-delay: 400ms;
  -ms-transition-delay: 400ms;
  -webkit-transition-delay: 400ms;
  transition-delay: 400ms; }

/*ie*/
_:-ms-input-placeholder, :root .simple-field.simple-drop-down select {
  padding-right: 22px; }

_:-ms-input-placeholder, :root .size-1.simple-field.simple-drop-down select {
  padding-right: 14px; }

_:-ms-input-placeholder, :root .simple-drop-down select {
  padding-right: 10px; }