@font-face {
  font-family: 'regular';
  src: url('../_fonts/Poppins-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'light';
  src: url('../_fonts/Poppins-Light.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'bold';
  src: url('../_fonts/Poppins-Bold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}




#fadediv {
    animation: fadein 0.5s;
    -moz-animation: fadein 0.5s; /* Firefox */
    -webkit-animation: fadein 0.5s; /* Safari and Chrome */
    -o-animation: fadein 0.5s; /* Opera */
}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}






.clearfix:before,

.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 14;
}




#top-link
{ 
	display:none;
	position:fixed; 
	right:30px; 
	bottom:50px; 
	color:green; 
	font-weight:bold; 
	text-decoration:none;  
	background:#f70a9b; 
	padding:10px; 
	border-radius:0px;
	z-index:1999999999;

	-webkit-transition: height 0.3s;
	-moz-transition: height 0.3s;
	transition: height 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	animation: fadein 0.5s;
	-moz-animation: fadein 0.5s;
	-webkit-animation: fadein 0.5s;
	-o-animation: fadein 0.5s;
}

.fade
{
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}

.fade:hover
{
      opacity: 0.5;
}

html, body
{
	height:100%;
	margin:0;
	padding:0;
	background-color:#ffffff;	
	border:0px solid;
}

a:link
{	
	font-family: 'regular', Arial, sans-serif;
	font-size:17px;
	color:#0077bb;
	letter-spacing:0px;
	text-decoration:none;
	font-weight:normal;
	line-height:24px;
	
	-webkit-transition: height 0.3s;
	-moz-transition: height 0.3s;
	transition: height 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	animation: fadein 0.5s;
	-moz-animation: fadein 0.5s;
	-webkit-animation: fadein 0.5s;
	-o-animation: fadein 0.5s;
}
a:hover
{	
	color:#333333;
}
a:active
{
	color:#333333;
	
	-webkit-transition: height 0.3s;
	-moz-transition: height 0.3s;
	transition: height 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	animation: fadein 0.5s;
	-moz-animation: fadein 0.5s;
	-webkit-animation: fadein 0.5s;
	-o-animation: fadein 0.5s;
}
a:visited
{
	color:#333333;
	
	-webkit-transition: height 0.3s;
	-moz-transition: height 0.3s;
	transition: height 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	animation: fadein 0.5s;
	-moz-animation: fadein 0.5s;
	-webkit-animation: fadein 0.5s;
	-o-animation: fadein 0.5s;
}

h1
{	
	font-family:'bold', Arial, sans-serif;
	font-weight:bold;
	font-size:45px;
	letter-spacing:-2px;
	line-height:45px;
	color:#004777;
	margin:0px;
	padding:0px;
}

h2
{	
	font-family:'bold', Arial, sans-serif;
	font-weight:normal;
	font-size:35px;
	letter-spacing:-1px;
	line-height:35px;
	color:#005599;
	margin:0px;
	padding:0px;	
}	

h3
{
	font-family:'light', Arial, sans-serif;
	font-weight:normal;
	font-size:18px;
	color:#000000;
	letter-spacing:0px;	
	line-height:30px;
}

h4
{
	font-family:'light', Arial, sans-serif;
	font-weight:normal;
	font-size:12px;
	color:#000000;
	letter-spacing:0px;
	line-height:20px;
	padding:0;
	margin:0;	
}

h5
{
	font-family:'light', Arial, sans-serif;
	font-weight:normal;
	font-size:12px;
	color:#000000;
	letter-spacing:0px;
	line-height:12px;
}

h1 b
{
	color:#0070ff;
}

.button
{
	position:relative;
	display:inline-block;
	font-family:'bold', Arial, sans-serif;
	font-size:16px;
	color:#ffffff;
	letter-spacing:0px;	
	margin-left:5px;
	margin-right:5px;
	margin-bottom:10px;	
	padding:12px 22px 12px 22px;	
	text-align:center;
	border-radius:4px;
	background-color:#0070ff;
	box-shadow:0px 2px 5px rgba(0, 0, 0, 0.30);
	border:0px;
	cursor:pointer;	
	
	-webkit-transition: height 0.3s;
	-moz-transition: height 0.3s;
	transition: height 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	animation: fadein 0.5s;
	-moz-animation: fadein 0.5s;
	-webkit-animation: fadein 0.5s;
	-o-animation: fadein 0.5s;
	
	-webkit-appearance: none;
}
.button:hover
{
	color:#ffffff;
	background-color:#004777;
	box-shadow:0px 0px 0px rgba(0, 0, 0, 0.30);
}

.button_transparent
{
	position:relative;
	display:inline-block;
	font-family:'bold', Arial, sans-serif;
	font-size:16px;
	color:#004777;
	letter-spacing:0px;	
	margin-left:5px;
	margin-right:5px;
	margin-bottom:10px;	
	padding:12px 22px 12px 22px;
	cursor:pointer;	
	text-align:center;
	border-radius:4px;
	background-color:transparent;
	border:1px #004777 solid;
	
	-webkit-transition: height 0.3s;
	-moz-transition: height 0.3s;
	transition: height 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	animation: fadein 0.5s;
	-moz-animation: fadein 0.5s;
	-webkit-animation: fadein 0.5s;
	-o-animation: fadein 0.5s;
	
	-webkit-appearance: none;
}
.button_transparent:hover
{
	color:#ffffff;
	background-color:#004777;
}


.button_green
{
	position:relative;
	display:inline-block;
	font-family:'bold', Arial, sans-serif;
	font-size:16px;
	color:#ffffff;
	letter-spacing:0px;	
	margin-left:5px;
	margin-right:5px;
	margin-bottom:10px;	
	padding:12px 22px 12px 22px;
	text-align:center;
	border-radius:4px;
	background-color:#00c2c9;
	box-shadow:0px 2px 5px rgba(0, 0, 0, 0.30);
	border:0px;
	cursor:pointer;	
	
	-webkit-transition: height 0.3s;
	-moz-transition: height 0.3s;
	transition: height 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	animation: fadein 0.5s;
	-moz-animation: fadein 0.5s;
	-webkit-animation: fadein 0.5s;
	-o-animation: fadein 0.5s;
	
	-webkit-appearance: none;
}
.button_green:hover
{
	color:#ffffff;
	background-color:#004777;
	box-shadow:0px 0px 0px rgba(0, 0, 0, 0.30);
}

.button_white
{
	position:relative;
	display:inline-block;
	font-family:'bold', Arial, sans-serif;
	font-size:16px;
	color:#0070ff;
	letter-spacing:0px;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:10px;
	padding:12px 22px 12px 22px;
	text-align:center;
	border-radius:4px;
	background-color:#ffffff;
	box-shadow:0px 2px 5px rgba(0, 0, 0, 0.30);
	border:0px;
	cursor:pointer;	
	
	-webkit-transition: height 0.3s;
	-moz-transition: height 0.3s;
	transition: height 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	animation: fadein 0.5s;
	-moz-animation: fadein 0.5s;
	-webkit-animation: fadein 0.5s;
	-o-animation: fadein 0.5s;
	
	-webkit-appearance: none;
}
.button_white:hover
{
	color:#ffffff;
	background-color:#004777;
	box-shadow:0px 0px 0px rgba(0, 0, 0, 0.30);
}


.input[type="text"]
{
	font-family: 'regular', Arial, sans-serif;
	font-size:17px;
	font-weight:normal;
	color:#777777;
	letter-spacing:0px;
	text-decoration:none;
	
	line-height:24px;

	width: 100%;
	height: 20px;
	background: #ffffff;
	border:1px #cccccc solid;
	outline: none;
	padding: 10px;
	font-weight: normal;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.input[type="password"],input[type="email"],input[type="tel"]
{
	font-family: 'regular', Arial, sans-serif;
	font-size:17px;
	font-weight:normal;
	color:#777777;
	letter-spacing:0px;
	text-decoration:none;
	
	line-height:24px;

	width: 100%;
	height: 20px;
	background: #ffffff;
	border:1px #cccccc solid;
	outline: none;
	padding: 10px;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.select
{
	font-family: 'regular', Arial, sans-serif;
	font-size:17px;
	font-weight:normal;
	color:#777777;
	letter-spacing:0px;
	text-decoration:none;
	
	line-height:24px;
	
	color: #000000;
	width: auto;
	height: 40px;
	background: #ffffff;
	border: 1px solid #d2d2d2;
	outline: none;
	padding-left: 10px;
	border-radius: 5px;
}

.textarea
{
	font-family: 'regular', Arial, sans-serif;
	font-size:17px;
	font-weight:normal;
	color:#777777;
	letter-spacing:0px;
	text-decoration:none;
	
	width: 100%;
	height: 20px;
	background: #ffffff;
	border:1px #cccccc solid;
	outline: none;
	padding: 10px;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

label.error
{
	color:red;
	font-family: 'regular', Arial, sans-serif;
	font-size:14px;
}


.links_menu_footer
{
	font-family: 'regular', Arial, sans-serif;
	font-size:12px !important;
	color:#ffffff !important;
	letter-spacing:0px;
	text-decoration:none;
	font-weight:normal;
	line-height:28px;
}
.links_menu_footer:hover
{
	color:#00bbff !important;
}
.links_menu_footer:visited
{
	color:#ffffff;
}
.links_menu_footer:active
{
	color:#ffffff;
}

.header_zone_message
{
	display:none !important;
}

@media screen and (min-width:1001px)
{
	.box_manual_content
	{
		position:relative;
		display:inline-block;
		width:100%;
		text-align:left;
	}
	.box_manual_content h3,
	.box_manual_content ul li
	{
		font-family: 'light', Arial, sans-serif !important;
		font-weight: normal !important;
		font-size: 18px !important;
		color: #000000 !important;
		letter-spacing: 0px !important;
		line-height: 30px !important;
	}
	.header_zone_message
	{
		width:90%;
		padding:0px 5%;
		background:#0070ff;
		
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;	
		animation: fadein 0.5s;
		-moz-animation: fadein 0.5s;
		-webkit-animation: fadein 0.5s;
		-o-animation: fadein 0.5s;		
	}
	.header_zone_message h3
	{
		color:#ffffff;
		text-align:center;
		margin:0;
		font-size:14px;
	}
	.header_zone_message.shrink
	{
		top:-500px;
	}



	.header_headline
	{
		position:relative;
		width:100%;
		min-height:650px;
		background-color:#ffffff;
		background-image:url(../_images/onlinebiz-background.jpg);
		background-size:100%;
		background-position:top center;
		background-repeat:no-repeat;
		z-index:1;
		border:0px solid;
	}
	
	.header_subheadline
	{
		position:absolute;
		display:inline-block;
		vertical-align:top;
		width:100%;
		max-width:600px;
		min-height:350px;
		top:300px;
		left:0px;
		padding:0px;
		border-radius:0px;
		border:0px #000000 solid;	
		z-index:1;
		float:left;
		text-align:left;	
	}
	.header_subheadline h1
	{
		font-family:'bold';
		font-size:63px;
		line-height:63px;
		color:#004777;
		letter-spacing:-3px;
		z-index:1;
		text-shadow:0px 3px 0px #F6F7F9;
	}
	.header_subheadline h2
	{
		font-family:'bold';
		font-size:50px;
		font-weight:normal;
		line-height:50px;
		letter-spacing:-2px;
		color:#0070ff;
		margin-top:0px;
		margin-bottom:10px;
		z-index:1;
		text-shadow:0px 2px 0px #F6F7F9;
	}
	.header_subheadline h3
	{
		font-family:'light';
		font-size:17px;
		line-height:28px;
		color:#004777;
		letter-spacing:0px;
		margin-top:0px;
		text-shadow:0px 1px 0px #F6F7F9;
	}
	.header_subheadline_image
	{
		position:absolute;
		display:inline-block;
		vertical-align:top;
		width:100%;
		max-width:800px;
		height:650px;
		top:0px;
		right:0px;
		background-size:cover;
		background-position:top center;
		background-repeat:no-repeat;
		border:0px #000000 solid;	
		z-index:1;	
	}
	
	.header_subheadline_agents
	{
		position:absolute;
		display:inline-block;
		vertical-align:top;
		width:100%;
		max-width:800px;
		min-height:350px;
		top:200px;
		left:0px;
		padding:0px;
		border-radius:0px;
		border:0px #000000 solid;	
		z-index:1;
		float:left;
		text-align:left;	
	}
	.header_subheadline_agents h1
	{
		font-family:'bold';
		font-size:63px;
		line-height:63px;
		color:#004777;
		letter-spacing:-3px;
		z-index:1;
		margin-bottom:15px;
		text-shadow:0px 3px 0px #F6F7F9;
	}
	.header_subheadline_agents h1 b
	{
		color:#0070ff;
	}
	.header_subheadline_agents h2
	{
		font-family:'bold';
		font-size:38px;
		font-weight:normal;
		line-height:48px;
		letter-spacing:-1px;
		color:#004677;
		margin-top:0px;
		margin-bottom:20px;
		z-index:1;
		text-shadow:0px 2px 0px #F6F7F9;
	}
	.header_subheadline_agents h3
	{
		font-family:'regular';
		font-size:22px;
		line-height:30px;
		color:#000000;
		letter-spacing:0px;
		margin-top:0px;
		text-shadow:0px 1px 0px #F6F7F9;
	}
	
	.header_info
	{
		position:relative;
		width:100%;		
		min-height:20px;
		text-align:center;
		margin-top:0px;
		background-color:#004777;
		z-index:1;	
	}

	.header_zone
	{
		position:fixed;
		top:0px;
		width:100%;		
		height:100px;		
		border:0px #ff0000 solid;
		text-align:center;
		z-index:999999999;	
		
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;	
		animation: fadein 0.5s;
		-moz-animation: fadein 0.5s;
		-webkit-animation: fadein 0.5s;
		-o-animation: fadein 0.5s;	
	}
	
	
	
	.header_logo
	{
		position:relative;
		display:inline-block;
		float:left;
		width:320px;
		height:100px;
		border:0px solid;
		margin-top:10px;
		background-image:url(../_images/gesbiz-logo.png);
		background-size:100%;
		background-position:center;
		background-repeat:no-repeat;
		
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;	
		animation: fadein 0.5s;
		-moz-animation: fadein 0.5s;
		-webkit-animation: fadein 0.5s;
		-o-animation: fadein 0.5s;		
	}
	
	
	
	.header_menu
	{
		position:relative;
		display:inline-block;
		vertical-align:top;
		width:calc(100% - 720px);
		height:40px;
		margin-top:55px;
		border:0px #ffffff solid;
		z-index:999999;
		text-align:center;
		overflow:hidden;
		
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;	
		animation: fadein 0.5s;
		-moz-animation: fadein 0.5s;
		-webkit-animation: fadein 0.5s;
		-o-animation: fadein 0.5s;	
	}		
	.header_menu .links_menu
	{
		display:inline-block;
		font-family: 'regular', Arial, sans-serif;
		font-size:15px !important;
		font-weight:normal;
		line-height:24px;
		letter-spacing:0px;
		text-decoration:none;
		padding:3px 10px 3px 10px;
		margin-left:35px;
		margin-right:35px;
		margin-bottom:20px;
		border-radius:5px;
		color: #0070ff;
		background-color: #ffffff;
		border: 1px #0070ff solid;

		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;	
		animation: fadein 0.5s;
		-moz-animation: fadein 0.5s;
		-webkit-animation: fadein 0.5s;
		-o-animation: fadein 0.5s;		
	}
	.header_menu .links_menu:visited
	{
		color:#ffffff;
		border:0px #ffffff solid;
	}
	.header_menu .links_menu:active
	{
		color:#ffffff;
		border:0px #ffffff solid;
	}
	.header_menu .links_menu:hover
	{		
		color:#ffffff;
		background-color:#0070ff;
		border:1px #0070ff solid;
	}	



	.header_login
	{
		position:relative;
		display:inline-block;		
		width:400px;
		height:80px;
		margin-top:45px;
		border:0px #ff0000 solid;
		border-radius:0px;
		float:right;
		text-align:right;
		z-index:99;
		
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;	
		animation: fadein 0.5s;
		-moz-animation: fadein 0.5s;
		-webkit-animation: fadein 0.5s;
		-o-animation: fadein 0.5s;
	}
	.header_login .button
	{
		width:220px;
		margin-right:7px;
	}
	.header_login .button_white
	{
		width:50px;
		margin-right:0px;
	}	
	
	
	
	.header_languages
	{
		position:absolute;
		display:inline-block;
		vertical-align:top;		
		width:250px;
		height:40px;
		top:10px;
		right:0px;
		border:0px solid;		
		float:right;
		text-align:right;
		z-index:1;

		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;	
		animation: fadein 0.5s;
		-moz-animation: fadein 0.5s;
		-webkit-animation: fadein 0.5s;
		-o-animation: fadein 0.5s;
	}
	.links_languages
	{
		font-family: 'regular', Arial, sans-serif;
		font-size:12px !important;
		font-weight:normal;
		color:#0070ff !important;
		line-height:24px;
		letter-spacing:0px;
		text-decoration:none;
		padding:2px 8px 2px 8px;
		margin-left:0px;
		margin-right:0px;
		margin-bottom:5px;
		/*background-color:rgba(255,255,255,0.3);*/
		border-radius:5px;
		border:0px #ffffff solid;
		background-color:#ffffff;
		
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;	
		animation: fadein 0.5s;
		-moz-animation: fadein 0.5s;
		-webkit-animation: fadein 0.5s;
		-o-animation: fadein 0.5s;
	}
	.links_languages:hover
	{
		color:#ffffff !important;
		background-color:#0070ff;
	}
	.links_languages:visited
	{
		color:#ffffff;
	}
	.links_languages:active
	{
		color:#ffffff;
	}		



	.header_certificacao
	{
		position:fixed;	
		width:100px;
		top:0px;
		right:0px;
		z-index:9;	
	}
	
	
	
	

	.header_zone.shrink
	{
		position:fixed;	
		width:100%;
		height:90px;
		top:0px;
		margin-top:0px;	
		background-color:#ffffff;
		box-shadow:0px 3px 20px rgba(0, 0, 0, 0.20);
		border:0px #ff0000 solid;	
		z-index:999999999;	
	}
	.header_zone.shrink .header_logo 
	{
		position:relative;
		display:inline-block;		
		width:200px;
		height:100px;
		border:0px solid;
		margin-top:-7px;
		background-image:url(../_images/gesbiz-logo.png);
		background-size:100%;
		background-position:center;
		background-repeat:no-repeat;
		float:left;	
		
		-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
		filter: grayscale(0%);
	}
	.header_zone.shrink .header_menu
	{
		position:relative;
		display:inline-block;
		width:calc(100% - 620px);
		height:50px;
		border:0px solid;
		margin-top:30px;	
	}
	.header_zone.shrink .header_login 
	{
		position:relative;
		display:inline-block;		
		width:400px;
		height:80px;
		border:1px solid;
		margin-top:22px;
		border:0px #ffaa00 solid;
		float:right;	
	}
	.header_zone.shrink .header_login .button
	{		
		width:200px;	
	}	
	.header_zone.shrink .button
	{
		padding:10px 24px 10px 24px;	
	}
	.header_zone.shrink .button_white
	{
		padding:10px 24px 10px 24px;	
	}	
	.header_zone.shrink .header_languages 
	{
		height:30px;
		margin-top:-100px;
	}
	.header_zone.shrink .header_menu .links_menu,.header_menu .links_menu:visited,.header_menu .links_menu:active
	{
		color:#0070ff;
		background-color:#ffffff;
		border:1px #0070ff solid;
	}
	.header_zone.shrink .header_menu .links_menu:hover
	{
		color:#ffffff;
		background-color:#0070ff;
		border:1px #0070ff solid;
	}	
	.header_zone.shrink .links_languages
	{
		color:#004777 !important;
	}	
	.header_zone.shrink .header_certificacao 
	{
		position:fixed;	
		display:inline-block;
		vertical-align:top;
		width:90px;
		top:0px;
		right:0px;
		border:0px solid;	
	}
	
		
	
	
	
	
	.slider
	{
		position:relative;
		width:100%;
		height:650px;
		vertical-align:top;
		z-index:9;
		margin:0;
		padding: 0;
		border:0px solid;		
		overflow:hidden;		
	}	
	.slider_homepage
	{
		position:relative; 
		width:100%;
		min-height:650px;
		background-position:center;
		background-repeat:no-repeat;
		background-position:top;
		border:0px #aaEE00 solid;
		background-color:#eeeeee;
	}	
	.slider_background
	{
		position:relative;
		vertical-align:top;	
		background-color:#ffffff;		
		background-position:center right; 
		background-repeat:no-repeat;
		background-size:auto 100%;	
		width:100%;
		height:650px;
		border:0px #ff0000 solid;
	}
	.slider_div
	{
		position:relative; 
		width:100%;
		height:650px;
		background-position:center;
		background-size:cover; 
		border:0px #ff0000 solid;
		vertical-align:top;
	}	
	.slider_headline
	{
		width:90%;
		max-width:1450px;
		padding-top:220px;
		text-align:left;
		border:0px solid;
	}
	.slider_headline h1
	{
		font-size:45px;
		line-height:55px;
		color:#004777;
		letter-spacing:-2px;
		/*text-shadow:0px 3px 0px #F6F7F9;*/		
	}
	.slider_headline h2
	{
		max-width:500px;
		font-size:70px;
		line-height:60px;
		color:#0070ff;
		letter-spacing:-3px;
		margin:0px;
		padding:0px;
		/*text-shadow:0px 3px 0px #F6F7F9;*/		
	}
	.slider_headline h3
	{
		max-width:410px;
		font-size:17px;
		line-height:28px;
		margin:10px 0px 20px 0px;
		padding:0px;
		/*text-shadow:0px 3px 0px #F6F7F9;*/		
	}
	.slider_headline .button_transparent
	{
		width:100%;
		max-width:350px;
	}	

	.home_services_data_box
	{
		position:relative;
		display:inline-block;
		vertical-align:top;
		width:250px;
		height:100px;
		margin-top:45px;
		border:0px #ff0000 solid;
		text-align:center;
	}	

	.separator
	{
		position:relative;
		display:inline-block;
		width:1px;
		min-height:140px;
		background-color:#dddddd;
		margin-top:25px;
		margin-left:15px;
		margin-right:15px;
		padding:0px;
	}	
	
	.box_page_record
	{
		position:relative;
		display:inline-block;
		width:100%;
		vertical-align:top;
		margin-bottom:75px;
	}
	.box_page_record_content
	{
		position:relative;
		display:inline-block;
		width:60%;
		vertical-align:top;
		text-align:left;
	}
	.box_page_record_content.left,
	.box_page_record_img.left
	{
		float:left;
	}
	.box_page_record_content.right,
	.box_page_record_img.right
	{
		float:right;
	}
	.box_page_record_img
	{
		position:relative;
		display:inline-block;
		width:40%;
		vertical-align:top;
		background-size:contain;
		background-position:center;
		background-repeat:no-repeat;
	}
	.box_page_record_img img
	{
		width:calc(100% - 60px);
		margin-right:60px;
		border:10px solid #eeeeee;
		border-radius:10px;
	}
	.box_page_record_img.no_border img
	{
		width:calc(100% - 60px);
		margin-right:60px;
		border:0px solid #eeeeee;
		border-radius:0px;
	}
	.box_page_record_img.right img
	{
		margin-left:60px;
	}
	
	.box_content
	{
		position:relative;
		display:inline-block;
		vertical-align:top;
		width:100%;
		height:100%;
		z-index:1;
		border:0px solid;
		text-align:left;
		margin:0px;
		padding:0px;
	}

	.box_advantages
	{
		position:relative;
		display:inline-block;
		vertical-align:top;
		width:170px;
		min-height:300px;
		margin-left:25px;
		margin-right:25px;
		margin-top:25px;
		margin-bottom:25px;
		border:0px #cccccc solid;
			
		-webkit-transition: height 0.3s;
		-moz-transition: height 0.3s;
		transition: height 0.3s;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		animation: fadein 0.5s;
		-moz-animation: fadein 0.5s;
		-webkit-animation: fadein 0.5s;
		-o-animation: fadein 0.5s;	
	}
	.box_advantages img
	{
		width:150px;
	}
	.box_advantages h2
	{
		font-family:'bold';
		font-size:27px;
		line-height:30px;
		letter-spacing:-1px;
		margin-top:20px;
	}
	.box_advantages h3
	{
		font-size:15px;
		line-height:24px;
	}

	.box_advantages2
	{
		position:relative;
		display:inline-block;
		vertical-align:top;
		width:170px;
		height:320px;
		margin-left:0px;
		margin-right:46px;
		margin-top:30px;
		margin-bottom:30px;
		background-color:#ffffff;
		border:0px #000000 solid;
		text-align:center;
			
		-webkit-transition: height 0.3s;
		-moz-transition: height 0.3s;
		transition: height 0.3s;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		animation: fadein 0.5s;
		-moz-animation: fadein 0.5s;
		-webkit-animation: fadein 0.5s;
		-o-animation: fadein 0.5s;	
	}
	.box_advantages2 img
	{
		width:100px;
		margin:0px;
		padding:0px;
		border:0px #000000 solid;		
	}
	.box_advantages2 h2
	{
		font-family:'bold';
		font-size:25px;
		line-height:30px;
		letter-spacing:-1px;
		margin-top:15px;
		padding:0px;
		border:0px #000000 solid;		
	}
	.box_advantages2 h3
	{
		font-size:15px;
		line-height:21px;
	}		

	.box_products
	{
		position:relative;
		display:inline-block;
		vertical-align:top;
		width:280px;
		height:600px;
		margin-left:30px;
		margin-right:30px;
		margin-top:30px;
		margin-bottom:30px;
		top:0px;
		background-color:#fafafa;
		border-radius:8px;
		border:0px #eeeeee solid;
		text-align:center;	
		z-index:1;		
		
		-webkit-transition: height 0.3s;
		-moz-transition: height 0.3s;
		transition: height 0.3s;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		animation: fadein 0.5s;
		-moz-animation: fadein 0.5s;
		-webkit-animation: fadein 0.5s;
		-o-animation: fadein 0.5s;	
	}
	.box_products:hover
	{
		top:-10px;
		box-shadow:0px 1px 30px rgba(0, 0, 0, 0.2);
	}
	.box_products h1
	{	
		font-size:36px;
		line-height:10px;
		color:#004777;
		margin-top:38px;
		margin-bottom:17px;
	}
	.box_products h2
	{	
		font-size:20px;
		color:#0070ff;
		line-height:22px;
		letter-spacing:-0.5px;
		margin-top:18px;
		margin-bottom:4px;
		padding:5px;
	}
	.box_products h3
	{	
		font-size:14px;
		line-height:22px;
		margin-top:12px;
	}
	.box_products .button_transparent
	{	
		
		width:120px;
		height:30px;
		line-height:30px;
		padding:0px;
		margin:0px;
		border:1px solid;
		box-shadow:0px 0px 0px;
	}	
	
	.box_blog
	{
		position:relative;
		display:inline-block;
		vertical-align:top;
		width:20%;
		max-width:265px;
		min-height:700px;
		margin:1%;
		padding:10px;
		background-color:#ffffff;
		border-radius:7px;
		border:1px #eeeeee solid;
		
		-webkit-transition: height 0.3s;
		-moz-transition: height 0.3s;
		transition: height 0.3s;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		animation: fadein 0.5s;
		-moz-animation: fadein 0.5s;
		-webkit-animation: fadein 0.5s;
		-o-animation: fadein 0.5s;	
	}
	.box_blog:hover
	{	
		border:1px #0070ff solid;
	}
	.box_blog h1
	{	
		font-size:26px;
		letter-spacing:-1px;
		line-height:28px;
		color:#004777;
		padding:0px;
		margin:0px;
	}	
	.box_blog h2
	{	
		font-family:'bold';
		font-size:19px;
		line-height:24px;
		color:#0070ff;
		letter-spacing:-0.5px;
		margin-top:10px;
	}	
	.box_blog h3
	{
		font-size:16px;
		line-height:26px;
	}	
	.box_blog .button_transparent
	{
		padding:5px 10px 5px 10px;
		box-shadow:0px 0px 0px;
	}
	.box_blog_details_image
	{	
		position:relative;
		display:inline-block;
		vertical-align:top;
		width:500px;
		height:500px;
		margin-left:0px;
		margin-right:50px;
		margin-top:0px;
		margin-bottom:30px;
		padding:10px;
		border-radius:5px;
		border:0px #eeeeee solid;
		float:left;
		text-align:left;
		
		-webkit-transition: height 0.3s;
		-moz-transition: height 0.3s;
		transition: height 0.3s;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		animation: fadein 0.5s;
		-moz-animation: fadein 0.5s;
		-webkit-animation: fadein 0.5s;
		-o-animation: fadein 0.5s;
	}
	.box_blog_details_text
	{	
		position:relative;
		display:inline-block;
		vertical-align:top;
		width:calc(100% - 580px);
		min-height:500px;
		margin-left:0px;
		margin-right:0px;
		margin-top:0px;
		margin-bottom:30px;
		padding:0px;
		border-radius:0px;
		border:0px #eeeeee solid;
		float:left;
		text-align:left;		
		
		-webkit-transition: height 0.3s;
		-moz-transition: height 0.3s;
		transition: height 0.3s;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		animation: fadein 0.5s;
		-moz-animation: fadein 0.5s;
		-webkit-animation: fadein 0.5s;
		-o-animation: fadein 0.5s;
	}
	.box_blog_details_text h1
	{	
		font-size:40px;
		letter-spacing:-2px;
		line-height:40px;
		padding:0px;
		margin:0px;
	}
	.box_blog_details_text h2
	{	
		font-size:26px;
		letter-spacing:-1px;
		line-height:28px;
		padding:0px;
		margin-top:20px;
	}


	.box_faqs_search
	{
		position:relative;
		display:inline-block;
		vertical-align:top;
		width:100%;
		margin-bottom:50px;
	}
	.box_faqs_search h1
	{
		margin-bottom:20px;
		font-size:30px;
		line-height:30px;
	}
	.box_faqs_search .input
	{
		width:calc(100% - 200px);
		max-width:400px;
		height:27px;
		vertical-align:top;
	}
	
	
	.box_faq_types_single
	{
		position:relative;
		display:inline-block;
		vertical-align:top;
		width:calc(100% / 2 - 20px);
		min-height:50px;
		margin:10px 10px 20px;
		border:0px solid;
		text-align:center;
		
		-webkit-transition: height 0.3s;
		-moz-transition: height 0.3s;
		transition: height 0.3s;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		animation: fadein 1.5s;
		-moz-animation: fadein 1.5s;
		-webkit-animation: fadein 1.5s;
		-o-animation: fadein 1.5s;			
	}
	
	.box_faq_types
	{
		position:relative;
		display:inline-block;
		vertical-align:top;
		width:calc(100% / 5 - 20px);
		min-height:50px;
		margin:10px;
		border:0px solid;
		text-align:center;
		
		-webkit-transition: height 0.3s;
		-moz-transition: height 0.3s;
		transition: height 0.3s;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		animation: fadein 1.5s;
		-moz-animation: fadein 1.5s;
		-webkit-animation: fadein 1.5s;
		-o-animation: fadein 1.5s;			
	}
	.box_faq_types_image
	{
		position:relative;
		display:inline-block;
		width:100%;
		height:100px;
		background-size:contain;
		background-position:center;
		background-repeat:no-repeat;
	}
	.box_faq_types_text
	{
		position:relative;
		display:inline-block;
		width:100%;
		margin-top:10px;
	}
	.box_faq_types_text h1
	{
		font-size:30px;
		line-height:30px;
		letter-spacing:-1px;
	}
	
	
	
	
	
	.box_faqs
	{
		position:relative;
		display:inline-block;
		vertical-align:top;
		width:100%;
		min-height:50px;
		margin-bottom:10px;
		border:0px solid;
		text-align:left;
		
		-webkit-transition: height 0.3s;
		-moz-transition: height 0.3s;
		transition: height 0.3s;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		animation: fadein 1.5s;
		-moz-animation: fadein 1.5s;
		-webkit-animation: fadein 1.5s;
		-o-animation: fadein 1.5s;			
	}
	.box_faqs h1
	{
		font-size:30px;
		line-height:30px;
		letter-spacing:-1px;
	}
	.box_faqs h3
	{
		
	}
	.box_faqs .button_transparent
	{
		margin-top:5px;
		padding:0px 10px 0px 10px;
		box-shadow:0px 0px 0px;
	}	
	.box_faqs_list_text
	{
		position:relative;
		display:inline-block;
		vertical-align:top;
		width:750px;
		height:250px;
		margin-bottom:50px;
		text-align:left;
		border:0px solid;
	}	
	.box_faqs_list
	{
		position:relative;
		display:inline-block;
		vertical-align:top;
		width:300px;
		min-height:250px;
		margin-right:50px;
		text-align:left;
		border:0px solid;
		background-color:#f7f7f7;
	}
	.box_faqs_details
	{
		position:relative;
		display:inline-block;
		vertical-align:top;
		width:800px;
		min-height:250px;
		margin-bottom:50px;
		text-align:left;
		border:0px solid;
	}	


	.box_plans
	{
		position:relative;
		display:inline-block;
		vertical-align:top;
		/* width:20%; */
		width:calc(100% / 5 - 20px);
		max-width:250px;
		min-height:1200px;
		margin:10px;
		padding:0px;
		background-color:#ffffff;
		border:1px #eeeeee solid;
		border-radius:10px;
		box-shadow:0px 2px 5px #dddddd;
		z-index:1;
		text-align:center;

		-webkit-transition: height 0.3s;
		-moz-transition: height 0.3s;
		transition: height 0.3s;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		animation: fadein 1.5s;
		-moz-animation: fadein 1.5s;
		-webkit-animation: fadein 1.5s;
		-o-animation: fadein 1.5s;		
	}
	.box_plans:hover
	{
		background-color:#f9f9f9;
		box-shadow:0px 0px 0px #cccccc;
	}
	.box_plans_featured_icon
	{
		position: absolute;
		right: -16px;
		top:30px;
		display:inline-block;
	}
	.box_plans_featured_icon img
	{
		width:45px;
	}
	.box_plans.featured
	{
		background-color:#f1f8fb;
	}
	.box_plans.featured:hover
	{
		background-color:#d6e5ec;
	}
	.box_plans h1
	{
		font-family:'light';
		font-size:40px;
		line-height:40px;
		color:#004777;
		letter-spacing:0px;
		margin:5px 0px 0px 0px;
		padding:0px;
	}
	.box_plans h2
	{
		font-family:'bold';
		font-size:35px;
		line-height:40px;
		color:#004777;
		letter-spacing:-1px;
		margin:0px 0px 20px 0px;
		padding:0px;
	}	
	.box_plans h3
	{
		font-family:'bold';
		font-size:18px;
		line-height:25px;
		color:#0070ff;
		letter-spacing:-1px;
		margin:0px;
		padding:0px;
	}
	.box_plans h4
	{
		font-family:'light';
		font-size:17px;
		line-height:25px;
		color:#0070ff;
		letter-spacing:0px;
		margin-top:10px;
		margin-bottom:10px;
	}
	.box_plans h5
	{
		margin:0px;
		padding:0px;
		font-family:'light';
		font-size:14px;
		line-height:20px;
		color:#000000;
		letter-spacing:0px;
	}	
	.box_plans_featured
	{
		position:relative;
		display:inline-block;
		vertical-align:top;
		width:20%;
		max-width:250px;
		min-height:1200px;
		margin:2%;
		padding:0px;
		background-color:#0070ff;
		border:1px #eeeeee solid;
		border-radius:10px;
		box-shadow:0px 2px 5px #dddddd;
		z-index:1;
		text-align:center;

		-webkit-transition: height 0.3s;
		-moz-transition: height 0.3s;
		transition: height 0.3s;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		animation: fadein 1.5s;
		-moz-animation: fadein 1.5s;
		-webkit-animation: fadein 1.5s;
		-o-animation: fadein 1.5s;		
	}
	.box_plans_featured:hover
	{
		box-shadow:0px 0px 0px #cccccc;
	}
	.box_plans_featured h1
	{
		font-family:'light';
		font-size:40px;
		line-height:40px;
		color:#ffffff;
		letter-spacing:0px;
		margin:5px 0px 0px 0px;
		padding:0px;
	}
	.box_plans_featured h2
	{
		font-family:'bold';
		font-size:35px;
		line-height:40px;
		color:#ffffff;
		letter-spacing:-1px;
		margin:0px 0px 20px 0px;
		padding:0px;
	}	
	.box_plans_featured h3
	{
		font-family:'bold';
		font-size:18px;
		line-height:25px;
		color:#ffffff;
		letter-spacing:0px;
		margin:0px;
		padding:0px;		
	}
	.box_plans_featured h4
	{
		font-family:'light';
		font-size:17px;
		line-height:25px;
		color:#ffffff;
		letter-spacing:0px;
		margin-top:10px;
		margin-bottom:10px;
	}
	.box_plans_featured h5
	{
		margin:0px;
		padding:0px;
		font-family:'light';
		font-size:14px;
		line-height:20px;
		color:#ffffff;
		letter-spacing:0px;
	}

	.box_features
	{
		position:relative;
		display:inline-block;
		vertical-align:top;
		width:100%;
		min-height:200px;
		border:0px #eeeeee solid;
		float:left;
		text-align:left;
		z-index:1;

		-webkit-transition: height 0.3s;
		-moz-transition: height 0.3s;
		transition: height 0.3s;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		animation: fadein 1.5s;
		-moz-animation: fadein 1.5s;
		-webkit-animation: fadein 1.5s;
		-o-animation: fadein 1.5s;		
	}
	.box_features_image
	{	
		position:relative;
		display:inline-block;
		vertical-align:top;
		width:150px;
		height:150px;
		border:0px #0070ff solid;
		float:left;
	}
	.box_features_text
	{	
		position:relative;
		display:inline-block;
		vertical-align:top;
		width:calc(100% - 150px);
		min-height:150px;
		border:0px #0070ff solid;
		float:left;
	}	
	.box_features h1
	{
		font-family:'bold';
		font-size:50px;
		line-height:50px;
		color:#004777;
		letter-spacing:-2px;
		margin:0px;
		padding:0px;
	}
	.box_features h2
	{
		margin-top:20px;
	}	
	.box_features_itens
	{
		position:relative;
		display:inline-block;
		vertical-align:top;
		width:30%;
		margin-right:30px;		
	}	
	.box_features_itens ul
	{
		list-style-position: outside;
		font-family:'light';
		font-size:17px;
		color:#000000;
		letter-spacing:0px;	
		line-height:30px;
		text-align:left;
	}
	.box_features .button_transparent
	{
		padding:3px 15px 3px 15px;
		box-shadow:0px 0px 0px;
	}

	.box_discount
	{
		position:absolute;		
		width:150px;
		height:150px;
		margin-left:0;
		margin-top:10px;
		background-image:url(../_images/onlinebiz-bolacha.png);
		background-position:top;
		background-size:100%;
		text-align:center;
		border-radius:50px;
		border:0px solid;
		z-index:1;
	}
	.box_discount h1
	{
		color:#ffffff;
		line-height:40px;
		
		padding:0px;
	}
	.box_discount h3
	{
		color:#ffffff;
		line-height:30px;
		margin:30px 0px 0px 0px;
		padding:0px;		
	}	
	
	.box_agent_form
	{
		position:relative;
		display:inline-block;
		vertical-align:top;
		width:100%;
		text-align:center;
		border:0px #eeeeee solid;
	}
	.box_agent_form form
	{
		position:relative;
		display:inline-block;
		width:60%;
		max-width:700px;
		padding:50px 10px;
		background:#f3f3f5;
		border-radius:10px;
	}
	.box_agent_form_halfs
	{
		position:relative;
		display:inline-block;
		width:calc(90% + 22px);
	}
	.box_agent_form_half
	{
		position:relative;
		display:inline-block;
		width:calc(50% - 10px);
	}
	.box_agent_form_half .input
	{
		width:calc(100% - 22px) !important;
	}
	.box_agent_form_half.left
	{
		float:left;
	}
	.box_agent_form_half.right
	{
		float:right;
	}
	
	.caixa_clientes
	{
		position:relative;
		display:inline-block; 
		width:190px;	
		border:0px #cccccc solid;
		margin-left:50px;
		margin-right:50px;
		margin-bottom:50px; 
		vertical-align:top;
		padding:5px;

		-webkit-transition: height 0.3s;
		-moz-transition: height 0.3s;
		transition: height 0.3s;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		animation: fadein 0.5s;
		-moz-animation: fadein 0.5s;
		-webkit-animation: fadein 0.5s;
		-o-animation: fadein 0.5s;	
	}

	.box_support
	{
		position:relative;
		display:inline-block;
		vertical-align:top;
		width:278px;
		height:190px;
		margin-left:20px;
		margin-right:20px;
		margin-bottom:40px;
		padding:15px;
		border-radius:8px;
		border:1px #ffffff solid;	
		box-shadow:0px 3px 10px #dddddd;
		z-index:1;
		cursor:pointer;
		
		-webkit-transition: height 0.3s;
		-moz-transition: height 0.3s;
		transition: height 0.3s;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		animation: fadein 1.5s;
		-moz-animation: fadein 1.5s;
		-webkit-animation: fadein 1.5s;
		-o-animation: fadein 1.5s;		
	}
	.box_support:hover
	{
		margin-top:1px;
		border:1px #eeeeee solid;	
		box-shadow:0px 0px 0px #dddddd;	
	}
	.box_support img
	{
		position:relative;
		display:inline-block;
		vertical-align:top;
		width:60px;
		margin-right:15px;
		border:0px solid;
		float:left;
		text-align:left;
	}
	.box_support h1
	{
		position:relative;
		display:inline-block;
		vertical-align:top;
		width:150px;
		height:50px;
		font-size:45px;
		line-height:45px;
		border:0px solid;
		float:left;
		text-align:left;
	}
	.box_support h3
	{
		position:relative;
		display:inline-block;
		vertical-align:top;
		width:calc(100% - 78px);
		min-height:70px;
		font-size:15px;
		line-height:25px;
		margin-left:78px;
		border:0px solid;
		float:left;
		text-align:left;
	}
	.box_support .button_transparent
	{
		padding:3px 15px 3px 15px;	
		box-shadow:0px 0px 0px;
	}	

	.footer_contacts_image	
	{
		position:relative;
		display:inline-block;
		vertical-align:top;
		width:20%;
		float:left;
		margin-right:30px;
		border:0px #eeeeee solid;
	}
	
	.footer_contacts_form
	{
		position:relative;
		display:inline-block;
		vertical-align:top;
		width:50%;
		margin-right:10px;
		float:left;
		text-align:left;
		border:0px #eeeeee solid;
	}

	.footer_contacts_text
	{
		position:relative;
		display:inline-block;
		vertical-align:top;
		width:25%;
		float:right;
		text-align:left;
		border:0px #eeeeee solid;
	}	

	.footer_contacts_text_icon
	{
		position:relative;
		display:inline-block;
		vertical-align:top;
		width:30px;
		height:40px;
		border:0px #eeeeee solid;
	}
	.footer_contacts_text_data
	{
		position:relative;
		display:inline-block;
		vertical-align:top;
		width:calc(100% - 40px);
		border:0px #eeeeee solid;
	}	
	.footer_contacts_text_data h3
	{
		font-size:20px;
		line-height:20px;		
		padding:0px;
		margin:3px 0px 10px 0px;
	}
	.footer_contacts_text_data h4
	{
		font-size:15px;
		line-height:20px;
		margin:0px;
		padding:0px;
	}
	
	.footer_about_onlinebiz
	{
		position:relative;
		display:inline-block;
		vertical-align:top;
		width:25%;
		margin-top:60px;
		border:0px solid;		
		float:left;
		text-align:left;
		z-index:9;
	}

	.footer_features
	{
		position:relative;
		display:inline-block;
		vertical-align:top;
		width:37%;
		margin-top:60px;
		border:0px solid;
		z-index:9;
		float:left;
		text-align:left;
	}	
		
	.footer_contacts
	{
		position:relative;
		display:inline-block;
		vertical-align:top;
		width:20%;
		margin-top:60px;
		border:0px solid;
		z-index:9;
		float:left;
		text-align:left;
	}	

	.footer_contacts_separator
	{
		position:relative;
		display:inline-block;
		vertical-align:top;
		width:1px;
		height:150px;
		margin-top:65px;
		margin-left:40px;
		margin-right:40px;
		background-color:#399fd9;		
		float:left;
		text-align:center;
		z-index:9;
	}

	.footer_contacts_phones
	{
		position:relative;
		display:inline-block;
		vertical-align:top;
		width:250px;
		border:0px solid;
		z-index:9;
		text-align:left;
	}	
	
	.footer_terms
	{
		position:relative;
		display:inline-block;
		vertical-align:top;
		height:20px;
		margin-top:20px;
		border:0px solid;
		float:left;
		text-align:left;
	}
	
	.footer_at
	{
		position:relative;
		display:inline-block;
		vertical-align:top;		
		width:500px;
		height:20px;
		margin-top:20px;
		border:0px solid;
		float:left;
		text-align:left;		
	}
	
	.footer_logo
	{
		position:relative;
		display:none;
		float:right;
		width:25%;
		margin-top:10px;
		border:0px solid;
		text-align:right;
	}
	.icon_most_popular
	{
		position:absolute;
		display:none;
		width:90px;
		height:90px;
		top:10px;
		border:0px solid;
		z-index:9;
	}
	
	
	
	
	
	
	
	
	#helpdesk_module
	{
		position: fixed;
		bottom: 30px;
		right: 20px;
		width: 300px;
		z-index: 999999;
		font-family: regular;
		display: inline-block;
		background-color: #ffffff;
		box-shadow:0px 2px 20px rgba(0,0,0,30%);
		color: #ffffff;
		border-radius: 6px;
		padding: 5px 20px;
	}
	#helpdesk_module .helpdesk_module_title
	{
		cursor: pointer;
	}
	#helpdesk_module.open .helpdesk_module_title
	{
		margin-top:5px;
		cursor:default;
	}
	#helpdesk_module .helpdesk_module_title .helpdesk_module_title_icon
	{
		position:relative;
		width:40px;
		display:inline-block;
		vertical-align:middle;
		margin-left:-10px;
		margin-right:10px;
	}
	#helpdesk_module .helpdesk_module_title h1
	{
		position:relative;
		display:inline-block;
		font-family:'bold';
		width:calc(100% - 152px);
		font-size:21px;
		line-height:25px;
		vertical-align:middle;
		letter-spacing:-1px;
	}
	#helpdesk_module .helpdesk_module_title .helpdesk_module_title_photos
	{
		position:relative;
		display:inline-block;
		vertical-align:middle;
		margin-left:10px;
	}
	#helpdesk_module .helpdesk_module_title .helpdesk_module_title_photo
	{
		position:relative;
		display:inline-block;
		vertical-align:middle;
		width:40px;
		height:40px;
		border-radius:40px;
		border:0px solid #0070ff;
		margin:0px -12px 0 0px;
		overflow:hidden;
		float:right;
	}
	#helpdesk_module .helpdesk_module_inputs
	{
		display:none;
	}
	#helpdesk_module .helpdesk_module_inputs .textarea
	{
		position: relative;
		display: inline-block;
		width: calc(100% - 20px);
		height: 100px;
		margin-top: 20px;
		margin-bottom: 20px;
		font-size:15px;
	}
	#helpdesk_module .helpdesk_module_inputs .input
	{
		position: relative;
		display: inline-block;
		width: calc(100% - 20px);
		margin-top: 20px;
		font-size:15px;
	}
	#helpdesk_module .helpdesk_module_inputs .button_close
	{
		margin-top: 45px;
		margin-left: 0;
		float:left;
		color:#000000;
		cursor:pointer;
		font-size:15px;
	}
	#helpdesk_module .helpdesk_module_inputs .button
	{
		margin-top: 20px;
		margin-left: 0;
		margin-right: 0;
		float:right;
	}
	#helpdesk_module .helpdesk_module_success,
	#helpdesk_module .helpdesk_module_error
	{
		display:none;
	}
	#helpdesk_module .helpdesk_module_success h3
	{
		font-size:15px;
		background:green;
		color:#ffffff;
		text-align:center;
		padding:10px;
		border-radius:6px;
	}
	#helpdesk_module .helpdesk_module_error h3
	{
		font-size:15px;
		background:red;
		color:#ffffff;
		text-align:center;
		padding:10px;
		border-radius:6px;
	}
	#helpdesk_module .helpdesk_module_success .button_close,
	#helpdesk_module .helpdesk_module_error .button_close
	{
		margin-bottom: 10px;
		margin-left: 0;
		float:left;
		color:#000000;
		cursor:pointer;
		font-size:15px;
	}
	
	
	
	.box_alert_info
	{
		position:fixed;
		width:calc(100% - 100px);
		max-width:500px;
		bottom:30px;
		left:20px;
		background:#ffffff;
		z-index:999999;
		padding:15px 20px 15px 20px;
		border-radius:6px;
		box-shadow: 0px 2px 20px rgb(0 0 0 / 20%);
		display:inline-block;
		
		-webkit-transition: height 0.3s;
		-moz-transition: height 0.3s;
		transition: height 0.3s;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		animation: fadein 1.5s;
		-moz-animation: fadein 1.5s;
		-webkit-animation: fadein 1.5s;
		-o-animation: fadein 1.5s;
		animation: fadeout 1.5s;
		-moz-animation: fadeout 1.5s;
		-webkit-animation: fadeout 1.5s;
		-o-animation: fadeout 1.5s;
	}
	.box_alert_info_icon
	{
		position:relative;
		display:inline-block;
		width:50px;
		margin-right:20px;
		vertical-align:middle;
	}
	.box_alert_info_icon img
	{
		width:100%;
	}
	.box_alert_info_text
	{
		position:relative;
		display:inline-block;
		width:calc(100% - 74px);
	}
	.box_alert_info h3
	{
		position:relative;
		display:inline-block;
		font-family:'regular';
		line-height:20px;
		vertical-align:middle;
		font-size:14px;
	}
}