@font-face {
    font-family: 'Gilroy';
    src: url('../font/Gilroy-ExtraBold.woff2') format('woff2'),
        url('../font/Gilroy-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy light';
    src: url('../font/Gilroy-Light.woff2') format('woff2'),
        url('../font/Gilroy-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@media screen and (max-width: 2048px) {

#iconHome{
	bottom: 9% !important;
}
.modulo{
	height:800px; 

}
#moculo5{
 height:900px; 
}
#moduloGraf{
 height:1180px; 
}
}

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

#iconHome{
	bottom: 9% !important;
}
.modulo{
	height:800px; 

}
#moculo5{
 height:900px; 
}
#moduloGraf{
 height:1150px; 
}
}
@media screen and (max-width: 1366px) {
#ContSlider{
width: 70% !important;
height: 100% !important;
margin-left:30%;

}
	#contGeneral {
		width: 100%;
		height:100%;
	}
#iconHome{
	bottom: -20% !important;
}
.modulo{
	height:640px; 

}
#moculo5{
 height:640px; 
}
#moduloGraf{
 height:1000px; 
}
    #MenuMobile{
		display:none !important;
	}
	

}	


#contForm{
    width: 100% !important;

}

/************************************************************************************
smaller than 1024
*************************************************************************************/
@media screen and (max-width: 1024px ) {


#MenuMobile{
		display:none !important;
	}


}

/************************************************************************************
smaller than 960
*************************************************************************************/
@media screen and (max-width: 993px) {
#MenuMobile{
		display:none !important;
	}
	
	
}


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

.container{
	overflow:hidden;
}
.videoHome{
	display:block;

}
.textoBig{
	font-weight:600 !important;
	font-size: 21px !important;
	line-height: 20px !important;
}
.textoMid{

	font-size: 22px !important;

}	
.cursor{
	display:none !important;
}
#btnIdiomaSelec{
	display:none !important;
}
#indicadorMenu{
display:none;
}
#conSeccion{
display:none;
}
.frasesHome{
	width:90% !important;
	top: 17% !important;

}
#btn01{
	top: 30% !important;

}
#btn02{
	top: 45% !important;

}
#btn03{
	top: 60% !important;

}
.full-menu .navegacion ul li {
width: 90% !important; 
}
.btnMenuPrin{
	text-align:center;
	}
.fraseAnima{
	display:none !important;
}
.esquina{
bottom: 74px !important;
}
.alingRight {
    margin-left: 0% !important;
}
.imgSec {
    width: 100% !important;
}
#logoImg{
	width:200px !important;

}
#textPrin{
	width:90% !important;
	width: 90% !important;
    margin-right: auto !important;
    margin-left: auto;
    left: 0px;
    right: 0px;
    bottom: -18%;
    color: #fff !important;
    position: absolute;
    margin-bottom: 10px;
}
#textPrin2{
	width:90% !important;
	width: 90% !important;
    margin-right: auto !important;
    margin-left: auto;
    left: 0px;
    right: 0px;
    color: #fff !important;
    position: absolute;
}
.textoMid2{
	font-size:40px !important;
}
.textoSmall{
	font-size:16px;
}
#imagenServ{
	position: relative !important;
	margin-bottom: 25px !important;
}
#titServ{
	margin-right:0px !important;
}

.contSwiper {
     width: 80% !important;
}
.swiper-container {
    width: 100%;
    margin: 20px 0;
    position: relative !important;
    right: 0;
	left: 0px !important;
}
#contIconos{
	width:100% !important; 

}
.contH {
    width: 100% !important;
	margin-bottom: 50px !important;
}
#aseg-slide01{
	content:url(../images/contServ-aseg-slide01mov.svg) !important;
	width:90% !important;
}

#aseg-slide02{
	content:url(../images/contServ-aseg-slide02-mov.svg) !important;
	width:90% !important;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: 0px !important;
    left: auto;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: 0px!important;
    right: auto;
}
#circuloServ{
	background-image:url(../images/circulo-ServMobileBlu.svg) !important;
	background-position-y: 212px !important;
	height: 686px !important;
}
#btnSer{
	margin-top:120px !important
	}
#iconHome{
	display:none !important;
    bottom: -15px !important;
    height: 14% !important;
}
.modulo {
    height: 800px !important;
}
#moduloPoderes{
	height:1000px !important;
}
#moculo1{
	height:750px !important;

}
#moculo2{
    height:900px !important;
}
#moculo3{
  height:1100px !important;
}
#moculo4{
  height:900px !important;
}
#infoPoderes{
    background-color: #1c1c1c;
    background-image: url(../images/Isotipo_completo.svg);
    background-repeat: no-repeat;
    background-size: 34%;
    background-position: 85% 40%;
}
.content-2 {
    width: 90% !important;
    bottom: 65px !important;
}
#texbnner01{
	line-height:18px !important;
}
#textoSmall03{
	font-size:16px !important;

}
.menu-principal{
   margin-left: -200%;
   width: 350px !important;
}
.full-relleno{
  display: none !important;
}

.full-menu .navegacion ul {
    text-align: center !important;
}
.full-menu {
	}
.wrap {
    margin: 0 !important;
}
.circulo{
	height:auto !important;
	width:100% !important;
	top:auto !important;
	content:url(../images/circulo-mobileBlu.svg) !important;
}
.circuloComp{
	height:300px !important;
	width:100% !important;
	top:auto !important;
	position:relative !important;
}
.grafico{
	width: 100% !important;
	content:url(../images/graficos-mobile.svg) !important;
}
#circulo-CompromisoMobile{
	width:100% !important;
	height:auto !important;
	position:relative !important;
   content:url(../images/circulo-CompromisoMobile.svg) !important;
}
#hablemos{
	display:none !important;

}
#logoCropCompromiso{
	bottom: 0px !important ;
    position: absolute !important;
    right: 50% !important;
    /* height: 20%; */
    height: 85px !important;
}
.conSeccion {
    width: 100% !important;
    height: 60% !important;
    bottom: 0px !important;
    margin-bottom: 50px !important;
    right: 0px !important;
}
#btnCompromiso{
    transform: scale(0.9) !important;
    z-index: 20 !important;
	width:100% !important;
	margin-left: 0px !important;
}
.videoHome{
	display:block;

}
.gifHome{
	display:block;
}
#textSevSubtitulo{
	display:block !important;
}
#textSevSubtituloDesktop01, #textSevSubtituloDesktop02{
	display:none !important;
}
#btnServCont{
	transform:scale(0.80) !important;
	transform-origin: left !important;
	margin-top: 112px !important;
}
#btnServCont {
    top: 77px !important;
	z-index: 10 !important;
}
.logoMenu{

}
.gifHome{
    position: relative !important;
    left: -26px !important;
}
#imgHome{
	bottom: 0px !important;
    position: absolute !important;
    left: 0px !important;
	right:auto !important;
    z-index: 2 !important;
    height: 12% !important;
}
.full-menu .navegacion ul li a {
    font-size: 30px !important;
	line-height: 30px !important;
}
.itemBtnCheckMain {
    font-size: 30px !important;
	line-height: 30px !important;
}
.imgHome{
	right: 0px !important;
	left: 130px !important;
    height: 32% !important;
    width: 95% !important;
    position: absolute;
    top: auto !important;
    bottom: -05% !important;
	margin-left:auto;
	margin-right:auto;
	
}
.contRedes{

	bottom:14%;

}
.navbar-nav{
	width:90% !important;
    position: absolute;
    right: 0px;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
    display: flex !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    -webkit-flex-flow: row wrap !important;
    flex-direction: column !important;


}
	.full-menu .navegacion{
		justify-content: center;
		text-align: center;
	}
.itemBtn{
    height: 40px !important;
	padding-left:0px !important;
}
.footer{
	height: 550px !important;
}
.contInfo {
    top: 8% !important;
	position:relative !important;
}
#btnWa{
    right: 1% !important;
}
#btnWa2{
    right: 21% !important;
}
	
	#menu{
		display:block !important;
	}
	#ContMenu{
		display:none !important;
	}
    #MenuMobile{
		display:block !important;
	}
	.menu-bar{
		display:none !important;
	}
.sopContacto {

    width: 100% !important;
	height:900px !important;

}
.bgDeco{
	display:none !important;
}
.bgDecoPoderes2{
	display:none !important;
}
#circuloContacto{
	display:none !important;
}
#containerContacto{
	height:1550px !important;
	}
#containerConpromiso{
	height:700px !important;
	}	
.imgContacto{
	display:none !important;
   z-index: 10; 
   width: 100% !important; 
   position: relative; 
   right: 0% !important;  
   margin-top: 27%;
}
#contInfo2{
	height:90% !important;
}
#btnSend{
    bottom: 18px; 
	left: 80% !important;
}
#contFormH {
	width:100% !important;
    display: flex !important;
    flex-wrap: nowrap !important ;
    flex-direction: column !important;
	height:80px !important;
}
#contFormV{
	    width: 100% !important;
}
.sopTexForm {
    margin-bottom: 10px !important;
	
}
#contFormM{
	margin-top:90px !important;
	width:100% !important;
    display: flex !important;
    flex-wrap: nowrap !important ;
    flex-direction: column !important;
	height:80px !important;
	}
#contFormulario{
	top:100px !important;
height: 1200px !important;
}
}

@media screen and (max-width: 600px) {
#slider{
	display:none;
}	
#sliderMobile{
	display:block;
	width: 100%;
  	position: fixed;
    right: 0px;
    z-index: 10;
	
}

#ContSlider{
	width: 100% !important;;
    height: 100% !important;;
	margin-left:0px !important;
}

}
	
	
/************************************************************************************
smaller than 414 iphone 6 +
*************************************************************************************/



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




}



/************************************************************************************
smaller than 375
*************************************************************************************/


/* Portrait */
@media only screen 
  and (min-device-width: 375px)  
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
	  


	
}

/************************************************************************************
smaller than 320
*************************************************************************************/

@media screen and (max-width: 320px) {
	#contServInfo {
    font-size: 15px !important;
	margin-top: 55px !important;
    padding-top: 20px !important;;
    padding-right: 30px !important;;
    padding-bottom: 40px !important;;
    padding-left: 30px !important;;
    
}
	#contServ {
        top: 100px !important;
		height: calc(100% - 100px) !important;
}

#titServ {

    margin-top: 5px !important;

}
.titServicios4:before {

    margin-left: -142% !important;
}
.titServicios3:before {
    margin-left: -88% !important;
}
.titServicios2:before {
    content: "OBRAS CIVILES";
    margin-left: -35% !important;
}

#cerrar1 {
    width: 30px !important;
    height: 30px !important;
    left: 88% !important;
}
#titulo {
    margin-left: 0px !important;
    margin-top: 70px !important;
    font-size: 25px !important;
}
}





/************************************************************************************
smaller than 650
*************************************************************************************/
@media screen and (max-width: 640px) {


	
	#menu{
		display:block !important;
	}
	.menu-bar{
		display:none !important;
	}
	#MenuMobile{
		display:block !important;
	}
}

/************************************************************************************
smaller than 560
*************************************************************************************/
@media screen and (max-width: 480px) {

	/* disable webkit text size adjust (for iPhone) */
	#MenuMobile{
		display:block !important;
	}
	#menu{
		display:block !important;
	}
	.menu-bar{
		display:none !important;
	}
	#contGeneral {
		background-color:#FFF;
		width: 100%;
	}

}

/************************************************************************************
smaller than 360
*************************************************************************************/
@media screen and (max-width: 360px) {

}


/************************************************************************************
smaller than 360
*************************************************************************************/
@media screen and (max-width: 414px) {

}


/************************************************************************************
ipad mini
*************************************************************************************/


/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {

}