/*Custom Barra de manú ********************************************************/

body {
  padding-top: 70px;
  font-size: 16px;  /*Tamaño según letra: 'Lato 16px' 'Default 14px'*/
}
.t3-footer-sl .t3-module{
	background: #ececec;
}
.navbar {
	min-height: 70px;
}
.off-canvas-toggle {
	height: 70px;
	line-height: 70px;
	width: 70px;
}
.t3-mainnav .t3-navbar-collapse {
  margin-top: 70px;
}
.t3-off-canvas .t3-off-canvas-header {
  height: 70px;
}
.t3-off-canvas .t3-off-canvas-header h2 {
  line-height: 70px;
}
.t3-off-canvas .close {
  height: 70px;
  line-height: 70px;
}
.logo-image {
  max-height: 70px;
}
.logo-image > a {
  max-height: 70px;
}
.navbar-toggle {
  height: 70px;
  line-height: 70px;
	width: 70px;
}
.navbar-default .navbar-nav > li{
  margin-left: 0px; /*margin-left: 21px;*/
}
.navbar-default .navbar-nav > li > a {
  line-height: 70px;
  padding-left: 10px;
  padding-right: 10px;
}
.navbar-default .t3-navbar-collapse .navbar-nav > li > a {
  padding: 0px 10px 0px 50px;
}
.head-search{
  height: 70px;
}
.off-canvas-toggle + .container .navbar-header .logo{
  left: 10px;
  border-left: none;
}
header > .container{
  padding-left: 0px;
}
.navbar-default .navbar-nav > li > a{
  font-size: 12px;  /*Tamaño según letra: 'Lato 14px' 'Default 12px'*/
}
.navbar-default .navbar-nav > .dropdown > a .caret{
  border-top-color: rgb(51, 51, 51);
  border-bottom-color: rgb(51, 51, 51);
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus
{
  color: rgb(235, 11, 11);
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus{
  color: rgb(160, 50, 49);
}
.navbar-default .navbar-toggle .icon-bar,
.navbar-default .navbar-toggle .fa-bars{
  color: rgb(121, 121, 121);
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus{
  margin-top: 1px;
  background-color: rgb(68, 68, 68);
  color: rgb(255, 255, 255);
  border-radius: 5px;
}
.dropdown-menu{
  background-color: rgb(68, 68, 68);
}
.t3-megamenu .mega.open > .mega-dropdown-menu,
.t3-megamenu .mega.dropdown-submenu.open > .mega-dropdown-menu{
  border-radius: 10px;
}
.mega-col-nav{
  padding-left: 5px;
  padding-right: 5px;
}
.mega-col-nav .mega-inner{
  padding-top: 5px;
  padding-bottom: 5px;
}
.navbar-default .navbar-nav > li > a{
  text-transform: none;
  font-family: 'Raleway', sans-serif;
  font-weight: 600;
  font-size: 15px;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus{
  color: rgb(121, 121, 121);
}

.t3-megamenu > ul > .active{
  color: rgb(110, 0, 0);
}
/************Personalización de menú para smartphones SM*/
@media only screen and (max-width: 990px){
	body{
		padding-top: 50px;
	}
	.navbar{
		min-height: 50px;
	}
	.logo-image {
		max-height: 50px;
	}
	.logo-image > a {
		max-height: 50px;
	}
	.navbar-toggle {
		height: 50px;
		line-height: 50px;
		width: 50px;
	}
	.t3-mainnav .t3-navbar-collapse {
		max-height: 500px;
		margin-top: 50px;
	}	
	.navbar-default .navbar-nav > li > a {
	  line-height: 50px;	  
	}
	.navbar-default .t3-navbar-collapse .navbar-nav > li > span {	  
		display: inline-block;
		width: 100%;
		line-height: 50px;
		padding: 0px 10px 0px 50px;	  
		text-transform: none;
		font-family: 'Raleway', sans-serif;
		font-weight: 600;
		font-size: 15px;
		color: #b3b3b3;
	}
	.navbar-default .t3-navbar-collapse .navbar-nav > li > ul > li {
		padding-left: 40px;
	}
	.navbar-default .t3-navbar-collapse .navbar-nav > li > ul > li > a {
		text-transform: none;
		font-family: 'Raleway', sans-serif;
		font-weight: 600;
		font-size: 15px;
	}
	.navbar-default .t3-navbar-collapse .navbar-nav > li > ul > li.current.active > a {
		color: #a03231;
	}
 }
 /************Personalización de menú para otros dispositivos MD, LG, XL*/
 @media only screen and (min-width: 991px){
	 #t3-mainnav > .container > .t3-navbar.navbar-collapse.collapse{
		 display: none !important;
	 }
 }


/************Personalización de menú sin link con submenus (Separator) MD - LG*/
.dropdown > .separator{
  height: 70px;
  line-height: 34px !important;
  text-transform: uppercase;
  vertical-align: middle;
  border-radius: 5px;
  font-size: 12px;
}
.dropdown > .separator > em{
  border-top-color: rgb(0, 0, 0);
  border-bottom-color: rgb(0, 0, 0);
}
.dropdown > .separator:hover{
  background-color: rgb(68, 68, 68);
  color: rgb(255, 255, 255);
  cursor: pointer;
}
.dropdown > .separator:hover > em{
  border-top-color: rgb(255, 255, 255);
  border-bottom-color: rgb(255, 255, 255);
}
/************Personalización de menú sin link con submenus (Separator) XS - SM*/

.navbar-default .navbar-nav > .open > span,
.navbar-default .navbar-nav > .open > span:hover,
.navbar-default .navbar-nav > .open > span:focus{
  margin-top: 1px;
  background-color: rgb(68, 68, 68);
  color: rgb(255, 255, 255);
  border-radius: 5px;
}


/*Menú rurak personalizado ****************************************************/
  /*oculto el header en md y lg*/
  @media only screen and (max-width: 990px){
    .rurak-menu{
      display: none;
    }
  }
  @media only screen and (min-width: 991px){
    body{
      padding-top: 80px;
    }
  }
  /*Construyo el menú*/
  .rurak-menu{
    padding: 0px;
	border-bottom: solid 2px #dddddd;
    background-color: #ffffff;
    color: #343434;
    font-size: 12px;
    text-align: center;
    vertical-align: top;
    position: fixed;
    width: 100%;
    height: 80px;
    left: 0px;
    top: 0px;
    z-index: 10000;
  }
  .rurak-menu a{
	color: #343434 !important;
  }
  .rurak-menu a:hover{	
	text-decoration-line: none;
  }
  .rurak-menu-inner{	
    width: 100%;   
    max-width: 1300px;
    margin: auto;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
  }
  .rurak-menu-item{
    display: inline-block;
    padding: 0px 20px 0px 20px;
	margin: 0px;
    width: auto;
    height: 80px;
    cursor: pointer;
  }
  .rurak-menu-boton{
    height: 80px;
    font-size: 16px;
	padding-top: 28px;
  }
  .rurak-menu-brand{
    float: left;
    padding: 0px 0px 0px 10px !important;
    width:  150px !important;
    height: 78px !important;
	background-color: #ffffff !important;
  }
  .rurak-menu-brand a > img{
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  .rurak-menu-brand:hover img{
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  .rurak-menu-item:hover{
    background-color: #dddddd;
	color: #a03331;
  }
  .rurak-submenu{
    background-color: #dddddd;
    color: rgb(40, 40, 40);
    padding: 30px 0px 30px 0px;
    display: none;
    width: 100%;
    position: fixed;
    top: 80px;
    left: 0px;
	z-index: 10000;
  }
  .rurak-submenu a{	
	color: rgb(40, 40, 40) !important;
  }
  .rurak-submenu a:hover{	
	text-decoration-line: none;
  }
  .rurak-submenu-cortina{
	    display: none;
		position: fixed;
		width: 100%;
		height: 100%;
		left: 0px;
		top: 80px;
		z-index: 9999;
		background-color: #00000000;
		-moz-transition: all 0.3s;
		-webkit-transition: all 0.3s;
		transition: all 0.3s;
  }
  #rurak_submenu_entrenamiento{
    height: 300px;
	padding: 0px;
	background-color: #ffffff;
	overflow: hidden;
  }
  #rurak_submenu_entrenamiento:hover .rurak_submenu_entrenamiento_box .imagen_submenu_entrenamiento{
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
    #rurak_submenu_entrenamiento .rurak_submenu_entrenamiento_box{
		display: flex;
		flex-direction: row;
		justify-content: center;
	}	
	#rurak_submenu_entrenamiento .rurak_submenu_entrenamiento_box .text-box{
		color: #343434;    
		font-size: 32px;		
		padding: 20px 50px 20px 20px;
		max-height: 200px;
		margin: auto 0px;
	}
	#rurak_submenu_entrenamiento .rurak_submenu_entrenamiento_box .imagen_submenu_entrenamiento{
		max-width: 60%;
		overflow: hidden;
		-moz-transition: all 0.3s;
		-webkit-transition: all 0.3s;
		transition: all 0.3s;
	}
	#rurak_submenu_proyectos{
		height: 300px;
		padding: 0px;
		background-color: #ffffff;
		overflow: hidden;
	}
    #rurak_submenu_proyectos a .proyectos-box{
		position: relative;
		width: 100%;
		height: 300px;
	}
	#rurak_submenu_proyectos a .proyectos-box:hover .imagen_submenu_proyectos img{
		-moz-transform: scale(1.1);
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
	#rurak_submenu_proyectos a .proyectos-box .text-box{
		position: absolute;
		top: 0px;
		left: 0px;
		width: 35%;
		height: 100%;
		display: flex;    
		flex-direction:column;
		justify-content: center;
		color: #ffffff;
		background-color: #000000ad;				
		font-family: 'Raleway', sans-serif;
		font-weight: 600;
		font-size: 34px;
		padding-right: 20px;
		-webkit-clip-path: polygon(0% 0%, 88% 0%, 100% 100%, 0% 100%);
		clip-path: polygon(0% 0%, 88% 0%, 100% 100%, 0% 100%);
		z-index: 1000;
	}
	#rurak_submenu_proyectos a .proyectos-box .text-box > div{
		margin: auto;
		text-align: left;
	}
	#rurak_submenu_proyectos a .proyectos-box .imagen_submenu_proyectos{
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		z-index: 999;
		overflow: hidden;
	}
	#rurak_submenu_proyectos a .proyectos-box .imagen_submenu_proyectos img{
		width: 100%;
		-moz-transition: all 0.3s;
		-webkit-transition: all 0.3s;
		transition: all 0.3s;
	}
	@media only screen and (max-width: 1300px){
		#rurak_submenu_proyectos a .proyectos-box .text-box{
			font-size: 30px !important;
		}
	}
  .rurak-submenu-inner{
    width: 80%;
    margin: auto;
  }
  .rurak-subitem,
  .rurak-subitem-pic{
    display: inline-block;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    width: 11%;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
  }
  .rurak-subitem-pic img{
	-webkit-clip-path: polygon(5% 0%, 100% 0%, 95% 100%, 0% 100%);
	clip-path: polygon(5% 0%, 100% 0%, 95% 100%, 0% 100%);
	-moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
  }
  .rurak-subitem-pic:hover img{
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  .rurak-subitem-pic a > div{
    padding-top: 5px;	
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
  }
  .rurak-subitem:hover,
  .rurak-subitem-pic:hover a > div{
	 color: #a03331;
    -moz-transform: scale(1.25);
    -webkit-transform: scale(1.25);
    transform: scale(1.25);
  }
  .rurak-subitem a > img,
  .rurak-subitem-pic a > img{
    display: block;
    max-width: 88%;
	max-height: 180px;
    margin: auto;
    padding: 0px 0px 0px 0px;
  }
  .rurak-subitem-muros{
    width: 30% !important;
  }
  .rurak-subitem-aventura{
    width: 40% !important;
  }
  .rurak-subitem-presas-y-vol{
    width: 30% !important;
  }
  .rurak-subitem-nosotros{
    width: 19% !important;
	min-width: 180px;
  }
  
  
/*Custom Body (colores de fondo) **********************************************/

.t3-wrapper{
	background-color: #ffffff;
}
.t3-mainbody {
	background-color: #FFFFFF;
}
@media only screen and (max-width: 767px){
	.t3-mainbody {
		padding-top: 0px;
		padding-bottom: 0px;
	}	
}


/*Slideshow *******************************************************************/
#djslider-loader87 .slide-desc{
	background-color: #000000ad !important;
	width: 30% !important;
	-webkit-clip-path: polygon(0% 0%, 88% 0%, 100% 100%, 0% 100%);
	clip-path: polygon(0% 0%, 88% 0%, 100% 100%, 0% 100%);
	overflow: hidden;
}
#djslider-loader87 .slide-desc > .slide-desc-in > .slide-desc-bg.slide-desc-bg-default{
	background: none !important;
}
#djslider-loader87 .slide-desc > .slide-desc-in > .slide-desc-text.slide-desc-text-default{
	padding: 20px 50px 20px 40px;
}
#djslider-loader87 .slide-desc > .slide-desc-in > .slide-desc-text.slide-desc-text-default .slide-title{	
	font-family: 'Raleway', sans-serif;
    font-weight: 500;
	font-size: 38px;
}
#djslider-loader87 .slide-desc > .slide-desc-in > .slide-desc-text.slide-desc-text-default .slide-text{	
	font-family: 'Raleway', sans-serif;
    font-weight: 500;
	font-size: 14px;
}
#djslider-loader87 .slide-desc > .slide-desc-in > .slide-desc-text.slide-desc-text-default .slide-text p{	
	margin-bottom: 5px;
}
@media only screen and (max-width: 767px){
	#djslider-loader87 .slide-desc{		
		width: 48% !important;
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	#djslider-loader87 .slide-desc > .slide-desc-in > .slide-desc-text.slide-desc-text-default .slide-title{			
		font-size: 22px;
	}
	#djslider-loader87 .slide-desc > .slide-desc-in > .slide-desc-text.slide-desc-text-default .slide-text{			
		font-size: 13px;
}
	#djslider-loader87 .slide-desc > .slide-desc-in > .slide-desc-text.slide-desc-text-default{
		padding: 30px 25px 15px 15px;
	}
	#djslider-loader87 .djslider.djslider-default,
	#djslider-loader87 .slider-container,
	#djslider-loader87 .slider-container ul li{
		height: 250px !important;
	}
	#djslider-loader87 .dj-image{
		width: auto !important;
		height: 250px !important;
		margin: auto !important;
	}
}
@media only screen and (min-width: 768px) and (max-width: 990px){
	#djslider-loader87 .slide-desc{		
		width: 35% !important;
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	#djslider-loader87 .slide-desc > .slide-desc-in > .slide-desc-text.slide-desc-text-default .slide-title{			
		font-size: 30px;
	}
	#djslider-loader87 .slide-desc > .slide-desc-in > .slide-desc-text.slide-desc-text-default{
		padding: 50px 20px 20px 20px;
	}
}
@media only screen and (min-width: 991px) and (max-width: 1199px){
	#djslider-loader87 .slide-desc{		
		width: 45% !important;		
	}
	#djslider-loader87 .slide-desc > .slide-desc-in > .slide-desc-text.slide-desc-text-default .slide-title{			
		font-size: 30px;
	}
	#djslider-loader87 .slide-desc > .slide-desc-in > .slide-desc-text.slide-desc-text-default{
		padding: 20px 50px 10px 20px;
	}
}
@media only screen and (min-width: 1200px) and (max-width: 1499px){
	#djslider-loader87 .slide-desc{		
		width: 35% !important;		
	}
	#djslider-loader87 .slide-desc > .slide-desc-in > .slide-desc-text.slide-desc-text-default .slide-title{			
		font-size: 30px;
	}
	#djslider-loader87 .slide-desc > .slide-desc-in > .slide-desc-text.slide-desc-text-default{
		padding: 20px 50px 10px 30px;
	}
}

/*Search Module Slideshow *****************************************************/

@media only screen and (max-width: 990px){
  .banner-search{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	max-width: 1300px;
    height: 40px;
    margin: auto;
    padding: 0px 10px 0px 10px;
    text-align: center;*/
  }
  .banner-search-contacto{
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    padding: 0px;
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
	font-size: 15px;
  }
  .banner-search-buscar .mod-finder__search.input-group{
    display: flex;
	flex-direction: row;
	justify-content: space-between;
  }
  .banner-search-buscar .btn.btn-primary{
	background-color: rgb(201, 201, 201);
	border-color: rgb(201, 201, 201);
  }
  #search-results{
	padding-top: 50px;
  }  
}
@media only screen and (min-width: 991px){
  .banner-search{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
    max-width: 1300px;
    margin: auto;
    padding: 15px 80px 15px 10px;
  }
  .banner-search-contacto{
    display: inline-block;
    vertical-align: middle;
    padding-left: 30px;
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
  }
  .banner-search-buscar input{
	  height: 30px;
  }
    .banner-search-buscar button{
	  height: 30px;
	  padding-top: 3px
  }
  .banner-search-buscar .mod-finder__search.input-group{
    display: flex;
	flex-direction: row;
	justify-content: space-between;
  }
  .banner-search-buscar .btn.btn-primary{
	background-color: rgb(201, 201, 201);
	border-color: rgb(201, 201, 201);
  }
  #search-results{
	padding-top: 50px;
  }  
}
@media only screen and (max-width: 990px){
	.banner-search-buscar{
		display: none;
	}
}


/*Custom Module Slideshow Inicio **********************************************/
body .corporate .slideshow { /*Quitarle el padding al slideshow*/
  padding: 0px;
  border-bottom: 1px solid rgb(255, 255, 255);
  background-color: rgb(255, 255, 255);
}


/*Slogan principal ************************************************************/
.slogan1-rurak{
  background-color: rgb(255, 255, 255);
}
@media only screen and (max-width: 767px) {
  .slogan2-rurak{
    padding: 70px 20px 0px 20px;
    background-color: rgb(255, 255, 255);
    text-align: center;    
    font-size: 28px;
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
  }
  .slogan3-rurak{
    padding-top: 40px;
    font-style: normal;
    font-size: 17px;
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
  }
}
@media only screen and (min-width: 768px) {
  .slogan2-rurak{
    padding: 130px 100px 30px 100px;
    background-color: rgb(255, 255, 255);
    text-align: center;    
    font-size: 32px;
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    max-width: 1200px;
    margin: auto;
  }
  .slogan3-rurak{
    padding-top: 50px;
    font-style: normal;
    font-size: 20px;
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
    line-height: 40px;
  }
}
.leer-mas{
  cursor: pointer;
  color: rgb(153, 0, 0);
}
/*Imagen principal con barrido ************************************************/

.barrido-rurak{
  background-image: url(../../../images/principal/barrido-rurak.jpg);
  background-repeat: repeat;
  background-attachment: fixed;
  background-size: auto;
  background-position: center top;
  background-color: #FFFFFF;
  height: 350px;
}
.barrido-rurak-mobile{
  background-image: url(../../../images/principal/barrido-rurak.jpg);
  background-repeat: repeat;
  background-attachment: scroll;
  background-size: cover;
  background-position: center top;
  background-color: #FFFFFF;
  height: 350px;
}
.barrido-rurak-texto{
  color: rgb(255, 255, 255);
  text-align: center;
  vertical-align: middle;
  text-shadow: 2px 2px 4px rgb(0, 0, 0);
  font-size: 40px;
}



/* Proyectos destacados *******************************************************/

.main-destacado-titulo{
	padding: 50px 0px 60px 0px;    
    text-align: center;    
    font-size: 30px;
    font-family: 'Raleway', sans-serif;
    font-weight: 500;    
    margin: auto;
}
.destacado-main{
  padding: 0px 0px 50px 0px;
}
.destacado{
  padding: 5px 15px 40px 15px;
  background-color: rgb(255, 255, 255);
}
.destacado a{
  text-decoration-line: none !important;
}
.main-destacado{
  overflow: hidden;
  cursor: pointer;
}
.destacado-mosaico{
	padding: 0px;
}
.destacado-main .destacado-mosaico .destacado-muros{
	padding: 5px 20px 40px 0px;
}
.destacado-main .destacado-mosaico .destacado-presas-vol{
	padding: 5px 10px 40px 10px;
}
.destacado-main .destacado-mosaico .destacado-entrenamiento{
	padding: 5px 0px 40px 20px;
}
/*On hover zoom. Tomado de: https://codepen.io/Remedy/pen/ZYJrpp*/
.destacado:hover img {
  -moz-transform: scale(1.3);
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
}
.destacado:hover .titulo-destacado {
  text-shadow: 2px 3px 2px rgb(210, 210, 210);
}
.main-destacado > img{
  max-width: 100%;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.titulo-destacado{
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: rgb(255, 255, 255);
  color: rgb(38, 38, 38);
  text-align: center;
  font-size: 18px;
  font-family: 'Raleway', sans-serif;
  font-weight: 600;
  transition: all 0.3s;
}
@media only screen and (max-width: 767px){
	.destacado-main{
	  padding: 0px 0px 50px 0px;
	}
	.destacado-main > div{
	  padding: 0px 10px;
	}
}
@media only screen and (max-width: 990px){
	.destacado-main .destacado-mosaico .destacado-muros{
		padding: 5px 20px 40px 20px;
	}
	.destacado-main .destacado-mosaico .destacado-presas-vol{
		padding: 5px 20px 40px 20px;
	}
	.destacado-main .destacado-mosaico .destacado-entrenamiento{
		padding: 5px 20px 40px 20px;
	}
}

/*Sección: Home-Mosaico Proyectos destacados **************************************************************/
.home-mosaico{
	display: flex;
    flex-direction: row;
    justify-content: center;
	max-width: 1200px;
	margin: auto;    
    padding: 30px 0px 80px 0px;
}
.home-mosaico-destacado {
	max-width: 40%;
	margin: auto;
	overflow: hidden;
	cursor: pointer;
	-webkit-clip-path: polygon(0% 0%, 88% 0%, 100% 100%, 12% 100%);
	clip-path: polygon(0% 0%, 88% 0%, 100% 100%, 12% 100%);
	-moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.home-mosaico-destacado a{
	text-decoration: none;
}
.home-mosaico-destacado img{
	height: 400px;
}
.home-mosaico-destacado:hover{
	-moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);	
}
.home-mosaico-destacado .home-mosaico-titulo{
	font-size: 20px;
	font-weight: bold !important;
	padding: 20px 0px 5px 10%;
}
.home-mosaico-destacado .home-mosaico-titulo{
	text-align: center;
	font-family: 'Raleway', sans-serif;
    font-weight: 500;	
}
@media only screen and (max-width: 990px) {
	.home-mosaico-titulo{
		font-size: 25px;		
		padding: 5px 0px 0px 0px;
	}
	.home-mosaico{		
		flex-direction: column;
		padding-top: 30px;
	}
	.home-mosaico-destacado {
		max-width: 90%;
		padding-bottom: 50px;
		-webkit-clip-path: polygon(0% 0%, 95% 0%, 100% 100%, 5% 100%);
		clip-path: polygon(0% 0%, 95% 0%, 100% 100%, 5% 100%);
	}
	.home-mosaico-destacado img{
		height: 45vh;
	}
	.home-mosaico-destacado:hover{
		-moz-transform: scale(1.14);
		-webkit-transform: scale(1.14);
		transform: scale(1.14);	
	}
	.home-mosaico-destacado .home-mosaico-titulo{
		font-size: 20px;		
		padding: 15px 5% 5px 0px;
	}
}

/*Sección: Título Home-Mosaico Proyectos destacados ********************************************************/
#Mod145{
	background: #ffffff;
	color: #444444;
	margin: 0px;
}
.home-mosaico-proyectos{
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 100%;
	padding: 0px 0px 30px 0px;
}
.home-mosaico-proyectos-titulo{
	text-align: center;
	font-size: 30px;
	font-family: 'Raleway', sans-serif;
	font-weight: 500;
	margin: auto;
}
#Mod144 .module-inner{
	width: 85%;
	max-width: 1200px;
	margin: auto;
}
#Mod144 .mfp-col-xs-12.mfp-col-sm-6.mfp-col-md-12.mfp_default_item{
	margin-bottom: 0px;
}
#Mod144 img{	
	margin: auto 50px auto auto;
	overflow: hidden;
	cursor: pointer;
	-webkit-clip-path: polygon(0% 0%, 92% 0%, 100% 100%, 8% 100%);
	clip-path: polygon(0% 0%, 92% 0%, 100% 100%, 8% 100%);
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
#Mod144 img:hover{
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
#Mod144 .mfp_default_title{
	padding-top: 80px;
}
#Mod144 .mfp_default_title a{
	font-family: 'Raleway', sans-serif;
	font-weight: 500 !important;
	font-size: 28px !important;
	color: rgb(122, 5, 5);
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
#Mod144 .mfp_default_title a:hover{
	text-decoration: none;
	font-size: 30px !important;
}
#Mod144 .mfp_introtext{
	font-family: 'Raleway', sans-serif;
	font-weight: 500 !important;
	font-size: 16px !important;
}
@media only screen and (max-width: 990px) {
	#Mod145{
		padding-bottom: 15px;
	}
	#Mod145 .home-mosaico-proyectos{
		padding: 0px 20px 10px 20px;
	}
	#Mod144{
		padding: 50px 10px;
	}
	#Mod144 img{	
		margin-bottom: 50px;
		margin-left: 20px;
		width: 90%;
		max-width: 90vw;
		height: auto;
	}
	#Mod144 .mfp-grid{
		display: flex;
		flex-direction: row;
		justify-content: center;
	}
	#Mod144 .mfp-col-xs-12.mfp-col-sm-6.mfp-col-md-12.mfp_default_item{
		width: 100%;
		max-width: 100%;
		flex-basis: 100%;
	}
}

/* Noticias y respaldo (main)**************************************************/

.noticias-respaldo{
  margin: 40px 0px 50px 0px;
  text-align: center;
}
.noticias-respaldo-inner{
  max-width: 300px;
  margin: auto;
  cursor: pointer;
}
.noticias-respaldo-inner a{
  text-decoration-line: none !important;
}
/*On hover zoom. Tomado de: https://codepen.io/Remedy/pen/ZYJrpp*/
.noticias-respaldo-inner:hover a img {
  -moz-transform: scale(1.3);
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
}
.noticias-respaldo-inner:hover .noticias-respaldo-boton {
  color: rgb(255, 255, 255);
  background-color: rgb(153, 0, 0);
}
.noticias-respaldo-inner > a img{
  height: 80px;
  margin: 20px;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.noticias-respaldo-titulo{
  color: rgb(153, 0, 0);
  font-size: 25px;
  font-family: 'Raleway', sans-serif;
  font-weight: 500;
  /*font-family: "AgencyR";*/
  /*font-weight: lighter;*/
  /*font-style: italic;  */
}
.noticias-respaldo-parrafo{
  padding: 10px 0px 10px 0px;
  width: 100%;
  margin: auto;
  font-family: 'Raleway', sans-serif;
  font-weight: 300;
}
.noticias-respaldo-boton{
  width: 100px;
  margin: auto;
  margin-top: 10px;
  color: rgb(153, 0, 0);
  background-color: rgb(255, 255, 255);
  font-size: 12px;
  font-family: 'Raleway', sans-serif;
  font-weight: 300;
  border-style: solid;
  border-width: 1px;
  border-color: rgb(153, 0, 0);
  border-radius: 5px;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

/* Slider Nuestros Clientes ***************************************************/
#Mod146 .nuestros-clientes-titulo2{
	padding-top: 120px !important;
}
.nuestros-clientes-titulo1{
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
  background-image: url(../../../images/principal/nuestros-clientes.jpg);
  background-repeat: repeat;
  background-attachment: scroll;
  background-size: cover;
  background-position: center top;
  background-color: #FFFFFF;
  height: 250px;
}
.nuestros-clientes-titulo1:hover{
  color: rgb(255, 255, 255);
  text-shadow: 2px 2px 8px rgb(0, 0, 0);
  cursor: pointer;
}
.nuestros-clientes-titulo1-texto{
  color: rgb(255, 255, 255);
  text-align: center;
  vertical-align: middle;
  text-shadow: 2px 2px 4px rgb(0, 0, 0);
  font-size: 40px;
}
.nuestros-clientes-titulo2{
  padding: 80px 0px 15px 0px;
  background-color: rgb(255, 255, 255);
  text-align: center;  
  font-size: 30px;
  font-family: 'Raleway', sans-serif;
  font-weight: 500;
}
.nuestros-clientes-titulo2-link{
  display: inline-block;
}
.nuestros-clientes-titulo2-link a{
	text-decoration-line: none !important;
}
.nuestros-clientes-titulo2-link:hover{
  text-shadow: 2px 2px 1px rgb(150, 150, 150);
  cursor: pointer;
}
#ot_logo_scroller_91{
  padding-top: 30px;
  padding-bottom: 110px;
  background-color: rgb(255, 255, 255);
}
#ot_logo_scroller_91 > a {
	display: none;
}
@media only screen and (max-width: 767px){
	.nuestros-clientes-titulo2{		
		padding-top: 0px;
		font-size: 28px;	  
	}
}

/*Sección: Muros **************************************************************/

 .muros-inner{
   padding: 0px;
   overflow: hidden;
   cursor: pointer;
 }
 /*On hover zoom. Tomado de: https://codepen.io/Remedy/pen/ZYJrpp*/
 .muros-inner:hover img {
   -moz-transform: scale(1.3);
   -webkit-transform: scale(1.3);
   transform: scale(1.3);
 }
 .muros-inner > img{
   max-width: 100%;
   -moz-transition: all 0.3s;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
 }
 .muros-nombre{
   color: rgb(255, 255, 255);
   width: 100%;
   text-align: center;
   vertical-align: middle;
   font-family: 'Raleway', sans-serif;
   font-weight: 600;
   text-shadow: 1px 1px 2px rgb(0, 0, 0);
   position: absolute;
   z-index: 999;
 }
 @media only screen and (min-width: 0px) and (max-width: 767px) {
   .muros-nombre{
     font-size: 15px;
     /*left: 10px;*/
     bottom: 10px;
   }
 }
 @media only screen and (min-width: 768px) and (max-width: 990px) {
   .muros-nombre{
     font-size: 30px;
     /*left: 15px;*/
     bottom: 15px;
   }
 }
 @media only screen and (min-width: 991px) and (max-width: 1199px) {
   .muros-nombre{
     font-size: 40px;
     /*left: 20px;*/
     bottom: 20px;
   }
 }
 @media only screen and (min-width: 1200px) {
   .muros-nombre{
     font-size: 45px;
     /*left: 50px;*/
     bottom: 40px;
   }
 }


 /*Sección: MurosV2 **************************************************************/

  .murosV2-inner{
    padding: 0px;
    overflow: hidden;
    cursor: pointer;
    margin-bottom: 10px;
  }
  /*On hover zoom. Tomado de: https://codepen.io/Remedy/pen/ZYJrpp*/
  .murosV2-inner:hover a img{
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  .murosV2-inner a > img{
    max-width: 100%;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  .murosV2-titulo{
    color: rgb(255, 255, 255);
    width: 100%;
    vertical-align: top;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    text-shadow: 1px 1px 2px rgb(0, 0, 0);
    position: absolute;
    z-index: 999;
  }
  .murosV2-bullets{
    color: rgb(255, 255, 255);
    width: 100%;
    vertical-align: top;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    text-shadow: 1px 1px 10px rgb(0, 0, 0);
    position: absolute;
    z-index: 999;
  }
  .murosV2-tipoA{
    text-align: right;
    left: -80px;
  }
  .murosV2-tipoB{
    text-align: left;
    right: -80px;
  }
  @media only screen and (min-width: 0px) and (max-width: 767px) {
    .murosV2-inner{
      max-height: 450px;
    }
    .murosV2-titulo{
      text-align: center;
      left: 0px;
      font-size: 35px;
      top: 50px;
    }
    .murosV2-bullets{
      text-align: center;
      left: 0px;
      padding-top: 90px;
      line-height: 30px;
      font-size: 18px;
      top: 180px;
    }
  }
  @media only screen and (min-width: 768px) and (max-width: 990px) {
    .murosV2-inner{
      max-height: 400px;
    }
    .murosV2-titulo{
      font-size: 35px;
      top: 60px;
    }
    .murosV2-bullets{
      padding-top: 10px;
      line-height: 40px;
      font-size: 20px;
      top: 180px;
    }
  }
  @media only screen and (min-width: 991px) and (max-width: 1199px) {
    .murosV2-inner{
      max-height: 500px;
    }
    .murosV2-titulo{
      font-size: 40px;
      top: 80px;
    }
    .murosV2-bullets{
      padding-top: 60px;
      line-height: 40px;
      font-size: 25px;
      top: 180px;
    }
  }
  @media only screen and (min-width: 1200px) {
    .murosV2-inner{
      max-height: 700px;
    }
    .murosV2-titulo{
      font-size: 60px;
      top: 100px;
    }
    .murosV2-bullets{
      padding-top: 120px;
      line-height: 70px;
      font-size: 35px;
      top: 180px;
    }
  }


/*Sección: MurosV3 **************************************************************/
.murosV3-main-titulo{
	text-align: center;	
    font-family: 'Raleway', sans-serif;
	font-size: 28px;
    font-weight: bold;
	padding: 20px 0px 5px 0px;
	border-bottom: solid #f3f3f3 5px;
	background-color: #ffffff;
	color: #000000;
}
.murosV3-main-slogan{
	text-align: center;	
    font-family: 'Raleway', sans-serif;
	font-size: 15px;    
	padding: 5px 0px 20px 0px;
}
.murosV3{
	display: flex;
    flex-direction: row;
    justify-content: center;
	max-width: 1200px;
	margin: auto;    
    padding: 60px 0px 0px 0px;
}
.murosV3-destacado {
	max-width: 33%;
	margin: auto;
	overflow: hidden;
	cursor: pointer;
	-webkit-clip-path: polygon(12% 0%, 100% 0%, 88% 100%, 0% 100%);
	clip-path: polygon(12% 0%, 100% 0%, 88% 100%, 0% 100%);
	-moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.murosV3-destacado a{
	text-decoration: none;
}
.murosV3-destacado img{
	height: 50vh;
}
.murosV3-destacado:hover{
	-moz-transform: scale(1.15);
    -webkit-transform: scale(1.15);
    transform: scale(1.15);	
}
.murosV3-destacado .destacado-titulo{
	height: 50px;
	max-width: 400px;
	font-size: 18px;
	font-weight: bold !important;
	padding: 20px 10% 5px 0px;
}
.murosV3-destacado .destacado-comentario{
	height: 75px;
	max-width: 400px;
	font-size: 15px;
	padding: 10px 20% 20px 10%;
}
.murosV3-destacado .destacado-titulo,
.murosV3-destacado .destacado-comentario{
	text-align: center;
	font-family: 'Raleway', sans-serif;
    font-weight: 500;	
	background-color: #f1f1f1;
}
@media only screen and (max-width: 990px) {
	.murosV3-titulo{
		font-size: 25px;		
		padding: 5px 0px 0px 0px;
	}
	.murosV3{		
		flex-direction: column;
		padding-top: 30px;
	}
	.murosV3-destacado {
		max-width: 85%;
		padding-bottom: 50px;
	}
	.murosV3-destacado img{
		height: 45vh;
	}
	.murosV3-destacado:hover{
		-moz-transform: scale(1.1);
		-webkit-transform: scale(1.1);
		transform: scale(1.1);	
	}
	.murosV3-destacado .destacado-titulo{
		font-size: 18px;		
		padding: 15px 5% 5px 0px;
	}
	.murosV3-destacado .destacado-comentario{
		font-size: 14px;
		padding: 5px 10% 10px 5%;
	}
}

 /*Sección: AVENTURA **************************************************/

  .aventura-inner{
    padding: 0px;
    overflow: hidden;
    cursor: pointer;
  }
  /*On hover zoom. Tomado de: https://codepen.io/Remedy/pen/ZYJrpp*/
  .aventura-inner:hover img {
    -moz-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  .aventura-inner > img{
    max-width: 100%;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  .aventura-nombre{
    color: rgb(255, 255, 255);
    width: 100%;
    text-align: center;
    vertical-align: middle;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    text-shadow: 1px 1px 2px rgb(0, 0, 0);
    position: absolute;
    z-index: 999;
  }
  @media only screen and (min-width: 0px) and (max-width: 767px) {
    .aventura-nombre{
      font-size: 15px;
      /*left: 10px;*/
      bottom: 10px;
    }
  }
  @media only screen and (min-width: 768px) and (max-width: 990px) {
    .aventura-nombre{
      font-size: 30px;
      /*left: 15px;*/
      bottom: 15px;
    }
  }
  @media only screen and (min-width: 991px) and (max-width: 1199px) {
    .aventura-nombre{
      font-size: 40px;
      /*left: 20px;*/
      bottom: 20px;
    }
  }
  @media only screen and (min-width: 1200px) {
    .aventura-nombre{
      font-size: 45px;
      /*left: 50px;*/
      bottom: 40px;
    }
  }



  /*Sección: AVENTURAV2 **************************************************/

   .aventuraV2-inner{
     padding: 0px;
     overflow: hidden;
     cursor: pointer;
     margin-bottom: 10px;
   }
   /*On hover zoom. Tomado de: https://codepen.io/Remedy/pen/ZYJrpp*/
   .aventuraV2-inner:hover a img {
     -moz-transform: scale(1.1);
     -webkit-transform: scale(1.1);
     transform: scale(1.1);
   }
   .aventuraV2-inner a > img{
     max-width: 100%;
     -moz-transition: all 0.3s;
     -webkit-transition: all 0.3s;
     transition: all 0.3s;
   }
   .aventuraV2-titulo{
     color: rgb(255, 255, 255);
     width: 100%;
     vertical-align: top;
     font-family: 'Raleway', sans-serif;
     font-weight: 600;
     text-shadow: 1px 1px 2px rgb(0, 0, 0);
     position: absolute;
     z-index: 999;
   }
   .aventuraV2-bullets{
     color: rgb(255, 255, 255);
     width: 100%;
     vertical-align: top;
     font-family: 'Raleway', sans-serif;
     font-weight: 600;
     text-shadow: 1px 1px 10px rgb(0, 0, 0);
     position: absolute;
     z-index: 999;
   }
   .aventuraV2-tipoA{
     text-align: right;
     left: -80px;
   }
   .aventuraV2-tipoB{
     text-align: left;
     right: -80px;
   }
   @media only screen and (min-width: 0px) and (max-width: 767px) {
     .aventuraV2-inner{
       max-height: 450px;
     }
     .aventuraV2-titulo{
       text-align: center;
       left: 0px;
       font-size: 35px;
       top: 50px;
     }
     .aventuraV2-bullets{
       text-align: center;
       left: 0px;
       padding-top: 90px;
       line-height: 30px;
       font-size: 18px;
       top: 180px;
     }
   }
   @media only screen and (min-width: 768px) and (max-width: 990px) {
     .aventuraV2-inner{
       max-height: 400px;
     }
     .aventuraV2-titulo{
       font-size: 35px;
       top: 60px;
     }
     .aventuraV2-bullets{
       padding-top: 10px;
       line-height: 40px;
       font-size: 20px;
       top: 180px;
     }
   }
   @media only screen and (min-width: 991px) and (max-width: 1199px) {
     .aventuraV2-inner{
       max-height: 500px;
     }
     .aventuraV2-titulo{
       font-size: 40px;
       top: 80px;
     }
     .aventuraV2-bullets{
       padding-top: 60px;
       line-height: 40px;
       font-size: 25px;
       top: 180px;
     }
   }
   @media only screen and (min-width: 1200px) {
     .aventuraV2-inner{
       max-height: 700px;
     }
     .aventuraV2-titulo{
       font-size: 60px;
       top: 100px;
     }
     .aventuraV2-bullets{
       padding-top: 120px;
       line-height: 70px;
       font-size: 35px;
       top: 180px;
     }
   }



/*Sección: AventuraV3 **************************************************************/
.aventuraV3-main-titulo{
	text-align: center;	
    font-family: 'Raleway', sans-serif;
	font-size: 28px;
    font-weight: bold;
	padding: 20px 0px 5px 0px;
	border-bottom: solid #f3f3f3 5px;
	background-color: #ffffff;
	color: #000000;
}
.aventuraV3-main-slogan{
	text-align: center;	
    font-family: 'Raleway', sans-serif;
	font-size: 15px;    
	padding: 5px 0px 20px 0px;
}
.aventuraV3{
	display: flex;
    flex-direction: row;
    justify-content: center;
	max-width: 1200px;
	margin: auto;    
    padding: 50px 0px 0px 0px;
}
.aventuraV3-destacado {
	max-width: 50%;
	margin: auto;
	overflow: hidden;
	cursor: pointer;
	-webkit-clip-path: polygon(12% 0%, 100% 0%, 88% 100%, 0% 100%);
	clip-path: polygon(12% 0%, 100% 0%, 88% 100%, 0% 100%);
	-moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.aventuraV3-destacado a{
	text-decoration: none;
}
.aventuraV3-destacado img{
	height: 50vh;
}
.aventuraV3-destacado:hover{
	-moz-transform: scale(1.15);
    -webkit-transform: scale(1.15);
    transform: scale(1.15);	
}
.aventuraV3-destacado .aventuraV3-titulo{
	font-size: 18px;
	font-weight: bold !important;
	padding: 20px 10% 5px 0px;
}
.aventuraV3-destacado .aventuraV3-comentario{
	font-size: 15px;
	padding: 10px 20% 20px 10%;
}
.aventuraV3-destacado .aventuraV3-titulo,
.aventuraV3-destacado .aventuraV3-comentario{
	text-align: center;
	font-family: 'Raleway', sans-serif;
    font-weight: 500;	
	background-color: #f1f1f1;
}
@media only screen and (max-width: 990px) {
	.aventuraV3-titulo{
		font-size: 25px;		
		padding: 5px 0px 0px 0px;
	}
	.aventuraV3{		
		flex-direction: column;
		padding-top: 30px;
	}
	.aventuraV3-destacado {
		max-width: 85%;
		padding-bottom: 50px;
	}
	.aventuraV3-destacado img{
		height: 45vh;
	}
	.aventuraV3-destacado:hover{
		-moz-transform: scale(1.1);
		-webkit-transform: scale(1.1);
		transform: scale(1.1);	
	}
	.aventuraV3-destacado .aventuraV3-titulo{
		font-size: 18px;		
		padding: 15px 5% 5px 0px;
	}
	.aventuraV3-destacado .aventuraV3-comentario{
		font-size: 14px;
		padding: 5px 10% 10px 5%;
	}
}



/*Sección: presas **************************************************************/
.presas-main{
  background-color: rgb(241, 241, 241);
  padding: 6px 5px 6px 5px;
  margin-top: 30px;
}
.presas-main > div{
  padding: 0px;
}
.presas-inner{
  padding: 0px;
  overflow: hidden;
  cursor: pointer;
}
/*On hover zoom. Tomado de: https://codepen.io/Remedy/pen/ZYJrpp*/
.presas-inner:hover a img {
  -moz-transform: scale(1.3);
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
}
.presas-inner > a img{
  max-width: 100%;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
/*
.presas-nombre{
  color: rgb(255, 255, 255);
  text-align: center;
  vertical-align: middle;
  font-family: sans-serif;
  font-family: "AgencyR";
  font-weight: bold;
  text-shadow: 2px 2px 4px rgb(0, 0, 0);
  text-transform: uppercase;
  position: absolute;
  z-index: 999;
}
.presas-nombre-volumenes{
  position: absolute;
  left: 40%;
  color: rgb(255, 255, 255);
  text-align: center;
  vertical-align: middle;
  font-family: sans-serif;
  font-family: "AgencyR";
  font-weight: bold;
  text-shadow: 2px 2px 4px rgb(0, 0, 0);
  text-transform: uppercase;
  z-index: 999;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  .presas-nombre{
    font-size: 18px;
    left: 15px;
    bottom: 15px;
  }
  .presas-nombre-volumenes{
    font-size: 18px;
    bottom: -30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .presas-nombre{
    font-size: 30px;
    left: 15px;
    bottom: 15px;
  }
  .presas-nombre-volumenes{
    font-size: 30px;
    bottom: -60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .presas-nombre{
    font-size: 32px;
    left: 20px;
    bottom: 20px;
  }
  .presas-nombre-volumenes{
    font-size: 32px;
    bottom: -60px;
  }
}
@media only screen and (min-width: 1200px) {
  .presas-nombre{
    font-size: 35px;
    left: 25px;
    bottom: 15px;
  }
  .presas-nombre-volumenes{
    font-size: 35px;
    bottom: -60px;
  }
}
*/
.presas-nombre{
  color: rgb(0, 0, 0);
  background-color: rgb(255, 255, 255);
  text-align: center;
  vertical-align: middle;
  padding-bottom: 10px;
  font-family: sans-serif;
  font-weight: bold;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  .presas-nombre{
    font-size: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 990px) {
  .presas-nombre{
    font-size: 15px;
  }
}
@media only screen and (min-width: 991px) and (max-width: 1199px) {
  .presas-nombre{
    font-size: 18px;
  }
}
@media only screen and (min-width: 1200px) {
  .presas-nombre{
    font-size: 20px;
  }
}
.presas-division{
  background-color: rgb(98, 3, 3);
  height: 20px;
  width: 100%;
  display: none;
}
.presas-submain{
  max-width: 1400px;
  margin: auto;
}
.presas-margen{
  padding: 10px;
}
.presas-cuadro{
  border-style: none;
  border-width: 1px;
  border-radius: 0px;
  padding: 0px;
}
.presas-cuadro-left{
  border-top-style: solid;
  border-left-style: solid;
  border-bottom-style: solid;
  border-width: 1px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  padding: 0px;
}
.presas-cuadro-right{
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-width: 1px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  padding: 0px;
}


/*BANNER MAIN *************************************************************************/
.banner-main{
	position: relative;
}
.banner-main-imagen{
	position: relative;
	top: 0px;
	left: 0px;
	height: 500px;
	overflow: hidden;
}
.banner-main-imagen img{
	position: absolute;
	width: auto;	
	top: 0px;
	left: 50%;
	transform: translate(-50%, 0%);
}
.banner-main-titulo{
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: absolute;
  bottom: 0px;
  left:0px;
  width: 35%;                              /*Cambio del 2018-02-04*/
  height: 150px;
  color: #ffffff;
  text-align: center;                       /*Cambio del 2018-02-04*/
  vertical-align: middle;
  font-family: 'Raleway', sans-serif;
  font-weight: bold;
  padding: 0px 20px 0px 10px;    
  background-color: #000000ad;
  -webkit-clip-path: polygon(0% 0%, 95% 0%, 100% 100%, 0% 100%);
  clip-path: polygon(0% 0%, 95% 0%, 100% 100%, 0% 100%);
  z-index: 999;
}
.banner-main-slogan{
  position: absolute;
  bottom: -40px;
  left: 50%;
  width: 50%;                              /*Cambio del 2018-02-04*/
  color: #343434;
  text-align: center;                       /*Cambio del 2018-02-04*/
  vertical-align: middle;
  font-family: 'Raleway', sans-serif;
  font-weight: 500;
  transform: translate(-50%, 0%);  
  background-color: #ffffff00;
  z-index: 1000;
}
.banner-main-entrenamiento .banner-main-imagen{
	display: flex !important;
	flex-direction: column !important;
	justify-content: center !important;
}
.banner-main-entrenamiento img{
	position: relative !important;
	max-width: 90vw;
	height: auto !important;
	padding-bottom: 50px;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
	.banner-main-imagen{
		height: 250px;
	}
	.banner-main-titulo{			
		width: 60%;
		height: 100px;
		padding: 0px 20px 0px 10px;
	}
	.banner-main-titulo .articulo-titular{
		font-size: 30px !important; 		
	}
	.banner-main-slogan{
		font-size: 18px;
		bottom: -80px;
		width: 80%;
	}
	.banner-main-imagen img{
		height: 250px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 990px) {
	.banner-main-imagen{
		height: 300px;
	}
	.banner-main-titulo{	
		width: 40%;
		height: 100px;
		padding: 0px 20px 0px 10px;
	}
	.banner-main-titulo .articulo-titular{
		font-size: 30px !important;		
	}
	.banner-main-slogan{
		font-size: 20px;
		bottom: -70px;
	}
	.banner-main-imagen img{
		height: 300px;
	}
}
@media only screen and (min-width: 991px) and (max-width: 1199px) {
	.banner-main-imagen{
		height: 400px;
	}
	.banner-main-titulo{	
		width: 35%;
		height: 150px;
		padding: 0px 20px 0px 10px;
	}
	.banner-main-titulo .articulo-titular{
		font-size: 35px !important;	
	}
	.banner-main-slogan{
		font-size: 20px;
		bottom: -60px;
	}
	.banner-main-imagen img{
		height: 400px;
	}
}
@media only screen and (min-width: 1200px) {
	.banner-main-imagen{
		height: 500px;
	}
	.banner-main-titulo{			
		width: 35%;
		height: 130px;
		padding: 0px 30px 0px 20px;
	}
	.banner-main-titulo .articulo-titular{
		font-size: 40px !important;		
	}
	.banner-main-slogan{
		font-size: 20px;
		bottom: -65px;
	}
	.banner-main-imagen img{
		height: 500px;
	}
}


/*Sección: Ficha técnica **************************************************************/
.ficha-tecnica{
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin: 0px 0px 120px 0px;  
	padding: 30px 20px;
	border: solid 1px #f2f2f2;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.ficha-tecnica-imagen{
	width: 65%;	
}
.ficha-tecnica-imagen img{
	padding: 20px;
	cursor: zoom-in;
}
.ficha-tecnica-card{
	display: flex;
	flex-direction: column;
	justify-content: center;
	font-family: 'Raleway', sans-serif;
	font-weight: 500;
	width: 35%;
	padding: 20px;
}
.ficha-tecnica-card-titulo{
	padding-bottom: 30px;
	font-size: 28px;
	font-weight: bold;
}
.ficha-tecnica-card-tabla{
	font-size: 15px;
}
@media only screen and (max-width: 768px) {
	.ficha-tecnica-card-titulo{
		font-size: 20px;
	}
}
@media only screen and (max-width: 990px) {
	.ficha-tecnica{
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding: 15px;
	}
	.ficha-tecnica-imagen{
		width: 100%;	
	}
	.ficha-tecnica-card{
		width: 100%;
	}
}



/*Sección: Galerias **************************************************************/
.presas-galeria{
  /**/
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.presas-galeria ul{
  /**/
}
.presas-galeria ul li{
  /**/
}



/*Sección: Presas y Volúmenes V3 **************************************************************/
.presas-y-volV3-main-titulo{
	text-align: center;	
    font-family: 'Raleway', sans-serif;
	font-size: 28px;
    font-weight: bold;
	padding: 20px 0px 5px 0px;
	border-bottom: solid #f3f3f3 5px;
	background-color: #ffffff;
	color: #000000;
}
.presas-y-volV3-main-slogan{
	text-align: center;	
    font-family: 'Raleway', sans-serif;
	font-size: 15px;    
	padding: 5px 0px 20px 0px;
}
.presas-y-volV3{
	display: flex;
    flex-direction: row;
    justify-content: center;
	max-width: 1200px;
	margin: auto;    
    padding: 60px 0px 0px 0px;
}
.presas-y-volV3-destacado {
	max-width: 33%;
	margin: auto;
	overflow: hidden;
	cursor: pointer;
	-webkit-clip-path: polygon(12% 0%, 100% 0%, 88% 100%, 0% 100%);
	clip-path: polygon(12% 0%, 100% 0%, 88% 100%, 0% 100%);
	-moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.presas-y-volV3-destacado a{
	text-decoration: none;
}
.presas-y-volV3-destacado img{
	height: 50vh;
}
.presas-y-volV3-destacado:hover{
	-moz-transform: scale(1.15);
    -webkit-transform: scale(1.15);
    transform: scale(1.15);	
}
.presas-y-volV3-destacado .destacado-titulo{
	font-size: 18px;
	font-weight: bold !important;
	padding: 20px 10% 5px 0px;
}
.presas-y-volV3-destacado .destacado-comentario{
	font-size: 15px;
	padding: 10px 20% 20px 10%;
}
.presas-y-volV3-destacado .destacado-titulo,
.presas-y-volV3-destacado .destacado-comentario{
	text-align: center;
	font-family: 'Raleway', sans-serif;
    font-weight: 500;	
	background-color: #f1f1f1;
}
@media only screen and (max-width: 990px) {
	.presas-y-volV3-titulo{
		font-size: 25px;		
		padding: 5px 0px 0px 0px;
	}
	.presas-y-volV3{		
		flex-direction: column;
		padding-top: 30px;
	}
	.presas-y-volV3-destacado {
		max-width: 85%;
		padding-bottom: 50px;
	}
	.presas-y-volV3-destacado img{
		height: 45vh;
	}
	.presas-y-volV3-destacado:hover{
		-moz-transform: scale(1.1);
		-webkit-transform: scale(1.1);
		transform: scale(1.1);	
	}
	.presas-y-volV3-destacado .destacado-titulo{
		font-size: 18px;		
		padding: 15px 5% 5px 0px;
	}
	.presas-y-volV3-destacado .destacado-comentario{
		font-size: 14px;
		padding: 5px 10% 10px 5%;
	}
}


/******************************************************************EMPRESA*/
.empresa-boton{
	display: flex;
	flex-direction: row;
	justify-content: center;
}
.empresa-boton > a > div{
	text-align: center;
	border: 2px solid #bb5b5b;
	border-radius: 45px;
	padding: 15px 25px 12px 25px;
	cursor: pointer;
	-moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.empresa-boton > a > div:hover{
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.empresa-boton > a{
	color: #cd1c1c;
	font-size: 18px;
	font-weight: bold;		
}
.empresa-boton > a:hover{
	text-decoration: none;
}
.empresa-boton > a > div > i{
	padding-top: 5px;
}
.empresa-mosaico{
	width: 80%;
	margin: auto;
}
.empresa-mosaico .murosV3,
.empresa-mosaico .aventuraV3,
.empresa-mosaico .presas-y-volV3{
	padding-top: 30px;
	padding-bottom: 50px;
}

.empresa-mosaico img{
	max-height: 300px;
}
.empresa-mosaico .aventuraV3{
	margin: auto 15%;
}
.empresa-mosaico .murosV3-destacado .destacado-titulo,
.empresa-mosaico .aventuraV3-destacado .aventuraV3-titulo,
.empresa-mosaico .presas-y-volV3-destacado .destacado-titulo{
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 17px;
}
@media only screen and (max-width: 991px) {
	.empresa-mosaico .aventuraV3{
		margin: auto;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.empresa-mosaico img{
		max-height: 250px;
	}
}

/******************************************************************CHEVERE BOX*/
.cheverebox-img{
  cursor: zoom-in;
}
#cheverebox-cortina{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(0, 0, 0);
  opacity: 0.8;
  display: none;
  cursor: pointer;
  z-index: 11000;
}
#cheverebox-marco{
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  z-index: 11010;
}
#cheverebox-foto{
  position: relative;
  background-color: rgb(233, 233, 233);
  padding: 5px;
}
#cheverebox-foto img{
  width: auto !important;
  height: auto !important;
  margin: auto !important;
}
#cheverebox-cerrar{
  position: absolute;
  top: -15px;
  right: -15px;
  width: 30px;
  height: 30px;
  background: transparent url("../../../images/iconos/icono_cerrar.png");
  cursor: pointer;
  z-index: 11020;
}
/******************************************************************CHEVERE BOX*/
.provisional-banner img{
  /*-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  /*filter: grayscale(100%);*/
}
.provisional-banner-titulo{
  position: absolute;
  color: rgb(255, 255, 255);
  text-align: left;
  vertical-align: middle;
  font-family: "AgencyR";
  font-weight: bold;
  text-shadow: 2px 2px 4px rgb(0, 0, 0);
  text-transform: uppercase;
  z-index: 999;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  .provisional-banner-titulo{
    font-size: 35px;
    left: 0px;
    bottom: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 990px) {
  .provisional-banner-titulo{
    font-size: 45px;
    left: 0px;
    bottom: 15px;
  }
}
@media only screen and (min-width: 991px) and (max-width: 1199px) {
  .provisional-banner-titulo{
    font-size: 50px;
    left: 0px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1200px) {
  .provisional-banner-titulo{
    font-size: 55px;
    left: 0px;
    bottom: 30px;
  }
}
/*Blog*************************************************************************/
.blog .page-header h1{
  color: rgb(255, 255, 255);
  text-shadow: 2px 2px 8px rgb(0, 0, 0);
}
.readmore{
  padding-top: 5px;
  margin-bottom: 50px;
}
.readmore a{
  padding: 2px;
  width: 100px;
  margin: auto;
  margin-top: 10px;
  color: rgb(153, 0, 0);
  background-color: rgb(255, 255, 255);
  font-size: 12px;
  border-style: solid;
  border-width: 1px;
  border-color: rgb(153, 0, 0);
  border-radius: 5px;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.readmore a:hover{
  color: rgb(255, 255, 255);
  background-color: rgb(153, 0, 0);
}


/* Proyectos Blog *************************************************************/
#t3-content .blog{
	margin-top: 50px;
}
#t3-content .blog .blog-items .blog-item{
	padding: 50px 0px 50px 0px;
}
#t3-content .blog .article-title{
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
#t3-content .blog .article-title:hover{
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}
#t3-content .blog .article-title a{
	font-size: 30px;
	color: rgb(122, 5, 5);
	text-shadow: none;
}
#t3-content .blog .blog-items .blog-item .item-image{
	-webkit-clip-path: polygon(0% 0%, 95% 0%, 100% 100%, 5% 100%);
	clip-path: polygon(0% 0%, 95% 0%, 100% 100%, 5% 100%);
	-moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
#t3-content .blog .blog-items .blog-item .item-image:hover{
	-moz-transform: scale(1.14);
	-webkit-transform: scale(1.14);
	transform: scale(1.14);	
}
#ot_logo_scroller_122{
	padding-bottom: 80px;
}
#ot_logo_scroller_122 > a{
	display: none;
}
@media only screen and (max-width: 990px) {
	#t3-content .blog{
		margin-top: 70px;
	}
	#t3-content .blog .article-title{
		margin-bottom: 0px;
	}
	#t3-content .blog .article-title a{
		font-size: 25px;
		text-align: center;
		padding: 20px;
		line-height: 60px;
	}
	#t3-content .blog .blog-items .blog-item{
		padding: 30px 0px 30px 0px;
	}
	#t3-content .blog .blog-items .blog-item .item-image{
		max-width: 90%;
		margin-left: 5%;
	}
	#t3-content .blog .blog-items .blog-item .article-intro,
	#t3-content .blog .blog-items .blog-item .readmore{
		padding: 0px 20px;
	}
}


/* Respaldo técnico Blog *************************************************************/
#t3-content .blog .blog-items .blog-item .col-md-8 .article-intro > .container{
	max-width: 100%;
}


/*Artículos *******************************************************************/
body article{
  font-family: 'Raleway', sans-serif;
  font-weight: 500;
}
.article-title{
  color: rgb(255, 255, 255);  
  font-family: 'Raleway', sans-serif;
  font-weight: 500;
}
.pull-left.item-image.article-image.article-image-full{
	padding-bottom: 50px;
}
.texto-articulo{
  margin-top: 30px;
  font-size: 15px;
  line-height: 26px;
  text-align: justify;
}
.parrafo-articulo{
  padding-top: 10px;
  padding-bottom: 10px;
}
.articulo-titular{
  font-family: 'Raleway', sans-serif;
  font-weight: 500;  
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  .articulo-titular{
    font-size: 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 990px) {
  .articulo-titular{
    font-size: 35px;
  }
}
@media only screen and (min-width: 991px) and (max-width: 1199px) {
  .articulo-titular{
    font-size: 40px;
  }
}
@media only screen and (min-width: 1200px) {
  .articulo-titular{
    font-size: 45px;
  }
}
.articulo-titulo-contenido{
  font-family: 'Raleway', sans-serif;
  font-weight: 500;
  font-size: 20px;
}
.articulo-contenido{
  font-family: 'Raleway', sans-serif;
  font-weight: 300;
}
.articulo-titular-1{
  font-family: 'Raleway', sans-serif;
}
.articulo-contenido-1{
  font-family: 'Raleway', sans-serif;
}
.articulo-titular-2{
  font-family: 'Ubuntu', sans-serif;
}
.articulo-contenido-2{
  font-family: 'Ubuntu', sans-serif;
}
.articulo-titular-3{
  font-family: 'Passion One', cursive;
}
.articulo-contenido-3{
  font-family: 'Passion One', cursive;
}


/*Catálogo ********************************************************************/

#Mod101{
  margin-bottom: 0px;
}
.catalogo{
  padding: 30px 0px 30px 0px;
  text-align: center;
}

/*Custom página Contáctenos ***************************************************/
.contacto-card{
	padding-top: 50px;
	padding-bottom: 50px;
}
.contacto-logo img{
	width: 100%;
}
.contacto-info > div{
	line-height: 27px;
	font-size: 22px; 
	padding: 10px 0px 0px 50px;
}
.contacto-info > div:first-child{	
	padding-top: 30px;
	font-weight: bold;
}
.contacto-mapa{
	width:100%;
	height:350px;
	margin:50px auto 0px auto;
}
.map-marker{
	color: rgb(0, 0, 0);
	font-weight: bold;
}
.map-marker img{
	max-height: 20px;
}
@media only screen and (max-width: 767px){
	.contacto-card{
		padding-top: 0px;
		padding-bottom: 40px;
	}
	.contacto-logo{
		padding-bottom: 50px;
	}
	.contacto-info > div{		 
		padding-left: 30px;
	}
}
/* Video wrapper Youtube (Responsive iframe) **********************************/

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/*Noticias y respaldo main ****************************************************/
#Mod114{
  margin-bottom: 0px;
}

/*Footer-1 ********************************************************************/
.t3-footer{
  background-color: rgb(255, 255, 255);
}
.t3-footer .t3-spotlight > div{
	padding-left: 0px;
	padding-right: 0px;
}
.t3-footer-sl{
  margin-bottom: 0px;
  padding-bottom: 0px;
}


/*Footer Botón cotización******************************************************/
.boton-cotizacion{
	position: fixed;
	bottom: 35px;
	right: 100px;
	background-color: #ffffff;
	border-radius: 40px;
	border: solid 2px #eeeeee;
	padding: 12px 10px;	
	transition: 0.2s ease;
	z-index: 2000;
}
.boton-cotizacion a{
	padding: 0px 12px 0px 12px;
	font-size: 25px;
	color: #343434 !important;
}
.boton-cotizacion:hover{
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.boton-cotizacion:hover a{
	color: #00b75e !important;
	text-decoration: none;
}
@media only screen and (max-width: 767px){
	.boton-cotizacion{
		right: 80px;
		padding: 5px 10px;
	}
	.boton-cotizacion a{		
		font-size: 20px;		
	}
}

/*Footer Rurak ****************************************************************/

.footer-rurak{
  padding: 40px 0px 20px 0px;
  font-family: 'Raleway', sans-serif;
  font-weight: 500;
}
.footer-rurak,
.footer-rurak a{
  text-align: center;
  color: rgb(61, 61, 61);
}
.footer-rurak > div{
  padding-top: 5px;
  font-size: 15px;
}
.footer-whatsapp{
	position: fixed;
	bottom: 35px;
	right: 20px;
	background-color: #ffffff;
	border-radius: 40px;
	border: solid 2px #eeeeee;
	/*box-shadow: 2px 2px 4px #000000;*/
	transition: 0.2s ease;
	z-index: 2000;
}
.footer-whatsapp a{
	padding: 0px 12px 0px 12px;
	font-size: 40px;
	color: #343434 !important;
}
.footer-whatsapp:hover{
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}
.footer-whatsapp:hover a{
	color: #00b75e !important;
}
.footer-redes-main{
	padding-bottom: 15px;
}
.footer-redes-sociales{
  display: inline-block;
  margin: 0px 40px 0px 40px;
  font-size: 30px;
  line-height: 40px;
  cursor: pointer;
}
.footer-rurak > .footer-ciudad{
	font-size: 14px;
}
#facebook-icon{
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#facebook-icon:hover{
  color: rgb(27, 51, 105);
  -moz-transform: scale(1.3);
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
}
#instagram-icon{
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#instagram-icon:hover{
  color: rgb(93, 58, 97);
  -moz-transform: scale(1.3);
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
}
#youtube-icon{
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#youtube-icon:hover{
  color: rgb(140, 21, 21);
  -moz-transform: scale(1.3);
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
}
.t3-copyright{
  padding: 20px 0px 0px 0px;
  background-color: rgb(255, 255, 255);
  color: rgb(61, 61, 61);
}
#back-to-top .btn.btn-primary{
 background-color: #ffffff00;
 border-color: #ffffff00;
}
@media only screen and (max-width: 767px){
	.footer-whatsapp{
		padding-top: 0px !important;	
	}
	.footer-whatsapp a{		
		font-size: 25px;		
	}
}


/*Custom Credit Footer ********************************************************/

.credit-footer{
  background-color: rgb(244, 244, 244);/*rgb(41, 41, 41);*/
	color: rgb(0, 0, 0);
	font-size: 12px;
	text-align: center;
	padding: 7px 0px 10px 0px;
	text-decoration-line: none !important;
}
.credit-footer:hover{
	background-color: rgb(217, 217, 217);	
}
.credit-footer img{
	height: 15px;
}
footer hr{
  margin-top: 5px;
  margin-bottom: 0px;
}
#credit_footer{
	text-decoration-line: none !important;
}


/*Miscelaneos ********************************************************************/
/*Galería centrada en Móviles angostos*/
@media only screen and (max-width: 463px){
	ul.sigFreeClassic li.sigFreeThumb {
		display: flex;
		justify-content: center;
		flex-direction: row;
		width: 100%;
	}
}