/* Owner CSS */
.tyd-jumbotron {
    background-color: #FF9800 !important;
    border-radius: 0em;
    min-height: 85vh;
    background-image: url("../images/campaign-big-wall0.jpg");
    background-repeat: no-repeat;
    background-size: cover;
  }
  
  .tyd-feature-wrapper-01 {
    background-color: #B2DFDB !important;
    border-radius: 0em;
  }
  
  .tyd-contact-section {
    background-color: #a3a3c2 !important;
    border-radius: 0em;
  }
  
  #what-i-do {
    content: " ";
    margin: -82px 0 0;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    height: 82px;
    visibility: hidden;
  }
  
  #get-in-touch {
    content: " ";
    margin: -82px 0 0;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    height: 82px;
    visibility: hidden;
  }
  
  #portfolios {
    content: " ";
    margin: -82px 0 0;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    height: 82px;
    visibility: hidden;
  }
  
  .tyd-rounded-1 {
    border-radius: 1rem;
  }
  
  .tyd-bg-dark-blue {
    background-color: #004D40;
  }
  
  .bg-orange {
    background-color: rgb(230, 143, 14);
  }

  .bg-nopsave-green {
    background-color: rgb(0, 104, 53);
  }
  
  .tyd-border-dark-blue {
    border: solid 1px #333399 !important;
  }
  
  .tyd-bg-soft-green {
    background-color: rgb(36, 45, 46, 0.9);
  }
  
  .tyd-bg-gray-light {
    background-color: #e6e6e6;
  }
  
  #what-i-do::before {
    content: "";
    position: absolute;
    visibility: hidden;
    top: 82px;
    left: 0;
    right: 0;
    border-top: 2px solid #ccc;
  }
  
  #skills {
    content: " ";
    margin: -82px 0 0;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    height: 82px;
    visibility: hidden;
  }
  
  
  #skills::before {
    content: "";
    position: absolute;
    visibility: hidden;
    top: 82px;
    left: 0;
    right: 0;
    border-top: 2px solid #ccc;
  }
  
  .main-slide-image {
    position: absolute;
    width: auto;
    height: auto;
    z-index: -1;
    display: block;
  }
  
  .left-overlay {
    height: 100%;
    min-width: 25px;
    background-color: none;
    position: absolute;
    z-index: 100 !important;
    top: 0px;
  
  }
  
  .tyd-panel {
    border-radius: 4px;
    box-sizing: border-box;
  }
  
  .tyd-panel-heading {
    background-color: #e6e6e6;
    padding: 10px 10px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
  }
  
  .tyd-panel-heading-icon {
    text-align: center;
  }
  
  
  
  .fit-image{
    width: 100%;
    object-fit: cover;
  }
  
  .tyd-panel-content {
    border-left: solid 1px #d9d9d9;
    border-right: solid 1px #d9d9d9;
    border-bottom: solid 1px #d9d9d9;
    padding: 25px 10px 10px 10px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
  }
  
  .tyd-small-panel-content {
    border-left: solid 1px #d9d9d9;
    border-right: solid 1px #d9d9d9;
    border-bottom: solid 1px #d9d9d9;
    border-top: solid 1px #d9d9d9;
    padding: 25px 10px 10px 10px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
  }
  
  .tyd-portfolio-panel {
    border-left: solid 1px #d9d9d9;
    border-right: solid 1px #d9d9d9;
    border-bottom: solid 1px #d9d9d9;
    border-top: solid 1px #d9d9d9;
    padding: 25px 10px 10px 10px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    background-image: url("../images/portfolios.png");
    min-height: 400px;
    min-width: 350px;
    display: inline-block;
    background-repeat: no-repeat; 
    background-size: cover;
  }
  
  .tyd-small-panel {
    border-left: solid 1px #d9d9d9;
    border-right: solid 1px #d9d9d9;
    border-bottom: solid 1px #d9d9d9;
    border-top: solid 1px #d9d9d9;
    padding: 10px 10px 10px 10px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
  }
  
  .tyd-section-title {
    font-family: 'Segoe UI';
    font-size: 1.5rem;
    font-weight: bold;
    color: indigo;
  }
  
  .tyd-icon-business {
    min-height: 160px;
    min-width: 160px;
    display: inline-block;
    background-size: cover;
  }
  
  .tyd-icon-business img {
    height: 165px;
    width: 165px;
  }
  
  .tyd-title-business {
    font-family: 'Segoe UI';
    font-size: 1rem;
  }
  
  .portfolio-01 {
    background-position: 0px 0px;
  }
  
  .portfolio-01:hover {
    background-color: #e0e0eb;
  }
  
  .portfolio-02 {
    background-position: -350px 0px;
  }
  
  .portfolio-02:hover {
    background-color: #e0e0eb;
  }
  
  .portfolio-03 {
    background-position: -705px 0px;
  }
  
  .portfolio-03:hover {
    background-color: #e0e0eb;
  }
  
  #sticky-whatsapp {
    bottom: 0px;
    z-index: 1000;
    position: fixed;
    right: 0px;
    bottom: 25px;
    width: 200px;
    height: 60px;
    display: block;
  }
  
  #sticky-whatsapp a{
    width: 200px;
    height: 60px;
    background-image: url("../images/whatsapp-sticky.png");
    display: block;
  }

  .ic-poster {
    background-image: url("../images/ic-poster.svg");
    display: block;
    background-repeat: no-repeat;
    background-position: 0 0;
  }

  .ic-t-shirt {
    background-image: url("../images/ic-t-shirt.svg");
    display: block;
    background-repeat: no-repeat;
    background-position: 0 0;
  }

  .ic-sticker {
    background-image: url("../images/ic-sticker.svg");
    display: block;
    background-repeat: no-repeat;
    background-position: 0 0;
  }

  .ic-banner {
    background-image: url("../images/ic-banner.svg");
    display: block;
    background-repeat: no-repeat;
    background-position: 0 0;
  }
  .business-type {
    padding-inline-start: 0px;
    display: inline-block;
    min-width: 50%;
  }
  .business-type li{
    margin-left: 0px;
    list-style: none;
    color: #fff;
    background-color: #28a745;
    border-radius: 5px 5px 5px 5px;
    width: auto;
    margin-top:2px;
    margin-bottom: 2px;
    padding: 5px 10px 5px 5px;
  }
  
  #demo {
    height:100%;
    position:relative;
    overflow:hidden;
  }
  
  
  .green{
    background-color:#6fb936;
  }
          .thumb{
              margin-bottom: 30px;
          }
          
          .page-top{
              margin-top:85px;
          }
  
     
  .img-screenshoot  {
      width: 100%;
      height: 200px;
      border-radius: 0px;
      object-fit:cover;
      -webkit-transition: all .3s ease-in-out;
      -moz-transition: all .3s ease-in-out;
      -o-transition: all .3s ease-in-out;
      -ms-transition: all .3s ease-in-out;
  }