@font-face {
    font-family: 'Calibri';
    src: url('../fonts/calibri.ttf') format("truetype");
}

@font-face {
    font-family: 'Calibri0';
    src: url('../fonts/calibrib_0.ttf') format("truetype");
}

@font-face {
    font-family: 'Calibri2';
    src: url('../fonts/calibrib.ttf') format("truetype");
}

@font-face {
    font-family: 'OpensansLight';
    src: url('../fonts/opensans-light.ttf') format("truetype");
}

@font-face {
    font-family: 'OpensansBold';
    src: url('../fonts/opensans-bold.ttf') format("truetype");
}


@media (min-width: 992px) {
    .container {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1170px;
    }
}

html {
    min-height: 100%;
    position: relative;
}

body {
	width: 100%;
} 

::-webkit-scrollbar {
    display: none;
}

.a-header {
    text-decoration: none;
    font-family: 'OpensansLight';
    font-size: 20px;
    color: black;
}

.a {
    text-decoration: none;
}

.a-header:hover {
    color: #ff6600;
    cursor: pointer;
}

.fondo-header {
    width: 100%;
    position: relative;
    display: inline-block;
}

.fondo-medio {
    background-image: url("/Fotos/istockphoto-469262498-2048x2048.jpg");
    background-repeat: no-repeat;
    height: 100vh;
    background-size: 100%;
}

.p-fondo-header {
    text-decoration: none;
    font-family: 'OpensansLight';
    font-size: 28px;
    color: #ff6600;
    position: absolute;
    right: 0;
    margin-right: 15%;
	margin-top: 6%;
}

.p-fondo-medio {
    margin-right: 300px;
    text-decoration: none;
    font-family: 'OpensansLight';
    font-size: 75px;
    color: #ff6600;
    position: absolute;
    right: 0;
	line-height: 1;
	text-align: right;
}

.fa-bell {
	color: #ff6600;
	font-size: 14px;
}

.p-fondo-medio2 {
    text-decoration: none;
    font-family: 'OpensansLight';
    font-size: 50px;
    color: #000000;
}

.p-titulo {
    text-decoration: none;
    font-family: 'Calibri';
    font-size: 40px;
    color: grey;
}

.p-titulo2 {
    text-decoration: none;
    font-family: 'Calibri0';
    font-size: 45px;
    color: #ff6600;
	line-height: 1;
	width: 70% !important;
}

.p-texto {
    text-decoration: none;
    font-family: 'Calibri';
    font-size: 20px;
	padding: 5px 0px;
}

.div-servicios {
    padding-top: 40px;
    background-color: #e6e6e6;
}

.div-footer {
    background-color: #cccccc;
}

.div-servision-iconos {
    padding-top: 100px;
    padding-bottom: 100px;
    text-decoration: none;
	width: 70%;
	margin: auto;
}

.p-servicios {
    color: black;
    text-decoration: none;
    font-family: 'Calibri0';
    font-size: 40px;
}

.p-servicios-iconos {
    padding-top: 15px;
    color: black;
    text-decoration: none;
    font-family: 'Calibri0';
    font-size: 24px;
}

.p-servicios-texto {
    color: gray;
    font-size: 17px;
    font-family: 'Calibri';
}

.p-clientes-texto {
    color: gray;
    font-size: 17px;
    font-family: 'Calibri0';
}

.p-modal-texto {
    color: rgb(0, 0, 0);
    font-size: 25px;
    font-family: 'Calibri0';
}

.tranquilidad {
    border-bottom: solid #ff6600 5px;
}

.iconos-servicios {
    height: 50px;
}

.iconos-modals {
    height: 25px;
}

.p-clientes {
    color: black;
    text-decoration: none;
    font-family: 'Calibri0';
    font-size: 40px;
}

.btn-precios {
    background-color: #ff6600 !important;
    color: #000000;
    font-family: 'Calibri0';
    cursor: default !important;
}

.btn-precios:focus {
    box-shadow: none !important;
}

.nombres-contacto {
    color: #ff6600;
    text-decoration: none;
    font-family: 'OpensansBold';
    font-size: 25px;
}

.letras-footer {
    text-decoration: none;
    font-size: 17px;
    color: #000000;
}

.letras-footer-centradas {
    text-decoration: none;
    font-size: 17px;
    color: #000000;
}

.foto-footer {
    height: 75px;
}

.p-servicios-iconos-footer {
    font-size: 25px;
    color: #000000;
    font-family: 'OpensansBold';
}

.a-footer {
    text-decoration: none;
    font-size: 17px;
    color: #000000;
}

.a-contacto, .col-peu a {
    text-decoration: none;
    color: #000;
    font-size: 17px;
    font-family: 'Calibri';
}

.a-contacto:hover, .col-peu a:hover {
    color: #FF6600;
    font-size: 17px;
    font-family: 'Calibri';
}

.a {
    text-decoration: none;
}

.a-footer:hover {
    color: #ff6600;
    cursor: pointer;
}

.foto-header {
    padding-top: 34px;
	padding-bottom: 17px;
}

.casilla:focus-visible {
    border: #ff6600;
}

.camp-formulari {
	display: block;
	color: #ff6600;
}

.peu {
	width: 75%;
	margin: auto;
}

.boton-enviar {}

.text-center {
	line-height: 1;
}

@media (max-width: 768px) {
    .container {
        width: 750px;
    }
	
	.foto-header {
		width: 300px;
	}
	
	.logo {
		width: 100%!important;
    margin: auto !important;
    padding: 0px;
	}
	
	.logo img {
		width: 70% !important;
		margin-left: 15%;
		
	}
	
	.col-12.container-fluid.mt-3.d-flex.align-items-lg-center.g-0.mb-5 {
    height: 500px;
    overflow: hidden;
		position: relative;
}
	
	.fondo-header {
		width: auto; 
        right: 500px;

	}
	
	.p-fondo-header {
		text-align: right !important;
		margin-top: 100%;
		position: absolute;
		bottom: 100px;
	}
	
		.p-fondo-medio {
margin: 50px 50px 0px 0px;
	}
	
	.mt-5 {
		margin-top: 0px !important;
	}
	
	.llamanos {
		margin: 0px !important;
		padding: 0px !important;
	}
	
	.row {
		margin-right: 0px;
	}
	
	.menu {
		display: none !important;
	}
	
	.p-titulo2 {
		width: 85%!important;
		padding-top: 25px;
	}
	
	.ps-5 {
		padding-left: 1rem!important;
	}
	
	.text-start {
		text-align: center!important;
		padding: 15px 0px;
	}
	
	.p-servicios {
		line-height: 1.2;
		text-align: center;
	}
	.p-servicios-texto {
		line-height: 1.7;
	}
	
	.iconos-servicios {
		margin-top: 50px!important;
	}
	
	.col-12 {
		padding-top: 15px;
	}
	.div-servision-iconos {
		padding: 25px 0px;
	}
}


