.brand .n-logo {
  max-width: 100px;
  margin-bottom: 40px;
}

#idioma1 img, #idioma2 img{
	margin-top: -2px;
}
#idioma1 p{
	color: #fff;
}

#txt-curriculum_eng{
	display: none;
}
/* FRANDALF SOFTWARE */
#frandalf, #empresas{
	background-color: #2c2c2c;
}

#empresas{
	color: #fff;
}
.correo{
	font-size: 2em;
}

.telefono{
	font-size:1.5em;
}

.clickable {
     cursor:pointer;
  }

#miNombre{
	font-family: "Montserrat", "Helvetica Neue", Arial, sans-serif;
	line-height: 1.61em;
    font-size: 1.4em;
	margin-bottom: 20px;
}

.misDatos{
	line-height: 1.61em;
    font-weight: 300;
    font-size: 1.2em;
}

.misDatosBoton{
   display: flex;
   align-items: center;
}

.mago{
	color: #fff;

}

.mago_movil{
	margin-top: 15px;
	text-align: center;
}

.avatar, .sobre_mi{
	padding-top: 0px;
}

	.hexagon {
		  position: relative;
		  width: 200px;
		  height: 115.47px;
		  margin: 57.74px 0;
		  background-image: url(../img/fran.gif);
		  background-size: auto 219.3931px;
		  background-position: center;
		  border-left: solid 5px #616161;
		  border-right: solid 5px #ccc;
	}

	.hexTop,
	.hexBottom {
	  position: absolute;
	  z-index: 1;
	  width: 141.42px;
	  height: 141.42px;
	  overflow: hidden;
	  -webkit-transform: scaleY(0.5774) rotate(-45deg);
	  -ms-transform: scaleY(0.5774) rotate(-45deg);
	  transform: scaleY(0.5774) rotate(-45deg);
	  background: inherit;
	  left: 24.29px;
	}

	/*counter transform the bg image on the caps*/
	.hexTop:after,
	.hexBottom:after {
	  content: "";
	  position: absolute;
	  width: 190.0000px;
	  height: 109.69655114602891px;
	  -webkit-transform:  rotate(45deg) scaleY(1.7321) translateY(-54.8483px);
	  -ms-transform:      rotate(45deg) scaleY(1.7321) translateY(-54.8483px);
	  transform:          rotate(45deg) scaleY(1.7321) translateY(-54.8483px);
	  -webkit-transform-origin: 0 0;
	  -ms-transform-origin: 0 0;
	  transform-origin: 0 0;
	  background: inherit;
	}

	.hexTop {
	  top: -70.7107px;
	  border-top: solid 7.0711px #ccc;
	  border-right: solid 7.0711px #ccc;
	}

	.hexTop:after {
	  background-position: center top;
	}

	.hexBottom {
	  bottom: -70.7107px;
	  border-bottom: solid 7.0711px #616161;
	  border-left: solid 7.0711px #616161;
	}

	.hexBottom:after {
	  background-position: center bottom;
	}

	.hexagon:after {
	  content: "";
	  position: absolute;
	  top: 2.8868px;
	  left: 0;
	  width: 190.0000px;
	  height: 109.6966px;
	  z-index: 2;
	  background: inherit;
	}

.sobre_mi{
	color: #fff;
	max-width: 700px;
	text-align: justify;
}

	.sobre_mi h3, #sobre_mi_titulo h2{
		color: #fff;
	}

.flechaOculta{
	display: none;
}


#descargarCV{
	padding: 6px 0px;
	border:1px solid white;
	text-align: center;
	cursor: pointer;
	margin-top:21px;
}

/* MIS PROYECTOS*/

.gallery-title
{
    font-size: 36px;
    color: #42B32F;
    text-align: center;
    font-weight: 500;
    margin-bottom: 70px;
}
.gallery-title:after {
    content: "";
    position: absolute;
    width: 7.5%;
    left: 46.5%;
    height: 45px;
    border-bottom: 1px solid #5e5e5e;
}
.filter-button
{
    /*font-size: 18px;
    border: 1px solid #42B32F;
    border-radius: 5px;
    text-align: center;
    color: #42B32F;
    margin-bottom: 30px;*/

}
.filter-button:hover
{
    /*font-size: 18px;
    border: 1px solid #42B32F;
    border-radius: 5px;
    text-align: center;
    color: #ffffff;
    background-color: #42B32F;*/

}
.btn-default:active .filter-button:active
{
    /*background-color: #42B32F;
    color: white;*/
}

.port-image
{
    width: 100%;
}




.box-content{
	margin-top: 10px !important;
}

.box6{

}

.hexanContainer{
	float: left;
	margin-left: 10px;
}

.hexagon30 {
  position: relative;
  width: 30px;
  height: 17.32px;
  margin: 8.66px 0;
  /*background-image: url(http://csshexagon.com/img/meow.jpg);*/
  background-size: auto 34.6410px;
  background-position: center;
}

.hexTop30,
.hexBottom30 {
  position: absolute;
  z-index: 1;
  width: 21.21px;
  height: 21.21px;
  overflow: hidden;
  -webkit-transform: scaleY(0.5774) rotate(-45deg);
  -ms-transform: scaleY(0.5774) rotate(-45deg);
  transform: scaleY(0.5774) rotate(-45deg);
  background: inherit;
  left: 4.39px;
}

/*counter transform the bg image on the caps*/
.hexTop30:after,
.hexBottom30:after {
  content: "";
  position: absolute;
  width: 30.0000px;
  height: 17.320508075688775px;
  -webkit-transform:  rotate(45deg) scaleY(1.7321) translateY(-8.6603px);
  -ms-transform:      rotate(45deg) scaleY(1.7321) translateY(-8.6603px);
  transform:          rotate(45deg) scaleY(1.7321) translateY(-8.6603px);
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  background: inherit;
}

.hexTop30 {
  top: -10.6066px;
}

.hexTop30:after {
  background-position: center top;
}

.hexBottom30 {
  bottom: -10.6066px;
}

.hexBottom30:after {
  background-position: center bottom;
}

.hexagon30:after {
  content: "";
  position: absolute;
  top: 0.0000px;
  left: 0;
  width: 30.0000px;
  height: 17.3205px;
  z-index: 2;
  background: inherit;
}


.hexagon100 {
  position: relative;
  width: 100px;
  height: 57.74px;
  margin: 28.87px 0;
  background-image: url(../img/fran.gif);
  background-size: auto 103.9230px;
  background-position: center;
  border-left: solid 5px #575757;
  border-right: solid 5px #575757;
}

.hexTop100,
.hexBottom100 {
  position: absolute;
  z-index: 1;
  width: 70.71px;
  height: 70.71px;
  overflow: hidden;
  -webkit-transform: scaleY(0.5774) rotate(-45deg);
  -ms-transform: scaleY(0.5774) rotate(-45deg);
  transform: scaleY(0.5774) rotate(-45deg);
  background: inherit;
  left: 9.64px;
}

/*counter transform the bg image on the caps*/
.hexTop100:after,
.hexBottom100:after {
  content: "";
  position: absolute;
  width: 90.0000px;
  height: 51.96152422706633px;
  -webkit-transform:  rotate(45deg) scaleY(1.7321) translateY(-25.9808px);
  -ms-transform:      rotate(45deg) scaleY(1.7321) translateY(-25.9808px);
  transform:          rotate(45deg) scaleY(1.7321) translateY(-25.9808px);
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  background: inherit;
}

.hexTop100 {
  top: -35.3553px;
  border-top: solid 7.0711px #575757;
  border-right: solid 7.0711px #575757;
}

.hexTop100:after {
  background-position: center top;
}

.hexBottom100 {
  bottom: -35.3553px;
  border-bottom: solid 7.0711px #575757;
  border-left: solid 7.0711px #575757;
}

.hexBottom100:after {
  background-position: center bottom;
}

.hexagon100:after {
  content: "";
  position: absolute;
  top: 2.8868px;
  left: 0;
  width: 90.0000px;
  height: 51.9615px;
  z-index: 2;
  background: inherit;
}

.contenidoModal{
	padding: 0 50px;
	text-align: justify;
	color: #000;
}

.header-bar{
	width: 70px;
    height: 4px;
    background: #444649;
    margin-bottom: 25px;
}
.header-bar-white{
	width: 70px;
    height: 4px;
    background: #fff;
    margin-bottom: 25px;
}


.first{
	margin-top: -10px;
}

.zoom {

  transition: transform .5s; /* Animation */
/*  width: 200px;
  height: 200px;*/
  margin: 0 auto;
}

.zoom:hover {
  transform: scale(1.8); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.imgModal{
	max-height: 340px;
	max-width: 400px;

}

.imgModalBorder{
	border: 1px solid #ccc
}


/* EMPRESAS */
.imgEmpresas{
	height: 40px;
}

#atos{
	margin-left: 26px;
}

.rombo{
	height: 10px;
	margin: 15px 20px;
}


/* MIS HABILIDADES */
.progress {
    position: relative;
	height: 25px;
	margin-bottom: 10px;
}

.progress-bar{
		background: #f96332;
}

.progress > .progress-type {
	position: absolute;
	left: 0px;
	font-weight: 800;
	padding: 3px 30px 2px 10px;
	color: rgb(255, 255, 255);
	background-color: rgba(25, 25, 25, 0.2);
}
.progress > .progress-completed {
	position: absolute;
	right: 0px;
	font-weight: 800;
	padding: 3px 10px 2px;
}

/*  ******************************************************************************************************************  *\
	************************************************** MEDIA QUERYS **************************************************
\*  ******************************************************************************************************************  */


	/* Smartphones (portrait and landscape) ----------- */
	@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
	/* Styles */
		.hero-images-container img{
			margin-left: -8vw;
		}
		.hero-images-container-1 img{
			margin-left: -10vw;
		}
		.hero-images-container-2 img{
			margin-left: -5vw;
		}
		.section-images{
			height: auto;
			min-height: 600px;
		}
		#txt-fullstack{
    		margin-top: 85px;
		}
/*
		.avatar{
			padding-left: 22vw;
			margin-bottom: 20px;
		}*/



		#descargarCV{
			/*margin-top:-14px;*/
		}

		#botoneraProyectos{
			display: none;
		}
		.box6{
			width: 40vw;
		}

		.sidebar-collapse .navbar-collapse {
		    width: 150px !important;
		}
		.sidebar-collapse .navbar-collapse:before {
		    opacity: 1;
		}

		#addModal{
			width: 200%;
		}
		.modal-dialog {
		  width: 100%;
		  height: 100%;
		  margin: 0;
		  padding: 0;
		}
		.modal-content {
		  height: auto;
		  min-height: 100%;
		  border-radius: 0;
		}
		.contenidoModal{
			padding: 0px;
			text-align: center;
		}
		.imgModal {
		    max-height: 340px;
		    max-width: 100%;
		}

		.sobre_mi{
			text-align:left;
		}

	/* Smartphones (landscape) ----------- */
	/*@media only screen and (min-width : 321px) and (orientation : landscape)  {*/
	@media screen and (max-width : 767) and (orientation : landscape)  {
	/* Styles */
		.section-images{
			height: auto;

			max-height: 800px !important;

		}

		.hero-images-container img{
			margin-left: -8vw;
		}
		.hero-images-container-1 img{
			margin-left: -10vw;
		}
		.hero-images-container-2 img{
			margin-left: -5vw;
		}
		.section-images{
			height: auto;
			/*max-height: 800px;*/
		}
/*
		.avatar{
			padding-left: 26vw;
		}*/
		#descargarCV{
		/*	margin-top:-14px;*/
		}

		#botoneraProyectos{
			display: none;
		}
		.box6{
			width: 40vw;
		}

		.sidebar-collapse .navbar-collapse {
		    width: 150px !important;
		}
		.sidebar-collapse .navbar-collapse:before {
		    opacity: 1;
		}

		#addModal{
			width: 200%;
		}
		.modal-dialog {
		  width: 100%;
		  height: 100%;
		  margin: 0;
		  padding: 0;
		}
		.modal-content {
		  height: auto;
		  min-height: 100%;
		  border-radius: 0;
		}
		.contenidoModal{
			padding: 0px;
			text-align: center;
		}
		.imgModal {
		    max-height: 340px;
		    max-width: 100%;
		}

		.sobre_mi{
			text-align:left;
		}
	}

	/* Smartphones (portrait) ----------- */
	@media only screen and (max-width : 320px) {
	/* Styles */
	}

	/* iPads (portrait and landscape) ----------- */
	@media only screen and (min-device-width : 76px) and (max-device-width : 1024px) {
	/* Styles */
		/*.avatar{
			  margin-left: 28.2vw !important;
		}*/
		#descargarCV{
			/*margin-top: -8px !important;*/
		}
	}

	/* iPads (landscape) ----------- */
	@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	/* Styles */
	}

	/* iPads (portrait) ----------- */
	@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	/* Styles */
	}
	/**********
	iPad 3
	**********/
	@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
	/* Styles */
	}

	@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
	/* Styles */
	}
	/* Desktops and laptops ----------- */
	@media only screen  and (min-width : 1224px) {
	/* Styles */
	}

	/* Large screens ----------- */
	@media only screen  and (min-width : 1824px) {
	/* Styles */
	}

	/* iPhone 4 ----------- */
	@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
	/* Styles */
	}

	@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
	/* Styles */
	}

	/* iPhone 5 ----------- */
	@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
	/* Styles */
		/*.avatar{
			padding-left: 2vw !important;

		}*/

		.box6 .title {
		    font-size: 15px !important;
		}

	}

	@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
	/* Styles */
	}

	/* iPhone 6, 7, 8 ----------- */
	@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
	/* Styles */
	}

	@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
	/* Styles */
	}

	/* iPhone 6+, 7+, 8+ ----------- */
	@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
	/* Styles */
	}

	@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
	/* Styles */
	}

	/* iPhone X ----------- */
	@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
	/* Styles */
	}

	@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
	/* Styles */
	}

	/* iPhone XS Max, XR ----------- */
	@media only screen and (min-device-width: 414px) and (max-device-height: 896px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
	/* Styles */
	}

	@media only screen and (min-device-width: 414px) and (max-device-height: 896px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
	/* Styles */
	}

	/* Samsung Galaxy S3 ----------- */
	@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
	/* Styles */
	}

	@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
	/* Styles */
	}

	/* Samsung Galaxy S4 ----------- */
	@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
	/* Styles */
	}

	@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
	/* Styles */
	}

	/* Samsung Galaxy S5 ----------- */
	@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
	/* Styles */
	}

	@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
	/* Styles */
	}

	/*
		-=[HEXAGONO 150]=-
			.hexagon {
			  position: relative;
			  width: 150px;
			  height: 86.60px;
			  margin: 43.30px 0;
			  background-image: url(http://csshexagon.com/img/meow.jpg);
			  background-size: auto 161.6581px;
			  background-position: center;
			  border-left: solid 5px #333333;
			  border-right: solid 5px #333333;
			}

			.hexTop,
			.hexBottom {
			  position: absolute;
			  z-index: 1;
			  width: 106.07px;
			  height: 106.07px;
			  overflow: hidden;
			  -webkit-transform: scaleY(0.5774) rotate(-45deg);
			  -ms-transform: scaleY(0.5774) rotate(-45deg);
			  transform: scaleY(0.5774) rotate(-45deg);
			  background: inherit;
			  left: 16.97px;
			}

			.hexTop:after,
			.hexBottom:after {
			  content: "";
			  position: absolute;
			  width: 140.0000px;
			  height: 80.82903768654762px;
			  -webkit-transform:  rotate(45deg) scaleY(1.7321) translateY(-40.4145px);
			  -ms-transform:      rotate(45deg) scaleY(1.7321) translateY(-40.4145px);
			  transform:          rotate(45deg) scaleY(1.7321) translateY(-40.4145px);
			  -webkit-transform-origin: 0 0;
			  -ms-transform-origin: 0 0;
			  transform-origin: 0 0;
			  background: inherit;
			}

			.hexTop {
			  top: -53.0330px;
			  border-top: solid 7.0711px #333333;
			  border-right: solid 7.0711px #333333;
			}

			.hexTop:after {
			  background-position: center top;
			}

			.hexBottom {
			  bottom: -53.0330px;
			  border-bottom: solid 7.0711px #333333;
			  border-left: solid 7.0711px #333333;
			}

			.hexBottom:after {
			  background-position: center bottom;
			}

			.hexagon:after {
			  content: "";
			  position: absolute;
			  top: 2.8868px;
			  left: 0;
			  width: 140.0000px;
			  height: 80.8290px;
			  z-index: 2;
			  background: inherit;
			}



			-=[HEXAGON 100]=-
			.hexagon {
			  position: relative;
			  width: 100px;
			  height: 57.74px;
			  margin: 28.87px 0;
			  background-image: url(http://csshexagon.com/img/meow.jpg);
			  background-size: auto 103.9230px;
			  background-position: center;
			  border-left: solid 5px #333333;
			  border-right: solid 5px #333333;
			}

			.hexTop,
			.hexBottom {
			  position: absolute;
			  z-index: 1;
			  width: 70.71px;
			  height: 70.71px;
			  overflow: hidden;
			  -webkit-transform: scaleY(0.5774) rotate(-45deg);
			  -ms-transform: scaleY(0.5774) rotate(-45deg);
			  transform: scaleY(0.5774) rotate(-45deg);
			  background: inherit;
			  left: 9.64px;
			}

			.hexTop:after,
			.hexBottom:after {
			  content: "";
			  position: absolute;
			  width: 90.0000px;
			  height: 51.96152422706633px;
			  -webkit-transform:  rotate(45deg) scaleY(1.7321) translateY(-25.9808px);
			  -ms-transform:      rotate(45deg) scaleY(1.7321) translateY(-25.9808px);
			  transform:          rotate(45deg) scaleY(1.7321) translateY(-25.9808px);
			  -webkit-transform-origin: 0 0;
			  -ms-transform-origin: 0 0;
			  transform-origin: 0 0;
			  background: inherit;
			}

			.hexTop {
			  top: -35.3553px;
			  border-top: solid 7.0711px #333333;
			  border-right: solid 7.0711px #333333;
			}

			.hexTop:after {
			  background-position: center top;
			}

			.hexBottom {
			  bottom: -35.3553px;
			  border-bottom: solid 7.0711px #333333;
			  border-left: solid 7.0711px #333333;
			}

			.hexBottom:after {
			  background-position: center bottom;
			}

			.hexagon:after {
			  content: "";
			  position: absolute;
			  top: 2.8868px;
			  left: 0;
			  width: 90.0000px;
			  height: 51.9615px;
			  z-index: 2;
			  background: inherit;
			}

	*/
