/* ==== Google font ==== 
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,700,600);
@import url('font-awesome-4.7.0/css/font-awesome.css');

*/
/* ==== overwrite bootstrap standard ==== 
@import url('font-awesome-4.7.0/css/animate.css');

*/


.footer {
	background:#449752;
	padding:15px 22px;
}

/* --- contact --- */
#contact-page{
  padding-top: 0;
  background:#fff;
  margin-bottom:50px;
}

#contact-page .contact-form 
.form-group label {
  color: #282727;
  font-size: 14px;
  font-weight: 300;
}

.form-group .form-control {
  padding: 7px 12px;
  border-color:#050505;
  box-shadow: none;
}

textarea#message{
  resize: none;
  padding: 10px;
}

#contact-page .contact-wrap {
  margin-top: 20px;
}

.center h2{
  font-size: 36px;
  margin-top: 0;
  margin-bottom: 20px;
  text-align:center;
}
.center p{
   text-align:center;
}



.btn-primary {
  padding: 8px 20px;
  background: forestgreen;
  color: white;
  border-radius: 4px;
  border:none;
  margin-top: 10px;
}

.no-margin {
  margin: 0;
  padding: 0;
}

h3 {
  font-weight: normal;
  font-size: 20px;
  font-family: Arial;
}

#partner {
  background: url(../images/partners/partner_bg.png) 50% 50% no-repeat;
  background-size: cover;
}

.image-shadow:after {
  transform: scale(0.95) translateX(-110px) translateY(30px) translateZ(-90px);
  filter: blur(20px);
  opacity: 0.9;
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: inherit;
  background-size: cover;
  z-index: -1;
  transition: filter .3s ease;
}

.image-shadow {
  margin: 20px auto;
  width: 250px;
  height: 250px;
  border-radius: 10px;
  display: block;
  position: relative;
  background-size: cover;
}

.light {
  background: radial-gradient(ellipse at center, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0) 60%);
  background-blend-mode: lighten;
  position: fixed;
  pointer-events: none;
}

.js-tilt-container {
  transition: transform .1s ease;
  transform: rotateX(0) rotateY(0);
	transform-style: preserve-3d;
}
.leave {
  transform: rotateX(0) rotateY(0) !important;
	transition-timing-function: cubic-bezier(0.42, 0, 0, 1)!important;
	transition-duration: 1.5s;
}

.sombra {
  border-radius: 100%;
  padding: 0;
  border: none ! important;
  box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.8);
  background: transparent ! important;
  background-blend-mode: lighten;
  background: radial-gradient(ellipse at center, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0) 60%);
}

.portada{
   background: url(images/partners/partner_bg.jpg) no-repeat fixed center;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
   height: 100%;
   width: 100% ;
   text-align: center;
 
}
.text{
  margin: 30px 0px 30px 0px;	
  padding: 10px;
  color: aliceblue;
  display: inline-block;
}

#conatcat-info{
  background: #fff url(../images/contact.png) no-repeat 90% 0;
  padding: 30px 0;
}

.feature {
  padding: 50px;
}

.feature p {
  font-size: 16px;
  line-height: 1.2em;
  font-weight: 400;
  color: #333;
}

.feature li {
  font-size: 16px;
  line-height: 2.2em;
  font-weight: 400;
  color: #333;
}

/* --- contact --- */
#contact-page {
  padding-top: 0;
  background: #fff;
  margin-bottom: 50px;
}

#contact-page .contact-form .form-group label {
  color: #4E4E4E;
  font-size: 14px;
  font-weight: 300;
}

.form-group .form-control {
  padding: 7px 12px;
  border-color: #f2f2f2;
}

textarea#message {
  resize: none;
  padding: 10px;
}

#contact-page .contact-wrap {
  margin-top: 20px;
}

.center h2 {
  font-size: 36px;
  margin-top: 0;
  margin-bottom: 20px;
  text-align: center;
}

.center p {
  text-align: center;
}

.btn-lg:hover {
  color: #3b8146;
  background: rgb(255, 255, 255);
}

a.scrollup {
  color: #336600;
  height: 40px;
  width: 40px;
  font-size: 12px;
  line-height: 30px;
  text-align: center;
  text-decoration: none;
  position: fixed;
  bottom: 30px;
  right: 40px;
  opacity: 0, 5;
  border-radius: 50%;
  z-index: 999;
  background-color: rgb(255, 230, 1);
}

a.scrollup:hover {
  opacity: 1;
  background-color: #1BBD36;
  color: rgb(253, 253, 253);
}

.navbar-nav li a:hover,
.navbar-nav>.active>a {
  color: #fff !important;
  border-radius:5%;

  -webkit-border-radius:5%;
  box-shadow: 0px 0px 5px 5px #d8e0a7;
  -webkit-box-shadow: 0px 0px 5px 5px #d8e0a7;

  background-color: #1BBD36 !important;
  background-image: none !important;
}

.dropdown-item.active{
  background-color:#a5da1f;
}
.MultiLineTextBox {
	resize: none;
}