@charset "UTF-8";
/* CSS Document */
body{
	font-family: 'Open Sans', sans-serif;
	overflow-x:hidden;
}
.navbar {
	margin-top: -150px;
  margin-bottom: 20px;
}
a{ text-decoration:none!important; color:#FFF;}
a:hover{ color:#ccc!important;}
a:focus, a:visited, a:focus{ color:#FFF;}
.navbar-default .navbar-collapse{
    border: none!important;
	padding:1.25em;
}
.navbar-default .navbar-nav>li>a {color: #FFF!important;text-transform:uppercase;text-shadow: -1px 0px 15px #000000; font-size:1em; position:relative;}
.navbar-default .navbar-nav>li>a:hover {color: #FFF;}	
.navbar-default .navbar-nav>li>a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #FFF;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;}
.navbar-default .navbar-nav>li>a:hover:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}			
.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; }
.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;
  }
  .btn-circle:focus, .btn-circle:hover {
    color: white;
    outline: none;
    background: rgba(255, 255, 255, 0.1); }
.btn-circle .fa {margin-right:10px; }
header{ color:#FFF;}
main{ padding-top:1.5em; margin-bottom:3em;}
h1{ font-family: 'Varela Round', sans-serif; margin-top:2em;}
h2{ font-family: 'Jaldi', sans-serif;text-transform:uppercase; font-weight:bold; font-size:2em;   height:1.5em!important;}
h3{ font-family: 'Varela Round', sans-serif;font-weight:bold;font-size:1.5em; color:#5a5a5a;}
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; }

/*tabs*/
.sh-tabs-filter{margin-bottom:30px;border-bottom:1px solid #eee}.sh-tabs-filter li{border-bottom:1px solid #eee}.sh-tabs-filter li a{display:inline-block;position:relative;bottom:0;margin:0;padding:15px 10px;cursor:pointer;background-color:transparent !important;border:0 !important;border-bottom-width:1px !important;font-size:1em;transition:.3s all ease-in-out;text-transform:uppercase;border-bottom:1px solid #eee;line-height:inherit; color:#535353;}.sh-tabs-filter li a:after{content:"";display:block;position:absolute;left:10px;right:10px;bottom:-2.5px;height:5px;border-radius:5px;background-color:#364996;z-index:100;transition:.3s all ease-in-out;opacity:0; }.sh-tabs-filter li.active a:after{opacity:1;transition:0s all ease-in-out}.sh-tabs-filter li.active a{color:#364996 !important;transition:0s all ease-in-out}.sh-tabs-filter li:first-child a{padding-left:0}.sh-tabs-filter li:first-child a:after{left:0}.sh-tabs-filter li:last-child a{padding-right:0}.sh-tabs-filter li:last-child a:after{right:0}.sh-tabs-style4 .nav-tabs{border-right:1px solid #f3f3f3 !important}.sh-tabs-style4 .nav-tabs>li{float:none;width:100%;text-align:right;border-bottom-width:0}.sh-tabs-filter li a{padding-top:9px;padding-bottom:9px}.sh-tabs-style4 .nav-tabs li.active a{font-size:1.25em; font-weight:bold;}.sh-tabs-style4 .nav-tabs i{padding-left:12px;font-size:18px;bottom:-2px;position:relative}.sh-tabs-style4 .nav-tabs li.active i{font-size:24px}.sh-tabs-style4 .sh-tabs-filter{margin-bottom:0;border-bottom-width:0}.sh-tabs-style4 .sh-tabs-filter li a{padding-right:15px;padding-left:15px}.sh-tabs-style4 .sh-tabs-filter li a:after{width:6px;height:auto;left:auto;right:-3px;top:0;bottom:0}.sh-tabs-style4 .tab-content,.sh-tabs-style4 .tab-content p{line-height:195%; margin-bottom:1.5em;}
@media(min-width:992px){.sh-tabs-style4:after{display:block;content:"";clear:both}.sh-tabs-style4>*{float:left}.sh-tabs-style4 .nav-tabs{width:33.33333333%}.sh-tabs-style4 .tab-content{width:66.66666667%;padding-left:45px;}.sh-tabs-style4 .sh-tabs-filter li a{padding-right:30px;transition:.3s color ease-in-out}}
@media(max-width:991px){.sh-tabs-style4 .nav-tabs{border-left:1px solid #f3f3f3 !important;border-right-width:0 !important}.sh-tabs-style4 .nav-tabs li{text-align:left}.sh-tabs-style4 .nav-tabs li a:after{left:-4px}.sh-tabs-style4 .tab-content{padding-left:28px;padding-top:30px}}
footer{ background-color:#364996;
-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;}
.box-contact{ border: 1px solid white; padding:1em; color:#FFF; padding-bottom:2em;}
.box-contact ul{}
.box-contact li{ padding-bottom:0.75em;}
.white{ color:#FFF;}
i{ margin-left:0.25em;}
.margin{ margin-top:5em;}

/*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;
}


@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

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

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

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

@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

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

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

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

.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;}