@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) {

	.contMenu{
		display: none !important;
	}	
	
	

.cursor{
	display:none !important;
}
#btnIdiomaSelec{
	display:none !important;
}

#conSeccion{
display:none;
}

.full-menu .navegacion ul li {
width: 90% !important; 
}
.btnMenuPrin{
	text-align:center;
	}

.alingRight {
    margin-left: 0% !important;
}
.imgSec {
    width: 100% !important;
}
#logoImg{
	width:200px !important;

}

#textoBanner{
	width: 90% !important;
	font-size: 30px !important;
	bottom: 30% !important;
}
#btnBanners{
	width: 70% !important;	
	}
#imgHome01{
	width: 100% !important;
        top: -7px !important;
        left: 0px ! important;
        height: 521px !important;
        background-color: transparent !important;
}
#imgHome02{
	width: 90% !important;
        top: 0px !important;
        left: 0px !important;
	    right: 0px !important;
	    margin-left: auto !important;
	    margin-right: auto !important;
        height: 521px !important;
        background-color: transparent !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;
}

.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;
}

#btnSer{
	margin-top:120px !important
	}
#iconHome{
	display:none !important;
    bottom: -15px !important;
    height: 14% !important;
}

.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;
}

.conSeccion {
    width: 100% !important;
    height: 60% !important;
    bottom: 0px !important;
    margin-bottom: 50px !important;
    right: 0px !important;
}
.header{
	position: fixed;
	
}
.T-script{
	font-size: 27px !important;
	right: 22% !important;
	}
#conText-home-01{
		height: 800px !important;
	top: 0% !important;
		
}
#conText-home-02{
		height: 890px !important;
		top: 0% !important;
}
#contTex01{
		width: 100% !important;
		height: 770px !important;
}
	
.swiper3{
	  width: 100% !important;
      height: 550px !important;
		  
	  }	
.swiper-slide3{
	margin-right: 0px !important;	
}
#cont-swipper-text{
	margin-top: 100px !important;	
	}	
.flechaDer{
		margin-top: 200px !important;
        right: 30% !important;
}
	
.flechaIzq{
	margin-top: 200px !important;
        left: 30% !important;	
}
.texto-mid {
	font-size:20px !important;
	text-align:left !important;
	text-decoration: none;
}
.texto-small {
	font-size:15px !important; 
	text-decoration: none;
}
.texto-big {
	font-size:25px !important; 
	text-decoration: none;
}
.texto-big2 {
	font-size:30px !important; 
	text-decoration: none;
}
.texto-biges {
	font-size:40px !important; 
	text-decoration: none;
}
.banner{
            position: relative;
        width: 100%;
 background-color: beige !important;
        background-repeat: no-repeat !important;
        /* background-position: center; */
        background-position-y: top !important;
        background-position-x: left !important;
        background-size: 120% !important;
        height: 200px !important;
        top: 100px !important;
}	
#tit-seccion{
	    right: 20px !important; 
    bottom: 0px !important;	
	top: 20% !important;
	}
#tex-home-01{
		top: 430px !important;
		width: 90% !important;
}
#tex-home-02{
		top: 0px !important;
		width: 90% !important;
}
#tex-home-03{
		top: 560px !important;
		width: 90% !important;
	    left: 7% !important;
	text-align: left !important;
}
#tex-about-01{
		top: 290px !important;
		width: 90% !important;
}
#tex-about-02{
		
		width: 90% !important;
	height: 740px !important;
	padding: 10px !important;
	margin-top: 40px !important;
}
#tex-service-02{
		
	width: 90% !important;
	padding: 10px !important;
}
#tex-contact-01{	
	width: 90% !important;
	padding: 10px !important;
}
#cont-textos-about{
	width: 100% !important;
	top: 130px !important;
	
}
#cont-contenido{
	height: 1870px !important;
		
}
#cont-contenido-home{
	height: 1700px !important;
		
}
#cont-contenido-service{
	height: 1590px !important;
		
}
#cont-contenido-contacto{
	height: 1670px !important;
		
}
#cont-textos-contact{
	width: 100% !important;
	margin-top: 30px !important;
	
}	
	#cont-gen-tex-01{
		height: 750px!important;
	}
#subitilo-about{
	top: 10px !important;		
}
#subitilo-contact{
	top: 10px !important;		
}	
#imgHome01{
	width: 100% !important;
        top: 60px !important;
        left: 0px ! important;
        height: 521px !important;
        background-color: transparent !important;
}
#imgHome02{
	width: 90% !important;
        top: 0px !important;
	    margin-top: 130px !important;
        left: 0px !important;
	    right: 0px !important;
	    margin-left: auto !important;
	    margin-right: auto !important;
        height: 371px !important;
        background-color: transparent !important;
}
	
#imgAbout01{
	   width: 100% !important;
        top: -7px !important;
        left: 0px ! important;
        height: 521px !important;
        background-color: transparent !important;
}
#imgAbout02{
	width: 90% !important;
        top: 0px !important;
	    margin-top: 130px !important;
        left: 0px !important;
	    right: 0px !important;
	    margin-left: auto !important;
	    margin-right: auto !important;
        height: 371px !important;
        background-color: transparent !important;
}
	#cont-swipper-serv{
		width: 100% !important;
	}	
.swiper2 {
    width: 100% !important;
 
}
	.swiper-slide2{
		  width: 100% !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: 0px !important;
    height: 32% !important;
    width: 74% !important;
    position: absolute;
    top: auto !important;
    bottom: 20% !important;
	margin-left:auto;
	margin-right:auto;
	
}
.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;


}
	
#cont-testimoniales{
	display: none !important;	
}	
	
#cont-testimoniales-mobile{
	display: block !important;	
}	
	.full-menu .navegacion{
		justify-content: center;
		text-align: center;
	}
.itemBtn{
    height: 40px !important;
	padding-left:0px !important;
}
.footer{
	height: 400px !important;
}
#texto-footer{
	width: 100% !important; text-align: right !important; font-weight: 600 !important; padding: 10px !important;	
	}
#ContLogoFooter{
	position: relative;
        width: 42% !important;
        padding: 10px;
        left: 0px;
        right: 0px;
        margin-left: auto;
        margin-right: auto;
}
.contInfo {
    top: 8% !important;
	position:relative !important;
}
.btn-gen2{
		font-size: 23px !important;
	right: 20px !important;
	}
.btn-gen{
		font-size: 23px !important;
	   
	}
	.contRedes{
		margin-top: 100px !important;
		width: 50PX !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:90% !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:82px !important;
	width:90% !important;
    display: flex !important;
    flex-wrap: nowrap !important ;
    flex-direction: column !important;
	height:180px !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) {

}