.boton, .boton a {
    float: right
}

.body-feedback, .cont-text, .fa1, .face-share i, .parr-thanks p, .parr-thanks1 p, .share i {
    text-align: center
}

@font-face {
    font-family: montserratlight;
    src: url(../fonts/montserrat-light-webfont.woff2) format('woff2'), url(../fonts/montserrat-light-webfont.woff) format('woff');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: montserratregular;
    src: url(../fonts/montserrat-regular-webfont.woff2) format('woff2'), url(../fonts/montserrat-regular-webfont.woff) format('woff');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: montserratmedium;
    src: url(../fonts/montserrat-medium-webfont.woff2) format('woff2'), url(../fonts/montserrat-medium-webfont.woff) format('woff');
    font-weight: 400;
    font-style: normal
}

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: center
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}

ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

blockquote:after, blockquote:before, q:after, q:before {
    content: '';
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

a:hover {
    -webkit-transition: background-color .3s, color .3s, width .3s, border-width .3s, border-color .3s;
    transition: background-color .3s, color .3s, width .3s, border-width .3s, border-color .3s;
    -webkit-tap-highlight-color: transparent
}

body, html {
    height: 100%
}

.navbar-inverse {
    background-image: none;
    background-color: inherit;
    border: 0
}

.boton a, .boton2 div h2 {
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px
}

.menu-top {
    padding: 30px 0;
    width: 90%
}

.boton a {
    background: #0e83cd;
    color: #fff;
    padding: 5px 30px;
    border-radius: 25px;
    border: 1px solid #0e83cd;
    font-family: montserratregular;
    font-size: 14px
}

.boton2 button, .boton2 div h2 {
     padding: 10px 10px;
     float: right;
     font-family: montserratregular;
     font-size: 17px
 }
.boton-d button, .boton-d a h2 {
    padding: 10px 10px;
    float: right;
    font-family: montserratregular;
    font-size: 17px
}
.f-w
{
    width: 25px;
}
.boton a:hover {
    text-decoration: none;
    background-color: #fff;
    color: #0e83cd
}

.boton2 div h2 {
    background: #0e83cd;
    color: #fff;
    border-radius: 25px;
    border: 1px solid #0e83cd
}

.boton2 div h2:hover {
    text-decoration: none;
    background-color: #fff;
    color: #0e83cd
}

.boton2 button {
    background: #0e83cd;
    color: #fff;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    border: 1px solid #0e83cd
}

.boton2 button:hover {
    text-decoration: none;
    background-color: #fff;
    color: #0e83cd
}
/*dowloand*/
.boton-d a h2 {
    background: #d03439;
    color: #fff;
    border-radius: 25px;
    border: 1px solid #d03439
}

.boton-d a h2:hover {
    text-decoration: none;
    background-color: #fff;
    color: #d03439
}

.boton-d button {
    background: #d03439;
    color: #fff;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    border: 1px solid #d03439
}

.boton-d button:hover {
    text-decoration: none;
    background-color: #fff;
    color: #d03439
}

.boton3 {
    float: left;
    margin: 15px 0
}

.boton3 a, .boton3 button {
    padding: 10px 60px;
    float: right;
    border: 0;
    font-family: montserratregular;
    font-size: 17px;
    color: #0e83cd
}

.boton3 a {
    background: 0 0
}

.boton3 a:hover {
    text-decoration: underline;
    background-color: transparent;
    color: #0e83cd
}

.boton3 button {
    background: 0 0
}

.modal-body h1, .text h1 {
    font-family: montserratmedium;
    /*letter-spacing: -2px*/
}

.boton3 button:hover {
    text-decoration: underline;
    background-color: transparent;
    color: #0e83cd
}

.text h1, .text p, .text p a {
    color: #3c3c3c
}

.navbar-fixed-top, .text {
    position: relative
}

.cont-text {
    position: absolute;
    height: 470px;
    top: 0;
    bottom: 0;
    margin-bottom: auto
}

.text h1 {
    font-size: 32px;
    /*line-height: 70px*/
}

@media (max-width: 768px) {
    .text h1 {
        font-family: montserratmedium;
        font-size: 40px;
        letter-spacing: -2px;
        color: #3c3c3c
    }
}

.text p {
    font-size: 14px;
    width: 100%
}

.app-container {
    height: 76%
}

@media (max-width: 768px) {
    .app-container {
        height: 110%
    }
}

.app-row, .text {
    height: 100%
}

.rs {
    width: 100%;
    float: left;
    margin-top: 20px
}

.height {
    line-height: 380px
}

@media (max-width: 768px) {
    .height {
        line-height: 180px
    }

    .cont-text, .cont-text1 {
        text-align: center;
        margin: inherit
    }
}

.fa-google-plus {
    font-size: 8px
}

.fa1 {
    color: #fff
}

.share i {
    font-size: 18px
}

.modal.right .modal-dialog {
    position: fixed;
    margin: auto;
    width: 50%;
    height: 100%;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.modal.left .modal-content, .modal.right .modal-content {
    height: 100%;
    overflow-y: auto
}

.modal.right.fade .modal-dialog {
    right: -320px;
    -webkit-transition: opacity .3s linear, right .3s ease-out;
    -moz-transition: opacity .3s linear, right .3s ease-out;
    -o-transition: opacity .3s linear, right .3s ease-out;
    transition: opacity .3s linear, right .3s ease-out
}

.modal.right.fade.in .modal-dialog {
    right: 0
}

.modal-content {
    border-radius: 0;
    border: none;
    background-color: #eaeeef;
    position: relative;
    box-shadow: none
}

.modal-header {
    border-bottom-color: #EEE;
    background-color: inherit
}

.modal-body h1 {
    font-size: 74px;
    color: #3c3c3c;
    line-height: 70px
}

.modal-body h2 {
    font-family: montserratlight;
    font-size: 18px;
    color: #666d74;
    margin-top: 35px;
    margin-bottom: 35px;
    line-height: 30px
}

.modal-body {
    position: absolute;
    top: 0;
    bottom: 0;
    display: table;
    width: 60%;
    left: 0;
    right: 0;
    margin: auto
}

@media (max-width: 768px) {
    .modal-body {
        position: absolute;
        top: 0;
        bottom: 0;
        display: block;
        width: 90%;
        left: 0;
        right: 0;
        margin: auto
    }
}

.rs, footer {
    position: relative
}

.close {
    font-size: 66px;
    font-weight: 400;
    color: #0e83cd;
    opacity: .5
}

.close:active, .close:focus, .close:hover {
    color: #0e83cd;
    opacity: 1;
    outline: 0
}

.btn.focus, .btn:focus, .btn:hover, .faceshare {
    color: #fff
}

.form-control {
    height: 40px
}

.modal-backdrop {
    background-color: #fff
}

.boton a:active, .boton a:focus, .boton2 a:active, .boton2 a:focus {
    outline: 0
}

.form-group {
    margin-bottom: 10px
}

.header-feedback {
    float: left;
    width: 100%
}

.body-feedback {
    width: 85%;
    padding-top: 0
}

.body-feedback h1 {
    font-size: 50px
}

.body-feedback h2 {
    margin-top: 7px;
    margin-bottom: 67px
}

.body-feedback .close {
    margin-top: -24px
}

a {
    text-decoration: none !important
}

.fa1, .face-share a {
    text-decoration: none
}

.fa1:hover {
    opacity: .7
}

.faceshare {
    background: #3B5998
}

i.faceshare:hover {
    background: #fff;
    color: #3B5998;
    border: 1px solid #3B5998
}

.twittershare {
    background: #55ACEE;
    color: #fff
}

i.twittershare:hover {
    background: #fff;
    color: #55ACEE;
    border: 1px solid #55ACEE
}

.googleshare {
    background: #dd4b39;
    color: #fff;
    padding-right: 5px
}

.googleshare:hover {
    background: #fff;
    color: #dd4b39;
    padding-right: 5px;
    border: 1px solid #dd4b39
}

.linkedinshare {
    background: #007bb5;
    color: #fff
}

.linkedinshare:hover {
    background: #fff;
    color: #007bb5;
    border: 1px solid #007bb5
}

.pinterestshare {
     background: #c62325;
     color: #fff
 }

.pinterestshare:hover {
    background: #fff;
    color: #c62325;
    border: 1px solid #c62325
}
.youtubeshare {
    background: #c62325;
    color: #fff
}

.youtubeshare:hover {
    background: #fff;
    color: #c62325;
    border: 1px solid #c62325
}
.instagramshare {
    background: #a57d60;
    color: #fff
}

.pad-t p, .right, p .left {
    color: #1f8ceb
}

.fa1 {
    padding: 8px 10px;
    margin: 5px 2px;
    height: 34px;
    width: 34px;
    display: inherit;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border-radius: 5px
}

.face-share i {
    font-size: 18px
}

.face-share i.googleshare {
    font-size: 16px;
    padding: 9px 6px
}

.face-share i.thumbsshare {
    padding: 10px
}

footer {
    z-index: 1
}

.right {
    float: right
}

.left {
    float: left
}

div.pad {
    padding-top: 60px
}

@media (max-width: 768px) {
    .left, .right {
        float: center;
        color: #1f8ceb
    }

    footer {
        position: relative
    }

    .left {
        padding-left: 0
    }

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

.menu-footer p {
    font-family: montserratmedium;
    font-size: 14px;
    color: #1f8ceb
}

.pad-t {
    padding-top: 140px
}

@media (max-width: 768px) {
    .pad-t {
        padding-top: 120px
    }
}

@media only screen and (max-width: 1366px) {
    .modal-body h1 {
        font-size: 63px;
        line-height: 54px
    }

    .modal-body h2 {
        margin-top: 23px;
        margin-bottom: 23px
    }

    .modal.right .modal-dialog {
        width: 59%
    }
}

/*!*Large Devices, Wide Screens*!*/
@media only screen and (max-width: 1200px) {
    .modal.right .modal-dialog {
        width: 70%
    }

    .boton3 a {
        padding: 10px 40px
    }

    .modal-body h2 {
        margin-top: 25px;
        margin-bottom: 25px
    }

    .modal-body h1 {
        font-size: 65px;
        line-height: 70px
    }

    footer {
        z-index: 1;
        position: relative;
        bottom: -260px
    }
}

@media only screen and (max-width: 992px) {
    footer {
        z-index: 1;
        position: relative;
        bottom: -260px
    }
}

/*!* Small Devices, Tablets *!*/
@media only screen and (max-width: 768px) {
    .cont-text, .cont-text1 {
        margin: inherit;
        text-align: center
    }

    .cont-text, .cont-text1, .menu-footer {
        text-align: center
    }

    .cont-text1 {
        position: absolute
    }

    /*!*margin: 25px auto;*!*/
    .modal.right .modal-dialog {
        width: 100%
    }
}

.pad-b20 {
    padding-bottom: 4px
}

/*!*!* Extra Small Devices, Phones *!*!*/
@media only screen and (max-width: 480px) {
    .cont-text, .modal-header {
        position: relative
    }

    .container-fluid > .navbar-header {
        text-align: center;
        float: left;
        margin-left: 0
    }

    .boton {
        margin: 0 auto;
        display: table
    }

    .menu-top {
        padding: 20px 0
    }

    .fullpage {
        height: -webkit-calc(100vh);
        height: calc(100vh);
        background-position: 6% 45px;
        background-size: 143%
    }

    .blank {
        height: 208px
    }

    .rs {
        margin-top: 20px
    }

    footer {
        margin: 25px 0
    }

    .modal-body {
        margin: 0 auto;
        width: 85%
    }

    .modal-body h1 {
        font-size: 46px;
        margin-top: 28px
    }

    .modal-body h2 {
        line-height: 24px;
        margin-top: 18px
    }

    .modal-header {
        z-index: 2
    }

    .modal-header .close {
        margin-top: -14px
    }

    .close {
        font-size: 50px
    }

    .body-feedback h1 {
        margin-top: 0
    }
}

.mar {
    margin: 15px 0
}

.relat {
    position: relative
}

.p-800 {
    padding: 0 28%
}

@media (max-width: 768px) {
    .p-800 {
        padding: 0
    }
}

@media (max-width: 768px) and (orientation: landscape) {
    .boton2 {
        float: inherit;
        padding-top: 0;
        padding-bottom: 0
    }

    .p-800 {
        padding: 0 20%
    }
}

/*!* Custom, iPhone Retina *!*/
.color-tel {
    color: #101010
}
.spacephone{
width: 25px;
}

.img-gracias {
    background: #fff;
    margin-right: 40px;
    margin-left: 40px;
    margin-top: 40px;
    box-shadow: 0 10px 50px rgba(202, 207, 210, .75);
    padding: 40px 100px 80px 50px
}

.tranks {
    color: #000;
    font-size: 120px;
    font-weight: 700;
    line-height: 150px
}

.parr-thanks p {
    padding: 20px 140px 30px;
    font-size: 22px
}

@media (max-width: 768px) {
    .img-gracias {
        background: #fff;
        margin-right: 20px;
        margin-left: 20px;
        margin-top: 40px;
        box-shadow: 0 10px 50px rgba(202, 207, 210, .75);
        padding: 40px 30px 80px
    }

    .tranks {
        color: #000;
        font-size: 100px;
        font-weight: 700;
        line-height: inherit
    }

    .parr-thanks p {
        text-align: center;
        padding: 10px 20px 20px;
        width: 100%;
        font-size: 18px
    }
}

.btn-perso, .btn-perso:hover {
    color: #333
}

.parr-thanks1 p {
    width: 100%;
    font-size: 18px
}

.pad-thanks {
    padding: 20px 0 100px
}

.padt20 {
    padding-top: 20px
}

.btn-perso {
    border: 1px solid #333;
    padding: 5px 12px
}
.row-centered {
    text-align: center
}

.col-centered {
    display: inline-block;
    float: none;

    margin-right: -4px
}
.logo img{
    width: 350px;
}