#ftco-loader{background-image:url(../elts/loader.gif); background-repeat:no-repeat; background-position:center center; background-size:50px}
.logo{width : 200px}
.parent {width: 100%; height: 660px; overflow: hidden;position: relative;border-top-right-radius: 50px;}
.parent svg { position: absolute; z-index: 1; width: 100%;height: 660px;}
.parent button { position: absolute; z-index: 50; width: 40px; overflow: hidden; height: 40px;border: none; border-radius: 50%;
  background:#fff;cursor: pointer; -webkit-box-shadow: 0 0 88px 5px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0 0 88px 5px rgba(0, 0, 0, 0.75); box-shadow: 0 0 88px 5px rgba(0, 0, 0, 0.75);}
.parent button:focus {outline-width: 0;}
.parent circle { stroke: #57c700; fill: none; transition: 0.3s; opacity:0.8}
.parent .circle1,
.parent .circle10 { transition-delay: 0.05s;}
.parent .circle2,
.parent .circle11 {  transition-delay: 0.1s;}
.parent .circle3,
.parent .circle12 {transition-delay: 0.15s;}
.parent .circle4,
.parent .circle13 { transition-delay: 0.2s;}
.parent .circle5,
.parent .circle14 { transition-delay: 0.25s;}
.parent .circle6,
.parent .circle15 { transition-delay: 0.3s;}
.parent .circle7,
.parent .circle16 { transition-delay: 0.35s;}
.parent .circle8,
.parent .circle17 { transition-delay: 0.4s;}
.parent .circle9,
.parent .circle18 { transition-delay: 0.45s;}
.parent #svg1 { display: none;}
.parent #svg1 circle { transition-timing-function: linear;}
.parent #svg2 { display: none;}
.parent #svg2 circle { transition-timing-function: linear;}
.parent #Capa_1 { position: absolute; width: 16px; height: 16px; transform: translate(-7px, -8px);}
.parent #Capa_2 { position: absolute; width: 16px; height: 16px; transform: translate(-9px, -8px);}
.parent .right { border: 1px solid #849494; background-color: transparent; transition: 0.5s;}
.parent .right:hover { background-color: #fff;}
.parent .left {  margin-left: 0.5%; border: 1px solid #849494; background-color: transparent; transition: 0.5s;}
.parent .left:hover { background-color: #fff;}
.parent .slider-two { position: absolute; width: 400%; height: 100%; background: #000;display: inline-flex; overflow: hidden;}
.parent .slidero { position: absolute; background-position: center center; background-size: cover;   padding-top: 138px;
 text-align: center;
  width: 25%;
  height: 100%;
  z-index: 10;
  transition: 1.4s;
}
.slidero .captionero{ position:absolute; left:0; bottom:22%; z-index:2; padding:45px;   text-align:center ;width:100%} 
.captionero  h1 { font-size:60px; color:#fff ; line-height:normal; max-width:600px; margin:0 auto;font-weight: 800; margin-bottom:15px }
.captionero span{ font-size:30px; color:#fff;   font-weight:100; background-color:rgba(255,255,255,0.3); border-radius:30px; display:inline-block; padding:10px 20px}

.slidero::before{ content: '';
    background: rgba(0, 0, 0 , 0.4);
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0; background-image:url(../elts/KIWI-project-03.png); background-repeat:no-repeat; background-position:bottom right;background-size: 50%;}
.parent .tran { transform: scale(1.3);}
.parent .up1 { z-index: 20;}
.parent .up2 { z-index: 40;}
.parent .steap { stroke-width: 0;}
.parent .streak { stroke-width: 82px;}
@media (max-width: 700px) {
.parent {  height: 460px; }
.parent svg { height: 460px;}  
.captionero  h1 { font-size:24px;    }
.captionero span{ font-size:14px;    }
}



.dot-menu {  position: relative; transform:scale(0.7)}
.dot-menu:hover .dot-menu__label { background-color: rgba(86, 199 ,12, 0.1); border-radius:20px}
.dot-menu__checkbox { display: none;}
.dot-menu__label:before,
.dot-menu__label:after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background-color: #030608;
  transition: 0.8s;
  left: 25px;
  transition: 0.2s;
}

.dot-menu__label:after {top: 40px;}
.dot-menu__label:before {top: 10px;}
.dot-menu__checkbox:checked ~ .dot-menu__label { background-color: rgba(86 ,199, 12, 0.1);}
.dot-menu__checkbox:checked ~ .dot-menu__label:before,
.dot-menu__checkbox:checked ~ .dot-menu__label span:before,
.dot-menu__checkbox:checked ~ .dot-menu__label:after { background-color: #000000; top: 25px;}
.dot-menu__checkbox:checked ~ .dot-menu__label span:before { width: 30px; left: 15px;}
.dot-menu__label {
  cursor: pointer;
  width: 60px;
  height: 60px; 
  display: block;
  text-indent: -9999em;
}
.dot-menu__label span:before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background-color: #030608;
  transition: 0.8s;
  left: 25px;
  top: 25px;
}

 .ftco-navbar-light { z-index:99}
 .intro1{background-color:#030608;  border-bottom-left-radius:30px; overflow:hidden; padding:0}
 
 .intro1-text{    position: absolute;
    z-index: 99;
    left: 0;
    top: 0;
  background: rgb(3,6,8);
background: linear-gradient(3deg, rgba(3,6,8,1) 30%, rgba(70 ,133, 95 ,0.70) 100%);
    width: 100%;
    height: 100%;
    padding: 30px; padding-top:60px; z-index:2}
	
.intro1 video{ width:100%; height:auto}
.intro{font-size:60px; font-weight:800; color:#fff; line-height:normal}
.intro span { color:#57c700;  }
.intro2{background-color: #57c700;   margin-top:-50px; position: relative; z-index:90; border-top-right-radius:30px;background: linear-gradient(153deg, rgba(87,199,0,1) 30%, rgba(5,198,170,1) 100%);
-webkit-box-shadow: 0px 10px 34px -20px rgba(0, 0, 0, 0.41);
-moz-box-shadow: 0px 10px 34px -20px rgba(0, 0, 0, 0.41);
box-shadow: 0px 10px 34px -20px rgba(0, 0, 0, 0.41);}
	
.btn-secondary { color: #fff !important; background-color: #030608; border-color: #030608; padding: 10px 20px; font-weight: 700;}
.btn-secondary:hover { color: #57c700 !important; background-color: #fff; border-color: #fff;  }
.btn-outline-secondary {  color: #fff; border-color: #fff; padding: 10px 20px; border: 3px solid #fff; font-weight:700}
.btn-outline-secondary:hover { color: #57c700; background-color:#fff; border-color: #57c700; }
.outro{background: rgb(87,199,0);background: linear-gradient(3deg, rgba(3,6,8,1) 0%, rgba(3,6,8,0) 67%); position:absolute; bottom:0;left:0; width:100%; min-height:300px; background-position:top centers}



	.SRV {border:3px solid #48c721; padding:40px; border-radius:30px; background-color:#FFF;-webkit-box-shadow: 0px 10px 34px -20px rgba(0, 0, 0, 0.41);
    -moz-box-shadow: 0px 10px 34px -20px rgba(0, 0, 0, 0.41);
    box-shadow: 0px 10px 34px -20px rgba(0, 0, 0, 0.41); margin-bottom:20px; transform:scale(1);-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease; background-image:url(../elts/KIWI-project-07.png); background-position:left bottom;background-repeat:no-repeat;background-size:1%;  
    }
	
	.SRV:hover{transform:scale(1.08); background-color:#030608;background-size:20%;}
	.SRV:hover h2{   color:#fff}
	.SRV i {font-size:70px; color :#48c721; display:block;  background-size:contain; background-repeat:no-repeat; background-position:center center}
    .SRV h2{font-weight:bold; line-height:normal; font-size:25px}
    .listcheck i {float: left; display: block; margin-right: 10px; height: 50px;}
	
	@media (max-width: 800px) {
	.SRV { padding:20px}}

@media (max-width: 500px) {
	.SRV { padding:40px}
.intro{font-size:40px; }
.intro1 video{ width:150%; height:auto}
.intro1-text{   padding: 30px; padding-top:60px; }
.intro2 h4{ font-size:20px}
.outro{min-height:100px;}
.outro h1{ font-size:20px}

 .listcheck  { font-size:20px; margin-left:10px }
	
	
	}
	.lang { margin-left:20px}
	.lang a { border:1px solid #ccc;border: 1px solid #b8fa86;
    display: inline-block;
    padding: 10px !important;
    font-size: 13px !important;
    border-radius: 15px;
    margin-top: 15px; color: #666!important}
	
	.lang a:hover{border: 1px solid #030608 ; background-color:#030608  ; color: #fff!important;    }
	
	
	.ftco-navbar-light.scrolled .lang a {padding: 5px !important; font-size:10px;border-radius: 9px;color: #666!important}
	.lang-on   { background-color: #F8F8F8 }
	
	
	
	/* Our Team
-------------------------------------------------------*/



.team-img img {
  -webkit-transition: all 2.2s ease-in-out;
  -moz-transition: all 2.2s ease-in-out;
  -o-transition: all 2.2s ease-in-out;
  transition: all 2.2s ease-in-out;
  overflow: hidden;
  width: 100%; 
}
.team-member{ padding:20px}
.team-member, .team-img { position: relative; overflow: hidden;border-radius:10px}
.team-title { font-weight:700; color:#040404; font-size:20px; margin-top:20px}

.overlay {
  background-color: rgba(20,20,20,.7);
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.team-details {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 0;
  padding: 5%;
  overflow: hidden;
  width: 100%;
  z-index: 2;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.team-details p { color: #fff;}
.team-img:hover .team-details { opacity: 1; margin-top: -80px;}
.team-img:hover .overlay { opacity: 1;}
.team-img  img{ transform:scale(1)}
.team-img:hover img{ transform:scale(1.2)}

.socials a {
  display: inline-block;
  width: 37px;
  height: 37px;
  background-color: transparent;
}

.socials i {
  line-height: 37px;
  color: #616161;
  font-size: 14px;
  width: 37px;
  height: 37px;
  border-radius: 50%;
  text-align: center;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.team-details .socials i {color: #fff;}
.socials a:hover i {color: #fff; background-color: #355c7d;}


.mfp-close-btn-in .mfp-close {
    color: #333;
    background: white;
    border-radius: 50%;
    margin: 10px;
    font-size: 35px;-webkit-box-shadow: 0 0 50px 0 rgba(77 ,195, 2, 0.7);
    box-shadow: 0 0 50px 0 rgba(77 ,195, 2, 0.7);
    
}



/* 

====== Zoom effect ======

*/
.mfp-zoom-in {
  /* start state */
  /* animate in */
  /* animate out */
}
.mfp-zoom-in .mfp-with-anim {
  opacity: 0;
  transition: all 1s ease-in-out;
  transform: scale(0.8);
}
.mfp-zoom-in.mfp-bg {
  opacity: 0;
  transition: all 0.3s ease-out;
}
.mfp-zoom-in.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: scale(1);
}
.mfp-zoom-in.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.mfp-zoom-in.mfp-removing .mfp-with-anim {
  transform: scale(0.8);
  opacity: 0;
}
.mfp-zoom-in.mfp-removing.mfp-bg {
  opacity: 0;
}

/* 


/* 

====== "Hinge" close effect ======

*/
@keyframes hinge {
  0% {
    transform: rotate(0);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    transform: rotate(80deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  40% {
    transform: rotate(60deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  80% {
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  100% {
    transform: translateY(700px);
    opacity: 0;
  }
}
.hinge { animation-duration: 1s; animation-name: hinge;}
.mfp-with-fade .mfp-content, .mfp-with-fade.mfp-bg {  opacity: 0;transition: opacity .5s ease-out;}
.mfp-with-fade.mfp-ready .mfp-content { opacity: 1;}
.mfp-with-fade.mfp-ready.mfp-bg { opacity: 0.8;}
.mfp-with-fade.mfp-removing.mfp-bg { opacity: 0;}
.bgw{background-image:url(../elts/KIWI-project-03.png); background-repeat:no-repeat; background-size:30%; background-position:bottom right}

.success{border: 1px solid #77ce3b;
    padding: 10px 20px;
    border-radius: 30px;
    margin-bottom: 20px;
    color: #77ce3b;
    font-weight: bold;
    background-color: #eeffe3;}
	
	.error{border: 1px solid #333;
    padding: 10px 20px;
    border-radius: 30px;
    margin-bottom: 20px;
    color: #333;
    font-weight: bold;
    background-color: #ccc;}
	
	
	
	

.PRICE{display: flex;  justify-content: center; align-items: start; min-height: 100px;max-width: 1200px; margin: 0 auto; padding:30px; padding-top:0; margin-bottom:20px}
.PRICE .content{ display: flex; justify-content: space-between;    width:100%; }
.PRICE .box{
    display: flex;
    flex-direction: column;
    height: auto;
    width: 100%;
    border-radius: 20px;
    margin-left: 10px;
    margin-right: 10px;
    
    background:#fff ;
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, 20%);transform:scale(1);    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.PRICE .box:hover{   box-shadow: 0 1rem 2rem rgba(0, 0, 0, 40%); transform:scale(1.05)}

.PRICE .title{
    width: 100%;
    padding: 10px  ;
    font-size: 1.3em;
    font-weight: lighter;
    text-align: center;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;

    color:#fff; margin-bottom:0
}

.PRICE .basic .title{ background: #030608;}
.PRICE .premium .title{ background:#3ec734;}
.PRICE .elite .title{ background: #19c680;}

.PRICE .R1 .title{ background: #0091b1;}
.PRICE .R2 .title{ background: #ff3c4c;}
.PRICE .R3 .title{ background: #ffb00c;}


.PRICE .view{ display: block; width: 100%; padding: 30px 0 20px; background: #F5F5F5 ;}
.PRICE .icon{ display: flex;justify-content: center;}
.PRICE .icon img{width: 100px;}
.PRICE .cost{ display: flex; justify-content:center; flex-direction: row;  margin-top: 10px;}
.PRICE .amount{ font-size: 2.8em; font-weight: bolder; color : #4cc31d}
.PRICE .detail{  margin: auto 0 auto 5px;  width: 70px;  font-size: 0.7em;  font-weight: bold; line-height: 15px; color: #7D7C7C;}
.PRICE .description{ margin: 30px auto; font-size: 0.8em; color: #7D7C7C;}
.PRICE ul{ list-style: none;}
.PRICE li{ margin-top: 10px;}

.PRICE li::before{
    content: "";
    background-image: url("../elts/check.png");
    background-position: center;
    background-size: cover;
    opacity: 0.5;

    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 10px;
}

 
/* Responsiveness:Start */
@media screen and (max-width:970px) {
.PRICE .content{ display: flex;  align-items: center;flex-direction: column; margin: 0 auto;}
.PRICE .box{margin-bottom: 25px;}
.cat{font-size:20px}
}