@font-face {
    font-family: 'OpenSansRegular';
    src: url('fonts/OpenSans-Regular-webfont.eot');
    src: url('fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'OpenSansBold';
    src: url('fonts/OpenSans-Bold-webfont.eot');
    src: url('fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Bold-webfont.woff') format('woff'),
         url('fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-Thin-webfont.eot');
    src: url('fonts/Roboto-Thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Roboto-Thin-webfont.woff') format('woff'),
         url('fonts/Roboto-Thin-webfont.ttf') format('truetype'),
         url('fonts/Roboto-Thin-webfont.svg#robotothin') format('svg');
    font-weight: normal;
    font-style: normal;
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

html{ overflow-y:scroll; }

html, body{ height:100%; }

body{ background:#999; }

::selection{ background:#13168B; color:#FFF; }
::-moz-selection{ background:#13168B; color:#FFF; }

/*--header--*/	
.header{
	width:100%;
	min-width:240px;
	background:#FFF;
	position:fixed;
	top:0;
	font-size:18px;
	border-bottom:solid 2px #1C3F95;
	z-index:100;
	}
	
.logo{
	width:164px;
	height:70px;
	float:left;
	margin:10px 0 0 20px;
	}
	
.logo img{ width:164px; height:70px; }
	
.headerr{ float:right; }
	
.smalltop{ float:right; margin:0 20px 0 0; }
	
.smallnav{ float:left; }
	
.smallnav li{ float:left; margin:0 10px 0 0; }
.smallnav li:last-child{ margin-right:0;}
	
.smallnav li a{
	font:normal 9pt 'OpenSansRegular';
	text-decoration:none;
	color:#BF0016;
	}
	
.smallnav li a:hover{ color:#6D0009; }

.smallnav li a.sncurrent{
	background:#BF0016;
	color:#FFF;
	padding:0 5px;
	}
	
.whitetext{ color:#FFF; }

/*--nav--*/
.nav{ margin:60px 20px 0 0; }
	
.nav li{ float:left; }
	
.nav li a{
	font:normal 14pt 'OpenSansRegular';
	color:#1C3F95;
	text-decoration:none;
	padding:5px 10px;
	float:left;
	}
	
.nav li a:hover{ color:#B80120; }
	
.nav li a.current{ 
	background:#B80120;
	color:#FFF; 
	}
	
.nav li:last-child a.current{ margin:0; }

/*--menu--*/
.menu{ 
	display:none;
	margin:40px 20px 0 0;
	float:right;
	font:normal 14pt 'OpenSansRegular';
	color:#1C3F95;
	}

.menu li{ position:relative; float:left; cursor:pointer; }

.menu li ul{
	display:none;
	position:absolute; 
	left:0;
	margin:25px 0 0 0;
	}

.menu li ul li{ 
	left:-95px;
	width:155px;
	}

.menu li ul li a{ 
	font-size:10pt;
	color:#131590;
	text-decoration:none;
	background:#FFFFFF;
	padding:5px;
	width:155px;
	float:left;
	border:solid 1px #BCBCBC;
	border-bottom:0;
	}
	
.menu li ul li a:hover{ background:#131590; color:#FFF; }
	
.menu li ul li:last-child a{ border:solid 1px #BCBCBC; }

.menu li span{ float:left; }

.menuarrow{
	background:url(../images/menuarrow.png);
	width:10px;
	height:10px;
	margin:8px 0 0 5px;
	}
	
.menuicon{
	background:url(../images/menuicon.png);
	width:42px;
	height:13px;
	margin:0 0 0 0;
	float:left;
	display:none;
	}
	
.hl{ display:none; }
	
/*--sections--*/
.sectionwrapper{ max-width:100%;  }

.first{ background:url(../images/peopletalkingbg.jpg) fixed center; }

.white{ background:#FFF; }

.third{ background:url(../images/bg1.jpg) fixed center;}

.gdhome{ background:url(../images/bg2.jpg); }
	
.sc{
	max-width:1000px;
	margin:0 auto;
	overflow:hidden;
	padding:250px 0;
	}
	
.contactsc{ padding:150px 0; }

.wtbg{ background:url(../images/whitebg.png); }	

.sc1{ background:#FFF; }
.sc2{ background:#C1C1C1; }


.brandingbg{ background:#BD031B; }
.branding{ background:#13148A; }
.branding .contcont{ color:#FFF; }

/*--content--*/
.contcont{
	float:left;
	max-width:660px;
	overflow:hidden;
	margin:70px 0 0 20px;
	}

.contheader{ 
	text-decoration:none;
	margin:20px 0 0 0;
	color:inherit;
	}
	
.contheader{
	font:bold 40pt/45px 'OpenSansBold';
	/*width:595px;*/
	}
	
.ch{
	text-align:left;
	margin:0 0 0 20px;
	}
	
.conttext{
	max-width:680px;
	font:normal 14pt 'OpenSansRegular';
	float:left;
	margin:30px 0 0 0;
	padding:0 20px 0 0;
	}
	
.topsc .conttext{ 
	padding:0 10px; 
	font:normal 16pt 'OpenSansRegular'; 
	margin:20px 0 20px 0; 
	max-width:1000px;
	text-align:center;
	}
	
.homeconttext{ margin:30px 0 20px 0; }
	
.fubu{ font:100 24pt/24pt 'Roboto'; }
	
.largefubu{
	font:100 60pt/60pt 'Roboto';
	text-shadow:2px 0px 0px #000000,1px 1px 10px #FFFFFF;
	margin:30px 0 0 0;
	}
	
.topfubu{ 
	font:100 26pt 'Roboto';
	text-shadow:2px 0px 0px #000000,1px 1px 5px #FFFFFF;
	}
		
.contbtn{
	padding:10px 30px;
	margin:30px 0 30px 0;
	font:normal 12pt 'OpenSansRegular';
	color:#FFF;
	text-decoration:none;
	text-align:center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	float:left;
	cursor:pointer;
	}

.bluebtn{ background:#070DBF; }
.redbtn{ background:#BE041C; }

.hcontimg1,.hcontimg3,.hcontimg5,
.gdcontimg2,.gdcontimg4,
.wdcontimg2,.wdcontimg4,
.cmcontimg2,.cmcontimg4,
.mkcontimg1,.mkcontimg3,.mkcontimg5,
.tscontimg2,.tscontimg4,.tscontimg6{
	position:fixed;
	left:-320px;
	width:311px;
	height:285px;
	margin:70px 0 0 0;
	}
	
.hcontimg2,.hcontimg4,
.gdcontimg1,.gdcontimg3,.gdcontimg5,
.wdcontimg1,.wdcontimg3,
.cmcontimg1,.cmcontimg3,.cmcontimg5,
.mkcontimg2,.mkcontimg4,.mkcontimg6,
.tscontimg1,.tscontimg3,.tscontimg5{
	position:fixed;
	right:-320px;
	width:311px;
	height:285px;
	margin:70px 0 0 0;
	}

.showformbtn{ cursor: pointer; }
	
/*--top--*/
.topwrapper,.gdtopwrapper,.wdtopwrapper,.cmtopwrapper,.mktopwrapper,.tstopwrapper{ margin:92px 0 0 0; }

.topwrapper{ background:url(../images/workersbg.jpg) fixed top center; }
.gdtopwrapper,.gdwrapper{ background:url(../images/bg6.jpg) fixed top center; }
.wdtopwrapper,.wdwrapper{ background:url(../images/bg4.jpg) fixed top center; }
.cmtopwrapper,.cmwrapper{ background:url(../images/peopletalkingbg.jpg) fixed top center; }
.mktopwrapper,.mkwrapper{ background:url(../images/bg1.jpg) fixed top center; }
.tstopwrapper,.tswrapper{ background:url(../images/techsupportbg.jpg) fixed top center; }

.topsc{ color:#FFF; padding:90px 0 170px 0; }	

h1{
	font:normal 70pt/65pt 'OpenSansBold';
	width:100%;
	text-align:center;
	text-shadow:1px 1px 1px #000;
	}
	
.topcont{
	max-width:1000px;
	text-align:center;
	margin-left:0;
	margin-top:0;
	}

.topcont .contimg{ margin:20px auto 0 auto; float:none; }

.democont{ color:#000; }

/*---sub---*/
.cta{
	background:#E5E5E5;
	float:left;
	width:1000px;
	margin:20px 0 0 0;
	}
	
.cta ul{ margin:0 0 20px 0 float:left; }

.cta ul li{ float:left; }
	
.cta ul li a{
	font:normal 12pt 'OpenSansRegular';
	color:#13168B;
	text-decoration:none;
	padding:0;
	width:150px;
	height:150px;
	float:left;
	background:#096;
	margin:0 0 0 20px;
	}
	
.cta ul li a:hover{ }
	
/*--contact--*/
.contactinfo{
	float:left;
	margin:40px 0 20px 20px;
	font:normal 12pt 'OpenSansRegular';
	width:300px;
	}
	
.contactinfo,.contactinfo .address,.contactinfo .phone,.contactinfo .email{ float:left; }
	
.contactinfo .address,.contactinfo .phone{margin:0 0 20px 0;}
	
.contactinfo .email div{ margin:0 0 5px 0; }

.contactform{
	float:left;
	margin:40px 0 0 200px;
	}

.fieldcont{ 
	position:relative;
	margin:0 0 10px 0;
	}
	
.fieldcont input,
.fieldcont textarea{
	width:250px;
	padding:3px 5px;
	font:normal 10pt 'OpenSansRegular';
	border:solid 1px #13148A;
	-moz-box-shadow:inset 0 0 10px #B7B7B7;
	-webkit-box-shadow:inset 0 0 10px #B7B7B7;
	box-shadow:inset 0 0 10px #B7B7B7;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	}

.fieldcont label{
	position:absolute;
	font:normal 10pt 'OpenSansRegular';
	top:2px;
	left:5px;
	}
	
.fieldcont textarea{
	height:150px;
	resize:none
	}
	
.fieldcont .submitbtn{
	background: #bb0019;
	background: -moz-linear-gradient(top,  #bb0019 0%, #750000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bb0019), color-stop(100%,#750000));
	background: -webkit-linear-gradient(top,  #bb0019 0%,#750000 100%);
	background: -o-linear-gradient(top,  #bb0019 0%,#750000 100%);
	background: -ms-linear-gradient(top,  #bb0019 0%,#750000 100%);
	background: linear-gradient(to bottom,  #bb0019 0%,#750000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bb0019', endColorstr='#750000',GradientType=0 );
	width:150px;
	color:#FFF;
	box-shadow:none;
	border:none;
	cursor:pointer;
	}
	
.fieldcont .submitbtn:hover{
	background: #9e0002;
	background: -moz-linear-gradient(top,  #9e0002 0%, #4c0000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9e0002), color-stop(100%,#4c0000));
	background: -webkit-linear-gradient(top,  #9e0002 0%,#4c0000 100%);
	background: -o-linear-gradient(top,  #9e0002 0%,#4c0000 100%);
	background: -ms-linear-gradient(top,  #9e0002 0%,#4c0000 100%);
	background: linear-gradient(to bottom,  #9e0002 0%,#4c0000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e0002', endColorstr='#4c0000',GradientType=0 );
	}
	
.unionstrong{
	background:url(../images/ohiounionstrong.png);
	width:207px;
	height:199px;
	float:left;
	margin:18px 0 0 40px;
	}
	
/*--bottom cta--*/
.servicecta{
	width:100%;
	height:auto;
	background:#EFEFEF;
	overflow:hidden;
	border-top:solid 1px #CCC;
	}
	
.services{
	width:1000px;
	margin:0 auto;
	overflow:hidden;
	}
	
.service{
	width:250px;
	text-align:center;
	padding:20px 0 25px 0;
	float:left;
	text-decoration:none;
	color:#000;
	}	
	
.service:hover{ color:#13148A; }
	
.service span{ display:block; }

.service img{ width:150px; height:150px; }
	
.serviceheading{
	font:normal 18pt 'OpenSansRegular';
	margin:0 0 10px 0;
	}	
	
.serviceicon{
	width:150px;
	height:150px;
	margin:0 auto;
	}

/*--footer--*/
.footercontainer{
	width:100%;
	min-width:410px;
	height:90px;
	background:#1C3F95;
	font-size:18px;
	}
	
.footer{ max-width:1000px; margin:0 auto; text-align:center; }
	
.footerlogo{
	width:350px;
	float:left;
	margin:20px 0 0 20px;
	}
	
.fl{
	background:url(../images/footerlogo.png);
	width:121px;
	height:52px;
	}

.footeraddress{
	font:normal 11pt 'OpenSansRegular';
	color:#FFFFFF;
	text-align:center;
	width:275px;
	float:left;
	margin:20px 0 0 0;
	}

.footeraddress div{
	font:normal 10pt 'OpenSansRegular';
	color:#999;
	margin:17px 0 0 0;
	}
	
.uawfooterlogo{
	background:url(../images/uawfooterlogo.png);
	width:24px;
	height:24px;
	float:left;
	margin:0 5px 0 0;
	}

.footerr{ 
	float:left; 
	margin:20px 0 0 0; 
	width:310px;
	}

.footersocialmedia{ 
	float:right;
	margin:0 0 0 0;
	}

.footersocialmedia a{
	background:url(../images/footersocialmediasprites.png);
	width:27px;
	height:28px;
	float:left;
	margin:0 10px 0 0;
	}
	
.footersocialmedia .facebook:hover{ background-position:-27px 0; }
.footersocialmedia .twitter{ background-position:0 -28px; height:27px; }
.footersocialmedia .twitter:hover{ background-position:-27px -28px; }
.footersocialmedia .googleplus{ background-position:0 -55px; height:27px; }
.footersocialmedia .googleplus:hover{ background-position:-27px -55px; }
.footersocialmedia .linkedin{ background-position:0 -82px; margin-right:0; }
.footersocialmedia .linkedin:hover{ background-position:-27px -82px; }

.developedby{
	font:normal 10pt 'OpenSansRegular';
	color:#FFF;
	text-decoration:none;
	margin:10px 0 0 0;
	float:right;
	}
	
/*--slide in images--*/
.left, .right{
    float: left;
    width: 311px;
    position: relative;
	}
	
/*--popup--*/
.popup{
	width:327px;
	background:#FFFFFF;
	display:none;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border:solid 3px #1C3F95;
	}
	
.popuptitle,.popup .fieldcont label,.popup .fieldcont input{
	font:normal 13pt "OpenSansRegular";
	margin:20px 0 20px 20px;
	}
	
.popup .fieldcont{ margin:0 0 15px 0; }

.popup form{margin:10px 20px 0 33px; }
	
.popup .fieldcont label,.popup .fieldcont input{ margin:0; }

.popup .fieldcont .submitbtn{ width:262px; }

/*--list--*/
.listheading{
	font:normal 13pt "OpenSansBold";
	}
	
.list li{
	width:250px;
	float:left;
	margin:0 15px 5px 20px;
	font:normal 11pt "OpenSansRegular";
	list-style-image:url(../images/liststyleimage.png);
	}
	
.tslist li{ width:400px; list-style:none; margin-left:0; }

.seehere{ color:#1c3f95; }

.foureasysteps,.keyfeatures{ margin:20px 0 0 0; float:left; }
	
/*--faq--*/
.qa{
	max-width:980px;
	margin:0 0 20px 0;
	}
	
.firstqa{
	max-width:650px;
	margin:20px 0 20px 5px;
	}
	
.question{
	font:normal 13pt "OpenSansBold";
	}
	
.answer{
	font:normal 12pt "OpenSansRegular";
	}
	

/*-----RESPONSIVE---------*/
@media screen and (max-width: 1045px){
	.nav li a{ font:normal 12pt 'OpenSansRegular'; }
}

@media screen and (max-width: 1010px){
	.nav li a{ font:normal 11pt 'OpenSansRegular'; }
	.topsc .topcont{ max-width:1000px; }
	.contcont,.conttext{ max-width:600px; }
}

@media screen and (max-width: 985px){
	.services{ width:965px; }	
	.service{ width:240px; }
	.footerlogo{ width:315px; }	
}

@media screen and (max-width: 960px){
	.nav li a{ font:normal 11pt 'OpenSansRegular'; }
	.contcont,.conttext{ max-width:550px; }		
}

@media screen and (max-width: 935px){
	.services{ width:935px; }	
	.service{ width:230px; }
	.footerlogo{ width:270px; }		
}

@media screen and (max-width: 895px){
	.nav{ display:none; }	
	.menu{ display:inline; }
	.smalltop{ float:none; }
	.contcont,.conttext{ max-width:500px; }	
	.services{ width:895px; }	
	.service{ width:220px; }
	.footerlogo{ width:240px; }	
	.footerr{ width:300px; }
}

@media screen and (max-width: 859px){
	.services{ width:859px; }	
	.service{ width:210px; }
	.footerlogo{ width:220px; }	
	.footerr{ width:290px; }	
}

@media screen and (max-width: 845px){
	.contcont,.conttext{ max-width:475px; }	
	.contimg,.contimg img{ width:250px; height:229px; }
}

@media screen and (max-width: 825px){
	.services{ width:825px; }	
	.service{ width:200px; }	
	.footerlogo{ width:220px; }	
	.footerr{ width:260px; }
}

@media screen and (max-width: 805px){
	.contactform{ margin:0 0 0 20px; }
}

@media screen and (max-width: 795px){
	.contcont,.conttext{ max-width:550px; }	
	.contimg,.contimg img{ width:200px; height:183px; }
	.services{ width:600px; }	
	.service{ width:300px; }
	.footerlogo{ width:175px; }	
	.footerr{ width:230px; }
}

@media screen and (max-width: 768px) {
	h1{ font:normal 50pt/50pt "OpenSansBold"; }
	.largefubu{ font:100 40pt/40pt 'Roboto'; }
	.contcont,.conttext{ max-width:525px; }	
	.footersocialmedia{ }
	.topsc,.sc{ padding:80px 0; }
	.contactsc { padding:120px 0 80px 0; }
}

@media screen and (max-width: 750px) {
	.contcont,.conttext{ max-width:500px; }		
}

@media screen and (max-width: 715px) {
	.contimg,.contimg img{ display:none; }
	.topsc .contimg,.topsc .contimg img{ display:inline; margin:20px 0 0 0; }
	.contcont,.conttext{ max-width:700px; }	
	.topsc .conttext{ font:normal 14pt 'OpenSansRegular'; }
	.contheader,h1{ font:normal 30pt/30pt 'OpenSansBold'; }
	.largefubu{ font:100 30pt/30pt 'Roboto'; }
}

@media screen and (max-width: 705px) {
	.footerlogo{ width:140px; }	
	.footerr{ width:210px; }
}

@media screen and (max-width: 680px) {
	.footerlogo{ display:none; }	
	.footeraddress{ text-align:left; width:420px; margin:20px 0 0 10px; }
}

@media screen and (max-width: 650px){
	.footeraddress{ width:390px; }
}

@media screen and (max-width: 630px){
	.footeraddress{ width:370px; }
}

@media screen and (max-width: 610px){
	body{ overflow-x:hidden; }
	.footeraddress{ width:340px; }
}

@media screen and (max-width: 595px){
	.footeraddress{ width:310px; }
}

@media screen and (max-width: 565px){
	.topwrapper,.first,.third{ background-attachment:scroll; } 
	.footeraddress{ width:280px; }
}

@media screen and (max-width: 540px){
	.services{ width:540px; }	
	.service{ width:270px; }
	.footeraddress{ width:265px; }
}

@media screen and (max-width: 510px){
	.services{ width:510px; }	
	.service{ width:240px; }
	.footercontainer{ height:170px; }
	.footerr{ text-align:left; }
	.footersocialmedia{ float:left; margin:10px 0 0 0; }	
	.developedby{ float:left; margin:10px 0 0 0; }
}

@media screen and (max-width: 480px){
	
	.footerr,.footersocialmedia,.developedby{ float:left; }
	.footerr{ margin:10px 0 0 20px; }
}

@media screen and (max-width: 455px){
	.services{ width:455px; }	
	.service{ width:200px; }
	.smallnav{ display:none; }
	.hl{ display:inline; }	
	.menu{ margin:59px 20px 0 0; }	
}

@media screen and (max-width: 420px){
	.topwrapper{ margin-top:50px; }
	.demo{ display:none; }
	.smalldemo{ display:inline; }
	.smallnav{ float:right; }
	.smalltop{ margin-right:10px; }
}

@media screen and (max-width: 400px){
	.services{ width:200px; }	
	.service{ width:200px; }	
}

@media screen and (max-width: 380px){
	.gdtopwrapper,.wdtopwrapper,.cmtopwrapper,.mktopwrapper,.tstopwrapper{ margin-top:30px; }
	.popup{ width:250px; }
	.popup .fieldcont input,.popup .fieldcont label{ width:175px; font-size:10pt; }	
	.popup .fieldcont .submitbtn{ width:185px; }
	.logo{ margin:13px 0 13px 10px; }
	.logo,.logo img{ width:85px; height:37px; }	
	.menu{ margin:29px 10px 10px 0; }
}

@media screen and (max-width: 335px){
	.contheader,h1{ font:normal 26pt/26pt 'OpenSansBold'; }
	.largefubu{ font:100 20pt/20pt 'Roboto'; }
	.contactinfo{ font:normal 10pt 'OpenSansRegular'; }
}

@media screen and (max-width: 320px){
	.menu{ margin:38px 10px 10px 0; }
	.contheader,h1{ font:normal 22pt/22pt 'OpenSansBold'; }
	.menu span{ display:none; }
	.menuicon{ display:inline; }
	.menu li ul{ margin:15px 0 0 0; left:-25px; }
}

@media screen and (max-width: 280px){
	.header{ height:63px; }
}

@-ms-viewport{
    width:extend-to-zoom;
    zoom:1.0;
	}