@import url('https://fonts.googleapis.com/css?family=Black+Han+Sans');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400');

.btn {background:linear-gradient(to left, #4598d7 0%, #476ca2 100%);color:#fff;}
.btn:hover {
            background:linear-gradient(to left, #65b0e8 0%, #013f9a 100%);
            color:#fff;
            border:1px solid #fff;
}
#mainNav {background:#fff;border-bottom: 2px solid #495057;}
#mainNav a {color:#2b9fe3;}
#mainNav a.active, #mainNav li:hover { border: 2px solid #000; }
#mainNav li {margin-left:5px;font-weight:bold;}

.noborder{border:none;}
.noborder:hover{border:none;}

.navbar-shrink img {
    max-height:40px;
}
.navbar-shrink {
    background:#fff;
    min-height:50px;
}

.box-icon img{height:80px;margin-bottom:6px;}
.box-icon:hover { padding:5px;cursor:pointer;border: 2px solid #65b0e8;}
.box-icon{
    margin-bottom:10px;
    /*font-family: 'Black Han Sans', sans-serif;*/
}

/* ------------- 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.4;
}

.carousel-caption {
  top: 50%;
  transform: translateY(-50%);
  bottom: initial;
}


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

#footer {
	background: linear-gradient(to left, #61a1d6 0%, #031d42 100%);
	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;
    font-family: "Roboto","Lucida Grande","DejaVu Sans","Bitstream Vera Sans",Verdana,Arial,sans-serif !important;
}

/*  on hover display dropdown*/
.dropdown:hover>.dropdown-menu {
  display: block;
}

.dropdown-menu {
   background-color: #4495d4;
}

.dropdown-item:focus, .dropdown-item:hover {
    text-decoration: none;
    background-color: #333;
}

/* -----------------------------------  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;}


#landing_carrousel_row {
    z-index:2;
    position:absolute;
    color: #FFF;
    top: 35%;
    transform: translateY(-50%);
    padding-left: 8%;
    padding-right: 8%;
    margin: 0;
}

#landing_carrousel_row img{
    top: 50%;
}

#landing_carrousel_row h1 {
    font-size: 5rem;
    font-weight: bold;
    margin-top:-35px;
    z-index:3;
    text-shadow: 2px 2px 10px #222222;
}
#landing_carrousel_row h2 {
    font-size: 3.3rem;
    text-shadow: 2px 2px 10px #222222;
}

#landing_contact {
    background-color:#0f74a887;

}

.carousel-control-prev, .carousel-control-next {
    z-index:10;
}

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

#landing_form_contact button {
    color: #fff;
    border: 1px solid #fff;
    background: transparent;
}

.img-absolute{
    position:absolute;
    left:0;
}

#landing-section-3 {
    height:540px;
}



#landing-section-2 {
    padding-top:6% !important;
    padding-bottom:6% !important;
    background: url('../images/bg-servicios.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;
}
#landing-section-2:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #1f1c1c;
    opacity: 0.8;
}
#landing-section-3 img {
    position: absolute;
    top: -108px;
    left: -270px;
}

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

.box-icon-landing img{height:80px;margin-bottom:6px;}


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

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

@media(max-width: 1440px) and (min-width:1029px) {
    .box-icon-landing img { height:65px;}
    #top { height:86px;}
    .carousel-item h1 {font-size:2.5em;}
    .carousel-item h2 {font-size:2em;}
    .navbar-brand img{height:60px;}
    .redes-sociales {margin-left:80px;}
    .box-icon img { height:65px;}

}

@media(max-width: 1200px) {
    .box-icon-landing img { height:65px;}
    #section-1 h3 {font-size:0.8em;}
    .box-icon img { height:65px;}

}
@media(max-width: 1024px) {
    .box-icon-landing img { height:65px;}
    .carousel-item h1 {font-size:2em;}
    .carousel-item h2 {font-size:1.5em;}
    .carousel-item h3 {font-size:1em;}
    .navbar-brand img{height:50px;}
    .box-icon img { height:65px;}
}

@media(max-width: 600px) {
    .carousel-item h1 {font-size:1em;}
    .carousel-item h2 {font-size:0.9em;}
    .carousel-item h3 {font-size:0.8em;}
    #slider-sub .carousel-item img {min-height:330px;}
    #name-title h1 {font-size:2em;}
    #name-title h3 {font-size:1.7em;}
    .btn-slider {margin-top:2px;padding:3px;font-size:1em;}
    .navbar-brand img{height:40px;}
    .redes-sociales {display:none;}
    .cel-contact {background:#333;display:block;}
    .navbar-light{background:#333;}
    #top{height:66px;}
    .dropdown-menu {display:none;}

    #landing-section-2 {
        padding-left:5%;
        padding-right: 5%;
        padding-top: 15% !important;
        clip-path: polygon(0% 4%, 0% 100%, 100% 96%, 100% 0% );

    }
    #landing_carrousel_row .btn-lg {padding: .375rem .75rem;font-size: 1rem;}
    #section-1 h4 {font-size:1em;}
    #landing-section-2 img {height:35px;}
    #landing-section-2 h1 {font-size:1.2em;}
    #landing-section-2 h2 {font-size:1em;}
    #landing-section-2 h3 {font-size:1em;}
    #landing-section-3 img{width: 100%;position: relative;top:-20px;left:0;}
    #landing-section-3 h1 {font-size:1.3em;text-align: center!important;font-weight: bold;}
    #landing-section-3 h3 {font-size:1em; text-align: center!important;}
    #landing_carrousel_row img {height:50px;margin-top: -12px;}
    #landing_carrousel_row h1{font-size:2em;margin-top: 25px;}
    #landing_carrousel_row h2{font-size:1.5em;margin-top: 0px;}
    #landing_carrousel_row h5{font-size:0.8em;}
    #landing_carrousel_row .vertical-center {top:0;transform: none;}

}


.flotante-pc-izq {
    position: fixed;
    bottom: 25px;
    right: 25px;
}

.flotante-izq {
    background-color: #15b165;
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 25px;
    right: 25px;
    color: #fff;
    border-radius: 30px;
    box-shadow: 2px 2px 5px #000;
}

.boton-flotante {
    z-index: 100000;
}

.flotante .fa-whatsapp {
    font-size: 2.5em;
    top: 10px;
    position: relative;
}