@charset "UTF-8";
/* CSS Document */


@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700);

* {
	margin:0;
	padding:0;
	}
	
	
	
/* Header -------------------------------------------------------*/

header {
	width:100%;
	height:130px;
	background-color:#FFFFFF;
	position:fixed;
	z-index:666666;





box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
-o-box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
-ms-box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
}

	
	
.header-02 {
	width:100%;
	height:130px;
	background-color:#FFFFFF;
	
	}
	
.header-03 {
	width:100%;
	height:60px;
	background-color:#FFFFFF;
	
	}
	

	

.logo-jjd {
	width:396px;
	height:97px;
	float:left;
	
	margin-top:1.4%;
	}


/* Menu -------------------------------------------------------*/
	
.menu {
	float:right;
	margin-top:3.6%;

	}
	
ul.nav {

	list-style:none;
	margin:10px;
		
	
	}
	

	
ul.nav li {
	margin:0 20px;
	float:left;
	

	
	}
	
ul a {
	font-family: 'Lato';
	font-weight: 500;
	font-size: 15px;
	text-transform: uppercase;
	line-height: 1;
	text-decoration:none;
		color: #666666;
	}
	

ul a:hover {

	color: #1062e4;
	}
	

/* Pages -------------------------------------------------------*/	
	
#page-01 {
	height:1000px;
	
	
	}
	
#page-02 {
	height:673px;

	
	}
	
#page-03 {
	height:890px;
	background-image:url(../img/pw_maze_white_@2X.png);
	
	}
	
#page-04 {
	height:748px;
	background-color:#0b2961;
	
	}


/* Slider (01) Home -------------------------------------------------------*/	
	
.slider-home {
	
	width:100%;
	height:501px;
	overflow:hidden;
	background:url(../img/bg-slide.jpg) top center no-repeat;
	}
	

/* Men Home -------------------------------------------------------*/
	
.men-business {
	width:519px;
	height:502px;
	float:right;
	margin-right:5%;
	}
	
	
/* Headline -------------------------------------------------------*/

.headline-home {
	width:400px;
	height:200px;
	float:left;
	margin-top:13%;
	letter-spacing:1px;
	
	text-align:center;
	font-family:'Lato';
	
	text-transform:uppercase;
		color:#ccdef9;
	}
	
.headline-home h1 {

	background: -webkit-linear-gradient(#FFF,#ccdef9);
	
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;

	}
	
.headline-home-01 {
	font-size:18px;
	}
	
.headline-home-02 {
	color:#ccdef9;
	font-weight:500;
	font-size:44px;
	 opacity: 0;
	}
	
.headline-home-03 {
	line-height:0.8;
	font-weight:500;
	font-size:87px;
	opacity: 0;
	}
	
	
.headline-header {
	color:#ccdef9;
	
	margin-top:5%;
	
	font-weight:600;
	font-size:36px;
		background: -webkit-linear-gradient(#FFF,#ccdef9);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-family:'Lato';
	letter-spacing:1px;
	text-transform:uppercase;
	
	}
	
.headline-header-02 {
	color:#ccdef9;
	float:left;
	margin-top:4.3%;
	
	font-weight:600;
	font-size:36px;
		background: -webkit-linear-gradient(#FFF,#ccdef9);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-family:'Lato';
		letter-spacing:1px;
	text-transform:uppercase;
	
	}
	
.list-page-02 {
	margin-left:1.9%;

	font-weight:300;
	font-size:18px;
	font-family:'Lato';
	color:#CCC;

	line-height:3.5;
	
	}
	

	

	
	
/* Button Home -------------------------------------------------------*/


.text-button {
	font-weight:700;
	font-size:17px;
	color:#FFFFFF;
	text-shadow:0px 1px 1px #000000;
	line-height:2.3;
	text-decoration:none;
	}
	
.button-headline {
	width:150px;
	height:40px;
	background-color:#fdb202;
	margin-left:31%;
	margin-top:5%;
	opacity:0;
	box-shadow:1px 1px 3px #000000;
	border-radius:2px;
	}
	
.button-headline:hover {
	background-color:#ffd00a;
	
	}
	
/* Slider (02) -------------------------------------------------------*/	
	
.header-page-02 {
	
	width:100%;
	height:393px;
	overflow:hidden;
	background:url(../img/header-page-02.png)  top center no-repeat;
	}
	
.header-page-03 {
	
	width:100%;
	height:186px;
	overflow:hidden;
	background:url(../img/header-page-03.png)  top center no-repeat;
	}
	
	
/* General -------------------------------------------------------*/	
	
	
.bg-all {
	width:100%;
	background-color:#FFFFFF;
	}
	
.container-all {
	width:1242px;
	margin:auto;
	
	}
	
.container-all-01 {
	width:1100px;
	margin:auto;
	
	}
	
.container-all-02 {
	width:1242px;
	margin:auto;
	text-align:center;
	
	}
	
	

	

/* Icon-Home -------------------------------------------------------*/


.conteiner-icon-home {

	width: 75px;
	height: 67px;
	padding-top: 7px;
	border-radius:50px;
	display: inline-block;

	
	background: #005de7; /* Old browsers */
	background: -moz-linear-gradient(left, #005de7 0%, #005de7 50%, #ffb402 51%, #ffb402 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#005de7), color-stop(50%,#005de7), color-stop(51%,#ffb402), color-stop(100%,#ffb402)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #005de7 0%,#005de7 50%,#ffb402 51%,#ffb402 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #005de7 0%,#005de7 50%,#ffb402 51%,#ffb402 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #005de7 0%,#005de7 50%,#ffb402 51%,#ffb402 100%); /* IE10+ */
	background: linear-gradient(to right, #005de7 0%,#005de7 50%,#ffb402 51%,#ffb402 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005de7', endColorstr='#ffb402',GradientType=1 ); /* IE6-9 */
	}

	
.icon-home {
	
	width:60px;
	height:60px;
	border-radius:30px;
	text-align:center;
	background-color:#FFFFFF;
	margin:auto;
	line-height:1.5px;

	}
	
.icon-home i {
	color:#005de7;
	font-size:40px;
	line-height:1.5;
	}
	
/* Title-headline -------------------------------------------------------*/
	
.title-headline {
	margin-left:1%;

	color:#1062e4;
	font-family:'Lato';
	font-weight:500;
	font-size:28px;
	text-transform:uppercase;
	line-height:1;
	display:inline-block;
	}
	

.text-all-01 {
	margin-top:2.3%;
	width:500px;
	color:#0b2961;
	font-family:'Lato';
	font-weight:300;
	font-size:16px;
	line-height:1.9;
	
	}

.text-all-02 {
	text-align:center;
	width:800px;
	color:#0b2961;
	font-family:'Lato';
	font-weight:300;
	font-size:16px;
	line-height:1.9;
	margin:2.3% auto;
	}
	
.text-all-02-bold {
		font-weight:600;
	}
	
	
.text-all-03 {
	margin-right:5%;
	margin-top:4.5%;
	float:right;
	width:650px;
	color: #FFFFFF;
	font-family:'Lato';
	font-weight:400;
	font-size:16.5px;
	line-height:1.6;
	text-transform:uppercase;
	text-shadow:1px 1px 1px #666666;
	letter-spacing:0.8px;
	}
	
.text-all-04 {
	
	text-align:center;
	width:670px;
	color:#0b2961;
	font-family:'Lato';
	font-weight:300;
	font-size:16px;
	line-height:1.9;
	display:inline-block;
	font-style:italic;
	}
	
	
.corchete {
	float:left;
	margin-left: 21%;
margin-top: 1.2%;

	color: #FFFFFF;
	font-family:'Lato';
	font-weight:lighter;
	font-size:100px;
	text-transform:uppercase;
	text-shadow:1px 1px 1px #666666;
	}
	
/* Section -------------------------------------------------------*/


	
.section-page-01 {
	float:left;
	margin-top:4.5%;
	
	}
	
.section-page-02 {
	float:right;
	margin-top:4.5%;
	
	}
	
.headline-all-02 {
	margin-top:3%;
	text-align:center;
	
	
	
	
	}
.headline-all-03 {
	
	text-align:center;
	
	
	}
	

	
	
.container-exp-all {
	position:relative;
	z-index:2;
	text-align:center;
	float:left;
	margin-left:11%;
	
	
	}	
	
.container-img-exp {

	text-align:center;
	width:225px;
	height:225px;
	border-radius:50%;
	background-color:#FFFFFF;
	
	
	}
	
	
.text-exp {
    width:210px;
	margin-top:8%;
	color:#0b2961;
	font-family:'Lato';
	font-weight:400;
	font-size:12px;
	text-transform:uppercase;

	}
	

	
.img-exp {
	margin-top:6%;
	border:solid 10px #FFFFFF;
	border-radius:50%;
	box-shadow:1px 1px 10px #CCCCCC;
	
	}
	
	
	
.circle-01 {
	margin-left:42%;
	z-index:55555;

	background-color:#ffb402;
	width:30px;
	height:30px;
	border:solid 5px #FFFFFF;
	border-radius:50%;
	box-shadow:1px 1px 5px #CCCCCC;
	}
	

	
.mini-circle-01 {
	position:absolute;
	z-index:555555;
	margin-left:41%;
	margin-top:2.4%;
	background-color:#ffb402;
	width:11px;
	height:11px;
	border:solid 3px #FFFFFF;
	border-radius:50%;
	box-shadow:1px 1px 3px #CCCCCC;
	
	}
	

.mini-circle-02 {
	position:absolute;
	z-index:555555;
	margin-left:22%;
	margin-top:2.4%;
	background-color:#ffb402;
	width:11px;
	height:11px;
	border:solid 3px #FFFFFF;
	border-radius:50%;
	box-shadow:1px 1px 3px #CCCCCC;
	
	}

.text-circle {
	
	line-height:1.6;
	font-family:'Lato';
	font-size: 18px;
color: #FFFFFF;
text-shadow: 0px 1px 1px #666666;

	
	}
	
.line-01 {
	margin-left:51%;
	width:1px;
	height:35px;
	background-color:#CCCCCC;
	
	
	}
	
.line-02 {

	width:724px;
	height:0.5px;
	background-color:#DBDBDB;
	margin-left:20%;


	
	
	
	
	}
	
	
.line-03 {
	margin-left:49.4%;
	width:1px;
	height:35px;
	background-color:#CCCCCC;
	
	
	}
	
.info-footer {
	
	margin-top:2.3%;
	float:left;
	width:200px;
	margin-left:5%;

	
	
	}
	
.clear:before,
.clear:after {
    content: " ";
    display: table;
}

.clear:after {
    clear: both;
}
	
.bg-footer {
	width:100%;
	height:125px;
	opacity:0.3;
	background: url(../img/bg-slide.jpg) top center no-repeat;
	
	
}

.container-footer {
	width: 1000px;
	margin: auto;
	position: relative;

	z-index: 5555;

	}

	
footer {
	width:100%;
	
	background-color:#0b2961;
	display:block;
	
}



.headline-footer {

	color:#ccdef9;
	font-weight:600;
	font-size:15px;
		background: -webkit-linear-gradient(#FFF,#ccdef9);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-family:'Lato';
		letter-spacing:0.5px;
	text-transform:uppercase;
	
	}
	
.text-footer {
	
	/* font-weight: 300; */

	font-size: 12px;

	font-family: 'Lato';
color: #FFFFFF;

	list-style: none;
line-height:1.4;
letter-spacing:0.9px;

	/* opacity: 0.8; */
	
	}
	
.comillas {
	font-family: 'Lato';
	font-size:100px;
	display:inline-block;
	
color: #ffb402;

}

.nombre-phrase {
	height:47px;
	display:inline-block;
width: 80px;
color: #0b2961;
font-family: 'Lato';
font-weight: 400;
font-size: 15px;
color: #1062e4;
float:right;
font-style:italic;


	}
.disclaimer {
	background-color:#FFFFFF;
	width:100%;
	height:30px;
	font-family: 'Lato';
font-weight: 500;
font-size: 10px;
text-transform: uppercase;
line-height: 4.5;
text-decoration: none;
color: #666666;
text-align:center;
	
	}
	
a.block-link{
	display:block;
	text-decoration:none;
	height: 100%;
    width: 100%;
}

.map-google-behavior{
	pointer-events: none;
}