/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before,
  .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }/*********************************************************************
                            GDPR Modal
*********************************************************************/

.be-gdpr-modal{
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
	background: #ffffff;
	width: 800px;
	/* max-height: 650px; */
	margin: 0 auto;
	color: #000;
	border-radius: 3px;
}
.be-gdpr-modal-heading {
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: 700;
    /* margin-right: 30px; */
}

.be-modal-content-wrapper{
    padding: 30px 40px 15px 40px;
    /* max-height: 650px; */
    /* overflow-y: scroll; */
}

.be-gdpr-modal-desc {
    margin-bottom: 15px;
    font-size: 13px;
    line-height: 24px;
    /* margin-right: 30px; */
    color: #72777c;
}

.be-gdpr-modal-item {
    padding: 12px 0px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #e6e6e6;
}

.be-gdpr-modal-item-head {
    flex-basis: 20%;
    flex-shrink:0;
    font-size: 14px;
    font-weight: 500;
}

.be-gdpr-modal-item-desc {
    flex-basis: 70%;
    margin-left: 0px;
    font-size: 13px;
    line-height: 20px;
    color: #72777c;
}

.be-gdpr-modal-save-btn {
    background: #3B99FC;
    display: inline-block;
    padding: 7px 20px;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
    cursor: pointer;
    color: #ffffff;
    border-radius: 100px;
}
.be-gdpr-modal-footer {
    display: flex;
    align-items: center;
    padding: 20px 40px 30px;
    background: #ffffff;
    justify-content: center;
}

.be-gdpr-modal-privacy {
    font-size: 13px;
    color: #72777c;
    margin-left: 20px;
    cursor: pointer;
}

/* switch Styles */
.be-gdpr-modal-item .switch {
    position: relative;
    display: inline-block;
    width: 42px;
    height: 21px;
  }
  
  .be-gdpr-modal-item .switch input {display:none;}
  
  .be-gdpr-modal-item .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  .be-gdpr-modal-item .slider:before {
    position: absolute;
    content: "";
    height: 13px;
    width: 13px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  .be-gdpr-modal-item input:checked + .slider {
    background-color: #000;
  }
  
  .be-gdpr-modal-iteminput:focus + .slider {
    box-shadow: 0 0 1px #000;
  }
  
  .be-gdpr-modal-item input:checked + .slider:before {
    -webkit-transform: translateX(21px);
    -ms-transform: translateX(21px);
    transform: translateX(21px);
  }
  
  /* Rounded sliders */
  .be-gdpr-modal-item .slider.round {
    border-radius: 34px;
  }
  
  .be-gdpr-modal-item .slider.round:before {
    border-radius: 50%;
  }

  /***** GDPR ALTERNATE IMAGE CSS *****/
  .gdpr-alt-image{
      position: relative;
  }
  .placeholder .gdpr-alt-image{
    position: absolute;
    height:100%;
    width:100%;
    top:0;
}
  .gdpr-alt-image:after {
    content: '';
    height: 100%;
    background: rgba(0,0,0,0.5);
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
}

.gdpr-video-alternate-image-content{
    position: absolute;
    color: white;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 80%;
    text-align: center;
    overflow: hidden;
    z-index: 10;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    white-space: pre-wrap;
}

.gdpr-video-alternate-image-content a,
.gdpr-video-alternate-image-content a:hover,
.gdpr-video-alternate-image-content a:visited,
.static-map-content a,
.static-map-content a:hover,
.static-map-content a:visited,
.be-gdpr-modal-desc a,
.be-gdpr-modal-desc a:hover,
.be-gdpr-modal-desc a:visited,
.be-gdpr-cookie-notice-bar-text a,
.be-gdpr-cookie-notice-bar-text a:hover,
.be-gdpr-cookie-notice-bar-text a:visited {
    color: inherit;
    text-decoration: underline;
}

.placeholder .gdpr-video-alternate-image-content{
    font-size: 14px;
}
.be-gdpr-popup{
    position: relative;
    display: inline-block;
    margin: 0 50%;
    transform: translateX(-50%);
}

.mfp-inline-holder .mfp-content{
    width: auto !important;
    max-width: 100%;
}

.be-gdpr-modal-item-switch {
    font-size: 12px;
    flex-basis: 15%;
    text-align: right;
    font-weight: 500;
}

.be-gdpr-popup button.mfp-close {
    top: 0;
    color: #fff;
    right: -20px;
    background: #000;
    transform: translate(50%,-50%);
    border-radius: 50%;
    opacity: 1;
}

.mfp-content .white-popup button.mfp-close {
    color: #fff;
    margin: 0;
}

.mfp-content .white-popup button.mfp-close:active {
    top: 0px;
}

.be-gdpr-cookie-notice-bar {
    position: fixed;
    width: 100%;
    bottom: 0;
    z-index: 100;
    background: #000;
    color: #ccc;
    box-shadow: 0 -1px 4px 0 rgba(12, 12, 13, 0.1);
    transition: bottom 0.5s ease;
    font-size: 14px;
    line-height: 24px;
    right: 0;
    left: 0;
    bottom: -100%;
}

.be-gdpr-cookie-notice-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
    max-width: 1160px;
    padding: 25px 20px;
    box-sizing: border-box;
}

.be-gdpr-cookie-notice-button {
    padding: 4px 20px;
    background: #fff;
    color: #000;
    border-radius: 2px;
    cursor: pointer;
    box-sizing: border-box;
}

.be-gdpr-cookie-notice-actions {
    display: flex;
    white-space: nowrap;
    justify-content: center;
    align-items: center;
}

.be-gdpr-cookie-notice-bar-text {
    margin-right: 20px;
}
.be-gdpr-hide{
    display: none;
}

.be-gdpr-alternative-absolute{
    position: absolute;
    top: 0;
}

@media only screen and (max-width : 1279px) and (min-width : 960px) {
    .be-gdpr-modal{
        width:800px;
    }
}

@media only screen and (max-width: 960px) {
    .be-gdpr-modal{
        width:700px;
    }

}
@media only screen and (max-width: 767px ) {
    .be-gdpr-cookie-notice-wrap {
        flex-direction: column;
    }
    .be-gdpr-cookie-notice-bar-text {
        margin-right: 0;
        margin-bottom: 20px;
    }
    .be-gdpr-modal-item {
        flex-direction: column;
    }

    .be-gdpr-modal-item-head,
    .be-gdpr-modal-item-desc {
        margin-bottom: 12px;
    }

}
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .be-gdpr-modal{
        width: 500px;
    }
    .be-gdpr-modal-save-btn{
        padding: 3px 10px;
        font-size: 10px;
    }
    .be-gdpr-popup{
        width: 100%;
    }
    .be-modal-content-wrapper{
        padding: 22px;
    }
    .be-gdpr-modal-item-head{
        font-size: 14px;
    }
    .be-gdpr-modal-item-desc{
        font-size: 11px;
        line-height: 2;
    }
    .be-gdpr-modal-footer{
        padding: 22px;
    }
}
@media only screen and (max-width: 480px) {
    .be-gdpr-modal{
        width: 100%;
    }
    .be-gdpr-modal-save-btn{
        padding: 3px 10px;
        font-size: 10px;
    }
    .be-gdpr-popup{
        width: 100%;
    }
    .be-modal-content-wrapper{
        padding: 15px;
    }
    .be-gdpr-modal-item-head{
        font-size: 12px;
    }
    .be-gdpr-modal-item-desc{
        font-size: 11px;
        line-height: 2;
    }
    .be-gdpr-modal-footer{
        padding: 15px;
    }
    .be-gdpr-popup button.mfp-close{
        top: 10px;
        right: 10px;
        margin: -10px
    }
}
@media only screen and (max-width: 320px) {
    .be-gdpr-modal{
        width:300px;
    }
    .be-gdpr-popup button.mfp-close{
      top: 10px;right: 10px;
    }
}

.white-popup .gdpr-alt-image{
    max-width:900px;
}
.white-popup .gdpr-alt-image{
    min-width:500px;
}

.be-gdpr-cookie-notice-actions a.mfp-popup {
    color: #fff !important;
}

.be-gdpr-message-hide {
    display: none;
}

body .mobx-holder {
    z-index: 100002;
}/*****************************************************************/
/*****************************************************************/
.component {
  margin: 0 auto;
  position: relative;
  margin-bottom: 40px;
  max-width: 100%;
}
.component-small {
  width: 650px;
  height: 290px;
}
.component-fullwidth {
  width: 100%;
  height: 100%;
  min-height: 200px;
  margin-bottom: 0;
  background: transparent;
  position: relative;
}
.component-transparent {
  width: 900px;
  height: 500px;
}
.component > ul {
  width: 100%;
  max-width: 100%;
  height: 100%;
  position: relative;
  list-style: none;
  padding: 0;
  margin: 0 auto;
}
.component-small > ul {
  width: 450px;
}
.component-fullwidth > ul {
  overflow: hidden;
}
.component-transparent > ul {
  width: 112px;
}
.component li {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  opacity: 0;
  z-index: 1;
  margin-bottom: 0px;
}
.component-fullwidth li {
  overflow: hidden;
}
.component .current {
  opacity: 1;
  pointer-events: auto;
  z-index: 2;
  margin: 0px;
}
.component li img {
  display: inline-block;
  max-width: 100%;
}
.component li .be-slide-bg img {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: opacity 0.5s ease;
    -moz-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
    display: inline-block;
    max-width: none;
}
.component nav a,
a.ps-prev,
a.ps-next {
  position: absolute;
  width: 40px;
  height: 60px;
  line-height: 60px;
  color: #fff;
  outline: none;
  overflow: hidden;
  text-align: center;
  top: 50%;
  font-size: 20px;
  background: #000;
  background: rgba(0, 0, 0, 0.2);
  color: #fff;
  z-index: 13;
}
.component-small nav a.prev,
.component-transparent nav a.prev {
  left: 0px;
}
.component-small nav a.next,
.component-transparent nav a.next {
  right: 0px;
}

.component-fullwidth nav a {
  top: 50%;
  left: 50%;
  margin-top: -30px;
  display: none;
}

.component-fullwidth nav a.prev {
  left: 0px;
}

.component-fullwidth nav a.next {
  right: 0px;
  left: auto;
}
.component li .be-slide-bg-holder,
.component li .be-slide-bg {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.component li .be-slide-bg {
  background: transparent;
}
.component li .be-slide-bg .image-loader-wrap {
  text-align: center;
}
.component li .be-slide-bg i {
  font-size: 20px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -10px 0px 0px -10px;
  display: block;
}
.ps-slides-inner-slide-wrap .component-fullwidth {
  min-height: initial;
}
.be-slide-bg-holder .be-wrap {
  height: 100%;
}
.be-slider-content-wrap {
  display: table;
  width: 100%;
  height: 100%;
}
.be-slider-content {
  color: #fff;
  z-index: 1;
  position: relative;
  display: table-cell;
  vertical-align: middle;
}
.be-slider-content.top-content {
  vertical-align: top;
  padding-top: 15px;
}
.be-slider-content.bottom-content {
  vertical-align: bottom;
  padding-bottom: 15px;
}
.be-slider-content-inner {
  display: none;
}
.current .be-slider-content-inner {
  display: block;
}
.be-slider-content-inner-wrap {
  margin: 0 auto;
}
.be-slider-content-inner-wrap.left-content {
  margin: 0px 0px 0px 20px;
}
.be-slider-content-inner-wrap.right-content {
  margin: 0px 20px 0px auto;
}

@media screen and (max-width: 35.5em) {
  .component-small nav a {
    top: 100%;
    margin-top: 10px;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
  .component-small nav a.prev {
    left: 50%;
    margin-left: -80px;
  }
  .component-small nav a.next {
    margin-left: 20px;
    right: auto;
    left: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .be-slider-content-inner-wrap {
    width: 90% !important;
    max-width: 100% !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    top: auto !important;
    float: none !important;
    margin: 0 auto !important;
    font-size: 13px;
    line-height: 20px;
  }
  .be-slider-content-inner-wrap h1,
  .be-slider-content-inner-wrap h2,
  .be-slider-content-inner-wrap h3,
  .be-slider-content-inner-wrap h4,
  .be-slider-content-inner-wrap h5,
  .be-slider-content-inner-wrap h6 {
    font-size: 30px;
    line-height: 30px;
  }
}

/*   Dual Carousel */
.ps-container-wrap {
  position: relative;
}
.dual-carousel-container {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.dual-carousel-container > div {
  position: absolute;
  width: 75%;
}
.dual-carousel-container > div.ps-contentwrapper {
  width: 25%;
}
.ps-contentwrapper {
  top: 0px;
  height: 100%;
}
.ps-content {
  width: 100%;
  height: 100%;
  padding: 70px 50px 70px 50px;
  background: #fff;
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}
.ps-content .ps-content-inner {
  height: 100%;
}
.pa-slides-inner-slide-container .ps-content {
  display: none;
  position: relative;
}
.ps-slidewrapper {
  right: 0px;
  top: 0px;
  height: 100%;
  overflow: hidden;
}
.ps-slides {
  height: 100%;
  bottom: 0px;
  width: 100%;
  position: relative;
}
.ps-slides > div {
  width: 100%;
  height: 100%;
}
.dual-carousel-container > a {
  width: 70px;
  height: 50px;
  position: absolute;
  float: left;
  outline: none;
  bottom: 20px;
  line-height: 40px;
  left: 12.5%;
  margin-left: -35px;
  background: none !important;
  color: #000;
  font-size: 50px;
  top: auto;
}
.ps-move {
  -webkit-transition: top 400ms ease-out;
  -moz-transition: top 400ms ease-out;
  -o-transition: top 400ms ease-out;
  -ms-transition: top 400ms ease-out;
  transition: top 400ms ease-out;
}
.dual-carousel-container > a.ps-next {
  bottom: auto;
  top: 20px;
}
.ps-slides-inner-slide-wrap {
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
}
.ps-content .portfolio-title {
  margin-bottom: 20px;
}
.ps-content-thumbnail {
  display: none;
  margin-bottom: 20px;
}
.ps-content-thumbnail img {
  width: 100%;
}
@media screen and (max-width: 960px) {
  .ps-container-wrap {
    position: initial;
  }
  .ps-content {
    height: auto;
  }
  .dual-carousel-container > div,
  .dual-carousel-container {
    position: relative;
    height: auto;
  }
  .dual-carousel-container > div.ps-contentwrapper {
    width: 100%;
  }
  .ps-content {
    display: none;
  }
  .pa-slides-inner-slide-container .ps-content {
    display: block;
    position: relative;
  }
  .ps-contentwrapper {
    top: 0px;
  }
  .ps-slides,
  .ps-container-wrap {
    position: relative !important;
    height: auto !important;
  }
  .ps-slides-inner-slide-wrap {
    position: relative;
  }
  .ps-container-wrap .component-fullwidth {
    height: 300px !important;
  }
  .dual-carousel-container > div {
    width: 100% !important;
  }
  .ps-next,
  .ps-prev,
  .dual-carousel-container > a {
    display: none !important;
  }
}

/* 4 classes: navInLeft, navInRight, navOutLeft, navOutRight */

/*****************************************/
/* Soft Scale */
/*****************************************/

.fxSoftScale .navOutNext {
  -webkit-animation: scaleUp 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
  animation: scaleUp 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
}

.fxSoftScale .navInNext {
  -webkit-animation: scaleDownUp 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
  animation: scaleDownUp 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
}

.fxSoftScale .navOutPrev {
  -webkit-animation: scaleDown 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
  animation: scaleDown 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
}

.fxSoftScale .navInPrev {
  -webkit-animation: scaleUpDown 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
  animation: scaleUpDown 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
}

@-webkit-keyframes scaleUp {
  from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
  to {
    -webkit-transform: scale(1.2);
    opacity: 0;
  }
}

@keyframes scaleUp {
  from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
  to {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0;
  }
}

@-webkit-keyframes scaleDownUp {
  from {
    opacity: 0;
    -webkit-transform: scale(0.9);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
  }
}

@keyframes scaleDownUp {
  from {
    opacity: 0;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-webkit-keyframes scaleDown {
  from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
  to {
    opacity: 0;
    -webkit-transform: scale(0.9);
  }
}

@keyframes scaleDown {
  from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
  to {
    opacity: 0;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

@-webkit-keyframes scaleUpDown {
  from {
    -webkit-transform: scale(1.2);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
  }
}

@keyframes scaleUpDown {
  from {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

/*****************************************/
/* Press away */
/*****************************************/

.fxPressAway .navOutNext {
  -webkit-animation: slideOutScaleRight 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);
  animation: slideOutScaleRight 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);
}

.fxPressAway .navInNext {
  opacity: 1;
  -webkit-animation: slideInFromLeft 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);
  animation: slideInFromLeft 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);
}

.fxPressAway .navOutPrev {
  -webkit-animation: slideOutScaleLeft 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);
  animation: slideOutScaleLeft 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);
}

.fxPressAway .navInPrev {
  opacity: 1;
  -webkit-animation: slideInFromRight 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);
  animation: slideInFromRight 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);
}

@-webkit-keyframes slideOutScaleRight {
  from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
  to {
    -webkit-transform: translateX(100%) scale(0.9);
    opacity: 0;
  }
}

@keyframes slideOutScaleRight {
  from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
  to {
    -webkit-transform: translateX(100%) scale(0.9);
    transform: translateX(100%) scale(0.9);
    opacity: 0;
  }
}

@-webkit-keyframes slideInFromLeft {
  from {
    -webkit-transform: translateX(-100%);
  }
  to {
    -webkit-transform: translateX(0);
  }
}

@keyframes slideInFromLeft {
  from {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@-webkit-keyframes slideOutScaleLeft {
  from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
  to {
    -webkit-transform: translateX(-100%) scale(0.9);
    opacity: 0;
  }
}

@keyframes slideOutScaleLeft {
  from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
  to {
    -webkit-transform: translateX(-100%) scale(0.9);
    transform: translateX(-100%) scale(0.9);
    opacity: 0;
  }
}

@-webkit-keyframes slideInFromRight {
  from {
    -webkit-transform: translateX(100%);
  }
  to {
    -webkit-transform: translateX(0);
  }
}

@keyframes slideInFromRight {
  from {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

/*****************************************/
/* Side Swing */
/*****************************************/

.fxSideSwing .navOutNext {
  -webkit-animation: slideOutScaleRight 1.2s forwards;
  animation: slideOutScaleRight 1.2s forwards;
  -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1); /* older webkit */
  -webkit-animation-timing-function: cubic-bezier(1, -0.2, 0, 1);
  animation-timing-function: cubic-bezier(1, -0.2, 0, 1);
}

.fxSideSwing .navInNext {
  opacity: 1;
  -webkit-animation: slideInFromLeft 1.2s forwards;
  animation: slideInFromLeft 1.2s forwards;
  -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1); /* older webkit */
  -webkit-animation-timing-function: cubic-bezier(1, -0.2, 0, 1);
  animation-timing-function: cubic-bezier(1, -0.2, 0, 1);
}

.fxSideSwing .navOutPrev {
  -webkit-animation: slideOutScaleLeft 1.2s forwards;
  animation: slideOutScaleLeft 1.2s forwards;
  -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1); /* older webkit */
  -webkit-animation-timing-function: cubic-bezier(1, -0.2, 0, 1);
  animation-timing-function: cubic-bezier(1, -0.2, 0, 1);
}

.fxSideSwing .navInPrev {
  opacity: 1;
  -webkit-animation: slideInFromRight 1.2s forwards;
  animation: slideInFromRight 1.2s forwards;
  -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1); /* older webkit */
  -webkit-animation-timing-function: cubic-bezier(1, -0.2, 0, 1);
  animation-timing-function: cubic-bezier(1, -0.2, 0, 1);
}

/*****************************************/
/* Fortune wheel */
/*****************************************/

.fxFortuneWheel .itemwrap {
  -webkit-perspective: 1600px;
  perspective: 1600px;
}

.fxFortuneWheel .navOutNext {
  -webkit-animation: slideOutScaleRight 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);
  animation: slideOutScaleRight 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);
}

.fxFortuneWheel .navInNext {
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-animation: rotateInFromLeft 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);
  animation: rotateInFromLeft 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);
}

.fxFortuneWheel .navOutPrev {
  -webkit-animation: slideOutScaleLeft 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);
  animation: slideOutScaleLeft 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);
}

.fxFortuneWheel .navInPrev {
  -webkit-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -webkit-animation: rotateInFromRight 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);
  animation: rotateInFromRight 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);
}

@-webkit-keyframes rotateInFromLeft {
  from {
    -webkit-transform: translateX(-100%) rotateY(-55deg);
  }
  to {
    -webkit-transform: translateX(0) rotateY(0deg);
    opacity: 1;
  }
}

@keyframes rotateInFromLeft {
  from {
    -webkit-transform: translateX(-100%) rotateY(-55deg);
    transform: translateX(-100%) rotateY(-55deg);
  }
  to {
    -webkit-transform: translateX(0) rotateY(0deg);
    transform: translateX(0) rotateY(0deg);
    opacity: 1;
  }
}

@-webkit-keyframes rotateInFromRight {
  from {
    -webkit-transform: translateX(100%) rotateY(55deg);
  }
  to {
    -webkit-transform: translateX(0) rotateY(0deg);
    opacity: 1;
  }
}

@keyframes rotateInFromRight {
  from {
    -webkit-transform: translateX(100%) rotateY(55deg);
    transform: translateX(100%) rotateY(55deg);
  }
  to {
    -webkit-transform: translateX(0) rotateY(0deg);
    transform: translateX(0) rotateY(0deg);
    opacity: 1;
  }
}

/*****************************************/
/* Swipe */
/*****************************************/

.fxSwipe .navOutNext {
  -webkit-animation: decreaseHeight 0.8s forwards ease-in-out;
  animation: decreaseHeight 0.8s forwards ease-in-out;
}

.fxSwipe .navInNext {
  -webkit-animation: show 0.8s forwards ease-in-out;
  animation: show 0.8s forwards ease-in-out;
}

.fxSwipe .navOutPrev {
  -webkit-animation: hide 0.8s forwards ease-in-out;
  animation: hide 0.8s forwards ease-in-out;
}

.fxSwipe .navInPrev {
  z-index: 3;
  opacity: 1;
  -webkit-animation: increaseHeight 0.8s forwards ease-in-out;
  animation: increaseHeight 0.8s forwards ease-in-out;
}

@-webkit-keyframes decreaseHeight {
  from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
  to {
    height: 0;
  }
}

@keyframes decreaseHeight {
  from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
  to {
    height: 0;
  }
}

@-webkit-keyframes show {
  0% {
    opacity: 0;
  }
  1%,100% {
    opacity: 1;
  }
}

@keyframes show {
  0% {
    opacity: 0;
  }
  1%,100% {
    opacity: 1;
  }
}

@-webkit-keyframes hide {
  0%,99% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes hide {
  0%,99% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes increaseHeight {
  from {
    height: 0;
  }
  to {
    height: 100%;
  }
}

@keyframes increaseHeight {
  from {
    height: 0;
  }
  to {
    height: 100%;
  }
}

/*****************************************/
/* Push reveal */
/*****************************************/

.fxPushReveal .navOutNext {
  opacity: 1;
  -webkit-animation: slideOutBottom 0.7s forwards ease-in-out;
  animation: slideOutBottom 0.7s forwards ease-in-out;
}

.fxPushReveal .navInNext {
  opacity: 1;
  -webkit-animation: slideInHalfFromTop 0.7s forwards ease-in-out;
  animation: slideInHalfFromTop 0.7s forwards ease-in-out;
}

.fxPushReveal .navOutPrev {
  opacity: 1;
  -webkit-animation: slideOutHalfTop 0.7s forwards ease-in-out;
  animation: slideOutHalfTop 0.7s forwards ease-in-out;
}

.fxPushReveal .navInPrev {
  opacity: 1;
  z-index: 11;
  -webkit-animation: slideInFromBottom 0.7s forwards ease-in-out;
  animation: slideInFromBottom 0.7s forwards ease-in-out;
}

@-webkit-keyframes slideOutBottom {
  from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
  to {
    -webkit-transform: translateY(100%);
  }
}

@keyframes slideOutBottom {
  from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
  to {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
}

@-webkit-keyframes slideInHalfFromTop {
  from {
    -webkit-transform: translateY(-50%);
  }
  to {
    -webkit-transform: translateY(0);
  }
}

@keyframes slideInHalfFromTop {
  from {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes slideOutHalfTop {
  from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
  to {
    -webkit-transform: translateY(-50%);
  }
}

@keyframes slideOutHalfTop {
  from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
  to {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

@-webkit-keyframes slideInFromBottom {
  from {
    -webkit-transform: translateY(100%);
  }
  to {
    -webkit-transform: translateY(0);
  }
}

@keyframes slideInFromBottom {
  from {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

/*****************************************/
/* Snap in */
/*****************************************/

.fxSnapIn .navOutNext {
  -webkit-animation: slideOutLeft 0.5s forwards ease-in;
  animation: slideOutLeft 0.5s forwards ease-in;
}

.fxSnapIn .navInNext {
  z-index: 11;
  opacity: 1;
  -webkit-animation: slideFromRightFast 0.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
  animation: slideFromRightFast 0.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
}

.fxSnapIn .navOutPrev {
  -webkit-animation: slideOutRight 0.5s forwards ease-in;
  animation: slideOutRight 0.5s forwards ease-in;
}

.fxSnapIn .navInPrev {
  z-index: 11;
  opacity: 1;
  -webkit-animation: slideFromLeftFast 0.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
  animation: slideFromLeftFast 0.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
}

.fxSnapIn li::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
  background-color: rgba(0,0,0,0.8);
  transition: opacity 0.4s 0.1s ease-in;
}

.fxSnapIn .navOutPrev::after,
.fxSnapIn .navOutNext::after {
  opacity: 1;
}

@-webkit-keyframes slideOutLeft {
  from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
  to {
    -webkit-transform: translateX(-10%);
  }
}

@keyframes slideOutLeft {
  from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
  to {
    -webkit-transform: translateX(-10%);
    transform: translateX(-10%);
  }
}

@-webkit-keyframes slideFromRightFast {
  0%,50% {
    -webkit-transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(0%);
  }
}

@keyframes slideFromRightFast {
  0%,50% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}

@-webkit-keyframes slideOutRight {
  from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
  to {
    -webkit-transform: translateX(10%);
  }
}

@keyframes slideOutRight {
  from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
  to {
    -webkit-transform: translateX(10%);
    transform: translateX(10%);
  }
}

@-webkit-keyframes slideFromLeftFast {
  0%,50% {
    -webkit-transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(0%);
  }
}

@keyframes slideFromLeftFast {
  0%,50% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}

/*****************************************/
/* Let me in */
/*****************************************/

.fxLetMeIn .itemwrap {
  -webkit-perspective: 1600px;
  perspective: 1600px;
}

.fxLetMeIn .navOutNext {
  -webkit-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -webkit-animation: rotateOutRight 0.5s forwards ease-in-out;
  animation: rotateOutRight 0.5s forwards ease-in-out;
}

.fxLetMeIn .navInNext {
  z-index: 11;
  opacity: 1;
  -webkit-animation: slideFromRightFast 0.5s forwards ease;
  animation: slideFromRightFast 0.5s forwards ease;
}

.fxLetMeIn .navOutPrev {
  -webkit-transform-origin: 100% 0%;
  transform-origin: 100% 0%;
  -webkit-animation: rotateOutLeft 0.5s forwards ease-in-out;
  animation: rotateOutLeft 0.5s forwards ease-in-out;
}

.fxLetMeIn .navInPrev {
  z-index: 11;
  opacity: 1;
  -webkit-animation: slideFromLeftFast 0.5s forwards ease;
  animation: slideFromLeftFast 0.5s forwards ease;
}

.fxLetMeIn li::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
  background-color: rgba(0,0,0,0.6);
  transition: opacity 0.5s ease-in-out;
}

.fxLetMeIn .navOutPrev::after,
.fxLetMeIn .navOutNext::after {
  opacity: 1;
}

@-webkit-keyframes rotateOutRight {
  from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
  to {
    -webkit-transform: rotateY(10deg);
  }
}

@keyframes rotateOutRight {
  from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
  to {
    -webkit-transform: rotateY(10deg);
    transform: rotateY(10deg);
  }
}

@-webkit-keyframes rotateOutLeft {
  from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
  to {
    -webkit-transform: rotateY(-10deg);
  }
}

@keyframes rotateOutLeft {
  from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
  to {
    -webkit-transform: rotateY(-10deg);
    transform: rotateY(-10deg);
  }
}

/*****************************************/
/* Stick it */
/*****************************************/

.fxStickIt .itemwrap {
  -webkit-perspective: 1600px;
  perspective: 1600px;
}

.fxStickIt .navOutNext {
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -webkit-animation: rotateBottomSideOut 0.8s forwards ease-in;
  animation: rotateBottomSideOut 0.8s forwards ease-in;
}

.fxStickIt .navInNext {
  z-index: 11;
  opacity: 1;
  -webkit-animation: slideInFromBottomDelayed 0.8s forwards;
  animation: slideInFromBottomDelayed 0.8s forwards;
}

.fxStickIt .navOutPrev {
  opacity: 1;
  -webkit-animation: slideOutToBottom 0.8s forwards;
  animation: slideOutToBottom 0.8s forwards;
}

.fxStickIt .navInPrev {
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -webkit-animation: rotateBottomSideIn 0.8s 0.1s forwards ease-in;
  animation: rotateBottomSideIn 0.8s 0.1s forwards ease-in;
}

@-webkit-keyframes rotateBottomSideOut {
  from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
  40% { 
    -webkit-transform: rotateX(-15deg);
    -webkit-animation-timing-function: ease-out; 
  }
  100% { 
    opacity: 0;
    -webkit-transform: scale(0.8) translateZ(-200px);
  }
}

@keyframes rotateBottomSideOut {
  from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
  40% { 
    -webkit-transform: rotateX(-15deg); 
    transform: rotateX(-15deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; 
  }
  100% { 
    opacity: 0;
    -webkit-transform: scale(0.8) translateZ(-200px);
    transform: scale(0.8) translateZ(-200px);
  }
}

@-webkit-keyframes slideInFromBottomDelayed {
  0%, 30% {
    -webkit-transform: translateY(100%);
  }
  100% {
    -webkit-transform: translateY(0);
  }
}

@keyframes slideInFromBottomDelayed {
  0%, 30% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes rotateBottomSideIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8) translateZ(-200px);
  }
  60% {
    -webkit-transform: scale(1) translateZ(0) rotateX(-15deg);
    -webkit-animation-timing-function: ease-out;
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1) translateZ(0) rotateX(0deg);
  }
}

@keyframes rotateBottomSideIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8) translateZ(-200px);
    transform: scale(0.8) translateZ(-200px);
  }
  60% {
    -webkit-transform: scale(1) translateZ(0) rotateX(-15deg);
    transform: scale(1) translateZ(0) rotateX(-15deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1) translateZ(0) rotateX(0deg);
    transform: scale(1) translateZ(0) rotateX(0deg);
  }
}

/*****************************************/
/* Archive me */
/*****************************************/

.fxArchiveMe .navOutNext {
  -webkit-animation: scaleHalfDown 0.7s forwards cubic-bezier(0.7, 0, 0.3, 1);
  animation: scaleHalfDown 0.7s forwards cubic-bezier(0.7, 0, 0.3, 1);
}

.fxArchiveMe .navInNext {
  z-index: 11;
  opacity: 1;
  -webkit-animation: slideInFromBottom 0.7s forwards cubic-bezier(0.7, 0, 0.3, 1);
  animation: slideInFromBottom 0.7s forwards cubic-bezier(0.7, 0, 0.3, 1);
}

.fxArchiveMe .navOutPrev {
  -webkit-animation: slideOutToBottom 0.7s forwards cubic-bezier(0.7, 0, 0.3, 1);
  animation: slideOutToBottom 0.7s forwards cubic-bezier(0.7, 0, 0.3, 1);
}

.fxArchiveMe .navInPrev {
  -webkit-animation: scaleHalfUp 0.7s forwards cubic-bezier(0.7, 0, 0.3, 1);
  animation: scaleHalfUp 0.7s forwards cubic-bezier(0.7, 0, 0.3, 1);
}

.fxArchiveMe li::before,
.fxArchiveMe li::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background-color: rgba(0,0,0,0.7);
  transition: opacity 0.7s cubic-bezier(0.7, 0, 0.3, 1);
}

.fxArchiveMe li::after,
.fxArchiveMe .navOutNext::before {
  opacity: 1;
}

.fxArchiveMe li::before,
.fxArchiveMe li.current::after,
.fxArchiveMe .navInNext::after,
.fxArchiveMe .navInPrev::after {
  opacity: 0;
}

.fxArchiveMe .navInNext::after {
  transition: none;
}

@-webkit-keyframes scaleHalfDown {
  from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
  to {
    -webkit-transform: scale(0.6);
    opacity: 0;
  }
}

@keyframes scaleHalfDown {
  from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
  to {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    opacity: 0;
  }
}

@-webkit-keyframes slideOutToBottom {
  from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
  to {
    -webkit-transform: translateY(100%);
  }
}

@keyframes slideOutToBottom {
  from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
  to {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
}

@-webkit-keyframes scaleHalfUp {
  from {
    opacity: 0;
    -webkit-transform: scale(0.6);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
  }
}

@keyframes scaleHalfUp {
  from {
    opacity: 0;
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

/*****************************************/
/* Vertical growth */
/*****************************************/

.fxVGrowth .navOutNext {
  -webkit-animation: scaleDown 0.6s forwards cubic-bezier(0.6, 0, 0.4, 1);
  animation: scaleDown 0.6s forwards cubic-bezier(0.6, 0, 0.4, 1);
}

.fxVGrowth .navInNext {
  z-index: 11;
  opacity: 1;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-animation: maximize 0.6s forwards cubic-bezier(0.6, 0, 0.4, 1);
  animation: maximize 0.6s forwards cubic-bezier(0.6, 0, 0.4, 1);
}

.fxVGrowth .navOutPrev {
  -webkit-animation: scaleDown 0.6s forwards cubic-bezier(0.6, 0, 0.4, 1);
  animation: scaleDown 0.6s forwards cubic-bezier(0.6, 0, 0.4, 1);
}

.fxVGrowth .navInPrev {
  z-index: 11;
  opacity: 1;
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -webkit-animation: maximize 0.6s forwards cubic-bezier(0.6, 0, 0.4, 1);
  animation: maximize 0.6s forwards cubic-bezier(0.6, 0, 0.4, 1);
}

@-webkit-keyframes maximize {
  from {
    -webkit-transform: scale(0);
  }
  to {
    -webkit-transform: scale(1);
  }
}

@keyframes maximize {
  from {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

/*****************************************/
/* Slide Behind */
/* From https://github.com/hakimel/kontext by Hakim El Hattab, http://hakim.se */
/*****************************************/

.fxSlideBehind .itemwrap {
  -webkit-perspective: 1000px;
  perspective: 1000px;
}

.fxSlideBehind .navOutNext {
  -webkit-animation: hideLeft 0.8s forwards;
  animation: hideLeft 0.8s forwards;
}

.fxSlideBehind .navInNext {
  -webkit-animation: showRight 0.8s forwards;
  animation: showRight 0.8s forwards;
}

.fxSlideBehind .navOutPrev {
  -webkit-animation: hideRight 0.8s forwards;
  animation: hideRight 0.8s forwards;
}

.fxSlideBehind .navInPrev {
  -webkit-animation: showLeft 0.8s forwards;
  animation: showLeft 0.8s forwards;
}

@-webkit-keyframes hideLeft { 
  0% { -webkit-transform: translateZ( 0px ); }
  40% { -webkit-transform: translate( 0, -40% ) scale( 0.8 ) rotateX( -20deg ); z-index: 9; }
  100% { opacity: 1; -webkit-transform: translateZ( -400px ); }
}

@keyframes hideLeft { 
  0% { -webkit-transform: translateZ( 0px ); transform: translateZ( 0px ); }
  40% { -webkit-transform: translate( 0, -40% ) scale( 0.8 ) rotateX( -20deg ); transform: translate( 0, -40% ) scale( 0.8 ) rotateX( -20deg ); z-index: 9; }
  100% { opacity: 1; -webkit-transform: translateZ( -400px ); transform: translateZ( -400px ); }
}

@-webkit-keyframes showRight {
  0% { -webkit-transform: translateZ( -400px ); opacity: 1; }
  40% { -webkit-transform: translate( 0, 40% ) scale( 0.8 ) rotateX( 20deg ); opacity: 1; }
  41% { -webkit-transform: translate( 0, 40% ) scale( 0.8 ) rotateX( 20deg ); opacity: 1; z-index: 9999; }
  100% { -webkit-transform: translateZ( 0px ); opacity: 1; z-index: 9999; }
}

@keyframes showRight {
  0% { -webkit-transform: translateZ( -400px ); transform: translateZ( -400px ); opacity: 1; }
  40% { -webkit-transform: translate( 0, 40% ) scale( 0.8 ) rotateX( 20deg ); transform: translate( 0, 40% ) scale( 0.8 ) rotateX( 20deg ); opacity: 1; }
  41% { -webkit-transform: translate( 0, 40% ) scale( 0.8 ) rotateX( 20deg ); transform: translate( 0, 40% ) scale( 0.8 ) rotateX( 20deg ); opacity: 1; z-index: 9; }
  100% { -webkit-transform: translateZ( 0px ); transform: translateZ( 0px ); opacity: 1; z-index: 9; }
}

@-webkit-keyframes hideRight { 
  0% { -webkit-transform: translateZ( 0px ); }
  40% { -webkit-transform: translate( 0, 40% ) scale( 0.8 ) rotateX( 20deg ); z-index: 9; }
  100% { opacity: 1; -webkit-transform: translateZ( -400px ); }
}

@keyframes hideRight { 
  0% { -webkit-transform: translateZ( 0px ); transform: translateZ( 0px ); }
  40% { -webkit-transform: translate( 0, 40% ) scale( 0.8 ) rotateX( 20deg ); transform: translate( 0, 40% ) scale( 0.8 ) rotateX( 20deg ); z-index: 9; }
  100% { opacity: 1; -webkit-transform: translateZ( -400px ); transform: translateZ( -400px ); }
}

@-webkit-keyframes showLeft {
  0% { -webkit-transform: translateZ( -400px ); opacity: 1; }
  40% { -webkit-transform: translate( 0, -40% ) scale( 0.8 ) rotateX( -20deg ); opacity: 1; }
  41% { -webkit-transform: translate( 0, -40% ) scale( 0.8 ) rotateX( -20deg ); opacity: 1; z-index: 9; }
  100% { -webkit-transform: translateZ( 0px ); opacity: 1; z-index: 9; }
}

@keyframes showLeft {
  0% { -webkit-transform: translateZ( -400px ); transform: translateZ( -400px ); opacity: 1; }
  40% { -webkit-transform: translate( 0, -40% ) scale( 0.8 ) rotateX( -20deg ); transform: translate( 0, -40% ) scale( 0.8 ) rotateX( -20deg ); opacity: 1; }
  41% { -webkit-transform: translate( 0, -40% ) scale( 0.8 ) rotateX( -20deg ); transform: translate( 0, -40% ) scale( 0.8 ) rotateX( -20deg ); opacity: 1; z-index: 9; }
  100% { -webkit-transform: translateZ( 0px ); transform: translateZ( 0px ); opacity: 1; z-index: 9; }
}

/*****************************************/
/* Soft Pulse */
/*****************************************/

.fxSoftPulse .navOutPrev,
.fxSoftPulse .navOutNext {
  -webkit-animation: scaleUpFadeOut 0.8s forwards ease-in;
  animation: scaleUpFadeOut 0.8s forwards ease-in;
}

.fxSoftPulse .navInPrev,
.fxSoftPulse .navInNext {
  -webkit-animation: scaleDownFadeIn 0.8s forwards ease-out;
  animation: scaleDownFadeIn 0.8s forwards ease-out;
}

@-webkit-keyframes scaleUpFadeOut {
  from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
  50% {
    -webkit-transform: scale(1.2);
    opacity: 1;
  }
  75% {
    -webkit-transform: scale(1.1);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
    opacity: 0;
  }
}

@keyframes scaleUpFadeOut {
  from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 1;
  }
  75% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}

@-webkit-keyframes scaleDownFadeIn {
  from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
  50% {
    opacity: 1;
    -webkit-transform: scale(1.2);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
  }
}

@keyframes scaleDownFadeIn {
  from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
  50% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

/*****************************************/
/* Earthquake */
/* From http://elrumordelaluz.github.io/csshake/ by Lionel, http://t.co/thCECnx1Yg */
/*****************************************/

.fxEarthquake .navOutNext {
  opacity: 1;
  -webkit-animation: shakeSlideBottom 1s 0.1s forwards;
  animation: shakeSlideBottom 1s 0.1s forwards;
}

.fxEarthquake .navInNext {
  -webkit-animation: pushFromTop 1s 0.1s forwards;
  animation: pushFromTop 1s 0.1s forwards;
}

.fxEarthquake .navOutPrev {
  opacity: 1;
  -webkit-animation: shakeSlideTop 1s 0.1s forwards;
  animation: shakeSlideTop 1s 0.1s forwards;
}

.fxEarthquake .navInPrev{
  opacity: 1;
  -webkit-animation: pushFromBottom 1s 0.1s forwards;
  animation: pushFromBottom 1s 0.1s forwards;
}

.fxEarthquake li::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
  background-color: rgba(0,0,0,0.3);
  transition: opacity 0.5s;
}

.fxEarthquake .navOutPrev::after,
.fxEarthquake .navOutNext::after {
  opacity: 1;
}

@-webkit-keyframes shakeSlideBottom { 
  0% { -webkit-transform: translate(0px, 0px) rotate(0deg); }
  2% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); }
  4% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); }
  6% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); }
  8% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); }
  10% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); }
  12% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); }
  14% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); }
  16% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); }
  18% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); }
  20% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); }
  22% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); }
  24% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); }
  26% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); }
  28% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); }
  30% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); }
  32% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); }
  34% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); }
  36% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); }
  38% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); }
  40% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); }
  42% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); }
  44% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); }
  46% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); }
  48% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); }
  50% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); }
  52% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); }
  54% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); }
  56% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); }
  58% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); }
  60% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); }
  62% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); }
  64% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); }
  66% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); }
  68% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); }
  70% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); }
  100% { -webkit-transform: translateY(100%); } 
}

@keyframes shakeSlideBottom { 
  0% { -webkit-transform: translate(0px, 0px) rotate(0deg); transform: translate(0px, 0px) rotate(0deg); }
  2% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); }
  4% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); }
  6% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); transform: translate(0px, 0px) rotate(-0.5deg); }
  8% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); }
  10% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); }
  12% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); transform: translate(0px, 0px) rotate(-0.5deg); }
  14% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); }
  16% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); transform: translate(0px, 0px) rotate(-0.5deg); }
  18% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); transform: translate(0px, -1px) rotate(-0.5deg); }
  20% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); transform: translate(0px, -1px) rotate(-0.5deg); }
  22% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); transform: translate(0px, -1px) rotate(-0.5deg); }
  24% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); transform: translate(-1px, 0px) rotate(-0.5deg); }
  26% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); transform: translate(0px, 0px) rotate(-0.5deg); }
  28% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); transform: translate(-1px, 0px) rotate(-0.5deg); }
  30% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); transform: translate(0px, -1px) rotate(-0.5deg); }
  32% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); transform: translate(-1px, 0px) rotate(-0.5deg); }
  34% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); transform: translate(0px, -1px) rotate(-0.5deg); }
  36% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); transform: translate(0px, 0px) rotate(-0.5deg); }
  38% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); }
  40% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); transform: translate(0px, 0px) rotate(-0.5deg); }
  42% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); transform: translate(-1px, 0px) rotate(-0.5deg); }
  44% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); transform: translate(0px, -1px) rotate(-0.5deg); }
  46% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); }
  48% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); }
  50% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); transform: translate(0px, -1px) rotate(-0.5deg); }
  52% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); transform: translate(-1px, 0px) rotate(-0.5deg); }
  54% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); transform: translate(0px, -1px) rotate(-0.5deg); }
  56% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); }
  58% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); transform: translate(0px, 0px) rotate(-0.5deg); }
  60% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); transform: translate(-1px, 0px) rotate(-0.5deg); }
  62% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); }
  64% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); transform: translate(0px, -1px) rotate(-0.5deg); }
  66% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); }
  68% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); transform: translate(-1px, 0px) rotate(-0.5deg); }
  70% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); transform: translate(0px, 0px) rotate(-0.5deg); }
  100% { -webkit-transform: translateY(100%); transform: translateY(100%); } 
}

@-webkit-keyframes pushFromTop {
  0%, 70% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}

@keyframes pushFromTop {
  0%, 70% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes shakeSlideTop { 
  0% { -webkit-transform: translate(0px, 0px) rotate(0deg); }
  2% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); }
  4% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); }
  6% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); }
  8% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); }
  10% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); }
  12% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); }
  14% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); }
  16% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); }
  18% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); }
  20% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); }
  22% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); }
  24% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); }
  26% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); }
  28% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); }
  30% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); }
  32% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); }
  34% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); }
  36% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); }
  38% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); }
  40% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); }
  42% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); }
  44% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); }
  46% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); }
  48% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); }
  50% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); }
  52% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); }
  54% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); }
  56% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); }
  58% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); }
  60% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); }
  62% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); }
  64% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); }
  66% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); }
  68% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); }
  70% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); }
  100% { -webkit-transform: translateY(-100%); } 
}

@keyframes shakeSlideTop { 
  0% { -webkit-transform: translate(0px, 0px) rotate(0deg); transform: translate(0px, 0px) rotate(0deg); }
  2% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); }
  4% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); }
  6% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); transform: translate(0px, 0px) rotate(-0.5deg); }
  8% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); }
  10% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); }
  12% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); transform: translate(0px, 0px) rotate(-0.5deg); }
  14% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); }
  16% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); transform: translate(0px, 0px) rotate(-0.5deg); }
  18% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); transform: translate(0px, -1px) rotate(-0.5deg); }
  20% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); transform: translate(0px, -1px) rotate(-0.5deg); }
  22% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); transform: translate(0px, -1px) rotate(-0.5deg); }
  24% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); transform: translate(-1px, 0px) rotate(-0.5deg); }
  26% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); transform: translate(0px, 0px) rotate(-0.5deg); }
  28% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); transform: translate(-1px, 0px) rotate(-0.5deg); }
  30% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); transform: translate(0px, -1px) rotate(-0.5deg); }
  32% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); transform: translate(-1px, 0px) rotate(-0.5deg); }
  34% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); transform: translate(0px, -1px) rotate(-0.5deg); }
  36% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); transform: translate(0px, 0px) rotate(-0.5deg); }
  38% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); }
  40% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); transform: translate(0px, 0px) rotate(-0.5deg); }
  42% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); transform: translate(-1px, 0px) rotate(-0.5deg); }
  44% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); transform: translate(0px, -1px) rotate(-0.5deg); }
  46% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); }
  48% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); }
  50% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); transform: translate(0px, -1px) rotate(-0.5deg); }
  52% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); transform: translate(-1px, 0px) rotate(-0.5deg); }
  54% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); transform: translate(0px, -1px) rotate(-0.5deg); }
  56% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); }
  58% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); transform: translate(0px, 0px) rotate(-0.5deg); }
  60% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); transform: translate(-1px, 0px) rotate(-0.5deg); }
  62% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); }
  64% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); transform: translate(0px, -1px) rotate(-0.5deg); }
  66% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); }
  68% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); transform: translate(-1px, 0px) rotate(-0.5deg); }
  70% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); transform: translate(0px, 0px) rotate(-0.5deg); }
  100% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } 
}

@-webkit-keyframes pushFromBottom {
  0%, 70% {
    opacity: 0;
    -webkit-transform: translateY(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}

@keyframes pushFromBottom {
  0%, 70% {
    opacity: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

/*****************************************/
/* Cliff diving */
/*****************************************/

.fxCliffDiving li {
  -webkit-transform-origin: 50% 400%;
  transform-origin: 50% 400%;
}

.fxCliffDiving .navOutNext {
  opacity: 1;
  -webkit-animation: rotateOutCircLeft 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1);
  animation: rotateOutCircLeft 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1);
}

.fxCliffDiving .navInNext {
  opacity: 1;
  -webkit-animation: rotateInCircRight 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1);
  animation: rotateInCircRight 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1);
}

.fxCliffDiving .navOutPrev {
  opacity: 1;
  -webkit-animation: rotateOutCircRight 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1);
  animation: rotateOutCircRight 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1);
}

.fxCliffDiving .navInPrev {
  opacity: 1;
  -webkit-animation: rotateInCircLeft 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1);
  animation: rotateInCircLeft 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1);
}

.fxCliffDiving li::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
  background-color: rgba(0,0,0,1);
  transition: opacity 0.9s cubic-bezier(0.7, 0, 0.3, 1);
}

.fxCliffDiving .navOutPrev::after,
.fxCliffDiving .navOutNext::after {
  opacity: 1;
}

@-webkit-keyframes rotateOutCircLeft {
  from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
  to {
    -webkit-transform: rotate(-20deg) translateX(-100%);
  }
}

@keyframes rotateOutCircLeft {
  from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
  to {
    -webkit-transform: rotate(-20deg) translateX(-100%);
    transform: rotate(-20deg) translateX(-100%);
  }
}

@-webkit-keyframes rotateInCircRight {
  from {
    -webkit-transform: rotate(20deg) translateX(100%);
  }
  to {
    -webkit-transform: rotate(0deg) translateX(0);
  }
}

@keyframes rotateInCircRight {
  from {
    -webkit-transform: rotate(20deg) translateX(100%);
    transform: rotate(20deg) translateX(100%);
  }
  to {
    -webkit-transform: rotate(0deg) translateX(0);
    transform: rotate(0deg) translateX(0);
  }
}

@-webkit-keyframes rotateOutCircRight {
  from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
  to {
    -webkit-transform: rotate(20deg) translateX(100%);
  }
}

@keyframes rotateOutCircRight {
  from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
  to {
    -webkit-transform: rotate(20deg) translateX(100%);
    transform: rotate(20deg) translateX(100%);
  }
}

@-webkit-keyframes rotateInCircLeft {
  from {
    -webkit-transform: rotate(-20deg) translateX(-100%);
  }
  to {
    -webkit-transform: rotate(0deg) translateX(0);
  }
}

@keyframes rotateInCircLeft {
  from {
    -webkit-transform: rotate(-20deg) translateX(-100%);
    transform: rotate(-20deg) translateX(-100%);
  }
  to {
    -webkit-transform: rotate(0deg) translateX(0);
    transform: rotate(0deg) translateX(0);
  }
}/* Version 2.1.1  */

.owl-carousel .animated {
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-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;
    animation-name: fadeOut;
  }
  
  @-webkit-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;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
  }
  
  /* 
   *  Core Owl Carousel CSS File
   */
  .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;
  }
  .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-controls .owl-nav .owl-prev,
  .owl-carousel .owl-controls .owl-nav .owl-next,
  .owl-carousel .owl-controls .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .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 {
    display: none;
  }
  .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .owl-carousel .owl-item img {
    display: block;
    width: 100%;
    -webkit-transform-style: preserve-3d;
  }
  .owl-carousel.owl-text-select-on .owl-item {
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto;
  }
  .owl-carousel .owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -o-grab;
    cursor: -ms-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 - Lazy Load Plugin
   */
  .owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    -ms-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease;
  }
  .owl-carousel .owl-item img {
    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(//knop.pl/wp-content/plugins/oshine-modules/public/css/owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -webkit-transition: scale 100ms ease;
    -moz-transition: scale 100ms ease;
    -ms-transition: scale 100ms ease;
    -o-transition: scale 100ms ease;
    transition: scale 100ms ease;
  }
  .owl-carousel .owl-video-play-icon:hover {
    -webkit-transition: scale(1.3, 1.3);
    -moz-transition: scale(1.3, 1.3);
    -ms-transition: scale(1.3, 1.3);
    -o-transition: scale(1.3, 1.3);
    transition: 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;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    -ms-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease;
  }
  .owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
  }
  .owl-theme .owl-controls {
    text-align:center;
    -webkit-tap-highlight-color:transparent;
  }
  
  .owl-theme .owl-dots .owl-dot {
    display:inline-block;
    zoom:1;
    *display:inline;
  }
  
  .owl-theme .owl-dots .owl-dot span {
    width:7px;
    height:7px;
    margin:5px 7px;
    background:#d6d6d6;
    display:block;
    -webkit-backface-visibility:visible;
    -webkit-transition:opacity 200ms ease;
    -moz-transition:opacity 200ms ease;
    -ms-transition:opacity 200ms ease;
    -o-transition:opacity 200ms ease;
    transition:opacity 200ms ease;
    -webkit-border-radius:30px;
    -moz-border-radius:30px;
    border-radius:30px;
  }
  .owl-theme .owl-dots .owl-dot.active span,
  .owl-theme .owl-dots .owl-dot:hover span { 
    background:#869791;
  }
  
  /* BE Custom Styling */
  
  .owl-dots {
    margin-top: 15px;
  }
  
  .content_slider_module, .twitter_module , .client-carousel-module, .portfolio-carousel-module {
    list-style: none;
    padding-left: 0;
  }
  
  
  
  /**********************************************************************
             General
  **********************************************************************/
  
  .oshine-module {
    margin-bottom: 60px;
  }
  
  .oshine_diamond {
      width: 10px;
      height: 10px;
      background: #727b7d;
      display: inline-block;
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      font-size: 16px;
      line-height: 16px;
      vertical-align: middle;
      margin: 0 20px;
  }
  
  /*********************************************************************
              ANIMATED ANCHOR
  *********************************************************************/
  
  .be-animated-anchor{
      position: relative;
      display: inline-block;
      outline: none;
      vertical-align: bottom;
      text-decoration: none;
      white-space: nowrap;
      transition : color 0.3s;
      overflow: hidden;
  }
  .be-animated-anchor:hover{
      outline: 0;
  }
  
  /**** style1 ****/
  
  .be-animated-anchor.be-style1{
      -webkit-transition: background-color 0.3s, border-color 0.3s;
      transition: background-color 0.3s, border-color 0.3s;
      border-bottom: 1px solid transparent;
  }
  
  /**** style 2 ******/
  
  .be-style2 .be-anchor-overlay{
      position: absolute;
      top: 0;
      left: 0;
      z-index: -1;
      width: 100%;
      height: 100%;
      -webkit-transition: -webkit-transform 0.2s;
      transition: transform 0.2s;
      -webkit-transform: translate3d(0,95%,0);
      transform: translate3d(0,95%,0);
  }
  .be-animated-anchor.be-style2:hover .be-anchor-overlay{
      transform: translate3d(0,0,0);
  }
  
  /**** style 3 ******/
  
  .be-style3 .be-anchor-overlay{
      position: absolute;
      top: 0;
      left: 0;
      z-index: -1;
      width: 100%;
      height: 100%;
      -webkit-transition: -webkit-transform 0.2s;
      transition: transform 0.2s;
      -webkit-transform: translate3d(-100%,0,0);
      transform: translate3d(-100%,0,0);
  }
  .be-animated-anchor.be-style3:hover .be-anchor-overlay{
      transform: translate3d(0,0,0);
  }
  
  /***** style 4 *****/
  
  .be-style4 .be-anchor-overlay{
      position: absolute;
      top: 0;
      left: -5px;
      z-index: -1;
      box-sizing: content-box;
      padding: 0 5px;
      width: 100%;
      height: 100%;
      border-radius: 10px;
      opacity: 0;
      -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
      transition: transform 0.2s, opacity 0.2s;
      -webkit-transform: scale(0);
      transform: scale(0);
  }
  .be-animated-anchor.be-style4:hover .be-anchor-overlay{
      opacity: 1;
      transform: scale(1);
  }
  
  /****** style 5 ******/
  .be-animated-anchor.be-style5{
      overflow: visible;
  }
  .be-style5 .be-anchor-overlay {
      position: absolute;
      top: 0px;
      left: -5px;
      z-index: -1;
      box-sizing: content-box;
      padding: 0 5px;
      width: 100%;
      height: 100%;
      opacity: 0;
      -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
      transition: transform 0.3s, opacity 0.3s;
      -webkit-transform: skewY(-3deg) skewX(-11deg);
      transform: skewY(-3deg) skewX(-11deg);
  }
  .be-animated-anchor.be-style5:hover .be-anchor-overlay{
      opacity: 1;
      -webkit-transform: skewY(0) skewX(0);
      transform: skewY(0) skewX(0);
  }
  
  /***** style 6 *****/
  
  .be-animated-anchor.be-style6{
      transition: all 0.3s cubic-bezier(0.6,0,0.4,1);
  }
  .be-style6 .be-anchor-overlay{
      position: absolute;
      top: 0;
      left: 0;
      z-index: -1;
      width: 100%;
      height: 100%;
      -webkit-transition: -webkit-transform 0.3s;
      transition: transform 0.3s;
      -webkit-transform: translateY(100%) translateY(-3px);
      transform: translateY(100%) translateY(-3px);
      transition : transform 0.3s cubic-bezier(0.6,0,0.4,1);
  }
  .be-animated-anchor.be-style6:hover{
      transform : translateY(10%);
  }
  .be-animated-anchor.be-style6:hover .be-anchor-overlay{
      -webkit-transform: translateY(-100%) translateY(3px);
      transform: translateY(-100%) translateY(3px);
  }
  
  /***** style 7 *******/
  .be-animated-anchor.be-style7{
      transition : color 0.3s cubic-bezier(.175,.885,.32,1.075);
  }
  .be-style7 .be-anchor-overlay{
      position: absolute;
      bottom : 1px;
      width : 0;
      height : 1px;
      left : 0;
      transition : width 0.3s cubic-bezier(.175,.885,.32,1.075);
  }
  .be-animated-anchor.be-style7:hover .be-anchor-overlay{
      width : 100%;
  }
  
  /**********************************************************************
             Icon Sizes
  **********************************************************************/
  
  .font-icon.tiny {
      font-size: 12px;
      width: 28px;
      height: 28px;
      line-height: 28px;
  }
  .font-icon.small {
      font-size: 16px;
      width: 45px;
      height: 45px;
      line-height: 45px;
  }
  .font-icon.medium {
      font-size: 25px;
      height: 75px;
      line-height: 75px;
      width: 75px;
  }
  .font-icon.large {
      font-size: 40px;
      width: 100px;
      height: 100px;
      line-height: 100px;
  }
  .font-icon.xlarge {
      font-size: 55px;  
      width: 125px;
      height: 125px;
      line-height: 125px;
  }
  
  
  
  /**************************************SHORTCODES**************************************/
  
  
  /*********************************************************************
              ANIMATED CHARTS
  *********************************************************************/
  .chart-wrap {
      text-align: center;
  }
  .chart {
      text-align: center;
      position: relative;
      width: 110px;
      height: 110px;
      line-height: 110px;
      margin: 0 auto 20px;
  }
  .chart canvas {
      position: absolute;
      top: 0;
      left: 0;
  }
  
  
  /*********************************************************************
              CLIENT CAROUSEL
  *********************************************************************/
  /*.client-carousel-module .carousel-item{
      display: none;
  }*/
  .client-carousel-module.be-owl-carousel{
    display: none;
  }
  .client-carousel-module.owl-carousel .owl-item,
  .portfolio-carousel-module.owl-carousel .owl-item,
  .content_slider_module.owl-carousel .owl-item,
  .testimonial_module.owl-carousel .owl-item,
  .twitter_module.owl-carousel .owl-item {
    -webkit-backface-visibility: initial;
  }
  
  /*.portfolio-carousel-module .carousel-item{
      display: none;
  }*/
  .portfolio-carousel-module.be-owl-carousel{
    display: none;
  }
  .carousel-wrap {
      position: relative;
      margin-bottom: 50px;
  }
  .be-owl-carousel{
      margin: 0;
      padding: 0;
      list-style: none;
      display: block;
      overflow: hidden;
  }
  .be-owl-carousel li{
      margin: 0px 10px;
      display: block;
      position: relative;
  }
  .portfolio-carousel .be-owl-carousel li {
      margin: 0px 0px;
  }
  .owl-carousel.client-carousel-module .owl-item img{
    display: inline-block;
    width: auto;
  }
  .client-carousel-module li a {
      display: block;
      text-align: center;
      line-height: 120px;
  }
  .portfolio-carousel .be-owl-carousel li img {
      width: 100%;
      max-width: 100%;
  }
  
  .client-carousel-module li img {
      vertical-align: middle;
      height: auto !important;
  }
  .owl-controls .owl-prev,
  .owl-controls .owl-prev{
      -webkit-transition: all .6s ease;
      -moz-transition: all .6s ease;
      -o-transition: all .6s ease;
      transition: all .6s ease;
  }
  .owl-controls .owl-buttons{
      opacity: 0;
      -moz-opacity: 0;
      -webkit-transition: all .6s ease;
      -moz-transition: all .6s ease;
      -o-transition: all .6s ease;
      transition: all .6s ease;
  }
  .owl-controls .owl-next,
  .owl-controls .owl-prev {
      position: absolute;
      top: 50%;
      width: 40px;
      height: 60px;
      line-height: 60px;
      font-size: 20px;
      margin-top: -35px;
      text-align: center;
      background: #000;
      background: rgba(0, 0, 0, 0.2);
      color: #fff;
  }
  .owl-controls .owl-prev {
      left: 0px;
  }
  .owl-controls .owl-next {
      right: 0px;
  }
  /*.client-carousel-module .owl-dots,
  .portfolio-carousel-module .owl-dots{
      display: none !important; 
  }*/
  
  .be-owl-carousel .owl-item li.carousel-item.element {
    width: 100%;
  }
  
  /*********************************************************************
              CONTACT FORM
  *********************************************************************/
  .contact_form.style2 .field_name,
  .contact_form.style2 .field_email{
      width: 48%;
      float: left;
  }
  .contact_form.style2 .field_name{
      margin-right: 4%;
  }
  .contact_form.style2 .submit-fieldset{
      text-align: center;
  }  
  
  .contact_form .field_consent {
      margin-bottom: 20px;
  }
  .contact_status, .subscribe_status {
      margin-top: 20px;
  }
  
  
  /*********************************************************************
              COUNTDOWN
  *********************************************************************/
  
  
  .countdown-rtl {
      direction: rtl;
  }
  .countdown-holding span {
      color: #888;
  }
  .countdown-row {
      clear: both;
      width: 100%;
      padding: 0px 2px;
      text-align: center;
  }
  .countdown-show1 .countdown-section {
      width: 98%;
  }
  .countdown-show2 .countdown-section {
      width: 48%;
  }
  .countdown-show3 .countdown-section {
      width: 32.5%;
  }
  .countdown-show4 .countdown-section {
      width: 24.5%;
  }
  .countdown-show5 .countdown-section {
      width: 19.5%;
  }
  .countdown-show6 .countdown-section {
      width: 16.25%;
  }
  .countdown-show7 .countdown-section {
      width: 14%;
  }
  .countdown-section {
      display: block;
      float: left;
      font-size: 16px;
      text-align: center;
  }
  .countdown-amount {
      font-size: 50px;
      line-height: 2;
  }
  .countdown-period {
      display: block;
  }
  .countdown-descr {
      display: block;
      width: 100%;
  }
  
  
  
  /*********************************************************************
              PORTFOLIO NAVIGATION
  *********************************************************************/
  
  .portfolio-nav-wrap a {
      color: inherit !important;
      margin: 5px;
  }
  .portfolio-nav-wrap .home-grid-icon{
      display: inline-block;
  }
  .portfolio-nav-wrap.style1-navigation .home-grid-icon{
      width:18px;
  }
  .portfolio-nav-wrap .style2-navigation .home-grid-icon{
      width:21px;
  }
  .portfolio-nav-wrap .home-grid-icon:hover span{
      -webkit-transform: rotateY(180deg);
      -moz-transform: rotateY(180deg);
      -ms-transform: rotateY(180deg);
      transform: rotateY(180deg);
  }
  .portfolio-nav-wrap .home-grid-icon span:nth-child(1){
      -webkit-transition-delay: 50ms;
      -moz-transition-delay: 50ms;
      -o-transition-delay: 50ms;
      transition-delay : 50ms;
  }
  .portfolio-nav-wrap .home-grid-icon span:nth-child(2){
      -webkit-transition-delay: 100ms;
      -moz-transition-delay: 100ms;
      -o-transition-delay: 100ms;
      transition-delay : 100ms;
  }
  .portfolio-nav-wrap .home-grid-icon span:nth-child(3){
      -webkit-transition-delay: 200ms;
      -moz-transition-delay: 200ms;
      -o-transition-delay: 200ms;
      transition-delay : 200ms;
  }
  .portfolio-nav-wrap .home-grid-icon span:nth-child(4){
      -webkit-transition-delay: 100ms;
      -moz-transition-delay: 100ms;
      -o-transition-delay: 100ms;
      transition-delay : 100ms;
  }
  .portfolio-nav-wrap .home-grid-icon span:nth-child(5){
      -webkit-transition-delay: 200ms;
      -moz-transition-delay: 200ms;
      -o-transition-delay: 200ms;
      transition-delay : 200ms;
  }
  .portfolio-nav-wrap .home-grid-icon span:nth-child(6){
      -webkit-transition-delay: 300ms;
      -moz-transition-delay: 300ms;
      -o-transition-delay: 300ms;
      transition-delay : 300ms;
  }
  .home-grid-icon span{
      background: #000;
      float: left;
      height: 4px;
      width: 4px;
      margin-bottom: 1px;
      margin-left: 1px;
      -webkit-transition: all 0.3s ease;    
      -moz-transition: all 0.3s ease;    
      -o-transition: all 0.3s ease;    
      -ms-transition: all 0.3s ease;    
      transition: all 0.3s ease;    
  }
  
  
  .portfolio-nav-wrap .style2-navigation .home-grid-icon span{
      height: 5px;
      width: 5px;
  }
  .single-page-nav.style2-navigation {
      text-align: center;
  }
  .single-page-nav.style2-navigation .font-icon {
      font-size: 30px;
      line-height: 40px;
      display: inline-block;
      vertical-align: top;
  }
  .single-page-nav.style2-navigation .next-post-link,
  .single-page-nav.style2-navigation .previous-post-link {
      display: block;
      margin: 0px;
      position: relative;
  }
  .single-page-nav.style2-navigation .next-post-link .font-icon,
  .single-page-nav.style2-navigation .previous-post-link .font-icon {
      font-size: 27px;
  }
  .single-page-nav.style2-navigation .next-post-link .font-icon{
      margin-left: 20px;
  }
  .single-page-nav.style2-navigation .previous-post-link .font-icon{
      margin-right: 20px;
  }
  .single-page-nav.style2-navigation .next-post-link .font-icon:before,
  .single-page-nav.style2-navigation .previous-post-link .font-icon:before {
      display: block;
      height: 38px;
      line-height: 38px;
  }
  .single-page-nav.style2-navigation .next-post-link {
      float: right;
      margin-top: -1px;
  }
  .single-page-nav.style2-navigation .previous-post-link {
      float: left;
  }
  .single-page-nav.style2-navigation .next-post-link i.font-icon {
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=6);
      display: block;
  }
  .single-page-nav.style2-navigation .next-post-link h6,
  .single-page-nav.style2-navigation .previous-post-link h6 {
      display: block;
      white-space: nowrap;
      line-height: 38px;
      font-size: 13px;
      opacity: 0;
      -webkit-transition: opacity 0.3s ease-in, left 0.5s ease-in, right 0.5s ease-in;
      -moz-transition: opacity 0.3s ease-in, left 0.5s ease-in, right 0.5s ease-in;
      -o-transition: opacity 0.3s ease-in, left 0.5s ease-in, right 0.5s ease-in;
      -ms-transition: opacity 0.3s ease-in, left 0.5s ease-in, right 0.5s ease-in;
      transition: opacity 0.3s ease-in, left 0.5s ease-in, right 0.5s ease-in;
      top: 0px;  
      position: absolute;
  }
  .single-page-nav.style2-navigation .previous-post-link h6 {
    left: 50%;
    right: auto;
  }
  .single-page-nav.style2-navigation .next-post-link h6 {
      right: 50%;
      left: auto;
  }
  .single-page-nav.style2-navigation .previous-post-link:hover h6 {
      opacity: 1;
      left: 100%;
  }
  .single-page-nav.style2-navigation .next-post-link:hover h6 {
      opacity: 1;
      right: 100%;
  }
  .single-page-nav.style2-navigation .portfolio-url {
      margin: 0px !important;
      line-height: 40px;
  }
  
  
  
  /*********************************************************************
              PORTFOLIO DETAILS
  *********************************************************************/
  
  .project_details{
      list-style: none;
      padding: 0;
      margin-bottom: 30px;
  }
  .project_details li i {
      margin-right: 20px;
  }
  .project_details li {
      margin-bottom: 10px;
  }
  .portfolio-details {
      margin-bottom: 30px;
  }
  .gallery-side-heading {
      /*font-size: 13px;*/
      margin-bottom: 5px;
      line-height: 17px;
      display: block;
      text-transform: uppercase;
  }
  .portfolio-details .gallery-side-heading-wrap p {
      margin-bottom: 25px !important;
  }
  .gallery-cat-list-wrap {
      /* margin-bottom: 30px; */
  }
  a.custom-share-button, a.custom-share-button:active, a.custom-share-button:hover, a.custom-share-button:visited {
      color: #000;
      /*margin:0px 8px;*/
  }
  .gallery-cat-list-wrap a{
      color: inherit !important;
  }
  a.view-project-link {
      text-transform: uppercase;
      /*color: inherit !important;*/
      color: inherit;
      background: none;
      padding: 10px 0px;
      border-bottom-width: 3px;
      border-style: solid;
      border-color: inherit;
  }
  .portfolio-details.style2 .gallery-side-heading-wrap {
      border-style: solid;
      border-bottom-width: 1px;
      border-color: inherit;
      margin-bottom: 20px !important;
  }
  .portfolio-details.style2 .gallery-side-heading-wrap p,
  .portfolio-details.style2 .gallery-side-heading-wrap .gallery-side-heading {
      float: left;
      line-height: 20px;
      margin-bottom: 20px !important;
  }
  .portfolio-details.style2 .gallery-side-heading-wrap .gallery-side-heading {
      width: 160px;
  }
  
  /*** style 3  ****/
  .portfolio-details.style3 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  }
  
  .portfolio-details.style3 .gallery-side-heading-wrap p {
      margin-bottom: 0 !important;
      line-height: 100%;
  }
  .portfolio-details.style3 > div{
  /*     -webkit-box-flex : 0;
      -ms-flex : 0 0 calc( 20% - 50px );
      flex : 0 0 calc( 20% - 50px ); */
      margin-right : 50px;
      flex-grow: 1;
  }

  .portfolio-details.style3 > div:nth-child(3) { 
    flex-basis: 120px;
    max-height: 52px;
    flex-grow: 1;
  }
  .portfolio-details.style3 .view-project-link{
      position : relative;
      margin-right: 160px;
  }
  
  
  
  
  /*********************************************************************
              RECENT POSTS
  *********************************************************************/
  
  .oshine-recent-posts {
    -webkit-display: flex;
    display: flex;
    margin: 0 -15px;
    flex-direction: row;
    align-items: flex-start;
  }
  .oshine-recent-posts .fourth-col {
    width: 25%;
    padding: 0 15px;
    box-sizing: border-box;
  }
  .oshine-recent-posts .third-col {
    width: 33.34%;
    padding: 0 15px;
    box-sizing: border-box;
  }
  
  
  .related-items {
      margin-bottom: 60px;
  }
  .related-items .post-nav, .related-items .post-nav h6 {
      margin-bottom: 0;
      padding: 0;
  }
  .related-items .recent-posts-col {
      margin-bottom: 0;
  }
  
  .recent-post-header {
      margin-bottom: 15px; 
  }
  .recent-post-title {
      margin-bottom: 10px;       
  }
  
  .recent-post-title a {
    color:inherit;
  }
  .related-items.style3-blog .post-nav {
      margin: 10px 0px 15px 0px !important;
  }
  .related-items.style3-blog.hide-excerpt .post-content{
      display: none;
  }
  .related-items.style3-blog .post-title{
      margin-bottom: 10px !important;
  }
  .related-items.style3-blog .element-inner {
      background: none !important;
  }
  .related-items.style3-blog .article-details {
      padding: 20px 0;
  }
  .bar-style-related-posts-list {
      overflow: hidden;
      text-align: center;
      margin-bottom: 0px;
      border-bottom-width: 1px;
      border-style: solid;
      border-color: inherit;
      padding: 50px 0px;
      position: relative;
  }
  .bar-style-related-posts-list ul.cal-list {
      display: inline-block;
      vertical-align: top;
  }
  .bar-style-related-posts-list .post-title {
      font-size: 25px!important;
  }
  .bar-style-related-posts-list .background-overlay {
      position: absolute;
      width: 100%;
      height: 100%;
      background: #fff;
      top: 0px;
      left: 0px;
      z-index: 1;
      -webkit-transition: background 0.8s;
      -moz-transition: background 0.8s;
      -ms-transition: background 0.8s;
      -o-transition: background 0.8s;
      transition: background 0.8s;
  }
  .bar-style-related-posts-list .background-content {
      position: relative;
      z-index: 2;
  }
  .bar-style-related-posts-list:hover .background-overlay {
      background: #fff;
      background: rgba(255, 255, 255, 0.9);
  }
  .bar-style-related-posts-list .sep-with-icon-wrap {
      margin-bottom: 10px;
  }
  
  
  /*********************************************************************
              TESTIMONIALS
  *********************************************************************/
  .testimonials-slides{
      display: none;
  }
  .be_image_slider{
      min-height:1px;
  }
  .be_image_slider .image_slider_module{
      display: none;
  }
  .be_image_slider .owl-buttons{
      opacity: 1 !important;
  }
  .be_image_slider .owl-carousel .owl-item{
      text-align: center;
  }
  .image_slider_module.owl-carousel .owl-item img{
    width: auto;
    display: inline-block;
  }
  .testimonial_slide,
  .content_slide {
      position: relative;
  }
  .testimonial_slide_inner {
      position: relative;
      margin: 0 auto;
      padding-left: 90px;
      min-height: 60px;
  }
  .testimonial-author {
      font-size: inherit;
      display: block;
      line-height: inherit;
  }
  .testimonial-content {
      margin: 0px 0px 30px 0px;
      z-index: 2;
      position: relative;
      line-height: 2.0;
  }
  .testimonial_slide .icon-quote {
      position: absolute;
      top: -9px;
      left: 0px;
      font-size: 80px;
      z-index: 1;
      color: #dfdfdf;
      line-height: 60px;
  }
  .testimonial-author-img,
  .testimonial-author-info {
      /*float: left;*/
      width: auto;
      text-align: left;
      vertical-align: middle;
      display: inline-block;
  }
  .testimonial-author-info .testimonial-author-role {
      display: block;
      white-space: nowrap;
  }
  .testimonial-author-img {
      width: 70px;
      overflow: hidden;
      margin-right: 20px;
  }
  .testimonial-author-img img {
    border-radius: 50%;
  }
  .testimonials_wrap .flex-control-nav.flex-control-paging {
      position: relative !important;
      top: 0px;
      margin: 10px 0px 0px 0px;
      display: block !important;
      opacity: 1 !important;
  }
  .center-content .testimonial_slide_inner {
      max-width: 700px;
      text-align: center;
  }
  .center-content .testimonial-author-info-wrap {
      display: inline-block;
      /*margin-left: -60px;*/
  }
  .center-content .testimonial-author-info{
    text-align: center; 
  }
  .instagram-feed-img-wrap {
      margin-bottom: 40px;
  }
  .right-content .testimonial_slide_inner {
      padding-left: 0px;
      padding-right: 95px;
      text-align: right;
  }
  .right-content .testimonial_slide_inner .icon-quote {
      left: auto;
      right: 0px;
  }
  .right-content .testimonial_slide_inner .testimonial-author-img {
      float: right;
      margin: 0px 0px 0px 20px;
  }
  .right-content .testimonial_slide_inner .testimonial-author-info {
      float: right;
      margin-top: 23px;
  }
  .testimonials_wrap .center-content .font-icon{
      position: static;
      display: inline-block;
      margin-bottom: 20px;
  }
  .testimonials_wrap .center-content .testimonial_slide_inner{
      padding-left: 0px;
  }
  span.subtitle {
      font-size: 11px;
  }
  .content-slider{
      display: none;
  }
  .content_slider_module.owl-carousel .owl-item img{
      width: auto;
  }
  .content-slide-wrap .content-slider .flex-control-nav.flex-control-paging {
      position: absolute !important;
      bottom: -11px;
      top: auto;
      line-height: 19px;
      margin-top: 0px;
  }
  .content-slide-wrap .content-slider .flex-viewport{
      margin-bottom: 40px;
  }
  .content_slide_inner {
      max-width: 100%;
      margin: 0 auto;
  }
  .content-slide-wrap .flex-control-paging {
      border-color: #000;
      border-width: 0px;
  }
  .content-slide-wrap .flex-control-paging li {
      border-color: inherit;
      border-width: 0px;
  }
  .content-slide-wrap .flex-control-paging li a {
      width: 6px;
      height: 6px;
      border-color: inherit;
      border-width: 0px;
  }
  .content-slide-wrap .flex-control-paging li a:before {
      content: " ";
      width: auto;
      height: 0px;
      color: #000;
      border-width: 4px;
      border-style: solid;
      border-color: inherit;
      display: block;
      border-radius: 100%;
  }
  .content-slider .flex-control-nav.flex-control-paging {
      position: relative;
  }
  
  
  
  /*********************************************************************
              TEAM
  *********************************************************************/
  .team-shortcode-wrap {
      overflow: hidden !important;
  }
  .team-title {
      margin-bottom: 0px;
  }
  .team-shortcode-wrap  .designation{   
      text-transform: capitalize;
      margin-bottom: 10px;
  }
  ul.team-social{
      padding-left: 0px;
  }
  .team-description{
      margin-bottom: 15px;
  }
  .team-shortcode-wrap .style5-title .thumb-overlay .thumb-bg{
      padding:18px 0px 0px;
  }
  .team-shortcode-wrap .style3-title{
  
  }
  .style5-title .team-social.over,
  .style6-title .team-social.over{
      list-style: none;
      padding-left: 0;
      display: block;
      position: absolute;
      bottom: -100px;
      background: #000;
      background: rgba(0, 0, 0, 0.2);
      padding: 15px 0px 13px 0px;
      width: 100%;
      line-height: normal;
      text-align: center;
       -webkit-transition: bottom 0.4s;
      -moz-transition: bottom 0.4s;
      -ms-transition: bottom 0.4s;
      -o-transition: bottom 0.4s;
      transition: bottom 0.4s;
      z-index: 10;
  }
  .team-social li {
      display:inline-block;
      margin-bottom: 0px;
      line-height: normal;
  }
  .team_icons{
      font-size: 12px;
      margin: 0 5px !important;
      border: none !important;
      color: inherit;
      display: block;
      border-radius: 50%;
      -moz-border-radius: 50%;
      -webkit-border-radius: 50%;
      overflow: hidden;
      line-height: normal;
      transition: all 0.3s ease;
  }
  .team-img {
      margin-bottom: 20px;
      position: relative;
      overflow: hidden;
  }
  .team_icons i {
      width: 27px;
      height: 27px;
      line-height: 27px;
      display:block;
      text-align: center;
  }
  .team_icons i:before {
    line-height: inherit;
  }
  
  .team-social .icon-shortcode:first-child .team_icons {
      margin-left:0 !important;
  }
  
  .team-shortcode-wrap:hover .style5-title .team-social,
  .team-shortcode-wrap:hover .style6-title .team-social {
      bottom: 0px;
      top: auto;
  }
  .style9-hover .team-wrap {
      padding: 0px;
  }
  .style3-title .team-wrap{
      padding: 0px 15px;
  }
  .team-shortcode-wrap .style10-hover .thumb-bg {
      background: none !important;
  }
  .team-shortcode-wrap .thumb-bg {
      display: block;
  }
  .team-wrap {
      text-align: center;
  }
  .team-shortcode-wrap .element{
       float: none;
       margin: 0px;
       width: 100%; 
  }
  
  
  /*********************************************************************
              PROCESS
  *********************************************************************/
  .skill-style1 {
      border-color: #272727;
      opacity: 0;
      -webkit-transition: opacity 0.3s ease-in;
      -moz-transition: opacity 0.3s ease-in;
      -o-transition: opacity 0.3s ease-in;
      -ms-transition: opacity 0.3s ease-in;
      transition: opacity 0.3s ease-in;
  }
  .skill-style1 .skill-row {
      border-color: inherit;
      width: 90%;
      margin: auto;
  }
  .skill-style1 .skill-col .font-icon,
  .process-style1 .process-col .font-icon {
      font-size: 75px;
      display: inline-block;
      margin-bottom: 10px;
  }
  .skill-style1 .skill-col.size-large .font-icon,
  .process-style1 .process-col .font-icon {
      font-size: 80px;
  }
  .skill-style1 .skill-col .skill-info {
      font-size: 13px;
      text-transform: uppercase;
  }
  .skill-style1 .skill-col {
      border-right-width: 1px;
      border-bottom-width: 1px;
      border-style: solid;
      border-color: inherit;
      padding: 50px 0px;
      margin: 0px !important;
      float: left;
      width: 100%;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box;
  }
  .process-style1 {
      text-align: center;
      border-color: #000;
      display: flex;
      flex-direction: row;
      justify-content: center;
      margin: 0 -20px 60px;
  }
  .process-style1 .process-col {
      display: inline-block;
      zoom: 1;
      vertical-align: top;
      flex-grow: 1;
      flex-basis: 0;
      position: relative;
      padding: 0 20px;
  }
  
  .process-col .process-sep {
    position: absolute;
    right: 0%;
    top: 50%;
    width: 100px;
    height: 1px;
    transform: translate(50%, 0%);
    background: #ddd;
  }
  
  .process-col:last-child .process-sep {
    display: none;
  }
  
  .process-style1 .process-divider {
      width: 80px;
      display: inline-block;
      zoom: 1;
      height: 40px;
      vertical-align: top;
      border-bottom-width: 1px;
      border-style: solid;
      border-color: inherit;
  }
  .process-style1 .process-divider:last-child {
      display: none;
  }
  .process-style1 .process-col .font-icon {
      /*margin-bottom: 50px;*/
      margin-bottom: 0.3em;
      padding: 0 15px;
  }
  
  
  /*********************************************************************
              PORTFOLIO
  *********************************************************************/
  /*.portfolio-container  {
      transition: height .5s;
      -moz-transition: height .5s;
      -webkit-transition: height .5s;
  }*/
  .portfolio-all-wrap,
  .portfolio-container {
      overflow: hidden;
      width: 100%;
      min-height: 30px;
  }
  /** my code **/
  .portfolio-delay-load .flip-wrap{
      opacity : 1;
      transform: scale(1);
  }
  .portfolio-delay-load.filter-back-animation .flip-wrap{
      transition : opacity .5s linear;
      opacity : 0;
  }
  
  .portfolio-delay-load.filter-scale-back-animation .flip-wrap{
      transition : transform .5s ease, opacity .2s ease;
      transform: scale(0);
      opacity: 0;
  }
  /**/
  .portfolio {
      overflow: hidden;
  }
  .portfolio-container{
      visibility: hidden;
  }
  .element {
      float: left;
      margin: 0px 0px 40px 0px;
      overflow: hidden;
  }
  .single-post .element {
      float: none;
  }
  .element-empty-message {
      width: 100% !important;
      text-align: center;
      text-align: center;
  }
  /******** remove the 60px padding for image slider inside portfolio masonry style ********/
  .portfolio .be_image_slider.oshine-module{
      margin-bottom : 0;
  }
  
  .justified-gallery.init-slide-left .flip-img-wrap,
  .portfolio:not( .portfolio-delay-load ) .portfolio-shortcode.init-slide-left .flip-img-wrap,
  .portfolio-shortcode.force-show-thumb-overlay.init-slide-left .thumb-overlay{
      -webkit-transform: translateX(-100%);
      -moz-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
      -o-transform: translateX(-100%);
      transform: translateX(-100%);
  }
  .justified-gallery.init-slide-right .flip-img-wrap,
  .portfolio:not( .portfolio-delay-load ) .portfolio-shortcode.init-slide-right .flip-img-wrap,
  .portfolio-shortcode.force-show-thumb-overlay.init-slide-right .thumb-overlay {
      -webkit-transform: translateX(100%);
      -moz-transform: translateX(100%);
      -ms-transform: translateX(100%);
      -o-transform: translateX(100%);
      transform: translateX(100%);
  }
  .justified-gallery.init-slide-left .flip-img-wrap.img-loaded,
  .portfolio:not( .portfolio-delay-load ) .portfolio-shortcode.init-slide-left .flip-img-wrap.img-loaded,
  .justified-gallery.init-slide-right .flip-img-wrap.img-loaded,
  .portfolio:not( .portfolio-delay-load ) .portfolio-shortcode.init-slide-right .flip-img-wrap.img-loaded,
  .portfolio-shortcode.force-show-thumb-overlay.init-slide-left .thumb-overlay.img-loaded,
  .portfolio-shortcode.force-show-thumb-overlay.init-slide-right .thumb-overlay.img-loaded {
      -webkit-transform: translateX(0%);
      -moz-transform: translateX(0%);
      -ms-transform: translateX(0%);
      -o-transform: translateX(0%);
      transform: translateX(0%);
  }
  .justified-gallery.init-slide-top .flip-img-wrap,
  .portfolio:not( .portfolio-delay-load ) .portfolio-shortcode.init-slide-top .flip-img-wrap,
  .portfolio-shortcode.force-show-thumb-overlay.init-slide-top .thumb-overlay {
      -webkit-transform: translateY(-100%);
      -moz-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
      -o-transform: translateY(-100%);
      transform: translateY(-100%);
  }
  .justified-gallery.init-slide-bottom .flip-img-wrap,
  .portfolio:not( .portfolio-delay-load ) .portfolio-shortcode.init-slide-bottom .flip-img-wrap,
  .portfolio-shortcode.force-show-thumb-overlay.init-slide-bottom .thumb-overlay {
      -webkit-transform: translateY(100%);
      -moz-transform: translateY(100%);
      -ms-transform: translateY(100%);
      -o-transform: translateY(100%);
      transform: translateY(100%);
  }
  .justified-gallery.init-slide-top .flip-img-wrap.img-loaded,
  .portfolio:not( .portfolio-delay-load ) .portfolio-shortcode.init-slide-top .flip-img-wrap.img-loaded,
  .justified-gallery.init-slide-bottom .flip-img-wrap.img-loaded,
  .portfolio:not( .portfolio-delay-load ) .portfolio-shortcode.init-slide-bottom .flip-img-wrap.img-loaded,
  .portfolio-shortcode.force-show-thumb-overlay.init-slide-top .thumb-overlay.img-loaded,
  .portfolio-shortcode.force-show-thumb-overlay.init-slide-bottom .thumb-overlay.img-loaded {
      -webkit-transform: translateY(0%);
      -moz-transform: translateY(0%);
      -ms-transform: translateY(0%);
      -o-transform: translateY(0%);
      transform: translateY(0%);
  }
  .justified-gallery.init-scale .flip-img-wrap,
  .portfolio:not( .portfolio-delay-load ) .portfolio-shortcode.init-scale .flip-img-wrap,
  .portfolio-shortcode.force-show-thumb-overlay.init-scale .thumb-overlay {
      -webkit-transform: scale(0);
      -moz-transform: scale(0);
      -ms-transform: scale(0);
      -o-transform: scale(0);
      transform: scale(0);
  }
  .portfolio:not( .portfolio-delay-load ) .portfolio-shortcode.fadeIn .flip-img-wrap {
      opacity : 0;    
  }
  .portfolio:not( .portfolio-delay-load ) .portfolio-shortcode.fadeIn .flip-img-wrap.img-loaded {
      opacity : 1;    
  }
  .justified-gallery.init-scale .flip-img-wrap.img-loaded,
  .portfolio:not( .portfolio-delay-load ) .portfolio-shortcode.init-scale .flip-img-wrap.img-loaded,
  .portfolio-shortcode.force-show-thumb-overlay.init-scale .thumb-overlay.img-loaded {  
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
  }
  .justified-gallery .flip-img-wrap,
  .portfolio-shortcode .flip-img-wrap,
  .portfolio-shortcode.force-show-thumb-overlay .thumb-overlay {
      transition: transform 0.7s, scale 0.7s, opacity 0.7s;
      -o-transition: -o-transform 0.7s, scale 0.7s, opacity 0.7s;
      -ms-transition: -ms-transform 0.7s, scale 0.7s, opacity 0.7s;
      -moz-transition: -moz-transform 0.7s, scale 0.7s, opacity 0.7s;
      -webkit-transition: transform 0.7s, opacity 0.7s !important;
  }
  
  .justified-gallery-outer-wrap .element img {
      width: 100%;
      height: auto;
      max-width: none;
  }
  
  /**** blog archieve page masonry style ****/
  .blog .portfolio-all-wrap, .blog .portfolio, 
  .category .portfolio-all-wrap, 
  .category .portfolio, 
  .category .element-inner{
      overflow: visible;
  }
  
  /*************** PREBUILT HOVER STYLES *****************/
   
  /******* STYLE1 *******/
  
  .be-portfolio-prebuilt-hover-style1 .thumb-overlay{
    width : 100%;
    height : 100%;
  }
  
  .be-portfolio-prebuilt-hover-style1 .thumb-title-wrap {
      width:  100%;
      height:  100%;
      padding: 20px;
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
  }
  
  .be-portfolio-prebuilt-hover-style1 .thumb-title {
      opacity: 0;
      transform: scale(0);
      transition: all 0.4s cubic-bezier(0.12, 0.65, 0.4, 1);
  }
  
  .be-portfolio-prebuilt-hover-style1 .element-inner:hover .thumb-title {
      opacity: 1;
      transform: scale(1);
  }
  
  .be-portfolio-prebuilt-hover-style1 .thumb-title-wrap .portfolio-item-cats {
      transform: translate3d(0,100%,0);
      transition: transform 0.17s linear;
      position : absolute;
      bottom: 25px;
  }
  
  .thumb-border-wrapper {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border: 0px solid transparent;
      transition: border-width 0.17s linear;
      box-sizing: border-box;
  }
  
  .be-portfolio-prebuilt-hover-style1 .thumb-bg {
      opacity: 0;
      transition: opacity 0.17s linear;
  }
  
  .be-portfolio-prebuilt-hover-style1 .element-inner:hover .thumb-bg {
      opacity: 1;
  }
  
  .be-portfolio-prebuilt-hover-style1 .element-inner:hover .thumb-border-wrapper {
      border-width: 10px;
  }
  
  .be-portfolio-prebuilt-hover-style1 .element-inner:hover .thumb-title-wrap .portfolio-item-cats {
      transform: translate3d(0,0,0);
  }
  
  .be-portfolio-prebuilt-hover-style1 .element-inner:hover .thumb-title-wrap .thumb-icon-wrapper {
      transform: translate3d(0,0,0);
  }
  .be-portfolio-prebuilt-hover-style1 .like-button-wrap{
    right : 23px;
    top : 17px;
  }
  /************************/
  
  /******* STYLE2 *********/
  
  .be-portfolio-prebuilt-hover-style2 .thumb-bg {
      padding: 25px;
      display: flex;
      box-sizing: border-box;
      width: 100%;
      align-items: center;
      flex-direction: column;
      justify-content: center;
  }
  .be-portfolio-prebuilt-hover-style2 .portfolio-container .thumb-bg{
    background : transparent;
  }
  .be-portfolio-prebuilt-hover-style2 .thumb-overlay {
      width: 100%;
      height: 100%;
  }
  .be-portfolio-prebuilt-hover-style2 .be-prebuilt-overlay-wrapper{
      position : absolute;
      width : 100%;
      height: 100%;
      opacity : 0;
      transition : .7s opacity cubic-bezier(.165,.84,.44,1);
  }
  .be-portfolio-prebuilt-hover-style2 .element-inner:hover .be-prebuilt-overlay-wrapper{
      opacity : 1;
  }
  .be-portfolio-prebuilt-hover-style2 .thumb-title-wrap {
      text-align: center;
      width: 100%;
      position: relative;
  }
  .be-portfolio-prebuilt-hover-style2 .portfolio-item-cats {
      margin-top: 10px;
      position: relative;
      overflow : hidden;
  }
  .be-portfolio-prebuilt-hover-style2 .portfolio-item-cats-inner-wrap {
      opacity : 0;
      transform : translate3d(0,-100%,0);
      transition : .6s transform cubic-bezier(.165,.84,.44,1),.6s opacity cubic-bezier(.165,.84,.44,1);
  }
  .be-portfolio-prebuilt-hover-style2 .element-inner:hover .portfolio-item-cats-inner-wrap {
      opacity : 1;
      transform : translate3d(0,0,0);
      transition : .6s transform cubic-bezier(.165,.84,.44,1) .2s,.6s opacity cubic-bezier(.165,.84,.44,1) .2s;
  }
  .be-portfolio-prebuilt-hover-style2 .like-button-wrap{
    right : 15px;
    top : 15px;
  }
  .be-portfolio-prebuilt-hover-style2 .be-portfolio-prebuilt-hover-separator {
      width: 100%;
      height: 1px;
      background: rgba(255,255,255,0.2);
      border-width : 0;
      margin : 0;
      transform: scaleX(0);
      transition: .5s transform cubic-bezier(.165,.84,.44,1) .2s;
      margin: 5px 0px;
  }
  .be-portfolio-prebuilt-hover-style2 .element-inner:hover .be-portfolio-prebuilt-hover-separator{
      transform: scaleX(1);
      transition : .4s transform cubic-bezier(.165,.84,.44,1);  
  }
  .be-portfolio-prebuilt-hover-style2 .thumb-title{
      overflow : hidden;
  }
  .be-portfolio-prebuilt-hover-style2 .thumb-title-inner-wrap{
      opacity: 0;
      transform : translate3d(0,100%,0);
      transition : .6s transform cubic-bezier(.165,.84,.44,1),.6s opacity cubic-bezier(.165,.84,.44,1);
  }
  .be-portfolio-prebuilt-hover-style2 .element-inner:hover .thumb-title-inner-wrap{
      opacity : 1;
      transform : translate3d(0,0,0);
      transition : .6s transform cubic-bezier(.165,.84,.44,1) .2s,.6s opacity cubic-bezier(.165,.84,.44,1) .2s;
  }
  .be-portfolio-prebuilt-hover-style2 .flip-img-wrap img{
      transition : 1.2s transform cubic-bezier(.165,.84,.44,1);
  }
  .be-portfolio-prebuilt-hover-style2 .element-inner:hover .flip-img-wrap img{
      transform: scale(1.15);
  }
  /************************/
  
  /******* STYLE3 *********/
  
  .be-portfolio-prebuilt-hover-style3 .element-inner .thumb-bg {
      background: transparent;
      display: block;
  }
  .be-portfolio-prebuilt-hover-style3 .element-inner .be-thumb-overlay-wrap {
      opacity : 0;
      transition : opacity 0.3s ease;
      width : 100%;
      height : 100%;
  }
  .be-portfolio-prebuilt-hover-style3 .element-inner:hover .be-thumb-overlay-wrap {
      opacity : 1;
  }
  
  .be-portfolio-prebuilt-hover-style3 .thumb-border-wrapper{
    width : 100%;
    height : 100%;
    position: relative;
    border: 10px solid transparent;
    box-sizing: border-box;
    opacity: 0;
    transform: scale3d(0.9,0.9,0.9);
    transition: 0.3s transform, 0.15s opacity; 
  }
  .be-portfolio-prebuilt-hover-style3 .element-inner:hover .thumb-border-wrapper{
    opacity: 1;
    transform: scale3d(1,1,1);
    transition: 0.15s transform, 0.3s opacity;
  }
  .be-portfolio-prebuilt-hover-style3 .thumb-overlay {
      width:  100%;
      height:  100%;
  }
  .be-portfolio-prebuilt-hover-style3 .thumb-shadow-wrapper {
      width: 90%;
      height: 90%;
      position: absolute;
      display: block;
      box-shadow: 0 6px 30px rgba(0,0,0,0.5);
      z-index: -1;
      top: 5%;
      left: 5%;
      box-sizing: border-box;
  }
  .be-portfolio-prebuilt-hover-style3 .element-inner:hover .thumb-shadow-wrapper{
      box-shadow: 0 30px 60px rgba(0,0,0,0.3), 0 12px 30px rgba(0,0,0,0.3)
  }
  .be-portfolio-prebuilt-hover-style3 .thumb-wrap{
      transform-style: preserve-3d;
  }
  
  .be-portfolio-prebuilt-hover-style3 .thumb-title-wrap {
      opacity: 0;
      transform: translateZ(20px) scale(0.98);
      transition: all 300ms ease;
      position: absolute;
      left: 40px;
      bottom : 40px;
  }
  
  .be-portfolio-prebuilt-hover-style3 .element-inner:hover .thumb-title-wrap {
      opacity: 1;
      transform: translateZ(20px) scale(1);
  }
  
  .be-portfolio-prebuilt-hover-style3.portfolio, .be-portfolio-prebuilt-hover-style3 .portfolio-container, .be-portfolio-prebuilt-hover-style3 .element,.be-portfolio-prebuilt-hover-style3 .element .element-inner, .be-portfolio-prebuilt-hover-style3 .element .thumb-wrap, .be-portfolio-prebuilt-hover-style3 .thumb-overlay{
      overflow: visible;
  }
  .be-portfolio-prebuilt-hover-style3 .like-button-wrap{
    right : 15px;
    top : 15px;
  }
  
  /************************/
  
  /******* STYLE4 *********/
  
  .be-portfolio-prebuilt-hover-style4 .thumb-overlay {
      width: 100%;
      height: 100%;
      padding: 10px;
      display: flex;
      justify-content: center;
      align-items: center;
      opacity: 0;
      transition: opacity 0.3s linear;
      box-sizing: border-box;
  }
  
  .be-portfolio-prebuilt-hover-style4 .thumb-bg {
      width: 100%;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
  }
  
  .be-portfolio-prebuilt-hover-style4 .element-inner:hover .thumb-overlay {
      opacity: 1;
  }
  
  .be-portfolio-prebuilt-hover-style4 .thumb-title-wrap {
      text-align: center;    
  }
  
  /*.be-portfolio-prebuilt-hover-style4 .element-inner:hover .thumb-title-wrap {
      opacity: 1;
      transform: scale(1);
  }*/
  .be-portfolio-prebuilt-hover-style4 .portfolio-item-cats, .be-portfolio-prebuilt-hover-style4 .thumb-title{
      overflow: hidden;
  }
  .be-portfolio-prebuilt-hover-style4 .portfolio-item-cats-inner-wrap {
      opacity : 0;
      transform : translate3d(0,-100%,0);
      transition : .6s transform cubic-bezier(.165,.84,.44,1),.6s opacity cubic-bezier(.165,.84,.44,1);
  }
  .be-portfolio-prebuilt-hover-style4 .element-inner:hover .portfolio-item-cats-inner-wrap {
      opacity : 1;
      transform : translate3d(0,0,0);
      transition : .6s transform cubic-bezier(.165,.84,.44,1) .2s,.6s opacity cubic-bezier(.165,.84,.44,1) .2s;
  }
  .be-portfolio-prebuilt-hover-style4 .thumb-title-inner-wrap{
      opacity: 0;
      transform : translate3d(0,100%,0);
      transition : .6s transform cubic-bezier(.165,.84,.44,1),.6s opacity cubic-bezier(.165,.84,.44,1);
  }
  .be-portfolio-prebuilt-hover-style4 .element-inner:hover .thumb-title-inner-wrap{
      opacity : 1;
      transform : translate3d(0,0,0);
      transition : .6s transform cubic-bezier(.165,.84,.44,1) .2s,.6s opacity cubic-bezier(.165,.84,.44,1) .2s;
  }
  .be-portfolio-prebuilt-hover-style4 .like-button-wrap{
    right : 20px;
    top : 15px;
  }
  
  /************************/
  
  /************ END PREBUILT HOVER STYLES *************/
  
  /***************CLASSIC STYLE**************************/
  
  .two-col .element {
      width:  560px;
  }
  .three-col .element {
      width:  360px;
  }
  .three-col .element.wide {
      width:  760px;
  }
  .four-col .element {
      width:  260px;
  }
  .four-col .element.wide {
      width:  560px;
  }
  
  /***************FULL SCREEN STYLE**************************/
  .full-screen .element {
      width: 20%;
      margin: 0px;
  }
  .full-screen.one-col .element {
      width: 100%;
  }
  .full-screen.two-col .element {
      width: 50%;
  }
  /***PORTFOLIO TWO COLUMN DOUBLE WIDTH : START ***/
  .full-screen.two-col.masonry_disable .portfolio-shortcode .element.wide-width-height, .full-screen.two-col.masonry_disable .portfolio-shortcode .element.wide-width {
    width: 100%;
  }
  /***PORTFOLIO TWO COLUMN DOUBLE WIDTH : END ***/
  .full-screen.two-col.masonry_disable .element.wide {
      width: 50%;
  }
  .full-screen.three-col .element,
  .full-screen.three-col.masonry_enable .element.wide {
      width : 33.34%;
  }
  .full-screen.three-col .element.wide{
      width: 66.7%; 
  }
  .full-screen.four-col .element,
  .full-screen.four-col.masonry_enable .element.wide {
      width: 25%;
  }
  .full-screen.four-col .element.wide {
      width: 50%;
  }
  .full-screen.five-col .element,
  .full-screen.five-col.masonry_enable .element.wide {
      width: 20%;
  }
  .full-screen.five-col .element.wide{
      width: 40%;
  }
  /***************FULL SCREEN WITH GUTTER STYLE**************************/
  .full-screen-gutter  {
      margin-right: 40px;
  }
  .full-screen-gutter.style2-gutter {
      margin-right: 0px !important;
      margin-left: -40px;
  }
  .full-screen-gutter .element .element-inner {
      margin-left: 40px;
  }
  .full-screen-gutter .element {
      margin-bottom: 40px;
  }
  /*********************************************************************/
  .element .element-inner,
  .element .thumb-wrap,
  .element .flip-img-wrap {
      overflow: hidden;
      position: relative;
  }
  .element img {
      width: 100%;
      max-width : initial;
      display: block;
      position: relative;
  }
  
  .oshine-portfolio-module .flip-img-wrap img, 
  .oshine-gallery-module .flip-img-wrap img {
  
      position : absolute;
  
  }

  .internet-explorer .oshine-portfolio-module .flip-img-wrap img, 
  .internet-explorer .oshine-gallery-module .flip-img-wrap img {
    max-width:none !important;
  }
  
  .element.bw_to_bw .element-inner .flip-img-wrap img,
  .element.bw_to_c .element-inner .flip-img-wrap img,
  .element.c_to_bw .element-inner:hover .flip-img-wrap img,
  .client-carousel-item.bw_to_bw img,
  .client-carousel-item.bw_to_c img,
  .client-carousel-item.c_to_bw:hover img {
      filter : url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter     id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /*     Firefox 10+, Firefox on Android */
      filter : gray; /* IE6-9 */
      -webkit-filter : grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
      -moz-filter: grayscale(100%);
      -ms-filter: grayscale(100%);
      -o-filter: grayscale(100%);
  }
  .element.bw_to_c .element-inner:hover .flip-img-wrap img,
  .element.c_to_bw .element-inner .flip-img-wrap img,
  .client-carousel-item.bw_to_c:hover img,
  .client-carousel-item.c_to_bw img {
      -webkit-filter: grayscale(0); 
      -webkit-filter: grayscale(0%); 
      -moz-filter: grayscale(0%);
      filter: grayscale(0%);
  }
  .element .element-inner .flip-img-wrap.zoom-in-effect img,
  .element .element-inner .flip-img-wrap.zoom-out-effect img,
  .element .element-inner .flip-img-wrap.zoom-in-rotate-effect img,
  .element .element-inner .flip-img-wrap.zoom-out-rotate-effect img {
      -webkit-transform-style: preserve-3d;
      -moz-transform-style: preserve-3d;
      -ms-transform-style: preserve-3d;
      transform-style: preserve-3d;
  }
  .element .element-inner:hover .flip-img-wrap.zoom-in-effect img,
  .element .element-inner .flip-img-wrap.zoom-out-effect img {
      -webkit-transform: scale(1.3);
      -moz-transform: scale(1.3);
      -ms-transform: scale(1.3);
      -o-transform: scale(1.3);
      transform: scale(1.3);
  }
  .element .element-inner:hover .flip-img-wrap.zoom-out-effect img {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
  }
  .element .element-inner:hover .flip-img-wrap.zoom-in-rotate-effect img,
  .element .element-inner .flip-img-wrap.zoom-out-rotate-effect img {
      -webkit-transform: scale(1.3) rotate(-5deg);
      -moz-transform: scale(1.3) rotate(-5deg);
      -ms-transform: scale(1.3) rotate(-5deg);
      -o-transform: scale(1.3) rotate(-5deg);
      transform: scale(1.3) rotate(-5deg);
  }
  .element .element-inner:hover .flip-img-wrap.zoom-out-rotate-effect img {
      -webkit-transform: scale(1) rotate(0deg);
      -moz-transform: scale(1) rotate(0deg);
      -ms-transform: scale(1) rotate(0deg);
      -o-transform: scale(1) rotate(0deg);
      transform: scale(1) rotate(0deg);
  }
  .element img,
  .client-carousel-item img {
      transition: filter 0.4s, transform 0.4s,opacity .6s ease-in;
      -o-transition: -o-filter 0.4s, -o-transform 0.4s, opacity .6s ease-in;
      -ms-transition: -ms-filter 0.4s, -ms-transform 0.4s, opacity .6s ease-in;
      -moz-transition: -moz-filter 0.4s, -moz-transform 0.4s, opacity .6s ease-in;
      -webkit-transition: -webkit-filter 0.4s, -webkit-transform 0.4s, opacity .6s ease-in;   
  }
  
   .element.wide-width-height img, 
  .element.wide-height img, 
  .element.wide-width img {
      max-width: none;
      display: inline-block !important;
  } 

  /* portfolio width on desktop 
  .full-screen .element.wide-width-height, 
  .full-screen .element.wide-width{
          width : 100% !important;
  }*/

  .portfolio-archives .portfolio.full-screen {
      margin-bottom: 0px;
  }
  .portfolio-container .element:last-child,
  .full-screen.full-screen-gutter .portfolio-container .element {
      margin-bottom: 40px;
  }
  .full-screen .portfolio-container .element {
      margin-bottom: 0px;
  }
  .portfolio-categories {
      list-style: none;
      padding: 0;
      margin-bottom: 10px;
  }
  .portfolio-categories li {
      float: left;
      margin-right: 10px;
      margin-bottom: 0;
  }
  .portfolio-title {
      margin-bottom: 0;
  }
  .portfolio-title h6 {
      margin-bottom: 5px;
  }
  .portfolio-title a {
      display: block;
  }
  .portfolio-content { 
      margin-bottom: 20px; 
  }
  .element .one-half , .element .be-button, .element img {
      margin-bottom: 0;
  }
  .element .be-row, .portfolio.one-col .element{
      margin-bottom: 50px;
  }
  .three-col .portfolio-title , .four-col .portfolio-title, .two-col .portfolio-title, .related-items .portfolio-title{
      padding: 5px 5px 5px 0;
      margin: 12px 1px 1px !important;
  }
  .portfolio-content-wrap{
      padding-left: 10px;
  }
  .portfolio-overlay-icon {
      color: #fff;
      background: url(//knop.pl/wp-content/plugins/oshine-modules/public/img/plus_icon.png) no-repeat;
      width: 50px;
      height: 50px;
      display: inline-block;
  }
  /*.hover-icon-no-show .portfolio-overlay-icon,*/
  .hover-icon-no-show .thumb-title{
      display: none;
  }
  .trigger_load_more {
      margin: 40px 0 0 40px;
      text-align: center;
  }
  .portfolio .pagination_parent{
      margin-top: 40px;
  }
  .trigger_infinite_scroll {
      height: 1px;
  }
  .like-button-wrap {
      display: inline-block;
      position: absolute;
      right: 10px;
      top: 10px;
  }
  .portfolio a.custom-like-button,
  .justified-gallery a.custom-like-button,
  .portfolio-carousel a.custom-like-button {
      color: #fff;
      line-height: 16px;
      opacity: 0;
      font-size: 13px;
      /* -webkit-transition-delay: 0.4s; 
      transition-delay: 0.4s; */
      transition : transform 0.2s, opacity 0.4s;
      z-index: 10;
  }
  .portfolio[class*="be-portfolio-prebuilt-hover"] .custom-like-button{
      transform : scale( 0.8 );
      display: inline-block;
      transition : transform 0.2s, opacity 0.4s;
  }
  .custom-like-button span {
      display: inline-block;
      margin-left: 3px;
  }
  .element-inner:hover .custom-like-button,
  .portfolio-carousel .element:hover .custom-like-button {
      opacity: 1;
  }
  .portfolio[class*="be-portfolio-prebuilt-hover"] .element-inner:hover .custom-like-button{
      transform : scale( 1 );
      transition : transform 0.4s, opacity 0.2s;
      transition-delay: 0.4s;
  }
  
  a.custom-like-button.no-liked{
    color: rgba(255,255,255,0.5);
  }

  a.custom-like-button.liked{
    color: rgba(255,255,255,1);
  }

  /***************THUMB EFFECTS**************************/
  
  .thumb-wrap {
      display: block;
  }
  .thumb-wrap, .thumb-bg{
      position: relative;
  }
  .flip-wrap {
      overflow: hidden;
      position: relative;
  }
  .thumb-overlay {
      position: absolute;
      overflow: hidden;
      width: 101%;
      height: 101%;
      top:0;
      left:0;
      /*display: none;*/
  }
  
  .style3-hover .thumb-overlay,
  .style4-hover .thumb-overlay {
      width: 100%;
      height: 100%;
  }
  
  .thumb-bg {
      width: 100%;
      height: 100%;
      display: table;
  }
  .thumb-title-wrap {
      width : 100%;
  }
  .thumb-bg .thumb-icons {
      display: table-cell;
      vertical-align: middle;
      text-align: center;
  }
  /*PORTFOLIO TITLE STYLE 1*/
  .style1-title .thumb-title-wrap {
      text-align: center;
      display: table-cell;
      vertical-align: middle;
  }
  .style1-title .thumb-title {
      display: inline-block;
      font-weight: 700;
      letter-spacing: 2px;
      font-size: 12px;
      text-transform: uppercase;
      border: 3px solid;
      padding: 6px 15px;
      margin-bottom: 10px;
  }
  
  .portfolio-item-cats {
    margin-bottom: 0;
  }
  
  /*PORTFOLIO TITLE STYLE 2/STYLE 3/STYLE 4*/
  .style2-title .thumb-title-wrap,
  .style3-title .thumb-title-wrap,
  .style4-title .thumb-title-wrap {
      text-align: center;
      display: table-cell;
      vertical-align: top;
  }
  .style2-title .thumb-title,
  .style4-title .thumb-title {
      margin: 10px 20px 10px 20px;
  }
  .style3-title .thumb-title{
      margin: 0px 0px 10px 0px;    
  }
  .style2-title .portfolio-item-cats,
  .style3-title .portfolio-item-cats,
  .style4-title .portfolio-item-cats {
      margin: 0px 20px 0px 20px;
  }
  /*PORTFOLIO TITLE STYLE 2*/
  .style2-title .thumb-bg {
      align-items: flex-start;
  }
  .style2-title .thumb-title-wrap {
      text-align: left;
  }
  /*PORTFOLIO TITLE STYLE 3*/
  .style3-title .thumb-bg {
      align-items: center;
  }
  .style4-title .portfolio-item-cats {
      margin: 0px 0px 0px 0px !important;
  }
  /*PORTFOLIO TITLE STYLE 4*/
  .style4-title .thumb-bg {
      align-items: flex-end;
  }
  .style4-title .thumb-title-wrap {
      text-align: left;
  }
  .style4-title .portfolio-item-cats {
      margin: 0px 20px 10px 20px !important;
  }
  .style4-title .thumb-title:last-child {
  margin-bottom: 5px !important;
  }
  
  .popup-gallery {
      display: none;
  }
  
  .thumb-bg.act-table {
      display: table
  }
  
  .thumb-icons a{
      margin-right: 10px;
      padding: 6px 5px 4px 5px;
      display: inline-block;
      border-radius: 50%;
  }
  .thumb-icons .font-icon {
      font-size: 16px;
  }
  
  /*.blog-post .thumb-overlay {
      display: none;
  }*/
  
  .element.style1-hover .thumb-overlay {
      opacity: 0;
      transition: opacity 0.4s ease;
      -webkit-transition: opacity 0.4s ease;
      -moz-transition: opacity 0.4s ease;
  }
  .element.style1-hover .element-inner:hover .thumb-overlay{
      opacity: 1;
  }
  
  .element.style2-hover {
      -webkit-perspective: 1300px;
      -moz-perspective: 1300px;
      perspective: 1300px;
  }
  .element.style2-hover .thumb-overlay {
      -webkit-transform-style: preserve-3d;
      -moz-transform-style: preserve-3d;
      transform-style: preserve-3d;
      -webkit-transform: rotateY(-70deg);
      -moz-transform: rotateY(-70deg);
      -ms-transform: rotateY(-70deg);
      transform: rotateY(-70deg);
      -webkit-transition: all 0.4s;
      -moz-transition: all 0.4s;
      transition: all 0.4s;
      opacity: 0;
  }
  .element.style2-hover .element-inner:hover .thumb-overlay {
      -webkit-transform: rotateY(0deg);
      -moz-transform: rotateY(0deg);
      -ms-transform: rotateY(0deg);
      transform: rotateY(0deg);
      opacity: 1;
  }
  
  .element.style3-hover,
  .element.style4-hover {
      overflow: hidden;
  }
  .style3-hover .thumb-overlay,
  .style4-hover .thumb-overlay {
      display: none;
  }
  
  .element.style5-hover .thumb-overlay {
      -webkit-transform: scale(0.3);
      -moz-transform: scale(0.3);
      -ms-transform: scale(0.3);
      transform: scale(0.3);
      opacity: 0;
      -webkit-transition: all 0.4s;
      -moz-transition: all 0.4s;
      transition: all 0.4s;
  }
  .element.style5-hover .element-inner:hover .thumb-overlay {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
      opacity: 1;
  }
  
  .element.style6-hover {
      -webkit-perspective: 1300px;
      -moz-perspective: 1300px;
      perspective: 1300px;
      overflow: hidden;
  }
  .element.style6-hover .thumb-overlay {
      -webkit-transform-style: preserve-3d;
      -moz-transform-style: preserve-3d;
      transform-style: preserve-3d;
      -webkit-transform: translateZ(600px) rotateX(20deg); 
      -moz-transform: translateZ(600px) rotateX(20deg); 
      -ms-transform: translateZ(600px) rotateX(20deg); 
      transform: translateZ(600px) rotateX(20deg); 
      opacity: 0;
      -webkit-transition: all 0.4s ease;
      -moz-transition: all 0.4s ease;
      transition: all 0.4s ease;
  }
  .element.style6-hover .element-inner:hover .thumb-overlay {
      -webkit-transform: translateZ(0px) rotateX(0deg);
      -moz-transform: translateZ(0px) rotateX(0deg);
      -ms-transform: translateZ(0px) rotateX(0deg);
      transform: translateZ(0px) rotateX(0deg); 
      opacity: 1;
  }
  .element.style7-hover {
      -webkit-perspective: 1300px;
      -moz-perspective: 1300px;
      perspective: 1300px;
  }
  .element.style7-hover .thumb-overlay {
      -webkit-transform-style: preserve-3d;
      -moz-transform-style: preserve-3d;
      transform-style: preserve-3d;
      -webkit-transform: rotateX(-70deg);
      -moz-transform: rotateX(-70deg);
      -ms-transform: rotateX(-70deg);
      transform: rotateX(-70deg);
      -webkit-transition: all 0.4s;
      -moz-transition: all 0.4s;
      transition: all 0.4s;
      opacity: 0;
  }
  .element.style7-hover .element-inner:hover .thumb-overlay {
      -webkit-transform: rotateX(0deg);
      -moz-transform: rotateX(0deg);
      -ms-transform: rotateX(0deg);
      transform: rotateX(0deg);
      opacity: 1;
  }
  
  .element.style8-hover .thumb-overlay {
      -webkit-transform: scale(0) rotate(720deg);
      -moz-transform: scale(0) rotate(720deg);
      -ms-transform: scale(0) rotate(720deg);
      transform: scale(0) rotate(720deg);
      opacity: 0;
      -webkit-transition: all 0.4s;
      -moz-transition: all 0.4s;
      transition: all 0.4s;
  }
  .element.style8-hover .element-inner:hover .thumb-overlay {
      -webkit-transform: scale(1) rotate(0deg);
      -moz-transform: scale(1) rotate(0deg);
      -ms-transform: scale(1) rotate(0deg);
      transform: scale(1) rotate(0deg);
      opacity: 1;
  }
  .touch .justified-gallery .element-inner:hover .thumb-overlay{
    opacity: 0;
    transition: none;
    transform: none;
  }
  .element.style5-title,
  .element.style5-title .element-inner,
  .element.style6-title,
  .element.style6-title .element-inner {
      overflow: visible;
  }
  .element.style5-title .thumb-overlay,
  .element.style6-title .thumb-overlay,
  .element.style7-title .thumb-overlay {
      position: relative;
      display: block !important;
  }
  .portfolio-container .style5-title .thumb-overlay .thumb-bg,
  .portfolio-container .style6-title .thumb-overlay .thumb-bg,
  .portfolio-container .style7-title .thumb-overlay .thumb-bg {
      padding: 15px 18px;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box;
  }
  .style5-title .portfolio-item-cats,
  .style6-title .portfolio-item-cats {
      margin: 0px 0px 0px 0px !important;
  }
  .style5-title .thumb-title,
  .style6-title .thumb-title,
  .style7-title .thumb-title {
      margin: 0px 0px 5px 0px !important;
  }
  .element.style6-title .thumb-overlay .thumb-bg {
      padding: 15px 0px;
  }
  .element.style7-title .thumb-overlay {
      position: absolute;
      bottom: -120px;
      top: auto;
      height: auto;
      -webkit-transition: bottom 0.4s;
      -moz-transition: bottom 0.4s;
      transition: bottom 0.4s;
  }
  .element.style7-title .element-inner:hover .thumb-overlay {
      bottom: 0px;
  }
  .portfolio-container.force-show-thumb-overlay{
      opacity: 0;
      transition: opacity 0.4s;
  }
  .portfolio-container.force-show-thumb-overlay .element .thumb-overlay{
      /*transform: none;*/
      /*transition: none;*/
      opacity: 1;
      display: block;
      bottom: 0px;
  }
  
  /***************FILTERS**************************/
  
  .filters{
      /*text-transform: uppercase;*/
      margin-bottom:40px;  
      /*font-size: 12px;*/
      text-align: center;
      /*position: static !important;*/
  }
  
  .filters .sort{
      cursor:pointer; 
      display: inline-block;
  }
  .filters.border .sort{
      padding:5px 18px 5px 20px;
  }
  .filters.rounded .sort{
      padding: 3px 20px;
  }
  .filters .filter_item {
      font-weight: normal;
      margin-bottom: 0;
      display: inline-block;
  }
  .filters.border .filter_item{
      margin-right: 5px;
  }
  .filters.single_border .filter_item{
      border-right: 1px solid;
      padding: 0px 13px;
      line-height: normal;
  }
  .filters.border .current_choice {
      border: 1px solid;
  }
  .filters.rounded .current_choice{
      border-radius: 50px;
  }
  
  /*********************************************************************
              LOADING
  *********************************************************************/
  .loader {
      text-align: center;
      width: 100px;
      height: 100px;
      position: absolute;
      top: 50%;
      left: 50%;
      z-index: 2;
      margin: -50px 0px 0px -50px;
      display: none;
      overflow: hidden;
  }
  .page-loader {
      position: fixed;
      z-index: 10;
  }
  .loader-style1-wrap {
      width: 50px;
      height: 50px;
      position: relative;
      margin: 25px;
  }
  .loader-style1-double-bounce1, .loader-style1-double-bounce2 {
      position: absolute;
      width: 100%;
      height: 100%;
      border-radius: 50%;
      background-color: #999;
      opacity: 0.6;
      top: 0;
      left: 0;
      -webkit-animation: loader-style1-animation 2.0s infinite ease-in-out;
      animation: loader-style1-animation 2.0s infinite ease-in-out;
  }
  .loader-style1-double-bounce2 {
      -webkit-animation-delay: -1.0s;
      animation-delay: -1.0s;
  }
  @-webkit-keyframes loader-style1-animation {
      0%, 100% { 
          -webkit-transform: scale(0.0);
      }
      50% { 
          -webkit-transform: scale(1.0);
      }
  }
  @keyframes loader-style1-animation {
      0%, 100% { 
          transform: scale(0.0);
          -webkit-transform: scale(0.0);
      } 50% { 
          transform: scale(1.0);
          -webkit-transform: scale(1.0)
      }
  }
  .loader-style2-wrap {
      width: 50px;
      height: 50px;
      margin: 25px auto;
      background-color: #999;
      border-radius: 100%;  
      -webkit-animation: loader-style2-animation 1.0s infinite ease-in-out;
      animation: loader-style2-animation 1.0s infinite ease-in-out;
  }
  @-webkit-keyframes loader-style2-animation {
      0% { -webkit-transform: scale(0.0) }
      100% {
          -webkit-transform: scale(1.0);
          opacity: 0;
      }
  }
  @keyframes loader-style2-animation {
      0% { 
          transform: scale(0.0);
          -webkit-transform: scale(0.0);
      } 100% {
          transform: scale(1.0);
          -webkit-transform: scale(1.0);
          opacity: 0;
      }
  }
  .loader-style3-wrap {
      margin: 10px auto;
      width: 80px;
      height: 50px;
      text-align: center;
      font-size: 10px;
  }
  .loader-style3-wrap > div {
      background-color: #999;
      height: 100%;
      width: 8px;
      display: inline-block; 
      -webkit-animation: loader-style3-animation 1.2s infinite ease-in-out;
      animation: loader-style3-animation 1.2s infinite ease-in-out;
      margin: 0px 2px;
  }
  .loader-style3-wrap .rect2 {
      -webkit-animation-delay: -1.1s;
      animation-delay: -1.1s;
  }
  .loader-style3-wrap .rect3 {
      -webkit-animation-delay: -1.0s;
      animation-delay: -1.0s;
  }
  .loader-style3-wrap .rect4 {
      -webkit-animation-delay: -0.9s;
      animation-delay: -0.9s;
  }
  .loader-style3-wrap .rect5 {
      -webkit-animation-delay: -0.8s;
      animation-delay: -0.8s;
  }
  @-webkit-keyframes loader-style3-animation {
      0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
      20% { -webkit-transform: scaleY(1.0) }
  }
  @keyframes loader-style3-animation {
      0%, 40%, 100% { 
          transform: scaleY(0.4);
          -webkit-transform: scaleY(0.4);
      }  20% { 
          transform: scaleY(1.0);
          -webkit-transform: scaleY(1.0);
      }
  }
  .loader-style4-wrap {
      font-size: 10px;
      position: relative;
      border-top: 7px solid rgba(0, 0, 0, 0.2);
      border-right: 7px solid rgba(0, 0, 0, 0.2);
      border-bottom: 7px solid rgba(0, 0, 0, 0.2);
      border-left: 7px solid #000;
      -webkit-animation: loader-style4-animation 1.1s infinite linear;
      animation: loader-style4-animation 1.1s infinite linear;
  }
  .loader-style4-wrap,
  .loader-style4-wrap:after {
      border-radius: 50%;
      width: 40px;
      height: 40px;
      margin: 23px;
  }
  @-webkit-keyframes loader-style4-animation {
      0% {
          -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
      }
      100% {
          -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
      }
  }
  @keyframes loader-style4-animation {
      0% {
          -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
      }
      100% {
          -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
      }
  }
  .loader-style5-wrap {
      margin: 25px auto;
      width: 50px;
      height: 50px;
      position: relative;
      text-align: center;
      -webkit-animation: style5-rotate 2.0s infinite linear;
      animation: style5-rotate 2.0s infinite linear;
  }
  .loader-style5-wrap .dot1, .loader-style5-wrap .dot2 {
      width: 60%;
      height: 60%;
      display: inline-block;
      position: absolute;
      top: 0;
      background-color: #999;
      border-radius: 100%;
      -webkit-animation: style5-bounce 2.0s infinite ease-in-out;
      animation: style5-bounce 2.0s infinite ease-in-out;
  }
  .loader-style5-wrap .dot2 {
      top: auto;
      bottom: 0px;
      -webkit-animation-delay: -1.0s;
      animation-delay: -1.0s;
  }
  @-webkit-keyframes style5-rotate { 
      100% { 
          -webkit-transform: rotate(360deg) 
      }
  }
  @keyframes style5-rotate { 
      100% { 
          transform: rotate(360deg); 
          -webkit-transform: rotate(360deg) 
      }
  }
  @-webkit-keyframes style5-bounce {
      0%, 100% { -webkit-transform: scale(0.0) }
      50% { -webkit-transform: scale(1.0) }
  }
  @keyframes style5-bounce {
      0%, 100% { 
          transform: scale(0.0);
          -webkit-transform: scale(0.0);
      } 50% { 
          transform: scale(1.0);
          -webkit-transform: scale(1.0);
      }
  }
  
  
  /*********************************************************************
             CAROUSEL THUMBS
  *********************************************************************/
  .carousel_bar_area {
      position: absolute;
      bottom: 0px;
      left: 0px;
      right: 0px;
      margin: 0 auto;
      text-align: center;
      min-height: 35px;
      display: block;
      height: 100px;
      overflow: hidden;
  }
  .carousel_bar_dots{
    width: 41px;
    height: 75px;
    z-index: 2;
    position: absolute;
    display: block;
    left:50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    background: url(//knop.pl/wp-content/plugins/oshine-modules/public/img/dots.png) no-repeat center;
  }
  .carousel_bar_wrap {
      position: absolute;
      bottom: -300px;
      max-width: 100%;
      margin: 0 auto;
      right: 0px;
      left: 0px;
      /*margin-bottom: 20px;*/
  }
  .carousel_bar {
      position: relative;
  }
  
  
  
  
  /******************************************
          ICON GRID
  ******************************************/
  
  .grid-wrap {
      border-color: #272727;
      opacity: 0;
      -webkit-transition: opacity 0.3s ease-in;
      -moz-transition: opacity 0.3s ease-in;
      -o-transition: opacity 0.3s ease-in;
      -ms-transition: opacity 0.3s ease-in;
      transition: opacity 0.3s ease-in;
  }
  .grid-wrap .grid-row {
      border-color: inherit;
      width: 90%;
      margin: auto;
      display: table;
  }
  .grid-wrap .grid-col .font-icon {
      display: inline-block;
      margin-bottom: 10px;
  }
  .grid-wrap .grid-col.size-large .font-icon {
      font-size: 100px;
  }
  .grid-wrap .grid-col {
      border-right-width: 1px;
      border-bottom-width: 1px;
      border-style: solid;
      border-color: inherit;
      padding: 10px 3% 50px;
      margin: 0px !important;
      /*float: left;*/
      display: table-cell;
      vertical-align: middle;
      width: 100%;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box;
  }
  
  
  /******************************************
          Animated Icon Module - Style 1
  ******************************************/
  
  .animate-icon-module-style1-wrap-container {
      position: relative;
      width: 100%;
      height: 100%;
      max-width: 100%;
  }
  .animate-icon-module-style1-wrap {
      display: block;
      width: 100%;
      height: 300px;
  }
  .animate-icon-module {
      color: inherit;
      display: block;
      text-align: center;
      overflow: hidden;
      position: relative;
      -webkit-transition: all 200ms linear;
      -moz-transition: all 200ms linear;
      -o-transition: all 200ms linear;
      transition: all 200ms linear;
      overflow: hidden;
      display: block;
      opacity: 0;
      height: 100%;
      float: left;
  }
  .animate-icon-module-normal-content,
  .animate-icon-module-hover-content {
      display: block;
      position: absolute;
      width: 100%;
      height: 100%;
      -webkit-transition: all 600ms ease;
      -webkit-transition: all 600ms ease; 
      -moz-transition: all 600ms ease; 
      -o-transition: all 600ms ease; 
      transition: all 600ms ease;
  }
  .animate-icon-module-style1-wrap .animate-icon-module-normal-content,
  .animate-icon-module-style1-wrap .animate-icon-module-hover-content {
      z-index: 3;
  }
  .animate-icon-module-hover-content {
      -webkit-transition: all 600ms ease; 
      -moz-transition: all 600ms ease; 
      -o-transition: all 600ms ease; 
      transition: all 600ms ease;
  
  }.animate-icon-module-style1.ai-has-overlay {
    position: relative;
  }
  .animate-icon-module-style1.ai-has-overlay .ai-overlay {
      opacity: 1;
  }
  .animate-icon-module-style1 .ai-overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      transition: all 600ms ease;
      -webkit-transition: all 600ms ease; 
      -moz-transition: all 600ms ease; 
      -o-transition: all 600ms ease; 
      transition: all 600ms ease;
  }
  
  .animate-icon-module-style1 .animate-icon-module-normal-content .title_content{
    margin-top: 18px;
  }
  html body .be-section .be-row .animate-icon-module .animate-icon-module-hover-content *:last-child {
      margin-bottom: 0px !important;
  }
  .top-animate.animate-icon-module .animate-icon-module-normal-content,
  .top-animate.animate-icon-module:hover .animate-icon-module-hover-content {
      top: 0%;
  }
  .top-animate.animate-icon-module .animate-icon-module-hover-content {
      top: 100%;
  }
  .top-animate.animate-icon-module:hover .animate-icon-module-normal-content {
      top: -100%;
  }
  .left-animate.animate-icon-module .animate-icon-module-normal-content,
  .left-animate.animate-icon-module:hover .animate-icon-module-hover-content {
      left: 0%;
  }
  .left-animate.animate-icon-module .animate-icon-module-hover-content {
      left: 100%;
  }
  .left-animate.animate-icon-module:hover .animate-icon-module-normal-content {
      left: -100%;
  }
  .right-animate.animate-icon-module .animate-icon-module-normal-content,
  .right-animate.animate-icon-module:hover .animate-icon-module-hover-content {
      right: 0%;
  }
  .right-animate.animate-icon-module .animate-icon-module-hover-content {
      right: 100%;
  }
  .right-animate.animate-icon-module:hover .animate-icon-module-normal-content {
      right: -100%;
  }
  .bottom-animate.animate-icon-module .animate-icon-module-normal-content,
  .bottom-animate.animate-icon-module:hover .animate-icon-module-hover-content {
      bottom: 0%;
  }
  .bottom-animate.animate-icon-module .animate-icon-module-hover-content {
      bottom: 100%;
  }
  .bottom-animate.animate-icon-module:hover .animate-icon-module-normal-content {
      bottom: -100%;
  }
  .fade-animate.animate-icon-module .animate-icon-module-normal-content,
  .fade-animate.animate-icon-module:hover .animate-icon-module-hover-content {
      opacity: 1;
  }
  .fade-animate.animate-icon-module .animate-icon-module-hover-content {
      opacity: 0
  }
  .fade-animate.animate-icon-module:hover .animate-icon-module-normal-content {
      opacity: 0;
  }
  .display-table {
      display: table;
      width: 100%;
      height: 100%;
  }
  .display-table-cell {
      display: table-cell;
  }
  .animate-icon-module-style1 .animate-icon-module-hover-content .display-table-cell{
      padding:10px;
  }
  .vertical-align-middle {
      vertical-align: middle;
  }
  .margin-bottom-0 {
      margin-bottom: 0px !important;
  }
  
  
  /******************************************
          Animated Icon Module - Style 2
  ******************************************/
  .display-block {
      display: block;
      position: relative;
  }
  .animate-icon-module-style2-wrap {
      display: table;
      table-layout: fixed;
      width: 100%;
      height: auto;
  }
  .animate-icon-module-style2 {
      display: block;
      -webkit-transition: background-color 200ms linear, height 500ms linear, opacity 200ms linear;
      -moz-transition: background-color 200ms linear, height 200ms linear, opacity 200ms linear;
      -o-transition: background-color 200ms linear, height 200ms linear, opacity 200ms linear;
      transition: background-color 200ms linear, height 500ms linear, opacity 200ms linear;
      overflow: hidden;
      display: table-cell;
      /*height: auto;*/
      opacity: 0;
      width: 100%;
      vertical-align: middle;
  }
  .animate-icon-module-style2-inner-wrap{
      text-align: center;
      position: relative;
  }
  .animate-icon-icon {
      display: block;
      margin-bottom: 10px;
  }
  .animate-icon-module-style2 .animate-icon-icon,
  .animate-icon-module-style2 .animate-icon-title {
      -webkit-transition: color 150ms linear;
      -moz-transition: color 150ms linear;
      -o-transition: color 150ms linear;
      transition: color 150ms linear;
  }
  .animate-icon-module-style2-hover-content {
      position: absolute;
      top: 50%;
      left: 0px;
      width: 100%;
      height: auto;
      transform: translateY(100%);
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 0px 20px;
      opacity: 0;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease;
  }
  .animate-icon-module-style2-normal-content {
      position: relative;
      /*display: block;*/
      display: inline-block;
      top: 50%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 0px 20px;    
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease;
  }
  .animate-icon-module-style2-normal-content br {
      display: none;
  }
  .animate-icon-module-style2:hover .animate-icon-module-style2-normal-content{
      transform: translateY(-50%);
      margin-bottom: 12px;
  }
  .animate-icon-module-style2:hover .animate-icon-module-style2-hover-content{
      opacity: 1;
      transform: translateY(12px);
  }
  .be-section .be-row:not(:last-child) .column-block .animate-icon-module-style2-normal-content h6:last-child {
      margin-bottom: 0 !important;
  } 
  
  
  /******************************************
          Tweet
  ******************************************/
  .tweet-slides{
      display: none;
  }
  .tweet_list {
      position: relative;
      text-align: left;
  }
  .center-content .tweet_list {
      text-align: center;
  }
  .tweet_list .meta {
      display: block;
      position: relative;
      z-index: 2;
      color: inherit;
  }
  .tweet-slides .testimonial_slide_inner{
      padding-left: 0px;
  }
  /*.tweet-slides .flex-control-nav {
      display: none;
  }*/
  .tweet_list .icon-twitter {
      /*position: absolute;*/
      top: 0px;
      left: 0px;
      font-size: 80px;
      z-index: 1;
      color: #dfdfdf;
      line-height: 80px;
  }
  .tweet_list .status {
      position: relative;
      z-index: 2;
      display: block;
      margin-bottom: 10px;
      margin-top: 15px;
  }
  .tweet_list .tweet-content{
      line-height: 2.0;
  }
  .tweet_list h6 {
      /*font-size: inherit;*/
      text-transform: uppercase;
  }
  
  
  /*********************************************************************
              ACCORDIAN
  *********************************************************************/
  
  .accordion {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      -moz-opacity: 0;
      -khtml-opacity: 0;
      opacity: 0;
      -webkit-transition: opacity 0.3s ease-in;
      -moz-transition: opacity 0.3s ease-in;
      -o-transition: opacity 0.3s ease-in;
      -ms-transition: opacity 0.3s ease-in;
      transition: opacity 0.3s ease-in;
  }
  
  .ui-accordion .ui-accordion-header {
      display: block;
      cursor: pointer;
      position: relative;
      padding: 0;
      min-height: 0;
      margin: 0px;
      margin-top: 25px;
      outline: 0;
      line-height: normal;
      font-size: inherit;
  }
  .ui-accordion .ui-accordion-header:first-child {
      margin-top: 0;
  }
  .ui-accordion .ui-accordion-content p:last-child {
      margin-bottom: 0px;
  }
  
  .ui-accordion .ui-accordion-header.top-space {
      margin-top: 20px;
  }
  .ui-accordion .ui-accordion-icons .ui-accordion-icons {
      padding-left: 2.2em;
  }
  .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
      position: absolute;
      left: .5em;
      top: 50%;
      margin-top: -8px;
  }
  .ui-accordion .ui-accordion-content {
      padding: 20px 20px 20px 0;
      border-top: 0;
      overflow: auto;
      background: none;
      margin-top: -1px;
  } 
  
  .ui-accordion-header:before {
      content: '\e806';
      font-family: "icomoon";
      margin-right: 15px;
      font-size: 16px;
      position: relative;
      top: 1px;
  }
  
  .ui-accordion-header-active:before {
      content: '\e7ec';
      font-family: "icomoon";
      margin-right: 15px;
      font-size: 16px;
      position: relative;
      top: 1px;
  }
  .accordion .accordion-head.with-bg.ui-accordion-header{
      transition: background-color 0.5s linear;    
      -webkit-transition: background-color 0.5s linear;    
      -moz-transition: background-color 0.5s linear;    
      -ms-transition: background-color 0.5s linear;    
      -o-transition: background-color 0.5s linear;    
  }
  
  
  /*********************************************************************
             NEWSLETTER
  *********************************************************************/
  
  .oshine-mc-form input[type="text"] {
      width: 100%;
  }
  .oshine-mc-field {
      width: 50%;
      margin-right: 20px;
      display: inline-block;
  }
  .oshine-mc-submit-wrap {
      display: inline-block;
  }
  .oshine-mc-submit {
      margin: 0px;
      line-height: 7px !important;
  }
  .oshine-mc-wrap .field_consent {
      margin-bottom: 20px;
    }
  
  /*********************************************************************
              PRICING TABLE
  *********************************************************************/ 
  
  .pricing-table {
      list-style: none;
      padding: 0;
      /*border-bottom: none !important;*/
      background: #fff;
      padding-bottom: 25px;
  }   
  .pricing-table.sec-border{
      border-width:1px !important;
  }
  .pricing-table li {
      margin: 0;
      padding: 20px;
      text-align: center;
  }
  .pricing-table li.pricing-price .price{
      margin-bottom: 5px;
  }
  .pricing-table li.pricing-button {
      padding: 20px 15px 0px 15px;
  }
  .pricing-table li.pricing-button .be-button{
      border-radius: 0px;
      border-width: 2px !important;
  }
  .pricing-button .button{
      margin: 0;
  }
  
  .pricing-title-head-tag {
      display: inline-block;
  }
  .pricing-price{
      padding: 30px 15px;
  }
  li.pricing-feature{
      padding: 10px 0;
  }
  .pricing-table .price {
      font-size: 40px;
      line-height: 50px;
      display: inline-block;
  }
  .pricing-table .currency{
      font-size: 20px;
      font-weight: normal;
  }
  .pricing-table .pricing-duration {
      display: block;
  }
  .pricing-table.highlight-no {
      /*top: 10px;*/
      /*position: relative;*/
  }
  .pricing-duration.special-subtitle{
      max-width: 100%;
  }
  .pricing-table.highlight-yes .pricing-title, 
  .pricing-table.highlight-yes .pricing-button {
      padding: 28px 15px;
      /*padding: 10px;*/
  }
  
  
  /*********************************************************************
              SERVICES
  *********************************************************************/
  
  .be-services {
      margin: 0 auto;
      max-width: 80%;
      overflow: hidden;
      list-style: none;
      padding: 0;
      position: relative;
      list-style-type: none;
      /*opacity: 0;*/
      position: relative;
  }
  .be-service:nth-child(even) {
      /* float: left; */
      padding: 0px 58% 0 0;
  }
  
  .be-service {
      /* float: right; */
      margin: 0 0 30px;
      padding: 0 0 0 58%;
      position: relative;
  }
  .be-service .font-icon {
      position: absolute;
      top: 0px;
      display: block;
      right: 50%;
      margin-right: -22px;
      background: #000;
      color: #fff;
      border-radius: 50%;
      z-index: 1;
      line-height: 44px;
      width: 44px;
      height: 44px;
      text-align: center;
      -webkit-transition: background 500ms ease, color 500ms ease;
      -moz-transition: background 500ms ease, color 500ms ease;
      -ms-transition: background 500ms ease, color 500ms ease;
      -o-transition: background 500ms ease, color 500ms ease;
      transition: background 500ms ease, color 500ms ease;
  }
  .be-service .service-wrap div.service-content{
      padding: 2% 9%;
  }
  .be-service .font-icon.icon-size-large {
      line-height: 84px;
      margin-right: -42px;
      font-size: 30px;
      width: 84px;
      height: 84px;
      text-align: center;
  }
  .be-service .font-icon.icon-size-medium {
      line-height: 64px;
      margin-right: -32px;
      font-size: 22px;
      width: 64px;
      height: 64px;
      text-align: center;
  }
  .services-outer-wrap span.timeline {
      position: absolute;
      top: 0px;
      right: 50%;
      display: block;
      height: 100%;
      width: 1px;
      margin-right: -0.5px;
  }
  
  .services-outer-wrap {
      position: relative;
  }
  
  
  
  /*********************************************************************
              SKILLS
  *********************************************************************/
  
  
  .skill-wrap .skill-bar { 
      height: 15px;
      position: relative;
  }
  .expand { 
      height: 15px;
      line-height: 15px;
      position:absolute;
      top: 0;
      left: 0;
      width: 0px;        
      transition: all 0.7s linear !important;
  }
  .skill-wrap .skill-bar {
      font-size: inherit;
      display: block;
  }
  .skill-wrap .skill_name{
      display: block;
  }
  .skill-vertical .skill-wrap .skill-bar{
      margin-bottom: 8px;
  }
  .skill-vertical .skill-wrap .skill_name{
      margin-bottom: 25px;
  }
  .skill-horizontal .skill-wrap {
      margin-bottom: 25px;
  }
  .skill-horizontal .skill-wrap .skill_name{
      margin-bottom: 8px;
  }
  .skill-vertical .skill {
      display: block;
      width: 100%;
      height: 100%;
      padding: 0px 10px;
  }
  .skill-vertical .skill-wrap {
      text-align: center;
      padding: 0px 10px;
      float: left;
      -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
      display: none;
  }
  .skill-vertical .skill-wrap .skill-bar .be-skill {
      width: 100% !important;
      bottom: 0px;
      position: absolute;
      top: auto;
  }
  
  
  /*********************************************************************
              SPECIAL HEADING
  *********************************************************************/
  
  .special-heading {
      position: relative; 
  }
  .special-h-tag {
      margin: 0;
  }
  .special-heading:first-child{
      margin-top: 0;
  }
  .align-center {
      text-align: center;
  }
  .align-left {
      text-align: left;
  }
  .align-right {
      text-align: right;
  }
  .special-heading-wrap.oshine-module {
      margin-bottom: 30px;
  }
  .special-heading-wrap.style1 .special-h-tag{
      margin-bottom: 30px;
  }
  .special-heading-wrap.style2 .special-heading{
      /* border: 3px solid #e8e8e8; */
      border-style: solid;
      display: inline-block;
      /* padding: 1% 5%; */
  }
  .special-heading-wrap.style2 {
      margin-bottom: 20px;
  }
  .style2 .special-heading .special-h-tag{
      display: inline;
  }
  /*.special-heading-wrap.style1 .margin-bottom{
      margin-bottom: 30px !important;
  }*/
  .special-heading-wrap.style1 .sub-title {
    margin-bottom: 30px;
  }
  .special-heading.align-left .separator {
      margin: 0;
  }
  .special-heading-wrap.style1 br,
  .special-heading-wrap.style2 br {
      display: none;
  }
  .special-heading-wrap.style1 .sub-title {
      display: block;
      font-size: 16px;
      max-width: 80%;
      /* margin: 0 auto; */
      line-height: 35px;
  }
  .special-heading-wrap.style1 .align-center .sub-title{
      margin-left: auto;
      margin-right: auto;
  }
  .special-heading-wrap.style1 .align-right .sub-title{
      margin: 0 0 0 auto;
  }
  .special-heading-wrap.style3 {
      text-align: center;
      overflow: hidden;
  }
  .special-heading-wrap.style3 .special-h-tag {
      text-align: center;
      padding-bottom: 0px;
      margin: 20px 0px !important;
  }
  html body .be-section .be-row .special-heading-wrap.style3 .special-h-tag {
      margin-bottom: 20px !important;
  }
  .special-heading-wrap.style3 .special-heading {
      margin-bottom: 0px;
  }
  .special-heading-wrap.style3 .caption-wrap {
      text-align: center;
      position: relative;
  }
  .special-heading-wrap.style3 .caption {
      padding: 0 15px;
      display: inline-block;
      position: relative;
  }
  .special-heading-wrap.style3 .caption .caption-inner {
      background: #ddd;
  }
  .special-heading-wrap.style3 .caption .caption-inner:before, .special-heading-wrap.style3 .caption .caption-inner:after {
      content: "";
      position: absolute;
      display: inline-block;
      height: 1px;
      width: 100px;
      left: -100px;
      top: 50%;
      background: inherit;
      margin-top: -1px;
  }
  .special-heading-wrap.style3 .caption .caption-inner:after {
      right: -100px;
      left: auto;
  }
  .special-heading-wrap.style4 {
    text-align: center;
    margin-bottom: 30px;
  }
  .special-heading-wrap.style4 .vertical-divider{
      width: 1px;
      height: 45px;
      display: inline-block;
  }
  
  .special-heading-wrap.style4 .special-subtitle {
    display: block;
    max-width: 100%;
    text-align: center;
  }
  
  .special-heading-wrap.style4 .special-h-tag{
    margin-bottom: 0px !important;
  }
  .special-heading-wrap.style4 .vertical-divider.top{
    margin-bottom: 20px;  
  }
  .special-heading-wrap.style4 .special-heading{
    margin-bottom: 30px
  }
  /*.special-heading-wrap.style4 .vertical-divider.bottom{
    margin-top: 20px;  
  }*/
  .special-heading-wrap.style4 .caption-wrap{
    margin-bottom: 6px;
  }
  .special-heading-wrap.style5{
    position: relative;
  }
  .special-heading-wrap.style5  .caption-wrap{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    line-height: 1em !important; 
    width: 100%;
  }    
  .special-heading-wrap.style5.align-left .caption-wrap{
    left:0%;
    right: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .special-heading-wrap.style5.align-right .caption-wrap{
    right:0%;
    left: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .special-heading-wrap.style5 .special-h-tag {
      opacity: 0.2;
  }
  .special-heading-wrap.style5 .caption{
    line-height: 1em !important; 
    max-width: 100% !important; 
  }    
  .be-section .be-row:not(:last-child) .column-block .special-heading-wrap.style3 h6.caption:last-child  {
      margin-bottom: 0 !important;
  }
  .sep-with-icon-wrap{
      margin-bottom: 20px;
  }
  .sep-with-icon {
      display: inline-block;
      vertical-align: middle;
  }
  .sep-icon {
      line-height: 16px;
      font-size: 16px;
      vertical-align: middle;
      margin: 0 20px;
  }
  .icon-dimond {
      width: 10px;
      height: 10px;
      background: #000;
      display: inline-block;
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
  }
  
  /*SPECIAL HEADING STYLE6*/
  
  .special-heading-wrap.style6{
     line-height : 0;
  }
  .special-heading-wrap.style6 .special-heading-inner-wrap{
    display : inline-block;
    height : 100%;
    position : relative;
  }
  .special-heading-wrap.style6 .be-title{
      position : relative;
      line-height : 2em;
      transition : color 0.3s ease;
      font-size: inherit;
  }
  .be-border-style1 .be-title{
    margin-left : 1em;
    margin-right : 1em;
  }
  .be-border-style1 .be-border{
    position : absolute;
    top : 0;
    left : 0;
    width : 0.3em;
    height : 100%;
    transition : width 0.3s ease;
  }
  .be-border-style1.be-expand:hover .be-border {
    width : 100%;
  }
  .special-heading-wrap.style6 .be-border-style2 .be-title {
    margin-left: 1.7em;
    margin-right: 1.7em;
    transition : transform 0.3s;
  }
  .be-border-style2 .be-border{
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 0.9em;
    height: 0.16em;
    transition: width 0.3s ease;  
  }
  .be-expand.be-border-style2:hover .be-border {
      width : 1.6em;
  } 
  .be-border-style2.be-expand:hover .be-title {
      transform: translate3d( 0.8em, 0, 0 );
  }
  
  /*SPECIAL SUB TITLE*/
  
  .special-subtitle {
      line-height: 1.8em;
      display: inline-block;
      /*max-width: 60%;*/
  }
  .special-subtitle-wrap{
      margin-bottom: 30px;
  }
  
  
  /*********************************************************************
              TABS
  *********************************************************************/
  
  .tabs {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      -moz-opacity: 0;
      -khtml-opacity: 0;
      opacity: 0;
      -webkit-transition: opacity 0.3s ease-in;
      -moz-transition: opacity 0.3s ease-in;
      -o-transition: opacity 0.3s ease-in;
      -ms-transition: opacity 0.3s ease-in;
      transition: opacity 0.3s ease-in;
  }
  
  .ui-tabs {
      position: relative;
      margin-bottom: 50px;
  }
  .ui-tabs .ui-tabs-nav {
      margin: 0;
      padding: 0;
  }
  .ui-tabs .ui-tabs-nav li {
      list-style: none;
      float: left;
      position: relative;
      top: 0;
      padding: 0;
      margin: 0;
      white-space: nowrap;
      margin-right: 30px;
  }
  .ui-tabs .ui-tabs-nav li a {
      float: left;
      padding: 0 0 10px;
      text-decoration: none;
      outline: 0;   
      border-left: none;
      color: inherit;
  }
  .ui-tabs .ui-tabs-panel p:last-child {
      margin-bottom: 0px;
  }
  .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { 
      cursor: text; 
  }
  .ui-tabs .ui-tabs-nav li.ui-tabs-active a {
      border-bottom: 2px solid;
  }
  .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {   
      cursor: pointer; 
  }
  .tabs li a.tab-icon:before {
      font-size: 15px;
      width: 25px;
      text-align: left;
      vertical-align: middle;
      margin-right: 12px;
  }
  .ui-tabs .ui-tabs-panel {
      display: block;
      border-width: 0;
      margin-top: -1px;
      padding: 25px 0;
  }
  .ui-tabs .ui-tabs-panel p {
      width: 100%;
  }
  
  
  /*********************************************************************
              ICON CARD
  *********************************************************************/
  .be_icon_card_wrap {
    position: relative;
  }
  .be_icon_card_wrap .font-icon{
    position: absolute;
    top: 50%;
    transform: translateY(-51%);
    text-align: center;
  }
  .be_icon_card_wrap.small .font-icon{
    font-size: 17px;      
  }
  .be_icon_card_wrap.large .font-icon{
    font-size: 25px;
  }
  .be_icon_card_wrap.small.circled .font-icon{
    width: 45px;
    height: 45px;
    line-height: 45px;
    border-radius: 50px;
  }
  .be_icon_card_wrap.large.circled .font-icon{
    font-size: 25px;
    width: 65px;
    height: 65px;
    line-height: 65px;
    border-radius: 50px;
  }
  .be_icon_card_wrap.small .title-with-icon-card{
    min-height: 48px;
  }
  .be_icon_card_wrap.large .title-with-icon-card{
    min-height: 68px;
  }
  .be_icon_card_wrap.small.circled .title-with-icon-card{
    padding-left: 65px;
  }
  .be_icon_card_wrap.large.circled .title-with-icon-card{
    padding-left: 85px;
  }
  .be_icon_card_wrap.small.plain .title-with-icon-card{
    padding-left: 37px;
  }
  .be_icon_card_wrap.large.plain .title-with-icon-card{
    padding-left: 55px;
  }
  .be_icon_card_wrap h1,
  .be_icon_card_wrap h2,
  .be_icon_card_wrap h3,
  .be_icon_card_wrap h4,
  .be_icon_card_wrap h5,
  .be_icon_card_wrap h6{
    margin-bottom: 0px;
  }
  
  
  /*********************************************************************
              Menu Card
  *********************************************************************/
  .menu-card-item-info {
      padding-right: 45px;
  }
  .menu-card-item {
      position: relative;
      display: block;
      border-bottom-width: 1px;
      border-style: solid;
      border-color: inherit;
      padding: 15px 10px;
      margin-bottom: 0px;
  }
  .menu-card-title {
      font-size: 13px !important;
      line-height: 24px !important;
      padding-right: 10px;
  }
  .menu-card-ingredients {
      font-size: 16px !important;
      line-height: 24px !important;
      max-width: none;
      display: initial;
  }
  .menu-card-item-price {
      font-size: 13px !important;
      line-height: 24px !important;
      position: absolute;
      top: 15px;
      right: 10px;
  }
  .menu-card-item.highlight-menu-item {
      background: #f1edde;
      border-bottom: none;
  }
  .menu-card-item-stared {
      padding-left: 10px;
  }
  
  .menu-card-item.be-animate {
      margin-bottom: 0;
  }
  /*Seperator*/
  
  .separator{
      display: inline-block;
  }
  hr.separator{
      margin-bottom: 20px !important;
  }
  .mail-chimp-form input[type="text"] {
      width: 100%;
  }
  .mail-chimp-submit-wrap input[type="submit"]{
      margin: 0px;    
  }
  .mail-chimp-email-wrap {
      width: 50%;
      margin-right: 20px;
      display: inline-block;
  }
  .mail-chimp-submit-wrap{
      display: inline-block;
  }
  .mail-chimp-submit {
      line-height: 7px !important;
  }
  
  
  /*********************************************************************
              SVG Icon
  *********************************************************************/
  
  .oshine-svg-icon.align-center{
      text-align: center;
      margin: 0 auto;
  }
  
  .oshine-svg-icon.align-right{
      margin: 0 0 0 auto;
  }
  
  /* .oshine-svg-icon svg{
      display: inline-block;
  } */
  
  .oshine-svg-icon.custom svg{
      width: 100%;
      height: 100%;
  }
  
  .oshine-svg-icon.small {
      width: 45px;
      height: 45px;
      line-height: 45px;
  } 
  
  .oshine-svg-icon.medium  {
      height: 75px;
      line-height: 75px;
      width: 75px;
  }
  
  .oshine-svg-icon.large  {
      width: 100px;
      height: 100px;
      line-height: 100px;
  } 
  
  .oshine-svg-icon.xlarge  {
      width: 125px;
      height: 125px;
      line-height: 125px;
  } 
  
  .oshine-svg-icon svg {
      width: 100%;
      height: 100%;
  }
  
  
  .oshine-svg-icon.align-none{
      display: inline-block;
  }
  
  .oshine-svg-icon{
      /* visibility: hidden; */
      margin-bottom: 20px;
  }
  
  .oshine-svg-icon.svg-line-animate {
      visibility: hidden;
  }
  
  .svganimated{
      visibility: visible;
  }
  
  .svg-line-animate svg *{
      fill : none;
      stroke: currentColor;
  }
  
  .oshine-svg-icon svg *{
      fill : none;
      stroke: currentColor;
  }
  
  /*********************************************************************
              Animated Link
  *********************************************************************/
  .oshine-animated-link{
      margin-bottom: 20px;
  }
  .oshine-animated-link.align-none{
      display: inline-block;
      margin-right: 20px;
  }
  
  .oshine-animated-link a{
      display: inline-block;
      transition: color .3s cubic-bezier(.4,0,.2,1), transform .5s cubic-bezier(.4,0,.2,1);
  }
  .oshine-animated-link .link-text{
      transition: color .5s cubic-bezier(.165,.84,.44,1) 80ms
  }
  /*Animated Link Style 1*/
  .animated-link-style1:before{
      content: '';
      display: inline-block;
      border-bottom: 2px solid;
      width: 1.5rem;
      margin-right: 1.125rem;
      vertical-align: middle;
      transform-origin: center left;
      transition: transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1);
  }
  
  .animated-link-style1:hover::before{
      transform: scaleX(1.5);
  }
  
  .animated-link-style1 .link-text{
      display: inline-block;
      transform: translateZ(0);
      transition: transform .3s cubic-bezier(.4,0,.2,1);
  }
  
  .animated-link-style1:hover .link-text{
      transform: translateX(20px);
  }
  
  /*Animated Link Style 2*/
  .animated-link-style2{
      position: relative;
  }
  .animated-link-style2:before{
      content: '';
      position: absolute;
      bottom: 0;
      border-bottom: 2px solid;
      right: 0;
      left: auto;
      width: 0%;
      transition: width .5s cubic-bezier(.4,0,.2,1);
  }
  
  .animated-link-style2:hover::before{
      width: 100%;
      right: auto; /*For making it go the way it came*/
      left: 0;
  }
  
  /*Animated Link Style 3*/
  .animated-link-style3{
      position: relative;
  }
  .animated-link-style3 .link-text{
      display: inline-block;
      transition: color .5s cubic-bezier(.19,1,.22,1);
      line-height: 1.9;
  }
  .animated-link-style3:before{
      content: '';
      position: absolute;
      bottom: -5px;
      border-bottom: 2px solid;
      width: 20%;
      left: 50%;
      transform: translateX(-50%);
      transform-origin: right;
      transition: all .5s cubic-bezier(.19,1,.22,1);
  }
  
  .animated-link-style3:hover:before{
      width: 100%;
  } 
  
  /*Animated Link Style 4*/
  .animated-link-style4:hover .arrow-line-two{
      transform: scaleX(1);
  }
  .animated-link-style4:hover{
      transform: translateX(15px);
  }
  .animated-link-style4 .next-arrow {
      top:-1px;
  }
  .animated-link-style4:hover .next-arrow{
      transform: translateX(15px);
  }
  
  .animated-link:before, 
  .animated-link span,
  .animated-link .next-arrow,
  .animated-link .next-arrow span {
      color: inherit;
  }
  
  /*Animated Link Style 5
  .animated-link-style5 .arrow-line-two{
      transform: scaleX(1);
  }
  
  .animated-link-style5:hover .arrow-line-two{
      width: 35px;
  }
  
  .animated-link-style5:hover .arrow-line-one,
  .animated-link-style5:hover .arrow-line-three{
      width: 11px;
  }*/
  
  /********************************************************************* 
  PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license 
  *********************************************************************/
  /*
    Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
  */
  /* pswp = photoswipe */
  .pswp {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none;
    z-index: 999999;
    -webkit-text-size-adjust: 100%;
    /* create separate layer, to avoid paint on window.onscroll in webkit/blink */
    -webkit-backface-visibility: hidden;
    outline: none; }
    .pswp * {
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
    .pswp img {
      max-width: none; }
  
  /* style is added when JS option showHideOpacity is set to true */
  .pswp--animate_opacity {
    /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
    opacity: 0.001;
    will-change: opacity;
    /* for open/close transition */
    -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
            transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }
  
  .pswp--open {
    display: block; }
  
  .pswp--zoom-allowed .pswp__img {
    /* autoprefixer: off */
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in; }
  
  .pswp--zoomed-in .pswp__img {
    /* autoprefixer: off */
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab; }
  
  .pswp--dragging .pswp__img {
    /* autoprefixer: off */
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: grabbing; }
  
  /*
    Background is added as a separate element.
    As animating opacity is much faster than animating rgba() background-color.
  */
  .pswp__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0;
    -webkit-backface-visibility: hidden;
    will-change: opacity; }
  
  .pswp__scroll-wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    will-change: transform; }
  
  .pswp__container, .pswp__zoom-wrap {
    -ms-touch-action: none;
    touch-action: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0; }
  
  /* Prevent selection and tap highlights */
  .pswp__container, .pswp__img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
        user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none; }
  
  .pswp__zoom-wrap {
    position: absolute;
    width: 100%;
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    /* for open/close transition */
    -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
            transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); }
  
  .pswp__bg {
    will-change: opacity;
    /* for open/close transition */
    -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
            transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }
  
  .pswp--animated-in .pswp__bg, .pswp--animated-in .pswp__zoom-wrap {
    -webkit-transition: none;
    transition: none; }
  
  .pswp__container, .pswp__zoom-wrap {
    -webkit-backface-visibility: hidden;
    will-change: transform; }
  
  .pswp__item {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden; }
  
  .pswp__img {
    position: absolute;
    width: auto;
    height: auto;
    top: 0;
    left: 0;
    -webkit-transition: opacity 0.15s;
            transition: opacity 0.15s; }
  
  /*
    stretched thumbnail or div placeholder element (see below)
    style is added to avoid flickering in webkit/blink when layers overlap
  */
  .pswp__img--placeholder {
    -webkit-backface-visibility: hidden; }
  
  /*
    div element that matches size of large image
    large image loads on top of it
  */
  .pswp__img--placeholder--blank {
    background: #222; }
  
  .pswp--ie .pswp__img {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0; }
  
  /*
    Error message appears when image is not loaded
    (JS option errorMsg controls markup)
  */
  .pswp__error-msg {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    margin-top: -8px;
    color: #CCC; }
  
  .pswp__error-msg a {
    color: #CCC;
    text-decoration: underline; }
  
  /*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
  /*
  
    Contents:
  
    1. Buttons
    2. Share modal and links
    3. Index indicator ("1 of X" counter)
    4. Caption
    5. Loading indicator
    6. Additional styles (root element, top bar, idle state, hidden state, etc.)
  
  */
  /*
    
    1. Buttons
  
   */
  /* <button> css reset */
  .pswp__button {
    width: 44px;
    height: 44px;
    position: relative;
    background: none;
    cursor: pointer;
    overflow: visible;
    -webkit-appearance: none;
    display: block;
    border: 0;
    padding: 0;
    margin: 0;
    float: right;
    opacity: 0.75;
    -webkit-transition: opacity 0.2s;
            transition: opacity 0.2s;
    -webkit-box-shadow: none;
            box-shadow: none; }
    .pswp__button:focus, .pswp__button:hover {
      opacity: 1; }
    .pswp__button:active {
      outline: none;
      opacity: 0.9; }
    .pswp__button::-moz-focus-inner {
      padding: 0;
      border: 0; }
  
  /* pswp__ui--over-close class it added when mouse is over element that should close gallery */
  .pswp__ui--over-close .pswp__button--close {
    opacity: 1; }
  
  .pswp__button, .pswp__button--arrow--left:before, .pswp__button--arrow--right:before {
    background: url(//knop.pl/wp-content/plugins/oshine-modules/public/img/default-skin.png) 0 0 no-repeat;
    background-size: 264px 88px;
    width: 44px;
    height: 44px; }
  
  @media (-webkit-min-device-pixel-ratio: 1.1), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
    /* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
    .pswp--svg .pswp__button, .pswp--svg .pswp__button--arrow--left:before, .pswp--svg .pswp__button--arrow--right:before {
      background-image: url(//knop.pl/wp-content/plugins/oshine-modules/public/img/default-skin.svg); }
  
    .pswp--svg .pswp__button--arrow--left, .pswp--svg .pswp__button--arrow--right {
      background: none; }
   }
  
  .pswp__button--close {
    background-position: 0 -44px; }
  
  .pswp__button--share {
    background-position: -44px -44px; }
  
  .pswp__button--fs {
    display: none; }
  
  .pswp--supports-fs .pswp__button--fs {
    display: block; }
  
  .pswp--fs .pswp__button--fs {
    background-position: -44px 0; }
  
  .pswp__button--zoom {
    display: none;
    background-position: -88px 0; }
  
  .pswp--zoom-allowed .pswp__button--zoom {
    display: block; }
  
  .pswp--zoomed-in .pswp__button--zoom {
    background-position: -132px 0; }
  
  /* no arrows on touch screens */
  .pswp--touch .pswp__button--arrow--left, .pswp--touch .pswp__button--arrow--right {
    visibility: hidden; }
  
  /*
    Arrow buttons hit area
    (icon is added to :before pseudo-element)
  */
  .pswp__button--arrow--left, .pswp__button--arrow--right {
    background: none;
    top: 50%;
    margin-top: -50px;
    width: 70px;
    height: 100px;
    position: absolute; }
  
  .pswp__button--arrow--left {
    left: 0; }
  
  .pswp__button--arrow--right {
    right: 0; }
  
  .pswp__button--arrow--left:before, .pswp__button--arrow--right:before {
    content: '';
    top: 35px;
    background-color: rgba(0, 0, 0, 0.3);
    height: 30px;
    width: 32px;
    position: absolute; }
  
  .pswp__button--arrow--left:before {
    left: 6px;
    background-position: -138px -44px; }
  
  .pswp__button--arrow--right:before {
    right: 6px;
    background-position: -94px -44px; }
  
  /*
  
    2. Share modal/popup and links
  
   */
  .pswp__counter, .pswp__share-modal {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
        user-select: none; }
  
  .pswp__share-modal {
    display: block;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 10px;
    position: absolute;
    z-index: 1600;
    opacity: 0;
    -webkit-transition: opacity 0.25s ease-out;
            transition: opacity 0.25s ease-out;
    -webkit-backface-visibility: hidden;
    will-change: opacity; }
  
  .pswp__share-modal--hidden {
    display: none; }
  
  .pswp__share-tooltip {
    z-index: 1620;
    position: absolute;
    background: #FFF;
    top: 56px;
    border-radius: 2px;
    display: block;
    width: auto;
    right: 44px;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
    -webkit-transform: translateY(6px);
        -ms-transform: translateY(6px);
            transform: translateY(6px);
    -webkit-transition: -webkit-transform 0.25s;
            transition: transform 0.25s;
    -webkit-backface-visibility: hidden;
    will-change: transform; }
    .pswp__share-tooltip a {
      display: block;
      padding: 8px 12px;
      color: #000;
      text-decoration: none;
      font-size: 14px;
      line-height: 18px; }
      .pswp__share-tooltip a:hover {
        text-decoration: none;
        color: #000; }
      .pswp__share-tooltip a:first-child {
        /* round corners on the first/last list item */
        border-radius: 2px 2px 0 0; }
      .pswp__share-tooltip a:last-child {
        border-radius: 0 0 2px 2px; }
  
  .pswp__share-modal--fade-in {
    opacity: 1; }
    .pswp__share-modal--fade-in .pswp__share-tooltip {
      -webkit-transform: translateY(0);
          -ms-transform: translateY(0);
              transform: translateY(0); }
  
  /* increase size of share links on touch devices */
  .pswp--touch .pswp__share-tooltip a {
    padding: 16px 12px; }
  
  a.pswp__share--facebook:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: -12px;
    right: 15px;
    border: 6px solid rgba(0, 0, 0, 0);
    border-bottom-color: #FFF;
    -webkit-pointer-events: none;
    -moz-pointer-events: none;
    pointer-events: none; }
  a.pswp__share--facebook:hover {
    background: #3E5C9A;
    color: #FFF; }
    a.pswp__share--facebook:hover:before {
      border-bottom-color: #3E5C9A; }
  
  a.pswp__share--twitter:hover {
    background: #55ACEE;
    color: #FFF; }
  
  a.pswp__share--pinterest:hover {
    background: #CCC;
    color: #CE272D; }
  
  a.pswp__share--download:hover {
    background: #DDD; }
  
  /*
  
    3. Index indicator ("1 of X" counter)
  
   */
  .pswp__counter {
    position: absolute;
    left: 0;
    top: 0;
    height: 44px;
    font-size: 13px;
    line-height: 44px;
    color: #FFF;
    opacity: 0.75;
    padding: 0 10px; }
  
  /*
    
    4. Caption
  
   */
  .pswp__caption {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    min-height: 44px; }
    .pswp__caption small {
      font-size: 11px;
      color: #BBB; }
  
  .pswp__caption__center {
    text-align: center;
    max-width: 420px;
    margin: 0 auto;
    font-size: 13px;
    padding: 10px;
    line-height: 20px;
    color: #CCC; }
  
  .pswp__caption--empty {
    display: none; }
  
  /* Fake caption element, used to calculate height of next/prev image */
  .pswp__caption--fake {
    visibility: hidden; }
  
  /*
  
    5. Loading indicator (preloader)
  
    You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR
  
   */
  .pswp__preloader {
    width: 44px;
    height: 44px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -22px;
    opacity: 0;
    -webkit-transition: opacity 0.25s ease-out;
            transition: opacity 0.25s ease-out;
    will-change: opacity; }
  
  .pswp__preloader__icn {
    width: 20px;
    height: 20px;
    margin: 12px; }
  
  .pswp__preloader--active {
    opacity: 1; }
    .pswp__preloader--active .pswp__preloader__icn {
      /* We use .gif in browsers that don't support CSS animation */
      background: url(//knop.pl/wp-content/plugins/oshine-modules/public/css/preloader.gif) 0 0 no-repeat; }
  
  .pswp--css_animation .pswp__preloader--active {
    opacity: 1; }
    .pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
      -webkit-animation: clockwise 500ms linear infinite;
              animation: clockwise 500ms linear infinite; }
    .pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
      -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
              animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; }
  .pswp--css_animation .pswp__preloader__icn {
    background: none;
    opacity: 0.75;
    width: 14px;
    height: 14px;
    position: absolute;
    left: 15px;
    top: 15px;
    margin: 0; }
  .pswp--css_animation .pswp__preloader__cut {
    /* 
        The idea of animating inner circle is based on Polymer ("material") loading indicator 
         by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html
      */
    position: relative;
    width: 7px;
    height: 14px;
    overflow: hidden; }
  .pswp--css_animation .pswp__preloader__donut {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 14px;
    height: 14px;
    border: 2px solid #FFF;
    border-radius: 50%;
    border-left-color: transparent;
    border-bottom-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    background: none;
    margin: 0; }
  
  @media screen and (max-width: 1024px) {
    .pswp__preloader {
      position: relative;
      left: auto;
      top: auto;
      margin: 0;
      float: right; }
   }
  
  @-webkit-keyframes clockwise {
    0% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); }
    100% {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg); } }
  
  @keyframes clockwise {
    0% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); }
  
    100% {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg); } }
  
  @-webkit-keyframes donut-rotate {
    0% {
      -webkit-transform: rotate(0);
              transform: rotate(0); }
    50% {
      -webkit-transform: rotate(-140deg);
              transform: rotate(-140deg); }
    100% {
      -webkit-transform: rotate(0);
              transform: rotate(0); } }
  
  @keyframes donut-rotate {
    0% {
      -webkit-transform: rotate(0);
              transform: rotate(0); }
  
    50% {
      -webkit-transform: rotate(-140deg);
              transform: rotate(-140deg); }
  
    100% {
      -webkit-transform: rotate(0);
              transform: rotate(0); } }
  
  /*
    
    6. Additional styles
  
   */
  /* root element of UI */
  .pswp__ui {
    -webkit-font-smoothing: auto;
    visibility: visible;
    opacity: 1;
    z-index: 1550; }
  
  /* top black bar with buttons and "1 of X" indicator */
  .pswp__top-bar {
    position: absolute;
    left: 0;
    top: 0;
    height: 44px;
    width: 100%; }
  body.admin-bar .pswp__top-bar{
      top:32px;
  }
  .pswp__caption, .pswp__top-bar, .pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right {
    -webkit-backface-visibility: hidden;
    will-change: opacity;
    -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
            transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }
  
  /* pswp--has_mouse class is added only when two subsequent mousemove events occur */
  .pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right {
    visibility: visible; }
  
  .pswp__top-bar, .pswp__caption {
    background-color: rgba(0, 0, 0, 0.5); }
  
  /* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
  .pswp__ui--fit .pswp__top-bar, .pswp__ui--fit .pswp__caption {
    background-color: rgba(0, 0, 0, 0.3); }
  
  /* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
  .pswp__ui--idle .pswp__top-bar {
    opacity: 0; }
  .pswp__ui--idle .pswp__button--arrow--left, .pswp__ui--idle .pswp__button--arrow--right {
    opacity: 0; }
  
  /*
    pswp__ui--hidden class is added when controls are hidden
    e.g. when user taps to toggle visibility of controls
  */
  .pswp__ui--hidden .pswp__top-bar, .pswp__ui--hidden .pswp__caption, .pswp__ui--hidden .pswp__button--arrow--left, .pswp__ui--hidden .pswp__button--arrow--right {
    /* Force paint & create composition layer for controls. */
    opacity: 0.001; }
  
  /* pswp__ui--one-slide class is added when there is just one item in gallery */
  .pswp__ui--one-slide .pswp__button--arrow--left, .pswp__ui--one-slide .pswp__button--arrow--right, .pswp__ui--one-slide .pswp__counter {
    display: none; }
  
  .pswp__element--disabled {
    display: none !important; }
  
  .pswp--minimal--dark .pswp__top-bar {
    background: none; }
  
  /******************************BE Custom Styling on Photoswipe*************************/
  
  .pswp__caption__center{
    max-width: 80%;
  }
  
  
  /* General */
  
  .pswp .oshine-module *:last-child {
    margin-bottom: 0 !important;
  }
  
  
  
  /*  JUSTIFIED GALLERY */
  
  /*!
   * Justified Gallery - v3.6.3
   * http://miromannino.github.io/Justified-Gallery/
   * Copyright (c) 2016 Miro Mannino
   * Licensed under the MIT license.
   */
   body:not( .tatsu-frame ) .justified-gallery-outer-wrap{
      visibility: hidden;
   }
  
  /*!
 * justifiedGallery - v4.0.0-alpha
 * http://miromannino.github.io/Justified-Gallery/
 * Copyright (c) 2019 Miro Mannino
 * Licensed under the MIT license.
 */
.justified-gallery {
    width: 100%;
    position: relative;
    overflow: hidden;
  }
  .justified-gallery > a,
  .justified-gallery > div,
  .justified-gallery > figure {
    position: absolute;
    display: inline-block;
    overflow: hidden;
    /* background: #888888; To have gray placeholders while the gallery is loading with waitThumbnailsLoad = false */
    filter: "alpha(opacity=10)";
    /* opacity: 0.1; */
    margin: 0;
    padding: 0;
  }
  .justified-gallery > a > img,
  .justified-gallery > div > img,
  .justified-gallery > figure > img,
  .justified-gallery > a > a > img,
  .justified-gallery > div > a > img,
  .justified-gallery > figure > a > img,
  .justified-gallery > a > svg,
  .justified-gallery > div > svg,
  .justified-gallery > figure > svg,
  .justified-gallery > a > a > svg,
  .justified-gallery > div > a > svg,
  .justified-gallery > figure > a > svg,
  .justified-gallery .thumb-img {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0;
    padding: 0;
    border: none;
    filter: "alpha(opacity=0)";
    opacity: 0;
  }
  .justified-gallery > a > .caption,
  .justified-gallery > div > .caption,
  .justified-gallery > figure > .caption {
    display: none;
    position: absolute;
    bottom: 0;
    padding-left: 10px;
    background-color: #000000;
    left: 0;
    right: 0;
    margin: 0;
    color: white;
    font-size: 13px;
    line-height: 30px;
    font-weight: 300;
    font-family: sans-serif;
  }
  .justified-gallery > a > .caption.caption-visible,
  .justified-gallery > div > .caption.caption-visible,
  .justified-gallery > figure > .caption.caption-visible {
    display: initial;
    filter: "alpha(opacity=70)";
    opacity: 0.7;
    -webkit-transition: opacity 500ms ease-in;
    -moz-transition: opacity 500ms ease-in;
    -o-transition: opacity 500ms ease-in;
    transition: opacity 500ms ease-in;
  }
  .justified-gallery > .jg-entry-visible {
    filter: "alpha(opacity=100)";
    opacity: 1;
    /* background: none; */
  }
  .justified-gallery > .jg-entry-visible > img,
  .justified-gallery > .jg-entry-visible > a > img,
  .justified-gallery > .jg-entry-visible > svg,
  .justified-gallery > .jg-entry-visible > a > svg,
  .justified-gallery > .jg-entry-visible .thumb-img {
    filter: "alpha(opacity=100)";
    opacity: 1;
    -webkit-transition: opacity 500ms ease-in, filter 0.4s;
    -moz-transition: opacity 500ms ease-in, filter 0.4s;
    -o-transition: opacity 500ms ease-in, filter 0.4s;
    transition: opacity 500ms ease-in, filter 0.4s;
  }
  .justified-gallery > .jg-filtered {
    display: none;
  }
  .justified-gallery > .spinner {
    position: absolute;
    bottom: 0;
    margin-left: -24px;
    padding: 10px 0 10px 0;
    left: 50%;
    filter: "alpha(opacity=100)";
    opacity: 1;
    overflow: initial;
  }
  .justified-gallery > .spinner > span {
    display: inline-block;
    filter: "alpha(opacity=0)";
    opacity: 0;
    width: 8px;
    height: 8px;
    margin: 0 4px 0 4px;
    background-color: #000;
    border-radius: 6px;
  }
    .justified-gallery .element .thumb-img {
        width : auto;
        height: auto;
        max-width: none;
        max-height: none;
    }
    .justified-gallery .element-inner,
    .justified-gallery .thumb-wrap,
    .justified-gallery .flip-img-wrap {
        height : 100%;
    }
    .justified-gallery .flip-img-wrap {
        background: #e5e5e5;
    }
  /**************************************MEDIA QUERY**************************************/
  
  @media only screen and (min-width: 1280px) and (max-width: 1440px) {
      .left-header .two-col .element {
          width:  470px;
      }
      .left-header .three-col .element {
          width:  300px;
      }
      .left-header .three-col .element.wide {
          width:  640px;
      }
      .left-header .four-col .element {
          width:  215px;
      }
      .left-header .four-col .element.wide {
          width:  470px;
      }
  
      .left-header .full-screen .element {
          width: 19.97%;
          margin: 0px;
      }
      
     .left-header .full-screen.one-col .element {
          width: 100%;
          margin: 0px;
      }
      
      .left-header .full-screen.two-col .element {
          width: 50%;
      }
      .left-header .full-screen.three-col .element {
         width: 33.34%;
      }
      .left-header .full-screen.three-col .element.wide {
          width: 66.7%;
      }
      .left-header .full-screen.four-col .element {
          width: 25%;
      }
      .left-header .full-screen.four-col .element.wide {
          width: 50%;
      }
      .left-header .full-screen.five-col .element {
          width: 20%;
      }
      .left-header .full-screen.five-col .element.wide {
          width: 40%;
      }    
  }
  
  @media only screen and (max-width: 1280px) {
      .process-style1 .process-divider {
        width: 120px;
      }
  }
  
  /*********************************************************************
              SMALL DESKTOP
  *********************************************************************/
  
  
  @media only screen and (min-width: 960px) and (max-width: 1279px) {
      .two-col .element {
          width:  470px;
      }
      .three-col .element {
          width:  300px;
      }
      .three-col .element.wide {
          width:  640px;
      }
      .four-col .element {
          width:  215px;
      }
      .four-col .element.wide {
          width:  470px;
      }
      .grid-wrap .grid-col.size-large .font-icon, .process-style1 .process-col .font-icon {
          font-size: 75px;
      }
      .full-screen .element,
      .full-screen.three-col .element,
      .full-screen.four-col .element,
      .full-screen.five-col .element {
         width : 33.34%;
      }
      .full-screen.three-col .element.wide,
      .full-screen.four-col .element.wide,
      .full-screen.five-col .element.wide {
          width: 66.7%;
      }
  }
  
  /*********************************************************************
              TABLET
  *********************************************************************/
  
  @media only screen and (min-width: 768px) and (max-width: 959px) {
  
      .fullscreen-col .element { width: 33.34%; }	
      .two-col .element,
      .three-col .element,
      .four-col .element { 
          width: 350px; 
      }
      .three-col .element.wide,
      .four-col .element.wide { 
          width: 740px; 
      }
      /*****************************************/
      .full-screen .element,
      .full-screen.three-col .element,
      .full-screen.four-col .element,
      .full-screen.five-col .element {
          width: 33.34%;
      }
      .full-screen.three-col .element.wide,
      .full-screen.four-col .element.wide,
      .full-screen.five-col .element.wide {
          width: 66.7%;
      }
      .process-style1 .process-divider {
          width: 50px;
      }
      .animate-icon-module-style2-wrap,
      .animate-icon-module-style2 {
          display: block;
          width: 100% !important;
      }
      .animate-icon-module {
          width: 100% !important;
          margin-right: 0px !important;
      }
  }
  
  /*********************************************************************
              MOBILE 320
  *********************************************************************/
  
  @media only screen and (max-width: 959px) {
  
      .portfolio-details.style3{
          display: block;
      }
      .portfolio-details.style3 > div{
          margin-bottom: 30px;
          flex : 0 0 auto;
          margin-right : 0;
      }
      .portfolio-details.style3 .portfolio-share a:last-child{
          margin-right: 0;
      }
      .animate-icon-module-style2-normal-content {
          top: 50%;
          transform: translateY(-50%);
          -webkit-transform:translateY(-50%);
          -moz-transform:translateY(-50%);
          -o-transform:translateY(-50%);
      }
      .animate-icon-module-style2:hover .animate-icon-module-style2-normal-content{
          top: 0;
          transform: translateY(50px);
          -webkit-transform:translateY(50px);
          -moz-transform:translateY(50px);
          -o-transform:translateY(50px);
      }
      .animate-icon-module-style2 .animate-icon-module-style2-hover-content{
          bottom:0;
          top:auto;
      }
      .animate-icon-module-style2:hover .animate-icon-module-style2-hover-content{
          
          transform: translateY(-50px);
          -webkit-transform:translateY(-50px);
          -moz-transform:translateY(-50px);
          -o-transform:translateY(-50px);
      }
  }
  
  @media only screen and (max-width: 767px) {
  
      ul.tabs li {
          width: 298px;
      }
   
      .portfolio-content-wrap{
          padding-left: 0px;
      }
      .related-items .column-block {
          margin-bottom: 40px;
      }
      .be-service {
          padding: 0px !important;
          margin-bottom: 30px;
          text-align: center !important;
      }
      .be-service .font-icon {
          position: relative;
          display: block;
          left: auto !important;
          right: auto !important;
          width: 42px;
          height: 42px;
          margin: 0 auto 10px;
      }
      .be-service .font-icon.icon-size-medium,
      .be-service .font-icon.icon-size-large	{
          margin: 0 auto 10px;
          height: 60px;
          line-height: 60px;
          padding: 0px;
          width: 60px;
      }
      .services-outer-wrap span.timeline {
          display: none;
      }
      
      .three-col .element, 
      .four-col .element , 
      .two-col .element {
          width: 300px;
      }
      .full-screen .element, 
      .full-screen.three-col .element, 
      .full-screen.four-col .element, 
      .full-screen.five-col .element {
          width: 100%!important;
      }
      .portfolio-two-col-mobile.full-screen .element, 
      .portfolio-two-col-mobile.full-screen.three-col .element, 
      .portfolio-two-col-mobile.full-screen.four-col .element, 
      .portfolio-two-col-mobile.full-screen.five-col .element {
          width: 50%!important;
      }
      .portfolio-two-col-mobile.full-screen .element.wide-width-height, 
      .portfolio-two-col-mobile.full-screen .element.wide-width{
          width : 100% !important;
      }
      .be-services .be-service * {
          text-align: center !important;
      }
      .be-services .be-service .font-icon {
          margin-bottom: 20px;
      }
      .single_portfolio_close .font-icon {
          border-color: #000;
          background: #000;
      }
      .single_portfolio_close {
          right: 10px;
          top: 35px;
      }
      /*.grid-wrap .grid-col .font-icon, */
      .process-style1 .process-col .font-icon {
          font-size: 40px;
      }
      .hide-mobile {
          display: none !important;
      }
      body.disable-animation-on-mobile .animated {
          -webkit-animation-duration: 0s !important;
          -moz-animation-duration: 0s !important;
          -ms-animation-duration: 0s !important;
          -o-animation-duration: 0s !important;
          animation-duration: 0s !important;
          visibility: visible !important;
      }
      .process-style1 .process-sep {
          width: 1px;
          height: 50px;
          margin: 15px auto;
          position: static;
          transform: none;
      }
      .process-style1 .process-col {
          display: block;
          margin-bottom: 30px;
      }
  
      .grid-wrap .grid-col {
          width: 100% !important;
          padding: 0 !important;
          border: 0 !important;
          margin-bottom: 40px !important;
          display: block;
      }
      .skill-vertical .skill-wrap,
      .skill-vertical .skill {
          width: 100% !important;
          padding: 0px !important;
      }
      .pricing-table.highlight-no{
          position: static;
          top: 0px;
      }
      .animate-icon-module-style2-wrap,
      .animate-icon-module-style2 {
          display: block;
          width: 100% !important;
      }
      .animate-icon-module {
          width: 100% !important;
          margin-right: 0px !important;
      }
      .portfolio-container.portfolio-item-parallax .element .element-inner {
          -webkit-transform : translatey(0px) scale(1) translatez(0px) !important;
          -moz-transform : translatey(0px) scale(1) translatez(0px) !important;
          -o-transform : translatey(0px) scale(1) translatez(0px) !important;
          -ms-transform : translatey(0px) scale(1) translatez(0px) !important;
          transform : translatey(0px) scale(1) translatez(0px) !important;
      }
  
      .portfolio-carousel-module .owl-buttons{
          display: none;
      }
      .style1-navigation .single-page-nav a{
          margin: 15px;
      }
      .single-page-nav.style2-navigation .next-post-link h6,
      .single-page-nav.style2-navigation .previous-post-link h6{
          display: none;
      }
      .content_slide_inner {
        width: 100% !important;
      }
      .special-subtitle{
        max-width: 100%;
      }
      .contact_form.style2 .field_name,
      .contact_form.style2 .field_email{
          width: 100%;
          float: none;
      }
      .contact_form.style2 .field_name{
          margin-right: 0px;
      }
      .process-style1 {
        flex-direction: column;
      }
  
      .oshine-recent-posts {
        flex-direction: column;
      }
  
      .oshine-recent-posts .fourth-col, 
      .oshine-recent-posts .third-col {
        width: 100%;
      }
  
  }
  @media only screen and ( max-width : 480px ) {
  
      .full-screen .element.wide-width-height img{
          width : 100% !important;
          height : auto !important;
          margin-left : 0 !important;
          margin-top : 0 !important;
      }
  
  }
  
  /*********************************************************************
              MOBILE 400
  *********************************************************************/
  
  @media only screen and (min-width: 480px) and (max-width: 767px) {
  
      ul.tabs li {
          width: 438px;
      }
  
    .three-col .element, 
      .four-col .element , 
      .two-col .element,
      .three-col .element.wide, 
      .four-col .element.wide , 
      .two-col .element.wide {
          width:100%;
      }
      .full-screen .element, 
      .full-screen.three-col .element, 
      .full-screen.four-col .element, 
      .full-screen.five-col .element {
          width: 50%!important;
      }
      .full-screen .element.wide-width-height, .full-screen .element.wide-width{
          width : 100% !important;
      }
    .full-screen.one-col .element,
    .full-screen .style3-blog .element, 
    .full-screen.three-col .style3-blog .element, 
    .full-screen.four-col .style3-blog .element, 
    .full-screen.five-col .style3-blog .element {
      width: 100% !important;
    }
  }
  
  /********** Portfolio/Gallery **************/
  
  body:not(.tatsu-frame) .element-animate{
      -webkit-animation-duration: 0.65s;
      -moz-animation-duration: 0.65s;
      -ms-animation-duration: 0.65s;
      -o-animation-duration: 0.65s;
      animation-duration: 0.65s; 
      visibility: hidden;
  }
  body:not(.tatsu-frame) .portfolio-lazy-load .thumb-wrap img{
      opacity : 0;
  }
  
  /**Content Marquee :START**/
  .oshine-module.content-marquee-wrap{
    width: 100%;
    overflow: hidden;
  }
  .oshine-module .content-marquee{
    position: relative;
    display: flex;
    width: 100%;
    justify-content: space-between;
  }
  .oshine-module .content-marquee ul{
    list-style: none;
  }
  .oshine-module .content_marquee_module {
    animation-name: bemarquee;
    animation-duration:15s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    flex-shrink: 0;
    margin-bottom: 0;
  }
  .oshine-module .content_marquee_module .marquee-element-container {
    width: fit-content;
    display: inline-block;
    list-style: none;
    padding-right: 30px;
    margin-bottom: 0;
  }
  .oshine-module .content_marquee_module .marquee-element-container .marquee-element-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}
.marquee-element-container .marquee-element-wrapper .marquee-image {
    display: inline-block;
    padding-right: 10px;
    padding: 10px;
    position: relative;
}

.marquee-element-container .marquee-element-wrapper .marquee-title{
    display: inline-block;
    margin-bottom: 0px;
}
@keyframes bemarquee {
    0% {transform: translateX(0);}
    100% {transform: translateX(-100%);}
}
/**Content Marquee :END**/

/*Fancy Portfolio*/
.oshine-fancy-portfolio-module-style-1 .oshine-fancy-portfolio-row {
    display: flex;
    justify-content: space-between;
    padding: 45px 40px;
    max-width: 100%;
    margin: 0 auto;
}

/* .oshine-fancy-portfolio-module-style-1 .oshine-fancy-portfolio-item {
    position: relative;
    border-top-width: 1px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.1);
    cursor: pointer;
}
.oshine-fancy-portfolio-section-title-wrap + .oshine-fancy-portfolio-item {
   border-top-color: #000;
} */


/* Animated bottom border */
.oshine-fancy-portfolio-item {
    position: relative;
}

.oshine-fancy-portfolio-image {
    overflow: hidden;
}


.oshine-fancy-portfolio-image img {
    transform: scale(1);
    transition: transform 2s cubic-bezier(.4,0,.2,1);
    will-change: transform;
}

.oshine-fancy-portfolio-item:hover .oshine-fancy-portfolio-image img {
    transform: scale(1.2);
}

.oshine-fancy-portfolio-item {
    position: relative;
}

/* Top border (hidden state) */
.oshine-fancy-portfolio-item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;

    height: 1px;
    width: 100%;
    background-color: #000;

    transform: scaleX(0);
    transform-origin: left;
    transition: transform 1s cubic-bezier(.4,0,.2,1);
    will-change: transform;
}

/* Animate when item is in viewport */
.oshine-fancy-portfolio-item.is-inview::before {
    transform: scaleX(1);
}
/* Initial hidden state */
.oshine-fancy-portfolio-module-style-1 .oshine-fancy-portfolio-item {
    opacity: 0;
    transform: translateY(24px);
    transition:
        opacity 1s ease,
        transform 1s cubic-bezier(.4,0,.2,1);
    will-change: opacity, transform;
}

/* Fade in + move up when in view */
.oshine-fancy-portfolio-module-style-1 .oshine-fancy-portfolio-item.is-inview {
    opacity: 1;
    transform: translateY(0);
}




.oshine-fancy-portfolio-module-style-1 .oshine-fancy-portfolio-title{
    flex: 0 0 50%; 
    margin-bottom: 15px;
}
.oshine-fancy-portfolio-module-style-1 .oshine-fancy-portfolio-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.oshine-fancy-portfolio-module-style-1 .oshine-fancy-portfolio-image {
    flex: 0 0 50%; 
    position: relative;
    overflow: hidden;
}

.oshine-fancy-portfolio-module-style-1 .oshine-fancy-portfolio-image img{
    max-width: 100%;
    width:750px;
	height:400px;
}
.oshine-fancy-portfolio-module .oshine-fancy-portfolio-section-title {
    position: relative;
    font-size: 76px;
    line-height: 82px;
}
.oshine-fancy-portfolio-module .oshine-fancy-portfolio-section-title-count {
    position: absolute;    
    top: -5px;
    font-size: 26px;    
}
/* Style 2 */
.oshine-fancy-portfolio-module-style-2 .oshine-fancy-portfolio-item {
    border-bottom: 1px solid #eee;
    padding: 45px 20px 45px 15px;
    border-top: 1px solid #eee;
}
.oshine-fancy-portfolio-module-style-2 .oshine-fancy-portfolio-item:first-of-type {
    border-top: 1px solid #eee;
}
.oshine-fancy-portfolio-module-style-2 .oshine-fancy-portfolio-item + .oshine-fancy-portfolio-item {
    border-top: none;
}

.oshine-fancy-portfolio-module-style-2 .oshine-fancy-portfolio-row {    
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 100%;
    margin: 0 auto;
    
}
.oshine-fancy-portfolio-module-style-2 .oshine-fancy-portfolio-col {
    flex: 1;
    text-align: center;
}
.oshine-fancy-portfolio-module-style-2 .oshine-left {
    text-align: left;
    font-weight: bold;
}
.oshine-fancy-portfolio-module-style-2 .oshine-center {
    text-align: center;
    color: #555;
    font-size: 14px;
}
.oshine-fancy-portfolio-module-style-2 .oshine-right {
    text-align: right;
    color: #777;
    font-size: 14px;
}
.oshine-fancy-portfolio-module-style-2 .oshine-fancy-portfolio-title {
    margin-bottom: 0;   
}
    
/* Style 2 Hover Image */
.oshine-fancy-hover-image-style .oshine-fancy-portfolio-col.oshine-center {
    position: relative; 
    flex: 1; 
}
      
.oshine-fancy-hover-image-style .oshine-fancy-portfolio-hover-image {
    position: absolute;
    top:50%; 
   
    width: 100%;
    height: auto;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease;
    z-index: 0;
    pointer-events: none;
}
      
.oshine-fancy-hover-image-style .oshine-fancy-portfolio-hover-image img {
    max-width: 100%;
    height: 300px;
    display: block;
    margin: 0 auto;
}
      
.oshine-fancy-hover-image-style:hover .oshine-fancy-portfolio-hover-image {
    top: 0;
    opacity: 1;
    visibility: visible;
    z-index: 1;
}
/* Base state */
.oshine-fancy-hover-image-style
.oshine-fancy-portfolio-col.oshine-left,
.oshine-fancy-hover-image-style
.oshine-fancy-portfolio-col.oshine-right {
    transition: padding 0.45s cubic-bezier(.4,0,.2,1);
    will-change: padding;
}

/* Hover state */
.oshine-fancy-hover-image-style:hover
.oshine-fancy-portfolio-col.oshine-left {
    padding-left: 24px;   /* adjust value */
}

.oshine-fancy-hover-image-style:hover
.oshine-fancy-portfolio-col.oshine-right {
    padding-right: 24px;    /* adjust value */
}

/* Disable hover on touch devices */
@media (hover: none) and (pointer: coarse) {
    .oshine-fancy-hover-image-style:hover .oshine-fancy-portfolio-hover-image {
        top: auto;
        transform: none;
        opacity: 1;
        pointer-events: none;
    }
}

/* Ensure positioning context */
.oshine-fancy-hover-image-style.oshine-fancy-portfolio-item {
    position: relative;
}

/* Animated bottom border */
.oshine-fancy-hover-image-style.oshine-fancy-portfolio-item::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;

    width: 100%;
    height: 1px;
    background-color: #000;

    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.8s cubic-bezier(.4,0,.2,1);
    will-change: transform;
    pointer-events: none;
}

/* Hover trigger */
.oshine-fancy-hover-image-style.oshine-fancy-portfolio-item:hover::after {
    transform: scaleX(1);
}

.oshine-fancy-hover-image-style .oshine-fancy-portfolio-title {
    position: relative;
    padding-left: 16px; 
}
      
.oshine-fancy-hover-image-style .oshine-fancy-portfolio-title::before {
    content: '\e6e0';
    position: absolute;
    left: -16px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 32px; 
    color: #000; 
    font-family: 'icomoon' !important;
}  

/*fancy-tabs style-1*/
.fancy-tabs-style-1 {
    display: flex;
    justify-content: space-between;
    gap: 60px;
    color: #fff;    
    margin: 0 auto;
    max-width: 100%;
    
}
.fancy-tabs .ui-tabs-panel {
    padding: 0;
    margin: 0;
}


.fancy-tabs .ui-tabs-panel.ui-tabs-active {
    opacity: 1;
    transform: translateY(0);
    transition: all 0.35s ease;
}

.be-tab-content-left {
    flex: 0 0 45%;  
    display: flex;
    flex-direction: column;
    /* gap: 20px; */
}
.be-tab-content-left .image-wrap {
    /* margin-bottom: 30px; */
}
.be-tab-content-left .image-wrap img {
    width: 100%;
    height: auto;
    display: block;
    height: auto;
    max-width: 100%;
}
.be-tab-content-left-inner .ui-tabs-panel {
    display: flex;
    flex-direction: column;
    gap: 50px;
}
.fancy-tabs-style-1 .be-tab-header {
    list-style: none;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 20px;
}
.fancy-tabs-style-1.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
    border-bottom: none;
    color: #FFFFFF;
}
.fancy-tabs-style-1.ui-tabs .ui-tabs-nav li {
    transition: transform 0.4s ease;

}
.fancy-tabs-style-1.ui-tabs .ui-tabs-nav li:hover {
     transform: translateX(-15px);
}
.fancy-tabs-style-1.ui-tabs .ui-tabs-nav li a{
 font-size: 66px;
 line-height: 76px;   
 color: #808080;
 padding: 0;
}
.fancy-tabs-style-1.ui-tabs .ui-tabs-nav li a:hover{
    color: #FFFFFF;
}
.fancy-tabs-style-1 .content-wrap {
    max-width: 75%;
}
.fancy-tabs-style-1 .content-wrap,.fancy-tabs-style-1 .content-wrap p {
    padding: 0;
    font-size: 24px;
    line-height: 32px;
    opacity: 0.7;
}
/*Testimonial*/
.testimonials_wrap .center-content .testimonial_slide_inner {
padding:20px;

}
.testimonials-slides {
padding:10px;
}
/*Testimonial*/
/** Responsive */
@media only screen and (max-width: 767px) {
    .oshine-fancy-portfolio-module-style-1 .oshine-fancy-portfolio-row {
        flex-direction: column;   
        gap: 20px;
        padding: 20px 0;        
    }
    .oshine-fancy-portfolio-module-style-1 .oshine-fancy-portfolio-title{
        margin-bottom: 0;
    }
    .oshine-fancy-portfolio-module-style-1 .oshine-fancy-portfolio-tag {
        margin-top: 15px;
    }
	.oshine-fancy-portfolio-module-style-1 .oshine-fancy-portfolio-content {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		
	}
	.oshine-fancy-hover-image-style .oshine-fancy-portfolio-hover-image{
		opacity:1;
		position:relative;
		visibility: visible;
		top:0;
	}
    .oshine-fancy-portfolio-module-style-1 .oshine-fancy-portfolio-image img,
    .oshine-fancy-hover-image-style .oshine-fancy-portfolio-hover-image img
    {
        width: 100%;
        height: auto;
        display: block;
        max-width: 100%;
    }
	.oshine-fancy-portfolio-module-style-2 .oshine-fancy-portfolio-row {
		align-items:start;
		flex-direction:column;
	}
	.oshine-fancy-portfolio-module.oshine-fancy-portfolio-module-style-2 .oshine-fancy-portfolio-col{
		text-align:left;
	}
	.fancy-tabs-style-1 {
      flex-direction: column-reverse;
	}
	.fancy-tabs-style-1 .be-tab-header {		
        display: block;
        column-count:3;
	}
    .fancy-tabs-style-1.ui-tabs .ui-tabs-nav li{
        break-inside: avoid;
        margin-bottom: 16px;
    }
    .fancy-tabs-style-1 {
        gap: 0;
    }
    .oshine-fancy-hover-image-style .oshine-fancy-portfolio-title::before{
        display: none;
    }
    .oshine-fancy-hover-image-style .oshine-fancy-portfolio-title {
        padding-left: 0;
    }
    .tab-section-title {
        display: none;
    }
	.fancy-tabs-style-1 .content-wrap {
		max-width:100%;
		width:100%;
	}    
    .fancy-tabs-style-1 .be-tab-content-left .image-wrap img {
        height: auto;
        width: 100%;
    }
    .be-tab-content-left-inner .ui-tabs-panel{
        gap:20px;
    }
    .be-tab-content-left-inner .ui-tabs-panel{
        gap:25px;
    }   
}
@media (min-width: 768px) and (max-width: 1024px) { 
	.fancy-tabs-style-1 .content-wrap {
		max-width:100%;
		width:100%;
	}
     .be-tab-content-left-inner .ui-tabs-panel{
        gap:25px;
    }
    .oshine-fancy-portfolio-module-style-1 .oshine-fancy-portfolio-image img{
        width: 100%;
        height: auto;
    }
    .be-tab-content-left .image-wrap img {
        width: 100%;
        height: auto;
    }
    .oshine-fancy-hover-image-style:hover .oshine-fancy-portfolio-hover-image {
        top:24%;
    }
    .oshine-fancy-hover-image-style .oshine-fancy-portfolio-hover-image img {
        width:400px;
        height:221px;
        max-width: 100%;
        object-fit: contain;
        
    }
    
}




/*Advance button*/

.be-advanced-button-inner {
    display: inline-block;
}

.be-advanced-button--style1 {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
    cursor: pointer;
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
    background-color: #000;
    padding: 6px 18px 6px 6px;
    border-radius: 100px;
}

/* Text */
.be-advanced-button-text {
    color: #ffffff;
}

/* ICON WRAPPER — SIZE LOCKED */
.be-advanced-button-icon {
    position: relative;
    width: 44px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden; /* IMPORTANT */
}

/* ICON BACKGROUND */
.be-advanced-button-icon::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #D1FB6E;
    border-radius: 50%;
    transition: inset 0.25s ease;
}

/* ICON GLYPH */
.be-advanced-button-icon i {
    position: relative;
    z-index: 1;
    color: #000;
    font-size: 16px;
    line-height: 1;
    transform: translateX(0);
    transition: transform 0.25s ease;
}

/* Hover – background subtle shrink */
.be-advanced-button--style1:hover .be-advanced-button-icon::before {
    inset: 3px;
}

/* STEP 1: icon exits to the right */
.be-advanced-button--style1:hover .be-advanced-button-icon i {
    transform: translateX(150%);
}

/* STEP 2: re-enter from left */
.be-advanced-button--style1:hover .be-advanced-button-icon i {
    animation: icon-wrap 0.25s ease forwards;
}

/* KEYFRAMES */
@keyframes icon-wrap {
    0% {
        transform: translateX(0);
    }
    40% {
        transform: translateX(150%);
        opacity: 0;
    }
    41% {
        transform: translateX(-150%);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}
/*-----------------------------------------------------------------------------

-	Revolution Slider 5.0 Default Style Settings -

Screen Stylesheet

version:   	5.4.5
date:      	15/05/17
author:		themepunch
email:     	info@themepunch.com
website:   	http://www.themepunch.com
-----------------------------------------------------------------------------*/

#debungcontrolls {
	z-index:100000;
	position:fixed;
	bottom:0px; width:100%;
	height:auto;
	background:rgba(0,0,0,0.6);
	padding:10px;
	box-sizing: border-box;
}

.debugtimeline {
	width:100%;
	height:10px;
	position:relative;
	display:block;
	margin-bottom:3px;	
	display:none;
	white-space: nowrap;	
	box-sizing: border-box;
}

.debugtimeline:hover {
	height:15px;

}

.the_timeline_tester {
	background:#e74c3c;
	position:absolute;
	top:0px;
	left:0px;
	height:100%;
	width:0;	
}

.rs-go-fullscreen {
	position:fixed !important;
	width:100% !important;
	height:100% !important;
	top:0px !important;
	left:0px !important;
	z-index:9999999 !important;
	background:#ffffff !important;
}


.debugtimeline.tl_slide .the_timeline_tester {
	background:#f39c12;	
}

.debugtimeline.tl_frame .the_timeline_tester {
	background:#3498db;	
}

.debugtimline_txt {
	color:#fff;
	font-weight: 400;
	font-size:7px;
	position:absolute;	
	left:10px;
	top:0px;
	white-space: nowrap;
	line-height: 10px;
}


.rtl {	direction: rtl;}
@font-face {
  font-family: 'revicons';
  src: url(//knop.pl/wp-content/plugins/revslider/public/assets/fonts/revicons/revicons.eot?5510888);
  src: url(//knop.pl/wp-content/plugins/revslider/public/assets/fonts/revicons/revicons.eot?5510888#iefix) format('embedded-opentype'),
       url(//knop.pl/wp-content/plugins/revslider/public/assets/fonts/revicons/revicons.woff?5510888) format('woff'),
       url(//knop.pl/wp-content/plugins/revslider/public/assets/fonts/revicons/revicons.ttf?5510888) format('truetype'),
       url(//knop.pl/wp-content/plugins/revslider/public/assets/fonts/revicons/revicons.svg?5510888#revicons) format('svg');
  font-weight: normal;
  font-style: normal;
}

 [class^="revicon-"]:before, [class*=" revicon-"]:before {
  font-family: "revicons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center; 

  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;

  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;

  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;

  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */

  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.revicon-search-1:before { content: '\e802'; } /* '' */
.revicon-pencil-1:before { content: '\e831'; } /* '' */
.revicon-picture-1:before { content: '\e803'; } /* '' */
.revicon-cancel:before { content: '\e80a'; } /* '' */
.revicon-info-circled:before { content: '\e80f'; } /* '' */
.revicon-trash:before { content: '\e801'; } /* '' */
.revicon-left-dir:before { content: '\e817'; } /* '' */
.revicon-right-dir:before { content: '\e818'; } /* '' */
.revicon-down-open:before { content: '\e83b'; } /* '' */
.revicon-left-open:before { content: '\e819'; } /* '' */
.revicon-right-open:before { content: '\e81a'; } /* '' */
.revicon-angle-left:before { content: '\e820'; } /* '' */
.revicon-angle-right:before { content: '\e81d'; } /* '' */
.revicon-left-big:before { content: '\e81f'; } /* '' */
.revicon-right-big:before { content: '\e81e'; } /* '' */
.revicon-magic:before { content: '\e807'; } /* '' */
.revicon-picture:before { content: '\e800'; } /* '' */
.revicon-export:before { content: '\e80b'; } /* '' */
.revicon-cog:before { content: '\e832'; } /* '' */
.revicon-login:before { content: '\e833'; } /* '' */
.revicon-logout:before { content: '\e834'; } /* '' */
.revicon-video:before { content: '\e805'; } /* '' */
.revicon-arrow-combo:before { content: '\e827'; } /* '' */
.revicon-left-open-1:before { content: '\e82a'; } /* '' */
.revicon-right-open-1:before { content: '\e82b'; } /* '' */
.revicon-left-open-mini:before { content: '\e822'; } /* '' */
.revicon-right-open-mini:before { content: '\e823'; } /* '' */
.revicon-left-open-big:before { content: '\e824'; } /* '' */
.revicon-right-open-big:before { content: '\e825'; } /* '' */
.revicon-left:before { content: '\e836'; } /* '' */
.revicon-right:before { content: '\e826'; } /* '' */
.revicon-ccw:before { content: '\e808'; } /* '' */
.revicon-arrows-ccw:before { content: '\e806'; } /* '' */
.revicon-palette:before { content: '\e829'; } /* '' */
.revicon-list-add:before { content: '\e80c'; } /* '' */
.revicon-doc:before { content: '\e809'; } /* '' */
.revicon-left-open-outline:before { content: '\e82e'; } /* '' */
.revicon-left-open-2:before { content: '\e82c'; } /* '' */
.revicon-right-open-outline:before { content: '\e82f'; } /* '' */
.revicon-right-open-2:before { content: '\e82d'; } /* '' */
.revicon-equalizer:before { content: '\e83a'; } /* '' */
.revicon-layers-alt:before { content: '\e804'; } /* '' */
.revicon-popup:before { content: '\e828'; } /* '' */

							

/******************************
	-	BASIC STYLES		-
******************************/

.rev_slider_wrapper{
	position:relative;
	z-index: 0;
	width:100%;
}

.rev_slider{
	position:relative;
	overflow:visible;
}

.entry-content .rev_slider a,
.rev_slider a { box-shadow: none; }

.tp-overflow-hidden { 	overflow:hidden !important;}
.group_ov_hidden 	{	overflow:hidden}

.tp-simpleresponsive img,
.rev_slider img{
	max-width:none !important;	
	transition: none;
	margin:0px;
	padding:0px;
	border:none;
}

.rev_slider .no-slides-text{
	font-weight:bold;
	text-align:center;
	padding-top:80px;
}

.rev_slider >ul,
.rev_slider_wrapper >ul,
.tp-revslider-mainul >li,
.rev_slider >ul >li,
.rev_slider >ul >li:before,
.tp-revslider-mainul >li:before,
.tp-simpleresponsive >ul,
.tp-simpleresponsive >ul >li,
.tp-simpleresponsive >ul >li:before,
.tp-revslider-mainul >li,
.tp-simpleresponsive >ul >li{
	list-style:none !important;
	position:absolute;	
	margin:0px !important;
	padding:0px !important;
	overflow-x: visible;
	overflow-y: visible;
	list-style-type: none !important;
	background-image:none;
	background-position:0px 0px;
	text-indent: 0em;
	top:0px;left:0px;
}


.tp-revslider-mainul >li,
.rev_slider >ul >li,
.rev_slider >ul >li:before,
.tp-revslider-mainul >li:before,
.tp-simpleresponsive >ul >li,
.tp-simpleresponsive >ul >li:before,
.tp-revslider-mainul >li,
.tp-simpleresponsive >ul >li { 
	visibility:hidden; 
}

.tp-revslider-slidesli,
.tp-revslider-mainul	{	
	padding:0 !important; 
	margin:0 !important; 
	list-style:none !important;
}

.rev_slider li.tp-revslider-slidesli {
    position: absolute !important;
}


.tp-caption .rs-untoggled-content { display:block;}
.tp-caption .rs-toggled-content { display:none;}

.rs-toggle-content-active.tp-caption .rs-toggled-content { display:block;}
.rs-toggle-content-active.tp-caption .rs-untoggled-content { display:none;}

.rev_slider .tp-caption,
.rev_slider .caption 	{ 
	position:relative;  
	visibility:hidden; 
	white-space: nowrap;
	display: block;	
	-webkit-font-smoothing: antialiased !important;
	z-index:1;
}

.rev_slider .tp-caption,
.rev_slider .caption,
.tp-simpleresponsive img {
	-moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}

.rev_slider .tp-mask-wrap .tp-caption,
.rev_slider .tp-mask-wrap *:last-child,
.wpb_text_column .rev_slider .tp-mask-wrap .tp-caption,
.wpb_text_column .rev_slider .tp-mask-wrap *:last-child{
	margin-bottom:0;

}

.tp-svg-layer svg {	width:100%; height:100%;position: relative;vertical-align: top}

	
/* CAROUSEL FUNCTIONS */
.tp-carousel-wrapper {
	cursor:url(//knop.pl/wp-content/plugins/revslider/public/assets/css/openhand.cur), move;
}
.tp-carousel-wrapper.dragged {
	cursor:url(//knop.pl/wp-content/plugins/revslider/public/assets/css/closedhand.cur), move;
}

/* ADDED FOR SLIDELINK MANAGEMENT */
.tp_inner_padding {	
	box-sizing:border-box;	
	max-height:none !important;	
}


.tp-caption.tp-layer-selectable {
	-moz-user-select: all;
	-khtml-user-select: all;
	-webkit-user-select: all;
	-o-user-select: all;	
}

.tp-forcenotvisible,
.tp-hide-revslider,
.tp-caption.tp-hidden-caption,
.tp-parallax-wrap.tp-hidden-caption {	
	visibility:hidden !important; 
	display:none !important
}

.rev_slider embed,
.rev_slider iframe,
.rev_slider object,
.rev_slider audio,
.rev_slider video {
	max-width: none !important
}

.tp-element-background 	{	position:absolute; top:0px;left:0px; width:100%;height:100%;z-index:0;}

.tp-blockmask,
.tp-blockmask_in,
.tp-blockmask_out { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: #fff; z-index: 1000; transform: scaleX(0) scaleY(0);}

.tp-parallax-wrap { transform-style: preserve-3d }

/***********************************************************
	- 	ZONES / GOUP / ROW / COLUMN LAYERS AND HELPERS 	-
***********************************************************/
.rev_row_zone					{	position:absolute; width:100%;left:0px; box-sizing: border-box;min-height:50px; font-size:0px;}

.rev_row_zone_top 				{	top:0px;}
.rev_row_zone_middle 			{	top:50%; transform:translateY(-50%);}
.rev_row_zone_bottom 			{	bottom:0px;}

.rev_column .tp-parallax-wrap  { vertical-align: top }

.rev_slider .tp-caption.rev_row 	{
	display:table;
	position:relative;
	width:100% !important;
	table-layout: fixed;
	box-sizing: border-box;
	vertical-align: top;
	height:auto !important;
	font-size:0px;
}

.rev_column {	
	display: table-cell;
	position: relative;
	vertical-align: top;
	height: auto;
	box-sizing: border-box;	
	font-size:0px;
}

.rev_column_inner {
	box-sizing: border-box;
	display: block;
	position: relative;
	width:100% !important;
	height:auto !important;
	white-space: normal !important;
}

.rev_column_bg {
	width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 0;
    box-sizing: border-box;
    background-clip: content-box;
    border: 0px solid transparent;
}



.rev_column_inner .tp-parallax-wrap,
.rev_column_inner .tp-loop-wrap,
.rev_column_inner .tp-mask-wrap 			{	text-align: inherit; }
.rev_column_inner .tp-mask-wrap 			{	display: inline-block;}


.rev_column_inner .tp-parallax-wrap .tp-loop-wrap,
.rev_column_inner .tp-parallax-wrap .tp-mask-wrap,
.rev_column_inner .tp-parallax-wrap { position: relative !important; left:auto !important; top:auto !important; line-height: 0px;}

.rev_column_inner .tp-parallax-wrap .tp-loop-wrap,
.rev_column_inner .tp-parallax-wrap .tp-mask-wrap,
.rev_column_inner .tp-parallax-wrap,
.rev_column_inner .rev_layer_in_column { vertical-align: top; }

.rev_break_columns { display: block !important }
.rev_break_columns .tp-parallax-wrap.rev_column  { display:block !important; width:100% !important; }


/**********************************************
	-	FULLSCREEN AND FULLWIDHT CONTAINERS	-
**********************************************/


.fullscreen-container {	
	position:relative;
	padding:0;
}


.fullwidthbanner-container{
	position:relative;
	padding:0;
	overflow:hidden;
}

.fullwidthbanner-container .fullwidthabanner{
	width:100%;
	position:relative;
}



/*********************************
	-	SPECIAL TP CAPTIONS -
**********************************/

.tp-static-layers				{	
	position:absolute; z-index:101; top:0px;left:0px;
	/*pointer-events:none;*/

}

/* new static layers position option */
.tp-static-layers-back {	
	z-index:0;
}


.tp-caption .frontcorner		{
	width: 0;
	height: 0;
	border-left: 40px solid transparent;
	border-right: 0px solid transparent;
	border-top: 40px solid #00A8FF;
	position: absolute;left:-40px;top:0px;
}

.tp-caption .backcorner		{
	width: 0;
	height: 0;
	border-left: 0px solid transparent;
	border-right: 40px solid transparent;
	border-bottom: 40px solid #00A8FF;
	position: absolute;right:0px;top:0px;
}

.tp-caption .frontcornertop		{
	width: 0;
	height: 0;
	border-left: 40px solid transparent;
	border-right: 0px solid transparent;
	border-bottom: 40px solid #00A8FF;
	position: absolute;left:-40px;top:0px;
}

.tp-caption .backcornertop		{
	width: 0;
	height: 0;
	border-left: 0px solid transparent;
	border-right: 40px solid transparent;
	border-top: 40px solid #00A8FF;
	position: absolute;right:0px;top:0px;
}
									
.tp-layer-inner-rotation {	
	position: relative !important;
}		


/***********************************************
	-	SPECIAL ALTERNATIVE IMAGE SETTINGS	-
***********************************************/

img.tp-slider-alternative-image	{	
	width:100%; height:auto;
}


/******************************
	-	IE8 HACKS	-
*******************************/
.noFilterClass {
	filter:none !important;
}


/********************************
	-	FULLSCREEN VIDEO	-
*********************************/

.rs-background-video-layer 		{	position: absolute;top:0px;left:0px; width:100%;height:100%;visibility: hidden;z-index: 0;}

.tp-caption.coverscreenvideo	{	width:100%;height:100%;top:0px;left:0px;position:absolute;}
.caption.fullscreenvideo,
.tp-caption.fullscreenvideo		{	left:0px; top:0px; position:absolute;width:100%;height:100%}

.caption.fullscreenvideo iframe,
.caption.fullscreenvideo audio,
.caption.fullscreenvideo video,
.tp-caption.fullscreenvideo iframe,
.tp-caption.fullscreenvideo iframe audio,
.tp-caption.fullscreenvideo iframe video	{ width:100% !important; height:100% !important; display: none}

.fullcoveredvideo audio,
.fullscreenvideo audio
.fullcoveredvideo video,
.fullscreenvideo video				{	background: #000}

.fullcoveredvideo .tp-poster		{	background-position: center center;background-size: cover;width:100%;height:100%;top:0px;left:0px}


.videoisplaying .html5vid .tp-poster	{	display: none}

.tp-video-play-button					{	
	background:#000;
	background:rgba(0,0,0,0.3);										
	border-radius:5px;
	position: absolute;
	top: 50%;
	left: 50%;										
	color: #FFF;
	z-index: 3;
	margin-top: -25px;
	margin-left: -25px;
	line-height: 50px !important;
	text-align: center;
	cursor: pointer;
	width: 50px;
	height:50px;
	box-sizing: border-box;
	
	display: inline-block;	
	vertical-align: top;
	z-index: 4;
	opacity: 0;	
	transition:opacity 300ms ease-out !important;				
}

.tp-hiddenaudio,
.tp-audio-html5 .tp-video-play-button { display:none !important;}
.tp-caption .html5vid					{	width:100% !important; height:100% !important;}									
.tp-video-play-button i 				{	width:50px;height:50px; display:inline-block; text-align: center; vertical-align: top; line-height: 50px !important; font-size: 40px !important;}									
.tp-caption:hover .tp-video-play-button	{	opacity: 1; display:block;}
.tp-caption .tp-revstop					{	display:none; border-left:5px solid #fff !important; border-right:5px solid #fff !important;margin-top:15px !important;line-height: 20px !important;vertical-align: top; font-size:25px !important;}
.videoisplaying .revicon-right-dir		{	display:none}
.videoisplaying .tp-revstop				{	display:inline-block}

.videoisplaying  .tp-video-play-button			{	display:none}


.fullcoveredvideo .tp-video-play-button			{	display:none !important}


.fullscreenvideo .fullscreenvideo audio 		{	object-fit:contain !important;}
.fullscreenvideo .fullscreenvideo video 		{	object-fit:contain !important;}

.fullscreenvideo .fullcoveredvideo audio 		{	object-fit:cover !important;}
.fullscreenvideo .fullcoveredvideo video 		{	object-fit:cover !important;}

.tp-video-controls {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 5px;
	opacity: 0;	
	transition: opacity .3s;
	background-image: linear-gradient(to bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%);		
	display:table;max-width:100%; overflow:hidden;box-sizing:border-box;
}

.tp-caption:hover .tp-video-controls {	opacity: .9;}

.tp-video-button {
	background: rgba(0,0,0,.5);
	border: 0;
	color: #EEE;	
	border-radius: 3px;
	cursor:pointer;
	line-height:12px;
	font-size:12px;
	color:#fff;
	padding:0px;
	margin:0px;
	outline: none;
	}
.tp-video-button:hover 				{	cursor: pointer;}


.tp-video-button-wrap,
.tp-video-seek-bar-wrap,
.tp-video-vol-bar-wrap 				{ 	padding:0px 5px;display:table-cell; vertical-align: middle;}

.tp-video-seek-bar-wrap				{	width:80%}
.tp-video-vol-bar-wrap				{	width:20%}

.tp-volume-bar,
.tp-seek-bar						{	width:100%; cursor: pointer;  outline:none; line-height:12px;margin:0; padding:0;}


.rs-fullvideo-cover					{	width:100%;height:100%;top:0px;left:0px;position: absolute; background:transparent;z-index:5;}


.disabled_lc .tp-video-play-button,
.rs-background-video-layer video::-webkit-media-controls-start-playback-button,
.rs-background-video-layer video::-webkit-media-controls,
.rs-background-video-layer audio::-webkit-media-controls { display:none !important;}
 

.tp-audio-html5 .tp-video-controls {	opacity: 1 !important; visibility: visible !important}

 


/********************************
	-	DOTTED OVERLAYS	-
*********************************/
.tp-dottedoverlay						{	background-repeat:repeat;width:100%;height:100%;position:absolute;top:0px;left:0px;z-index:3}
.tp-dottedoverlay.twoxtwo				{	background:url(//knop.pl/wp-content/plugins/revslider/public/assets/assets/gridtile.png)}
.tp-dottedoverlay.twoxtwowhite			{	background:url(//knop.pl/wp-content/plugins/revslider/public/assets/assets/gridtile_white.png)}
.tp-dottedoverlay.threexthree			{	background:url(//knop.pl/wp-content/plugins/revslider/public/assets/assets/gridtile_3x3.png)}
.tp-dottedoverlay.threexthreewhite		{	background:url(//knop.pl/wp-content/plugins/revslider/public/assets/assets/gridtile_3x3_white.png)}


/******************************
	-	SHADOWS		-
******************************/

.tp-shadowcover	{	width:100%;height:100%;top:0px;left:0px;background: #fff;position: absolute; z-index: -1;}
.tp-shadow1 	{	box-shadow: 0 10px 6px -6px rgba(0,0,0,0.8);}

.tp-shadow2:before, .tp-shadow2:after,
.tp-shadow3:before, .tp-shadow4:after
{
  z-index: -2;
  position: absolute;
  content: "";
  bottom: 10px;
  left: 10px;
  width: 50%;
  top: 85%;
  max-width:300px;
  background: transparent;  
  box-shadow: 0 15px 10px rgba(0,0,0,0.8);
  
  transform: rotate(-3deg);
}

.tp-shadow2:after,
.tp-shadow4:after
{  
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

.tp-shadow5
{
  	position:relative;        
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.tp-shadow5:before, .tp-shadow5:after
{
	content:"";
    position:absolute; 
    z-index:-2;    
    box-shadow:0 0 25px 0px  rgba(0,0,0,0.6);
    top:30%;
    bottom:0;
    left:20px;
    right:20px;    
    border-radius:100px / 20px;
}

/******************************
	-	BUTTONS	-
*******************************/

.tp-button{
	padding:6px 13px 5px;
	border-radius: 3px;	
	height:30px;
	cursor:pointer;
	color:#fff !important; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.6) !important; font-size:15px; line-height:45px !important;
	font-family: arial, sans-serif; font-weight: bold; letter-spacing: -1px;
	text-decoration:none;
}

.tp-button.big	{	color:#fff; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.6); font-weight:bold; padding:9px 20px; font-size:19px;  line-height:57px !important; }


.purchase:hover,
.tp-button:hover,
.tp-button.big:hover {	background-position:bottom, 15px 11px}

	
/*	BUTTON COLORS	*/

.tp-button.green, .tp-button:hover.green,
.purchase.green, .purchase:hover.green			{ background-color:#21a117;box-shadow:0px 3px 0px 0px #104d0b;}

.tp-button.blue, .tp-button:hover.blue,
.purchase.blue, .purchase:hover.blue			{ background-color:#1d78cb;box-shadow:0px 3px 0px 0px #0f3e68}

.tp-button.red, .tp-button:hover.red,
.purchase.red, .purchase:hover.red				{ background-color:#cb1d1d;box-shadow:0px 3px 0px 0px #7c1212}

.tp-button.orange, .tp-button:hover.orange,
.purchase.orange, .purchase:hover.orange		{ background-color:#ff7700;box-shadow:0px 3px 0px 0px #a34c00}

.tp-button.darkgrey,.tp-button.grey,
.tp-button:hover.darkgrey,.tp-button:hover.grey,
.purchase.darkgrey, .purchase:hover.darkgrey	{ background-color:#555;box-shadow:0px 3px 0px 0px #222}

.tp-button.lightgrey, .tp-button:hover.lightgrey,
.purchase.lightgrey, .purchase:hover.lightgrey	{ background-color:#888;box-shadow:0px 3px 0px 0px #555}



/* TP BUTTONS DESKTOP SIZE */

.rev-btn,
.rev-btn:visited						{ 	outline:none !important; box-shadow:none !important; text-decoration: none !important; line-height: 44px; font-size: 17px; font-weight: 500; padding: 12px 35px; box-sizing:border-box;  font-family: "Roboto", sans-serif;  cursor: pointer;}

.rev-btn.rev-uppercase,
.rev-btn.rev-uppercase:visited			{ 	text-transform: uppercase; letter-spacing: 1px; font-size: 15px; font-weight: 900; }

.rev-btn.rev-withicon i					{ 	font-size: 15px; font-weight: normal; position: relative; top: 0px; transition: all 0.2s ease-out !important; margin-left:10px !important;}

.rev-btn.rev-hiddenicon i				{ 	font-size: 15px; font-weight: normal; position: relative; top: 0px; transition: all 0.2s ease-out !important;  opacity: 0; margin-left:0px !important; width:0px !important;  }
.rev-btn.rev-hiddenicon:hover i			{   opacity: 1 !important; margin-left:10px !important; width:auto !important;}

/* REV BUTTONS MEDIUM */
.rev-btn.rev-medium,
.rev-btn.rev-medium:visited				{	 line-height: 36px; font-size: 14px; padding: 10px 30px; }

.rev-btn.rev-medium.rev-withicon i		{ 	font-size: 14px; top: 0px; }

.rev-btn.rev-medium.rev-hiddenicon i	{ 	font-size: 14px; top: 0px; }


/* REV BUTTONS SMALL */
.rev-btn.rev-small,
.rev-btn.rev-small:visited				{	line-height: 28px; font-size: 12px; padding: 7px 20px; }

.rev-btn.rev-small.rev-withicon i		{	font-size: 12px; top: 0px; }

.rev-btn.rev-small.rev-hiddenicon i		{ 	font-size: 12px; top: 0px; }


/* ROUNDING OPTIONS */
.rev-maxround 							{ 	border-radius: 30px; }
.rev-minround 							{ 	border-radius: 3px; }	


/* BURGER BUTTON */
.rev-burger {
  position: relative;
  width: 60px;
  height: 60px;
  box-sizing: border-box;
  padding: 22px 0 0 14px;
  border-radius: 50%;
  border: 1px solid rgba(51,51,51,0.25);
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
}
.rev-burger span {
  display: block;
  width: 30px;
  height: 3px;
  background: #333;
  transition: .7s;
  pointer-events: none;
  transform-style: flat !important;
}
.rev-burger span:nth-child(2) {
  margin: 3px 0;
}

#dialog_addbutton .rev-burger:hover :first-child,
.open .rev-burger :first-child,
.open.rev-burger :first-child {
  transform: translateY(6px) rotate(-45deg);
 
}
#dialog_addbutton .rev-burger:hover :nth-child(2),
.open .rev-burger :nth-child(2),
.open.rev-burger :nth-child(2) {
  transform: rotate(-45deg);
 
  opacity: 0;
}
#dialog_addbutton .rev-burger:hover :last-child,
.open .rev-burger :last-child,
.open.rev-burger :last-child {
  transform: translateY(-6px) rotate(-135deg);
 
}

.rev-burger.revb-white {
  border: 2px solid rgba(255,255,255,0.2);
}
.rev-burger.revb-white span {
  background: #fff;
}
.rev-burger.revb-whitenoborder {
  border: 0;
}
.rev-burger.revb-whitenoborder span {
  background: #fff;
}
.rev-burger.revb-darknoborder {
  border: 0;
}
.rev-burger.revb-darknoborder span {
  background: #333;
}

.rev-burger.revb-whitefull {
  background: #fff;
  border:none;
}

.rev-burger.revb-whitefull span {
	background:#333;
}

.rev-burger.revb-darkfull {
  background: #333;
  border:none;
}

.rev-burger.revb-darkfull span {
	background:#fff;
}


/* SCROLL DOWN BUTTON */

@keyframes rev-ani-mouse {
	0% {opacity: 1;top: 29%;}
	15% {opacity: 1;top: 50%;}
	50% {opacity: 0;top: 50%;}
	100% {opacity: 0;top: 29%;}
}
.rev-scroll-btn {
	display: inline-block;
	position: relative;
	left: 0;
	right: 0;
	text-align: center;
	cursor: pointer;
	width:35px;
	height:55px;	
	box-sizing: border-box;
	border: 3px solid white;
	border-radius: 23px;
}
.rev-scroll-btn > * {
	display: inline-block;
	line-height: 18px;
	font-size: 13px;
	font-weight: normal;
	color: #7f8c8d;
	color: #ffffff;
	font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
	letter-spacing: 2px;
}
.rev-scroll-btn > *:hover,
.rev-scroll-btn > *:focus,
.rev-scroll-btn > *.active {
	color: #ffffff;
}
.rev-scroll-btn > *:hover,
.rev-scroll-btn > *:focus,
.rev-scroll-btn > *:active,
.rev-scroll-btn > *.active {
	opacity: 0.8;
}

.rev-scroll-btn.revs-fullwhite  {
	background:#fff;
}

.rev-scroll-btn.revs-fullwhite span {
	background: #333;	
}

.rev-scroll-btn.revs-fulldark  {
	background:#333;
	border:none;
}

.rev-scroll-btn.revs-fulldark  span {
	background: #fff;	
}

.rev-scroll-btn span {
	position: absolute;
	display: block;
	top: 29%;
	left: 50%;
	width: 8px;
	height: 8px;
	margin: -4px 0 0 -4px;
	background: white;
	border-radius: 50%;	
	animation: rev-ani-mouse 2.5s linear infinite;
}

.rev-scroll-btn.revs-dark {
	border-color:#333;
}
.rev-scroll-btn.revs-dark span {
	background: #333;	
}

.rev-control-btn {
	position: relative;
	display: inline-block;
	z-index: 5;	
	color: #FFF;  
	font-size: 20px;
	line-height: 60px;
	font-weight: 400;
	font-style: normal;
	font-family: Raleway;	
	text-decoration: none;
	text-align: center;
	background-color: #000;	
	border-radius: 50px;	
	text-shadow: none;
	background-color: rgba(0, 0, 0, 0.50);
	width:60px;
	height:60px;
	box-sizing: border-box;
	cursor: pointer;
}

.rev-cbutton-dark-sr	{	
	border-radius: 3px;		
}

.rev-cbutton-light	{	
	color: #333;  	
	background-color: rgba(255,255,255, 0.75);	
}

.rev-cbutton-light-sr	{		
	color: #333;  	
	border-radius: 3px;		
	background-color: rgba(255,255,255, 0.75);
}


.rev-sbutton {	
	line-height: 37px;	
	width:37px;
	height:37px;	
}

.rev-sbutton-blue	{	
	background-color: #3B5998
}
.rev-sbutton-lightblue	{	
	background-color: #00A0D1;
}
.rev-sbutton-red	{	
	background-color: #DD4B39;
}




/************************************
-	TP BANNER TIMER		-
*************************************/
.tp-bannertimer								{	visibility: hidden; width:100%; height:5px; background:#000; background:rgba(0,0,0,0.15); position:absolute; z-index:200; top:0px}
.tp-bannertimer.tp-bottom					{	top:auto; bottom:0px !important;height:5px}



/*********************************************
-	BASIC SETTINGS FOR THE BANNER	-
***********************************************/

.tp-caption img {
	background: transparent;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
	zoom:1;
}

.tp-caption img {  }



.caption.slidelink a div,
.tp-caption.slidelink a div {	width:3000px; height:1500px;  background:url(//knop.pl/wp-content/plugins/revslider/public/assets/assets/coloredbg.png) repeat}
.tp-caption.slidelink a span{	background:url(//knop.pl/wp-content/plugins/revslider/public/assets/assets/coloredbg.png) repeat}
.tp-shape {	width:100%;height:100%;}



/*********************************************
-	WOOCOMMERCE STYLES	-
***********************************************/

.tp-caption .rs-starring				{	display: inline-block}


.tp-caption .rs-starring .star-rating {
	float: none;	
	display: inline-block;
    vertical-align: top;
    color: #FFC321 !important;
}


.tp-caption .rs-starring .star-rating, 
.tp-caption .rs-starring-page .star-rating {	
	position: relative;
	height: 1em;	
	width: 5.4em;
	font-family: star;
	font-size: 1em !important;
}

.tp-caption  .rs-starring .star-rating:before, 
.tp-caption  .rs-starring-page .star-rating:before {
	content: "\73\73\73\73\73";
	color: #E0DADF;
	float: left;
	top: 0;
	left: 0;
	position: absolute;
}

.tp-caption .rs-starring .star-rating span {
	overflow: hidden;
	float: left;
	top: 0;
	left: 0;
	position: absolute;
	padding-top: 1.5em;
	font-size: 1em !important;
}

.tp-caption .rs-starring .star-rating span:before,
.tp-caption .rs-starring .star-rating span:before {
	content: "\53\53\53\53\53";
	top: 0;
	position: absolute;
	left: 0;
}




/******************************
	-	LOADER FORMS	-
********************************/

.tp-loader 	{
	top:50%; left:50%;
	z-index:10000;
	position:absolute;
}

.tp-loader.spinner0 {
	width: 40px;
	height: 40px;
	background-color: #fff;
	background-image:url(//knop.pl/wp-content/plugins/revslider/public/assets/assets/loader.gif);
	background-repeat:no-repeat;
	background-position: center center;
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);	
	margin-top:-20px;
	margin-left:-20px;	
	animation: tp-rotateplane 1.2s infinite ease-in-out;
	border-radius: 3px;	
}


.tp-loader.spinner1 {
	width: 40px;
	height: 40px;
	background-color: #fff;
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);	
	margin-top:-20px;
	margin-left:-20px;	
	animation: tp-rotateplane 1.2s infinite ease-in-out;
	border-radius: 3px;	
}



.tp-loader.spinner5 	{	
	background-image:url(//knop.pl/wp-content/plugins/revslider/public/assets/assets/loader.gif);
	background-repeat:no-repeat;
	background-position:10px 10px;
	background-color:#fff;
	margin:-22px -22px;
	width:44px;height:44px;
	border-radius: 3px;	
}


@keyframes tp-rotateplane {
  0% { transform: perspective(120px) rotateX(0deg) rotateY(0deg);} 
  50% { transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);} 
  100% { transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);}
}


.tp-loader.spinner2 {
	width: 40px;
	height: 40px;
	margin-top:-20px;margin-left:-20px;
	background-color: #ff0000;
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);	
	border-radius: 100%;	
	animation: tp-scaleout 1.0s infinite ease-in-out;
}


@keyframes tp-scaleout {
  0% {transform: scale(0.0);} 
  100% {transform: scale(1.0);opacity: 0;}
}


.tp-loader.spinner3 {
  margin: -9px 0px 0px -35px;
  width: 70px;
  text-align: center;
}

.tp-loader.spinner3 .bounce1,
.tp-loader.spinner3 .bounce2,
.tp-loader.spinner3 .bounce3 {
  width: 18px;
  height: 18px;
  background-color: #fff;
  box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);  
  border-radius: 100%;
  display: inline-block;  
  animation: tp-bouncedelay 1.4s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */  
  animation-fill-mode: both;
}

.tp-loader.spinner3 .bounce1 {
  animation-delay: -0.32s;
}

.tp-loader.spinner3 .bounce2 {  
  animation-delay: -0.16s;
}

@keyframes tp-bouncedelay {
  0%, 80%, 100% {transform: scale(0.0);} 
  40% {transform: scale(1.0);}
}




.tp-loader.spinner4 {
  margin: -20px 0px 0px -20px;
  width: 40px;
  height: 40px;
  text-align: center;
  animation: tp-rotate 2.0s infinite linear;
}

.tp-loader.spinner4 .dot1,
.tp-loader.spinner4 .dot2 {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: #fff;
  border-radius: 100%;  
  animation: tp-bounce 2.0s infinite ease-in-out;
  box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);  
}

.tp-loader.spinner4 .dot2 {
  top: auto;
  bottom: 0px;  
  animation-delay: -1.0s;
}


@keyframes tp-rotate { 100% { transform: rotate(360deg);}}

@keyframes tp-bounce {
  0%, 100% {transform: scale(0.0);} 
  50% { transform: scale(1.0);}
}



/***********************************************
	-  STANDARD NAVIGATION SETTINGS 
***********************************************/


.tp-thumbs.navbar,
.tp-bullets.navbar,
.tp-tabs.navbar					{	border:none; min-height: 0; margin:0; border-radius: 0; }

.tp-tabs,
.tp-thumbs,
.tp-bullets						{	position:absolute; display:block; z-index:1000; top:0px; left:0px;}

.tp-tab,
.tp-thumb 						{	cursor: pointer; position:absolute;opacity:0.5;  box-sizing: border-box;}

.tp-arr-imgholder,
.tp-videoposter,
.tp-thumb-image,
.tp-tab-image					{	background-position: center center; background-size:cover;width:100%;height:100%; display:block; position:absolute;top:0px;left:0px;}

.tp-tab:hover,
.tp-tab.selected,
.tp-thumb:hover,
.tp-thumb.selected				{	opacity:1;}

.tp-tab-mask,
.tp-thumb-mask 					{	box-sizing:border-box !important; }

.tp-tabs,
.tp-thumbs						{	box-sizing:content-box !important; }

.tp-bullet 						{	width:15px;height:15px; position:absolute; background:#fff; background:rgba(255,255,255,0.3); cursor: pointer;}
.tp-bullet.selected,
.tp-bullet:hover				{	background:#fff;}




.tparrows						{	cursor:pointer; background:#000; background:rgba(0,0,0,0.5); width:40px;height:40px;position:absolute; display:block; z-index:1000; }
.tparrows:hover 				{	background:#000;}
.tparrows:before				{	font-family: "revicons"; font-size:15px; color:#fff; display:block; line-height: 40px; text-align: center;}
.tparrows.tp-leftarrow:before	{	content: '\e824'; }
.tparrows.tp-rightarrow:before	{	content: '\e825'; }



/***************************
	- KEN BURNS FIXES -
***************************/

body.rtl .tp-kbimg {left: 0 !important}



/***************************
	- 3D SHADOW MODE -
***************************/

.dddwrappershadow { box-shadow:0 45px 100px rgba(0, 0, 0, 0.4);}

/*******************
	- DEBUG MODE -
*******************/

.hglayerinfo				   {	  position: fixed;
  bottom: 0px;
  left: 0px;
  color: #FFF;
  font-size: 12px;
  line-height: 20px;
  font-weight: 600;
  background: rgba(0, 0, 0, 0.75);
  padding: 5px 10px;
  z-index: 2000;
  white-space: normal;}
.hginfo 					   { 	position:absolute;top:-2px;left:-2px;color:#e74c3c;font-size:12px;font-weight:600; background:#000;padding:2px 5px;}
.indebugmode .tp-caption:hover { 	border:1px dashed #c0392b !important;}
.helpgrid 					   { 	border:2px dashed #c0392b;position:absolute;top:0px;left:0px;z-index:0 }
#revsliderlogloglog				{	padding:15px;color:#fff;position:fixed; top:0px;left:0px;width:200px;height:150px;background:rgba(0,0,0,0.7); z-index:100000; font-size:10px; overflow:scroll;}



/** 
INSTAGRAM FILTERS BY UNA 
https://una.im/CSSgram/
**/
.aden{filter:hue-rotate(-20deg) contrast(.9) saturate(.85) brightness(1.2)}.aden::after{background:linear-gradient(to right,rgba(66,10,14,.2),transparent);mix-blend-mode:darken}.perpetua::after,.reyes::after{mix-blend-mode:soft-light;opacity:.5}.inkwell{filter:sepia(.3) contrast(1.1) brightness(1.1) grayscale(1)}.perpetua::after{background:linear-gradient(to bottom,#005b9a,#e6c13d)}.reyes{filter:sepia(.22) brightness(1.1) contrast(.85) saturate(.75)}.reyes::after{background:#efcdad}.gingham{filter:brightness(1.05) hue-rotate(-10deg)}.gingham::after{background:linear-gradient(to right,rgba(66,10,14,.2),transparent);mix-blend-mode:darken}.toaster{filter:contrast(1.5) brightness(.9)}.toaster::after{background:radial-gradient(circle,#804e0f,#3b003b);mix-blend-mode:screen}.walden{filter:brightness(1.1) hue-rotate(-10deg) sepia(.3) saturate(1.6)}.walden::after{background:#04c;mix-blend-mode:screen;opacity:.3}.hudson{filter:brightness(1.2) contrast(.9) saturate(1.1)}.hudson::after{background:radial-gradient(circle,#a6b1ff 50%,#342134);mix-blend-mode:multiply;opacity:.5}.earlybird{filter:contrast(.9) sepia(.2)}.earlybird::after{background:radial-gradient(circle,#d0ba8e 20%,#360309 85%,#1d0210 100%);mix-blend-mode:overlay}.mayfair{filter:contrast(1.1) saturate(1.1)}.mayfair::after{background:radial-gradient(circle at 40% 40%,rgba(255,255,255,.8),rgba(255,200,200,.6),#111 60%);mix-blend-mode:overlay;opacity:.4}.lofi{filter:saturate(1.1) contrast(1.5)}.lofi::after{background:radial-gradient(circle,transparent 70%,#222 150%);mix-blend-mode:multiply}._1977{filter:contrast(1.1) brightness(1.1) saturate(1.3)}._1977:after{background:rgba(243,106,188,.3);mix-blend-mode:screen}.brooklyn{filter:contrast(.9) brightness(1.1)}.brooklyn::after{background:radial-gradient(circle,rgba(168,223,193,.4) 70%,#c4b7c8);mix-blend-mode:overlay}.xpro2{filter:sepia(.3)}.xpro2::after{background:radial-gradient(circle,#e6e7e0 40%,rgba(43,42,161,.6) 110%);mix-blend-mode:color-burn}.nashville{filter:sepia(.2) contrast(1.2) brightness(1.05) saturate(1.2)}.nashville::after{background:rgba(0,70,150,.4);mix-blend-mode:lighten}.nashville::before{background:rgba(247,176,153,.56);mix-blend-mode:darken}.lark{filter:contrast(.9)}.lark::after{background:rgba(242,242,242,.8);mix-blend-mode:darken}.lark::before{background:#22253f;mix-blend-mode:color-dodge}.moon{filter:grayscale(1) contrast(1.1) brightness(1.1)}.moon::before{background:#a0a0a0;mix-blend-mode:soft-light}.moon::after{background:#383838;mix-blend-mode:lighten}.clarendon{filter:contrast(1.2) saturate(1.35)}.clarendon:before{background:rgba(127,187,227,.2);mix-blend-mode:overlay}.willow{filter:grayscale(.5) contrast(.95) brightness(.9)}.willow::before{background-color:radial-gradient(40%,circle,#d4a9af 55%,#000 150%);mix-blend-mode:overlay}.willow::after{background-color:#d8cdcb;mix-blend-mode:color}.rise{filter:brightness(1.05) sepia(.2) contrast(.9) saturate(.9)}.rise::after{background:radial-gradient(circle,rgba(232,197,152,.8),transparent 90%);mix-blend-mode:overlay;opacity:.6}.rise::before{background:radial-gradient(circle,rgba(236,205,169,.15) 55%,rgba(50,30,7,.4));mix-blend-mode:multiply}._1977:after,._1977:before,.aden:after,.aden:before,.brooklyn:after,.brooklyn:before,.clarendon:after,.clarendon:before,.earlybird:after,.earlybird:before,.gingham:after,.gingham:before,.hudson:after,.hudson:before,.inkwell:after,.inkwell:before,.lark:after,.lark:before,.lofi:after,.lofi:before,.mayfair:after,.mayfair:before,.moon:after,.moon:before,.nashville:after,.nashville:before,.perpetua:after,.perpetua:before,.reyes:after,.reyes:before,.rise:after,.rise:before,.slumber:after,.slumber:before,.toaster:after,.toaster:before,.walden:after,.walden:before,.willow:after,.willow:before,.xpro2:after,.xpro2:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}._1977,.aden,.brooklyn,.clarendon,.earlybird,.gingham,.hudson,.inkwell,.lark,.lofi,.mayfair,.moon,.nashville,.perpetua,.reyes,.rise,.slumber,.toaster,.walden,.willow,.xpro2{position:relative}._1977 img,.aden img,.brooklyn img,.clarendon img,.earlybird img,.gingham img,.hudson img,.inkwell img,.lark img,.lofi img,.mayfair img,.moon img,.nashville img,.perpetua img,.reyes img,.rise img,.slumber img,.toaster img,.walden img,.willow img,.xpro2 img{width:100%;z-index:1}._1977:before,.aden:before,.brooklyn:before,.clarendon:before,.earlybird:before,.gingham:before,.hudson:before,.inkwell:before,.lark:before,.lofi:before,.mayfair:before,.moon:before,.nashville:before,.perpetua:before,.reyes:before,.rise:before,.slumber:before,.toaster:before,.walden:before,.willow:before,.xpro2:before{z-index:2}._1977:after,.aden:after,.brooklyn:after,.clarendon:after,.earlybird:after,.gingham:after,.hudson:after,.inkwell:after,.lark:after,.lofi:after,.mayfair:after,.moon:after,.nashville:after,.perpetua:after,.reyes:after,.rise:after,.slumber:after,.toaster:after,.walden:after,.willow:after,.xpro2:after{z-index:3}.slumber{filter:saturate(.66) brightness(1.05)}.slumber::after{background:rgba(125,105,24,.5);mix-blend-mode:soft-light}.slumber::before{background:rgba(69,41,12,.4);mix-blend-mode:lighten}
.tp-kbimg-wrap:before,
.tp-kbimg-wrap:after {height:500%;width:500%}


.rs-background-video-layer iframe {visibility:inherit !important;}