body {
    font-family: 'Nunito', sans-serif;
    font-weight: 600;
}

.slider-content h2 {
    font-size: 64px;
    color: rgb(0,165,214);
}

@media (max-width: 767px) {
    .slider-content h2 {
        font-size: 32px;
    }
}

.slider-content h1, .slider-content h2, .slider-content h3, .slider-content h4, .slider-content h5, .slider-content h6 {
    text-shadow: -1px -1px 0 #FFFFFF, 1px -1px 0 #FFFFFF, -1px 1px 0 #FFFFFF, 1px 1px 0 #FFFFFF;
}

.slider-content p {
    font-family: 'Nunito', sans-serif;
    font-weight: 700;
    text-shadow: 0px 1px white;
}

.slider-content a {
    font-family: 'Nunito', sans-serif;
}

.single-brand {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: white;
    font-family: 'Nunito', sans-serif;
    text-transform: uppercase;
    font-weight: 700;
}

.single-brand img {  
    max-height: 90px;
    margin-bottom: 15px;
}

.about-title h2 {
    font-size: 58px;
    margin-bottom: 0 !important;
    color: rgb(0,165,214);
    line-height: 1em;
}

.second-header-btn .btn {
    background: rgb(0,165,214);
    border-color: rgb(0,165,214);
    font-family: 'Nunito', sans-serif;
    font-weight: 700!important;
    box-shadow: 0px 10px 30px 0px rgba(75, 123, 254, 0.4);
}

.count {
    font-size: 48px;
}

.single-counter p {
    font-family: 'Nunito', sans-serif;
    font-weight: 700;
}

.second-services-content p {
    font-family: 'Nunito', sans-serif;
    font-weight: 700;
    display: none;
}

.services-hover:hover .second-services-content p {
    display: inline-block;
}

.second-services-content h5 {
    font-weight: 700;
    color: rgb(0, 165, 214);
    text-shadow: none;
}

.step-box .text p {
    font-family: 'Nunito', sans-serif;
    font-weight: 700;
}

.steps-area .section-title h5 {
    color: #FFFFFF;
    text-transform: none;
}

.slider-btn .btn {
    background: #fe4b7b;
    color: #fff;
    font-family: 'Nunito', sans-serif;
    font-weight: 700;
}

.slider-btn .btn.alt {
    background: rgb(0, 165, 214);
    border: 2px solid rgb(0, 164, 214);
    color: #fff;
    font-family: 'Nunito', sans-serif;
    font-weight: 700;
    box-shadow: 0px 10px 30px 0px rgb(75 118 254 / 40%);
}

.testimonial-active p {
    font-family: 'Nunito', sans-serif;
    font-weight: bold;
}

.testimonial-active .ta-info h6 {
    color: #fe4b7b;
}

.contact-area .section-title h2 {
    color:rgb(0, 165, 214);
}

footer ul li {
    color: white;
}

.f-contact span {
    color: white;
}

.footer-widget .textwidget, .footer-widget .recentcomments a, .footer-widget a, .footer-widget .widget_categories a {
    color: white;
}

.f-contact a {
    color: white !important;
}

.footer-link ul li a {
    color: white;
}

.f-widget-title img {
    width: 100%;
}

.breadcrumb li, .breadcrumb li a {
    font-family: 'Nunito, sans-serif';
}

.contact-info h5 {
    color: white;
}

.md-stepper-horizontal {
    display: table;
    width: 100%;
    margin: 0 auto;
    background-color: #FFFFFF;
    margin-bottom: 30px;
    font-family: 'Nunito', sans-serif;
    font-weight: 700;
}

.md-stepper-horizontal .md-step {
display: table-cell;
position: relative;
padding: 24px;
}

.md-stepper-horizontal .md-step:hover,
.md-stepper-horizontal .md-step:active {
background-color: rgba(0, 0, 0, 0.04);
}

.md-stepper-horizontal .md-step:active {
border-radius: 15% / 75%;
}

.md-stepper-horizontal .md-step:first-child:active {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}

.md-stepper-horizontal .md-step:last-child:active {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}

.md-stepper-horizontal .md-step:hover .md-step-circle {
background-color: #757575;
}

.md-stepper-horizontal .md-step:first-child .md-step-bar-left,
.md-stepper-horizontal .md-step:last-child .md-step-bar-right {
display: none;
}

.md-stepper-horizontal .md-step .md-step-circle {
width: 30px;
height: 30px;
margin: 0 auto;
background-color: #999999;
border-radius: 50%;
text-align: center;
line-height: 30px;
font-size: 16px;
font-weight: 600;
color: #FFFFFF;
}

.md-stepper-horizontal.green .md-step.active .md-step-circle {
background-color: #00AE4D;
}

.md-stepper-horizontal.orange .md-step.active .md-step-circle {
background-color: #fe4b7b;
}

.md-stepper-horizontal .md-step.active .md-step-circle {
background-color: rgb(0, 165, 214);
}

.md-stepper-horizontal .md-step.done .md-step-circle:before {
font-family: 'FontAwesome';
font-weight: 100;
content: "\f00c";
}

.md-stepper-horizontal .md-step.done .md-step-circle *,
.md-stepper-horizontal .md-step.editable .md-step-circle * {
display: none;
}

.md-stepper-horizontal .md-step.editable .md-step-circle {
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}

.md-stepper-horizontal .md-step.editable .md-step-circle:before {
font-family: 'FontAwesome';
font-weight: 100;
content: "\f040";
}

.md-stepper-horizontal .md-step .md-step-title {
margin-top: 16px;
font-size: 16px;
font-weight: 600;
}

.md-stepper-horizontal .md-step .md-step-title,
.md-stepper-horizontal .md-step .md-step-optional {
text-align: center;
color: rgba(0, 0, 0, 0.26);
}

.md-stepper-horizontal .md-step.active .md-step-title {
font-weight: 600;
color: rgba(0, 0, 0, 0.87);
}

.md-stepper-horizontal .md-step.active.done .md-step-title,
.md-stepper-horizontal .md-step.active.editable .md-step-title {
font-weight: 600;
}

.md-stepper-horizontal .md-step .md-step-optional {
font-size: 12px;
}

.md-stepper-horizontal .md-step.active .md-step-optional {
color: rgba(0, 0, 0, 0.54);
}

.md-stepper-horizontal .md-step .md-step-bar-left,
.md-stepper-horizontal .md-step .md-step-bar-right {
position: absolute;
top: 36px;
height: 1px;
border-top: 1px solid #DDDDDD;
}

.md-stepper-horizontal .md-step .md-step-bar-right {
right: 0;
left: 50%;
margin-left: 20px;
}

.md-stepper-horizontal .md-step .md-step-bar-left {
left: 0;
right: 50%;
margin-right: 20px;
}

#perfil h2 {
    font-family: 'Nunito', sans-serif;
    color: rgb(0, 165, 214);
    text-align: center;
    /*text-transform: uppercase;*/
    font-weight: 800;
    line-height: 1.4em;
}

#perfil h2 small {
    text-transform: none;
    font-weight: 700;
    line-height: 1.4em;
}

#perfil .btn, .btn-custom {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    background-color: #fe4b7b;
    color: #fff;
    border: 2px solid #fe4b7b;
    box-shadow: none;
    letter-spacing: auto;
    margin-bottom: 0;
    touch-action: manipulation;
    white-space: nowrap;
    position: relative;
    z-index: auto;
    text-transform: none;
    font-family: 'Nunito', sans-serif;
    font-weight: 700;
}

.btn-custom.alt {
    background-color: rgb(0,165,214);
    border: 2px solid rgb(0,165,214);
}

#perfil .btn::before {
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    border: none;
    position: relative;
    top: 0;
    border-radius: 0;
    z-index: 0;
}

h5.card-title {
    width: auto;
    display: inline-block;
    margin:  0;
}

.card-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

span.currentPrice, p.lead {
    font-weight: 700;
}

p.card-text {
    font-family: 'Nunito', sans-serif;
    font-weight: 700;
    text-transform: none;
}

.product h1 {
    font-family: 'Nunito', sans-serif;
    font-weight: 800;
    color: rgb(0, 165, 214);
    font-size: 32px;
}

.product label {
    font-weight: 700;
}

.cart-subtitle {
    color: rgb(0, 165, 214);
    font-weight: 800!important;
}

.bg-dark {
    background-color: rgb(0, 165, 214)!important;
    color: white;
}

.cartContainer h1 {
    color: rgb(0, 165, 214);
    font-weight: 800;
    text-transform: uppercase;
    line-height: 1.2em;
}

.cartContainer h1 small {
    font-weight: 700;
    text-transform: none;
    font-size: 60%;
}

.cartContainer .table th {
    padding: 0.33em;
}

.blog-details-wrap ul li {
    list-style: inside;
}

.details__content h2 {
    color: rgb(0, 165, 214);
}

.f-contact li {
    align-items: center;
}

.preorder .title {
    text-align: center;
    font-weight: 800;
    color: rgb(0, 165, 214);
}

.preorder h3 {
    color: rgb(0, 165, 214);
}

.preorders h3 {
    color: rgb(0, 165, 214);
    font-weight: 800;
    font-family: 'Nunito', sans-serif;
}

.preorders h3 small{
    font-weight: inherit;
}

.preorders table td, .preorder table td {
    text-align: left;
    padding: 15px;
    font-weight: 500;
}

.profileContainer {
padding: 0;
margin-top: 50px;
}

.profileContainer > div {
padding: 25px 50px;
display: flex;
flex-direction: column;
}

.profileContainer > div a {
color: rgb(0, 165, 214);
}

.profileContainer ul {
list-style: none;
color: #414141;
width: 100%;
}

.profileContainer ul li {
font-size: 16px;
}

nav.tools {
    width: 100%;
    margin: 0;
    padding: 0;
}

nav.tools ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    background-color: #eee;
    padding: 15px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    justify-content: space-between;
}

nav.tools ul li {
    width: 11%;
    text-align: center;
    font-size: 16px !important;
}

nav.tools ul a {
    margin: 0 10px;
    display: inline-block;
    padding: 5px 7px;
    border-radius: 3px;
    background-color: rgb(0, 165, 214);
    opacity: 0.9;
    color: #FFF;
    width: auto;
    min-width: 90%;
}

nav.tools ul a:hover {
    text-decoration: none;
    color: white;
    opacity: 1;
}

nav.tools ul a.rojo {
    background-color: #666;
}

@media all and (max-width: 991px) {
nav.tools ul {
    flex-direction: column;
    width: 100%;
}
nav.tools li {
    width: 100% !important;
    margin-bottom: 10px;
}
nav.tools a {
    width: 100%;
    margin: 0 !important;
}
.profileContainer > div {
    padding: 15px 0px;
}
}

h1.title, h2.title {
    color: rgb(0, 165, 214);
    font-weight: 700;
}

.reg-form {
    background-color: #EEE;
    border-radius: 15px;
    padding: 30px;
}

.auth-form {
    max-width: 640px;
    width: 100%;
    float: none;
    margin: 0 auto;
    display: inline-block;
    background-color: #EEE;
    border-radius: 15px;
    padding: 30px;
}

.auth-form .form-group {
    text-align: left;
}

.auth-form .form-label {
    text-align: left;
}

a {
  color: rgb(0, 165,214);  
}

.form-row .form-group .form-control {
    max-width: calc(100% - 25px);
}

.check-container {
    display: flex;
    line-height: 1em;
    height: 2em;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 0.5em;
}

.reg-form .form-check-label {
    margin-bottom: 0;
    margin-top: 0.6em;
}

h4.subtitle {
    color: rgb(0, 165,214);
}

footer .rgpd_notice {
    display: inline-block;
}

footer .rgpd_notice ul li {
    margin-bottom:0.2em;
    font-size:11px;
    line-height:1.3em;
    opacity: 0.8;
    text-align: justify;
}
footer .rgpd_notice ul li a {
    text-decoration: underline;
}

footer .form-check-label, footer .form-check-input {
    margin-top: 1em;
    font-size: 11px;
    line-height: 1.4em;
    color: white;
}

footer .form-check-label a {
    text-decoration: underline;
}

#contacto .rgpd_notice {
    display: inline-block;
}

#contacto .rgpd_notice ul li {
    margin-bottom:0.2em;
    font-size:11px;
    line-height:1.3em;
    opacity: 0.8;
    text-align: justify;
}
#contacto .rgpd_notice ul li a {
    text-decoration: underline;
}

#contacto .form-check-label, footer .form-check-input {
    margin-top: 1em;
    font-size: 11px;
    line-height: 1.4em;
}

#contacto .form-check-label a {
    text-decoration: underline;
}

.newslater-area #contact-form4 {
    margin-bottom: 1em;
}

.newslater input:not(input[type="checkbox"]) {
    color: #212529!important;
}

#contacto .form-check {
    width: 32px;
    display: inline-block;
}

#contacto .form-check > * {
    position:relative;
    padding: 0;
}
#contacto .form-check > *:first-child {
    width: 24px;
    margin-right:15px;
    padding: 0;
}

#contacto .form-check .form-check-label {
    width: 100%;
    display: none;
}

#contacto .rgpd {
    display: flex;
    align-items: center;
}

#contacto .rgpd .form-check-label {
    margin: 0;
    font-size: 16px;
    line-height:1em;
    padding-left:5px;
    margin-top:5px;
}