/*
footer i {
  padding: 1em;
}*/

  .boxleft {
    background-color: #ffffff;
    border-radius: 10px;
    padding: 5px 5px 1px 0px;
}


.get2{
  color:#22299a;
}

.col-lg-4.animated.bounceIn.text-left.padleft4 {
    padding-left: 20px;
}
.col-lg-4.animated.bounceIn.text-left.nopadleft {
    padding-left: 0px;
}

ul.lista{
  text-align: left;
  color:#ffffff;
  list-style-type: none
}
 .pad20mobile{
   padding-top:20px;
  }

.container-fluid {
    width: 100%;
    padding-right: 0px!important;
    padding-left: 0px!important;
    margin-right: auto;
    margin-left: auto;
}
/*.navbar-brand {
    padding-left: 110px;
}*/

.nopad{
  padding-left: 0px;
  padding-right:0px;
}

body{
  height: ;
  font-family: Arial
}
.luchiano{
  height: 100vh!important
}
.bg-warning {
   background-color: white!important; 
    background: url(../images/fondoheader.png);
    background-size: cover;
    height: 100px;
    background-position: center top;
}
.bg-warning2 {
   background-color: transparent!important; 
    
    background-size: cover;
    height: auto;
    background-position: center top;
}

a.active {
    color: #ffffff!important;
    background-color: #ff0091!important;
    /*Transition*/ 
 -webkit-transition:All .5s ease;
 -moz-transition:All .5s ease;
 -o-transition:All .5s ease;
 
 /*Transform*/ 
 -webkit-transform: rotate(-5deg) scale(1);
 -moz-transform: rotate(-5deg) scale(1);
 -o-transform: rotate(-5deg) scale(1);
}


  /*
  a {
    color: #000000!important;
   
  }*/

  /*.navbar-light .navbar-nav .nav-link {
      color: rgba(0, 0, 0, 1);
  }*/
.navbar-light .navbar-nav .nav-link:hover {
    color: rgba(255, 255, 255, 1)!important;
    background-color: #ff0091
}


.h100{
  height: 100vh!important
}
.navbar-light .navbar-nav .nav-link a.active {
    color: rgba(255, 255, 255, 1)!important;
}

.loguitos{
  margin-bottom: 100px
}

.bkg{
	background-image:url(../images/bkg4.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	height: 100vh!important;
	width: 100%;
	background-position: center center;
}
.bkgbottom{
  height: 100%!important;
  width: 100%;
  background-position: center center;
}
.bkggris{
  background-image:url(../images/bkggris.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh!important;
  width: 100%;
  background-position: center center;
}
.bkg2{
  background-image:url(../images/bkg6.jpg)!important;
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh!important;
  width: 100%!important;
  background-position: center top;
}
.bkg3{
  background-image:url(../images/bkg5.jpg)!important;
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh!important;
  width: 100%!important;
  background-position: center top;
}

.card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0rem 1.25rem 0rem 1.25rem!important;
}

.videofont{
  font-family: 'kg_happyregular';
  color:#00b0f2;
}

.card {
  /*border: 6px solid #00b0f2!important*/
  border: none!important
}

body{
  width:100%!important;
  position: relative;
  /*background: url(../images/fondoblanco.png);*/
  background-repeat: repeat;
}

.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 0px!important;
    margin-left: 0px!important;
}

.ancho{
  width:100%!important;
}

.textwhite{
	color:#ffffff;
  font-family: Arial
}
/*ul{
	color: #ffffff
}*/
.botonvideo{
	background-color: #ffd500;
  padding:0px!important;
  border: none
}
a.botoncontact{
   font-family: 'kg_happy_solidregular';
   color: #fff!important;
   font-size: 18px;

}
.martop40{
  margin-top: 40px
}

.full-screen-video{
   animation-fill-mode: none !important;
}

.btn{
  border:none!important;
}
.botonvideo:hover, .botonvideo:active, .botonvideo:focus{
  border: none;
  box-shadow: none
}
.white{
  border-radius: 10px;
    padding: 20px 20px 20px 20px;
    background-color: #ffffff
}
.box {
    background-color: rgba(0,79,159,0.7);
    border-radius: 10px;
    padding: 20px 20px 20px 20px;
}
.box3 {
    background-color: rgba(0,79,159,0.7);
    border-radius: 10px;
    padding: 5px 20px 23px 20px;
}
.box2 {
    background-color: rgba(0,79,159,0.7);
    border-radius: 10px;
    padding: 5px 20px 1px 20px;
}

/*.static-top{
  background-image: url(../images/header.png);*/
  /*height: 184px;*/
  /*background-size: cover
}
*/

/*.navbar.bg-primary{
    color: #fff;
    background: #9c27b0!important;
    box-shadow: 0 4px 20px 0 rgba(0,0,0,0.14), 0 7px 12px -5px rgba(156,39,176,0.46);
}
*/

a.nav-link.yohemenu {
    color:#ffffff!important;
    
}



/*.embed-container { 
	position: relative; 
	padding-bottom: 56.25%; 
	height: 0; 
	overflow: hidden; 
	max-width: 100%; 
} 
.embed-container iframe, .embed-container object, .embed-container embed { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
}*/

.padtop10{
	padding-top: 10px
}
.padtop20{
	padding-top: 20px
}
.padtop40{
  padding-top: 40px
}
.padbot20{
  padding-bottom: 20px
}
.padbot40{
  padding-bottom: 40px
}

.textoproducts{
  font-family: 'kg_happyregular';
}
.textoyohe{
  font-family: 'kg_happyregular';
  color:#004a6f;
  
}
.produ{
  font-size: 14px
}

.textobajada{
   font-family: 'kg_happy_solidregular';
}
.fun{
   font-family: 'kg_happy_solidregular';
   color: #ff008e;
   font-size: 20px
}
.funbig{
   font-family: 'kg_happy_solidregular';
   color: #ff008e;
   font-size: 40px
}
.you{
   font-family: 'kg_happy_solidregular';
   color: #00b0f2;
   font-size: 20px
}
.yousmall{
   font-family: 'kg_happy_solidregular';
   color: #00b0f2;
   font-size: 13px
}
.youbig{
   font-family: 'kg_happy_solidregular';
   color: #00b0f2;
   font-size: 30px
}

.get:after {
    content: ' ';
    position: absolute;
    top: 80%;
    left: 50%;
    width: 100px;
    border: 3px solid #00c9ff;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    transform: translateX(-50%);
}
.goal{
	background-image: url(../images/goalbkg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	
}

.flip {
  position: relative;
}
.flip > .front,
.flip > .back {
  display: block;
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition-duration: 0.5s;
  transition-property: transform, opacity;
}
.flip > .front {
  transform: rotateY(0deg);
}
.flip > .back {
  position: absolute;
  opacity: 0;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  transform: rotateY(-180deg);
}
.flip:hover > .front {
  transform: rotateY(180deg);
}
.flip:hover > .back {
  opacity: 1;
  transform: rotateY(0deg);
}
.flip.flip-vertical > .back {
  transform: rotateX(-180deg);
}
.flip.flip-vertical:hover > .front {
  transform: rotateX(180deg);
}
.flip.flip-vertical:hover > .back {
  transform: rotateX(0deg);
}

.flip {
  position: relative;
  display: inline-block;
  margin-right: 2px;
  /*margin-bottom: 1em;*/
  width: 100%;
}
.flip > .front,
.flip > .back {
  display: block;
  color: white;
  width: inherit;
  background-size: contain !important;
  background-repeat: no-repeat!important;
  background-position: center !important;
  height: 400px;
  padding: 1em 2em;
  background: #ffffff;
  border-radius: 10px;
  /*border:1px solid #000000;*/
}
.flip > .front p,
.flip > .back p {
  font-size: 0.9125rem;
  line-height: 160%;
  color: #999;
}

.my_class_name {
  margin: 0 auto;
  border: 10px solid #ec008c;
  border-radius: 10px
}

a.yohemenu{
   font-family: 'Anton', sans-serif;
   font-size: 20px;
   
}

.creativity{
  font-family: 'kg_happyregular';
   font-size: 60px;
   color:#74c4ff;
}
.passion{
  font-family: 'kg_happy_solidregular';
   font-size: 60px;
   color:#ec008c;
}


.innovation{
 font-family: 'kg_happyregular';
   font-size: 60px;
   color:#ffce00;
}

.abouttext{
   font-family: 'Anton', sans-serif;
   font-size: 30px;
   color:#004a6f;
   text-align: left
}

.btn-primary {
/*  background-color: #e3007f!important*/
}

.btn-primary {
    color: #fff;
    background-color: #007bff;
    /* border-color: #007bff; */
}

.barra{
 /* border-bottom: 4px solid #ff0090;*/
  background-color: #ffffff!important;
  background-image: url(../images/fondomenu.png);
  background-repeat: no-repeat;
  height: 140px;
background-size: cover;
}





@media (max-width: 991px){
  .bg-warning {
    background-color: white!important; 
    background-image: none!important;
    background-size: cover;
    height: auto!important;
    background-position: center top;
}
.bg-warning2 {
    background-color: white!important; 
    background-image: none!important;
    background-size: cover;
    height: auto!important;
    background-position: center top;
}

.bkg{
  background-image:url(../images/mobile.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh!important;
  width: 100%;
  background-position: center center;
}


.videohome{
  margin-top: 25%
}

.creativity{
  font-family: 'kg_happyregular';
   font-size: 40px;
   color:#74c4ff;
}
.passion{
  font-family: 'kg_happy_solidregular';
   font-size: 40px;
   color:#ec008c;
}



.innovation{
 font-family: 'kg_happyregular';
   font-size: 40px;
   color:#ffce00;
}
a.active {
    color: #ffffff!important;
    background-color: #ff0091!important;
    /*Transition*/ 
 -webkit-transition:All .5s ease;
 -moz-transition:All .5s ease;
 -o-transition:All .5s ease;
 
 /*Transform*/ 
 -webkit-transform: rotate(0deg) scale(1);
 -moz-transform: rotate(0deg) scale(1);
 -o-transform: rotate(0deg) scale(1);
}


.left a:hover {
 
 /*Transition*/ 
 -webkit-transition:none!important;
 -moz-transition:none!important;
 -o-transition:none!important;
 
 
 -webkit-transform: rotate(0deg) scale(1)!important;
 -moz-transform: rotate(0deg) scale(1)!important;
 -o-transform: rotate(0deg) scale(1)!important;
}
.right a:hover {
 
 /*Transition*/ 
 -webkit-transition:none!important;
 -moz-transition:none!important;
 -o-transition:none!important;
 
 
 -webkit-transform: rotate(0deg) scale(1)!important;
 -moz-transform: rotate(0deg) scale(1)!important;
 -o-transform: rotate(0deg) scale(1)!important;
}



}

@media (max-width: 767px){
  .tipo1, .tipo3{
    text-align: center!important
  }

  .copy{
    margin-top: 20px
  }

  .get::after {
    content: ' ';
    position: absolute;
    top: 85%;
    left: 50%;
    width: 100px;
    border: 3px solid #00c9ff;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    transform: translateX(-50%);
}

}

.where{
  animation-duration: 10s;
  animation-delay: 1s;
  animation-iteration-count: 1;
  margin-top: -100px
}

a {
    color: #000000;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

a:hover{
  color: #ffffff;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}


.modal-dialog {
    max-width: 800px!important;
    margin: 1.75rem auto;
}

/*nuevo menu*/

@media (min-width: 992px){
.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 1.5rem!important;
    padding-left: 1.5rem!important;
}
}

.martop{
  margin-top: 20px
}
.martop2{
  margin-top: 100px
}
.martop60{
  margin-top: 60px
}



.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, 1);
   
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
     color: rgba(0, 0, 0, 1); 
}

.left{
 
 font-family: 'kg_happy_solidregular';
  color: #ffffff;
 
}

.left a:hover {
 
 /*Transition*/ 
 -webkit-transition:all .5s ease;
 -moz-transition:all .5s ease;
 -o-transition:all .5s ease;
 
 /*Transform*/ 
 -webkit-transform: rotate(-5deg) scale(1);
 -moz-transform: rotate(-5deg) scale(1);
 -o-transform: rotate(-5deg) scale(1);
}

.right{
  
  font-family: 'kg_happy_solidregular';
  color: #ffffff
}
 
.right a:hover {
 
 /*Transition*/ 
 -webkit-transition:All .5s ease;
 -moz-transition:All .5s ease;
 -o-transition:All .5s ease;
 
 /*Transform*/ 
 -webkit-transform: rotate(5deg) scale(1);
 -moz-transform: rotate(5deg) scale(1);
 -o-transform: rotate(5deg) scale(1);
}



.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active {
    color: #000000;
}

li.active.right{
  /*Transition*/ 
 -webkit-transition:All .5s ease;
 -moz-transition:All .5s ease;
 -o-transition:All .5s ease;
 
 

}

.modal-dialog {
      max-width: 800px;
      margin: 30px auto;
  }


.modal-body {
  position:relative;
  padding:0px;
}
.close {
  position:absolute;
  right:-30px;
  top:0;
  z-index:999;
  font-size:2rem;
  font-weight: normal;
  color:#fff;
  opacity:1;
}

.video-container {
  position: relative;
  padding-bottom: 56.25%; /*16:9*/
  padding-top: 30px; 
  height: 0; 
  overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.tipo1{
  font-family: 'Anton', sans-serif;
  font-size: 30px;
  color:#00c8ff
}
.tipo2{
 font-family: 'Anton', sans-serif;
  font-size: 30px;
  color:#ff0091;
}
.tipo3{
  font-family: 'Anton', sans-serif;
  font-size: 30px;
  color:#33f360;
}  

img.aboutpicture{
  -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.textabout{
  font-size: 20px;
  text-align: left
}



footer {
   
   background: #008ad5;
    color: white;
    margin-top: 100px;
}

footer a {
  color: #fff;
  font-size: 14px;
  transition-duration: 0.2s;
}

footer a:hover {
  color: #055d90;
  text-decoration: none;
}

.copy {
  font-size: 12px;
  padding: 10px;
  border-top: 1px solid #FFFFFF;
}

.footer-middle {
    padding-top: 2em;
    color: white;
    text-align: center;
}


/*SOCİAL İCONS*/

/* footer social icons */

ul.social-network {
  list-style: none;
  display: inline;
  margin-left: 0 !important;
  padding: 0;
}

ul.social-network li {
  display: inline;
  margin: 0 5px;
}

a.blue, a.blue:hover{
  color:#00b0f2;
}

.footer-pad > h4{
  font-size: 18px;
  font-weight: bold;

}
.col-md-3 > h4{
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;

}

/* footer social icons */

.social-network a.icoFacebook:hover {
  background-color: #3B5998;
}
.social-network a.icoyoutube:hover {
  background-color: #c80129;
}

.social-network a.icoinstagram:hover {
  background-color: #fb0083;
}

.social-network a.icoFacebook:hover i,
.social-network a.icoinstagram:hover i,
.social-network a.icoyoutube:hover i  {
  color: #fff;
}

.social-network a.socialIcon:hover,
.socialHoverClass {
  color: #44BCDD;
}

.social-circle li a {
  display: inline-block;
  position: relative;
  margin: 0 auto 0 auto;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  width: 30px;
  height: 30px;
  font-size: 15px;
}

.social-circle li i {
  margin: 0;
  line-height: 30px;
  text-align: center;
}

.social-circle li a:hover i,
.triggeredHover {
  -moz-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -ms--transform: rotate(360deg);
  transform: rotate(360deg);
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -ms-transition: all 0.2s;
  transition: all 0.2s;
}

.social-circle i {
  color: #595959;
  -webkit-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -o-transition: all 0.8s;
  -ms-transition: all 0.8s;
  transition: all 0.8s;
}

.social-network a {
  background-color: #F9F9F9;
}