@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
	


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





.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);}}





.text-white p {color: #fff!important;}

a.nav-link.cta-menu {
  color: #fff !important;!i;!;
  background: #c9ee6a;
  border-radius: 5px;
  padding: 15px 25px!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;
}


.main-marq.section-padding.pt-0 {
  overflow: hidden;
}

body.light:not(.business-home) .bg-dark {
  background: #fff !important;
}


body.light:not(.business-home) .bg-dark * {
  color: #191b1d;
}




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

  .container-xxl.bord-thin-top.section-padding {
    padding-top: 20px;
    padding-bottom: 10px;
  }

  section.call-action-simp.section-padding.bg-dark.o-hidden {
    padding-top: 10px;
    padding-bottom: 50px;
  }


  span.cta-consult {
    text-align: center;
  }


  header.slider-main h1 {
    font-size: 32px!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;
  }

  
  .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: 1400px) {
          .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
            max-width: 1320px; } }

            @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  ] ====================== */


.text-content.box1-gradient {
  filter: saturate(0.5);
}

.text-content.box2-gradient {
  filter: saturate(0.6);
}

.text-content.box3-gradient {
 filter: saturate(0.7);
}

.text-content.box4-gradient {
 filter: saturate(0.8);
}

.text-content.box5-gradient {
 filter: saturate(0.9);
}


body.light .sub-bg {
  background: #f7f7f7;
}

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








* {
  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; }

    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;
          }
          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: #bcbcbe;
                                    font-size: 15px;
                                    font-weight: 400;
                                    font-family: 'Montserrat', sans-serif;
                                    line-height: 1.9;
                                    margin: 0; }

                                    [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 ] ====================== */

span.alert-circle {
  height: 16px;
  width: 16px;
  display: flex;
  background: #33d04e;
  border-radius: 50%;
  float: left;
  margin-top: 20px;
}

.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);}}

.inline-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

span.cta-consult {
  margin-top: -8px;
  background: #33d04e;
  padding: 2px 6px;
  border-radius: 4px;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  font-size: 12px;
}

.f-poppins {
  font-family: "Poppins", sans-serif;
}


.form-home input {
  width: 100%;
  color: #191b1d;
  background: #fff;
  border-color: rgba(100, 100, 100, 0.15);
  border: 0;
  border-bottom: 1px solid rgb(134 134 134 / 20%);
/*  height: 50px;*/
padding: 15px;
font-size: 14px;

}

.form-home select {
  width: 100%;
  color: #191b1d;
  background: #fff;
  border-color: rgba(100, 100, 100, 0.15);
  border: 0;
  border-bottom: 1px solid rgb(134 134 134 / 20%);
/*  height: 50px;*/
padding: 15px;
font-size: 14px;

}


.form-home-section {
  padding: 20px;
  display: flex;
  align-items: center;
  background: #d8cfb9;
}

.form-home button {
  background: #19a908;
  border: none;
  height: 50px;
  padding: 14px 14px 10px;
  width: 100%;
  color: #fff;
}

a.agendamento-btn {
  border: 1px solid #fff;
  padding: 10px 40px;
  font-size: 14px!important;
}

.play-pause-btn, .mute-btn {
  position: absolute;
  top: 10px;
  padding: 10px;
  background-color: transparent;
  color: white;
  border: none;
  cursor: pointer;
  z-index: 10;
}

.play-pause-btn {
  left: 10px; /* Ajuste a posição para deixar espaço para o botão de som */
}

.mute-btn {
  left: 40px;
}

.play-pause-btn:hover, .mute-btn:hover {
  background-color: transparent;
}


.background-video {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: translate(-50%, -50%);
  z-index: -1;
  pointer-events: none; /* Impede que o vídeo interfira na interação com outros elementos */
}

.video.section-padding-video {
  position: relative;
  overflow: hidden;
}

.elfsight-app-6f82e2a3-6138-4918-bb86-4ab2704ae1ef:after {
  border-bottom: 50px solid #fff;
  content: '';
  z-index: 9999;
  display: block;
  margin-top: -40px;
  position: relative;
}

.dark-button {background: #000;}

.gold-button {background: #c7b27c;}

section.teams img {
  border-radius: 5px;
}

body.light .nav-scroll a.agendamento-btn {
  border: 1px solid #000000;
}


.pd-10 {padding: 10px;}

.pd-15 {padding: 15px;}

.pd-20 {padding: 20px;}

.tratamentos-section {
  padding: 50px 0;
  width: 100%;
}


.container-box-custom .text-content {
  flex: 2;
  padding: 40px;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.container-box-custom .text-content h1 {
  font-size: 36px;
  margin: 0 0 20px;
  color: #222;
}
.container-box-custom .text-content p {
  font-size: 18px;
  margin: 0 0 30px;
  line-height: 1.5;
}
.container-box-custom .text-content button {
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  background-color: #f4a261;
  color: #fff;
  cursor: pointer;
  font-size: 16px;
  transition: background-color 0.3s;
}
.container-box-custom .text-content button:hover {
  background-color: #e76f51;
}
.container-box-custom .image-content {
  flex: 1;
}
.container-box-custom .image-content img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Estilos para criar o efeito de empilhamento com deslocamento */
.container-box-custom:nth-child(1) {
  top: 150px;
  z-index: 1;
}
.container-box-custom:nth-child(2) {
  top: 170px;
  z-index: 2;
}
.container-box-custom:nth-child(3) {
  top: 190px;
  z-index: 3;
}
.container-box-custom:nth-child(4) {
  top: 210px;
  z-index: 4;
}
.container-box-custom:nth-child(5) {
  top: 230px;
  z-index: 5;
}
.container-box-custom:nth-child(6) {
  top: 250px;
  z-index: 6;
}
.container-box-custom:nth-child(7) {
  top: 270px;
  z-index: 7;
}



.container-box-custom {
  display: flex;
/*  max-width: 1200px;*/
width: 100%;
background: linear-gradient(90deg, rgba(0,0,0,0.7) 0%, rgba(255,255,255,0) 50%);
border-radius: 25px;
overflow: hidden;
padding: 0;
position: sticky;
top: 50px; /* Ajuste conforme necessário */
z-index: 1;
transform: translateY(0);
transition: transform 0.3s ease;
}
.text-content {
  flex: 2;
  padding: 40px;
  color: #fff;
  background-image: url(../img/bg-pattern-gold.jpg);
  background-size: cover;
  background-repeat: no-repeat;

}
.text-content h1 {
  font-size: 36px;
  margin: 0 0 20px;
}
.text-content p {
  font-size: 18px;
  margin: 0 0 30px;
  line-height: 1.5;
}
.text-content button {
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  background-color: #f4a261;
  color: #fff;
  cursor: pointer;
  font-size: 16px;
  transition: background-color 0.3s;
}
.text-content button:hover {
  background-color: #e76f51;
}
.image-content {
  flex: 1; /* 1/3 da largura */
}
.image-content img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0px 25px 25px 0px;
}




.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: 100px;
                  height: 100px; }
                  .circle-bord.sml .loader-circle {
                    width: 100px;
                    height: 100px; }
                    .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 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 .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 50s linear infinite;
                                        animation: slide-har-revers 50s 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: 5px; }

    @-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: 5px; }

                                @-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: #c6b27c;
      -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 #c6b27c;
            -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: #c6b27c !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; }

      .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 ] ====================== */
.navbar {
  position: absolute;
  left: 0;
  top: 0;
  padding: 0;
  margin: 0;
  width: 100%;
  background: transparent;
/*    border-bottom: 2px solid transparent;*/
z-index: 999;
min-height: 80px;
color: #fff; }
.navbar .container {
  position: relative; }
  .navbar .icon-bar {
    color: #18191d; }
    .navbar .navbar-nav {
      margin-left: auto !important; }
      .navbar .navbar-nav .nav-link {
        color: #fff;
        font-size: 15px;
        font-weight: 500;
        padding: 15px 7px;
        margin: 10px 15px; }
        .navbar .dropdown-menu {
          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.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: 14px;
                -webkit-transition: all .4s;
                -o-transition: all .4s;
                transition: all .4s;
                padding: 10px 35px;
                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: #c6b27c !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: 150px;
                                                  position: relative; }
                                                  .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 {
                                                                      padding-left: 20px;
                                                                      margin-left: 20px;
                                                                      position: relative; }
                                                                      .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: -80px;
                                                                                      -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: rgba(255, 255, 255, 0.04);
                                                                                            border: 1px solid rgba(200, 200, 200, 0.2);
                                                                                            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: #c6b27c;
                                                                                                                                                                  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: 120px;
    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: 50px;
                        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: -50px;
                                                                  z-index: 2; }
                                                                  .ed-slide .img {
                                                                    height: 80vh;
                                                                    overflow: hidden; }
                                                                    .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: 220px;
                                                                                              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;

                                          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: 20px;
      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: 30px 50px;
                                border: 1px solid rgba(255, 255, 255, 0.08);
                                margin: 0 15px; }
                                .clients .main-marq .box .item:hover .img {
                                  -webkit-transform: scale(0);
                                  -ms-transform: scale(0);
                                  transform: scale(0);
                                  opacity: 0; }
                                  .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: 440px; }
          .work-carsouel .item-title-out .img img {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover; }

            .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: #c6b27c; }

                                                                      .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: #c6b27c;
                                                                                                                                                      -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: #c6b27c;
                                                                                                                                                                                  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: #c6b27c;
                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: #c6b27c;
                                                                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: #c6b27c;
                                                                          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: #c6b27c;
                                                                                    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: 20px; }
        .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: #c6b27c; }
                  .price .price-table .item.active .order a {
                    background: #c6b27c;
                    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: #c6b27c; }

          .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 {
}

.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: -1; }
                .testim-half .qout-icon {
                  -webkit-transform: rotateZ(180deg);
                  -ms-transform: rotate(180deg);
                  transform: rotateZ(180deg);
                  display: inline-block; }

/* ====================== [ End Testimonials ] ====================== */
/* ====================== [ Start Blog ] ====================== */
.mblog .post-bg-img {
  min-height: 540px;
  border-radius: 5px;
  overflow: hidden;
  position: relative; }
  .mblog .post-bg-img .cont {
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 40px;
    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, #191b1d, 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;
                        border-radius: 30px;
                        background: #fff;
                        position: absolute;
                        top: 20px;
                        left: 20px; }
                        .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: #c6b27c;
                                                -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: #c6b27c;
                                                                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: #c6b27c;
                                                                                                                  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: #c6b27c;
                                                                                                                                            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: #c6b27c;
                                                                                                                                                  border-color: #c6b27c; }

                                                                                                                                                  .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: #c6b27c; }
                                                                                                                                                                                    .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 0; }

/* ====================== [ 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: #c6b27c;
              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: #c6b27c;
                    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: 100px; }

                    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 #c6b27c; }

                            .nowrap {
                              white-space: nowrap; }

                              .main-color {
                                color: #c6b27c !important; }
                                .main-color span {
                                  color: #c6b27c !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-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; }

/*-------------------------------------------------------
          line-height
-------------------------------------------------------*/
.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; }

/*-------------------------------------------------------
       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: #191b1d; }
            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 #191b1d !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: #191b1d !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; }
                                  body.light p {
                                    color: #646467 !important;
                                    font-weight: 400 !important; }
                                    body.light .butn-bord {
                                      border-color: #191b1d; }
                                      body.light .bg-pattern2 {
                                        -webkit-filter: invert(1);
                                        filter: invert(1);
                                        opacity: .6; }
                                        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: #f3f8f1; }
                                                      body.light .navbar.nochan * {
                                                        color: #191b1d !important; }
                                                        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: #ccc; }
                                                              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 {
                                                                                  background: #ccc; }
                                                                                  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: 1; }
                                                                                        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: rgba(100, 100, 100, 0.4); }
                                                                                                            body.light .circle-bord.sml .carrow.arow-down svg {
                                                                                                              fill: #191b1d; }
                                                                                                              body.light .go-more {
                                                                                                                z-index: 2; }
                                                                                                                body.light .go-more:after {
                                                                                                                  border-color: #c6b27c;
                                                                                                                  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: #c6b27c; }
                                                                                                                            body.light .testim-simple .qout-icon svg path {
                                                                                                                              stroke: #191b1d; }
                                                                                                                              body.light .testim-simple .qoute-icon {
                                                                                                                              }
                                                                                                                              body.light .clients.sub-bg {
                                                                                                                                background: #f7f7f7;
                                                                                                                                color: #111;
                                                                                                                              }
                                                                                                                              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: #f7f7f7 !important;
                                                                                                                                        color: #111; }
                                                                                                                                        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 {
                                                                                                                                                    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; }
                                                                                                                                                    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 {
                                                                                                                                                            content: '';
                                                                                                                                                            position: absolute;
                                                                                                                                                            bottom: 0px;
                                                                                                                                                            right: 0px;
                                                                                                                                                            width: 200px;
                                                                                                                                                            height: 200px;
                                                                                                                                                            border-radius: 50%;
                                                                                                                                                            background: #c6b27c;
                                                                                                                                                            opacity: .8;
                                                                                                                                                            -webkit-filter: blur(150px);
                                                                                                                                                            filter: blur(150px);
                                                                                                                                                            z-index: 11;
                                                                                                                                                            pointer-events: none; }
                                                                                                                                                            body.light.h-main .mblog:after {
                                                                                                                                                              top: 0;
                                                                                                                                                              left: 0; }
                                                                                                                                                              body.light.h-main .call-action-simp.bg-dark {
                                                                                                                                                                background: url(../img/background/04.jpg) !important;
                                                                                                                                                                position: relative;
                                                                                                                                                                z-index: 3; }
                                                                                                                                                                body.light.h-main .call-action-simp.bg-dark * {
                                                                                                                                                                  color: #111; }
                                                                                                                                                                  body.light.h-main .call-action-simp.bg-dark:before {
                                                                                                                                                                    content: '';
                                                                                                                                                                    position: absolute;
                                                                                                                                                                    top: 0;
                                                                                                                                                                    left: 0;
                                                                                                                                                                    width: 100%;
                                                                                                                                                                    height: 100%;
                                                                                                                                                                    background: #fff;
/*      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: #c6b27c; }
                                            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: #c6b27c;
                                                                                      border-color: #c6b27c; }
                                                                                      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: #c6b27c;
                                                                                            opacity: .7; }
                                                                                            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 #c6b27c; }
                                                                                                  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 #c6b27c; }
                                                                                                      body.light .pg-header .background h4 {
                                                                                                        -webkit-text-stroke: 1px #c6b27c; }
                                                                                                        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 .clients .main-marq .box .item,
                                                                                                              body.light .price .price-table .item {
                                                                                                                border-color: rgba(100, 100, 100, 0.15); }
                                                                                                                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: #c6b27c; }
                                                                                                                    body.light .clients .main-marq .box .item .img img {
                                                                                                                      -webkit-filter: invert(1);
                                                                                                                      filter: invert(1); }
                                                                                                                      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: #c6b27c;
                                                                                                                                      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: #c6b27c; }
                                                                                                                                              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: 'Inter', 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) {

  header.full-height.bg-img {
    background-position: 80% 50%!important;

  }

  .container-box-custom {
    display: block!important;
  }

  .image-content img {
    border-radius: 0px;
  }

  .container-box-custom .text-content h1 {
    font-size: 17px!important;
  }

  .container-box-custom .text-content p {
    font-size: 15px!important;
  }


  a.agendamento-btn {
    border: none;

  }

  body.light .nav-scroll a.agendamento-btn {
    border: none;
}




  .bg-img {
    background-position: center !important;
    background-attachment: inherit !important;
    background-size: cover !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 25px 20px; }
                                                            .navbar .nav-link {
                                                              margin: 10px auto !important;
                                                              color: #fff !important; }
                                                              .navbar .logo {
                                                                width: 130px;
                                                                position: relative;
                                                                margin-top: 20px; }
                                                                .navbar .navbar-toggler {
                                                                  position: absolute;
                                                                  top: 50px;
                                                                  right: 30px;
                                                                  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;
                                                                          text-align: center; }
                                                                          .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: #f7f7f7; }
                                                                                            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: 60px; }
                                                                                                          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: #fff;
                                                                                                                                                                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) {



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

                                                                                                                                                                                        .teams .max-margin {
                                                                                                                                                                                          margin-left: auto;
                                                                                                                                                                                          margin-right: auto;
                                                                                                                                                                                        }

                                                                                                                                                                                        .testim-simple .bg-text {
                                                                                                                                                                                          right: 40px;
                                                                                                                                                                                        }



                                                                                                                                                                                        .portfolio .max-margin {
                                                                                                                                                                                          margin-left: 0px;
                                                                                                                                                                                          margin-right: 0px;
                                                                                                                                                                                        }

                                                                                                                                                                                        .portfolio .max-margin .items {
                                                                                                                                                                                          padding: 0 0px;
                                                                                                                                                                                        }


                                                                                                                                                                                        .nopadd-mob {
                                                                                                                                                                                          padding: 0;
                                                                                                                                                                                        }


                                                                                                                                                                                        .navbar-nav {
                                                                                                                                                                                          text-align: left;
                                                                                                                                                                                        }






                                                                                                                                                                                        .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: 7vw;
                                                                                                                                                                                                                                                  bottom: -30px; }
                                                                                                                                                                                                                                                  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: 24px !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 {
                                                                                                                                                                                                                                                                                                          background: rgba(50, 50, 50, 0.08); }
                                                                                                                                                                                                                                                                                                          .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 ] ====================== */