html, body
{
	width: 100%;
	margin: 0;
}

#connect-container
{
	display: table;
	width: 100%;
	height: 100vh;
	background-image: url('../images/map.jpg');
	background-size: cover;
	background-position: center;
}

#connect 
{	
	display: table-cell;
	vertical-align: middle;
	background: rgba(0,0,0,0.4);
}



/* ============================== */
/* 			connect FORM	GENERALS		
/* ============================== */


#connect-form .clickable 
{
	color: #ddd;
	cursor: pointer;
}


#connect-form .clickable:hover
{
	color: white;
}

#connect-form .justtext
{
	color: #bbb;
}

/* ============================== */
/* 			connect FORM			
/* ============================== */


#connect-form
{
	display: block;
	position: relative;
	margin:2.5em auto;
	padding: 1em;

	min-width: 20em;
	max-width: 30em;
	width: 50%;

	border-radius: 0.5em;
	background-color: rgba(255,255,255,0.1);

	font-size: 0.9em;
}

/* ============================== */
/* 			connect TITLE			
/* ============================== */

.connect-title
{
	display: block;
	margin: 0.25em;
	text-align: center;
	font-size: 2.2em;
	color:white;
	font-weight: 600;
}






/* ============================== */
/* 			connect FIELDS			
/* ============================== */



form#connect-fields
{
	display: block;
	position: relative;
	padding: 0.25em;
	margin: 0.25em;
}

*:focus{outline:none;}
::-webkit-input-placeholder {
	color:#ddd;
}

:-moz-placeholder { /* Firefox 18- */
	color:#ddd; 
}

::-moz-placeholder {  /* Firefox 19+ */
	color:#ddd;  
}

:-ms-input-placeholder {  
	color:#ddd; 
}


input.user-form
{
	display:block;
	margin: 0.8em;
	border-radius:0.4em;
	background: rgba(230,230,230,0.15);
	width:85%;
	padding:0.8em 1.5em 0.8em 0.6em;
	border:1px solid white;
	color:white;                       
	font-size:1em;
	-webkit-transition:0.5s ease;
	-moz-transition:0.5s ease;
	-o-transition:0.5s ease;
	-ms-transition:0.5s ease;
	transition:0.5s ease; 
}

input.user-form:focus
{
	-webkit-transition:0.5s ease;
	-moz-transition:0.5s ease;
	-o-transition:0.5s ease;
	-ms-transition:0.5s ease;
	transition:0.5s ease;  
	background: rgba(30,30,30,0.15);
}

input.user-form#user-password
{
	margin-bottom: 0.5em;
}

input#user-captcha
{
	display: none;
}

input#connect-button
{
	display: block;
	width: 70%;
	margin: 0.5em auto 0.25em;
	outline: 0;
	border: 0;
	border-radius: 0.5em;
	text-align: center;
	padding: 0.7em;
	font-size: 1.4em;
	background-color: rgb(47,79,79);
	color:white;
	font-weight: 600;
	cursor: pointer;
}

input#connect-button:hover
{
	background-color: rgb(57,89,89);
}



.connect-msg
{
	display: none;
	margin: 0.25em;
	padding:0.25em;
	height: 1em;
	color: #BB1818;
	text-align: center;
	font-weight: 600;
}


/* ============================== */
/* 			SOC connect			
/* ============================== */

#connect-social
{
	margin: 0.25em;
	padding:0.25em;
	text-align: center;
}

#connect-social-caption
{
	display: block;
	margin: 0.45em;
	color: white;
	font-weight: 600;
}

/*.socconnect
{
	display: inline-block;
	width: 17.6em;
  	height: 3em;
	margin:0.25em;
	cursor: pointer;
}

#fb 
{
	background: url('../ico/fb_con.png'); 
	background-size: 100%;
	background-repeat: no-repeat;
	
}
#gplus 
{
	background: url('../ico/gp_con.png'); 
	background-size: 100%;
	background-repeat: no-repeat;
}
*/

/* ============================== */
/* 			connect TAC			
/* ============================== */


.connect-tac
{
	display: block;
	margin: 0.25em;
	padding: 0.25em;
	text-align: center;
	color: white;
}

/*
 * Social Buttons for Bootstrap
 *
 * Copyright 2013-2015 Panayiotis Lipiridis
 * Licensed under the MIT License
 *
 * https://github.com/lipis/bootstrap-social
 */
.btn-social{display:block;position:relative;width:50%;margin:0 auto 6px;padding:10px 12px 10px 58px;border-radius:5px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.btn-social>:first-child{position:absolute;left:0;top:0;bottom:0;width:42px;margin:0.25em;line-height:1.5em;font-size:1.6em;text-align:center;border-right:1px solid rgba(0,0,0,0.2)}

.btn-facebook{color:#fff;background-color:#3b5998;border-color:rgba(0,0,0,0.2)}.btn-facebook:focus,.btn-facebook.focus{color:#fff;background-color:#2d4373;border-color:rgba(0,0,0,0.2)}
.btn-facebook:hover{color:#fff;background-color:#2d4373;border-color:rgba(0,0,0,0.2)}
.btn-facebook:active,.btn-facebook.active,.open>.dropdown-toggle.btn-facebook{color:#fff;background-color:#2d4373;border-color:rgba(0,0,0,0.2)}.btn-facebook:active:hover,.btn-facebook.active:hover,.open>.dropdown-toggle.btn-facebook:hover,.btn-facebook:active:focus,.btn-facebook.active:focus,.open>.dropdown-toggle.btn-facebook:focus,.btn-facebook:active.focus,.btn-facebook.active.focus,.open>.dropdown-toggle.btn-facebook.focus{color:#fff;background-color:#23345a;border-color:rgba(0,0,0,0.2)}
.btn-facebook:active,.btn-facebook.active,.open>.dropdown-toggle.btn-facebook{background-image:none}
.btn-facebook.disabled,.btn-facebook[disabled],fieldset[disabled] .btn-facebook,.btn-facebook.disabled:hover,.btn-facebook[disabled]:hover,fieldset[disabled] .btn-facebook:hover,.btn-facebook.disabled:focus,.btn-facebook[disabled]:focus,fieldset[disabled] .btn-facebook:focus,.btn-facebook.disabled.focus,.btn-facebook[disabled].focus,fieldset[disabled] .btn-facebook.focus,.btn-facebook.disabled:active,.btn-facebook[disabled]:active,fieldset[disabled] .btn-facebook:active,.btn-facebook.disabled.active,.btn-facebook[disabled].active,fieldset[disabled] .btn-facebook.active{background-color:#3b5998;border-color:rgba(0,0,0,0.2)}
.btn-facebook .badge{color:#3b5998;background-color:#fff}

.btn-google{color:#fff;background-color:#dd4b39;border-color:rgba(0,0,0,0.2)}.btn-google:focus,.btn-google.focus{color:#fff;background-color:#c23321;border-color:rgba(0,0,0,0.2)}
.btn-google:hover{color:#fff;background-color:#c23321;border-color:rgba(0,0,0,0.2)}
.btn-google:active,.btn-google.active,.open>.dropdown-toggle.btn-google{color:#fff;background-color:#c23321;border-color:rgba(0,0,0,0.2)}.btn-google:active:hover,.btn-google.active:hover,.open>.dropdown-toggle.btn-google:hover,.btn-google:active:focus,.btn-google.active:focus,.open>.dropdown-toggle.btn-google:focus,.btn-google:active.focus,.btn-google.active.focus,.open>.dropdown-toggle.btn-google.focus{color:#fff;background-color:#a32b1c;border-color:rgba(0,0,0,0.2)}
.btn-google:active,.btn-google.active,.open>.dropdown-toggle.btn-google{background-image:none}
.btn-google.disabled,.btn-google[disabled],fieldset[disabled] .btn-google,.btn-google.disabled:hover,.btn-google[disabled]:hover,fieldset[disabled] .btn-google:hover,.btn-google.disabled:focus,.btn-google[disabled]:focus,fieldset[disabled] .btn-google:focus,.btn-google.disabled.focus,.btn-google[disabled].focus,fieldset[disabled] .btn-google.focus,.btn-google.disabled:active,.btn-google[disabled]:active,fieldset[disabled] .btn-google:active,.btn-google.disabled.active,.btn-google[disabled].active,fieldset[disabled] .btn-google.active{background-color:#dd4b39;border-color:rgba(0,0,0,0.2)}
.btn-google .badge{color:#dd4b39;background-color:#fff}
.btn-instagram{color:#fff;background-color:#3f729b;border-color:rgba(0,0,0,0.2)}.btn-instagram:focus,.btn-instagram.focus{color:#fff;background-color:#305777;border-color:rgba(0,0,0,0.2)}