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

.container{width: 86%;}
.pad-less{padding: 0px 0px!important; }

body {margin: 0; padding: 0;
font-family: 'Open Sans', sans-serif;
}
a {text-decoration: none; background-color: transparent; color: #000; text-decoration: none;}
a:hover {
    text-decoration: none;
    background-color: transparent;
    color: #2d50c1;
    text-decoration: none;
}
a:active {text-decoration: none; background-color: transparent; color: #fff; text-decoration: none;}
section {padding: 20px 0; min-height: 100px;}
footer {margin-top: 0 !important; padding:40px 0px 0px 0px; background-color: #2d50c1!important; font-size:12pt; color: #fff; }
.oscu{padding: 10px 0px 20px 0px;}
/* ============= section css ============= */
nav  {height: auto !important; padding: 0px 0px 20px 0px;  background: none!important; box-shadow: none!important;line-height: 39px!important;  }
nav ul a {  font-size: 1.3rem;color: #2d50c1!important;font-weight: 300; }
nav ul li{ background: #fff!important; border-radius: 50px!important; margin-left: 5px; }
nav ul li.active2{ background: #2d50c1!important; margin-left: 5px;}
nav ul li:hover { color: #fff!important;background: #2d50c1!important;}
nav ul li:hover a{ color: #fff!important;}
nav ul li.active2 a{ color: #fff!important; }
nav ul a:hover {
    background-color: rgba(0, 0, 0, 0)!important;
}

.toppop{color:#000; text-align: center;padding: 27px 0px 7px 0px;}
.toppop h5{font-size: 12pt; font-weight: bold;  }

.toppop i{background: none; height:30px; width:30px; font-size:12pt; margin: 3px; color: #212121!important;
       transform: rotate(45deg);transition: all 0.4s ease-in-out;}
.toppop i:hover{background: #02326f; color: #fff!important;
      transform: rotate(0deg);}

.spa1{ padding-top: 150px; padding-bottom: 200px;transition: all 0.4s;}
.size-nos{width: 80%; margin: auto;}

.parra{color: #7b8d97;font-size: 14pt;line-height: 1.7;}
.lijero{font-weight: 400!important;}e
.semi{font-weight: 500!important;}
.gordito{font-weight: 700!important;}
.big1{font-size: 18pt;}
.big2{font-size: 35pt;}

.c-azc-l{color:#0678ff;}
.c-az-l{color: #2d50c1!important;}
.c-az-f{background:#d0000d!important; }
.c-gs-l{color: #c1c1c1!important;}
.c-gc-l{color: #c1c1c1!important;}
.cont-g {
    width: 100%;
    height: auto;
    overflow: hidden; padding:0px 15px;
}
.cont-g ul {
    margin: 0;
    padding: 0;
}
.cont-g ul li {
    float: left;
    list-style: none;
    margin: 0px 1% 25px 1%;
    width: 17%;
    height: auto;
    overflow: hidden;
}
.cont-g ul li a img {
    border: 5px solid #fff;
    width: 200px;
    cursor: pointer;
    border-radius: 100%;
}
.cont-g ul li a img:hover {
    opacity: 0.7;
    transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    cursor: pointer;
    border-radius: 100%;
}
.cont-g ul li.cont-d {
    padding: 3px 3px 9px 3px;
}

.logo{float:left;}
.linea{height:5px; background: #d2d2d2; width: 120px; margin: auto;  }

.top{padding-top: 10px; background: #fff;}
.parra{color: #d2d2d2;font-size: 13pt;line-height: 1.7;}
.tel{color: #02326f;font-size:13pt; border-bottom: 2px solid #d2d2d2;}

.noso{padding: 80px 0px; background: #fff;}
.central{text-align: center; margin: auto; }
.central img.rotate{ border-radius: 100%; transition: all 0.4s ease-in-out;}
.central:hover img.rotate{transform: scale(1.5) rotate(360deg);border-radius: 100%; }


.serv-t{color: #000; padding: 20px 0px 30px 0px; text-align: center;
font-weight: 700;font-size: 14pt;line-height: 1.3;letter-spacing: 1px;}
.time{margin: auto;}
.space{padding-top: 40px}
/* ============= section css ============= */
.parallax-container { background: url(../img/rayitas-bg.png);
  height: auto; padding:70px 0px;
}
/*FORMULARIO*/
.form-control{background: #fff!important; border-radius: 5px!important; }
.space{padding: 20px 10px;}
input{margin-top: 25px;}

.btn-2{ margin-top: 10px!important;border: 2px solid #fff!important; color: #f14852!important; background: none!important; padding: 10px 53px!important;margin: auto; height: auto!important; font-size: 14pt;font-weight: 700;border-radius: 50px!important;}
.btn-2:hover{ border: 2px solid #d0000d!important;background: #d0000d!important;text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.58); color: #fff!important; }


/* FIN FORMULARIO*/
.der{text-align: right;}
/* ============= MEDIA QUERY ============= */
@media screen and (max-width: 992px) {
.container{width: 100%;}
.space{padding-top: 20px}
.logo{float:none; margin:auto;}
.spa1{ margin-top: 50px; margin-bottom: 50px;}
.size-nos,.size-nos2{width: 98%; }
.cont-g ul li {
    float: left;
    list-style: none;
    margin: 0px 1% 25px 1%;
    width: 200px;
    height: auto;
    overflow: hidden;
}
nav{
	padding-top: 70px;
}
.spa1 {
    padding-top: 70px;
    padding-bottom: 80px;
}
.big1{font-size: 20pt;text-align: center;}
.big2{font-size: 22pt;text-align: center;}
}


@media screen and (max-width: 767px) {
nav ul li {
    background: #fff!important;
    border-radius: 0px!important;
    margin-left: 0px;
}

footer{text-align: center;}
.der{text-align: center;}
.toppop {
    padding-top: 0px;
}
.big1 {
    font-size: 13pt;
   }

nav{
	padding-top: 0px;
}
nav ul li a:before {border-top: 60px solid #fff;}
.side-nav a {height: 60px;}
.spa1{ margin-top: 10px; margin-bottom: 10px;}
}
@media screen and (max-width: 480px) {
}