/* ///////////// style ////////////// */

/* CSS Resets */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;margin:0;padding:0}article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object{display:block}a img{border:0}figure{position:relative}figure img{width:110%}
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

li{list-style:none;}
.bg_img{background-size: 100% auto;}
.show{	display:block;}
.hide{	display:none;}
.bottom_s{margin-bottom:3px;}
.bottom_m{margin-bottom:5px;}
.bottom_l{margin-bottom:10px;}
.bottom_h{margin-bottom:20px;}
.bottom_g{margin-bottom:35px;}
.top_s{margin-top:3px;}
.top_m{margin-top:5px;}
.top_l{margin-top:10px;}
.top_h{margin-top:20px;}
.top_g{margin-top:35px;}
.left{float:left !important;}
.right{float:right !important;}
.child_left li{float:left !important;}
.child_right li{float:right !important;}
.clear{clear:both;}
.center{text-align:center;}
label{cursor:pointer;}
.absolute{position:absolute;}

img{width:100%;height:auto;display:block}



:focus {outline:none;}
::-moz-focus-inner {border:0;}

h1,h2,h3,h4,h5,h6{font-weight:400;}

::-moz-selection { color: white;  background: #eb5352; }
::selection      { color: white;  background: #eb5352; } 


a{
text-decoration:none;
outline: none;

} 
a:hover{
text-decoration:none;
outline: none;
}
a:active{
text-decoration:none;
outline: none;
}
a:visited{
text-decoration:none;
outline: none;
}
a:focus
{
-moz-outline-style: none;
}


	html,body 
	{
	font-family: 'Lato', sans-serif;
	line-height:1.2;
	letter-spacing:0.2px;
	overflow-x:hidden;
	font-weight:300;
	}


	.light{ font-family: 'Lato', sans-serif;font-weight:300;}
	.italic{ font-family: 'Lato', sans-serif;font-weight:300;font-style:italic;}
	.italic_bold{ font-family: 'Lato', sans-serif;font-weight:bold;font-style:italic;}
	.bold{ font-family: 'Lato', sans-serif;font-weight:bold;}

	/*---------------------- elements --------------------*/	
	.hover{
		transition:opacity .3s;
		-webkit-transition:opacity .3s;
		-moz-transition:opacity .3s;
		cursor:pointer;
	} 
	.hover:hover{
		opacity:.65;
	}

/* ==================================================================================================================== */
/* ! The 1280px Grid V2 by Andy Taylor \ http://cssgrid.net \ http://www.twitter.com/andytlr \ http://www.andytlr.com   */
/* ==================================================================================================================== */


#loading{
width: 100%;
height: 100%;
position:fixed;
margin:0;
padding:0;
z-index:1001;
background:#fff;
}
#loader{
width:120px;
height:120px;
top:50%;
left:50%;
margin-top:-60px;
margin-left:-60px;
position:absolute;
background:url(img/loader.gif) center no-repeat;
}


/* ---------------- html5 ---------------- */
	.html5
	{
	position:fixed;
	z-index:2000;
	background:url(img/html5.png) top left no-repeat #e5e5e5;
	background-size:auto;
	width:100%;
	height:100%;
	top:0;
	left:0;
	}
	.html5_pop
	{
	position:relative;
	top:410px;
	left:605px;
	width:280px;
	}
	.html5 a
	{
	color:#516a79;
	}
	.html5 a:hover
	{
	color:#000;
	}
	.html5 h3,.html5 h4
	{
	position:relative;
	color:#818181;
	margin:5px 0;
	width:258px;
	}
	.html5 h3
	{
	font-size:15px;
	}
	.html5 h4
	{
	font-size:12px;
	}
	
	.html5 ul
	{
	position:relative;
	background:#eb5352;
	padding:10px;
	margin:auto;
	width:100%;
	}
	.html5 ul li a
	{
	color:#fff;
	font-size:16px;
	}
	.html5 ul li a:hover
	{
	color:#1f1f1f;
	}

	/* ---------------- html5 ENDS ---------------- */

	
	

.last {
margin-right: 0px !important;
}

object, embed {
max-width: 100%;
}

a{
text-decoration:none;
outline: none;

} 
a:hover{
text-decoration:none;
outline: none;
}
a:active{
text-decoration:none;
outline: none;
}
a:visited{
text-decoration:none;
outline: none;
}
a:focus
{
-moz-outline-style: none;
}



	.title
	{
	position:relative;
	color:#000;
	font-weight:700;
	line-height:1;
	}
	.intro_title_b,.intro_title_s
	{
	max-width:1200px;
	margin-top:30px;
	}
	.intro_title_b
	{
	font-size:45px;
	}
	.intro_title_s
	{
	font-size:38px;
	font-weight:300;
	}
	.intro_title_s span
	{
	line-height:1;
	font-size:50px;
	}
	
	

	#skrollr-body
	{
	width:100%;
	top:0;
	left:0;
	}
	
	#mti_wfs_colophon
	{
	display:none !important;
	}
	
	
	#bg
	{
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background:url(img/bg.png) left center no-repeat #e9e9e9;
	background-size:auto 100%;
	z-index:0;
	}

	
	
	#wrapper
	{
	position:fixed;
	height:100%;
	width:100%;
	top:0;
	left:0;
	overflow:hidden;
	
	perspective:800px;
	-webkit-perspective:800px;
	}

	#animation_wrapper
	{
	position:fixed;
	height:100%;
	width:100%;
	top:0;
	left:0;
	}
	#animation
	{
	position:absolute;
	height:100%;
	width:100%;
	top:0;
	left:0;
	}
	
	.buttons
	{
	position:absolute;
	width:180px;
	height:180px;
	display:block;
	top:50%;
	left:50%;
	background-repeat:no-repeat;
	background-position:center;
	background-size:100%;
	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border:4px solid #009cff;
	
	transition:background-size .2s ease-in-out;
	-webkit-transition:background-size .2s ease-in-out;
	-moz-transition:background-size .2s ease-in-out;
	}
	
	.buttons .buttons_txt
	{
	bottom:-27px;
	}
	.buttons:hover{background-size:108%;}
	.buttons:hover .buttons_txt{bottom:-37px;}
	
	.buttons.active
	{
	box-shadow:0 0 20px rgba(0,180,255,.7);cursor:url(img/cur.png), auto;
	}
	
	.button_auto{background-image:url(img/button_auto.jpg);margin-left:-370px;margin-top:-150px;}
	.button_bank{background-image:url(img/button_bank.jpg);margin-left:-90px;margin-top:-150px;}
	.button_gov{background-image:url(img/button_gov.jpg);margin-left:190px;margin-top:-150px;}
	.button_health{background-image:url(img/button_health.jpg);margin-left:-210px;margin-top:70px;}
	.button_ins{background-image:url(img/button_ins.jpg);margin-left:50px;margin-top:70px;}
	
	
	.buttons.big
	{
	width:220px;
	height:220px;
	}
	.button_auto.big{background-image:url(img/button_auto.jpg);margin-left:-250px;margin-top:-180px;}
	.button_bank.big{background-image:url(img/button_bank.jpg);margin-left:80px;margin-top:-180px;}
	.button_health.big{background-image:url(img/button_health.jpg);margin-left:120px;margin-top:110px;}
	
	.buttons.big .buttons_txt
	{
	bottom:-35px;
	font-size:20px;
	}
	
	.buttons_txt
	{
	position:absolute;
	width:100%;
	text-align:center;
	color:#000;
	font-size:16px;
	font-weight:100;
	
	transition:bottom .2s ease-in-out;
	-webkit-transition:bottom .2s ease-in-out;
	-moz-transition:bottom .2s ease-in-out;
	
	}
	.buttons.active .buttons_txt
	{
	color:#009cff;
	}
	
	
	.scroll_btn
	{
	position:relative;
	margin-top:20px;
	margin-right:50px;
	}
	.scroll
	{
	position:relative;
	width:50px;
	height:50px;
	border-radius:5px;
	display:block;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	box-shadow:0 0 3px rgba(0,0,0,.35);

	background: rgba(226,226,226,1);
	background: -moz-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 29%, rgba(209,209,209,1) 30%, rgba(254,254,254,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(226,226,226,1)), color-stop(29%, rgba(219,219,219,1)), color-stop(30%, rgba(209,209,209,1)), color-stop(100%, rgba(254,254,254,1)));
	background: -webkit-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 29%, rgba(209,209,209,1) 30%, rgba(254,254,254,1) 100%);
	background: -o-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 29%, rgba(209,209,209,1) 30%, rgba(254,254,254,1) 100%);
	background: -ms-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 29%, rgba(209,209,209,1) 30%, rgba(254,254,254,1) 100%);
	background: linear-gradient(to bottom, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 29%, rgba(209,209,209,1) 30%, rgba(254,254,254,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=0 );
	}
	.scroll .icon
	{
	position:relative;
	top:5px;
	margin:auto;
	width:40px;
	height:40px;
	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	background:url(img/sprite.png) 3px -8px no-repeat #f4f4f4;
	box-shadow:0 -1px 2px rgba(0,0,0,.3) inset;

	transition:transform 0.3s ease-in-out;
	-webkit-transition:-webkit-transform 0.3s ease-in-out;
	-moz-transition:-moz-transform 0.3s ease-in-out;
	
	}
	.scroll_btn:hover .icon
	{
	transform:rotate(360deg);
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-ms-transform:rotate(360deg);
	}
	.scroll_btn .txt
	{
	margin:5px 0 0 10px;
	color:#787878;
	font-size:16px;
	}
	
	
	.unit
	{
	position:absolute;
	width:294px;
	height:163px;
	top:30px;
	right:-40px;
	background:url(img/unit.png) center no-repeat;
	background-size:100%;
	
	transform-origin:center right;
	-webkit-transform-origin:center right;
	-moz-transform-origin:center right;
	-ms-transform-origin:center right;
	
	}
	
	
		
	#logo
	{
	position:fixed;
	width:115px;
	height:110px;
	bottom:10px;
	right:10px;
	z-index:100;
	background:url(img/sprite.png) -12px -224px no-repeat;
	display:block;
	}
	.arrow_scroll
	{
	position:absolute;
	width:18px;
	height:18px;
	right:10px;
	background-image:url(img/sprite.png);
	background-repeat:no-repeat;
	}
	.arrow_scroll.top{bottom:25px;background-position:-97px -335px;}
	.arrow_scroll.bottom{bottom:10px;background-position:-97px -351px;}


	


/* Mobile */
@media handheld, only screen and (max-width: 1250px) {
	.html5
	{
	background-size:100%;
	}
	.html5_pop
	{
	top:0;
	left:0;
	margin:33% 47.9% 0;
	}
}

	
/* Mobile */
@media handheld, only screen and (max-width: 860px) {
		.unit {
			right: -80px;
			top: 0;
			width: 294px;
		}
}