body {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    overflow-x: hidden;
  }
  
  body,html {
    height: 100%;
    position: relative;
  }
  
  *,html {
    margin: 0px;
    padding: 0px;
  }
  
  a,:focus,:hover,:active,*:hover,*:focus,*:active,a:hover,a:focus,a:active,a.active {
    text-decoration: none;
    outline: none !important;
    outline-offset: 0 !important;
  }
  
  a img,img {
    border: none;
    outline: none !important;
    outline-offset: 0 !important;
    -moz-opacity: 1;
    -webkit-opacity: 1;
    -o-opacity: 1;
    -ms-opacity: 1;
    opacity: 1;
  }
  
  a:hover img {
    -moz-opacity: .8;
    -webkit-opacity: .8;
    -o-opacity: .8;
    -ms-opacity: .8;
    opacity: .8;
  }
  
  ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  
  ul li {
    display: inline-block;
    line-height: 1.8;
  }
  
  i.fa {
    font-family: 'FontAwesome';
  }
  
  img {
    height: auto;
    max-width: 100%;
    vertical-align: middle;
    line-height: normal;
  }
  
  .flat-icon {
    font-family: 'Flaticon';
    display: inline-block;
  }
  
  iframe {
    border: medium none;
  }
  
  ::selection {
    background: #FC875D;
    color: #fff;
  }
  
  ::-moz-selection {
    background: #FC875D;
    color: #fff;
  }
  
  ::-webkit-selection {
    background: #FC875D;
    color: #fff;
  }
  
  ::-o-selection {
    background: #FC875D;
    color: #fff;
  }
  
  ::-ms-selection {
    background: #FC875D;
    color: #fff;
  }
  
  .yit-center-items * {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
  
  .yit-center-block {
    text-align: center;
  }
  
  .yit-style-none {
    background: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    border: medium none;
  }
  
  .yit-shadow-none {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  
  .yit-radius-none {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
  }
  
  .yit-bg-none {
    background: none !important;
  }
  
  .yit-border-none {
    border: medium none;
  }
  
  .yit-none-transform {
    text-transform: none;
  }
  
  .yit-overflow {
    overflow: hidden;
  }
  
  .yit-flex {
    display: flex;
  }
  
  .yit-flex-content {
    height: 100%;
  }
  
  .noscroll {
    overflow: hidden;
  }
  
  .hidden {
    display: none;
  }
  
  .content-l-space {
    margin-left: 80px;
  }
  
  .show-grid [class^="col-"] {
    background-color: rgba(86,61,124,0.15);
    border: 1px solid rgba(86,61,124,0.2);
    margin-bottom: 15px;
    padding: 10px 0;
    text-align: center;
  }
  
  .container-boxed {
    max-width: 1170px;
    margin-left: auto;
    margin-right: auto;
  }
  
  .yit-display-table {
    display: table;
  }
  
  .yit-display-tb-cell {
    display: table-cell;
    vertical-align: middle;
  }
  
  .yit-display-block {
    display: block;
  }
  
  .yit-display-inline {
    display: inline-block;
  }
  
  .yit-display-inherit {
    display: inherit;
  }
  
  .yit-display-centrize {
    display: table;
    height: 100%;
    position: relative;
    table-layout: fixed;
    width: 100%;
  }
  
  .yit-display-v-centrize {
    display: table-cell;
    vertical-align: middle;
  }
  
  .yit-flex-v-center {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    height: 100%;
    justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
  }
  
  .yit-flex-h-center {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    height: 100vh;
    align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
  }
  
  .img-scale img {
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    -moz-transition: all .5s ease-in-out 0s;
    -webkit-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s;
    -ms-transition: all .5s ease-in-out 0s;
    transition: all .5s ease-in-out 0s;
  }
  
  .img-scale img:hover {
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    transform: scale(1.2);
  }
  
  .gray-scale:hover {
    filter: grayscale(1);
    -moz-filter: grayscale(1);
    -webkit-filter: grayscale(1);
    -o-filter: grayscale(1);
    -ms-filter: grayscale(1);
  }
  
  .yit-pos-relative {
    position: relative;
  }
  
  .yit-pos-absoulate {
    position: absolute;
  }
  
  .yit-pos-fixed {
    position: fixed;
  }
  
  .yit-pos-inherit {
    position: inherit;
  }
  
  .yit-pos-h-center {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
  }
  
  .yit-pos-v-center {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 50%;
    -webkit-transform: translate(0px,-50%);
    -o-transform: translate(0px,-50%);
    -ms-transform: translate(0px,-50%);
    -moz-transform: translate(0px,-50%);
    transform: translate(0px,-50%);
  }
  
  .text-shadow-light {
    text-shadow: 6px 6px 0px rgba(0,0,0,.1);
  }
  
  .text-opacity-sm {
    opacity: .4;
    -moz-opacity: .4;
    -webkit-opacity: .4;
    -o-opacity: .4;
    -ms-opacity: .4;
  }
  
  .text-opacity-lg {
    opacity: .7;
    -moz-opacity: .7;
    -webkit-opacity: .7;
    -o-opacity: .7;
    -ms-opacity: .7;
  }
  
  .white-space-nowrap {
    white-space: nowrap;
  }
  
  .white-space-normal {
    white-space: normal;
  }
  
  .white-space-pre {
    white-space: pre;
  }
  
  .word-break {
    word-break: break-all;
  }
  
  .word-spacing {
    word-spacing: 5px;
  }
  
  .float-left {
    float: left !important;
  }
  
  .float-right {
    float: right !important;
  }
  
  .float-none {
    float: none !important;
  }
  
  .yit-listing-inline li {
    display: inline-block;
  }
  
  .yit-listing-block li {
    display: block;
  }
  
  p {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  
  .yit-lead {
    font-size: 18px;
    line-height: 1.8;
  }
  
  .font-extra-small {
    font-size: 13px;
  }
  
  .head-title-small {
    font-size: 1rem;
  }
  
  hr {
    background: #333333;
    border-bottom: medium none;
    border-top: medium none;
    margin: 25px auto 15px;
    width: 83px;
    height: 2px;
    position: relative;
  }
  
  img {
    margin-bottom: 0;
  }
  
  .yit-img-left {
    float: left;
    margin-right: 20px;
  }
  
  .yit-img-right {
    float: right;
    margin-left: 20px;
  }
  
  .yit-img-center {
    margin-left: auto;
    margin-right: auto;
    display: block;
    text-align: center;
  }
  
  .yit-bg-h-center {
    background-position: center 0;
  }
  
  .yit-bg-v-center {
    background-position: 0 center;
  }
  
  .yit-bg-center {
    background-position: center center;
  }
  
  .yit-bg-b-center {
    background-position: center bottom;
  }
  
  .yit-bg-no-repeat {
    background-repeat: no-repeat;
  }
  
  .yit-bg-repeat {
    background-repeat: repeat;
  }
  
  .yit-bg {
    background-repeat: no-repeat;
    background-position: 0 0;
    overflow: hidden;
    position: relative;
  }
  
  .yit-bg-r-b {
    background-position: right bottom;
  }
  
  .yit-bg-r-t {
    background-position: right bottom;
  }
  
  .yit-bg-l-b {
    background-position: left bottom;
  }
  
  .yit-bg-l-t {
    background-position: left top;
  }
  
  .yit-bg-r-c {
    background-position: right center;
  }
  
  .yit-bg-l-c {
    background-position: right center;
  }
  
  .yit-parallax-bg {
    background-attachment: fixed;
  }
  
  .yit-cover-bg {
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    overflow: hidden;
  }
  
  .data-parallax-effect {
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
  }
  
  .bg-overlay {
    position: relative;
    z-index: 0;
  }
  
  .bg-overlay:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    z-index: -1;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.3);
    z-index: -1;
  }
  
  .bg-fade-overlay,.bg-fade-overlay-dark {
    position: relative;
    z-index: 0;
    overflow: hidden;
  }
  
  .bg-fade-overlay:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    z-index: -1;
    width: 100%;
    height: 100%;
    background: -moz-linear-gradient(left,rgba(0,0,0,0.85) 0%,rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(left,rgba(0,0,0,0.85) 0%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to right,rgba(0,0,0,0.85) 0%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000',endColorstr='#00000000',GradientType=1 );
  }
  
  .bg-fade-overlay {
    position: relative;
    z-index: 0;
  }
  
  .bg-fade-overlay-dark:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    z-index: -1;
    width: 100%;
    height: 200%;
    background: -moz-linear-gradient(left,rgba(0,0,0,0.90) 0%,rgba(0,0,0,0) 200%);
    background: -webkit-linear-gradient(left,rgba(0,0,0,0.90) 0%,rgba(0,0,0,0) 200%);
    background: linear-gradient(to right,rgba(0,0,0,0.90) 0%,rgba(0,0,0,0) 200%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000',endColorstr='#00000000',GradientType=1 );
  }
  
  .bg-fade-graident {
    position: relative;
    z-index: 0;
  }
  
  .bg-fade-graident:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    z-index: -1;
    width: 100%;
    height: 100%;
    opacity: .9;
    background: #7744ed;
    background: -moz-linear-gradient(left,#7744ed 0%,#00bfbf 100%);
    background: -webkit-linear-gradient(left,#7744ed 0%,#00bfbf 100%);
    background: linear-gradient(to right,#7744ed 0%,#00bfbf 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7744ed',endColorstr='#00bfbf',GradientType=1 );
  }
  
  .yit-btn-full {
    width: 100%;
  }
  
  .yit-btn-center {
    margin: 0px auto;
    text-align: center;
  }
  
  .yit-btn-auto {
    width: auto;
  }
  
  .yit-btn-left {
    float: left;
  }
  
  .yit-btn-right {
    float: right;
  }
  
  .form-group {
    position: relative;
  }
  
  .common-form textarea.form-control {
    padding-right: 5px;
    resize: vertical;
    overflow: auto;
    height: 150px;
  }
  
  .common-form .form-control::placeholder {
    color: rgba(0,0,0,.7);
    opacity: .5;
  }
  
  .common-form .form-control::-moz-placeholder {
    color: rgba(0,0,0,.7);
    opacity: .5;
  }
  
  .common-form .form-control:-ms-input-placeholder {
    color: rgba(0,0,0,.7);
    opacity: .5;
  }
  
  .common-form .form-control::-webkit-input-placeholder {
    color: rgba(0,0,0,.7);
    opacity: .5;
  }
  
  .common-form .form-control::-o-input-placeholder {
    color: rgba(0,0,0,.7);
    opacity: .5;
  }
  
  .common-form label {
    font-size: 15px;
    font-weight: 500;
  }
  
  .common-form select.form-control option {
    padding: 10px 20px;
    border-bottom: solid 1px #c0cee0;
  }
  
  .common-form .select-box {
    position: relative;
  }
  
  .common-form .select-box .selectarrow {
    position: absolute;
    right: 15px;
    pointer-events: none;
    top: 13px;
  }
  
  .common-form .select-box select.form-control {
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
  }
  
  input[type="reset"] {
    float: right;
    margin-right: 15px;
  }
  
  .has-error .form-control {
    border-color: #f00;
  }
  
  .success .form-control {
    border-color: #14CC25;
  }
  
  .error {
    /* display: none !important; */
    color: #f21c3c;
  }
  
  .animation-slideDown {
    animation-name: slideDown;
    -webkit-animation-name: slideDown;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-timing-function: ease;
    -webkit-animation-timing-function: ease;
    visibility: visible!important;
  }
  
  @keyframes slideDown {
    0% {
      transform: translateY(-100%);
    }
  
    50% {
      transform: translateY(8%);
    }
  
    65% {
      transform: translateY(-4%);
    }
  
    80% {
      transform: translateY(4%);
    }
  
    95% {
      transform: translateY(-2%);
    }
  
    100% {
      transform: translateY(0%);
    }
  }
  
  @-webkit-keyframes slideDown {
    0% {
      -webkit-transform: translateY(-100%);
    }
  
    50% {
      -webkit-transform: translateY(8%);
    }
  
    65% {
      -webkit-transform: translateY(-4%);
    }
  
    80% {
      -webkit-transform: translateY(4%);
    }
  
    95% {
      -webkit-transform: translateY(-2%);
    }
  
    100% {
      -webkit-transform: translateY(0%);
    }
  }
  
  .back-top #toTop {
    position: fixed;
    left: auto;
    right: 50px;
    bottom: 100px;
    z-index: 50;
    width: 40px;
    height: 40px;
    font-size: 20px;
    color: #fff;
    line-height: 40px;
  }
  
  .btn,.form-control,.back-top #toTop,option,a,i,img,input {
    transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
  }
  
  .mt-0 {
    margin-top: 0 !important;
  }
  
  .mt-5 {
    margin-top: 5px !important;
  }
  
  .mt-10 {
    margin-top: 10px !important;
  }
  
  .mt-15 {
    margin-top: 15px !important;
  }
  
  .mt-20 {
    margin-top: 20px !important;
  }
  
  .mt-25 {
    margin-top: 25px !important;
  }
  
  .mt-30 {
    margin-top: 30px !important;
  }
  
  .mt-40 {
    margin-top: 40px !important;
  }
  
  .mt-50 {
    margin-top: 50px !important;
  }
  
  .mt-60 {
    margin-top: 60px !important;
  }
  
  .mt-70 {
    margin-top: 70px !important;
  }
  
  .mt-80 {
    margin-top: 80px !important;
  }
  
  .mt-90 {
    margin-top: 90px !important;
  }
  
  .mt-100 {
    margin-top: 100px !important;
  }
  
  .mt-110 {
    margin-top: 110px !important;
  }
  
  .mt-120 {
    margin-top: 120px !important;
  }
  
  .mt-130 {
    margin-top: 130px !important;
  }
  
  .mt-140 {
    margin-top: 140px !important;
  }
  
  .mt-150 {
    margin-top: 150px !important;
  }
  
  .mr-0 {
    margin-right: 0!important;
  }
  
  .mr-10 {
    margin-right: 10px !important;
  }
  
  .mr-15 {
    margin-right: 15px !important;
  }
  
  .mr-20 {
    margin-right: 20px !important;
  }
  
  .mr-30 {
    margin-right: 30px !important;
  }
  
  .mr-40 {
    margin-right: 40px !important;
  }
  
  .mr-50 {
    margin-right: 50px !important;
  }
  
  .mr-60 {
    margin-right: 60px !important;
  }
  
  .mr-70 {
    margin-right: 70px !important;
  }
  
  .mr-80 {
    margin-right: 80px !important;
  }
  
  .mr-90 {
    margin-right: 90px !important;
  }
  
  .mr-100 {
    margin-right: 100px !important;
  }
  
  .mr-110 {
    margin-right: 110px !important;
  }
  
  .mr-120 {
    margin-right: 120px !important;
  }
  
  .mr-130 {
    margin-right: 130px !important;
  }
  
  .mr-140 {
    margin-right: 140px !important;
  }
  
  .mr-150 {
    margin-right: 150px !important;
  }
  
  .last-p-none p:last-of-type {
    margin-bottom: 0;
  }
  
  .mb-0 {
    margin-bottom: 0!important;
  }
  
  .mb-10 {
    margin-bottom: 10px !important;
  }
  
  .mb-15 {
    margin-bottom: 15px !important;
  }
  
  .mb-20 {
    margin-bottom: 20px !important;
  }
  
  .mb-25 {
    margin-bottom: 25px !important;
  }
  
  .mb-30 {
    margin-bottom: 30px !important;
  }
  
  .mb-40 {
    margin-bottom: 40px !important;
  }
  
  .mb-50 {
    margin-bottom: 50px !important;
  }
  
  .mb-60 {
    margin-bottom: 60px !important;
  }
  
  .mb-70 {
    margin-bottom: 70px !important;
  }
  
  .mb-80 {
    margin-bottom: 80px !important;
  }
  
  .mb-90 {
    margin-bottom: 90px !important;
  }
  
  .mb-100 {
    margin-bottom: 100px !important;
  }
  
  .mb-110 {
    margin-bottom: 110px !important;
  }
  
  .mb-120 {
    margin-bottom: 120px !important;
  }
  
  .mb-130 {
    margin-bottom: 130px !important;
  }
  
  .mb-140 {
    margin-bottom: 140px !important;
  }
  
  .mb-150 {
    margin-bottom: 150px !important;
  }
  
  .ml-0 {
    margin-left: 0!important;
  }
  
  .ml-10 {
    margin-left: 10px !important;
  }
  
  .ml-15 {
    margin-left: 15px !important;
  }
  
  .ml-20 {
    margin-left: 20px !important;
  }
  
  .ml-30 {
    margin-left: 30px !important;
  }
  
  .ml-40 {
    margin-left: 40px !important;
  }
  
  .ml-50 {
    margin-left: 50px !important;
  }
  
  .ml-60 {
    margin-left: 60px !important;
  }
  
  .ml-70 {
    margin-left: 70px !important;
  }
  
  .ml-80 {
    margin-left: 80px !important;
  }
  
  .ml-90 {
    margin-left: 90px !important;
  }
  
  .ml-100 {
    margin-left: 100px !important;
  }
  
  .ml-110 {
    margin-left: 110px !important;
  }
  
  .ml-120 {
    margin-left: 120px !important;
  }
  
  .ml-130 {
    margin-left: 130px !important;
  }
  
  .ml-140 {
    margin-left: 140px !important;
  }
  
  .ml-150 {
    margin-left: 150px !important;
  }
  
  .pt-0 {
    padding-top: 0!important;
  }
  
  .pt-5 {
    padding-top: 5px !important;
  }
  
  .pt-10 {
    padding-top: 10px !important;
  }
  
  .pt-15 {
    padding-top: 15px !important;
  }
  
  .pt-20 {
    padding-top: 20px !important;
  }
  
  .pt-30 {
    padding-top: 30px !important;
  }
  
  .pt-35 {
    padding-top: 35px !important;
  }
  
  .pt-40 {
    padding-top: 40px !important;
  }
  
  .pt-50 {
    padding-top: 50px !important;
  }
  
  .pt-60 {
    padding-top: 60px !important;
  }
  
  .pt-70 {
    padding-top: 70px !important;
  }
  
  .pt-80 {
    padding-top: 80px !important;
  }
  
  .pt-90 {
    padding-top: 90px !important;
  }
  
  .pt-100 {
    padding-top: 100px !important;
  }
  
  .pt-110 {
    padding-top: 110px !important;
  }
  
  .pt-120 {
    padding-top: 120px !important;
  }
  
  .pt-130 {
    padding-top: 130px !important;
  }
  
  .pt-140 {
    padding-top: 140px !important;
  }
  
  .pt-150 {
    padding-top: 150px !important;
  }
  
  .pr-0 {
    padding-right: 0!important;
  }
  
  .pr-10 {
    padding-right: 10px !important;
  }
  
  .pr-15 {
    padding-right: 15px !important;
  }
  
  .pr-20 {
    padding-right: 20px !important;
  }
  
  .pr-30 {
    padding-right: 30px !important;
  }
  
  .pr-40 {
    padding-right: 40px !important;
  }
  
  .pr-50 {
    padding-right: 50px !important;
  }
  
  .pr-60 {
    padding-right: 60px !important;
  }
  
  .pr-70 {
    padding-right: 70px !important;
  }
  
  .pr-80 {
    padding-right: 80px !important;
  }
  
  .pr-90 {
    padding-right: 90px !important;
  }
  
  .pr-100 {
    padding-right: 100px !important;
  }
  
  .pr-110 {
    padding-right: 110px !important;
  }
  
  .pr-120 {
    padding-right: 120px !important;
  }
  
  .pr-130 {
    padding-right: 130px !important;
  }
  
  .pr-140 {
    padding-right: 140px !important;
  }
  
  .pb-0 {
    padding-bottom: 0 !important;
  }
  
  .pb-5 {
    padding-bottom: 5px !important;
  }
  
  .pb-10 {
    padding-bottom: 10px !important;
  }
  
  .pb-15 {
    padding-bottom: 15px !important;
  }
  
  .pb-20 {
    padding-bottom: 20px !important;
  }
  
  .pb-30 {
    padding-bottom: 30px !important;
  }
  
  .pb-40 {
    padding-bottom: 40px !important;
  }
  
  .pb-50 {
    padding-bottom: 50px !important;
  }
  
  .pb-60 {
    padding-bottom: 60px !important;
  }
  
  .pb-70 {
    padding-bottom: 70px !important;
  }
  
  .pb-80 {
    padding-bottom: 80px !important;
  }
  
  .pb-90 {
    padding-bottom: 90px !important;
  }
  
  .pb-100 {
    padding-bottom: 100px !important;
  }
  
  .pb-110 {
    padding-bottom: 110px !important;
  }
  
  .pb-120 {
    padding-bottom: 120px !important;
  }
  
  .pb-130 {
    padding-bottom: 130px !important;
  }
  
  .pb-140 {
    padding-bottom: 140px !important;
  }
  
  .pb-150 {
    padding-bottom: 150px !important;
  }
  
  .pl-0 {
    padding-left: 0!important;
  }
  
  .pl-10 {
    padding-left: 10px !important;
  }
  
  .pl-15 {
    padding-left: 15px !important;
  }
  
  .pl-20 {
    padding-left: 20px !important;
  }
  
  .pl-30 {
    padding-left: 30px !important;
  }
  
  .pl-40 {
    padding-left: 40px !important;
  }
  
  .pl-50 {
    padding-left: 50px !important;
  }
  
  .pl-60 {
    padding-left: 60px !important;
  }
  
  .pl-70 {
    padding-left: 70px !important;
  }
  
  .pl-80 {
    padding-left: 80px !important;
  }
  
  .pl-90 {
    padding-left: 90px !important;
  }
  
  .pl-100 {
    padding-left: 100px !important;
  }
  
  .pl-110 {
    padding-left: 110px !important;
  }
  
  .pl-120 {
    padding-left: 120px !important;
  }
  
  .pl-130 {
    padding-left: 130px !important;
  }
  
  .pl-140 {
    padding-left: 140px !important;
  }
  
  .pl-150 {
    padding-left: 150px !important;
  }
  
  .pad-5-all {
    padding: 5px;
  }
  
  .pad-10-all {
    padding: 10px;
  }
  
  .pad-15-all {
    padding: 15px;
  }
  
  .pad-20-all {
    padding: 20px;
  }
  
  .pad-25-all {
    padding: 25px;
  }
  
  .pad-30-all {
    padding: 30px;
  }
  
  .pad-35-all {
    padding: 35px;
  }
  
  .pad-40-all {
    padding: 40px;
  }
  
  .pad-50-all {
    padding: 50px;
  }
  
  .pad-60-all {
    padding: 60px;
  }
  
  .pad-70-all {
    padding: 70px;
  }
  
  .pad-80-all {
    padding: 80px;
  }
  
  .pad-90-all {
    padding: 90px;
  }
  
  .pad-100-all {
    padding: 80px;
  }
  
  .pl-pr-zero {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  
  .pt-pb-zero {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  
  .p-0 {
    padding-top: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
  }
  
  .m-0 {
    margin-top: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
  }
  
  .m-h-auto {
    margin-left: auto;
    margin-right: auto;
  }
  
  .m-v-auto {
    margin-top: auto;
    margin-bottom: auto;
  }
  
  .mrg-5-all {
    margin: 5px;
  }
  
  .mrg-10-all {
    margin: 10px;
  }
  
  .mrg-15-all {
    margin: 15px;
  }
  
  .mrg-20-all {
    margin: 20px;
  }
  
  .mrg-25-all {
    margin: 25px;
  }
  
  .mrg-30-all {
    margin: 30px;
  }
  
  .mrg-40-all {
    margin: 50px;
  }
  
  .mrg-50-all {
    margin: 50px;
  }
  
  .width-half {
    width: 50%;
  }
  
  .width-full {
    width: 100%;
  }
  
  .max-width-none {
    max-width: none;
  }
  
  .height-full {
    height: 100%;
  }
  
  .height-cover {
    height: 100vh;
  }
  
  .flex-full-height {
    height: 100%;
  }
  
  .flex-box-spacer [class*="col-"] {
    margin-bottom: 25px;
  }
  
  .flex-mrg-none {
    margin-bottom: 0;
  }
  
  .height-50 {
    height: 50px;
  }
  
  .height-100 {
    height: 100px;
  }
  
  .height-150 {
    height: 150px;
  }
  
  .height-200 {
    height: 200px;
  }
  
  .height-230 {
    height: 230px;
  }
  
  .height-260 {
    height: 260px;
  }
  
  .height-290 {
    height: 290px;
  }
  
  .height-320 {
    height: 320px;
  }
  
  .height-350 {
    height: 350px;
  }
  
  .height-380 {
    height: 380px;
  }
  
  .height-410 {
    height: 410px;
  }
  
  .height-440 {
    height: 440px;
  }
  
  .height-470 {
    height: 470px;
  }
  
  .height-500 {
    height: 500px;
  }
  
  .height-550 {
    height: 550px;
  }
  
  .height-xxxsmall-screen {
    height: 100px;
  }
  
  .height-xxsmall-screen {
    height: 200px;
  }
  
  .height-xsmall-screen {
    height: 300px;
  }
  
  .height-small-screen {
    height: 400px;
  }
  
  .height-one-second-screen {
    height: 600px;
  }
  
  .height-one-third-screen {
    height: 700px;
  }
  
  .height-one-fourth-screen {
    height: 800px;
  }
  
  .height-one-fifth-screen {
    height: 900px;
  }
  
  .height-one-sixth-screen {
    height: 1000px;
  }
  
  .width-30 {
    width: 30px;
  }
  
  .width-50 {
    width: 50px;
  }
  
  .width-70 {
    width: 70px;
  }
  
  .width-100 {
    width: 100px;
  }
  
  .width-150 {
    width: 150px;
  }
  
  .width-200 {
    width: 200px;
  }
  
  .width-250 {
    width: 250px;
  }
  
  .width-300px {
    width: 300px;
  }
  
  .no-gutter-mrg {
    margin-right: 0;
    margin-left: 0;
  }
  
  .no-gutter>[class*='col-'],.none-col-space [class*='col-'] {
    padding-right: 0;
    padding-left: 0;
  }
  
  .row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  
  .row-eq-height.height-full>[class*='col-']>div {
    height: 100%;
  }
  
  .none-row-space .row {
    margin-left: 0;
    margin-right: 0;
  }
  
  .section-h-space .container-fluid {
    padding-left: 0;
    padding-right: 0;
  }
  
  .section-v-space {
    padding-top: 0;
    padding-bottom: 0;
  }
  
  .yit-valign {
    display: table;
  }
  
  .yit-valign>[class*='col-'] {
    display: table-cell;
    float: none;
  }
  
  .no-letter-spacing {
    letter-spacing: 0px;
  }
  
  .letter-spacing-1 {
    letter-spacing: 1px;
  }
  
  .letter-spacing-2 {
    letter-spacing: 2px;
  }
  
  .letter-spacing-3 {
    letter-spacing: 3px;
  }
  
  .letter-spacing-4 {
    letter-spacing: 4px;
  }
  
  .letter-spacing-5 {
    letter-spacing: 5px;
  }
  
  .letter-spacing-6 {
    letter-spacing: 6px;
  }
  
  .letter-spacing-7 {
    letter-spacing: 7px;
  }
  
  .letter-spacing-8 {
    letter-spacing: 8px;
  }
  
  .letter-spacing-9 {
    letter-spacing: 9px;
  }
  
  .letter-spacing-10 {
    letter-spacing: 10px;
  }
  
  .pos-t-25,.pos-t-35,.pos-t-45,.pos-t-55,.pos-t-65,.pos-t-75,.pos-t-85,.pos-t-95,.pos-t-105 {
    position: relative;
  }
  
  .pos-t-25 {
    top: 25px;
  }
  
  .pos-t-35 {
    top: 35px;
  }
  
  .pos-t-45 {
    top: 45px;
  }
  
  .pos-t-55 {
    top: 55px;
  }
  
  .pos-t-65 {
    top: 65px;
  }
  
  .pos-t-75 {
    top: 75px;
  }
  
  .pos-t-85 {
    top: 85px;
  }
  
  .pos-t-95 {
    top: 95px;
  }
  
  .pos-t-105 {
    top: 105px;
  }
  
  .pos-b-25 {
    bottom: 25px;
  }
  
  .pos-t-0 {
    top: 0;
  }
  
  .pos-b-0 {
    bottom: 0;
  }
  
  .pos-l-0 {
    left: 0;
  }
  
  .pos-r-0 {
    right: 0;
  }
  
  .z-index-1111 {
    z-index: 1111;
  }
  
  .z-index-111 {
    z-index: 111;
  }
  
  .z-index-0 {
    z-index: 0;
  }
  
  .z-index-1 {
    z-index: 1;
  }
  
  .z-index-2 {
    z-index: 2;
  }
  
  .z-index-3 {
    z-index: 3;
  }
  
  .z-index-4 {
    z-index: 4;
  }
  
  .z-index-5 {
    z-index: 5;
  }
  
  .z-index-10 {
    z-index: 10;
  }
  
  .bdr-l-0 {
    border-left: none !important;
  }
  
  .bdr-r-0 {
    border-right: none !important;
  }
  
  .bdr-t-0 {
    border-top: none !important;
  }
  
  .bdr-b-0 {
    border-bottom: none !important;
  }
  
  .border-all {
    border: 1px solid #ededed;
  }
  
  .border-width-1 {
    border-width: 1px !important;
  }
  
  .border-width-2 {
    border-width: 2px !important;
  }
  
  .border-width-3 {
    border-width: 3px !important;
  }
  
  .border-width-4 {
    border-width: 4px !important;
  }
  
  .border-width-5 {
    border-width: 5px !important;
  }
  
  .border-width-6 {
    border-width: 6px !important;
  }
  
  .border-width-7 {
    border-width: 7px !important;
  }
  
  .border-width-8 {
    border-width: 8px !important;
  }
  
  .border-width-9 {
    border-width: 9px !important;
  }
  
  .border-width-10 {
    border-width: 10px !important;
  }
  
  .border-width-20 {
    border-width: 20px !important;
  }
  
  .border-top {
    border-top: 1px solid;
  }
  
  .border-bottom {
    border-bottom: 1px solid;
  }
  
  .border-left {
    border-left: 1px solid;
  }
  
  .border-right {
    border-right: 1px solid;
  }
  
  .border-lr {
    border-left: 1px solid;
    border-right: 1px solid;
  }
  
  .border-tb {
    border-top: 1px solid;
    border-bottom: 1px solid;
  }
  
  .border-top-only {
    border-top-style: solid;
  }
  
  .border-bottm-only {
    border-bottom-style: solid;
  }
  
  .border-left-only {
    border-left-style: solid;
  }
  
  .border-right-only {
    border-right-style: solid;
  }
  
  .border-r-none {
    border-right: medium none !important;
  }
  
  .border-t-none {
    border-top: medium none !important;
  }
  
  .border-l-none {
    border-left: medium none !important;
  }
  
  .border-b-none {
    border-bottom: medium none !important;
  }
  
  .border-none {
    border: medium none !important;
  }
  
  .border-style-dotted {
    border-style: dotted !important;
  }
  
  .border-style-dashed {
    border-style: dashed !important;
  }
  
  .border-style-solid {
    border-style: solid !important;
  }
  
  .border-style-double {
    border-style: double !important;
  }
  
  .border-style-groove {
    border-style: groove !important;
  }
  
  .border-style-ridge {
    border-style: ridge !important;
  }
  
  .border-style-inset {
    border-style: inset !important;
  }
  
  .border-style-outset {
    border-style: outset !important;
  }
  
  .border-style-disp-none {
    border-style: none !important;
  }
  
  .border-style-transperent {
    border-color: transparent !important;
  }
  
  .icon-l {
    float: left;
    margin-right: 15px;
  }
  
  [class*="pointer-"]::before {
    position: absolute;
    width: 1px;
    height: 1px;
    border-style: solid;
    border-width: 20px;
    content: "";
  }
  
  .pointer-arrow-top::before {
    border-color: rgba(0,0,0,0.3) rgba(0,0,0,0) rgba(0,0,0,0);
    right: 0;
    top: 0;
    left: 0;
    margin: 0 auto;
  }
  
  .pointer-arrow-bottom::before {
    border-color: rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0.3);
    left: 0;
    margin: 0 auto;
    right: 0;
    bottom: 0;
  }
  
  .pointer-arrow-right:before {
    border-color: rgba(0,0,0,0) rgba(0,0,0,0.3) rgba(0,0,0,0) rgba(0,0,0,0);
    right: 0;
    top: 50%;
  }
  
  .pointer-arrow-left:before {
    border-color: rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,.3);
    left: 0;
    top: 50%;
  }
  
  .arrow-animate {
    -webkit-animation: scrolldown-anim 3.4s infinite ease;
    -moz-animation: scrolldown-anim 3.4s infinite ease;
    -o-animation: scrolldown-anim 3.4s infinite ease;
    animation: scrolldown-anim 3.4s infinite ease;
    position: absolute;
    margin: 0 auto;
    font-size: 25px;
    left: 0;
    right: 0;
    color: #fff;
  }
  
  @-webkit-keyframes scrolldown-anim {
    70% {
      margin-top: 0px;
    }
  
    85% {
      margin-top: 4px;
    }
  
    100% {
      margin-top: 0px;
    }
  }
  
  @-moz-keyframes scrolldown-anim {
    70% {
      margin-top: 0px;
    }
  
    85% {
      margin-top: 4px;
    }
  
    100% {
      margin-top: 0px;
    }
  }
  
  @-o-keyframes scrolldown-anim {
    70% {
      margin-top: 0px;
    }
  
    85% {
      margin-top: 4px;
    }
  
    100% {
      margin-top: 0px;
    }
  }
  
  @-ms-keyframes scrolldown-anim {
    70% {
      margin-top: 0px;
    }
  
    85% {
      margin-top: 4px;
    }
  
    100% {
      margin-top: 0px;
    }
  }
  
  @keyframes scrolldown-anim {
    70% {
      margin-top: 0px;
    }
  
    85% {
      margin-top: 4px;
    }
  
    100% {
      margin-top: 0px;
    }
  }
  
  .arrow-style-2 {
    position: relative;
    top: 105px;
  }
  
  .arrow-style-2 a {
    position: absolute;
    bottom: 20px;
    left: 0;
    z-index: 2;
  }
  
  .arrow-style-2 a:hover {
    opacity: .5;
  }
  
  .arrow-style-2 a {
    padding-top: 60px;
  }
  
  .arrow-style-2 a span {
    position: absolute;
    top: 0;
    left: 50%;
    width: 46px;
    height: 46px;
    border: 1px solid #fff;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
  }
  
  .arrow-style-2 a span::after {
    position: absolute;
    top: 50%;
    left: 50%;
    content: '';
    width: 16px;
    height: 16px;
    margin: -12px 0 0 -8px;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
  }
  
  .arrow-style-2 a span::before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    content: '';
    width: 44px;
    height: 44px;
    box-shadow: 0 0 0 0 rgba(255,255,255,.1);
    -moz-box-shadow: 0 0 0 0 rgba(255,255,255,.1);
    -webkit-box-shadow: 0 0 0 0 rgba(255,255,255,.1);
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    opacity: 0;
    -webkit-animation: sdb03 3s infinite;
    animation: sdb03 3s infinite;
    -o-animation: sdb03 3s infinite;
    -ms-animation: sdb03 3s infinite;
    -moz-animation: sdb03 3s infinite;
  }
  
  @-webkit-keyframes sdb03 {
    0% {
      opacity: 0;
    }
  
    30% {
      opacity: 1;
    }
  
    60% {
      box-shadow: 0 0 0 60px rgba(255,255,255,.1);
      -moz-box-shadow: 0 0 0 60px rgba(255,255,255,.1);
      -webkit-box-shadow: 0 0 0 60px rgba(255,255,255,.1);
      opacity: 0;
    }
  
    100% {
      opacity: 0;
    }
  }
  
  @-moz-keyframes sdb03 {
    0% {
      opacity: 0;
    }
  
    30% {
      opacity: 1;
    }
  
    60% {
      box-shadow: 0 0 0 60px rgba(255,255,255,.1);
      -moz-box-shadow: 0 0 0 60px rgba(255,255,255,.1);
      -webkit-box-shadow: 0 0 0 60px rgba(255,255,255,.1);
      opacity: 0;
    }
  }
  
  @-webkit-keyframes sdb03 {
    0% {
      opacity: 0;
    }
  
    30% {
      opacity: 1;
    }
  
    60% {
      box-shadow: 0 0 0 60px rgba(255,255,255,.1);
      -moz-box-shadow: 0 0 0 60px rgba(255,255,255,.1);
      -webkit-box-shadow: 0 0 0 60px rgba(255,255,255,.1);
      opacity: 0;
    }
  }
  
  @-o-keyframes sdb03 {
    0% {
      opacity: 0;
    }
  
    30% {
      opacity: 1;
    }
  
    60% {
      box-shadow: 0 0 0 60px rgba(255,255,255,.1);
      -moz-box-shadow: 0 0 0 60px rgba(255,255,255,.1);
      -webkit-box-shadow: 0 0 0 60px rgba(255,255,255,.1);
      opacity: 0;
    }
  }
  
  @-ms-keyframes sdb03 {
    0% {
      opacity: 0;
    }
  
    30% {
      opacity: 1;
    }
  
    60% {
      box-shadow: 0 0 0 60px rgba(255,255,255,.1);
      -moz-box-shadow: 0 0 0 60px rgba(255,255,255,.1);
      -webkit-box-shadow: 0 0 0 60px rgba(255,255,255,.1);
      opacity: 0;
    }
  }
  
  .arrow-style-3 {
    border: 2px solid #ffffff;
    border-radius: 20px;
    -moz- border-radius: 20px;
    -webkit- border-radius: 20px;
    bottom: 60px;
    display: inline-block;
    height: 58px;
    left: 0;
    line-height: 50px;
    margin: 0 auto;
    position: absolute;
    text-align: center;
    width: 34px;
    right: 0;
  }
  
  .arrow-style-3 i {
    height: 10px;
    width: 4px;
    background: #fff;
    display: inline-block;
    border-radius: 3px;
    -webkit-animation-name: fadebounce;
    -moz-animation-name: fadebounce;
    -ms-animation-name: fadebounce;
    -o-animation-name: fadebounce;
    animation-name: fadebounce;
    -webkit-animation-duration: 3s;
    -moz-animation-duration: 3s;
    -ms-animation-duration: 3s;
    -o-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
  }
  
  @-moz-keyframes fadebounce {
    0% {
      -moz-transform: translateY(0);
      transform: translateY(0);
      opacity: 1;
    }
  
    50% {
      -moz-transform: translateY(25px);
      transform: translateY(25px);
      opacity: 1;
    }
  
    100% {
      -moz-transform: translateY(0);
      transform: translateY(0);
      opacity: 1;
    }
  }
  
  @-webkit-keyframes fadebounce {
    0% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
      opacity: 1;
    }
  
    50% {
      -webkit-transform: translateY(25px);
      transform: translateY(25px);
      opacity: 1;
    }
  
    100% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
      opacity: 1;
    }
  }
  
  @-o-keyframes fadebounce {
    0% {
      -o-transform: translateY(0);
      transform: translateY(0);
      opacity: 1;
    }
  
    50% {
      -o-transform: translateY(25px);
      transform: translateY(25px);
      opacity: 1;
    }
  
    100% {
      -o-transform: translateY(0);
      transform: translateY(0);
      opacity: 1;
    }
  }
  
  @-ms-keyframes fadebounce {
    0% {
      -ms-transform: translateY(0);
      transform: translateY(0);
      opacity: 1;
    }
  
    50% {
      -ms-transform: translateY(25px);
      transform: translateY(25px);
      opacity: 1;
    }
  
    100% {
      -ms-transform: translateY(0);
      transform: translateY(0);
      opacity: 1;
    }
  }
  
  @keyframes fadebounce {
    0% {
      transform: translateY(0);
      opacity: 1;
    }
  
    50% {
      transform: translateY(25px);
      opacity: 1;
    }
  
    100% {
      transform: translateY(0);
      opacity: 1;
    }
  }
  
  .arrow-style-4 a {
    display: table;
    margin: 0 auto;
    padding-top: :;
    0px;
  }
  
  .arrow-style-4 a span {
    position: absolute;
    top: -50px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 30px;
    height: 50px;
    border: 2px solid #000;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
  }
  
  .arrow-style-4 a span::before {
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    content: '';
    width: 6px;
    height: 6px;
    margin: 0 auto;
    background-color: #000;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -webkit-animation: fade-scroll-down 2s infinite;
    animation: fade-scroll-down 2s infinite;
    -o-animation: fade-scroll-down 2s infinite;
    -ms-animation: fade-scroll-down 2s infinite;
    -moz-animation: fade-scroll-down 2s infinite;
  }
  
  @-webkit-keyframes fade-scroll-down {
    0% {
      -webkit-transform: translate(0,0);
      opacity: 0;
    }
  
    40% {
      opacity: 1;
    }
  
    80% {
      -webkit-transform: translate(0,20px);
      opacity: 0;
    }
  
    100% {
      opacity: 0;
    }
  }
  
  @-moz-keyframes fade-scroll-down {
    0% {
      -moz-transform: translate(0,0);
      opacity: 0;
    }
  
    40% {
      opacity: 1;
    }
  
    80% {
      -moz-transform: translate(0,20px);
      opacity: 0;
    }
  
    100% {
      opacity: 0;
    }
  }
  
  @-o-keyframes fade-scroll-down {
    0% {
      -o-transform: translate(0,0);
      opacity: 0;
    }
  
    40% {
      opacity: 1;
    }
  
    80% {
      -o-transform: translate(0,20px);
      opacity: 0;
    }
  
    100% {
      opacity: 0;
    }
  }
  
  @-ms-keyframes fade-scroll-down {
    0% {
      -ms-transform: translate(0,0);
      opacity: 0;
    }
  
    40% {
      opacity: 1;
    }
  
    80% {
      -ms-transform: translate(0,20px);
      opacity: 0;
    }
  
    100% {
      opacity: 0;
    }
  }
  
  @keyframes fade-scroll-down {
    0% {
      transform: translate(0,0);
      opacity: 0;
    }
  
    40% {
      opacity: 1;
    }
  
    80% {
      transform: translate(0,20px);
      opacity: 0;
    }
  
    100% {
      opacity: 0;
    }
  }
  
  .bg-letter {
    color: rgba(0,0,0,.1);
    position: absolute;
    font-size: 130px;
    z-index: -1;
  }
  
  .bg-letter.one,.bg-letter.two,.bg-letter.three,.bg-letter.four,.bg-letter.five,.bg-letter.six {
    left: 0;
    right: 0;
  }
  
  .bg-letter.one {
    top: -50px;
  }
  
  .bg-letter.two {
    top: -43px;
  }
  
  .bg-letter.three {
    top: 30px;
    z-index: 0;
  }
  
  .bg-letter.four {
    top: -68px;
  }
  
  .bg-letter.five {
    top: -68px;
  }
  
  .bg-letter.six {
    top: 0;
    z-index: 0;
  }
  
  .bg-mark-letter {
    color: #eaeaea;
    font-size: 150px;
    position: absolute;
    z-index: 0;
  }
  
  .bg-mark-letter.one {
    top: -40px;
    left: 30px;
    color: rgba(0,0,0,.1);
    text-shadow: 3px 5px 3px #ffffff;
  }
  
  .bg-mark-letter.two {
    top: -40px;
    right: 30px;
  }
  
  .bg-mark-letter.three {
    bottom: -80px;
    color: rgba(255,255,255,.1);
  }
  
  .bg-mark-letter.four {
    top: -40px;
    left: 30px;
  }
  
  .bg-mark-letter.five {
    top: 50px;
    left: 30px;
  }
  
  .fancy-letter {
    font-size: 130px;
    position: relative;
  }
  
  .fancy-letter::before {
    background: #e91e63;
    bottom: 15px;
    content: "";
    height: 6px;
    left: 0;
    position: absolute;
    width: 100%;
  }
  
  .caption-title::before,.caption-title::after {
    background: #9e9e9e;
    content: "";
    display: inline-block;
    height: 1px;
    vertical-align: super;
    width: 80px;
  }
  
  .caption-title::before {
    margin-right: 15px;
  }
  
  .caption-title::after {
    margin-left: 15px;
  }
  
  .heading-title-bar {
    display: inline-block;
    padding-left: 44px;
    position: relative;
  }
  
  .heading-title-bar::before {
    background: #e91e63;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    top: 12px;
    width: 30px;
  }
  
  .bg-seprator {
    position: relative;
  }
  
  .bg-seprator.skew-one:after {
    background-color: #ffffff;
    bottom: -82px;
    content: "";
    height: 250px;
    left: 0;
    position: absolute;
    transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    width: 200%;
  }
  
  .bg-seprator.skew-two::before {
    background-color: #f7fafc;
    background-image: url("../images/bg-items/bg-pattern.png");
    background-repeat: no-repeat;
    background-position: 80% 100px;
    content: "";
    height: 740px;
    left: 0;
    position: absolute;
    top: 60px;
    transform: skewY(-9deg);
    -moz-transform: skewY(-9deg);
    -webkit-transform: skewY(-9deg);
    -o-transform: skewY(-9deg);
    -ms-transform: skewY(-9deg);
    width: 120%;
  }
  
  .bg-seprator.skew-three::before {
    background-color: #f7fafc;
    background-image: url("../images/bg-items/bg-pattern.png");
    background-repeat: no-repeat;
    background-position: 80% 100px;
    content: "";
    height: 650px;
    left: 0;
    position: absolute;
    top: 60px;
    transform: skewY(-9deg);
    -moz-transform: skewY(-9deg);
    -webkit-transform: skewY(-9deg);
    -o-transform: skewY(-9deg);
    -ms-transform: skewY(-9deg);
    width: 120%;
  }
  
  .bg-seprator.skew-four::before {
    background-color: #f7fafc;
    background-image: url("../images/bg-items/bg-pattern.png");
    background-repeat: no-repeat;
    background-position: 80% 100px;
    content: "";
    height: 1010px;
    left: 0;
    position: absolute;
    top: -20px;
    transform: skewY(-9deg);
    -moz-transform: skewY(-9deg);
    -webkit-transform: skewY(-9deg);
    -o-transform: skewY(-9deg);
    -ms-transform: skewY(-9deg);
    width: 120%;
  }
  
  .bg-seprator.skew-five:after {
    background: -ms-linear-gradient(top,#FFFFFF 0%,#f7fafc 100%);
    background: -moz-linear-gradient(top,#FFFFFF 0%,#f7fafc 100%);
    background: -o-linear-gradient(top,#FFFFFF 0%,#f7fafc 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#FFFFFF),color-stop(100,#f7fafc));
    background: -webkit-linear-gradient(top,#FFFFFF 0%,#f7fafc 100%);
    background: linear-gradient(to bottom,#FFFFFF 0%,#f7fafc 100%);
    position: absolute;
    left: 0;
    display: block;
    bottom: 214px;
    height: 500px;
    content: "";
    z-index: -1;
    width: 100%;
  }
  
  .bg-seprator.skew-six::before {
    background-color: #e91e63;
    background-image: url("http://yankeethemes.com/envato/webpanda-responsive-multipurpose-html5-template/images/bg-pattern.png");
    background-repeat: no-repeat;
    background-position: left 100px;
    content: "";
    height: 620px;
    left: 0;
    position: absolute;
    top: 0;
    transform: skewY(-6deg);
    -moz-transform: skewY(-6deg);
    -webkit-transform: skewY(-6deg);
    -o-transform: skewY(-6deg);
    -ms-transform: skewY(-6deg);
    width: 120%;
  }
  
  .bg-sec-count {
    position: relative;
    text-transform: uppercase;
    font-family: "Poppins",sans-serif;
    font-weight: 600;
  }
  
  .bg-sec-count::before {
    background: #ededed;
    content: "";
    height: 3px;
    left: 40px;
    margin: 0 auto;
    position: absolute;
    top: -18px;
    transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform-origin: left top 0;
    -moz-transform-origin: left top 0;
    -webkit-transform-origin: left top 0;
    -o-transform-origin: left top 0;
    -ms-transform-origin: left top 0;
    width: 199px;
  }
  
  .bg-sec-count.one {
    position: absolute;
    right: 200px;
    top: 63px;
  }
  
  .bg-sec-count.two {
    position: absolute;
    left: 200px;
    top: 420px;
  }
  
  .bg-sec-count.three {
    position: absolute;
    right: 200px;
    top: 80px;
  }
  
  .bg-sec-count.four {
    position: absolute;
    left: 200px;
    top: 420px;
  }
  
  .bg-sec-count.five {
    position: absolute;
    right: 200px;
    top: 40px;
  }
  
  .bg-sec-count.six {
    position: absolute;
    left: 200px;
    top: 320px;
  }
  
  .bg-sec-count.seven {
    position: absolute;
    right: 200px;
    top: 154px;
  }
  
  .bg-sec-count .count-no {
    color: rgba(0,0,0,0.1);
    font-size: 55px;
    line-height: normal;
    writing-mode: vertical-rl;
  }
  
  .bg-dotted,.bg-dotted-left {
    position: relative;
  }
  
  .bg-dotted::after {
    background-image: url("../images/svg-icons/dotted-arrow-l.svg");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100% auto;
    content: "";
    height: 300px;
    opacity: .1;
    position: absolute;
    right: 0;
    top: -60px;
    width: 290px;
  }
  
  .bg-dotted-left::after {
    background-image: url("../images/svg-icons/dotted-arrow-r.svg");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100% auto;
    content: "";
    height: 300px;
    opacity: .1;
    position: absolute;
    left: 0;
    top: -60px;
    width: 290px;
  }
  
  .section-shadow::before {
    background-image: url("../images/bg-items/long-shadow.png");
    background-position: center center;
    background-repeat: no-repeat;
    bottom: 110px;
    content: "";
    height: 45px;
    position: absolute;
    width: 100%;
  }
  
  .svg-pattern.style-1 svg {
    fill: #e91e63;
    position: absolute;
    right: 0;
    top: 10%;
    width: 20%;
    z-index: 0;
  }
  
  .svg-pattern.style-1 svg .cls-1 {
    stroke: rgba(255,255,255,0.4);
    stroke-width: .1px;
  }
  
  .svg-pattern.style-2 svg {
    fill: #9e9e9e;
    height: 80%;
    margin: 0 auto;
    opacity: 0.1;
    position: absolute;
    right: 0;
    top: -1px;
    width: 100%;
    z-index: 0;
  }
  
  .svg-pattern.style-2 svg .cls-1 {
    stroke: rgba(0,0,0,0.4);
  }
  
  .svg-pattern.style-3 svg {
    fill: #9e9e9e;
    left: -144px;
    position: absolute;
    width: 30%;
    z-index: 0;
  }
  
  .svg-pattern.style-3 svg .cls-1 {
    stroke: rgba(255,255,255,0.4);
    stroke-width: .1px;
  }
  
  .svg-curve.style-1 {
    bottom: -80px;
    fill: #ffffff;
    left: -3px;
    position: absolute;
    z-index: -1;
  }
  
  .svg-curve.arrow-right {
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
  }
  
  .svg-curve.arrow-left {
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
  }
  
  .svg-curve.circle-right {
    height: 100%;
    position: absolute;
    right: -90px;
    top: -200px;
  }
  
  .svg-curve-wave-effect-light:before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAAUCAYAAADRA14pAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkE5QkZBQ0IyNjRCMjExRTg4MzJBQzg5Nzg0MUI4NUM5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkE5QkZBQ0IzNjRCMjExRTg4MzJBQzg5Nzg0MUI4NUM5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QTlCRkFDQjA2NEIyMTFFODgzMkFDODk3ODQxQjg1QzkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QTlCRkFDQjE2NEIyMTFFODgzMkFDODk3ODQxQjg1QzkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6sW6EuAAABi0lEQVR42uyWvysHYRzHv8/55so3lPzIwCRhMLBJBiNJmeQPMFhsBgsmioWyMUj+AKssFkUZkNlgYiCU7vLj6/XU56lLfb/urrtzl3vX657hnq57PZ/nl3Icp5Dl2Lbtq5/rujU0qshjAJ7hHt6gLGQ6CJZouqAHOqFVj48WvvD0e4F12IEH+MqgaAfNCIzDJNR53yumdKVqHsEs3KVZ3ExpRHUFJ2ABuiv1ryZssg2LUv00Rs/SIdiAQbCqdfYjbKI/eg6fKZJtgjlYEvFfYwX4+CmsQX0KRBX0wSGs+JUNWmHvxjYMN3+0tkuyVveDiIapsEkDXMEyNMpoJxFLNqNdOAgjG7bC3ugKj8EJODFOX70DT8FWWNGohE1uYQYuRbwcUUVb5EzdhPZIRi8iYRN9W5uHY3iF94DySi4KbTAKq9Ac6XSJWNgbvYPuyU3uCT7kSDNXVyVVLIqkrmY/TMumZMWyPmIU/pkzuIZHubPXimSvnPFWEj+RpHAqYhX+WXLhXDgXzna+BRgAAVFv43Ue1goAAAAASUVORK5CYII=);
    content: "";
    width: 100%;
    height: 20px;
    content: "";
    position: absolute;
    top: -20px;
    background-repeat: repeat;
    left: 0;
    background-position: top 0;
    z-index: 1;
  }
  
  .svg-curve-wave-effect-light:after {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAAUCAYAAADRA14pAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjYxQjc3MTAwNjRCMjExRThBOEQ1QUY2NEVFMEY1NzA3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjYxQjc3MTAxNjRCMjExRThBOEQ1QUY2NEVFMEY1NzA3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NjFCNzcwRkU2NEIyMTFFOEE4RDVBRjY0RUUwRjU3MDciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NjFCNzcwRkY2NEIyMTFFOEE4RDVBRjY0RUUwRjU3MDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4WxHAlAAABgklEQVR42uzXvysHcRzH8TvkikGJr76FSSJFGSUD21dSJvkDDBab1WCgWCiDsshktMqilL5kkMwGEwMh3+7y4+v51lt9fePrzrn73vW9dz268T6vz/vz4860bTtvVFBVGRVWSeAkcBI43lUT4ruyOMctcqhFM7oxENbkBxl4F1s4xR1e8Iq8MjWkjKFOw/diEmNBTYD5z/fwNWaxj0c8azjX49HwLRjGIpqiGPgSUziD7TFkqfNFuj6EVaSjEPgNGRxo0EBWIVKYwJrfbehnnyygEXsBhjV0tchW2UAPdnSiQ+vwAwZx4efFPqpeD7Xtv3Tba4dX0KrXSznCSj1pl/tw6HUcXjosd+WxXi1RKdlSM5h32203HV5HA44iFtbQj5gljODETbdLdVgOo2lclXH5/lqWZX08HcdJ6d6eQ6fbwHIgLWMTN1EOWhz4swjepnf3KMb1Q+ZL4H6e93r05wo+/WJRxYELgstp3oEutOtdbkngWP/9/BT4mwmolga/CzAA1iF0TSZljvUAAAAASUVORK5CYII=);
    content: "";
    width: 100%;
    height: 20px;
    content: "";
    position: absolute;
    bottom: -20px;
    background-repeat: repeat;
    left: 0;
    background-position: bottom 0;
    z-index: 1;
  }
  
  .svg-curve-wave-effect-white:before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAAUCAYAAADRA14pAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAWlJREFUeNrs2K9LA2Ecx/G7bSg4MIhOBH8UgyIoGEUWjIoIJlm1WfwTDAaDFsUiWMRkNCoWweLAIGIwmV2YqGwIOs/3F75hGm47H+/2jLsvvFi8+zzf5/s8x1yPcmJUKSdmlQROAieB27syET7rGncoo4oO9GEcM1EtfpiBT3GEGzzjEzV4ytWQ8g5dGn4SK1gMawHcf76Hn7COC7zhQ8M1/T4avh9z2EKvjYEfUcAt3gOG9DtfpOt57GLAhsBfmMelBg1lFyKHZeyZjqHJnGyiB+chhnV0t8ioHGACJ7rQkXX4FbO4N3mwQWX1UDv+S7eDdngHg3q9tCKsVEW7PIWroO8RpMNyVxb1arGlZKTWsNF0t73GtY9uWRdLZZBHEbVGYfwCn2EEKYvD1sthFQ9+gX9vaTmQtnGIUgvn1KSG9O5ewJJ+yPyY4Wl+X/Tor9Z9+rV7yWk+ijEM613e6cboH560NPhbgAEA727jl2ZTyCUAAAAASUVORK5CYII=);
    content: "";
    width: 100%;
    height: 20px;
    content: "";
    position: absolute;
    top: 0;
    background-repeat: repeat;
    left: 0;
    background-position: top 0;
    z-index: 1;
  }
  
  .svg-curve-wave-effect-white:after {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAAUCAYAAADRA14pAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAXJJREFUeNrs18ErBGEYx/GdMVFklVg54CLh4OAo7cGRpJzk6ubiT+DmsCdy5CD5AxyVi5xsOSAHJ2cOhJJiPb5vPVOzypidZsZMO7/67GXbdn7zzL7vu5aIFJokLbAcXibxjHu8QVTW04FhjGIQJbRZUj/iF1Swiwd8ZbDoAMqYwwLa696V33OMIdjmnmRACSu49ekkfoXd7KCY4qIOyqii9leZn4+0X6ZQRS1Fj283VrEOJ9AnpLFU0JmCqZpBjeMsyFTDTti7sE3j5p8WNbP6zuMg8FQ9sUN8YRFX2ECX2dsSKmqudQR7OAxT1iTMhL0xE57FKd5jKmrpHrqI7bBFoyrs5g7LuNTiEtFEe3VP3UJ/JHdPoj1bmtPaGk7wio8Gy1t6UOjDDDbRE+njIvEdpo+wjws84VO3NPfoaukUHS1ppjmBJV2U7Fh+H5Lcv4dzXONRz+ytWnJM93g7iYtIsnAqYheaLHnhvHBeONv5FmAAPB6qkYKYS3UAAAAASUVORK5CYII=);
    content: "";
    width: 100%;
    height: 20px;
    content: "";
    position: absolute;
    bottom: 0;
    background-repeat: repeat;
    left: 0;
    background-position: bottom 0;
    z-index: 1;
  }
  
  .bg-brush-effect:before {
    background-image: url("../images/bg-items/bg-brush-effect.png");
    content: "";
    height: 710px;
    width: 648px;
    position: absolute;
    top: -100px;
    z-index: -1;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  
  .css-triangle::before {
    background: #e91e63;
    content: "";
    height: 886px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%) rotate(45deg);
    -moz-transform: translate(-50%,-50%) rotate(45deg);
    -webkit-transform: translate(-50%,-50%) rotate(45deg);
    -o-transform: translate(-50%,-50%) rotate(45deg);
    -ms-transform: translate(-50%,-50%) rotate(45deg);
    width: 1000px;
  }
  
  .bg-gradient-1 {
    background: rgb(127,101,255);
    background: -moz-linear-gradient(left,#7f65ff 0%,#598ce5 49%,#e91e63 100%);
    background: -webkit-linear-gradient(left,#7f65ff 0%,#598ce5 49%,#e91e63 100%);
    background: linear-gradient(to right,#7f65ff 0%,#598ce5 49%,#e91e63 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7f65ff',endColorstr='#7f65ff',GradientType=1 );
  }
  
  .bg-gradient-2 {
    background: #41aedc;
    background: -moz-linear-gradient(45deg,#41aedc 0%,#06f0f3 100%);
    background: -webkit-linear-gradient(45deg,#41aedc 0%,#06f0f3 100%);
    background: linear-gradient(45deg,#41aedc 0%,#06f0f3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#41aedc',endColorstr='#06f0f3',GradientType=1 );
  }
  
  .bg-gradient-3 {
    background: #7f5fce;
    background: -moz-linear-gradient(45deg,#7f5fce 0%,#b37bec 100%);
    background: -webkit-linear-gradient(45deg,#7f5fce 0%,#b37bec 100%);
    background: linear-gradient(45deg,#7f5fce 0%,#b37bec 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7f5fce',endColorstr='#b37bec',GradientType=1 );
  }
  
  .bg-gradient-4 {
    background: #f1b117;
    background: -moz-linear-gradient(45deg,#f1b117 0%,#ffd862 100%);
    background: -webkit-linear-gradient(45deg,#f1b117 0%,#ffd862 100%);
    background: linear-gradient(45deg,#f1b117 0%,#ffd862 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1b117',endColorstr='#ffd862',GradientType=1 );
  }
  
  .bg-gradient-5 {
    background: #31b064;
    background: -moz-linear-gradient(45deg,#31b064 0%,#28f387 100%);
    background: -webkit-linear-gradient(45deg,#31b064 0%,#28f387 100%);
    background: linear-gradient(45deg,#31b064 0%,#28f387 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#31b064',endColorstr='#28f387',GradientType=1 );
  }
  
  .banner-mark-text::after {
    color: rgba(0,0,0,0.2);
    content: "Discover";
    font-family: poppins;
    font-size: 180px;
    font-weight: 600;
    left: 0;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: -162px;
    z-index: -1;
  }
  
  .banner-mark-text-btm {
    bottom: 0;
    color: rgba(0,0,0,0.2);
    font-family: poppins;
    font-size: 17vw;
    font-weight: 900;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    text-align: center;
    z-index: -1;
  }
  
  .parallax-text {
    position: relative;
    font-size: 15vw;
    font-weight: 900;
    color: #cccccc;
    opacity: .2;
    font-family: "Poppins",sans-serif;
  }
  
  .parallax-text[class*="text-"] {
    position: absolute;
    z-index: -1;
  }
  
  .parallax-text span {
    color: #e91e63;
    opacity: .2;
    font-weight: 900;
  }
  
  .parallax-text.text-one {
    left: 0;
    top: 0;
  }
  
  .parallax-text.text-two {
    right: 0;
    bottom: 0;
    z-index: 0;
    top: auto;
  }
  
  .sec-lines {
    height: 100%;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
  }
  
  .animate-line-item {
    border-right: 1px solid rgba(153,153,153,0.2);
    float: left;
    height: 100%;
    position: relative;
    width: 20%;
  }
  
  .animate-line-item:first-child:before {
    content: '';
    position: absolute;
    top: 0;
    right: -2px;
    width: 4px;
    height: 30px;
    background: #e91e63;
    animation: animate-line-3 8s ease-out infinite;
    -moz-animation: animate-line-3 8s ease-out infinite;
    -webkit-animation: animate-line-3 8s ease-out infinite;
    -o-animation: animate-line-3 8s ease-out infinite;
    -ms-animation: animate-line-3 8s ease-out infinite;
  }
  
  .animate-line-item:last-child:before {
    content: '';
    position: absolute;
    bottom: 0;
    right: -2px;
    width: 4px;
    height: 30px;
    background: #e91e63;
    animation: animate-line-2 6s ease-out infinite;
    -moz-animation: animate-line-2 6s ease-out infinite;
    -webkit-animation: animate-line-2 6s ease-out infinite;
    -o-animation: animate-line-2 6s ease-out infinite;
    -ms-animation: animate-line-2 6s ease-out infinite;
  }
  
  @keyframes animate-line-3 {
    0% {
      opacity: 1;
      top: 0;
    }
  
    50% {
      top: 50%;
    }
  
    100% {
      top: 100%;
      opacity: 0.5;
    }
  }
  
  @keyframes animate-line-2 {
    0% {
      opacity: 1;
      bottom: 0;
    }
  
    50% {
      bottom: 50%;
    }
  
    100% {
      bottom: 100%;
      opacity: 0.5;
    }
  }
  
  .webp-business-parallax section {
    position: relative;
  }
  
  .webp-business-parallax .webp-business-contact .common-form .form-control {
    border-color: rgba(255,255,255,.5);
    color: #fff;
  }
  
  .webp-business-parallax .webp-business-contact .common-form .form-control:focus {
    border-color: #fff;
  }
  
  .webp-business-parallax .webp-business-banner {
    background-color: #50d6d6;
    background-image: url("../images/bg-items/geo-dark-pattern-bg.jpg");
    background-repeat: repeat;
    background-position: 0 0;
  }
  
  .webp-business-parallax .webp-business-banner .parallax-obj-triangle {
    bottom: 100px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    z-index: 0;
  }
  
  .webp-business-parallax .webp-business-banner .parallax-obj-name {
    bottom: 40%;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    z-index: 1;
  }
  
  .webp-business-parallax .webp-business-banner .parallax-obj-bubble {
    bottom: 30%;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    z-index: 2;
  }
  
  .webp-creative-studio .webp-creative-banner {
    margin-left: 80px;
  }
  
  .webp-creative-designer .webp-creative-design-banner.yit-particle-slider .yit-particle-content .yit-display-centrize {
    height: 100vh;
  }
  
  .webp-creative-designer .webp-creative-design-banner.yit-particle-slider::before {
    background-image: url("../images/webpanda-bg-25.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.6;
    position: absolute;
    top: 0;
    width: 100%;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
  }
  
  .webp-creative-web-agency .webp-agency-about-tab .yit-tab-verticle.style-4 .nav-pills .nav-link {
    text-align: left;
    margin-bottom: 0;
    padding: 39px 70px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    background: #fafafa;
    color: #333;
    position: relative;
  }
  
  .webp-creative-web-agency .webp-agency-about-tab .yit-tab-verticle .tab-content {
    padding: 0;
  }
  
  .webp-creative-web-agency .webp-agency-about-tab .yit-tab-verticle.style-4 .tab-content figure {
    margin-bottom: 0;
    overflow: hidden;
    height: 100%;
    position: absolute;
  }
  
  .webp-creative-web-agency .webp-agency-about-tab .yit-tab-verticle.style-4 .tab-content figure img {
    height: 100%;
    width: 100%;
    max-width: none;
    object-fit: cover;
  }
  
  .webp-creative-web-agency .webp-agency-about-tab .yit-tab-verticle.style-4 .nav-pills .nav-link i {
    left: 40px;
    position: absolute;
    top: 55px;
  }
  
  .webp-creative-web-agency .webp-agency-about-tab .yit-tab-verticle.style-4 .tab-inner {
    overflow: hidden;
    margin-left: 35px;
  }
  
  .webp-creative-web-agency .webp-agency-about-tab .yit-tab-verticle.style-4 .nav-pills .nav-link:hover {
    background: #f5f5f5;
  }
  
  .webp-creative-web-agency .webp-agency-about-tab .yit-tab-verticle.style-4 .nav-pills .nav-link.show {
    background: #e91e63;
    color: #fff;
  }
  
  .webp-creative-web-agency .webp-agency-about-tab .yit-tab-verticle.style-4 .nav-pills .nav-link.show::before {
    border-bottom: 20px solid rgba(0,0,0,0);
    border-left: 20px solid #e91e63;
    border-top: 23px solid rgba(0,0,0,0);
    content: "";
    height: 1px;
    right: -20px;
    position: absolute;
    top: 50%;
    transform: translate(0px,-50%);
    -moz-transform: translate(0px,-50%);
    -webkit-transform: translate(0px,-50%);
    -o-transform: translate(0px,-50%);
    -ms-transform: translate(0px,-50%);
    width: 1px;
    z-index: 1;
  }
  
  .webp-creative-web-agency .webp-web-agency-about .video-outer {
    position: relative;
    display: inline-block;
    max-width: 100;
    overflow: hidden;
    left: -80px;
    margin-bottom: 20px;
  }
  
  .webp-creative-web-agency .webp-web-agency-about .mask-shape {
    display: block;
    position: relative;
    width: 100%;
    z-index: 1;
    margin: 0;
  }
  
  .webp-creative-web-agency .webp-web-agency-about .mask-bg-image {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
  }
  
  .webp-creative-web-agency .webp-web-agency-about .video-outer .bg-overlay {
    position: absolute;
    width: 100%;
    height: 1000%;
    top: 0;
  }
  
  .webp-creative-web-agency .webp-web-agency-testimonial .testimonial-outer {
    position: relative;
    display: inline-block;
    max-width: 100;
    overflow: hidden;
    right: -80px;
    margin-bottom: 20px;
  }
  
  .webp-creative-web-agency .webp-web-agency-testimonial .mask-shape {
    display: block;
    position: relative;
    width: 100%;
    z-index: 1;
    margin: 0;
  }
  
  .webp-creative-web-agency .webp-web-agency-testimonial .mask-bg-image {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
  }
  
  .webp-creative-web-agency .webp-web-agency-testimonial .testimonial .bg-overlay {
    position: absolute;
    width: 100%;
    height: 1000%;
    top: 0;
  }
  
  .webp-creative-web-agency .webp-web-agency-testimonial .yit-testimonial {
    float: right;
    max-width: 600px;
    overflow: hidden;
  }
  
  .webp-creative-web-agency .webp-web-agency-blog:before,.webp-creative-web-agency .webp-web-agency-blog:after {
    content: "";
    position: absolute;
    background-position: 0 0;
    background-repeat: no-repeat;
    top: 50%;
    transform: translate(0px,-50%);
    -moz-transform: translate(0px,-50%);
    -webkit-transform: translate(0px,-50%);
    -o-transform: translate(0px,-50%);
    -ms-transform: translate(0px,-50%);
    z-index: -1;
  }
  
  .webp-creative-web-agency .webp-web-agency-blog:before {
    background-image: url("../images/bg-items/line-divider-left.png");
    left: 0;
    width: 334px;
    height: 148px;
  }
  
  .webp-creative-web-agency .webp-web-agency-blog:after {
    background-image: url("../images/bg-items/line-divider-right.png");
    left: 0;
    width: 356px;
    height: 160px;
    left: auto;
    right: 0;
  }
  
  .webp-creative-web-agency .webp-web-agency-contact {
    background-color: #fafafa;
    background-image: url("../images/bg-items/bg-curve-cloud.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
  }
  
  .webp-creative-web-agency .webp-web-agency-process .yit-process .yit-process-item {
    padding: 0;
  }
  
  .webp-freelancer section {
    position: relative;
  }
  
  .webp-freelancer .webp-freelancer-banner {
    background-position: center center;
  }
  
  .webp-freelancer .webp-freelancer-banner h6,.webp-freelancer .webp-freelancer-banner h4,.webp-freelancer .webp-freelancer-banner h2 {
    font-family: 'Fjalla One';
    font-weight: 400;
    text-transform: uppercase;
  }
  
  .webp-freelancer .webp-freelancer-banner h6 {
    font-size: 1.5rem;
  }
  
  .webp-freelancer .webp-freelancer-banner h4 {
    text-shadow: 0 1px 0 #cccccc,0 2px 0 #c9c9c9,0 3px 0 #bbbbbb,0 4px 0 #b9b9b9,0 5px 0 #333,0 6px 1px rgba(0,0,0,0.1),0 0 5px rgba(0,0,0,0.1),0 1px 3px rgba(0,0,0,0.3),0 3px 5px rgba(0,0,0,0.2),0 5px 10px rgba(0,0,0,0.25),0 10px 10px rgba(0,0,0,0.2),0 20px 20px rgba(0,0,0,0.15);
  }
  
  .webp-freelancer .webp-freelancer-banner h2 {
    text-shadow: 0 1px 0 #cccccc,0 2px 0 #c9c9c9,0 3px 0 #bbbbbb,0 4px 0 #b9b9b9,0 5px 0 #333,0 6px 1px rgba(0,0,0,0.1),0 0 5px rgba(0,0,0,0.1),0 1px 3px rgba(0,0,0,0.3),0 3px 5px rgba(0,0,0,0.2),0 5px 10px rgba(0,0,0,0.25),0 10px 10px rgba(0,0,0,0.2),0 20px 20px rgba(0,0,0,0.15);
  }
  
  .webp-freelancer .webp-freelancer-about::after {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAQ4CAYAAAD/4XnLAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAABelJREFUeNrs3bERgDAMBMEXjdAc1asHEAklMGMHeyX8jpW6ZuZOckRL6+5U1QNis4AAERAgAgJEQIAICBABERAgAgJEQIAICBABERAgAgJEQIAICBABERAgAgJEQIAICBABERAgAgJEQIAICBABERAgAgJEQIAICBABERAgAgJEQIAICBABERAgAgJEQIAICBABERAgAgJEQIAICBABERAgAgJEQIAICBABASIgAgJEQIAICBABASIgAgJEQIAICBABASIgArJ5MwPECxEQIAICRECACAgQAREQIAICRECACAgQAREQIAICRECACAgQAREQIAICRECACAgQAREQIAICRECACAgQAREQIAICRECACAgQAREQIAICRECACAgQAREQIAICRECACAgQAREQIAICRECACAgQAREQIAICRECACAgQAQFiAiACAkRAgAgIEAEBIiACAkRAgAgIEAEBIiACAkRAgAgIEAEBIiACAkRAgAgIEAEBIiACAkRAgAgIEAEBIiACAkRAgAgIEAEBIiACAkRAgAgIEAEBIiACAkRAgAgIEAEBIiACAkRAgAgIEAEBIiACAkRAgAgIEAEBIiBABERAgAgIEAEBIiBABERAgAgIEAEBIiBABERAgAgIEAEBIiBABERAgAgIEAEBIiBABERAgAgIEAEBIiBABERAgAgIEAEBIiBABERAgAgIEAEBIiBABERAgAgIEAEBIiBABERAgAgIEAEBIiBABASIgAgIEAEBIiBABASIgAgIEAEBIiBABASIgAgIEAEBIiBABASIgAgIEAEBIiBABASIgAgIEAEBIiBABASIgAgIEAEBIiBABASIgAgIEAEBIiBABASIgAgIEAEBIiBABASIgAgIEAEBIiBABASIgAAxARABASIgQAQEiIAAERABASIgQAQEiIAAERABASIgQAQEiIAAERABASIgQAQEiIAAERABASIgQPRTNTM3mPX1eSXJA8LJEhAgAgJEQIAICBABERAgAgJEQIAICBABERAgAgJEQIAICBABERAgAgJEQIAICBABERAgAgJEQIAICBABERAgAgJEQIAICBABERAgAgJEQIAICBAB0ZcfdjapuxM/7DhZAgJEQIAICBABERAgAgJEQIAICBABASIgAgJEQIAICBABASIgAgJEQIAICBABASIgAgJEQIAICBABASIgAgJEQIAICBABASIgAgJEQIAICBABASIgAgJEQIAICBABASIgAgJEQIAICBABASIgAgJEQIAICBABASIgAgJEQIAICBABASIgQAREQIAICBABASIgQAREQIAICBABASIgQAREQIAICBABASIgQAREQIAICBABASIgQAREQIAICBABASIgQAREQIAICBABASIgQAREQIAICBABASIgQAREQIAICBABASIgQAREQIAICBABASIgQAQEiAmACAgQAQEiIEAEBIiACAgQAQEiIEAEBIiACAgQAQEiIEAEBIiACAgQAQEiIEAEBIiACAgQAQEiIEAEBIiACAgQAQEiIEAEBIiACAgQAQEiIEAEBIiACAgQAQEiIEAEBIiACAgQAQEiIEAEBIiACAgQAQEiIEAEBIiAABEQAQEiIEAEBIiAABEQAQEiIEAEBIiAABEQAQEiIEAEBIiAABEQAQEiIEAEBIiAABEQAQEiIEAEBIiAABEQAQEiIEAEBIiAABEQAQEiIEAEBIiAABEQAQEiIEAEBIiAABEQAQEiIEAEBIiAABEQIAIiIEAEBIiAABEQIAIiIEAEBIiAABEQIAIiIEAEBIiAABEQIAIiIEAEBIiAABEQIAIiIEAEBIiAABEQIAIiIEAEBIiAABEQIAIiIEAEBIiAABEQIAIiIEAEBIiAABEQIAIiIEAEBIiAABEQIAICxARABASIgAARECACAkRABASIgAARECACAkRABASIgAARECACAkRABASIgAARECACAkRABASIgAARECACAkRABASIgAARECACAkRABASIgAARECACAkTLegcAJ8IhRTckkFwAAAAASUVORK5CYII=");
    background-repeat: repeat-x;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    opacity: .4;
    z-index: -1;
  }
  
  .webp-branding-agency section {
    position: relative;
  }
  
  .webp-branding-agency .webp-branding-agency-header .yit-swiper-slider {
    margin-top: 72px;
  }
  
  .webp-branding-agency .webp-branding-agency-header .yit-flex-h-center {
    height: calc(100vh - 72px);
  }
  
  .webp-branding-agency .webp-bradning-agency-offer .yit-feature.style-7 .yit-feature-item,.webp-branding-agency .webp-bradning-agency-about .yit-feature.style-7 .yit-feature-item * {
    -moz-transition: all .5s ease-in-out 0s;
    -webkit-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s;
    -ms-transition: all .5s ease-in-out 0s;
    transition: all .5s ease-in-out 0s;
  }
  
  .webp-branding-agency .webp-bradning-agency-offer .yit-feature.style-7 .yit-feature-item {
    padding: 50px 25px;
    border: none;
  }
  
  .webp-branding-agency .webp-bradning-agency-offer .yit-feature.style-7 .yit-feature-item:hover {
    background: #e91e63;
  }
  
  .webp-branding-agency .webp-bradning-agency-offer .yit-feature.style-7 .yit-feature-item:hover * {
    color: #fff;
  }
  
  .webp-branding-agency .webp-branding-agency-cms .yit-feature.style-19 .yit-feature-item {
    background-color: rgba(0,0,0,.4);
  }
  
  .webp-branding-agency .webp-branding-agency-about .yit-skillbar.style-4 .skillbar {
    background: #dfdfdf;
  }
  
  .webp-startup hr,.webp-startup hr.style-six.light:before,.webp-startup hr.style-six.light:after,.webp-startup hr.style-six.light {
    background: #e0e0e0;
  }
  
  .webp-startup .webp-startup-intro,.webp-startup .webp-startup-testimonial {
    background-repeat: repeat;
    background-position: 0 0;
  }
  
  .webp-startup .webp-startup-about .yit-skill-animate {
    margin-bottom: 50px;
  }
  
  .webp-startup .webp-startup-parallax .data-parallax-effect {
    position: relative;
    right: 50px;
    top: 0;
    max-width: none;
  }
  
  .webp-startup .webp-startup-footer {
    background-repeat: no-repeat;
    background-position: center center;
  }
  
  .webp-web-agency #fullpage {
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
  }
  
  .webp-web-agency .light-grey-color-text p {
    color: #bdc0d1;
  }
  
  .webp-web-agency p {
    font-weight: 300;
  }
  
  .webp-web-agency .yit-on-sticky-nav.is-visible {
    background-color: transparent;
  }
  
  .webp-web-agency section:nth-child(2n+2) {
    padding-bottom: 0;
    padding-top: 0;
  }
  
  .webp-web-agency .header-logo {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10;
    left: 25px;
    display: inline-block;
    margin: 0 auto;
    padding: 30px 0;
  }
  
  .webp-web-agency .yit-particle-bubble .particle-bubble-canvas {
    z-index: -1;
  }
  
  .webp-web-agency .webp-web-agency-about .yit-tab .tab-content {
    background-color: transparent;
  }
  
  .webp-web-agency .webp-web-agency-about .yit-tab.style-5 .nav-item i {
    line-height: normal;
    padding-top: 20px;
    display: block;
  }
  
  .webp-web-agency .webp-web-agency-service .yit-feature.style-20 .yit-feature-item {
    background-color: #121121;
  }
  
  .webp-web-agency .webp-web-agency-service .yit-feature.style-20 .yit-feature-item::before,.webp-web-agency .webp-web-agency-service .yit-feature.style-20 .yit-feature-item::after {
    background: #e91e63;
    width: 1px;
    -moz-transition: all .5s ease-in-out 0s;
    -webkit-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s;
    -ms-transition: all .5s ease-in-out 0s;
    transition: all .5s ease-in-out 0s;
  }
  
  .webp-web-agency .webp-web-agency-service .yit-feature.style-20 .yit-feature-item::before {
    top: 0;
  }
  
  .webp-web-agency .webp-web-agency-service .yit-feature.style-20 .yit-feature-item::after {
    bottom: 0;
    top: auto;
  }
  
  .webp-web-agency .webp-web-agency-service .yit-feature.style-20 .yit-feature-item:hover::before,.webp-web-agency .webp-web-agency-service .yit-feature.style-20 .yit-feature-item:hover::after {
    background: #e91e63;
    height: 100%;
    width: 100%;
  }
  
  .webp-web-agency .webp-web-agency-testimonial {
    padding-top: 0;
  }
  
  .webp-web-agency .webp-web-agency-contact .common-form .input-icon {
    color: rgba(255,255,255,.5);
  }
  
  .webp-web-agency .webp-web-agency-contact .common-form .form-control:focus+.input-icon {
    color: #e91e63;
  }
  
  .webp-web-agency .fullpage-nav {
    position: fixed;
    right: 25px;
    top: 50%;
    z-index: 100;
    padding: 15px;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    transform: translate(0px,-30%);
    -webkit-transform: translate(0px,-30%);
    -o-transform: translate(0px,-30%);
    -ms-transform: translate(0px,-30%);
    -moz-transform: translate(0px,-30%);
  }
  
  .webp-web-agency .fullpage-nav span {
    background-color: rgba(255,255,255,.7);
    border-radius: 100px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    display: block;
    height: 8px;
    width: 8px;
    -moz-transition: all .5s ease-in-out 0s;
    -webkit-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s;
    -ms-transition: all .5s ease-in-out 0s;
    transition: all .5s ease-in-out 0s;
  }
  
  .webp-web-agency .fullpage-nav span:hover {
    background-color: #fff;
  }
  
  .webp-web-agency .fullpage-nav li {
    display: block;
    margin: 17px 0;
  }
  
  .webp-startup-onepage .webp-startup-contact .google-map {
    height: 710px;
  }
  
  .webp-startup-onepage .webp-services .yit-feature.style-43 .yit-feature-item {
    border-right: medium none;
    border-bottom: medium none;
  }
  
  .webp-startup-onepage .webp-startup-header .felx-slide-img {
    background-position: center center;
  }
  
  .webp-startup-onepage .webp-startup-header .flex-slide-text::before {
    background-image: url("images/svg-icons/bottom-curve-abstract-pink.svg");
    bottom: 0;
    background-position: center center;
    content: "";
    height: 40%;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: -1;
  }
  
  .webp-digital-marketing .webp-digital-banner {
    height: 1120px;
  }
  
  .webp-digital-marketing .webp-digital-banner .banner-img {
    max-width: 50%;
    position: absolute;
    right: 0;
    top: 200px;
  }
  
  .webp-digital-marketing .webp-digital-marketing-cms .yit-feature-item .icon {
    background: #000 !important;
  }
  
  .webp-app .webp-app-banner {
    background-repeat: no-repeat;
    background-position: right 0;
    height: 992px;
  }
  
  .webp-app .webp-app-banner .btn i {
    font-size: 20px;
  }
  
  .webp-app .webp-app-feature .app-feature-list .app-feature-item {
    margin-bottom: 30px;
    transform: translate(0px);
    -moz-transform: translate(0px);
    -webkit-transform: translate(0px);
    -o-transform: translate(0px);
    -ms-transform: translate(0px);
    -moz-box-shadow: 0 1px 5px 0 rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 1px 5px 0 rgba(0,0,0,0.1);
    box-shadow: 0 1px 5px 0 rgba(0,0,0,0.1);
  }
  
  .webp-app .webp-app-feature .app-feature-list .app-feature-item.item-one {
    margin-top: 60px;
  }
  
  .webp-app .app-feature-content,.webp-app .webp-app-feature .app-feature-item {
    transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    -ms-transition: all 0.4s ease-in-out 0s;
  }
  
  .webp-app .webp-app-blog .svg-curve-wave-effect-white::before {
    display: none;
  }
  
  .webp-app .app-feature-content:hover .app-feature-list .item-one {
    transform: translate(285px,305px);
  }
  
  .webp-app .app-feature-content:hover .app-feature-list .item-two {
    transform: translate(285px,-421px);
  }
  
  .webp-app .app-feature-content:hover .app-feature-list .item-three {
    transform: translate(-285px,417px);
  }
  
  .webp-app .app-feature-content:hover .app-feature-list .item-four {
    transform: translate(-285px,-306px);
  }
  
  .webp-seo .webp-seo-header .yit-swiper-slider::after {
    background-image: url("../images/bg-items/bg-curve-cloud-bottom.png");
    background-position: center center;
    background-repeat: no-repeat;
    bottom: 0;
    content: "";
    height: 173px;
    position: absolute;
    width: 100%;
    z-index: 1;
  }
  
  .webp-seo .webp-seo-header .yit-swiper-slider-content:before,.webp-seo .webp-seo-header .yit-swiper-slider-content:after {
    content: "";
    background-repeat: no-repeat;
  }
  
  .webp-seo .webp-seo-services .yit-feature .yit-feature-item {
    -moz-box-shadow: 0 3px 13px 0 rgba(0,0,0,.2);
    -webkit-box-shadow: 0 3px 13px 0 rgba(0,0,0,.2);
    box-shadow: 0 3px 13px 0 rgba(0,0,0,.2);
  }
  
  .webp-hosting .webp-hosting-banner:after {
    background-image: url("../images/bg-items/bg-graph-graph.png");
    background-position: center center;
    background-repeat: no-repeat;
    bottom: -20px;
    content: "";
    height: 273px;
    position: absolute;
    width: 100%;
    z-index: -1;
  }
  
  .webp-hosting .webp-hosting-search .yit-nice-select.nice-select {
    margin-bottom: 15px;
    height: 47px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
  }
  
  .webp-hosting .webp-hosting-search .yit-nice-select.nice-select .list {
    width: 100%;
  }
  
  .webp-hosting .webp-hosting-search .yit-nice-select.nice-select::after {
    width: 10px;
    height: 10px;
    right: 20px;
  }
  
  .webp-hosting .webp-hosting-search .form-group {
    position: inherit;
  }
  
  .webp-hosting .webp-hosting-search .hosting-rate {
    display: table;
    width: 100%;
  }
  
  .webp-hosting .webp-hosting-search .hosting-rate li {
    border-right: solid 1px rgba(0,0,0,0.1);
    line-height: normal;
    max-width: 100px;
    display: table-cell;
    text-align: center;
  }
  
  .webp-hosting .webp-hosting-search .hosting-rate li:last-child {
    border-right: medium none;
  }
  
  .webp-hosting .webp-hosting-search .hosting-rate li span {
    display: block;
  }
  
  .webp-hosting .webp-hosting-cms .item-icon {
    width: 340px;
    height: 340px;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    position: relative;
  }
  
  .webp-hosting .webp-hosting-cms .item-icon .item-price {
    position: absolute;
  }
  
  .webp-hosting .webp-hosting-cms .item-icon .item-price {
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    font-size: 30px;
    font-weight: 500;
    height: 100px;
    line-height: normal;
    padding-top: 17px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 100px;
  }
  
  .webp-hosting .webp-hosting-cms .item-icon .item-price span {
    display: block;
    font-size: 15px;
  }
  
  .webp-hosting .webp-hosting-cms .bg-dotted-left:after,.webp-hosting .webp-hosting-cms .bg-dotted::after {
    background-position: center center;
    height: 370px;
    top: 0;
  }
  
  .webp-personal .webp-personal-header .webp-personal-banner {
    position: relative;
  }
  
  .webp-personal .webp-personal-header .webp-personal-banner .banner-scene {
    padding: 0;
    margin: 0;
    text-align: center;
  }
  
  .webp-personal .webp-personal-header .webp-personal-banner .banner-scene li {
    display: block;
    text-align: center;
    width: 100%;
    height: 100vh;
  }
  
  .webp-personal .webp-personal-header .webp-personal-banner .banner-scene li .img-layer-1 {
    position: absolute;
    left: 0;
    right: 0;
    top: 100px;
  }
  
  .webp-personal .webp-personal-header .webp-personal-banner .banner-scene li img {
    margin: 0 auto;
    display: block;
  }
  
  .webp-personal .webp-personal-header .webp-personal-banner .banner-scene li .traingle-l {
    position: absolute;
  }
  
  .webp-personal .webp-personal-header .webp-personal-banner .banner-services {
    display: table;
    margin: 0 auto;
  }
  
  .webp-personal .webp-personal-header .webp-personal-banner .banner-services li {
    width: auto;
    height: auto;
    display: inline-block;
    margin: 0 20px;
    position: relative;
    letter-spacing: 2px;
  }
  
  .webp-personal .webp-personal-header .webp-personal-banner .banner-services li::before {
    content: "";
    background: #e91e63;
    width: 7px;
    height: 7px;
    display: block;
    border-radius: 100px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    position: absolute;
    left: -18px;
    top: 11px;
  }
  
  .webp-personal .webp-personal-header .webp-personal-banner .banner-mark-text-btm {
    bottom: -10%;
  }
  
  .webp-personal .webp-personal-about .about-img {
    z-index: -10;
    text-align: center;
  }
  
  .webp-personal .webp-personal-about .img-frame {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 40px;
  }
  
  .webp-personal .webp-personal-about .img-about-photo {
    margin: 0 auto;
    position: relative;
    width: 320px;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
  }
  
  .webp-personal .webp-personal-about .parallax-element li {
    position: absolute;
    top: 25px;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  
  .webp-personal .webp-personal-service .service-intro {
    height: 700px;
  }
  
  .webp-personal .webp-personal-service .service-intro::after {
    border-color: #e370dd rgba(0,0,0,0) rgba(0,0,0,0);
    border-style: solid;
    border-width: 700px 190px 0 0;
    content: "";
    height: 1px;
    position: absolute;
    right: -190px;
    top: 0;
    width: 1px;
    z-index: 1;
  }
  
  .webp-personal .webp-personal-service .service-listing {
    margin-top: 90px;
    height: 550px;
  }
  
  .webp-personal .webp-personal-service .service-listing .yit-feature {
    display: table;
    margin: 0 auto;
  }
  
  .webp-personal .webp-personal-service .parallax-element li {
    position: absolute;
    z-index: 999;
  }
  
  .webp-personal .webp-personal-service .parallax-element .circle-layer {
    left: 45%;
  }
  
  .webp-personal .webp-personal-service .parallax-element .triangle-layer {
    right: 0;
    bottom: 0;
  }
  
  .webp-personal .webp-personal-service .parallax-element .circle-fill-layer {
    right: 0;
    top: 0;
  }
  
  .webp-personal .webp-personal-testimonial .parallax-element li {
    position: absolute;
    z-index: 999;
  }
  
  .webp-personal .webp-personal-testimonial .parallax-element .layer-1 {
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
  }
  
  .webp-personal .webp-personal-testimonial .parallax-element .layer-2 {
    right: 10%;
    bottom: 0;
  }
  
  .webp-personal .webp-personal-testimonial .parallax-element .layer-3 {
    left: 10%;
    bottom: 100px;
  }
  
  .webp-personal .webp-personal-testimonial .parallax-element .layer-4 {
    left: 10%;
    top: 30%;
  }
  
  .webp-personal .webp-personal-testimonial .parallax-element .layer-5 {
    left: 20%;
    top: 10%;
  }
  
  .webp-personal .webp-personal-testimonial .parallax-element .layer-6 {
    right: 20%;
    top: 30%;
  }
  
  .webp-personal .webp-personal-testimonial .parallax-element .layer-7 {
    right: 40%;
    top: 60%;
  }
  
  .webp-personal .webp-personal-footer .yit-footer.style-3 ul.quick-links li a {
    color: #fff;
  }
  
  .webp-personal .webp-personal-footer .yit-footer .form-control {
    border-color: transparent transparent rgba(255,255,255,.5) transparent;
    padding: 10px 0;
  }
  
  .webp-personal .webp-personal-footer .yit-footer .form-control:focus {
    border-bottom-color: #fff;
  }
  
  .webp-personal .webp-personal-footer .yit-footer .form-group {
    margin-bottom: 20px;
  }
  
  .webp-personal .webp-personal-footer .yit-footer .form-group .input-label {
    color: #fff;
    left: 0;
  }
  
  .webp-personal .webp-personal-footer .yit-footer .form-control:focus+.input-label {
    top: -10px;
  }
  
  .webp-personal .webp-personal-footer .parallax-element li {
    position: absolute;
    z-index: 0;
  }
  
  .webp-personal .webp-personal-footer .parallax-element .layer-1 {
    right: 10%;
    top: 0;
  }
  
  .webp-personal .webp-personal-footer .parallax-element .layer-2 {
    left: 10%;
    top: 20%;
  }
  
  .webp-personal .webp-personal-footer .parallax-element .layer-3 {
    right: 0;
    top: 30%;
  }
  
  .webp-personal .webp-personal-footer .parallax-element .layer-4 {
    left: 20%;
    bottom: 200px;
  }
  
  .webp-branding-header .yit-nav .navbar-nav .nav-link:hover,.webp-branding-header .yit-nav .navbar-nav .nav-link:focus,.webp-branding-header .yit-nav .navbar-nav .nav-link:active,.webp-branding-header .yit-nav .navbar-nav .nav-link.active,.webp-branding-header .yit-nav .yit-nav .navbar-nav .show .nav-link,.webp-branding-header .yit-nav .navbar-nav .active .nav-link,.webp-branding-header .yit-nav .nav-link.show,.webp-branding-header .yit-nav .navbar-nav .nav-link.active {
    background-color: #000;
    color: #ffffff;
  }
  
  .inner-banner-large.bg-overlay::before {
    background-color: rgba(0,0,0,.65);
  }
  
  .inner-banner-xlarge {
    padding-top: 200px;
    padding-bottom: 200px;
  }
  
  .inner-banner-large {
    padding-top: 180px;
    padding-bottom: 180px;
  }
  
  .inner-banner-medium {
    padding-top: 150px;
    padding-bottom: 150px;
  }
  
  .inner-banner-small {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  
  .inner-banner-xsmall {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  
  .inner-banner-xxsmall {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  
  .banner-fixed-top-small {
    margin-top: calc(100px - 25px);
  }
  
  .webp-about-classic .about-history,.webp-about-classic .about-history h6 {
    -moz-transition: all .7s ease-in-out 0s;
    -webkit-transition: all .7s ease-in-out 0s;
    -o-transition: all .7s ease-in-out 0s;
    -ms-transition: all .7s ease-in-out 0s;
    transition: all .7s ease-in-out 0s;
  }
  
  .webp-about-classic .about-history h6 {
    position: absolute;
    bottom: 50px;
    left: -55px;
    -webkit-transform: translate(-40px,0px);
    -o-transform: translate(-40px,0px);
    -ms-transform: translate(-40px,0px);
    -moz-transform: translate(-40px,0px);
    transform: translate(-40px,0px);
  }
  
  .webp-about-classic .about-history h6::after {
    background: #e91e63;
    content: "";
    height: 2px;
    position: absolute;
    right: -60px;
    top: 14px;
    width: 50px;
  }
  
  .webp-about-classic .about-history:hover h6 {
    left: 0;
    -webkit-transform: translate(0px);
    -o-transform: translate(0px);
    -ms-transform: translate(0px);
    -moz-transform: translate(0px);
    transform: translate(0px);
  }
  
  .webp-service-creative .service-intro img.gray-scale {
    width: 100%;
    height: 100%;
    max-width: none;
  }
  
  .coming-soon-bg {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
  }
  
  noindex:-o-prefocus,.fss-background-container {
    display: none;
  }
  
  .coming-soon-bg::after {
    background: rgba(0,0,0,0.5);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
  }
  
  .yit-notify-modal .close {
    text-shadonw: none;
    color: #fff;
    opacity: 1;
    font-size: inherit;
  }
  
  .yit-notify-modal .modal-header,.yit-notify-modal .modal-footer {
    border: medium none;
  }
  
  .yit-notify-modal .btn-notify.btn {
    position: absolute;
    top: 10px;
    right: 10px;
    background: none;
    padding: 0;
    width: auto;
  }
  
  .error-page .error-banner-content .error-text-heading {
    font-size: 200px;
  }
  
  .error-page .error-banner-content .yit-search.common-form {
    max-width: none;
  }
  
  .yit-sitemap ul.sitemap-listing li a:before {
    content: "";
    font-family: 'FontAwesome';
    padding-right: 10px;
  }
  
  .yit-sitemap ul.sitemap-listing li a {
    font-size: 13px;
  }
  
  .yit-sitemap ul.sitemap-listing.element-sitemap li a i {
    padding-right: 10px;
  }
  
  .yit-sitemap ul.sitemap-listing.element-sitemap li a:before {
    content: "";
    padding-right: 0;
  }
  
  .gmap-locaton {
    background: #1c1c1c;
  }
  
  .gmap-locaton .btn-map-marker {
    background: #ffffff;
    font-size: 30px;
    height: 60px;
    line-height: 60px;
    position: absolute;
    right: 0;
    text-align: center;
    top: -22px;
    width: 60px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    z-index: 10;
  }
  
  .gmap-locaton .google-map {
    height: 500px;
    width: 100%;
  }
  
  footer {
    padding-top: 80px;
    padding-bottom: 20px;
  }
  
  footer .yit-foot-widget {
    border-top: 1px solid rgba(255,255,255,0.1);
    margin-top: 25px;
    padding-top: 25px;
  }
  
  footer .yit-foot-widget .trade {
    font-size: .8rem;
  }
  
  footer .yit-foot-widget .trade .link-pink {
    color: #e91e63 !important;
  }
  
  .yit-footer .quick-links li {
    margin-bottom: 7px;
  }
  
  .yit-footer .address-info li {
    margin-bottom: 20px;
  }
  
  footer.footer-dark-style {
    background: #1c1c1c;
    color: #fff;
  }
  
  footer.footer-dark-style .quick-links a,footer.footer-dark-style p,footer.footer-dark-style .address-info,footer.footer-dark-style .address-info a {
    color: rgba(255,255,255,.5);
  }
  
  footer.footer-dark-style a:hover,footer.footer-dark-style a:focus,footer.footer-dark-style a:active,footer.footer-dark-style a.active {
    color: #fff;
  }
  
  footer.footer-dark-style .form-control {
    border: medium none;
    background: rgba(255,255,255,.1);
  }
  
  footer.footer-dark-style .form-control:focus {
    border: medium none;
    background: rgba(255,255,255,.4);
    color: rgba(255,255,255);
  }
  
  footer.footer-dark-style .form-control::placeholder {
    color: rgba(255,255,255,.8);
    opacity: .6;
  }
  
  footer.footer-dark-style .form-control::-moz-placeholder {
    color: rgba(255,255,255,.8);
    opacity: .6;
  }
  
  footer.footer-dark-style .form-control:-ms-input-placeholder {
    color: rgba(255,255,255,.8);
    opacity: .6;
  }
  
  footer.footer-dark-style .form-control::-webkit-input-placeholder {
    color: rgba(255,255,255,.8);
    opacity: .6;
  }
  
  footer.footer-dark-style .form-control::-o-input-placeholder {
    color: rgba(255,255,255,.8);
    opacity: .6;
  }
  
  .yit-footer.style-1 .quick-links li a:before {
    content: "";
    font-family: "themify";
    font-size: 11px;
    margin-right: 10px;
  }
  
  .yit-footer.style-1 .address-info p {
    overflow: hidden;
    padding: 0;
    margin: 0;
    line-height: 20px;
  }
  
  .yit-footer.style-1 .address-info i {
    font-size: 20px;
    margin-top: 2px;
  }
  
  .yit-footer.style-1 .address-info .fa-envelope-open {
    font-size: 15px;
  }
  
  .yit-footer.style-2 ul.quick-links li a {
    font-size: 20px;
    position: relative;
  }
  
  .yit-footer.style-2 ul.quick-links li::after {
    content: "/";
    padding: 0 15px;
    color: rgba(0,0,0,.5);
  }
  
  .yit-footer.style-2 ul.quick-links li:last-child::after {
    display: none;
  }
  
  .yit-footer.style-2 ul.quick-links li a::after {
    background: #000000;
    bottom: -7px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    -ms-transition: all 0.4s ease-in-out 0s;
    width: 0;
  }
  
  .yit-footer.style-2 ul.quick-links li a:hover::after,.yit-footer.style-2 ul.quick-links li a:focus::after,.yit-footer.style-2 ul.quick-links li a:active::after,.yit-footer.style-2 ul.quick-links li a.active::after {
    width: 100%;
  }
  
  .yit-footer.style-3 ul.quick-links li a {
    font-size: 20px;
    position: relative;
  }
  
  .yit-footer.style-3 ul.quick-links li::after {
    content: "//";
    padding: 0 15px;
    color: rgba(255,255,255,.5);
  }
  
  .yit-footer.style-3 ul.quick-links li:last-child::after {
    display: none;
  }
  
  .yit-footer.style-3 ul.quick-links li a::after {
    background: #fff;
    bottom: -7px;
    content: "";
    height: 2px;
    left: 0;
    right: 0;
    margin: 0 auto;
    position: absolute;
    transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    -ms-transition: all 0.4s ease-in-out 0s;
    width: 0;
  }
  
  .yit-footer.style-3 ul.quick-links li a:hover::after,.yit-footer.style-2 ul.quick-links li a:focus::after,.yit-footer.style-2 ul.quick-links li a:active::after,.yit-footer.style-3 ul.quick-links li a.active::after {
    width: 100%;
  }
  
  .yit-footer.style-1 .footer-newsletter p {
    padding: 0;
    margin: 0;
    line-height: normal;
  }
  
  .footer-newsletter.style-2 .form-group {
    overflow: hidden;
  }
  
  .footer-newsletter.style-2 .form-control {
    padding: 10px 60px 10px 15px;
  }
  
  .footer-newsletter.style-2 .btn i {
    padding: 0;
  }
  
  .footer-newsletter.style-2 .btn {
    padding: 0;
    width: 47px;
    height: 47px;
    position: absolute;
    right: 0;
    top: 0;
  }
  
  .yit-footer-creative .input-light .form-control {
    border-color: rgba(255,255,255,.5) !important;
  }
  
  .yit-footer-creative .form-group .input-icon {
    color: rgba(255,255,255,.5);
  }
  
  .yit-footer-morden-alt-form .gmap-locaton.flex-full-height .google-map {
    height: 695px;
  }
  
  .yit-footer-parallax .parallax-element li {
    position: absolute;
    z-index: 0;
  }
  
  .yit-footer-parallax .parallax-element .layer-1 {
    right: 10%;
    top: 0;
  }
  
  .yit-footer-parallax .parallax-element .layer-2 {
    left: 10%;
    top: 20%;
  }
  
  .yit-footer-parallax .parallax-element .layer-3 {
    right: 0;
    top: 30%;
  }
  
  .yit-footer-parallax .parallax-element .layer-4 {
    left: 20%;
    bottom: 200px;
  }
  
  @media (max-width:767px ) {
    .yit-footer .quick-links {
      margin-bottom: 20px;
    }
  
    .yit-footer.style-1 hr {
      margin: 20px 0;
    }
  
    .yit-footer.style-1 .address-info .icon-l {
      float: left;
      margin-right: 15px;
    }
  
    .yit-footer.style-1 .address-info p,.yit-footer.style-1 .footer-newsletter p {
      text-align: left;
    }
  
    .yit-footer.style-2 ul.quick-links li a {
      font-size: 15px;
    }
  
    .yit-footer.style-2 ul.quick-links li::after {
      padding: 0 5px;
    }
  
    .yit-footer.style-3 ul.quick-links li a {
      font-size: 15px;
    }
  
    .yit-footer.style-3 ul.quick-links li::after {
      padding: 0 5px;
    }
  }
  
  @media (min-width:768px) and (max-width:980px) {
  }
  
  .web-presentation {
    font-family: "Muli",sans-serif;
  }
  
  .web-presentation .dark-grey-black-color-bg {
    background-color: #303539;
  }
  
  .web-presentation .presentation-banner .sec-lines {
    height: 100vh;
  }
  
  .web-presentation .presentation-banner .animate-line-item {
    height: 100vh;
  }
  
  .web-presentation .presentation-banner .animate-line-item:nth-child(2)::after,.web-presentation .presentation-banner .animate-line-item:nth-child(3)::after,.web-presentation .presentation-banner .animate-line-item:nth-child(4)::after,.web-presentation .presentation-banner .animate-line-item:last-child::after {
    background: rgba(153,153,153,0.3);
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    width: 100%;
  }
  
  .web-presentation .presentation-banner .animate-line-item:nth-child(2)::after {
    bottom: 15%;
  }
  
  .web-presentation .presentation-banner .animate-line-item:nth-child(3)::after {
    top: 60%;
  }
  
  .web-presentation .presentation-banner .animate-line-item:nth-child(4)::after {
    top: 40%;
  }
  
  .web-presentation .presentation-banner .animate-line-item:last-child::after {
    top: 20%;
  }
  
  .web-presentation .presentation-banner .presentation-img {
    position: absolute;
    top: -100px;
    right: -20%;
    z-index: -1;
  }
  
  .web-presentation .presentation-banner .presentation-img img {
    opacity: .6;
  }
  
  .web-presentation .presentation-banner .height-cover {
    height: calc(100vh - 100px);
  }
  
  .web-presentation .presentation-banner::before {
    background-image: url("../images/presentation-demo/dots-white.svg");
    background-position: left top;
    background-repeat: repeat;
    background-size: 12px auto;
    top: 30%;
    content: "";
    height: 500px;
    left: 50px;
    position: absolute;
    width: 300px;
    z-index: -1;
  }
  
  .presentation-demo .demo-listing .demo-item {
    margin-bottom: 30px;
  }
  
  .presentation-demo .demo-listing .demo-item,.presentation-demo .demo-listing .demo-item img {
    -moz-transition: all .5s ease-in-out 0s;
    -webkit-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s;
    -ms-transition: all .5s ease-in-out 0s;
    transition: all .5s ease-in-out 0s;
  }
  
  .presentation-demo .demo-listing .demo-item img {
    -moz-box-shadow: 0 2px 7px 0 rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 2px 7px 0 rgba(0,0,0,0.2);
    box-shadow: 0 2px 7px 0 rgba(0,0,0,0.2);
  }
  
  .presentation-demo .demo-listing .demo-item:hover img {
    -moz-box-shadow: 0 2px 10px 0 rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,0.2);
    box-shadow: 0 2px 10px 0 rgba(0,0,0,0.2);
  }
  
  .presentation-demo .demo-listing .demo-item a {
    color: rgba(255,255,255,.7);
  }
  
  .presentation-demo .demo-listing .demo-item a:hover,.presentation-demo .demo-listing .demo-item a:focus,.presentation-demo .demo-listing .demo-item a:active {
    color: #fff;
  }
  
  .presentation-demo .demo-listing .demo-item span {
    display: block;
    line-height: normal;
  }
  
  .presentation-demo .demo-listing.inverse .demo-item a {
    color: rgba(0,0,0,.6);
  }
  
  .presentation-demo .demo-listing.inverse .demo-item a:hover,.presentation-demo .demo-listing.inverse .demo-item a:focus,.presentation-demo .demo-listing.inverse .demo-item a:active {
    color: #000;
  }
  
  .presentation-demo.option-gallery .demo-listing .demo-item img {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #fff;
  }
  
  .presentation-demo.option-gallery .demo-listing .demo-item {
    margin-bottom: 20px;
  }
  
  .web-presentation .webpanda-core-feature .yit-feature-listing li {
    width: 12%;
    margin-bottom: 10px;
    font-size: 13px;
  }
  
  .cc-color-override-6510779.cc-window {
    -moz-box-shadow: 0px 3px 3px 3px rgba(0,0,0,.5);
    -webkit-box-shadow: 0px 3px 3px 3px rgba(0,0,0,.5);
    box-shadow: 0px 3px 3px 3px rgba(0,0,0,.5);
  }
  
  .cc-btn {
    -moz-border-radius: 40px;
    -webkit-border-radius: 40px;
    border-radius: 40px;
  }
  
  @media(max-width: 767px) {
    .web-presentation .presentation-banner .height-cover {
      height: auto;
    }
  
    .web-presentation .presentation-banner .inner-banner-content h1 {
      font-size: 1.2rem;
    }
  
    .web-presentation .presentation-banner .presentation-img {
      position: relative;
      right: 0;
      top: 0;
    }
  }
  
  @media(min-width: 768px) and (max-width:980px) {
    .web-presentation .presentation-header .yit-nav .navbar {
      padding: 15px !important;
    }
  
    .web-presentation .presentation-banner .height-cover {
      height: 70vh;
    }
  
    .web-presentation .presentation-banner .presentation-img {
      top: 0;
    }
  
    .web-presentation .presentation-banner .inner-banner-content h1 {
      font-size: 2rem;
    }
  
    .web-presentation .presentation-header .yit-nav .navbar-nav .nav-link {
      padding: 0.6rem;
    }
  
    .web-presentation .presentation-header .navbar-light .navbar-toggler {
      border-color: #e91e63;
    }
  
    .web-presentation .presentation-header .navbar-light .navbar-toggler-icon {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox=\'0 0 30 30\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath stroke=\'rgba(233, 30, 99, 1)\' stroke-width=\'2\' stroke-linecap=\'round\' stroke-miterlimit=\'10\' d=\'M4 7h22M4 15h22M4 23h22\'/%3E%3C/svg%3E");
    }
  
    .web-presentation .presentation-header .yit-nav-transparent-style .navbar {
      background-color: rgba(0,0,0,.5);
    }
  
    .web-presentation .presentation-header .yit-nav-transparent-style .navbar .navbar-collapse {
      padding-bottom: 40px;
    }
  
    .web-presentation .presentation-header .yit-nav-transparent-style .navbar.yit-on-scroll-nav.animated {
      background-color: #1e1e1e;
    }
  
    .web-presentation .webpanda-core-feature .yit-feature-listing li {
      width: 20%;
    }
  }
  
  @media(min-width: 979px) and (max-width:1200px) {
    .web-presentation .presentation-header .yit-nav .navbar {
      padding: 15px !important;
    }
  
    .web-presentation .presentation-header .yit-nav .navbar-nav .nav-link {
      padding: 0.6rem;
    }
  
    .web-presentation .presentation-banner .presentation-img {
      top: 0;
    }
  
    .web-presentation .presentation-header .navbar-light .navbar-toggler {
      border-color: #e91e63;
    }
  
    .web-presentation .presentation-header .navbar-light .navbar-toggler-icon {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox=\'0 0 30 30\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath stroke=\'rgba(233, 30, 99, 1)\' stroke-width=\'2\' stroke-linecap=\'round\' stroke-miterlimit=\'10\' d=\'M4 7h22M4 15h22M4 23h22\'/%3E%3C/svg%3E");
    }
  
    .web-presentation .presentation-header .yit-nav-transparent-style .navbar {
      background-color: rgba(0,0,0,.5);
    }
  
    .web-presentation .presentation-header .yit-nav-transparent-style .navbar.yit-on-scroll-nav.animated {
      background-color: #1e1e1e;
    }
  
    .web-presentation .presentation-header .yit-nav-transparent-style .navbar .navbar-collapse {
      padding-bottom: 40px;
    }
  
    .web-presentation .webpanda-core-feature .yit-feature-listing li {
      width: 20%;
    }
  }