/**

*  Template Name: Onassis

*  Template URL: https://templatemag.com/onassis-bootstrap-agency-template/

*  Author: TemplateMag.com

*  License: https://templatemag.com/license/

*/



body {

  background-color: #f2f2f2;

  font-family: "Lato";

  font-weight: 300;

  font-size: 16px;

  color: #555;

  -webkit-font-smoothing: antialiased;

  -webkit-overflow-scrolling: touch;

}



/* Titles */



h1, h2, h3, h4, h5, h6 {

  font-family: "Raleway";

  font-weight: 300;

  color: #333;

}



/* Paragraph & Typographic */



p {

  line-height: 28px;

  margin-bottom: 25px;

}



.centered {

  text-align: center;

}



/* Links */



a {

  color: #f85c37;

  word-wrap: break-word;

  -webkit-transition: color 0.1s ease-in, background 0.1s ease-in;

  -moz-transition: color 0.1s ease-in, background 0.1s ease-in;

  -ms-transition: color 0.1s ease-in, background 0.1s ease-in;

  -o-transition: color 0.1s ease-in, background 0.1s ease-in;

  transition: color 0.1s ease-in, background 0.1s ease-in;

}



a:hover, a:focus {

  color: #7b7b7b;

  text-decoration: none;

  outline: 0;

}



a:before, a:after {

  -webkit-transition: color 0.1s ease-in, background 0.1s ease-in;

  -moz-transition: color 0.1s ease-in, background 0.1s ease-in;

  -ms-transition: color 0.1s ease-in, background 0.1s ease-in;

  -o-transition: color 0.1s ease-in, background 0.1s ease-in;

  transition: color 0.1s ease-in, background 0.1s ease-in;

}



hr {

  display: block;

  height: 1px;

  border: 0;

  border-top: 1px solid #ccc;

  margin: 1em 0;

  padding: 0;

}





/* ==========================================================================

   Menu

   ========================================================================== */



/* Preloader */



#preloader {

  position: fixed;

  top:0;

  left:0;

  right:0;

  bottom:0;

  background-color:#fff; /* change if the mask should have another color then white */

  z-index:99999; /* makes sure it stays on top */ 

}



#status {

  width:200px;

  height:200px;

  position:absolute;

  left:50%; /* centers the loading animation horizontally one the screen */

  top:50%; /* centers the loading animation vertically one the screen */

  background-image:url(../img/cargando.gif); /* path to your loading animation */

  background-repeat:no-repeat;

  background-position:center;

  margin:-100px 0 0 -100px; /* is width and height divided by two */

}





.navbar-brand {

  font-weight: 600;

}



.navbar-default .navbar-brand, .navbar-default .navbar-brand:hover {

  color: #e1c60d;

}



.navbar-default {

  border-color: transparent;

  background-color: rgba(255, 255, 255, 1);

  padding-top: 10px;

  padding-bottom: 20px;

}



.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {

  color:#d28b10;

  background-color: transparent;

}



.navbar-default .navbar-nav > li > a {

  color: #053827;

  font-weight: 400;

}



.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {

  color: #d28b10;

}



.navbar-default .navbar-toggle {

  

  border-color: #288969;

}



.navbar-default .navbar-toggle:hover {

  background: #f9f9f9;

}



.navbar-default .navbar-toggle .icon-bar {

  background-color: #0f4429;

}



.link{

  font-size: 13px;

}









/* ==========================================================================

   Wrap Sections

   ========================================================================== */



#headerwrap {

  background: url(../img/santiago_auto.jpg) no-repeat center top;

  margin-top: -10px;

  padding-top: 20px;

  text-align: center;

  background-attachment: relative;

  background-position: center center;

  min-height: 700px;

  width: 100%;

  -webkit-background-size: 100%;

  -moz-background-size: 100%;

  -o-background-size: 100%;

  background-size: 100%;

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-size: cover;

}



#headerwrap h1 {

  padding-top: 90px;

  margin-top: 130px;

  color: white;

  font-size: 140px;

  font-weight: 700;

  letter-spacing: 3px;

}



#headerwrap h2 {

  color: white;

  font-size: 50px;

  font-weight: 100;

  letter-spacing: 2px;

}



@media (max-width: 768px) {

  #headerwrap h1 {

    margin-top: 130px;

    color: white;

    font-size: 60px;

  }

}





/* Portfolio Wrap */



#portfoliowrap {

  background: url(../img/mapa.jpg) no-repeat center top;

  margin-top: 0px;

  color: #fff;

  padding-top: 70px;

  text-align: center;

  background-attachment: relative;

  background-position: center center;

  min-height: 500px;

  width: 100%;

  -webkit-background-size: 100%;

  -moz-background-size: 100%;

  -o-background-size: 100%;

  background-size: 100%;

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-size: cover;

}



#portfoliowrap h3 {

  color: #ffffff;

}



.port-space {

  padding-bottom: 20px;

}



/* White Wrap */



#w {

  background: #ffffff;

  padding-top: 35px;

  padding-bottom: 35px;

  text-align: center;

}



#w h3 {

  font-weight: 700;

  color: #7b7b7b;

  letter-spacing: 1px;

}



#w bold {

  color: #2f2f2f;

}



/* Grey Wrap */



#g {

  background: #f2f2f2;

  padding-top: 35px;

  padding-bottom: 35px;

  text-align: center;

}



#convenios {

  background: #f2f2f2;

  padding-top: 35px;

  padding-bottom: 35px;

  text-align: center;

  color: #FFF;

}



/* Dark Grey Wrap */



#dg {

  background: #e0e0e0;

  padding-top: 70px;

  padding-bottom: 70px;

  text-align: center;

}



#cobertura {

  background: #fff;

  padding-top: 20px;

  padding-bottom: 10px;

  text-align: center;

}





/* Footer Wrap */



#f {

  background: #037750;

  padding-top: 70px;

  padding-bottom: 70px;

  text-align: center

}



#f2 {

  background: #f2f2f2;

  padding-top: 70px;

  padding-bottom: 70px;

  text-align: center;

}





#f2 h3 {

 

  font-size: 18px;

}



#f2 h2 {

 

  font-size: 24px;

}





#f233 {

  background: #f2f2f2;

  padding-top: 15px;

  padding-bottom: 5px;

  text-align: center;

}





#f233 h3 {

 

  font-size: 18px;

}



#f233 h2 {

 

  font-size: 24px;

}









#f22 {

  background: #fff;

  padding-top: 20px;

  padding-bottom: 30px;

  text-align: center;

}





#f22 h3 {

 

  font-size: 18px;

}



#f22 h2 {

 

  font-size: 24px;

}



#f h3 {

  color: white;

}



#f i {

  font-size: 26px;

  color: white;

  padding-left: 10px;

  padding-right: 10px;

}



/* Copyright Wrap */



#copyrights {

  background: #222222;

  padding: 15px 0;

  text-align: center;

  color: #fff;

}



#copyrights p {

  margin-bottom: 5px;

}



.credits {

  color: #999;

}



/* item Wrap */



#itemwrap {

  background: url(../img/item-bg.jpg) no-repeat center top;

  margin-top: 0px;

  padding-top: 70px;

  text-align: center;

  background-attachment: relative;

  background-position: center center;

  min-height: 500px;

  width: 100%;

  -webkit-background-size: 100%;

  -moz-background-size: 100%;

  -o-background-size: 100%;

  background-size: 100%;

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-size: cover;

}



#itemwrap h1 {

  margin-top: 40px;

  color: white;

  font-size: 100px;

  font-weight: 700;

  letter-spacing: 3px;

}



#itemwrap h2 {

  color: white;

  font-size: 50px;

  font-weight: 100;

  letter-spacing: 2px;

}



@media (max-width: 768px) {

  #itemwrap h1 {

    margin-top: 80px;

    color: white;

    font-size: 60px;

  }

}



.desc {

  text-align: left;

}



.desc-b {

  border-left: 4px solid #bababa;

}



.desc-a i {

  color: #555;

  padding-right: 8px;

}



.desc-b i {

  color: #555;

  padding-right: 8px;

}



/* MENU CONF*/



.menu {

  position: fixed;

  right: -200px;

  width: 260px;

  height: 100%;

  top: 0;

  z-index: 10;

  text-align: left;

}



.menu.menu-open {

  right: 0px;

}



.menu-wrap {

  position: absolute;

  top: 0;

  left: 60px;

  background: #1a1a1a;

  width: 200px;

  height: 100%;

}



.menu h1.logo a {

  font-family: 'Raleway', Helvetica, Arial, sans-serif;

  font-size: 16px;

  font-weight: 800;

  letter-spacing: 0.15em;

  line-height: 40px;

  text-transform: uppercase;

  color: #ffffff;

  margin-top: 20px;

}



.menu h1.logo a:hover {

  color: #f85c37;

}



.menu img.logo {

  margin: 20px 0;

  max-width: 160px;

}



.menu a {

  margin-left: 20px;

  color: #808080;

  display: block;

  font-size: 12px;

  font-weight: 700;

  line-height: 40px;

  letter-spacing: 0.1em;

  text-transform: uppercase;

}



.menu a:hover {

  color: #ffffff;

}



.menu a:active {

  color: #ffffff;

}



.menu a>i {

  float: left;

  display: inline-block;

  vertical-align: middle;

  text-align: left;

  width: 25px;

  font-size: 14px;

  line-height: 40px;

  margin: 25px 2px;

}



.menu-close {

  cursor: pointer;

  display: block;

  position: absolute;

  font-size: 14px;

  color: #808080;

  width: 40px;

  height: 40px;

  line-height: 40px;

  top: 20px;

  right: 5px;

  -webkit-transition: all .1s ease-in-out;

  -moz-transition: all .1s ease-in-out;

  -ms-transition: all .1s ease-in-out;

  -o-transition: all .1s ease-in-out;

  transition: all .1s ease-in-out;

}



.menu-close:hover {

  color: #ffffff;

  -webkit-transition: all .1s ease-in-out;

  -moz-transition: all .1s ease-in-out;

  -ms-transition: all .1s ease-in-out;

  -o-transition: all .1s ease-in-out;

  transition: all .1s ease-in-out;

}



/* Push the body after clicking the menu button */



.body-push {

  overflow-x: hidden;

  position: relative;

  left: 0;

}



.body-push-toright {

  left: 200px;

}



.body-push-toleft {

  left: -200px;

}



.menu, .body-push {

  -webkit-transition: all .3s ease;

  -moz-transition: all .3s ease;

  -ms-transition: all .3s ease;

  -o-transition: all .3s ease;

  transition: all .3s ease;

}



#menuToggle {

  position: absolute;

  top: 20px;

  left: 0;

  z-index: 11;

  display: block;

  text-align: center;

  font-size: 14px;

  color: #ffffff;

  width: 40px;

  height: 40px;

  line-height: 40px;

  cursor: pointer;

  background: rgba(0, 0, 0, 0.25);

  -webkit-transition: all .1s ease-in-out;

  -moz-transition: all .1s ease-in-out;

  -ms-transition: all .1s ease-in-out;

  -o-transition: all .1s ease-in-out;

  transition: all .1s ease-in-out;

}



#menuToggle:hover {

  color: #ffffff;

  background: rgba(0, 0, 0, 0.2);

  -webkit-transition: all .1s ease-in-out;

  -moz-transition: all .1s ease-in-out;

  -ms-transition: all .1s ease-in-out;

  -o-transition: all .1s ease-in-out;

  transition: all .1s ease-in-out;

}



/* BUTTON CONF */



.btn-theme {

  color: #fff;

  background-color: #bc1a78;

  padding-left: 40px;

  padding-right: 40px;

  padding-bottom: 10px;

  padding-top: 10px;

  font-weight: 700;

  border-radius: 3px;

}



.btn-theme:hover {

  cursor: pointer;

  color: white;

  background-color: #16a085;

}



/* TEAM CONF */



.team {

  padding-top: 20px;

}



.team:hover {

  background: white;

}



.team a {

  padding-right: 10px;

  padding-left: 10px;

}



/* Contact Form */



.contact-form {

  text-align: left;

}

.contact-form label {

   color: #999;

}



.contact-form input, .contact-form textarea {

  padding: 10px 12px;

  border-radius: 0;

  box-shadow: none;

  font-size: 14px;

  height: auto;

}



.contact-form .form-send {

  text-align: center;

}



.contact-form .form-send button  {

  background: #f85c37;

  border: 0;

  padding: 10px 30px;

  color: #fff;

  transition: 0.4s;

  cursor: pointer;

}



.form-send button:hover {

  background: #f64217;

}



.form-send {

  text-align: center;

}



.form-send button  {

  background: #f85c37;

  border: 0;

  padding: 10px 30px;

  color: #fff;

  transition: 0.4s;

  cursor: pointer;

}



.form-send button:hover {

  background: #f64217;

}



.contact-form .form-send button:hover {

  background: #f64217;

}





.contact-form .validate {

  display: none;

  color: #ffd18c;

  margin: 0 0 15px 0;

  font-weight: 400;

  font-size: 13px;

}



.contact-form .loading {

  display: none;

  color: #555;

  background: #fff;

  text-align: center;

  padding: 15px;

  margin: 15px 0;

}



.contact-form .loading:before {

  content: "";

  display: inline-block;

  border-radius: 50%;

  width: 24px;

  height: 24px;

  border: 3px solid #18d26e;

  border-top-color: #eee;

  -webkit-animation: animate-loading 1s linear infinite;

  animation: animate-loading 1s linear infinite;

}



@-webkit-keyframes animate-loading {

  0% {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }



  100% {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}



@keyframes animate-loading {

  0% {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }



  100% {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}



.contact-form .error-message {

  display: none;

  color: #fff;

  background: #ed3c0d;

  text-align: center;

  padding: 15px;

  font-weight: 600;

  margin: 15px 0;

}



.contact-form .sent-message {

  display: none;

  color: #fff;

  background: #18d26e;

  text-align: center;

  padding: 15px;

  font-weight: 600;

  margin: 15px 0;

}



.sent-message2 {

  display: none;

  color: #fff;

  background: #18d26e;

  text-align: center;

  padding: 15px;

  font-weight: 600;

  margin: 15px 0;

}





.sent-message3 {

  display: none;

  color: #fff;

  background: #18d26e;

  text-align: center;

  padding: 15px;

  font-weight: 600;

  margin: 15px 0;

}



.sent-message4 {

  display: none;

  color: #fff;

  background: #18d26e;

  text-align: center;

  padding: 15px;

  font-weight: 600;

  margin: 15px 0;

}









/*NOTICIAS  */

#testimonial {

  background: url(../img/noticias.png) no-repeat center top;

  padding-top: 80px;

  text-align: center;

  background-attachment: relative;

  background-position: center center;

  min-height: 480px;

  width: 100%;

  -webkit-background-size: 100%;

  -moz-background-size: 100%;

  -o-background-size: 100%;

  background-size: 100%;

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-size: cover

}



#testimonial h1 {

  color: white;

  font-size: 38px

}



#testimonial p {

  color: white;

  font-size: 18px

}



#testimonial h4 {

  color: white;

  font-size: 20px

}



#testimonial h3 {

  color: white;

  font-size: 30px

}



#testimonial h2 {

  color: white;

  font-size: 20px;

  font-weight: 700

}









/*SISTEMA  */

#sistema {

  background: url(../img/imagen_sistema.jpg) no-repeat center top;

  padding-top: 80px;

  text-align: center;

  background-attachment: relative;

  background-position: center center;

  min-height: 440px;

  width: 100%;

  -webkit-background-size: 100%;

  -moz-background-size: 100%;

  -o-background-size: 100%;

  background-size: 100%;

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-size: cover

}



#sistema h1 {

  color: white;

  font-size: 38px

}



#sistema p {

  color: white;

  font-size: 18px

}



#sistema h4 {

  color: white;

  font-size: 20px

}



#sistema h3 {

  color: white;

  font-size: 30px

}



#sistema h2 {

  color: white;

  font-size: 20px;

  font-weight: 700

}

/* PARALLAX */

@import url(https://fonts.googleapis.com/css?family=Oswald:300,400,700);

@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900,200italic,300italic,400italic,600italic,700italic,900italic);



/* Override UGG site */





/* Helpers */

/**************************/

.margin-top-10 {padding-top:10px;}

.margin-bot-10 {padding-bottom:10px;}



/* Typography */

/**************************/

#parallax-world-of-ugg h1 {font-family: 'Raleway', sans-serif; font-size:24px; font-weight:400; text-transform: uppercase; color:white; padding:0; margin:0;}

#parallax-world-of-ugg h2 {font-family: 'Raleway', sans-serif; font-size:70px; letter-spacing:10px; text-align:center; color:white; font-weight:400; text-transform:uppercase; z-index:10; opacity:.9;}

#parallax-world-of-ugg h3 {font-family: 'Raleway', sans-serif; font-size:16px; line-height:0; font-weight:300; letter-spacing:8px; text-transform: uppercase; color:white;}

#parallax-world-of-ugg p {font-family:'Source Sans Pro', sans-serif; font-weight:400; font-size:14px; line-height:24px;}

.first-character {font-weight:400; float: left; font-size: 84px; line-height: 64px; padding-top: 4px; padding-right: 8px; padding-left: 3px; font-family: 'Source Sans Pro', sans-serif;}



.sc {color: #3b8595;}

.ny {color: #3d3c3a;}

.atw {color: #c48660;}



/* Section - Title */

/**************************/

#parallax-world-of-ugg .title {background: white; padding: 60px; margin:0 auto; text-align:center;}

#parallax-world-of-ugg .title h1 {font-size:35px; letter-spacing:8px;}



/* Section - Block */

/**************************/

#parallax-world-of-ugg .block {background: white; padding: 60px; width:820px; margin:0 auto; text-align:justify;}

#parallax-world-of-ugg .block-gray {background: #f2f2f2;padding: 60px;}

#parallax-world-of-ugg .section-overlay-mask {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: black; opacity: 0.70;}



/* Section - Parallax */

/**************************/

#parallax-world-of-ugg .parallax-one {padding-top: 80px; padding-bottom: 200px; text-align: center; overflow: hidden; position: relative; width: 100%; background-image: url(../img/mapa.jpg); background-attachment: fixed; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-repeat: no-repeat; background-position: top center;}

#parallax-world-of-ugg .parallax-two {padding-top: 200px; padding-bottom: 200px; overflow: hidden; position: relative; width: 100%; background-image: url(https://images.unsplash.com/photo-1432163230927-a32e4fd5a326?dpr=1&auto=format&fit=crop&w=1500&h=1000&q=80&cs=tinysrgb&crop=); background-attachment: fixed; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-repeat: no-repeat; background-position: center center;}

#parallax-world-of-ugg .parallax-three {padding-top: 200px; padding-bottom: 200px; overflow: hidden; position: relative; width: 100%; background-image: url(https://images.unsplash.com/photo-1440688807730-73e4e2169fb8?dpr=1&auto=format&fit=crop&w=1500&h=1001&q=80&cs=tinysrgb&crop=); background-attachment: fixed; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-repeat: no-repeat; background-position: center center;}



/* Extras */

/**************************/

#parallax-world-of-ugg .line-break {border-bottom:1px solid black; width: 150px; margin:0 auto;}



/* Media Queries */

/**************************/

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

  #parallax-world-of-ugg .block {padding: 40px; width:620px;}

}

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

  #parallax-world-of-ugg .block {padding: 30px; width:420px;}

  #parallax-world-of-ugg h2 {font-size:30px;}

  #parallax-world-of-ugg .block {padding: 30px;}

  #parallax-world-of-ugg .parallax-one, #parallax-world-of-ugg .parallax-two, #parallax-world-of-ugg .parallax-three {padding-top:100px; padding-bottom:100px;}

}

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

  #parallax-world-of-ugg .block {padding: 30px 15px; width:290px;}

}





/* TRAYECTORIA */ /* ----------------------------------------------------------------

  Numbers

-----------------------------------------------------------------*/

.numbers {

  background-attachment: fixed;

}

.numbers .item:hover .icon .back {

  -webkit-transition: all .2s;

  transition: all .2s;

  left: 0;

}

.numbers .item:hover .icon .front {

  -webkit-transition: all .2s;

  transition: all .2s;

  left: -100px;

}

.numbers .item .icon {

  position: relative;

  display: inline-block;

  width: 80px;

  height: 80px;

  line-height: 80px;

  border-radius: 50%;

  background: rgba(255, 255, 255, 0.1);

  font-size: 25px;

  margin: 0 auto 10px;

  overflow: hidden;

}

.numbers .item .icon i {

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  line-height: 80px;

  border-radius: 50%;

}

.numbers .item .icon .back {

  left: 100px;

}

.numbers .item h2 {

  color: #FFB600;

  font-size: 50px;

  font-weight: 700;

  font-family: inherit;

  margin-bottom: 10px;

}

.numbers .item h2 span {

  font-size: 30px;

  font-weight: 400;

  color: inherit;

  padding-left: 5px;

}

.numbers .item p {

  font-size: 17px;

  color: #fff;

}

.section-padding {

  padding: 100px 0;

}



/*  */

.main-text

{

    position: absolute;

    top: 0px;

    width: 100%;

    color: #FFF;

    padding-top: 400px !important;

   



}



.main-text h1 {

  color:#fff !important;

  font-weight: 800;



}



.main-text h3 {

  color:#fff !important;

  font-weight: 800;

}



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

  .main-text

{

    position: absolute;

    top: 50px;

    width: 96%;

    color: #FFF;

    padding-top: 100px !important;

   



}



/*ESTILO SLIDER EN MOVILES*/

.carousel-inner

{

  min-height: 760px !important;

  max-height: 760px !important;

  overflow: hidden;

}

.item {

  display: inline-block;

  position: relative;

  right: 0%;

}

.item > img {

  min-height: 760px; 

  min-width: 300%;

  position: relative;

  left: -90%;

}



}



.btn-min-block

{

    min-width: 170px;

    line-height: 26px;

}

.btn-clear

{

    color: #FFF;

    background-color: transparent;

    border-color: #FFF;

    margin-right: 15px;

}

.btn-clear:hover

{

    color: #000;

    background-color: #FFF;

}



/*TAMAÑO DEL SLIDER PRINCIPAL*/

.carousel-inner{

  max-height: 500px;

}



/* FADE */



/* Carousel Fading slide */

.carousel-fade .carousel-inner { background: #000; }

.carousel-fade .carousel-control { z-index: 2; }  

.carousel-fade .item {

  opacity: 0;

  -webkit-transition-property: opacity;

  -moz-transition-property: opacity;

  -o-transition-property: opacity;

  transition-property: opacity;

  }



  .carousel-fade .next.left,

  .carousel-fade .prev.right,

  .carousel-fade .item.active { opacity: 1; }



  .carousel-fade .active.left,

  .carousel-fade .active.right {

    left: 0;

    opacity: 0;

    z-index: 1;

    }





/* Safari Fix */

@media all and (transform-3d), (-webkit-transform-3d) {

    .carousel-fade .carousel-inner > .item.next,

    .carousel-fade .carousel-inner > .item.active.right {

      opacity: 0;

      -webkit-transform: translate3d(0, 0, 0);

              transform: translate3d(0, 0, 0);

    }

    .carousel-fade .carousel-inner > .item.prev,

    .carousel-fade .carousel-inner > .item.active.left {

      opacity: 0;

      -webkit-transform: translate3d(0, 0, 0);

              transform: translate3d(0, 0, 0);

    }

    .carousel-fade .carousel-inner > .item.next.left,

    .carousel-fade .carousel-inner > .item.prev.right,

    .carousel-fade .carousel-inner > .item.active {

      opacity: 1;

      -webkit-transform: translate3d(0, 0, 0);

              transform: translate3d(0, 0, 0);

    }

}









/* Carousel Control custom */

.carousel-control .control-icon {

  font-size: 48px;

  height: 30px;

  margin-top: -15px;

  width: 30px;

  display: inline-block;

  position: absolute;

  top: 50%;

  z-index: 5;

  }

  .carousel-control .prev { margin-left:  -15px;  left: 50%; } /* Prev */

  .carousel-control .next { margin-right: -15px; right: 50%; } /* Next */





/* Removing BS background */

.carousel .control-box { opacity: 0; }

a.carousel-control.left  { left: 0; background: none; border: 0;}

a.carousel-control.right { right: 0; background: none; border: 0;}





/* Animation */

.control-box, a.carousel-control, .carousel-indicators li {

  -webkit-transition: all 250ms ease;

  -moz-transition: all 250ms ease;

  -ms-transition: all 250ms ease;

  -o-transition: all 250ms ease;

  transition: all 250ms ease;   

  /* hardware acceleration causes Bootstrap carousel controlbox margin error in webkit */

  /* Assigning animation to indicator li will make slides flicker */

  } 





/* Hover animation */

.carousel:hover .control-box { opacity: 1; }

.carousel:hover a.carousel-control.left { left: 15px; }

.carousel:hover a.carousel-control.right { right: 15px; }  





/* Carouse Indicator */

.carousel-indicators li.active,

.carousel-indicators li { border: 0; }



.carousel-indicators li {

  background: #666;

  margin: 0 3px;

  width: 12px;

  height: 12px;

  }



.carousel-indicators li.active {

  background: #fff;

  margin: 0 3px;

  }





/*-------------------*/



@-webkit-keyframes zoom {

  from {

    -webkit-transform: scale(1, 1);

  }

  to {

    -webkit-transform: scale(1.5, 1.5);

  }

}



@keyframes zoom {

  from {

    transform: scale(1, 1);

  }

  to {

    transform: scale(1.5, 1.5);

  }

}



.carousel-inner .item > img {

  -webkit-animation: zoom 20s;

  animation: zoom 20s;

}





.btn-success {

  color: #fff !important;

  background-color: #5cb85c;

  border-color: #4cae4c;

}

.btn-success:focus,

.btn-success.focus {

  color: #fff;

  background-color: #449d44;

  border-color: #255625;

}
/** INICIO COLOR DE FONDO BOTONES */
.btn-success:hover {

  color: #fff;

  background-color: #eea810;

  border-color: #398439;

}
/** FIN COLOR DE FONDO BOTONES */
.btn-success:active,

.btn-success.active,

.open > .dropdown-toggle.btn-success {

  color: #fff;

  background-color: #449d44;

  border-color: #398439;

}

.btn-success:active:hover,

.btn-success.active:hover,

.open > .dropdown-toggle.btn-success:hover,

.btn-success:active:focus,

.btn-success.active:focus,

.open > .dropdown-toggle.btn-success:focus,

.btn-success:active.focus,

.btn-success.active.focus,

.open > .dropdown-toggle.btn-success.focus {

  color: #fff;

  background-color: #398439;

  border-color: #255625;

}

.btn-success:active,

.btn-success.active,

.open > .dropdown-toggle.btn-success {

  background-image: none;

}