body {
  margin: 0;
  font-family: 'Lato', sans-serif;
  overflow-x: hidden;
}
.nopadding {
  padding:0 !important;
}
.container > div {
  padding: 0 10px !important;
}
h2 a.no-link {
  color: #14ADEF !important;
}
p a.no-link, li a.no-link {
  color: #333 !important;
}
a.no-link:hover {
  text-decoration: none !important;
  cursor: text;
}
/* navegacion */
.sticky .navbar-brand img{width:90px;transition:all 0.5s ease-in-out;}

.logosmooth{width:309px;height:75px;background:url(../img/rpfacil.png) no-repeat;background-size:cover;transition:all 0.25s ease-in-out;margin-top:32px;}
.sticky .logosmooth{width:256px;height:62px;margin-top:38px;}
#navbar{position:relative;overflow:hidden;}
.navbar-nav{margin-top:50px;}

.navbar-inverse{background:#9EB6EB;height:135px;border-bottom:none;}
.navbar-inverse .navbar-nav>li>a{font-family:'Lato',sans-serif;font-size:16px;font-weight:400;text-decoration:none !important;color:#FFF !important;padding:10px 10px;}
.navbar-inverse .navbar-nav>li>a:hover{color:#241D5E !important;background:rgba(255,255,255,.05);}
.navbar-inverse .navbar-brand{padding-top:0 !important;}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover{background:none;text-decoration:none !important;color:#241D5E !important;}

footer {
  background: #B3D1F3;  
}
/*footer span {
  font-family: 'Lato', sans-serif !important;
  font-size: 18px;
  font-weight: 600;
  color: #9D989A;
}*/
footer i {
  font-size: 35px !important;
  color: #9D989A;
  margin-left: 5px;
}
footer a {
  color: #9D989A !important;
  text-decoration: underline !important;
}
footer .info {
  list-style-type: none;
}
footer .info li {
  font-family: 'Lato', sans-serif !important;
  font-size: 16px;
  font-weight: 400;
  color: #0C0639;
  margin-bottom: 40px;
}
footer .info small {
  font-size: 13px;
  font-weight: 300;
}
footer .info small.jump {
  display: block;
  text-indent: 29px;
}
footer .icons {
  float: left;
  width: 19px;
  height: 19px;
  background: url('../img/info.png') no-repeat;
  margin: 2px 10px 0 0;
}
footer .icon-1 {
  background-position: 0 0;
}
footer .icon-2 {
  background-position: -19px 0;
}
footer .icon-3 {
  background-position: -38PX 0;
}
#footer-copy {
  line-height: 50px;
  background: #322F86;
}
#footer-copy span {
  font-family: 'Lato', sans-serif !important;
  font-size: 14px;
  font-weight: 400;
  color: #FFF;
}
#footer-copy .text-right span {
  color: #0071cc;
}
#footer-logos {
  background: #0C0639;
  padding: 35px 0;
}
#footer-logos .row img {
  margin-right: 60px;
}
.spacer {
  padding: 55px 0 !important;
}
.bg-1 {
  background: #FFF;
}
.bg-2 {
  background: #F4F8FD;
}
.bg-3 {
  background: #E4EFFB;
}
.bg-4 {
  background: #D9E8F9;
}
h1 {
  font-family: 'Titillium Web', sans-serif !important;
  font-size: 40px !important;
  font-weight: 700 !important;
  color: #241D5E !important;
  line-height: 90% !important;
  margin-top: 50px !important;
  margin-bottom: 70px !important;
}
h1 > strong {
  font-weight: 400 !important;
}
h2 {
  font-family: 'Lato', serif !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  font-style: italic;
  color: #0F9FDD !important;
  line-height: 30px !important;
}
.bg-4 h1 {
  color: #14ADEF !important;
}
.bg-4 h2 {
  color: #241D5E !important;
}
footer h1, footer h2 {
  color: #FFF !important;
}
h4 {
  font-family: 'Lato', sans-serif !important;
  font-size: 40px !important;
  font-weight: 300 !important;
  line-height: 40px !important;
  color: #BE1E24 !important;
}
.text-list {
  margin: 30px 0;
}
.text-list li {
  font-family: 'Lato', sans-serif !important;
  font-size: 16px !important;
  color: #0C0639 !important;
  margin-bottom: 7px;
}
p {
  font-family: 'Lato', sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  color: #0C0639 !important;
  line-height: 150%;
  margin-bottom: 30px !important;
}
p.small {
  font-size: 17px !important;
  color: #5F595F !important;
}
a {
  color: #0071CC !important;
  text-decoration: none !important;
}
a:hover {
  text-decoration: underline !important;
}
h2 a.no-link {
  color: #48BEF3 !important;
}
p a.no-link {
  color: #0C0639 !important;
}
a.no-link:hover {
  text-decoration: none !important;
  cursor: text;
}
.img-circle {
  border: 20px solid #F4F8FD;
  border-radius: 25%;
}
img.center {
    display: block;
    margin: 0 auto;
}
.div {
  width: 100px;
  height: 4px;
  display: block;
  margin: 15px 0 40px;
}
.bg-1 .div {
  background-color: #E4EFFB;
}
.bg-2 .div {
  background-color: #E1E8ED;
}
.bg-4 .div {
  background-color: #D9E3E9;
}
footer .div {
  background-color: #1975BF;
}
.spacer-50 {
  margin-top: 50px !important;
}
.box {
  border-radius: 7px;
}
.box-1 {
  background-color: #F0F6FD;
  padding: 20px;
}
.box-2 {
  background-color: #FFF;
}
figcaption {
  font-family: 'Lato', sans-serif !important;
  font-size: 12px !important;
  color: #0C0639 !important;
  margin-top: 15px;
}
.btn-primary {
  height: 40px;
  font-family: 'Lato', sans-serif !important;
  font-size: 14px;
  font-weight: 400 !important;
  color: #FFF !important;
  border: 0 !important;
  border-radius: 0 !important;
  background-color: #14ADEF !important;
  padding-left: 45px !important;
  padding-right: 45px !important;
}
.figure {
  position: relative;
  z-index: 1;
  padding: 0 !important;
  margin-right: 30px;
}
.figure-right {
  margin-right: 0;
  margin-left: 30px;
}
.figure-frame {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid rgba(10,44,71,.2);
  z-index: 2;
}
/**
* #################  CONTACT
*/
#contact {
  background: #241D5E;
  padding: 90px 20px 30px 30px;
  margin-bottom: 50px;
}
#contact h3 {
  font-family: 'Lato', sans-serif;
  font-size: 30px;
  font-weight: 600;
  color: #48BEF3;
  margin-top: 15px;
}
#contact p {
  font-size: 15px;
  line-height: 20px;
  color: #FFF !important;
  padding-top: 10px;
}
.campos-formulario {
  min-width: 49%;
  height: 50px !important;
  line-height: 50px !important;
  background: #FFF !important;
  color: #14ADEF !important;
  border: none !important;
  border-radius: 0 !important; 
  margin-bottom: 5px;
  margin-right: 2px;
}
.campos-textarea {
  min-width: 99%;
  background: #FFF;
  color: #14ADEF !important;
  border: none !important;
  border-radius: 0 !important;
}
#contacto input[type=email] { /* antispam */
  display: none !important;
}
#contact .btn {
  margin: 15px 5px 0 0;
}
#contact .data {
  font-family: 'Lato', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  text-align: center;
  border-radius: 0;
  padding: 15px 0;
  margin: 20px 0;
}
#contact .data b {
  font-weight: 600;
}
#contact .ok {
  color: #14ADEF;
  background: #FFF;
}
#contact .error {
  color: #CD1338;
  background: #FFF;
}
.g-recaptcha {
  margin-top: 5px !important;
}
/**
* #################  PRODUCTS
*/
.product {
  padding-top: 75px;
  box-shadow: 0 0 6px rgba(10,44,71,.1);
  margin-bottom: 70px;
}
.product h4 {
  width: 65%;
  font-family: 'Lato', sans-serif;
  font-size: 14px !important;
  line-height: 18px !important;
  font-weight: 400;
  text-align: center;
  font-style: italic;
  margin: 50px 0 20px;
}
#product-1 h4, #product-1 h4 a {
  color: #005C5D !important;
}
#product-2 h4, #product-2 h4 a {
  color: #003B5A !important;
}
.product .bottom {
  width: 100%;
  background: #005C5D;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  box-shadow: 0px 10px 30px -10px rgba(10,44,71,1);
}
.product .bottom a {
  font-family: 'Lato', sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 50px;
  color: #FFF !important;
}
.product .bottom-1 {
  background: #005C5D;
}
.product .bottom-2 {
  background: #003B5A;
}
/**
* #################  NUMBERS
*/
#numeros center {
  padding: 25px 0;
}
#numeros span {
  font-family: 'Lato', sans-serif;
  color: #FFF !important;
  display: block;
}
#numeros .number {
  font-family: 'Titillium Web', sans-serif !important;
  font-size: 80px;
  font-weight: 600;
}
#numeros .title {
  font-size: 40px;
  font-weight: 300;
  line-height: 45px;
}
#numeros .subtitle {
  font-size: 20px;
  font-weight: 400;
}
/**
* #################  SERVICES
*/
#servicios .container {
  position: relative;
}
#servicios img#gear {
  position: absolute;
  top: 0;
  right: 0;
}
#servicios .item {
  margin-bottom: 40px;
}
#servicios .item img {
  float: left;
  margin-right: 30px;
  margin-bottom: 10px;
}
#servicios .item p {
  color: #0C0639;
  font-size: 16px !important;
  margin: 0 !important;
}
/**
* #################  CLIENTS
*/
.client {
  padding: 25px 0 15px !important;
  box-shadow: 0 10px 20px -10px rgba(10,44,71,.1);
  margin-bottom: 30px;
}
.client img {
  margin: 0 5px;
}
.client .div {
  width: 40px;
  height: 4px;
  display: block;
  margin: 15px 0;
  background-color: #E4EFFB;
}
.client center .div {
  width: 80% !important;
}
.client h6 {
  font-family: 'Lato', sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 15px;
  color: #00416A !important;
  margin: 0;
  padding: 0;
}
.client span {
  font-family: 'Lato', sans-serif;
  font-size: 12x;
  font-weight: 400;
  font-style: italic;
  line-height: 15px;
  color: #00416A !important;
}

/* modal */
.modal{font-family:'Lato',sans-serif;}
.modal h4{font-size:20px;font-weight:400;color:#00416A;}
.modal p,.modal li{font-size:16px;font-weight:400;color:#333;}
.modal li{margin-bottom:8px;}
.modal center{margin:25px 0;}
.modal-dialog{width:50%;}
.btnModal{background-color:#14ADEF !important;text-align:center;color:#fff;text-transform:uppercase;border-radius:20px;box-shadow:0 3px 7px rgba(0,0,0,.2);padding:10px 55px;border:none;}
.btnModal:hover,.btnVerMas:focus,.btnVerMas:active{color:#fff;text-decoration:underline;}
.modal-footer,.modal-body center{background:#eef2ee;}
.modal-body{padding:0 35px 35px;}
.modal-body h3{font-size:30px;font-weight:600;color:#00416A;padding:10px 0 20px;}


/* carrusel  */
#MyCarousel{background-color:none;padding-top:140px;}
#MyCarousel .owl-item div .info{font-family:'Titillium Web',sans-serif;position:absolute;bottom:25%;left:10%;}
#MyCarousel .owl-item div .info h3{font-weight:600;font-size:40px;color:#FFF;}
#MyCarousel .owl-item div .info hr{width:50px;height:7px;background:rgba(255,255,255,.1);border:none;}
#MyCarousel .owl-item div .info a{font-size:18px;text-decoration:none !important;}

#MyCarousel-1 .info{right:10% !important;}
#MyCarousel-1 .info h3{text-align:right !important;}
#MyCarousel-1 .info h3 span{color:#48BEF3;}

#MyCarousel-2 .info a{color:#42BEAC !important;}

#MyCarousel-3 .info a{color:#0091B2 !important;}

@media (max-width:1200px) {

  #MyCarousel .info h3{font-size:30px !important;}
  #MyCarousel-2 .info,#MyCarousel-3 .info{bottom:15% !important;}

}

@media (max-width:1024px) {

  #MyCarousel .info h3{font-size:20px !important;}
  #MyCarousel-2 .info,#MyCarousel-3 .info{bottom:25% !important;}

}

@media (max-width:970px) {

  .navbar-inverse .navbar-nav>li>a{font-size:13px;padding:10px 5px;}
  .navbar-toggle{margin-top:50px !important;}
  .navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover{background-color:#0C0639 !important;}
  .navbar-inverse .navbar-toggle{border-color:#0C0639 !important;}
}

@media (max-width:790px) {

  .navbar-inverse .navbar-nav>li>a{font-size:16px;}
  .navbar-collapse{width:100%;margin:0;border-top:1px solid rgba(0,0,0,.2) !important;}
  #navbar{float:none !important;background:#B3D1F3;margin-top:35px !important;margin-left:0;}
  #navbar a{text-indent:10px;}

  .modal-dialog{width:100% !important;}
   
}

@media (max-width:480px) {

  #MyCarousel .info h3{font-size:15px !important;}
  #MyCarousel-2 .info,#MyCarousel-3 .info{bottom:10% !important;}

}