@charset "UTF-8";

/* Spinner cargando */

/* Texto cargando */

/* Animación del preloader */
@keyframes spinner {
  to {
    transform: rotateZ(360deg);
  }
}
@keyframes letters-loading {
  0%,
  75%,
  100% {
    opacity: 0;
    transform: rotateY(-90deg);
  }
  25%,
  50% {
    opacity: 1;
    transform: rotateY(0deg);
  }
}
/*==================== Click Top ====================*/

/*------------- Global Prefix -------------------*/
::-webkit-scrollbar {
  width: 5px;
}

::-webkit-scrollbar-track {
  background: #fff;
}

::-webkit-scrollbar-thumb {
  background: var(--blue-dark);
  border-radius: 0;
}

:root {
  --text-color: #73737b;
  --text-light: #888888;
  --heading: #101621;
  --blue-dark: #6f55ff;
  --red-light: #fd6a5e;
  --yellow-deep: #ffb840;
  --blue-light: #3bb0d7;
  --purple-blue: #655c97;
  --vin-red: #973c56;
  scroll-behavior: smooth;
}

::selection {
  background-color: var(--blue-dark);
  color: #fff;
}

body {
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  font-size: 18px;
  position: relative;
  line-height: 1.7em;
  color: var(--text-color);
}

/*______________________ Global style ___________________*/
.main-page-wrapper {
  overflow: hidden;
  padding-top: 150px;
}

.h1,
h1,
.h2,
h2,
.h5,
h5,
.h6,
h6 {
  color: var(--heading);
  font-weight: normal;
}

.h1,
h1 {
  font-size: 80px;
  line-height: 1.1em;
}

.h2,
h2 {
  font-size: 52px;
  line-height: 1.1em;
}

.h5,
h5 {
  font-size: 20px;
}

.h6,
h6 {
  font-size: 15px;
}

ul {
  list-style: none;
}

.font-rubik {
  font-family: "Rubik", sans-serif !important;
}

::-webkit-input-placeholder {
  /* Edge */
  color: #acaeb3;
}

::placeholder {
  color: #acaeb3;
}

.illustration-holder {
  position: relative;
}

.shapes {
  position: absolute;
  z-index: -1;
}

/*-------------- Prefix Classes ----------------*/

/*^^^^^^^^^^^^^^^^^^^^^ Section Title ^^^^^^^^^^^^^^^^^^^^^^^^^*/

.title-style-four h6 {
  font-family: "Roboto", sans-serif;
  font-size: 20px;
  color: rgba(0, 0, 0, 0.55);
  padding-bottom: 15px;
}

.title-style-four h2 {
  font-family: "gilroy-black";
  font-size: 58px;
  line-height: 1.15em;
  color: #2a2a2a;
}

.title-style-four span {
  position: relative;
  z-index: 1;
}

.title-style-four span img {
  position: absolute;
  bottom: -25px;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}

/*^^^^^^^^^^^^^^^^^^^^^ Theme Button ^^^^^^^^^^^^^^^^^^^^^^^^^*/

/*-------------------- Pagination ------------------*/

/*^^^^^^^^^^^^^^^^^^^^^ Theme Menu ^^^^^^^^^^^^^^^^^^^^^^^^^*/
.theme-main-menu {
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  right: 0;
  background: #fff;
  padding: 0px 10px;
  transition: all 0.4s ease-out;
}

.theme-main-menu .logo a {
  display: block;
}

/*---------------------Theme Hero Banner/One ---------------*/

/*------------------ Fancy Feature One --------------*/

/*------------------ Fancy Feature Two --------------*/

/*------------------ Useable Tools  --------------*/

/*-------------------- Fancy Feature Three -------------------*/

/*------------------ Fancy Short Banner One ----------------*/

/*----------------------- Faq Classic ----------------------*/

/*------------------ Footer One --------------*/

/*--------------------- Fancy Hero One --------------------*/

/*------------------- Fancy Text block One ----------------*/

/*----------------- Counter Info Standard --------------*/

/*---------------- Fancy Text block Two -------------*/

/*---------------- Fancy Text block Three -------------*/

/*----------------- Team Section One --------------*/

/*-------------- Feature Blog One -------------*/

/*---------------- Fancy Text block Four -------------*/

/*---------------- Fancy Text block Five -------------*/

/*-------------- Feature Blog Two -------------*/

/*------------------- Contact Us Light --------------*/

/*=======================================================================
                              CUSTOMER SUPPORT                
=========================================================================*/
.theme-main-menu > div {
  position: relative;
}

/*---------------------Theme Hero Banner/Two ---------------*/

/*.hero-banner-two .trusted-companies .slider-arrow li {
  width: 20px;
  line-height: 20px;
  text-align: center;
  cursor: pointer;
  margin: 0 10px;
  font-size: 24px;
  opacity: 0.5;
  transition: all 0.3s ease-in-out;
  transform: scale(0.8);
}
.hero-banner-two .trusted-companies .slider-arrow li:first-child i {transform: rotate(180deg); display: inline-block;}
.hero-banner-two .trusted-companies .slider-arrow li:hover {
  opacity: 1;
  transform: scale(1);
}*/
/*---------------------- Fancy Feature Two -------------------*/

/*---------------------- Fancy Text block Six ---------------*/

/*.accordion-style-two .card .card-header button[data-toggle="collapse"].collapsed:before {content: "";}*/

/*------------------ Counter With Icon One --------------*/

/*------------------- Fancy Text block Seven ----------------*/

/*---------------- Fancy Text block Eight ---------------*/

/*-------------------- Useable Tools Two --------------------*/

/*--------------- Client Feedback Slider One -----------------*/

/*----------------- Fancy Short Banner Three -------------------*/

/*----------------- Footer Style Two --------------*/

/*--------------------- Fancy Hero Two --------------------*/

/*------------------ Fancy Text block Nine ----------------*/

/*------------------ Fancy Text block Ten ----------------*/

/*-------------------- Fancy Feature Five -------------------*/

/*------------------ Team Section Two --------------*/

/*---------------- Fancy Hero Three --------------*/

/*---------------- Fancy Text block Eleven -----------------*/

/*--------------- Fancy Feature Six -------------*/

/*----------------- Fancy Text block Twelve -------------------*/

/*----------------- Fancy Feature Seven --------------*/

/*------------------ Fancy Text Block Thirteen ---------------*/

/*------------------ Fancy Text Block Fourteen ---------------*/

/*------------------- Pricing Section One ------------------*/

/*----------------- Fancy Text Block Fifteen --------------*/

/*-------------------- Fancy Hero Four ---------------------*/

/*--------------------- Pricing Section Two -----------------*/

/*------------------- FAQ Section -------------------*/

/*-------------- Contact Style Two --------------*/

/*---------------------- Faqs -------------------*/

/*------------------ Login/Sign Up ----------------------*/

/*------------------- Blog Pages ----------------*/

/*=======================================================================
                              Documentation                
=========================================================================*/

.theme-menu-three .navbar {
  position: static;
}

.theme-menu-three .user-login-button li a {
  font-size: 16px;
  font-weight: 500;
  line-height: 46px;
  color: #000;
  transition: all 0.3s ease-in-out;
}

.theme-menu-three .user-login-button li a:hover {
  color: var(--blue-light);
}

.theme-menu-three .user-login-button li .signUp-action {
  border: 2px solid #000;
  background: #000;
  padding: 0 20px;
  color: #fff;
}

.theme-menu-three .user-login-button li .signUp-action img {
  margin-left: 12px;
}

.theme-menu-three .user-login-button li .signUp-action:hover {
  background: var(--blue-light);
  border-color: var(--blue-light);
  color: #fff;
}

/*-------------------- Theme Hero Banner/Three -----------------*/
.hero-banner-three {
  padding: 40px 0 0;
  position: relative;
}

.hero-banner-three:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 83%;
  background: url(../images/shape/67.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top;
  left: 0;
  bottom: 78px;
  z-index: -1;
}

.hero-banner-three h1 {
  font-size: 100px;
  line-height: 1.05em;
  text-align: center;
}

.hero-banner-three .sub-text {
  font-size: 28px;
  line-height: 1.39em;
  font-weight: 300;
  color: #2a2a2a;
  text-align: center;
  padding: 25px 0 45px;
}

.hero-banner-three .illustration {
  margin: 95px auto 0;
}

.hero-banner-three .shape-one {
  top: 5%;
  right: 15%;
  animation: rotatedTwo 25s infinite linear;
}

.hero-banner-three .shape-two {
  top: 11%;
  right: 7%;
}

.hero-banner-three .shape-three {
  top: 24%;
  right: 20%;
}

.hero-banner-three .shape-four {
  top: 28%;
  right: 11%;
  animation: jumpTwo 5s infinite linear;
}

.hero-banner-three .shape-five {
  top: 40%;
  right: 8%;
}

.hero-banner-three .shape-six {
  top: 6%;
  left: 9%;
}

.hero-banner-three .shape-seven {
  top: 19%;
  left: 7%;
}

.hero-banner-three .shape-eight {
  top: 24%;
  left: 16%;
  animation: jumpThree 5s infinite linear;
}

.hero-banner-three .shape-nine {
  top: 35%;
  left: 21%;
}

.hero-banner-three .shape-ten {
  top: 42%;
  left: 11%;
  animation: rotatedTwo 50s infinite linear;
}

/*------------------ Fancy Feature Eight --------------*/

/*------------------ Fancy Text block Sixteen ---------------*/

/*---------------------- Fancy Feature Eight --------------*/
.block-style-twelve .text-wrapper h6 {
  font-size: 16px;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.54);
  letter-spacing: 2px;
}

.block-style-twelve .text-wrapper .title {
  font-size: 36px;
  line-height: 1.28em;
  padding: 10px 0 20px;
}

.block-style-twelve .text-wrapper p {
  font-size: 18px;
  line-height: 1.59em;
}

.block-style-twelve {
  padding: 140px 0;
  position: relative;
}

.block-style-twelve:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 13px;
  left: 0;
  bottom: -7px;
  background: url(../images/shape/line-shape-9.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.block-style-twelve:last-child {
  padding-bottom: 0;
}

.block-style-twelve:last-child:before {
  display: none;
}

/*-------------------- Client Feedback Slider Two ---------------------*/

/*------------------- Useable Tools -------------*/

/*------------------ Fancy Short Banner Four ----------------*/

/*------------------ Footer Style Three ----------------*/
.theme-footer-three {
  position: relative;
}

.theme-footer-three:before {
  content: url(../images/footer_shape.svg);
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}

.theme-footer-three .top-footer [class*="col-"] {
  margin-bottom: 30px;
  z-index: 1;
  position: relative;
}

.theme-footer-three .top-footer .footer-title {
  font-family: "Rubik", sans-serif;
  font-size: 24px;
  padding-bottom: 18px;
}

.theme-footer-three .top-footer .footer-list ul li a {
  font-size: 16px;
  line-height: 40px;
  color: #727272;
  transition: all 0.3s ease-in-out;
}

.theme-footer-three .top-footer .footer-list ul li a:hover {
  color: var(--blue-light);
}

.theme-footer-three .top-footer .address-list p {
  font-size: 16px;
  line-height: 25px;
  padding-bottom: 15px;
}

.theme-footer-three .top-footer .address-list ul.info li a {
  color: #1c1c1c;
  margin-bottom: 10px;
}

.theme-footer-three .top-footer .address-list ul.info li a:hover {
  text-decoration: underline;
}

.theme-footer-three .top-footer .address-list .social-icon a {
  font-size: 22px;
  margin-right: 20px;
  color: rgba(0, 0, 0, 0.55);
}

.theme-footer-three .top-footer .address-list .social-icon a:hover {
  color: #000;
}

.theme-footer-three .bottom-footer-content ul li {
  display: inline-block;
}

.theme-footer-three .bottom-footer-content ul li a {
  font-size: 16px;
  color: #727272;
  margin-left: 20px;
}

.theme-footer-three .bottom-footer-content ul li a:hover {
  color: #000;
}

.theme-footer-three .bottom-footer-content p {
  font-size: 15px;
  color: #212121;
  padding-left: 35px;
}

.theme-footer-three .bottom-footer-content {
  padding: 26px 0 30px;
}

/*-------------------- Fancy Hero Five ---------------------*/

/*------------------- Fancy Text block Seventeen ----------------*/

/*------------------- Fancy Text block Eighteen ----------------*/

/*------------------ Team Section Three --------------*/

/*---------------------- Map Area One ----------------*/

/*----------------- Documentation ------------------*/

/*=======================================================================
                              Event               
=========================================================================*/

/*---------------------- Theme Hero Banner/Four ---------------*/

/*-------------Fancy Feature Eight -----------*/

/*------------------ Fancy Text block Nineteen ----------------*/

/*------------------ Fancy Feature Nine --------------*/

/*--------------------- Pricing Section Three ------------------*/

/*-------------------- Client Feedback Slider Three ---------------------*/

/*------------------- Faq Section Three ----------------*/

/*------------------ Fancy Short Banner Five ---------------*/

/*-------------------- Footer Style Four --------------------*/

/*----------------- Fancy Text block Twenty -------------------*/

/*----------------- Team Section Four --------------*/

/*-------------------- Feature Blog Four -----------------*/

/*=======================================================================
                              Product landing               
=========================================================================*/

/*---------------------Theme Hero Banner/Five ---------------*/

/*------------------ Fancy Feature Ten --------------*/

/*----------------- Fancy Text block Twenty One -------------------*/

/*-------------------- Counter Style Two --------------*/

/*-------------------- Fancy Feature Eleven ----------------*/

/*----------------- Pricing Section Four ----------------*/

/*--------------------- Client Feedback Slider Four ---------------*/

/*------------------ Fancy Short Banner Six ----------------*/

/*---------------- Footer Style Five -----------------*/

/*---------------- Modal Contact Form One ------------------*/

/*=======================================================================
                              Product landing Dark            
=========================================================================*/
/*-------------------- Menu ---------------*/

/*----------------------- Theme Hero Banner / Six ---------------*/

/*------------------ Fancy Feature Twelve --------------*/

/*------------------ Fancy Feature Thirteen --------------*/

/*------------------ Fancy Feature Fourteen --------------*/

/*------------------ Fancy Portfolio One --------------*/

/*-------------- Client Feedback Slider Five ----------------*/

/*------------------ Pricing Section Five ---------------*/

/*--------------- Fancy Short Banner Seven --------------*/

/*------------------- Footer Style Six ---------------*/

/*=======================================================================
                              Product landing / Note Taking            
=========================================================================*/
/*-------------------- Menu ---------------*/

/*----------------------- Theme Hero Banner / Seven ---------------*/

/*---------------------- Fancy Feature Fifteen ------------------*/

/*--------------------- Fancy Feature Sixteen ------------------*/

/*----------------- Fancy Text block Twenty Two -------------------*/

/*----------------- Fancy Feature Seventeen -------------------*/

/*------------------- Pricing Section Six ------------------*/

/*-------------- Client Feedback Slider Six ----------------*/
.clientSliderSix {
  max-width: 1740px;
  margin: 30px auto 0;
}

/*----------------- Fancy Short Banner Eight ---------------*/

/*-------------- Footer Style Seven -------------*/

/*---- Dark Style ----*/

/*=======================================================================
                    Product landing / Online Video Editor           
=========================================================================*/
/*---------------- Theme Hero Banner ---------------*/

/*----------------- Fancy Feature Eighteen -------------------*/

/*----------------- Fancy Feature Nineteen -------------------*/

/*----------------- Fancy Feature Twenty -------------------*/

/*----------------- Fancy Feature Twenty One -------------------*/

/*----------------- Fancy Short Banner Nine ---------------*/

/*----------------- Coming Soon ---------------*/

/*=======================================================================
                              Product landing / Schedule Appointment           
=========================================================================*/
/*-------------------- Menu ---------------*/

/*---------------------Theme Hero Banner/Nine ---------------*/

/*----------------- Fancy Feature Twenty Two -------------------*/

/*----------------- Fancy Feature Twenty Three -------------------*/

/*----------------- Fancy Feature Twenty Four -------------------*/

/*----------------- Partner Section One -------------------*/

/*----------------- Fancy Short Banner Ten -------------------*/

/*-------------------- Footer Style Eight --------------------*/

/*----------------- Team Section Five --------------*/

/*----------------- Fancy Short Banner Eleven ---------------*/

/*----------------- Team Details ---------------*/

/*----------------- Terms and Condition ---------------*/

/*----------------- 404 ---------------*/

/*=======================================================================
                              Product landing / Mobile App           
=========================================================================*/
/*---------------------Theme Hero Banner/Ten ---------------*/

/*--------------------- App Screen Preview ---------------*/

/*----------------- Fancy Feature Twenty Five -------------------*/

/*--------------------- App Screen Preview ---------------*/

/*--------------------- Pricing Section Seven ------------------*/

/*-------------- Client Feedback Slider Seven ----------------*/

/*----------------- Fancy Short Banner Twelve ---------------*/

/*=======================================================================
                              Product landing / Doc Signature        
=========================================================================*/
/*---------------------Theme Hero Banner/Eleven ---------------*/

/*----------------- Fancy Feature Twenty Six -------------------*/

/*----------------- Fancy Feature Twenty Seven -------------------*/

/*----------------- Video Box Two -------------------*/

/*----------------- Fancy Text block Twenty Three -------------------*/

/*-------------------- Useable Tools Four --------------------*/

/*-------------------- Fancy Feature Twenty Eight --------------------*/

/*-------------------- Pricing Section Eight --------------------*/

/*-------------------- Faq Section Five --------------------*/

/*-------------------- Fancy Short Banner Thirteen --------------------*/

/*-------------------- Fancy Hero Six ---------------------*/

/*-------------------- Fancy Portfolio Two ---------------------*/

/*-------------------- Fancy Portfolio Three ---------------------*/

/*-------------------- Fancy Portfolio Four ---------------------*/

/*-------------------- Fancy Portfolio Five ---------------------*/

/*-------------------- Fancy Portfolio Six ---------------------*/

/*-------------------- Portfolio Details One ---------------------*/

/*=======================================================================
                              Product landing / Website Builder      
=========================================================================*/
/*-------------------- Menu ---------------*/

/*---------------------Theme Hero Banner / Twelve ---------------*/

/*-------------------- Counter Style Three --------------*/

/*-------------------- Fancy Feature Twenty Nine --------------------*/

/*-------------------- Fancy Feature Thirty --------------------*/

/*----------------- Fancy Short Banner Fourteen -------------------*/

/*----------------- Block Style Thirty Three -------------------*/

/*----------------- Video Box Two -------------------*/

/*-------------------- Fancy Feature Thirty One --------------------*/

/*-------------------- Fancy Feature Thirty Two --------------------*/

/*-------------------- Fancy Hero Seven ---------------------*/

/*-------------------- Theme Menu One/Center White ---------------------*/

/*-------------------- Fancy Feature Thirty Three --------------------*/

/*-------------------- Service Details One --------------------*/

/*=======================================================================
                              Form Survey      
=========================================================================*/
/*---------------------Theme Hero Banner / Thirteen ---------------*/

/*-------------------- Fancy Feature Thirty Four --------------------*/

/*-------------------- Block Style Thirty Six --------------------*/

/*-------------------- Fancy Feature Thirty Five --------------------*/

/*-------------- Client Feedback Slider Eight ----------------*/

/*-------------- Pricing Section Nine ----------------*/

/*-------------------- Feature Blog Five -----------------*/

/*------------------ Fancy Short Banner Fifteen ---------------*/

/*^^^^^^^^^^^^^^^^^^^^^ Footer Style Nine ^^^^^^^^^^^^^^^^^^^^^^^^*/

/*=======================================================================
                              VR Landing     
=========================================================================*/
/*---------------------Theme Hero Banner / Fourteen ---------------*/

/*-------------------- Fancy Feature Thirty Six --------------------*/

/*-------------------- Fancy Feature Thirty Seven --------------------*/

/*-------------------- Fancy Feature Thirty Eight -------------------*/

/*-------------------- Fancy Feature Thirty Nine -------------------*/

@keyframes ripple {
  0% {
    box-shadow: 0 0 0 0.1rem rgba(255, 255, 255, 0.06);
  }
  100% {
    box-shadow: 0 0 0 3rem rgba(255, 255, 255, 0);
  }
}

/*-------------------- Fancy Feature Forty -------------------*/

/*-------------------- Client Feedback Slider Nine -------------------*/

/*-------------------- Fancy Feature Forty One -------------------*/

/*=======================================================================
                              E-Commerce     
=========================================================================*/
/*-------------------- Menu ---------------*/

/*------------------- Sidebar Nav ---------------*/

/*---------------------Theme Hero Banner / Fifteen ---------------*/

/*---------------------Fancy Feature Forty Two ---------------*/

/*---------------------Fancy Feature Forty Two ---------------*/

/*---------------------Fancy Feature Forty Three ---------------*/

/*--------------------- Shop Discount Subscription ---------------*/

/*--------------------- Fancy Feature Forty Four ---------------*/

/*^^^^^^^^^^^^^^^^^^^^^ Product Details One ^^^^^^^^^^^^^^^^^^^^^^^^*/

/*^^^^^^^^^^^^^^^^^^^^^ Cart Page ^^^^^^^^^^^^^^^^^^^^^^^^*/

/*^^^^^^^^^^^^^^^^^^^^^ CheckOut Page ^^^^^^^^^^^^^^^^^^^^^^^^*/