/**
* 2007-2020 PrestaShop
*
* Joommasters Pagebuilder
*
*  @author    Joommasters <joommasters@gmail.com>
*  @copyright 2007-2020 Joommasters
*  @license   license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
*  @Website: https://www.joommasters.com
*/

@media (max-width: 575px) {
    .pb-hidden-xs {
        display:none;
    }
}
@media (max-width: 991px) {
    .pb-hidden-sm {
        display:none;
    }
}
@media (min-width: 992px) {
    .pb-hidden-md {
        display:none;
    }
}
.position-static{
  position: static;
}
.middle-align .row,
.top-align .row,
.bottom-align .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.middle-align .row {
    -ms-flex-align: center!important;
    align-items: center!important;
}
.top-align .row {
    -ms-flex-align: flex-start!important;
    align-items: flex-start!important;
}
.bottom-align .row {
    -ms-flex-align: flex-end!important;
    align-items: flex-end!important;
}
.middle-align .row .layout-column,
.top-align .row .layout-column,
.bottom-align .row .layout-column {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
@media(max-width:575px) {
    .middle-align .row .layout-column, .top-align .row .layout-column, .bottom-align .row .layout-column {
      flex-basis: 100%;
    }
}
.middle-align.layout-column,
.top-align.layout-column,
.bottom-align.layout-column {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.middle-align.layout-column {
    -ms-flex-align: center!important;
    align-items: center!important;
}
.top-align.layout-column {
    -ms-flex-align: flex-start!important;
    align-items: flex-start!important;
}
.bottom-align.layout-column {
    -ms-flex-align: flex-end!important;
    align-items: flex-end!important;
}
.middle-align.layout-column .addon-box,
.top-align.layout-column .addon-box,
.bottom-align.layout-column .addon-box {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.pb-banner {
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.pb-banner-img {
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.pb-banner-img img {
    width: 100%;
    vertical-align: top;
}
.pb-banner-text h1,
.pb-banner-text h2,
.pb-banner-text h3,
.pb-banner-text h4,
.pb-banner-text h5,
.pb-banner-text h6{
    margin-bottom: 0;
}
.pb-banner-text {
    text-align: center;
    position: absolute;
    margin: auto;
    z-index: 3;
    -js-display: flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}
.pb-banner-text.pb-banner-top-left {
    top:0px;
    left: 0px;
    right: auto !important;
}
.pb-banner-text.pb-banner-top-right {

}
.pb-banner-text.pb-banner-top-center {
    top:0px;
    left: 0px!important;
    right: 0px!important;
    text-align: center !important;
}
.pb-banner-text.pb-banner-center-left {
    top:0px!important;
    bottom: 0px!important;
    left: 20px;
    right: auto !important;
    -ms-flex-pack: center;
    justify-content: center;
}
.pb-banner-text.pb-banner-center-right {
    top:0px!important;
    bottom: 0px!important;
    right: 0px;
    -ms-flex-pack: center;
    justify-content: center;
}
.pb-banner-text.pb-banner-center-center {
    top:0px!important;
    bottom: 0px!important;
    left: 0px!important;
    right: 0px!important;
    text-align: center!important;
    -ms-flex-pack: center;
    justify-content: center;
}
.pb-banner-text.pb-banner-center-center .btn{
    margin-left: auto;
    margin-right: auto;
}
.pb-banner-text.pb-banner-bottom-center {
    bottom:0px;
    left: 0px!important;
    right: 0px!important;
    top: auto !important;
    text-align: center!important;
}
.pb-banner-text.pb-banner-bottom-left {
    top: auto !important;
    right: auto !important;
}
.pb-banner-text.pb-banner-bottom-right {
    top: auto !important;
    left: auto !important;
}
.pb-banner-text.pb-banner-top-center .btn,
.pb-banner-text.pb-banner-bottom-center .btn{
    margin-left: auto;
    margin-right: auto;
}
.pb-banner-text.left .btn{
    margin-right: auto;
}
.pb-banner-text.right .btn{
    margin-left: auto;
}
.pb-banner-text.center .btn{
    margin-left: auto;
    margin-right: auto;
}
.pb-image img {
    max-width: 100%;
}
/***** Button *****/
.btn.btn-info {
    background-color: #5bc0de;
}
.btn.btn-success {
    background-color: #5cb85c;
}
.btn.btn-warning {
    background-color: #f0ad4e;
}
.btn.btn-danger {
    background-color: #d9534f;
}

.btn-xs {
    font-size: 13px!important;
    padding: 10px 20px;
}
.btn-sm {
    font-size: 14px!important;
    padding: 12px 24px;
}
.btn-md {
    font-size: 16px!important;
    padding: 15px 30px;
}
.btn-lg {
    font-size: 18px!important;
    padding: 20px 40px;
}
.btn-xl {
    font-size: 20px!important;
    padding: 25px 50px;
}
.pb-button-left {
    text-align: left;
}
.pb-button-right {
    text-align: right;
}
.pb-button-center {
    text-align: center;
}
.pb-button-justify {
    text-align: justify;
}
.pb-button-justify .btn {
    width: 100%;
}
/***** Video *****/
.pb-video {
    text-align: center;
}
.pb-video iframe,
.pb-video video {
    max-width: 100%;
    width: 100%;
    margin: 0;
    line-height: 1;
}
.pb-video-wrapper > iframe {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.pb-video .video-screen-16-9 {
    padding-bottom: 56.25%;
}
.pb-video .video-screen-4-3 {
    padding-bottom: 75%;
}
.pb-video .video-screen-3-2 {
    padding-bottom: 66.6666%;
}
.pb-video .pb-video-open-modal i {
    font-size: 80px;
}
/***** Instagram *****/
.pb-instagram .il-photo__img {
    width: 100%;
}
.pb-instagram .il-item-inner:hover .il-photo__meta {
    opacity: 1;
    visibility: visible;
}
.pb-instagram .il-photo__meta {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
    text-align: center;
    transition: all .5s;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}
.addon-tab .nav-tabs {
    display: inline-block;
    width: 100%;
    margin-bottom: 1rem;
    text-align: center;
}

/* Block Popup */
.jms-popup {
  background: #fff;
  padding:0;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 700px;
  overflow: hidden;
  margin-left: -395px;
  margin-top: -311.5px;
  border-radius: 0px;
  line-height:30px;
  max-width:100%;
  text-align:center;
}

.jms-popup p {
	line-height:26px;
}
.jms-popup-content #dontshowagain{
  left: -10px;
  top: 7px;
}
.jms-popup.newsletter-popup-container .mfp-close{
  right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.jms-popup-overlay > .jms-popup > h2 {
	font-weight: bold;
    margin: 0 0 30px;
    text-align: center;
	text-transform:uppercase;
	font-size:24px;
}

.jms-popup-overlay > .jms-popup {
  margin: 0 auto;
  position: absolute;
  left: calc(50% - 350px);
  top: calc(50% - 255px);
}

.jms-popup-overlay > .jms-popup img{
  width: auto;
  max-width:100%;
}

.jms-popup-overlay .popup-close {
    cursor: pointer;
    display: block;
    float: right;
    height: 16px;
    width: 16px;
	 position: absolute;
    right: 20px;
    top: 9px;
    z-index: 9;
}
.jms-popup-overlay {
	display: block;
	background-color: rgba(0, 0, 0, 0.5);
  background-image: none;
	height: 100%;
    left: 0;
    opacity: 1;
    pointer-events: auto;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99998;
}
#dontshowagain {
  width: 20px;
  height: 20px;
  min-width: 20px;
  position: relative;
  margin-bottom: 18px;
  opacity: 0;
  z-index: 9;
}
.dontshow .checkmark {
  position: absolute;
  top: 6px;
  left: 0;
  height: 20px;
  width: 20px;
  border: 1px solid #ebebeb;
  z-index: 1;
}
.dontshow .checkmark::after {
  content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxNiAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgNS4xNjY2N0w2LjM4NDYyIDExTDE1IDEiIHN0cm9rZT0iIzMzMzMzMyIgc3Ryb2tlLXdpZHRoPSIxLjYiLz4KPC9zdmc+Cg==");
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
  max-width: 16px;
  display: none;
}
.dontshow input:checked ~ .checkmark::after {
  display: block;
}
.dontshow input,
.dontshow > div {
	display:inline-block;
  margin-right: 5px;
}
.dontshow label {
	display:inline-block;
	font-weight:300;
	font-size:90%;
	line-height:30px;
  letter-spacing: -0.1px;
}
.pb-map iframe {
    max-width: 100%;
    width: 100%;
    margin: 0;
    line-height: 1;
}
/***** Banner Countdown *****/
.pb-banner-countdown {
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.pb-banner-countdown-img {
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.pb-banner-countdown-img img {
    width: 100%;
    vertical-align: top;
}
.countdown-has-banner .pb-banner-countdown-text {
    text-align: center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -ms-flex-pack: center;
    justify-content: center;
    margin: auto;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 3;
    -js-display: flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}

.pb-social-box {
    font-size: 20px;
    text-align: center;
    padding: .6em;
    margin-right: 5px;
    cursor: pointer;
}
.pb-social-center {
    text-align: center;
}
.pb-social-left {
    text-align: left;
}
.pb-social-right {
    text-align: right;
}
.pb-social-rounded a {
    border-radius: 10%;
}
.pb-social-circle a {
    border-radius: 50%;
}
.pb-social-square a {
}
.pb-heading {
    margin-bottom: 0px;
}
/***** Flash Sale *****/
.pb-flashsale .pb-flashsale-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
}

.pb-flashsale .pb-flashsale-category-name {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: 0px;
}
.pb-flashsale .countdown {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: right;
}
/***** Carousel Navigation Style *****/
.owl-nav button{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.owl-nav button
.owl-nav button span {
  font-size:1.5rem;
  border: 2px solid #bdbdbd;
  display:inline-block;
  width:2rem;
  height:2rem;
  line-height: 1;
}
.owl-nav button span:hover {
  background:#303030;
  border-color:#303030;
  color:#ffffff;
}
.owl-nav .owl-prev {
  float:left;
  margin-left:-1rem;
}
.owl-nav .owl-next {
  float:right;
  margin-right:-1rem;
}
.carousel-nav-2 .owl-nav button span {
  border-radius: 50%;
}
.carousel-nav-swh .owl-nav {
  opacity:0;
  transition: all 0.3s;
}
.carousel-nav-swh .owl-carousel:hover .owl-nav {
  opacity:1;
}
/***** Carousel Pagination Style *****/
.owl-dots {
  width:100%;
  text-align: center;
  margin-top: 5px;
}
.owl-dots button span {
  background-color: #e0e0e0;
  border: none;
  display: inline-block;
  width: 16px;
  height: 4px;
  border-radius: 0;
  line-height: 1;
  margin: 0 8px;
  transition: all .2s ease;
}
.owl-dots button span:hover{
  background-color: #333;
}
.owl-dots button.active span {
  background: #333;
  width: 30px;
}
.carousel-pag-swh .owl-dots {
  opacity:0;
  transition: all 0.3s;
}
.carousel-pag-swh .owl-carousel:hover .owl-dots {
  opacity:1;
}
/***** Image Carousel Pagination Style *****/
.pb-image-carousel .owl-dots {
  position: absolute;
  bottom: 20px;
}

@media (min-width: 992px){
  .addon-tab .tab-right {
    text-align: right;
  }
  .addon-tab .tab-left {
      text-align: left;
  }
  .addon-tab .tab-center {
      text-align: center;
  }
}