/*
 * Fonts
 */

@font-face {
    font-family: 'PF DinDisplay Pro Regular';
    src: local('PF DinDisplay Pro Regular'), url("/fonts/pfdindisplaypro-regular.ttf") format('opentype');
}

@font-face {
    font-family: 'PF DinDisplay Pro Bold';
    src: local('PF DinDisplay Pro Bold'), url('/fonts/pfdindisplaypro-bold.ttf') format('opentype');
}

@font-face {
    font-family: 'PF DinDisplay Pro Medium';
    src: local('PF DinDisplay Pro Medium'), url('/fonts/pfdindisplaypro-medium.ttf') format('opentype');
}

@font-face {
    font-family: 'PF DinDisplay Pro Light';
    src: local('PF DinDisplay Pro Light'), url('/fonts/pfdindisplaypro-light.ttf') format('opentype');
}

/*
 * Margins
 */

.my-5 {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

/*
 * Tags
 */

html {
    position: relative;
    min-height: 100%;
}
body {
    margin-bottom: 40px;
    font-family: "PF DinDisplay Pro Regular", sans-serif;
}
footer {
    /*position: absolute;*/
    bottom: 0;
    width: 100%;
    /*height: 40px;*/
    background: #106585;
    color: #fff;
    padding-top:10px;
    font-family: "PF DinDisplay Pro Regular", sans-serif;
}
footer a {
    color: white!important;
    text-decoration: underline;
}
footer a:hover {
    color: white!important;
    font-weight: bold;
}
a {
    color: #1690c1;
}

/*
 * Title decorators classes
 */

.fancy-title { display: table; white-space: nowrap; overflow: hidden; }
.fancy-title:before, .fancy-title:after { border-top: 4px solid #e9e9e9; content: ''; display: table-cell; position: relative; top: 0.6em; width: 20%; }
.fancy-title-extra:before, .fancy-title-extra:after {  width: 25%; }
.fancy-title:before { right: 1.5%; }
.fancy-title:after { left: 1.5%; }

.mini-fancy-title { display: table; white-space: nowrap; overflow: hidden; float: left;  padding: 10px 0;}
.mini-fancy-title:before{  border-top: 4px solid #106585; content: ''; display: table-cell; position: absolute; bottom: 1.1em;  left: 0.5em; width: 5%; }
.mini-fancy-title:before { right: 1.5%; }

/*
 * Think left border
 */
.right-left { border-left: #106585 solid 1px; padding-left: 10px;}

@media (max-width: 768px)  {
    .right-left { border-left: none; }
}

/*
 * Contact link Section
 */

.contact-link {
    background: #106585;
    padding: 5px;
    color: #fff;
}

.contact-link a {
    color: #fff;
    font-family: "PF DinDisplay Pro Regular", sans-serif;
}

/*
 * Auth Nav Section
 */

.auth-menu {
    background: #1491bf;
    border-top: 1px solid #3dbeed;
    border-bottom: 2px solid #006387;
    padding: 10px;
    font-family: "PF DinDisplay Pro Regular", sans-serif;
}

.btn-login,
.btn-siginup {
    padding: 5px 20px !important;
    margin:5px;
}

.btn-login {
    background: #116c8d !important;
    color: #fff !important;
}
.btn-login:hover,
.btn-login:active {
    background: #fff !important;
    color: #116c8d !important;
    border: solid #1491bf 1px !important;

}

.btn-siginup {
    background: #fff !important;
    color: #116c8d !important;
    border: solid #1491bf 1px !important;
}

.btn-siginup:hover,
.btn-siginup:active {
    background: #116c8d !important;
    color: #fff !important;
}

@media (min-width: 768px) and (max-width: 992px) {
    .nav>li>a {
        padding: 10px;
    }
}

@media (max-width: 768px)  {
    .btn-login,
    .btn-siginup {
        display: inline-block !important;
        float: left;
    }
}

/*
 * Nav Principal
 */

.navbar {
    padding: 15px;
    margin-bottom: 0;
}

.navbar-brand {
    height: auto;
    padding:0;
}
.navbar-default {
    background: #fff;
    border: none;
    border-bottom: 1px solid #c7c7c7;
    font-family: "PF DinDisplay Pro Medium", sans-serif;
    font-weight: bold;
}

.navbar-default .navbar-nav > li >a {
    color: #116c8d;
    background-color: #fff;
}
.navbar-default .navbar-nav > li >a:focus,
.navbar-default .navbar-nav > li >a:hover {
    color: #116c8d;
    background-color: #fff;
    border-bottom: 2px solid #116c8d;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
    color: #116c8d;
    background-color: #fff;
    border-bottom: 2px solid #116c8d;
}

@media (max-width: 768px)  {
    .navbar-brand {
        float: none;
    }
}

.menu-fixed {
    position:fixed;
    z-index:1000;
    top:0;
    left:0;
    width:100%;
    box-shadow:0px 4px 3px rgba(0,0,0,.5);
}

/*
 * Showcase Section
 */

.carousel-center-image {
    margin-left: auto !important;
    margin-right: auto !important;
}

#carousel-showcase .carousel-inner .carousel-caption {
    top:30%;
    right: 0;
    left: 0;
    font-family: "PF DinDisplay Pro Bold", sans-serif;
}

#carousel-showcase .carousel-caption .title {
    font-weight: bold;
    font-size: 50px;
}

#carousel-showcase .carousel-caption .title-bordered {
    border: 4px solid #1491bf;
    display: inline-block;
    padding: 5px;
    width: 80%;
}

#carousel-showcase .carousel-caption .title-with-background {
    display: inline-block;
    width:70%;
    padding: 10px;
    background: #000;
    opacity:0.7;
    text-align: center;
}

#carousel-showcase .carousel-caption .description {
    font-size: 40px;
    font-family: "PF DinDisplay Pro Light", sans-serif;
}

#carousel-showcase .carousel-caption .button:hover{
    padding: 0.4em 0.4em!important;
}
#carousel-showcase .carousel-caption .button{
    display: inline-block;
    padding: 0.3em 0.3em;
    border-radius: 10px;
    box-shadow: black 0 2px 2px;
    font-weight: bold;
    background: #78A300;
    font-family: "PF DinDisplay Pro Regular", sans-serif;
    font-size: 1.5em;
}
#carousel-showcase .carousel-caption span.buttonOverride{
    display: inline-block!important;
    font-size: 0.8em!important;
    padding: 0.4em 0.4em!important;
}
#carousel-showcase .carousel-caption span.buttonOverride:hover{
    padding: 0.4em 0.4em!important;
}

#carousel-showcase .carousel-caption img {
    display: block;
    margin: 20px auto;
}

#carousel-showcase .carousel-inner .carousel-caption .divider {
    border-bottom: 4px solid #1491bf;
    margin: 35px auto;
}

@media (min-width: 768px) and (max-width: 992px) {
    #carousel-showcase .carousel-inner .carousel-caption {
        top:10%;
    }
    #carousel-showcase .carousel-caption .title {
        font-size: 30px;
    }
    #carousel-showcase .carousel-caption .description {
        font-size: 20px;
    }
    #carousel-showcase .carousel-caption .button{
        padding: 40px 10px;
        border-radius: 100%;
    }
}

@media (max-width: 768px) {
    #carousel-showcase .carousel-inner .carousel-caption {
        top:0;
    }
    #carousel-showcase .carousel-caption .title {
        font-size: 28px;
    }
    #carousel-showcase .carousel-caption .title-with-background {
        width:90%;
        padding: 3px;
    }
    #carousel-showcase .carousel-caption .title-bordered {
        border: 2px solid #1491bf;
        padding: 5px;
        margin: 3px;
    }
    #carousel-showcase .carousel-caption .description {
        font-size: 23px;
    }
}

@media (min-width: 100px) and (max-width: 400px) {
    #carousel-showcase .carousel-inner .carousel-caption {
        top:0;
    }
    #carousel-showcase .carousel-caption .title {
        font-size: 17px;
    }
    #carousel-showcase .carousel-caption .title-with-background {
        width:90%;
        padding: 3px;
    }
    #carousel-showcase .carousel-caption .title-bordered {
        border: 2px solid #1491bf;
        padding: 5px;
        margin: 3px;
    }
    #carousel-showcase .carousel-caption .description {
        font-size: 17px;
    }
}

/*
* Steps for suscription
 */
.title-subscribe {
    color: #1491bf;
    font-size: 20px;
    margin-bottom: 50px;
}

.suscription-text-container {
    background-color: rgba(255,255,255, .8);
    font-size: 15px;
    color: #1690C0;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-top: 15px;
    padding-bottom: 10px;
}

.align-description {
    width: 80%;
    float: left;
}

.center-description {
    line-height: 50px
}

.align-arrow {
    width: 10%; float: right
}

.img-suscription {
    padding-top: 26%;
}

.img-suscription-middle {
    padding-top: 30%;
}

.suscription-circle {
    width: 250px;
    height: 250px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: rgba(255,255,255, .8);
    border: 2px solid #1690C0;
}

.suscribe-steps {
    display: none;
}

.center-circle {
    float: none;
    margin: 2px auto;
}

@media  (min-width: 400px) and (max-width: 1200px) {
    .suscription-circle {
        width: 220px;
        height: 220px;
        background: rgba(255,255,255, .9);
        margin-bottom: 10px;
    }
    .img-suscription-middle {
        padding-top: 55px;
    }
    .img-suscription {
        padding-top: 35px;
    }
    .suscription-text-container {
        display: none;
    }
    .img-suscription, .img-suscription-middle {
        width: 50%;
    }
    .suscribe-steps {
        display: block;
        padding-top: 10px;
        color: #1690C0;
        text-shadow: 1px 1px 1px rgba(0,0,0,.2);
     }
    .text-xs-center {
        text-align: center;
    }
}

@media  (max-width: 450px) {
    .suscription-circle {
        width: 150px;
        height: 150px;
        background: rgba(255,255,255, .9);
        margin-bottom: 10px;
    }
    .img-suscription-middle {
        padding-top: 40px;
    }
    .img-suscription {
        padding-top: 15px;
    }
    .suscription-text-container {
        display: none;
    }
    .img-suscription, .img-suscription-middle {
        width: 50%;
    }
    .suscribe-steps {
        display: block;
        padding-top: 10px;
        color: #1690C0;
        text-shadow: 1px 1px 1px rgba(0,0,0,.2);
        font-size: 10px;
    }
    .text-xs-center {
        text-align: center;
    }
}


/*
 * How Works and Modules Section
 */

.how-works-modules {
    background: #fff url("/img/frontpage/bg_how_works.png") no-repeat top;
}

.how-works-modules .how-works {
    padding: 40px 20px;
}

.how-works-modules .how-works .title {
    color: #1491bf;
    width: 40%;
    display: inline-block;
    padding-bottom: 10px;
    margin-bottom: 30px;
    border-bottom: solid 2px #1491bf;
    font-family: "PF DinDisplay Pro Medium", sans-serif;
}

.how-works-modules .how-works .description {
    line-height: 37px;
    font-weight: bold;
    margin: 30px;
    font-family: "PF DinDisplay Pro Regular", sans-serif;
}

.how-works-modules .modules {
    background: #fff;
    padding: 30px 30px 150px;
}

.module-title {
    background: #1491bf;
    color: #fff;
    text-align: center;
    padding:10px;
    /*margin-top:250px;*/
    margin-bottom: 150px;
    font-family: "PF DinDisplay Pro Regular", sans-serif;
}

.modules .divider {
    border-bottom: 1px solid #1491bf;
}

.modules .title, .modules .subtitle, .modules .description {
    margin:20px auto;
}

.modules .title, .modules .subtitle {
    font-family: "PF DinDisplay Pro Medium", sans-serif;
}

.modules .description {
    font-family: "PF DinDisplay Pro Light", sans-serif;
}

.modules .module-image {
    margin: auto;
}

@media (min-width: 768px) and (max-width: 992px) {
    .how-works-modules .how-works .title {
        width: 70%;
        padding-bottom: 5px;
        margin-bottom: 10px;
    }
    .how-works-modules .how-works .description {
        line-height: 27px;
        margin: 10px;
    }

    .module-title {
        margin-top:10px;
        margin-bottom: 50px;
    }
}

@media (max-width: 768px) {
    .how-works-modules .how-works .title {
        width: 90%;
        margin: 5px auto;
    }

    .how-works-modules .how-works .description {
        line-height: 17px;
        margin: 10px;
    }
    .module-title {
        margin-top:10px;
        margin-bottom: 50px;
    }
    .modules {
        border: 2px solid #e3e3e3;
    }
}

/*
 * Testimonial Section
 */

.testimonial {
    border-top: 2px solid #ffcc16;
    background: url("/img/frontpage/bg_testimonials.png");
    height: 500px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
}

.testimonial > img {
    margin-top: -80px;
}

.testimonial .title {
    margin: 90px auto;
    font-family: "PF DinDisplay Pro Regular", sans-serif;
}

#carousel-testimonials .carousel-inner{
    padding: 20px 0;
    background: #fff;
    opacity: 0.7;
    width:90%;
    margin:1px auto;
    font-family: "PF DinDisplay Pro Light", sans-serif;
}

#carousel-testimonials .carousel-inner .carousel-caption{
    right: 0;
    left: 0;
    padding-left: 1em;
    padding-right: 1em;
    color: #000;
}

#carousel-testimonials .carousel-arrow {
    position: absolute;
    top: 6em;
}

#carousel-testimonials .carousel-arrow-right {
    right:0;
}

#carousel-testimonials .carousel-arrow-left {
    left:0;
}

#carousel-testimonials .carousel-inner img {
    margin: 10px auto;
}

#carousel-testimonials .carousel-inner .carousel-caption {
    position: relative;
    opacity:1;
}

@media (min-width: 768px) and (max-width: 992px) {
    .testimonial .title {
        margin: 60px auto;
    }
}

@media (max-width: 768px) {
    .testimonial .title {
        margin: 10px auto;
        font-size: 23px;
    }

    #carousel-testimonials .carousel-inner{
        width:90%;
    }

    #carousel-testimonials .carousel-arrow-right,
    #carousel-testimonials .carousel-arrow-left {
        display: none;
    }
}

/*!**/
 /** Planes Section*/
 /**!*/

/*.planes {*/
    /*padding: 60px;*/
/*}*/

/*.planes .title{*/
    /*color: #1491bf;*/
    /*border-bottom: #1491bf solid 2px;*/
    /*width: 50%;*/
    /*display: inline-block;*/
    /*margin-bottom: 10px;*/
    /*font-family: "PF DinDisplay Pro Regular", sans-serif;*/
    /*padding-bottom: 10px;*/
/*}*/

/*.planes .description {*/
    /*font-size: 22px;*/
    /*font-weight: bold;*/
    /*margin: 30px;*/
    /*font-family: "PF DinDisplay Pro Regular", sans-serif;*/
/*}*/

/*.pricing {*/
    /*border-radius: 5px;*/
    /*display: inline-block;*/
    /*border: 2px solid #c2c2c2;*/
    /*border-bottom:5px solid #c2c2c2;*/
    /*padding-left: 0;*/
    /*padding-right: 0;*/
/*}*/

/*.pricing .pricing-title {*/
    /*background: #088fbf;*/
    /*color: #fff;*/
    /*padding:15px;*/
    /*font-weight:bold;*/
    /*font-size: 25px;*/
    /*font-family: "PF DinDisplay Pro Bold", sans-serif;*/
/*}*/

/*.pricing .pricing-price {*/
    /*background: #004861;*/
    /*color: #fff;*/
    /*padding:10px;*/
    /*font-weight:bold;*/
    /*font-size:22px;*/
    /*font-family: "PF DinDisplay Pro Bold", sans-serif;*/
/*}*/

/*.pricing .annual-price {*/
    /*background: #ffcc16;*/
    /*color: #907000;*/
    /*font-family: "PF DinDisplay Pro Bold", sans-serif;*/
/*}*/

/*.pricing .pricing-subtitle {*/
    /*padding: 5px;*/
    /*border-bottom: 1px solid #c2c2c2;*/
    /*font-family: "PF DinDisplay Pro Regular", sans-serif;*/
/*}*/

/*.pricing .pricing-body-item {*/
    /*margin:10px;*/
    /*font-weight: bold;*/
    /*font-family: "PF DinDisplay Pro Medium", sans-serif;*/
/*}*/

/*.pricing .pricing-footer {*/
    /*margin:10px 0;*/
    /*padding: 10px 15px 0;*/
    /*border-top: 1px dashed #c2c2c2;*/
    /*font-family: "PF DinDisplay Pro Bold", sans-serif;*/
/*}*/

/*.pricing-shadow {*/
    /*margin: 25px auto;*/
/*}*/

.dashed-line {
    border-top: 1px dashed #0c455a;
    margin:10px;
}

.subscribe-btn-orange {
    background: #f69521;
    color: #fff;
    font-weight: bold;
    border: 2px solid #f69521;
}

.subscribe-btn-orange:active,
.subscribe-btn-orange:hover {
    background: #fff;
    color: #004861;
    border: 2px solid #004861;
}

.subscribe-btn-blue {
    background: #fff;
    color: #004861;
    font-weight: bold;
    border: 2px solid #004861;
}

.subscribe-btn-blue:active,
.subscribe-btn-blue:hover {
    background: #f69521;
    color: #fff;
    border: 2px solid #f69521;
}

@media (min-width: 768px) and (max-width: 992px) {
    .planes {
        padding: 0;
    }
}

@media (max-width: 768px) {
    .planes .title{
        width: 100%;
    }
    .pricing {
        margin: 15px auto;
    }

    .pricing .pricing-title {
        padding:15px;
        font-size: 15px;
    }

    .pricing .pricing-price {
        font-size:12px;
    }
    .pricing .pricing-body-item {
        margin:5px;
    }
    .subscribe-btn-blue,
    .subscribe-btn-orange {
        font-size: 14px;
    }
    .planes .description {
        font-size: 18px;
        margin: 10px 0;
    }
}

/*
 * Iphone Section
 */

.iphone {
    background: #1491bf;
    color: #fff;
    padding: 15px;
    font-family: "PF DinDisplay Pro Regular", sans-serif;
}

.iphone  img {
    margin: 1px auto;
    position: absolute;
    left: 25%;
}

.iphone .description {
    margin: 20px 5px;
    font-size: 23px;
}

.iphone .box {
    width: 50px;
    height: 90px;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    margin: 5px 5px 5px 100px;
}

.iphone .btn-primary {
    background: #1491bf;
    border: solid #fff 1px;
    margin-top: -20px;
    margin-left: 170px;
    font-family: "PF DinDisplay Pro Regular", sans-serif;
}

@media (min-width: 768px) and (max-width: 992px) {
    .iphone  img {
        left: 15%;
    }
}

@media (max-width: 768px) {
    .iphone .btn-primary {
        margin:0;
    }
}

/*
 * Social Section
 */

.social {
    padding-top:350px;
    background: url("/img/frontpage/bg_social.png") no-repeat fixed center;
    background-size: cover;
}

.logo{
    margin: 50px auto;
    padding:15px;
    background: #fff;
    opacity:0.9;
}

.logo > img{
    margin: auto;
    opacity:1;
}

.social-icon-list {
    list-style-type: none;
    margin: 20px;
    width: 100%;
}

.social-icon-list li{
    margin: 15px;
    position: relative;
    display: inline-block;
}
@media (min-width: 100px) and (max-width: 450px) {
    .social-image {
        width: 70px;
    }
}

@media (max-width: 768px) {
    .social {
        padding-top: 10px;
    }
    .logo{
        margin: 20px auto;
    }
    .social-icon-list {
        margin: 0;
        padding-left:0;
    }
}

/*
 * Legal Section
 */

.legal {
    background: #1690c0;
    border-top: #3dbeed 1px solid;
    color: #fff;
    padding-top:10px;
    font-family: "PF DinDisplay Pro Regular", sans-serif;
}

.legal a {
    color: #fff;
}

/*
 * Auth Section
 */

.auth .panel {
    border: 1px solid #1690c1;
}

.auth .panel p {
    color: #969696;
}

.auth .panel-heading,
.auth .btn-primary {
    background: #1690c1;
}

.auth .submit-wrapper {
    padding: 20px;
    border-right: 1px solid #969696;
}

.auth .img-responsive {
    margin: 1px auto;
}

.auth .list-inline {
    margin-top: 15px;
    padding: 15px 1px;
    border-top: 1px solid #cfcfcf;
}

.auth .list-inline li a {
    color: #cfcfcf;
    padding: 1px 15px;
}

.auth select.form-control {
    background: url("/mbp/img/ico_selectbox.png") right no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

@media (max-width: 1100px) {
    .auth .list-inline li a {
        padding: 1px 5px;
    }
}

@media (max-width: 992px) {

    .auth .submit-wrapper {
        border: none;
    }
    .auth .list-inline li {
        display: block;
        margin:10px auto;
    }
}


.contact-box {
    padding:40px;
    width: 380px;
    min-height: 250px;
}

.contact-box .divider {
    border-bottom: 1px dashed #969696;
    margin: 15px auto;
}

.contact-box .form-control {
    margin:15px auto;
}

.contact-box .contact {
    border-bottom: solid 1px #969696;
    padding-bottom: 10px;
    margin-bottom: 5px;
}

.contact-box .contact img {
    border: solid 1px #1690c1;
}

.contact-box .contact p {
    margin-bottom:0;
}

.contact-box ::-webkit-input-placeholder {
    font-weight: bold;
    text-align: center;
}
.contact-box :-moz-placeholder {
    font-weight: bold;
    text-align: center;
}
.contact-box ::-moz-placeholder {
    font-weight: bold;
    text-align: center;
}
.contact-box :-ms-input-placeholder {
    font-weight: bold;
    text-align: center;
}

.frontage-marker-position{
    position:absolute; margin-top: -130px!important;
}

.g-recaptcha div {
    margin-left: auto!important;
    margin-right: auto!important;
}

#rc-imageselect {transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;}
@media screen and (max-height: 575px){
    .carousel-caption .title, .carousel-caption .description { font-size: 2em}
    #rc-imageselect, .g-recaptcha {transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;}
}

.width80marginAuto {
    width: 80%; margin: auto;
}
input[type=text], textarea{
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}
.whitelink{
    color: white!important;
}
.yellowlink{
    color: rgb(233, 244, 247) !important;
    background-color: #78A300!important
}

.container-fluid > .navbar-collapse, .container-fluid > .navbar-header,
.container > .navbar-collapse, .container > .navbar-header {
    margin-right: -15px !important;
    margin-left: -15px !important
}
@media(min-width: 415px) and (max-width: 991px){
    .register-btn-container {
        margin-top: 10px;
        margin-bottom: 30px;
    }
    .suscrbe-btn {
        font-size: 15px;
        padding: 15px 10px;
    }
}

@media(max-width: 458px) {
    .register-btn-container {
        margin-top: 10px;
        margin-bottom: 30px;
    }
    .suscrbe-btn {
        font-size: 10px;
        padding: 15px 10px;
    }

}