/*
Theme Name: Edt Ingenieria SpA
Theme URI:
Author: Mauricio Sanhueza (Plasmable)
Version: 1.0
*/
body{
	margin: 0;
	padding:0;
	background: #939ab8;
	color: #fff;
	background: linear-gradient(50deg, rgba(47,62,118,.8) 60%, #afb7d1 40%) 100% 100% / 100% no-repeat;
}
p{
	font-size:18px;
    font-family: 'Open Sans', sans-serif;
}

.menu-superior{
	/*background: linear-gradient(50deg, rgba(47,62,118,.8) 55%, #f49323 50%) 100% 100% / 100% no-repeat;*/
	background: radial-gradient(circle, rgba(47,62,118,1) 50%, rgba(244,147,35,1) 50%); 
	color: #fff;
	font-size: 18px;
	position: relative;	
}
.menu-superior p{
	font-size: 16px;
}
.navbar{
	background: #2f3e76 !important;
}

.nav-link{
	color:#fff !important;
	text-transform: uppercase;
	font-size: 18px;
	transition: .5s;
}
.nav-link:hover{
	color:#f49323 !important;
}
.dropdown-menu{
	background: #2f3e76 !important;
}
.dropdown-item{
	color:#fff !important;
}
.dropdown-item:hover{
	color:#f49323 !important;
	background: #2f3e76 !important;
}
.sr-only{
	color: red !important;
}
.swiper-container {
    width: 100%;
    height: 85vh;
    position: relative;

}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     -webkit-align-items: center;
     align-items: center;
}
/*.swiper-container:after{
	content: "";
	position: absolute;
	bottom: -50px;
	left: -50px;
	background: #f49323;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	z-index: 10;
}*/
.titleSlider{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	font-weight: 900;
	text-transform: uppercase;
	background: rgba(244,147,35,.5);
	padding-top: 20px;
	padding-bottom: 20px;
}
.titleHome{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	text-transform: uppercase;
	font-weight: bold;
	font-size: 350% !important;
	background: rgba(47,62,118,.7);
	padding: 10px 20px 10px 20px;
}
.tituloEmpresa{
	text-transform: uppercase;
	font-weight: 900;
	position: relative;
}
.tituloEmpresa:after{
	content: "";
	background: #f49323;
	position: absolute;
	width: 50%;
	height: 1px;
	bottom: -5px;
	left: 50%;
	transform: translate(-50%,0);
}
.contenedorEmpresa{
	background: #2f3e76;
}
.tituloServicios{
	text-transform: uppercase;
	font-weight: 900;
	position: relative;
	display: inline-block;
}
.tituloServicios:after{
	content: "";
	background: #f49323;
	position: absolute;
	width: 50%;
	height: 1px;
	bottom: -5px;
	left: 50%;
	transform: translate(-50%,0);
}
.serviciosHome{
	transition: 1s;
}
.contenedorImagen{
	position: relative;
	
}
.contenedorImagen img{
	transition: .7s;
	border:8px solid  #2f3e76;
	border-radius: 50%;
}
.contenedorImagen h2{
	color: #fff;
}
.contenedorImagen:hover h2{
    transition: .7s;
	transition-delay: .7s;
	color: #f49323;
}
.contenedorImagen:after{
	content: url("../img/logo EDT.png");
	position: absolute;
	top: -50px;
	left: -20%;
	transform: scale(0);
	transition: .5s;
	transition-delay: .5s;
	
}
.contenedorImagen:hover:after{
	transform: scale(1);
	opacity: .7;
}

.title-service-header{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
    color: #fff;
    text-transform: uppercase;
    font-weight: 900;
}
.contenedorBotonContacto{
	background: #c7cada;
}
.tituloContacto{
	font-size: 32px;
	text-transform: uppercase;
	font-weight: 900;

}
.btnContacto{
	background:#f49323;
	padding: 10px 15px 10px 15px;
	color: #fff;
	text-transform: uppercase;
	font-weight: 900;
	font-size: 22px;
}
footer{
	background: url("../img/slideof(1).jpg");
	background-size: cover;
	width: 100%;
	height: 600px;
	position: relative;
}

footer:before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(47,62,118,.7);
}
hr{
	color: #fff;
	z-index: 20;
	height: .5px;
	background: #fff;
}
footer a{
	color: #fff;
	text-align: center;
	padding-right: 30px;
	text-transform: uppercase;
}

footer a:hover{
	color: #f49323;
}
footer  span{
	color: #f49323;
}
.desarrollado{
	text-transform: lowercase;
}
/*Empresa*/
.backgroundEmpresa{
	background: url(../img/1.jpeg);
	background-size: cover;
	width: 100%;
	height: 600px;
	position: relative;
}
.backgroundEmpresa:after{
	content: "";
	position: absolute;
	bottom: -50px;
	left: -50px;
	background: #f49323;
	width: 100px;
	height: 100px;
	border-radius: 50%;
}

.titleHome{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	text-transform: uppercase;
	font-weight: bold;
	font-size: 350% !important;
	background: rgba(47,62,118,.7);
	padding: 10px 20px 10px 20px;
}
.contenidoEstrategia{
	text-align: justify;
}
.contenidoEstrategia h2{
	position: relative;
	display: inline-block;
	text-align: center;
	text-transform: uppercase;
}
.contenidoEstrategia h2:after{
	content: "";
	position: absolute;
	width: 50%;
	height: 1px;
	background: #f49323;
	bottom: 0;
	left: 50%;
    transform: translate(-50%,0);
}
.contenedorImagenEmpresa{
	margin-top: -50px;
}
.icon{
	font-size: 70px;
}
.contenedorImagenEmpresa img{
	border: 10px solid #666f91;
	width: 400px;
	height: 400px;
	border-radius: 50%;
}
.card-header{
	background: #f49323;
}
.btn-acordeon{
	background: #f49323;
	color: #fff;
	text-transform: uppercase;
}
.card-body{
	color: #2f3e76;
}
/*Servicios*/
.backgroundServicios{
	background: url(../img/6.jpeg);
	background-size: cover;
	width: 100%;
	height: 600px;
	position: relative;
}
.backgroundServicios:after{
	content: "";
	position: absolute;
	bottom: -50px;
	left: -50px;
	background: #f49323;
	width: 100px;
	height: 100px;
	border-radius: 50%;
}

.contenidoServicio{
	text-align: justify;
}
.contenidoServicio h2{
	position: relative;
	display: inline-block;
	text-align: center;
	text-transform: uppercase;
}
.contenidoServicio h2:after{
	content: "";
	position: absolute;
	width: 50%;
	height: 1px;
	background: #f49323;
	bottom: 0;
	left: 50%;
    transform: translate(-50%,0);
}
.imagenServicio{
	width: 400px;
	height: 400px;
	border-radius: 50%;
	border: 10px solid #f49323;
	transition: 1s; 
}
.imagenServicio:hover{
	border: 10px solid #2f3e76;
}
.contenedorGaleria{
	transition: .5s;
}

.galeria{
	width: 330px;
	height: 330px;
	border-radius: 50%;
	transition: .5s;
}
.galeria:hover{
	transform: scale(1.2);
	z-index: 10;
}
/*ALUMBRADO*/
.backgroundAlumbrado{
	background: url(../img/background-alumbrado.jpg);
	background-size: cover;
	width: 100%;
	height: 600px;
	position: relative;
}
.backgroundAlumbrado:after{
	content: "";
	position: absolute;
	bottom: -50px;
	left: -50px;
	background: #f49323;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	z-index: 10;
}
/*REDES*/
.backgroundRedes{
	background: url(../img/conectividad.jpg);
	background-size: cover;
	width: 100%;
	height: 600px;
	position: relative;
}
.backgroundRedes:after{
	content: "";
	position: absolute;
	bottom: -50px;
	left: -50px;
	background: #f49323;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	z-index: 10;
}
/*COMERCIAL*/
.backgroundComercial{
	background: url(../img/background-comercial.jpeg);
	background-size: cover;
	width: 100%;
	height: 600px;
	position: relative;
}
.backgroundComercial:after{
	content: "";
	position: absolute;
	bottom: -50px;
	left: -50px;
	background: #f49323;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	z-index: 10;
}
/*OBRAS*/
.backgroundObras{
	background: url(../img/background-obra.JPG);
	background-size: cover;
	width: 100%;
	height: 600px;
	position: relative;
}
.backgroundObras:after{
	content: "";
	position: absolute;
	bottom: -50px;
	left: -50px;
	background: #f49323;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	z-index: 10;
}
/*AREA VERDE*/
.backgroundAreaVerde{
	background: url(../img/backgroundAreaVerde.jpeg);
	background-size: cover;
	width: 100%;
	height: 600px;
	position: relative;
}

.backgroundAreaVerde:after{
	content: "";
	position: absolute;
	bottom: -50px;
	left: -50px;
	background: #f49323;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	z-index: 10;
}
/*PROYECTOS*/
.backgroundProyectos{
	background: url(../img/background-proyectos.jpeg);
	background-size: cover;
	width: 100%;
	height: 600px;
	position: relative;
}

.backgroundProyectos:after{
	content: "";
	position: absolute;
	bottom: -50px;
	left: -50px;
	background: #f49323;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	z-index: 10;
}
th{
	color: #fff;
}
td{
	color: #fff;
}
/*Contacto*/
.backgroundContacto{
	background: url(../img/11.jpeg);
	background-size: cover;
	width: 100%;
	height: 600px;
	position: relative;
}
.backgroundContacto:after{
	content: "";
	position: absolute;
	bottom: -50px;
	left: -50px;
	background: #f49323;
	width: 100px;
	height: 100px;
	border-radius: 50%;
}
.titleContacto{
	text-transform: uppercase;
	font-weight: 900;
	position: relative;
}
.boton-formulario{
	background: #e88a26;
	color: #fff;
	font-weight: bold;
}
/*Responsive*/
@media only screen and (max-width: 400px){

	.navbar-brand{
		position: relative;
		left: 12%;
		transform: translateX(-12%);
		
	}
	body{
		background: linear-gradient(50deg, rgba(47,62,118,.8) 60%, #afb7d1 40%) 100% 100% / 100% no-repeat;
	}
	footer{
		height: 1050px;

	}
}