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

@font-face {
    font-family:"Carme-Regular";
    src: url(../../asset/font/Carme-Regular.ttf);				 
}

@font-face {
    font-family:"UBR";
    src: url(../../asset/font/Ubuntu-R.ttf);				 
}

*{
	padding:0;
	margin:0;
	box-sizing: border-box;
}

body, html{
	height:100%;
}

body{	
	font-family:"Carme-Regular",Verdana,Geneva,sans-serif;
	font-size:16px;
	line-height:1.25em;
	text-align:center;
	
	background-image: linear-gradient(#096 10%, #096 20%, #CCC 20%, #CCC 92%, #096 92%, #096 100%);
}

a{
	color:#444;
}

a:hover{
	color:#096;
}

p{
	padding:.25em 1em;
	text-align:left;
}

h1, h2, h3, h4{
	font-family:UBR,Verdana,Geneva,sans-serif;	
	text-align:left;
	
	color:#555;
}

h1{
	padding:1em .75em .25em;
	font-size:2em;
	font-weight:normal;
}

#page{
	margin:0 auto;
	
	width:100%;
	max-width:1200px;
	
	padding:4em 0;	
}

#cntEnv{
	background-color:rgba(255, 255, 255, 1);
	position:relative;
}

#cntTop{
	position:relative;
	background-image:url(../img/double-bubble-outline.webp);
	height:8em;
	border-bottom:1px solid #EEE;
}

#cntTop img{
	width:6em;
	height:auto;
	box-shadow:0 0 .25em 0 rgba(0, 0, 0, .75);
	border:1px solid #CCC;
	position:absolute;
	z-index:3;
	
	top:1em;
	left:1em;
}

#cnt{
	 min-height: 500px; 
   height:auto !important; 
   height: 500px;	 
}

#cntBtm{
	border-top:1px solid #EEE;
	background-color:#AAA;
}

.author{
	padding:1em;
	text-align:left;
	font-size:.75em;
	color:#CCC;
}

.author a{
	color:#888;
}

.author a:hover{
	color:#063;
	text-decoration:none;
}

/*
	LOGIN :.
*/

#frmLogin, 
#frmReg
{
	padding:1em;
	font-size:1em;
}

#frmLogin fieldset,
#frmReg fieldset{
	padding:1em;
	border:1px solid #EEE;
	color:#234;
}

#frmLogin legend,
#frmReg legend{
	padding:.25em 1em;
	font-weight:bold;
	border-bottom:1px solid #EEE;
}

#frmLogin input,
#frmLogin label,
#frmLogin select,
#frmReg input,
#frmReg label,
#frmReg select
{
	display:block;
	padding:.5em;
	text-align:left;
	width:100%;	
}

#frmLogin input[type="submit"],
#frmReg input[type="submit"]
{
	width:auto;
	padding:.5em 1.75em;
	border:1px solid #063;
	background-color:#096;
	color:#FFF;
}

#frmReg label,
#frmLogin label{
	padding-left:0;
}

#frmReg p,
#frmLogin p{
	padding:.5em 0;
}

#frmReg .gsp-placeholder,
#frmLogin .gsp-placeholder{
	display:inline-block;
	border:1px solid #BBB;
	min-width:2em;
	width:100%;
	padding:.5em;
	text-align:center;
}

.gsp-action,
#frmReg .gsp-action,
#frmLogin .gsp-action{
	text-decoration:none;
	background-color:#EEE;
	color:#096;
	
	background-image:url(../img/icons8-cog-50.png);
	background-repeat:no-repeat;
	background-position:98% 50%;
	background-size: 1.5em;
	
	box-shadow: 0 0 .125em 0 rgba(32, 32, 32, .5);
	
	padding:.5em 2em .5em .5em;
	font-size:.875em;
	
	transition: all .5s;	
}

.gsp-action:hover,
#frmReg .gsp-action:hover,
#frmLogin .gsp-action:hover{
	background-color:#DDD;
	box-shadow: 0 0 .25em 0 rgba(32, 32, 32, .5);
}

.gsp-apply,
.gsp-copy
{
	text-decoration:none;
	box-shadow: 0 0 .125em 0 rgba(32, 32, 32, .5);
	
	padding:.5em 1em;
	font-size:.75em;
	
	transition: all .5s;
	display:inline-block;
}

.gsp-apply{
	background-color:#096;
	color:#FFF;
	border:1px solid #EEE;
}

.gsp-copy
{
	background-color:#069;
	color:#FFF;
	border:1px solid #EEE;
}

.gsp-apply:hover
{
	color:#FFF;
	background-color:#0B8;	
}

.gsp-copy:hover
{
	background-color:#08B;
	color:#FFF;
	border:1px solid #EEE;
}




@media (max-width: 576px) {
	#cnt .p50{
		float:none;
		width:100%;
	}
	
	#cnt .box-l,
	#cnt .box-r{
		padding:.25em;
	}
	
	#cnt{
	 min-height: 320px; 
   height:auto !important; 
   height: 320px;	 
}
}


/*
#locationListingEnv{
	padding:1em;
	overflow:auto;
	height:640px;	
}

#locationListingEnv h3{
	padding:.5em .25em .25em;
	border-bottom:2px solid #CCC;
	margin:0 .5em;
	text-shadow:.125em .125em .125em #AAA;
}

.letter-navigation{
	padding:.75em 1.25em;
	text-align:left;
	background-color:#EEE;
	border-bottom:1px solid #CCC;
}

.letter-navigation a{
	padding:.25em .5em;
	color:#096;
	text-decoration:none;
}

.letter-navigation a:hover{
	background-color:#096;
	color:#FFF;
}


.box-location{
	padding:.25em .5em;
}

.box-location p{	
	text-align:left;
	color:#CCC;
}

.box-location p a{
	padding:.5em .5em;
	text-decoration:none;
	display:block;
	
	color:#096;
	position:relative;
	
	background-image: linear-gradient(40deg, #DDD, #EEE, #FFF, #EEE, #EEE, #DDD);
	border:1px solid #EEE;
	transition:all .5s;
}

.box-location p a:hover{
	background-image: linear-gradient(40deg, #CCC, #DDD, #EEE, #FFF, #EEE, #DDD);
	border:1px solid #CCC;
}

.pattern-bg-one{
	background-image:url(../../img/denim.webp);
	background-repeat:repeat;
}

#overlayEnv{
	position: fixed; /* Sit on top of the page content * /
  display: none; /* Hidden by default * /
  width: 100%; /* Full width (cover the whole page) * /
  height: 100%; /* Full height (cover the whole page) * /
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255,255,255,.88); /* Black background with opacity * /
  z-index: 2; /* Specify a stack order in case you're using a different order for other elements * /
}

#overlayHeader{
	position:relative;
}

#overlayHeader a{
	position:absolute;
	z-index:18;
	
	top:-1em;
	right:-1em;
	
	text-decoration:none;
	
	display:inline-block;
	background-color:#FFF;
	border:2px solid #F40;
	
	border-radius:50%;
	line-height:1em;
	
	text-align:center;
	
	width:2em;
	height:2em;
	padding:.25em 0 0;
	
	color:#000;
	box-shadow:inset 0 0 .25em rgba(88, 88, 88, .75);
	transition:all .5s;
}

#overlayHeader a:hover{
	box-shadow:inset 0 0 .25em rgba(42, 42, 42, .75);
	border:2px solid #F00;
}
	
#overlayContent{
	max-width:480px;
	width:100%;
	padding:0;
	background-color:#FFF;
	margin:0 auto;
	
	top:18%;
	position:relative;
	box-shadow:0 0 .25em 0 rgba(0,0,0,.5);
}	

#overlayContent h1{
	font-size:1em;
	border-bottom:1px solid #EEE;
	padding:.5em;
}

#overlayContent h1 span{
	display:block;
}

#overlay{
	padding:2em .5em;
}

#overlay form input
{
	display:block;
	padding:.5em;
	text-align:left;
	width:100%;
	margin:.125em;
	border-radius:.25em;
	border:1px solid #888;
	box-shadow:inset 0 .125em .25em rgba(100, 100, 100, .5);
}

#overlay form input[type="submit"]
{
	width:auto;
	text-align:center;
	background:linear-gradient(#9C0, #390, #080, #9C0);
	padding:.5em 2em;
	color:#FFF;
	border:1px solid #063;
	border-radius:.25em;
	text-transform:uppercase;
	box-shadow:none;
}

#overlay form input[type="submit"]:hover
{
	background:linear-gradient(#9A0, #390, #080, #9B0);
	cursor:pointer;
}

#overlayFooter{
	background-color:#234;
	border-bottom:1px solid #000;
}

/* small * /
@media (max-width: 992px) {
	
	#cnt .p25{
		width:50%;
	}
	
	#cntTop{
		left:1em;
	}
	
	#overlayEnv{
		padding:0 1em;
	}
	
	#overlayContent{
	  max-width: 480px;
		min-width: 320px;
    width: 100%;
    padding: 0;
    background-color: #FFF;
    margin: 0 auto;
    top: 18%;
    position: relative;
    box-shadow: 0 0 .25em 0 rgba(0,0,0,.5);
	}
	
}

/* small * /
@media (max-width: 768px) {
	
	#cnt .p25{
		width:50%;
	}
}

/* extreme small * /
@media (max-width: 576px) {
	#cnt .p25{
		float:none;
		width:100%;
	}
	
	h1{
		font-size:1.5em;
	}
	
		#overlayContent{
	  max-width: 240px;
		min-width: 120px;
    width: 100%;
    padding: 0;
    background-color: #FFF;
    margin: 0 auto;
    top: 18%;
    position: relative;
    box-shadow: 0 0 .25em 0 rgba(0,0,0,.5);
	}
}
*/