@charset "UTF-8";
/*-----------------------------------------------------------------------------------

    Theme Name: Cinzel
    Theme URI: http://
    Description: Creative Agency & Portfolio
    Author: ThemesCamp
    Author URI: http://themeforest.net/user/ThemesCamp
    Version: 1.0

-----------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------

== Table Of Content

    |--- BASE

        |- utility
        |- typography
        |- helper classes

    |--- SHORTCODES

        |- extra
        |- overlay
        |- section-heading
        |- buttons
        |- navbar
        |- sliders
        |- intro
        |- feature-box
        |- clients
        |- counter
        |- portfolio
        |- process
        |- progress-bar
        |- tabs
        |- team
        |- testimonials
        |- blog
        |- contact-form
        |- footers

    |--- BASE

        |- Colors Skin


    |--- BASE

        |- responsive




/* MODAL STYLE */


.font-big {
  font-size: 5rem;
}


.btn-close {
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: .25em .25em;
  color: #000;
  background: transparent url(file:///Users/fabio/Desktop/Clientes%20UW/UW/SITE%20UW/assets/img/icons/x.svg) center / 1em auto no-repeat;
  border: 0;
  border-radius: .25rem;
  opacity: .5;
}

.floating {
  width: 300px; /* Adjust the size of your image as needed */
  animation: float 3s ease-in-out infinite;
}


.modal-fullscreen .modal-body {
  overflow-y: auto;
  align-items: center;
  justify-content: center;
  display: flex;
}





@keyframes float {
  0%, 100% {
    transform: translateY(15px);
  }
  50% {
    transform: translateY(-10px);
  }
}


@keyframes drop {
  0% {
    transform: translateY(-100vh) rotate(-30deg);
    opacity: 1;
  }
  70% {
    transform: translateY(0) rotate(0deg);
    opacity: 1;
  }
  80% {
    transform: translateY(-10px);
  }
  90% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

.bolt {
  font-size: 50px; /* Ajuste conforme necessário */
  color: #f39c12; /* Ajuste a cor conforme necessário */
  animation: drop 1s ease-out forwards;
  opacity: 0;
}


.w-16 {
  width: 16px;
}


.w-32 {
  width: 32px;
}

.w-64 {
  width: 64px;
}

.win-projects {
  align-items: center;
  display: flex;
  justify-content: center;
}






span.sb-logostyle {
  font-family: 'Syne', sans-serif;
  font-size: 1.2rem;
  margin-right: 30px;
  font-weight: 900;
  letter-spacing: 1px;
  color: #fac5ff;
}

span.sb-logostyle i {
  transform: rotate(15deg);
}


.custom-col-12.white-bg {
  background: #fafafa;
}


/*.wow {
    animation: fadeIn 1s ease-in-out;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
        transform: scale(0.95);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}
*/




.light-force {
  background: #fff!important;
  color: #111!important;
}

.img-3 img {
  width: 40%;
}

.brand-font {
 font-family: 'SF Pro Display', sans-serif;
}

span#brand-color {
  color: #3e42d3!important;
}

.swiper-container.parallax-slider.swiper-container-initialized.swiper-container-horizontal .col-lg-8.col-md-10 {
  margin-top: 25%;
}


.mblog .post-bg-img .cont h2 {
  font-size: 25px;
}



/*SOCIA MEDIA PAGE DESK*/


body.light.socialmediapage .menu-desk.nav-scroll {
  background-color: rgba(255,255,255,.7) !important;
}


body.light.socialmediapage .navbar {
  background-color: rgba(255,255,255,.7) !important;
}


body.overlay-white.audiovisual .navbar .navbar-nav .nav-link img {
  filter: invert(1);
}





/*SOCIA MEDIA PAGE DESK*/


body .navbar {
  position: sticky;
}




/*AUDIOVISUAL STYLE DESK */

body#audiov .navbar .dropdown-menu {
  background: #1e2022;
}

body#PagePerf .navbar .dropdown-menu {
  background: #1e2022;
}


li.logo-footer {
  width: 30px;
  margin-right: 30px;
}



@media (min-width: 1201px) {
  .cid-u58iA4cppL .item-wrapper .item-footer {
    padding: 0 2rem 2rem;
  }
}


.item-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
  padding: 10px;
  box-sizing: border-box;
  color: #fff;
}


.cid-u58iA4cppL .item-title {
  text-align: left;
  color: var(--primary-text, #ffffff);
  font-size: 30px;
  font-weight: bold;
}

.item-title {
  position: absolute;
  bottom: 30px;
  left: 30px;
  width: 100%;
  margin: 0;
  text-align: center;
}

body.audiovisual .ed-slide .cont h1 {
  font-size: 4vw;
  line-height: 1.4;
  position: relative;
  z-index: 2;
  bottom: auto;
}

body#audiov.light #hero-15-u58iA4crq4 p {
  font-weight: 600 !important;
  font-size: 27px;
  line-height: 38px;
  color: #fff;
}


body.light.overlay-white.audiovisual .menu-desk.nav-scroll {
  background-color: rgba(12,10,9,.7) !important;
}

.cid-u58iA4cppL .item-mb {
  margin-bottom: 2rem;
}



.cid-u58iA4cppL .item-wrapper {
  border-radius: 2rem;
  overflow: hidden;
  padding: 0rem;
  height: 100%;
  display: flex;
  flex-flow: column nowrap;
  margin-left: 10px;
  margin-right: 10px;
}

.item-wrapper {
  position: relative;
}

.card-full.rounded-30 {
  background: #6747c3;
  max-height: 480px;
}

.card-full {
  padding: 50px 40px;
}

.custom-mobile {
  background: url(https://frammers.com.br/assets/img/mobile.png) center center no-repeat;
  background-size: contain;
  width: 360px;
  height: 656px;
  position: relative;
  margin: -100px auto;
}

.custom-mobile-video {
  position: absolute;
  top: 50px;
  left: 50px;
  width: calc(100% - 100px);
  height: calc(100% - 120px);
  object-fit: cover;
  border-radius: 30px;
}

.block-img.oversized.podcast-img {
  margin-top: 110px;
  position: absolute;
  right: 50px;
  width: 52%;
}



.steps .mobile-curso {
  background: url(https://frammers.com.br/assets/img/curso-dash.png) center center no-repeat;
  background-size: cover;
  padding: 50px 65px;
  margin: -80px 0px;
}

.steps .mobile video {
  height: 500px;
  width: 230px;
  border-radius: 20px;
  object-fit: cover;
}

.steps .mobile {
  background: url(https://frammers.com.br/assets/img/mobile.png) center center no-repeat;
  background-size: cover;
  padding: 50px 50px;
  margin: -50px -50px;
}


.rounded-30 {
  border-radius: 30px;
}

.block-img.oversized img {
  display: block;
  width: 100%;
  position: relative;
  margin-top: -110px;
}

img.arrow-icon {
  max-width: 30px;
}


.sim-serv.black-back {
  display: block;
  padding: 25px 32px;
  border-radius: 16px;
  background: url(file:///Users/fabio/Desktop/Clientes%20UW/UW/SITE%20UW/assets/img/bg-opacity-02.png) no-repeat;
  background-size: cover;
  backdrop-filter: blur(20px);
  margin-right: 0px;
}

.sim-serv {
  display: block;
  padding: 25px 32px;
  border-radius: 16px;
  backdrop-filter: blur(20px) saturate(0.5);
  margin-right: 0px;
  background: #00000005;
}




/*ADS STYLE DESK*/

body.trafego-ads .navbar.nochan * {
  color: #fff !important;
}

body.light.trafego-ads .menu-desk.nav-scroll {
  background-color: rgba(12, 10, 9, .7) !important;
}

body.trafego-ads .navbar.nochan .container-xxl.border-menu {
  border-bottom: none;
}

/*body.trafego-ads .navbar {
    background: #000;
}*/

body.trafego-ads .full-height.position-re {
  margin-top: -60px;
}

/*body.audiovisual .navbar {
    background: #000;
}*/



body.audiovisual #hero-15-u58iA4crq4 {
  margin-top: -60px;
}


.current {
  font-size: 200px;
  font-weight: 900;
  text-align: center;
}

section#car-clients-ads .bg-dark {
  background: #000!important;
}

section#car-clients-ads {
  background: #000;
}

section#car-clients-ads .clients .main-marq .box .item .img{
 width: 110px; 
 margin: auto;
 position: relative;
 -webkit-transition: all .4s;
 -o-transition: all .4s;
 transition: all .4s;
}

section#car-clients-ads .clients .main-marq .box .item .img img {
  -webkit-filter: invert(0);
  filter: invert(0);
}

section#car-clients-ads:not(.business-home) .main-marq:after {
  background: -webkit-linear-gradient(right, #fff, rgba(255, 255, 255, 0) 220px, rgba(255, 255, 255, 0) calc(100% - 220px), #fff);
  background: -o-linear-gradient(right, #fff, rgba(255, 255, 255, 0) 220px, rgba(255, 255, 255, 0) calc(100% - 220px), #fff);
  background: linear-gradient(to left, #000, rgba(255, 255, 255, 0) 220px, rgba(255, 255, 255, 0) calc(100% - 220px), #000);
}




/*ADS STYLE DESK*/


.white-text {
  color: #fff;
}

body.light .butn-bord-color:hover {
  color: #fff;
  background: #3b0764;
}


.item.valign.pad0 {
  padding: 0;
  margin: 0;
}





/*AUDIOVISUAL STYLE DESK */





.div-box-consult .item {
  border: 1px solid #fff;
  padding: 15px;
  color: #111;
  background: #fff;
  border-radius: 4px;
}

.div-box-consult .item p {
  color: #111!important;
}

.div-box-consult .item h3 {
  font-size: 24px;
  font-weight: 800;
}

.mt-50.div-box-consult .col-md-3 {
  padding: 6px;
}

.div-box-consult .item span {
  border: 4px solid #2866eb;
  border-radius: 50%;
  padding: 3px 0px 0px 10px;
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 15px;
  height: 40px;
  width: 40px;
}

.col-md-12.personalized-box {
  background: #222;
  border-radius: 4px;
}

img.logoultrapro {
  max-width: 130px;
}


span.badge-new {
 background: #2866eb;
 color: #fff !important;
 font-weight: bold;
 font-family: 'sf pro display';
 padding: 0 8px;
 position: relative;
 vertical-align: super;
 font-size: 10px;
 border-radius: 25px;
}


body.overlay-white.audiovisual .navbar.nochan .container-xxl.border-menu {
  border-bottom: none;
}

nav.navbar.navbar-expand-lg.nochan.menu-desk.overlay-white {
  backdrop-filter: blur(24px);
}


body.overlay-white.audiovisual .navbar.nochan * {
  color: #fff!important;
}


body.overlay-white.audiovisual .navbar.nochan .go-more {
  z-index: 2;
  background: #fafafa;
  border-radius: 999px;
  color: #111 !important;
  padding: 4px 15px;

}






a.ls-button-more {
  width: 100%;
  background: #2866eb;
  color: #FFFFFF !important;
  font-size: 16px;
  margin: 24px 0px 0px 0px;
  padding: 16px 32px 16px 32px;
  border-style: none;
  border-color: #2866eb;
  border-top-width: 2px;
  border-right-width: 2px;
  border-bottom-width: 2px;
  border-left-width: 2px;
  border-radius: 4px 4px 4px 4px;
  font-family: Nunito Sans, sans-serif;
  font-style: normal;
  text-decoration: none;
  text-align: center;
  font-weight: bold;
  font-family: 'SF Pro Display', sans-serif;
}



.four-columns {
  display: flex;
  justify-content: space-between;
  padding: 20px;
  gap: 20px;
}

.column {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: #f4f4f4;
  padding: 20px;
  border: 1px solid #ddd;
  border-radius: 5px;
  flex: 1;
  box-sizing: border-box;
}

.column .content {
  flex-grow: 1;
}

.number {
  font-size: 2em;
  font-weight: bold;
  display: block;
  margin-bottom: 10px;
}

body.light .row.four-columns {
  color: #111;
}

body.light .row.four-columns p {
  color: #111!important;
}

.four-columns .content h3 {
  font-size: 23px;
}

.row.four-columns button {
  width: 100%;
  flex-direction: row-reverse;
  background: #2866eb;
  color: #FFFFFF !important;
  font-size: 16px;
  margin: 24px 0px 0px 0px;
  padding: 16px 32px 16px 32px;
  border-style: none;
  border-top-width: 2px;
  border-right-width: 2px;
  border-bottom-width: 2px;
  border-left-width: 2px;
  border-radius: 4px 4px 4px 4px;
  font-family: Nunito Sans, sans-serif;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  display: flex;
  text-align: center;
  outline: none;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  line-height: normal;
  gap: 8px;
}

body.light .col-md-12.personalized-box {
  color: #fff;
}

body.light .col-md-12.personalized-box p {
  color: #ffffffc2 !important;
}

body {
  font-family: Arial, sans-serif;
  margin: 0;
  padding: 0;
}

.custom-container {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 20px;
}

.custom-col-12 {
  display: flex;
  flex-direction: column;
  background: #007bfc0f;
  padding: 20px;
  border-radius: 5px;
  margin-bottom: 30px;
  border-radius: 20px;
}

.custom-part-1, .custom-part-2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  /* margin-bottom: 20px; */
}

.custom-image-container {
  position: relative;
  width: 100%;
  max-width: 100%;
}

.custom-image-container img {
  width: 100%;
  height: auto;
  border-radius: 20px 0 0 20px;

}

.custom-text-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  color: white;
/*  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);*/
width: 60%;
}


/*.custom-text-overlay h2 {
    background: #fff;
    color: #007bfc;
}
*/


p.custom-price {
  font-size: 44px;
  font-weight: 900!important;
  letter-spacing: -1px;
  line-height: normal;
}



.custom-part-2 {
  box-sizing: border-box;
  padding: 20px;
  align-items: flex-start;
  text-align: left;
}

.custom-part-2 ul {
  list-style-type: none;
  padding: 0;
}

.custom-part-2 ul li {
  margin-bottom: 10px;
}

.custom-price {
  font-size: 1.2em;
  font-weight: bold;
  margin: 10px 0;
}

.custom-info {
  font-size: 0.9em;
  color: #555;
  margin-bottom: 20px;
}

.custom-part-2 button {
  padding: 15px 20px;
  border: none;
  background-color: #007BFF;
  color: white;
  border-radius: 5px;
  cursor: pointer;
  min-width: 180px;
}

.custom-part-2 button:hover {
  background-color: #0056b3;
}

@media (min-width: 768px) {
  .custom-col-12 {
    flex-direction: row;
    justify-content: space-between;
    padding: 0;
  }

  .custom-part-1, .custom-part-2 {
    flex: 1 0 51%;
  }

  .custom-part-1 {
    align-items: flex-start;
    text-align: left;
  }

  .custom-part-2 {justify-content: center;text-align: left;padding: 20px;}
}









#hero-15-u58iA4crq4 {
  position: relative;
  overflow: hidden;
  height: 75vh; /* Ajuste conforme necessário */
}

#yt-player-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 177.8vh; /* Proporção 16:9 */
  height: 100vh;
  z-index: -1;
}

.video-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 1); /* Fundo escuro para melhor visibilidade */
  z-index: 1; /* Garante que o overlay fique acima do vídeo */

  /* SVG para simular o efeito de dissolução/pixelação */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch' /%3E%3C/filter%3E%3Crect width='100%' height='100%' filter='url(%23noiseFilter)' /%3E%3C/svg%3E");
  background-blend-mode: overlay; /* Mistura o ruído SVG com o fundo escuro */
  opacity: 0.5; /* Ajuste para sua preferência */
  overflow: hidden;
}

@media (min-aspect-ratio: 16/9) {
  #yt-player-container {
    width: 100%;
    height: 56.25vw;
  }
}

@media (max-aspect-ratio: 16/9) {
  #yt-player-container iframe {
    width: 177.8vh;
    height: 100vh;
  }
}


header#hero-15-u58iA4crq4 .container-xxl.pad0mob {
  z-index: 99;
  position: relative;
}



.ed-slide {
  padding-top: 160px; }
  .ed-slide .cont h1 {
    font-size: 5vw;
    line-height: 1.4;
    position: relative;
  }


  body.light .ed-slide .cont h1 {
    color: #fff;
  }

  body.light#prod-main .navbar {
    background: #ffffffe0;
  }


  body.price-main.light.colorbg {
    background-image: radial-gradient(circle at 137% 20%,#15bcdf 15%,transparent 35%),radial-gradient(circle at 105% 50%,#00ffb2 0,transparent 30%),radial-gradient(circle at 5% -20%,#00ffb2 0,transparent 20%);
    background-repeat: no-repeat;
    height: 1500px;
  }

  h6.price-old.inter.desc-badge:after {
    content: '-15%';
    position: absolute;
    background: #00af6c;
    border-radius: 50px;
    font-size: 12px;
    top: -13px;
    padding: 0px 5px;
    color: #fff;
    right: -45px;
  }


  .w90 {
    width: 90%;
  }

  .w80 {
    width: 80%;
  }

  .w70 {
    width: 70%;
  }


  .w60 {
    width: 60%;
  }



  .w50 {
    width: 50%;
  }

  .w40 {
    width: 40%;
  }

  .w30 {
    width: 30%;
  }

  .w100 {
    width: 100%;
  }


  .name-expert {
    position: absolute;
    z-index: 99;
    right: 30px;
    color: #fff;
    top: 20px;
    font-size: 20px;
    font-weight: bold;
    text-align: right;
    line-height: normal;
  }


  .imgs-ecommerce-left {
    position: relative;
  }

  .slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    transition: opacity 1s ease-in-out;
  }

  .slide.active {
    opacity: 1;
  }

  .wrapper-slide {
    position: relative;
    overflow: hidden;
    border-radius: 30px;
  }

  .imago {
    display: block;
    width: 100%;
    border-radius: 30px; /* Ensure the image itself gets the same border radius */
  }

  .progress-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 5px;
    background-color: #007bff;
    width: 0;
    transition: width 3s linear;
  }

  .four-columns .content p {
    font-size: 20px;
  }








  .img-90 {
    width: 90%;
  }


  .m-auto {
    margin: 0 auto;
  }

  body.light .badge-info {
    color: #2867eb;
    background: #2767eb1c;
    max-width: 250px;
    border-radius: .9rem;
    padding-top: 0.3rem;
    padding-bottom: .3rem;
    padding-right: 1rem;
    padding-left: 1rem;
    font-size: 16px;
    font-weight: 500;
    font-family: 'SF Pro Display', sans-serif;
    letter-spacing: .5px;
    text-align: center;
  }

  body .badge-info {
    color: #d8b4fe;
    background: #3b0764;
    max-width: 220px;
    border-radius: .9rem;
    padding-top: 0.3rem;
    padding-bottom: .3rem;
    padding-right: 1rem;
    padding-left: 1rem;
    font-size: 16px;
    font-weight: 500;
    font-family: 'SF Pro Display', sans-serif;
    letter-spacing: .5px;
    text-align: center;
  }

  body .badge-info:hover {background: #6b21a8;}

  body.light .badge-info:hover {background: #2767eb8c;color: #ffffff;}

  .ease-in-out {
    transition-timing-function: cubic-bezier(.4,0,.2,1);
  }

  .duration-200 {
    transition-duration: .2s;
  }


  button#myBtnmore {
    border: 1px solid #2866eb;
    padding: 1px 10px;
    margin: 0;
    border-radius: 50px;
    float: right;
    margin-top: -20px;
  }

  #more {display: none;}

  body#price-main .navbar {
    position: sticky;
  }

  .form-control::placeholder {
    font-size: 15px;

    color: #000;
  }

  form#contact-form .form-group {
    margin-bottom: 15px;
  }

  form#contact-form .form-group input {
    height: 50px;
  }

  .modal-header button.btn-close {
   color: #fff!important;
   opacity: 1;
   font-size: 20px;
   right: 30px;
   position: relative;
   top: 20px;
 }


/* END MODAL STYLE */


body#ecommercePagevmcm .price-table.\33 box p {
  color: #fff!important;
}

.p-all-quarter.absolute.fixed-top-left.strong.text-uppercase.w-full.pricing-cards-item-featured.background-color-dark-blue svg {
  margin-left: 15px;
  margin-right: 15px;
}


body#ecommercePagevmcm .navbar {
  position: sticky;
}


/* Custom style */

/*body#ecommercePagevmcm .cont.mb-80.mt-80 {
  margin-top: 200px!important;
}*/




body#ecommercePagevmcm div#sizemore {
  position: absolute;
  margin-top: -50px;
  margin-left: -50px;
}

span.tag-discount {
  background: #2866eb !important;
  color: #fff;
  border-radius: 50px;
  font-size: 12px;
  vertical-align: super;
  margin-left: 8px;
  padding: 0 7px;
}


.price-off-label {
  display: block;
  position: absolute;
  background: #BC65F4;
  background: -webkit-radial-gradient(top left, #4415ff, #e812ff);
  background: -moz-radial-gradient(top left, #BC65F4, #C3142D);
  background: radial-gradient(to bottom right, #BC65F4, #C3142D);
  border-radius: 50%;
  padding: 16px 5px;
  text-align: center;
  transform: rotate(354deg);
  margin-top: -66px;
  margin-left: -65px;
}

.price-off-label h1 {
  font-size: 60px;
  margin-bottom: 0px;
}

.price-off-label h3 {
  margin-top: -27px;
  font-size: 14px;
}


.price-off-label h6 {
  margin-bottom: -30px;
  font-size: 25px;
}



.light-bg-force {
  background: #fff;
  color: #000;
}

body#ecommercePagevmcm .light-bg-force p {
  color: #222 !important;
}

img.svg-heart {
  max-width: 70px;
  margin-top: 0px;
  margin-bottom: 0;
}


body#ecommercePagevmcm .lightbg {color: #000!important;background: #fff!important;}



body#ecommercePagevmcm .price-table p {
  color: #000!important;
}


body#ecommercePagevmcm .price-table .bord-thin-top {border-top: 1px solid rgb(238 238 238);}

body#ecommercePagevmcm .greybg {
  background: #f5f5f5;
  color: #000;
}



.showcase-columns-h {
  height: 80vh!important;
}

.bg-img.service-img {
  background-size: contain;
}

.showcase-columns-h .swiper-slide .bg-img {
  margin: 0vh 0 0!important;
}



/* END PAGE ECOMM */


.btn-whats {
  position: fixed;
  bottom: 30px;
  left: 20px;
  z-index: 9;
}

button.pulse-button i {
  color: #fff;
  font-size: 20px;
  margin: 3px 0;
}

button.pulse-button:focus {
  outline: none;
}


.pulse-button {
  position: relative;
  height: 38px;
  width: 38px;
  border: none;
  box-shadow: 0 0 0 0 rgb(122 237 148 / 29%);
  border-radius: 50%;
  background: #34d95a;
  background-image: -webkit-linear-gradient(top, #34d95a, #22a30f);
  background-image: -moz-linear-gradient(top, #34d95a, #22a30f);
  background-image: -ms-linear-gradient(top, #34d95a, #22a30f);
  background-image: -o-linear-gradient(top, #34d95a, #22a30f);
  background-image: linear-gradient(to bottom, #34d95a, #22a30f);
  background-size: cover;
  background-repeat: no-repeat;
  cursor: pointer;
  -webkit-animation: pulse 1.25s infinite cubic-bezier(0.16, 0, 0, 1);
  -moz-animation: pulse 1.25s infinite cubic-bezier(0.16, 0, 0, 1);
  -ms-animation: pulse 1.25s infinite cubic-bezier(0.16, 0, 0, 1);
  animation: pulse 1.25s infinite cubic-bezier(0.16, 0, 0, 1);
}

}
.pulse-button:hover 
{
  -webkit-animation: none;-moz-animation: none;-ms-animation: none;animation: none;
}

@-webkit-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
@-moz-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
@-ms-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
@keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}




.sim-serv .icons img {
  max-width: 140px;
}


.mob-on {
  display: none;
}

.desk-off {
  display: none;
}

.sidenav {
  display: none;
}


@keyframes masihscroll {
  0% {transform: translateY(0%);}
  50% {transform: translateY(-57%);}
  100% {transform: translateY(-0%);}
}


img.image.ipad-wrapper__image {

 width: 100%;
 height: auto;
 max-width: 100%;
 transition: all 3s;
 animation-duration: 25s;
 animation-name: masihscroll;
 animation-iteration-count: 1000;
}



.experts-plataforms {}

body.light .experts-plataforms img {
  filter: invert(1);
}

.experts-plataforms img {
  max-width: 120px;
}


.gap-px {
  gap: 1px;
}

.justify-center {
  justify-content: center;
}
.items-center {
  align-items: center;
}
.flex-wrap {
  flex-wrap: wrap;
}
.w-full {
  width: 100%;
}
.flex {
  display: flex;
}

.max-100 img {
  max-width: 100px;
}


.featured-box.col-lg-6 {
  margin-top: 30px;
}



img.img-partner-brand.google {
  width: 10%;
  margin-right: 30px;
  margin-bottom: 30px;
}



.desk-off {display: none!important;}


.icon-svg {
  min-height: 80px;
}

.fee {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  
}

.fee__price {
  display: block;
  font-size: 8.75rem;
  line-height: 1;
  white-space: nowrap;
}


small.txt-select-plan {
  clear: both;
  display: block;
  margin-top: 5px;
}

button.btn-compare-table.btnadd {
  border: 1px solid #000;
  padding: 0 40px;
  border-radius: 50px;
}



.img-corner img {
  position: absolute;
  right: 80px;
  width: 40%;
  margin-top: 50px;
  box-shadow: 0 16px 20px 0 rgb(0 0 0 / 20%);
  border-radius: 4px;
}

.img-corner-ultra img {
  position: absolute;
  right: -20px;
  width: 54%;
  top: 20%;
  box-shadow: 0 16px 20px 0 rgb(0 0 0 / 20%);
  border-radius: 4px;
}



.fee .content-block__eyebrow {
  margin-bottom: 0;
}

.content-block--theme-white .content-block__eyebrow {
  color: #d0f224;
}

.fee__price {
  font-size: 6rem;
}

.fee__sub-text {
  display: block;
  max-width: 250px;
  margin: 0 auto;
}

.fee-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
}


input.form-control {
  font-weight: 800;
  font-family: 'Inter Tight';
}

input.form-control::placeholder {
  font-weight: 400;
  font-family: 'Inter Tight';
  color: #999;
}


.heigh-300.imgs-group-two img {
  position: absolute;
  width: 40%;
}

.heigh-300.imgs-group-two {
  margin: 0;
  display: contents;
}

.cont.checkoutsec.md-mb50 {
  padding-top: 80px;
}



button.btn-compare-table.btnadd span.pricing-table__accordion-btn--hide {
  display: show;
}

button.btn-compare-table.btnadd span.pricing-table__accordion-btn--show {
  display: none;
}

button.btn-compare-table.btnadd.collapsed span.pricing-table__accordion-btn--show {
  display: inline-block;
}

button.btn-compare-table.btnadd.collapsed span.pricing-table__accordion-btn--hide {
  display: none;
}


.modal-header {
  border: none;
}


.form-control {
  border: 1px solid black;
}
.form-select {
  border: 1px solid black!important;
  padding: 0.375rem 2.25rem 0.375rem 0rem;

}

.form-select .form-control {
  border: none!important;

}


.collapse.show .table>thead {
  background: #fafafa;
  height: 50px;
  margin-top: 10px;
  padding-left: 10px;
  position: sticky;
  top: -1px;
  transition: ease .1s;
}


.accordion-button::after {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M8 0a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2H9v6a1 1 0 1 1-2 0V9H1a1 1 0 0 1 0-2h6V1a1 1 0 0 1 1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
  transform: scale(.7) !important;
}
.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M0 8a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
}

.help-block.with-errors {
  color: red;
}

select#form_need {
  height: 50px;
  font-weight: 800;
  font-family: 'Inter Tight';
}

form#contact-form .form-group input::placeholder {
  font-family: 'Inter Tight';
  font-weight: 600;
  color: #444;
}

select#form_need {
  padding: 5px;
  font-size: 16px;
  line-height: 1;
  background: url(http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png) no-repeat 97% 50% #fff;
}


form#contact-form button.close {
  background: transparent;
  border: none;
  position: absolute;
  right: 10px;
  top: -7px;
  font-size: 30px;
}



nav#myTab li {
  float: left;
}



.wrapper{
  text-align:center;
  margin:-40px auto 60px;
}

.nav-tabs{
  margin-top: 80px;
  font-size:15px;
  padding:0px;
  list-style:none;
  background:#fff;
  box-shadow:0px 5px 20px rgba(0,0,0,0.1);
  display:inline-block;
  border-radius:50px;
  position:relative;
}

.nav-tabs a{
  text-decoration:none;
  color: #313131;
  font-weight: bold;
  text-transform:uppercase;
  padding:10px 20px;
  display:inline-block;
  position:relative;
  z-index:1;
  transition-duration:0.6s;
  font-family: 'SF Pro Display', sans-serif;
  font-size: 12px;
}

.nav-tabs a.active{
  color:#fff;
}

.nav-tabs a i{
  margin-right:5px;
}

.nav-tabs .selector{
  height:100%;
  display:inline-block;
  position:absolute;
  left:0px;
  top:0px;
  z-index:1;
  border-radius:50px;
  transition-duration:0.6s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);

  background: linear-gradient(183deg, #1319e3, #9d75df);
  background-size: 100% 120%;
  -webkit-animation: Gradient 15s ease infinite;
  -moz-animation: Gradient 15s ease infinite;
  animation: Gradient 15s ease infinite;
/*


        background: #05abe0;
        background: -moz-linear-gradient(45deg, #fe456c 0%,#e27264 100%);
        background: -webkit-linear-gradient(45deg, #fe456c 0%,#e27264 100%);
        background: linear-gradient(45deg, #fe456c 0%,#e27264 100%);*/
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#05abe0', endColorstr='#8200f4',GradientType=1 );
      }


      .pricing-cards-item-featured {
        border-radius: 9px 9px 0 0;
        margin-top: -20px;
        text-transform: uppercase;
        letter-spacing: -.144px;
        line-height: 1.6;
        font-size: .8rem;
        background-image: linear-gradient(271.32deg,#3223ef -.41%,rgba(134,190,220,0) 25.66%),linear-gradient(113.54deg,rgb(130 125 158 / 60%) 29.38%,rgba(121,223,255,.6) 85.33%),linear-gradient(111.34deg,#7e28eb 0%,#7e28eb 100%);
        color: #fff;
        position: relative;
        border: none;
        text-align: center;
      }


      .question-half {
        padding: 20px 20px;
        border-bottom: 1px solid #eee;
      }

      ul.list-unstyled.textstyle {
        font-weight: 400 !important;
        color: #585858;
        font-size: 15px;
        font-family: 'SF Pro Display', sans-serif;
        line-height: 1.9;
      }

      

      .lh-normal {
        line-height: normal;
      }

      .lh-30 {
        line-height: 30px!important;
      }


      .lh-40 {
        line-height: 40px!important;
      }




      .lh-60 {
        line-height: 60px!important;
      }




      body.light .h2-main {
        background: -webkit-linear-gradient(#78716c, #1c1917)!important;
        -webkit-background-clip: text!important;
        -webkit-text-fill-color: transparent;
      }

      body#home-main .h2-main {
        background: -webkit-linear-gradient(#a8a29e, #fafaf9);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
      }


      .nopadd {
        padding: 0!important;
      }

      body.light .container-xxl.border-menu {
        border-bottom: none;
        /* backdrop-filter: blur(24px); */
      }

      .container-xxl.border-menu {
        border-bottom: 1px solid #44403c;
        /* backdrop-filter: blur(24px); */
      }


      h5.brand-font img {
        width: 25px;
        margin-top: -2px;
      }

      body .badge-info svg {
        font-size: 20px;
      }


      .modal-content {
        background: #000;
        color: #fff;
      }

      body.light .modal-content {
        background: #fff;
        color: #111;
      }

      .steps-main video {
        height: 700px;
        width: 336px;
        border-radius: 20px;
        object-fit: cover;
        position: absolute;
        left: 55px;
        top: 30px;
      }

      .bg-mobile img {
        max-width: 450px;
        z-index: 9999;
        position: relative;
      }


      .rotate-6 {
        rotate: 6deg;
      }

      .-rotate-6 {
        rotate: -6deg;
      }

      .bg-base-200 {
        --tw-bg-opacity: 1;
        background-color: rgb(231 229 228);
      }

      .rounded-full {
        border-radius: 9999px;
      }

      .rounded-15rem {
        border-radius: 1.5rem;
      }

      .absolute {position: absolute;}

      .ease-in-out {
        transition-timing-function: cubic-bezier(.4,0,.2,1);
      }

      .duration-200 {
        transition-duration: .2s;
      }
      .bg-base-200 {
        --tw-bg-opacity: 1;
        background-color: rgb(231 229 228 / var(--tw-bg-opacity));
      }
      .rounded-full {
        border-radius: 9999px;
      }
      .-translate-y-1\/2 {
        --tw-translate-y: -50%;
      }

      .-translate-x-1\/2 {
        --tw-translate-x: -50%;
      }

      .w-3\/4 {
        width: 75%;
      }
      .aspect-square {
        aspect-ratio: 1 / 1;
      }
      .top-1\/2 {
        top: 18%;
      }
      .left-1\/2 {
        left: 15%;
      }

      .object-contain {
        -o-object-fit: contain;
        object-fit: contain;
      }

      .w-full {
        width: 100%;
      }

      .w-full-120 {
        width: 120%;
      }


      .group:hover .group-hover\:w-2\/3 {
        width: 66.666667%;
      }

      .ease-in-out {
        transition-timing-function: cubic-bezier(.4,0,.2,1);
      }
      .duration-200 {
        transition-duration: .2s;
      }


      .ease-in-out {
        transition-timing-function: cubic-bezier(.4,0,.2,1);
      }


      .items-center {
        align-items: center;
      }


      .-translate-x-1\/2, .-translate-y-1\/2 {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      }



      .rotate-6:hover {
        rotate: 0deg;
      }

      .-rotate-6:hover {
        rotate: 0deg;
      }

      .absolute {
        position: absolute!important;
      }

      .relative {
        position: relative!important;
      }



      .bg-main-color {
        background-color: #3600D0!important;
        transition: background-color 0.5s 0.5s;
        -webkit-transition: background-color 0.5s 0.5s;
        -moz-transition: background-color 0.5s 0.5s;
        -o-transition: background-color 0.5s 0.5s;
      }

      .bg-main-color:hover {
        background-color: #3100bb!important;
      }

      .cases.aos-init.aos-animate:hover {
        background: #282828;
        transition: .2s ease-in;
      }

      [data-aos^=fade][data-aos^=fade].aos-animate {
        opacity: 1;
        transform: translateZ(0);
      }
      [data-aos][data-aos][data-aos-easing=ease], body[data-aos-easing=ease] [data-aos] {
        transition-timing-function: ease;
      }
      [data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] {
        transition-duration: .4s;
      }
      .cases.aos-init {
        background: #111;
      }

      .consultas {background: #0d6efd0f;} 

      /*[data-aos^=fade][data-aos^=fade] {
        opacity: 0;
        transition-property: opacity, transform;
      }*/
      .cases {
        border-radius: 16px;
        margin: 100px auto 130px;
        max-height: 480px;
      }

      .consultas .row {
        display: flex;
        justify-content: center;
        align-items: flex-start;
      }


      .cases .row {
        display: flex;
        justify-content: center;
        align-items: flex-start;
      }

      .seven-section .cases .row .content-area {
        padding: 80px 0 0 30px;
      }

      .cases .content-area {
        padding: 100px 0 0;
      }

      .seven-section .cases .row .content-area img {
        max-height: 100%;
        width: 25%;
      }

      .my-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
      }
      .seven-section h2 {
        font-size: 32px;
        line-height: 110%;
        color: #fff;
      }

      .cases .content-area .btn {
        background: transparent;
        border-radius: 10px;
        padding: 12px 0px;
        border: none;
        color: #fff;
        font-size: 20px;
        width: 300px;
        text-align: left;
      }

      .seven-section .cases .row .image-cases img {
        position: relative;
        bottom: 6rem;
        max-height: 570px;
        object-fit: contain;
      }

      .pro-img img {
        bottom: 2rem!important;
      }

      .cases .content-area .btn img {
        padding-left: 10px;
      }

      .cases .content-area .btn img {
        font-size: 30px!important;
        width: 10%!important;
      }





      body.light .menu-desk.nav-scroll {
        background-color: hsla(60,9%,98%,.7)!important;
        backdrop-filter: blur(24px);
      }

      body .menu-desk.nav-scroll {
        background-color: rgba(12,10,9,.7);
        backdrop-filter: blur(24px);
      }

      ul.rest {align-items: center;}



      div#collapseExample .card {
        border: none;
      }


      a.btn.btn-sm.btn-project-out.btn-shadow {
        background: #2866eb;
        color: #fff;
        border-radius: 0;
      }

      .table {
        background: #fff!important;
        border: 1px solid #c8ccd1;
      }



      .price-old {
        text-decoration: line-through;
        color: #e53a3a;
        vertical-align: bottom;
        position: absolute;
        margin-top: -10px;
      }

      .price-old-center {
        text-decoration: line-through;
        color: #e53a3a;
        vertical-align: bottom;
        font-weight: 600;
        margin-top: -10px;
      }

      p.price-center {
        margin-bottom: -20px;
        margin-top: -10px;
      }


      .price-head {
        color: #000;
        vertical-align: bottom;
        position: absolute;
        font-size: 12px;
      }


      .accordion-button:not(.collapsed) {
        background: #fff;
        border: none;
        box-shadow: none;
      }

      .accordion-button:focus {
        border: none;
        outline: none;
        box-shadow: none;
      }


      ---------------------------------------------------------------- */
/* ====================== [ Start Utility  ] ====================== */

.table__level-icon.table__level-icon--guaranteed.basic {background-color:#14aee1}
.table__level-icon.table__level-icon--guaranteed.super {background-color:#db88d0}
.table__level-icon.table__level-icon--guaranteed.pro {background-color:#2866eb}
.table__level-icon.table__level-icon--guaranteed.master {background-color:#a484c7}
.table__level-icon.table__level-icon--guaranteed.premium {background-color:#212121}

p.table__section-description {margin-top: 0;}


.btncomparemore {
  width: 27%;
  margin: 0 auto;
}

.lineheight-0 {
  line-height: inherit;
}


a.underline {
  text-decoration: underline;
}

.text-price-table small {
  font-size: 0.5em;
}

.text-price-table em {
  font-size: 0.5em;
  font-style: normal;
}

table#myTable td {text-align: center;border: 1px solid #c8ccd1;vertical-align: middle;}

table#myTable {
  font-family: 'Inter Tight', sans-serif;
}

tr.headtable > td {
  border: none!important;
}


tr.tt-col-table.text-center > th {
  border-bottom: 1px solid #c8ccd1!important;
}

.table>tbody {
  border: 1px solid #c8ccd1;
}

tr.tt-col-table.text-center th {
  border-bottom: 0;
}


tr.tt-col-table.text-center > th {
  border-bottom: 1px solid #c8ccd1!important;
}


.b {
  background-image: url(https://ultraweb.com.br/assets/img/icons/v_blue.svg);
  background-repeat: no-repeat;
  background-position: center;
}

/*td.b {filter: invert(48%) sepia(79%) saturate(2476%) hue-rotate(203deg) brightness(88%) contrast(619%);}*/

small.sub-table {
  font-size: 0.75em;
  font-weight: 300;
  font-family: sans-serif;
  display: block;
}

.table>tbody th {
  font-size: 14px;
  width: 50%;
}

.table>:not(caption)>*>* {
  padding: 0.8rem;
}


em.txt-minor {
  font-style: normal;
  text-align: center;
  margin: 0 auto;
  position: absolute;
  font-size: 0.55em;
  margin-left: -72px;
  margin-top: 2px;
}


tr.headtable {
  background: #f1f1f1;
}



.notification-bar {
  display: -ms-flexbox;
  display: flex;
  float: left;
  position: relative;
  width: 100%;
  height: 57px!important;
  /*margin-top: -97px;*/
  letter-spacing: .5px;
  text-align: center;
  transition: 1s ease-in-out margin-top;
  padding: 0 20px;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-weight: 400;
  font-size: 16px;
  background: #3b0764;
}

#ecommercePagevmcm .notification-bar {
  display: -ms-flexbox;
  display: flex;
  float: left;
  position: relative;
  width: 100%;
  height: 57px!important;
  /*margin-top: -97px;*/
  letter-spacing: .5px;
  text-align: center;
  transition: 1s ease-in-out margin-top;
  padding: 0 20px;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-weight: 400;
  font-size: 16px;
  background-image: linear-gradient(271.32deg,#3223ef -.41%,rgba(134,190,220,0) 25.66%),linear-gradient(113.54deg,rgb(130 125 158 / 60%) 29.38%,rgba(121,223,255,.6) 85.33%),linear-gradient(111.34deg,#7e28eb 0%,#7e28eb 100%);
}




.notification-bar {
  display: flex;
  align-items: center;
  justify-content: center;
}

.notification-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1000px; /* Ajuste conforme necessário */
}

.text-section {
  flex: 1;
  text-align: left;
  padding-right: 10px; /* Espaço entre o texto e a seção de ações */
  line-height: normal;
}

.action-section {
  display: flex;
  align-items: center;
  gap: 10px; /* Espaço entre o link e o botão */
  font-family: 'SF Pro Display', sans-serif;
}

.action-section a {
  margin-right: 10px;
}

.btn-close {
  border: none;
  cursor: pointer;
}

.action-section a {
  color: #fbc5fd;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  border: 1px solid #24083b;
  padding: 4px 10px;
  border-radius: 6px;
  background: #24063c;
}

.action-section a:hover {
  color: #fff;
  opacity: .9;
}


body.light .btn-close {
  filter: none;
}

body .btn-close {
  filter: invert(1);
}


body.light .butn-bord {
  border-color: #191b1d;
  background: #0f0f0f;
  color: #fff;
}

body .butn-bord {
  border-color: #f1f1f1;
  background: #f1f1f1;
  color: #000;
}






div#bar-ann p {
  color: #ffffff;
  letter-spacing: 0;
  font-weight: 400!important;
  font-size: 16px;
  font-style: italic;
  display: flex;
  align-items: center;
}

div#bar-ann p a {
  color: #f8f2ff;
  font-weight: 600 !important;
}

#ecommercePagevmcm div#bar-ann p a {
  color: white!important;
  text-decoration: underline;
  font-weight: 600!important;
}

#ecommercePagevmcm button.btn.btn-close.dismisbar {
  width: auto;
  height: auto;
  margin-left: 30px;
  color: #fff !important;
}

#ecommercePagevmcm .btn-close {
  filter: invert(100%);
}

p.fz-12.brand-platform img {
  max-width: 70px;
  margin-top: -5px;
  margin-left: 4px;
}

.img-element img {mix-blend-mode: multiply;}



.tab-anual:after {
  content: '-25%';
  position: absolute;
  background: #00af6c;
  border-radius: 50px;
  font-size: 12px;
  top: -15px;
  padding: 3px 5px;
  color: #fff;
}


.tab-semestral:after {
  content: '-15%';
  position: absolute;
  background: #00af6c;
  border-radius: 50px;
  font-size: 12px;
  top: -15px;
  padding: 3px 5px;
  color: #fff;
}


.imagesdevice img {
  position: absolute;
  width: 48%;
  right: 0;
  top: 100px;
}


.nav-info-right.d-flex.align-items-center {
  flex-basis: 100%;
  align-items: flex-end!important;
  flex-direction: column;
}

.heigh-300.imgs-ecommerce-left {
  position: absolute;
  width: 35%;
  left: 10%;
}

.heigh-300.imgs-ecommerce-right {
  position: absolute;
  width: 35%;
  right: 10%;
}








.info {
  line-height: 30px;
}

.width70 {
  width: 70%;
  margin: 0 auto;
}

.img-brands img {
  width: 90%;
}

.cont i {
  position: relative;
  top: 3.5px;
}



nav.navbar.navbar-expand-lg.light img {
  filter: invert(1);
}

nav.navbar.navbar-expand-lg.light.nav-scroll img {
  filter: invert(0);
}



.ipad-wrapper--inner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.js-animate .anime--appear-up {
  opacity: 1;
  transition: opacity 1s cubic-bezier(0.6, 0, 0.2, 1),transform 1s cubic-bezier(0.6, 0, 0.2, 1);

}

.ipad-wrapper--outer {
  position: relative;
  width: 100%;
  height: 500px;
  background-color: #15141b;
  border: 6px solid #15141b;
  border-radius: 6px;
  overflow: hidden;
}

.ipad-wrapper--outer::before {
  content: '';
  display: block;
  width: 100%;
  padding-top: 56.25%;
}


h6.tab15:after {
  content: '-15%';
  position: absolute;
  background: #00af6c;
  border-radius: 50px;
  font-size: 12px;
  padding: 3px 5px;
  color: #fff;
  font-family: 'Inter Tight', sans-serif;
  margin-top: -20px;
  font-weight: bold;
  letter-spacing: 0;
}


h6.tab25:after {
  content: '-25%';
  position: absolute;
  background: #00af6c;
  border-radius: 50px;
  font-size: 12px;
  padding: 3px 5px;
  color: #fff;
  font-family: 'Inter Tight', sans-serif;
  margin-top: -20px;
  font-weight: bold;
  letter-spacing: 0;
}


footer.main-footer .clumn .logo img {
  margin-bottom: 20px;
  max-width: 130px;
}

em.nojuros {
  font-size: 15px;
  font-style: normal;
  vertical-align: super;
}

.greybg {
  background: #f5f5f5;
}

section.call-box-half .col-md-6 {
  display: flex;
  flex-direction: column;
  justify-content: center;
/*  padding-left: 7.1428571429%;
  padding-right: 7.1428571429%;*/
}


section.call-box-half-middle .col-md-6 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 4.142857%;
  padding-right: 4.142857%;
}


p.customer-caption {
  -webkit-writing-mode: vertical-lr;
  writing-mode: vertical-lr;
  position: absolute;
  bottom: 0;
  right: calc(100% + 15px);
  opacity: 0.8;
  font-size: 0.875em;
}

.wd90 {
  width: 90%;
}

img.flagmenu {
  width: 10%;
  margin-left: 5px;
  margin-top: -2px;
}


span.tagfeat {
  background: #8ee381;
  color: #15181a;
  border-radius: 50px;
  padding: 0px 4px;
  font-size: 10px;
  margin-top: 0px;
  
  margin-left: 4px;
}


.menubtn {
  font-size: 16px!important;
  letter-spacing: 0!important;
  text-transform: none!important;
  margin: 0!important;
}


.navbar .navbar-nav .nav-link img {
  width: 12px;
}


small.subtxtmenu {
  padding: 0 0;
  font-size: 75%;
  margin-top: 0px;
  position: absolute;
  display: block;
  white-space: pre-wrap;
}

body.light .navbar .dropdown-menu .dropdown-item svg {
  float: right;
  top: 5px;
  position: relative;
}


.platform-laptop {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.platform-laptop__video:not(.platform-laptop__video--reversed) {
  margin-right: 0;
}


video.platform-laptop__video.video.video--inline.js-play-on-scroll {
  min-height: auto;
}

.heigh-300 .video-wrapper.js-video-wrapper.platform-laptop {
  min-height: auto;
}

div#sizemore svg {
  width: 240px;
}

div#sizemore img {
  width: 70%;
  margin: 0 auto;
  display: block;
}


ul.rest.list-svg li img {
  width: 30px;
  margin-top: -8px;
}

ul.rest.list-svg li {
  line-height: 40px;
}

h1.wow.line-height-small {
  line-height: 1.2;
}





body.light.h-main .mblog .cont p {
  color: #fff!important;
  font-size: 14px;
}

body.light.h-main .mblog .cont a {
  color: #8ee381!important;
}

.flex-center {
  display: flex;
  align-items: center;
}

.left50 {
  margin-left: 50px;
}

span.qoute-icon img {
  width: 50px;
  margin-bottom: 20px;
}



.bg-dark-force {
  color: #fff;
  background: #15141b !important;
  border-top: 1px solid #000;
}
.bg-dark-force p{
  color: #fff!important;
}


body#home-main .bg-dark h3 {
  color: #fff!important;
}

body#home-main .bg-dark-force .rotate-circle svg {
  fill: #fff;
}
body#home-main:not(.business-home) .bg-dark * {
/*  color: #fff;*/
}


/*
header.pg-header .cont.mb-80 h1 {
    background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#12c2e9),
    color-stop(#c471ed),
    to(#f64f59)
  );
    background: -webkit-linear-gradient(to right, #8fe382 15%, #2169eb, #b826f0, #F64F59 100%);
    background: -o-linear-gradient(to right, #8fe382 15%, #2169eb, #b826f0, #F64F59 100%);
        background: linear-gradient(to right, #8fe382 15%, #2169eb, #b826f0, #F64F59 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}*/


@media screen and (max-width: 768px) {


  .slide-har.st1.experts .box {
    position: relative;
    -webkit-animation: slide-har 50s linear infinite;
    animation: slide-har 50s linear infinite; }




    .container, .container-md, .container-sm {
      max-width: 720px; } }

      @media screen and (max-width: 576px) {
        .container, .container-sm {
          max-width: 540px; } }

       

              @media screen and (min-width: 1200px) {
                .container, .container-lg, .container-md, .container-sm, .container-xl {
                  max-width: 1200px; } }

                  .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
                    padding-right: 15px;
                    padding-left: 15px;
                    width: 100%;
                    margin-right: auto;
                    margin-left: auto; }

/* ====================== [ End Utility  ] ====================== */
/* ====================== [ Start Typography  ] ====================== */
* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
  list-style: none; }

  html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased; }

    .inter {
      font-family: 'Inter Tight', sans-serif;
    }

    body {
      color: #fff;
      background: #191b1d;
      line-height: 1.5;
      font-family: 'Syne', sans-serif;
      font-weight: 400;
      overflow-x: hidden !important; }
      body.bg-dots {
        position: relative; }
        body.bg-dots .dots-bg {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background-size: contain;
          background-repeat: repeat;
          z-index: -1;
          pointer-events: none;
          opacity: .5; }
          body.h-minimal {
            background: #191b1d;
            font-family: 'Syne', sans-serif; }
            body.h-minimal .bg-dark {
              background: #191b1d !important; }
              body.h-minimal h6 {
                font-weight: 600; }

                .main-content {
                  background: #191b1d;
                  position: relative;
                  z-index: 9; }

                  .row > * {
                    padding-left: 15px;
                    padding-right: 15px;
                    margin-top: 0; }

                    img {
                      width: 100%;
                      height: auto; }

                      h1 {
                        font-size: 55px; }

                        h2 {
                          font-size: 40px; }

                          h3 {
                            font-size: 35px; }

                            h4 {
                              font-size: 30px; }

                              h5 {
                                font-size: 25px; }

                                h6 {
                                  font-size: 18px; }

                                  h1, h2, h3, h4, h5, h6 {
                                    margin: 0;
                                    line-height: 1.6;
                                    font-weight: 600; }

                                    p {
                                      color: #585858;
                                      font-size: 18px;
                                      font-weight: 400;
                                      font-family: 'SF Pro Display', sans-serif;
                                      line-height: inherit;
                                      margin: 0; }

                                      body.light .butn-bord-purple {
                                        background: #5b1986;
                                        color: #fff;
                                      }

                                      body.light .butn-bord-color {
                                        background: #2866eb;
                                      }

                                      body.light .butn-bord-green {
                                        background: #8ae934;
                                      }

                                      body.bg-dark-force .butn-bord-green {
                                        background: #8ae934;
                                        color: #000;
                                      }


                                      [data-overlay-dark] p,
                                      .bg-dark p,
                                      .bg-color p {
                                        color: #d6d7da; }

                                        a, a:hover {
                                          color: inherit; }

                                          span {
                                            display: inline-block; }

                                            a {
                                              display: inline-block;
                                              text-decoration: none; }
                                              a:hover {
                                                text-decoration: none; }

                                                figure {
                                                  margin: 0; }

                                                  .index-marg {
                                                    padding-left: 100px; }

                                                    .sub-bg .main-marq:after {
                                                      background: -webkit-linear-gradient(right, #16181a, rgba(255, 255, 255, 0) 220px, rgba(255, 255, 255, 0) calc(100% - 220px), #16181a);
                                                      background: -o-linear-gradient(right, #16181a, rgba(255, 255, 255, 0) 220px, rgba(255, 255, 255, 0) calc(100% - 220px), #16181a);
                                                      background: linear-gradient(to left, #16181a, rgba(255, 255, 255, 0) 220px, rgba(255, 255, 255, 0) calc(100% - 220px), #16181a); }

/* ====================== [ End Typography  ] ====================== */
/* ====================== [ Start circle-bord ] ====================== */
.circle-bord {
  position: relative;
  /* width: 150px; */
  /* height: 150px; */
  /* margin: auto; */
  cursor: pointer;
}
.circle-bord .loader-circle {
  display: block;
  position: absolute;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 150px;
  height: 150px;
  -webkit-animation-name: SpinAround;
  animation-name: SpinAround;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  border: 1px solid rgba(255, 255, 255, 0.5); }
  .circle-bord .loader-circle:nth-of-type(1) {
    animation-direction: reverse;
    -webkit-transform-origin: 49.6% 49.8%;
    -ms-transform-origin: 49.6% 49.8%;
    transform-origin: 49.6% 49.8%; }
    .circle-bord .loader-circle:nth-of-type(2) {
      -webkit-transform-origin: 49.5% 48.8%;
      -ms-transform-origin: 49.5% 48.8%;
      transform-origin: 49.5% 48.8%; }
      .circle-bord .carrow {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 0;
        -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8); }
        .circle-bord .carrow.arow-down {
          left: calc(50% - 25px);
          top: 45%; }
          .circle-bord .carrow.arow-down svg {
            -webkit-transform: rotateZ(90deg);
            -ms-transform: rotate(90deg);
            transform: rotateZ(90deg); }
            .circle-bord .carrow svg {
              width: 70px;
              height: 30px;
              fill: #fff; }
              .circle-bord.sml {
                /* width: 130px; */
                /* height: 220px; */
              }
              .circle-bord.sml .loader-circle {
                width: 600px;
                height: 600px;
              }

              .performe-circle i {
                font-size: 230px;
              }

              .circle-bord.sml .carrow svg {
                width: 60px; }
                .circle-bord.sml .carrow.arow-down {
                  top: 40%; }

                  @-webkit-keyframes SpinAround {
                    0% {
                      -webkit-transform: translate(-50%, -50%) rotate(0);
                      transform: translate(-50%, -50%) rotate(0); }
                      100% {
                        -webkit-transform: translate(-50%, -50%) rotate(-360deg);
                        transform: translate(-50%, -50%) rotate(-360deg); } }

                        @keyframes SpinAround {
                          0% {
                            -webkit-transform: translate(-50%, -50%) rotate(0);
                            transform: translate(-50%, -50%) rotate(0); }
                            100% {
                              -webkit-transform: translate(-50%, -50%) rotate(-360deg);
                              transform: translate(-50%, -50%) rotate(-360deg); } }

                              .rotate-circle {
                                -webkit-animation-name: rotateCircle;
                                animation-name: rotateCircle;
                                -webkit-animation-duration: 8s;
                                animation-duration: 8s;
                                -webkit-animation-iteration-count: infinite;
                                animation-iteration-count: infinite;
                                -webkit-animation-timing-function: linear;
                                animation-timing-function: linear; }

                                @-webkit-keyframes rotateCircle {
                                  0% {
                                    -webkit-transform: rotate(0deg);
                                    transform: rotate(0deg); }
                                    100% {
                                      -webkit-transform: rotate(360deg);
                                      transform: rotate(360deg); } }

                                      @keyframes rotateCircle {
                                        0% {
                                          -webkit-transform: rotate(0deg);
                                          transform: rotate(0deg); }
                                          100% {
                                            -webkit-transform: rotate(360deg);
                                            transform: rotate(360deg); } }

/* ====================== [ End circle-bord ] ====================== */
/* ====================== [ Start lines ] ====================== */
main {
  position: relative; }
  main .vline {
    position: absolute;
    top: 0;
    left: 25%;
    width: 50%;
    height: 100%;
    border-right: 1px solid #eee;
    border-left: 1px solid #eee;
    z-index: -1;
    pointer-events: none;
    opacity: .05; }
    main .vline:after {
      content: '';
      position: absolute;
      top: 0;
      bottom: 0;
      left: 50%;
      border-left: 1px solid #eee; }
      main .vline.tline:after {
        display: none; }
        main .slines {
          position: absolute;
          width: 100%;
          height: 100%;
          top: 0;
          left: 0;
          z-index: -1;
          pointer-events: none;
          opacity: .05; }
          main .slines span {
            width: 16.666666%;
            border-left: 1px solid #eee;
            border-right: 1px solid #eee;
            height: 100%; }

/* ====================== [ End lines ] ====================== */
/* ====================== [ Start marquee ] ====================== */
.main-marq {
  position: relative;
  padding: 0; }
  .main-marq:after {
    content: '';
    position: absolute;
    top: -30px;
    bottom: -30px;
    left: -30px;
    right: -30px;
    pointer-events: none;
    background: -webkit-linear-gradient(right, #191b1d, rgba(255, 255, 255, 0) 220px, rgba(255, 255, 255, 0) calc(100% - 220px), #191b1d);
    background: -o-linear-gradient(right, #191b1d, rgba(255, 255, 255, 0) 220px, rgba(255, 255, 255, 0) calc(100% - 220px), #191b1d);
    background: linear-gradient(to left, #191b1d, rgba(255, 255, 255, 0) 220px, rgba(255, 255, 255, 0) calc(100% - 220px), #191b1d); }
    .main-marq.lrg .box .item h4 {
      font-size: 5vw; }
      .main-marq .slide-har {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        .main-marq .strok .item h4 {
          color: transparent;
          -webkit-text-stroke: 1px #fff; }
          .main-marq .strok .item h4 a {
            color: transparent;
            -webkit-text-stroke: 1px #fff; }
            .main-marq .non-strok .item h4 {
              color: #fff !important;
              -webkit-text-stroke: 0 !important; }
              .main-marq .non-strok .item h4 a {
                color: #fff !important;
                -webkit-text-stroke: 0 !important; }
                .main-marq .box {
                  display: -webkit-box;
                  display: -ms-flexbox;
                  display: flex; }
                  .main-marq .box .item {
                    padding: 0 60px;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex; }
                    .main-marq .box .item.team {
                      padding: 0 0px!important;
                    }
                    .main-marq .box .item.team .img {
                      padding: 0 20px;
                    }
                    .main-marq .box .item h4 {
                      white-space: nowrap;
                      font-size: 3vw;
                      font-weight: 800;
                      line-height: 1; }
                      .main-marq .box .item:nth-of-type(even) h4 {
                        color: transparent;
                        -webkit-text-stroke: 1px #fff; }
                        .main-marq .box .item:nth-of-type(even) h4 a {
                          color: transparent;
                          -webkit-text-stroke: 1px #fff; }
                          .main-marq .box:last-of-type .item:nth-of-type(even) h4 {
                            color: #fff;
                            -webkit-text-stroke: 0; }
                            .main-marq .box:last-of-type .item:nth-of-type(even) h4 a {
                              color: #fff;
                              -webkit-text-stroke: 0; }
                              .main-marq .box:last-of-type .item:nth-of-type(odd) h4 {
                                color: transparent;
                                -webkit-text-stroke: 1px #fff; }
                                .main-marq .box:last-of-type .item:nth-of-type(odd) h4 a {
                                  color: transparent;
                                  -webkit-text-stroke: 1px #fff; }

                                  .slide-har {
                                    position: relative; }


                                    .slide-har.st1.experts {
                                      justify-content: center;
                                    }


                                    .slide-har.st1.experts .box { -webkit-animation: none;
                                      animation: none;}




                                      .slide-har.st1 .box {
                                        position: relative;
                                        -webkit-animation: slide-har 50s linear infinite;
                                        animation: slide-har 50s linear infinite; }
                                        .slide-har.st2 .box {
                                          position: relative;
                                          -webkit-animation: slide-har-revers 100s linear infinite;
                                          animation: slide-har-revers 100s linear infinite; }

                                          @-webkit-keyframes slide-har {
                                            0% {
                                              -webkit-transform: translateX(0%);
                                              transform: translateX(0%); }
                                              100% {
                                                -webkit-transform: translateX(-100%);
                                                transform: translateX(-100%); } }

                                                @keyframes slide-har {
                                                  0% {
                                                    -webkit-transform: translateX(0%);
                                                    transform: translateX(0%); }
                                                    100% {
                                                      -webkit-transform: translateX(-100%);
                                                      transform: translateX(-100%); } }

                                                      @-webkit-keyframes slide-har-revers {
                                                        100% {
                                                          -webkit-transform: translateX(0%);
                                                          transform: translateX(0%); }
                                                          0% {
                                                            -webkit-transform: translateX(-100%);
                                                            transform: translateX(-100%); } }

                                                            @keyframes slide-har-revers {
                                                              100% {
                                                                -webkit-transform: translateX(0%);
                                                                transform: translateX(0%); }
                                                                0% {
                                                                  -webkit-transform: translateX(-100%);
                                                                  transform: translateX(-100%); } }

/* ====================== [ End marquee ] ====================== */
/* ====================== [ Start Text Animation & Images ] ====================== */
.splitting.animated .char {
  -webkit-animation: fadeInUp 0.4s cubic-bezier(0.3, 0, 0.7, 1) both;
  animation: fadeInUp 0.4s cubic-bezier(0.3, 0, 0.7, 1) both;
  -webkit-animation-delay: calc(30ms * var(--char-index));
  animation-delay: calc(30ms * var(--char-index)); }

  .splitting .whitespace {
    width: 10px; }

    @-webkit-keyframes fadeInUp {
      0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px); }
        100% {
          opacity: 1;
          -webkit-transform: translateY(0);
          transform: translateY(0); } }

          @keyframes fadeInUp {
            0% {
              opacity: 0;
              -webkit-transform: translateY(20px);
              transform: translateY(20px); }
              100% {
                opacity: 1;
                -webkit-transform: translateY(0);
                transform: translateY(0); } }

                @-webkit-keyframes fadeInUpSm {
                  0% {
                    opacity: 0;
                    -webkit-transform: translateY(7px);
                    transform: translateY(7px); }
                    100% {
                      opacity: 1;
                      -webkit-transform: translateY(0);
                      transform: translateY(0); } }

                      @keyframes fadeInUpSm {
                        0% {
                          opacity: 0;
                          -webkit-transform: translateY(7px);
                          transform: translateY(7px); }
                          100% {
                            opacity: 1;
                            -webkit-transform: translateY(0);
                            transform: translateY(0); } }

                            .splitting.txt.animated .char {
                              -webkit-animation: fadeIn 0.3s cubic-bezier(0.3, 0, 0.7, 1) both;
                              animation: fadeIn 0.3s cubic-bezier(0.3, 0, 0.7, 1) both;
                              -webkit-animation-delay: calc(10ms * var(--char-index));
                              animation-delay: calc(10ms * var(--char-index)); }

                              .splitting.txt .whitespace {
                                width: 10px; }

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

                                      @keyframes fadeIn {
                                        0% {
                                          opacity: 0; }
                                          100% {
                                            opacity: 1; } }

                                            .imago {
                                              -webkit-clip-path: polygon(0 0, 0% 0, 0% 100%, 0 100%);
                                              clip-path: polygon(0 0, 0% 0, 0% 100%, 0 100%);
                                              -webkit-transition: all .8s ease-in-out;
                                              -o-transition: all .8s ease-in-out;
                                              transition: all .8s ease-in-out;
                                              -webkit-transition-delay: .3s;
                                              -o-transition-delay: .3s;
                                              transition-delay: .3s;
                                              position: relative; }
                                              .imago .inner {
                                                -webkit-transform: scale(1.2);
                                                -ms-transform: scale(1.2);
                                                transform: scale(1.2);
                                                -webkit-transition: all .8s ease-in-out;
                                                -o-transition: all .8s ease-in-out;
                                                transition: all .8s ease-in-out;
                                                -webkit-transition-delay: .4s;
                                                -o-transition-delay: .4s;
                                                transition-delay: .4s;
                                                position: relative;
                                                z-index: 1; }
                                                .imago .inner.animated {
                                                  -webkit-transform: scale(1);
                                                  -ms-transform: scale(1);
                                                  transform: scale(1); }
                                                  .imago.animated {
                                                    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
                                                    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); }

                                                    .sp-hover:hover .char {
                                                      -webkit-animation: fadeInUpSm 0.2s cubic-bezier(0.3, 0, 0.7, 1) both;
                                                      animation: fadeInUpSm 0.2s cubic-bezier(0.3, 0, 0.7, 1) both;
                                                      -webkit-animation-delay: calc(60ms * var(--char-index));
                                                      animation-delay: calc(60ms * var(--char-index)); }

/* ====================== [ End Text Animation & Images ] ====================== */
/* ====================== [ Start mouse-cursor ] ====================== */
.swiper-wrapper.curs-scroll {
  cursor: none; }

  .mouse-cursor {
    position: fixed;
    left: 0;
    top: 0;
    pointer-events: none;
    border-radius: 50%;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    visibility: hidden; }

    .cursor-inner {
      margin-left: -2px;
      margin-top: -2px;
      width: 5px;
      height: 5px;
      z-index: 10000001;
      background-color: transparent;
      -webkit-transition: width .3s ease-in-out,
      height .3s ease-in-out,
      margin .3s ease-in-out,
      opacity .3s ease-in-out;
      -o-transition: width .3s ease-in-out,
      height .3s ease-in-out,
      margin .3s ease-in-out,
      opacity .3s ease-in-out;
      transition: width .3s ease-in-out,
      height .3s ease-in-out,
      margin .3s ease-in-out,
      opacity .3s ease-in-out; }
      .cursor-inner.cursor-hover {
        opacity: 0; }
        .cursor-inner.cursor-scroll {
          background: url(../img/icons/double-arrow.png);
          background-size: contain;
          background-position: center center;
          background-repeat: no-repeat;
          margin-left: -11px;
          margin-top: -11px;
          width: 22px;
          height: 22px; }

          .cursor-outer {
            margin-left: -17px;
            margin-top: -17px;
            width: 34px;
            height: 34px;
            border: 1px solid transparent;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            opacity: .5;
            z-index: 10000000;
            -webkit-transition: width .3s ease-in-out,
            height .3s ease-in-out,
            margin .3s ease-in-out,
            background-color .3s,
            opacity .3s;
            -o-transition: width .3s ease-in-out,
            height .3s ease-in-out,
            margin .3s ease-in-out,
            background-color .3s,
            opacity .3s;
            transition: width .3s ease-in-out,
            height .3s ease-in-out,
            margin .3s ease-in-out,
            background-color .3s,
            opacity .3s; }
            .cursor-outer.cursor-hover {
              margin-left: -40px;
              margin-top: -40px;
              width: 80px;
              height: 80px;
              background-color: #8ae934 !important;
              opacity: .3 !important; }
              .cursor-outer.cursor-scroll {
                margin-left: -35px;
                margin-top: -35px;
                width: 70px;
                height: 70px;
                border-color: transparent;
                background-color: #fff;
                opacity: 1; }

/* ====================== [ End mouse-cursor ] ====================== */
/* ====================== [ Start animate headline ] ====================== */
.cd-words-wrapper {
  display: inline-block;
  position: relative;
  text-align: left; }

  .cd-words-wrapper b {
    display: inline-block;
    position: absolute;
    white-space: nowrap;
    left: 0;
    top: 0; }

    .cd-words-wrapper b.is-visible {
      position: relative; }

      .no-js .cd-words-wrapper b {
        opacity: 0; }

        .no-js .cd-words-wrapper b.is-visible {
          opacity: 1; }

/* xclip */
.cd-headline.clip span {
  display: inline-block; }

  .cd-headline.clip .cd-words-wrapper {
    overflow: hidden;
    vertical-align: top; }

    .cd-headline.clip b {
      opacity: 0; }

      .cd-headline b.is-visible {
        opacity: 1; }

/* slide */
.cd-headline.slide span {
  display: inline-block; }

  .cd-headline.slide .cd-words-wrapper {
    overflow: hidden;
    vertical-align: top; }

    .cd-headline.slide b {
      opacity: 0 !important;
      top: .2em; }

      .cd-headline.slide b.is-visible {
        top: 0;
        opacity: 1 !important;
        -webkit-animation: slide-in 0.6s;
        animation: slide-in 0.6s; }

        .cd-headline.slide b.is-hidden {
          -webkit-animation: slide-out 0.6s;
          animation: slide-out 0.6s; }

          @-webkit-keyframes slide-in {
            0% {
              opacity: 0;
              -webkit-transform: translateY(-100%);
              transform: translateY(-100%); }
              60% {
                opacity: 1;
                -webkit-transform: translateY(20%);
                transform: translateY(20%); }
                100% {
                  opacity: 1;
                  -webkit-transform: translateY(0);
                  transform: translateY(0); } }

                  @keyframes slide-in {
                    0% {
                      opacity: 0;
                      -webkit-transform: translateY(-100%);
                      transform: translateY(-100%); }
                      60% {
                        opacity: 1;
                        -webkit-transform: translateY(20%);
                        transform: translateY(20%); }
                        100% {
                          opacity: 1;
                          -webkit-transform: translateY(0);
                          transform: translateY(0); } }

                          @-webkit-keyframes slide-out {
                            0% {
                              opacity: 1;
                              -webkit-transform: translateY(0);
                              transform: translateY(0); }
                              60% {
                                opacity: 0;
                                -webkit-transform: translateY(120%);
                                transform: translateY(120%); }
                                100% {
                                  opacity: 0;
                                  -webkit-transform: translateY(100%);
                                  transform: translateY(100%); } }

                                  @keyframes slide-out {
                                    0% {
                                      opacity: 1;
                                      -webkit-transform: translateY(0);
                                      transform: translateY(0); }
                                      60% {
                                        opacity: 0;
                                        -webkit-transform: translateY(120%);
                                        transform: translateY(120%); }
                                        100% {
                                          opacity: 0;
                                          -webkit-transform: translateY(100%);
                                          transform: translateY(100%); } }

/* ====================== [ End animate headline ] ====================== */
/* ====================== [ Start progress-wrap ] ====================== */
.progress-wrap {
  position: fixed;
  bottom: 30px;
  right: 30px;
  height: 44px;
  width: 44px;
  cursor: pointer;
  display: block;
  border-radius: 50px;
  z-index: 100;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition: all 400ms linear;
  -o-transition: all 400ms linear;
  transition: all 400ms linear;
  mix-blend-mode: difference; }

  .progress-wrap.active-progress {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }

    .progress-wrap::after {
      position: absolute;
      font-family: 'Font Awesome 5 Free';
      content: '\f077';
      text-align: center;
      line-height: 44px;
      font-size: 13px;
      font-weight: 900;
      color: #ccc;
      left: 0;
      top: 0;
      height: 44px;
      width: 44px;
      cursor: pointer;
      display: block;
      z-index: 1;
      -webkit-transition: all 400ms linear;
      -o-transition: all 400ms linear;
      transition: all 400ms linear; }

      .progress-wrap svg path {
        fill: none; }

        .progress-wrap svg.progress-circle path {
          stroke: #ccc;
          stroke-width: 4;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          -webkit-transition: all 400ms linear;
          -o-transition: all 400ms linear;
          transition: all 400ms linear; }

/* ====================== [ End progress-wrap ] ====================== */
/* ====================== [ Start Overlay ] ====================== */
[data-overlay-dark],
[data-overlay-light] {
  position: relative; }

  [data-overlay-dark] .container,
  [data-overlay-light] .container {
    position: relative;
    z-index: 2; }

    [data-overlay-dark]:before,
    [data-overlay-light]:before {
      content: '';
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      z-index: 1;
      pointer-events: none; }

      [data-overlay-dark]:before {
        background: #191b1d; }

        [data-overlay-light]:before {
          background: #fff; }

          [data-overlay-dark] h1,
          [data-overlay-dark] h2,
          [data-overlay-dark] h3,
          [data-overlay-dark] h4,
          [data-overlay-dark] h5,
          [data-overlay-dark] h6,
          [data-overlay-dark] span,
          .bg-dark h1,
          .bg-dark h2,
          .bg-dark h3,
          .bg-dark h4,
          .bg-dark h5,
          .bg-dark h6,
          .bg-dark span,
          .bg-color h1,
          .bg-color h2,
          .bg-color h3,
          .bg-color h4,
          .bg-color h5,
          .bg-color h6,
          .bg-color span {
            color: #fff; }

            [data-overlay-dark="0"]:before,
            [data-overlay-light="0"]:before {
              opacity: 0; }

              [data-overlay-dark="1"]:before,
              [data-overlay-light="1"]:before {
                opacity: .1; }

                [data-overlay-dark="2"]:before,
                [data-overlay-light="2"]:before {
                  opacity: .2; }

                  [data-overlay-dark="3"]:before,
                  [data-overlay-light="3"]:before {
                    opacity: .3; }

                    [data-overlay-dark="4"]:before,
                    [data-overlay-light="4"]:before {
                      opacity: .4; }

                      [data-overlay-dark="5"]:before,
                      [data-overlay-light="5"]:before {
                        opacity: .5; }

                        [data-overlay-dark="6"]:before,
                        [data-overlay-light="6"]:before {
                          opacity: .6; }

                          [data-overlay-dark="7"]:before,
                          [data-overlay-light="7"]:before {
                            opacity: .7; }

                            [data-overlay-dark="8"]:before,
                            [data-overlay-light="8"]:before {
                              opacity: .8; }

                              [data-overlay-dark="9"]:before,
                              [data-overlay-light="9"]:before,
                              [data-overlay-color="9"]:before {
                                opacity: .9; }

                                [data-overlay-dark="10"]:before,
                                [data-overlay-light="10"]:before {
                                  opacity: 1; }

/* ====================== [ End Overlay ] ====================== */
/* ====================== [ Start Gradient ] ====================== */
/* ====================== [ End Gradient ] ====================== */
/* ====================== [ Start Heading ] ====================== */
.go-more {
  position: relative;
  padding: 0 30px; }
  .go-more:after {
/*    content: '';*/
position: absolute;
top: 50%;
right: 20px;
width: 50px;
height: 50px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 100px;
-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all .4s; }
.go-more:hover:after {
  right: 0;
  width: 100%;
  border-color: rgba(255, 255, 255, 0.7); }

  .simple-head h6 {
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 4px;
    margin-bottom: 10px;
    opacity: .8; }

    .simple-head h4 {
      font-size: 40px; }

      .sec-head .s-title {
        margin-left: auto; }
        .sec-head .s-title h6 {
          font-size: 12px;
          font-weight: 200;
          text-transform: uppercase;
          letter-spacing: 4px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex; }
          .sec-head .s-title h6 a {
            line-height: 50px; }
            .sec-head .s-title h6 .icon {
              font-size: 30px;
              position: relative;
              width: 50px;
              height: 50px;
              line-height: 50px;
              text-align: center;
              border: 1px solid rgba(255, 255, 255, 0.1);
              border-radius: 50%;
              margin-left: 20px;
              opacity: .5; }
              .sec-head .s-title h6 .icon:after {
                content: '';
                width: 30px;
                height: .5px;
                background: #eee;
                position: absolute;
                right: 24px;
                top: 50%;
                -webkit-transition: all .3s;
                -o-transition: all .3s;
                transition: all .3s; }
                .sec-head .s-title h6 .icon:hover:after {
                  width: 0; }

                  .round-head h6 {
                    position: relative;
                    display: inline-block;
                    padding: 15px 40px;
                    z-index: 2; }
                    .round-head h6 span {
                      position: absolute;
                      top: 0;
                      left: 0;
                      width: 100%;
                      height: 100%;
                      border-radius: 30px;
                      background-color: #233d62;
                      opacity: .05;
                      z-index: -1; }
                      .round-head h6 .dot {
                        position: absolute;
                        top: calc(50% - 3px);
                        left: 25px;
                        width: 5px;
                        height: 5px;
                        border-radius: 50%;
                        background-color: #233d62; }

                        .sub-title {
                          font-size: 13px;
                          text-transform: uppercase;
                          letter-spacing: 2px;
                          margin-bottom: 15px; }
                          .sub-title.bg {
                            display: inline-block;
                            padding: 7px 15px;
                            border-radius: 30px;
                            background: rgba(23, 190, 113, 0.3); }
                            .sub-title.inbord {
                              padding: 12px 20px;
                              border: 1px solid rgba(255, 255, 255, 0.2);
                              display: inline-block; }

                              .line-head {
                                text-align: center;
                                margin-bottom: 50px;
                                position: relative; }
                                .line-head:after {
                                  content: '';
                                  position: absolute;
                                  top: 50%;
                                  left: 0;
                                  width: 100%;
                                  border-bottom: 1px solid #eee;
                                  z-index: -1; }
                                  .line-head h6 {
                                    display: inline-block;
                                    background: #fff;
                                    padding: 0 50px;
                                    font-size: 11px;
                                    text-transform: uppercase;
                                    letter-spacing: 1px; }

                                    .sub-head {
                                      display: inline-block;
                                      padding: 5px 10px;
                                      background: #E9EEF4;
                                      font-size: 14px; }
                                      .sub-head.curve {
                                        border-radius: 5px; }
                                        .sub-head.radius {
                                          border-radius: 30px;
                                          padding: 8px 20px; }

                                          .head-underline {
                                            padding-bottom: 30px;
                                            border-bottom: 1px solid #999; }

                                            .s-title .icon {
                                              position: relative;
                                              top: 3px; }

/* ====================== [ End Heading ] ====================== */
/* ====================== [  Start Button Style ] ====================== */
.butn {
  border: 1px solid transparent;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s;
  text-align: center;
  position: relative;
  overflow: hidden; }

  .butn-xlg {
    padding: 0 30px;
    min-height: 60px;
    line-height: 60px;
    min-width: 220px; }

    .butn-lg {
     padding: 0 30px;
     min-height: 55px;
     line-height: 55px;
     min-width: 190px;
     border-radius: 4px 4px 4px 4px;
     font-family: Nunito Sans, sans-serif;
     font-weight: normal;
     font-style: normal;
     text-decoration: none; }

     .butn-md {
      padding: 0 25px;
      min-height: 50px;
      line-height: 50px;
      min-width: 170px; }

      .butn-sm {
        padding: 0 20px;
        min-height: 45px;
        line-height: 45px;
        min-width: 160px; }

        .butn-xsm {
          padding: 0 20px;
          min-height: 40px;
          line-height: 40px;
          font-size: 13px; }

          .butn-bord {
            border: 1px solid #fff; }

            .butn-bg {
              background: #fff;
              color: #23262d; }

              .butn-no-radius {
                border-radius: 0; }

                .butn-sm-radius {
                  border-radius: 4px; }

                  .butn-md-radius {
                    border-radius: 14px; }

                    .butn-rounded {
                      border-radius: 30px; }

/* ====================== [ End Button Style ] ====================== */
/* ====================== [ Start navbar ] ====================== */

button.btn.btn-close.dismisbar {
  width: auto;
  height: auto;
  margin-left: 30px;
}


.navbar {
  position: absolute;
  left: 0;
  top: 0;
  padding: 0;
  margin: 0;
  width: 100%;
  background: transparent;
  border-bottom: none;
  z-index: 999;
  min-height: 55px;
  color: #fff; }
  .navbar .container {
    position: relative; }
    .navbar .icon-bar {
      color: #18191d; }
      .navbar .navbar-nav {
      }
      .navbar .navbar-nav .nav-link {
        color: #fff;
        font-size: 15px;
        font-weight: 500;
        padding: 5px 10px;
        margin: 10px 15px; white-space: nowrap;}
        .navbar .dropdown-menu {
          display: block;
          opacity: 0;
          visibility: hidden;
          border: 0;
          border-radius: 4px;
          background: #1e2022;
          min-width: 270px;
          padding: 20px 0px 0;
          -webkit-transform: translateY(20px);
          -ms-transform: translateY(20px);
          transform: translateY(20px);
          -webkit-transition: all .4s;
          -o-transition: all .4s;
          transition: all .4s;
        }
        .navbar .dropdown-menu.show {
          opacity: 1;
          visibility: visible;
          -webkit-transform: translateY(0);
          -ms-transform: translateY(0);
          transform: translateY(0); }
          .navbar .dropdown-menu.show-left .dropdown-item .dropdown-side {
            left: auto;
            right: 241px; }
            .navbar .dropdown-menu .dropdown-item {
              color: #eee;
              font-size: 16px;
              -webkit-transition: all .4s;
              -o-transition: all .4s;
              transition: all .4s;
              padding: 0px 25px 40px;
              position: relative;
              display: block;
            }
            .navbar .dropdown-menu .dropdown-item a {
              width: 100%;
              display: block; }
              .navbar .dropdown-menu .dropdown-item a .icon-arrow {
                float: right; }
                .navbar .dropdown-menu .dropdown-item:hover, .navbar .dropdown-menu .dropdown-item:focus {
                  background: transparent;
                  color: #5254ed !important;
                  background: rgba(255, 255, 255, 0.02); }
                  .navbar .dropdown-menu .dropdown-item .dropdown-side {
                    position: absolute;
                    left: 241px;
                    top: 10px;
                    display: block;
                    opacity: 0;
                    visibility: hidden;
                    border: 0;
                    border-radius: 4px;
                    background: #1e2022;
                    min-width: 240px;
                    padding: 20px 0px;
                    -webkit-transform: translateY(20px);
                    -ms-transform: translateY(20px);
                    transform: translateY(20px);
                    -webkit-transition: all .4s;
                    -o-transition: all .4s;
                    transition: all .4s; }
                    .navbar .dropdown-menu .dropdown-item .dropdown-side.show {
                      opacity: 1;
                      visibility: visible;
                      -webkit-transform: translateY(0);
                      -ms-transform: translateY(0);
                      transform: translateY(0); }
                      .navbar .mega-menu {
                        position: static; }
                        .navbar .mega-menu .dropdown-menu {
                          background: #1b1b1f;
                          min-width: auto;
                          width: 100%;
                          padding: 40px 40px;
                          position: absolute;
                          left: 0;
                          right: 0; }
                          .navbar .mega-menu .dropdown-menu.half {
                            width: 70%;
                            left: auto;
                            right: 0; }
                            .navbar .mega-menu .dropdown-menu .column {
                              border-right: 1px solid rgba(255, 255, 255, 0.02);
                              padding-right: 30px;
                              height: 100%; }
                              .navbar .mega-menu .dropdown-menu .column .title {
                                font-size: 14px;
                                font-weight: 600;
                                margin-bottom: 20px;
                                padding-bottom: 20px;
                                border-bottom: 1px solid rgba(255, 255, 255, 0.02); }
                                .navbar .mega-menu .dropdown-menu .column ul {
                                  margin: 0;
                                  padding: 0; }
                                  .navbar .mega-menu .dropdown-menu .column img {
                                    width: 100%;
                                    height: 100%;
                                    -o-object-fit: cover;
                                    object-fit: cover;
                                    -o-object-position: center;
                                    object-position: center;
                                    border-radius: 5px; }
                                    .navbar .mega-menu .dropdown-menu .dropdown-item {
                                      padding: 10px 0; }
                                      .navbar .mega-menu .dropdown-menu .dropdown-item:after {
                                        display: none; }
                                        .navbar .mega-menu .dropdown-menu .dropdown-item:hover {
                                          padding-left: 5px;
                                          background: transparent; }
                                          .navbar .dropdown-toggle:after {
                                            display: none; }
                                            .navbar .logo {
                                              width: 130px;
                                              position: relative;}
                                              .logo h5 {
                                                font-weight: 900;

                                              }
                                              .navbar .logo .logo-dark {
                                                position: absolute;
                                                top: 0;
                                                left: 0;
                                                width: 100%;
                                                height: 100%;
                                                opacity: 0;
                                                visibility: hidden; }
                                                .navbar .search-area {
                                                  padding-left: 20px;
                                                  margin-left: 30px;
                                                  position: relative; }
                                                  .navbar .search-area:before {
                                                    content: '';
                                                    position: absolute;
                                                    left: 0;
                                                    top: 50%;
                                                    height: 20px;
                                                    width: 1px;
                                                    background: rgba(0, 0, 0, 0.2);
                                                    -webkit-transform: translateY(-50%);
                                                    -ms-transform: translateY(-50%);
                                                    transform: translateY(-50%); }
                                                    .navbar .search-area .search-icon {
                                                      font-size: 22px;
                                                      color: #18191d;
                                                      cursor: pointer; }
                                                      .navbar .search-area .search-form {
                                                        position: fixed;
                                                        top: 0;
                                                        left: 0;
                                                        width: 100%;
                                                        padding: 30px;
                                                        background: #fff;
                                                        z-index: 4;
                                                        display: none; }
                                                        .navbar .search-area .search-form .form-group {
                                                          position: relative;
                                                          margin: auto;
                                                          width: 500px; }
                                                          .navbar .search-area .search-form .form-group input {
                                                            width: 100%;
                                                            padding: 15px 50px 15px 0px;
                                                            border: 0;
                                                            border-bottom: 1px solid #ddd; }
                                                            .navbar .search-area .search-form .form-group button {
                                                              font-size: 20px;
                                                              padding: 15px;
                                                              background: transparent;
                                                              border: 0;
                                                              position: absolute;
                                                              top: 0;
                                                              right: 0; }
                                                              .navbar .search-area .search-form .close-search {
                                                                font-size: 20px;
                                                                padding: 15px;
                                                                background: #f7f7f7;
                                                                position: absolute;
                                                                top: 50%;
                                                                right: 50px;
                                                                -webkit-transform: translateY(-50%);
                                                                -ms-transform: translateY(-50%);
                                                                transform: translateY(-50%);
                                                                cursor: pointer; }
                                                                .navbar .social ul {display: flex;    column-gap: 20px;}
                                                                .navbar .social:before {
                                                                  content: '';
                                                                  position: absolute;
                                                                  left: 0;
                                                                  top: 50%;
                                                                  height: 20px;
/*                                                                  width: 1px;*/
/*                                                                  background: rgba(255, 255, 255, 0.2);*/
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
.navbar .social a {
  font-size: 13px;
  margin: 0 10px; }
  .navbar .bar {
    margin-left: 30px; }
    .navbar .bar span {
      width: 20px;
      height: 2px;
      margin: 5px auto;
      background: #fff;
      display: block; }
      .navbar .bar span:nth-last-of-type(2) {
        width: 30px; }
        .navbar .navbar-toggler {
          color: #fff; }
          .navbar .navbar-toggler:focus {
            outline: none !important; }

            .nav-scroll {
              background: #1e2022;
              padding: 0;
              position: fixed;
              top: -81px;
              -webkit-transition: -webkit-transform .5s;
              transition: -webkit-transform .5s;
              -o-transition: transform .5s;
              transition: transform .5s;
              transition: transform .5s, -webkit-transform .5s;
              -webkit-transform: translateY(80px);
              -ms-transform: translateY(80px);
              transform: translateY(80px); }

              .dark-mode-icon {
                padding-left: 20px;
                margin-left: 20px;
                position: relative; }
                .dark-mode-icon:before {
                  content: '';
                  position: absolute;
                  left: 0;
                  top: 50%;
                  height: 20px;
                  width: 1px;
                  background: rgba(255, 255, 255, 0.2);
                  -webkit-transform: translateY(-50%);
                  -ms-transform: translateY(-50%);
                  transform: translateY(-50%); }

                  .theme-icon {
                    width: 35px;
                    height: 35px;
                    border-radius: 50%;
                    background: transparent;
                    border: none;
                    font-size: 15px;
                    color: #fff;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    cursor: pointer;
                  }

                  .nav-left-fixed {
                    position: fixed;
                    background-color: #fff;
                    left: 0;
                    top: 0;
                    height: 100%;
                    width: 100px;
                    padding: 40px 20px;
                    -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.05);
                    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.05);
                    z-index: 999; }
                    .nav-left-fixed.in-right {
                      left: auto;
                      right: 20px;
                      background: transparent;
                      -webkit-box-shadow: none;
                      box-shadow: none;
                      height: auto; }
                      .nav-left-fixed.in-right .logo {
                        position: fixed;
                        top: 40px;
                        left: 40px;
                        width: 80px; }
                        .nav-left-fixed.in-right .logo .logo-dark {
                          position: absolute;
                          top: 0;
                          left: 0;
                          width: 100%;
                          height: 100%;
                          opacity: 0;
                          visibility: visible; }
                          .nav-left-fixed.in-right .logo.chang .logo-dark {
                            opacity: 1;
                            visibility: visible; }
                            .nav-left-fixed.in-right .menu-bar {
                              mix-blend-mode: difference;
                              -webkit-transform: rotateY(180deg);
                              transform: rotateY(180deg); }
                              .nav-left-fixed.in-right .menu-bar span {
                                background: #e0e2e9; }
                                .nav-left-fixed .menu-bar {
                                  width: 40px;
                                  margin: auto;
                                  cursor: pointer; }
                                  .nav-left-fixed .menu-bar span {
                                    display: block;
                                    height: 4px;
                                    background: #18191d;
                                    margin: 4px 0;
                                    border-radius: 2px; }
                                    .nav-left-fixed .menu-bar span:first-of-type {
                                      width: 25px; }
                                      .nav-left-fixed .menu-bar span:nth-of-type(2) {
                                        width: 30px; }
                                        .nav-left-fixed .social {
                                          position: absolute;
                                          top: 50%;
                                          left: 50%;
                                          -webkit-transform: translateX(-50%) translateY(-50%);
                                          -ms-transform: translateX(-50%) translateY(-50%);
                                          transform: translateX(-50%) translateY(-50%); }
                                          .nav-left-fixed .social ul {
                                            display: -webkit-box;
                                            display: -ms-flexbox;
                                            display: flex;
                                            -webkit-transform: rotate(-90deg);
                                            -ms-transform: rotate(-90deg);
                                            transform: rotate(-90deg); }
                                            .nav-left-fixed .social li {
                                              font-size: 14px;
                                              font-weight: 500;
                                              margin: 0 15px; }
                                              .nav-left-fixed .social li span {
                                                white-space: nowrap; }
                                                .nav-left-fixed .progress-wrap {
                                                  position: absolute;
                                                  bottom: 40px;
                                                  left: 50%;
                                                  -webkit-transform: translateX(-50%);
                                                  -ms-transform: translateX(-50%);
                                                  transform: translateX(-50%);
                                                  opacity: 1 !important;
                                                  visibility: visible !important;
                                                  mix-blend-mode: normal; }
                                                  .nav-left-fixed .progress-wrap:after {
                                                    color: #18191d; }
                                                    .nav-left-fixed .progress-wrap svg.progress-circle path {
                                                      stroke: #18191d; }
                                                      .nav-left-fixed .overlay-nav {
                                                        position: fixed;
                                                        top: 0;
                                                        left: 0;
                                                        width: 100%;
                                                        height: 100vh;
                                                        background: rgba(0, 0, 0, 0.5);
                                                        opacity: 0;
                                                        visibility: hidden;
                                                        -webkit-transition: all .5s;
                                                        -o-transition: all .5s;
                                                        transition: all .5s;
                                                        z-index: -2; }
                                                        .nav-left-fixed .overlay-nav.show {
                                                          visibility: visible;
                                                          opacity: 1; }

                                                          .nav-side {
                                                            position: fixed;
                                                            top: 0;
                                                            left: -350px;
                                                            height: 100%;
                                                            width: 340px;
                                                            padding: 60px 40px;
                                                            background: #fff;
                                                            z-index: 999999;
                                                            overflow: hidden;
                                                            -webkit-transition: all .5s;
                                                            -o-transition: all .5s;
                                                            transition: all .5s; }
                                                            .nav-side:before {
                                                              content: '';
                                                              position: absolute;
                                                              top: 0;
                                                              left: 0;
                                                              width: 100%;
                                                              height: 100%;
                                                              background: #fff;
                                                              z-index: -1; }
                                                              .nav-side.show {
                                                                left: 0; }
                                                                .nav-side.from-right {
                                                                  left: auto;
                                                                  right: -350px; }
                                                                  .nav-side.from-right.show {
                                                                    left: auto;
                                                                    right: 0; }
                                                                    .nav-side .logo {
                                                                      max-width: 100px;
                                                                      margin-bottom: 60px; }
                                                                      .nav-side .navbar-menu {
                                                                        min-height: 450px; }
                                                                        .nav-side .navbar-unav {
                                                                          position: relative;
                                                                          -webkit-transition: all .4s;
                                                                          -o-transition: all .4s;
                                                                          transition: all .4s; }
                                                                          .nav-side .navbar-unav.unav-active {
                                                                            -webkit-transform: translateX(-310px);
                                                                            -ms-transform: translateX(-310px);
                                                                            transform: translateX(-310px); }
                                                                            .nav-side .navbar-unav .unav-item {
                                                                              position: static; }
                                                                              .nav-side .navbar-unav .unav-item .unav-link {
                                                                                padding: 5px 0;
                                                                                display: block;
                                                                                color: #18191d;
                                                                                font-size: 28px;
                                                                                position: relative; }
                                                                                .nav-side .navbar-unav .unav-item.dropdown .unav-link:before {
                                                                                  content: '+';
                                                                                  position: absolute;
                                                                                  top: 50%;
                                                                                  right: 0;
                                                                                  -webkit-transform: translateY(-50%);
                                                                                  -ms-transform: translateY(-50%);
                                                                                  transform: translateY(-50%);
                                                                                  font-size: 20px; }
                                                                                  .nav-side .navbar-unav .unav-item .dropdown-menu {
                                                                                    display: block;
                                                                                    border: 0;
                                                                                    padding: 0;
                                                                                    margin: 0;
                                                                                    border-radius: 0;
                                                                                    font-size: inherit;
                                                                                    color: inherit;
                                                                                    width: 100%;
                                                                                    height: 420px;
                                                                                    overflow-y: auto;
                                                                                    position: absolute;
                                                                                    left: 310px;
                                                                                    top: 0;
                                                                                    background: transparent;
                                                                                    -webkit-transition: all .4s;
                                                                                    -o-transition: all .4s;
                                                                                    transition: all .4s;
                                                                                    opacity: 0;
                                                                                    visibility: hidden; }
                                                                                    .nav-side .navbar-unav .unav-item .dropdown-menu.drop-active {
                                                                                      opacity: 1;
                                                                                      visibility: visible; }
                                                                                      .nav-side .navbar-unav .unav-item .dropdown-menu .goback {
                                                                                        color: #ff7425;
                                                                                        font-size: 13px;
                                                                                        font-weight: 600;
                                                                                        text-transform: uppercase;
                                                                                        letter-spacing: 1px;
                                                                                        margin-bottom: 10px;
                                                                                        cursor: pointer; }
                                                                                        .nav-side .navbar-unav .unav-item .dropdown-item {
                                                                                          padding: 8px 0;
                                                                                          font-size: 14px; }
                                                                                          .nav-side .navbar-unav .unav-item .dropdown-item:hover {
                                                                                            background: transparent; }
                                                                                            .nav-side .navbar-unav .unav-item .dropdown-item .slide-menu {
                                                                                              display: block;
                                                                                              padding-right: 10px; }
                                                                                              .nav-side .navbar-unav .unav-item .dropdown-item .slide-menu i {
                                                                                                float: right;
                                                                                                -webkit-transition: all .3s;
                                                                                                -o-transition: all .3s;
                                                                                                transition: all .3s; }
                                                                                                .nav-side .navbar-unav .unav-item .dropdown-item .slide-menu.active i {
                                                                                                  -webkit-transform: rotate(90deg);
                                                                                                  -ms-transform: rotate(90deg);
                                                                                                  transform: rotate(90deg); }
                                                                                                  .nav-side .navbar-unav .unav-item .dropdown-item .dropdown-side {
                                                                                                    padding-left: 15px;
                                                                                                    padding-top: 10px;
                                                                                                    display: none; }
                                                                                                    .nav-side .navbar-unav .unav-item .dropdown-item .dropdown-side .dropdown-item {
                                                                                                      font-size: 14px; }

                                                                                                      .dropdown-item:active {
                                                                                                        color: inherit;
                                                                                                        background: inherit; }

/* ====================== [ End navbar ] ====================== */
/* ====================== [ Start Slider ] ====================== */
.slider {
  position: relative; }
  .slider.box-slide .parallax-slider {
    position: relative;
    padding-top: 80px;
    width: calc(100% - 160px);
    margin-left: 80px; }
    .slider.box-slide .parallax-slider .swiper-slide {
      min-height: calc(100vh - 160px); }
      .slider .swiper-slide-active {
        z-index: 3; }
        .slider .parallax-slider {
          position: relative; }
          .slider .parallax-slider .swiper-slide {
            position: relative;
            overflow: hidden;
            width: 100%;
            min-height: 100vh;
            padding: 80px 0; }
            .slider .parallax-slider .swiper-slide .bg-img {
              position: absolute;
              top: 0;
              right: 0;
              bottom: 0;
              left: 0;
              background-size: cover; }
              .slider .parallax-slider .swiper-slide-active .caption h1 {
                -webkit-transition: all 0s;
                -o-transition: all 0s;
                transition: all 0s;
                opacity: 1;
                visibility: visible;
                -webkit-transform: translateY(0);
                -ms-transform: translateY(0);
                transform: translateY(0); }
                .slider .parallax-slider .swiper-slide-active .caption h1 .char {
                  -webkit-animation: fadeInUp 0.3s cubic-bezier(0.3, 0, 0.7, 1) both;
                  animation: fadeInUp 0.3s cubic-bezier(0.3, 0, 0.7, 1) both;
                  -webkit-animation-delay: calc(40ms * var(--char-index));
                  animation-delay: calc(40ms * var(--char-index)); }
                  .slider .parallax-slider .swiper-slide-active .caption .thin,
                  .slider .parallax-slider .swiper-slide-active .caption .btn-curve,
                  .slider .parallax-slider .swiper-slide-active .caption p {
                    opacity: 1;
                    -webkit-transform: translateY(0);
                    -ms-transform: translateY(0);
                    transform: translateY(0); }
                    .slider .parallax-slider .caption .splitting .whitespace {
                      width: 10px; }
                      .slider .parallax-slider .caption h1 {
                        font-size: 24px;
                        opacity: 0;
                        visibility: hidden;
                        -webkit-transition: opacity .5s,
                        visibility .5s;
                        -o-transition: opacity .5s,
                        visibility .5s;
                        transition: opacity .5s,
                        visibility .5s; }
                        .slider .parallax-slider .caption p {
                          color: #eee;
                          margin-top: 15px;
                          opacity: 0;
                          -webkit-transform: translateY(20px);
                          -ms-transform: translateY(20px);
                          transform: translateY(20px);
                          -webkit-transition: all .4s;
                          -o-transition: all .4s;
                          transition: all .4s;
                          -webkit-transition-delay: 1s;
                          -o-transition-delay: 1s;
                          transition-delay: 1s; }
                          .slider .setone {
                            position: absolute;
                            bottom: 40px;
                            right: 40px;
                            z-index: 8; }
                            .slider .setone .swiper-nav-ctrl {
                              color: #ccc;
                              font-size: 13px;
                              width: 55px;
                              height: 55px;
                              line-height: 55px;
                              text-align: center;
                              margin: 5px 0;
                              border: 1px solid rgba(255, 255, 255, 0.3);
                              position: static; }
                              .slider .setone .swiper-nav-ctrl:after {
                                display: none; }
                                .slider .setone.setwo {
                                  position: static; }
                                  .slider .setone.setwo .swiper-nav-ctrl {
                                    border-radius: 50%; }
                                    .slider .setone.setwo .next-ctrl {
                                      position: absolute;
                                      top: 50%;
                                      right: 30px; }
                                      .slider .setone.setwo .prev-ctrl {
                                        position: absolute;
                                        top: 50%;
                                        left: 30px; }
                                        .slider .swiper-pagination-fraction.top {
                                          position: absolute;
                                          right: 15%;
                                          left: auto;
                                          bottom: auto;
                                          top: 20%;
                                          width: auto;
                                          color: #fff;
                                          font-size: 40px;
                                          font-weight: 500; }
                                          .slider .swiper-pagination-fraction.top .swiper-pagination-current {
                                            font-size: 55px;
                                            font-weight: 700;
                                            position: relative;
                                            color: transparent;
                                            -webkit-text-stroke: .5px #fff; }
                                            .slider .swiper-pagination-fraction.top .swiper-pagination-current:after {
                                              content: '/';
                                              color: #fff;
                                              position: relative;
                                              margin: 0 10px;
                                              font-size: 12px;
                                              font-weight: 100; }
                                              .slider .swiper-pagination-fraction.top.botm {
                                                top: auto;
                                                bottom: 40px;
                                                right: 40px; }
                                                .slider .swiper-pagination-fraction.top.left {
                                                  right: auto;
                                                  left: 40px; }
                                                  .slider .social-icon {
                                                    position: absolute;
                                                    left: 40px;
                                                    bottom: 100px;
                                                    z-index: 8; }
                                                    .slider .social-icon a {
                                                      width: 40px;
                                                      height: 40px;
                                                      line-height: 40px;
                                                      text-align: center;
                                                      border-radius: 50%;
                                                      border: 1px solid rgba(255, 255, 255, 0.05);
                                                      color: #fff;
                                                      font-size: 13px; }
                                                      .slider .social-icon a:hover {
                                                        background: #fff;
                                                        color: #23262d; }
                                                        .slider .curve-buttom {
                                                          position: absolute;
                                                          bottom: -1px;
                                                          left: 0;
                                                          width: 100%;
                                                          height: 90px;
                                                          z-index: 9; }
                                                          .slider .curve-buttom svg {
                                                            width: 100%;
                                                            height: 90px; }

                                                            .fixed-slider {
                                                              position: fixed;
                                                              top: 0;
                                                              left: 0;
                                                              right: 0; }

                                                              .ed-slide {
                                                                padding-top: 160px; }
                                                                .ed-slide .cont h1 {
                                                                  font-size: 5vw;
                                                                  line-height: 1.4;
                                                                  position: relative;
                                                                  bottom: -38px;
                                                                  z-index: 2; }
                                                                  .ed-slide .img {
                                                                    height: 80vh;
                                                                    overflow: hidden;border-radius: 30px 30px 0 0; }
                                                                    .ed-slide .img img {
                                                                      width: 100%;
                                                                      height: 100%;
                                                                      -o-object-fit: cover;
                                                                      object-fit: cover;
                                                                      -o-object-position: center;
                                                                      object-position: center; }

                                                                      .hed-minml {
                                                                        min-height: 50vh;
                                                                        padding: 220px 0 120px; }

                                                                        header.full-height {
                                                                          min-height: 100vh;
                                                                          padding: 80px 0; }

                                                                          header .arrow-down {
                                                                            width: 120px;
                                                                            height: 120px;
                                                                            line-height: 120px;
                                                                            text-align: center;
                                                                            border: 1px solid #eee;
                                                                            border-radius: 50%;
                                                                            font-size: 40px;
                                                                            cursor: pointer; }

                                                                            .slide-creative {
                                                                              overflow: hidden; }
                                                                              .slide-creative .caption h1 {
                                                                                font-size: 75px;
                                                                                line-height: 1.3; }
                                                                                .slide-creative #home_wave {
                                                                                  position: absolute;
                                                                                  bottom: 0;
                                                                                  left: 0;
                                                                                  width: 100%;
                                                                                  overflow: hidden;
                                                                                  opacity: .5; }

                                                                                  .slider-main {
                                                                                    position: relative;
                                                                                    overflow: hidden; }
                                                                                    .slider-main .vline {
                                                                                      position: absolute;
                                                                                      top: 0;
                                                                                      left: 25%;
                                                                                      width: 50%;
                                                                                      height: 100%;
                                                                                      border-right: 1px solid #eee;
                                                                                      border-left: 1px solid #eee;
                                                                                      z-index: 1;
                                                                                      pointer-events: none;
                                                                                      opacity: .15; }
                                                                                      .slider-main .vline:after {
                                                                                        content: '';
                                                                                        position: absolute;
                                                                                        top: 0;
                                                                                        bottom: 0;
                                                                                        left: 50%;
                                                                                        border-left: 1px solid #eee; }
                                                                                        .slider-main .circle-bord {
                                                                                          position: absolute;
                                                                                          bottom: 30px;
                                                                                          right: 30px;
                                                                                          z-index: 3; }
                                                                                          .slider-main .dots-bg {
                                                                                            width: 100%;
                                                                                            position: absolute;
                                                                                            top: 0;
                                                                                            right: 0;
                                                                                            bottom: 0;
                                                                                            z-index: 2;
                                                                                            pointer-events: none; }

                                                                                            .pg-header {
                                                                                              padding-top: 100px;
                                                                                              position: relative; }
                                                                                              .pg-header.style2 {
                                                                                                min-height: 80vh; }
                                                                                                .pg-header.tpost {
                                                                                                  z-index: 4;
                                                                                                  min-height: 90vh; }
                                                                                                  .pg-header.tpost .cont .item {
                                                                                                    position: relative;
                                                                                                    padding-right: 30px; }
                                                                                                    .pg-header.tpost .cont .item:after {
                                                                                                      content: '';
                                                                                                      width: 7px;
                                                                                                      height: 7px;
                                                                                                      background: #eee;
                                                                                                      border-radius: 50%;
                                                                                                      position: absolute;
                                                                                                      right: 0;
                                                                                                      top: 50%;
                                                                                                      -webkit-transform: translateY(-50%);
                                                                                                      -ms-transform: translateY(-50%);
                                                                                                      transform: translateY(-50%); }
                                                                                                      .pg-header.tpost .cont .item:last-of-type:after {
                                                                                                        display: none; }
                                                                                                        .pg-header .curve {
                                                                                                          position: absolute;
                                                                                                          bottom: 0;
                                                                                                          left: 0;
                                                                                                          width: 100%;
                                                                                                          z-index: 8; }
                                                                                                          .pg-header .curve svg {
                                                                                                            position: absolute;
                                                                                                            bottom: 0;
                                                                                                            left: 0;
                                                                                                            width: 100%;
                                                                                                            height: 100px; }
                                                                                                            .pg-header .shadw {
                                                                                                              position: absolute;
                                                                                                              bottom: 0;
                                                                                                              left: 0;
                                                                                                              width: 100%;
                                                                                                              height: 100%;
                                                                                                              background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#191b1d));
                                                                                                              background: -webkit-linear-gradient(top, transparent, #191b1d);
                                                                                                              background: -o-linear-gradient(top, transparent, #191b1d);
                                                                                                              background: linear-gradient(180deg, transparent, #191b1d);
                                                                                                              pointer-events: none; }
                                                                                                              .pg-header .background {
                                                                                                                height: 70vh;
                                                                                                                position: relative; }
                                                                                                                .pg-header .background h4 {
                                                                                                                  font-size: 4vw; }
                                                                                                                  .pg-header .background .under {
                                                                                                                    position: absolute;
                                                                                                                    top: 0;
                                                                                                                    right: 10%;
                                                                                                                    -webkit-transform: translateY(-55%);
                                                                                                                    -ms-transform: translateY(-55%);
                                                                                                                    transform: translateY(-55%);
                                                                                                                    z-index: -1; }
                                                                                                                    .pg-header .background .up {
                                                                                                                      position: absolute;
                                                                                                                      top: 0;
                                                                                                                      left: 0;
                                                                                                                      width: 100%;
                                                                                                                      height: 100%;
                                                                                                                      overflow: hidden; }
                                                                                                                      .pg-header .background .up h4 {
                                                                                                                        color: #fff !important;
                                                                                                                        position: absolute;
                                                                                                                        top: 0;
                                                                                                                        right: 10%;
                                                                                                                        -webkit-transform: translateY(-55%);
                                                                                                                        -ms-transform: translateY(-55%);
                                                                                                                        transform: translateY(-55%);
                                                                                                                        z-index: 3; }
                                                                                                                        .pg-header .background .dots-bg {
                                                                                                                          position: absolute;
                                                                                                                          top: 0;
                                                                                                                          left: 0;
                                                                                                                          width: 100%;
                                                                                                                          height: 100%;
                                                                                                                          background-size: auto;
                                                                                                                          background-repeat: repeat;
                                                                                                                          opacity: .7; }

                                                                                                                          .works-header {
                                                                                                                            position: relative;
                                                                                                                            height: 85vh;
                                                                                                                            padding: 120px 0; }
                                                                                                                            .works-header .background {
                                                                                                                              position: absolute;
                                                                                                                              top: 0;
                                                                                                                              bottom: 0;
                                                                                                                              right: 0;
                                                                                                                              left: 30%;
                                                                                                                              z-index: -1; }
                                                                                                                              .works-header .item {
                                                                                                                                padding-top: 30px;
                                                                                                                                border-top: 1px solid rgba(255, 255, 255, 0.2); }

                                                                                                                                #particles-js {
                                                                                                                                  position: absolute;
                                                                                                                                  width: 100%;
                                                                                                                                  height: 100%;
                                                                                                                                  background-repeat: no-repeat;
                                                                                                                                  background-size: cover;
                                                                                                                                  background-position: 50% 50%;
                                                                                                                                  pointer-events: none; }

                                                                                                                                  @-webkit-keyframes scroll {
                                                                                                                                    0% {
                                                                                                                                      opacity: 1;
                                                                                                                                      -webkit-transform: translateY(0);
                                                                                                                                      transform: translateY(0); }
                                                                                                                                      100% {
                                                                                                                                        opacity: 0;
                                                                                                                                        -webkit-transform: translateY(16px);
                                                                                                                                        transform: translateY(16px); } }

                                                                                                                                        @keyframes scroll {
                                                                                                                                          0% {
                                                                                                                                            opacity: 1;
                                                                                                                                            -webkit-transform: translateY(0);
                                                                                                                                            -ms-transform: translateY(0);
                                                                                                                                            transform: translateY(0); }
                                                                                                                                            100% {
                                                                                                                                              opacity: 0;
                                                                                                                                              -webkit-transform: translateY(16px);
                                                                                                                                              -ms-transform: translateY(16px);
                                                                                                                                              transform: translateY(16px); } }

/* ====================== [ End Slider ] ====================== */
/* ====================== [ Start showcase ] ====================== */
.showcase-full .parallax-slider .swiper-slide .bg-img {
  background-position: center center; }

  .showcase-full .parallax-slider .caption {
    position: relative; }
    .showcase-full .parallax-slider .caption h1 {
      font-size: 80px;
      font-weight: 700;
      letter-spacing: 1px;
      -webkit-transition: all .5s;
      -o-transition: all .5s;
      transition: all .5s;
      position: relative; }
      .showcase-full .parallax-slider .caption h1 .stroke {
        margin-bottom: 10px; }
        .showcase-full .parallax-slider .caption h1 .bord {
          position: absolute;
          top: 50%;
          left: 50%;
          width: 100vw;
          -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          transform: translateX(-50%);
          height: 1px;
          background: #fff;
          border: 0;
          opacity: .1; }
          .showcase-full .parallax-slider .caption .discover {
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            right: 0;
            width: 200px;
            height: 200px;
            text-align: center;
            border: 1px solid rgba(255, 255, 255, 0.4);
            border-radius: 50%;
            font-size: 13px;
            font-weight: 200;
            letter-spacing: 4px;
            text-transform: uppercase;
            -webkit-transition-delay: 2s;
            -o-transition-delay: 2s;
            transition-delay: 2s;
            -webkit-transition: all .7s;
            -o-transition: all .7s;
            transition: all .7s;
            opacity: 0; }
            .showcase-full .parallax-slider .caption .discover span {
              position: absolute;
              top: 50%;
              left: 50%;
              -webkit-transform: translateX(-50%) translateY(-50%);
              -ms-transform: translateX(-50%) translateY(-50%);
              transform: translateX(-50%) translateY(-50%);
              line-height: 50px; }

              .showcase-full .parallax-slider .swiper-slide-active .caption .discover {
                opacity: 1;
                -webkit-transition: all .7s;
                -o-transition: all .7s;
                transition: all .7s; }

                .showcase-full .dots {
                  bottom: 30px;
                  z-index: 1; }
                  .showcase-full .dots span {
                    background: #fff;
                    width: 5px;
                    height: 5px;
                    margin: 0 7px !important;
                    border-radius: 50% !important; }
                    .showcase-full .dots span.swiper-pagination-bullet-active {
                      position: relative; }
                      .showcase-full .dots span.swiper-pagination-bullet-active:after {
                        content: '';
                        position: absolute;
                        top: -5px;
                        left: -5px;
                        right: -5px;
                        bottom: -5px;
                        border: 1px solid #fff;
                        border-radius: 50%; }

                        .showcase-carus {
                          height: 100vh; }
                          .showcase-carus .swiper-container {
                            height: 100%; }
                            .showcase-carus .caption h1, .showcase-carus .copy-cap h1 {
                              font-size: 90px;
                              font-weight: 800;
                              line-height: 1.2;
                              position: relative; }
                              .showcase-carus .copy-cap {
                                position: absolute;
                                top: 0;
                                left: 0;
                                width: 100%;
                                height: 100%;
                                z-index: -1; }
                                .showcase-carus .copy-cap .cap h1 span {
                                  color: transparent;
                                  -webkit-text-stroke: 1px #fff; }
                                  .showcase-carus .copy-cap .cap h1 .stroke {
                                    color: #fff;
                                    -webkit-text-stroke: 0; }
                                    .showcase-carus.circle-slide .swiper-slide {
                                      display: -webkit-box;
                                      display: -ms-flexbox;
                                      display: flex;
                                      -webkit-box-align: center;
                                      -ms-flex-align: center;
                                      align-items: center; }
                                      .showcase-carus.circle-slide .swiper-slide .bg-img {
                                        height: 500px;
                                        width: 500px;
                                        border-radius: 50%;
                                        margin: auto;
                                        background-position: center center; }
                                        .showcase-carus.circle-slide .swiper-slide .bg-img:before {
                                          border-radius: 50%; }
                                          .showcase-carus.circle-slide .caption, .showcase-carus.circle-slide .copy-cap {
                                            position: absolute;
                                            top: 0;
                                            left: -25%;
                                            width: 100%;
                                            height: 100%; }
                                            .showcase-carus.circle-slide .caption h1, .showcase-carus.circle-slide .copy-cap h1 {
                                              font-size: 70px;
                                              display: block; }
                                              .showcase-carus.circle-slide .caption h1 .stroke, .showcase-carus.circle-slide .copy-cap h1 .stroke {
                                                display: inline-block;
                                                color: transparent;
                                                -webkit-text-stroke: 1px #fff; }
                                                .showcase-carus.circle-slide .caption h1 span, .showcase-carus.circle-slide .copy-cap h1 span {
                                                  margin-left: auto;
                                                  color: transparent;
                                                  -webkit-text-stroke: 1px #fff; }
                                                  .showcase-carus.circle-slide .copy-cap .cap h1 span {
                                                    color: #fff;
                                                    -webkit-text-stroke: 0; }
                                                    .showcase-carus.circle-slide .copy-cap .cap h1 .stroke {
                                                      color: #fff;
                                                      -webkit-text-stroke: 0; }
                                                      .showcase-carus.circle-slide .caption h1 .stroke, .showcase-carus.circle-slide .copy-cap h1 .stroke {
                                                        -webkit-transform: skewX(0) translateX(0);
                                                        -ms-transform: skewX(0) translateX(0);
                                                        transform: skewX(0) translateX(0);
                                                        opacity: 1; }
                                                        .showcase-carus.circle-slide .caption h1 span, .showcase-carus.circle-slide .copy-cap h1 span {
                                                          -webkit-transform: skewX(0) translateX(0);
                                                          -ms-transform: skewX(0) translateX(0);
                                                          transform: skewX(0) translateX(0);
                                                          opacity: 1; }

                                                          .showstyle {
                                                            height: 100vh; }
                                                            .showstyle .swiper-container {
                                                              height: 100%; }
                                                              .showstyle .swiper-slide .bg-img {
                                                                height: 70vh;
                                                                margin: 15vh 0 0; }
                                                                .showstyle .caption h1 {
                                                                  font-size: 90px;
                                                                  font-weight: 800;
                                                                  line-height: 1.2;
                                                                  -webkit-transition: all .5s;
                                                                  -o-transition: all .5s;
                                                                  transition: all .5s; }
                                                                  .showstyle .caption h1 .stroke {
                                                                    color: transparent;
                                                                    -webkit-text-stroke: 1px #fff; }
                                                                    .showstyle .caption h1 span {
                                                                      margin-left: 200px; }
                                                                      .showstyle .caption .discover {
                                                                        margin-top: 50px;
                                                                        opacity: 0;
                                                                        -webkit-transition: all .7s;
                                                                        -o-transition: all .7s;
                                                                        transition: all .7s; }
                                                                        .showstyle .caption .discover i {
                                                                          display: inline-block;
                                                                          width: 70px;
                                                                          height: 70px;
                                                                          line-height: 70px;
                                                                          text-align: center;
                                                                          border: 1px solid #fff;
                                                                          border-radius: 50%;
                                                                          margin-right: 10px; }
                                                                          .showstyle .caption .discover span {
                                                                            font-size: 13px;
                                                                            font-weight: 600; }

                                                                            .showcase-grid {
                                                                              height: 100vh; }
                                                                              .showcase-grid .swiper-container {
                                                                                height: 100%; }
                                                                                .showcase-grid .swiper-slide .bg-img {
                                                                                  height: 76vh;
                                                                                  margin: 12vh 0 0;
                                                                                  position: relative;
                                                                                  background-position: center center; }

                                                                                  .div-tooltip-tit {
                                                                                    display: none;
                                                                                    position: absolute;
                                                                                    background-color: #fff;
                                                                                    color: #111;
                                                                                    padding: 0 10px;
                                                                                    height: 50px;
                                                                                    line-height: 50px;
                                                                                    font-size: 15px;
                                                                                    font-weight: 600;
                                                                                    z-index: 99999; }

                                                                                    .div-tooltip-sub {
                                                                                      display: none;
                                                                                      position: absolute;
                                                                                      background-color: #111;
                                                                                      color: #fff;
                                                                                      padding: 5px 10px;
                                                                                      font-size: 13px;
                                                                                      font-weight: 500;
                                                                                      z-index: 99999; }

/* ====================== [ end showcase ] ====================== */
/* ====================== [ Start Intro ] ====================== */
.hero-serv {
  position: relative; }
  .hero-serv:after {
    content: '';
    position: absolute;
    top: -40px;
    left: -40px;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: #fff;
    opacity: .5;
    -webkit-filter: blur(100px);
    filter: blur(100px);
    z-index: 11; }
    .hero-serv .box-serv {
      padding: 60px 40px; }

      .vid-show {
        position: relative;
        display: inline-block; }
        .vid-show .rotate-circle svg {
          width: 200px;
          fill: #fff; }
          .vid-show .vid,
          .vid-show .arow {
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translateX(-50%) translateY(-50%);
            -ms-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%); }
            .vid-show.bg-blur:before {
              content: '';
              position: absolute;
              top: 50%;
              left: 50%;
              -webkit-transform: translateX(-50%) translateY(-50%);
              -ms-transform: translateX(-50%) translateY(-50%);
              transform: translateX(-50%) translateY(-50%);
              width: 110px;
              height: 110px;
              border-radius: 50%;
              background: #fff;
              opacity: .05; }

              .intro-box {
                position: relative; }
                .intro-box .exp h2 {
                  font-size: 90px;
                  line-height: 1;
                  margin-right: 20px; }
                  .intro-box .img {
                    position: relative; }
                    .intro-box .img .vid-show {
                      position: absolute;
                      top: 0px;
                      right: -100px; }
                      .intro-box .img .vid-show.non-icon:before {
                        content: '';
                        position: absolute;
                        top: 50%;
                        left: 50%;
                        -webkit-transform: translateX(-50%) translateY(-50%);
                        -ms-transform: translateX(-50%) translateY(-50%);
                        transform: translateX(-50%) translateY(-50%);
                        width: 100px;
                        height: 100px;
                        border-radius: 50%;
                        background: #fff;
                        opacity: .05; }
                        .intro-box .img .vid-show.non-icon:after {
                          content: '';
                          position: absolute;
                          top: 50%;
                          left: 50%;
                          -webkit-transform: translateX(-50%) translateY(-50%);
                          -ms-transform: translateX(-50%) translateY(-50%);
                          transform: translateX(-50%) translateY(-50%);
                          width: 15px;
                          height: 15px;
                          border-radius: 50%;
                          background: #fff; }
                          .intro-box .vid-vision .video {
                            height: auto;
                            min-height: auto; }

                            .about-busin .img-exp {
                              position: relative; }
                              .about-busin .img-exp:after {
                                content: '';
                                position: absolute;
                                top: -130px;
                                bottom: -130px;
                                left: 50%;
                                right: -800%;
                                background: #f7f7f7;
                                z-index: -1; }
                                .about-busin .img-exp.no-bg:after {
                                  display: none; }
                                  .about-busin .img-exp .exp {
                                    padding: 12px 20px;
                                    background: #191b1d;
                                    color: #fff;
                                    position: absolute;
                                    bottom: 30%;
                                    left: 0;
                                    -webkit-transform: translateX(-50%) rotate(-90deg);
                                    -ms-transform: translateX(-50%) rotate(-90deg);
                                    transform: translateX(-50%) rotate(-90deg); }

                                    .awards-list .img {
                                      position: relative; }
                                      .awards-list .img .circle {
                                        position: absolute;
                                        top: 0px;
                                        right: -150px;
                                        border-radius: 0; }
                                        .awards-list .img .circle text {
                                          font-size: 11px;
                                          font-weight: 800;
                                          font-family: 'Syne', sans-serif;
                                          letter-spacing: 2px; }
                                          .awards-list .img .circle:after {
                                            content: '';
                                            position: absolute;
                                            top: 50%;
                                            left: 50%;
                                            -webkit-transform: translateX(-50%) translateY(-50%);
                                            -ms-transform: translateX(-50%) translateY(-50%);
                                            transform: translateX(-50%) translateY(-50%);
                                            width: 15px;
                                            height: 15px;
                                            border-radius: 50%;
                                            background: #fff; }

/* ====================== [ End Intro ] ====================== */
/* ====================== [ Start services ] ====================== */
.sim-serv .icons,
.box-serv .icons {
  position: relative;
  display: inline-block; }
  .sim-serv .icons .shad,
  .box-serv .icons .shad {
    position: absolute;
    left: 7px;
    top: 7px;
    opacity: .05; }

    .serv-box .serv-item {
      padding: 60px;
      border: 1px solid rgba(255, 255, 255, 0.05); }

      .serv-tags .main-marq .item {
        border-radius: 30px;
        border: 1px solid rgba(255, 255, 255, 0.2);
        padding: 20px 30px;
        margin: 0 15px; }
        .serv-tags .main-marq .item h4 {
          line-height: 1;
          font-size: 25px; }

          .serv-bg-box .row {
            position: relative;
            z-index: 3; }
            .serv-bg-box .row .chan-img {
              position: absolute;
              top: 0;
              left: 0;
              width: 100%;
              height: 100%; }
              .serv-bg-box .row .chan-img .img {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                opacity: 0;
                -webkit-transition: all .4s linear;
                -o-transition: all .4s linear;
                transition: all .4s linear;
                background-size: 115%;
                background-position: center center; }
                .serv-bg-box .row .chan-img .img.current {
                  opacity: 1;
                  background-size: 100%; }

                  .serv-bg-box .item {
                    color: #fff;
                    padding: 50px;
                    min-height: 80vh;
                    border-right: 1px solid rgba(255, 255, 255, 0.2);
                    position: relative;
                    z-index: 2;
                    -webkit-transition: all .4s linear;
                    -o-transition: all .4s linear;
                    transition: all .4s linear; }
                    .serv-bg-box .item:last-of-type {
                      border: 0; }
                      .serv-bg-box .item.current {
                        background: rgba(255, 255, 255, 0.05);
                        -webkit-backdrop-filter: blur(4px);
                        backdrop-filter: blur(4px); }
                        .serv-bg-box .item p {
                          color: #ddd !important;
                          margin-top: 20px;
                          display: none; }

/* ====================== [ End services ] ====================== */
/* ====================== [ Start brands ] ====================== */
.clients .brands-img .img {
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s; }
  .clients .brands-img .img:hover {
    opacity: 1; }

    .clients .brands {
      padding: 80px 10px;
      text-align: center;
      border: 1px solid rgba(255, 255, 255, 0.08); }
      .clients .brands.box-bg {
        border: 0;
        padding: 0;
        padding-left: 15px;
        padding-right: 15px; }
        .clients .brands.box-bg .item {
          padding: 80px 10px;
          background: rgba(238, 238, 238, 0.01); }
          .clients .brands:hover .img {
            -webkit-transform: scale(0);
            -ms-transform: scale(0);
            transform: scale(0);
            opacity: 0; }
            .clients .brands:hover .link {
              opacity: 1 !important;
              -webkit-transition: all 0;
              -o-transition: all 0;
              transition: all 0; }
              .clients .brands:hover .char {
                -webkit-animation: fadeInUp 0.3s cubic-bezier(0.3, 0, 0.7, 1) both;
                animation: fadeInUp 0.3s cubic-bezier(0.3, 0, 0.7, 1) both;
                -webkit-animation-delay: calc(20ms * var(--char-index));
                animation-delay: calc(20ms * var(--char-index)); }
                .clients .brands .item {
                  position: relative;
                  text-align: center; }
                  .clients .brands .item .link {
                    font-size: 16px;
                    width: -webkit-max-content;
                    width: -moz-max-content;
                    width: max-content;
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    -webkit-transform: translateX(-50%) translateY(-50%);
                    -ms-transform: translateX(-50%) translateY(-50%);
                    transform: translateX(-50%) translateY(-50%);
                    opacity: 0;
                    -webkit-transition: all .3s;
                    -o-transition: all .3s;
                    transition: all .3s; }
                    .clients .brands .img {
                      opacity: .8;
                      max-width: 85px;
                      margin: auto;
                      position: relative;
                      -webkit-transition: all .4s;
                      -o-transition: all .4s;
                      transition: all .4s; }

                      .clients .bord {
                        border-bottom: 1px solid rgba(255, 255, 255, 0.08); }

                        .clients .main-marq {
                          position: relative;
                          padding: 0; }
                          .clients .main-marq .slide-har {
                            display: -webkit-box;
                            display: -ms-flexbox;
                            display: flex; }
                            .clients .main-marq .box {
                              display: -webkit-box;
                              display: -ms-flexbox;
                              display: flex; }
                              .clients .main-marq .box .item {
                                position: relative;
                                text-align: center;
                                padding: 0px 40px;
                                margin: 0 15px; }

                                .clients.experts .main-marq .box .item {
                                  position: relative;
                                  text-align: center;
                                  padding: 0px;
                                  margin: 0 -5px;
                                }


                                h1.h1xxl {
                                  font-size: 110px;
                                  font-family: 'Anton', sans-serif;

                                }

                                .clients .main-marq .box .item:hover .link {
                                  opacity: 1 !important;
                                  -webkit-transition: all 0;
                                  -o-transition: all 0;
                                  transition: all 0; }
                                  .clients .main-marq .box .item:hover .char {
                                    -webkit-animation: fadeInUp 0.3s cubic-bezier(0.3, 0, 0.7, 1) both;
                                    animation: fadeInUp 0.3s cubic-bezier(0.3, 0, 0.7, 1) both;
                                    -webkit-animation-delay: calc(20ms * var(--char-index));
                                    animation-delay: calc(20ms * var(--char-index)); }
                                    .clients .main-marq .box .item .link {
                                      font-size: 16px;
                                      width: -webkit-max-content;
                                      width: -moz-max-content;
                                      width: max-content;
                                      position: absolute;
                                      top: 50%;
                                      left: 50%;
                                      -webkit-transform: translateX(-50%) translateY(-50%);
                                      -ms-transform: translateX(-50%) translateY(-50%);
                                      transform: translateX(-50%) translateY(-50%);
                                      opacity: 0;
                                      -webkit-transition: all .3s;
                                      -o-transition: all .3s;
                                      transition: all .3s; }
                                      .clients .main-marq .box .item .img {
                                        /* width: 110px; */
                                        margin: auto;
                                        position: relative;
                                        -webkit-transition: all .4s;
                                        -o-transition: all .4s;
                                        transition: all .4s;
                                      }

/* ====================== [ End brands ] ====================== */
/* ====================== [ Start Work ] ====================== */
.works {
  position: relative; }
  .works .simp-ctrl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .works .simp-ctrl .swiper-nav-ctrl {
      width: 40px;
      height: 40px;
      border: 1px solid #eee;
      color: #fff;
      font-size: 20px;
      position: static;
      margin: 0 0 0 10px; }
      .works .simp-ctrl .swiper-nav-ctrl:after {
        display: none; }

        .work-carsouel .item-title-out .img {
          height: auto; }
          .work-carsouel .item-title-out .img img {
            width: 100%;
            height: 100%;
/*            -o-object-fit: cover;*/
/*            object-fit: cover; }*/
}

.swiper-container, .swiper-slide {
  cursor: none !important;
}



.work-rand-width .swiper-container {
  overflow: visible; }

  .work-rand-width .swiper-slide {
    width: 50% !important; }
    .work-rand-width .swiper-slide:nth-of-type(even) {
      width: 30% !important; }
      .work-rand-width .swiper-slide .img {
        height: 450px; }
        .work-rand-width .swiper-slide img {
          width: 100%;
          height: 100%;
          -o-object-fit: cover;
          object-fit: cover;
          -o-object-position: center;
          object-position: center; }

          .work-rand-width .item-title-in {
            position: relative;
            overflow: hidden; }
            .work-rand-width .item-title-in .info {
              position: absolute;
              bottom: 40px;
              left: 0;
              padding: 30px;
              background: #191b1d;
              -webkit-transform: translateX(-110%);
              -ms-transform: translateX(-110%);
              transform: translateX(-110%);
              -webkit-transition: all .4s;
              -o-transition: all .4s;
              transition: all .4s; }
              .work-rand-width .item-title-in:hover .info {
                -webkit-transform: translateX(0);
                -ms-transform: translateX(0);
                transform: translateX(0); }

                .work-rand-height .swiper-container.cuting {
                  width: 120%; }

                  .work-rand-height .item-title-in {
                    position: relative;
                    overflow: hidden; }
                    .work-rand-height .item-title-in .info {
                      position: absolute;
                      bottom: 40px;
                      left: 0;
                      padding: 30px;
                      background: #191b1d;
                      -webkit-transform: translateX(-110%);
                      -ms-transform: translateX(-110%);
                      transform: translateX(-110%);
                      -webkit-transition: all .4s;
                      -o-transition: all .4s;
                      transition: all .4s; }
                      .work-rand-height .item-title-in:hover .info {
                        -webkit-transform: translateX(0);
                        -ms-transform: translateX(0);
                        transform: translateX(0); }

                        .portfolio.box-bord {
                          overflow: hidden; }
                          .portfolio.box-bord .gallery {
                            position: relative; }
                            .portfolio.box-bord .gallery:after {
                              content: '';
                              position: absolute;
                              top: -50%;
                              bottom: -20%;
                              left: 33.33333333%;
                              width: 33.3333333%;
                              border-left: 1px solid #eee;
                              border-right: 1px solid #eee;
                              opacity: .05;
                              pointer-events: none; }
                              .portfolio.box-bord .gallery:before {
                                content: '';
                                position: absolute;
                                top: -50%;
                                bottom: -20%;
                                left: 0;
                                right: 0;
                                border-left: 1px solid #eee;
                                border-right: 1px solid #eee;
                                opacity: .05;
                                pointer-events: none; }
                                .portfolio.box-bord .gallery .items {
                                  margin-bottom: 60px;
                                  padding-bottom: 60px;
                                  border-bottom: 1px solid rgba(238, 238, 238, 0.05); }
                                  .portfolio.box-bord .gallery .items.no-bord-lg {
                                    padding-bottom: 0;
                                    border: 0; }

                                    .portfolio.agn .item-img {
                                      position: relative; }
                                      .portfolio.agn .item-img .tag {
                                        font-size: 13px;
                                        text-transform: uppercase;
                                        letter-spacing: 1px;
                                        position: absolute;
                                        top: 50px;
                                        right: -60px;
                                        -webkit-transform: rotate(-90deg) translateX(-50%) translateY(100%);
                                        -ms-transform: rotate(-90deg) translateX(-50%) translateY(100%);
                                        transform: rotate(-90deg) translateX(-50%) translateY(100%);
                                        opacity: .7; }
                                        .portfolio.agn .item-img .tag:after {
                                          content: '';
                                          position: absolute;
                                          top: 50%;
                                          right: -60px;
                                          width: 40px;
                                          border-bottom: 1px solid #eee; }

                                          .portfolio.agn .info {
                                            position: relative; }
                                            .portfolio.agn .info .arow-link {
                                              width: 50px;
                                              height: 50px;
                                              line-height: 50px;
                                              text-align: center;
                                              border: 1px solid #eee;
                                              border-radius: 50%;
                                              margin-left: auto; }
                                              .portfolio.agn .info .arow-link img {
                                                width: 20px;
                                                -webkit-transform: rotate(-35deg);
                                                -ms-transform: rotate(-35deg);
                                                transform: rotate(-35deg); }

                                                .portfolio .filtering span {
                                                  font-size: 16px;
                                                  font-weight: 500;
                                                  margin-right: 20px;
                                                  padding-right: 30px;
                                                  letter-spacing: 1px;
                                                  cursor: pointer;
                                                  position: relative; }
                                                  .portfolio .filtering span:after {
                                                    content: '/';
                                                    position: absolute;
                                                    right: 0;
                                                    top: 50%;
                                                    -webkit-transform: translateY(-50%);
                                                    -ms-transform: translateY(-50%);
                                                    transform: translateY(-50%);
                                                    color: #fff; }
                                                    .portfolio .filtering span:before {
                                                      content: attr(data-count);
                                                      position: absolute;
                                                      right: 25px;
                                                      top: -20px;
                                                      font-size: 12px; }
                                                      .portfolio .filtering span:last-of-type:after {
                                                        display: none; }

                                                        .portfolio .filtering .active {
                                                          color: #ff7425; }

                                                          .portfolio .filtering .text {
                                                            font-weight: 700;
                                                            cursor: auto; }
                                                            .portfolio .filtering .text:after {
                                                              display: none; }

                                                              .portfolio .max-margin {
                                                                margin-left: -60px;
                                                                margin-right: -60px; }
                                                                .portfolio .max-margin .items {
                                                                  padding: 0 60px; }
                                                                  .portfolio .max-margin .toup {
                                                                    margin-top: -120px; }

                                                                    .portfolio .mid-margin {
                                                                      margin-left: -30px;
                                                                      margin-right: -30px; }
                                                                      .portfolio .mid-margin .items {
                                                                        padding: 0 30px; }

                                                                        .portfolio .tin-margin {
                                                                          margin-left: -10px;
                                                                          margin-right: -10px; }
                                                                          .portfolio .tin-margin .items {
                                                                            padding: 0 10px; }

                                                                            .portfolio .sam-height {
                                                                              margin-left: -20px;
                                                                              margin-right: -20px; }
                                                                              .portfolio .sam-height .items {
                                                                                padding-left: 20px;
                                                                                padding-right: 20px; }
                                                                                .portfolio .sam-height .items .item-img {
                                                                                  height: 420px; }
                                                                                  .portfolio .sam-height .items .item-img a {
                                                                                    width: 100%; }
                                                                                    .portfolio .sam-height .items img {
                                                                                      height: 420px;
                                                                                      width: 100%;
                                                                                      -o-object-fit: cover;
                                                                                      object-fit: cover; }

                                                                                      .portfolio .change-img .grid-item-img {
                                                                                        height: 550px; }

                                                                                        .portfolio .change-img .height-2 .grid-item-img {
                                                                                          height: 350px; }

                                                                                          .portfolio .metro .items.height-1 {
                                                                                            height: 530px; }
                                                                                            .portfolio .metro .items.height-1 img {
                                                                                              height: 530px;
                                                                                              width: 100%;
                                                                                              -o-object-fit: cover;
                                                                                              object-fit: cover; }

                                                                                              .portfolio .metro .items.height-2 {
                                                                                                height: 250px; }
                                                                                                .portfolio .metro .items.height-2 img {
                                                                                                  height: 250px;
                                                                                                  width: 100%;
                                                                                                  -o-object-fit: cover;
                                                                                                  object-fit: cover; }

                                                                                                  .portfolio .metro .items .item-img a {
                                                                                                    width: 100%; }

                                                                                                    .portfolio .packery .items {
                                                                                                      padding: 0; }
                                                                                                      .portfolio .packery .items.height-1 {
                                                                                                        height: 540px; }
                                                                                                        .portfolio .packery .items.height-1 img {
                                                                                                          height: 540px;
                                                                                                          width: 100%;
                                                                                                          -o-object-fit: cover;
                                                                                                          object-fit: cover; }
                                                                                                          .portfolio .packery .items.height-2 {
                                                                                                            height: 270px; }
                                                                                                            .portfolio .packery .items.height-2 img {
                                                                                                              height: 270px;
                                                                                                              width: 100%;
                                                                                                              -o-object-fit: cover;
                                                                                                              object-fit: cover; }
                                                                                                              .portfolio .packery .items .item-img a {
                                                                                                                width: 100%; }

                                                                                                                .portfolio .blur .items .item-img {
                                                                                                                  overflow: hidden; }
                                                                                                                  .portfolio .blur .items .item-img:hover img {
                                                                                                                    -webkit-filter: blur(5px);
                                                                                                                    filter: blur(5px);
                                                                                                                    -webkit-transform: scale(1.1);
                                                                                                                    -ms-transform: scale(1.1);
                                                                                                                    transform: scale(1.1); }
                                                                                                                    .portfolio .blur .items .item-img img {
                                                                                                                      -webkit-transition: all .4s;
                                                                                                                      -o-transition: all .4s;
                                                                                                                      transition: all .4s; }

                                                                                                                      .portfolio .info-shadow .item-img {
                                                                                                                        position: relative;
                                                                                                                        overflow: hidden; }
                                                                                                                        .portfolio .info-shadow .item-img:hover:after {
                                                                                                                          opacity: .8; }
                                                                                                                          .portfolio .info-shadow .item-img:hover .info {
                                                                                                                            -webkit-transform: translateY(0);
                                                                                                                            -ms-transform: translateY(0);
                                                                                                                            transform: translateY(0); }
                                                                                                                            .portfolio .info-shadow .item-img:after {
                                                                                                                              content: '';
                                                                                                                              position: absolute;
                                                                                                                              top: 0;
                                                                                                                              left: 0;
                                                                                                                              width: 100%;
                                                                                                                              height: 100%;
                                                                                                                              background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#191b1d));
                                                                                                                              background: -webkit-linear-gradient(top, transparent, #191b1d);
                                                                                                                              background: -o-linear-gradient(top, transparent, #191b1d);
                                                                                                                              background: linear-gradient(180deg, transparent, #191b1d);
                                                                                                                              -webkit-transition: all .4s;
                                                                                                                              -o-transition: all .4s;
                                                                                                                              transition: all .4s;
                                                                                                                              pointer-events: none;
                                                                                                                              opacity: 0; }
                                                                                                                              .portfolio .info-shadow .item-img .info {
                                                                                                                                color: #fff;
                                                                                                                                position: absolute;
                                                                                                                                bottom: 0;
                                                                                                                                left: 0;
                                                                                                                                padding: 30px;
                                                                                                                                width: 100%;
                                                                                                                                -webkit-transform: translateY(105%);
                                                                                                                                -ms-transform: translateY(105%);
                                                                                                                                transform: translateY(105%);
                                                                                                                                -webkit-transition: all .4s;
                                                                                                                                -o-transition: all .4s;
                                                                                                                                transition: all .4s;
                                                                                                                                z-index: 2; }

                                                                                                                                .portfolio .info-overlay .item-img {
                                                                                                                                  position: relative;
                                                                                                                                  overflow: hidden; }
                                                                                                                                  .portfolio .info-overlay .item-img:hover:after {
                                                                                                                                    opacity: .8; }
                                                                                                                                    .portfolio .info-overlay .item-img:hover .info h6,
                                                                                                                                    .portfolio .info-overlay .item-img:hover .info .tag {
                                                                                                                                      -webkit-transform: translateY(0);
                                                                                                                                      -ms-transform: translateY(0);
                                                                                                                                      transform: translateY(0);
                                                                                                                                      opacity: 1; }
                                                                                                                                      .portfolio .info-overlay .item-img:hover .info .tag {
                                                                                                                                        -webkit-transition-delay: .2s;
                                                                                                                                        -o-transition-delay: .2s;
                                                                                                                                        transition-delay: .2s; }
                                                                                                                                        .portfolio .info-overlay .item-img:after {
                                                                                                                                          content: '';
                                                                                                                                          position: absolute;
                                                                                                                                          top: 0;
                                                                                                                                          left: 0;
                                                                                                                                          width: 100%;
                                                                                                                                          height: 100%;
                                                                                                                                          background: #ff7425;
                                                                                                                                          -webkit-transition: all .4s;
                                                                                                                                          -o-transition: all .4s;
                                                                                                                                          transition: all .4s;
                                                                                                                                          pointer-events: none;
                                                                                                                                          opacity: 0; }
                                                                                                                                          .portfolio .info-overlay .item-img .info {
                                                                                                                                            color: #fff !important;
                                                                                                                                            position: absolute;
                                                                                                                                            top: 50%;
                                                                                                                                            left: 0;
                                                                                                                                            width: 100%;
                                                                                                                                            -webkit-transform: translateY(-50%);
                                                                                                                                            -ms-transform: translateY(-50%);
                                                                                                                                            transform: translateY(-50%);
                                                                                                                                            overflow: hidden;
                                                                                                                                            z-index: 2; }
                                                                                                                                            .portfolio .info-overlay .item-img .info h6,
                                                                                                                                            .portfolio .info-overlay .item-img .info .tag {
                                                                                                                                              -webkit-transform: translateY(100px);
                                                                                                                                              -ms-transform: translateY(100px);
                                                                                                                                              transform: translateY(100px);
                                                                                                                                              opacity: 0;
                                                                                                                                              -webkit-transition: all .6s;
                                                                                                                                              -o-transition: all .6s;
                                                                                                                                              transition: all .6s; }
                                                                                                                                              .portfolio .info-overlay .item-img .info h6 a,
                                                                                                                                              .portfolio .info-overlay .item-img .info .tag a {
                                                                                                                                                color: #fff !important; }
                                                                                                                                                .portfolio .info-overlay .item-img .info .tag {
                                                                                                                                                  -webkit-transition-delay: 0;
                                                                                                                                                  -o-transition-delay: 0;
                                                                                                                                                  transition-delay: 0; }

                                                                                                                                                  .portfolio .item-img {
                                                                                                                                                    position: relative;
                                                                                                                                                    height: 100%; }
                                                                                                                                                    .portfolio .item-img .info-over {
                                                                                                                                                      position: absolute;
                                                                                                                                                      bottom: 30px;
                                                                                                                                                      left: 30px;
                                                                                                                                                      opacity: 0; }

                                                                                                                                                      .video-wrapper {
                                                                                                                                                        min-height: 80vh; }
                                                                                                                                                        .video-wrapper .vid {
                                                                                                                                                          width: 100px;
                                                                                                                                                          height: 100px;
                                                                                                                                                          line-height: 100px;
                                                                                                                                                          text-align: center;
                                                                                                                                                          border: 1px solid #fff;
                                                                                                                                                          border-radius: 50%;
                                                                                                                                                          position: relative;
                                                                                                                                                          z-index: 5; }

                                                                                                                                                          .nex-prv {
                                                                                                                                                            display: -webkit-box;
                                                                                                                                                            display: -ms-flexbox;
                                                                                                                                                            display: flex;
                                                                                                                                                            border-top: 1px solid rgba(255, 255, 255, 0.05);
                                                                                                                                                            border-bottom: 1px solid rgba(255, 255, 255, 0.05); }
                                                                                                                                                            .nex-prv .nxt .img,
                                                                                                                                                            .nex-prv .prv .img {
                                                                                                                                                              padding: 30px;
                                                                                                                                                              background-size: cover;
                                                                                                                                                              background-position: center center;
                                                                                                                                                              position: relative;
                                                                                                                                                              -webkit-transition: all .4s;
                                                                                                                                                              -o-transition: all .4s;
                                                                                                                                                              transition: all .4s; }
                                                                                                                                                              .nex-prv .nxt .img:hover,
                                                                                                                                                              .nex-prv .prv .img:hover {
                                                                                                                                                                color: #fff; }
                                                                                                                                                                .nex-prv .nxt .img:hover:after,
                                                                                                                                                                .nex-prv .prv .img:hover:after {
                                                                                                                                                                  opacity: 0; }
                                                                                                                                                                  .nex-prv .nxt .img:after,
                                                                                                                                                                  .nex-prv .prv .img:after {
                                                                                                                                                                    content: '';
                                                                                                                                                                    position: absolute;
                                                                                                                                                                    top: 0;
                                                                                                                                                                    left: 0;
                                                                                                                                                                    width: 100%;
                                                                                                                                                                    height: 100%;
                                                                                                                                                                    background: #191b1d;
                                                                                                                                                                    -webkit-transition: all .4s;
                                                                                                                                                                    -o-transition: all .4s;
                                                                                                                                                                    transition: all .4s; }
                                                                                                                                                                    .nex-prv .nxt .img .overly,
                                                                                                                                                                    .nex-prv .prv .img .overly {
                                                                                                                                                                      position: absolute;
                                                                                                                                                                      top: 0;
                                                                                                                                                                      left: 0;
                                                                                                                                                                      width: 100%;
                                                                                                                                                                      height: 100%;
                                                                                                                                                                      background: #ff7425;
                                                                                                                                                                      opacity: .7; }
                                                                                                                                                                      .nex-prv .nxt .img .text-center,
                                                                                                                                                                      .nex-prv .prv .img .text-center {
                                                                                                                                                                        position: relative;
                                                                                                                                                                        z-index: 4; }
                                                                                                                                                                        .nex-prv .all-works {
                                                                                                                                                                          display: block;
                                                                                                                                                                          border-left: 1px solid rgba(255, 255, 255, 0.05);
                                                                                                                                                                          border-right: 1px solid rgba(255, 255, 255, 0.05);
                                                                                                                                                                          height: 100%;
                                                                                                                                                                          padding: 30px; }

                                                                                                                                                                          .grid-item-img {
                                                                                                                                                                            display: block;
                                                                                                                                                                            height: 100%;
                                                                                                                                                                            width: 100%; }

                                                                                                                                                                            .grid-item-img canvas {
                                                                                                                                                                              height: 100%; }

                                                                                                                                                                              .grid-item-img img {
                                                                                                                                                                                height: 100%;
                                                                                                                                                                                display: block; }

                                                                                                                                                                                .grid-item-img img:nth-child(2) {
                                                                                                                                                                                  position: absolute;
                                                                                                                                                                                  top: 0;
                                                                                                                                                                                  left: 0;
                                                                                                                                                                                  opacity: 0;
                                                                                                                                                                                  -webkit-transition: opacity 0.3s;
                                                                                                                                                                                  -o-transition: opacity 0.3s;
                                                                                                                                                                                  transition: opacity 0.3s; }

                                                                                                                                                                                  .grid-item:hover .grid-item-img img:nth-child(2) {
                                                                                                                                                                                    opacity: 1; }

                                                                                                                                                                                    .js .grid-item-img img {
                                                                                                                                                                                      display: none; }

/* ====================== [ End Work ] ====================== */
/* ====================== [ Start blocks ] ====================== */
.video {
  min-height: 80vh; }
  .video .play-button {
    width: 160px;
    height: 160px;
    line-height: 160px;
    text-align: center;
    margin: auto;
    border: 1px solid #fff;
    color: #fff;
    border-radius: 50%;
    font-size: 60px; }
    .video.states {
      min-height: auto; }
      .video.states .box {
        min-height: 70vh;
        position: relative;
        z-index: 4; }
        .video.states ul {
          position: absolute;
          left: 0;
          bottom: 0;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex; }
          .video.states ul li {
            min-width: 350px;
            padding: 40px 30px;
            background: rgba(0, 0, 0, 0.3);
            margin-right: 30px; }
            .video.states ul li h5 {
              font-size: 20px;
              font-weight: 500;
              line-height: 1.6;
              text-transform: capitalize; }
              .video.states ul .sd-color {
                background: #ff7425;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex; }
                .video.states ul .sd-color .numb {
                  margin-right: 30px;
                  font-size: 40px;
                  font-weight: 600; }
                  .video.states ul .sd-light {
                    background: #fff;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex; }
                    .video.states ul .sd-light .numb {
                      margin-right: 30px;
                      font-size: 40px;
                      font-weight: 600; }
                      .video.states ul .sd-light .numb,
                      .video.states ul .sd-light h5 {
                        color: #191919; }
                        .video.states ul .blur {
                          background: rgba(0, 0, 0, 0.2);
                          -webkit-backdrop-filter: blur(10px);
                          backdrop-filter: blur(10px);
                          display: -webkit-box;
                          display: -ms-flexbox;
                          display: flex; }
                          .video.states ul .blur .icon {
                            margin-left: auto;
                            width: 60px;
                            height: 60px;
                            line-height: 60px;
                            border: 1px solid #fff;
                            border-radius: 50%;
                            text-align: center;
                            font-size: 30px; }

                            .vid-bg {
                              position: relative;
                              width: 100%;
                              height: 400px;
                              border-radius: 30px;
                              overflow: hidden; }
                              .vid-bg:before {
                                background: #2e093b; }
                                .vid-bg .play-button {
                                  position: absolute;
                                  bottom: 50%;
                                  right: 50%;
                                  -webkit-transform: translateX(50%) translateY(50%);
                                  -ms-transform: translateX(50%) translateY(50%);
                                  transform: translateX(50%) translateY(50%);
                                  z-index: 2; }
                                  .vid-bg .btn {
                                    border-radius: 50%;
                                    background: rgba(255, 255, 255, 0.07);
                                    line-height: 85px;
                                    height: 98px;
                                    width: 98px;
                                    cursor: pointer;
                                    -webkit-transition-timing-function: cubic-bezier(0.4, 0.08, 0, 0.97);
                                    -o-transition-timing-function: cubic-bezier(0.4, 0.08, 0, 0.97);
                                    transition-timing-function: cubic-bezier(0.4, 0.08, 0, 0.97);
                                    color: #fff;
                                    -webkit-transform: scale(0.7);
                                    -ms-transform: scale(0.7);
                                    transform: scale(0.7);
                                    display: inline-block; }
                                    .vid-bg .btn:hover {
                                      color: #fff; }
                                      .vid-bg .text {
                                        display: inline-block;
                                        font-size: 12px;
                                        font-weight: 700;
                                        text-transform: uppercase; }
                                        .vid-bg .btn svg {
                                          position: absolute;
                                          left: 0;
                                          top: 0; }
                                          .vid-bg .circle {
                                            stroke-dasharray: 301.59px 301.59px;
                                            stroke-dashoffset: 301.59px;
                                            -webkit-transition: all 0.8s;
                                            -o-transition: all 0.8s;
                                            transition: all 0.8s;
                                            -webkit-transition-timing-function: cubic-bezier(0.4, 0.08, 0, 0.97);
                                            -o-transition-timing-function: cubic-bezier(0.4, 0.08, 0, 0.97);
                                            transition-timing-function: cubic-bezier(0.4, 0.08, 0, 0.97); }
                                            .vid-bg .btn:hover .circle {
                                              stroke-dashoffset: 0; }

                                              .error-split {
                                                min-height: 100vh;
                                                position: relative; }
                                                .error-split .dots-bg {
                                                  position: absolute;
                                                  top: 0;
                                                  left: 0;
                                                  width: 100%;
                                                  height: 100%;
                                                  background-size: auto;
                                                  background-repeat: repeat;
                                                  pointer-events: none;
                                                  opacity: .1;
                                                  z-index: -1; }
                                                  .error-split .half-img {
                                                    height: 100vh; }
                                                    .error-split .cont {
                                                      padding: 50px;
                                                      position: relative; }
                                                      .error-split .cont:after {
                                                        content: '';
                                                        width: 300px;
                                                        height: 300px;
                                                        border-radius: 50%;
                                                        background: -webkit-linear-gradient(226deg, #eee, transparent);
                                                        background: -o-linear-gradient(226deg, #eee, transparent);
                                                        background: linear-gradient(224deg, #eee, transparent);
                                                        position: absolute;
                                                        top: 50px;
                                                        right: 50px;
                                                        z-index: -1;
                                                        opacity: .02; }
                                                        .error-split .cont:before {
                                                          content: '';
                                                          width: 120px;
                                                          height: 120px;
                                                          border-radius: 50%;
                                                          background: -webkit-linear-gradient(35deg, #eee, transparent);
                                                          background: -o-linear-gradient(35deg, #eee, transparent);
                                                          background: linear-gradient(55deg, #eee, transparent);
                                                          position: absolute;
                                                          bottom: 20px;
                                                          left: 20px;
                                                          z-index: -1;
                                                          opacity: .02; }
                                                          .error-split .cont .back-home {
                                                            position: absolute;
                                                            top: 50px;
                                                            left: 50px; }
                                                            .error-split .cont .back-home a {
                                                              position: relative;
                                                              display: inline-block;
                                                              padding: 0 30px; }
                                                              .error-split .cont .back-home a:after {
                                                                content: '';
                                                                position: absolute;
                                                                top: 50%;
                                                                left: 0;
                                                                width: 55px;
                                                                height: 55px;
                                                                -webkit-transform: translateY(-50%);
                                                                -ms-transform: translateY(-50%);
                                                                transform: translateY(-50%);
                                                                background: #ff7425;
                                                                border-radius: 100px;
                                                                z-index: -1;
                                                                -webkit-transition: all .4s;
                                                                -o-transition: all .4s;
                                                                transition: all .4s; }
                                                                .error-split .cont .back-home a:hover:after {
                                                                  width: 100%; }
                                                                  .error-split .cont h1 {
                                                                    font-size: 9vw;
                                                                    font-weight: 800;
                                                                    background: url(../img/404.gif) no-repeat;
                                                                    background-size: cover;
                                                                    background-position: center center;
                                                                    -webkit-background-clip: text;
                                                                    -webkit-text-fill-color: transparent; }

                                                                    .coming-soon .clockdiv {
                                                                      display: -webkit-box;
                                                                      display: -ms-flexbox;
                                                                      display: flex;
                                                                      width: 100%; }
                                                                      .coming-soon .clockdiv li {
                                                                        color: #fff;
                                                                        width: 25%;
                                                                        position: relative; }
                                                                        .coming-soon .clockdiv li:after, .coming-soon .clockdiv li:before {
                                                                          content: '';
                                                                          width: 12px;
                                                                          height: 12px;
                                                                          background: #ff7425;
                                                                          border-radius: 50%;
                                                                          position: absolute;
                                                                          right: 0; }
                                                                          .coming-soon .clockdiv li:after {
                                                                            top: 25%; }
                                                                            .coming-soon .clockdiv li:before {
                                                                              bottom: 25%; }
                                                                              .coming-soon .clockdiv li:last-of-type:after, .coming-soon .clockdiv li:last-of-type:before {
                                                                                display: none; }

                                                                                .coming-soon .back-home a {
                                                                                  color: #fff;
                                                                                  position: relative;
                                                                                  display: inline-block;
                                                                                  padding: 0 30px; }
                                                                                  .coming-soon .back-home a:after {
                                                                                    content: '';
                                                                                    position: absolute;
                                                                                    top: 50%;
                                                                                    left: 0;
                                                                                    width: 55px;
                                                                                    height: 55px;
                                                                                    -webkit-transform: translateY(-50%);
                                                                                    -ms-transform: translateY(-50%);
                                                                                    transform: translateY(-50%);
                                                                                    background: #ff7425;
                                                                                    border-radius: 100px;
                                                                                    z-index: -1;
                                                                                    -webkit-transition: all .4s;
                                                                                    -o-transition: all .4s;
                                                                                    transition: all .4s; }
                                                                                    .coming-soon .back-home a:hover:after {
                                                                                      width: 100%; }

/* ====================== [ End blocks ] ====================== */
/* ====================== [ Start services ] ====================== */
.process-line {
  position: relative; }
  .process-line:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
    .process-line .item {
      position: relative;
      padding-top: 80px;
      padding-right: 40px; }
      .process-line .item:after {
        content: '';
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: #777;
        position: absolute;
        top: -5px;
        left: 0;
        z-index: 2; }
        .process-line .item .numb {
          position: absolute;
          top: 30px;
          right: 30px; }

/* ====================== [ End services ] ====================== */
/* ====================== [ Start Pricing ] ====================== */
.price .price-table .item {
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 0; }
  .price .price-table .item .type {
    padding: 15px;
    background: rgba(255, 255, 255, 0.03);
    text-align: center; }
    .price .price-table .item .content {
      padding: 0 50px 0 50px; }
      .price .price-table .item .offer li {
        margin-bottom: 11px; }
        .price .price-table .item .offer li:last-of-type {
          margin-bottom: 0; }
          .price .price-table .item .offer li.dis {
            opacity: .4; }
            .price .price-table .item .offer li .icon {
              margin-right: 10px; }
              .price .price-table .item .order a {
                display: block;
                background: rgba(255, 255, 255, 0.03);
                padding: 15px;
                -webkit-transition: all .4s;
                -o-transition: all .4s;
                transition: all .4s; }
                .price .price-table .item .order a:hover {
                  background: #2866eb; }
                  .price .price-table .item.active .order a {
                    background: #2866eb;
                    color: #fff; }

/* ====================== [ End Pricing ] ====================== */
/* ====================== [ Start progress bar ] ====================== */
.skills-box .skill-progress {
  height: 4px;
  background-color: rgba(255, 255, 255, 0.05);
  position: relative; }
  .skills-box .skill-progress .progres {
    position: absolute;
    height: 100%;
    width: 0;
    top: 0;
    left: 0;
    background-color: #fff;
    -webkit-transition: all 1.5s;
    -o-transition: all 1.5s;
    transition: all 1.5s; }
    .skills-box .skill-progress .progres:after {
      content: attr(data-value);
      position: absolute;
      right: 10px;
      top: -25px;
      font-size: 12px;
      font-weight: 600; }

/* ====================== [ End progress bar ] ====================== */
/* ====================== [ Start tabs & list ] ====================== */
.simpl-bord.nav-tabs {
  padding-bottom: 30px;
  margin-bottom: 30px; }

  .simpl-bord .nav-item {
    margin-right: 50px; }
    .simpl-bord .nav-item:last-of-type {
      margin-right: 0; }

      .simpl-bord .nav-link {
        padding: 0;
        border: 0;
        color: inherit;
        background: transparent !important;
        font-weight: 500;
        cursor: pointer; }
        .simpl-bord .nav-link.active {
          font-weight: 600;
          color: #ff7425; }

          .list.bord-left {
            padding-left: 20px;
            border-left: 4px solid #eee;
            border-radius: 5px 0 0 5px; }

            .list.shad .box {
              padding: 20px;
              border-radius: 10px;
              -webkit-box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.1);
              box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.1); }

              .check-list li .icon {
                width: 35px;
                height: 35px;
                line-height: 35px;
                text-align: center;
                border-radius: 50%;
                font-size: 12px; }

                .bult-list li {
                  padding-left: 30px;
                  position: relative; }
                  .bult-list li:after {
                    content: '';
                    width: 7px;
                    height: 7px;
                    border-radius: 50%;
                    background: #999;
                    position: absolute;
                    top: 50%;
                    left: 0;
                    -webkit-transform: translateY(-50%);
                    -ms-transform: translateY(-50%);
                    transform: translateY(-50%); }

                    .dash-list li {
                      padding-left: 30px;
                      position: relative; }
                      .dash-list li:after {
                        content: '';
                        width: 10px;
                        border-bottom: 1px solid #999;
                        position: absolute;
                        top: 50%;
                        left: 0;
                        -webkit-transform: translateY(-50%);
                        -ms-transform: translateY(-50%);
                        transform: translateY(-50%); }

/* ====================== [ Start tabs & list ] ====================== */
/* ====================== [ Start Team ] ====================== */
.team-carsouel .item {
  overflow: hidden; }
  .team-carsouel .item .img {
    position: relative; }
    .team-carsouel .item .img .info {
      position: absolute;
      bottom: 0;
      left: 20px;
      right: 20px;
      padding: 30px 20px;
      background: #191b1d;
      -webkit-transform: translateY(110%);
      -ms-transform: translateY(110%);
      transform: translateY(110%);
      -webkit-transition: all .4s;
      -o-transition: all .4s;
      transition: all .4s; }
      .team-carsouel .item:hover .img .info {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0); }

        .teams .max-margin {
          margin-left: -40px;
          margin-right: -40px; }
          .teams .max-margin .lg-marg {
            padding-left: 40px;
            padding-right: 40px; }

/* ====================== [ End Team ] ====================== */
/* ====================== [ Start Testimonials ] ====================== */
.testim-simple .qoute-icon {
  width: 200px;
  height: 200px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  line-height: 200px;
  text-align: center; }
  .testim-simple .qoute-icon img {
    width: 60px; }

    .testim-simple .qout-icon svg {
      width: 60px;
      -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(180deg); }

      .testim-simple .cle-img {
        width: 180px;
        height: 180px;
        border-radius: 50%;
        position: relative;
        margin: 20px auto;
        z-index: 2; }
        .testim-simple .cle-img:before, .testim-simple .cle-img:after {
          content: '';
          width: 100%;
          height: 100%;
          position: absolute;
          top: -20px;
          right: -20px;
          border: 1px solid rgba(255, 255, 255, 0.05);
          border-radius: 50%;
          z-index: -1; }
          .testim-simple .cle-img:after {
            top: 20px;
            right: 20px; }

            .testim-simple .bg-text {
              position: absolute;
              bottom: -10px;
              right: -10px; }
              .testim-simple .bg-text h2 {
                font-size: 5vw;
                line-height: 1;
                opacity: .1; }

                .testim-half {
                  position: relative; }
                  .testim-half .half-img {
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 50%;
                    height: 100%;
                    z-index: 0; }
                    .testim-half .qout-icon {
                      -webkit-transform: rotateZ(180deg);
                      -ms-transform: rotate(180deg);
                      transform: rotateZ(180deg);
                      display: inline-block;z-index: 1;position: relative; }

/* ====================== [ End Testimonials ] ====================== */
/* ====================== [ Start Blog ] ====================== */
.mblog .post-bg-img {
  min-height: 600px;
  border-radius: 5px;
  overflow: hidden;
  position: relative;
  border-radius: 1.5rem;
}
.mblog .post-bg-img .cont {
  color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 30px;
  z-index: 2;
}
.mblog .post-bg-img .cont .date {
  display: inline-block;
  padding: 10px 30px;
  border: 1px solid #fff;
  background: rgba(255, 255, 255, 0.15);
  border-radius: 30px; }
  .mblog .post-bg-img:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left bottom, left top, from(#191b1d), color-stop(#191b1d), to(transparent));
    background: -webkit-linear-gradient(bottom, #191b1d, #191b1d, transparent);
    background: -o-linear-gradient(bottom, #191b1d, #191b1d, transparent);
    background: linear-gradient(0deg, #191b1d, #191b1d42, transparent);
    /* opacity: .7; */
  }

  .mblog .post-clas {
    padding-left: 60px; }
    .mblog .post-clas .img {
      border-radius: 5px;
      overflow: hidden; }

      .mblog .post-box {
        padding: 0 30px 40px;
        border: 1px solid rgba(255, 255, 255, 0.05);
        margin-top: 40px; }
        .mblog .post-box .img {
          margin-top: -40px; }
          .mblog .post-box .cont .date-box {
            padding: 10px;
            border: 1px solid rgba(255, 255, 255, 0.15);
            text-align: center; }
            .mblog .post-box.box-shad {
              padding: 0;
              margin: 0;
              -webkit-box-shadow: 0px 15px 40px rgba(0, 0, 0, 0.05);
              box-shadow: 0px 15px 40px rgba(0, 0, 0, 0.05);
              border-radius: 5px;
              overflow: hidden; }
              .mblog .post-box.box-shad .img {
                margin-top: 0;
                position: relative; }
                .mblog .post-box.box-shad .img .tag {
                  padding: 8px 25px;
                  background: #2866eb;
                  bottom: 20px;
                  left: 20px;
                  color: #fff;
                  width: 100%;}
                  .mblog .post-box.box-shad .cont {
                    padding: 0 30px 30px; }

                    .mblog .cont .more {
                      text-decoration: underline; }

                      .blog-modern .item {
                        padding-right: 60px; }
                        .blog-modern .item .img {
                          position: relative; }
                          .blog-modern .item .img .date {
                            font-size: 13px;
                            text-transform: uppercase;
                            letter-spacing: 1px;
                            position: absolute;
                            top: 60px;
                            right: -60px;
                            -webkit-transform: rotate(-90deg) translateX(-50%) translateY(100%);
                            -ms-transform: rotate(-90deg) translateX(-50%) translateY(100%);
                            transform: rotate(-90deg) translateX(-50%) translateY(100%);
                            opacity: .7; }
                            .blog-modern .item .img .date:after {
                              content: '';
                              position: absolute;
                              top: 50%;
                              right: -70px;
                              width: 50px;
                              border-bottom: 1px solid #cecece; }

                              .blog .item-img {
                                position: relative;
                                overflow: hidden; }
                                .blog .item-img:hover .cont {
                                  top: 0; }
                                  .blog .item-img .img {
                                    position: relative; }
                                    .blog .item-img .img:before {
                                      content: '';
                                      position: absolute;
                                      top: 0;
                                      left: 0;
                                      bottom: 0;
                                      right: 0;
                                      background: #191b1d;
                                      opacity: .4; }
                                      .blog .item-img .img .cont-over {
                                        position: absolute;
                                        bottom: 30px;
                                        left: 30px;
                                        right: 30px;
                                        z-index: 2; }
                                        .blog .item-img .cont {
                                          position: absolute;
                                          top: 110%;
                                          left: 0;
                                          width: 100%;
                                          height: 100%;
                                          padding: 50px 30px;
                                          background: #ff7425;
                                          -webkit-transition: all .4s;
                                          -o-transition: all .4s;
                                          transition: all .4s;
                                          z-index: 3; }
                                          .blog .item-img .cont p {
                                            color: #eee;
                                            margin-top: 15px; }
                                            .blog .item-img .cont .more {
                                              position: absolute;
                                              bottom: 50px;
                                              left: 30px;
                                              margin-bottom: 0; }

                                              .blog .side-img {
                                                background: rgba(255, 255, 255, 0.02);
                                                overflow: hidden; }
                                                .blog .side-img .img {
                                                  min-height: 350px;
                                                  height: 100%; }
                                                  .blog .side-img .cont {
                                                    padding: 50px 35px; }
                                                    .blog .side-img .cont .info {
                                                      padding-top: 40px;
                                                      margin-top: 40px;
                                                      border-top: 1px solid rgba(255, 255, 255, 0.15); }
                                                      .blog .side-img .cont .info .gat {
                                                        padding: 8px 20px;
                                                        border-radius: 30px;
                                                        border: 1px solid #eee;
                                                        font-size: 13px;
                                                        -webkit-transition: all .4s;
                                                        -o-transition: all .4s;
                                                        transition: all .4s; }
                                                        .blog .side-img .cont .info .gat:hover {
                                                          background: #ff7425;
                                                          border-color: transparent;
                                                          color: #fff; }

                                                          .blog .main-posts .post-clas .img {
                                                            height: 500px; }
                                                            .blog .main-posts .post-clas .img img {
                                                              width: 100%;
                                                              height: 100%;
                                                              -o-object-fit: cover;
                                                              object-fit: cover; }

                                                              .blog .main-posts.masonry .post-clas .img {
                                                                height: auto; }

                                                                .blog .main-posts.grids .post-clas .img {
                                                                  height: 350px; }

                                                                  .blog-overlay .item {
                                                                    border-radius: 10px;
                                                                    overflow: hidden; }
                                                                    .blog-overlay .item .img {
                                                                      position: relative;
                                                                      height: 340px; }
                                                                      .blog-overlay .item .img img {
                                                                        width: 100%;
                                                                        height: 100%;
                                                                        -o-object-fit: cover;
                                                                        object-fit: cover; }
                                                                        .blog-overlay .item .img:after {
                                                                          content: '';
                                                                          position: absolute;
                                                                          top: 0;
                                                                          left: 0;
                                                                          width: 100%;
                                                                          height: 100%;
                                                                          background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#191b1d));
                                                                          background: -webkit-linear-gradient(top, transparent, #191b1d);
                                                                          background: -o-linear-gradient(top, transparent, #191b1d);
                                                                          background: linear-gradient(180deg, transparent, #191b1d);
                                                                          opacity: .9; }
                                                                          .blog-overlay .item .img .cont {
                                                                            color: #fff;
                                                                            position: absolute;
                                                                            padding: 30px;
                                                                            bottom: 0;
                                                                            left: 0;
                                                                            width: 100%;
                                                                            z-index: 2; }

                                                                            .main-post .item {
                                                                              border-bottom: 1px dashed rgba(255, 255, 255, 0.15); }

                                                                              .main-post .main-img {
                                                                                -webkit-box-shadow: 0px 20px 40px rgba(13, 11, 27, 0.15);
                                                                                box-shadow: 0px 20px 40px rgba(13, 11, 27, 0.15);
                                                                                overflow: hidden; }

                                                                                .main-post .post-qoute {
                                                                                  position: relative;
                                                                                  padding: 40px;
                                                                                  padding-left: 120px;
                                                                                  border: 1px solid rgba(255, 255, 255, 0.15); }
                                                                                  .main-post .post-qoute h6 {
                                                                                    position: relative; }
                                                                                    .main-post .post-qoute h6:before {
                                                                                      content: '“';
                                                                                      position: absolute;
                                                                                      top: 80px;
                                                                                      left: -100px;
                                                                                      font-size: 180px;
                                                                                      font-family: Poppins;
                                                                                      line-height: 0; }

                                                                                      .main-post .iner-img {
                                                                                        height: 400px; }
                                                                                        .main-post .iner-img img {
                                                                                          width: 100%;
                                                                                          height: 100%;
                                                                                          -o-object-fit: cover;
                                                                                          object-fit: cover;
                                                                                          -o-object-position: center;
                                                                                          object-position: center; }

                                                                                          .main-post .unorder-list li,
                                                                                          .main-post .order-list li {
                                                                                            margin-top: 10px;
                                                                                            opacity: .7;
                                                                                            padding-left: 15px;
                                                                                            position: relative; }
                                                                                            .main-post .unorder-list li:before,
                                                                                            .main-post .order-list li:before {
                                                                                              content: '';
                                                                                              width: 5px;
                                                                                              height: 5px;
                                                                                              border-radius: 50%;
                                                                                              background: #ccc;
                                                                                              position: absolute;
                                                                                              left: 0;
                                                                                              top: 10px; }

                                                                                              .main-post .order-list li {
                                                                                                padding-left: 0; }
                                                                                                .main-post .order-list li:before {
                                                                                                  display: none; }
                                                                                                  .main-post .order-list li span {
                                                                                                    font-size: 13px; }

                                                                                                    .main-post .info-area {
                                                                                                      border-bottom: 1px solid rgba(255, 255, 255, 0.15); }
                                                                                                      .main-post .info-area .tags span,
                                                                                                      .main-post .info-area .share-icon span {
                                                                                                        font-size: 14px;
                                                                                                        margin-right: 5px;
                                                                                                        opacity: .7; }
                                                                                                        .main-post .info-area .tags a,
                                                                                                        .main-post .info-area .share-icon a {
                                                                                                          padding: 7px 20px;
                                                                                                          font-size: 13px;
                                                                                                          background: rgba(255, 255, 255, 0.02);
                                                                                                          border-radius: 30px;
                                                                                                          margin-right: 5px; }
                                                                                                          .main-post .info-area .tags a:hover,
                                                                                                          .main-post .info-area .share-icon a:hover {
                                                                                                            background: #ff7425;
                                                                                                            color: #fff; }
                                                                                                            .main-post .info-area .share-icon a {
                                                                                                              width: 35px;
                                                                                                              height: 35px;
                                                                                                              line-height: 35px;
                                                                                                              font-size: 11px;
                                                                                                              text-align: center;
                                                                                                              padding: 0; }

                                                                                                              .main-post .author-area .author-img .img {
                                                                                                                width: 120px;
                                                                                                                height: 120px;
                                                                                                                border-radius: 50%;
                                                                                                                overflow: hidden; }

                                                                                                                .main-post .next-prv-post .thumb-post {
                                                                                                                  width: 100%;
                                                                                                                  padding: 40px;
                                                                                                                  position: relative;
                                                                                                                  overflow: hidden;
                                                                                                                  z-index: 2; }
                                                                                                                  .main-post .next-prv-post .thumb-post:after {
                                                                                                                    content: '';
                                                                                                                    background: #191b1d;
                                                                                                                    position: absolute;
                                                                                                                    top: 0;
                                                                                                                    left: 0;
                                                                                                                    right: 0;
                                                                                                                    bottom: 0;
                                                                                                                    border: 1px solid #eee;
                                                                                                                    z-index: -1;
                                                                                                                    -webkit-transition: all .4s;
                                                                                                                    -o-transition: all .4s;
                                                                                                                    transition: all .4s; }
                                                                                                                    .main-post .next-prv-post .thumb-post:hover h6 {
                                                                                                                      color: #fff; }
                                                                                                                      .main-post .next-prv-post .thumb-post:hover:after {
                                                                                                                        opacity: .2; }
                                                                                                                        .main-post .next-prv-post .thumb-post:first-of-type {
                                                                                                                          margin-right: 15px; }
                                                                                                                          .main-post .next-prv-post .thumb-post:last-of-type {
                                                                                                                            margin-left: 15px; }

                                                                                                                            .comments-post .item-box {
                                                                                                                              padding: 30px;
                                                                                                                              border: 1px solid rgba(255, 255, 255, 0.2);
                                                                                                                              margin-bottom: 30px; }
                                                                                                                              .comments-post .item-box:last-of-type {
                                                                                                                                margin-bottom: 0; }
                                                                                                                                .comments-post .item-box.replayed {
                                                                                                                                  margin-left: 50px;
                                                                                                                                  border: 1px solid rgba(255, 255, 255, 0.05); }
                                                                                                                                  .comments-post .item-box .replay-post a {
                                                                                                                                    font-size: 13px;
                                                                                                                                    padding: 8px 20px;
                                                                                                                                    border: 1px solid #eee;
                                                                                                                                    border-radius: 30px;
                                                                                                                                    -webkit-transition: all .4s;
                                                                                                                                    -o-transition: all .4s;
                                                                                                                                    transition: all .4s; }
                                                                                                                                    .comments-post .item-box .replay-post a:hover {
                                                                                                                                      background: #ff7425;
                                                                                                                                      color: #fff; }

                                                                                                                                      .comments-from form input,
                                                                                                                                      .comments-from form textarea {
                                                                                                                                        color: #fff;
                                                                                                                                        padding: 15px 0;
                                                                                                                                        width: 100%;
                                                                                                                                        background: transparent;
                                                                                                                                        border: 0;
                                                                                                                                        border-bottom: 1px solid rgba(255, 255, 255, 0.15); }

                                                                                                                                        .comments-from form button {
                                                                                                                                          background: transparent;
                                                                                                                                          color: #fff;
                                                                                                                                          margin: auto;
                                                                                                                                          text-align: center; }
                                                                                                                                          .comments-from form button:hover {
                                                                                                                                            background: #ff7425;
                                                                                                                                            border-color: #ff7425; }

                                                                                                                                            .side-bar .search-box {
                                                                                                                                              position: relative; }
                                                                                                                                              .side-bar .search-box input {
                                                                                                                                                padding: 15px;
                                                                                                                                                border: 1px solid #eee;
                                                                                                                                                border-radius: 5px;
                                                                                                                                                width: 100%;
                                                                                                                                                background: #191b1d;
                                                                                                                                                color: #fff; }
                                                                                                                                                .side-bar .search-box .icon {
                                                                                                                                                  position: absolute;
                                                                                                                                                  top: 50%;
                                                                                                                                                  right: 15px;
                                                                                                                                                  -webkit-transform: translateY(-50%);
                                                                                                                                                  -ms-transform: translateY(-50%);
                                                                                                                                                  transform: translateY(-50%); }

                                                                                                                                                  .side-bar .widget {
                                                                                                                                                    padding: 50px 30px;
                                                                                                                                                    margin-top: 50px;
                                                                                                                                                    border: 1px solid rgba(255, 255, 255, 0.15);
                                                                                                                                                    background: #191b1d; }
                                                                                                                                                    .side-bar .widget .title-widget {
                                                                                                                                                      margin-bottom: 25px; }
                                                                                                                                                      .side-bar .widget.catogry li {
                                                                                                                                                        display: -webkit-box;
                                                                                                                                                        display: -ms-flexbox;
                                                                                                                                                        display: flex;
                                                                                                                                                        font-size: 14px;
                                                                                                                                                        margin-bottom: 15px; }
                                                                                                                                                        .side-bar .widget.catogry li:last-of-type {
                                                                                                                                                          margin-bottom: 0; }
                                                                                                                                                          .side-bar .widget.last-post-thum .item {
                                                                                                                                                            display: -webkit-box;
                                                                                                                                                            display: -ms-flexbox;
                                                                                                                                                            display: flex;
                                                                                                                                                            margin-bottom: 30px; }
                                                                                                                                                            .side-bar .widget.last-post-thum .item:last-of-type {
                                                                                                                                                              margin-bottom: 0; }
                                                                                                                                                              .side-bar .widget.last-post-thum .item .img {
                                                                                                                                                                width: 70px;
                                                                                                                                                                height: 70px;
                                                                                                                                                                border-radius: 5px;
                                                                                                                                                                overflow: hidden; }
                                                                                                                                                                .side-bar .widget.last-post-thum .item .img a {
                                                                                                                                                                  width: 100%;
                                                                                                                                                                  height: 100%; }
                                                                                                                                                                  .side-bar .widget.last-post-thum .item .img img {
                                                                                                                                                                    width: 100%;
                                                                                                                                                                    height: 100%;
                                                                                                                                                                    -o-object-fit: cover;
                                                                                                                                                                    object-fit: cover; }
                                                                                                                                                                    .side-bar .widget.last-post-thum .item .cont {
                                                                                                                                                                      padding-left: 15px; }
                                                                                                                                                                      .side-bar .widget.last-post-thum .item .cont h6 {
                                                                                                                                                                        font-size: 16px; }
                                                                                                                                                                        .side-bar .widget.last-post-thum .item .cont span {
                                                                                                                                                                          font-size: 13px;
                                                                                                                                                                          opacity: .8;
                                                                                                                                                                          margin-top: 10px; }
                                                                                                                                                                          .side-bar .widget.tags a {
                                                                                                                                                                            padding: 8px 15px;
                                                                                                                                                                            border-radius: 5px;
                                                                                                                                                                            background: rgba(255, 255, 255, 0.02);
                                                                                                                                                                            font-size: 13px;
                                                                                                                                                                            margin: 2px 0;
                                                                                                                                                                            -webkit-transition: all .4s;
                                                                                                                                                                            -o-transition: all .4s;
                                                                                                                                                                            transition: all .4s; }
                                                                                                                                                                            .side-bar .widget.tags a:hover {
                                                                                                                                                                              background: #ff7425; }
                                                                                                                                                                              .side-bar .widget.gallry li {
                                                                                                                                                                                width: 33.3333%;
                                                                                                                                                                                height: 100px;
                                                                                                                                                                                padding: 5px; }
                                                                                                                                                                                .side-bar .widget.gallry li a {
                                                                                                                                                                                  width: 100%;
                                                                                                                                                                                  height: 100%; }
                                                                                                                                                                                  .side-bar .widget.gallry li a img {
                                                                                                                                                                                    width: 100%;
                                                                                                                                                                                    height: 100%;
                                                                                                                                                                                    -o-object-fit: cover;
                                                                                                                                                                                    object-fit: cover; }

/* ====================== [ End Blog ] ====================== */
/* ====================== [ Start Call To Action  ] ====================== */
.call-action-simp .bord-box {
  position: relative; }
  .call-action-simp .bord-box:after {
    content: '';
    position: absolute;
    border-left: 1px solid rgba(255, 255, 255, 0.05);
    border-right: 1px solid rgba(255, 255, 255, 0.05);
    top: -200px;
    bottom: -200px;
    left: 15px;
    right: 15px;
    z-index: 4;
    pointer-events: none; }
    .call-action-simp .bord-box .row {
      padding: 0 15px; }

      .call-box-half {
        position: relative; }
        .call-box-half:after {
          content: '';
          position: absolute;
          top: 0;
          bottom: 0;
          left: 50%;
          border-left: 1px solid #eee;
          opacity: .05; }
          .call-box-half .item {
            min-height: 400px;
            padding: 100px; }

            .item.valign.padd40 {
    padding: 40px;
}

            .call-box-half .item-risked {

              padding: 20px 0 0; }

             /* @keyframes strike {
                from { text-decoration-color: transparent; }
                to { text-decoration-color: auto; }
              }

              .strikeon {  

                text-decoration: line-through red;
                animation: strike 4s linear;
              }*/

              @keyframes strike{
                0%   { width : 0; }
                100% { width: 100%; }
              }

              .strikeon {
                position: relative;
              }

              .strikeon::after {
                content: ' ';
                position: absolute;
                top: 50%;
                left: 0;
                width: 100%;
                height: 1.5px;
                background: red;
                animation-name: strike;
                animation-duration: 2.5s;
                animation-timing-function: linear;
                animation-iteration-count: 1;
                animation-fill-mode: forwards;
              }

              /*.strike {position:relative; }

              .strike::after {
                content:'';
                display: none;
                position:absolute;
                top:50%; left:-3%;
                width:0; height:10px;
                opacity:80%;
                transform:translateY(-50%);
                background:repeat-x url(https://ultraweb.com.br/assets/img/icons/strike.png);
                animation: strike 2s linear .3s 1 forwards;
              }
              @keyframes strike { to { width: 106%; } }*/


/* ====================== [ End Call To Action  ] ====================== */
/* ====================== [ Start Numbers & Counter  ] ====================== */
.number-sec .item {
  text-align: center;
  padding: 0 25px; }
  .number-sec .item .icon {
    font-size: 70px;
    margin-bottom: 40px; }
    .number-sec .item h3 {
      letter-spacing: 2px;
      margin-bottom: 15px; }

      .numbers .item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        .numbers .item .numb {
          padding-right: 30px; }
          .numbers .item .numb h3 {
            font-size: 50px;
            line-height: 1; }
            .numbers .item .numb h3 i {
              font-size: 20px;
              font-style: italic; }

              .numbers.style2 .item {
                text-align: center; }
                .numbers.style2 .item .numb {
                  padding: 0; }

/* ====================== [ End Numbers & Counter  ] ====================== */
/* ====================== [ Start accordion ] ====================== */
.accordion .item {
  margin-bottom: 30px; }

  .accordion .title {
    padding: 15px 50px 15px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    cursor: pointer;
    position: relative; }
    .accordion .title .ico {
      position: absolute;
      top: 50%;
      right: 20px;
      width: 15px;
      height: 1px;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      background: #fff; }

      .accordion .accordion-info {
        display: none;
        margin-top: 30px; }

        .accordion .active {
          display: block; }
          .accordion .active .title .ico:after {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            width: 1px;
            height: 15px;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            background: #fff; }

/* ====================== [ End accordion ] ====================== */
/* ====================== [ Start contact ] ====================== */
.google-maps {
  height: 100%;
  min-height: 450px;
  width: 100%;
  position: relative;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%); }
  .google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

    .contact .form .form-group {
      margin-bottom: 30px; }
      .contact .form .form-group input,
      .contact .form .form-group textarea {
        color: #fff;
        padding: 15px 20px;
        background: rgba(255, 255, 255, 0.05);
        border: 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
        width: 100%; }

        .contact .form textarea {
          min-height: 180px; }

          .contact .form button {
            padding: 0 30px;
            background: transparent;
            border: 0;
            color: #fff;
            position: relative; }
            .contact .form button:after {
              content: '';
              position: absolute;
              top: 50%;
              left: 0;
              width: 60px;
              height: 60px;
              -webkit-transform: translateY(-50%);
              -ms-transform: translateY(-50%);
              transform: translateY(-50%);
              background: #ff7425;
              border-radius: 100px;
              z-index: -1;
              -webkit-transition: all .4s;
              -o-transition: all .4s;
              transition: all .4s; }
              .contact .form button:hover:after {
                width: 100%; }

                .contact .social .icon {
                  width: 55px;
                  height: 55px;
                  line-height: 55px;
                  text-align: center;
                  border: 1px solid rgba(255, 255, 255, 0.2);
                  border-radius: 50%;
                  -webkit-transition: all .4s;
                  -o-transition: all .4s;
                  transition: all .4s; }
                  .contact .social .icon:hover {
                    background: #ff7425;
                    border-color: transparent; }

/* ====================== [ End contact ] ====================== */
/* ====================== [ Start Footer ] ====================== */
footer.main-footer .subscribe form {
  position: relative; }
  footer.main-footer .subscribe form input {
    width: 100%;
    padding: 25px 30px;
    padding-right: 210px;
    background: #fff;
    border: 0;
    -webkit-box-shadow: 0px 10px 50px -10px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 10px 50px -10px rgba(0, 0, 0, 0.1); }
    footer.main-footer .subscribe form input::-webkit-input-placeholder {
      opacity: .7; }
      footer.main-footer .subscribe form input:-ms-input-placeholder {
        opacity: .7; }
        footer.main-footer .subscribe form input::-ms-input-placeholder {
          opacity: .7; }
          footer.main-footer .subscribe form input::placeholder {
            opacity: .7; }
            footer.main-footer .subscribe form button {
              position: absolute;
              right: 0;
              top: 0;
              bottom: 0;
              width: 180px;
              text-align: center;
              border: 0;
              border-left: 1px solid #eee;
              padding: 25px 30px; }

              footer.main-footer .top-links ul {
                margin: 0;
                padding: 0; }
                footer.main-footer .top-links ul li {
                  display: inline-block;
                  margin-left: 30px; }

                  footer.main-footer .clumn .logo {
                    max-width: 150px; }

                    footer.main-footer .clumn .logo h5 {
                      font-size: 19px;
                      margin-bottom: 20px;
                    }

                    footer.main-footer .clumn ul {
                      margin: 0;
                      padding: 0; }

                      footer.main-footer .clumn .social.circle-bord a {
                        border-color: #e3e3e3;
                        font-size: 12px; }

                        footer.main-footer .clumn .rc-post li .img {
                          width: 120px; }

                          footer.main-footer .clumn .rc-post li .cont {
                            width: 100%;
                            padding-left: 20px; }

                            footer .logo {
                              max-width: 100px;
                              position: relative; }
                              footer .logo .logo-dark {
                                position: absolute;
                                top: 0;
                                left: 0;
                                width: 100%;
                                height: 100%;
                                opacity: 0;
                                visibility: hidden; }

                                .crv-footer .call-buton {
                                  width: 200px;
                                  height: 200px;
                                  margin-left: auto;
                                  border: 1px solid #fff;
                                  border-radius: 50%;
                                  -webkit-transition: all .4s;
                                  -o-transition: all .4s;
                                  transition: all .4s; }
                                  .crv-footer .call-buton:hover {
                                    background: #fff;
                                    -webkit-box-shadow: 0px 0px 50px rgba(255, 255, 255, 0.15);
                                    box-shadow: 0px 0px 50px rgba(255, 255, 255, 0.15);
                                    color: #191b1d; }
                                    .crv-footer .call-buton a {
                                      width: 100%; }

                                      .crv-footer .subs .form-group {
                                        margin: 0;
                                        padding: 0;
                                        position: relative; }

                                        .crv-footer .subs input {
                                          width: 100%;
                                          padding: 15px 60px 15px 15px;
                                          background: rgba(255, 255, 255, 0.02);
                                          border: 0;
                                          border-bottom: 1px solid rgba(255, 255, 255, 0.2);
                                          color: #fff; }

                                          .crv-footer .subs button {
                                            padding: 15px 0;
                                            background: 0;
                                            border: 0;
                                            position: absolute;
                                            top: 0;
                                            right: 15px;
                                            color: #fff; }

/* ====================== [ End Footer ] ====================== */
/* ====================== [ Start Helper Classes  ] ====================== */
.o-hidden {
  overflow: hidden; }

  .position-re {
    position: relative; }

    .position-abs {
      position: absolute; }

      .revers-x {
        -webkit-transform: rotateX(180deg);
        transform: rotateX(180deg); }

        .revers-y {
          -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg); }

          .full-over {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0; }

            .ontop {
              position: relative;
              z-index: 7; }

              .rest {
                padding: 0 !important;
                margin: 0 !important; }

                img.out-box {
                  width: 140%; }

                  img.left {
                    margin-left: -40%; }

                    .sub-bg {
                      background: #16181a; }

                      .sub-bg2 {
                        background: #1d1f21; }

                        .stroke {
                          color: transparent !important;
                          -webkit-text-stroke: 1px #fff; }
                          .stroke.main-color {
                            color: transparent !important;
                            -webkit-text-stroke: 1px #ff7425; }

                            .nowrap {
                              white-space: nowrap; }

                              .main-color {
                                color: #2866eb !important }

                                .green-color {
                                  color: #8ae934;
                                }

                                .main-color-green {
                                  color: #8ae934 !important }

                                  .main-color-green-dark {
                                    color: #00af6c !important }

                                    .main-color-purple {
                                      color: #ab88ff !important }

                                      h1.h1-60 {
                                        font-size: 60px;
                                      }



                                      /*.main-color span {
                                        color: #ff7425 !important; }*/

                                        .flong {
                                          width: 130%;
                                          max-width: 130%; }

                                          .md-padding {
                                            padding-left: 80px;
                                            padding-right: 80px; }

                                            .bg-pattern,
                                            .bg-pattern2 {
                                              position: absolute;
                                              bottom: 0;
                                              left: 0;
                                              width: 100%;
                                              height: 400px;
                                              background-size: cover;
                                              pointer-events: none;
                                              opacity: .4; }

                                              .bg-pattern2 {
                                                height: 100%; }

                                                .bg-dark {
                                                  background: #191b1d !important; }

                                                  .bg-whit {
                                                    background: #fff; }

                                                    .cursor-pointer {
                                                      cursor: pointer; }

                                                      .no-bord {
                                                        border: 0 !important; }

                                                        .bord-thin-top {
                                                          border-top: 1px solid rgba(238, 238, 238, 0.05); }

                                                          .bord-thin-bottom {
                                                            border-bottom: 1px solid rgba(238, 238, 238, 0.05); }

                                                            .bord-light {
                                                              border-color: #eee !important; }

                                                              .radius-0 {
                                                                border-radius: 0 !important; }

                                                                .radius-5 {
                                                                  border-radius: 5px; }

                                                                  .radius-10 {
                                                                    border-radius: 10px; }

                                                                    .radius-15 {
                                                                      border-radius: 15px; }

                                                                      .radius-20 {
                                                                        border-radius: 20px; }

                                                                        .radius-25 {
                                                                          border-radius: 25px; }

                                                                          .radius-30 {
                                                                            border-radius: 30px; }

                                                                            .radius-50 {
                                                                              border-radius: 50px; }

                                                                              .toup-100 {
                                                                                position: relative;
                                                                                margin-top: -100px; }

                                                                                .toup-80 {
                                                                                  position: relative;
                                                                                  margin-top: -80px; }

                                                                                  .toup-60 {
                                                                                    position: relative;
                                                                                    margin-top: -60px; }

                                                                                    .full-width {
                                                                                      width: 100% !important; }

                                                                                      .bg-img {
                                                                                        background-size: cover;
                                                                                        background-repeat: no-repeat; }

                                                                                        .bg-center {
                                                                                          background-position: center center; }

                                                                                          .bg-fixed {
                                                                                            background-attachment: fixed; }

                                                                                            .bg-repeat {
                                                                                              background-size: auto;
                                                                                              background-repeat: repeat; }

                                                                                              .section-padding {
                                                                                                padding-top: 130px;
                                                                                                padding-bottom: 130px; }

                                                                                                .section-padding-middle {
                                                                                                  padding-top: 50px;
                                                                                                  padding-bottom: 50px; }

                                                                                                  .section-ptb {
                                                                                                    padding: 80px 0; }

                                                                                                    .cmd-padding {
                                                                                                      padding: 0 10px; }

                                                                                                      .csm-padding {
                                                                                                        padding: 0 5px; }

                                                                                                        .head-pt {
                                                                                                          padding: 80px 0 0; }

                                                                                                          .head-pb {
                                                                                                            padding: 0 0 80px; }

                                                                                                            .no-shad {
                                                                                                              -webkit-box-shadow: none;
                                                                                                              box-shadow: none; }

                                                                                                              .circle {
                                                                                                                border-radius: 50%; }

                                                                                                                .circle-img {
                                                                                                                  width: 100%;
                                                                                                                  height: 100%;
                                                                                                                  -o-object-fit: cover;
                                                                                                                  object-fit: cover;
                                                                                                                  -o-object-position: center;
                                                                                                                  object-position: center; }

                                                                                                                  .circle-30 {
                                                                                                                    width: 30px;
                                                                                                                    height: 30px;
                                                                                                                    border-radius: 50%;
                                                                                                                    text-align: center;
                                                                                                                    line-height: 30px;
                                                                                                                    overflow: hidden; }

                                                                                                                    .circle-40 {
                                                                                                                      width: 40px;
                                                                                                                      height: 40px;
                                                                                                                      border-radius: 50%;
                                                                                                                      text-align: center;
                                                                                                                      line-height: 40px;
                                                                                                                      overflow: hidden; }

                                                                                                                      .circle-50 {
                                                                                                                        width: 50px;
                                                                                                                        height: 50px;
                                                                                                                        border-radius: 50%;
                                                                                                                        text-align: center;
                                                                                                                        line-height: 50px;
                                                                                                                        overflow: hidden; }

                                                                                                                        .circle-60 {
                                                                                                                          width: 60px;
                                                                                                                          height: 60px;
                                                                                                                          border-radius: 50%;
                                                                                                                          text-align: center;
                                                                                                                          line-height: 60px;
                                                                                                                          overflow: hidden; }

                                                                                                                          .circle-70 {
                                                                                                                            width: 70px;
                                                                                                                            height: 70px;
                                                                                                                            border-radius: 50%;
                                                                                                                            text-align: center;
                                                                                                                            line-height: 70px;
                                                                                                                            overflow: hidden; }

                                                                                                                            .circle-80 {
                                                                                                                              width: 80px;
                                                                                                                              height: 80px;
                                                                                                                              border-radius: 50%;
                                                                                                                              text-align: center;
                                                                                                                              line-height: 80px;
                                                                                                                              overflow: hidden; }

                                                                                                                              .circle-90 {
                                                                                                                                width: 90px;
                                                                                                                                height: 90px;
                                                                                                                                border-radius: 50%;
                                                                                                                                text-align: center;
                                                                                                                                line-height: 90px;
                                                                                                                                overflow: hidden; }

                                                                                                                                .circle-100 {
                                                                                                                                  width: 100px;
                                                                                                                                  height: 100px;
                                                                                                                                  border-radius: 50%;
                                                                                                                                  text-align: center;
                                                                                                                                  line-height: 100px;
                                                                                                                                  overflow: hidden; }

                                                                                                                                  .circle-120 {
                                                                                                                                    width: 120px;
                                                                                                                                    height: 120px;
                                                                                                                                    border-radius: 50%;
                                                                                                                                    text-align: center;
                                                                                                                                    line-height: 120px;
                                                                                                                                    overflow: hidden; }

                                                                                                                                    .unlist {
                                                                                                                                      list-style: none; }

                                                                                                                                      .underline a {
                                                                                                                                        text-decoration: underline !important; }

                                                                                                                                        .underline span {
                                                                                                                                          text-decoration: underline; }

                                                                                                                                          .undecro:hover {
                                                                                                                                            text-decoration: none; }

                                                                                                                                            .inline {
                                                                                                                                              display: inline-block; }

                                                                                                                                              .l-block {
                                                                                                                                                display: block; }

                                                                                                                                                .valign {
                                                                                                                                                  display: -webkit-box;
                                                                                                                                                  display: -ms-flexbox;
                                                                                                                                                  display: flex;
                                                                                                                                                  -webkit-box-align: center;
                                                                                                                                                  -ms-flex-align: center;
                                                                                                                                                  align-items: center; }

                                                                                                                                                  .flex {
                                                                                                                                                    display: -webkit-box;
                                                                                                                                                    display: -ms-flexbox;
                                                                                                                                                    display: flex; }

                                                                                                                                                    .horizontal-link li {
                                                                                                                                                      display: inline-block; }

                                                                                                                                                      .rest {
                                                                                                                                                        margin: 0;
                                                                                                                                                        padding: 0; }

                                                                                                                                                        .social.circle-bord a {
                                                                                                                                                          width: 40px;
                                                                                                                                                          height: 40px;
                                                                                                                                                          line-height: 40px;
                                                                                                                                                          text-align: center;
                                                                                                                                                          border: 1px solid #eee;
                                                                                                                                                          border-radius: 50%; }

                                                                                                                                                          .primery-shadow {
                                                                                                                                                            -webkit-box-shadow: 0px 8px 30px -4px rgba(0, 0, 0, 0.1);
                                                                                                                                                            box-shadow: 0px 8px 30px -4px rgba(0, 0, 0, 0.1); }

/*-------------------------------------------------------
           icon Size
-------------------------------------------------------*/
.icon-img-20 {
  width: 20px; }

  .icon-img-30 {
    width: 30px; }

    .icon-img-40 {
      width: 40px; }

      .icon-img-50 {
        width: 50px; }

        .icon-img-60 {
          width: 60px; }

          .icon-img-70 {
            width: 70px; }

            .icon-img-80 {
              width: 80px; }

              .icon-img-90 {
                width: 90px; }

                .icon-img-100 {
                  width: 100px; }

                  .icon-img-120 {
                    width: 120px; }

/*-------------------------------------------------------
           Z-index
-------------------------------------------------------*/
.zindex-1 {
  z-index: 1; }

  .zindex-2 {
    z-index: 2; }

    .zindex-3 {
      z-index: 3; }

      .zindex-4 {
        z-index: 4; }

        .zindex-5 {
          z-index: 5; }

          .zindex-10 {
            z-index: 10; }

            .zindex-99 {
              z-index: 99; }

/*-------------------------------------------------------
           opacity
-------------------------------------------------------*/
.opacity-05 {
  opacity: .05 !important; }

  .opacity-0 {
    opacity: 0 !important; }

    .opacity-1 {
      opacity: .1 !important; }

      .opacity-2 {
        opacity: .2 !important; }

        .opacity-3 {
          opacity: .3 !important; }

          .opacity-4 {
            opacity: .4 !important; }

            .opacity-5 {
              opacity: .5 !important; }

              .opacity-6 {
                opacity: .6 !important; }

                .opacity-7 {
                  opacity: .7 !important; }

                  .opacity-8 {
                    opacity: .8 !important; }

                    .opacity-9 {
                      opacity: .9 !important; }

/*-------------------------------------------------------
           text color
-------------------------------------------------------*/
.text-white {
  color: #FFF; }

  .text-black {
    color: #000; }

    .text-dark {
      color: #444; }

      .text-extra-light-gray {
        color: #b7b7b7; }

        .text-hover-inherit:hover {
          color: inherit !important; }

          .text-hover-light:hover {
            color: #fff !important; }

/*-------------------------------------------------------
          font-weight
-------------------------------------------------------*/
.fw-100 {
  font-weight: 100 !important; }

  .fw-200 {
    font-weight: 200 !important; }

    .fw-300 {
      font-weight: 300 !important; }

      .fw-400 {
        font-weight: 400 !important; }

        .fw-500 {
          font-weight: 500 !important; }

          .fw-600 {
            font-weight: 600 !important; }

            .fw-700 {
              font-weight: 700 !important; }

              .fw-800 {
                font-weight: 800 !important; }

                .fw-900 {
                  font-weight: 900 !important; }

/*-------------------------------------------------------
           font-size
-------------------------------------------------------*/
.fz-10 {
  font-size: 10px !important; }

  .fz-12 {
    font-size: 12px !important; }

    .fz-13 {
      font-size: 13px !important; }

      .fz-14 {
        font-size: 14px !important; }

        .fz-15 {
          font-size: 15px !important; }

          .fz-16 {
            font-size: 16px !important; }

            .fz-18 {
              font-size: 18px !important; }

              .fz-20 {
                font-size: 20px !important; }

                .fz-22 {
                  font-size: 22px !important; }

                  .fz-24 {
                    font-size: 24px !important; }

                    .fz-25 {
                      font-size: 25px !important; }

                      .fz-26 {
                        font-size: 26px !important; }

                        .fz-28 {
                          font-size: 28px !important; }

                          .fz-30 {
                            font-size: 30px !important; }

                            .fz-35 {
                              font-size: 35px !important; }

                              .fz-40 {
                                font-size: 40px !important; }

                                .fz-42 {
                                  font-size: 42px !important; }

                                  .fz-44 {
                                    font-size: 44px !important; }

                                    .fz-45 {
                                      font-size: 45px !important; }

                                      .fz-46 {
                                        font-size: 46px !important; }

                                        .fz-48 {
                                          font-size: 48px !important; }

                                          .fz-50 {
                                            font-size: 50px !important; }

                                            .fz-55 {
                                              font-size: 55px !important; }

                                              .fz-60 {
                                                font-size: 60px !important; }

                                                .fz-65 {
                                                  font-size: 65px !important; }

                                                  .fz-70 {
                                                    font-size: 70px !important; }

                                                    .fz-80 {
                                                      font-size: 80px !important; }

                                                      .fz-90 {
                                                        font-size: 80px !important; }

                                                        .fz-100 {
                                                          font-size: 80px !important; }

/*-------------------------------------------------------
          line-height
-------------------------------------------------------*/


.lh {
  line-height: 1.075;
}

.line-height-1 {
  line-height: 1; }

  .line-height-10 {
    line-height: 10px; }

    .line-height-13 {
      line-height: 13px; }

      .line-height-18 {
        line-height: 18px; }

        .line-height-20 {
          line-height: 20px; }

          .line-height-22 {
            line-height: 22px; }

            .line-height-24 {
              line-height: 24px; }

              .line-height-26 {
                line-height: 26px; }

                .line-height-28 {
                  line-height: 28px; }

                  .line-height-30 {
                    line-height: 30px; }

                    .line-height-35 {
                      line-height: 35px; }

                      .line-height-40 {
                        line-height: 40px; }

                        .line-height-45 {
                          line-height: 45px; }

                          .line-height-50 {
                            line-height: 50px; }

                            .line-height-55 {
                              line-height: 55px; }

                              .line-height-60 {
                                line-height: 60px; }

                                .line-height-65 {
                                  line-height: 65px; }

                                  .line-height-70 {
                                    line-height: 70px; }

                                    .line-height-75 {
                                      line-height: 75px; }

                                      .line-height-80 {
                                        line-height: 80px; }

                                        .line-height-85 {
                                          line-height: 85px; }

                                          .line-height-90 {
                                            line-height: 90px; }

                                            .line-height-95 {
                                              line-height: 95px; }

                                              .line-height-100 {
                                                line-height: 100px; }

                                                .line-height-110 {
                                                  line-height: 110px; }

                                                  .line-height-120 {
                                                    line-height: 120px; }

/*-------------------------------------------------------
          text-transform
-------------------------------------------------------*/
.text-u {
  text-transform: uppercase !important; }

  .text-l {
    text-transform: lowercase !important; }

    .text-c {
      text-transform: capitalize !important; }

      .text-non {
        text-transform: none !important; }

        .text-i {
          font-style: italic; }

          .text-left {
            text-align: left; }

            .text-right {
              text-align: right; }

/*-------------------------------------------------------
           letter-spacing
-------------------------------------------------------*/
.ls0 {
  letter-spacing: 0px !important; }

  .ls1 {
    letter-spacing: 1px !important; }

    .ls2 {
      letter-spacing: 2px !important; }

      .ls3 {
        letter-spacing: 3px !important; }

        .ls4 {
          letter-spacing: 4px !important; }

          .ls5 {
            letter-spacing: 5px !important; }

            .ls6 {
              letter-spacing: 6px !important; }

              .ls7 {
                letter-spacing: 7px !important; }

                .ls8 {
                  letter-spacing: 8px !important; }

                  .ls9 {
                    letter-spacing: 9px !important; }

                    .ls10 {
                      letter-spacing: 10px !important; }

                      .ls15 {
                        letter-spacing: 15px !important; }

                        .ls20 {
                          letter-spacing: 20px !important; }

                          .ls25 {
                            letter-spacing: 25px !important; }

                            .ls30 {
                              letter-spacing: 30px !important; }

/*-------------------------------------------------------
       margin-top  (0/100) +5
-------------------------------------------------------*/
.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-35 {
                margin-top: 35px !important; }

                .mt-40 {
                  margin-top: 40px !important; }

                  .mt-45 {
                    margin-top: 45px !important; }

                    .mt-50 {
                      margin-top: 50px !important; }

                      .mt-55 {
                        margin-top: 55px !important; }

                        .mt-60 {
                          margin-top: 60px !important; }

                          .mt-62 {
                            margin-top: 62px !important; }

                            .mt-65 {
                              margin-top: 65px !important; }

                              .mt-70 {
                                margin-top: 70px !important; }

                                .mt-75 {
                                  margin-top: 75px !important; }

                                  .mt-80 {
                                    margin-top: 80px !important; }

                                    .mt-85 {
                                      margin-top: 85px !important; }

                                      .mt-90 {
                                        margin-top: 90px !important; }

                                        .mt-95 {
                                          margin-top: 95px !important; }

                                          .mt-100 {
                                            margin-top: 100px !important;
                                          }

                                          .mt-150 {
                                            margin-top: 150px !important; }

/*-------------------------------------------------------
       margin-bottom  (0/100) +5
-------------------------------------------------------*/
.mb-0 {
  margin-bottom: 0 !important; }

  .mb-5 {
    margin-bottom: 5px !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-35 {
                margin-bottom: 35px !important; }

                .mb-40 {
                  margin-bottom: 40px !important; }

                  .mb-45 {
                    margin-bottom: 45px !important; }

                    .mb-50 {
                      margin-bottom: 50px !important; }

                      .mb-55 {
                        margin-bottom: 55px !important; }

                        .mb-60 {
                          margin-bottom: 60px !important; }

                          .mb-62 {
                            margin-bottom: 62px !important; }

                            .mb-65 {
                              margin-bottom: 65px !important; }

                              .mb-70 {
                                margin-bottom: 70px !important; }

                                .mb-75 {
                                  margin-bottom: 75px !important; }

                                  .mb-80 {
                                    margin-bottom: 80px !important; }

                                    .mb-85 {
                                      margin-bottom: 85px !important; }

                                      .mb-90 {
                                        margin-bottom: 90px !important; }

                                        .mb-95 {
                                          margin-bottom: 95px !important; }

                                          .mb-100 {
                                            margin-bottom: 100px !important; }

/*-------------------------------------------------------
       margin-right  (0/100) +5
-------------------------------------------------------*/
.mr-0 {
  margin-right: 0 !important; }

  .mr-5 {
    margin-right: 5px !important; }

    .mr-10 {
      margin-right: 10px !important; }

      .mr-15 {
        margin-right: 15px !important; }

        .mr-20 {
          margin-right: 20px !important; }

          .mr-25 {
            margin-right: 25px !important; }

            .mr-30 {
              margin-right: 30px !important; }

              .mr-35 {
                margin-right: 35px !important; }

                .mr-40 {
                  margin-right: 40px !important; }

                  .mr-45 {
                    margin-right: 45px !important; }

                    .mr-50 {
                      margin-right: 50px !important; }

                      .mr-55 {
                        margin-right: 55px !important; }

                        .mr-60 {
                          margin-right: 60px !important; }

                          .mr-62 {
                            margin-right: 62px !important; }

                            .mr-65 {
                              margin-right: 65px !important; }

                              .mr-70 {
                                margin-right: 70px !important; }

                                .mr-75 {
                                  margin-right: 75px !important; }

                                  .mr-80 {
                                    margin-right: 80px !important; }

                                    .mr-85 {
                                      margin-right: 85px !important; }

                                      .mr-90 {
                                        margin-right: 90px !important; }

                                        .mr-95 {
                                          margin-right: 95px !important; }

                                          .mr-100 {
                                            margin-right: 100px !important; }

/*-------------------------------------------------------
       margin-left  (0/100) +5
-------------------------------------------------------*/
.ml-auto {
  margin-left: auto; }

  .ml-0 {
    margin-left: 0 !important; }

    .ml-5 {
      margin-left: 5px !important; }

      .ml-10 {
        margin-left: 10px !important; }

        .ml-15 {
          margin-left: 15px !important; }

          .ml-20 {
            margin-left: 20px !important; }

            .ml-25 {
              margin-left: 25px !important; }

              .ml-30 {
                margin-left: 30px !important; }

                .ml-35 {
                  margin-left: 35px !important; }

                  .ml-40 {
                    margin-left: 40px !important; }

                    .ml-45 {
                      margin-left: 45px !important; }

                      .ml-50 {
                        margin-left: 50px !important; }

                        .ml-55 {
                          margin-left: 55px !important; }

                          .ml-60 {
                            margin-left: 60px !important; }

                            .ml-62 {
                              margin-left: 62px !important; }

                              .ml-65 {
                                margin-left: 65px !important; }

                                .ml-70 {
                                  margin-left: 70px !important; }

                                  .ml-75 {
                                    margin-left: 75px !important; }

                                    .ml-80 {
                                      margin-left: 80px !important; }

                                      .ml-85 {
                                        margin-left: 85px !important; }

                                        .ml-90 {
                                          margin-left: 90px !important; }

                                          .ml-95 {
                                            margin-left: 95px !important; }

                                            .ml-100 {
                                              margin-left: 100px !important; }

                                              .m-auto {
                                                margin-left: auto;
                                                margin-right: auto; }

                                                .min-30 {
                                                  margin-left: -30px;
                                                  margin-right: -30px; }

/*-------------------------------------------------------
      margin left right  (0/50) +5
-------------------------------------------------------*/
.margin-rl-5 {
  margin-right: 5px;
  margin-left: 5px; }

  .margin-rl-10 {
    margin-right: 10px;
    margin-left: 10px; }

    .margin-rl-15 {
      margin-right: 15px;
      margin-left: 15px; }

      .margin-rl-20 {
        margin-right: 20px;
        margin-left: 20px; }

        .margin-rl-25 {
          margin-right: 25px;
          margin-left: 25px; }

          .margin-rl-30 {
            margin-right: 30px;
            margin-left: 30px; }

            .margin-rl-35 {
              margin-right: 35px;
              margin-left: 35px; }

              .margin-rl-40 {
                margin-right: 40px;
                margin-left: 40px; }

                .margin-rl-45 {
                  margin-right: 45px;
                  margin-left: 45px; }

                  .margin-rl-50 {
                    margin-right: 50px;
                    margin-left: 50px; }

/*-------------------------------------------------------
      padding-top  (0/100) +5
-------------------------------------------------------*/
.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-25 {
            padding-top: 25px !important; }

            .pt-30 {
              padding-top: 30px !important; }

              .pt-35 {
                padding-top: 35px !important; }

                .pt-40 {
                  padding-top: 40px !important; }

                  .pt-45 {
                    padding-top: 45px !important; }

                    .pt-50 {
                      padding-top: 50px !important; }

                      .pt-55 {
                        padding-top: 55px !important; }

                        .pt-60 {
                          padding-top: 60px !important; }

                          .pt-65 {
                            padding-top: 65px !important; }

                            .pt-70 {
                              padding-top: 70px !important; }

                              .pt-75 {
                                padding-top: 75px !important; }

                                .pt-80 {
                                  padding-top: 80px !important; }

                                  .pt-85 {
                                    padding-top: 85px !important; }

                                    .pt-90 {
                                      padding-top: 90px !important; }

                                      .pt-95 {
                                        padding-top: 95px !important; }

                                        .pt-100 {
                                          padding-top: 100px !important; }

/*-------------------------------------------------------
     padding-bottom  (0/100) +5
-------------------------------------------------------*/
.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-25 {
            padding-bottom: 25px !important; }

            .pb-30 {
              padding-bottom: 30px !important; }

              .pb-35 {
                padding-bottom: 35px !important; }

                .pb-40 {
                  padding-bottom: 40px !important; }

                  .pb-45 {
                    padding-bottom: 45px !important; }

                    .pb-50 {
                      padding-bottom: 50px !important; }

                      .pb-55 {
                        padding-bottom: 55px !important; }

                        .pb-60 {
                          padding-bottom: 60px !important; }

                          .pb-65 {
                            padding-bottom: 65px !important; }

                            .pb-70 {
                              padding-bottom: 70px !important; }

                              .pb-75 {
                                padding-bottom: 75px !important; }

                                .pb-80 {
                                  padding-bottom: 80px !important; }

                                  .pb-85 {
                                    padding-bottom: 85px !important; }

                                    .pb-90 {
                                      padding-bottom: 90px !important; }

                                      .pb-95 {
                                        padding-bottom: 95px !important; }

                                        .pb-100 {
                                          padding-bottom: 100px !important; }

                                          .no-padding {
                                            padding: 0 !important; }

                                            .pr-30 {
                                              padding-right: 30px; }

                                              .pr-50 {
                                                padding-right: 50px; }

                                                .pl-30 {
                                                  padding-left: 30px; }

                                                  .pl-50 {
                                                    padding-left: 50px; }

/*-------------------------------------------------------
      padding left right  (0/50) +5
-------------------------------------------------------*/
.padding-rl-5 {
  padding-right: 5px;
  padding-left: 5px; }

  .padding-rl-10 {
    padding-right: 10px;
    padding-left: 10px; }

    .padding-rl-15 {
      padding-right: 15px;
      padding-left: 15px; }

      .padding-rl-20 {
        padding-right: 20px;
        padding-left: 20px; }

        .padding-rl-25 {
          padding-right: 25px;
          padding-left: 25px; }

          .padding-rl-30 {
            padding-right: 30px;
            padding-left: 30px; }

            .padding-rl-35 {
              padding-right: 35px;
              padding-left: 35px; }

              .padding-rl-40 {
                padding-right: 40px;
                padding-left: 40px; }

                .padding-rl-45 {
                  padding-right: 45px;
                  padding-left: 45px; }

                  .padding-rl-50 {
                    padding-right: 50px;
                    padding-left: 50px; }

/* ====================== [ End Helper Classes  ] ====================== */
/* ====================== [ Start Colors Skin  ] ====================== */
body:not(.light) .theme-icon .sun {
  display: none; }

  body:not(.light) .theme-icon .moon {
    display: inline-block; }

    body.light .theme-icon .sun {
      display: inline-block;
      line-height: 0; }

      body.light .theme-icon .moon {
        display: none;
        line-height: 0; }

        body.light:not(.business-home) .bg-dark {
          background: #fff !important; }
          body.light:not(.business-home) .bg-dark * {
            color: #32363b; }
            body.light:not(.business-home) .bg-dark .stroke,
            body.light:not(.business-home) .bg-dark .main-marq .box .item:nth-of-type(even) h4 {
              color: transparent !important; }
              body.light:not(.business-home) .bg-dark .main-marq .box .item:nth-of-type(even) h4,
              body.light:not(.business-home) .bg-dark .main-marq .strok .item h4 {
                -webkit-text-stroke: 1px #32363b !important; }
                body.light:not(.business-home) .bg-dark .main-marq .non-strok .item:nth-of-type(even) h4,
                body.light:not(.business-home) .bg-dark .main-marq .non-strok .item h4 {
                  color: #32363b !important; }

                  body.light:not(.business-home) .clients .brands .item {
                    background: rgba(0, 0, 0, 0.03); }

                    body.light:not(.business-home) .clients .brands .img {
                      -webkit-filter: invert(1);
                      filter: invert(1);
                      opacity: 1; }

                      body.light:not(.business-home) .clients.just-bord .brands {
                        border-color: rgba(100, 100, 100, 0.15); }
                        body.light:not(.business-home) .clients.just-bord .brands .item {
                          background: transparent; }

                          body.light:not(.business-home) .main-marq:after {
                            background: -webkit-linear-gradient(right, #fff, rgba(255, 255, 255, 0) 220px, rgba(255, 255, 255, 0) calc(100% - 220px), #fff);
                            background: -o-linear-gradient(right, #fff, rgba(255, 255, 255, 0) 220px, rgba(255, 255, 255, 0) calc(100% - 220px), #fff);
                            background: linear-gradient(to left, #fff, rgba(255, 255, 255, 0) 220px, rgba(255, 255, 255, 0) calc(100% - 220px), #fff); }

                            body.light {
                              background: #fff;
                              color: #191b1d; }
                              body.light.skin-gray {
                                background: #eee; }
                                body.light.skin-gray .bg-dark {
                                  background: #eee !important; }
                                  .light p {

                                    font-weight: 500;}

                                    body.light p {
                                      color: #444;
                                    }

                                    body p {
                                      color: #78716c;
                                    }

                                    body.light .butn-bord {
                                      border-color: #191b1d; }
                                      body.light .bg-pattern2 {
                                      }
                                      body.light header.slide-creative .circle-bord .loader-circle,
                                      body.light [data-overlay-dark] .circle-bord .loader-circle {
                                        border-color: rgba(255, 255, 255, 0.5); }
                                        body.light header.slide-creative .circle-bord.sml .carrow.arow-down svg,
                                        body.light [data-overlay-dark] .circle-bord.sml .carrow.arow-down svg {
                                          fill: #fff; }
                                          body.light header.slide-creative .butn-bord,
                                          body.light [data-overlay-dark] .butn-bord {
                                            border-color: #fff; }
                                            body.light .navbar .dropdown-menu {
                                              background: #fff;
                                              -webkit-box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.05);
                                              box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.05); }
                                              body.light .navbar .dropdown-menu .dropdown-item {
                                                color: #191b1d; }
                                                body.light .navbar .dropdown-menu .dropdown-item .dropdown-side {
                                                  background: #fff;
                                                  -webkit-box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.05);
                                                  box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.05); }
                                                  body.light .navbar.nochan.nav-scroll {
                                                    background: transparent; }
                                                    body.light .navbar.nochan * {
                                                      color: #191b1d; }
                                                      body.light .navbar.nochan .logo .logo-light {
                                                        opacity: 0;
                                                        visibility: hidden; }
                                                        body.light .navbar.nochan .logo .logo-dark {
                                                          opacity: 1;
                                                          visibility: visible; }
                                                          body.light .navbar.nochan .theme-icon {
                                                            border-color: transparent; }
                                                            body.light .navbar.nochan .social:before,
                                                              /*body.light .navbar.nochan .dark-mode-icon:before {
                                                                background: #ccc; }*/
                                                                body.light .nav-scroll {
                                                                  background: #fff;
                                                                  color: #191b1d; }
                                                                  body.light .nav-scroll .logo .logo-light {
                                                                    opacity: 0;
                                                                    visibility: hidden; }
                                                                    body.light .nav-scroll .logo .logo-dark {
                                                                      opacity: 1;
                                                                      visibility: visible; }
                                                                      body.light .nav-scroll .navbar-nav .nav-link,
                                                                      body.light .nav-scroll .theme-icon {
                                                                        color: #191b1d; }
                                                                        body.light .nav-scroll .dropdown-menu {
                                                                          background: #fff;
                                                                          -webkit-box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.05);
                                                                          box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.05); }
                                                                          body.light .nav-scroll .dropdown-menu .dropdown-item {
                                                                            color: #191b1d; }
                                                                            body.light .nav-scroll .dropdown-menu .dropdown-item .dropdown-side {
                                                                              background: #fff;
                                                                              -webkit-box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.05);
                                                                              box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.05); }
                                                                              body.light .nav-scroll .theme-icon {
                                                                                border-color: #ccc; }
                                                                                body.light .nav-scroll .social:before,
                                                                                body.light .nav-scroll .dark-mode-icon:before {
                                                                                }
                                                                                body.light .sub-bg {
                                                                                  background: #f7f7f7; }
                                                                                  body.light .sub-bg2 {
                                                                                    background: #fafafa; }
                                                                                    body.light main .vline,
                                                                                    body.light main .slines span {
                                                                                      border-color: #eee;
                                                                                      opacity: .4; }
                                                                                      body.light main .slines {
                                                                                        opacity: 1; }
                                                                                        body.light .main-marq .box .item:nth-of-type(even) h4 {
                                                                                          -webkit-text-stroke: 1px #191b1d; }
                                                                                          body.light .main-marq .box .item:nth-of-type(even) h4 a {
                                                                                            -webkit-text-stroke: 1px #191b1d; }
                                                                                            body.light .main-marq .box:last-of-type .item:nth-of-type(2n+1) h4 {
                                                                                              -webkit-text-stroke: 1px #191b1d; }
                                                                                              body.light .main-marq .box:last-of-type .item:nth-of-type(2n+1) h4 a {
                                                                                                -webkit-text-stroke: 1px #191b1d; }
                                                                                                body.light .sub-bg .main-marq:after {
                                                                                                  background: -webkit-linear-gradient(right, #f7f7f7, rgba(255, 255, 255, 0) 220px, rgba(255, 255, 255, 0) calc(100% - 220px), #f7f7f7);
                                                                                                  background: -o-linear-gradient(right, #f7f7f7, rgba(255, 255, 255, 0) 220px, rgba(255, 255, 255, 0) calc(100% - 220px), #f7f7f7);
                                                                                                  background: linear-gradient(to left, #f7f7f7, rgba(255, 255, 255, 0) 220px, rgba(255, 255, 255, 0) calc(100% - 220px), #f7f7f7); }
                                                                                                  body.light .stroke {
                                                                                                    -webkit-text-stroke: 1px #191b1d; }
                                                                                                    body.light .bord-thin-bottom,
                                                                                                    body.light .bord-thin-top {
                                                                                                      border-color: rgba(100, 100, 100, 0.15); }
                                                                                                      body.light .accordion .title,
                                                                                                      body.light .serv-tags .main-marq .item {
                                                                                                        border-color: rgba(100, 100, 100, 0.15); }
                                                                                                        body.light .circle-bord .loader-circle {
                                                                                                          border-color: rgb(33 91 211); }
                                                                                                          body.light .circle-bord.sml .carrow.arow-down svg {
                                                                                                            fill: #191b1d; }
                                                                                                            body.light .navbar.nochan .go-more {
                                                                                                              z-index: 2;
                                                                                                              background: #1a1a1a;
                                                                                                              border-radius: 999px;
                                                                                                              color: #fff!important;
                                                                                                              padding: 4px 15px;
                                                                                                            }

                                                                                                            body .navbar.nochan .go-more {
                                                                                                              z-index: 2;
                                                                                                              background: #fafafa;
                                                                                                              border-radius: 999px;
                                                                                                              color: #111!important;
                                                                                                              padding: 4px 15px;
                                                                                                            }




                                                                                                            body.light .go-more:after {
                                                                                                              border-color: #8ae934;
                                                                                                              z-index: -1; }
                                                                                                              body.light .contact .social .icon,
                                                                                                              body.light .process-line:after,
                                                                                                              body.light .nex-prv,
                                                                                                              body.light .nex-prv .all-works,
                                                                                                              body.light .serv-box .serv-item {
                                                                                                                border-color: rgba(100, 100, 100, 0.15); }
                                                                                                                body.light .sub-title.inbord,
                                                                                                                body.light .works .simp-ctrl .swiper-nav-ctrl {
                                                                                                                  border-color: #777;
                                                                                                                  color: #191b1d; }
                                                                                                                  body.light .vid-show .rotate-circle svg {
                                                                                                                    fill: #191b1d; }
                                                                                                                    body.light .accordion .title .ico,
                                                                                                                    body.light .accordion .active .title .ico:after,
                                                                                                                    body.light .intro-box .img .vid-show.non-icon:before {
                                                                                                                      background: #191b1d; }
                                                                                                                      body.light .intro-box .img .vid-show.non-icon:after {
                                                                                                                        background: #8ee381; }
/*  body.light .testim-simple .qout-icon svg path {
    stroke: #191b1d; }*/
    body.light .testim-simple .qoute-icon {
      border-color: #ccc; }
      body.light .clients.sub-bg {
        background: #5254ed;
        color: #fff; }
        body.light .clients.sub-bg p {
          color: inherit !important; }
          body.light .clients.sub-bg .bord-thin-bottom,
          body.light .clients.sub-bg .bord-thin-top {
            border-color: rgba(255, 255, 255, 0.2); }
            body.light .clients.sub-bg .stroke {
              -webkit-text-stroke: 1px #fff; }
              body.light .call-box-half:after {
                /*opacity: 1;*/
                border-color: rgba(100, 100, 100, 0.15); }
                body.light .main-footer.sub-bg,
                body.light .crv-footer.sub-bg {
                  background: #16181a !important;
                  color: #fff; }
                  body.light .main-footer.sub-bg p,
                  body.light .crv-footer.sub-bg p {
                    color: #bcbcbe; }
                    body.light .main-footer.sub-bg .stroke,
                    body.light .crv-footer.sub-bg .stroke {
                      -webkit-text-stroke: 1px #fff; }
                      body.light footer .logo .logo-light {
                        opacity: 0;
                        visibility: hidden; }
                        body.light footer .logo .logo-dark {
                          opacity: 1;
                          visibility: visible; }
                          body.light.h-main .hero-serv,
                          body.light.h-main .intro-box {
                            position: relative;
                            overflow: hidden; }
                            body.light.h-main .hero-serv:after,
                            body.light.h-main .intro-box:after {
                            }
                            body.light.h-main .hero-serv:after {
                              bottom: auto;
                              right: 20%;
                              top: 0;
                              left: auto; }
                              body.light.h-main .intro-box:after {
                                left: auto;
                                right: 0; }
                                body.light.h-main .mblog {
                                  position: relative;
                                  overflow: hidden; }
                                  body.light.h-main .mblog:after, body.light.h-main .mblog:before {
                                  }
                                  body.light.h-main .mblog:after {
                                    top: 0;
                                    left: 0; }
                                    body.light.h-main .call-action-simp.bg-dark {
                                      background: url(../img/background/04.jpeg) !important;
                                      position: relative;
                                      z-index: 3;background-position-y: 10%!important; }
                                      body.light.h-main .call-action-simp.bg-dark * {
                                        color: #fff; }
                                        body.light.h-main .call-action-simp.bg-dark:before {
                                          content: '';
                                          position: absolute;
                                          top: 0;
                                          left: 0;
                                          width: 100%;
                                          height: 100%;
                                          background: #191b1d;
                                          opacity: .5;
                                          z-index: -1; }
                                          body.light.h-main .call-action-simp.bg-dark .main-marq:after {
                                            display: none; }
                                            body.light.h-main .call-action-simp.bg-dark .main-marq .box .item:nth-of-type(even) h4 {
                                              -webkit-text-stroke: 1px #fff !important; }
                                              body.light.h-main .call-action-simp.bg-dark .main-marq .box .item:nth-of-type(even) h4 a {
                                                -webkit-text-stroke: 1px #fff !important; }
                                                body.light .slide-creative {
                                                  background: #191b1d;
                                                  color: #fff; }
                                                  body.light .work-rand-width .item-title-in .info,
                                                  body.light .team-carsouel .item .img .info {
                                                    background: #fff; }
                                                    body.light .skills-box .skill-progress {
                                                      background: rgba(0, 0, 0, 0.05); }
                                                      body.light .skills-box .skill-progress .progres {
                                                        background: #191b1d; }
                                                        body.light.modern-home main .vline {
                                                          border-color: rgba(100, 100, 100, 0.15); }
                                                          body.light.modern-home .portfolio.box-bord .gallery .items,
                                                          body.light.modern-home .portfolio.box-bord .gallery:after,
                                                          body.light.modern-home .portfolio.box-bord .gallery:before {
                                                            border-color: rgba(100, 100, 100, 0.15);
                                                            opacity: 1; }
                                                            body.light.modern-home .ed-slide .img:before {
                                                              background: #eee; }
                                                              body.light.modern-home .fw-300,
                                                              body.light.modern-home .fw-200 {
                                                                font-weight: 400 !important; }
                                                                body.light.modern-home .mblog .post-box {
                                                                  border-color: rgba(100, 100, 100, 0.15); }
                                                                  body.light.modern-home .main-marq:after {
                                                                    background: -webkit-linear-gradient(right, #eee, rgba(255, 255, 255, 0) 220px, rgba(255, 255, 255, 0) calc(100% - 220px), #eee);
                                                                    background: -o-linear-gradient(right, #eee, rgba(255, 255, 255, 0) 220px, rgba(255, 255, 255, 0) calc(100% - 220px), #eee);
                                                                    background: linear-gradient(to left, #eee, rgba(255, 255, 255, 0) 220px, rgba(255, 255, 255, 0) calc(100% - 220px), #eee); }
                                                                    body.light.business-home .bg-dark .stroke {
                                                                      -webkit-text-stroke: 1px #fff; }
                                                                      body.light.business-home .bg-dark .bord-thin-bottom,
                                                                      body.light.business-home .bg-dark .bord-thin-top {
                                                                        border-color: #eee; }
                                                                        body.light.business-home .bg-dark .butn-bord {
                                                                          border-color: #fff; }
                                                                          body.light.business-home .bg-dark p {
                                                                            color: #bcbcbe !important; }
                                                                            body.light.business-home .bg-dark.testim-simple .qout-icon svg path {
                                                                              stroke: #fff; }
                                                                              body.light.business-home .hero-sipm .vid-show .rotate-circle svg {
                                                                                fill: #fff !important; }
                                                                                body.light.business-home .sub-footer.sub-bg {
                                                                                  background: #16181a; }
                                                                                  body.light.h-arch header .caption p {
                                                                                    color: #eee !important; }
                                                                                    body.light.h-arch .intro-box .vid-show:after {
                                                                                      background: #ff7425; }
                                                                                      body.light.h-arch .vid-show {
                                                                                        color: #fff; }
                                                                                        body.light.h-arch .vid-show .rotate-circle svg {
                                                                                          fill: #fff; }
                                                                                          body.light.h-arch .serv-box .serv-item {
                                                                                            background: #fff !important; }
                                                                                            body.light.h-arch .serv-box .serv-item .icon img {
                                                                                              -webkit-filter: invert(1);
                                                                                              filter: invert(1); }
                                                                                              body.light.h-arch .serv-box .serv-item h5 {
                                                                                                color: #191b1d !important; }
                                                                                                body.light.h-arch .bg-pattern2 {
                                                                                                  -webkit-filter: invert(1);
                                                                                                  filter: invert(1);
                                                                                                  opacity: .7; }
                                                                                                  body.light.h-arch .crv-footer .bg-pattern2 {
                                                                                                    -webkit-filter: invert(0);
                                                                                                    filter: invert(0);
                                                                                                    opacity: .4; }
                                                                                                    body.light.h-arch .main-marq:after {
                                                                                                      background: -webkit-linear-gradient(right, #fff, rgba(255, 255, 255, 0) 220px, rgba(255, 255, 255, 0) calc(100% - 220px), #fff);
                                                                                                      background: -o-linear-gradient(right, #fff, rgba(255, 255, 255, 0) 220px, rgba(255, 255, 255, 0) calc(100% - 220px), #fff);
                                                                                                      background: linear-gradient(to left, #fff, rgba(255, 255, 255, 0) 220px, rgba(255, 255, 255, 0) calc(100% - 220px), #fff); }
                                                                                                      body.light.h-arch .main-marq .box .item h4 {
                                                                                                        -webkit-text-stroke: 1px #191b1d !important; }
                                                                                                        body.light.h-arch .blog-modern.bg-dark {
                                                                                                          background: #fff !important; }
                                                                                                          body.light.h-arch .blog-modern.bg-dark * {
                                                                                                            color: #191b1d; }
                                                                                                            body.light.h-freelancer .dots-bg {
                                                                                                              -webkit-filter: invert(1);
                                                                                                              filter: invert(1);
                                                                                                              opacity: 1; }
                                                                                                              body.light.h-freelancer main .slines span {
                                                                                                                border-color: rgba(100, 100, 100, 0.05); }
                                                                                                                body.light.h-freelancer .home-lancer .cont .img {
                                                                                                                  -webkit-box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.1);
                                                                                                                  box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.1); }
                                                                                                                  body.light.h-freelancer .main-marq:after {
                                                                                                                    background: -webkit-linear-gradient(right, #eee, rgba(255, 255, 255, 0) 220px, rgba(255, 255, 255, 0) calc(100% - 220px), #eee);
                                                                                                                    background: -o-linear-gradient(right, #eee, rgba(255, 255, 255, 0) 220px, rgba(255, 255, 255, 0) calc(100% - 220px), #eee);
                                                                                                                    background: linear-gradient(to left, #eee, rgba(255, 255, 255, 0) 220px, rgba(255, 255, 255, 0) calc(100% - 220px), #eee); }
                                                                                                                    body.light.h-freelancer .main-marq .box:last-of-type .item:nth-of-type(2n) h4 {
                                                                                                                      color: transparent; }
                                                                                                                      body.light.h-freelancer .services .item {
                                                                                                                        background: #eee;
                                                                                                                        -webkit-box-shadow: none;
                                                                                                                        box-shadow: none;
                                                                                                                        border: 1px solid rgba(0, 0, 0, 0.05); }
                                                                                                                        body.light.h-freelancer .circle-bord .loader-circle {
                                                                                                                          border-color: rgba(100, 100, 100, 0.4); }
                                                                                                                          body.light.h-freelancer .circle-bord .carrow svg {
                                                                                                                            fill: #191b1d; }
                                                                                                                            body.light.h-freelancer .crv-footer .call-buton {
                                                                                                                              border-color: rgba(100, 100, 100, 0.4); }
                                                                                                                              body.light.h-freelancer .crv-footer .call-buton:hover {
                                                                                                                                background: #ff7425;
                                                                                                                                border-color: #ff7425; }
                                                                                                                                body.light.h-agency .portfolio.agn .info .arow-link img {
                                                                                                                                  -webkit-filter: invert(1);
                                                                                                                                  filter: invert(1); }
                                                                                                                                  body.light.h-agency .portfolio.agn .info .arow-link,
                                                                                                                                  body.light.h-agency .portfolio.agn .item-img .tag:after,
                                                                                                                                  body.light.h-agency .bord-light {
                                                                                                                                    border-color: rgba(100, 100, 100, 0.15) !important; }
                                                                                                                                    body.light.h-agency .testim-half .half-img:before {
                                                                                                                                      background: #b55ded;opacity: .3; }
                                                                                                                                      body.light.h-agency .crv-footer {
                                                                                                                                        background: #191b1d; }
                                                                                                                                        body.light.h-agency .crv-footer * {
                                                                                                                                          color: #fff; }
                                                                                                                                          body.light.h-agency .crv-footer .stroke {
                                                                                                                                            -webkit-text-stroke: 1px #ff7425; }
                                                                                                                                            body.light.h-agency .mblog .bg-pattern2 {
                                                                                                                                              -webkit-filter: invert(1);
                                                                                                                                              filter: invert(1);
                                                                                                                                              opacity: .4 !important; }
                                                                                                                                              body.light .pg-header .background .up h4 {
                                                                                                                                                color: transparent !important;
                                                                                                                                                -webkit-text-stroke: 1px #ff7425; }
                                                                                                                                                body.light .pg-header .background h4 {
                                                                                                                                                  -webkit-text-stroke: 1px #ff7425; }
                                                                                                                                                  body.light .pg-header .curve svg path {
                                                                                                                                                    fill: #fff !important; }
                                                                                                                                                    body.light .pg-header .shadw {
                                                                                                                                                      display: none; }
                                                                                                                                                      body.light .works-header [data-overlay-dark]:before {
                                                                                                                                                        background: #fff; }

                                                                                                                                                        body.light .price .price-table .item {
                                                                                                                                                          border-color: rgba(100, 100, 100, 0.15);background: #fff;}

                                                                                                                                                          body.bg-dark-force .price .price-table .item {
                                                                                                                                                            border-color: rgba(100, 100, 100, 0.15); }


                                                                                                                                                            .noborder {
                                                                                                                                                              border-left: none!important;
                                                                                                                                                              border-right: none!important;
                                                                                                                                                            }
                                                                                                                                                            .item.noborder.active {
                                                                                                                                                              background: #2866eb08;
                                                                                                                                                            }
                                                                                                                                                            body.light .price .price-table .item .order a,
                                                                                                                                                            body.light .price .price-table .item .type {
                                                                                                                                                              background: rgba(100, 100, 100, 0.05); }
                                                                                                                                                              body.light .price .price-table .item.active .order a {
                                                                                                                                                                background: #3b3fca; }

                                                                                                                                                                body.bg-dark-force .price .price-table .item .order a,
                                                                                                                                                                body.bg-dark-force .price .price-table .item .type {
                                                                                                                                                                  background: rgba(100, 100, 100, 0.05); }
                                                                                                                                                                  body.light .price .price-table .item.active .order a {
                                                                                                                                                                    background: #3b3fca; }

                                                                                                                                                                    body.bg-dark-force .price .price-table .item.active .order a {
                                                                                                                                                                      background: #3b3fca; }


                                                                                                                                                                      body.light .clients .main-marq .box .item .img img {
                                                                                                                                                                        -webkit-filter: invert(1);
                                                                                                                                                                        filter: invert(1); }

                                                                                                                                                                        body.light .clients.experts .main-marq .box .item .img img {
                                                                                                                                                                          -webkit-filter: grayscale(1) invert(1)!important;
                                                                                                                                                                          filter: grayscale(1) invert(1)!important;
                                                                                                                                                                          width: calc(70% - 8px);
                                                                                                                                                                        }


                                                                                                                                                                        body.light .contact .form .form-group input,
                                                                                                                                                                        body.light .contact .form .form-group textarea {
                                                                                                                                                                          color: #191b1d;
                                                                                                                                                                          background: rgba(100, 100, 100, 0.05);
                                                                                                                                                                          border-color: rgba(100, 100, 100, 0.15); }
                                                                                                                                                                          body.light .contact .form button {
                                                                                                                                                                            color: #191b1d; }
                                                                                                                                                                            body.light .nex-prv .nxt .img:after,
                                                                                                                                                                            body.light .nex-prv .prv .img:after {
                                                                                                                                                                              background: #fff; }
                                                                                                                                                                              body.light .slider .txt-botm .swiper-nav-ctrl span {
                                                                                                                                                                                color: #191b1d; }
                                                                                                                                                                                body.light .side-bar .search-box input {
                                                                                                                                                                                  border-color: rgba(100, 100, 100, 0.4);
                                                                                                                                                                                  background: #fff;
                                                                                                                                                                                  color: #191b1d; }
                                                                                                                                                                                  body.light .side-bar .widget {
                                                                                                                                                                                    background: #fff;
                                                                                                                                                                                    border-color: rgba(100, 100, 100, 0.15); }
                                                                                                                                                                                    body.light .side-bar .widget.tags a {
                                                                                                                                                                                      background: rgba(100, 100, 100, 0.05); }
                                                                                                                                                                                      body.light .side-bar .widget.tags a:hover {
                                                                                                                                                                                        background: #ff7425;
                                                                                                                                                                                        color: #fff; }
                                                                                                                                                                                        body.light .blog .side-img {
                                                                                                                                                                                          background: #f7f7f7; }
                                                                                                                                                                                          body.light .main-post .post-qoute,
                                                                                                                                                                                          body.light .main-post .info-area,
                                                                                                                                                                                          body.light .main-post .item,
                                                                                                                                                                                          body.light .blog .side-img .cont .info .gat,
                                                                                                                                                                                          body.light .blog .side-img .cont .info,
                                                                                                                                                                                          body.light .comments-post .item-box,
                                                                                                                                                                                          body.light .comments-from form input,
                                                                                                                                                                                          body.light .comments-from form textarea {
                                                                                                                                                                                            border-color: rgba(100, 100, 100, 0.15); }
                                                                                                                                                                                            body.light .main-post .info-area .tags a,
                                                                                                                                                                                            body.light .main-post .info-area .share-icon a {
                                                                                                                                                                                              background: rgba(100, 100, 100, 0.05); }
                                                                                                                                                                                              body.light .main-post .info-area .tags a:hover,
                                                                                                                                                                                              body.light .main-post .info-area .share-icon a:hover {
                                                                                                                                                                                                background: #ff7425; }
                                                                                                                                                                                                body.light .main-post .next-prv-post .thumb-post:after {
                                                                                                                                                                                                  background: #fff;
                                                                                                                                                                                                  border-color: rgba(100, 100, 100, 0.4); }
                                                                                                                                                                                                  body.light .comments-from form button {
                                                                                                                                                                                                    color: #191b1d; }

                                                                                                                                                                                                    .business-home {
                                                                                                                                                                                                      background: #fff;
                                                                                                                                                                                                      color: #191b1d;
                                                                                                                                                                                                      overflow-x: hidden !important;
                                                                                                                                                                                                      font-family: 'SF Pro Display', sans-serif; }
                                                                                                                                                                                                      .business-home h1, .business-home h2, .business-home h3, .business-home h4, .business-home h5 {
                                                                                                                                                                                                        font-weight: 700; }
                                                                                                                                                                                                        .business-home p {
                                                                                                                                                                                                          color: #646467;
                                                                                                                                                                                                          font-family: 'Poppins', sans-serif; }
                                                                                                                                                                                                          .business-home .bord-thin-bottom,
                                                                                                                                                                                                          .business-home .bord-thin-top {
                                                                                                                                                                                                            border-color: #ddd; }
                                                                                                                                                                                                            .business-home .stroke,
                                                                                                                                                                                                            .business-home .main-marq .box .item:nth-of-type(even) h4 {
                                                                                                                                                                                                              color: transparent;
                                                                                                                                                                                                              -webkit-text-stroke: 1px #191b1d; }
                                                                                                                                                                                                              .business-home .main-marq:after {
                                                                                                                                                                                                                background: -webkit-linear-gradient(right, #fff, rgba(255, 255, 255, 0) 220px, rgba(255, 255, 255, 0) calc(100% - 220px), #fff);
                                                                                                                                                                                                                background: -o-linear-gradient(right, #fff, rgba(255, 255, 255, 0) 220px, rgba(255, 255, 255, 0) calc(100% - 220px), #fff);
                                                                                                                                                                                                                background: linear-gradient(to left, #fff, rgba(255, 255, 255, 0) 220px, rgba(255, 255, 255, 0) calc(100% - 220px), #fff); }
                                                                                                                                                                                                                .business-home .main-marq .box:last-of-type .item:nth-of-type(even) h4 {
                                                                                                                                                                                                                  color: #191b1d;
                                                                                                                                                                                                                  -webkit-text-stroke: 0; }
                                                                                                                                                                                                                  .business-home .main-marq .box:last-of-type .item:nth-of-type(odd) h4 {
                                                                                                                                                                                                                    color: transparent;
                                                                                                                                                                                                                    -webkit-text-stroke: 1px #191b1d; }
                                                                                                                                                                                                                    .business-home .main-marq .box .item h4 {
                                                                                                                                                                                                                      font-size: 6vw;
                                                                                                                                                                                                                      text-transform: uppercase; }
                                                                                                                                                                                                                      .business-home .bg-dark {
                                                                                                                                                                                                                        color: #fff;
                                                                                                                                                                                                                        background: #191b1d !important; }
                                                                                                                                                                                                                        .business-home .bg-dark p {
                                                                                                                                                                                                                          color: #bcbcbe; }
                                                                                                                                                                                                                          .business-home .bg-dark.bord-thin-bottom, .business-home .bg-dark.bord-thin-top {
                                                                                                                                                                                                                            border-color: rgba(255, 255, 255, 0.05) !important; }
                                                                                                                                                                                                                            .business-home .bg-dark .stroke,
                                                                                                                                                                                                                            .business-home .bg-dark .main-marq .box .item:nth-of-type(even) h4 {
                                                                                                                                                                                                                              color: transparent;
                                                                                                                                                                                                                              -webkit-text-stroke: 1px #fff; }
                                                                                                                                                                                                                              .business-home.home-scroll main {
                                                                                                                                                                                                                                height: 100vh;
                                                                                                                                                                                                                                border: 15px solid #fff; }
                                                                                                                                                                                                                                .business-home.home-scroll .pp-scrollable {
                                                                                                                                                                                                                                  overflow-y: auto;
                                                                                                                                                                                                                                  overflow-x: hidden;
                                                                                                                                                                                                                                  height: 100%; }
                                                                                                                                                                                                                                  .business-home.home-scroll .pp-scrollable::-webkit-scrollbar {
                                                                                                                                                                                                                                    width: 0; }
                                                                                                                                                                                                                                    .business-home.home-scroll .pp-scrollable::-webkit-scrollbar-track {
                                                                                                                                                                                                                                      background: transparent; }
                                                                                                                                                                                                                                      .business-home.home-scroll .pp-scrollable::-webkit-scrollbar-thumb {
                                                                                                                                                                                                                                        background: #999;
                                                                                                                                                                                                                                        border-radius: 10px; }
                                                                                                                                                                                                                                        .business-home.home-scroll .pp-scrollable::-webkit-scrollbar-thumb:hover {
                                                                                                                                                                                                                                          background: #555; }
                                                                                                                                                                                                                                          .business-home.home-scroll #pp-nav.right {
                                                                                                                                                                                                                                            right: 25px; }
                                                                                                                                                                                                                                            .business-home.home-scroll #pp-nav li, .business-home.home-scroll .pp-slidesNav li {
                                                                                                                                                                                                                                              margin: 15px 10px; }
                                                                                                                                                                                                                                              .business-home.home-scroll #pp-nav span, .business-home.home-scroll .pp-slidesNav span {
                                                                                                                                                                                                                                                border-color: #999 !important; }
                                                                                                                                                                                                                                                .business-home.home-scroll #pp-nav li .active span, .business-home.home-scroll .pp-slidesNav .active span {
                                                                                                                                                                                                                                                  background: #888 !important; }
                                                                                                                                                                                                                                                  .business-home.home-scroll #pp-nav li .active span:after, .business-home.home-scroll .pp-slidesNav .active span:after {
                                                                                                                                                                                                                                                    content: '';
                                                                                                                                                                                                                                                    width: 21px;
                                                                                                                                                                                                                                                    height: 21px;
                                                                                                                                                                                                                                                    border: 1px solid #888;
                                                                                                                                                                                                                                                    border-radius: 50%;
                                                                                                                                                                                                                                                    position: absolute;
                                                                                                                                                                                                                                                    top: -8px;
                                                                                                                                                                                                                                                    left: -8px; }

                                                                                                                                                                                                                                                    .modern-home {
                                                                                                                                                                                                                                                      background: #121b1d;
                                                                                                                                                                                                                                                      font-family: 'Chivo', sans-serif; }
                                                                                                                                                                                                                                                      .modern-home:not(.h-minimal) .nav-scroll {
                                                                                                                                                                                                                                                        background: #162022;
                                                                                                                                                                                                                                                        -webkit-box-shadow: none;
                                                                                                                                                                                                                                                        box-shadow: none; }
                                                                                                                                                                                                                                                        .modern-home:not(.h-minimal) .navbar .dropdown-menu {
                                                                                                                                                                                                                                                          background: #162022; }
                                                                                                                                                                                                                                                          .modern-home:not(.h-minimal) .navbar .dropdown-menu .dropdown-item .dropdown-side {
                                                                                                                                                                                                                                                            background: #162022; }
                                                                                                                                                                                                                                                            .modern-home .bg-dark {
                                                                                                                                                                                                                                                              background: #121b1d !important; }
                                                                                                                                                                                                                                                              .modern-home h1, .modern-home h2, .modern-home h3, .modern-home h4, .modern-home h5 {
                                                                                                                                                                                                                                                                font-weight: 700; }
                                                                                                                                                                                                                                                                .modern-home h6 {
                                                                                                                                                                                                                                                                  font-weight: 400; }
                                                                                                                                                                                                                                                                  .modern-home .main-marq:after {
                                                                                                                                                                                                                                                                    background: -webkit-linear-gradient(right, #121b1d, rgba(255, 255, 255, 0) 220px, rgba(255, 255, 255, 0) calc(100% - 220px), #121b1d);
                                                                                                                                                                                                                                                                    background: -o-linear-gradient(right, #121b1d, rgba(255, 255, 255, 0) 220px, rgba(255, 255, 255, 0) calc(100% - 220px), #121b1d);
                                                                                                                                                                                                                                                                    background: linear-gradient(to left, #121b1d, rgba(255, 255, 255, 0) 220px, rgba(255, 255, 255, 0) calc(100% - 220px), #121b1d); }

/* ====================== [ End Colors Skin  ] ====================== */
/* ====================== [ Start Responsive ] ====================== */
@media screen and (max-width: 991px) {


/*  HOME*/

.info.text-center.mt-30 h6 {
  font-size: 12px;
}

.info.text-center.mt-30 {
  margin-top: 10px!important;
}

.clients .main-marq .box .item {
  padding: 20px 0px;
  margin: 0 15px;
}

.clients .main-marq .box .item .img {
  width: 70px;

}


.seven-section h2 {
    font-size: 16px;
    line-height: 110%;
    color: #fff;
}

.cases {
    border-radius: 16px;
    margin: 0 auto 130px;
    max-height: 440px;
}

.seven-section .cases .row .content-area {
    padding: 40px 20px;
}

.seven-section .cases .row .image-cases img {
    position: relative;
    bottom: 2rem;
    max-height: 290px;
    object-fit: contain;
}

.pro-img img {
    bottom: 2rem !important;
}

ul.rest.list-svg li img {
    width: 14px;
}

ul.rest.list-svg li {
    font-size: 13px;
    line-height: inherit;
}






#content-carousel-container-unq-1 {
  width: 100%; /* Garante que o contêiner ocupe 100% da largura da tela */
  overflow: hidden; /* Esconde qualquer conteúdo que ultrapasse os limites do contêiner */
}

#content-carousel-container-unq-1 .swiper-wrapper {
  display: flex; /* Garante o layout horizontal dos slides */
  width: 100%; /* Limita o tamanho do wrapper ao contêiner */
}

#content-carousel-container-unq-1 .swiper-slide {
  flex-shrink: 0; /* Evita que os slides sejam redimensionados */
  width: auto; /* Garante que o tamanho dos slides seja determinado pelas configurações do Swiper */
  max-width: 50%; /* Evita que o slide ultrapasse os limites da tela */
  box-sizing: border-box; /* Inclui padding e border no tamanho total do slide */
}


.font-big {
  font-size: 2rem;
}

.steps-main video {
  height: 430px;
  width: 216px;
  border-radius: 20px;
  object-fit: cover;
  position: absolute;
  left: 30px;
  top: 20px;
}


.bg-mobile img {
  max-width: 280px;
  z-index: 9999;
  position: relative;
}


.notification-bar {
  display: none;
}

.call-box-half .item {
  min-height: 400px;
  padding: 10px;
}

section.call-box-half.steps-main h1.wow.lh.inter.fz-60.fw-800.mb-40.animated {
  font-size: 38px!important;
  line-height: normal;
}








/* PAGE ECOMM */

body#ecommercePage .line-height-60 {
  line-height: 35px !important;
}

body#ecommercePage .fz-50 {
  font-size: 24px !important;
}

body#ecommercePage .pg-header {
  padding-top: 40px !important;
}

body#ecommercePage .imagesdevice img {
  position: relative !important;
  width: 100% !important;
  right: -3px !important;
  top: -50px !important;
}

body#ecommercePage .col-lg-7.col-md-6.imagesdevice {
  padding: 0;
}

body#ecommercePage .section-padding {
  padding-top: 0px !important;
  padding-bottom: 30px !important;
}

body#ecommercePage .fz-24 {
  font-size: 18px !important;
}



/* PAGE PROJETO STARTER */

body#PageStarter .section-padding {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}

.grid-svg {
  display: flex;
  width: 100%;
}

.grid-svg .col-lg-4 {
  width: 33%;
}

.grid-svg .item.icon-social.mb-80 svg {
  width: 50%;
}

body#PageStarter .fz-70 {
  font-size: 40px !important;
}

body#PageStarter .call-box-half .item {
  padding: 70px 0 0px!important;
}

body#PageStarter .fz-60 {
  font-size: 40px !important;
}

body#PageStarter section.call-action-simp.section-padding-middle.bg-dark.o-hidden {
  padding-top: 0 !important;
}


body#PageStarter .img.md-mb50 img {
  padding: 0 10px;
}

/*body#PageStarter.row {
    --bs-gutter-x: 2rem;
  }*/

  body#PageStarter ul.rest.list-svg li img {
    width: 15px;
  }


  body#PageStarter .unorder-list.mb-30 ul.rest.list-svg.fz-25 {font-size: 17px !important;}



/* END PROJETO STARTER */


/* PAGE EQUIPE PRO */

body#PageEquipePro .fz-60 {
  font-size: 40px !important;
}

body#PageEquipePro .clients.pt-80.pb-80.bg-dark {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

body#PageEquipePro .section-padding-middle {
  padding-top: 0 !important;
  padding-bottom: 30px !important;
}

body#PageEquipePro .col-lg-2.col-md-6.item-team {flex-grow: 1;width: 50%;}

body#PageEquipePro .img-checkout {
  position: relative;
  top: 30px;
}

body#PageEquipePro ul.rest.list-svg.fz-20 {
  font-size: 13px !important;
}

body#PageEquipePro ul.rest.list-svg li img {
  width: 15px;
}

body#PageEquipePro ul.rest.list-svg li {
  line-height: 25px;
}

body#PageEquipePro .call-box-half .item {
  padding: 70px 0 20px;
}

body#PageEquipePro .width70 {
  width: 100%;
}


/* END EQUIPE PRO */


/* PAGE ULTRA */

body#PageUltra header.full-height {
  padding: 40px 0;
  padding-bottom: 100px;
  text-align: center;
}

body#PageUltra .circle-bord.sml .loader-circle {
  width: 300px;
  height: 300px;
}

body#PageUltra .fee__price {
  font-size: 4rem;
}

body#PageUltra .circle-bord.sml {
  height: 170px;
  margin-top: 20px !important;
}

body#PageUltra .fz-60 {
  font-size: 40px !important;
}

body#PageUltra .call-box-half .item {
  padding: 0px 0 0;
}

body#PageUltra section.call-box-half.greybg {
  padding-top: 50px;
}

body#PageUltra section.call-box-half {
  padding-top: 50px;
}


body#PageUltra ul.rest.list-svg.fz-20 {
  font-size: 15px !important;
}

body#PageUltra ul.rest.list-svg li img {
  width: 15px;
}

body#PageUltra ul.rest.list-svg li {
  line-height: 25px;
}




body#PageUltra .img-corner img {
  position: initial;
  right: 0;
  width: 100%;
}

body#PageUltra section.section-padding.bg-dark-force {
  padding-top: 50px;
  padding-bottom: 50px;
}

body#PageUltra .container-xxl.section-padding.pt-80 {
  padding-bottom: 0;
}

body#PageUltra .img-corner-ultra img {
  position: relative;
  right: 0;
  width: 100%;
  top: 15px;  
}

.pd-md-mob50 {
  padding-top: 50px;
}

.pdbt-md-mob50 {
  padding-bottom: 50px;
}

body#PageUltra .ipad-wrapper--outer {
  margin-top: 30px;
  margin-bottom: 30px;
}


.sec-head.text-center.mb-80 {
  margin-bottom: 20px !important;
}

body#PageUltra .swiper-slide.swiper-slide-active {

}

body#PageUltra .swiper-slide.swiper-slide-active .fz-28 {
  font-size: 15px !important;
}


/* END PAGE ULTRA */

/* PAGE GESTAO */

body#PageGest .parallaxie {
  background-attachment: inherit!important;
  background-image: url(https://ultraweb.com.br/assets/img/slider/d2.jpg)!important;
}

body#PageGest .section-padding {
  padding-top: 50px;
  padding-bottom: 50px;
}

body#PageGest ul.rest.list-svg.fz-20 {
  font-size: 15px !important;
}

body#PageGest ul.rest.list-svg li img {
  width: 15px;
}

body#PageGest ul.rest.list-svg li {
  line-height: 25px;
}

body#PageGest .call-box-half .item {
  padding: 70px 0 20px;
}


/* END GESTAO */


/* PAGE PERF */

body#PagePerf .circle-bord.sml .loader-circle {
  width: 300px;
  height: 300px;
}

body#PagePerf ul.rest.list-svg.fz-20 {
  font-size: 15px !important;
}

body#PagePerf ul.rest.list-svg li img {
  width: 15px;
}

body#PagePerf ul.rest.list-svg li {
  line-height: 25px;
}

body#PagePerf .call-box-half .item {
  padding: 70px 0 0px!important;
}

body#PagePerf .container-xxl.section-padding.pt-80 {
  padding-bottom: 20px;
}

body#PagePerf .gallery.max-margin .item-img {
  width: 50%;
}

body#PagePerf .portfolio.agn .item-img .tag {
  left: -50px;
  right: inherit;
}

body#PagePerf .circle-bord.sml {
  height: 190px;
  margin-top: 20px !important;
}

body#PagePerf .performe-circle i {
  font-size: 180px;
  position: relative;
  left: 15px;
}

body#PagePerf .swiper-slide.swiper-slide-active .fz-28 {
  font-size: 15px !important;
}

body#PagePerf .testim-half .half-img:before {
  background: #b55ded;
  opacity: .3;
}

body#PagePerf .section-padding {
  padding-top: 50px;
  padding-bottom: 50px;
}

/* END PAGE PERF */



/* PAGE SERV */

body#PageServ .parallaxie {
  background-attachment: inherit!important;
  background-image: url(https://ultraweb.com.br/assets/img/slider/s1.jpg)!important;
  background-position: 70% 50% !important;
}

body#PageServ .call-box-half .item:hover {
  background: none;
}

body#PageServ .call-box-half .item {
  padding: 70px 0 0px!important;
}

body#PageServ .section-padding {
  padding-top: 50px;
  padding-bottom: 50px;
}


body#PageServ .item-risked h4.fw-800.fz-20.inter {
  font-size: 13px !important;
}


/* END PAGE SERV */

/* PAG PREÇO */


body#price-main div#bar-ann p {
  font-size: 10px;
}


body#price-main .notification-bar {
  float: inherit;
}

body#price-main  .table>:not(caption)>*>* {
  padding: 0.2rem;
}

body#price-main .pricetable h6 {
  font-size: 12px;
}

body#price-main .collapse.show .table>thead {
  top: 54px;
}

body#price-main .collapse.show .table>thead h5.fz-12 {
  font-size: 10px !important;
}

body#price-main em.txt-minor {

 display: none;
}

body#price-main section.box2half.text-center.mt-50 .col-lg-4 {
  margin-bottom: 40px;
}

body#price-main .section-padding {
  padding-top: 50px;
  padding-bottom: 50px;
}


body#price-main section.box2half.text-center.mt-50 .col-sm-12.fw-800.text-center.mt-40.mb-40 {
  margin-top: 0 !important;
}

body#price-main section.section-padding-middle.nopdmob {
  padding-top: 0;
}

body#price-main section.section-padding.nopdmob {
  padding-top: 0;
}


body#price-main ul.rest.list-svg li img {
  width: 15px;
}

body#price-main ul.rest.list-svg li {
  line-height: 25px;
  font-size: 15px !important;
}

body#price-main button.accordion-button.collapsed {
  font-size: 13px;
  font-family: 'Inter Tight', sans-serif;
}

body#price-main .col-sm-6.box2half {
  margin-bottom: 20px;
}

/* END PAG PREÇO */


/* PAG SOBRE */

body#PageAbout .parallaxie {
  background-attachment: inherit!important;
  background-image: url(https://www.ultraweb.com.br/assets/img/sobre-uw.jpg)!important;
  background-position: 70% 50% !important;
}

body#PageAbout .section-padding {
  padding-top: 50px;
  padding-bottom: 50px;
}

/* END SOBRE */




.modal-body h1 {
  font-size: 34px !important;
}





footer.main-footer .clumn .logo {
  max-width: 150px;
  margin: 0 auto;
}

footer.main-footer {
  text-align: center;
}

.splitting.txt .whitespace {
  width: 5px;
}


.splitting .whitespace {
  width: 5px;
}


nav.headmob.menu-mob {
  position: sticky;
  overflow: hidden;
  top: 0;
  background: #FFF;
  z-index: 99;
  height: 55px;
}

nav.headmob.menu-mob a.navbar-brand {
  margin-top: 10px;
}

.desk-off {
  display: block!important;
}

nav.headmob.menu-mob .navbar-toggler {
  position: absolute;
  right: 10px;
  top: 5px;
  font-size: 34px!important;
  font-weight: lighter;
}



.menu-desk {
  display: none;
}

.sidenav {
  display: block;
}

.navbar .dropdown-menu.show {
  display: contents;
}



.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  right: 0;
  background-color: #fff;
  overflow-x: hidden;
  transition: 0.5s;
}

a.cta-menu-side {
  border-radius: 4px;
  box-shadow: 0 5px 15px 0 rgb(0 0 0 / 15%);
  background-color: #2866eb;
  text-align: center;
  color: #fff!important;
  margin-top: 20px;
}



.hdr-mob {
  border-bottom: 1px solid #b9bbbb;
  width: 85%;
  margin: 0 auto;
}

.body-menu-side a {
  line-height: 45px;
}


.body-menu-side .card.card-body {
  padding: 0px 20px;
  border-left: 2px solid #eee!important;
  border-radius: 0;
  border: none;
}


.body-menu-side {
  padding: 10px 30px;
}

.body-menu-side img {
  width: 12px;
  float: right;
  margin-top: 20px;
}


.sidenav a {
  text-decoration: none;
  font-size: 17px;
  color: #212b36;
  display: block;
  transition: 0.3s;
  font-family: 'Inter Tight', sans-serif;
  font-weight: 600;
}

.sidenav a:hover {
  color: #212b36;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
  font-weight: lighter;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}



body.light.h-main .call-action-simp.bg-dark {
  background-position-x: 25%!important;
}

.nav-info-right.d-flex.align-items-center {
  display: none!important;
}

.mob-on {
  display: block;
}


.bg-img {
  background-position: center !important; }
  .md-mb10 {
    margin-bottom: 10px; }
    .md-mb20 {
      margin-bottom: 20px; }
      .md-mb30 {
        margin-bottom: 30px; }
        .md-mb40 {
          margin-bottom: 40px; }
          .md-mb50 {
            margin-bottom: 50px !important; }
            .md-mb80 {
              margin-bottom: 80px; }
              .md-no-mrg {
                margin: 0 !important; }
                .md-pb10 {
                  padding-bottom: 10px; }
                  .md-pb20 {
                    padding-bottom: 20px; }
                    .md-pb30 {
                      padding-bottom: 30px; }
                      .md-pb40 {
                        padding-bottom: 40px; }
                        .md-pb50 {
                          padding-bottom: 50px; }
                          .md-pb60 {
                            padding-bottom: 60px; }
                            .md-pb70 {
                              padding-bottom: 70px; }
                              .md-pb80 {
                                padding-bottom: 80px; }
                                .md-pt80 {
                                  padding-top: 80px !important; }
                                  .md-no-pad {
                                    padding: 0 !important; }
                                    .md-center {
                                      text-align: center !important; }
                                      .order2 {
                                        -webkit-box-ordinal-group: 3 !important;
                                        -ms-flex-order: 2 !important;
                                        order: 2 !important; }
                                        .order1 {
                                          -webkit-box-ordinal-group: 2 !important;
                                          -ms-flex-order: 1 !important;
                                          order: 1 !important; }
                                          .justify-end {
                                            -webkit-box-pack: start !important;
                                            -ms-flex-pack: start !important;
                                            justify-content: flex-start !important; }
                                            .md-hide {
                                              display: none; }
                                              body.index-marg {
                                                padding-left: 0; }
                                                .nav-left-fixed {
                                                  width: 100%;
                                                  height: 60px;
                                                  padding: 20px 30px 20px; }
                                                  .nav-left-fixed .menu-bar {
                                                    margin: 0; }
                                                    .nav-left-fixed .progress-wrap,
                                                    .nav-left-fixed .social {
                                                      display: none; }
                                                      .navbar {
                                                        min-height: 60px; }
                                                        .navbar .navbar-collapse {
                                                          max-height: 340px;
                                                          overflow: auto;
                                                          background: #191b1d;
/*                                                            text-align: center;*/
padding: 20px 15px 30px; }
.navbar .nav-link {
  margin: 10px auto !important;
  color: #fff !important; }
  .navbar .logo {
    margin-left: 15px;
    width: 60px; }
    .navbar .navbar-toggler {
      position: absolute;
      top: 20px;
      right: 20px;
      font-size: 20px;
      padding: 0;
      -webkit-box-shadow: none;
      box-shadow: none;
      border-radius: 0; }
      .navbar .nav-info-right {
        margin: 30px auto 0;
        text-align: center;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content; }
        .navbar .nav-info-right .social:before {
          display: none; }
          .navbar .nav-info-right .social a {
            width: 40px;
            height: 40px;
            line-height: 40px;
            text-align: center;
            border: 1px solid rgba(255, 255, 255, 0.1);
            border-radius: 50%; }
            .navbar-nav .dropdown-menu {
              opacity: 1;
              visibility: visible;
              display: none;
              background: #1e2022;
              -webkit-box-shadow: none;
              box-shadow: none;
            }
            .navbar-nav .dropdown-menu .dropdown-item .dropdown-side {
              position: static;
              background: #1e2022;
              -webkit-box-shadow: none;
              box-shadow: none;
              display: none;
              margin-top: 15px; }
              .navbar-nav .dropdown-menu .dropdown-item .dropdown-side.show {
                display: block; }
                .navbar .dropdown-menu .dropdown-item a .icon-arrow {
                  -webkit-transform: rotate(90deg);
                  -ms-transform: rotate(90deg);
                  transform: rotate(90deg); }
                  .navbar-nav .dropdown-menu.show {
                    display: block; }
                    .navbar .navbar-nav .nav-link {
                      padding: 0; }
                      .navbar .mega-menu .dropdown-menu {
                        position: static;
                        -webkit-box-shadow: none;
                        box-shadow: none;
                        background: #f7f7f7;
                        padding: 30px; }
                        .navbar.light .navbar-toggler .md-revers {
                          color: #18191d; }
                          body.light .navbar {
                            color: #191b1d !important; }
                            body.light .navbar .navbar-collapse {
                              background: #fafafa; }
                              body.light .navbar .nav-link {
                                color: #191b1d !important; }
                                body.light .navbar .nav-info-right .social a {
                                  border-color: rgba(0, 0, 0, 0.1); }
                                  body.light .navbar .theme-icon {
                                    color: #191b1d !important;
                                    background: rgba(0, 0, 0, 0.02); }
                                    body.light .nav-scroll .navbar-toggler {
                                      color: #191b1d; }
                                      .slider-main .caption h1 {
                                        font-size: 45px !important; }
                                        .slide-creative .caption h1 {
                                          font-size: 50px; }
                                          .slider.box-slide .parallax-slider {
                                            width: 100%;
                                            margin-left: 0;
                                            padding-top: 0px; }
                                            header.hed-clean .cont h1 {
                                              font-size: 55px !important; }
                                              .pg-header.style2 h1 {
                                                font-size: 50px !important; }
                                                .sec-head h3.fz-55 {
                                                  font-size: 35px !important; }
                                                  .sec-head h3 br {
                                                    display: none; }
                                                    .go-more {
                                                      padding: 0 15px;
                                                      font-size: 12px;
                                                      letter-spacing: 0; }
                                                      .go-more:after {
                                                        right: 0; }
                                                        .hero-sipm .justify-content-center {
                                                          -webkit-box-pack: start !important;
                                                          -ms-flex-pack: start !important;
                                                          justify-content: start !important;
                                                          margin-top: 30px; }
                                                          .about-busin .img-exp .exp {
                                                            bottom: 0;
                                                            left: 50%;
                                                            -webkit-transform: translateX(-50%);
                                                            -ms-transform: translateX(-50%);
                                                            transform: translateX(-50%); }
                                                            .about-busin .img-exp:after {
                                                              display: none; }
                                                              .serv-bg-box .row .chan-img .img {
                                                                background-size: cover !important; }
                                                                .serv-bg-box .item {
                                                                  min-height: 40vh;
                                                                  border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
                                                                  .work-rand-width .swiper-slide:nth-of-type(even),
                                                                  .work-rand-width .swiper-slide {
                                                                    width: 50% !important; }
                                                                    .work-rand-height .swiper-container.cuting {
                                                                      width: 100%; }
                                                                      .states.text-right {
                                                                        text-align: left;
                                                                        margin-top: 50px; }
                                                                        .states.text-right li {
                                                                          display: inline-block;
                                                                          margin-right: 30px; }
                                                                          .states.text-right li br {
                                                                            display: none; }
                                                                            .number-sec .item {
                                                                              padding: 0; }
                                                                              .testim-simple .bg-text h2,
                                                                              .main-marq .box .item h4 {
                                                                                font-size: 8vw; }
                                                                                .testim-half .half-img {
                                                                                  width: 100%; }
                                                                                  .teams .lg-marg {
                                                                                    margin-top: 0 !important; }
                                                                                    .process-line .item {
                                                                                      padding-right: 0;
                                                                                      padding-left: 30px; }
                                                                                      .process-line .item:after {
                                                                                        top: 95px; }
                                                                                        .call-box-half h3 {
                                                                                          font-size: 25px; }
                                                                                          .sub-footer {
                                                                                            text-align: center; }
                                                                                            .sub-footer .copyrights {
                                                                                              display: block !important;
                                                                                              margin-top: 15px; }
                                                                                              .crv-footer .call-buton {
                                                                                                margin-left: 0;
                                                                                                margin-top: 50px; }
                                                                                                body.light.h-agency .testim-half .half-img:before {
                                                                                                  background: #b55ded;
                                                                                                  opacity: .9; }
                                                                                                  .h-arch .slider .parallax-slider .caption h1 {
                                                                                                    font-size: 55px !important; }
                                                                                                    .business-home.home-scroll main {
                                                                                                      border: 0; }
                                                                                                      .business-home.home-scroll #pp-nav.right {
                                                                                                        right: 10px; }
                                                                                                        .nav-left-fixed.in-right {
                                                                                                          width: 60px; }
                                                                                                          .portfolio .filtering {
                                                                                                            margin-bottom: 50px !important; }
                                                                                                            .portfolio .filtering span {
                                                                                                              margin-bottom: 30px; }
                                                                                                              .works-header .background {
                                                                                                                left: 0; }
                                                                                                                .nex-prv .text-left,
                                                                                                                .nex-prv .text-right {
                                                                                                                  text-align: center !important; }
                                                                                                                  .comments-post .item-box.replayed {
                                                                                                                    margin-left: 0; }
                                                                                                                    .slid-text .cont h1 {
                                                                                                                      font-size: 50px !important; }
                                                                                                                      .coming-soon h1 {
                                                                                                                        font-size: 50px !important; } }

                                                                                                                        @media screen and (max-width: 767px) {

                                                                                                                          .heigh-300 {
                                                                                                                            display: none;
                                                                                                                          }

                                                                                                                          .pado0mob {
                                                                                                                            padding: 0 !important;
                                                                                                                          }

                                                                                                                          nav.navbar.navbar-expand-lg.nochan .container-xxl {
                                                                                                                            padding: 10px 0px;
                                                                                                                          }


                                                                                                                          .sm-mb10 {
                                                                                                                            margin-bottom: 10px; }
                                                                                                                            .sm-mb20 {
                                                                                                                              margin-bottom: 20px; }
                                                                                                                              .sm-mb30 {
                                                                                                                                margin-bottom: 30px; }
                                                                                                                                .sm-mb40 {
                                                                                                                                  margin-bottom: 40px; }
                                                                                                                                  .sm-mb50 {
                                                                                                                                    margin-bottom: 50px; }
                                                                                                                                    .sm-mb80 {
                                                                                                                                      margin-bottom: 80px; }
                                                                                                                                      .sm-pb10 {
                                                                                                                                        padding-bottom: 10px; }
                                                                                                                                        .sm-pb20 {
                                                                                                                                          padding-bottom: 20px; }
                                                                                                                                          .sm-pb30 {
                                                                                                                                            padding-bottom: 30px; }
                                                                                                                                            .sm-pb40 {
                                                                                                                                              padding-bottom: 40px; }
                                                                                                                                              .sm-pb50 {
                                                                                                                                                padding-bottom: 50px; }
                                                                                                                                                .sm-pb60 {
                                                                                                                                                  padding-bottom: 60px; }
                                                                                                                                                  .sm-pb70 {
                                                                                                                                                    padding-bottom: 70px; }
                                                                                                                                                    .sm-pb80 {
                                                                                                                                                      padding-bottom: 80px; }
                                                                                                                                                      .sm-hide {
                                                                                                                                                        display: none; }
                                                                                                                                                        h1 {
                                                                                                                                                          font-size: 35px; }
                                                                                                                                                          h2 {
                                                                                                                                                            font-size: 22px; }
                                                                                                                                                            h3 {
                                                                                                                                                              font-size: 20px; }
                                                                                                                                                              h4 {
                                                                                                                                                                font-size: 20px; }
                                                                                                                                                                h5 {
                                                                                                                                                                  font-size: 18px; }
                                                                                                                                                                  h6 {
                                                                                                                                                                    font-size: 16px; }
                                                                                                                                                                    h3.fz-50 {
                                                                                                                                                                      font-size: 35px !important; }
                                                                                                                                                                      .md-padding {
                                                                                                                                                                        padding-left: 15px;
                                                                                                                                                                        padding-right: 15px; }
                                                                                                                                                                        .slider-main .caption h1 {
                                                                                                                                                                          font-size: 30px !important; }
                                                                                                                                                                          .slider-main .caption .butn {
                                                                                                                                                                            margin: 0 0 10px 0 !important; }
                                                                                                                                                                            .slide-creative .caption h1 {
                                                                                                                                                                              font-size: 35px; }
                                                                                                                                                                              .slider .parallax-slider .caption h1 {
                                                                                                                                                                                font-size: 25px;
                                                                                                                                                                                letter-spacing: normal; }
                                                                                                                                                                                .slider .parallax-slider .caption h1 div {
                                                                                                                                                                                  display: inline-block; }
                                                                                                                                                                                  .ed-slide .cont h1 {
                                                                                                                                                                                   font-size: 11vw!important;
                                                                                                                                                                                   bottom: -25px; line-height: 1.25!important;}

                                                                                                                                                                                   .ed-slide .img {
                                                                                                                                                                                    height: 50vh;
                                                                                                                                                                                    overflow: hidden;
                                                                                                                                                                                  }

                                                                                                                                                                                  .ed-slide {
                                                                                                                                                                                    padding-top: 90px;
                                                                                                                                                                                  }

                                                                                                                                                                                  section.hero-sipm.pt-80.pb-80.bg-dark-force.position-re .col-lg-5.offset-lg-1.d-flex.justify-content-center {
                                                                                                                                                                                    justify-content: center !important;
                                                                                                                                                                                  }

                                                                                                                                                                                  .pad0mob {
                                                                                                                                                                                    padding: 0;
                                                                                                                                                                                  }

                                                                                                                                                                                  header.hed-minml .cont h1,
                                                                                                                                                                                  header.hed-clean .cont h1 {
                                                                                                                                                                                    font-size: 35px !important; }
                                                                                                                                                                                    .pg-header.style2 h1 {
                                                                                                                                                                                      font-size: 40px !important; }
                                                                                                                                                                                      .pg-header .curve {
                                                                                                                                                                                        display: none; }
                                                                                                                                                                                        .works-header {
                                                                                                                                                                                          min-height: 100vh; }
                                                                                                                                                                                          .pg-header.tpost .cont .d-flex {
                                                                                                                                                                                            display: block !important; }
                                                                                                                                                                                            .pg-header.tpost .cont .item {
                                                                                                                                                                                              width: -webkit-max-content;
                                                                                                                                                                                              width: -moz-max-content;
                                                                                                                                                                                              width: max-content;
                                                                                                                                                                                              margin-bottom: 20px;
                                                                                                                                                                                              text-align: left; }
                                                                                                                                                                                              .pg-header.tpost .cont .item:last-of-type {
                                                                                                                                                                                                margin-bottom: 0; }
                                                                                                                                                                                                .pg-header.tpost .cont .item:after {
                                                                                                                                                                                                  display: none; }
                                                                                                                                                                                                  .pg-header.tpost .cont .item .d-flex {
                                                                                                                                                                                                    display: -webkit-box !important;
                                                                                                                                                                                                    display: -ms-flexbox !important;
                                                                                                                                                                                                    display: flex !important; }
                                                                                                                                                                                                    .sec-head .d-flex {
                                                                                                                                                                                                      display: block !important;
                                                                                                                                                                                                      margin-top: 30px; }
                                                                                                                                                                                                      .sec-head .d-flex .go-more:after {
                                                                                                                                                                                                        right: auto;
                                                                                                                                                                                                        left: 0; }
                                                                                                                                                                                                        .sec-head .d-flex .go-more:hover:after {
                                                                                                                                                                                                          right: 0; }
                                                                                                                                                                                                          .sec-head h3.fz-40, .sec-head h3.fz-55 {
                                                                                                                                                                                                            font-size: 30px !important; }
                                                                                                                                                                                                            .intro-box .img .img1 {
                                                                                                                                                                                                              height: 400px; }
                                                                                                                                                                                                              .intro-box .img .img02 .img2 {
                                                                                                                                                                                                                height: 120px; }
                                                                                                                                                                                                                .intro-box .cont h4.fz-70 {
                                                                                                                                                                                                                  font-size: 40px !important; }
                                                                                                                                                                                                                  .serv-box .serv-item {
                                                                                                                                                                                                                    padding: 50px 40px; }
                                                                                                                                                                                                                    .works .simp-ctrl .swiper-nav-ctrl {
                                                                                                                                                                                                                      margin: 0 10px 0 0; }
                                                                                                                                                                                                                      .work-rand-width .swiper-slide:nth-of-type(even),
                                                                                                                                                                                                                      .work-rand-width .swiper-slide {
                                                                                                                                                                                                                        width: 100% !important; }
                                                                                                                                                                                                                        .portfolio.agn {
                                                                                                                                                                                                                          padding-bottom: 30px; }
                                                                                                                                                                                                                          .portfolio.agn .items {
                                                                                                                                                                                                                            margin: 0 0 100px 0 !important; }
                                                                                                                                                                                                                            .clients h3.fz-28 {
                                                                                                                                                                                                                              font-size: 24px !important; }
                                                                                                                                                                                                                              .video.states ul {
                                                                                                                                                                                                                                display: block; }
                                                                                                                                                                                                                                .video.states ul li {
                                                                                                                                                                                                                                  margin: 15px 0 0 15px !important; }
                                                                                                                                                                                                                                  .numbers .justify-content-center {
                                                                                                                                                                                                                                    -webkit-box-pack: start !important;
                                                                                                                                                                                                                                    -ms-flex-pack: start !important;
                                                                                                                                                                                                                                    justify-content: start !important; }
                                                                                                                                                                                                                                    .mblog .post-clas {
                                                                                                                                                                                                                                      padding-left: 0; }
                                                                                                                                                                                                                                      .call-box-half .item {
                                                                                                                                                                                                                                        min-height: auto; }
                                                                                                                                                                                                                                        .call-box-half .item:hover {
                                                                                                                                                                                                                                        }
                                                                                                                                                                                                                                        .sub-footer .horizontal-link li {
                                                                                                                                                                                                                                          margin: 0 25px 5px 0 !important; }
                                                                                                                                                                                                                                          .h-arch .slider .parallax-slider .caption h1 {
                                                                                                                                                                                                                                            font-size: 35px !important; }
                                                                                                                                                                                                                                            .h-arch .slider .parallax-slider .caption p {
                                                                                                                                                                                                                                              font-size: 15px !important; }
                                                                                                                                                                                                                                              .main-post .post-qoute {
                                                                                                                                                                                                                                                padding-left: 100px; }
                                                                                                                                                                                                                                                .main-post .post-qoute h6:before {
                                                                                                                                                                                                                                                  font-size: 130px;
                                                                                                                                                                                                                                                  top: 55px;
                                                                                                                                                                                                                                                  left: -80px; }
                                                                                                                                                                                                                                                  .main-post .info-area {
                                                                                                                                                                                                                                                    display: block; }
                                                                                                                                                                                                                                                    .main-post .info-area > div {
                                                                                                                                                                                                                                                      margin: 15px 0; }
                                                                                                                                                                                                                                                      .main-post .author-area .author-img .img {
                                                                                                                                                                                                                                                        width: 80px;
                                                                                                                                                                                                                                                        height: 80px; }
                                                                                                                                                                                                                                                        .main-post .next-prv-post .thumb-post {
                                                                                                                                                                                                                                                          padding: 40px 15px; }
                                                                                                                                                                                                                                                          .comments-post .item-box > .flex {
                                                                                                                                                                                                                                                            display: block; }
                                                                                                                                                                                                                                                            .comments-post .item-box .user-img,
                                                                                                                                                                                                                                                            .comments-post .item-box .cont {
                                                                                                                                                                                                                                                              margin: 0 0 30px 0 !important; }
                                                                                                                                                                                                                                                              .slid-text .cont h1 {
                                                                                                                                                                                                                                                                font-size: 35px !important; }
                                                                                                                                                                                                                                                                .inter-links-center {
                                                                                                                                                                                                                                                                  display: block !important; }
                                                                                                                                                                                                                                                                  .social-text {
                                                                                                                                                                                                                                                                    display: none; }
                                                                                                                                                                                                                                                                    .error-split .half-img {
                                                                                                                                                                                                                                                                      display: none; }
                                                                                                                                                                                                                                                                      .error-split .cont {
                                                                                                                                                                                                                                                                        height: 100vh; }
                                                                                                                                                                                                                                                                        .coming-soon h1 {
                                                                                                                                                                                                                                                                          font-size: 35px !important; }
                                                                                                                                                                                                                                                                          .coming-soon .clockdiv li .fz-40 {
                                                                                                                                                                                                                                                                            font-size: 30px !important; }
                                                                                                                                                                                                                                                                            .coming-soon .clockdiv li:before, .coming-soon .clockdiv li:after {
                                                                                                                                                                                                                                                                              width: 5px;
                                                                                                                                                                                                                                                                              height: 5px; } }

/* ====================== [ End Responsive ] ====================== */