@charset "utf-8";
/* CSS Document */
body {
    margin: 0;
    font-family: 'Mulish', sans-serif;
}

html{scroll-behavior: smooth}

.call {
    position: fixed;
    top: 28%;
    right: 0;
    z-index: 1;
    background: #fff;
    /* border-radius: .6rem 0 0 .6rem; */
    padding: 0.9rem 0.5rem 1rem 0.8rem;
    text-align: center;
    display: grid;
    /* border-left: .3rem solid #ddd; */
    /* border-top: .3rem solid #ddd; */
    /* border-bottom: .3rem solid #ddd; */
    box-shadow: 0rem 0rem 1rem 0rem #cecece;
}

.call img {
    width: 1.7rem;
    padding-top: 0.3rem;
}

.call .img-f {
 margin-top: 6px
}

.fas {
    font-weight: 900;
    color: #FF7864;
    font-size: 1.4rem;
    position: relative;
    top: .3rem;
}

.navbar-expand-lg .navbar-nav {
    right: 2rem;
    position: relative;
}

a {
    color: #000000;
}

a:hover {
    color: #656565;
}

.navbar-light .navbar-nav .nav-link {
    font-size: 1rem;
    color: black;
    padding-right: 2rem;
    font-weight: 700;
}

.nav-link.contacto  {
       color: #FF7864 !important;
    font-weight: 600;
/*    position: relative;
    top: -1.4rem;
    right: -1.5rem;*/
	top:  -.5rem;
    position: relative;
    font-size: 1.5rem !important;
    vertical-align: middle;

}

.nav-link.contacto span {
	top: 0;
    position: relative;

}

.nav-link.contacto li, .nav-link.contacto a   {
    vertical-align: middle;

}

.h1, h1 {
    font-size: 3rem; font-weight: 900;    color: #4b4b4b; font-family: 'Sumana', serif;    margin-bottom: 2rem;
}

.h2, h2 {font-size:2.2rem;  color: #4b4b4b; font-family: 'Sumana', serif;     margin-bottom: 2rem;}

.h3, h3 {font-size: 1.6rem;   color: #4b4b4b; font-family: 'Sumana', serif;     margin-bottom: 2rem;}

.h5, h5 {
    font-size: 1.2rem !important;
    font-weight: 900;
    color: #717171;

}

.carousel-caption h1 {
    color: #fff

}

.carousel-caption p {
    font-size: 1.2rem;
}

button {position: relative;
}

button:focus {
     border: none;
}

.btn-primary {
    color: #fff;
    background-color: #FF7864;
    border: none;
}

.btn-primary:hover {
    background-color: #ba4b02;
}
.btn-primary:not(:disabled):not(.disabled):active {
    background-color: #ba4b02;
    outline: none;
    border: none;
    box-shadow: none;
}
.btn-primary:not(:disabled):not(.disabled):focus {
    background-color: #ba4b02;
    outline: none;
    border: none;
    box-shadow: none;
}
.btn-primary:not(:disabled):not(.disabled):active:focus{
    box-shadow: none;
}

.h4, h4 {
    font-size: 1.2rem;
    line-height: 2rem;
    color: #000;

}

.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    text-align: left;
    line-height: 1.5;
    color: #495057;
    background-color: #efefef;
    background-clip: padding-box;
    border: none;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.fecha {
    background: none;
}

.p, p {    
    /*padding-top: 1rem;
    color: #989898;
    font-weight: 600;*/
    line-height: 1.5rem;
}


.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 227px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    margin: auto 0;
}

.carousel-item img {
    opacity: .6;
}

.bd-example {
    background: #000;
}


.servicios p {
    padding: 0rem 0 2rem;
    margin-top: -0.8rem;
}
.servicios h4 {
    padding: 1rem 0 !important;
}


.equipo p {
    font-weight: 600;
    line-height: 1.5rem;
    font-size: .9rem;
}

.equipo h4 {
    padding-bottom: 0 !important;
    line-height: 1.7rem;
}

.logo {width:7rem}
.top-menu {background-color: #ffffff;    box-shadow: 0 0 1rem 0.5rem #0000000f;z-index: 99 !important;}
.bg-white {background-color: #ffffffe8 !important;}
.position-fixed {
    z-index: 1;
}
.header {position: relative; top: 9rem;}

.cinta {width: 14rem;
    position: relative;
    right: 1.3rem;
}

.box-verde {
    position: absolute;
    right: -2rem;
    top: -2rem;
    width: 17rem;
    color: white;
    background-color: #FF7864;
    padding: 3rem 2rem 2rem 3rem;
}

.box-verde h2 {
    font-size: 1.3rem;
    font-weight: 600;
    color:#fff;
}

.box-verde p {
    color: white;
    font-weight: 100;
	line-height: 1.2rem;
}

.box-gray {
    background-color: #F3F3F3;
    padding: 3rem;
}

.servicios h3 {
	min-height:6rem;
	padding:1rem 0;
    text-align: center;
    font-weight: 500;
}

.box-gray a {
    color: #989898;
}
    
.box-gray a:hover {
    color: #FF7864;
    text-decoration: none;
}     
   

.linea-dot {
    position: relative;
    text-align: center;
    margin: 0 auto;
    z-index: 9999;
}

.linea-dot img {
    width: 1rem;
    position: absolute;
    top: -3rem;
}

.formu {
    position:relative;
    background-size: cover;
    background-repeat: no-repeat;
}

.formul {
    padding: 0 4rem 3rem 4rem !important;
}

.formu h2 {
    margin-bottom: 0;
}


.formu h4 {
    margin-bottom: 0.5rem;
}


.formu:before {
    position:absolute;width:100%;height:100%;content:"";left: 0;top: 0;
}
.button,input {    border: none;}

.form-group {
    font-size: 1.1rem;
    font-weight: 300;
    padding: .375rem 1rem;
    margin: 0.5rem 1rem 0 0;
}

.footer {
    background-image: url("../img/img-8.jpg");
    position:relative;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 16rem;
}

.box-footer {

    width: 28rem !important;
    margin: auto;
    position: relative;
}

.sub-footer {
    background-color: #6c6c6c;
}

.sub-footer p {
    color: #c2c2c2;
    padding: 1rem 1rem 0;
}
.sub-footer a {
    color: #c2c2c2;
}
.sub-footer a:hover {
    color: #fcfcfc;
    text-decoration: none;
}

.tit {
    text-align: left;
}

/*.top{padding-bottom: 1rem; Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.77+51,0+100
background: url(../img/bg-colored.svg);background-size: cover; background-position: center;
 position: absolute; z-index: 2;}*/




@media only screen and (max-width: 998px) {


}

@media only screen and (max-width: 998px) and (min-width: 601px) {

.box.verde {
    position: absolute !important;
    right: 0rem !important;}
    
}

@media only screen and (max-width: 600px) {

.box.verde {
    position: absolute !important;
    right: 0rem !important;}

.carousel-caption {
        bottom: 84px !important;
    }   
    
}


/*Usermenu*/

@media only screen and (max-width: 380px) {

.box.verde {
    position: absolute !important;
    right: 0rem !important;}
    


}



@media only screen and (max-width: 767px) {

.box-info ul li a {
    font-size: 1.3rem !important;
    color: #6c6c6c;
}

.h4, h4 {
    font-size: 1.2rem;
    line-height: 1.5rem;
    color: #000;
    padding: .5rem 0 2rem;
}


    .h1, h1 {
    font-size: 1.8rem !important;
}

    .form-group {
    margin: 0;
}

.box-verde {
    position: absolute !important;
    right: 0rem !important;}
    
.box-footer {
    width: auto !important;
    padding: 1rem !important;
}   
    
.formul {
    padding: 3rem 0rem 7rem !important;
}
    
.box-gray {
    margin-left: 1rem;
    margin-right: 1rem;
    width: auto;
    padding: 5rem 0 !important;
}   
    
.call {

    top: 53%;
}

    
.tit {
    text-align: center;
}
    
    
.tit img {
    position: relative;
    right: -1.1rem;

}
.tit h4 {
    line-height: 1.7rem;
    padding: .5rem 0;
    text-align: left;
    color: #FF7864;
}
    
.navbar-light .navbar-toggler {
    position: relative;
    right: 1.5rem;
    top: -4.4rem;
}    
    
.navbar-light .navbar-brand {
    position: relative;
        right: 0;
    margin: 0;

}    
    
.navbar-collapse {
    position: relative;
    top: -2rem;    
}
    
.navbar-light:focus, .navbar-toggler {
    border: none;
    outline: none;
} 
    
.navbar-toggler:focus, .navbar-toggler:hover {
    outline: none;
}    
    
.navbar-expand-lg .navbar-nav {
    right: -20px;

}
    
.nav-link.contacto {
    position: relative;
    top: -1.4rem;
    right: 0;
}    
    
.fas {
    font-size: 1.5rem;
    position: relative;
    top: 0.4rem;
    left: -2.4rem;
}    

}

@media only screen and (min-width: 1400px) {

   

}

@media only screen and (max-width: 1399px) {



}

@media only screen and (min-width: 768px) {

.box.verde {
    position: absolute !important;
    right: 0rem !important;}
    
.box-footer {
    width: auto;
    padding: 2rem;
}    
    
.formul {
    /* padding: 0 0 4rem !important; */
}
    
    
    
}

@media only screen and (min-width: 999px) {

}


.menu-principal {
	/*display:flex !important;*/
	align-items:center;
	height:3rem;
}

.menu-principal li{
	height:2rem;
}

.box-info {
	text-align:center;
	padding:4rem 0 0	;
	}
	
.box-info ul{
	list-style:none;
	padding:0;
	}

.box-info ul li a {	
	font-size: 1.4rem;
    color: #6c6c6c;
}

.box-info ul li a:hover {	
		text-decoration:none;
		color: #000;
}

.seccion-descarga {
	background:#FF7864;
}

.seccion-descarga h2 {
	color:#fff;
}

.bg-beige {
    background: #F9F2F2;
}


.btn-main {
    background-color: #000;
    color: #fff;
    padding: 0.8rem 4rem;
}

.btn-main:hover {
        background-color: #565656;
        color: #fff !important;

}

.grey {background: #f5f5f5;}
#exito{    text-align: center;
    font-style: normal;
    color: #fff;
    font-size: 2rem;}

.navbar {
    padding: 0;
}