/*
Districat color
#80a4b2

font-family: 'Poppins', sans-serif;
font-family: 'Prata', serif;
*/



/* ==========================================================================
   Author's custom styles
   ========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&family=Prata&display=swap');

body {
    color: #80a4b2;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
}


.navbar {
    border: 0;
    background-color: transparent;
    background-image: none;
    box-shadow: none;
}

.navbar-header {
    margin-top: 20px;
}

.navbar-districat {
    /* position: absolute; */
    /* top: 40px; */
    width: 100%;
    z-index: 4000;
    padding-top:40px;
    transition: padding .5s;
    
}

.navbar-nav a {
    font-size: 36px;
    color: #80a4b2;
    padding-left: 10px;
    padding-right: 10px;
}
.navbar-default .navbar-nav > li > a.link-tienda{
    font-size:16px;
    margin-top:3px;
}
@media(max-width: 768px) {
    .navbar-districat {
        z-index: 5002;
        top: 20px;
    }
}

@media(max-width: 664px) {
    .navbar-brand img {
        width:100px;
    }
    .navbar-districat {
        top:10px;
    }

}

@media(max-width: 480px) {
    .navbar-districat {
        top:0px;
    }
    .navbar-header{
        margin-top:0;
    }
    .navbar-brand img{
        width:80px;
    }
    .navbar-brand {
        
        margin-top:10px;
    }
}

#districatLogoFullwidth {
    display: block;
    margin-top: -10px;
}

.header-go-white{
    background-color:rgba(255,255,255,.4);
    padding-top:0;
}


.districat-slick img {
    /* max-width: 100%; */
    width:100%;
}

.districat-hero {
    /* display: none; */

    overflow-y: hidden;
}
.districat-type-effects {
    position: absolute;
    width: 100%;
}
.districat-type-effects h1 {
    font-family: 'Prata', serif;
    color: #fff;
    font-size: 40px;
}


.districat-type-effects h2 {
    font-family: 'Poppins', sans-serif;
    font-size: 29px;
    letter-spacing: 3px;
    font-weight: 600;
}

.districat-title-row{
    padding-top:60px;
    padding-bottom:60px;
}



.districat-text-slide01,
.districat-text-slide02, 
.districat-text-slide03{
    top: 30%;
    z-index: 3000;
}

@media(max-width: 1366px) {

    .districat-text-slide01,
    .districat-text-slide02 {
        top: 30%;
    }
}

@media(max-width: 1024px) {

    .districat-text-slide01,
    .districat-text-slide02 {
        top: 15%;
    }
}

@media(max-width:996px){
    .districat-type-effects h1{
        font-size:32px;
    }
    .districat-type-effects h2{
        font-size: 21px;
    }
}
@media(max-width: 768px) {

}
@media(max-width: 664px) {

    .districat-text-slide01,
    .districat-text-slide02 {
        top: 80px;
    }
}

@media(max-width: 480px) {
    .districat-text-slide01{
        top:50px;
    }
    .districat-type-effects h1{
        font-size:20px;
    }
    .districat-type-effects h2{
        font-size: 12px;
    }
}


h3{
    font-family: 'Prata', serif;
    font-size: 29px;
}


.districat-title-row h3{
    margin:0;
}



.navbar-default .navbar-nav>li>a {
    color: #80a4b2;
    text-shadow: 0;
    text-transform: uppercase;
    cursor: pointer;
    font-size: 26px;
}

.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
    color: #f4f6fb;
}

.navbar-right {
    margin-top: 20px;
}

.navbar-toggle {
    backgrond-color: #fff;
}

.nav>li>a.districat-social-nav {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
    margin-top: -5px;
}

@media(max-width: 768px) {
    .navbar-nav {
        /*background-color: #2e6b81;*/
        z-index: 5002;
        /* background-color: rgba(0, 0, 0, .6); */
    }

    .navbar-default .navbar-nav>li>a {
        text-align: right;
        margin-right:10px;
    }

    .navbar-right {
        margin-top: 0;
    }

    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
        border: 0;
    }

    .nav>li>a.districat-social-nav {
        display: block;
        padding-right: 10px;
        margin-top: 0;
    }
}


.districat-features .row{
    margin-bottom:10px;
}
.districat-features .col-sm-5,
.districat-features .col-sm-7{
    padding-left:5px;
    padding-right:5px;
}
.districat-features-text{
    background-color:#80a4b2;
    color:#fff;
    text-align:center;
    padding: 20px 0px;
    min-height: 280px;
}
.districat-features-text h4{
    font-size:20px;
    letter-spacing: 4px;
    margin-top:25px;
}
.districat-features-text p{
    font-size:12px;
}

@media(max-width:664px){
    .districat-features .col-sm-7,
    .districat-features .col-sm-5{
        margin-bottom:10px;
    }
    .districat-features .row{
        margin-bottom:0px;
    }
}


.districat-features-image01,
.districat-features-image02
{
    background-image: url('../img/features-image01.jpg');
    background-repeat: no-repeat;
    background-position: center;
    min-height: 280px;
}
.districat-features-image02{
    background-image: url('../img/features-image02.jpg');
}

.districat-mayoristas-left {
	background-color: #d6c3bd;
	height: 350px;
    padding-top: 40px;
}


.districat-mayoristas-images{
    height:350px;
    
}
.districat-mayoristas-images .col-xs-12{
    margin-bottom:10px;
}
.districat-mayoristas-images .col-xs-6{

}
.districat-mayoristas-images .col-xs-12,
.districat-mayoristas-images .col-xs-6{
    padding-left:5px;
    padding-right:5px;
}

.districat-mayoristas .container-fluid{
    margin-left:0;
    margin-right:0;
    padding-left:0;
    padding-right:0;
}

.districat-mayoristas-image01,
.districat-mayoristas-image02,
.districat-mayoristas-image03{
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.districat-mayoristas-image01{
    background-image: url(../img/mayoristas-image01.jpg);
    min-height: 210px;
}
.districat-mayoristas-image02{
    background-image: url(../img/mayoristas-image02.jpg);
    min-height: 130px;
}
.districat-mayoristas-image03{
    background-image: url(../img/mayoristas-image03.jpg);
    min-height: 130px;
}

.districat-mayoristas h4{
    font-size:40px;
    font-family: 'Prata', serif;
    color:#fff;
    margin-bottom:25px;
}
.districat-mayoristas p{
    font-size: 18px;
    color:#7c7c7c;
    font-weight: 500;
}
.districat-mayoristas h5{
    font-size: 17px;
    color:#fff;
    letter-spacing: 2px;
}

@media(max-width:480px){
    .districat-mayoristas-left{
        padding-top:10px;
    }
    .districat-mayoristas-left h4{
        font-size:30px;
    }
    .districat-mayoristas p{
        font-size:16px;
    }
}

.districat-store-link {
    background-color: #80a4b2;
    color: #fff;
    font-size: 30px;
    font-weight: 400;
    border-radius: 3px;
    padding: 2px 10px;
    width: 300px;
    display: inline-block;
    margin-top: 20px;
    transition:all .5s;
}
.districat-store-link:hover{
    text-decoration:none;
    background-color:#fff;
    color:#80a4b2;
}


.districat-services{
    padding-top:80px;
    padding-bottom:80px;
}
.districat-services .row{
    margin-bottom:40px;
}
@media(max-width:480px){
    .districat-services .row{
        margin-bottom:0;
    }
}
.districat-service-element{
    text-align:center;
    opacity: 0;
}
.districat-service-element p{
    color:#7c7c7c;
    font-size:13px;
    text-align:center;
    font-weight: 500;
    letter-spacing: 2px;
    margin-top:10px;
}

.districat-contact {
    padding-top: 80px;

}

.districat-contact h2 {
	font-size: 32px;
	color: #80a4b2;
	font-weight: 400;
	padding-bottom: 10px;
	font-family: 'Prata', serif;
}
.districat-contact p {
	font-weight: 600;
	color: #7c7c7c;
	margin-bottom: 40px;
}


footer {
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 12px;
    background-color: #494949;
    color:#fff;
}






.footer-logo{
    text-align:left;
}
.footer-logo img{
    margin-top:20px;
}
.footer-address{

}
.footer-contacto{

}
.footer-social{
    text-align:right;
    margin-top:20px;
}
.footer-social a{
    color:#fff;
    font-size:24px;
}
.footer-contacto h6,
.footer-address h6{
    font-size: 10px;
    color: #fff;
}
.footer-contacto p,
.footer-address p{
    font-size: 10px;
    font-weight: 300;
    color:#fff;
}

@media(max-width: 664px) {
    .footer-logo,     
    .footer-address,
    .footer-contacto,
    .footer-social{
        text-align:center;
    }
}




.districat-contact form input,
.districat-contact form select,
.districat-contact form textarea {
    font-size: 14px;
    padding: 20px;
    
    font-weight: 300;
    background-color:#f7f2f0;
    
    color:#a3a3a3;
    border:0;
    border-radius: 0;
    box-shadow: none;
}

.districat-contact form select {
    width: 100%;
    border:0;
    border-radius: 0;
    box-shadow: none;
    font-size: 14px;
    padding: 8px 10px;
    color: #a3a3a3;
    background-color:#f7f2f0;

}

option:checked>-moz-html-cellhighlighttext {
    color: #5e5e5e;
}


#enviarForm {
	font-size: 18px;
	color: #fff;
	background-color: #80a4b2;
	transition: all .5s;
	border: 0;
	border-radius: 3px;
	padding: 3px 10px;
	width: 120px;
	text-transform: uppercase;
}

#enviarForm:hover {
    background-color: #fff;
    color: #80a4b2;
}

.form-control::placeholder {
    color: #a3a3a3;
    font-weight: 500;
}

#errorMessage {
    display: none;
    text-align: center;
    margin: 15px 0;
    background: #ffdede;
    color: #be0000;
    padding: 5px;
}

#errorMessage.mailSuccess {
    background-color: chartreuse;
    color: forestgreen;
}

#FormInfoContainer {
    padding-top: 20px;
    padding-bottom: 20px;
}





.slick-arrow:before {
    content: '';
}

.slick-prev,
.slick-next {


    color: #fff;
    z-index: 5001;
}

.slick-prev {
    left: 25px;
}

.slick-next {
    right: 25px;
}

@media(max-width: 664px) {
    .slick-prev {
        left: 15px;
    }

    .slick-next {
        right: 15px;
    }

}

.modal{
    z-index: 5020;
}
.modal-backdrop{
    z-index:5010;
}

.modal-dialog{
    width:630px;
    z-index: 5030;
}

@media(max-width:664px){
    .modal-dialog{
        width:100%;
        margin:0;
    }
    .modal-dialog img{
        max-width: 100%;
    }
}
.modalClose{
    cursor: pointer;
}