Na}{

File Content: oshine-modules.css

/* 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("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;*/
  }
  .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_expoler .oshine-portfolio-module .flip-img-wrap img, 
  .internet_expoler .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('../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(../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(../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(../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(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**/

Name	Size	Permission
be-slider.css	53508 bytes	0644
oshine-modules.css	144449 bytes	0644
oshine-modules.min.css	146719 bytes	0644