* {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: Rubik;
    text-decoration: none;
    font-display: fallback
}

.block {
    display: block
}

.p0 {
    padding: 0 !important
}

.mt10 {
    margin-top: 10px
}

.mb10 {
    margin-bottom: 10px
}

.mb20 {
    margin-bottom: 20px
}

.pl10 {
    padding-left: 10px
}

.pl30 {
    padding-left: 30px
}

.pr30 {
    padding-right: 30px
}

.col-100 {
    width: 100%
}

body {
    color: #4d4d4d
}

.contenedor {
    width: 1100px;
    display: block;
    margin: 0 auto
}

.green {
    color: #80b24a
}

.grey {
    color: #878787
}

h2 {
    font-size: 30px
}

p {
    font-size: 15px
}

span {
    font-size: 20px
}

a.alert {
    padding: 15px;
    font-size: 15px;
    border-radius: 5px
}

a.alert span {
    font-size: 15px
}

form {
    height: 60vh
}

form input,
form textarea {
    padding: 12px 0 12px 12px;
    border-style: none;
    color: #333;
    resize: none;
    font-size: 16px;
    line-height: 24px
}

::-webkit-input-placeholder {
    color: #e1e5ec
}

:-moz-placeholder {
    color: #e1e5ec
}

::-moz-placeholder {
    color: #e1e5ec
}

:-ms-input-placeholder {
    color: #e1e5ec
}

[placeholder]:focus::-webkit-input-placeholder {
    color: transparent
}

[placeholder]:focus::-moz-input-placeholder {
    color: transparent
}

#form-contacto {
    background: #202633;
    padding: 60px 0
}

#form-contacto #form {
    height: auto
}

#form-contacto p {
    font-family: Rubik;
    font-style: normal;
    font-weight: 300;
    color: #aeb8cd;
    font-size: 16px;
    line-height: 24px
}

#form-contacto h2 {
    font-weight: 500;
    font-size: 36px;
    line-height: 45px;
    color: #aeb8cd
}

.input-default {
    background: #f8f9fa;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .24);
    border-radius: 6px;
    margin-bottom: 24px;
    width: 100%;
    color: #333
}

@media (max-width:768px) {
    #form-contacto {
        padding: 60px 6px
    }
}

footer #Contact {
    padding: 60px 0
}

footer #Contact .line {
    margin-top: 12px;
    margin-bottom: 18px
}

footer #Contact li a {
    display: block;
    font-family: Rubik;
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;
    color: #40495a;
    margin-bottom: 18px
}

footer #Contact li a:focus,
footer #Contact li a:hover {
    text-decoration: none
}

footer #Contact p {
    font-family: Rubik;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    color: #6e778a;
    margin-bottom: 18px
}

.contact-info {
    position: relative;
    height: 100%
}

.address {
    font-family: Rubik;
    font-size: 14px;
    line-height: 21px;
    color: #6e778a;
    margin-bottom: 6px
}

.phone {
    font-family: Rubik;
    font-size: 16px;
    line-height: 24px;
    color: #65a823;
    margin-bottom: 3px
}

.lastnewsFooter {
    color: #65a823 !important
}

.location {
    font-family: Rubik;
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 21px;
    color: #6e778a;
    margin-bottom: 3px
}

.social-href {
    position: absolute;
    right: 0;
    top: 0
}

.social {
    margin: 9px
}

@media (max-width:768px) {
    footer #Contact {
        padding-top: 30px
    }
}


@media (max-width:768px) {
    .contact-info {
        padding-top: 24px
    }

    .container .col-8.col-md-6 .col-sm-12.col-md-4:first-child .contact-info {
        margin-top: 0;
        padding-top: 0
    }

    #form {
        padding-top: 24px !important
    }
}

@media all and (max-width:1199px) {
    .contenedor {
        width: 970px
    }
}

@media all and (max-width:992px) {
    .contenedor {
        width: 700px
    }

    h2 {
        font-size: 23px
    }
}

@media all and (max-width:768px) {
    .contenedor {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px
    }

    h2 {
        font-size: 19px
    }
}

.overflow-auto {
    overflow: auto
}

.col-12,
.col-4,
.col-8,
.col-md-2,
.col-md-4,
.col-md-6,
.col-md-8,
.col-sm-12 {
    padding-right: 12px !important;
    padding-left: 12px !important
}

.h2-defoult {
    position: relative;
    font-family: Rubik;
    font-style: normal;
    font-weight: 500;
    font-size: 36px;
    line-height: 45px;
    margin-bottom: 24px
}

.h2-defoult::after {
    content: '';
    margin-top: 12px;
    display: block;
    width: 80px;
    height: 6px
}

.h2-defoult {
    color: #40495a
}

.h2-defoult::after {
    background: linear-gradient(90deg, #3caeae 0, #48a838 100%)
}

.h5-default {
    font-family: Rubik;
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;
    color: #aeb8cd
}

.line {
    height: 1px;
    width: 100%;
    background: linear-gradient(180deg, rgba(174, 184, 205, 0) 0, #e1e5ec 100%)
}

a,
body,
div,
form,
h2,
h5,
html,
i,
img,
label,
li,
p,
span,
ul {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%
}

ul {
    list-style: none
}

:focus {
    outline: 0
}

input {
    outline: 0
}

* {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: Rubik;
    text-decoration: none;
    font-display: swap !important
}

* {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: Rubik;
    text-decoration: none;
    font-display: fallback
}

.block {
    display: block
}

.p0 {
    padding: 0 !important
}

.mt10 {
    margin-top: 10px
}

.grecaptcha-badge {
    display: none !important
}

.mb10 {
    margin-bottom: 10px
}

.mb20 {
    margin-bottom: 20px
}

.pl10 {
    padding-left: 10px
}

.pl30 {
    padding-left: 30px
}

.pr30 {
    padding-right: 30px
}

.col-100 {
    width: 100%
}

body {
    color: #4d4d4d
}

.contenedor {
    width: 1100px;
    display: block;
    margin: 0 auto
}

.green {
    color: #80b24a
}

.grey {
    color: #878787
}

h2 {
    font-size: 30px
}

p {
    font-size: 15px
}

span {
    font-size: 20px
}

a.alert {
    padding: 15px;
    font-size: 15px;
    border-radius: 5px
}

a.alert span {
    font-size: 15px
}

form {
    height: 60vh
}

form input,
form textarea {
    padding: 12px 0 12px 12px;
    border-style: none;
    color: #333;
    resize: none;
    font-size: 16px;
    line-height: 24px
}

::-webkit-input-placeholder {
    color: #e1e5ec
}

:-moz-placeholder {
    color: #e1e5ec
}

::-moz-placeholder {
    color: #e1e5ec
}

:-ms-input-placeholder {
    color: #e1e5ec
}

[placeholder]:focus::-webkit-input-placeholder {
    color: transparent
}

[placeholder]:focus::-moz-input-placeholder {
    color: transparent
}

#form-contacto {
    background: #202633;
    padding: 60px 0
}

#form-contacto #form {
    height: auto
}

#form-contacto p {
    font-family: Rubik;
    font-style: normal;
    font-weight: 300;
    color: #aeb8cd;
    font-size: 16px;
    line-height: 24px
}

#form-contacto h2 {
    font-weight: 500;
    font-size: 36px;
    line-height: 45px;
    color: #aeb8cd
}

.input-default {
    background: #f8f9fa;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .24);
    border-radius: 6px;
    margin-bottom: 24px;
    width: 100%;
    color: #333
}

@media (max-width:768px) {
    #form-contacto {
        padding: 60px 6px
    }
}

footer #Contact {
    padding: 60px 0
}

footer #Contact .line {
    margin-top: 12px;
    margin-bottom: 18px
}

footer #Contact li a {
    display: block;
    font-family: Rubik;
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;
    color: #40495a;
    margin-bottom: 18px
}

footer #Contact li a:focus,
footer #Contact li a:hover {
    text-decoration: none
}

footer #Contact p {
    font-family: Rubik;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    color: #6e778a;
    margin-bottom: 18px
}

.contact-info {
    position: relative;
    height: 100%
}

.address {
    font-family: Rubik;
    font-size: 14px;
    line-height: 21px;
    color: #6e778a;
    margin-bottom: 6px
}

.phone {
    font-family: Rubik;
    font-size: 16px;
    line-height: 24px;
    color: #65a823;
    margin-bottom: 3px
}

.lastnewsFooter {
    color: #65a823 !important
}

.location {
    font-family: Rubik;
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 21px;
    color: #6e778a;
    margin-bottom: 3px
}

.social-href {
    position: absolute;
    right: 0;
    top: 0
}

.social {
    margin: 9px
}

.clutch-widget {
    text-align: center;
    width: 210px;
    margin: 0px auto 0px
}

@media (max-width:768px) {
    footer #Contact {
        padding-top: 30px
    }
}

footer .derechos {
    background-color: #202020;
    padding: 20px 0;
    text-align: center
}

@media (max-width:768px) {
    .contact-info {
        padding-top: 24px
    }

    .container .col-8.col-md-6 .col-sm-12.col-md-4:first-child .contact-info {
        margin-top: 0;
        padding-top: 0
    }

    #form {
        padding-top: 24px !important
    }
}

@media all and (max-width:1199px) {
    .contenedor {
        width: 970px
    }
}

@media all and (max-width:992px) {
    .contenedor {
        width: 700px
    }

    h2 {
        font-size: 23px
    }
}

@media all and (max-width:768px) {
    .contenedor {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px
    }

    h2 {
        font-size: 19px
    }
}

.overflow-auto {
    overflow: auto
}

.col-12,
.col-4,
.col-8,
.col-md-2,
.col-md-4,
.col-md-6,
.col-md-8,
.col-sm-12 {
    padding-right: 12px !important;
    padding-left: 12px !important
}

.h2-defoult {
    position: relative;
    font-family: Rubik;
    font-style: normal;
    font-weight: 500;
    font-size: 36px;
    line-height: 45px;
    margin-bottom: 24px
}

.h2-defoult::after {
    content: '';
    margin-top: 12px;
    display: block;
    width: 80px;
    height: 6px
}

.h2-defoult {
    color: #40495a
}

.h2-defoult::after {
    background: linear-gradient(90deg, #3caeae 0, #48a838 100%)
}

.h5-default {
    font-family: Rubik;
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;
    color: #aeb8cd
}

.btn-default {
    background: linear-gradient(90deg, #3caeae 0, #48a838 100%);
    border-radius: 6px;
    border: 1px solid rgba(255, 255, 255, .6);
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    width: 180px;
    max-width: 100%;
    min-height: 48px;
    display: inline-block;
    padding: 10px 12px;
    transition: 1s all ease;
    text-decoration: none
}

.btn-default:hover {
    text-decoration: none;
    color: #fff;
    background: #48a838;
    border: 1px solid #fff;
    box-sizing: border-box;
    border-radius: 6px
}

.line {
    height: 1px;
    width: 100%;
    background: linear-gradient(180deg, rgba(174, 184, 205, 0) 0, #e1e5ec 100%)
}

* {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: Rubik;
    text-decoration: none;
    font-display: fallback
}

body {
    color: #4d4d4d
}

::-webkit-input-placeholder {
    color: #8c9bb6 !important
}

:-moz-placeholder {
    color: #8c9bb6 !important
}

::-moz-placeholder {
    color: #8c9bb6 !important
}

:-ms-input-placeholder {
    color: #8c9bb6 !important
}