body {margin: 0; padding: 0; background: url(../img/back.jpg); background-size: cover;}

a {text-decoration: none; background-color: transparent; color: #fff; text-decoration: none;}
a:hover {text-decoration: none; background-color: transparent; color: #fff; text-decoration: none;}
a:active {text-decoration: none; background-color: transparent; color: #fff; text-decoration: none;}
.top {padding: 5px 0; background-color: #ff5681; }
.top h4 {padding: 0 0;}
.topup{ background: #000!important;z-index: 1;
    border-bottom: 5px solid #fff!important; min-height: 150px; z-index: 77; position: relative;}
.arriba{background: rgb(8, 115, 197)!important;}
.container {width: 90% !important; max-width: 1220px !important;}
nav  {height: auto !important; padding: 0px 0px 0px 0px;  background: none!important; box-shadow: none!important; }
nav ul a {  font-size: 1.3rem;color: #fff!important;line-height: 60px; font-weight: 300; }
nav ul li:hover a{ color: #fff!important;}
nav ul li.active2 a{ color: #F44336!important; font-weight: 700;}
nav ul a:hover {background-color: rgba(0, 0, 0, 0)!important;}
#wowslider-container1{z-index: 0!important;}

.logo{ position: absolute;font-size: 2.1rem;padding: 0;
    white-space: nowrap;}
    .der{text-align: right;}

/* ============= section css ============= */
section {padding: 20px 0; min-height: 100px;}
section#nosotros {background-color: rgba(255,255,255,0.8);}
section#productos {background:url(../img/bg-g.jpg) fixed center no-repeat; background-attachment: fixed; background-size: cover;}
footer {margin-top: 0 !important; padding-top: 20px; background: #000!important;
    border-top: 5px solid #fff!important; padding: 20px auto!important;}
/* ============= section css ============= */
.parrafo{font-size: 17px; text-align: justify;}
.parrafo2{font-size: 17px;}

.pic{    z-index: -1;
    position: fixed;
    bottom: 0px;
    left: -43px; }

span img{width: 40px;}

.list-1 li{font-size: 16px; text-transform: uppercase; list-style-type: disc; margin: 5px 0 0 0;}
/* ========================== Media Query Img Flotante ========================= */


/*----Formulario---*/
.ct {
   margin-top: 10px;
   margin-bottom: 0px;
   padding: 12px;
}
.ct h2 {
    color: #ffffff;
    margin: 30px 0 0px 0;
    border-bottom: 1px solid rgba(255,255,255,0.3);
    font-size: 30px;
    padding-bottom: 7px;
    font-weight: 400;
}
.ct p {
    font-weight: 100;
    color: #ffffff;
}
.ct p b {
    font-weight: 400;
}

.btn{padding: 5px 8px;}
.side-nav {background: rgb(8, 115, 197)!important;}
/* ==========================================================================
   Media Queries
   ========================================================================== */
@media only screen and (max-width: 1200px){
.page-footer{padding-left: 100px;}
}
footer p span:after { content:" | ";}
@media only screen and (max-width: 992px){

footer p span:after { content:"";}
    .container{width: 100%;}
.page-footer{padding-left: auto; padding: }
.container {width: 99% !important; max-width: 1220px !important;}
p span {display: block;}



}
@media only screen and (max-width: 950px){
.parrafo{font-size: 17px; text-align: left;}
.head{margin-top: 60px;}
}
@media only screen and (max-width: 768px){

}