.img-fluid {
    width: 100%;
}

.btn {background:#b51d09;color:#fff;}
.btn:hover {background:#fff;color:#b51d09;border:1px solid #b51d09;}

#mainNav a {color:#fff;}
#mainNav a.active, #mainNav li:hover { border: 2px solid #b51d09; }
#mainNav li {margin-left:5px;font-weight:bold;}

.navbar-shrink img {max-height:70px;}
.navbar-shrink {
    background:#333;
    min-height:75px;
}
/* ------------- Carrousel ------------------------------------- */
.carousel-item h1 {
    z-index: 10;
    letter-spacing: 1px;
    text-shadow: 2px 2px 10px #222222;
    font-weight: 700;
}

.btn-slider {
    margin-top: 20px;
}

.carousel-item:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;	
	background: #1f1c1c;
    opacity: 0.6;
}

.carousel-caption {
  top: 50%;
  transform: translateY(-50%);
  bottom: initial;
}
.carousel {
    border-bottom: 4px solid #b51d09;
}
/* ------------------------     HOME SECTION    -------------------------------------- */

#section-2 {
    padding-top:5% !important;
    padding-bottom:5% !important;
    background: url('/static/images/section2.jpg');
    color: #fff;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-position: 50% 0;
    -webkit-background-size: cover;
    background-size: cover;
    min-height:500px;
    position: relative;
    clip-path: polygon(0% 10%, 0% 100%, 100% 90%, 100% 0% );
    overflow:hidden;
}
#section-2:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #1f1c1c;
    opacity: 0.8;
}


#section-2 .row {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    bottom: initial;
}



#section-3 {
    margin-top: 60px;
}

/* ------------------------     FOOTER          ---------------------------------------*/

#footer {
    border-top: 4px solid #b51d09;
	background: url('/static/images/footer_bg.jpg');
	background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-position: 50% 0;
    -webkit-background-size: cover;
    background-size: cover;
	color:#fff;
	padding-top:4% !important;
}




/* -----------------------------  commons ------------------------------------------- */

a {color: #b51d09;}
a:hover {font-weight:bolder;color:#b51d09;}

.nav-link a {color:white; }

.navbar-light{
    /*border-bottom: 1px solid #b51d09;*/
}

body {position:relative;}

/* -----------------------------------  CONTACT FORM   -----------------------------------------------*/

.contact_form.medium-input, .contact_form.medium-textarea, .contact_form.medium-select select {
    padding: 20px 22px;
    border: 1px solid rgba(0,0,0,.1) !important;
    font-size: 16px !important;
    line-height: normal;
}

#contact_description {
    min-height:80px;
}
#form_contact .btn-large {
    border: 2px solid #fff;
    background: transparent;
    font-size: 14px;
    margin-top: 20px;
}

#form_contact .btn-large:hover {
    background: #333 !important;
    font-size: 15px;
}


#form_contact input , .container_footer button{
    border: 1px solid #dfdfdf;
    padding: 10px 20px;
    width: 100%;
    margin: 0 0 12px 0;
    max-width: 100%;
    resize: none;
}

#form_contact button {
    padding: 8px 15px;
    margin-top: 10px;
    width:100%;
}


#footer h1{ font-size: 2.8em; font-weight:800;}
#footer h3{ font-size: 1.5em; }
#footer h5{ font-size: 1.3em; }
#footer h5 i,#footer h3 i{ margin-left: 5px; }

#footer a {color:#fff;}
#footer a:hover, #footer a:focus {color:#fff;font-weight:bold;text-decoration:none;}

.cel-contact {background:#333;display:none;}
.cel-contact a {margin-left: 20px;}

/*  ----------------------------------------    RESPONSIVE   ----------------------------------------- */

@media(min-width: 1440px) {
    .carousel-item h1 {font-size:3em;}
    .carousel-item h2 {font-size:2.3em;}
    .navbar-brand img{ height:130px; }
    .navbar-brand {margin-left:-130px;}
    .redes-sociales {margin-right:-100px;margin-left:80px;}
    #section-2 h1 {font-size:3.6em;}
    #section-2  {font-size:1.4em;}


}

@media(max-width: 1440px) and (min-width:1029px) {
    .carousel-item h1 {font-size:2.5em;}
    .carousel-item h2 {font-size:2em;}
    .navbar-brand img{height:70px;}
    .redes-sociales {margin-left:80px;}
}

@media(max-width: 1024px) {
    .carousel-item h1 {font-size:2em;}
    .carousel-item h2 {font-size:1.5em;}
    .navbar-brand img{height:50px;}
    .redes-sociales {display:none;}
}

@media(max-width: 600px) {
    .carousel-item h1 {font-size:1em;}
    .carousel-item h2 {font-size:0.9em;}
    #name-title h1 {font-size:2em;}
    #name-title h3 {font-size:1.7em;}
    .btn-slider {margin-top:2px;padding:3px;font-size:1em;}
    #section-2{
        min-height:800px;
        padding-top:50% !important;
    }
    .navbar-brand img{height:40px;}
    .redes-sociales {display:none;}
    .cel-contact {background:#333;display:block;}

    .navbar-light{background:#333;}
    #top{height:66px;}
}


/* PAYMENT */

.cards-item {
    display: inline-block;
    height: 35px;
    padding: 5px 15px;
    text-align: center;
    vertical-align: middle;
}
.cards-logo {
    display: inline-block;
    vertical-align: middle;
}

.payment-wrapper * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.payments-medium {
    background: url(/static/images/payment-logos-mla-medium_v_78c042ed36.png) no-repeat;
}

._visa-medium {
    width: 45px;
    height: 14px;
    background-position: left -458px;
}

._master-medium {
    width: 33px;
    height: 25px;
    background-position: left -1330px;
}

._amex-medium, ._2-medium {
    width: 24px;
    height: 24px;
    background-position: left -28px;
}

._mercadopago_cc-medium, ._1078-medium {
    width: 36px;
    height: 23px;
    background-position: left -1106px;
}

._naranja-medium, ._5-medium {
    width: 20px;
    height: 25px;
    background-position: left -233px;
}

._1007-medium, ._nativa-medium {
    width: 50px;
    height: 22px;
    background-position: left -391px;
}

._tarshop-medium, ._288-medium {
    width: 36px;
    height: 22px;
    background-position: left -551px;
}

._cabal-medium, ._688-medium {
    width: 62px;
    height: 21px;
    background-position: left -368px;
}

._cencosud-medium, ._692-medium {
    width: 33px;
    height: 22px;
    background-position: left -96px;
}

._diners-medium, ._1028-medium {
    width: 85px;
    height: 22px;
    background-position: left -615px;
}

._argencard-medium, ._4-medium {
    width: 23px;
    height: 23px;
    background-position: left -296px;
}

._1064-medium, ._cordial-medium {
    width: 38px;
    height: 25px;
    background-position: left -913px;
}

._cordobesa-medium {
    width: 68px;
    height: 13px;
    background-position: left -1091px;
}
._cmr-medium {
    width: 32px;
    height: 23px;
    background-position: left -1066px;
}