/* ---------------------------------------------------------------------------------------------------------- 

02 Typography -----------------------------------------------------------------------------------------------

---------------------------------------------------------------------------------------------------------- */

/*



14 / 16	= 		0.875em 		(14px equivalent)

16 / 16	= 		1em 			(16px equivalent)

18 / 16 = 		1.125em 		(18px equivalent)

21 / 16 = 		1.3125em 		(21px equivalent)

24 / 16 = 		1.5em 			(24px equivalent)

30 / 16 = 		1.875em 		(30px equivalent)



*/



/* Updated 07/26/2013 */html, body { margin:0;  height:100%; font-family: 'Open Sans', sans-serif !important; font-size: 13px; }



h1 { font-size:35px; width:100%; line-height: 40px; margin: 15px 0px 0px 0px; font-weight:400; color:#12517a; text-align:left;   padding-bottom:20px; line-height: 1.1;}

h2 { font-size:28px; font-weight:400; width:100%; line-height:22px; margin: 5px 0;  color:#12517a; padding-top:15px; clear: right; padding-bottom: 10px;line-height:1.1;  }

p {
    line-height: 1.5
}

a { text-decoration: none; font-weight: bold;}

h1 a {text-decoration:none; font-weight:400 !important;}

h2 a {text-decoration:none; font-weight:400 !important;}

h2 a:hover { color:#71A9E2; }

.full {width:625px !important;}

/*  Typography  */


hr {
border-bottom: 1px solid #ccc;
    border-left: none;
    border-right: none;
    border-top: none;
    margin-bottom: 20px;
}

#largeImage {

position: absolute;

padding: .5em;

background: #e3e3e3;

border: 1px solid #BFBFBF;

}



.ssbox { width: 140px; height: 140px; overflow: hidden; float:left;}

.ss{ height: auto; width: 200%;}



a img {

border: none;

}



.wpcf7 select {height:200px;}


.blogcontent a { color:#12517a; text-decoration:none; font-weight:bold;}
.blogcontent a:hover {text-decoration:underline !important;}
.pagecontent a { color:#12517a; text-decoration:none; font-weight:700;}
.pagecontent a:hover {text-decoration:underline !important;}

.footer a { color:#fff; text-decoration:none;}



.wrapper { position: relative; width:956px; padding-top: 123px; display: inline-block; left: 50%; margin-left: -474px;
min-height: 915px; 
height: auto !important;
height: 100%;
z-index:0;
}




.header { position:absolute; z-index:1; width:100%; height:105px; top:0; left:0; border-bottom: 5px solid; box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.35); overflow:visible;

border-color: #DFDFDF; /* Old browsers */
border-color: -moz-linear-gradient(45deg, rgba(178,178,178,1) 0%, rgba(224,226,229,1) 100%); /* FF3.6+ */
border-color: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(178,178,178,1)), color-stop(100%,rgba(224,226,229,1))); /* Chrome,Safari4+ */
border-color: -webkit-linear-gradient(45deg, rgba(178,178,178,1) 0%,rgba(224,226,229,1) 100%); /* Chrome10+,Safari5.1+ */
border-color: -o-linear-gradient(45deg, rgba(178,178,178,1) 0%,rgba(224,226,229,1) 100%); /* Opera 11.10+ */
border-color: -ms-linear-gradient(45deg, rgba(178,178,178,1) 0%,rgba(224,226,229,1) 100%); /* IE10+ */
border-color: linear-gradient(45deg, rgba(178,178,178,1) 0%,rgba(224,226,229,1) 100%); /* W3C */


background: rgb(43,82,107); /* Old browsers */
background: -moz-linear-gradient(45deg, rgba(43,82,107,1) 0%, rgba(70,127,165,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(43,82,107,1)), color-stop(100%,rgba(70,127,165,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(45deg, rgba(43,82,107,1) 0%,rgba(70,127,165,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(45deg, rgba(43,82,107,1) 0%,rgba(70,127,165,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(45deg, rgba(43,82,107,1) 0%,rgba(70,127,165,1) 100%); /* IE10+ */
background: linear-gradient(45deg, rgba(43,82,107,1) 0%,rgba(70,127,165,1) 100%); /* W3C */


}

.header-container {width:956px; margin: 26px auto 0px auto; position: relative; }


.navigation { position:absolute; color:#FFF; padding:5px; bottom: 4px; right: 55px; }

.blogcontent { float:right; padding: 20px 20px 120px 20px; width:660px; height:100%; font-size: 14px; line-height: 22px;  }

/* Updated 07/26/2013 */.pagecontent { float:right; padding: 20px 20px 120px 20px; width:660px; height:100%; font-size: 14px; line-height: 22px;  }
.pagecontent ul { padding:0px 20px;}
/* Updated 07/26/2013 */.pagecontent li { margin:10px 0px; font-size: 13px; list-style:none; text-indent: -.9em; line-height:20px; }
/* Updated 07/26/2013 */.pagecontent li:before { content: "» ";color:#12517a; font-size:14px; }

.search-container {float:right; padding: 20px 20px 120px 20px; width:660px; height:100%; font-size: 14px; line-height: 22px;}
.pagecontent ul { padding:0px 20px;}
.pagecontent li { margin:10px 0px; font-size: 13px; list-style:none; text-indent: -.9em; line-height:20px; }



.sidebar { position:absolute; width:256px; height:100%; left:0; background:#b8d8e7;}



.pagesidebar { position:absolute; width:256px; height: 100%; left:0; border-right: dotted 1px #666666; border-left: dotted 1px #666; }



.sidecontent { width: 216px; padding:20px; }

.sidecontent li { list-style:none; padding:5px 0px;}
.sidecontent ul {padding:0px;}
.sidecontent ul li { font-size:13px; width:216px; color:#fff; padding: 0px;	}
.sidecontent ul li a { text-decoration:none; color:#fff; padding: 6px; display: block; margin:8px 0px; box-shadow: 1px 1px 2px #666; border-radius:5px; font-weight:600;

background: rgb(43,82,107); /* Old browsers */
background: -moz-linear-gradient(45deg, rgba(43,82,107,1) 0%, rgba(70,127,165,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(43,82,107,1)), color-stop(100%,rgba(70,127,165,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(45deg, rgba(43,82,107,1) 0%,rgba(70,127,165,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(45deg, rgba(43,82,107,1) 0%,rgba(70,127,165,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(45deg, rgba(43,82,107,1) 0%,rgba(70,127,165,1) 100%); /* IE10+ */
background: linear-gradient(45deg, rgba(43,82,107,1) 0%,rgba(70,127,165,1) 100%); /* W3C */


}
.sidecontent ul ul {}
.sidecontent ul ul li { background:#fff; width:216px;}
.sidecontent ul ul li a { color:#333; background:#fff; box-shadow:none; font-weight:400;}
.sidecontent ul ul ul { padding-left: 15px; }
.sidecontent ul ul ul li a{ background:#fff; font-weight:400;}



.sidecontent .sub-menu a:hover {font-weight:700;}
.sidecontent .sub-menu .sub-menu  { border-bottom:solid 2px #ebebeb;}

.sidecontent form {margin-top:20px;}

.hidden{ display:none;}
.navicon { display: inline-block;float: right; font-weight: 700; font-size: 17px; margin: 0; line-height: 1; } 

.footer { bottom: 50px; left:0; position: relative; width:100%; color:#fff; box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.35); border-bottom: 5px solid #CCC; border-top: 5px solid #CCC; display:inline-block;

background: rgb(43,82,107); /* Old browsers */
background: -moz-linear-gradient(45deg, rgba(43,82,107,1) 0%, rgba(70,127,165,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(43,82,107,1)), color-stop(100%,rgba(70,127,165,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(45deg, rgba(43,82,107,1) 0%,rgba(70,127,165,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(45deg, rgba(43,82,107,1) 0%,rgba(70,127,165,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(45deg, rgba(43,82,107,1) 0%,rgba(70,127,165,1) 100%); /* IE10+ */
background: linear-gradient(45deg, rgba(43,82,107,1) 0%,rgba(70,127,165,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b526b', endColorstr='#467fa5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

.footer, .push {
height: 4em;
}

.footer a { font-size:14px; font-weight:400; color:rgba(255, 255, 255, 0.87); margin-left:15px; font-variant:small-caps;}
.footer a:last {  margin-left:0px;}
.footer a:hover { color:#fff;}

.highlight {  padding:15px; border-radius:10px; margin: 20px 0px 25px 30px; width: 250px; float: right; box-shadow: 2px 2px 3px #666; color:#fff; text-align:center; font-weight:400;

background: rgb(43,82,107); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(90,150,190,1) 0%, rgba(66,134,182,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(90,150,190,1)), color-stop(100%,rgba(66,134,182,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  rgba(90,150,190,1) 0%,rgba(66,134,182,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  rgba(90,150,190,1) 0%,rgba(66,134,182,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  rgba(90,150,190,1) 0%,rgba(66,134,182,1) 100%); /* IE10+ */
background: linear-gradient(135deg,  rgba(90,150,190,1) 0%,rgba(66,134,182,1) 100%); /* W3C */



}

.highlight p { margin:0;}
.highlight a { color:#fff !important; font-weight:400;}

.ctalink {
    margin: 20px 0px;
    padding: 15px;
    border-radius: 10px;
    box-shadow: 2px 2px 3px #666;
    color: #fff !important;
    text-decoration: none !important;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    background: rgb(43, 82, 107);
    /* Old browsers */
    background: -moz-linear-gradient(-45deg, rgba(90, 150, 190, 1) 0%, rgba(66, 134, 182, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(90, 150, 190, 1)), color-stop(100%, rgba(66, 134, 182, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg, rgba(90, 150, 190, 1) 0%, rgba(66, 134, 182, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg, rgba(90, 150, 190, 1) 0%, rgba(66, 134, 182, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg, rgba(90, 150, 190, 1) 0%, rgba(66, 134, 182, 1) 100%);
    /* IE10+ */
    background: linear-gradient(135deg, rgba(90, 150, 190, 1) 0%, rgba(66, 134, 182, 1) 100%);
    /* W3C */
    display: block;
}

.highlight hr { border-top:1px dotted #fff; border-bottom:none; border-left:none; border-right:none; margin:15px 0px;}

.button {padding:15px; border-radius:10px;  box-shadow: 2px 2px 3px #666; text-align:center; font-weight:400; margin:20px;

background: rgb(43,82,107); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(90,150,190,1) 0%, rgba(66,134,182,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(90,150,190,1)), color-stop(100%,rgba(66,134,182,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  rgba(90,150,190,1) 0%,rgba(66,134,182,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  rgba(90,150,190,1) 0%,rgba(66,134,182,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  rgba(90,150,190,1) 0%,rgba(66,134,182,1) 100%); /* IE10+ */
background: linear-gradient(135deg,  rgba(90,150,190,1) 0%,rgba(66,134,182,1) 100%); /* W3C */
}

.button a {color:#fff !important; text-decoration:none !important;}

.homebox { border:solid 2px #fcb215; float:left; width:320px; border-radius: 8px; } 



.homehead ul { list-style:none;}

.homehead li a:hover { text-decoration:underline; }

.homehead li a { list-style:none; text-decoration:none;}



/* menu CSS  */



.main-menu{ position: relative; color:#FFF; margin-top: 52px; font-size:14px; float:right; } /* container class */

.main-menu ul { display:inline; list-style:none;} /* container class first unordered list */

.main-menu ul ul { width:160px;} /*unordered list within an unordered list */




.main-menu li {float: left; height: 50px;} /* each navigation item */

.main-menu li a { color:#FFF; text-decoration:none; } /* each navigation item anchor */

.main-menu ul li:hover > ul {}

.main-menu li ul { position: absolute; z-index: 100; display:none; padding: 5px 20px; margin-left: -20px; margin-top: 7px;

border-right:2px solid #ccc;
border-left:2px solid #ccc;
border-bottom:2px solid #ccc;


-webkit-box-shadow: inset -1px 5px 4px 0px rgba(0, 0, 0, .15);
box-shadow: inset -1px 5px 4px 0px rgba(0, 0, 0, .15);

-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;

background: #2b536d;
background: -moz-linear-gradient(45deg, rgba(43,82,107,1) 0%, rgba(70,127,165,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(43,82,107,1)), color-stop(100%,rgba(70,127,165,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(45deg, rgba(43,82,107,1) 0%,rgba(70,127,165,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(45deg, rgba(43,82,107,1) 0%,rgba(70,127,165,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(45deg, rgba(43,82,107,1) 0%,rgba(70,127,165,1) 100%); /* IE10+ */
background: linear-gradient(45deg, rgba(43,82,107,1) 0%,rgba(70,127,165,1) 100%); /* W3C */


  } /* unordered list if there is drop down items */

.main-menu li li { float: none; margin: 5px 0; font-size: 12px; height: auto; } /* each drop down navigation item */

.main-menu li li:hover {font-weight:700;}

.main-menu li li a { font-varient:normal;} /* each drap down navigation item anchor */



.current_page_item{} /* Class for Current Page*/

.current-cat{} /* Class for Current Category*/

.menu-item-type-taxonomy{} /* Class for a Category*/

.menu-item-type-post_type{} /* Class for Pages*/

.menu-item-type-custom{} /* Class for any custom item that you added*/

.menu-item-home{} /* Class for the Home Link*/





/* Side Menu CSS  */


#recent-posts-3 ul {padding:0; font-size:}

#recent-posts-3 ul li {border-bottom: 1px solid #999; margin:5px 0; padding: 10px 0;}

#recent-posts-3 ul a {color: #004066; font-weight: bold; text-decoration:none;}



.contactquiz {width:20px;}



.screen-reader-text {display:none;}



/* warning letter styles */



.fvalinfo { cursor:pointer; background: #FF9; border-radius:5px; display:inline; padding:0px 3px; }

.traininfo { cursor:pointer; background: #FF9; border-radius:5px; display:inline; padding:0px 3px;   }

.excelinfo { cursor:pointer; background: #FF9; border-radius:5px; display:inline; padding:0px 3px;   }

.ocinfo { cursor:pointer; background: #FF9; border-radius:5px; display:inline; padding:0px 3px; }

.painfo { cursor:pointer; background: #FF9; border-radius:5px; display:inline; padding:0px 3px; }

.ptinfo { cursor:pointer; background: #FF9; border-radius:5px; display:inline; padding:0px 3px;   }

.mwinfo { cursor:pointer; background: #FF9; border-radius:5px; display:inline; padding:0px 3px;  }

.pasinfo { cursor:pointer; background: #FF9; border-radius:5px; display:inline; padding:0px 3px;  }

.cvinfo { cursor:pointer; background: #FF9; border-radius:5px; display:inline; padding:0px 3px;   }

.cpinfo { cursor:pointer; background: #FF9; border-radius:5px; display:inline; padding:0px 3px;   }

.traininfo { cursor:pointer; background: #FF9; border-radius:5px; display:inline; padding:0px 3px;   }

.dminfo { cursor:pointer; background: #FF9; border-radius:5px; display:inline; padding:0px 3px;  }

.gxpinfo { cursor:pointer; background: #FF9; border-radius:5px; display:inline; padding:0px 3px;  }



.fvalbox {opacity:0.0;}

.trainbox { opacity:0.0;}

.excelbox {opacity:0.0;  }

.ocbox {opacity:0.0;}

.pabox {opacity:0.0; }

.ptbox {opacity:0.0;  }

.mwbox { opacity:0.0; }

.pasbox { opacity:0.0; }

.cvbox { opacity:0.0;   }

.cpbox { opacity:0.0;   }

.trainbox { opacity:0.0; }

.dmbox { opacity:0.0;  }

.gxpbox {opacity:0.0;  }



/*page boxes*/

.boxrep {position: relative; padding:10px; width: 200px; border-radius: 5px; background: #004066; font-family: Verdana, Geneva, sans-serif; color: #fff; margin: 10px 10px 10px 10px; float: right; display:none;}

.boxrep a {text-decoration:none; color:#FFF}

.brtext { margin-left: 17px; }

.boxrep img {margin-top: 1px; float:right;}



.footer-heading { font-family:Verdana, Geneva, sans-serif; color:#fff; font-size:14px; font-weight: bold; margin:10px 0px 10px 0px; line-height: 10px; float:left;}

.ncinput {
	padding: 4px;
	margin: 0px 0px 7px 0px;
	width: 100%;
	font-family: Verdana, Geneva, sans-serif;
	border: solid 1px #ccc;
	box-shadow: 2px 2px #ccc;
	color: #555;
}

input[type="checkbox"] {
    display:none;
}

.ncinput[type="checkbox"] {
	margin: 0;
	width: 0;
	border: none;
	box-shadow: none;
}

.checkbox {
	cursor: pointer;
	margin: 2px;
	padding: 3px 7px 3px 7px;
	display: inline-block;
	border: solid 1px #ccc;
	box-shadow: 2px 2px #ccc;
	width: 140px;
	font-size: 11px !important;
}

.placeholder {
	font-family: Verdana, Geneva, sans-serif;
	color: #aaa;
	font-size: 12px;
	font-weight: normal !important;
}

.nctext  {
	height: 172px;
	width: 100%;
	margin: 0px;
	padding: 5px;
	font-family: Verdana, Geneva, sans-serif;
	border: solid 1px #ccc;
	box-shadow: 2px 2px #ccc;
	color: #555;
	font-size: 12px !important;
}



.ncbutton {
	padding: 4px !important;
	font-weight: 700;
	background: #fff;
	color: #555;
	cursor: pointer;
	width: 67px !important;
	border: solid 1px #ccc;
	box-shadow: 2px 2px #ccc;
}

.breadcrumbs { border-bottom: 1px dotted #12517a;  padding-bottom: 15px;}


/*  Sprites  */

.hp-fastval {
	background: url(http://www.ofnisystems.com/hp-spritemap.png) no-repeat -12px -15px;
	width: 218px;
	height: 49px;
	display:block;
}

.hp-excelsafe {
	background: url(http://www.ofnisystems.com/hp-spritemap.png) no-repeat -256px -15px;
	width: 263px;
	height: 49px;
	display:block;
}

.hp-oc {
	background: url(http://www.ofnisystems.com/hp-spritemap.png) no-repeat -14px -77px;
	width: 295px;
	height: 49px;
	display:block;
}

/*  New Homepage  */

.home-page {margin-top: 50px;}
.home-page h1 { font-size:48px; color:#123c58; font-weight: 200; border:none !important; text-decoration:none;}
.home-page h2 {font-size:22px; color:#123c58; line-height: 28px; border:none !important; text-decoration:none;}
.home-page p {font-size:14px;}

.hp-back {position:absolute; top: 0; left:0 z-index:-20; width:100%; height:100%;}

.hp-three-col {width: 288px; border-right: solid 1px #F0EEEE; padding: 11px; display: inline-block; vertical-align: top; margin: 50px 0px 50px 0px;}
.hp-three-col:nth-of-type(3) { border:none;}
.hp-three-col li {list-style:none; display:block; margin: 15px 0px; padding-left:5px; border-left:2px solid #fcb215; vertical-align: top; font-weight:200;}
.hp-three-col ul {padding:0; margin:0;}

.hp-services { position:relative; left:0; width:100%; background:#F3F3F3; padding: 16px 0px 30px 0px; margin-bottom:60px; margin-bottom: 100px;}
.hp-services h1 { font-size:48px; color:#333; font-weight: 200; border:none !important; text-decoration:none;}
.hp-services b { color:#123c58;}
.hp-services li {list-style:none; padding: 11px; width: 288px; display:inline-block; margin: 15px 0px -11px 0px; vertical-align: top; font-weight:200;}
.hp-services li:nth-of-type(1) {margin-right:10px;}
.hp-services li:nth-of-type(4) {margin-right:10px;}
.hp-services ul {padding:0; margin:0;}

.hp-services-cont {width:956px; margin:0 auto; position:relative;}

.lib { position: absolute;
padding: 7px 0px 10px 14px;
top: 20px;
right: 476px;
color: #FFF;
opacity: 1;
font-size: 13px;
vertical-align: middle;
z-index: 600;
left: 54%;
width: 536px;
}

.lib a {text-decoration: none; color:#2B526B;}

.arrow{	
	margin-left:5px;
	display:inline-block;
	width: 0; 
	height: 0; 
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	
	border-left: 5px solid #fff;}





/*  2014 Header     */


.nav-container {width:956px; margin: 0 auto; top: 70px; position:absolute; margin-left: -478px; left: 50%; z-index:500;}
.nav-container * {position:relative;}
			
			.nav-top {background: linear-gradient(90deg, #2B526B 0%,#467FA5 100%); 
			/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(left, #2B526B 0%, #467FA5 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(left, #2B526B 0%, #467FA5 100%);

/* Opera */ 
background-image: -o-linear-gradient(left, #2B526B 0%, #467FA5 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #2B526B), color-stop(1, #467FA5));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(left, #2B526B 0%, #467FA5 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to right, #2B526B 0%, #467FA5 100%);

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJiNTI2YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0NjdmYTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(top, #2b526b 0%, #467fa5 100%); /* FF3.6+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b526b', endColorstr='#467fa5',GradientType=0 ); /* IE6-8 */

			height:auto; border-radius:10px; overflow:hidden; height:100%; width:100%; box-shadow: 1px 1px 3px rgba(51, 51, 51, 0.34);}
			
			.nav-top a {display:inline-block; height: 30px; margin-right: -4px; width:auto; padding: 15px 15px 7px 15px; color: #fff; text-decoration:none; border-left: solid 1px rgba(2, 27, 44, 0.14); font-weight: 200; }
			
			.nav-top a:hover {background: rgba(255, 255, 255, 0.05); }
			
			.nav-sub {height:300px; display:none; box-shadow: 1px 1px 1px 2px #333; vertical-align: top;}
			
			.heading-anchor {padding: 30px 0px 31px 13px !important;
font-size: 23px;
border: none !important;
background: rgba(255, 255, 255, 0.7) !important;
width: 176px !important;
margin-left: -3px;
margin-top: 0px !important;
font-weight: 200;
color: #2B526B!important; }
			
			.heading-anchor-active{background: rgba(255, 255, 255, 0.90) !important; box-shadow: inset 0px 5px 0px rgb(252, 178, 21) !important;}
			
			.sub-text {font-size: 13px; display: block;}
			
			.sub-anchor {display: block !important; font-size: 14px; padding: 10px 5px 10px 17px !important; height: auto !important; border-left: none !important; border-top: 1px solid rgba(255, 255, 255, 0.12); left: -4px !important; color: rgba(255, 255, 255, 0.90) !important;}
			.sub-anchor span {font-size:12px !important;}
			.sub-anchor:hover {box-shadow: inset 5px 0px 0px rgb(252, 178, 21) !important;}
			.sub-anchor-active { color: rgba(255, 255, 255, 1) !important;}

			
			.nav-sub-section { height:100%; display:inline-block; width: 186px; border-right: solid 1px rgba(0, 0, 0, 0.13); vertical-align: top;}

			.services {width:100% !important; }
			
			.services .heading-anchor {width:100% !important; background: rgba(255, 255, 255, 0.90); box-shadow: inset 0px 5px 0px rgb(252, 178, 21) !important;}
			
			.info1 .sub-anchor {width: 218px !important; display: inline-block !important; padding: 15px 5px 14px 17px !important; border-bottom: 1px solid rgba(255, 255, 255, 0.12); border-top: none !important;}
			
			.n-excerpt {padding: 35px 75px 17px 81px; color:#fff; display:inline-block; width:560px; vertical-align: top; }
			
			.n-excerpt a {padding: 5px 0 !important; border:none !important;}
			
			.n-excerpt header {font-size:20px; font-weight:200;}
			
			.n-excerpt-container {overflow:hidden; width:2200px; left:0;}
			
			.info-ex-nav-left { position:absolute; height:400px; top:91px; left:-4px; width:44px; background: rgba(255, 255, 255, 0.27); opacity: 0.25; z-index: 100;}
			.info-ex-nav-right {position:absolute; height:400px; top:91px; right:-2px; width: 42px; background: rgba(255, 255, 255, 0.27); opacity: 0.25; z-index: 100;}
			
			.logo {display:block; position: absolute; z-index:100; top: -24px; left: -50px;}
			
.nav-arrow-right {
	width: 0; 
	height: 0; 
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	
	border-left: 10px solid rgba(255, 255, 255, 0.85);
	margin: 0 auto;
	top: 145px;
}

.nav-arrow-left {
	width: 0; 
	height: 0; 
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent; 
		
	border-right:10px solid rgba(255, 255, 255, 0.85);
	margin: 0 auto;
	top: 145px;

}

@-moz-document url-prefix() {
	 	    .ofclin{width: 177px !important;}
 
	}




/*-------------- Features Update -----------------*/


li {
    margin: 10px 0px}
}

.features-nav-container .col-lg-3 {
    padding: 10px 0;
    cursor: pointer;
    color: #747474;
    border-left: 1px solid #e8e8e8;
}
.features-nav-container .col-lg-3:first-of-type {
    border-left: none;
    border-radius: 10px 0px 0px 0px;
    
}

.features-nav-container .col-lg-3:last-of-type {
    border-radius: 0px 10px 0px 0px;
    
}

.features-nav-container {
    height: 49px;
    z-index: 100;
    
}

.features-nav {
    color: #333;
    background: rgba(240, 240, 240, 0.57);
    cursor: pointer;
    border-left: 1px solid #fff;
    width: 24.9% !important;
}

.features-nav:hover {
    color: #333;
    background: rgba(252, 178, 21, 0.35);
}

.features-nav-active {
    color: #fff !important;
    background: #fcb215 !important;
}


.features-panel {
    display: none;
    border-radius: 0px 0px 10px 10px;
} 

.features-panel img {

border-radius: 0px 0px 10px 10px;

}


.arrow-down {
    position: absolute;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #fcb215;
    left:50%;
    margin-left: -20px;
    bottom:10px;
    z-index: -20;
    display: none;
}

.arrow-down-animate {
    display:block;  
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;

}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0%;
}

@media (min-width: 400px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
}

.slideshow-heading {

font-size: 35px;
font-weight: 200;
color: #fff;
text-align: left;
line-height: 1.1;


}


.slide-counter {

    padding: 5px; 
    width: 80px;
    left: 46%;
    margin-right: -40px;
    position: relative;
    margin-bottom: 25px;
    

}

.counter {

    border-radius:8px;
    height: 8px;
    width: 8px;
    background: #ccc;
    display: inline-block;
    margin-right: 8px;
    cursor:pointer;
}

.counter-active {

    background:#FCB215;

}



.bubble {

position: absolute;
padding: 10px;
border: 2px solid #61A2D2;
display: none;
background: #FFF;
left: 50%;
margin-left: -175px;
width: 350px;
height: 100px;
margin-top: -128px;
top: -43%;
color: #333;
    
}

.bubble-heading {

padding: 5px 10px;
background: #61A2D2;
color: #FFF;
border-radius: 10px 10px 0px 0px;
position: absolute;
width: auto;
top: -33px;
left: -2px;
font-weight: bold;


}

.bubble a {margin-top: -11px; display: block;}

.bubble-arrow{	
display: inline-block;
width: 0;
height: 0;
border-top: 14px solid rgba(97, 162, 210, 0.52);
border-left: 135px solid rgba(0, 0, 0, 0);
border-right: 135px solid rgba(204, 204, 204, 0);
position: absolute;
bottom: -15px;
left: 50%;
margin-left: -135px;

    
}

.bubble-hover {
    cursor:pointer; 
    background: rgba(251, 251, 124, 0.31); 
    border-radius:5px; 
    display:inline-block;
    padding:0px 3px; 
    position: relative;
}

.bubble-hover:hover {

    background:rgba(251, 251, 124, 1);
    
}




/* Homepage Slide Show */


.home-ss-container {
    width: 98%;
    height: 400px;
    border-radius: 20px;
    position: relative;
    top: -59px;
    left: 50%;
    margin-left: -50%;
    overflow:hidden;
}


.home-slide {
    display: none;
    
}

.home-slide-active{
    display:block;
}

.home-ss-container .slide-counter{

    padding: 5px;
    width: 80px;
    left: 46%;
    margin-right: -40px;
    position: absolute;
    margin-bottom: -42px;
    bottom: 0;

}

.home-slide-heading {

    position: absolute;
    z-index: 100;
    top: 252px;
    padding: 0px 150px 0px 20px;
    height: 119px;
    background: rgba(0, 0, 0, 0.7);

}

.home-slide-heading a div {

    position: absolute;
    z-index: 100;
    color: #FFF;
    right: 35px;
    padding: 10px;
    border-radius: 10px;
    top: 43px;
    font-size: 14px;
    background: rgba(255, 255, 255, 0.28);

}


.grid-list{list-style: none;}

.grid-list li {

display: inline-block;
list-style: none;
padding: 0px 0px 0px 22px;
border-right: 1px solid rgba(204, 204, 204, 0.36);
width: 29.2%;
height: 29px;
vertical-align: top;
margin: 0px 0px;
    
}

.grid-list li:before {
content: none;
}


.purchase-list { 
    display: inline-block; 
    list-style: none;
    padding: 0;
    width: 21% !important;
    padding: 0 !important;
    position:relative;
}

.purchase-list li {
    text-indent: 0;
    text-align: center;
    padding: 5px;
    margin: 0;
    background: rgba(0, 0, 0, 0.06);
    border-bottom: 1px solid #fff;
    font-size: 14px;
    position:relative;
    display: block;
}

.purchase-list li:first-of-type { 
    border-radius: 20px 20px 0px 0px;
font-size: 20px;
font-weight: 200;
color: #FFF;
background-image: linear-gradient(to right, #2B526B 0%, #467FA5 100%);
    border: none;
    
}

.purchase-list li:last-of-type { 
    border-radius:0px 0px 20px 20px;
    border:none;
}

.purchase-list li:before {
content: none;
}


.hp-lable {

position: absolute;
width: 74px;
display: inline-block;
left: -91px;
text-align: right;
top: 4px;
padding: 2px 12px 1px 5px;
background: #437A9F;
border-radius: 10px 0px 0px 10px;
color: #FFF;
font-weight: 200;

}