/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/


/*
    Created on : 27-mar-2017, 12:39:57
    Author     : ROCK SUAREZ DEV
*/

section.cruzadas {
    background-image: url("../img/hdr_promociones-cruzadas.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    height: 330px;
    background-position: center center !important;
}

@font-face {
    font-family: bree;
    src: url("../font/bree-regular.otf") format("opentype");
}

@font-face {
    font-family: bree-ital;
    src: url("../font/bree-ital.otf") format("opentype");
}

@font-face {
    font-family: bree-bold;
    font-weight: bold;
    src: url("../font/bree-bold.otf") format("opentype");
}

@font-face {
    font-family: bree-regular;
    src: url("../font/bree-regular-opentype.otf") format("opentype");
}

@font-face {
    font-family: bree-bol-ob;
    src: url("../font/bree-bold-obli.otf") format("opentype");
}

h1,
h2,
h3,
h4,
h5,
p,
ul,
li,
span,
a,
p {
    font-family: "Bree";
}

body {}

a {
    text-decoration: none !important;
}

.ital {
    font-family: "Bree-ital", serif;
}

p.regular {
    font-family: "Bree-regular", serif;
}

.logosm {
    background-image: url("../img/soriana-movil-logo.png");
    background-size: contain;
    height: 75px;
    width: 280px;
    background-repeat: no-repeat;
    position: relative;
    top: 5px;
    overflow: visible;
}

header {
    opacity: 0.9;
}

.navbar-nav li {
    height: 54px;
    padding-top: 13px;
    min-width: 120px;
    text-align: center;
}

.navbar-nav li:hover {
    background-color: #e31d1a;
    padding-top: 13px;
}

header .header-content .header-content-inner h1 {
    text-transform: uppercase;
}

.text-center {
    text-align: center;
}

h2 .section-heading {
    text-transform: uppercase;
    font-size: 2vw;
}

h4 {
    font-size: 1rem !important;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 20px;
}

section.download .badges .badge-link {
    width: 150px;
    height: 150px;
    background-position: center;
    padding-top: 45px;
    margin-right: 15px;
    -webkit-border-radius: 75px;
    -moz-border-radius: 75px;
    border-radius: 75px;
    background-color: #fff;
}

section.download .badges .badge-link:last-child {
    margin-right: 0px;
}

.bg-red {
    background-color: #e31d1a;
    color: #fff;
}

.r-color {
    color: #e31d1a;
}

.p0 {
    padding: 0px;
}

.gray-color {
    color: #636466;
}

.bg-white {
    background-color: #fff;
}

.soriana-int {
    height: 300px;
    background-image: url("../img/bg-cta.jpg");
    background-size: cover;
}

.interior-fix {
    max-height: 250px;
}

.copy-int {
    margin-top: 130px;
    color: #e31d1a;
    font-weight: 800;
    text-shadow: 1px 1px 1px rgba(150, 150, 150, 1);
    text-align: center;
}

.t-shadow {
    text-shadow: rgb(30, 30, 30) 1px 1px 2px;
}

.m0 {
    margin: 0px;
}

.mh200 {
    height: 250px;
}

.pd30 {
    padding-top: 30px;
}

.pd40 {
    padding-top: 40px;
}

.pd20 {
    padding-top: 20px;
}

.pd10 {
    padding: 0px;
}

.pd100 {
    padding-top: 100px;
}

.pb0 {
    padding-bottom: 0px !important;
}

.mb0 {
    margin-bottom: 0px !important;
}

.mb20 {
    margin-bottom: 20px !important;
}

.mb40 {
    margin-bottom: 40px !important;
}

.pd0 {
    padding: 0px !important;
}

.p20 {
    padding: 20px;
}

.p30 {
    padding: 30px;
}

.pd10 {
    padding: 10px !important;
}

.pt10 {
    padding-top: 10px !important;
}

.pt20 {
    padding-top: 20px !important;
}

.mt50 {
    margin-top: 50px !important;
}

.row.mt50 {
    margin-top: 50px !important;
}

.mt10 {
    margin-top: 10px;
}

.mt0 {
    margin-top: 0px !important;
}

.mt20 {
    margin-top: 20px;
}

.mt30 {
    margin-top: 30px !important;
}

.mt100 {
    margin-top: 69px;
}

.pb20 {
    padding-bottom: 20px;
}

.pb30 {
    padding-bottom: 30px;
}

.mt40 {
    margin-top: 40px;
}

.pd50 {
    padding: 50px;
}

.p30 {
    padding: 30px;
}

.pt30 {
    padding-top: 30px;
}

.pt40 {
    padding-top: 40px;
}

.pd230 {
    padding-top: 230px;
}

.pd150 {
    padding-top: 150px;
}

.pd300 {
    padding-top: 300px;
}

.c-green {
    color: #c5cd28;
}

.ml20 {
    margin-left: 20px !important;
}

.bg-greenimg {
    background-color: #c5cd28;
    background-image: url("../img/bg-green2.png");
    background-size: cover;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
}

.c-white {
    color: #fff;
}

.bg-green {
    background-color: #c5cd28;
}

.bg-white {
    background-color: #fff;
}

span a {
    color: #c5cd28;
}

.img-responsive {
    width: 100%;
    background-image: url("../img/video.gif");
    min-height: 550px;
    background-size: cover;
    background-repeat: no-repeat;
    vertical-align: middle;
}


/*FORM*/

.c-black {
    color: #333;
    padding-bottom: 10px;
}

.red {
    color: red;
}

.form-area {
    margin: 0px 0px 30px;
}

.beneficios {
    background-image: url("../img/beneficios.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    height: 350px;
    background-position: center center !important;
}

section.contacto {
    background-image: url("../img/contacto.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    height: 330px;
    background-position: center center !important;
}

section.footer {
    background-color: #c5cd28;
    border-top: 7px solid #e31d1a;
}

.clear {
    clear: both;
}

.panel-default {
    border-color: #ddd;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.55);
    -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.55);
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.55);
}

.panel {
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.55);
    -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.55);
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.55);
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.panel-default>.panel-heading {
    color: #fff;
    background-color: #92278f;
    border-color: #ddd;
    padding: 7px;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.55);
    -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.55);
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.55);
}

.panel-default>.panel-heading.faq {
    color: #fff;
    background-color: #92278f;
    border-color: #ddd;
    border-radius: 3px;
}

.panel-default a,
.panel-heading a {
    color: #fff;
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 18px;
    color: inherit;
    padding: 7px;
}

.panel-body {
    padding: 15px;
    border: solid 1px #ccc;
}

.icon-sm1 {
    background-image: url("../img/beneficios-icon3.png");
    background-size: contain;
    background-repeat: no-repeat;
    max-width: 700px;
    height: 250px;
    margin: 0px auto;
    margin-bottom: 20px;
}

.icon-sm2 {
    background-image: url("../img/sm-ico2.png");
    background-size: cover;
    background-repeat: no-repeat;
    max-width: 130px;
    height: 130px;
    margin: 0px auto;
    margin-bottom: 20px;
}

.icon-sm3 {
    background-image: url("../img/sm-ico3.png");
    background-size: contain;
    background-repeat: no-repeat;
    max-width: 130px;
    height: 130px;
    margin: 0px auto;
    margin-bottom: 20px;
}

.icon-sm4 {
    background-image: url("../img/sm-ico3.svg");
    background-size: contain;
    background-repeat: no-repeat;
    max-width: 130px;
    height: 130px;
    margin: 0px auto;
    margin-bottom: 20px;
}

.icon-sm5 {
    background-image: url("../img/sm-ico3.svg");
    background-size: contain;
    background-repeat: no-repeat;
    max-width: 130px;
    height: 130px;
    margin: 0px auto;
    margin-bottom: 20px;
}

.icon-sm6 {
    background-image: url("../img/sm-ico3.svg");
    background-size: contain;
    background-repeat: no-repeat;
    max-width: 130px;
    height: 130px;
    margin: 0px auto;
    margin-bottom: 20px;
}

#map-container {
    height: 400px;
}

.full-img {
    background-image: url("../img/sim.png");
    background-size: contain;
    min-height: 230px;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.full-img.android {
    background-image: url("../img/infoAndroid.jpg");
    background-size: contain;
    min-height: 230px;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.full-img.sim {
    background-image: url("../img/sim.png");
    min-height: 380px;
}

.full-img.mamaOferta {
    background-image: url("../img/madresBanner.jpg");
}

.full-img.mamaOferta.h300 {
    min-height: 300px;
}

.fix-video {
    background-image: url("../video.gif");
    background-size: cover;
    width: 100px;
    height: 100px;
}

.w-half {
    width: 50%;
}

.dropdown-menu {
    padding: 0px;
}

.dropdown-menu li {
    text-align: left;
    padding-left: 5px;
    padding-right: 5px;
}

.dropdown-menu li:hover {
    color: #fff !important;
}

.dropdown-menu li a:hover {
    color: #fff !important;
}

.dropdown-menu li:hover a {
    color: #fff !important;
}

.bt-black {
    border: solid 1px #333;
    color: #333;
}

.bt-black a {
    color: #333;
}

.btn-outline:hover,
.bt-black a :hover {
    color: #fff;
    border: solid 1px #fff !important;
}

.btn-scroll {
    width: 80px;
    height: 80px;
    margin: 0px auto;
    position: relative;
    bottom: 100px;
    background-repeat: no-repeat;
}

.navbar-nav li.logbtn {
    background-color: #92278f !important;
    padding-top: 8px !important;
}

.border-radious {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

section.contact ul.list-social.small li a {
    width: 30px;
    height: 30px;
    font-size: 14px;
    margin: 0px;
    padding: 0px;
}

.fa.foot {
    border: solid 1px #fff;
    padding: 8px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    width: 30px;
    height: 30px;
}

.badges .badge-link img {
    width: 150px;
}

.overlord {
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    left: 0;
}

.f-left {
    float: left;
}

section.contact ul.list-social.face-big {
    height: 150px;
    display: block;
}

section.triangle-bg {
    background-image: url("../img/bg-triangle.jpg");
    background-size: cover;
}

.fade-bg {
    background-color: rgba(255, 255, 255, 0.5);
    width: 100%;
    height: 100%;
}

.social-footer {
    font-size: 15px;
    height: 15px;
    display: block;
    margin-bottom: 10px;
}

.ease-up:hover {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
}

.social-footer:hover {
    font-size: 16px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
}

.divider {
    height: 1px;
    width: 100%;
    display: block;
    /* for use on default inline elements like span */
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}

.fa-3 {
    font-size: 3em;
    margin-left: 10px;
    margin-right: 10px;
    color: #ee595a;
}

.icon-scroll,
.icon-scroll:before {
    position: absolute;
    left: 50%;
}

.icon-scroll {
    width: 40px;
    height: 70px;
    margin-left: -20px;
    top: -30px;
    margin-top: -35px;
    box-shadow: inset 0 0 0 1px #333;
    border-radius: 25px;
}

.icon-scroll:before {
    content: "";
    width: 8px;
    height: 8px;
    background: #333;
    margin-left: -4px;
    top: 8px;
    border-radius: 4px;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-name: scroll;
}

@keyframes scroll {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        transform: translateY(46px);
    }
}

.scroll-container {
    position: relative;
    top: -10px;
}

a:focus,
button:focus {
    outline: 0 !important;
}

.fa.footw {
    border: solid 2px #fff;
    padding: 8px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    width: 30px;
    height: 30px;
    color: #b5be00;
    background-color: #fff;
    margin-left: 20px;
    text-align: center;
}

.smred {
    color: #e31d1a;
}

.c-red {
    color: #e31d1a;
}

.btn:focus {
    border: none !important;
}

.iphone-hor {
    background-image: url(../img/iphone.png);
    background-size: contain;
    width: 100%;
    height: 170px;
    background-repeat: no-repeat;
    background-position: center top;
}

section.features {
    background-image: url("../img/radial.png");
    background-size: cover;
    width: 100%;
    height: 100%;
    background-color: #fff;
}

.bg-face {
    background-color: #39579a;
    color: #fff;
    text-align: center;
}

.list-inline li {
    display: inline-block;
}

.f-social {
    position: relative;
    top: -27px;
}

.fa-facebook-f:before,
.fa-facebook:before {
    position: relative;
    top: 0px;
    font-size: 25px;
}

section.faq {
    background-image: url("../img/faq.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    height: 350px;
    background-position: center center;
}

section.oferta {
    background-image: url("../img/bg-green.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 350px;
}

.oferta-bg {
    display: inline-table;
    height: 350px;
    width: 100%;
}

.panel-default>.panel-heading.bg-green {
    background-color: #b5be00 !important;
}

.responsive-img {
    background-image: 90%;
    margin: 0px auto;
    text-align: center;
}

.bigspan {
    font-size: 4.2em;
    font-style: italic;
    color: #e31d1a;
}

section.cobertura {
    background-image: url("../img/cobertura-bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-color: #fff;
    min-height: 350px;
}

section.portabilidad {
    background-image: url("../img/portabilidad-bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-color: #fff;
    min-height: 350px;
}

section.legal {
    background-image: url("../img/bg-3.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-color: #fff;
    min-height: 350px;
}

.panel-body a {
    color: #c5cd28;
}

.beneficios-pasos {
    background-size: contain;
    min-height: 350px;
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

.mapa-2g {
    background-image: url("../img/mapa-2g.png");
    background-size: contain;
    width: 100%;
    height: 500px;
    background-repeat: no-repeat;
    background-position: center;
}

.mapa-3g {
    background-image: url("../img/mapa-3g.png");
    background-size: contain;
    width: 100%;
    height: 500px;
    background-repeat: no-repeat;
    background-position: center;
}

.mapa-4g {
    background-image: url("../img/mapa-4g.png");
    background-size: contain;
    width: 100%;
    height: 500px;
    background-repeat: no-repeat;
    background-position: center;
}

.carousel-item.slBuenFin {
    background-image: url("../img/slideBuenFin.jpg");
    background-size: contain;
    min-height: 500px;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
}

.carousel-item.slNavidad {
    background-image: url("../img/Soriana_bannerNavidad.png");
    background-size: contain;
    min-height: 500px;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
}

.carousel-item {
    background-size: contain;
    min-height: 500px;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
}

.carousel-item.slone {
    background-image: url("../img/slide-1.jpg");
    background-size: contain;
    min-height: 500px;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
}

.carousel-item.sltwo {
    background-image: url("../img/slide-2.jpg");
    background-size: contain;
    min-height: 500px;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
}

.carousel-item.slthree {
    background-image: url("../img/slide-3.jpg");
    background-size: contain;
    min-height: 500px;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
}

.carousel-item.slfour {
    background-image: url("../img/slide-4.jpg");
    background-size: contain;
    min-height: 500px;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
}

.carousel-item.slfive {
    background-image: url("../img/slide-5.jpg");
    background-size: contain;
    min-height: 500px;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
}

.carousel-item.slsix {
    background-image: url("../img/slide-6.jpg");
    background-size: contain;
    min-height: 500px;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
}

.carousel-item.slBle {
    background-image: url("../img/slBle.jpg");
    background-size: contain;
    min-height: 500px;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
}

.carousel-item.slamor {
    background-image: url("../img/amor.jpg");
    background-size: contain;
    min-height: 500px;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
}

.carousel-item.slnone {
    background-image: url("../img/bannermegas.jpg");
    background-size: contain;
    min-height: 500px;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
}

.carousel-item.slntwo {
    background-image: url("../img/bannerexpress.jpg");
    background-size: contain;
    min-height: 500px;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
}

.carousel-item.slmama {
    background-image: url("../img/madresBanner.jpg");
    background-size: contain;
    min-height: 500px;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
}

.carousel-item.slNuevo {
    background-image: url("../img/bannerN.jpg");
    background-size: contain;
    min-height: 500px;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
}

.carousel-item.slSale {
    background-image: url("../img/hotsale.jpg");
    background-size: contain;
    min-height: 500px;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
}

.carousel-item.sliphone {
    background-image: url("../img/julioRegalado.jpg");
    background-size: contain;
    min-height: 500px;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
}

.carousel-item.slnocliente {
    background-image: url("../img/nocliente.jpg");
    background-size: contain;
    min-height: 500px;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
}

.carousel-item.slcliente {
    background-image: url("../img/cliente.jpg");
    background-size: contain;
    min-height: 500px;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
}

.carousel-item.sljulion {
    background-image: url("../img/julion.jpg");
    background-size: contain;
    min-height: 500px;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
}

.carousel-item.slclases {
    background-image: url("../img/slclases.jpg");
    background-size: contain;
    min-height: 500px;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
}

.carousel-item.slcelulares {
    background-image: url("../img/bannerSamsung.jpg");
    background-size: contain;
    min-height: 500px;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
}

.carousel-item.sIphone {
    background-image: url("../img/Banner-SM_iphone_reacondicionados.jpg");
    background-size: contain;
    min-height: 500px;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
}

.carousel-item.slSM {
    background-image: url("../img/SorianaMovilBanner.jpg");
    background-size: contain;
    min-height: 500px;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
}

section.slide {
    padding: 0px !important;
    margin-top: 70px;
}

.underline {
    text-decoration: underline;
}

select.selectpicker {
    padding: 8px !important;
    height: 40px;
    min-width: 210px;
    color: #fff;
    background-color: #b5be00;
    border: none;
}

.tienda-wrap {
    float: left;
    width: 100%;
    padding: 15px;
    border: solid 1px #ccc;
    border-radius: 4px;
    font-weight: 300;
    margin-bottom: 15px;
}

.tienda-wrap p {
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 10px;
}

.tienda-wrap h1 {
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 0px;
}

.tienda-name {
    border-bottom: solid 1px #ccc;
    width: 100%;
}

.tienda-name h1 {
    color: #e31d1a;
    text-transform: uppercase;
    font-weight: 600;
    margin-top: 0px;
}

.tienda-direccion h1 {
    color: #b5be00;
}

footer {
    position: absolute;
    width: 100%;
}

.planes-features {
    background-image: url("../img/planes.png");
    background-size: contain;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    min-height: 180px;
}

.beneficios-features {
    background-image: url("../img/beneficios-1.png");
    background-size: contain;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    min-height: 180px;
}

#view1,
#view2,
#view3 {
    width: 100%;
    display: block;
}

.tit-fix {
    position: relative;
    top: 270px;
}

.tit-fix-dos {
    position: relative;
    top: 150px;
}

.cta-content {
    position: relative;
}

.cta-content .bottom {
    position: absolute;
    bottom: 20px;
}

.tit-fix-tres {
    position: relative;
    top: 110px;
}

.feature-item h3 {
    display: block;
    max-width: 310px;
    margin: 0px auto;
    text-align: center;
    margin-bottom: 10px;
}

.feature-item span {
    color: #8f9093;
}

.step-ico {
    float: left;
    max-width: 220px;
}

.step-ico.one {
    margin-right: 20px;
}

.step-ico.two {
    margin-right: 20px;
}

.arrow {
    float: left;
    width: 50px;
    margin-top: 20px;
    height: 40px;
    background-image: url("../img/arrow-right.png");
    background-repeat: no-repeat;
    background-size: contain;
}

.container-res {
    max-width: 760px;
    margin: 0px auto;
}

section.bg-dot {
    background-image: url("../img/bg-dot.jpg");
    background-size: cover;
}


/*ROCK-STEP2*/

.container-page {
    background-color: #fff;
    max-width: 1170px;
    margin: 0px auto;
    padding: 50px;
}

.hablamas {
    background-image: url("../img/hablamas.png");
    background-size: contain;
    width: 129px;
    height: 114px;
    float: right;
    margin-top: 280px;
}

.hablamas2 {
    background-image: url("../img/hablamas.png");
    background-size: contain;
    width: 129px;
    height: 35px;
    float: right;
    margin-top: 280px;
}

.btn {
    font-family: "bree-bol-ob", serif;
}

.bree-bol-ob {
    font-family: "bree-bol-ob", serif;
}

section.somos {
    background-image: url("../img/somos.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    height: 350px;
    background-position: center center !important;
}

section.aCliente {
    background-image: url("../img/aCliente.jpg");
    background-size: cover;
    background-repeat: no-repeat;
}

.ganaste {
    background-image: url("../img/ganste.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 120px;
    height: 120px;
    float: right;
    position: absolute;
    bottom: -30px;
    right: 0px;
}

section.modulos {
    background-image: url("../img/modulos.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    height: 350px;
    background-position: center center !important;
}

#accordion {
    max-width: 750px;
}

section.bg-dots {
    background-image: url("../img/gren-dotbg.jpg");
    background-size: 100;
    background-repeat: repeat-x;
    background-position: bottom;
}

section.bg-dots-rev {
    background-image: url("../img/gren-dotbg-rev.jpg");
    background-size: 100;
    background-repeat: repeat-x;
    background-position: top;
}

.ml {
    margin-left: 0px;
    float: left;
    margin-right: 10px;
}

.ml2 {
    margin-left: 20px;
    float: left;
    margin-right: 10px;
}

.ml3 {
    margin-left: 40px;
    float: left;
    margin-right: 10px;
}

.ml4 {
    margin-left: 60px;
    float: left;
    margin-right: 10px;
}

.ml5 {
    margin-left: 80px;
    float: left;
    margin-right: 10px;
}

.soft {
    color: #6a6a6a;
    font-size: 16px;
}

section.bg-grey {
    background-color: #ebebeb;
}

.bg-grey {
    background-color: #ebebeb;
}

.cgrey {
    color: #989a9d;
}

.sfont {
    font-size: 4em;
}

.rimesp {
    max-width: 370px;
}

section.beneficios-g {
    background-image: url("../img/bg-green.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center !important;
}

.container {
    max-width: 1116px !important;
}

a.btn.bg-red {
    border: none;
    color: #fff !important;
}

footer a {
    color: #fff;
    font-family: "Lato", "Helvetica", "Arial", "sans-serif";
}

section.beneficio {
    background-image: url("../img/beneficio-bg.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    height: 350px;
    background-position: center center !important;
}

.box-sm {
    margin: 0px auto;
    background-image: url("../img/box-sm.png");
    background-size: 100%;
    background-repeat: no-repeat;
    padding: 50px 30px 20px 20px;
    width: 220px;
    height: 304px;
    font-size: 15px;
}

.box-sm p {
    font-size: 15px;
}

.dropdown.larger {
    min-width: 225px;
}

section.recarga {
    background-image: url("../img/recarga-bg.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    height: 350px;
    background-position: center center !important;
}

section.contactoSoriana {
    background-image: url("../img/contacto-soriana.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    height: 350px;
    background-position: center center !important;
}

ol.avisoul li {
    margin-top: 15px !important;
}

.carousel-item a {
    display: inline-table;
    width: 100%;
    height: 100%;
    min-height: 450px;
}

.smallt {
    font-size: 12px;
}

.full-img.posleft {
    background-position: left !important;
    min-height: 200px;
}

.lightgr-bg {
    background-color: #ebebeb;
    padding-top: 20px;
}

#mainNav {
    line-height: 12px;
}

ul.ift {
    padding: 0px;
    margin: 0px;
    border-top: solid 1px #ddd;
}

ul.ift li {
    display: inline-table;
    color: #ddd;
}

ul.ift li a {
    color: #555;
}

section.funcionamiento {
    background-image: url("../img/funcionamiento.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    height: 350px;
    background-position: center center !important;
}

section.simy {
    background-image: url("../img/sim.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    height: 350px;
    background-position: center center !important;
}

.farma-gana {
    background-image: url("../img/recarga1.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 80px;
    height: 109px;
    margin-right: 10px;
    display: inline-table;
}

.farma-gana2 {
    background-image: url("../img/recarga2.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 240px;
    height: 109px;
    margin-right: 10px;
    display: inline-table;
}

.farma-gana3 {
    background-image: url("../img/recarga3.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 144px;
    height: 129px;
    display: inline-table;
}

.cta-sim {
    width: 145px;
    height: 100px;
    display: block;
    background-image: url("../img/cierre_sim_1.gif");
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    z-index: 989898;
    right: 0px;
    top: 100px;
    background-position: left;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    -webkit-transform: scale(1);
    transform: scale(1);
    -moz-transform: scale(1);
    position: fixed;
}

.cta-sim a {
    display: block;
    width: 100%;
    height: 243px;
    background-size: contain !important;
    -webkit-transform: scale(1);
    transform: scale(1);
    -moz-transform: scale(1);
}

.cta-sim:hover {
    width: 160px !important;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    height: 115px;
    -webkit-transform: scale(1);
    transform: scale(1);
    -moz-transform: scale(1);
    top: 95px;
}

.cta-redes {
    width: 250px;
    height: 250px;
    display: block;
    background-image: url("../img/anim2.gif");
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    z-index: 989898;
    left: 0px;
    top: 100px;
    background-position: left;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    -webkit-transform: scale(1);
    transform: scale(1);
    -moz-transform: scale(1);
    position: fixed;
}

.cta-redes a {
    display: block;
    width: 100%;
    height: 243px;
    background-size: contain !important;
    -webkit-transform: scale(1);
    transform: scale(1);
    -moz-transform: scale(1);
}

.cta-redes:hover {
    width: 265px !important;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    height: 265px;
    -webkit-transform: scale(1);
    transform: scale(1);
    -moz-transform: scale(1);
    top: 95px;
}

.bg-purple {
    background-color: #92278f;
}

.c-purple {
    color: #92278f;
}

.btn-contacto {
    padding: 15px;
    color: #ffff;
    font-size: 20px;
    width: 100%;
    max-width: 450px;
    height: 60px;
    cursor: pointer;
}

.btn-contacto2 {
    padding: 15px;
    color: #ffff;
    font-size: 20px;
    width: 100%;
    max-width: 450px;
    height: 60px;
    cursor: pointer;
    float: right;
}

.mw80 {
    max-width: 460px;
}

#baseT {
    background-color: #92278f;
    display: inline-block;
    height: 40px;
    left: -40px;
    position: relative;
    width: 100px;
    -webkit-box-shadow: 0px 4px 18px 0px rgba(0, 0, 0, 0.43);
    -moz-box-shadow: 0px 4px 18px 0px rgba(0, 0, 0, 0.43);
    box-shadow: 0px 4px 18px 0px rgba(0, 0, 0, 0.43);
    cursor: pointer;
}

#baseT:before {
    border-top: 30px solid #92278f;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    bottom: -30px;
    width: 0;
    cursor: pointer;
}

#baseTr {
    background-color: #e31d1a;
    display: inline-block;
    height: 40px;
    right: -40px;
    position: relative;
    width: 100px;
    -webkit-box-shadow: 0px 4px 18px 0px rgba(0, 0, 0, 0.43);
    -moz-box-shadow: 0px 4px 18px 0px rgba(0, 0, 0, 0.43);
    box-shadow: 0px 4px 18px 0px rgba(0, 0, 0, 0.43);
    cursor: pointer;
}

#baseTr:before {
    border-top: 30px solid #e31d1a;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    bottom: -30px;
    width: 0;
    cursor: pointer;
}

.formOne {
    background-image: url("../img/simContacto.png");
    background-size: 450px;
    background-repeat: no-repeat;
    background-position: bottom right;
    width: 100%;
    padding: 15px;
}

.formTwo {
    background-image: url("../img/chicaContacto.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
    width: 100%;
    float: right;
}

.formContactoOne {
    max-width: 400px;
    padding: 30px 20px 20px 20px;
}

.w-color {
    color: #fff;
}

.textCont {
    padding-left: 20px;
    width: 450px;
    padding-top: 20px;
    display: block;
    margin-left: ;
}

.textContOne {
    padding-left: 20px;
    width: 370px;
    padding-top: 20px;
    display: block;
}

.fright {
    float: right;
}

.floatR {
    float: right;
    width: 370px;
    margin-left: 260px;
}

.elementToFadeInAndOut {
    -webkit-animation: fadeinout 0.5s linear;
    animation: fadeinout 0.5s linear;
}

@-webkit-keyframes fadeinout {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadeinout {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.imgFull {
    max-width: 980px;
    margin: 0px auto;
    width: 100%;
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
    .cta-redes {
        width: 125px;
        height: 125px;
        display: block;
        background-image: url("../img/anim2.gif");
        background-size: cover;
        background-repeat: no-repeat;
        position: absolute;
        z-index: 989898;
        left: 0px;
        top: 100px;
        background-position: left;
        -webkit-transition: 0.4s;
        transition: 0.4s;
        -webkit-transform: scale(1);
        transform: scale(1);
        -moz-transform: scale(1);
        position: fixed;
    }
    .cta-redes a {
        display: block;
        width: 100%;
        height: 243px;
        background-size: contain !important;
        -webkit-transform: scale(1);
        transform: scale(1);
        -moz-transform: scale(1);
    }
    .cta-redes:hover {
        width: 130px !important;
        -webkit-transition: 0.4s;
        transition: 0.4s;
        height: 130px;
        -webkit-transform: scale(1);
        transform: scale(1);
        -moz-transform: scale(1);
        top: 95px;
    }
}

@media screen and (min-width: 769px) {
    .cta-redes {
        width: 250px;
        height: 250px;
        display: block;
        background-image: url("../img/anim2.gif");
        background-size: cover;
        background-repeat: no-repeat;
        position: absolute;
        z-index: 989898;
        left: 0px;
        top: 100px;
        background-position: left;
        -webkit-transition: 0.4s;
        transition: 0.4s;
        -webkit-transform: scale(1);
        transform: scale(1);
        -moz-transform: scale(1);
        position: fixed;
    }
    .cta-redes a {
        display: block;
        width: 100%;
        height: 243px;
        background-size: contain !important;
        -webkit-transform: scale(1);
        transform: scale(1);
        -moz-transform: scale(1);
    }
    .cta-redes:hover {
        width: 265px !important;
        -webkit-transition: 0.4s;
        transition: 0.4s;
        height: 265px;
        -webkit-transform: scale(1);
        transform: scale(1);
        -moz-transform: scale(1);
        top: 95px;
    }
}

.btnSori {}

.sBtn {
    max-width: 110px;
}