/* RESET CSS 
------------------------------------------------------------------------------*/
@import url("reset.css");

/* IMPORT FONTS 
------------------------------------------------------------------------------*/
@import url("css.css");

/* GENERAL STYLES 
------------------------------------------------------------------------------*/
html { height: 100%; }
body { background: #fff; color: #585f6b; width: 100%; line-height: 1.5; }
.container { position:relative; width:800px; margin:0 auto; }
.title { height: 100px;	line-height: 100px;	font-family: 'OpenSans-Light', sans-serif; font-size: 26px; color: #fff; }
.red { background: #e84532; }
.blue { background: #008ed9; }
.green { background: #00a9ba; }
.gotop { display:scroll; position:fixed; bottom:15px; right:15px; height:47px; width:47px; z-index:100; background:url(../images/up.png) no-repeat 0 0; cursor:pointer; }
.gotop:hover { background: url(../images/up.png) no-repeat 0px -49px; }




/* HEADER 
------------------------------------------------------------------------------*/
#header { height: 120px; background-color:#F4F4F4;  position: relative; }
#menu { float:right; padding-top: 17px;	position: relative; }


#menu ul li { float: left; padding-left: 25px; }
#menu ul li a { display: block; font-family: 'OpenSans-Semibold', sans-serif; text-decoration: none; font-size: 13px; padding-top: 30px; color: #060; }
#menu ul li a:hover { display: block; font-family: 'OpenSans-Semibold', sans-serif;  text-decoration: none; color: #888f97; font-size: 13px; padding-top: 30px; }

/* MENUS DE OUTRAS CORES */

#menu ul li a.menu_blue:hover { height: 44px; background: url(../images/icon-blue.png) no-repeat bottom center; }
#menu ul li a.menu_green:hover { height: 44px; background: url(../images/icon-green.png) no-repeat bottom center; }
#menu ul li a.menu_red:hover { height: 44px; background: url(../images/icon-red.png) no-repeat bottom center; }
#menu .current_blue { display: block; font-family: 'OpenSans-Semibold', sans-serif;  font-weight:600; text-decoration: none; color: #888f97; font-size: 13px; padding-top: 3px; height: 44px; background: url(../images/icon-blue.png) no-repeat bottom center; }
#menu .current_green { display: block; font-family: 'OpenSans-Semibold', sans-serif;  font-weight:600; text-decoration: none; color: #888f97; font-size: 13px; padding-top: 3px; height: 44px; background: url(../images/icon-green.png) no-repeat bottom center; }
#menu .current_red { display: block; font-family: 'OpenSans-Semibold', sans-serif;  font-weight:600; text-decoration: none; color: #888f97; font-size: 13px; padding-top: 3px; height: 44px; background: url(../images/icon-red.png) no-repeat bottom center; }
.menu-trigger { display: none; }
#menu-mobile { display: none; }


/*logo2 */

.containermapa { position:relative; width: 100%; margin: 0 auto; }

.container_1 { position:relative; width: 800px; margin: 0 auto; }
#logo_2 { 	padding-top: 20px; padding-bottom:15px; float:left; position: relative; }




/* SLIDER 
------------------------------------------------------------------------------*/
#slider { height: 100%; }
#slidernovo { height: 100%; }



/* VIDEO 1
------------------------------------------------------------------------------*/
#videocliente  { background-color:#E6E6E6; height: 100%; }
#videocliente .content { float:center; width:850px; padding-left:80px; margin:0 auto; overflow: hidden; }

/* SERVICOS 
------------------------------------------------------------------------------*/
#servicos { background-color:#7fcd0d; height: 100%; }
#servicos .content { float:center; padding-top:15px; padding-bottom:15px; width:850px; margin:0 auto; overflow: hidden; }
#servicos td {
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	
	}
	
/* jobs 
------------------------------------------------------------------------------*/
#jobs { background-color:#FFF; height: 100%; }
#jobs .content { float:center; padding-top:15px; width:850px; margin:0 auto; overflow: hidden; }
#jobs td {
	
	font-family: 'OpenSans-Semibold', sans-serif; 
	font-size:14px;
	color:#030;
	
	}	
	
	
	/* midias 
------------------------------------------------------------------------------*/

#midias { 

height: 100px; 
width: 250px;
margin-top:0px;
margin-left:0px;
position:relative;

}
	
/* jobsver 
------------------------------------------------------------------------------*/
#jobsver { background-color:#FFF; height: 100%; }
#jobsver .content { float:center; padding-top:15px; width:850px; margin:0 auto; overflow: hidden; }
#jobsver td {
	
	font-family: 'OpenSans-Semibold', sans-serif; 
	font-size:14px;
	color:#030;
	
	}	


/* jobsimg 
------------------------------------------------------------------------------*/
#jobsimg { background-color:#FFF; height: 100%; }
#jobsimg .content { float:center; padding-top:15px; width:100%; margin:0 auto; overflow: hidden; }

/* EMPRESA 
------------------------------------------------------------------------------*/
#empresa { background-color:#FFF; height: 360px; }
#empresa .content { float:center; padding-top:15px; width:850px; margin:0 auto; overflow: hidden; }
#empresa td {
	
	font-family: 'OpenSans-Light', sans-serif; 
	color:#060;
	padding-left:15px;
	font-size:13px;
	text-justify:auto;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	
	}
	
#empresa h2 {
		
		font-family: 'OpenSans-Semibold', sans-serif; 
		font-size:18px;
		text-justify:auto; } 
		
		
		
/* suporteesd 
------------------------------------------------------------------------------*/
#suporteesd { background-color:#FFF; height: 100%; }
#suporteesd .content { float:center; padding-top:15px; width:850px; margin:0 auto; overflow: hidden; }
#suporteesd td {
	
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	font-family: 'OpenSans-Light', sans-serif; 
	color:#060;
	padding-left:15px;
	font-size:14px;
	text-align:justify;
	
	}
	
	#suporteesd li {
	
	font-family: 'OpenSans-Light', sans-serif; 
	color:#060;
	padding-left:15px;
	font-size:14px;
	text-align:justify;
	
	
	}
	
#suporteesd h2 {
		
		font-family: 'OpenSans-Semibold', sans-serif; 
		color:#060;
		font-size:18px;
		 
		
		} 
		
				
		
		
/* DICAS 
------------------------------------------------------------------------------*/
#dicas { background-color:#FFF; height: 100%; }
#dicas .content { float:center; padding-top:15px; padding-bottom:15px; width:850px; margin:0 auto; overflow: hidden; }
#dicas td {
	
	font-family: 'OpenSans-Light', sans-serif; 
	text-align:justify;
	color:#060;
	padding-left:15px;
	font-size:14px;
	font-weight:400;
	text-justify:auto;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	
	}
	
	a.not:link {
	font-family: 'OpenSans-Semibold', sans-serif; 
	font-size: 12px;
	padding:8px;
	color: #060;
	text-decoration: none;
	text-transform: uppercase;
}

	a.not:active {
	font-family: 'OpenSans-Semibold', sans-serif; 
	font-size: 12px;
	padding:8px;
	color: #060;
	text-decoration: none;
	text-transform: uppercase;
}
	a.not:hover {
	background-color:#390;
	padding:8px;
	border-radius:5px;
	font-family: 'OpenSans-Semibold', sans-serif; 
	font-size: 12px;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
}	

	a.not:visited {
	font-family: 'OpenSans-Semibold', sans-serif; 
	padding:8px;
	color: #060;
	text-decoration: none;
	font-size: 12px;
	text-transform: uppercase;
}
	
#dicas h2 {
		
		font-family: 'OpenSans-Semibold', sans-serif; 
		font-size:18px;
		
		} 	
		
		hr {
      border: 1px solid #333;
      color: #fff;
      background-color: #fff;
      height: 10px;
    }	
		
		
	
/* BASEBT	
------------------------------------------------------------------------------*/
#basebt { background-color:#00a859; height: 100%; }
#basebt .content { float:center; width:850px; padding-bottom:15px; padding-top:15px; margin:0 auto; overflow: hidden; }
#basebt td {
	padding-top:25px;
	
	font-family: 'OpenSans-Regular', sans-serif; 
	color:#FFF;
		font-size:15px;
		font-weight:600;
	
	
	
	}
	
	
	/* suportetext	
------------------------------------------------------------------------------*/
#suportetext { background-color:#060; height: 100%; }
#suportetext .content { float:center; width:850px; padding-bottom:15px; padding-top:15px; margin:0 auto; overflow: hidden; }
#suportetext td {
	padding-top:25px;
	
	font-family: 'OpenSans-Regular', sans-serif; 
	color:#FFF;
		font-size:15px;
	
	
	
	}
	
	
	
	
	
	/* CONTATO BASE 
------------------------------------------------------------------------------*/
#contato { background-color:#fff; height: 345px; }
#contato .content { float:center; width:850px; margin:0 auto; overflow: hidden; }
#contato td {
	margin:0 auto;
	top:0px;
	left:0px;
	float:center;
	
	
	}

/* CONTATO TOP TEXTO 
------------------------------------------------------------------------------*/
#contatotexto { background-color:#7fcd0d; height: 75px; }
#contatotexto .content { float:center;  width:850px; margin:0 auto; overflow: hidden;}
#contatotexto h2 {
	width:850px;
	margin:0 auto;
	font-family: 'ProximaNova-Reg', sans-serif;  font-size:25px; color:#fff;
	margin-top:25px;	
	}	
	
	
	
	
/* MAPA CONTATO
------------------------------------------------------------------------------*/
#mapa { background-color:#fff; height: 300px; }
#mapa .content { float:left; width:100%; margin:0 auto; overflow: hidden;}
#contato td {
	width:100%;
	margin:0 auto;	
	
	}
	


/* ENVIAR 
------------------------------------------------------------------------------*/

/* ENVIAR TOP TEXTO 
------------------------------------------------------------------------------*/
#enviartop { background-color:#060; height: 45px; }
#enviartop .content { float:center; width:850px; margin:0 auto; overflow: hidden;}
#enviartop h2 {
	width:770px;
	margin:0 auto;
	font-family: 'ProximaNova-Reg', sans-serif;  font-size:15px; color:#fff;
	margin-top:13px;	
	}	


#enviar { 

	
	width:850px;
	margin-left:-405px;
	left:50%;
	position:relative;
	
	 }
	 
/* ENVIAR_FORM 
------------------------------------------------------------------------------*/
#formu { display: block; overflow: hidden; }
#formu .content {float: left; width: 850px; }
#formu .form { display: block; overflow: hidden; margin-top:30px; }
#formu .form textarea { font-family: 'OpenSans-Regular', sans-serif; font-size:12px; color:#000; padding: 10px; background: #dde1e5; border: 1px solid #dde1e5; border-radius: 3px; margin-bottom: 20px; 
	clear: both;
	float: left;
}

#formu .form select { font-family: 'OpenOpenSans-Regular', sans-serif; font-size: 12px; color: #000; padding: 10px; background: #dde1e5; border: 1px solid #dde1e5; border-radius: 3px; margin-bottom: 20px; opacity: 0.5;
	clear: both;
	float: left;
}

#formu h2 {
	padding-left:10px;
	padding-bottom:10px;
	font-family: 'OpenSans-Regular', sans-serif;
	font-size: 15px; 
	color: #454e5c;

	} 

#formu .form input[type=text] {  margin: 0 0 0 1px; height: 40px; line-height: 20px; padding: 10px 10px 10px 42px; font-family: 'OpenSans-Regular', sans-serif; font-size: 12px; color: #000;
	background: url(../images/bg_input.png) no-repeat 0 0;
	background-color: #dde1e5;
	border: 1px solid #dde1e5;
	border-radius: 3px;
	margin-bottom: 20px;
	clear: both;
	float: left;
}
#formu .form input[type=text].email { background-position: 12px 15px; }
#formu .form input[type=text].obam { background-position: 12px -30px; }
#formu .form input[type=text]:focus { background-position: 12px 15px; }
#formu .form input[type=text].email { background-position: 12px 15px; }
#formu .form input[type=text].obam { background-position: 12px -30px; }
#formu .form input[type=text]:focus { border-color: #dde1e5; outline: none; opacity: 1; }
#formu .form textarea:focus { border-color: #dde1e5; outline: none; opacity: 1; }
#formu .form input[type=text]::-webkit-input-placeholder { color: #454e5c; }
#formu .form input[type=text]:-moz-placeholder { color: #454e5c; }
#formu .form input[type=text]::-moz-placeholder { color: #454e5c; }
#formu .form input[type=text]:-ms-input-placeholder { color: #454e5c; }
#formu .form input[type=submit] { margin: 0 0 5px 0; clear: both; float: left; outline: none; }
#formu .form h3 { margin: 0 0 10px 0; font-family: 'Opensans-Regular', sans-serif; font-size: 26px; color: #454e5c; font-style:bold;}
#formu .form h2 { margin: 10px 0 30px 0; font-family: 'Opensans-Regular', sans-serif; font-size: 14px; color: #454e5c; }
#formu a.link { font-family: 'Opensans-Regular', sans-serif; font-size: 16px; color: #36b7e6; }




/* CONTATO FORMULARIOS
------------------------------------------------------------------------------*/
#contact { background: #F0F0F0; display: block; overflow: hidden; }
#contact .content { float:center; width: 850px; margin:0 auto;  }
#contact .form { display: block; overflow: hidden; margin: 15px 0px 15px; }
#contact h2 {
	padding-left:10px;
	font-family: 'OpenSans-Regular', sans-serif; 
	font-size: 12px; 
	color: #454e5c;
	
	} 
#contact td {
	padding:5px;
	font-family: 'OpenSans-Regular', sans-serif;
	font-size: 12px;
	
	
	}

#contact .form textarea { 
	font-family: 'OpenSans-Regular', sans-serif;
	font-size: 12px; 
	color:#454e5c; 
	padding:10px; 
	background:#fff; 
	border: 1px solid #dde1e5; 
	border-radius: 3px; 
	margin-bottom: 20px; 
	clear: both;
	float: left;
}

#contact .form select { 
	font-family: 'OpenSans-Regular', sans-serif; 
	font-size: 12px; 
	color: #454e5c;
	padding: 10px; 
	background: #fff; 
	border: 1px solid #dde1e5; 
	border-radius: 3px; 
	margin-bottom: 20px;
	clear: both;
	float: left;
}

#contact .form input[type=text] { 
	width: 212px; margin: 0 0 0 1px; 
	height: 40px;
	padding-left:42px;
	font-family: 'OpenSans-Regular', sans-serif; 
	font-size: 12px; 
	color: #454e5c;
	background: url(../images/bg_input.png) no-repeat 0 0;
	background-color: #fff;
	border: 1px solid #dde1e5;
	border-radius: 3px;
	clear: both;
	float: left;
}
#contact .form input[type=text].email { background-position: 12px 15px; }
#contact .form input[type=text].obam { background-position: 12px -30px; }



/* BASE  
------------------------------------------------------------------------------*/
#footer { height: 250px; background:#060; padding: 30px 0 0 0; }
#footer .container { overflow: hidden; }
#footer a { color: #FFF; text-decoration: none; }
#footer a:hover { text-decoration: none; color: #ccc; }
#footer .right { float: right; }
#footer .copy {
	position: absolute;
	bottom: -98px;
	right: -16px;
	text-align: right;
	line-height: 20px;
	margin-right: 15px;
	font-family: 'OpenSans-Regular', sans-serif; 
	font-size: 12px;
	color: #fff;
}
#footer .copy span { height: 3px; width: 5px; display: inline-block; position: relative; top: -2px; }
#footer .h5 { font-family: 'OpenSans-Regular', sans-serif; font-size:14px; color:#fff; } 


/*	BANNER 1
------------------------------------------------------------------------------*/

.fullwidthbanner-container{ width: 100% !important;	position: relative; padding: 0; max-height: 330px !important; overflow: hidden; } 
.fullwidthbanner-container .fullwidthabnner	{ width: 100% !important; max-height: 550px !important; position: relative;	}

/*	BANNER 2
------------------------------------------------------------------------------*/

.fullnovo-container{ width: 100% !important;	position: relative; padding: 0; max-height: 330px !important; overflow: hidden; } 
.fullnovo-container .fullnovobnner	{ width: 100% !important; max-height: 550px !important; position: relative;	}





/* BUTTONS
------------------------------------------------------------------------------*/
.btn { display: inline-block; 
	font-family: 'OpenSans-Regular', sans-serif; 
	font-size: 14px; 
	color: #fff; 
	height: 38px; 
	line-height: 38px; 
	font-weight: 500; 
	padding: 0 28px; 
	background: #ff4533; 
	position: relative;
	text-align: center;
	text-decoration: none;
	border: 0;
	border-radius: 4px 4px 5px 5px;
	-webkit-border-radius: 4px 4px 5px 5px;
	-moz-border-radius: 4px 4px 5px 5px;
	 cursor: pointer;
}
a.btn { color: #fff; }
.btn:hover { background-color: #e43e2e; text-decoration: none; }
.btn:active { top: 1px; }
.btn.btn-blue { background-color: #0790d5; box-shadow: 0 1px 0 #0790d5; -webkit-box-shadow: 0 1px 0 #0790d5; -moz-box-shadow: 0 1px 0 #0790d5; }
.btn.btn-blue:hover { background-color: #0582c2; }
.btn.btn-blue:active { box-shadow: 0 1px 0 #0582c2; -webkit-box-shadow: 0 1px 0 #0582c2; -moz-box-shadow: 0 1px 0 #0582c2; }
.btn.btn-green { background-color: #80bf28; box-shadow: 0 1px 0 #80bf28; -webkit-box-shadow: 0 1px 0 #80bf28; -moz-box-shadow: 0 1px 0 #80bf28; }
.btn.btn-green:hover { background-color: #7ab626; }
.btn.btn-green:active { box-shadow: 0 1px 0 #7ab626; -webkit-box-shadow: 0 1px 0 #7ab626; -moz-box-shadow: 0 1px 0 #7ab626; }
.btn.btn-grey { background-color: #c6cacd; box-shadow: 0 1px 0 #c6cacd; -webkit-box-shadow: 0 1px 0 #c6cacd; -moz-box-shadow: 0 1px 0 #c6cacd; }
.btn.btn-grey:hover { background-color: #bbbfc4; }
.btn.btn-grey:active { box-shadow: 0 1px 0 #bbbfc4; -webkit-box-shadow: 0 1px 0 #bbbfc4; -moz-box-shadow: 0 1px 0 #bbbfc4; }
.btn.btn-black{ background-color: #1c2334; font-family: 'OpenSans-Regular', sans-serif;   font-size: 14px; box-shadow: 0 1px 0 #1c2334; -webkit-box-shadow: 0 1px 0 #1c2334; -moz-box-shadow: 0 1px 0 #1c2334; }
.btn.btn-black:hover { background-color: #101b34; }
.btn.btn-black:active { box-shadow: 0 1px 0 #101b34; -webkit-box-shadow: 0 1px 0 #101b34; -moz-box-shadow: 0 1px 0 #101b34; }
.btn.btn-black1{ height: 62px; line-height: 62px; padding: 0 42px; background-color: #1c2334; font-family: 'OpenSans-Regular', sans-serif;   font-size: 14px; box-shadow: 0 1px 0 #1c2334; -webkit-box-shadow: 0 1px 0 #1c2334; -moz-box-shadow: 0 1px 0 #1c2334; }
.btn.btn-black1:hover { background-color: #101b34; box-shadow: 0 1px 0 #101b34; -webkit-box-shadow: 0 1px 0 #101b34; -moz-box-shadow: 0 1px 0 #101b34; }
.btn.btn-silver { font-family: 'OpenSans-Regular', sans-serif;   font-size: 14px; color: #8e959c; height: 32px; line-height: 32px; padding: 0 12px; background-color: #eef0f2; 
	border-radius: 2px 2px 3px 3px; 
	-webkit-border-radius: 2px 2px 3px 3px; 
	-moz-border-radius: 2px 2px 3px 3px; 
	box-shadow: 0 1px 0 #eef0f2; 
	-webkit-box-shadow: 0 1px 0 #eef0f2; 
	-moz-box-shadow: 0 1px 0 #eef0f2; 
}
.btn.btn-silver:hover { background-color: #f3654c; color: #fff; }
.btn.btn-silver:active { box-shadow: 0 1px 0 #f3654c; -webkit-box-shadow: 0 1px 0 #f3654c; -moz-box-shadow: 0 1px 0 #f3654c; }
.btn.btn-red { color: #fff; background-color: #e84632; box-shadow: 0 1px 0 #d3402d; -webkit-box-shadow: 0 1px 0 #d3402d; -moz-box-shadow: 0 1px 0 #d3402d; }
.btn.btn-red:hover { background-color: #da422f; }
.btn.btn-red:active { box-shadow: 0 1px 0 #da422f; -webkit-box-shadow: 0 1px 0 #da422f; -moz-box-shadow: 0 1px 0 #da422f; }
.btn.btn-trans-white { background-color: transparent; 
	border-radius: 4px 4px 5px 5px;
	-webkit-border-radius: 4px 4px 5px 5px;
	-moz-border-radius: 4px 4px 5px 5px;
	box-shadow: 0 1px 0 transparent; 
	-webkit-box-shadow: 0 1px 0 transparent; 
	-moz-box-shadow: 0 1px 0 transparent; 
	border: 2px solid #fff;
}
.btn.btn-trans-white:hover { background-color: #fff; color: #000; }
.btn.btn-trans-white:active { box-shadow: 0 1px 0 transparent; -webkit-box-shadow: 0 1px 0 transparent; -moz-box-shadow: 0 1px 0 transparent; }
.btn.btn-trans-black { background-color: transparent; 
	border-radius: 4px 4px 5px 5px;
	-webkit-border-radius: 4px 4px 5px 5px;
	-moz-border-radius: 4px 4px 5px 5px;
	box-shadow: 0 1px 0 transparent; 
	-webkit-box-shadow: 0 1px 0 transparent; 
	-moz-box-shadow: 0 1px 0 transparent; 
	border: 2px solid #000;
	color: #000;
}
.btn.btn-trans-black:hover { background-color: #000; color: #fff; }
.btn.btn-trans-black:active { box-shadow: 0 1px 0 transparent; -webkit-box-shadow: 0 1px 0 transparent; -moz-box-shadow: 0 1px 0 transparent; }
.btn.btn-twitter { padding-left: 47px; position: relative; }
.btn.btn-twitter span { position: absolute; top: 12px; left: 21px; height: 15px; width: 18px; display: block; background: url(../images/twitter.png) no-repeat 0 0; font-size: 0; line-height: 0; text-indent: -4000px; }
.btn-big {
	display: inline-block;
	font-family: 'OpenSans-Regular', sans-serif; 
	font-size: 16px;
	color: #fff;
	height: 48px;
	line-height: 48px;
	padding: 0 48px;
	background: #ff4533;
	position: relative;
	text-align: center;
	text-decoration: none;
	border-radius: 4px 4px 5px 5px;
	-webkit-border-radius: 4px 4px 5px 5px;
	-moz-border-radius: 4px 4px 5px 5px;
	border: 0;
	box-shadow: 0 1px 0 #c53527;
	-webkit-box-shadow: 0 1px 0 #c53527;
	-moz-box-shadow: 0 1px 0 #c53527;
	cursor: pointer;
}
a.btn-big { color: #fff; }
.btn-big:hover { background-color: #e43e2e; text-decoration: none; }
.btn-big:active { top: 1px; }
.btn-big.btn-blue { background-color: #0790d5; box-shadow: 0 1px 0 #0790d5; -webkit-box-shadow: 0 1px 0 #0790d5; -moz-box-shadow: 0 1px 0 #0790d5; }
.btn-big.btn-blue:hover { background-color: #0789cb; }
.btn-big.btn-blue:active { box-shadow: 0 1px 0 #0789cb; -webkit-box-shadow: 0 1px 0 #0789cb; -moz-box-shadow: 0 1px 0 #0789cb; }
.btn.btn-social { display: inline-block; font-family: 'OpenSans-Regular', sans-serif;  font-size: 20px; color: #fff; height: 66px; line-height: 66px; padding: 0 152px; position: relative; text-align: center;
	text-decoration: none;
	border-radius: 4px 4px 5px 5px;
	-webkit-border-radius: 4px 4px 5px 5px;
	-moz-border-radius: 4px 4px 5px 5px;
	border: 0;
}
.btn.btn-social.btn-fb { background: #38569a; box-shadow: 0 1px 0 #38569a; -webkit-box-shadow: 0 1px 0 #38569a; -moz-box-shadow: 0 1px 0 #38569a; }
.btn.btn-social.btn-fb:hover { background-color: rgb(77, 105, 164); }
.btn.btn-social.btn-fb:active { box-shadow: 0 1px 0 #2d467d; -webkit-box-shadow: 0 1px 0 #2d467d; -moz-box-shadow: 0 1px 0 #2d467d; }
.btn.btn-social.btn-twitter { background: #36b7e6; box-shadow: 0 1px 0 #36b7e6; -webkit-box-shadow: 0 1px 0 #36b7e6; -moz-box-shadow: 0 1px 0 #36b7e6; }
.btn.btn-social.btn-twitter:hover { background-color: rgb(38, 189, 245); }
.btn.btn-social.btn-twitter:active { box-shadow: 0 1px 0 #31a6d1; -webkit-box-shadow: 0 1px 0 #31a6d1; -moz-box-shadow: 0 1px 0 #31a6d1; }
.btn.btn-social.btn-fb span { position: absolute; top: 20px; left: 21px; height: 27px; width: 28px; display: block; background: url(../images/ico_fb_tw.png) no-repeat 0 0; font-size: 0; line-height: 0; text-indent: -4000px; }
.btn.btn-social.btn-twitter span { position: absolute; top: 20px; left: 21px; height: 27px; width: 28px; display: block; background: url(../images/ico_fb_tw.png) no-repeat 0 -81px; font-size: 0; line-height: 0; text-indent: -4000px; }
.btn-do {
	display: inline-block;
	font-family: 'OpenSans-Regular', sans-serif; 
	font-size: 16px;
	color: #fff;
	height: 48px;
	line-height: 48px;
	padding: 0 48px;
	background: #f1f3f5;
	position: relative;
	text-align: center;
	text-decoration: none;
	border-radius: 4px 4px 5px 5px;
	-webkit-border-radius: 4px 4px 5px 5px;
	-moz-border-radius: 4px 4px 5px 5px;
	border: 0;
	box-shadow: 0 1px 0 #c53527;
	-webkit-box-shadow: 0 1px 0 #c53527;
	-moz-box-shadow: 0 1px 0 #c53527;
	cursor: pointer;
}
a.btn-do { color: #1c2334; }
.btn-do:hover { background-color: #e6e8ea; text-decoration: none; }
.btn-do:active { top: 1px; box-shadow: 0 1px 0 #e6e8ea; -webkit-box-shadow: 0 1px 0 #e6e8ea; -moz-box-shadow: 0 1px 0 #e6e8ea; }
.btn-do.btn-white { background-color: #f1f3f5; box-shadow: 0 1px 0 #dadee1; -webkit-box-shadow: 0 1px 0 #dadee1; -moz-box-shadow: 0 1px 0 #dadee1; }
.btn-do.btn-white:hover { background-color: #e6e8ea; }
.btn-do.btn-white:active { box-shadow: 0 1px 0 #e6e8ea; -webkit-box-shadow: 0 1px 0 #e6e8ea; -moz-box-shadow: 0 1px 0 #e6e8ea; }
.btn-lets {
	display: inline-block;
	font-family: 'OpenSans-Regular', sans-serif; 
	font-size: 20px;
	color: #fff;
	height: 60px;
	line-height: 60px;
	padding: 0 75px;
	background: #f1f3f5;
	position: relative;
	text-align: center;
	text-decoration: none;
	border-radius: 4px 4px 5px 5px;
	-webkit-border-radius: 4px 4px 5px 5px;
	-moz-border-radius: 4px 4px 5px 5px;
	border: 0;
	box-shadow: 0 1px 0 #c53527;
	-webkit-box-shadow: 0 1px 0 #c53527;
	-moz-box-shadow: 0 1px 0 #c53527;
	cursor: pointer;
}
a.btn-lets { color: #1c2334; }
.btn-lets:hover { background-color: #e6e8ea; text-decoration: none; }
.btn-lets:active { top: 1px; }
.btn-lets.btn-white { background-color: #f1f3f5; box-shadow: 0 1px 0 #dadee1; -webkit-box-shadow: 0 1px 0 #dadee1; -moz-box-shadow: 0 1px 0 #dadee1; }
.btn-lets.btn-white:hover { background-color: #e6e8ea; }
.btn-lets.btn-white:active { box-shadow: 0 1px 0 #e6e8ea; -webkit-box-shadow: 0 1px 0 #e6e8ea; -moz-box-shadow: 0 1px 0 #e6e8ea; }
.btn-login {
	display: inline-block;
	background: #0790d5;
	font-family: 'OpenSans-Regular', sans-serif; 
	font-size: 14px;
	height: 30px;
	line-height: 27px;
	overflow: hidden;
	text-align: center;
	padding: 0 23px;
	position: relative;
	border-radius: 4px 4px 5px 5px;
	-webkit-border-radius: 4px 4px 5px 5px;
	-moz-border-radius: 4px 4px 5px 5px;
	box-shadow: 0 1px 0 #383f4a;
	-webkit-box-shadow: 0 1px 0 #383f4a;
	-moz-box-shadow: 0 1px 0 #383f4a;
	cursor: pointer;
	border: 0;
	color: #fff;
 
}
.btn-login:hover { background-color: #0789cb; color: #fff !important; }
.btn-login:active { top: 1px; box-shadow: 0 1px 0 #0789cb; -webkit-box-shadow: 0 1px 0 #0789cb; -moz-box-shadow: 0 1px 0 #30789cb; }
.alert {
	display: inline-block;
	font-family: 'OpenSans-Regular', sans-serif; 
	font-size: 16px;
	width: 420px;
	height: 50px;
	line-height: 50px;
	padding: 0 18px;
	text-decoration: none;
	border-radius: 4px 4px 5px 5px;
	-webkit-border-radius: 4px 4px 5px 5px;
	-moz-border-radius: 4px 4px 5px 5px;
}
.alert.alert-orange { color: #454e5c; background: #f9edbb; border: 1px solid #f9edbb; }
.alert.alert-blue { color: #629ec5; background: #d6f1fa; border: 1px solid #d6f1fa; }
.alert.alert-pink { color: #f92800; background: #ffddcf; border: 1px solid #ffddcf; }
.alert.alert-white { color: #8e959c; background: #fff; border: 1px solid #dde1e5; }
.alert.alert-grey { color: #454e5c; background: #e7eaed; border: 1px solid #e7eaed; }
.alert.alert-green { color: #689921; background: #e6f3d4; border: 1px solid #e6f3d4; }
#loading{ width:120px; margin: 0 auto; display: none; }
.circleG { background-color:#dde1e5; float:left; height:18px; margin: 0 0 80px 15px; width:18px;
-moz-animation-name:bounce_circleG;
-moz-animation-duration:1.9500000000000002s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:linear;
-moz-border-radius:13px;
-webkit-animation-name:bounce_circleG;
-webkit-animation-duration:1.9500000000000002s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:linear;
-webkit-border-radius:13px;
-ms-animation-name:bounce_circleG;
-ms-animation-duration:1.9500000000000002s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:linear;
-ms-border-radius:13px;
-o-animation-name:bounce_circleG;
-o-animation-duration:1.9500000000000002s;
-o-animation-iteration-count:infinite;
-o-animation-direction:linear;
-o-border-radius:13px;
animation-name:bounce_circleG;
animation-duration:1.9500000000000002s;
animation-iteration-count:infinite;
animation-direction:linear;
border-radius:13px;
}
#circleG_1{
-moz-animation-delay:0.39s;
-webkit-animation-delay:0.39s;
-ms-animation-delay:0.39s;
-o-animation-delay:0.39s;
animation-delay:0.39s;
}
#circleG_2{
-moz-animation-delay:0.9099999999999999s;
-webkit-animation-delay:0.9099999999999999s;
-ms-animation-delay:0.9099999999999999s;
-o-animation-delay:0.9099999999999999s;
animation-delay:0.9099999999999999s;
}
#circleG_3{
-moz-animation-delay:1.1700000000000002s;
-webkit-animation-delay:1.1700000000000002s;
-ms-animation-delay:1.1700000000000002s;
-o-animation-delay:1.1700000000000002s;
animation-delay:1.1700000000000002s;
}
@-moz-keyframes bounce_circleG { 0%{ } 50%{ background-color:#8f959d}  100%{ } }
@-webkit-keyframes bounce_circleG { 0%{ } 50%{ background-color:#8f959d} 100%{ } }
@-ms-keyframes bounce_circleG { 0%{ } 50%{ background-color:#8f959d} 100%{ } } 
@-o-keyframes bounce_circleG { 0%{ } 50%{ background-color:#8f959d} 100%{ } }
@keyframes bounce_circleG { 0%{ } 50%{ background-color:#8f959d} 100%{ } }