@import url("https://fonts.googleapis.com/css2?family=Changa:wght@200;300;400;500;600;700;800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap");
/*
Default CSS
=================================================*/

/** {
    scroll-behavior: smooth;
}
a,*/


[class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after {
  font-family: Flaticon;
  font-size: 12px;
  font-style: normal;
  margin-left: 0px;
}
a {
    color: #2cc362;
    display: inline-block;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
    color: #2cc362;
}

a:focus {
    text-decoration: none;
}

a, button, input, select, textarea {
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
button {
    outline: 0 !important;
    -webkit-box-shadow: none;
            box-shadow: none;
    border: none;
}

button:focus {
-webkit-box-shadow: none;
        box-shadow: none;
}
  
input,
textarea {
    outline: none;
}
input:focus, a:focus {
	outline:0px
}

* {margin: 0; padding: 0;}

body {
    padding: 0;
    margin: 0;
    font-size: 14px;
    line-height: 1.8;
    font-family: 'Karla', sans-serif;
    color: #363636;
	
}
button{
	cursor: pointer;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  font-family:'Changa', sans-serif;
  font-weight: 800;
  color: #181818;
  -webkit-transition: all ease 0.7s;
  transition: all ease 0.7s;
  margin-bottom: 0;
}
iframe {
    max-width: 100%;
    border: none;
}
input{
    font-weight: 400;
    font-size: 0.8125rem;
}

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

ul {
	padding: 0;
}

p {
  font-weight: 400;
  font-family: 'Karla', sans-serif;
  color: #555555;
  -webkit-transition: all ease 0.7s;
  transition:all ease 0.7s;
  font-size: 16px;
  margin-bottom: 0;
}
  
  p:last-child {
    margin-bottom: 0;
}
.small, small {
    font-weight: 400;
    color: rgb(136, 136, 136);
    font-size: 14px;
}
/*
General  CSS
=================================================*/


/* -----   On/off ----- */
.display-responsive, .display-responsive-initial{
    display: none!important;
}
.display-mobile{
  display: inherit;
}

/* -----  end  On/off ----- */

.aling-main{
	text-align: center;
}
.bg-black{
    background: #191514;
}
.bg-transparent{
    background: transparent!important;
}
.bg-theme{
   background-color:  #2cc362;
   color: #fff;
}
.border-radius{
    border-radius: 2rem;
}
.border-white-transparent{
    border-top: 1px solid rgba(255, 255, 255, 0.1);

}
.border-top-theme{
    border-top: 5px solid #2cc362;
}
.box-shadow {
    -webkit-box-shadow: 0 0 11px 0 rgba(6,22,58,.14);
    -moz-box-shadow: 0 0 11px 0 rgba(6,22,58,.14);
    box-shadow: 0 0 11px 0 rgba(6,22,58,.14);
}
.center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 18px;
}
.center-left {
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translate(-50%, 0%);
  font-size: 18px;
}
.color-black{
    color: #000!important;
}
.color-secundary{
    color: rgb(242,131,87)!important;
}
.color-theme {
    color: #2cc362!important;
}
.color-white{
    color: #fff!important;
}
.color-white-50{
    color: rgba(255, 255, 255, 0.5)!important;
}
.display-block{
    display: block!important;
}
.display-initial{
    display: initial!important;
}
.display-inline-block{
    display: inline-block;
}
.display-inline{
    display: inline;
}
.display-none{
    display: none!important;
}

.fa-20px {
    font-size:  20px!important;
}
.ftz-22{
    font-size:  22px;
}
.ftz-23{
    font-size:  23px;
}
.ftz-30{
    font-size:  30px;
}
.font-main2{
    font-family: 'Playfair Display', serif;
}
.img-full{
    height: auto;
    width: 100%!important;
}
.img-full-height{
    height: 100%!important;
    width: 100%!important;
}
.item-img-hover {
    position: relative;
    overflow: hidden;
    transition:  ease 1s;
  }
.item-img-hover img {
    max-width: 100%;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
.item-img-hover:hover img {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    transition:  ease 0.5s;
}
.grid-layout-2{
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.grid-justify-center{
    justify-self: center;
    align-self: center;
}
.line-height-1{
    line-height: 1em;
}
.line-height-10 {
    line-height: 10px;
}
.line-height-15 {
    line-height: 15px;
}
.line-height-20 {
    line-height: 20px;
}
.line-height-25 {
    line-height: 25px;
}
.line-height-30 {
    line-height: 30px;
}
.line-height-40 {
    line-height: 40px;
}
.line-height-50 {
    line-height: 50px;
}
.margin-top35{
    margin-top: -35px;
}
.margin-top-310{
    margin-top: 4em !important
}
.margin-top-160 {
    margin-top: 160px !important;
}
.margin-top-240{
    margin-top: 240px !important;
}
.margin-top-210 {
    margin-top: 210px !important;
}
.min-width-100{
    min-width: 100px!important;
}
.margin-top-150 {
	margin-top: 150px !important;
}

.margin-top-110 {
	margin-top: 110px !important;
}

.margin-top-100 {
	margin-top: 100px !important;
}

.margin-top-90 {
	margin-top: 90px !important;
}

.margin-top-80 {
	margin-top: 80px !important;
}

.margin-top-60 {
	margin-top: 60px !important;
}

.margin-top-50 {
	margin-top: 50px !important;
}

.margin-top-40 {
	margin-top: 40px !important;
}

.margin-top-35 {
	margin-top: 35px !important;
}

.margin-top-30 {
	margin-top: 30px !important;
}

.margin-top-20 {
	margin-top: 20px !important;
}

.margin-top-10 {
	margin-top: 10px !important;
}

.margin-top-5 {
	margin-top: 5px !important;
}
.margin-top-0 {
	margin-top: 0px !important;
}
.no-margin{
    margin: 0px;
}
.margin-bottom-0 {
	margin-bottom: 0px !important;
}

.margin-bottom-5{
	margin-bottom: 5px;
}

.margin-bottom-10 {
	margin-bottom: 10px !important;
}

.margin-bottom-20 {
	margin-bottom: 20px !important;
}

.margin-bottom-30 {
	margin-bottom: 30px !important;
}

.margin-bottom-40 {
	margin-bottom: 40px !important;
}

.margin-bottom-50 {
	margin-bottom: 50px !important;
}

.margin-bottom-60 {
	margin-bottom: 60px !important;
}

.margin-bottom-70 {
	margin-bottom: 70px !important;
}

.margin-bottom-80 {
	margin-bottom: 80px !important;
}

.margin-bottom-100 {
	margin-bottom: 100px !important;
}

.margin-bottom-120 {
	margin-bottom: 120px !important;
}

.margin-bottom-130 {
	margin-bottom: 120px !important;
}

.margin-bottom-140 {
	margin-bottom: 140px !important;
}
.no-padding{
    padding: 0px!important;
}
.no-padding-top{
    padding-top: 0px!important;
}
.no-padding-bottom{
    padding-bottom: 0px!important;
}

.no-margin-top{
    margin-top: 0px;
}
.no-margin-bottom{
    margin-bottom: 0px;
}
.p-relative{
  position: initial;
}

.padding-2 {
    padding: 77px 100px  62px 100px;
}
.padding-top-0 {
	padding-top: 0px !important;
}

.padding-top-10 {
	padding-top: 10px !important;
}

.padding-top-20 {
	padding-top: 20px !important;
}
.padding-top-25 {
	padding-top: 25px !important;
}

.padding-top-30 {
	padding-top: 30px !important;
}

.padding-top-35 {
	padding-top: 35px !important;
}

.padding-top-40 {
	padding-top: 40px !important;
}

.padding-top-45 {
	padding-top: 45px !important;
}

.padding-top-50 {
	padding-top: 50px !important;
}
.padding-top-60 {
	padding-top: 60px !important;
}

.padding-top-70 {
	padding-top: 70px !important;
}

.padding-top-80 {
	padding-top: 80px !important;
}

.padding-top-100 {
	padding-top: 100px !important;
}

.padding-top-120 {
	padding-top: 120px !important;
}

.padding-top-150 {
	padding-top: 150px !important;
}

.padding-bottom-70 {
	padding-bottom: 70px !important;
}

.padding-bottom-60 {
	padding-bottom: 60px !important;
}

.padding-bottom-50 {
	padding-bottom: 50px !important;
}

.padding-bottom-40 {
	padding-bottom: 40px !important;
}

.padding-bottom-30 {
	padding-bottom: 30px !important;
}

.padding-bottom-20 {
	padding-bottom: 20px !important;
}

.padding-bottom-10 {
	padding-bottom: 10px !important;
}

.padding-bottom-0 {
	padding-bottom: 0px !important;
}
.padding-left-20{
	padding-left: 20px;
}
.no-padding{
	padding: 0px!important;
}
.no-margin{
	margin: 0px;
}
.section-grey{
	padding: 3em 1em;
	background-color: #F4F4F6;
}
.section-grey-min{
	padding: 2em 1em;
	background-color: #F4F4F6;
}
.section-white{
	padding: 3em 1em;
	background-color: #fff;
}
.section-theme{
	padding: 3em 1em;
    background-color: #2cc362;
    color: #fff;
}
.section-theme-light{
  background-color: #f4f9fd;;
  padding: 3em 1em;
  color: #000;
}
.section-black{
	padding: 3em 1em;
    background-color: #2e2e2e;
    color: #fff;
}
.section-padding{
	padding: 3em 1em;
}
.section-min-padding{
	padding: 3em 1em;
}
.section-bottom-border{
    border-bottom: 1px solid #efefef;
}
.section-top-border{
    border-top: 1px solid #efefef;
}
.text-aling{
    text-align: center;
}
.text-aling-initial{
    text-align: center;
}
@media(min-width: 600px){
	.section-grey, .section-white, .section-orange, .section-padding, .section-theme-light{
		padding: 4em 0em!important;
	}

}
@media(min-width: 1200px){
	.section-grey, .section-white, .section-orange, .section-padding, .section-theme-light{
		padding: 10em 0em!important;
	}

}
.h-10{
    height: 10%!important;
}

.h-20 {
    height: 20%!important;
}
.h-30{
    height: 30%!important;
}

.h-40 {
    height: 40%!important;
}
.h-50{
    height: 50%!important;
}

.h-60 {
    height: 60%!important;
}
.h-70{
    height: 70%!important;
}

.h-80 {
    height: 80%!important;
}
.h-90{
    height: 90%!important;
}

.h-100 {
    height: 100%!important;
}
.w-10{
    width: 10%!important;
}

.w-20 {
    width: 20%!important;
}
.w-30{
    width: 30%!important;
}

.w-40 {
    width: 40%!important;
}
.w-50{
    width: 50%!important;
}

.w-60 {
    width: 60%!important;
}
.w-70{
    width: 70%!important;
}

.w-80 {
    width: 80%!important;
}
.w-90{
    width: 90%!important;
}

.w-100 {
    width: 100%!important;
}
.z-index-1{
  z-index: 0;
}
.z-index-2{
  z-index: 2;
}
.z-index-20{
  z-index: -20;
}
/*
Buttons
=================================================*/
.btn-circle {
  border-radius: 40px;
  padding: 10px 20px;
  font-size: 18px;
}
.btn-grad {background-image: linear-gradient(to right, #2dbcdc 0%, #cfe7e9 51%, #2dbcdc 100%)}
.btn-grad:hover { background-position: right center; }
.btn-grad {
  transition: 0.5s;
  background-size: 200% auto;
  color: white!important;
  border-radius: 20px;

}
.btn-expan{
  padding: 16px 36px;
}
.btn-border-radius{
  -webkit-border-radius: 1.5rem!important;
  -moz-border-radius: 1.5rem!important;
  -ms-border-radius: 1.5rem!important;
  border-radius: 1.5rem!important;
}
.btn-border-noradius{
  -webkit-border-radius: 0rem!important;
  -moz-border-radius: 0rem!important;
  -ms-border-radius: 0rem!important;
  border-radius: 0rem!important;
}

/* Default Buttom 
==============================*/
.btn-default-theme {
  background-color: #142745;
  color: #fff;
  font-family: 'Changa', sans-serif;
  font-weight: 600;
  border: none;
  padding: 12.5px 30px;
  font-size: 15px;
  line-height: initial;
  border-radius: 4px;
  -webkit-transition: all ease 0.7s;
  transition: all ease 0.7s;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.btn-default-theme::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 50%;
  height: 0;
  background-color:#2cc362;
  visibility: hidden;
  opacity: 0;
  z-index: -1;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.btn-default-theme::after {
  position: absolute;
  bottom: 0;
  right: 0;
  content: "";
  background-color: #2cc362;
  width: 50%;
  height: 0;
  visibility: hidden;
  opacity: 0;
  z-index: -1;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.btn-default-theme:hover {
  color: #fff;
}

.btn-default-theme:hover::before {
  width: 100%;
  height: 100%;
  visibility: visible;
  opacity: 1;
}

.btn-default-theme:hover::after {
  width: 100%;
  height: 100%;
  visibility: visible;
  opacity: 1;
}
.pix-btn {
  padding: 12px 30px;
  background: #2cc362;
  display: inline-block;
  font-size: 14px;
  color: #fff;
  font-weight: 600;
  -webkit-transition: 1s!important;
  transition: 1s!important;
  height: 100%;
}
.pix-btn:focus, .pix-btn:hover {
  color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: 0;
}
.btn-transparent{
  color: #ffffff;
  border: 1px solid#ffffff;
  background-color: transparent;
  -webkit-transition: 1s!important;
  transition: 1s!important;
  padding: 12px 30px;
  font-size: 14px;
  color: #fff;
  font-weight: 600;
}
.btn-transparent:hover,  .btn-transparent:focus{
   border: 1px solid rgb(242,131,87);
  background: rgb(242,131,87);
  background: linear-gradient(90deg, rgba(242,131,87,1) 0%, rgba(241,162,75,1) 100%);
  color: #fff!important;
  -webkit-transition: 1s!important;
  transition: 1s!important;
  -webkit-box-shadow: 0 20px 30px 0 rgba(242,131,87,.3);
  box-shadow: 0 20px 30px 0 rgba(242,131,87,.3);
}

.btn-white{
  color: #2cc362;
  border:1px solid #fff;
  background: #fff;
  position: relative;
  display: inline-block;
  text-align: center;
  overflow: hidden;
  z-index: 1;
  -webkit-transition: 0.6s;
  transition: 0.6s;
  border-radius: 10px;
  font-weight: 600;
  font-size: 15px;
  padding: 12px 40px;
}
.btn-white:hover {
  background: #2dbcdc;
  border: 1px solid #2dbcdc;
  color: #fff;
  transition: all .5s!important;
}
/*
Effects img 
=================================================*/

/* bounce-animate */
.bounce-animate {
  animation-name: float-bob;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -moz-animation-name: float-bob;
  -moz-animation-duration: 2s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: float-bob;
  -ms-animation-duration: 2s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  -o-animation-name: float-bob;
  -o-animation-duration: 2s;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear; }

  .bounce3-animate {
    animation-name: float-bob;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -moz-animation-name: float-bob;
    -moz-animation-duration: 3s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: float-bob;
    -ms-animation-duration: 3s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: float-bob;
    -o-animation-duration: 3s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear; }

  .bounce4-animate {
      animation-name: float-bob;
      animation-duration: 5s;
      animation-iteration-count: infinite;
      animation-timing-function: linear;
      -moz-animation-name: float-bob;
      -moz-animation-duration: 5s;
      -moz-animation-iteration-count: infinite;
      -moz-animation-timing-function: linear;
      -ms-animation-name: float-bob;
      -ms-animation-duration: 5s;
      -ms-animation-iteration-count: infinite;
      -ms-animation-timing-function: linear;
      -o-animation-name: float-bob;
      -o-animation-duration: 5s;
      -o-animation-iteration-count: infinite;
      -o-animation-timing-function: linear; }
@-webkit-keyframes float-bob {

  0% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); }
  50% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px); }
  100% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); } }

.bounce2-animate {
    animation-name: line-bob;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -moz-animation-name: line-bob;
    -moz-animation-duration: 2s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: line-bob;
    -ms-animation-duration: 2s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: line-bob;
    -o-animation-duration: 2s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear; }
    @-webkit-keyframes line-bob{
      0% {
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px); }
      50% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px); }
      100% {
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px); } 
      }

/*effect 1*/

.dlab-img-overlay1:before {
    width: 100%;
    height: 100%;
    opacity: 0;
}
.dlab-img-overlay1:hover:before,
.dlab-box:hover .dlab-img-overlay1:before {
    opacity: 0.5;
}
/*effect 2*/
.dlab-img-overlay2:before {
    width: 100%;
    height: 100%;
    opacity: 0;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
    
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.15) 100%);
    /* FF3.6-15 */
    
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.15) 100%);
    /* Chrome10-25,Safari5.1-6 */
    
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.15) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
    /* IE6-9 */
}
.dlab-img-overlay2.on:before {
  opacity:1;
}
.dlab-img-overlay2:hover:before,
.dlab-box:hover .dlab-img-overlay2:before {
    opacity: 0.9;
}
/*effect 3*/

.dlab-img-overlay3:before {
    left: 50%;
    top: 50%;
}
.dlab-img-overlay3:hover:before,
.dlab-box:hover .dlab-img-overlay3:before {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
/*effect 4*/

.dlab-img-overlay4:before {
    left: 50%;
    top: 0;
    height: 100%;
}
.dlab-img-overlay4:hover:before,
.dlab-box:hover .dlab-img-overlay4:before {
    width: 100%;
    left: 0;
}
/*effect 5*/

.dlab-img-overlay5:before {
    left: 0;
    top: 50%;
    width: 100%;
}
.dlab-img-overlay5:hover:before,
.dlab-box:hover .dlab-img-overlay5:before {
    height: 100%;
    top: 0;
}
/*effect 6*/

.dlab-img-overlay6:before {
    left: 0;
    top: auto;
    bottom: 0;
    width: 100%;
}
.dlab-img-overlay6:hover:before,
.dlab-box:hover .dlab-img-overlay6:before {
    height: 100%;
}
/*effect 7*/

.dlab-img-overlay7:before,
.dlab-img-overlay7:after {
    height: 100%;
}
.dlab-img-overlay7:after {
    left: auto;
    right: 0;
}
.dlab-img-overlay7:hover:before,
.dlab-img-overlay7:hover:after,
.dlab-box:hover .dlab-img-overlay7:before,
.dlab-box:hover .dlab-img-overlay7:after {
    width: 50%;
}
/*effect 8*/

.dlab-img-overlay8:before,
.dlab-img-overlay8:after {
    height: 100%;
}
.dlab-img-overlay8:after {
    left: auto;
    right: 0;
}
.dlab-img-overlay8:hover:before,
.dlab-img-overlay8:hover:after,
.dlab-box:hover .dlab-img-overlay8:before,
.dlab-box:hover .dlab-img-overlay8:after {
    width: 100%;
    opacity: 0.3;
}
/*effect 9*/

.dlab-img-overlay9:before,
.dlab-img-overlay9:after {} .dlab-img-overlay9:after {
    left: auto;
    right: 0;
    top: auto;
    bottom: 0;
}
.dlab-img-overlay9:hover:before,
.dlab-img-overlay9:hover:after,
.dlab-box:hover .dlab-img-overlay9:before,
.dlab-box:hover .dlab-img-overlay9:after {
    width: 100%;
    height: 100%;
    opacity: 0.3;
}
/*effect 10*/

.dlab-img-overlay10:before,
.dlab-img-overlay10:after {
    width: 100%;
    height: 100%;
    opacity: 0;
}
.dlab-img-overlay10:hover:before,
.dlab-box:hover .dlab-img-overlay10:before {
    opacity: 0.5;
}
.dlab-img-overlay10:hover:after,
.dlab-box:hover .dlab-img-overlay10:after {
    width: 90%;
    height: 80%;
    left: 5%;
    top: 10%;
    opacity: 0.5;
    background: none;
    border: 1px dashed #FFFFFF;
}
.dlab-img-overlay11:hover:after,
.dlab-box:hover .dlab-img-overlay11:after {
    height: 95%;
    opacity: 1;
    right: 7.5%;
    top: 2.5%;
    -moz-transform: skewY(0deg);
    -webkit-transform: skewY(0deg);
    -o-transform: skewY(0deg);
    -ms-transform: skewY(0deg);
    transform: skewY(0deg);
    width: 85%;
}
.dlab-img-overlay11:hover:before,
.dlab-box:hover .dlab-img-overlay11:before {
    height: 85%;
    left: 2.5%;
    opacity: 1;
    top: 7.5%;
    -moz-transform: skewY(0deg);
    -webkit-transform: skewY(0deg);
    -o-transform: skewY(0deg);
    -ms-transform: skewY(0deg);
    transform: skewY(0deg);
    width: 95%;
}
.dlab-img-overlay11:after {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    bottom: 5%;
    height: 80%;
    left: auto;
    right: 5%;
    top: auto;
    -moz-transform: skewY(70deg);
    -webkit-transform: skewY(70deg);
    -o-transform: skewY(70deg);
    -ms-transform: skewY(70deg);
    transform: skewY(70deg);
    width: 90%;
}
.dlab-img-overlay11:before {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    bottom: auto;
    height: 90%;
    left: 5%;
    right: auto;
    top: 5%;
    -moz-transform: skewX(-70deg);
    -webkit-transform: skewX(-70deg);
    -o-transform: skewX(-70deg);
    -ms-transform: skewX(-70deg);
    transform: skewX(-70deg);
    width: 80%;
}
.dlab-img-overlay11 {
    background-color: #000 !important;
}
.dlab-img-overlay11:hover img {
    opacity: 0.7 !important
}
/* overlay-12 */
.dlab-img-overlay12:hover:after,
.dlab-box:hover .dlab-img-overlay12:after {
    opacity: 1;
    transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1);
    -moz-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1);
    -webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1);
    -o-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1);
}
.dlab-img-overlay12:after {
  background-color:rgba(0,0,0,0);
    border-bottom: 2px solid #ffffff;
    border-top: 2px solid #ffffff;
  transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);
    -moz-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);
    -o-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);
    -webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);
    -moz-transform-origin: 50% 50% 0;
    -webkit-transform-origin: 50% 50% 0;
    transform-origin: 50% 50% 0;
    -o-transform-origin: 50% 50% 0;
    width: 100%;
  height:100%;
}
.dlab-img-overlay12.left:hover:after,
.dlab-box:hover .dlab-img-overlay12.left:after {
    transform: rotate3d(0, 0, 1, -45deg) scale3d(1, 1, 1);
    -moz-transform: rotate3d(0, 0, 1, -45deg) scale3d(1, 1, 1);
    -webkit-transform: rotate3d(0, 0, 1, -45deg) scale3d(1, 1, 1);
    -o-transform: rotate3d(0, 0, 1, -45deg) scale3d(1, 1, 1);
}
.dlab-img-overlay12.left:after {
    border-bottom: 2px solid #ffffff;
    border-top: 2px solid #ffffff;
  transform: rotate3d(0, 0, 1, -45deg) scale3d(1, 0, 1);
    -moz-transform: rotate3d(0, 0, 1, -45deg) scale3d(1, 0, 1);
    -o-transform: rotate3d(0, 0, 1, -45deg) scale3d(1, 0, 1);
    -webkit-transform: rotate3d(0, 0, 1, -45deg) scale3d(1, 0, 1);
    -moz-transform-origin: 50% 50% 0;
    -webkit-transform-origin: 50% 50% 0;
    transform-origin: 50% 50% 0;
    -o-transform-origin: 50% 50% 0;
}
.dlab-img-overlay12:before{
  width:100%;
  height:100%;
  opacity:0;
}
.dlab-img-overlay12:hover:before,
.dlab-box:hover .dlab-img-overlay12:before{
  opacity:0.4;
}


/*
Preloader Style
================================*/
.preloader {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #2cc362;
  z-index: 999999;
}

.preloader .spinner {
  width: 70px;
  height: 70px;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin: -30px auto 0;
}

.preloader .double-bounce1 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #ffffff;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
          animation: sk-bounce 2.0s infinite ease-in-out;
}

.preloader .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #ffffff;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
          animation: sk-bounce 2.0s infinite ease-in-out;
  -webkit-animation-delay: -1.0s;
          animation-delay: -1.0s;
}

@-webkit-keyframes sk-bounce {
  0%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes sk-bounce {
  0%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}


/*
Top Header Area CSS
======================================================*/
.top-header-area {
  padding-top: 12px;
}
.top-header-area .container-fluid {
  max-width: 1620px;
}
.top-header-area .top-header-content {
  padding-bottom: 12px;
}
.top-header-area .top-header-content .header-info ul li a{ color: #555555;}
.top-header-area .top-header-content .header-info ul {
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 0;
  list-style-type: none;
}
.top-header-area .top-header-content .header-info ul li {
  display: inline-block;
  position: relative;
  margin-right: 20px;
  padding-left: 25px;
  font-size: 15px;
  color: #646366;
}
.top-header-area .top-header-content .header-info ul li::before {
  content: "";
  position: absolute;
  top: 2px;
  right: -26px;
  width: 1px;
  height: 18px;
  background-color: #d0d0d0;
}
.top-header-area .top-header-content .header-info ul li:last-child {
  margin-right: 0;
}
.top-header-area .top-header-content .header-info ul li:last-child::before {
  display: none;
}
.top-header-area .top-header-content .header-info ul li:first-child img {
  top: 4px;
}
.top-header-area .top-header-content .header-info ul li img {
  position: absolute;
  top: 6px;
  left: 0;
  max-width: 18px;
  color: #21afbf;
}



/* Header Area Css
=================================================*/
.hero-slider-area {
  background-image: url(../img/home/app-hero-bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  color: #fff;
  height: 340px;
  position: relative;
}
.hero-slider-area:before {
  position: absolute;
  content: '';
  background: linear-gradient(150deg, rgba(5, 167, 97, 0.753), rgba(51, 204, 102, 0.753));
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.bottom-img-absolute {
  bottom: -40px;
  width: 100%;
  right: 0;
  position: absolute;
}
.bottom-img-absolute img {
  width: 100%;
  display: block;
  bottom: -2em;
  position: relative;
}
.bottom-img img, .bottom-img-absolute img {
  width: 100%;
}
.bottom-img img, .bottom-img-absolute img {
  width: 100%;
}
.single-banner-content h1, .single-banner-content p{
  color: #fff!important;
}
.single-banner-content .btn-default-theme{
  background-color: #fff;
  color: #2cc362
}
.icon-style-border {
  float: left;
  border: 1px solid #2cc362;
  position: relative;
  display: inline-block;
  height: 43px;
  width: 43px;
  line-height: 43px;
  border-radius: 50%;
  text-align: center;
  margin: 0 14px 1em 0;
}

.icon-style-border i:before {
 font-size: 18px;
 color: #2cc362;
}
.ttm-header-wrap {
  padding: 40px 0;
  position: relative;
}

/*
Navbar Area CSS
=================================================*/
.flaticon-menu:before {
  content: "\f10d";
  font-size: 30px!important;
  font-weight: 700;
}
/*without top bar*/
.quote-box {
    padding: 20px 30px 16px 30px;
    position: relative;
    background-color: #2cc362;
    color: #fff;
    margin-left: 3em;
}
.quote-box .site-nav-right  {
  color: #fff;
}
.quote-box :after {
  content: "";
  width: 40px;
  height: 100%;
  position: absolute;
  left: -12px;
  background: #2cc362;
  transform: skew(-20deg);
  -moz-transform: skew(-20deg);
  -webkit-transform: skew(-20deg);
  -ms-transform: skew(-20deg);
  -o-transform: skew(-20deg);
  top: 0;
  transition: all .8s linear;
  -moz-transition: all .8s linear;
  -webkit-transition: all .8s linear;
  -ms-transition: all .8s linear;
  -o-transition: all .8s linear;
}
.single-content-quote {
  position: absolute;
  right: 0;
}
/* Main nav*/
.main-responsive-nav {
  display: inherit;
  padding: 20px 0;
  width: 100%;
  z-index: 55;
  background: #fff;
  -webkit-box-shadow: 0 20px 30px 0 rgba(120, 128, 240,.3);
    box-shadow: 0 20px 30px 0 rgba(120, 128, 240,.1);
    -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
    animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
    -webkit-transition: 0.6s;
    transition: 0.6s;
  background-color: #fff;
}
.main-responsive-nav.isfixed {
  position: fixed;
  top: 3em;
  right: 0;
  -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
  animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}
.nav-main-01 {
  background-color: transparent;
}
.navbar-area.is-sticky .nav-main-01 {
  background-color: #fff;
}
.nav-main-01 .navbar {
  padding: 0;
  background: #fff;
  position: relative;
  -webkit-box-shadow: 0px 0px 9px 0px rgba(6,22,58,0.07);
  -moz-box-shadow: 0px 0px 9px 0px rgba(6,22,58,0.07);
  box-shadow: 0px 0px 9px 0px rgba(6,22,58,0.07);
}
.nav-main-01 .navbar ul {
  list-style-type: none;
  margin-bottom: 0;
  padding: 0 15px; 
}

.nav-main-01 .navbar .navbar-nav .nav-item {
  position: relative;
  padding: 10px 0 10px 0;
  
}
.nav-main-01 .navbar .navbar-nav .nav-item a {
  font-size: 15px;
  font-weight: 500;
  text-transform: capitalize;
  margin: auto 20px;
  color: #000;
}
.nav-main-01 .navbar .navbar-nav .nav-li-main{
  border-right: 1px solid #f3f3f3;
}
.nav-main-01 .navbar .navbar-nav .nav-li-main.nav-last{
  border: 0px;
}
.nav-main-01 .navbar .navbar-nav .nav-item a:hover, .nav-main-01 .navbar .navbar-nav .nav-item a:focus, .nav-main-01 .navbar .navbar-nav .nav-item a.active {
  color: #2cc362;
}

.nav-main-01 .navbar .navbar-nav .nav-item a i::before {
  font-size: 10px;
  position: relative;
  top: -1px;
  margin-left: 1px;
}

.nav-main-01 .navbar .navbar-nav .nav-item:last-child a {
  margin-right: 0;
}

.nav-main-01 .navbar .navbar-nav .nav-item:first-child a {
  margin-left: 0;
}

.nav-main-01 .navbar .navbar-nav .nav-item:hover a, .nav-main-01 .navbar .navbar-nav .nav-item:focus a, .nav-main-01 .navbar .navbar-nav .nav-item.active a {
  color: #2cc362;
}

.nav-main-01 .navbar .navbar-nav .nav-item .dropdown-menu {
  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
  background: #ffffff;
  position: absolute;
  border: none;
  top: 80px;
  left: 0;
  width: 230px;
  z-index: 99;
  display: block;
  opacity: 0;
  visibility: hidden;
  border-radius: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  padding-top: 20px;
  padding-left: 25px;
  padding-right: 25px;
  padding-bottom: 20px;
}

.nav-main-01 .navbar .navbar-nav .nav-item .dropdown-menu li {
  padding: 0;
}

.nav-main-01 .navbar .navbar-nav .nav-item .dropdown-menu li a {
  text-transform: capitalize;
  padding: 8px 15px;
  padding-left: 0;
  margin: 0;
  position: relative;
  color: #393953;
  font-size: 15.5px;
  font-weight: 400;
}

.nav-main-01 .navbar .navbar-nav .nav-item .dropdown-menu li a::before {
  content: '';
  position: absolute;
  left: -5px;
  top: 50%;
  width: 0;
  -webkit-transition: 0.6s;
  transition: 0.6s;
  height: 1px;
  background-color: #2cc362;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.nav-main-01 .navbar .navbar-nav .nav-item .dropdown-menu li a:hover, .nav-main-01 .navbar .navbar-nav .nav-item .dropdown-menu li a:focus, .nav-main-01 .navbar .navbar-nav .nav-item .dropdown-menu li a.active {
  color: #2cc362;
  padding-left: 26px;
}

.nav-main-01 .navbar .navbar-nav .nav-item .dropdown-menu li a:hover::before, .nav-main-01 .navbar .navbar-nav .nav-item .dropdown-menu li a:focus::before, .nav-main-01 .navbar .navbar-nav .nav-item .dropdown-menu li a.active::before {
  width: 20px;
}

.nav-main-01 .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {
  left: -245px;
  top: 0;
  opacity: 0;
  visibility: hidden;
}

.nav-main-01 .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a {
  color: #696997;
}

.nav-main-01 .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover, .nav-main-01 .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus, .nav-main-01 .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active {
  color: #2cc362;
}

.nav-main-01 .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu {
  left: -245px;
  top: 0;
  opacity: 0;
  visibility: hidden;
}

.nav-main-01 .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
  color: #696997;
  text-transform: capitalize;
}

.nav-main-01 .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .nav-main-01 .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .nav-main-01 .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
  color: #2cc362;
}

.nav-main-01 .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
  left: -245px;
  top: 0;
  opacity: 0;
  visibility: hidden;
}

.nav-main-01 .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
  color: #696997;
  text-transform: capitalize;
}

.nav-main-01 .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .nav-main-01 .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .nav-main-01 .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
  color: #2cc362;
}

.nav-main-01 .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
  left: 195px;
  top: 0;
  opacity: 0;
  visibility: hidden;
}

.nav-main-01 .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
  color: #696997;
  text-transform: capitalize;
}

.nav-main-01 .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .nav-main-01 .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .nav-main-01 .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
  color: #2cc362;
}

.nav-main-01 .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
  left: 195px;
  top: 0;
  opacity: 0;
  visibility: hidden;
}

.nav-main-01 .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
  color: #696997;
  text-transform: capitalize;
}

.nav-main-01 .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .nav-main-01 .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .nav-main-01 .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
  color: #2cc362;
}

.nav-main-01 .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
  left: 195px;
  top: 0;
  opacity: 0;
  visibility: hidden;
}

.nav-main-01 .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
  color: #696997;
  text-transform: capitalize;
}

.nav-main-01 .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .nav-main-01 .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .nav-main-01 .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
  color: #2cc362;
}

.nav-main-01 .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
  color: #2cc362;
}

.nav-main-01 .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
  opacity: 1;
  visibility: visible;
  top: -15px;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}

.nav-main-01 .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
  color: #2cc362;
}

.nav-main-01 .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
  opacity: 1;
  visibility: visible;
  top: -15px;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}

.nav-main-01 .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
  color: #2cc362;
}

.nav-main-01 .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
  opacity: 1;
  visibility: visible;
  top: -15px;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}

.nav-main-01 .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
  color: #2cc362;
}

.nav-main-01 .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
  opacity: 1;
  visibility: visible;
  top: -15px;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}

.nav-main-01 .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li.active a {
  color: #2cc362;
}

.nav-main-01 .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
  opacity: 1;
  visibility: visible;
  top: -15px;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}

.nav-main-01 .navbar .navbar-nav .nav-item .dropdown-menu li.active a {
  color: #2cc362;
}

.nav-main-01 .navbar .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu {
  opacity: 1;
  visibility: visible;
  top: -15px;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}

.nav-main-01 .navbar .navbar-nav .nav-item:hover .dropdown-menu {
  opacity: 1;
  visibility: visible;
  top: 100%;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}

.nav-main-01 .navbar .other-option {
  margin-left: 0;
  margin-top: 5px;
}

.nav-main-01 .navbar .other-option .default-btn.seo-btn {
  padding: 10px 25px;
  font-size: 15px;
  background-color: transparent;
  border: 1px solid #2cc362;
  color: #2cc362;
}

.nav-main-01 .navbar .other-option .default-btn.seo-btn:hover {
  background-color: #2cc362;
  color: #ffffff;
}

.nav-main-01 .black-logo {
  display: none;
}

.navbar-area {
  background-color: transparent;
  -webkit-transition: 0.6s;
  transition: 0.6s;
  border-top: 1px solid #ededed;
}
.navbar-area.is-sticky {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99;
  -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
          animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
  -webkit-transition: 0.6s;
  transition: 0.6s;
  margin: 0;
  background: #fff;
}

.navbar-area.is-sticky .navbar-nav .nav-item a {
  color: #000;
}

.navbar-area.is-sticky .navbar-nav .nav-item a:hover, .navbar-area.is-sticky .navbar-nav .nav-item a:focus, .navbar-area.is-sticky .navbar-nav .nav-item a.active {
  color: #2cc362;
}

.navbar-area.is-sticky .nav-main-01 .navbar-brand .white-logo {
  display: none;
}

.navbar-area.is-sticky .nav-main-01 .navbar-brand .black-logo {
  display: block;
}
.nav-main-01 .navbar .navbar-nav .nav-item .link-main-nav:after {
  content: "";
  height: 4px;
  width: 0;
  background: #2cc362;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
  transform-origin: left;
  -moz-transform-origin: left;
  -ms-transform-origin: left;
  -webkit-transform-origin: left;
  -o-transform-origin: left;
  transition: all .8s;
  -moz-transition: all .8s;
  -webkit-transition: all .8s;
  -ms-transition: all .8s;
  -o-transition: all .8s;
}

.nav-main-01 .navbar .navbar-nav .nav-item .link-main-nav:hover:after {
  width: 100%;
  left: 0;
  right: auto;
  transform-origin: right;
  -moz-transform-origin: right;
  -ms-transform-origin: right;
  -webkit-transform-origin: right;
  -o-transform-origin: right;
}
@media only screen and (max-width: 991px) {
  .navbar-area {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .navbar-area.is-sticky {
    border-bottom: none;
    -webkit-box-shadow: 0 7px 13px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 7px 13px 0 rgba(0, 0, 0, 0.1);
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .navbar-area.is-sticky .logo .white-logo {
    display: none;
  }
  .navbar-area.is-sticky .logo .black-logo {
    display: block;
  }
 
  .nav-main-01 {
    display: none;
  }
}

/*
Mobile Sidebar CSS 
==================================================*/

.admin-bar .primary-mobile-nav {
  top: 32px;
}

.primary-mobile-nav {
  width: 250px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  background-color: #fff;
  position: fixed;
  top: 0;
  right: -340px;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  color: #848484;
  /* z-index: -999999; */
  border: 1px solid #f4f4f4;
}

.primary-mobile-nav .close-canvas-mobile-panel {
  padding: 20px;
  display: inline-block;
  font-size: 46px;
}

.primary-mobile-nav ul {
  list-style: none;
  padding-left: 0;
}

.primary-mobile-nav ul.menu {
  padding-bottom: 30px;
}

.primary-mobile-nav ul.menu.over-submenu {
  height: 0;
  overflow: hidden;
  padding-bottom: 0;
}

.primary-mobile-nav ul.menu li {
  padding: 15px 20px;
  position: static;
}

.primary-mobile-nav ul.menu li .toggle-children {
  float: right;
  position: relative;
}

.primary-mobile-nav ul.menu li .toggle-children i {
  position: absolute;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  right: -20px;
  top: -12px;
  font-size: 22px;
}

.primary-mobile-nav ul.menu li > ul {
  position: absolute;
  float: left;
  right: 0;
  top: 0;
  visibility: visible;
  display: inline-block;
  width: 100% !important;
  z-index: 10;
  margin-top: 0;
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: 0.35s;
  transition: 0.35s;
  background-color: #fff;
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
}

.primary-mobile-nav ul.menu li > ul .menu-parent-items {
  background-color: #f4f4f4;
  color: #222222;
  text-transform: uppercase;
}

.primary-mobile-nav ul.menu li.over-menu > ul {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}

.primary-mobile-nav ul.menu li.menu-back {
  padding-left: 40px;
  position: relative;
}

.primary-mobile-nav ul.menu li.menu-back:before {
  content: '\f104';
  font-family: Fontawesome;
  font-size: 22px;
  position: absolute;
  left: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.primary-mobile-nav ul.menu li.extra-menu-item {
  margin-top: 40px;
}

.primary-mobile-nav ul.menu li.current-menu-item > a {
  color: #ffc811;
}

.primary-mobile-nav .extra-item {
  padding: 0 20px 30px;
}

.primary-mobile-nav .menu-item-text {
  color: #222;
}

.primary-mobile-nav .menu-item-button-link {
  background-color: transparent;
}

.primary-mobile-nav .menu-item-button-link a {
  background-color: #ffc811;
}

.display-mobile-menu .primary-mobile-nav {
  right: 0;
  z-index: 99999;
}

.off-canvas-layer {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 999;
  cursor: pointer;
  display: none;
  background-color: rgba(0, 0, 0, 0.5);
  transition: all .4s;
}

.display-mobile-menu .off-canvas-layer {
  display: block;
}
/*
Home section
=================================================*/

.hero-slider-area{
  background-color: #F4F4F6;
  padding-bottom: 1em;
}
.banner-area{
  position: relative;
}

.banner-area .banner-shape-1 {
  position: absolute;
  top: 22%;
  left: 4%;
  z-index: -1;
}

.banner-area .banner-shape-2 {
  position: absolute;
  top: 0;
  right: -145px;
  z-index: -1;
}

/* List nav
=============================*/

.item-banner-one li {
  background: #fff;
  -webkit-box-shadow: 0px 4px 13px rgba(27, 26, 30, 0.06);
  box-shadow: 0px 4px 13px rgba(27, 26, 30, 0.06);
  padding: 1em;
  margin: 1em 0;
  border-radius: 30px;
  display: table;
  font-size: 18px;
}
.item-banner-one li a{
  position: relative;
}
.item-banner-one li a::before {
  content: '';
  position: absolute;
  background-color: #2cc362;
  width: 8px;
  height: 8px;
  border-radius: 50px;
  left: 13px;
  top: 53%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  opacity: 0;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.item-banner-one li a:hover {
  padding-left: 30px;
  color: #2cc362;
}

.item-banner-one li a:hover::before {
  opacity: 1;
}

.item-banner-one li a.active {
  padding-left: 30px;
  color: #2cc362;
}

.item-banner-one li a.active::before {
  opacity: 1;
}


.single-banner-slider-img {
  position: relative;
  text-align: end;
}

.single-banner-slider-img img {
  width: auto !important;
  margin-left: auto;
  margin-right: auto;
}

.single-banner-slider-img .banner-slider-shape {
  position: absolute;
  top: -60px;
  left: 0;
  right: 140px;
  z-index: -1;
}

.single-banner-content {
  max-width: 683px;
  position: relative;
  top: 9px;
}
.single-banner-content h1 {
  font-size: 20px;
  line-height: 20px;
  font-weight: 800;
  color: #181818;
  margin-bottom: 13px;
  text-align: center;
}


.single-banner-content p {
  margin-bottom: 30px;
  font-size: 16px;
}

/*.single-banner-content .banner-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}*/

.single-banner-content .banner-btn .btn {
  margin-right: 15px;
}

.single-banner-content .banner-btn a .play-btn {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 4px 13px rgba(27, 26, 30, 0.06);
          box-shadow: 0px 4px 13px rgba(27, 26, 30, 0.06);
  margin-bottom: 0;
  margin-right: 8px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all ease 0.7s;
  transition: all ease 0.7s;
}

.single-banner-content .banner-btn a .play-btn i {
  margin: 0 auto;
  font-size: 25px;
  line-height: 0.8;
  color: #2cc362;
  position: relative;
  top: 1px;
  -webkit-transition: all ease 0.7s;
  transition: all ease 0.7s;
}

.single-banner-content .banner-btn a .play-btn:hover {
  background-color: #2cc362;
}

.single-banner-content .banner-btn a .play-btn:hover i {
  color: #fff;
}

.single-banner-content .banner-btn a .sm-none {
  font-size: 18px;
  font-family: 'Karla', sans-serif;
  font-weight: 400;
  color: #555555;
  position: relative;
  top: -6px;
}

@-webkit-keyframes fadeInUp {
  form {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  form {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
}

.owl-item.active .single-banner-content h1 {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}

.owl-item.active .single-banner-content p {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
}

.owl-item.active .single-banner-content .banner-btn {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}
/* Section 03
====================================*/
.features-area  {
  position: relative;
}
.features-image {
  max-width: 800px;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
}
.features-area  .shape {
  position: absolute;
  right: 0;
  top: 0;
}
.features-area .banner-shape-2 {
  position: absolute;
  left: 10%;
  top: 20%;
  transform: translate(-50%, -50%);
}
.features-area .banner-shape-6 {
  position: absolute;
  right: 15%;
  top: 30%;
  transform: translate(-50%, -50%);
}
.features-area .banner-shape-5 {
  position: absolute;
  bottom: 5em;
  transform: translate(-50%, -50%);
}

.features-content .features-list li {
  position: relative;
  margin-bottom: 30px;
  padding-left: 75px;
  -webkit-transition: .4s;
    transition: .4s;
}

.features-content .features-list li .icon {
  width: 55px;
  height: 55px;
  border-radius: 50%;
  background: #142745;
  position: absolute;
  text-align: center;
  color: #fff;
  font-size: 25px;
  left: 0;
  top: 0;
}
.features-list li:hover .icon {
  background: #2cc362;
  transition: .4s;
}


.features-list li:hover {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}
/* blog-area
==================================*/

.section-title {
  text-align: center;
  max-width: 588px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
}
.section-title-left {
  text-align: left;
  max-width: 588px;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 40px;
}
.section-title.left-title {
  text-align: left;
  max-width: unset;
  padding-right: 30px;
}

.section-title.left-title h2 {
  margin-bottom: 10px;
}

.section-title .top-title {
  font-size: 16px;
  font-family:'Karla', sans-serif;
  color: #2cc362;
  font-weight: 600;
  display: block;
  margin-bottom: 10px;
}

.section-title h2 {
  font-size: 36px;
}
.blog-area .section-title.left-title {
  max-width: 670px;
  margin-left: unset;
  margin-right: auto;
}

.blog-area.blog-two-area {
  background-color: #FAFAFE;
}

.blog-area.blog-two-area .single-our-services-content h2 {
  max-width: 600px;
}

.single-blog-card {
  background-color: #fff;
  -webkit-box-shadow: 0px 4px 20px rgba(14, 8, 30, 0.08);
          box-shadow: 0px 4px 20px rgba(14, 8, 30, 0.08);
  border-radius: 10px;
  position: relative;
  -webkit-transition: all ease 0.7s;
  transition: all ease 0.7s;
  margin: 0px 2px 30px 2px;
  margin-bottom: 30px;
}

.single-blog-card.blog-three-content {
  position: relative;
}

.single-blog-card.blog-three-content .blog-date {
  left: 30px;
  top: 55px;
}

.single-blog-card.blog-two-content .blog-date {
  top: 50%;
  right: 30px;
  left: auto;
  background-color: #F7F7F7;
}

.single-blog-card .blog-date {
  position: absolute;
  padding: 8px;
  width: 50px;
  height: 55px;
  text-align: center;
  border-radius: 5px;
  display: -ms-grid;
  display: grid;
  top: 0;
  left: 23px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: #fff;
  -webkit-transition: all ease 0.7s;
  transition: all ease 0.7s;
}

.single-blog-card .blog-date b {
  font-size: 15px;
  font-weight: 600;
  color: #2cc362;
  font-family:'Changa', sans-serif;
  -webkit-transition: all ease 0.7s;
  transition: all ease 0.7s;
}

.single-blog-card .blog-date span {
  font-size: 13px;
  font-family:'Karla', sans-serif;
  color: #2cc362;
  -webkit-transition: all ease 0.7s;
  transition: all ease 0.7s;
  font-weight: 500;
  position: absolute;
  bottom: 7px;
  left: 0;
  right: 0;
  text-align: center;
}

.single-blog-card .blog-img {
  overflow: hidden;
}

.single-blog-card .blog-img img {
  border-radius: 5px 5px 0px 0px;
}

.single-blog-card .blog-content {
  padding: 30px;
  border: 1px solid #f9f9f9;
}

.single-blog-card .blog-content ul {
  padding-left: 0;
  margin: 0;
  margin-bottom: 15px;
}

.single-blog-card .blog-content ul li {
  list-style-type: none;
  display: inline-block;
  padding-left: 25px;
  position: relative;
  margin-right: 35px;
  font-size: 15px;
  font-family:'Karla', sans-serif;
  color: #333333;
  font-weight: 500;
}

.single-blog-card .blog-content ul li::before {
  content: '';
  position: absolute;
  background-color: #333333;
  height: 15px;
  width: 1px;
  right: -20px;
  right: -20px;
  top: 3.5px;
  -webkit-transform: rotate(19deg);
          transform: rotate(19deg);
  bottom: 0;
}

.single-blog-card .blog-content ul li a {
  font-size: 15px;
  font-family:'Karla', sans-serif;
  color: #333333;
  font-weight: 500;
  margin-left: 5px;
  -webkit-transition: all ease 0.7s;
  transition: all ease 0.7s;
}

.single-blog-card .blog-content ul li a:hover {
  color: #2cc362;
}

.single-blog-card .blog-content ul li:last-child {
  margin-right: 0;
}

.single-blog-card .blog-content ul li:last-child::before {
  display: none;
}

.single-blog-card .blog-content ul li i {
  position: absolute;
  left: 0;
  color: #2cc362;
}

.single-blog-card .blog-content h3 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 10px;
  line-height: 35px;
}

.single-blog-card .blog-content h3 a {
  color: #181818;
}

.single-blog-card .blog-content p {
  margin-bottom: 12px;
}

.single-blog-card .blog-content .read-more {
  color: #181818;
  font-size: 16px;
  font-weight: 600;
  font-family:'Changa', sans-serif;
  -webkit-transition: all ease 0.7s;
  transition: all ease 0.7s;
}

.single-blog-card:hover .blog-date {
  background-color: #2cc362;
}

.single-blog-card:hover .blog-date b {
  color: #fff;
}

.single-blog-card:hover .blog-date span {
  color: #fff;
}

.single-blog-card:hover .blog-content .read-more {
  color: #2cc362;
  letter-spacing: 1px;
}

/* Start Footer Area 
=================================*/
.footer-area {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #fff;
  padding-top: 3em;
  color: #555555;
}

.footer-area.style-two .col-lg-3:nth-child(4) {
  margin-left: 0;
  margin-right: 0;
}


.widget .footer-logo {
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 25px;
}
.widget .footer-logo::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 58px;
  height: 3px;
  background-color: #FFF;
}
.widget p {
  color: #555555;
  margin-bottom: 25px;
}
.widget .phone {
  position: relative;
  padding-left: 60px;
}
.widget .phone i {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 20px;
  color: #232429;
  background-color: #ffffff;
  width: 50px;
  height: 50px;
  line-height: 50px;
  border-radius: 50%;
  text-align: center;
}
.widget .phone p {
  font-size: 13px;
  color: #555555;
  margin-bottom: 5px;
}
.widget .phone a {
  font-weight: 500;
  color: #555555;
}
.widget .phone a:hover {
  color: #555555;
}
.widget .phone a:hover i {
  background-color: #c5cefd;
  color: #555555;
}

.footer-widget {
  margin-bottom: 20px;
}
.footer-widget h3 {
  font-size: 20px;
  color: #181818;
  position: relative;
  padding-bottom: 18px;
  margin-bottom: 30px;
}
.footer-widget h3::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 55px;
  height: 3px;
  background-color: #2cc362;
}
.footer-widget ul {
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 0;
  list-style-type: none;
}
.footer-widget ul li {
  color: #d1d1d1;
  margin-bottom: 15px;
}
.footer-widget ul li:last-child {
  margin-bottom: 0;
}
.footer-widget ul li i {
  transition: all ease 0.5s;
}
.footer-widget ul li:hover i {
  color: #555555;
}
.footer-widget ul li a:hover  {
  color: #05a761;
}
.footer-widget ul li a {
  color: #555555;
}

.footer-widget.footer-widget-style {
  max-width: 250px;
}
.footer-widget.footer-widget-style ul li {
  position: relative;
  padding-left: 30px;
}
.footer-widget.footer-widget-style ul li i {
  position: absolute;
  top: -5px;
  left: 0;
  font-size: 20px;
}
.footer-widget.footer-in h3 {
  margin-bottom: 32px;
}
.footer-widget.footer-in .time {
  background-color: #071738;
  border-radius: 3px;
  max-width: 312px;
  padding: 20px 25px;
}
.footer-widget.footer-in .time ul li {
  position: relative;
  padding-left: 30px;
  margin-bottom: 15px;
}
.footer-widget.footer-in .time ul li:last-child {
  margin-bottom: 0;
}
.footer-widget.footer-in .time ul li i {
  position: absolute;
  top: 1px;
  left: 0;
  font-size: 20px;
  color: #3f51b5;
}
.footer-widget .map iframe {
  width: 100%;
  height: 178px;
  border-radius: 3px;
}
/* Move Animation
=================================*/
@-webkit-keyframes MOVE-BG {
  form {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(88px);
            transform: translateX(88px);
  }
}
@keyframes MOVE-BG {
  form {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(88px);
            transform: translateX(88px);
  }
}

@-webkit-keyframes rotateMe {
  form {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes rotateMe {
  form {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
/* copyright-area 
==============================*/
.copyright-area {
  background-color: #F4F4F6;
  border-top: 1px solid rgba(24, 24, 24, 0.1);
  padding-top: 20px;
  padding-bottom: 20px;
}

.copyright-area.copyright {
  background-color: #13191D;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.copyright-area.copyright .copyright-content {
  text-align: center;
}

.copyright-area.copyright .copyright-content p {
  color: #fff;
}

.copyright-area.copyright .copyright-content p a:hover {
  color: #fff;
}

.copyright-content {
  text-align: center;
}

.copyright-content p i {
  position: relative;
  top: 3px;
  margin-right: 5px;
}

.copyright-content p a {
  font-size: 16px;
  color: #05a761;
  font-family: 'Karla', sans-serif;
  font-weight: 500;
  margin-left: 5px;
  -webkit-transition: all ease 0.7s;
  transition: all ease 0.7s;
}

.copyright-content p a:hover {
  color: #181818;
  letter-spacing: 1px;
}
 /* ESTILO PARA POPUP CHAT */

  #center-text {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;

}
#chat-overlay-facturalaya {
    background: rgba(255, 255, 255, 0.1);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    display: none;
}
#contenedor_icono_chat_minimizado {
    position: fixed;
    bottom: 10%;
    right: 20px;
    background: #05a761;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    color: white;
   /* padding: 20px;*/
    cursor: pointer;
    box-shadow: 0 3px 16px 0 rgba(0, 0, 0, 0.6), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
#txt_user_facturalaya {
    background: #f4f7f9;
    width: 100%;
    position: relative;
    height: 47px;
    padding: 10px 50px 10px 15px;
    border: none;
    resize: none;
    outline: none;
    border: 1px solid #ccc;
    color: #888;
    border-top: none;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    overflow: hidden;
}

#txt_user_facturalaya::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #ccc;
}
#txt_user_facturalaya::-moz-placeholder {
    /* Firefox 19+ */
    color: #ccc;
}
#txt_user_facturalaya:-ms-input-placeholder {
    /* IE 10+ */
    color: #ccc;
}
#txt_user_facturalaya:-moz-placeholder {
    /* Firefox 18- */
    color: #ccc;
}

/* == Clases == */
.btniafacturalaya#my-btniafacturalaya {
    background: white;
    padding: 13px 40px 12px;
    border-radius: 45px;
    color: #5865C3;
}

.content_input_chat_facturalaya > form {
    margin-bottom: 0;
}
.chat-ia-facturalaya {
  display: none;
  background: #efefef;
  position: fixed;
  right: 30px;
  bottom: 10%;
  width: 350px;
  max-width: 85vw;
  max-height: 100vh;
  border-radius: 5px;
  /*   box-shadow: 0px 5px 35px 9px #464a92; */
  box-shadow: 0 5px 35px 9px #ccc;
}
.chat-ia-facturalaya-toggle {
  float: right;
  margin-right: 15px;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(-50%, -50%);
}
.chat-ia-facturalaya-header {
    background: #05a761;
    height: 70px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: white;
    /*text-align: center;*/
    font-size: 20px;
    padding-top: 17px;
    padding-left: 10px;
    position: relative;
}
.chat-ia-facturalaya-body {
    position: relative;
    /*height: 370px;*/
    height: auto;
    border: 1px solid #ccc;
    overflow: hidden;
}
.chat-ia-facturalaya-body:after {
    content: "";
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgdmlld0JveD0iMCAwIDIwMCAyMDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAgOCkiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGNpcmNsZSBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS4yNSIgY3g9IjE3NiIgY3k9IjEyIiByPSI0Ii8+PHBhdGggZD0iTTIwLjUuNWwyMyAxMW0tMjkgODRsLTMuNzkgMTAuMzc3TTI3LjAzNyAxMzEuNGw1Ljg5OCAyLjIwMy0zLjQ2IDUuOTQ3IDYuMDcyIDIuMzkyLTMuOTMzIDUuNzU4bTEyOC43MzMgMzUuMzdsLjY5My05LjMxNiAxMC4yOTIuMDUyLjQxNi05LjIyMiA5LjI3NC4zMzJNLjUgNDguNXM2LjEzMSA2LjQxMyA2Ljg0NyAxNC44MDVjLjcxNSA4LjM5My0yLjUyIDE0LjgwNi0yLjUyIDE0LjgwNk0xMjQuNTU1IDkwcy03LjQ0NCAwLTEzLjY3IDYuMTkyYy02LjIyNyA2LjE5Mi00LjgzOCAxMi4wMTItNC44MzggMTIuMDEybTIuMjQgNjguNjI2cy00LjAyNi05LjAyNS0xOC4xNDUtOS4wMjUtMTguMTQ1IDUuNy0xOC4xNDUgNS43IiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS4yNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+PHBhdGggZD0iTTg1LjcxNiAzNi4xNDZsNS4yNDMtOS41MjFoMTEuMDkzbDUuNDE2IDkuNTIxLTUuNDEgOS4xODVIOTAuOTUzbC01LjIzNy05LjE4NXptNjMuOTA5IDE1LjQ3OWgxMC43NXYxMC43NWgtMTAuNzV6IiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS4yNSIvPjxjaXJjbGUgZmlsbD0iIzAwMCIgY3g9IjcxLjUiIGN5PSI3LjUiIHI9IjEuNSIvPjxjaXJjbGUgZmlsbD0iIzAwMCIgY3g9IjE3MC41IiBjeT0iOTUuNSIgcj0iMS41Ii8+PGNpcmNsZSBmaWxsPSIjMDAwIiBjeD0iODEuNSIgY3k9IjEzNC41IiByPSIxLjUiLz48Y2lyY2xlIGZpbGw9IiMwMDAiIGN4PSIxMy41IiBjeT0iMjMuNSIgcj0iMS41Ii8+PHBhdGggZmlsbD0iIzAwMCIgZD0iTTkzIDcxaDN2M2gtM3ptMzMgODRoM3YzaC0zem0tODUgMThoM3YzaC0zeiIvPjxwYXRoIGQ9Ik0zOS4zODQgNTEuMTIybDUuNzU4LTQuNDU0IDYuNDUzIDQuMjA1LTIuMjk0IDcuMzYzaC03Ljc5bC0yLjEyNy03LjExNHpNMTMwLjE5NSA0LjAzbDEzLjgzIDUuMDYyLTEwLjA5IDcuMDQ4LTMuNzQtMTIuMTF6bS04MyA5NWwxNC44MyA1LjQyOS0xMC44MiA3LjU1Ny00LjAxLTEyLjk4N3pNNS4yMTMgMTYxLjQ5NWwxMS4zMjggMjAuODk3TDIuMjY1IDE4MGwyLjk0OC0xOC41MDV6IiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS4yNSIvPjxwYXRoIGQ9Ik0xNDkuMDUgMTI3LjQ2OHMtLjUxIDIuMTgzLjk5NSAzLjM2NmMxLjU2IDEuMjI2IDguNjQyLTEuODk1IDMuOTY3LTcuNzg1LTIuMzY3LTIuNDc3LTYuNS0zLjIyNi05LjMzIDAtNS4yMDggNS45MzYgMCAxNy41MSAxMS42MSAxMy43MyAxMi40NTgtNi4yNTcgNS42MzMtMjEuNjU2LTUuMDczLTIyLjY1NC02LjYwMi0uNjA2LTE0LjA0MyAxLjc1Ni0xNi4xNTcgMTAuMjY4LTEuNzE4IDYuOTIgMS41ODQgMTcuMzg3IDEyLjQ1IDIwLjQ3NiAxMC44NjYgMy4wOSAxOS4zMzEtNC4zMSAxOS4zMzEtNC4zMSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuMjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjwvZz48L3N2Zz4=');
    opacity: 0.1;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    position: absolute;
    z-index: -1;
}
.chat-logs-ia-facturalaya {
    padding: 15px;
    height: 370px;
    overflow-y: scroll;
}

.chat-logs-ia-facturalaya::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
}

.chat-logs-ia-facturalaya::-webkit-scrollbar {
    width: 5px;
    background-color: #F5F5F5;
}
.chat-logs-ia-facturalaya::-webkit-scrollbar-thumb {
    background-color: #05a761;
}

.chat-msg-iafacturalaya.ia_facturalaya > .msg-fy-avatar img {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    float: left;
    width: 15%;
}
.chat-msg-iafacturalaya.usuario > .msg-fy-avatar img {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    float: right;
    width: 15%;
}


.chat-msg-iafacturalaya {
    clear: both;
}
.chat-msg-iafacturalaya.usuario > .msg-individual-ia-text-facturalaya {
    float: right;
    margin-right: 10px;
    background: #05a761;
    color: white;
}

.escritura {
    animation: escritura 1s infinite;
}
.enviar_consulta_ia_facturalaya {
    position: absolute;
    bottom: 5px;
    right: 10px;
    background: transparent;
    box-shadow: none;
    border: none;
    border-radius: 50%;
    color: #05a761;
    width: 35px;
    height: 35px;
}
.icon_ai_msg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 40px;
}
.msg-individual-ia-text-facturalaya {
    background: white;
    padding: 10px 15px;
    color: #666;
    max-width: 75%;
    float: left;
    margin-left: 10px;
    position: relative;
    margin-bottom: 20px;
    border-radius: 30px;
}

.msg-individual-ia-button > ul > li {
    list-style: none;
    float: left;
    width: 50%;
}
.msg-individual-ia-button {
    clear: both;
    margin-bottom: 70px;
}

@media only screen and (max-width: 500px) {
  .chat-ia-facturalaya {
      width: 350px;
  }
}
@media (min-width: 900px) {
  .chat-ia-facturalaya {
      width: 380px;
      bottom: 50px;
  }
}

@keyframes escritura {
    0% { opacity: 0; }
    50% { opacity: 1; }
    100% { opacity: 0; }
}


/* FIN ESTILO PARA POPUP CHAT */

.owl-carousel {
  display: none;
  width: 100%;
  z-index: 0;
}
/* Section 01
================================*/
.single-about-img {
  position: absolute;
  z-index: 0;
  right: 0;
  top: 2em;
}
.label-quote {
  border-left: 4px solid #05a761;
  padding-left: 1em;
  margin: 1em 1em 1em 2em;
}
/*
  Section 01
================================*/
.section-01{
  position: relative;
}


.section-1-content {
  position: relative;
  background: #fff;
  -webkit-box-shadow: 0px 10px 12px 0px rgba(11, 11, 11, 0.08);
  box-shadow: 0px 10px 12px 0px rgba(11, 11, 11, 0.08);
  border-top: 3px solid #05a761;
  padding: 1em;
  z-index: 2;
}
.section-shape-1 {
  position: absolute;
  bottom: -4em;
  left: -2em;
  z-index: 1;
}
/*
  Section 02
================================*/
.choose-area{
  position: relative;
}

.img-mobile-choose {
  width: 600px;
  height: 100%;
  max-width: 100%;
}
.second-services-content a {
  font-size: 22px;
  font-weight: 500;
  color: #05a761;
  position: relative;
  transition: .5s;
  width: 40px;
  height: 40px;
  display: inline-block;
  line-height: 40px;
  border-radius: 50%;
  background-clip: border-box;
  position: relative;
  background: transparent;
  padding: 1px;
  border: 1px solid #009eaf;
  text-align: center;
  margin-right: 0.5em;
}
.icon-box-wrap:hover .second-services-content a {
  color: #fff;
  background: #05a761;
  border: 1px solid transparent;
}
.icon-box-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 40px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

/* Buttom hover number
=======================================*/
.s-single-services .second-services-content a {
  font-size: 22px;
  font-weight: 500;
  color: #05a761;
  position: relative;
  transition: .5s;
  width: 56px;
  height: 56px;
  display: inline-block;
  line-height: 56px;
  border-radius: 50%;
  background-clip: border-box;
  position: relative;
  background: transparent;
  padding: 1px;
  border: 1px solid #05a761;
}
.s-single-services:hover .second-services-content a {
  color: #fff;
  background: #05a761;
  border: 1px solid transparent;
}
.s-single-services:hover .second-services-content h5 {
  color: #05a761;
  transition: .3s;
}
/*
 Pricing
================================*/
.s-cta-btn .btn::before{content: none;}
/* 18. pricing */

.pricing-tab {
    text-align: center;
}
.pricing-area{
  position: relative;
}
.shape-left-section {
  position: absolute;
  left: 0;
  top: 0;
}
.shape-right-section {
  position: absolute;
  right: 0;
  top: 0;
}
.shape-center-section {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, -50%);
}
.pricing-tab span {
    vertical-align: middle;
}
.pricing-tab .pricing-tab-switcher {
    height: 30px;
    width: 60px;
    background: #05a761;
    display: inline-block;
    border-radius: 50px;
    position: relative;
    transition: all 0.3s ease;
    margin: 0 18px;
    transform: translateY(-3px);
    cursor: pointer;
}
.pricing-tab .pricing-tab-switcher::before {
    content: '';
    position: absolute;
    left: 5px;
    top: 3px;
    background: #fff;
    width: 24px;
    height: 24px;
    border-radius: 100%;
    transition: all 0.3s ease;
}
.pricing-tab .pricing-tab-switcher.active::before {
    left: calc(100% - 30px);
}
.pricing-amount {
    position: relative;
    color: #009eaf;
}
.pricing-amount .annual_price {
    display: none;
}
.pricing-amount .monthly_price {
    display: block;
    float: left;
width: 100%;
}
.pricing-amount .currency {
    font-size: 25px;
    font-weight: 500;
    position: absolute;
    top: -16px;
    left: -22px;
}
.pricing-amount .price {
    font-size: 50px;
    font-weight: 600;
}
.pricing-amount .subscription {
    font-size: 16px;
    font-weight: 500;
}
.pricing-amount.change-subs-duration .monthly_price {
    display: none;
}
.pricing-amount.change-subs-duration .annual_price {
    display: block;
    float: left;
width: 100%;
}


.poppuler {
    position: absolute;
    width: 100%;
    top: -20px;
    left: 0;
}
.poppuler .btn {
   background: #142745;
  color: #fff;
  border-color: #fff;
  padding: 10px 28px;
  font-size: 15px;
}
.pricing-box {
    float: left;
    width: 100%;
    position: relative;
    border: 3px solid #05a761;
    background: #fff;
    margin-top: 3em;
}

.pricing-btn {
    position: absolute;
    bottom: -20px;
    width: 100%;
    left: 0;
}
.pricing-head {
  padding: 30px 0 0;
  float: left;
  width: 100%;
  background: #05a761;
  
}
.pricing-head h4 {
	font-size: 30px;
	font-weight: 600;
	color: #285e84;
	margin-bottom: 10px;
}
.pricing-head h5{
color: #285e84;
font-size: 25px;
font-weight: 500;
float: left;
width: 100%;
margin-top: 15px;
}
.price-count h2 {
	font-size: 45px;
	font-weight: 600;
	margin-bottom: 0;
}
.price-count small {
	font-size: 18px;
	font-weight: 600;
	position: relative;
	top: -20px;
	margin-right: 3px;
}
.price-count span {
	font-size: 18px;
	font-weight: 400;
	color: #666666;
}
.pricing-body {
	padding: 0px 40px 35px;
}
.pricing-body li{
	margin-top:15px;
}

.pricing-body  .have i::before{
  color:#09bc2d;
  margin-right: 10px;
}
.pricing-body  .not i::before{
  color:#bc1509;
  margin-right: 10px;
}
.pricing-body p {
	margin-bottom: 15px;
	font-size: 14px;
}

.pricing-btn .btn::before{content: none;}
.pricing-box.active{border: 3px solid  rgba(1, 117, 205, 0.278);}
.pricing-box.active {
  border: 3px solid #05a761;
  background: #05a761;
  color: #fff!important;
}
.pricing-box.active .pricing-head h4, .pricing-box.active .pricing-amount, .pricing-box.active .pricing-body  .not i::before, .pricing-box.active .pricing-body  .have i::before, .pricing-box .pricing-head h4, .pricing-box .pricing-amount {
  color: #fff!important;
}
.pricing-box.active .pricing-btn .btn-default-theme{
  background-color: #000;
  color: #fff;
}
.pricing-body {
    float: left;
    width: 100%;
}
.pricing-box.active .price-count h2{color: #fff;}

.can-toggle.demo-rebrand-2 label .can-toggle__switch.mensual:after {
  top: 2px;
  left: 5px;
  border-radius: 30px;
  width: 60px;
  line-height: 35px;
  font-size: 13px
}
.can-toggle.demo-rebrand-2 label .can-toggle__switch:after {
  top: 2px;
  left: 10px;
  border-radius: 30px;
  width: 60px;
  line-height: 35px;
  font-size: 13px
}

.can-toggle {
  position: relative;
  z-index: 3;
}
.can-toggle *,
.can-toggle *:before,
.can-toggle *:after {
  box-sizing: border-box
}
.can-toggle input[type="checkbox"] {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0
}
.can-toggle input[type="checkbox"][disabled]~label {
  pointer-events: none
}
.can-toggle input[type="checkbox"][disabled]~label .can-toggle__switch {
  opacity: .4
}
.can-toggle input[type="checkbox"]:checked~label .can-toggle__switch:before {
  content: attr(data-unchecked);
  left: 0
}
.can-toggle input[type="checkbox"]:checked~label .can-toggle__switch:after {
  content: attr(data-checked)
}
.can-toggle label {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  justify-content: center
}
.can-toggle label .can-toggle__label-text {
  -webkit-box-flex: 1;
  flex: 1;
  padding-left: 32px
}
.can-toggle label .can-toggle__switch {
  position: relative
}
.can-toggle label .can-toggle__switch:before {
  content: attr(data-checked);
  position: absolute;
  top: 0;
  text-transform: uppercase;
  text-align: center
}
.can-toggle label .can-toggle__switch:after {
  content: attr(data-unchecked);
  position: absolute;
  z-index: 5;
  text-transform: uppercase;
  text-align: center;
  background: #fff;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}
.can-toggle input[type="checkbox"][disabled]~label {
  color: rgba(119, 119, 119, .5)
}
.can-toggle input[type="checkbox"]:focus~label .can-toggle__switch:after,
.can-toggle input[type="checkbox"]~label .can-toggle__switch:after {
  color: #fff;
  background: #54a8c7;
  box-shadow: 0 20px 30px 0 rgba(120, 128, 240, .4)
}
.can-toggle input[type="checkbox"]:focus~label .can-toggle__switch:after,
.can-toggle input[type="checkbox"]:hover~label .can-toggle__switch:after {
  color: #fff;
  background-image: -ms-linear-gradient(left, #2856bc 0%, #9A60EA  100%);
  background-image: -moz-linear-gradient(left, #2856bc 0%, #9A60EA  100%);
  background-image: -o-linear-gradient(left, #2856bc 0%, #9A60EA  100%);
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0, #2856bc),
    color-stop(100, #9A60EA )
  );
  background-image: -webkit-linear-gradient(left, #2856bc 0%, #9A60EA  100%);
  background-image: linear-gradient(to right, #2856bc 0%, #9A60EA  100%);
}
.can-toggle input[type="checkbox"]:hover~label {
  color: #6a6a6a
}
.can-toggle input[type="checkbox"]:checked~label:hover {
  color: #09bc2d
}
.can-toggle input[type="checkbox"]:checked~label .can-toggle__switch {
  border: 1px solid #45c4a0
}
.can-toggle input[type="checkbox"]:checked~label .can-toggle__switch:after {
  color: #45c4a0
}
.can-toggle input[type="checkbox"]:checked:focus~label .can-toggle__switch,
.can-toggle input[type="checkbox"]:checked:hover~label .can-toggle__switch {
  border: 1px solid #45c4a0
}
.can-toggle input[type="checkbox"]:checked:focus~label .can-toggle__switch:after,
.can-toggle input[type="checkbox"]:checked~label .can-toggle__switch:after {
  background-image: -ms-linear-gradient(left, #09bc2d 0%, #68da82 100%);
  background-image: -moz-linear-gradient(left, #09bc2d 0%, #68da82 100%);
  background-image: -o-linear-gradient(left, #09bc2d 0%, #68da82 100%);
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0, #09bc2d),
    color-stop(100, #68da82)
  );
  background-image: -webkit-linear-gradient(left, #09bc2d 0%, #68da82 100%);
  background-image: linear-gradient(to right, #09bc2d 0%, #68da82 100%);
  color: #fff;
  box-shadow: 0 20px 30px 0 rgba(112, 199, 103, .3)
}
.can-toggle input[type="checkbox"]:checked:focus~label .can-toggle__switch:after,
.can-toggle input[type="checkbox"]:checked:hover~label .can-toggle__switch:after {
  background-color: #45c4a0;
  color: #fff
}
.can-toggle label .can-toggle__label-text {
  -webkit-box-flex: 1;
  flex: 1
}
.can-toggle label .can-toggle__switch {
  -webkit-transition: background-color 0.3s cubic-bezier(0, 1, .5, 1);
  transition: background-color 0.3s cubic-bezier(0, 1, .5, 1)
}
.can-toggle label .can-toggle__switch:before {
  color: rgba(255, 255, 255, .5)
}
.can-toggle label .can-toggle__switch:after {
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 1, .5, 1);
  transition: -webkit-transform 0.3s cubic-bezier(0, 1, .5, 1);
  transition: transform 0.3s cubic-bezier(0, 1, .5, 1);
  transition: transform 0.3s cubic-bezier(0, 1, .5, 1), -webkit-transform 0.3s cubic-bezier(0, 1, .5, 1);
  color: #777
}
.can-toggle input[type="checkbox"]:focus~label .can-toggle__switch:after,
.can-toggle input[type="checkbox"]:hover~label .can-toggle__switch:after {
  box-shadow: 0 3px 3px rgba(0, 0, 0, .4)
}
.can-toggle input[type="checkbox"]:checked~label .can-toggle__switch:after {
  -webkit-transform: translate3d(65px, 0, 0);
  transform: translate3d(65px, 0, 0)
}
.can-toggle input[type="checkbox"]:checked:focus~label .can-toggle__switch:after,
.can-toggle input[type="checkbox"]:checked:hover~label .can-toggle__switch:after {
  box-shadow: 0 3px 3px rgba(0, 0, 0, .4)
}
.can-toggle label {
  font-size: 14px
}
.can-toggle label .can-toggle__switch {
  height: 36px;
  -webkit-box-flex: 0;
  flex: 0 0 134px;
  border-radius: 4px
}
.can-toggle label .can-toggle__switch:before {
  left: 67px;
  font-size: 12px;
  line-height: 36px;
  width: 67px;
  padding: 0 12px
}
.can-toggle label .can-toggle__switch:after {
  top: 2px;
  left: 2px;
  border-radius: 2px;
  width: 65px;
  line-height: 32px;
  font-size: 12px
}
.can-toggle label .can-toggle__switch:hover:after {
  box-shadow: 0 3px 3px rgba(0, 0, 0, .4)
}
.can-toggle.demo-rebrand-2 input[type="checkbox"][disabled]~label {
  color: rgba(68, 68, 68, .5)
}
.can-toggle.demo-rebrand-2 label .can-toggle__label-text {
  -webkit-box-flex: 1;
  flex: 1
}
.can-toggle.demo-rebrand-2 label .can-toggle__switch {
  -webkit-transition: background-color 0.3s cubic-bezier(.86, 0, .07, 1);
  transition: background-color 0.3s cubic-bezier(.86, 0, .07, 1);
  border: 1px solid #9A60EA ;
  background: #fff;
}
.can-toggle.demo-rebrand-2 label .can-toggle__switch:before {
  color: rgba(255, 255, 255, .7)
}
.can-toggle.demo-rebrand-2 label .can-toggle__switch:after {
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(.86, 0, .07, 1);
  transition: -webkit-transform 0.3s cubic-bezier(.86, 0, .07, 1);
  transition: transform 0.3s cubic-bezier(.86, 0, .07, 1);
  transition: transform 0.3s cubic-bezier(.86, 0, .07, 1), -webkit-transform 0.3s cubic-bezier(.86, 0, .07, 1);
  color: #444
}
.can-toggle.demo-rebrand-2 input[type="checkbox"]:focus~label .can-toggle__switch:after,
.can-toggle.demo-rebrand-2 input[type="checkbox"]:hover~label .can-toggle__switch:after {
  box-shadow: 0 20px 30px 0 rgba(120, 128, 240, .4);
  transition: .5s all
}
.can-toggle.demo-rebrand-2 input[type="checkbox"]:checked~label .can-toggle__switch:after {
  -webkit-transform: translate3d(58px, 0, 0);
  transform: translate3d(58px, 0, 0)
}
.can-toggle.demo-rebrand-2 input[type="checkbox"]:checked:focus~label .can-toggle__switch:after,
.can-toggle.demo-rebrand-2 input[type="checkbox"]:checked:hover~label .can-toggle__switch:after {
  -webkit-box-shadow: 0 20px 30px 0 rgba(112, 199, 103, .3);
  box-shadow: 0 20px 30px 0 rgba(112, 199, 103, .3);
  transition: .5s all
}
.can-toggle.demo-rebrand-2 label {
  font-size: 13px
}
.can-toggle.demo-rebrand-2 label .can-toggle__switch {
  height: 40px;
  -webkit-box-flex: 0;
  flex: 0 0 130px;
  border-radius: 60px;
  z-index: 0
}
.can-toggle.demo-rebrand-2 label .can-toggle__switch:before {
  left: 60px;
  font-size: 13px;
  line-height: 43px;
  width: 60px;
  padding: 0 9px
}
.can-toggle.demo-rebrand-2 label .can-toggle__switch:after {
  top: 2px;
  left: 5px;
  border-radius: 30px;
  width: 60px;
  line-height: 35px;
  font-size: 13px
}
.can-toggle.demo-rebrand-2 label .can-toggle__switch:hover:after {
  -webkit-box-shadow: 0 20px 30px 0 rgba(120, 128, 240, .3);
  box-shadow: 0 20px 30px 0 rgba(120, 128, 240, .3)
}

/* Animaciones
=============================*/
.bounce {
  -webkit-animation: float 1500ms infinite ease-in-out;
  animation: float 1500ms infinite ease-in-out;
}
.moveHorizontal_reverse {
  -webkit-animation: moveHorizontal_reverse 3000ms infinite ease-in-out;
  animation: moveHorizontal_reverse 3000ms infinite ease-in-out;
}
.rotate {
  -webkit-animation: rotation 20s infinite linear;
  animation: rotation 20s infinite linear;
}
.FocuS {
  -webkit-animation: FocuS 1s linear 1s infinite;
  animation: FocuS 1s linear 1s infinite;
}
.moveHorizontal {
  -webkit-animation: moveHorizontal 3000ms infinite ease-in-out;
  animation: moveHorizontal 3000ms infinite ease-in-out;
}
@-webkit-keyframes float {
  0% {
      -webkit-transform: translateY(0px);
      transform: translateY(0px);
  }
  50% {
      -webkit-transform: translateY(-5px);
      transform: translateY(-5px);
  }
  100% {
      -webkit-transform: translateY(0px);
      transform: translateY(0px);
  }
}
@keyframes float {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  50% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}
  
@-webkit-keyframes moveHorizontal_reverse {
  0% {
      -webkit-transform: translateX(0px);
      transform: translateX(0px);
  }
  50% {
      -webkit-transform: translateX(20px);
      transform: translateX(20px);
  }
  100% {
      -webkit-transform: translateX(0px);
      transform: translateX(0px);
  }
}
@keyframes moveHorizontal_reverse {
  0% {
      -webkit-transform: translateX(0px);
      transform: translateX(0px);
  }
  50% {
      -webkit-transform: translateX(20px);
      transform: translateX(20px);
  }
  100% {
      -webkit-transform: translateX(0px);
      transform: translateX(0px);
  }
}
@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
  }
}
@keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
  }
}
@-webkit-keyframes FocuS {
  0% {
      opacity: 0;
  }
  75% {
      opacity: 1;
  }
  100% {
      opacity: 0;
  }
}
@keyframes FocuS {
  0% {
      opacity: 0;
  }
  75% {
      opacity: 1;
  }
  100% {
      opacity: 0;
  }
}
@-webkit-keyframes moveHorizontal {
  0% {
      -webkit-transform: translateX(0px);
      transform: translateX(0px);
  }
  50% {
      -webkit-transform: translateX(-20px);
      transform: translateX(-20px);
  }
  100% {
      -webkit-transform: translateX(0px);
      transform: translateX(0px);
  }
}
@keyframes moveHorizontal {
  0% {
      -webkit-transform: translateX(0px);
      transform: translateX(0px);
  }
  50% {
      -webkit-transform: translateX(-20px);
      transform: translateX(-20px);
  }
  100% {
      -webkit-transform: translateX(0px);
      transform: translateX(0px);
  }
}