/* * * * * * * * * * * * * * * * * * * * * * * * * * *
 *  GLOBAL 
 * * * * * * * * * * * * * * * * * * * * * * * * * * */
@import "http://fonts.googleapis.com/css?family=Crimson+Text:400,600,400italic,600italic,700,700italic|Open+Sans:400,300,300italic,400italic,600italic,600,700,700italic,800,800italic|Raleway:400,300,500,600,700|Roboto+Condensed:400,300,700";
 
body, 
html {
	height: 100%;
}

body {
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	font-weight: 300;
	text-align: center;
}

button {
	background-color: transparent;
	padding: 0;
}

h1 {
	font-size: 3em;
}

h3 {
	font-size: 1.3em;
}

h1, 
h3,
h5 {
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	text-transform: uppercase;
}

h1 span, 
h3 span,
h5 span {
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	text-transform: uppercase;
}

h2,
h4,
h6 {
	font-family: 'Dancing Script', 'cursive';
	font-weight: 900;
}

.button {
	border: 1px solid #000000;
	color: #000000;
	display: block;
	height: 50px;
	line-height: 3em;
	margin: 50px auto 0 auto;
	position: relative;
	text-transform: uppercase;
	width: 140px;

	z-index: 111;

	-webkit-transition: width 1s;
    transition: width 1s;
}
.button:hover {
	color: #000000;
	text-decoration: none;
	width: 180px;

	-webkit-transition: width 0.5s;
    transition: width 0.5s;
}

.row {
	margin: 20px 0;
}

.slant,
.slant-2 { /* slants elements are dynamicly modified in script.js */
    content: '';
    left: 0;
    overflow: hidden;
    position: absolute;
    width: 100%;
}
.slant {
	border-bottom: solid;
    border-right: solid transparent;
    border-bottom-color: #ffffff;
}
.slant-2 {
	border-top: solid;
	border-right: solid transparent;
	border-top-color: #ffffff;
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * *
 *  INTRO SECTION 
 * * * * * * * * * * * * * * * * * * * * * * * * * * */

#intro {
	color: #ffffff;
	display: block;
	height: 90%;
	min-height: 600px;
	padding-bottom: 50px;
}

.coming-soon {
	margin-top: 50px;
}

.countdown {
	display: inline-block;
}

.counter {
	border: 2px solid #ffffff;
	border-radius: 50%;
	float: left;
	height: 140px;
	margin: 0 10px;
	text-align: center;
	width: 140px;
}

.days,
.hours,
.minutes,
.seconds {
	font-size: 3.2em;
	line-height: 0.5em;
	position: relative;
	top: 50px;
}

.info {
	font-size: 0.9em;
	position: relative;
	top: 60px;
}

.intro.button {
	border: 1px solid #ffffff;
	color: #ffffff;
}
.intro.button:hover {
	color: #ffffff;
}

img.logo {
	margin-bottom: 70px;
	width: 200px;
}
.logo {
	width: 340px;
	margin-bottom: 30px;
}

.parallax {
	/* background: url('../images/background.jpg'); */
	background: url('../images/pg_bg.jpg'); 
	
	background-position: center; 
	background-repeat: repeat;
	background-size: cover;
	height: 90%;
	min-height: 600px;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -999;
}

.slogan {
	letter-spacing: 10px;
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * *
 *  ABOUT SECTION 
 * * * * * * * * * * * * * * * * * * * * * * * * * * */

#about {
	background: #ffffff;
	padding-top: 30px;
}

.person img {
	margin: 0 auto;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * *
 *  CONTACT SECTION 
 * * * * * * * * * * * * * * * * * * * * * * * * * * */

#contact {
	background-color: #90c7cd;
	padding-top: 150px;
}

.back-to-top {
	display: none;
}

.form-control {
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid #000000;
	border-radius: 0px;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.form-control:focus, .form-control:focus {
    border-color:#047388;
    box-shadow: #047388;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(4, 115, 136, 0.6);
  	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(4, 115, 136, 0.6);
  	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(4, 115, 136, 0.6);
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * *
 *  FOOTER SECTION 
 * * * * * * * * * * * * * * * * * * * * * * * * * * */

footer {
	background-color: #90c7cd;
	padding: 10px 0;
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * *
 *  RESPONSIVE 
 * * * * * * * * * * * * * * * * * * * * * * * * * * */

@media (max-width: 767px) {
	#contact {
		padding-top: 70px;
	}
	.person {
		margin-bottom: 40px;
	}
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * *
 *  Custom 
 * * * * * * * * * * * * * * * * * * * * * * * * * * */

.proper-align {
	text-align:left;
	margin:0px 10px;
}

ul.proper-list-align {list-style:none; margin:10px 0px; padding-left: 10px;}
ul.proper-list-align li { text-align:left; padding-bottom: 10px; } 
ul.proper-list-align li i { color: #428bca; padding-right:5px; }

.person-profile { display:block; -moz-box-shadow: 0 2px 2px -1px rgba(0,0,0,.3); -webkit-box-shadow: 0 2px 2px -1px rgba(0,0,0,.3); 	box-shadow: 0 2px 2px -1px rgba(0,0,0,.3); border: 1px solid #eee; }
.person-profile img{ padding: 10px;} 
.person-profile .desc { background-color: #e7efef; border-top: 5px solid #90c7cd; padding-bottom:10px; }
.person-profile .desc h2 > span {font-family: 'Lato', sans-serif; font-size: 15px; float: right; line-height: 41px; margin-right: 10px; font-weight: bold; }
.person-profile .social a i{ color:#C27191; line-height:32px; height:32px; padding:4px 8px;}
.person-profile .social a i:hover { opacity:0.7; }

/* http://codepen.io/davekilljoy/pen/wHAvb */
.button-like { border: 1px solid #000000; color: #000000; display: block; height: 50px; line-height: 3em; margin: 50px auto 0 auto;
  position: relative; text-transform: uppercase; width: 140px; z-index: 1; border-radius: 2px; outline: 0; overflow:hidden; background: none;
  cursor: pointer;  transition:   0.5s ease-in;  -o-transition:   0.5s ease-in;  -ms-transition: 0.5s ease-in;  -moz-transition: 0.5s ease-in;  -webkit-transition: 0.5s ease-in; 
}
.button {z-index:2 !important; }

.fill:hover { color: #fff;}
.fill:before { content: ""; position: absolute; background: #90c7cd; bottom: 0; left: 0; right: 0; top: 100%; z-index: -1; -webkit-transition: top 0.3s ease-in; -moz-transition: top 0.3s ease-in;}
.fill:hover:before {  top: 0; }

.arrow{  text-align:left; padding-left:20px; }
.arrow:before{ content:"→";  position:absolute; padding-left:5px; color:#000; left: 83%; opacity: 0; -webkit-transition: all 300ms cubic-bezier(0.680, -0.550, 0.265, 1.550); -moz-transition: all 300ms cubic-bezier(0.680, -0.550, 0.265, 1.550); }
.arrow:hover:before{ left:84%; opacity:1; }
.arrow:hover { text-decoration: none; width:170px; }

/* flat rounded button : http://jsfiddle.net/volcanicpixels/udXXA/ */
a.flat-button::before { -webkit-border-radius: 3px; -moz-border-radius: 3px; -webkit-box-shadow: #959595 0 2px 5px; -moz-box-shadow: #959595 0 2px 5px; border-radius: 3px;
						box-shadow: #959595 0 2px 5px; content: ""; display: block; height: 100%; left: 0; padding: 2px 0 0; position: absolute; top: 0; width: 100%; 
}
a.flat-button:active::before { padding: 1px 0 0; }
a.flat-button{ display: inline-block; font: bold 13px Arial, Helvetica, Clean, sans-serif; margin: 0 30px 30px 0;  padding: 10px 20px; line-height:18px;
			   position: relative; text-align: center; text-decoration: none; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; 
			   margin-left:auto; margin-right:auto;
}
a.flat-button.blue { background: #abe4f8; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#abe4f8), to(#74d0f4));  background: -moz-linear-gradient(#abe4f8, #74d0f4); background: linear-gradient(#abe4f8, #74d0f4);
					border: solid 1px #8cc5d9; border-bottom: solid 3px #589cb6; box-shadow: inset 0 0 0 1px #cdeffb; color: #42788e; text-shadow: 0 1px 0 #b6e6f9;
}
a.flat-button.blue:hover { background: #80d4f5; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#80d4f5), to(#92dbf6)); background: -moz-linear-gradient(#80d4f5, #92dbf6); background: linear-gradient(#80d4f5, #92dbf6);
						  border: solid 1px #79acbe; border-bottom: solid 3px #589cb6; box-shadow: inset 0 0 0 1px #b2e6f8; 
}
a.flat-button.blue:active { background: #89d2ee; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#89d2ee), to(#84cae6)); background: -moz-linear-gradient(#89d2ee, #84cae6); background: linear-gradient(#89d2ee, #84cae6);
						   border: solid 1px #5c8d9f; box-shadow: inset 0 10px 15px 0 #79b9d2; 
}

footer .credit, footer .registration {text-align: left; }
footer .credit i { margin:0px 5px; }
footer .social-link  i{margin:0px 5px; color : #fff; }

.nomargin { margin:0px !important; }
ul.nav-menu { 	list-style: outside none none; display:block; padding-left: 0px; }
ul.nav-menu  li { float:left; padding:5px 10px; line-height:16px; }
ul.nav-menu li a { text-decoration: none; }
#sticky-header-menu { box-shadow: 0px 4px 2px -2px rgba(0, 0, 0, 0.3); padding-left: 15px; } 
.sticky-header-hidden{  opacity: 0; z-index:0; }
.sticky-header-visible{ position: fixed; top: 0; left: 0; width: 100%; z-index:100; opacity:1; 	/* -webkit-transition: opacity 1s linear; transition: opacity 1s linear; */ background-color: white; }
.header-jump-link{ height:40px;  }

ul.nav-menu li:hover  a {
    box-shadow: 0px -4px 0px #90C7CD inset;
	color: #90C7CD;
}
ul.nav-menu a {
    display: block;
    margin-bottom: 0px;
    outline: medium none;
    padding-right: 6px;
    padding-bottom: 7px;
    color: #000;
    box-shadow: 0px 0px 0px #90C7CD inset;
    /* transition: all 0.15s ease-out 0s; */
    padding-left: 6px;
}
	
@media (max-width: 768px) {
	#sticky-header-menu { padding-left: 20px;} 
	#sticky-header-menu ul.nav-menu  li { float:left; padding:3px 3px; line-height:16px; }
}

/* menu animation */
header, nav, a, i{
    transition: all 0.5s ease 0s;
}

#header-logo > a{ background: url("../images/logo-pg.svg") no-repeat scroll 50% 50% / contain rgba(0, 0, 0, 0);
				margin:auto; display:block; text-indent: -999em; text-shadow: 1px 1px 10px rgb(170, 170, 170);
} 
nav.menu > #header-logo a {
    background: url("../images/logo-pg.svg") no-repeat scroll 50% 50% / contain rgba(0, 0, 0, 0); display: block;
    height: 120px; left: 50%; margin: 0 0 0 -50px; padding: 0; position: fixed; text-indent: -999em; top: 27%; width: 120px;
}
nav.menu.fixed > #header-logo a {
    background: url("../images/logo-pg.svg") no-repeat scroll 50% 50% / contain rgba(135, 212, 212, 0) !important;
    height: 40px; left: 100px; margin: 0; text-indent: -999em; top: 0; width: 48px; z-index: 100; margin-top:4px;
}
nav.menu {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0); left: calc(50% - 480px); position: absolute; top: 40px; width: 960px;
    z-index: 10; color: #35bdc5; font-family: "Open Sans"; }
nav.menu > ul li { list-style: outside none none; }
nav.menu > ul > li { display: block; float: left; position: relative; }
nav.menu > ul > li > a { border: 1px solid transparent; /* border-radius: 5px; */ display: block;
					font-size: 14px; font-weight: 600; height: 47px; line-height: 45px; 
					padding: 0 8px; position: relative; text-transform: uppercase; 	
					color: #fff; text-decoration: none;
					transition: all 0.15s ease-out 0s; 
}
nav.menu > ul > li:hover > a { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.6); border: 1px solid #35bdc5; color: #35bdc5; }
nav.menu ul { float: right;  margin: 0 60px 0 0; }
nav.menu .fa-angle-down { color: #21cdec; padding: 0 0 0 5px; }
nav.menu > ul > li .submenu { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.6); color: #35bdc5; height: 0; left: 0; min-width: 150px;
						 opacity: 0; overflow: hidden; position: absolute; top: 100%; z-index: 1000; box-shadow: 0 2px 2px rgba(0,0,0,0.4);
}
nav.menu > ul > li:hover .submenu { height: auto; opacity: 1; overflow: visible; padding: 10px; }
nav.menu  .submenu ul { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6); display: block; float: left; padding: 10px; }
nav.menu  .submenu li a { color: #fff; display: block; font-size: 14px; font-weight: 600; line-height: 30px;  padding: 0 10px;
					  text-transform: uppercase; white-space: nowrap; text-decoration: none;
}
nav.menu  .submenu li:hover a { color: #35bdc5; }
nav.menu.fixed { background: none repeat scroll 0 0 rgba(255, 255, 255, 1); box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.3);
				height: 50px; left: 0; padding: 0 60px; position: fixed; top: 0; width: 100%; z-index: 100;
				/* border-bottom: rgba(221, 221, 221, 0.95) solid 3px; */
				/* border-bottom: rgba(171,82, 107, 0.9) solid 3px; */
				border-bottom: rgba(153,102, 204, 0.9) solid 3px;
}

nav.menu.fixed ul + ul { top: 0; }
nav.menu.fixed > ul > li > a { border: medium none; color: #7e7e7e; padding:2px 10px; }
nav.menu.fixed > ul > li:hover > a { /* background: none repeat scroll 0 0 rgba(0, 0, 0, 0.05); */
								background: #c9d9ea; color: #7e7e7e; border-bottom: #25b5b8 solid 3px; height:50px; 
								/* -webkit-transition: 0.15s ease-out; transition: 0.15s ease-out; */
}
nav.menu.fixed > ul > li .submenu { background-color: rgba(54, 191, 196, 0.8); color : #fff; padding:0px; }
nav.menu.fixed > ul > li .submenu li a{ padding:5px 0px; }
nav.menu.fixed > ul > li .submenu li:hover a { background: #c9d9ea; }

#toggle { background: url("../images/mobile_nav.svg") no-repeat scroll center center / 65% auto #21cdec; color: #fff;
		cursor: pointer; display: none; font-size: 3em;  height: 50px; left: 0; line-height: 50px; position: fixed; text-align: center;
		top: 80px; width: 50px; z-index: 3000;
}
#toggle .expand { left: 250px !important; }
.expand { opacity: 1; left: 250px !important; }
.rise { left: 0 !important; }

@media all and (max-width: 800px) {
	#toggle {
		display: block;
	}
	
	
	nav.menu.fixed > #header-logo a {
		position: relative;
		float:left;
	}
	
	nav.menu, nav.menu.fixed  {
		background: none repeat scroll 0 0 #000;
		box-shadow: 3px 0 5px -2px #666;
		height: 100%;
		left: -260px;
		margin: 0;
		/* overflow-y: auto; */ 
		position: fixed;
		top: 0;
		width: 250px;
		z-index: 3000;
		padding : 0;
	}
	
	nav.menu> ul { margin: 20px; }
	nav.menu > ul > li { border-bottom: 1px solid #333; position: relative; text-align: left; }
	nav.menu > ul > li > a, nav.menu.fixed  > ul > li > a {  border: medium none; clear: both; display: block; height: auto !important;
													line-height: normal; padding: 10px 5px; width: 200px; color: #fff;
	}
	nav.menu > ul > li.active > a::after {
		display: none;
	}
	
	nav.menu > ul > li:hover > a, nav.menu.fixed > ul > li:hover > a {
		background: transparent;
		border: none;
		color: #fff;
	}
	nav.menu > ul > li > a:hover, nav.menu.fixed > ul > li > a:hover  {
		color: #35bdc5;
		background: transparent;
	}
	nav.menu > ul > li > .submenu, nav.menu.fixed > ul > li .submenu {
		margin: 0;
		padding: 0px 0px 0px 10px;
		position: inherit;
		background: none;
		float: left;
	}
	nav.menu .submenu ul {
		width: 100%;
	}
	nav.menu .submenu li a {
		font-size: 14px;
		max-height: 0;
		color: fff;
		line-height:22px;
	}
	nav.menu.fixed > ul > li .submenu li a{ padding:0px 10px; }
	nav.menu .submenu li:hover a, nav.menu.fixed .submenu li:hover a { background: none !important; }
	nav.menu .submenu li a:hover, nav.menu.fixed .submenu li a:hover{ color: #35bdc5; }
	nav.menu > ul > li:hover .submenu li a {
		max-height: 15em;
	}
	nav.menu ul > li.lang { position:relative !important; }

}


/*  BackToTop */
.ontop { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3);  border-radius: 5px; bottom: 20px; color: #fff; display: none;
		height: 35px; line-height: 32px; position: fixed; right: 20px; text-align: center; width: 35px;
}
.ontop i { font-size: 16px; }
.ontop:hover { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6); color: #21cdec; }
.ontop_showed { display: block !important; }


/* FullScreen Slideshow */
.fullscreen-slideshow div > h1 { position:absolute; top:80%; left:10%; font-size:18px; }
.slideshow-actions-panel #exitSlideshowBtn{ 	position:fixed; top:20px; right:20px; height:30px; width:30px; }
.slideshow-actions-panel #exitSlideshowBtn i { line-height:29px; height:30px; width:30px; } 
.slideshow-actions-panel #exitSlideshowBtn:hover { transform: rotate(90deg);  }
.slideshow-actions-panel > .btn-panel {position:fixed; bottom:20px; right:20px; height:40px; }
.slideshow-actions-panel > .btn-panel a { background-color: #000; background: rgba(0,0,0,0.7); width: 40px; height: 40px; float: left; cursor: pointer;
										margin-right: 2px; border-radius: 0px; color:#fff; background-size: 40px auto;
										}
.slideshow-actions-panel > .btn-panel a :hover{ -webkit-transition: background-color .25s ease-in-out; -moz-transition: background-color .25s ease-in-out; transition: background-color .25s ease-in-out; background: #FF2E2E; } 
.slideshow-actions-panel > .btn-panel a  i { line-height: 40px; width:40px; }										
/* .slideshow-actions-panel #toggleActionBtn{ position:fixed; top:90%; left: 95% ; } */