/*
Theme Name: 	ixotech
Description: 	Responsive WordPress Theme.
Version:     	1.0
Author:     	Mario Testa
Author URI:   https://www.tecnoplus.biz/
Site:         https://www.tecnoplus.biz/
Text Domain: 	ixotech
Domain Path: 	/languages
Tags:        	grid-layout, blog, custom-menu, featured-images, right-sidebar
License:    	GNU General Public License v3.0
License URI:	http://www.gnu.org/licenses/gpl-3.0.html

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
@font-face {
    font-family: 'sony_sketch_efbold';
    src: url('fonts/sony_sketch_bold_205-webfont.woff2') format('woff2'),
         url('fonts/sony_sketch_bold_205-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body, html { margin: 0; padding: 0; height: 100%;}
body.admin-bar .navbar-fixed-top { position: fixed; top: 32px; z-index: 1000;}
body.noscroll { overflow: hidden;}

/* ------------------------------------------------------------------------- *
/* ! Base */
/* ------------------------------------------------------------------------- */

.spacer{height: 150px;}
@media (max-width: 767px) {
  .page-template-home-page .spacer{height: 145px;}
  .woocommerce-page .spacer{height: 155px;}
  .spacer, .woocommerce-cart .spacer, .woocommerce-checkout .spacer{height: 170px;}
}

/* Typography */
h1, h2, h3, h4, h5, h6 {font-family: 'sony_sketch_efbold'}
body{font-size: 20px;line-height: 22px; font-family: 'Poppins'; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%;     overflow-x: hidden;
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
}

/* Title color */
h1, h2, h3, h4, h5, h6 {color: #222; }

.big{font-size: 42px;line-height: 1.1}
@media (max-width: 768px) {
  .big{font-size: 32px;}
}

/* Link color */
a{ color: #543bee;  text-decoration: none;}
a:focus, a:hover { color: #903bee; }

/*cta buttons*/
.wp-block-button__link {
    border-radius: 20px;
    background: linear-gradient(100deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);
    color: #fff;
    background-color: #32373c;
    border: none;
    border-radius: 1.55em;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    font-size: 1.125em;
    padding: .667em 1.333em;
    text-align: center;
    text-decoration: none;
    overflow-wrap: break-word;
}


/* --------------------------------------------------------------------------------------------------------------------------- */
/* ! Header */
/* --------------------------------------------------------------------------------------------------------------------------- */
header{overflow: hidden;}
.header{position: relative; width: 100%;background: #fff; z-index: 1;transition: all 0.3s cubic-bezier(.215, .61, .355, 1);}

.header-notice{padding: 4px 0 6px 0; background: #903bee
;color: #fff; margin-bottom: 25px;}
.header-nav{display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  max-width: 1210px;
  margin: 0 auto;
  padding: 0px;
  position: relative;
  align-items:center;
  z-index: 999;
}


.nav-logo{display: flex;align-items:center;}
.nav-logo .logo{padding: 5px;}
.nav-logo .logo img{height: 75px; width: auto;}

.nav-search__form{position: relative;margin-top: 9px;border-radius: 45px; border: 3px solid #ddd; height: 44px}
.nav-search__form input[type=text]{width: calc(100% - 40px ); border:none!important; height: 38px!important;background: transparent!important;}
.nav-search__form #datafetch{position: absolute;top:40px; left:2.5%;background: #fff;width: 95%;z-index:1;max-height: 400px; overflow-y: scroll;-webkit-overflow-scrolling: touch;}
.nav-search__form #datafetch a,
.nav-search__form #datafetch .product-not-found{display: block; padding: 20px 20px 20px 20px;border-bottom: 1px solid #ddd;border-left: 1px solid #ddd;border-right: 1px solid #ddd; margin-bottom: 0;position: relative;}
.nav-search__form #datafetch a small{color:#000}
.nav-search__form #datafetch a.product-search-item{padding: 20px 20px 20px 60px;}
.nav-search__form .search-thumbnail{width: 40px;height: 40px;display: inline-block;margin-right: 10px;position: absolute;top:10px; left:10px;}
.nav-search__icon{position: absolute; top: 0; right:0;height: 38px;border: none; background: transparent;font-size: 18px;padding-right: 10px;}

.nav-logo,
.nav-search,
.nav-icons{min-height: 55px;}

.nav-icon-search{display: none;}
.nav-icon-user{display: block;padding: 8px 13px;width: 50px;position: absolute;right: 60px;color:#fff; top:2px}
.nav-icon-user .icon-user{font-size: 22px;}
 a:hover.nav-icon-user {
    border-bottom:2px solid #fff;
  color:#fff}

.nav-menu{width: 100%;position: relative;display: flex; justify-content: center}

.nav-search{width: 100%;}
.nav-logo,
.nav-icons{width: 30%;position: relative}

/* Mega Menu */

.menu { margin: 0; padding: 0; list-style-type: none; }
.menu a,
.menu a:link,
.menu a:visited,
.menu a:focus { color: #ffff; text-decoration: none; display: block; position: relative; }

.menu > li { display: inline-block; text-align: center; position: static; margin: 0; }
.menu > li > a { padding: 10px 10px 16px 10px; display: block; font-size: 1.2rem}

.menu > li:hover > a { color: #ffffff; }
.menu > li:hover > a:after { content: ' '; position: absolute; bottom: 0px; left: 0; width: 100%; height: 3px; background: #ffffff; z-index: 100; }
.menu > li:hover {  }

/* Megadropdown */
.menu > li > .sub-menu {
  overflow: hidden; background: #ffffff; opacity: 0; visibility: hidden; position: absolute;
  list-style: none;
  top: 45px;
  left: 50%;
  transform: translateX(-50%);
  /* width: 100%; min-height: 300px; */
  text-align: left;
  z-index: 99; padding: 15px;margin: 0;
}
.menu > li:hover > .sub-menu{ opacity: 1; visibility: visible; display: flex; justify-content: center}
.menu > li:hover > .sub-menu a{color:#333;padding: 8px 0px;font-size: 15px;border-bottom: 1px solid #ddd}

.menu > li> .sub-menu a:hover,
.menu > li> .sub-menu .sub-menu a:hover{color:#000}

.menu > li > .sub-menu > li{display: inline-block;width: 200px;margin-right: 10px;}
.menu > li > .sub-menu .sub-menu{min-height: 200px; padding: 0;margin:0;}

.menu > li > .sub-menu .sub-menu li{display: block; width: 100%;margin-bottom: -10px;}
.menu > li > .sub-menu .sub-menu a{font-size: 14px;padding: 8px 0px;color:#999; border-bottom:1px solid #fff;}

@media (min-width: 768px) {
  .menu > li > .sub-menu{box-shadow: 0 5px 20px rgba(0,0,0,.05);}
  .scroll-down .header{transform: translateY(-110px);}
}


@media (max-width: 767px) {

  .header-notice {padding: 4px 5px 4px 5px;border-bottom: 1px solid #ddd; height: 44px;font-size: 12px;line-height: 17px; display: flex;width: 100%;align-items: center;justify-content: center;margin-bottom: 0px;}
  .header-nav {background-color: #fff}
  .header{transition: all 0.3s cubic-bezier(.215, .61, .355, 1);top:0;}
  .scroll-down .header{top:-48px;}

  /* Search Hide on Scroll*/
  .nav-search{transition: all 0.3s cubic-bezier(.215, .61, .355, 1);}
  .scroll-down .nav-search{transform: translateY(-100%);}


  /* Search */
  /* nav search panel disable */

  /* .nav-search{position: absolute;top:55px; background: #fff; padding: 0px;min-height: 0;height: 100vh;transform: translateX(-100%);overflow: hidden;transition: all 0.5s cubic-bezier(.215, .61, .355, 1);}
  .nav-search--open{transform: translateX(0%);}
  .nav-search__form{margin:15px; }
  .nav-search__form #datafetch {top:39px}
  .nav-search__form #datafetch p {border: none;}
  .nav-icon-search{display: block;font-size: 22px;padding: 13px;width: 50px;position: absolute;right: 100px;} */

  /* search panel big */
  .nav-search{position: absolute;top:56px;background: #fff;padding: 0 10px 10px 10px;margin-top: -10px; box-shadow: 0 7px 15px rgba(0,0,0,.07);z-index: 1000}
  .nav-search__form{border:none; background: #eee;height: 37px;}
  .nav-search__form input,
  .nav-search__icon{background: transparent!important}
  .nav-search__form #datafetch{top:37px;margin: 0 -10px; width: calc(100% + 20px);left:0;}
  .nav-search__form #datafetch a,
  .nav-search__form #datafetch .product-not-found{border-left:none; border-right:none;}
  .nav-menu{border:none}
  .nav-icon-user {right: 100px!important;}
  .nav-icon-search {display: none;}


  /* Nav icons */
  .nav-icons{width: 50%;background: #fff;z-index: 1001}
  .cart-icon { right: 70px!important;}
  .nav-icon-user{right: 138px;top:1px}


  .nav-menu{position: absolute;top:96px;z-index: 1100; width: 100%;min-height: 0;}
  .nav-mex{display: none;}
  .nav-logo{width: 50%;background: #fff;z-index: 1001}
  .nav-logo .logo img{    padding: 5px;
    height: 65px;}

  .menu,
  .menu li{width: 100%;  text-align: left;margin-right: 0;position: relative;}
  .menu > li:last-of-type:after {content: ' ';height: 85px;display: block; width: 100%;}

  .menu > li {border-top:1px solid #ddd; overflow: hidden;margin-bottom: -10px;}
  .menu > li > a {font-size: 16px;padding-left: 15px;}

  .menu > li > ul li ul,
  .menu li > ul li,
  .menu > li > .sub-menu,
  .menu > li > ul,
  .menu > li,.menu > li a {
    transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    color: #5533ff!important;
  }

  .menu > li > .sub-menu{
    display: flex; flex-flow: row; flex-wrap: wrap;justify-content: center;
    transform: translateX(0%);padding: 0;margin: 0;
    visibility: visible; overflow:hidden;
    position: relative;
    left:0;
    top:0;
    border:none;
    opacity: 1;
    min-height: 0;max-height: 0;
  }
  .menu > li > .sub-menu--open{max-height: 800px;min-height: 100px}
  .menu > li > .sub-menu > li{width: calc(50% - 30px); margin: 10px 15px;}
  .menu > li > .sub-menu > li > a{color:#000;}
  .menu > li > .sub-menu .sub-menu{min-height: auto;}

  .menu{overflow: scroll;height: 100vh;position: absolute;background: #fff;right: -100%}
  .menu.open{right: 0%;}

  .tog{width: 40px;height: 40px;top:-7px}
  .tog span {background: #000;width: 25px;}
  .tog span:first-child {transform: translateY(-8px);}
  .tog span.span-middle {transform: translateY(8px);}

}
/* ------------------------------------------------------------------------- *
/* ! Shapes */
/* ------------------------------------------------------------------------- */
.shapes-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }
  .app-landing-2-header .head-line-2 {
    display: block; }
    @media (min-width: 768px) {
      .app-landing-2-header .head-line-2 {
        display: inline; } }

  .app-landing-2-header .background-shape-main {
    bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    -webkit-transform: translate(80%, -30%) rotate(-35deg);
            transform: translate(80%, -30%) rotate(-35deg);
    background-image: linear-gradient(45deg, #5533ff 40%, #506690 100%); }
    @media (min-width: 768px) {
      .home .app-landing-2-header .background-shape-main {
          -webkit-transform: translate(20%, -31.5%) skewY(30deg);
                  transform: translate(20%, -31.5%) skewY(30deg); }
      .app-landing-2-header .background-shape-main {
        height: 150%;
        -webkit-transform: translate(20%, -31.5%) skewY(30deg);
                transform: translate(20%, -31.5%) skewY(30deg); } }
    @media (min-width: 992px) {
      .home .app-landing-2-header .background-shape-main {
          -webkit-transform: translate(25%, -19.5%) skewY(30deg);
                  transform: translate(25%, -19.5%) skewY(30deg); }
      .app-landing-2-header .background-shape-main {
        -webkit-transform: translate(25%, -19.5%) skewY(30deg);
                transform: translate(25%, -19.5%) skewY(30deg); } }
    @media (min-width: 1200px) {
    .home .app-landing-2-header .background-shape-main {
        -webkit-transform: translate(30%, -10%) skewY(30deg);
                transform: translate(30%, -10%) skewY(30deg); }
      .app-landing-2-header .background-shape-main {
        -webkit-transform: translate(30%, -10%) skewY(30deg);
                transform: translate(30%, -10%) skewY(30deg); }
      .post-type-archive-product .app-landing-2-header .background-shape-main {
        -webkit-transform: translate(30%, -10%) skewY(30deg);
                transform: translate(30%, -10%) skewY(30deg); }}
    @media (min-width: 1600px) {
    .home .app-landing-2-header .background-shape-main {
        -webkit-transform: translate(35%, 4%) skewY(30deg);
                transform: translate(35%, 4%) skewY(30deg); }
      .app-landing-2-header .background-shape-main {
        -webkit-transform: translate(35%, 4%) skewY(30deg);
                transform: translate(35%, 4%) skewY(30deg); }
      .post-type-archive-product .app-landing-2-header .background-shape-main {
        -webkit-transform: translate(35%, 4%) skewY(30deg);
                transform: translate(35%, 4%) skewY(30deg); }}

  .app-landing-2-header .animation-shape {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .app-landing-2-header .animation-shape.shape-triangle {
      top: 60%;
      left: 0;
      -webkit-animation-duration: 12s;
              animation-duration: 12s; }
      .app-landing-2-header .animation-shape.shape-triangle div {
        opacity: 0.1;
        position: relative;
        background-color: #5533ff;
        text-align: left;
        -webkit-transform: rotate(-60deg) skewX(-30deg) scale(1, 0.866);
                transform: rotate(-60deg) skewX(-30deg) scale(1, 0.866); }
        .app-landing-2-header .animation-shape.shape-triangle div:before, .app-landing-2-header .animation-shape.shape-triangle div:after {
          content: "";
          position: absolute;
          background-color: inherit; }
        .app-landing-2-header .animation-shape.shape-triangle div, .app-landing-2-header .animation-shape.shape-triangle div:before, .app-landing-2-header .animation-shape.shape-triangle div:after {
          width: 90px;
          height: 90px;
          border-top-right-radius: 30%; }
        .app-landing-2-header .animation-shape.shape-triangle div:before {
          -webkit-transform: rotate(-135deg) skewX(-45deg) scale(1.414, 0.707) translate(0, -50%);
                  transform: rotate(-135deg) skewX(-45deg) scale(1.414, 0.707) translate(0, -50%); }
        .app-landing-2-header .animation-shape.shape-triangle div:after {
          -webkit-transform: rotate(135deg) skewY(-45deg) scale(0.707, 1.414) translate(50%);
                  transform: rotate(135deg) skewY(-45deg) scale(0.707, 1.414) translate(50%); }
    .app-landing-2-header .animation-shape.shape-cross {
      top: 20%;
      left: 75%; }
      .app-landing-2-header .animation-shape.shape-cross div {
        position: relative;
        background: #ffffff;
        width: 3px;
        height: 20px; }
        .app-landing-2-header .animation-shape.shape-cross div:after {
          content: "";
          position: absolute;
          background: #ffffff;
          height: 3px;
          left: 50%;
          top: 50%;
          width: 20px;
          -webkit-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%); }

  .app-landing-2-header .static-shape {
    position: absolute; }
    .app-landing-2-header .static-shape.shape-circle {
      top: 0;
      right: 0;
      opacity: 0.2; }
      .app-landing-2-header .static-shape.shape-circle-1 {
        -webkit-transform: translate3d(25%, -25%, 0);
                transform: translate3d(25%, -25%, 0); }
        .app-landing-2-header .static-shape.shape-circle-1 div {
          width: 500px;
          height: 500px;
          background: rgba(255, 255, 255, 0.5);
          border-radius: 50%;
          margin: 0; }
      .app-landing-2-header .static-shape.shape-circle-2 {
        -webkit-transform: translate3d(25%, -25%, 0);
                transform: translate3d(25%, -25%, 0); }
        .app-landing-2-header .static-shape.shape-circle-2 div {
          width: 300px;
          height: 300px;
          background: rgba(255, 255, 255, 0.25);
          border-radius: 50%;
          margin: 0; }
    .app-landing-2-header .static-shape.shape-ring {
      left: 53%;
      top: 30%; }
      .app-landing-2-header .static-shape.shape-ring-1 {
        -webkit-transform: translate3d(-50%, -50%, 0);
                transform: translate3d(-50%, -50%, 0); }
        .app-landing-2-header .static-shape.shape-ring-1 .animation {
          width: 40px;
          height: 40px;
          border: 4px solid #ffffff;
          border-radius: 50%;
          -webkit-animation-duration: 45s;
                  animation-duration: 45s; }
      .app-landing-2-header .static-shape.shape-ring-2 {
        -webkit-transform: translate3d(-15%, -15%, 0);
                transform: translate3d(-15%, -15%, 0); }
        .app-landing-2-header .static-shape.shape-ring-2 .animation {
          width: 40px;
          height: 40px;
          border: 1px solid #ffffff;
          border-radius: 50%;
          -webkit-animation-duration: 60s;
                  animation-duration: 60s; }
      .app-landing-2-header .static-shape.shape-ring .animation {
        border-style: dashed; }
    .app-landing-2-header .static-shape.pattern-dots-1 {
      top: 0;
      left: 0;
      width: 150px;
      height: 20%;
      background-color: transparent;
      background-image: radial-gradient(rgba(0, 0, 0, 0.1) 3px, transparent 3px);
      background-size: 30px 30px; }
    .app-landing-2-header .static-shape.pattern-dots-2 {
      bottom: 15px;
      right: 25%;
      width: 155px;
      height: 40%;
      background-color: transparent;
      background-image: radial-gradient(rgba(0, 0, 0, 0.1) 2px, transparent 2px);
      background-size: 20px 20px; }

  .app-landing-2-header .shape {
    position: absolute; }
    .app-landing-2-header .shape:nth-child(1) {
      top: 0%;
      left: 70%;
      width: 400px;
      height: 140px; }
      .app-landing-2-header .shape:nth-child(1)[data-aos]:before {
        background-image: linear-gradient(45deg, theme-color("primary") 35%, theme-color("secondary") 110%); }
    .app-landing-2-header .shape:nth-child(2) {
      top: 0%;
      left: 65%;
      width: 300px;
      height: 100px; }
      .app-landing-2-header .shape:nth-child(2)[data-aos]:before {
        background-image: -webkit-gradient(linear, left top, right top, color-stop(0, theme-color("primary")), to(theme-color("secondary")));
        background-image: linear-gradient(90deg, theme-color("primary") 0, theme-color("secondary") 100%); }
    .app-landing-2-header .shape:nth-child(3) {
      top: 0%;
      left: 80%;
      width: 600px;
      height: 200px; }
      .app-landing-2-header .shape:nth-child(3)[data-aos]:before {
        background-image: -webkit-gradient(linear, left top, right top, color-stop(0, theme-color("primary")), to(theme-color("secondary")));
        background-image: linear-gradient(90deg, theme-color("primary") 0, theme-color("secondary") 100%); }
    .app-landing-2-header .shape:nth-child(4) {
      top: 82%;
      left: 85%;
      width: 150px;
      height: 150px; }
    @media (min-width: 768px) {
      .app-landing-2-header .shape:nth-child(1) {
        left: 25%; }
      .app-landing-2-header .shape:nth-child(2) {
        left: 55%; } }
    @media (min-width: 992px) {
      .app-landing-2-header .shape:nth-child(1) {
        left: 35%; }
      .app-landing-2-header .shape:nth-child(2) {
        left: 45%; } }
    @media (min-width: 1200px) {
      .app-landing-2-header .shape:nth-child(1) {
        left: 45%; }
      .app-landing-2-header .shape:nth-child(2) {
        left: 65%; } }
    .app-landing-2-header .shape[data-aos]:before {
      content: "";
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      background-color: rgba(249, 251, 253, 0.05);
      -webkit-transform: rotate(-55deg);
              transform: rotate(-55deg);
      position: absolute;
      border-radius: 100px; }

  .app-landing-2-header .hero-form form {
    position: relative;
    margin-top: 2rem; }
    .app-landing-2-header .hero-form form .btn {
      border-radius: 0.25rem;
      margin: 0;
      height: 60px;
      right: 5px;
      border: none;
      color: #ffffff;
      -webkit-transition: all 0.4s;
      transition: all 0.4s;
      z-index: 4;
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%); }
    .app-landing-2-header .hero-form form .form-control {
      width: 100%;
      position: relative;
      border-radius: 0.25rem;
      height: 70px;
      line-height: 70px;
      padding: 0 180px 0 30px;
      border: none; }
/* ------------------------------------------------------------------------- *
/* ! Modules */
/* ------------------------------------------------------------------------- */

.cover{padding: 150px 20px; text-align: center;position: relative;}
.cover:before { content : ''; position : absolute; top : 0; left : 0; bottom : 0; right : 0; background-color : #000000; opacity : 0.5; z-index : 0; }
.cover h1,
.cover h2{color:#fff;z-index: 1;position: relative;}


/* ! Slider */
.main-carousel h2{color:#000;margin:15px 0 0 0;font-weight: bold;font-size: 4.5rem;}
.main-carousel p{color:#000;margin-bottom: 20px;font-size: 1.3rem; line-height: 1.6rem}
.main-carousel h3.subtitle{color: #903bee}
.home .main-carousel .carousel-cell{height: 450px;}
.main-carousel .carousel-cell{height: 450px;}
.main-carousel .carousel-cell:before{ content: ' ';position: absolute;top:0; left:0; width: 100%;height: 100%;z-index: 0; opacity: 0.25}
@media (max-width: 768px) {

  .main-carousel h3,
  .main-carousel p{text-align: left;;}
  .main-carousel .wp-block-button{text-align: left;}
}

.carousel-cell{width: 100%;height: 450px;}
.flickity-page-dots{bottom: 20px;}

.vertical-center{display: flex; width: 100%; height: 100%; align-items: center;}

.page-template-home-page .spacer{height: 150px;}

/* ! Sub Slider */

.sub-slider{margin: 30px 0}
.sub-slider__item{width: 80%;height: 400px;text-align: center; display: flex; align-items: center;position: relative;}
.sub-slider__item:before{ content: ' '; background: #000;position: absolute;top:0; left:0; width: 100%;height: 100%;z-index: 0; opacity: 0.55}
.sub-slider__item h3{width: 100%;margin-bottom: 0;position: relative;z-index: 1; color:#fff}
.sub-slider .flickity-prev-next-button.next{right: -70px;}
.sub-slider .flickity-prev-next-button.previous{display: none;}
@media (min-width: 768px) {
  .sub-slider__item{width: 33.33%;}
}
@media (max-width: 768px) {
  .sub-slider .flickity-prev-next-button{display: none;}
  .sub-slider{margin: 20px -20px}
}

/* ! Text Slider */
.text-slider{margin: 30px 0; border-top: 3px solid #ddd;border-bottom: 3px solid #ddd;}
.text-slider__item{width: 100%;min-height: 300px;text-align: center; display: flex; align-items: center;position: relative;}
.text-slider__content{max-width: 800px; margin: 0 auto;}
@media (max-width: 768px) {
  .text-slider .flickity-prev-next-button{top:80%; transform: scale(0.5);}
  .text-slider p{padding: 5px 20px;margin: 0;}
}




/* ------------------------------------------------------------------------- *
/* ! WooCommerce */
/* ------------------------------------------------------------------------- */
/* ! - Shop Page*/
.post-type-archive-product h1.page-title{display: none}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size: 2.0em}
.woocommerce span.posted_in{display:none}

/* ! - Button */
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce button.button.alt.disabled{ background: #543bee; color:#fff}

.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover{background: #ad1a45; color:#fff}

/* ! - Price */
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price{color:#999; font-weight: bold; font-size: 1.5em}
.woocommerce.single-product .summary p{margin-bottom: 15px;}
.woocommerce.single-product .summary p.price{font-size: 32px;}

.woocommerce .stock{margin-bottom: 10px;margin-top: 5px; color: #77a464;font-size: .8em;}
.woocommerce .stock.out-of-stock{color:red}

/* ! - Input */
input[type='email'],
input[type='number'],
input[type='search'],
input[type='text'],
input[type='tel'],
input[type='url'],
input[type='password']{height: 35px;}

.woocommerce input[type=text],
.woocommerce input[type=email]{background: #fff;border:1px solid #bbb; border-radius: 3px}

/* ! - Column fix  */
.woocommerce-cart .woocommerce [class*='col'],
.woocommerce-checkout .woocommerce [class*='col']{padding:0;}

/* ! - Coupon */
#coupon_code{width: 129px;}

/* ! - Minicart */
.nav-wrap .grid{position: relative}


.minicart { list-style-type : none; margin : 0px; width : 270px; max-height : 0px; overflow : hidden; position : absolute; z-index : 99; top : 54px; right : 0px; background : #ffffff; box-shadow : 0 15px 15px rgba(0,0,0,0.08); }
.minicart__inside { padding : 20px; position: relative;}
.minicart .widget { margin-bottom : 0; }
.minicart .widget li { position : relative; margin-top : 5px!important; display: block;width: 100%}
.minicart .widget li a { border : none; padding : 0px 0 0 0; color:#000;}
.minicart .widget a.button { padding : 10px; }
.minicart .widget_shopping_cart .total{ padding-top : 20px; border:none;margin-bottom: 15px;}
.minicart .widget_shopping_cart .woocommerce-mini-cart__total:before{
  height: 20px;
  bottom: 0; left:0;
  width: 100%;
  content: ' ';
  display: block;
  margin-top: -40px;
  background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
  position: relative;
  z-index: 2;
  margin-bottom: 20px;
}
.minicart .woocommerce-mini-cart__buttons { margin-bottom : 0; }

.cart-icon { display : block; position : absolute; top: 5px; right : 32px;  z-index : 30; }
.cart-icon .cart-contents { cursor : pointer; color : #fff;  font-size : 22px;padding: 7px; }
.cart-icon .cart-contents__number {
  position : absolute;
  height : 20px;
  width : 20px;
  line-height : 20px;
  border-radius : 20px;
  text-align : center;
  font-size : 11px; right : -15px;top:10px;
  font-weight : bold; background : #fff; color : #903bee;
}

.woocommerce-mini-cart__buttons { margin-bottom : 0; }
.cart--open { min-height : 50px; max-height : 600px; }

.woocommerce ul.cart_list,
.woocommerce ul.product_list_widget {max-height: 240px; overflow: auto;position: relative;}



/* ! - Single product */
.single-product .quantity .qty {height: 45px;width: 4em}
.single-product .single_add_to_cart_button{padding: 15px 30px!important;}
.single-page-message{padding-bottom: 10px;color: #77a464;margin-top: -10px;}
.product_meta{font-size: 12px;}

/* ! - Add to cart fixed bottom */
@media (max-width: 768px) {
  .product-type-simple form.cart,
  .woocommerce div.product .woocommerce-variation-add-to-cart{
    box-shadow: 0 0 20px rgba(0,0,0,.18);
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 10px;
    background: #fff;
    z-index: 3;
    margin: 0!important;
    z-index: 10;
  }
  .woocommerce div.product .woocommerce-variation-add-to-cart .single_add_to_cart_button,
  .woocommerce .product-type-simple form.cart .single_add_to_cart_button{width: calc(100% - 4.2em );}
}


.woocommerce-page article{width: 100%}
.woocommerce-product-gallery {padding:0;}

.woocommerce span.onsale { font-weight: bold; background: #fed65e; color: #333333; height: 55px; width: 55px;line-height: 13px; font-size: 10px;padding-top: 12px;text-transform: uppercase;}
.woocommerce span.onsale  strong{font-size: 21px;}

.single-product.woocommerce .product > span.onsale {transform: scale(1.3);}

/* ! - Gallery */

.single-product.woocommerce-page div.product div.images{width: calc(48% - 0px);margin-left: 0px;}
.single-product div.product .woocommerce-product-gallery{position: relative;}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs { position: absolute; top:20px; left:15px; width: 60px;}
.woocommerce div.product div.images .flex-control-thumbs li {width: 100%; max-width: 70px;margin-right: 10px;margin-bottom: 15px;border: 2px solid #ddd; border-radius: 200px; overflow: hidden;}
.woocommerce-product-gallery__wrapper a{display: inline-block;}

@media (max-width: 767px) {
  .single-product.woocommerce-page div.product div.images{width: calc(100% + 40px);margin-left: -20px;margin-right: -20px;}
  .single-product div.product .woocommerce-product-gallery .flex-control-thumbs {left:10px; width: 40px;}
}

/* ! - Variations */
.variations label{margin-top: 0;}
.woocommerce-variation{margin-bottom: 20px;}
.variations .value{width: 100%!important;}

.variations select,
.variations .value:after {display: none!important;}

.button-variation {
  border-radius: 2px;
  display : inline-block;
  background-color : #f9f9f9;
  border : 2px solid #ddd;
  padding : 2px 10px;
  margin-right : 5px;
  margin-bottom : 5px;
  cursor: pointer;
}
.button-variation__selected {
  background-color : #eee;
  border : 2px solid #333;
}


/* ! - Loop Products */
.woocommerce .woocommerce-ordering select {border:none!important;background: #fff;font-family: Poppins;}
.woocommerce-result-count{font-size: 13.3333px;}

.woocommerce ul.products li.product .button{display:none}

.filters-button,
.close-button{display: none;}
.filters-button span{font-size: 22px; transform: rotate(90deg);display: inline-block;}

@media (max-width: 768px) {
  .filters-button{display: block;position: absolute;right: 15px;}
  .filters-sidebar { position: fixed; top: 0; left: -75%; width: 75%; overflow-y: scroll; background: #ffffff; z-index: 9999; height: 100vh; transition: all 0.3s ease-in-out; padding-top: 20px; }
  .filters-sidebar--open{left: 0%; box-shadow: 0 5px 20px rgba(0,0,0,.05);}

  .close-button{position: absolute; padding: 20px; top:0; right:0;font-size:26px; display:block}
}

/* ! - breadcrumb */
.woocommerce .woocommerce-breadcrumb{margin: -25px 0 20px 0;}
@media (max-width: 767px) {
  .woocommerce .woocommerce-breadcrumb{margin: 15px 0 15px 0;font-size: 11px;}
}

/* ! - Select Shop + Variations */
form.woocommerce-ordering { position: relative; }
form.woocommerce-ordering select { border: 0; vertical-align: middle; background: transparent; -webkit-appearance: none; appearance: none; padding-left: 5px; }
form.woocommerce-ordering:after { content: '\e90f'; font-family: 'icomoon' !important; font-size: 20px; line-height: 23px; padding-right: 2px; position: absolute; top: 7px; right: 0px; }

.variations td.value{ position: relative;}
.variations td.value select { border: 1px solid #dddddd!important; border-radius: 4px; border: 0; vertical-align: middle; background: transparent; -webkit-appearance: none; appearance: none; padding-left: 5px; }
.variations td.value:after { content: '\e90f'; font-family: 'icomoon' !important; font-size: 20px; line-height: 23px; padding-right: 2px; position: absolute; top: 20px; right: 20px; z-index: -1}



/* ! - Tab */

.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after,
.woocommerce div.product .woocommerce-tabs ul.tabs::before { display: none; }
.woocommerce div.product .woocommerce-tabs ul.tabs li { border-radius: 0; margin-bottom: -2px;}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active { background: #fff; color: #000; border: 2px solid #ddd;position: relative;}
.woocommerce div.product .woocommerce-tabs ul.tabs li { background: transparent; border: 0; }

.woocommerce div.product .woocommerce-tabs a { padding: 1rem; }
.woocommerce div.product .woocommerce-tabs ul.tabs { padding: 0; padding-left: 5px;z-index: 0; position: relative; }
.woocommerce div.product .woocommerce-tabs ul.tabs { border-bottom: 2px solid #ddd; }

@media (min-width: 767px){
  .single .woocommerce-tabs {width: 100%; float: left; min-height: 400px;}
  .single .upsells.products,
  .single .related.products {width: 46%;float: right;}
}


/* ! - Messages */

.woocommerce-error, .woocommerce-info, .woocommerce-message {
  padding: 1em 2em 1em 3.5em;
  margin: 0 0 2em;
  border-radius: 4px;
  position: relative;
  background-color: #f7f6f7;
  color: #111;
  border-top: none;
  list-style: none outside;
  line-height: 32px;
  width: auto;
  word-wrap: break-word;
}

.woocommerce .woocommerce-message a.button{background: #4CAF50;}
.woocommerce-message::before{color: #4CAF50;}
.woocommerce .woocommerce-message {background: #DCEFDC}

.woocommerce .woocommerce-error a.button{background: #F44336;}
.woocommerce-error::before{color: #F44336;}
.woocommerce .woocommerce-error {background: #FEECEB; color:#D91811}

.woocommerce .woocommerce-info a.button{background: #2296F2;}
.woocommerce .woocommerce-info a{color:#1478C8}
.woocommerce-info::before{color: #2296F2;}
.woocommerce .woocommerce-info {background: #E9F5FE;}


/* ! - Checkout */

.woocommerce-checkout .col-2{display: none;}
.woocommerce-checkout .col-1{width: 100%!important;}

.woocommerce input[type=text],
.woocommerce input[type=email],
.woocommerce input[type=password],
.woocommerce input[type=tel],
.select2-container--default .select2-selection--single {
  background: #fff;
  border: 3px solid #DDD;
  border-radius: 4px;
  height: 40px;
}
.woocommerce textarea {background: #fff; border: 3px solid #DDD; border-radius: 4px;}
.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 34px; }
.select2-container--default .select2-selection--single .select2-selection__arrow { top: 7px; }

.woocommerce-checkout #payment ul.payment_methods li input {margin: 1.5em 1em 0 0; float: left;}
.checkout #payment #place_order{width: 100%;padding: 20px;font-size: 18px;margin-top: 30px;}
.checkout.woocommerce-checkout{
  padding-bottom: 70px;
  background: url(img/carte.png) no-repeat center bottom;
  background-size: 75%;
}

@media (min-width: 768px) {
  .woocommerce-checkout .page { width: 80%; margin-left: 10%;}
  .checkout.woocommerce-checkout{background-size: 55%;}
}

/* ------------------------------------------------------------------------- *
/* ! Index */
/* ------------------------------------------------------------------------- */

/* Home Title */
.home-title { position: absolute; top:-9999px; color: #fff; font-size: 12px;}


/* ------------------------------------------------------------------------- *
/* ! Sidebar */
/* ------------------------------------------------------------------------- */

.widget_search{margin-bottom: 50px;}


/* ------------------------------------------------------------------------- *
/* ! Footer */
/* ------------------------------------------------------------------------- */
.footer{padding-top: 40px;}
.footer__logo{background: #fff;width: 50px; height: auto;}
.footer__menu {list-style-type: none;}
.footer__menu li{}
.footer__menu li a{}

/* --------------------------------------------------------------------------------------------------------------------------- */
/* ! Responsive */
/* --------------------------------------------------------------------------------------------------------------------------- */


/* ----------------------------- */
/* ! -- Desktop */
/* ----------------------------- */
@media (min-width: 1023px) {

}


/* ----------------------------- */
/* ! -- Tablet */
/* ----------------------------- */

@media (max-width: 998px) {

}

/* ----------------------------- */
/* ! -- Smarthphone */
/* ----------------------------- */

@media (max-width: 767px) {

  body.admin-bar .navbar-fixed-top { top: 42px;}
  .cart-icon .cart-contents,.nav-icon-user .icon-user {color:#5533ff }
  .cart-icon .cart-contents__number {background:#5533ff; color:#fff }

  .flickity-viewport{height:700px!important}
  .main-carousel .carousel-cell {
    height: 750px;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 1.2em;
}
.main-carousel h2 {
    font-size: 4.0rem;
}

}
@media (max-width: 600px){
  .main-carousel .carousel-cell {
      height: 250px;
  }
  .page-id-27 .main-carousel .carousel-cell, .page-id-49 .main-carousel .carousel-cell, .page-id-193 .main-carousel .carousel-cell {
      height: 700px;
  }
}


/* --------------------------------------------------------------------------------------------------------------------------- */
/* WordPress Default Styles */
/* --------------------------------------------------------------------------------------------------------------------------- */


/* Pagination */
.pagination { margin: 40px 0 40px 0; padding: 0; width: 100%; }
.pagination span,
.pagination a { float: left; margin: 0 10px 10px 0; padding: 14px 19px; border: 1px solid #ddd; }

/* Gallery */
.gallery { float: left; margin: 20px 0 20px 0; width: 103.55%; }
.gallery-item { float: left; width: 33.333333%; text-align: center; }
.gallery img { margin: 0 10% 0 0; width: 90%; height: auto; border: none!important; }
.gallery-caption { width: 90%;margin:10px 0 0 0;}

/* Image */
.alignleft { float: left; margin-right: 20px; margin-bottom: 10px; max-width: 97%; height: auto; }
.alignright { float: right; margin-bottom: 10px; margin-left: 20px; max-width: 97%; height: auto; }
.aligncenter { display: block; margin: 0 auto; max-width: 97%; height: auto; }
.alignnone { max-width: 97%; height: auto; }


body .alignfull {
  width: auto;
  max-width: 1000%;
  margin-left: -20px;
  margin-right: -20px;
}

@media only screen and (min-width: 960px) {
  body .alignfull {
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
   }
  body .alignwide {
    width: auto;
    max-width: 1000%;
    margin-right: calc(25% - 25vw);
    margin-left: calc(25% - 25vw);
   }
  .alignwide img,
  .alignfull img {
    display: block;
    margin: 0 auto;
   }
  }


/* img responsive */
.img-res{width: 100%;height: auto;}

/* video responsive */
.video-container {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Table */
/* table {border-collapse: collapse;margin: 40px 0; width:100%;}
table, th, td {border: 1px solid #ddd;padding:10px; font-size: 18px;text-transform: capitalize;}
table  tr:first-child td {font-weight: 900; text-transform: uppercase; padding:12px 8px;} */

th, td {border-bottom: none;}

/* Image Caption */
.wp-caption { margin-top: 1.5rem;margin-bottom: 0px; padding: 10px; max-width: 97%; border: 1px solid #ddd; text-align: center; }
.wp-caption img { margin: 0; padding: 0; width: 100%!important; height: auto; border: 0 none; }
.wp-caption p.wp-caption-text { margin: 0; padding: 8px; font-size: 1em; line-height: 17px; }

/* Stiky */
.sticky { border-right: 3px solid #eee; border-bottom: 3px solid #ddd; }

/* Search */
.search-form {background: #eee;}
.search-form input[type=text]{ width: 80%; color: #333; }
.search-form button{float:right;padding:10px 15px 0 0;border: none; background: none;padding: 11px;}

/* Contact Form 7 */
.wpcf7 label{width:100%}

/* Comments */
.comment-form-author,
.comment-form-email,
.comment-form-url { float: left; margin-top: 20px; margin-right: 3%; width: 30.3333333%; }
.comment-form-author input,
.comment-form-email input,
.comment-form-url input { width: 100%; }

ol.commentlist { margin: 0 0 1em; padding: 0; list-style: none; text-indent: 0; }
ol.commentlist li.comment { padding: 1em; border-top: 1px solid #eee; }
ol.commentlist li.comment div.vcard cite.fn { text-transform: uppercase; font-size: 14px; }
ol.commentlist li.comment div.vcard img.avatar { float: left; margin: 6px 1em 1em 0; border-radius: 50px; }
ol.commentlist li.comment div.comment-meta { font-size: 12px; }
ol.commentlist li.comment ul { margin: 0 0 1em 2em; }
ol.commentlist li.comment div.reply { margin-left: 80px; font-size: 11px; }
ol.commentlist li.comment div.reply a { font-weight: bold; }
ol.commentlist li.comment ul.children { margin: 1em 0 0; list-style: none; text-indent: 0; }
ol.commentlist li.comment ul.children li.depth-2 { margin: 0 0 .25em .25em; border-left: 1px solid #eee; }
ol.commentlist li.comment ul.children li.depth-3 { margin: 0 0 .25em .25em; border-left: 1px solid #eee; }
ol.commentlist li.comment ul.children li.depth-4 { margin: 0 0 .25em .25em; border-left: 1px solid #eee; }
ol.commentlist li.even { background: #fff; }
ol.commentlist li.odd { /* background: #f9f9f9; */  }
ol.commentlist li.parent { border-left: 1px solid #eee; }
ol.commentlist li.bypostauthor .fn { font-weight: bold; }
ol.commentlist li img{max-width: 97%;}
input[type=password],
select,
input[type=text],
textarea,
input[type=email] { background: #fff;
    border: 3px solid #DDD;
    border-radius: 4px;
    height: 40px;}
textarea { padding: 10px; border: 3px solid #DDD;
border-radius: 4px; background: #fff; -webkit-appearance: none;border-radius: 0;font-size: 14px;}
input[type=submit] { margin-top: 10px; padding: 15px 20px; color: #fff; text-transform: uppercase; background: #333; border:none; font-size: 14px;}
#comments { width: 100%; }

/* Calendar Widget */
#wp-calendar { width: 100%; }
#wp-calendar a { padding: 0; border: none; }
#wp-calendar caption,
.screen-reader-text { padding-bottom: 10px; color: #000; text-align: left; text-transform: uppercase; font-weight: 700; font-size: 14px; }
#wp-calendar thead { font-size: 10px; }
#wp-calendar thead th { padding-bottom: 10px; }
#wp-calendar tbody { color: #aaa; }
#wp-calendar tbody td { padding: 8px; border: 1px solid #fff; background: #f5f5f5; text-align: center; }
#wp-calendar tbody td:hover { background: #fff; }
#wp-calendar tbody .pad { background: none; }
#wp-calendar tfoot #next { text-align: right; text-transform: uppercase; font-size: 10px; }
#wp-calendar tfoot #prev { padding-top: 10px; text-transform: uppercase; font-size: 10px; }



/* ! Helpers */
.mt-3{margin-bottom: 100px}
.mt-6{margin-top:6rem}
.violet{background-color: #5533ff; height: 100px}
.mb-3{margin-bottom: 100px}
@media (max-width: 768px) {
  .p-sma-0{padding: 0!important}
}