@charset "UTF-8";
/* CSS Document */
body{
	font-family: 'Open Sans', sans-serif;
	overflow-x:hidden;
}
a{ text-decoration:none!important; color:#FFF;}
a:hover{
	color: #CCC!important;
}
a:focus, a:visited, a:focus{ color:#FFF;}
/*NAV*/
.navbar-default {
	text-align:center;
	text-transform: uppercase;
}
.navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav .open .dropdown-menu>li>a{
	color:#333;
	text-align:center;
}
.navbar-default .navbar-nav>li>a:hover{ color: #F00!important;}
.navbar-toggle {
    background-color: #ccc;
}	
.navbar-toggle:hover {
    background-color: #999;
}
.navbar-brand { 
	padding:0;
	z-index:9999;
}	
.bg {
  dis play: table;
  width: 100%;
  height: auto;
  padding: 200px 0;
  text-align: center;
  color: white;
  background: url("../images/bg.jpg") no-repeat bottom center scroll;
  background-color: black;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }
  .center-block {
  display: table;
  margin: 0 auto;
}
.btn-circle {
  font-size: 26px;
  width: 54px;
  height: 55px;
  margin-top: 15px;
  line-height: 45px;
  -webkit-transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
  color: white;
  border: 2px solid white;
  border-radius: 100% !important;
  background: transparent;
  }
header{ color:#FFF;}
main{ padding-top:1.5em; margin-bottom:3em;}
h1{ font-family: 'Varela Round', sans-serif; margin-top:2em;}
h2{ font-family: 'Varela Round', sans-serif; text-transform:uppercase; font-weight:bold; font-size:2.5em;   height:1.5em!important; text-align:center;}
h3{ font-family: 'Varela Round', sans-serif;font-weight:bold;font-size:1.5em; color:#c62727;}
h4{ font-family: 'Jaldi', sans-serif;color:#364995; font-size:0.75em;text-transform:uppercase;font-weight:bold;}
h5{ font-size:1.5em;}
.shadow{ text-shadow: -1px 0px 15px #000000; }
footer{ background-color:#be0101;
-webkit-box-shadow: inset 0px 0px 80px -3px rgba(0,0,0,0.75);-moz-box-shadow: inset 0px 0px 80px -3px rgba(0,0,0,0.75);box-shadow: inset 0px 0px 80px -3px rgba(0,0,0,0.75); padding:2em; color:#FFF;}
.bordo{ background-color:#790000; font-size:0.85em;}
.box-contact{ padding:1em; color:#FFF; padding-bottom:2em;}
.box-contact ul{}
.box-contact li{  list-style-type:none; padding-bottom:2em;}
.white{ color:#FFF;}
i{ margin-right:0.75em;}
.margin{ margin-top:3em;}
.margin .btn .btn-red{ background-color:#396!important;}
.btn-red:hover{color:#000!important;}
.lic{font-family: 'Jaldi', sans-serif;text-transform:uppercase;font-weight:bold; font-size:1.25em; opacity:0.9; margin-bottom:0.5em;}
.box-contact-2{border-top:1px solid white; padding-top:2em; }
.box-contact-2 li{ padding-bottom:0.75em;list-style-type:none;  }
a.btn-red{ background-color:#c50101;border:1px solid #F00;color:#FFF;text-transform:uppercase;font-family: 'Varela Round', sans-serif; font-size:1em; font-weight:lighter; padding::0 1em;}
a.btn-red:hover{ background-color:#F00;}

/* DESKTOP -------------------------- */
@media only screen and (min-width: 992px) {
.box-contact-2{border-left:1px solid white; padding-left:2.5em; border-top:none; padding-top:0; }
}
/*animacion*/
.appear-animation {opacity: 0;}
.appear-animation-visible {opacity: 1;}
.animated, .appear-animation {
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-ms-animation-duration: 1s;
	-o-animation-duration: 1s;
	animation-duration: 1s;
}
/* Icon Float */
.hvr-icon-float {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-float:before {
  content: "\f01b";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-float:hover:before, .hvr-icon-float:focus:before, .hvr-icon-float:active:before {
  -webkit-transform: translateY(-4px);
  transform: translateY(-4px);
}
/* Float Shadow */
.hvr-float-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-float-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  /* move the element up by 5px */
}
.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}
/* Hang */
@-webkit-keyframes hvr-hang {
  0% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }

  50% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }

  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}

@keyframes hvr-hang {
  0% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }

  50% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }

  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}

@-webkit-keyframes hvr-hang-sink {
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}

@keyframes hvr-hang-sink {
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}

.hvr-hang {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;

  -webkit-animation-name: hvr-hang-sink, hvr-hang;
  animation-name: hvr-hang-sink, hvr-hang;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}

/* Float */
.hvr-float {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-float:hover, .hvr-float:focus, .hvr-float:active {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
}
/* Radial In */
.hvr-radial-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
  background: #2098d1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-radial-in:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #c50101;
  border-radius: 100%;
  -webkit-transform: scale(2);
  transform: scale(2);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-radial-in:hover, .hvr-radial-in:focus, .hvr-radial-in:active {
  color: white;
}
.hvr-radial-in:hover:before, .hvr-radial-in:focus:before, .hvr-radial-in:active:before {
  -webkit-transform: scale(0);
  transform: scale(0);
}


.grow:hover
{
        -webkit-transform: scale(1.3);
        -ms-transform: scale(1.3);
        transform: scale(1.3);
}
i{transition: all 0.3s ease;}
i a:hover{ color:#FFF!important;}
.scrollup{
    width:35px;
    height:35px;
    opacity:1;
    position:fixed;
    bottom:1.5em;
    right:1em;
    text-indent:9999px;
    background: url('../images/arrowgrey.png') no-repeat;
}
a.scrollup:hover{background:url('../images/arrowpeach.svg') no-repeat;}