/*
$column-width: 60;
$gutter-width: 10;
$columns: 12;
@function gridsystem-width($columns:$columns) {
    @return ($column-width * $columns) + ($gutter-width * $columns);
}
$total-width: 100%;
$min-width: 999999;
$correction: 0.5 / $min-width * 100;
@mixin row($columns:$columns) {
    display: block;
    width: $total-width*(($gutter-width + gridsystem-width($columns))/gridsystem-width($columns));
    margin: 0 $total-width*((($gutter-width*.5)/gridsystem-width($columns))*-1);
    *width: $total-width*(($gutter-width + gridsystem-width($columns))/gridsystem-width($columns))-$correction;
    *margin: 0 $total-width*((($gutter-width*.5)/gridsystem-width($columns))*-1)-$correction;
    @include clearfix();
}
@mixin column($x,$columns:$columns) {
    display: inline;
    float: left;
    width: $total-width*(((($gutter-width+$column-width)*$x)-$gutter-width) / gridsystem-width($columns));
    margin: 0 $total-width*(($gutter-width*.5)/gridsystem-width($columns));
    *width: $total-width*(((($gutter-width+$column-width)*$x)-$gutter-width) / gridsystem-width($columns))-$correction;
    *margin: 0 $total-width*(($gutter-width*.5)/gridsystem-width($columns))-$correction;
}
*/
@font-face {
  font-family: loveloblack;
  font-weight: normal;
  font-style: normal;
  src: url("../font/lovelo_black-webfont.eot");
  src: url("../font/lovelo_black-webfont.eot#iefix") format("embedded-opentype"), url("../font/lovelo_black-webfont.woff") format("woff"), url("../font/lovelo_black-webfont.ttf") format("truetype"), url("../font/lovelo_black-webfont.svg") format("svg"); }

@font-face {
  font-family: myriad;
  font-weight: normal;
  font-style: normal;
  src: url("../font/myriadpro-regular-webfont-webfont.eot");
  src: url("../font/myriadpro-regular-webfont-webfont.eot#iefix") format("embedded-opentype"), url("../font/myriadpro-regular-webfont-webfont.woff") format("woff"), url("../font/myriadpro-regular-webfont-webfont.ttf") format("truetype"), url("../font/myriadpro-regular-webfont-webfont.svg") format("svg"); }

@font-face {
  font-family: Icons;
  font-weight: normal;
  font-style: normal;
  src: url("../font/kdicons.eot");
  src: url("../font/kdicons.eot#iefix") format("embedded-opentype"), url("../font/kdicons.woff") format("woff"), url("../font/kdicons.ttf") format("truetype"), url("../font/kdicons.svg") format("svg"); }

@font-face {
  font-family: IconsNew;
  font-weight: normal;
  font-style: normal;
  src: url("../font/kdiconsNew.eot");
  src: url("../font/kdiconsNew.eot#iefix") format("embedded-opentype"), url("../font/kdiconsNew.woff") format("woff"), url("../font/kdiconsNew.ttf") format("truetype"), url("../font/kdiconsNew.svg") format("svg"); }

.bx-wrapper {
  position: relative;
  margin: 0 auto 1em;
  *zoom: 1; }
  .bx-wrapper img {
    max-width: 100%; }
  .bx-wrapper .bx-viewport {
    width: auto !important; }
  .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: 7px;
    width: 100%;
    height: 13px;
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: bold; }
    .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-pager .bx-controls-auto-item, .bx-wrapper .bx-controls-auto .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
      display: inline-block;
      vertical-align: baseline;
      zoom: 1;
      *display: inline;
      *vertical-align: auto; }
    .bx-wrapper .bx-pager a, .bx-wrapper .bx-controls-auto a {
      background: #fff;
      text-indent: -9999px;
      display: block;
      width: 13px;
      height: 13px;
      margin: 0 3.5px;
      outline: 0; }
      .bx-wrapper .bx-pager a:hover, .bx-wrapper .bx-pager a.active, .bx-wrapper .bx-controls-auto a:hover, .bx-wrapper .bx-controls-auto a.active {
        background: #f17726; }
  .bx-wrapper .bx-loading {
    min-height: 50px;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000;
    background: url(http://www.orangegenie.com/frontend/img/loader.gif) center center no-repeat white; }

.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666666 \9;
  background: rgba(80, 80, 80, 0.75);
  width: 100%; }

.bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: .85em;
  padding: 10px; }

.fancybox-lock body {
  overflow: hidden !important; }

.fancybox-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: fixed;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: #000;
  background: rgba(0, 0, 0, 0.34); }

.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020; }
  .fancybox-wrap .fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch; }
  .fancybox-wrap .fancybox-opened {
    z-index: 8030; }
  .fancybox-wrap .fancybox-outer, .fancybox-wrap .fancybox-inner {
    position: relative; }
  .fancybox-wrap .fancybox-inner {
    overflow: hidden; }
  .fancybox-wrap .fancybox-skin {
    position: relative;
    background: #f9f9f9;
    color: #707c87; }
  .fancybox-wrap .fancybox-error {
    color: #707c87;
    margin: 0;
    padding: 15px;
    white-space: nowrap; }
  .fancybox-wrap .fancybox-image, .fancybox-wrap .fancybox-iframe {
    display: block;
    width: 100%;
    height: 100%; }
  .fancybox-wrap .fancybox-image {
    max-width: 100%;
    max-height: 100%; }
  .fancybox-wrap #fancybox-loading {
    position: absolute;
    top: 50%;
    right: 50%;
    bottom: auto;
    left: auto;
    position: fixed;
    width: 60px;
    height: 60px;
    margin: -30px -30px 0 0;
    overflow: hidden;
    background: url(http://www.orangegenie.com/frontend/img/loader.gif) 50% 50% no-repeat white;
    opacity: 0.8;
    cursor: pointer;
    z-index: 8060;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    behavior: url(http://www.orangegenie.com/frontend/css/pie.htc); }
  .fancybox-wrap .fancybox-close {
    position: absolute;
    top: -18px;
    right: -18px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8040;
    font-family: Icons; }
    .fancybox-wrap .fancybox-close:before {
      content: "\e6a4"; }
  .fancybox-wrap .fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible !important; }
  .fancybox-wrap .fancybox-lock {
    overflow: hidden !important;
    width: auto; }
  .fancybox-wrap .fancybox-lock body {
    overflow: hidden !important; }
  .fancybox-wrap .fancybox-lock-test {
    overflow-y: hidden !important; }

.no-boxsizing .fancybox-close {
  *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); }

/*



.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('http://www.orangegenie.com/frontend/css/blank.gif');  helps IE 
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

 Title helper 

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent;  Fallback for web browsers that doesn't support RGBa 
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

Retina graphics!
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('http://www.orangegenie.com/frontend/css/fancybox_sprite@2x.png');
		background-size: 44px 152px; The size of the normal image, half the size of the hi-res image
	}

	#fancybox-loading div {
		background-image: url('http://www.orangegenie.com/frontend/css/fancybox_loading@2x.gif');
		background-size: 24px 24px; The size of the normal image, half the size of the hi-res image
	}
}*/
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 {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

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: '';
    content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

body {
  font-family: "myriad", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.3em;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  background: transparent;
  color: #707c87; }

*, * :before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: 0;
  border-radius: 0; }

.no-boxsizing *, .no-boxsizing * :before, .no-boxsizing *:after {
  behavior: url(http://www.orangegenie.com/frontend/css/boxsizing.htc);
  zoom: 1;
  position: relative;
  word-wrap: break-word;
  _overflow: hidden;
  _overflow-y: visible; }

strong, b {
  font-weight: bold; }

em, i {
  font-style: italic; }

small {
  font-size: 75%; }

a {
  text-decoration: none;
  -webkit-transition: color 0.2s ease-in-out;
  -moz-transition: color 0.2s ease-in-out;
  -o-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out; }
  a {
    color: #408fbf; }
    a:visited {
      color: #408fbf; }
    a:hover {
      color: #85bce0; }
    a:focus {
      color: #85bce0; }
    a:active {
      color: #85bce0; }

p {
  text-align: left;
  margin: 0 0 1.3em; }

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

h1 {
  font-size: 30px;
  font-family: "loveloblack", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #278fcf;
  line-height: 32px;
  margin-bottom: 25px;
  text-transform: uppercase; }

h2 {
  font-size: 24px;
  color: #999;
  line-height: 26px;
  margin-bottom: 20px;
  text-transform: uppercase; }

h3 {
  font-size: 20px;
  color: #999;
  line-height: 22px;
  margin-bottom: 15px; }

h4 {
  font-size: 18px;
  line-height: 20px;
  margin-bottom: 15px; }

h5 {
  font-size: 16px;
  line-height: 18px;
  margin-bottom: 15px; }

h6 {
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 15px; }

abbr, acronym {
  cursor: help;
  border-bottom: 1px dashed #707c87; }

acronym {
  text-transform: uppercase; }

ul, ol {
  list-style: decimal;
  margin: 0 0 1.3em 2.6em; }

ul {
  list-style: disc outside; }
  ul ul, ul ol {
    margin: 0.65em 0 0.65em 2.6em; }

ol ol {
  margin: 0.65em 0 0.65em 2.6em; }

hr {
  background: #707c87;
  border: 0;
  color: #707c87;
  height: 1px;
  line-height: 0;
  margin: 1em 0;
  position: relative; }
  hr:after {
    background: #f1f2f3;
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    top: 1px; }

img {
  max-width: 100%; }

input[type=text],
input[type=password],
input[type=button],
input[type=color],
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=email],
input[type=month],
input[type=number],
input[type=range],
input[type=reset],
input[type=search],
input[type=submit],
input[type=tel],
input[type=time],
input[type=url],
input[type=week],
textarea,
button {
  -webkit-appearance: none;
  border-radius: 0;
  background: transparent;
  width: 100%;
  display: block;
  font-family: "myriad", Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #f17726;
  border: 1px solid #f17726;
  margin: 0 0 8px;
  padding: 5px 10px;
  -webkit-transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -moz-transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -o-transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out; }
  input[type=text]::-webkit-input-placeholder, input[type=text]:-moz-placeholder, input[type=text]::-moz-placeholder, input[type=text]:-ms-input-placeholder,
  input[type=password]::-webkit-input-placeholder,
  input[type=password]:-moz-placeholder,
  input[type=password]::-moz-placeholder,
  input[type=password]:-ms-input-placeholder,
  input[type=button]::-webkit-input-placeholder,
  input[type=button]:-moz-placeholder,
  input[type=button]::-moz-placeholder,
  input[type=button]:-ms-input-placeholder,
  input[type=color]::-webkit-input-placeholder,
  input[type=color]:-moz-placeholder,
  input[type=color]::-moz-placeholder,
  input[type=color]:-ms-input-placeholder,
  input[type=date]::-webkit-input-placeholder,
  input[type=date]:-moz-placeholder,
  input[type=date]::-moz-placeholder,
  input[type=date]:-ms-input-placeholder,
  input[type=datetime]::-webkit-input-placeholder,
  input[type=datetime]:-moz-placeholder,
  input[type=datetime]::-moz-placeholder,
  input[type=datetime]:-ms-input-placeholder,
  input[type=datetime-local]::-webkit-input-placeholder,
  input[type=datetime-local]:-moz-placeholder,
  input[type=datetime-local]::-moz-placeholder,
  input[type=datetime-local]:-ms-input-placeholder,
  input[type=email]::-webkit-input-placeholder,
  input[type=email]:-moz-placeholder,
  input[type=email]::-moz-placeholder,
  input[type=email]:-ms-input-placeholder,
  input[type=month]::-webkit-input-placeholder,
  input[type=month]:-moz-placeholder,
  input[type=month]::-moz-placeholder,
  input[type=month]:-ms-input-placeholder,
  input[type=number]::-webkit-input-placeholder,
  input[type=number]:-moz-placeholder,
  input[type=number]::-moz-placeholder,
  input[type=number]:-ms-input-placeholder,
  input[type=range]::-webkit-input-placeholder,
  input[type=range]:-moz-placeholder,
  input[type=range]::-moz-placeholder,
  input[type=range]:-ms-input-placeholder,
  input[type=reset]::-webkit-input-placeholder,
  input[type=reset]:-moz-placeholder,
  input[type=reset]::-moz-placeholder,
  input[type=reset]:-ms-input-placeholder,
  input[type=search]::-webkit-input-placeholder,
  input[type=search]:-moz-placeholder,
  input[type=search]::-moz-placeholder,
  input[type=search]:-ms-input-placeholder,
  input[type=submit]::-webkit-input-placeholder,
  input[type=submit]:-moz-placeholder,
  input[type=submit]::-moz-placeholder,
  input[type=submit]:-ms-input-placeholder,
  input[type=tel]::-webkit-input-placeholder,
  input[type=tel]:-moz-placeholder,
  input[type=tel]::-moz-placeholder,
  input[type=tel]:-ms-input-placeholder,
  input[type=time]::-webkit-input-placeholder,
  input[type=time]:-moz-placeholder,
  input[type=time]::-moz-placeholder,
  input[type=time]:-ms-input-placeholder,
  input[type=url]::-webkit-input-placeholder,
  input[type=url]:-moz-placeholder,
  input[type=url]::-moz-placeholder,
  input[type=url]:-ms-input-placeholder,
  input[type=week]::-webkit-input-placeholder,
  input[type=week]:-moz-placeholder,
  input[type=week]::-moz-placeholder,
  input[type=week]:-ms-input-placeholder,
  textarea::-webkit-input-placeholder,
  textarea:-moz-placeholder,
  textarea::-moz-placeholder,
  textarea:-ms-input-placeholder,
  button::-webkit-input-placeholder,
  button:-moz-placeholder,
  button::-moz-placeholder,
  button:-ms-input-placeholder {
    color: #f17726;
    -webkit-transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out; }
  input[type=text]:focus,
  input[type=password]:focus,
  input[type=button]:focus,
  input[type=color]:focus,
  input[type=date]:focus,
  input[type=datetime]:focus,
  input[type=datetime-local]:focus,
  input[type=email]:focus,
  input[type=month]:focus,
  input[type=number]:focus,
  input[type=range]:focus,
  input[type=reset]:focus,
  input[type=search]:focus,
  input[type=submit]:focus,
  input[type=tel]:focus,
  input[type=time]:focus,
  input[type=url]:focus,
  input[type=week]:focus,
  textarea:focus,
  button:focus {
    background: transparent;
    border: 1px solid #707c87;
    color: #707c87;
    text-decoration: none; }
    input[type=text]:focus::-webkit-input-placeholder, input[type=text]:focus:-moz-placeholder, input[type=text]:focus::-moz-placeholder, input[type=text]:focus:-ms-input-placeholder,
    input[type=password]:focus::-webkit-input-placeholder,
    input[type=password]:focus:-moz-placeholder,
    input[type=password]:focus::-moz-placeholder,
    input[type=password]:focus:-ms-input-placeholder,
    input[type=button]:focus::-webkit-input-placeholder,
    input[type=button]:focus:-moz-placeholder,
    input[type=button]:focus::-moz-placeholder,
    input[type=button]:focus:-ms-input-placeholder,
    input[type=color]:focus::-webkit-input-placeholder,
    input[type=color]:focus:-moz-placeholder,
    input[type=color]:focus::-moz-placeholder,
    input[type=color]:focus:-ms-input-placeholder,
    input[type=date]:focus::-webkit-input-placeholder,
    input[type=date]:focus:-moz-placeholder,
    input[type=date]:focus::-moz-placeholder,
    input[type=date]:focus:-ms-input-placeholder,
    input[type=datetime]:focus::-webkit-input-placeholder,
    input[type=datetime]:focus:-moz-placeholder,
    input[type=datetime]:focus::-moz-placeholder,
    input[type=datetime]:focus:-ms-input-placeholder,
    input[type=datetime-local]:focus::-webkit-input-placeholder,
    input[type=datetime-local]:focus:-moz-placeholder,
    input[type=datetime-local]:focus::-moz-placeholder,
    input[type=datetime-local]:focus:-ms-input-placeholder,
    input[type=email]:focus::-webkit-input-placeholder,
    input[type=email]:focus:-moz-placeholder,
    input[type=email]:focus::-moz-placeholder,
    input[type=email]:focus:-ms-input-placeholder,
    input[type=month]:focus::-webkit-input-placeholder,
    input[type=month]:focus:-moz-placeholder,
    input[type=month]:focus::-moz-placeholder,
    input[type=month]:focus:-ms-input-placeholder,
    input[type=number]:focus::-webkit-input-placeholder,
    input[type=number]:focus:-moz-placeholder,
    input[type=number]:focus::-moz-placeholder,
    input[type=number]:focus:-ms-input-placeholder,
    input[type=range]:focus::-webkit-input-placeholder,
    input[type=range]:focus:-moz-placeholder,
    input[type=range]:focus::-moz-placeholder,
    input[type=range]:focus:-ms-input-placeholder,
    input[type=reset]:focus::-webkit-input-placeholder,
    input[type=reset]:focus:-moz-placeholder,
    input[type=reset]:focus::-moz-placeholder,
    input[type=reset]:focus:-ms-input-placeholder,
    input[type=search]:focus::-webkit-input-placeholder,
    input[type=search]:focus:-moz-placeholder,
    input[type=search]:focus::-moz-placeholder,
    input[type=search]:focus:-ms-input-placeholder,
    input[type=submit]:focus::-webkit-input-placeholder,
    input[type=submit]:focus:-moz-placeholder,
    input[type=submit]:focus::-moz-placeholder,
    input[type=submit]:focus:-ms-input-placeholder,
    input[type=tel]:focus::-webkit-input-placeholder,
    input[type=tel]:focus:-moz-placeholder,
    input[type=tel]:focus::-moz-placeholder,
    input[type=tel]:focus:-ms-input-placeholder,
    input[type=time]:focus::-webkit-input-placeholder,
    input[type=time]:focus:-moz-placeholder,
    input[type=time]:focus::-moz-placeholder,
    input[type=time]:focus:-ms-input-placeholder,
    input[type=url]:focus::-webkit-input-placeholder,
    input[type=url]:focus:-moz-placeholder,
    input[type=url]:focus::-moz-placeholder,
    input[type=url]:focus:-ms-input-placeholder,
    input[type=week]:focus::-webkit-input-placeholder,
    input[type=week]:focus:-moz-placeholder,
    input[type=week]:focus::-moz-placeholder,
    input[type=week]:focus:-ms-input-placeholder,
    textarea:focus::-webkit-input-placeholder,
    textarea:focus:-moz-placeholder,
    textarea:focus::-moz-placeholder,
    textarea:focus:-ms-input-placeholder,
    button:focus::-webkit-input-placeholder,
    button:focus:-moz-placeholder,
    button:focus::-moz-placeholder,
    button:focus:-ms-input-placeholder {
      color: #abb3ba; }

textarea {
  resize: vertical;
  min-height: 122px; }

input[type=submit], input[type=button], input[type=reset], button {
  padding: 0.65em 0.97502em;
  background: #5d666f;
  border: 1px solid #5d666f;
  color: #e3e6e8;
  text-align: center;
  cursor: pointer;
  filter: chroma(color=black);
  -webkit-transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -moz-transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -o-transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out, background-color 0.2s ease-in-out;
  transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out, background-color 0.2s ease-in-out; }
  input[type=submit]:hover, input[type=submit]:focus, input[type=button]:hover, input[type=button]:focus, input[type=reset]:hover, input[type=reset]:focus, button:hover, button:focus {
    background: #9099a2;
    border: 1px solid #9099a2;
    color: white; }

select {
  font-family: "myriad", Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #f17726;
  border: 1px solid #f17726;
  margin: 0 0 8px;
  padding: 7px 10px;
  width: 100%;
  -webkit-transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -moz-transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -o-transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out; }
  select:focus {
    border: 1px solid #707c87;
    color: #707c87; }

input[type=checkbox],
input[type=radio] {
  margin: 0 5px;
  line-height: normal; }

label {
  width: 100%;
  display: block;
  line-height: 1.3em; }
  label:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: ' ';
    clear: both;
    height: 0; }
  label input[type=checkbox],
  label input[type=radio] {
    margin: 2px 5px 0 5px;
    line-height: normal;
    float: left; }

legend {
  font-size: 120%;
  line-height: 1.3em;
  color: #74808b;
  margin-bottom: 0; }

fieldset {
  line-height: 1.3em;
  padding: 0.65em 0.97502em;
  border-top: 1px solid #abb3ba;
  margin: 0 0 1.3em;
  overflow: hidden; }

table {
  width: 100%;
  max-width: 100%;
  margin: 0 0 1.3em; }
  table th {
    vertical-align: middle;
    padding: 10px 10px 2px 10px;
    font-size: 14px;
    color: #278fcf;
    border-top: 3px solid; }
  table th, table td {
    background: #fbdcc7;
    text-align: center;
    border-left: 3px solid #fff; }
    table th:first-child, table td:first-child {
      border-left: none; }
  table thead {
    border-bottom: 1px solid #707c87; }
  table td {
    vertical-align: top;
    padding: 0px 10px 10px 10px;
    color: #4b4a4f;
    text-align: center; }

[class^="kdi-"], [class*=" kdi-"] {
  font-family: 'Icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1; }

[class^="kdinew-"], [class*=" kdinew-"] {
  font-family: 'IconsNew';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1; }

.kdinew-arrow486:before {
  content: "\e600"; }

.kdinew-play:before {
  content: "\e601"; }

.kdinew-square41:before {
  content: "\e602"; }

.kdinew-tick:before {
  content: "\e603"; }

.kdinew-x:before {
  content: "\e604"; }

.kdi-accountancy:before {
  content: "\e600"; }

.kdi-arrow208:before {
  content: "\e601"; }

.kdi-calculation:before {
  content: "\e602"; }

.kdi-downarrow:before {
  content: "\e603"; }

.kdi-education:before {
  content: "\e604"; }

.kdi-fb-7:before {
  content: "\e605"; }

.kdi-google42:before {
  content: "\e606"; }

.kdi-lin-2:before {
  content: "\e607"; }

.kdi-move12:before {
  content: "\e608"; }

.kdi-og:before {
  content: "\e609"; }

.kdi-p23:before {
  content: "\e60a"; }

.kdi-square41:before {
  content: "\e60b"; }

.kdi-tw-2:before {
  content: "\e60c"; }

.kdi-umbrella:before {
  content: "\e60d"; }

.kdi-yt2:before {
  content: "\e60e"; }

.no-boxsizing .kdinew-arrow486 {
  *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); }
.no-boxsizing .kdinew-play {
  *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); }
.no-boxsizing .kdinew-square41 {
  *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); }
.no-boxsizing .kdinew-tick {
  *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); }
.no-boxsizing .kdinew-x {
  *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); }
.no-boxsizing .kdi-accountancy {
  *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); }
.no-boxsizing .kdi-arrow208 {
  *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); }
.no-boxsizing .kdi-calculation {
  *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); }
.no-boxsizing .kdi-downarrow {
  *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); }
.no-boxsizing .kdi-education {
  *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); }
.no-boxsizing .kdi-fb-7 {
  *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); }
.no-boxsizing .kdi-google42 {
  *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); }
.no-boxsizing .kdi-lin-2 {
  *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); }
.no-boxsizing .kdi-move12 {
  *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); }
.no-boxsizing .kdi-og {
  *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); }
.no-boxsizing .kdi-p23 {
  *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); }
.no-boxsizing .kdi-square41 {
  *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); }
.no-boxsizing .kdi-tw-2 {
  *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); }
.no-boxsizing .kdi-umbrella {
  *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); }
.no-boxsizing .kdi-yt2 {
  *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); }

.tCenter, .aligncenter {
  text-align: center; }

.tLeft, .alignleft {
  text-align: left; }

.tRight, .alignright {
  text-align: right; }

ul.square {
  list-style: square outside; }
ul.circle {
  list-style: circle outside; }
ul.unstyled {
  margin: 0 0 1.3em 2.6em;
  list-style: none outside; }

input[type=text].error,
input[type=password].error,
input[type=color].error,
input[type=date].error,
input[type=datetime].error,
input[type=datetime-local].error,
input[type=email].error,
input[type=month].error,
input[type=number].error,
input[type=range].error,
input[type=search].error,
input[type=tel].error,
input[type=time].error,
input[type=url].error,
input[type=week].error,
textarea.error,
select.error {
  border: 1px solid #e08585;
  color: #bf0d0d;
  background: transparent;
  -webkit-box-shadow: inset 1px 1px 2px #f2a6a6;
  -moz-box-shadow: inset 1px 1px 2px #f2a6a6;
  box-shadow: inset 1px 1px 2px #f2a6a6;
  behavior: url(http://www.orangegenie.com/frontend/css/pie.htc);
  *zoom: 1;
  *position: relative; }
  input[type=text].error::-webkit-input-placeholder, input[type=text].error:-moz-placeholder, input[type=text].error::-moz-placeholder, input[type=text].error:-ms-input-placeholder,
  input[type=password].error::-webkit-input-placeholder,
  input[type=password].error:-moz-placeholder,
  input[type=password].error::-moz-placeholder,
  input[type=password].error:-ms-input-placeholder,
  input[type=color].error::-webkit-input-placeholder,
  input[type=color].error:-moz-placeholder,
  input[type=color].error::-moz-placeholder,
  input[type=color].error:-ms-input-placeholder,
  input[type=date].error::-webkit-input-placeholder,
  input[type=date].error:-moz-placeholder,
  input[type=date].error::-moz-placeholder,
  input[type=date].error:-ms-input-placeholder,
  input[type=datetime].error::-webkit-input-placeholder,
  input[type=datetime].error:-moz-placeholder,
  input[type=datetime].error::-moz-placeholder,
  input[type=datetime].error:-ms-input-placeholder,
  input[type=datetime-local].error::-webkit-input-placeholder,
  input[type=datetime-local].error:-moz-placeholder,
  input[type=datetime-local].error::-moz-placeholder,
  input[type=datetime-local].error:-ms-input-placeholder,
  input[type=email].error::-webkit-input-placeholder,
  input[type=email].error:-moz-placeholder,
  input[type=email].error::-moz-placeholder,
  input[type=email].error:-ms-input-placeholder,
  input[type=month].error::-webkit-input-placeholder,
  input[type=month].error:-moz-placeholder,
  input[type=month].error::-moz-placeholder,
  input[type=month].error:-ms-input-placeholder,
  input[type=number].error::-webkit-input-placeholder,
  input[type=number].error:-moz-placeholder,
  input[type=number].error::-moz-placeholder,
  input[type=number].error:-ms-input-placeholder,
  input[type=range].error::-webkit-input-placeholder,
  input[type=range].error:-moz-placeholder,
  input[type=range].error::-moz-placeholder,
  input[type=range].error:-ms-input-placeholder,
  input[type=search].error::-webkit-input-placeholder,
  input[type=search].error:-moz-placeholder,
  input[type=search].error::-moz-placeholder,
  input[type=search].error:-ms-input-placeholder,
  input[type=tel].error::-webkit-input-placeholder,
  input[type=tel].error:-moz-placeholder,
  input[type=tel].error::-moz-placeholder,
  input[type=tel].error:-ms-input-placeholder,
  input[type=time].error::-webkit-input-placeholder,
  input[type=time].error:-moz-placeholder,
  input[type=time].error::-moz-placeholder,
  input[type=time].error:-ms-input-placeholder,
  input[type=url].error::-webkit-input-placeholder,
  input[type=url].error:-moz-placeholder,
  input[type=url].error::-moz-placeholder,
  input[type=url].error:-ms-input-placeholder,
  input[type=week].error::-webkit-input-placeholder,
  input[type=week].error:-moz-placeholder,
  input[type=week].error::-moz-placeholder,
  input[type=week].error:-ms-input-placeholder,
  textarea.error::-webkit-input-placeholder,
  textarea.error:-moz-placeholder,
  textarea.error::-moz-placeholder,
  textarea.error:-ms-input-placeholder,
  select.error::-webkit-input-placeholder,
  select.error:-moz-placeholder,
  select.error::-moz-placeholder,
  select.error:-ms-input-placeholder {
    color: #e08585; }
  input[type=text].error:focus,
  input[type=password].error:focus,
  input[type=color].error:focus,
  input[type=date].error:focus,
  input[type=datetime].error:focus,
  input[type=datetime-local].error:focus,
  input[type=email].error:focus,
  input[type=month].error:focus,
  input[type=number].error:focus,
  input[type=range].error:focus,
  input[type=search].error:focus,
  input[type=tel].error:focus,
  input[type=time].error:focus,
  input[type=url].error:focus,
  input[type=week].error:focus,
  textarea.error:focus,
  select.error:focus {
    border: 1px solid 1px solid #bf0d0d;
    color: #d65c5c;
    background: transparent;
    -webkit-box-shadow: inset 1px 1px 2px #e08585;
    -moz-box-shadow: inset 1px 1px 2px #e08585;
    box-shadow: inset 1px 1px 2px #e08585;
    behavior: url(http://www.orangegenie.com/frontend/css/pie.htc);
    *zoom: 1;
    *position: relative; }

input[type=submit].primary, input[type=button].primary, input[type=reset].primary, button.primary {
  background: #2077ac;
  border: 1px solid #2077ac;
  color: #d4eaf7; }
  input[type=submit].primary:hover, input[type=submit].primary:focus, input[type=button].primary:hover, input[type=button].primary:focus, input[type=reset].primary:hover, input[type=reset].primary:focus, button.primary:hover, button.primary:focus {
    background: #5ca8d6;
    border: 1px solid #5ca8d6;
    color: white; }
input[type=submit].secondary, input[type=button].secondary, input[type=reset].secondary, button.secondary {
  background: #c0540c;
  border: 1px solid #c0540c;
  color: #f9e2d2; }
  input[type=submit].secondary:hover, input[type=submit].secondary:focus, input[type=button].secondary:hover, input[type=button].secondary:focus, input[type=reset].secondary:hover, input[type=reset].secondary:focus, button.secondary:hover, button.secondary:focus {
    background: #d68d5c;
    border: 1px solid #d68d5c;
    color: white; }
input[type=submit].tertiary, input[type=button].tertiary, input[type=reset].tertiary, button.tertiary {
  background: #666666;
  border: 1px solid #666666;
  color: #e6e6e6; }
  input[type=submit].tertiary:hover, input[type=submit].tertiary:focus, input[type=button].tertiary:hover, input[type=button].tertiary:focus, input[type=reset].tertiary:hover, input[type=reset].tertiary:focus, button.tertiary:hover, button.tertiary:focus {
    background: #999999;
    border: 1px solid #999999;
    color: white; }

.fieldError label {
  color: #f35454; }
.fieldError input[type=text],
.fieldError input[type=password],
.fieldError input[type=color],
.fieldError input[type=date],
.fieldError input[type=datetime],
.fieldError input[type=datetime-local],
.fieldError input[type=email],
.fieldError input[type=month],
.fieldError input[type=number],
.fieldError input[type=range],
.fieldError input[type=search],
.fieldError input[type=tel],
.fieldError input[type=time],
.fieldError input[type=url],
.fieldError input[type=week],
.fieldError textarea,
.fieldError select {
  border: 1px solid #e08585;
  color: #bf0d0d;
  background: transparent;
  -webkit-box-shadow: inset 1px 1px 2px #f2a6a6;
  -moz-box-shadow: inset 1px 1px 2px #f2a6a6;
  box-shadow: inset 1px 1px 2px #f2a6a6;
  behavior: url(http://www.orangegenie.com/frontend/css/pie.htc);
  *zoom: 1;
  *position: relative; }
  .fieldError input[type=text]::-webkit-input-placeholder, .fieldError input[type=text]:-moz-placeholder, .fieldError input[type=text]::-moz-placeholder, .fieldError input[type=text]:-ms-input-placeholder,
  .fieldError input[type=password]::-webkit-input-placeholder,
  .fieldError input[type=password]:-moz-placeholder,
  .fieldError input[type=password]::-moz-placeholder,
  .fieldError input[type=password]:-ms-input-placeholder,
  .fieldError input[type=color]::-webkit-input-placeholder,
  .fieldError input[type=color]:-moz-placeholder,
  .fieldError input[type=color]::-moz-placeholder,
  .fieldError input[type=color]:-ms-input-placeholder,
  .fieldError input[type=date]::-webkit-input-placeholder,
  .fieldError input[type=date]:-moz-placeholder,
  .fieldError input[type=date]::-moz-placeholder,
  .fieldError input[type=date]:-ms-input-placeholder,
  .fieldError input[type=datetime]::-webkit-input-placeholder,
  .fieldError input[type=datetime]:-moz-placeholder,
  .fieldError input[type=datetime]::-moz-placeholder,
  .fieldError input[type=datetime]:-ms-input-placeholder,
  .fieldError input[type=datetime-local]::-webkit-input-placeholder,
  .fieldError input[type=datetime-local]:-moz-placeholder,
  .fieldError input[type=datetime-local]::-moz-placeholder,
  .fieldError input[type=datetime-local]:-ms-input-placeholder,
  .fieldError input[type=email]::-webkit-input-placeholder,
  .fieldError input[type=email]:-moz-placeholder,
  .fieldError input[type=email]::-moz-placeholder,
  .fieldError input[type=email]:-ms-input-placeholder,
  .fieldError input[type=month]::-webkit-input-placeholder,
  .fieldError input[type=month]:-moz-placeholder,
  .fieldError input[type=month]::-moz-placeholder,
  .fieldError input[type=month]:-ms-input-placeholder,
  .fieldError input[type=number]::-webkit-input-placeholder,
  .fieldError input[type=number]:-moz-placeholder,
  .fieldError input[type=number]::-moz-placeholder,
  .fieldError input[type=number]:-ms-input-placeholder,
  .fieldError input[type=range]::-webkit-input-placeholder,
  .fieldError input[type=range]:-moz-placeholder,
  .fieldError input[type=range]::-moz-placeholder,
  .fieldError input[type=range]:-ms-input-placeholder,
  .fieldError input[type=search]::-webkit-input-placeholder,
  .fieldError input[type=search]:-moz-placeholder,
  .fieldError input[type=search]::-moz-placeholder,
  .fieldError input[type=search]:-ms-input-placeholder,
  .fieldError input[type=tel]::-webkit-input-placeholder,
  .fieldError input[type=tel]:-moz-placeholder,
  .fieldError input[type=tel]::-moz-placeholder,
  .fieldError input[type=tel]:-ms-input-placeholder,
  .fieldError input[type=time]::-webkit-input-placeholder,
  .fieldError input[type=time]:-moz-placeholder,
  .fieldError input[type=time]::-moz-placeholder,
  .fieldError input[type=time]:-ms-input-placeholder,
  .fieldError input[type=url]::-webkit-input-placeholder,
  .fieldError input[type=url]:-moz-placeholder,
  .fieldError input[type=url]::-moz-placeholder,
  .fieldError input[type=url]:-ms-input-placeholder,
  .fieldError input[type=week]::-webkit-input-placeholder,
  .fieldError input[type=week]:-moz-placeholder,
  .fieldError input[type=week]::-moz-placeholder,
  .fieldError input[type=week]:-ms-input-placeholder,
  .fieldError textarea::-webkit-input-placeholder,
  .fieldError textarea:-moz-placeholder,
  .fieldError textarea::-moz-placeholder,
  .fieldError textarea:-ms-input-placeholder,
  .fieldError select::-webkit-input-placeholder,
  .fieldError select:-moz-placeholder,
  .fieldError select::-moz-placeholder,
  .fieldError select:-ms-input-placeholder {
    color: #e08585; }
  .fieldError input[type=text]:focus,
  .fieldError input[type=password]:focus,
  .fieldError input[type=color]:focus,
  .fieldError input[type=date]:focus,
  .fieldError input[type=datetime]:focus,
  .fieldError input[type=datetime-local]:focus,
  .fieldError input[type=email]:focus,
  .fieldError input[type=month]:focus,
  .fieldError input[type=number]:focus,
  .fieldError input[type=range]:focus,
  .fieldError input[type=search]:focus,
  .fieldError input[type=tel]:focus,
  .fieldError input[type=time]:focus,
  .fieldError input[type=url]:focus,
  .fieldError input[type=week]:focus,
  .fieldError textarea:focus,
  .fieldError select:focus {
    border: 1px solid 1px solid #bf0d0d;
    color: #d65c5c;
    background: transparent;
    -webkit-box-shadow: inset 1px 1px 2px #e08585;
    -moz-box-shadow: inset 1px 1px 2px #e08585;
    box-shadow: inset 1px 1px 2px #e08585;
    behavior: url(http://www.orangegenie.com/frontend/css/pie.htc);
    *zoom: 1;
    *position: relative; }

form .description {
  display: block;
  margin: -1.7329em 0 1.3em;
  line-height: 1.3em;
  font-size: 75%;
  color: #abb3ba; }
form .fieldError .description {
  background: #fef5f5;
  color: #bf4040; }
form .inputBlock {
  margin: 0 0 1.3em; }

table.stripped tr:nth-child(even) td {
  background: #f1f2f3; }
table.rowHover tr:hover td {
  background: #e3e6e8; }
table.rowHover.stripped tr:nth-child(even):hover td {
  background: #e3e6e8; }

@media only screen and (max-width: 660px) {
  .table {
    width: 100%;
    margin: 0 0 1.3em;
    overflow-y: hidden;
    overflow-x: scroll;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch; }

  .table > table {
    width: 767px;
    max-width: none;
    margin: 0; }

  .table > table > thead > tr > th,
  .table > table > tbody > tr > th,
  .table > table > tfoot > tr > th,
  .table > table > thead > tr > td,
  .table > table > tbody > tr > td,
  .table > table > tfoot > tr > td {
    white-space: nowrap; } }
.box, .testContent > div.grid .halves p, .testContent > div.grid .thirds p, .testContent > div.grid .fourths p, .testContent > div.grid .gutters > div div p, .testContent > div.icons > div {
  padding: 1.3em;
  margin: 0 0 1.3em;
  background: #f1f2f3;
  border: 1px solid transparent;
  overflow: hidden; }
  .box.high, .testContent > div.grid .halves p.high, .testContent > div.grid .thirds p.high, .testContent > div.grid .fourths p.high, .testContent > div.grid .gutters > div div p.high, .testContent > div.icons > div.high {
    border-top: 0;
    border-right: 1px solid #d5d9dc;
    border-bottom: 1px solid #d5d9dc;
    border-left: 0;
    -webkit-box-shadow: 1px 1px 2px #d5d9dc;
    -moz-box-shadow: 1px 1px 2px #d5d9dc;
    box-shadow: 1px 1px 2px #d5d9dc;
    behavior: url(http://www.orangegenie.com/frontend/css/pie.htc);
    *zoom: 1;
    *position: relative; }
  .box.low, .testContent > div.grid .halves p.low, .testContent > div.grid .thirds p.low, .testContent > div.grid .fourths p.low, .testContent > div.grid .gutters > div div p.low, .testContent > div.icons > div.low {
    border-top: 1px solid #d5d9dc;
    border-right: 0;
    border-bottom: 0;
    border-left: 1px solid #d5d9dc;
    -webkit-box-shadow: inset 1px 1px 2px #d5d9dc;
    -moz-box-shadow: inset 1px 1px 2px #d5d9dc;
    box-shadow: inset 1px 1px 2px #d5d9dc;
    behavior: url(http://www.orangegenie.com/frontend/css/pie.htc);
    *zoom: 1;
    *position: relative; }
  .box.primary, .testContent > div.grid .halves p.primary, .testContent > div.grid .thirds p.primary, .testContent > div.grid .fourths p.primary, .testContent > div.grid .gutters > div div p.primary, .testContent > div.icons > div.primary {
    background: #eaf4fb; }
    .box.primary.high, .testContent > div.grid .halves p.primary.high, .testContent > div.grid .thirds p.primary.high, .testContent > div.grid .fourths p.primary.high, .testContent > div.grid .gutters > div div p.primary.high, .testContent > div.icons > div.primary.high {
      border-color: #bfdff3;
      -webkit-box-shadow: 1px 1px 2px #bfdff3;
      -moz-box-shadow: 1px 1px 2px #bfdff3;
      box-shadow: 1px 1px 2px #bfdff3;
      behavior: url(http://www.orangegenie.com/frontend/css/pie.htc);
      *zoom: 1;
      *position: relative; }
    .box.primary.low, .testContent > div.grid .halves p.primary.low, .testContent > div.grid .thirds p.primary.low, .testContent > div.grid .fourths p.primary.low, .testContent > div.grid .gutters > div div p.primary.low, .testContent > div.icons > div.primary.low {
      border-color: #bfdff3;
      -webkit-box-shadow: inset 1px 1px 2px #bfdff3;
      -moz-box-shadow: inset 1px 1px 2px #bfdff3;
      box-shadow: inset 1px 1px 2px #bfdff3;
      behavior: url(http://www.orangegenie.com/frontend/css/pie.htc);
      *zoom: 1;
      *position: relative; }
  .box.secondary, .testContent > div.grid .halves p.secondary, .testContent > div.grid .thirds p.secondary, .testContent > div.grid .fourths p.secondary, .testContent > div.grid .gutters > div div p.secondary, .testContent > div.icons > div.secondary {
    background: #fcf0e9; }
    .box.secondary.high, .testContent > div.grid .halves p.secondary.high, .testContent > div.grid .thirds p.secondary.high, .testContent > div.grid .fourths p.secondary.high, .testContent > div.grid .gutters > div div p.secondary.high, .testContent > div.icons > div.secondary.high {
      border-color: #f5d3bc;
      -webkit-box-shadow: 1px 1px 2px #f5d3bc;
      -moz-box-shadow: 1px 1px 2px #f5d3bc;
      box-shadow: 1px 1px 2px #f5d3bc;
      behavior: url(http://www.orangegenie.com/frontend/css/pie.htc);
      *zoom: 1;
      *position: relative; }
    .box.secondary.low, .testContent > div.grid .halves p.secondary.low, .testContent > div.grid .thirds p.secondary.low, .testContent > div.grid .fourths p.secondary.low, .testContent > div.grid .gutters > div div p.secondary.low, .testContent > div.icons > div.secondary.low {
      border-color: #f5d3bc;
      -webkit-box-shadow: inset 1px 1px 2px #f5d3bc;
      -moz-box-shadow: inset 1px 1px 2px #f5d3bc;
      box-shadow: inset 1px 1px 2px #f5d3bc;
      behavior: url(http://www.orangegenie.com/frontend/css/pie.htc);
      *zoom: 1;
      *position: relative; }
  .box.tertiary, .testContent > div.grid .halves p.tertiary, .testContent > div.grid .thirds p.tertiary, .testContent > div.grid .fourths p.tertiary, .testContent > div.grid .gutters > div div p.tertiary, .testContent > div.icons > div.tertiary {
    background: #f2f2f2; }
    .box.tertiary.high, .testContent > div.grid .halves p.tertiary.high, .testContent > div.grid .thirds p.tertiary.high, .testContent > div.grid .fourths p.tertiary.high, .testContent > div.grid .gutters > div div p.tertiary.high, .testContent > div.icons > div.tertiary.high {
      border-color: #d9d9d9;
      -webkit-box-shadow: 1px 1px 2px #d9d9d9;
      -moz-box-shadow: 1px 1px 2px #d9d9d9;
      box-shadow: 1px 1px 2px #d9d9d9;
      behavior: url(http://www.orangegenie.com/frontend/css/pie.htc);
      *zoom: 1;
      *position: relative; }
    .box.tertiary.low, .testContent > div.grid .halves p.tertiary.low, .testContent > div.grid .thirds p.tertiary.low, .testContent > div.grid .fourths p.tertiary.low, .testContent > div.grid .gutters > div div p.tertiary.low, .testContent > div.icons > div.tertiary.low {
      border-color: #d9d9d9;
      -webkit-box-shadow: inset 1px 1px 2px #d9d9d9;
      -moz-box-shadow: inset 1px 1px 2px #d9d9d9;
      box-shadow: inset 1px 1px 2px #d9d9d9;
      behavior: url(http://www.orangegenie.com/frontend/css/pie.htc);
      *zoom: 1;
      *position: relative; }
  .box.transparent, .testContent > div.grid .halves p.transparent, .testContent > div.grid .thirds p.transparent, .testContent > div.grid .fourths p.transparent, .testContent > div.grid .gutters > div div p.transparent, .testContent > div.icons > div.transparent {
    background: transparent; }

.testContent {
  max-width: 999px;
  margin: 0 auto; }
  @media only screen and (max-width: 999px) {
    .testContent {
      margin: 0 10px; } }
  .testContent h1 {
    text-align: center;
    line-height: 2; }
  .testContent > div {
    display: block;
    width: 100%;
    width: auto; }
    .testContent > div:after {
      visibility: hidden;
      display: block;
      font-size: 0;
      content: ' ';
      clear: both;
      height: 0; }
    .testContent > div > div {
      float: left;
      width: 48.27693%;
      *width: 48.27688%;
      margin-left: 3.44613%;
      *margin-left: 3.44608%;
      margin-right: 0; }
      .testContent > div > div:first-child {
        margin-left: 0;
        *margin-left: 0; }
      .testContent > div > div .font {
        margin: 0 0 1.3em; }
        .testContent > div > div .font p {
          position: relative;
          margin: 0;
          line-height: 2;
          padding: 0 10px;
          -webkit-transition: color 0.2s ease-in-out, background 0.2s ease-in-out;
          -moz-transition: color 0.2s ease-in-out, background 0.2s ease-in-out;
          -o-transition: color 0.2s ease-in-out, background 0.2s ease-in-out;
          transition: color 0.2s ease-in-out, background 0.2s ease-in-out; }
          .testContent > div > div .font p span {
            float: right; }
          .testContent > div > div .font p:hover {
            background: #707c87;
            color: #f1f2f3; }
        .testContent > div > div .font .helvetica {
          font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
        .testContent > div > div .font .arial {
          font-family: Arial, sans-serif; }
        .testContent > div > div .font .opanSans {
          font-family: 'OpenSans'; }
        .testContent > div > div .font .optima {
          font-family: 'Optima'; }
        .testContent > div > div .font .lato {
          font-family: 'Lato'; }
        .testContent > div > div .font .dinPro {
          font-family: 'DinPro'; }
      .testContent > div > div .colorScheme {
        margin: 0 0 1.3em; }
        .testContent > div > div .colorScheme p {
          position: relative;
          margin: 0;
          line-height: 2; }
          .testContent > div > div .colorScheme p .color, .testContent > div > div .colorScheme p .c1, .testContent > div > div .colorScheme p .c2, .testContent > div > div .colorScheme p .c3, .testContent > div > div .colorScheme p .c4, .testContent > div > div .colorScheme p .c5 {
            display: block;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: auto;
            width: 5%;
            height: auto;
            background: #707c87; }
          .testContent > div > div .colorScheme p .c1 {
            position: absolute;
            top: 0;
            right: 10%;
            bottom: 0;
            left: auto;
            background: #2e3338; }
          .testContent > div > div .colorScheme p .c2 {
            position: absolute;
            top: 0;
            right: 15%;
            bottom: 0;
            left: auto;
            background: #515a62; }
          .testContent > div > div .colorScheme p .c3 {
            position: absolute;
            top: 0;
            right: 20%;
            bottom: 0;
            left: auto;
            background: #74808b; }
          .testContent > div > div .colorScheme p .c4 {
            position: absolute;
            top: 0;
            right: 25%;
            bottom: 0;
            left: auto;
            background: #9da6ae; }
          .testContent > div > div .colorScheme p .c5 {
            position: absolute;
            top: 0;
            right: 30%;
            bottom: 0;
            left: auto;
            background: #c7ccd1; }
          .testContent > div > div .colorScheme p .c6 {
            position: absolute;
            top: 0;
            right: 30%;
            bottom: 0;
            left: auto;
            background: #f1f2f3; }
          .testContent > div > div .colorScheme p.base {
            margin: 0 0 1.3em; }
          .testContent > div > div .colorScheme p.primary .color {
            background: #278fcf; }
          .testContent > div > div .colorScheme p.primary .c1 {
            background: #103b56; }
          .testContent > div > div .colorScheme p.primary .c2 {
            background: #1c6896; }
          .testContent > div > div .colorScheme p.primary .c3 {
            background: #408fbf; }
          .testContent > div > div .colorScheme p.primary .c4 {
            background: #70b3db; }
          .testContent > div > div .colorScheme p.primary .c5 {
            background: #a9d4ef; }
          .testContent > div > div .colorScheme p.primary .c6 {
            background: #eaf4fb; }
          .testContent > div > div .colorScheme p.secondary .color {
            background: #f17726; }
          .testContent > div > div .colorScheme p.secondary .c1 {
            background: #602a06; }
          .testContent > div > div .colorScheme p.secondary .c2 {
            background: #a8490b; }
          .testContent > div > div .colorScheme p.secondary .c3 {
            background: #bf7340; }
          .testContent > div > div .colorScheme p.secondary .c4 {
            background: #db9b70; }
          .testContent > div > div .colorScheme p.secondary .c5 {
            background: #f2c4a6; }
          .testContent > div > div .colorScheme p.secondary .c6 {
            background: #fcf0e9; }
          .testContent > div > div .colorScheme p.tertiary .color {
            background: #999999; }
          .testContent > div > div .colorScheme p.tertiary .c1 {
            background: #333333; }
          .testContent > div > div .colorScheme p.tertiary .c2 {
            background: #595959; }
          .testContent > div > div .colorScheme p.tertiary .c3 {
            background: gray; }
          .testContent > div > div .colorScheme p.tertiary .c4 {
            background: #a6a6a6; }
          .testContent > div > div .colorScheme p.tertiary .c5 {
            background: #cccccc; }
          .testContent > div > div .colorScheme p.tertiary .c6 {
            background: #f2f2f2; }
      .testContent > div > div .box.high, .testContent > div > div .testContent > div.grid .halves p.high, .testContent > div.grid .halves .testContent > div > div p.high, .testContent > div > div .testContent > div.grid .thirds p.high, .testContent > div.grid .thirds .testContent > div > div p.high, .testContent > div > div .testContent > div.grid .fourths p.high, .testContent > div.grid .fourths .testContent > div > div p.high, .testContent > div.grid .gutters > div .testContent > div > div p.high, .testContent > div.testContent > div.icons > div.high, .testContent > div > div .box.low, .testContent > div > div .testContent > div.grid .halves p.low, .testContent > div.grid .halves .testContent > div > div p.low, .testContent > div > div .testContent > div.grid .thirds p.low, .testContent > div.grid .thirds .testContent > div > div p.low, .testContent > div > div .testContent > div.grid .fourths p.low, .testContent > div.grid .fourths .testContent > div > div p.low, .testContent > div.grid .gutters > div .testContent > div > div p.low, .testContent > div.testContent > div.icons > div.low,
      .testContent > div > div .box.transparent,
      .testContent > div > div .testContent > div.grid .halves p.transparent,
      .testContent > div.grid .halves .testContent > div > div p.transparent,
      .testContent > div > div .testContent > div.grid .thirds p.transparent,
      .testContent > div.grid .thirds .testContent > div > div p.transparent,
      .testContent > div > div .testContent > div.grid .fourths p.transparent,
      .testContent > div.grid .fourths .testContent > div > div p.transparent,
      .testContent > div.grid .gutters > div .testContent > div > div p.transparent,
      .testContent > div.testContent > div.icons > div.transparent,
      .testContent > div > div .box.primary,
      .testContent > div > div .testContent > div.grid .halves p.primary,
      .testContent > div.grid .halves .testContent > div > div p.primary,
      .testContent > div > div .testContent > div.grid .thirds p.primary,
      .testContent > div.grid .thirds .testContent > div > div p.primary,
      .testContent > div > div .testContent > div.grid .fourths p.primary,
      .testContent > div.grid .fourths .testContent > div > div p.primary,
      .testContent > div.grid .gutters > div .testContent > div > div p.primary,
      .testContent > div.testContent > div.icons > div.primary, .testContent > div > div .box.secondary, .testContent > div > div .testContent > div.grid .halves p.secondary, .testContent > div.grid .halves .testContent > div > div p.secondary, .testContent > div > div .testContent > div.grid .thirds p.secondary, .testContent > div.grid .thirds .testContent > div > div p.secondary, .testContent > div > div .testContent > div.grid .fourths p.secondary, .testContent > div.grid .fourths .testContent > div > div p.secondary, .testContent > div.grid .gutters > div .testContent > div > div p.secondary, .testContent > div.testContent > div.icons > div.secondary, .testContent > div > div .box.tertiary, .testContent > div > div .testContent > div.grid .halves p.tertiary, .testContent > div.grid .halves .testContent > div > div p.tertiary, .testContent > div > div .testContent > div.grid .thirds p.tertiary, .testContent > div.grid .thirds .testContent > div > div p.tertiary, .testContent > div > div .testContent > div.grid .fourths p.tertiary, .testContent > div.grid .fourths .testContent > div > div p.tertiary, .testContent > div.grid .gutters > div .testContent > div > div p.tertiary, .testContent > div.testContent > div.icons > div.tertiary {
        float: left;
        width: 48.27693%;
        *width: 48.27688%;
        margin-left: 3.44613%;
        *margin-left: 3.44608%;
        margin-right: 0;
        text-align: center; }
        .testContent > div > div .box.high:first-child, .testContent > div > div .testContent > div.grid .halves p.high:first-child, .testContent > div.grid .halves .testContent > div > div p.high:first-child, .testContent > div > div .testContent > div.grid .thirds p.high:first-child, .testContent > div.grid .thirds .testContent > div > div p.high:first-child, .testContent > div > div .testContent > div.grid .fourths p.high:first-child, .testContent > div.grid .fourths .testContent > div > div p.high:first-child, .testContent > div.grid .gutters > div .testContent > div > div p.high:first-child, .testContent > div.testContent > div.icons > div.high:first-child, .testContent > div > div .box.low:first-child, .testContent > div > div .testContent > div.grid .halves p.low:first-child, .testContent > div.grid .halves .testContent > div > div p.low:first-child, .testContent > div > div .testContent > div.grid .thirds p.low:first-child, .testContent > div.grid .thirds .testContent > div > div p.low:first-child, .testContent > div > div .testContent > div.grid .fourths p.low:first-child, .testContent > div.grid .fourths .testContent > div > div p.low:first-child, .testContent > div.grid .gutters > div .testContent > div > div p.low:first-child, .testContent > div.testContent > div.icons > div.low:first-child,
        .testContent > div > div .box.transparent:first-child,
        .testContent > div > div .testContent > div.grid .halves p.transparent:first-child,
        .testContent > div.grid .halves .testContent > div > div p.transparent:first-child,
        .testContent > div > div .testContent > div.grid .thirds p.transparent:first-child,
        .testContent > div.grid .thirds .testContent > div > div p.transparent:first-child,
        .testContent > div > div .testContent > div.grid .fourths p.transparent:first-child,
        .testContent > div.grid .fourths .testContent > div > div p.transparent:first-child,
        .testContent > div.grid .gutters > div .testContent > div > div p.transparent:first-child,
        .testContent > div.testContent > div.icons > div.transparent:first-child,
        .testContent > div > div .box.primary:first-child,
        .testContent > div > div .testContent > div.grid .halves p.primary:first-child,
        .testContent > div.grid .halves .testContent > div > div p.primary:first-child,
        .testContent > div > div .testContent > div.grid .thirds p.primary:first-child,
        .testContent > div.grid .thirds .testContent > div > div p.primary:first-child,
        .testContent > div > div .testContent > div.grid .fourths p.primary:first-child,
        .testContent > div.grid .fourths .testContent > div > div p.primary:first-child,
        .testContent > div.grid .gutters > div .testContent > div > div p.primary:first-child,
        .testContent > div.testContent > div.icons > div.primary:first-child, .testContent > div > div .box.secondary:first-child, .testContent > div > div .testContent > div.grid .halves p.secondary:first-child, .testContent > div.grid .halves .testContent > div > div p.secondary:first-child, .testContent > div > div .testContent > div.grid .thirds p.secondary:first-child, .testContent > div.grid .thirds .testContent > div > div p.secondary:first-child, .testContent > div > div .testContent > div.grid .fourths p.secondary:first-child, .testContent > div.grid .fourths .testContent > div > div p.secondary:first-child, .testContent > div.grid .gutters > div .testContent > div > div p.secondary:first-child, .testContent > div.testContent > div.icons > div.secondary:first-child, .testContent > div > div .box.tertiary:first-child, .testContent > div > div .testContent > div.grid .halves p.tertiary:first-child, .testContent > div.grid .halves .testContent > div > div p.tertiary:first-child, .testContent > div > div .testContent > div.grid .thirds p.tertiary:first-child, .testContent > div.grid .thirds .testContent > div > div p.tertiary:first-child, .testContent > div > div .testContent > div.grid .fourths p.tertiary:first-child, .testContent > div.grid .fourths .testContent > div > div p.tertiary:first-child, .testContent > div.grid .gutters > div .testContent > div > div p.tertiary:first-child, .testContent > div.testContent > div.icons > div.tertiary:first-child {
          margin-left: 0;
          *margin-left: 0; }
        @media only screen and (max-width: 660px) {
          .testContent > div > div .box.high, .testContent > div > div .testContent > div.grid .halves p.high, .testContent > div.grid .halves .testContent > div > div p.high, .testContent > div > div .testContent > div.grid .thirds p.high, .testContent > div.grid .thirds .testContent > div > div p.high, .testContent > div > div .testContent > div.grid .fourths p.high, .testContent > div.grid .fourths .testContent > div > div p.high, .testContent > div.grid .gutters > div .testContent > div > div p.high, .testContent > div.testContent > div.icons > div.high, .testContent > div > div .box.low, .testContent > div > div .testContent > div.grid .halves p.low, .testContent > div.grid .halves .testContent > div > div p.low, .testContent > div > div .testContent > div.grid .thirds p.low, .testContent > div.grid .thirds .testContent > div > div p.low, .testContent > div > div .testContent > div.grid .fourths p.low, .testContent > div.grid .fourths .testContent > div > div p.low, .testContent > div.grid .gutters > div .testContent > div > div p.low, .testContent > div.testContent > div.icons > div.low,
          .testContent > div > div .box.transparent,
          .testContent > div > div .testContent > div.grid .halves p.transparent,
          .testContent > div.grid .halves .testContent > div > div p.transparent,
          .testContent > div > div .testContent > div.grid .thirds p.transparent,
          .testContent > div.grid .thirds .testContent > div > div p.transparent,
          .testContent > div > div .testContent > div.grid .fourths p.transparent,
          .testContent > div.grid .fourths .testContent > div > div p.transparent,
          .testContent > div.grid .gutters > div .testContent > div > div p.transparent,
          .testContent > div.testContent > div.icons > div.transparent,
          .testContent > div > div .box.primary,
          .testContent > div > div .testContent > div.grid .halves p.primary,
          .testContent > div.grid .halves .testContent > div > div p.primary,
          .testContent > div > div .testContent > div.grid .thirds p.primary,
          .testContent > div.grid .thirds .testContent > div > div p.primary,
          .testContent > div > div .testContent > div.grid .fourths p.primary,
          .testContent > div.grid .fourths .testContent > div > div p.primary,
          .testContent > div.grid .gutters > div .testContent > div > div p.primary,
          .testContent > div.testContent > div.icons > div.primary, .testContent > div > div .box.secondary, .testContent > div > div .testContent > div.grid .halves p.secondary, .testContent > div.grid .halves .testContent > div > div p.secondary, .testContent > div > div .testContent > div.grid .thirds p.secondary, .testContent > div.grid .thirds .testContent > div > div p.secondary, .testContent > div > div .testContent > div.grid .fourths p.secondary, .testContent > div.grid .fourths .testContent > div > div p.secondary, .testContent > div.grid .gutters > div .testContent > div > div p.secondary, .testContent > div.testContent > div.icons > div.secondary, .testContent > div > div .box.tertiary, .testContent > div > div .testContent > div.grid .halves p.tertiary, .testContent > div.grid .halves .testContent > div > div p.tertiary, .testContent > div > div .testContent > div.grid .thirds p.tertiary, .testContent > div.grid .thirds .testContent > div > div p.tertiary, .testContent > div > div .testContent > div.grid .fourths p.tertiary, .testContent > div.grid .fourths .testContent > div > div p.tertiary, .testContent > div.grid .gutters > div .testContent > div > div p.tertiary, .testContent > div.testContent > div.icons > div.tertiary {
            float: none;
            width: 100%;
            margin-left: 0;
            margin-right: 0;
            text-align: justify; } }
      .testContent > div > div .box.high, .testContent > div > div .testContent > div.grid .halves p.high, .testContent > div.grid .halves .testContent > div > div p.high, .testContent > div > div .testContent > div.grid .thirds p.high, .testContent > div.grid .thirds .testContent > div > div p.high, .testContent > div > div .testContent > div.grid .fourths p.high, .testContent > div.grid .fourths .testContent > div > div p.high, .testContent > div.grid .gutters > div .testContent > div > div p.high, .testContent > div.testContent > div.icons > div.high, .testContent > div > div .box.primary, .testContent > div > div .testContent > div.grid .halves p.primary, .testContent > div.grid .halves .testContent > div > div p.primary, .testContent > div > div .testContent > div.grid .thirds p.primary, .testContent > div.grid .thirds .testContent > div > div p.primary, .testContent > div > div .testContent > div.grid .fourths p.primary, .testContent > div.grid .fourths .testContent > div > div p.primary, .testContent > div.grid .gutters > div .testContent > div > div p.primary, .testContent > div.testContent > div.icons > div.primary, .testContent > div > div .box.tertiary, .testContent > div > div .testContent > div.grid .halves p.tertiary, .testContent > div.grid .halves .testContent > div > div p.tertiary, .testContent > div > div .testContent > div.grid .thirds p.tertiary, .testContent > div.grid .thirds .testContent > div > div p.tertiary, .testContent > div > div .testContent > div.grid .fourths p.tertiary, .testContent > div.grid .fourths .testContent > div > div p.tertiary, .testContent > div.grid .gutters > div .testContent > div > div p.tertiary, .testContent > div.testContent > div.icons > div.tertiary {
        margin-left: 0; }
      @media only screen and (max-width: 660px) {
        .testContent > div > div {
          float: none;
          width: 100%;
          margin-left: 0;
          margin-right: 0; } }
      .testContent > div > div .inputBlock {
        float: left;
        width: 48.27693%;
        *width: 48.27688%;
        margin-left: 3.44613%;
        *margin-left: 3.44608%;
        margin-right: 0; }
        .testContent > div > div .inputBlock:first-child {
          margin-left: 0;
          *margin-left: 0; }
        .testContent > div > div .inputBlock.left {
          margin-left: 0; }
    .testContent > div.grid > div {
      float: none;
      width: 100%;
      margin-left: 0;
      margin-right: 0; }
    .testContent > div.grid .halves, .testContent > div.grid .thirds, .testContent > div.grid .fourths {
      display: block;
      width: 100%;
      width: auto; }
      .testContent > div.grid .halves:after, .testContent > div.grid .thirds:after, .testContent > div.grid .fourths:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: ' ';
        clear: both;
        height: 0; }
    .testContent > div.grid .halves p {
      float: left;
      width: 48.27693%;
      *width: 48.27688%;
      margin-left: 3.44613%;
      *margin-left: 3.44608%;
      margin-right: 0; }
      .testContent > div.grid .halves p:first-child {
        margin-left: 0;
        *margin-left: 0; }
      @media only screen and (max-width: 660px) {
        .testContent > div.grid .halves p {
          float: none;
          width: 100%;
          margin-left: 0;
          margin-right: 0; } }
    .testContent > div.grid .thirds p {
      float: left;
      width: 31.03591%;
      *width: 31.03586%;
      margin-left: 3.44613%;
      *margin-left: 3.44608%;
      margin-right: 0; }
      .testContent > div.grid .thirds p:first-child {
        margin-left: 0;
        *margin-left: 0; }
      @media only screen and (max-width: 660px) {
        .testContent > div.grid .thirds p {
          float: left;
          width: 48.27693%;
          *width: 48.27688%;
          margin-left: 3.44613%;
          *margin-left: 3.44608%;
          margin-right: 0; }
          .testContent > div.grid .thirds p:first-child {
            margin-left: 0;
            *margin-left: 0; }
          .testContent > div.grid .thirds p.odd {
            float: none;
            width: 100%;
            margin-left: 0;
            margin-right: 0; } }
    .testContent > div.grid .fourths p {
      float: left;
      width: 22.4154%;
      *width: 22.41535%;
      margin-left: 3.44613%;
      *margin-left: 3.44608%;
      margin-right: 0; }
      .testContent > div.grid .fourths p:first-child {
        margin-left: 0;
        *margin-left: 0; }
      @media only screen and (max-width: 660px) {
        .testContent > div.grid .fourths p {
          float: left;
          width: 48.27693%;
          *width: 48.27688%;
          margin-left: 3.44613%;
          *margin-left: 3.44608%;
          margin-right: 0; }
          .testContent > div.grid .fourths p:first-child {
            margin-left: 0;
            *margin-left: 0; }
          .testContent > div.grid .fourths p.row {
            margin-left: 0; } }
    .testContent > div.grid .gutters {
      display: block;
      width: 100%;
      width: auto; }
      .testContent > div.grid .gutters:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: ' ';
        clear: both;
        height: 0; }
      .testContent > div.grid .gutters > div {
        float: left;
        width: 48.27693%;
        *width: 48.27688%;
        margin-left: 3.44613%;
        *margin-left: 3.44608%;
        margin-right: 0;
        background: #e3e6e8; }
        .testContent > div.grid .gutters > div:first-child {
          margin-left: 0;
          *margin-left: 0; }
        @media only screen and (max-width: 660px) {
          .testContent > div.grid .gutters > div {
            float: none;
            width: 100%;
            margin-left: 0;
            margin-right: 0; } }
        .testContent > div.grid .gutters > div > p {
          padding: 0.65em 0.97502em;
          margin: 0;
          text-align: center; }
        .testContent > div.grid .gutters > div.marginPlacement .left {
          display: block;
          width: 100%;
          width: auto; }
          .testContent > div.grid .gutters > div.marginPlacement .left:after {
            visibility: hidden;
            display: block;
            font-size: 0;
            content: ' ';
            clear: both;
            height: 0; }
          .testContent > div.grid .gutters > div.marginPlacement .left p {
            float: left;
            width: 48.27693%;
            *width: 48.27688%;
            margin-left: 3.44613%;
            *margin-left: 3.44608%;
            margin-right: 0; }
            .testContent > div.grid .gutters > div.marginPlacement .left p:first-child {
              margin-left: 0;
              *margin-left: 0; }
        .testContent > div.grid .gutters > div.marginPlacement .both {
          display: block;
          width: 100%;
          width: auto; }
          .testContent > div.grid .gutters > div.marginPlacement .both:after {
            visibility: hidden;
            display: block;
            font-size: 0;
            content: ' ';
            clear: both;
            height: 0; }
          .testContent > div.grid .gutters > div.marginPlacement .both p {
            float: left;
            width: 46.66867%;
            *width: 46.66862%;
            margin-left: 1.66567%;
            *margin-left: 1.66562%;
            margin-right: 1.66567%;
            *margin-right: 1.66562%; }
        .testContent > div.grid .gutters > div.differentGutters .normal {
          display: block;
          width: 100%;
          width: auto; }
          .testContent > div.grid .gutters > div.differentGutters .normal:after {
            visibility: hidden;
            display: block;
            font-size: 0;
            content: ' ';
            clear: both;
            height: 0; }
          .testContent > div.grid .gutters > div.differentGutters .normal p {
            float: left;
            width: 31.03591%;
            *width: 31.03586%;
            margin-left: 3.44613%;
            *margin-left: 3.44608%;
            margin-right: 0; }
            .testContent > div.grid .gutters > div.differentGutters .normal p:first-child {
              margin-left: 0;
              *margin-left: 0; }
        .testContent > div.grid .gutters > div.differentGutters .huge {
          display: block;
          width: 100%;
          width: auto; }
          .testContent > div.grid .gutters > div.differentGutters .huge:after {
            visibility: hidden;
            display: block;
            font-size: 0;
            content: ' ';
            clear: both;
            height: 0; }
          .testContent > div.grid .gutters > div.differentGutters .huge p {
            float: left;
            width: 28.76825%;
            *width: 28.7682%;
            margin-left: 6.84762%;
            *margin-left: 6.84757%;
            margin-right: 0; }
            .testContent > div.grid .gutters > div.differentGutters .huge p:first-child {
              margin-left: 0;
              *margin-left: 0; }
    .testContent > div.icons {
      display: block;
      width: 100%;
      width: auto; }
      .testContent > div.icons:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: ' ';
        clear: both;
        height: 0; }
      .testContent > div.icons > div {
        float: left;
        width: 21.66867%;
        *width: 21.66862%;
        margin-left: 1.66567%;
        *margin-left: 1.66562%;
        margin-right: 1.66567%;
        *margin-right: 1.66562%;
        position: relative; }
        .testContent > div.icons > div span {
          padding: 8%;
          font-size: 24px;
          display: block;
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: auto;
          background: #e3e6e8;
          -webkit-transition: all 0.2s ease-in-out;
          -moz-transition: all 0.2s ease-in-out;
          -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out; }
        .testContent > div.icons > div:hover span {
          -ms-transform: scale(2) translate(-20%, 0);
          -moz-transform: scale(2) translate(-20%, 0);
          -webkit-transform: scale(2) translate(-20%, 0);
          transform: scale(2) translate(-20%, 0); }
    .testContent > div.slider > div {
      float: none;
      width: 100%;
      margin-left: 0;
      margin-right: 0; }

.wrap {
  margin: 0 auto;
  max-width: 999px; }
  @media only screen and (max-width: 1019px) {
    .wrap {
      margin: 0 10px;
      max-width: 1019px; } }
  @media only screen and (max-width: 999px) {
    .wrap {
      margin: 0 25px;
      max-width: 100%; } }
  @media only screen and (max-width: 660px) {
    .wrap {
      margin: 0 10px; }
      .wrap h1 {
        font-size: 25px; }
      .wrap h2 {
        font-size: 20px; }
      .wrap h3 {
        font-size: 18px; }
      .wrap h4 {
        font-size: 16px; }
      .wrap h5 {
        font-size: 14px; } }

header {
  background: url(../img/header-bg.jpg) repeat-x 0 0 transparent;
  height: 107px;
  margin-top: 2px; }
  header .wrap {
    position: relative; }
    @media only screen and (max-width: 999px) {
      header .wrap {
        margin: 0; } }
  @media only screen and (max-width: 999px) {
    header {
      height: auto;
      margin-top: 0px; } }
  header #logoContainer {
    background: url(../img/logo-container.jpg) no-repeat 0 0 transparent;
    width: 441px;
    height: 107px;
    position: absolute;
    top: 0;
    right: 50%;
    bottom: auto;
    left: auto;
    margin-right: -220.5px; }
    header #logoContainer #logo {
      text-align: center;
      padding: 0 65px;
      top: 22px;
      position: relative; }
    @media only screen and (max-width: 999px) {
      header #logoContainer {
        position: static;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
        position: relative;
        margin-right: 0;
        background: none;
        width: 293px;
        margin: 0 auto;
        height: auto;
        padding: 30px 0; }
        header #logoContainer #logo {
          top: 0;
          padding: 0; } }
  header #navigation {
    position: relative; 
  min-height: 34px;}
    header #navigation > .clickMenu {
      display: none; }
    @media only screen and (max-width: 999px) {
      header #navigation > .clickMenu {
        display: block;
        height: 34px;
        width: 75%;
        display: block;
        height: 34px;
        position: relative;
        text-indent: -9999px;
        position: relative;
        background-color: #0b81c9; }
        header #navigation > .clickMenu .close, header #navigation > .clickMenu .open {
          width: 44px;
          height: 31px;
          display: block; }
        header #navigation > .clickMenu .close {
          position: absolute;
          top: 0;
          right: 50%;
          bottom: auto;
          left: auto;
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
          filter: alpha(opacity=0);
          -moz-opacity: 0;
          -khtml-opacity: 0;
          opacity: 0;
          background: url(../img/sprite.png) no-repeat right -1020px #0b81c9; }
        header #navigation > .clickMenu .open {
          position: absolute;
          top: 0;
          right: auto;
          bottom: auto;
          left: 25px;
          background: url(../img/sprite.png) no-repeat 0 -974px #0b81c9; }
      header #navigation.current > .clickMenu {
        z-index: 9; } }
      @media only screen and (max-width: 999px) and (max-width: 660px) {
        header #navigation > .clickMenu {
          width: 98%; } }
        @media only screen and (max-width: 999px) and (max-width: 660px) {
          header #navigation > .clickMenu .open {
            position: absolute;
            top: 0;
            right: auto;
            bottom: auto;
            left: 10px; } }
    header #navigation nav {
      width: auto; }
      header #navigation nav:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: ' ';
        clear: both;
        height: 0; }
      header #navigation nav ul.headerLeft, header #navigation nav ul.headerRight {
        margin: 0;
      min-height: 34px;}
        header #navigation nav ul.headerLeft li, header #navigation nav ul.headerRight li {
          list-style: none;
          line-height: 16px;
          border-right: 1px dotted #FFFFFF;
          padding: 0 7px;
          margin: 10px 0 8px;
          float: left;
        min-height: 17px;
        }
          header #navigation nav ul.headerLeft li a, header #navigation nav ul.headerRight li a {
            font-size: 13px;
            text-transform: uppercase;
            color: #fff;
            display: block; }
            header #navigation nav ul.headerLeft li a:hover, header #navigation nav ul.headerRight li a:hover {
              -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
              filter: alpha(opacity=70);
              -moz-opacity: 0.7;
              -khtml-opacity: 0.7;
              opacity: 0.7; }
              @media only screen and (max-width: 999px) {
                header #navigation nav ul.headerLeft li a:hover, header #navigation nav ul.headerRight li a:hover {
                  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
                  filter: alpha(opacity=100);
                  -moz-opacity: 1;
                  -khtml-opacity: 1;
                  opacity: 1; } }
          header #navigation nav ul.headerLeft li.last, header #navigation nav ul.headerRight li.last {
            padding-right: 0;
            border: none; }
          header #navigation nav ul.headerLeft li > div.sub, header #navigation nav ul.headerRight li > div.sub {
            display: none; }
      header #navigation nav ul.headerLeft {
        float: left; }
        header #navigation nav ul.headerLeft li.first {
          float: left;
          padding: 0 2px 0 0;
          border: none;
          margin: 2px 0 0 0; }
          @media only screen and (max-width: 999px) {
            header #navigation nav ul.headerLeft li.first {
              float: none;
              margin-left: 20px; } }
          header #navigation nav ul.headerLeft li.first .down > a {
            background: url(../img/sprite.png) no-repeat 0 0 transparent;
            height: 32px;
            width: 25px;
            border-left: 1px solid #0b81c9;
            border-right: 1px solid #0b81c9;
            border-bottom: 1px solid #0b81c9; }
            @media only screen and (max-width: 999px) {
              header #navigation nav ul.headerLeft li.first .down > a {
                display: none; } }
          header #navigation nav ul.headerLeft li.first .down > a:hover, header #navigation nav ul.headerLeft li.first .down.active > a {
            background: url(../img/sprite.png) no-repeat -26px 0 transparent;
            border-left: 1px solid #0b81c9;
            border-right: 1px solid #0b81c9;
            border-bottom: 1px solid #fff; }
          header #navigation nav ul.headerLeft li.first .down > div.sub {
            height: 0px;
            overflow: hidden;
            position: absolute;
            width: 200px;
            z-index: 99;
            top: 34px;
            display: block;
            -ms-transform-origin: 0% 0%;
            -moz-transform-origin: 0% 0%;
            -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
            -webkit-transition: height 0.2s ease-in-out;
            -moz-transition: height 0.2s ease-in-out;
            -o-transition: height 0.2s ease-in-out;
            transition: height 0.2s ease-in-out; }
            header #navigation nav ul.headerLeft li.first .down > div.sub ul {
              margin: 0;
              height: 143px;
              padding: 0 10px;
              background: #fff;
              border-left: 1px solid #278fcf;
              border-right: 1px solid #278fcf;
              border-bottom: 1px solid #278fcf; }
              header #navigation nav ul.headerLeft li.first .down > div.sub ul li {
                float: left;
                width: 47%;
                padding: 0;
                text-align: center;
                margin: 7px 0 5px;
              }
                header #navigation nav ul.headerLeft li.first .down > div.sub ul li a {
                  color: #000;
                  text-transform: none; }
                  header #navigation nav ul.headerLeft li.first .down > div.sub ul li a span {
                    background-image: url(../img/menuIcons.png);
                    background-repeat: no-repeat;
                    background-color: transparent;
                    display: block;
                    height: 40px;
                    width: 100%; }
                header #navigation nav ul.headerLeft li.first .down > div.sub ul li.acc {
                  margin-right: 6%; }
                  header #navigation nav ul.headerLeft li.first .down > div.sub ul li.acc span {
                    background-position: center -113px; }
                header #navigation nav ul.headerLeft li.first .down > div.sub ul li.edu span {
                  background-position: center -59px; }
                header #navigation nav ul.headerLeft li.first .down > div.sub ul li.genie {
                  margin-right: 6%; }
                  header #navigation nav ul.headerLeft li.first .down > div.sub ul li.genie span {
                    background-position: center 0px; }
                header #navigation nav ul.headerLeft li.first .down > div.sub ul li.umb span {
                  background-position: center -171px; }
            header #navigation nav ul.headerLeft li.first .down > div.sub.show {
              height: 172px; }
              @media only screen and (max-width: 999px) {
                header #navigation nav ul.headerLeft li.first .down > div.sub.show {
                  height: auto; } }
            @media only screen and (max-width: 999px) {
              header #navigation nav ul.headerLeft li.first .down > div.sub {
                position: relative;
                height: auto;
                top: 0;
                width: auto; }
                header #navigation nav ul.headerLeft li.first .down > div.sub ul {
                  border: medium none;
                  float: left;
                  height: auto;
                  padding: 30px 25px 28px 25px; }
                  header #navigation nav ul.headerLeft li.first .down > div.sub ul li {
                    float: left;
                    width: auto;
                    border: none; }
                    header #navigation nav ul.headerLeft li.first .down > div.sub ul li.acc, header #navigation nav ul.headerLeft li.first .down > div.sub ul li.edu, header #navigation nav ul.headerLeft li.first .down > div.sub ul li.genie, header #navigation nav ul.headerLeft li.first .down > div.sub ul li.umb {
                      margin-right: 40px; } }
                  @media only screen and (max-width: 999px) and (max-width: 660px) {
                    header #navigation nav ul.headerLeft li.first .down > div.sub ul li.acc, header #navigation nav ul.headerLeft li.first .down > div.sub ul li.genie {
                      margin-right: 20%; }
                    header #navigation nav ul.headerLeft li.first .down > div.sub ul li.edu, header #navigation nav ul.headerLeft li.first .down > div.sub ul li.umb {
                      margin-right: 0; }
                    header #navigation nav ul.headerLeft li.first .down > div.sub ul li.genie, header #navigation nav ul.headerLeft li.first .down > div.sub ul li.umb {
                      margin-bottom: 15px; } }
      header #navigation nav ul.headerRight {
        float: right; }
      header #navigation nav ul.others {
        margin: 0;
        position: absolute;
        top: 34px;
        left: 0; }
        header #navigation nav ul.others li {
          float: left;
          list-style: none;
          margin-bottom: 8px;
          margin-top: 10px; }
          header #navigation nav ul.others li a {
            color: #408fbf;
            border: 1px solid #278fcf;
            float: left;
            padding: 5px 14px 4px;
            text-transform: uppercase;
            line-height: 14px; }
            header #navigation nav ul.others li a.last {
              border-left: none; }
            header #navigation nav ul.others li a:hover {
              background: none repeat scroll 0 0 #278fcf;
              color: #fff; }
        @media only screen and (max-width: 999px) {
          header #navigation nav ul.others {
            position: relative;
            top: 0; }
            header #navigation nav ul.others li {
              float: none; }
              header #navigation nav ul.others li a {
                border: none;
                padding: 0;
                float: none; } }
      @media only screen and (max-width: 999px) {
        header #navigation nav {
          border-bottom: 1px solid #0b81c9;
          border-right: 1px solid #0b81c9;
          width: 75%;
          left: -75%;
          position: absolute;
          background: #fff;
          z-index: 999; }
          header #navigation nav ul.headerLeft, header #navigation nav ul.headerRight, header #navigation nav ul.others {
            width: 100%;
            float: left;
          border-top: 1px solid #cee6f4;
          border-bottom: 1px solid #cee6f4;
          }
            header #navigation nav ul.headerLeft li, header #navigation nav ul.headerRight li, header #navigation nav ul.others li {
              float: left;
              
              margin: 0;
              padding: 8px 25px; }
              header #navigation nav ul.headerLeft li a, header #navigation nav ul.headerRight li a, header #navigation nav ul.others li a {
                color: #278fcf; }
         
              header #navigation nav ul.headerLeft li.first, header #navigation nav ul.headerRight li.first, header #navigation nav ul.others li.first {
                margin-left: 0;
                padding-right: 0; } }
            @media only screen and (max-width: 999px) and (max-width: 660px) {
              header #navigation nav ul.headerLeft li, header #navigation nav ul.headerRight li, header #navigation nav ul.others li {
                padding: 8px 10px; } }
  header #infoBox {
    position: absolute;
    right: 0; }
    header #infoBox .blue-border a {
      float: right; }
      header #infoBox .blue-border a:hover {
        background: #278fcf;
        color: #fff; }
    header #infoBox .phone p {
      font-size: 18px;
      color: #0b81c9;
      float: right;
      margin-bottom: 12px;
      font-weight: bold; }
    header #infoBox .blue-border {
      width: auto;
      margin-bottom: 8px;
      margin-top: 10px; }
      header #infoBox .blue-border:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: ' ';
        clear: both;
        height: 0; }
      header #infoBox .blue-border a {
        border: 1px solid #278fcf;
        float: left;
        padding: 5px 14px 4px;
        text-transform: uppercase;
        line-height: 14px; }
        header #infoBox .blue-border a.last {
          border-left: none; }
    @media only screen and (max-width: 999px) {
      header #infoBox {
        right: 25px;
        top: 7px; }
        header #infoBox .blue-border {
          display: none; }
        header #infoBox .phone p, header #infoBox .phone a {
          color: #fff; } }

#wrapper > .orangeBg {
  width: 100%;
  float: left;
  margin-bottom: 15px; }
#wrapper #teamImg {
  width: 100%;
  position: relative;
  overflow: hidden;
  -webkit-box-shadow: 0px 2px 4px #175479;
  -moz-box-shadow: 0px 2px 4px #175479;
  box-shadow: 0px 2px 4px #175479;
  behavior: url(http://www.orangegenie.com/frontend/css/pie.htc);
  *zoom: 1;
  *position: relative;
  -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.38);
  -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.38);
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.38);
  behavior: url(http://www.orangegenie.com/frontend/css/pie.htc);
  *zoom: 1;
  *position: relative; }
  #wrapper #teamImg img {
    max-width: none;
    display: block; }
  @media only screen and (max-width: 999px) {
    #wrapper #teamImg {
      height: 62px; }
      #wrapper #teamImg img {
        height: 62px; } }
#wrapper #homeMain {
  clear: both;
  background: #278fcf;
  padding: 35px 0;
  /*        blockquote, blockquote p, .about-hold blockquote p{
              font-size: 30px;
              font-style: italic;
              letter-spacing: 1px;
              line-height: 32px;
          }*/
  /*        .about-hold{
              $gridColumn: 1; $gridGutter: 1.8; $gridMargin: left;
              @include row;
              padding:35px 0 35px;
             
              p{
                  font-size: 16px;
                  line-height: 17px;
              }
              section{
                  @include column(6);
                  &.left{
                      margin-left:0;
                  }
              }
          }*/ }
  #wrapper #homeMain .wrap > p, #wrapper #homeMain .wrap #node-181 .field-item > p, #wrapper #homeMain .wrap #node-19 .field-item > p {
    font-size: 18px;
    line-height: 22px; }
  #wrapper #homeMain h1, #wrapper #homeMain h2, #wrapper #homeMain h3, #wrapper #homeMain p, #wrapper #homeMain li, #wrapper #homeMain a {
    color: #fff; }
  #wrapper #homeMain .hold {
    width: auto; }
    #wrapper #homeMain .hold:after {
      visibility: hidden;
      display: block;
      font-size: 0;
      content: ' ';
      clear: both;
      height: 0; }
    #wrapper #homeMain .hold h1, #wrapper #homeMain .hold h2 {
      font-size: 50px;
      line-height: 52px;
      font-family: "loveloblack", "Helvetica Neue", Helvetica, Arial, sans-serif;
      margin-bottom: 12px; }
      @media only screen and (max-width: 999px) {
        #wrapper #homeMain .hold h1, #wrapper #homeMain .hold h2 {
          font-size: 37px;
          line-height: 40px; } }
      @media only screen and (max-width: 660px) {
        #wrapper #homeMain .hold h1, #wrapper #homeMain .hold h2 {
          font-size: 25px;
          line-height: 28px; } }
    #wrapper #homeMain .hold p {
      font-size: 18px;
      line-height: 22px;
      margin-bottom: 27px; }
      #wrapper #homeMain .hold p a {
        background: none repeat scroll 0 0 #FFFFFF;
        padding: 10px 18px;
        text-transform: uppercase;
        font-family: "loveloblack", "Helvetica Neue", Helvetica, Arial, sans-serif;
        float: left;
        font-size: 22px;
        line-height: 22px;
        color: #278fcf; }
        #wrapper #homeMain .hold p a:hover {
          color: #f17726; }
      @media only screen and (max-width: 999px) {
        #wrapper #homeMain .hold p {
          font-size: 15px;
          line-height: 18px; }
          #wrapper #homeMain .hold p a {
            font-size: 18px;
            line-height: 19px; } }
    #wrapper #homeMain .hold .left {
      width: 47%;
      float: left; }
      #wrapper #homeMain .hold .left h1, #wrapper #homeMain .hold .left p {
        padding-right: 10%; }
      @media only screen and (max-width: 660px) {
        #wrapper #homeMain .hold .left {
          width: 100%;
          border-bottom: 1px solid #fff;
          margin-bottom: 20px;
          padding-bottom: 30px; }
          #wrapper #homeMain .hold .left h1, #wrapper #homeMain .hold .left p {
            padding: 0; } }
    #wrapper #homeMain .hold .right {
      width: 48%;
      border-left: 1px solid #fff;
      float: right;
      margin-right: 2%; }
      #wrapper #homeMain .hold .right h2, #wrapper #homeMain .hold .right p {
        padding-left: 12.5%; }
      @media only screen and (max-width: 660px) {
        #wrapper #homeMain .hold .right {
          width: 100%;
          border: none;
          margin: 0; }
          #wrapper #homeMain .hold .right h2, #wrapper #homeMain .hold .right p {
            padding: 0; } }
    #wrapper #homeMain .hold.bxslider {
      text-align: center; }
      #wrapper #homeMain .hold.bxslider p {
        text-align: center; }
        #wrapper #homeMain .hold.bxslider p a {
          float: none; }
  #wrapper #homeMain #fullAccordion h2 {
    margin: 35px 0 38px 0; }
  #wrapper #homeMain #fullAccordion .accordion {
    padding-bottom: 35px; }
    #wrapper #homeMain #fullAccordion .accordion .acc_head {
      background: none repeat scroll 0 0 #D2E3EF;
      margin-bottom: 12px;
      padding: 15px 20px; }
      #wrapper #homeMain #fullAccordion .accordion .acc_head h3 {
        margin: 0;
        color: #278fcf;
        font-size: 18px;
        font-weight: bold;
        width: 94%; }
      #wrapper #homeMain #fullAccordion .accordion .acc_head .acc_icon_expand {
        top: 6px;
        color: #278fcf; }
        #wrapper #homeMain #fullAccordion .accordion .acc_head .acc_icon_expand:before {
          top: 12px; }
    #wrapper #homeMain #fullAccordion .accordion .acc_content {
      margin: 26px 22px 45px 22px;
      font-size: 16px;
      line-height: 18.5px;
      color: #fff; }
      #wrapper #homeMain #fullAccordion .accordion .acc_content p, #wrapper #homeMain #fullAccordion .accordion .acc_content .field-content {
        font-size: 16px;
        line-height: 18.5px;
        color: #fff; }
  #wrapper #homeMain #video {
    width: auto;
    width: 100%;
    padding-top: 15px; }
    #wrapper #homeMain #video:after {
      visibility: hidden;
      display: block;
      font-size: 0;
      content: ' ';
      clear: both;
      height: 0; }
    #wrapper #homeMain #video section {
      width: 32%;
      margin-right: 2%;
      float: left;
      margin-bottom: 15px; }
      @media only screen and (max-width: 660px) {
        #wrapper #homeMain #video section {
          width: 48%; } }
      @media only screen and (max-width: 660px) {
        #wrapper #homeMain #video section {
          width: 100%;
          margin-right: 0 !important; } }
      #wrapper #homeMain #video section h3 {
        font-size: 18px;
        font-weight: bold;
        min-height: 44px;
        margin-bottom: 7px;
        line-height: 20px; }
        @media only screen and (max-width: 660px) {
          #wrapper #homeMain #video section h3 {
            min-height: 0; } }
      #wrapper #homeMain #video section.noMargin {
        margin-right: 0 !important; }
      #wrapper #homeMain #video section > div {
        display: block; }
      #wrapper #homeMain #video section .file {
        padding-bottom: 5px;
        position: relative; }
        #wrapper #homeMain #video section .file span {
          color: #fff;
          font-size: 75px;
          position: absolute;
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=84)";
          filter: alpha(opacity=84);
          -moz-opacity: 0.84;
          -khtml-opacity: 0.84;
          opacity: 0.84;
          z-index: 99; }
    #wrapper #homeMain #video .row {
      position: relative;
      width: auto;
      margin-bottom: 15px; }
      #wrapper #homeMain #video .row:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: ' ';
        clear: both;
        height: 0; }
  #wrapper #homeMain.sites {
    height: 420px;
    padding: 35px 0 22px; }
    @media only screen and (max-width: 660px) {
      #wrapper #homeMain.sites {
        height: 390px;
        padding: 10px 0 15px; } }
    #wrapper #homeMain.sites .bx-wrapper {
      margin: 0; }
      #wrapper #homeMain.sites .bx-wrapper h1, #wrapper #homeMain.sites .bx-wrapper h2 {
        margin-bottom: 20px; }
      #wrapper #homeMain.sites .bx-wrapper p {
        margin-bottom: 40px; }
        #wrapper #homeMain.sites .bx-wrapper p a {
          padding: 10px 25px; }
      #wrapper #homeMain.sites .bx-wrapper .bx-viewport {
        overflow: hidden;
        position: relative;
        height: 362px !important;
        padding: 0; }
        #wrapper #homeMain.sites .bx-wrapper .bx-viewport .item > div {
          display: table;
          height: 362px;
          max-width: 839px;
          margin: 0 auto; }
          #wrapper #homeMain.sites .bx-wrapper .bx-viewport .item > div > div {
            display: table-cell;
            vertical-align: middle; }
        @media only screen and (max-width: 660px) {
          #wrapper #homeMain.sites .bx-wrapper .bx-viewport {
            padding: 0; } }
      #wrapper #homeMain.sites .bx-wrapper .bx-controls {
        width: 100%;
        bottom: 0px; }
#wrapper > .content {
  background: url("../img/clouds.jpg") repeat-y 0 0 transparent;
  padding-top: 42px; }
  #wrapper > .content h2 {
    overflow: hidden;
    text-align: center; }
  #wrapper > .content .innerBanner {
    background: none repeat scroll 0 0 #fff;
    padding-bottom: 20px; }
  #wrapper > .content #logos {
    margin-bottom: 75px;
    float: left;
    width: 100%; }
    #wrapper > .content #logos:after {
      visibility: hidden;
      display: block;
      font-size: 0;
      content: ' ';
      clear: both;
      height: 0; }
    @media only screen and (max-width: 660px) {
      #wrapper > .content #logos {
        margin-bottom: 35px; } }
    #wrapper > .content #logos .logosList {
      background: none repeat scroll 0 0 #FFFFFF;
      border-left: 2px solid #f17726;
      border-right: 2px solid #f17726;
      float: left;
      padding: 20px 35px 15px 22px;
      width: 100%; }
      @media only screen and (max-width: 999px) {
        #wrapper > .content #logos .logosList {
          padding: 20px 20px 15px 20px; } }
      #wrapper > .content #logos .logosList ul {
        margin: 0; }
        #wrapper > .content #logos .logosList ul li {
          list-style: none;
          padding-left: 40px;
          text-align: center;
          float: left; }
          @media only screen and (max-width: 999px) {
            #wrapper > .content #logos .logosList ul li {
              padding-left: 0px; } }
          #wrapper > .content #logos .logosList ul li:first-child {
            padding-left: 0; }
      @media only screen and (max-width: 999px) {
        #wrapper > .content #logos .logosList .bx-viewport {
          margin: 0 15px; } }
      #wrapper > .content #logos .logosList .bx-controls {
        position: relative; }
        #wrapper > .content #logos .logosList .bx-controls .bx-prev, #wrapper > .content #logos .logosList .bx-controls .bx-next {
          position: absolute;
          margin: 0;
          top: 14px; }
          #wrapper > .content #logos .logosList .bx-controls .bx-prev i, #wrapper > .content #logos .logosList .bx-controls .bx-next i {
            color: #f17726;
            font-size: 12px; }
        #wrapper > .content #logos .logosList .bx-controls .bx-prev {
          left: -14px; }
        #wrapper > .content #logos .logosList .bx-controls .bx-next {
          right: -14px; }
  #wrapper > .content #tweetFAQ {
    display: block;
    width: 100%;
    width: auto;
    padding-bottom: 50px; }
    #wrapper > .content #tweetFAQ:after {
      visibility: hidden;
      display: block;
      font-size: 0;
      content: ' ';
      clear: both;
      height: 0; }
    @media only screen and (max-width: 999px) {
      #wrapper > .content #tweetFAQ {
        margin: 0 25px; } }
    @media only screen and (max-width: 660px) {
      #wrapper > .content #tweetFAQ {
        padding-bottom: 35px;
        margin: 0 10px; } }
    #wrapper > .content #tweetFAQ h3 {
      font-size: 24px;
      margin-bottom: 10px; }
      @media only screen and (max-width: 660px) {
        #wrapper > .content #tweetFAQ h3 {
          font-size: 20px; } }
    #wrapper > .content #tweetFAQ section article {
      border-bottom: 1px dotted #999;
      margin-bottom: 15px; }
      #wrapper > .content #tweetFAQ section article p {
        margin-bottom: 15px; }
      #wrapper > .content #tweetFAQ section article.last {
        border-bottom: none; }
    #wrapper > .content #tweetFAQ .latestTweets {
      float: left;
      width: 43.52941%;
      *width: 43.52936%;
      margin-left: 5.88235%;
      *margin-left: 5.8823%;
      margin-right: 0; }
      #wrapper > .content #tweetFAQ .latestTweets:first-child {
        margin-left: 0;
        *margin-left: 0; }
      @media only screen and (max-width: 660px) {
        #wrapper > .content #tweetFAQ .latestTweets {
          float: none;
          width: 100%;
          margin-left: 0;
          margin-right: 0;
          margin-bottom: 35px; } }
      #wrapper > .content #tweetFAQ .latestTweets h3 {
        text-transform: uppercase; }
      #wrapper > .content #tweetFAQ .latestTweets h4 {
        font-weight: bold;
        font-size: 14px;
        text-transform: none;
        margin-bottom: 2px; }
    #wrapper > .content #tweetFAQ .faq {
      float: left;
      width: 50.58824%;
      *width: 50.58819%;
      margin-left: 5.88235%;
      *margin-left: 5.8823%;
      margin-right: 0; }
      #wrapper > .content #tweetFAQ .faq:first-child {
        margin-left: 0;
        *margin-left: 0; }
      @media only screen and (max-width: 660px) {
        #wrapper > .content #tweetFAQ .faq {
          float: none;
          width: 100%;
          margin-left: 0;
          margin-right: 0; } }
      #wrapper > .content #tweetFAQ .faq ul {
        margin: 0; }
        #wrapper > .content #tweetFAQ .faq ul li {
          list-style: none; }
          #wrapper > .content #tweetFAQ .faq ul li .Faq-box {
            position: relative; }
            #wrapper > .content #tweetFAQ .faq ul li .Faq-box .item {
              padding: 30px 75px 30px 30px;
              background-color: #278FCF;
              min-height: 140px; }
              #wrapper > .content #tweetFAQ .faq ul li .Faq-box .item p {
                font-size: 18px;
                line-height: 26px;
                color: #fff;
                margin: 0; }
              @media only screen and (max-width: 999px) {
                #wrapper > .content #tweetFAQ .faq ul li .Faq-box .item {
                  padding: 20px;
                  min-height: 115px; }
                  #wrapper > .content #tweetFAQ .faq ul li .Faq-box .item p {
                    font-size: 16px;
                    line-height: 22px; } }
            #wrapper > .content #tweetFAQ .faq ul li .Faq-box > span.arrow {
              background: url("../img/sprite.png") no-repeat scroll 65px -129px transparent;
              height: 33px;
              position: absolute;
              width: 100%;
              bottom: -33px; }
            #wrapper > .content #tweetFAQ .faq ul li .Faq-box > span.corner {
              background: url("../img/corner.png") no-repeat scroll 0 0 #e7edf4;
              bottom: 0px;
              height: 27px;
              position: absolute;
              right: -1px;
              width: 33px; }
          #wrapper > .content #tweetFAQ .faq ul li .author {
            margin-top: 33px; }
            #wrapper > .content #tweetFAQ .faq ul li .author h5 {
              color: #17a4e9;
              font-size: 18px;
              margin-bottom: 2px; }
            #wrapper > .content #tweetFAQ .faq ul li .author p {
              font-size: 12px; }
          @media only screen and (max-width: 660px) {
            #wrapper > .content #tweetFAQ .faq ul li {
              width: 100% !important; }
              #wrapper > .content #tweetFAQ .faq ul li .Faq-box > span.corner {
                display: none; } }
      #wrapper > .content #tweetFAQ .faq .bx-controls {
        z-index: 9999; }
    @media only screen and (max-width: 660px) {
      #wrapper > .content #tweetFAQ {
        margin: 0 10px; } }
  #wrapper > .content #sectors {
    padding-bottom: 55px;
    clear: both; }
    #wrapper > .content #sectors .sectorsList {
      display: block;
      width: 100%;
      width: auto;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=78)";
      filter: alpha(opacity=78);
      -moz-opacity: 0.78;
      -khtml-opacity: 0.78;
      opacity: 0.78; }
      #wrapper > .content #sectors .sectorsList:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: ' ';
        clear: both;
        height: 0; }
      #wrapper > .content #sectors .sectorsList section {
        float: left;
        width: 25%;
        *width: 24.99995%;
        margin-left: 0%;
        *margin-left: -5.0e-05%;
        margin-right: 0;
        border-left: 1px solid #f17726;
        border-top: 1px solid #f17726;
        border-bottom: 1px solid #f17726;
        position: relative; }
        #wrapper > .content #sectors .sectorsList section:first-child {
          margin-left: 0;
          *margin-left: 0; }
        #wrapper > .content #sectors .sectorsList section.col4 {
          border-right: 1px solid #f17726; }
        @media only screen and (max-width: 999px) {
          #wrapper > .content #sectors .sectorsList section {
            float: left;
            width: 50%;
            *width: 49.99995%;
            margin-left: 0%;
            *margin-left: -5.0e-05%;
            margin-right: 0; }
            #wrapper > .content #sectors .sectorsList section:first-child {
              margin-left: 0;
              *margin-left: 0; }
            #wrapper > .content #sectors .sectorsList section.col1 {
              border-bottom: none; }
            #wrapper > .content #sectors .sectorsList section.col2 {
              border-bottom: none;
              border-right: 1px solid #f17726; } }
        @media only screen and (max-width: 660px) {
          #wrapper > .content #sectors .sectorsList section {
            float: none;
            width: 100%;
            margin-left: 0;
            margin-right: 0; }
            #wrapper > .content #sectors .sectorsList section.col1, #wrapper > .content #sectors .sectorsList section.col2, #wrapper > .content #sectors .sectorsList section.col3, #wrapper > .content #sectors .sectorsList section.col4 {
              border-right: none;
              border-left: none; }
            #wrapper > .content #sectors .sectorsList section.col4 {
              border-top: none; } }
        #wrapper > .content #sectors .sectorsList section a {
          display: block;
          padding: 15px 10px;
          min-height: 188px; }
          @media only screen and (max-width: 999px) {
            #wrapper > .content #sectors .sectorsList section a {
              padding: 15px 24px; } }
          @media only screen and (max-width: 660px) {
            #wrapper > .content #sectors .sectorsList section a {
              padding: 15px 10px; } }
          #wrapper > .content #sectors .sectorsList section a:hover {
            background: #f17726; }
            #wrapper > .content #sectors .sectorsList section a:hover h3, #wrapper > .content #sectors .sectorsList section a:hover .more {
              color: #fff; }
            #wrapper > .content #sectors .sectorsList section a:hover .home-icons {
              -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=19)";
              filter: alpha(opacity=19);
              -moz-opacity: 0.19;
              -khtml-opacity: 0.19;
              opacity: 0.19; }
          #wrapper > .content #sectors .sectorsList section a h3 {
            font-size: 24px;
            color: #f17726;
            font-family: "loveloblack", "Helvetica Neue", Helvetica, Arial, sans-serif;
            line-height: 30px; }
            @media only screen and (max-width: 660px) {
              #wrapper > .content #sectors .sectorsList section a h3 {
                font-size: 22px;
                line-height: 26px; } }
          #wrapper > .content #sectors .sectorsList section a .home-icons {
            height: 122px;
            position: absolute;
            top: 23%;
            width: 87%;
            z-index: 99;
            text-align: center;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
            filter: alpha(opacity=10);
            -moz-opacity: 0.1;
            -khtml-opacity: 0.1;
            opacity: 0.1; }
            #wrapper > .content #sectors .sectorsList section a .home-icons i {
              font-size: 98px;
              color: #6c6c6c; }
          #wrapper > .content #sectors .sectorsList section a .more {
            bottom: 27px;
            position: absolute;
            right: 10px;
            color: #f17726;
            font-family: "myriad", Helvetica, Arial, sans-serif;
            font-size: 14px;
            text-transform: uppercase;
            padding-right: 50px;
            width: 150px;
            text-align: right; }
            #wrapper > .content #sectors .sectorsList section a .more i {
              border-left: 1px dotted;
              font-size: 30px;
              padding: 4px 0 4px 0;
              position: absolute;
              top: -10px;
              right: 0;
              bottom: auto;
              left: auto; }
          @media only screen and (max-width: 999px) {
            #wrapper > .content #sectors .sectorsList section a .home-icons {
              right: 15px;
              top: 20px;
              width: auto; }
              #wrapper > .content #sectors .sectorsList section a .home-icons i {
                font-size: 70px; } }
  #wrapper > .content #goals {
    display: block;
    width: 100%;
    width: auto;
    margin-bottom: 54px; }
    #wrapper > .content #goals:after {
      visibility: hidden;
      display: block;
      font-size: 0;
      content: ' ';
      clear: both;
      height: 0; }
    #wrapper > .content #goals h2 {
      color: #f17726;
      text-transform: none;
      margin-bottom: 54px; }
    #wrapper > .content #goals .goalList div {
      float: left;
      width: 31.42857%;
      *width: 31.42852%;
      margin-left: 2.85714%;
      *margin-left: 2.85709%;
      margin-right: 0;
      border: 1px solid #f17726;
      min-height: 450px; }
      #wrapper > .content #goals .goalList div:first-child {
        margin-left: 0;
        *margin-left: 0; }
      @media only screen and (max-width: 660px) {
        #wrapper > .content #goals .goalList div {
          float: none;
          width: 100%;
          margin-left: 0;
          margin-right: 0; } }
      #wrapper > .content #goals .goalList div h3, #wrapper > .content #goals .goalList div h4, #wrapper > .content #goals .goalList div p {
        text-align: center; }
      #wrapper > .content #goals .goalList div h3, #wrapper > .content #goals .goalList div h4 {
        font-family: "loveloblack", "Helvetica Neue", Helvetica, Arial, sans-serif;
        padding: 0 45px; }
      #wrapper > .content #goals .goalList div h3 {
        background: #f17726;
        color: #fff;
        font-size: 32px;
        padding: 15px 0; }
      #wrapper > .content #goals .goalList div h4 {
        color: #f17726;
        font-size: 24px;
        line-height: 26px; }
      #wrapper > .content #goals .goalList div p {
        font-size: 16px;
        color: #717171;
        padding: 0 22px; }
  #wrapper > .content #types {
    float: left;
    margin-bottom: 45px; }
    #wrapper > .content #types .type {
      width: 49.7%;
      margin-bottom: 5px;
      position: relative; }
      #wrapper > .content #types .type h2, #wrapper > .content #types .type li, #wrapper > .content #types .type p, #wrapper > .content #types .type i {
        color: #fff;
        text-align: left; }
      #wrapper > .content #types .type:nth-child(odd) {
        float: left;
        margin-right: 0.3%; }
      #wrapper > .content #types .type:nth-child(even) {
        float: right; }
      #wrapper > .content #types .type a {
        display: block;
        min-height: 246px;
        padding: 54px 30px;
        background: #278fcf;
        border: 1px solid #278fcf; }
        @media only screen and (max-width: 999px) {
          #wrapper > .content #types .type a {
            min-height: 260px; } }
        @media only screen and (max-width: 660px) {
          #wrapper > .content #types .type a {
            min-height: 0; } }
        #wrapper > .content #types .type a ul {
          margin: 0 0 10px 0; }
          #wrapper > .content #types .type a ul li {
            font-size: 16px;
            line-height: 18.5px;
            list-style: none outside none;
            padding-left: 15px;
            background: url("../img/sprite.png") no-repeat scroll 0px -356px transparent; }
        #wrapper > .content #types .type a .more {
          bottom: 10px;
          position: absolute;
          right: 10px; }
          #wrapper > .content #types .type a .more i {
            border-left: 1px dotted;
            font-size: 22px;
            margin-left: 30px;
            padding-bottom: 10px;
            padding-left: 10px;
            padding-top: 10px;
            top: -5px;
            position: relative; }
        #wrapper > .content #types .type a:hover {
          background: none;
          border: 1px solid #f17726; }
          #wrapper > .content #types .type a:hover h2, #wrapper > .content #types .type a:hover li, #wrapper > .content #types .type a:hover p, #wrapper > .content #types .type a:hover i {
            color: #f17726; }
          #wrapper > .content #types .type a:hover li {
            background: url("../img/sprite.png") no-repeat scroll 0px -268px transparent; }
      @media only screen and (max-width: 767px) {
        #wrapper > .content #types .type {
          width: 100%; }
          #wrapper > .content #types .type:nth-child(odd) {
            margin-right: 0; } }
    #wrapper > .content #types.signUp .type a {
      min-height: 0;
      padding: 37px 30px 16px; }
      @media only screen and (max-width: 999px) {
        #wrapper > .content #types.signUp .type a {
          padding: 37px 25px 16px; } }
      @media only screen and (max-width: 660px) {
        #wrapper > .content #types.signUp .type a {
          padding: 37px 10px 16px; } }
    @media only screen and (max-width: 660px) {
      #wrapper > .content #types {
        margin-bottom: 35px; } }
  #wrapper > .content #gs-tab > h2 {
    margin-top: 38px;
    margin-bottom: 26px; }
  #wrapper > .content #gs-tab > p {
    font-size: 18px; }
    @media only screen and (max-width: 999px) {
      #wrapper > .content #gs-tab > p {
        margin: 0 25px; } }
    @media only screen and (max-width: 660px) {
      #wrapper > .content #gs-tab > p {
        margin: 0 10px; } }
  #wrapper > .content #gs-tab #tab-container {
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 5px solid #999999;
    margin-bottom: 50px; }
    @media only screen and (max-width: 768px) {
      #wrapper > .content #gs-tab #tab-container {
        border: none;
        margin-bottom: 35px; } }
    #wrapper > .content #gs-tab #tab-container > ul {
      float: left;
      margin: 0 0 38px;
      width: 100%; }
      #wrapper > .content #gs-tab #tab-container > ul li {
        display: table;
        float: left;
        list-style: none outside none;
        padding-bottom: 12px;
        padding-left: 0;
        position: relative;
        width: auto;
        white-space: nowrap;
        background: url("../img/sprite.png") no-repeat scroll right -438px transparent; }
        @media only screen and (max-width: 660px) {
          #wrapper > .content #gs-tab #tab-container > ul li {
            background: none;
            width: 100%;
            text-align: center; } }
        #wrapper > .content #gs-tab #tab-container > ul li a {
          display: table-cell;
          font-size: 16px;
          line-height: 18.5px;
          vertical-align: middle;
          padding: 10px 23px;
          text-transform: uppercase;
          color: #999; }
          @media only screen and (max-width: 660px) {
            #wrapper > .content #gs-tab #tab-container > ul li a br {
              display: none; } }
        #wrapper > .content #gs-tab #tab-container > ul li.active a, #wrapper > .content #gs-tab #tab-container > ul li a:hover, #wrapper > .content #gs-tab #tab-container > ul li:hover a {
          background-color: #999;
          color: #FFFFFF; }
        #wrapper > .content #gs-tab #tab-container > ul li.active, #wrapper > .content #gs-tab #tab-container > ul li:hover {
          background: url("../img/down-arrow.png") no-repeat scroll center bottom transparent !important;
          margin-left: -1px;
          padding-right: 1px; }
        #wrapper > .content #gs-tab #tab-container > ul li.last {
          background: none; }
    #wrapper > .content #gs-tab #tab-container > div {
      padding: 0 32px; }
      @media only screen and (max-width: 999px) {
        #wrapper > .content #gs-tab #tab-container > div {
          padding: 0 25px; } }
      @media only screen and (max-width: 660px) {
        #wrapper > .content #gs-tab #tab-container > div {
          padding: 0 10px; } }
      #wrapper > .content #gs-tab #tab-container > div .twoColumn p {
        font-size: 16px;
        line-height: 18.5px; }
  #wrapper > .content #blog, #wrapper > .content #whiteBg-blueBorder {
    display: block;
    width: 100%;
    width: auto;
    background: #fff;
    border-bottom: 10px solid #278fcf;
    margin-bottom: 35px; }
    #wrapper > .content #blog:after, #wrapper > .content #whiteBg-blueBorder:after {
      visibility: hidden;
      display: block;
      font-size: 0;
      content: ' ';
      clear: both;
      height: 0; }
    #wrapper > .content #blog h2, #wrapper > .content #blog h3, #wrapper > .content #blog h4, #wrapper > .content #blog h2 > a, #wrapper > .content #whiteBg-blueBorder h2, #wrapper > .content #whiteBg-blueBorder h3, #wrapper > .content #whiteBg-blueBorder h4, #wrapper > .content #whiteBg-blueBorder h2 > a {
      color: #278fcf; }
    #wrapper > .content #blog h2, #wrapper > .content #blog h3, #wrapper > .content #whiteBg-blueBorder h2, #wrapper > .content #whiteBg-blueBorder h3 {
      font-size: 18px; }
    #wrapper > .content #blog h2, #wrapper > .content #whiteBg-blueBorder h2 {
      font-family: "loveloblack", "Helvetica Neue", Helvetica, Arial, sans-serif; }
    #wrapper > .content #blog h3, #wrapper > .content #whiteBg-blueBorder h3 {
      margin-bottom: 10px;
      font-weight: bold; }
    #wrapper > .content #blog h4, #wrapper > .content #whiteBg-blueBorder h4 {
      font-size: 14px; }
      #wrapper > .content #blog h4 span, #wrapper > .content #whiteBg-blueBorder h4 span {
        padding-left: 20px; }
    #wrapper > .content #blog p, #wrapper > .content #blog li, #wrapper > .content #whiteBg-blueBorder p, #wrapper > .content #whiteBg-blueBorder li {
      color: #535255; }
    #wrapper > .content #blog ul, #wrapper > .content #blog ol, #wrapper > .content #whiteBg-blueBorder ul, #wrapper > .content #whiteBg-blueBorder ol {
      margin: 0 0 20px 0; }
    #wrapper > .content #blog ul li, #wrapper > .content #whiteBg-blueBorder ul li {
      list-style: none;
      background: url("../img/sprite.png") no-repeat scroll 0 -496px transparent;
      padding-left: 15px;
      padding-bottom: 14px; }
    #wrapper > .content #blog ol li, #wrapper > .content #whiteBg-blueBorder ol li {
      list-style: none;
      background: #f17726;
      color: #fff;
      margin-bottom: 6px;
      padding: 8px 20px 8px 12px; }
      #wrapper > .content #blog ol li a, #wrapper > .content #whiteBg-blueBorder ol li a {
        color: #fff;
        text-decoration: underline; }
    #wrapper > .content #blog .orangeBorderList li, #wrapper > .content #whiteBg-blueBorder .orangeBorderList li {
      background: none;
      border: 1px solid #f17726;
      padding: 8px 20px 8px 12px;
      color: #f17726;
      margin-bottom: 7px; }
    #wrapper > .content #blog .links, #wrapper > .content #whiteBg-blueBorder .links {
      margin-bottom: 20px; }
      #wrapper > .content #blog .links span, #wrapper > .content #whiteBg-blueBorder .links span {
        font-size: 12px; }
        #wrapper > .content #blog .links span.postedDate, #wrapper > .content #blog .links span.comments, #wrapper > .content #whiteBg-blueBorder .links span.postedDate, #wrapper > .content #whiteBg-blueBorder .links span.comments {
          background-image: url("../img/sprite.png");
          background-repeat: no-repeat;
          background-color: transparent;
          padding: 5px 0 5px 30px;
          margin-right: 20px; }
        #wrapper > .content #blog .links span.og, #wrapper > .content #whiteBg-blueBorder .links span.og {
          background-position: 0 -786px; }
        #wrapper > .content #blog .links span.accountancy, #wrapper > .content #whiteBg-blueBorder .links span.accountancy {
          background-position: 0 -833px; }
        #wrapper > .content #blog .links span.umbrella, #wrapper > .content #whiteBg-blueBorder .links span.umbrella {
          background-position: 0 -877px; }
        #wrapper > .content #blog .links span.education, #wrapper > .content #whiteBg-blueBorder .links span.education {
          background-position: 0 -918px; }
        #wrapper > .content #blog .links span.comments, #wrapper > .content #whiteBg-blueBorder .links span.comments {
          background-position: 0 -750px; }
          #wrapper > .content #blog .links span.comments a, #wrapper > .content #whiteBg-blueBorder .links span.comments a {
            color: #535255; }
        #wrapper > .content #blog .links span.readmore, #wrapper > .content #whiteBg-blueBorder .links span.readmore {
          float: right;
          font-size: 15px; }
          #wrapper > .content #blog .links span.readmore a, #wrapper > .content #whiteBg-blueBorder .links span.readmore a {
            color: #f17726;
            text-decoration: underline; }
        @media only screen and (max-width: 660px) {
          #wrapper > .content #blog .links span, #wrapper > .content #whiteBg-blueBorder .links span {
            display: block; } }
    #wrapper > .content #blog section.leftColumn, #wrapper > .content #whiteBg-blueBorder section.leftColumn {
      float: left;
      width: 64.70588%;
      *width: 64.70583%;
      margin-left: 5.88235%;
      *margin-left: 5.8823%;
      margin-right: 0; }
      #wrapper > .content #blog section.leftColumn:first-child, #wrapper > .content #whiteBg-blueBorder section.leftColumn:first-child {
        margin-left: 0;
        *margin-left: 0; }
      @media only screen and (max-width: 999px) {
        #wrapper > .content #blog section.leftColumn, #wrapper > .content #whiteBg-blueBorder section.leftColumn {
          float: none;
          width: 100%;
          margin-left: 0;
          margin-right: 0;
          margin-bottom: 35px; } }
      #wrapper > .content #blog section.leftColumn #blogList, #wrapper > .content #whiteBg-blueBorder section.leftColumn #blogList {
        float: left;
        width: 100%; }
        #wrapper > .content #blog section.leftColumn #blogList p, #wrapper > .content #whiteBg-blueBorder section.leftColumn #blogList p {
          margin-bottom: 25px; }
        #wrapper > .content #blog section.leftColumn #blogList .blogItem, #wrapper > .content #whiteBg-blueBorder section.leftColumn #blogList .blogItem {
          border-bottom: 1px solid #0b81c9;
          margin-bottom: 30px; }
      #wrapper > .content #blog section.leftColumn #blogSingle, #wrapper > .content #blog section.leftColumn .commentsList .list, #wrapper > .content #whiteBg-blueBorder section.leftColumn #blogSingle, #wrapper > .content #whiteBg-blueBorder section.leftColumn .commentsList .list {
        border-bottom: 1px solid #0b81c9;
        margin-bottom: 20px; }
      #wrapper > .content #blog section.leftColumn #social, #wrapper > .content #whiteBg-blueBorder section.leftColumn #social {
        margin-bottom: 20px; }
      #wrapper > .content #blog section.leftColumn #commentForm, #wrapper > .content #whiteBg-blueBorder section.leftColumn #commentForm {
        border: 1px solid #0b81c9;
        padding: 20px;
        margin-bottom: 35px;
        display: block;
        width: 100%;
        width: auto; }
        #wrapper > .content #blog section.leftColumn #commentForm:after, #wrapper > .content #whiteBg-blueBorder section.leftColumn #commentForm:after {
          visibility: hidden;
          display: block;
          font-size: 0;
          content: ' ';
          clear: both;
          height: 0; }
        #wrapper > .content #blog section.leftColumn #commentForm > div.commentTitle, #wrapper > .content #whiteBg-blueBorder section.leftColumn #commentForm > div.commentTitle {
          float: left;
          width: 29.41176%;
          *width: 29.41171%;
          margin-left: 5.88235%;
          *margin-left: 5.8823%;
          margin-right: 0; }
          #wrapper > .content #blog section.leftColumn #commentForm > div.commentTitle:first-child, #wrapper > .content #whiteBg-blueBorder section.leftColumn #commentForm > div.commentTitle:first-child {
            margin-left: 0;
            *margin-left: 0; }
          @media only screen and (max-width: 660px) {
            #wrapper > .content #blog section.leftColumn #commentForm > div.commentTitle, #wrapper > .content #whiteBg-blueBorder section.leftColumn #commentForm > div.commentTitle {
              float: none;
              width: 100%;
              margin-left: 0;
              margin-right: 0; } }
        #wrapper > .content #blog section.leftColumn #commentForm > div.comment-form, #wrapper > .content #whiteBg-blueBorder section.leftColumn #commentForm > div.comment-form {
          float: left;
          width: 64.70588%;
          *width: 64.70583%;
          margin-left: 5.88235%;
          *margin-left: 5.8823%;
          margin-right: 0; }
          #wrapper > .content #blog section.leftColumn #commentForm > div.comment-form:first-child, #wrapper > .content #whiteBg-blueBorder section.leftColumn #commentForm > div.comment-form:first-child {
            margin-left: 0;
            *margin-left: 0; }
          @media only screen and (max-width: 660px) {
            #wrapper > .content #blog section.leftColumn #commentForm > div.comment-form, #wrapper > .content #whiteBg-blueBorder section.leftColumn #commentForm > div.comment-form {
              float: none;
              width: 100%;
              margin-left: 0;
              margin-right: 0; } }
      #wrapper > .content #blog section.leftColumn .commentsList .list.last, #wrapper > .content #whiteBg-blueBorder section.leftColumn .commentsList .list.last {
        border: none; }
    #wrapper > .content #blog section.rightColumn, #wrapper > .content #whiteBg-blueBorder section.rightColumn {
      float: left;
      width: 29.41176%;
      *width: 29.41171%;
      margin-left: 5.88235%;
      *margin-left: 5.8823%;
      margin-right: 0; }
      #wrapper > .content #blog section.rightColumn:first-child, #wrapper > .content #whiteBg-blueBorder section.rightColumn:first-child {
        margin-left: 0;
        *margin-left: 0; }
      @media only screen and (max-width: 999px) {
        #wrapper > .content #blog section.rightColumn, #wrapper > .content #whiteBg-blueBorder section.rightColumn {
          float: none;
          width: 100%;
          margin-left: 0;
          margin-right: 0; } }
      #wrapper > .content #blog section.rightColumn > div li a, #wrapper > .content #whiteBg-blueBorder section.rightColumn > div li a {
        color: #535255; }
      #wrapper > .content #blog section.rightColumn > div.blogCat, #wrapper > .content #whiteBg-blueBorder section.rightColumn > div.blogCat {
        margin-bottom: 48px; }
        #wrapper > .content #blog section.rightColumn > div.blogCat li, #wrapper > .content #whiteBg-blueBorder section.rightColumn > div.blogCat li {
          padding-bottom: 0px; }
      #wrapper > .content #blog section.rightColumn > div.recent, #wrapper > .content #whiteBg-blueBorder section.rightColumn > div.recent {
        margin-bottom: 40px; }
  #wrapper > .content #blog {
    padding: 68px 50px 45px; }
    #wrapper > .content #blog input[type=text], #wrapper > .content #blog textarea {
      margin-bottom: 10px;
      color: #278fcf;
      border: 1px solid #278fcf; }
      #wrapper > .content #blog input[type=text]::-webkit-input-placeholder, #wrapper > .content #blog input[type=text]:-moz-placeholder, #wrapper > .content #blog input[type=text]::-moz-placeholder, #wrapper > .content #blog input[type=text]:-ms-input-placeholder, #wrapper > .content #blog textarea::-webkit-input-placeholder, #wrapper > .content #blog textarea:-moz-placeholder, #wrapper > .content #blog textarea::-moz-placeholder, #wrapper > .content #blog textarea:-ms-input-placeholder {
        color: #278fcf;
        -webkit-transition: color 0.2s ease-in-out;
        -moz-transition: color 0.2s ease-in-out;
        -o-transition: color 0.2s ease-in-out;
        transition: color 0.2s ease-in-out; }
    #wrapper > .content #blog .form-submit {
      background: #0b81c9;
      color: #fff;
      width: auto;
      border: none;
      padding: 6px 5px; }
    @media only screen and (max-width: 999px) {
      #wrapper > .content #blog {
        padding: 50px 25px 35px; } }
  #wrapper > .content #whiteBg-blueBorder {
    padding: 45px 50px 45px; }
    @media only screen and (max-width: 999px) {
      #wrapper > .content #whiteBg-blueBorder {
        padding: 30px 25px 30px; } }
    @media only screen and (max-width: 660px) {
      #wrapper > .content #whiteBg-blueBorder {
        padding: 10px; } }
    #wrapper > .content #whiteBg-blueBorder p, #wrapper > .content #whiteBg-blueBorder li {
      color: #278fcf; }
    #wrapper > .content #whiteBg-blueBorder img {
      margin-bottom: 15px; }
    #wrapper > .content #whiteBg-blueBorder h2 {
      font-size: 24px;
      margin-bottom: 20px; }
    #wrapper > .content #whiteBg-blueBorder .twoColumn h2 {
      font-family: "loveloblack", "Helvetica Neue", Helvetica, Arial, sans-serif;
      color: #278fcf; }
    #wrapper > .content #whiteBg-blueBorder #oneColumn h1 {
      border-bottom: 1px solid;
      padding-bottom: 15px; }
    #wrapper > .content #whiteBg-blueBorder #oneColumn h2 {
      font-family: "myriad", Helvetica, Arial, sans-serif;
      color: #6f7c85;
      margin-bottom: 40px;
      margin-top: 20px; }
    #wrapper > .content #whiteBg-blueBorder #oneColumn h3 {
      color: #6f7c85;
      font-size: 18px;
      line-height: 20px;
      font-weight: normal; }
    #wrapper > .content #whiteBg-blueBorder #oneColumn .acc_head p {
      color: #fff;
      margin: 0; }
    #wrapper > .content #whiteBg-blueBorder #oneColumn #fullAccordion .accordion {
      padding-bottom: 20px;
      position: relative;
      z-index: 9; }
    #wrapper > .content #whiteBg-blueBorder #oneColumn .twoColumn {
      padding-bottom: 0; }
      #wrapper > .content #whiteBg-blueBorder #oneColumn .twoColumn h2 {
        color: #6f7c85;
        margin-bottom: 15px;
        font-size: 18px;
        text-transform: none; }
      #wrapper > .content #whiteBg-blueBorder #oneColumn .twoColumn h3 {
        color: #278fcf; }
    #wrapper > .content #whiteBg-blueBorder #oneColumn #calculatorForm {
      display: block;
      width: 100%;
      width: auto; }
      #wrapper > .content #whiteBg-blueBorder #oneColumn #calculatorForm:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: ' ';
        clear: both;
        height: 0; }
      #wrapper > .content #whiteBg-blueBorder #oneColumn #calculatorForm form {
        float: left;
        width: 100%;
        margin: 10px 0 25px 0;
        background: url("../img/calculator-bg.jpg") no-repeat scroll 0 0 transparent;
        height: 130px; }
        @media only screen and (max-width: 999px) {
          #wrapper > .content #whiteBg-blueBorder #oneColumn #calculatorForm form {
            background-size: 100% 130px; } }
        @media only screen and (max-width: 767px) {
          #wrapper > .content #whiteBg-blueBorder #oneColumn #calculatorForm form {
            background: none;
            height: auto; } }
        #wrapper > .content #whiteBg-blueBorder #oneColumn #calculatorForm form > div > div label {
          color: #fff;
          float: left;
          text-align: right;
          margin-right: 5%;
          line-height: 14px; }
        #wrapper > .content #whiteBg-blueBorder #oneColumn #calculatorForm form > div > div input, #wrapper > .content #whiteBg-blueBorder #oneColumn #calculatorForm form > div > div select {
          background: #fff;
          border: none; }
        #wrapper > .content #whiteBg-blueBorder #oneColumn #calculatorForm form > div > div p {
          color: #fff;
          font-size: 37px; }
        #wrapper > .content #whiteBg-blueBorder #oneColumn #calculatorForm form > div > div .result {
          float: right;
          margin-top: 10px;
          clear: both; }
          #wrapper > .content #whiteBg-blueBorder #oneColumn #calculatorForm form > div > div .result p {
            background: url("../img/sprite.png") no-repeat scroll 0 -674px transparent;
            line-height: 22px;
            padding-left: 32px;
            padding-bottom: 2px; }
        #wrapper > .content #whiteBg-blueBorder #oneColumn #calculatorForm form > div.leftCol {
          padding: 25px 50px 25px 25px;
          float: left;
          width: 29.16667%;
          *width: 29.16662%;
          margin-left: 0%;
          *margin-left: -5.0e-05%;
          margin-right: 0; }
          #wrapper > .content #whiteBg-blueBorder #oneColumn #calculatorForm form > div.leftCol:first-child {
            margin-left: 0;
            *margin-left: 0; }
          @media only screen and (max-width: 767px) {
            #wrapper > .content #whiteBg-blueBorder #oneColumn #calculatorForm form > div.leftCol {
              float: none;
              width: 100%;
              margin-left: 0;
              margin-right: 0;
              float: left;
              width: 100%; } }
          #wrapper > .content #whiteBg-blueBorder #oneColumn #calculatorForm form > div.leftCol label {
            width: 30%; }
          #wrapper > .content #whiteBg-blueBorder #oneColumn #calculatorForm form > div.leftCol input {
            width: 65%; }
          @media only screen and (max-width: 767px) {
            #wrapper > .content #whiteBg-blueBorder #oneColumn #calculatorForm form > div.leftCol {
              background-color: #f17626; } }
        #wrapper > .content #whiteBg-blueBorder #oneColumn #calculatorForm form > div.centerCol, #wrapper > .content #whiteBg-blueBorder #oneColumn #calculatorForm form > div.rightCol {
          padding: 25px 30px 25px 30px;
          float: left;
          width: 35.41667%;
          *width: 35.41662%;
          margin-left: 0%;
          *margin-left: -5.0e-05%;
          margin-right: 0; }
          #wrapper > .content #whiteBg-blueBorder #oneColumn #calculatorForm form > div.centerCol:first-child, #wrapper > .content #whiteBg-blueBorder #oneColumn #calculatorForm form > div.rightCol:first-child {
            margin-left: 0;
            *margin-left: 0; }
          @media only screen and (max-width: 767px) {
            #wrapper > .content #whiteBg-blueBorder #oneColumn #calculatorForm form > div.centerCol, #wrapper > .content #whiteBg-blueBorder #oneColumn #calculatorForm form > div.rightCol {
              float: none;
              width: 100%;
              margin-left: 0;
              margin-right: 0;
              float: left;
              width: 100%; } }
          #wrapper > .content #whiteBg-blueBorder #oneColumn #calculatorForm form > div.centerCol label, #wrapper > .content #whiteBg-blueBorder #oneColumn #calculatorForm form > div.rightCol label {
            width: 50%; }
            @media only screen and (max-width: 999px) {
              #wrapper > .content #whiteBg-blueBorder #oneColumn #calculatorForm form > div.centerCol label br, #wrapper > .content #whiteBg-blueBorder #oneColumn #calculatorForm form > div.rightCol label br {
                display: none; } }
          #wrapper > .content #whiteBg-blueBorder #oneColumn #calculatorForm form > div.centerCol input, #wrapper > .content #whiteBg-blueBorder #oneColumn #calculatorForm form > div.centerCol select, #wrapper > .content #whiteBg-blueBorder #oneColumn #calculatorForm form > div.rightCol input, #wrapper > .content #whiteBg-blueBorder #oneColumn #calculatorForm form > div.rightCol select {
            width: 45%; }
          #wrapper > .content #whiteBg-blueBorder #oneColumn #calculatorForm form > div.centerCol select, #wrapper > .content #whiteBg-blueBorder #oneColumn #calculatorForm form > div.rightCol select {
            padding: 3px 5px; }
        @media only screen and (max-width: 767px) {
          #wrapper > .content #whiteBg-blueBorder #oneColumn #calculatorForm form > div.centerCol {
            background-color: #cd6420; } }
        @media only screen and (max-width: 767px) {
          #wrapper > .content #whiteBg-blueBorder #oneColumn #calculatorForm form > div.rightCol {
            background-color: #b75a1d; } }
        #wrapper > .content #whiteBg-blueBorder #oneColumn #calculatorForm form > div.rightCol .selectricWrapper {
          float: right;
          width: 45%;
          background-color: #fff; }
          #wrapper > .content #whiteBg-blueBorder #oneColumn #calculatorForm form > div.rightCol .selectricWrapper .selectric {
            border: none; }
            #wrapper > .content #whiteBg-blueBorder #oneColumn #calculatorForm form > div.rightCol .selectricWrapper .selectric p.label {
              font-size: 14px;
              padding: 6px; }
    #wrapper > .content #whiteBg-blueBorder #signupForm {
      width: 62%;
      margin: 0 auto;
      padding-top: 12px; }
      @media only screen and (max-width: 999px) {
        #wrapper > .content #whiteBg-blueBorder #signupForm {
          width: 100%; } }
      #wrapper > .content #whiteBg-blueBorder #signupForm h2 {
        font-size: 20px;
        color: #6f7c85;
        font-family: "myriad", Helvetica, Arial, sans-serif;
        text-transform: none;
        margin-bottom: 10px; }
      #wrapper > .content #whiteBg-blueBorder #signupForm label {
        color: #f17726;
        padding-bottom: 1px; }
      #wrapper > .content #whiteBg-blueBorder #signupForm input, #wrapper > .content #whiteBg-blueBorder #signupForm textarea, #wrapper > .content #whiteBg-blueBorder #signupForm select {
        margin: 0 0 17px;
        padding: 8px 10px; }
      #wrapper > .content #whiteBg-blueBorder #signupForm .twoColumn {
        padding-bottom: 0; }
      #wrapper > .content #whiteBg-blueBorder #signupForm #personal-det, #wrapper > .content #whiteBg-blueBorder #signupForm #agency-det {
        padding-bottom: 25px; }
      #wrapper > .content #whiteBg-blueBorder #signupForm .submitForm {
        background: #f17726;
        border: medium none;
        color: #fff;
        float: right;
        padding: 9px 22px;
        text-transform: uppercase;
        width: auto; }
      #wrapper > .content #whiteBg-blueBorder #signupForm .form-type-radio {
        margin-bottom: 8px; }
        #wrapper > .content #whiteBg-blueBorder #signupForm .form-type-radio label {
          display: inline;
          position: relative;
          top: 2px; }
    #wrapper > .content #whiteBg-blueBorder.noPaddingTop {
      padding-top: 0; }
  #wrapper > .content.noPadding {
    padding: 0; }
  @media only screen and (max-width: 999px) {
    #wrapper > .content > .wrap {
      margin: 0; } }
    @media only screen and (max-width: 999px) and (max-width: 999px) {
      #wrapper > .content > .wrap > h1 {
        margin: 0 25px 25px 25px; } }
    @media only screen and (max-width: 999px) and (max-width: 660px) {
      #wrapper > .content > .wrap > h1 {
        margin: 0 10px 20px 10px; } }
#wrapper .captcha img {
  float: left;
  margin-right: 8px; }
  @media only screen and (max-width: 999px) {
    #wrapper .captcha img {
      margin-right: 5px; } }
#wrapper .captcha .form-item-captcha-response {
  float: left;
  margin-right: 6px; }
#wrapper .captcha input {
  width: 108px; }
  @media only screen and (max-width: 999px) {
    #wrapper .captcha input {
      width: 103px; } }
#wrapper .captcha .captchaSubmit {
  float: right; }
  @media only screen and (max-width: 550px) {
    #wrapper .captcha .captchaSubmit {
      float: left;
      width: 100%; } }
#wrapper #general-content {
  background: #f17726;
  display: block;
  width: 100%;
  width: auto;
  padding: 23px 0 27px; }
  #wrapper #general-content:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: ' ';
    clear: both;
    height: 0; }
  #wrapper #general-content h2 {
    text-align: left; }
  #wrapper #general-content section {
    float: left;
    width: 30.96447%;
    *width: 30.96442%;
    margin-left: 3.5533%;
    *margin-left: 3.55325%;
    margin-right: 0; }
    #wrapper #general-content section:first-child {
      margin-left: 0;
      *margin-left: 0; }
    @media only screen and (max-width: 999px) {
      #wrapper #general-content section {
        float: left;
        width: 48.22335%;
        *width: 48.2233%;
        margin-left: 3.5533%;
        *margin-left: 3.55325%;
        margin-right: 0; }
        #wrapper #general-content section:first-child {
          margin-left: 0;
          *margin-left: 0; } }
    @media only screen and (max-width: 660px) {
      #wrapper #general-content section {
        float: none;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        float: left;
        padding-bottom: 35px;
        width: 100%; } }
    #wrapper #general-content section h2, #wrapper #general-content section p, #wrapper #general-content section .description {
      color: #fff; }
    #wrapper #general-content section h2 {
      margin-bottom: 17px; }
    #wrapper #general-content section .article {
      border-bottom: 1px dotted #fff;
      margin-bottom: 15px;
      padding-bottom: 13px;
      float: left;
      width: 100%; }
      #wrapper #general-content section .article > div.blogDate {
        height: 36px;
        background: url("../img/sprite.png") no-repeat scroll 0 -50px transparent;
        width: 55px;
        float: left;
        margin-right: 10px; }
        #wrapper #general-content section .article > div.blogDate .month {
          -ms-transform-origin: 49% 100%;
          -moz-transform-origin: 49% 100%;
          -webkit-transform-origin: 49% 100%;
          transform-origin: 49% 100%;
          -ms-transform: rotate(-90deg);
          -moz-transform: rotate(-90deg);
          -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
          height: 19px;
          width: 36px;
          float: left;
          text-align: center;
          color: #f17726;
          font-size: 12px; }
        #wrapper #general-content section .article > div.blogDate .date {
          color: #FFFFFF;
          font-size: 24px;
          letter-spacing: -1px;
          line-height: 36px;
          margin-left: -14px; }
      #wrapper #general-content section .article > div.blogTxt p {
        margin-bottom: 0;
        font-size: 15px; }
        #wrapper #general-content section .article > div.blogTxt p a {
          color: #fff; }
          #wrapper #general-content section .article > div.blogTxt p a:hover {
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
            filter: alpha(opacity=70);
            -moz-opacity: 0.7;
            -khtml-opacity: 0.7;
            opacity: 0.7; }
    #wrapper #general-content section.recentBlogs .content > p {
      float: right;
      text-align: right;
      width: 100%; }
      #wrapper #general-content section.recentBlogs .content > p a {
        text-decoration: underline;
        color: #FFFFFF;
        display: block;
        font-size: 15px;
        line-height: 15px; }
        #wrapper #general-content section.recentBlogs .content > p a:hover {
          text-decoration: none; }
    #wrapper #general-content section.recentBlogs .last {
      border-bottom: none;
      margin-bottom: 10px; }
    #wrapper #general-content section.findUs p {
      font-size: 15px; }
    @media only screen and (max-width: 999px) {
      #wrapper #general-content section.quickEnquiry {
        float: none;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        float: left;
        margin-top: 35px; }
        #wrapper #general-content section.quickEnquiry > input[type=text] {
          float: left;
          width: 49.5%; }
          #wrapper #general-content section.quickEnquiry > input[type=text]#edit-submitted-first-and-last-name, #wrapper #general-content section.quickEnquiry > input[type=text]#edit-submitted-phone-number {
            margin-right: 1%; } }
    @media only screen and (max-width: 660px) {
      #wrapper #general-content section.quickEnquiry {
        margin-top: 0; }
        #wrapper #general-content section.quickEnquiry > input[type=text] {
          width: 100%; }
          #wrapper #general-content section.quickEnquiry > input[type=text]#edit-submitted-first-and-last-name, #wrapper #general-content section.quickEnquiry > input[type=text]#edit-submitted-phone-number {
            margin-right: 0%; } }
  #wrapper #general-content #Contact-recentBlogs {
    display: block;
    width: 100%;
    width: auto; }
    #wrapper #general-content #Contact-recentBlogs:after {
      visibility: hidden;
      display: block;
      font-size: 0;
      content: ' ';
      clear: both;
      height: 0; }
    #wrapper #general-content #Contact-recentBlogs section.recentBlogs {
      float: left;
      width: 64.70588%;
      *width: 64.70583%;
      margin-left: 5.88235%;
      *margin-left: 5.8823%;
      margin-right: 0; }
      #wrapper #general-content #Contact-recentBlogs section.recentBlogs:first-child {
        margin-left: 0;
        *margin-left: 0; }
      @media only screen and (max-width: 840px) {
        #wrapper #general-content #Contact-recentBlogs section.recentBlogs {
          float: none;
          width: 100%;
          margin-left: 0;
          margin-right: 0; } }
      #wrapper #general-content #Contact-recentBlogs section.recentBlogs > p {
        margin: 0; }
    #wrapper #general-content #Contact-recentBlogs section.socialLinks {
      float: left;
      width: 29.41176%;
      *width: 29.41171%;
      margin-left: 5.88235%;
      *margin-left: 5.8823%;
      margin-right: 0;
      clear: none;
      padding-top: 0; }
      #wrapper #general-content #Contact-recentBlogs section.socialLinks:first-child {
        margin-left: 0;
        *margin-left: 0; }
      @media only screen and (max-width: 840px) {
        #wrapper #general-content #Contact-recentBlogs section.socialLinks {
          float: none;
          width: 100%;
          margin-left: 0;
          margin-right: 0; } }
    #wrapper #general-content #Contact-recentBlogs article:nth-child(odd) {
      float: left;
      width: 47%;
      margin-right: 6%; }
    #wrapper #general-content #Contact-recentBlogs article:nth-child(even) {
      width: 47%;
      float: right; }
    @media only screen and (max-width: 840px) {
      #wrapper #general-content #Contact-recentBlogs article:nth-child(even), #wrapper #general-content #Contact-recentBlogs article:nth-child(odd) {
        width: 100%;
        float: left;
        margin-right: 0; }
      #wrapper #general-content #Contact-recentBlogs article:nth-child(odd).last {
        border-bottom: 1px dotted #fff; } }
  #wrapper #general-content #orangeGenie {
    height: 265px;
    margin-bottom: 10px; }
  #wrapper #general-content input, #wrapper #general-content textarea {
    background: #fff; }
  #wrapper #general-content .description {
    margin-bottom: 10px;
    font-size: 15px;
    display: block; }
    @media only screen and (max-width: 999px) {
      #wrapper #general-content .description {
        margin-right: 20px;
        margin-top: 5px;
        float: left; } }
  #wrapper #general-content .form-submit {
    background: none repeat scroll 0 0 transparent;
    border: 1px solid #fff;
    color: #fff;
    padding: 3px 13px;
    width: auto;
    text-transform: uppercase;
    float: left; }
  #wrapper #general-content .socialLinks {
    clear: both;
    padding-top: 10px; }
    #wrapper #general-content .socialLinks h2 {
      margin-bottom: 15px; }
    #wrapper #general-content .socialLinks a i {
      display: block;
      float: left;
      background: #fff;
      color: #f17726;
      padding: 12px 12px 10px;
      font-size: 22px;
      margin: 0 8px 0 0;
      -webkit-border-radius: 22px;
      -moz-border-radius: 22px;
      border-radius: 22px;
      -webkit-background-clip: padding-box;
      -moz-background-clip: padding;
      background-clip: padding-box;
      behavior: url(http://www.orangegenie.com/frontend/css/pie.htc);
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
      @media only screen and (max-width: 999px) {
        #wrapper #general-content .socialLinks a i {
          padding: 10px 10px 8px;
          font-size: 18px; } }
    #wrapper #general-content .socialLinks a:hover i {
      color: #278fcf; }
#wrapper.front-page #homeMain {
  padding: 35px 0 55px; }
#wrapper.front-page > .content {
  padding-top: 32px; }
  #wrapper.front-page > .content #sectors {
    padding-bottom: 34px; }
    #wrapper.front-page > .content #sectors .sectorsList {
      background: #FFFFFF; }
      #wrapper.front-page > .content #sectors .sectorsList section a {
        min-height: 215px;
        padding: 15px; }
        @media only screen and (max-width: 999px) {
          #wrapper.front-page > .content #sectors .sectorsList section a {
            padding: 15px 30px 15px 25px;
            min-height: 160px; } }
        @media only screen and (max-width: 660px) {
          #wrapper.front-page > .content #sectors .sectorsList section a {
            min-height: 130px;
            padding: 15px 30px 15px 10px; } }
#wrapper .twoColumn {
  display: block;
  width: 100%;
  width: auto;
  padding-bottom: 30px; }
  #wrapper .twoColumn:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: ' ';
    clear: both;
    height: 0; }
  #wrapper .twoColumn section {
    float: left;
    width: 47.82609%;
    *width: 47.82604%;
    margin-left: 4.34783%;
    *margin-left: 4.34778%;
    margin-right: 0; }
    #wrapper .twoColumn section:first-child {
      margin-left: 0;
      *margin-left: 0; }
    @media only screen and (max-width: 767px) {
      #wrapper .twoColumn section {
        float: none;
        width: 100%;
        margin-left: 0;
        margin-right: 0; } }
    #wrapper .twoColumn section #orangeGenie {
      height: 335px;
      margin-bottom: 10px; }
    #wrapper .twoColumn section .description {
      margin-bottom: 10px;
      font-size: 15px; }
    #wrapper .twoColumn section input, #wrapper .twoColumn section textarea {
      background: #fff; }
    #wrapper .twoColumn section .form-submit {
      background: #f17726;
      border: none;
      color: #fff;
      float: right;
      padding: 3px 13px;
      width: auto;
      text-transform: uppercase; }
    #wrapper .twoColumn section h2 {
      text-align: left;
      margin-bottom: 12px; }
    #wrapper .twoColumn section p a {
      text-decoration: underline;
      color: #707c87; }
      #wrapper .twoColumn section p a:hover {
        text-decoration: none; }
#wrapper .orangeBg {
  background: #f17726; }
  #wrapper .orangeBg h1 {
    text-align: center;
    color: #fff;
    line-height: 70px;
    margin: 0; }
  #wrapper .orangeBg #OrangeMenu {
    position: relative; }
    #wrapper .orangeBg #OrangeMenu a {
      text-transform: uppercase;
      padding: 0 15px; }
    #wrapper .orangeBg #OrangeMenu > a.clickOrangeMenu {
      display: none; }
      @media only screen and (max-width: 999px) {
        #wrapper .orangeBg #OrangeMenu > a.clickOrangeMenu {
          color: #fff;
          display: block;
          font-weight: bold;
          line-height: 45px;
          text-align: right;
          padding-right: 35px;
          margin-right: 10px;
          background: url("../img/sprite.png") no-repeat scroll right -1314px transparent; } }
    #wrapper .orangeBg #OrangeMenu > a.sign {
      color: #fff;
      font-size: 17px;
      font-weight: bold;
      line-height: 35px;
      padding-bottom: 2px;
      position: absolute;
      right: 0;
      top: 0;
      background-color: #278fcf;
      border-top: 5px solid #278fcf; }
      #wrapper .orangeBg #OrangeMenu > a.sign:hover {
        color: #278fcf;
        border-top: 5px solid #278fcf;
        background-color: #fff; }
      @media only screen and (max-width: 999px) {
        #wrapper .orangeBg #OrangeMenu > a.sign {
          display: none; } }
    #wrapper .orangeBg #OrangeMenu .content > ul.menu {
      display: block;
      margin: 0; }
      #wrapper .orangeBg #OrangeMenu .content > ul.menu > li {
        float: left;
        list-style: none; }
        #wrapper .orangeBg #OrangeMenu .content > ul.menu > li a, #wrapper .orangeBg #OrangeMenu .content > ul.menu > li > span.nolink {
          color: #fff;
          font-size: 18px;
          padding: 7px 21px 12px 21px;
          display: block;
          border-right: 1px solid #f8bb93;
          border-top: 5px solid #f17726;
          cursor: pointer; }
          @media only screen and (max-width: 1024) {
            #wrapper .orangeBg #OrangeMenu .content > ul.menu > li a, #wrapper .orangeBg #OrangeMenu .content > ul.menu > li > span.nolink {
              font-size: 17px; } }
          @media only screen and (max-width: 999px) {
            #wrapper .orangeBg #OrangeMenu .content > ul.menu > li a, #wrapper .orangeBg #OrangeMenu .content > ul.menu > li > span.nolink {
              border-top: 1px solid #f28338; } }
        #wrapper .orangeBg #OrangeMenu .content > ul.menu > li.last a {
          border-right: none; }
        #wrapper .orangeBg #OrangeMenu .content > ul.menu > li:hover a, #wrapper .orangeBg #OrangeMenu .content > ul.menu > li:hover > span.nolink, #wrapper .orangeBg #OrangeMenu .content > ul.menu > li.active-trail a, #wrapper .orangeBg #OrangeMenu .content > ul.menu > li.active-trail > span.nolink {
          border-top: 5px solid #278fcf;
          color: #278fcf;
          background-color: #fff;
          border-right: 1px solid transparent; }
        @media only screen and (max-width: 999px) {
          #wrapper .orangeBg #OrangeMenu .content > ul.menu > li:hover a, #wrapper .orangeBg #OrangeMenu .content > ul.menu > li:hover > span.nolink, #wrapper .orangeBg #OrangeMenu .content > ul.menu > li.active-trail a, #wrapper .orangeBg #OrangeMenu .content > ul.menu > li.active-trail > span.nolink {
            border-top: 1px solid #f28338;
            color: #fff; } }
        #wrapper .orangeBg #OrangeMenu .content > ul.menu > li > .menu {
          display: block;
          width: 100%;
          width: auto;
          width: 63%;
          padding: 37px 20px 0px;
          position: absolute;
          z-index: 99999;
          background: none repeat scroll 0 0 #fff;
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
          filter: alpha(opacity=95);
          -moz-opacity: 0.95;
          -khtml-opacity: 0.95;
          opacity: 0.95;
          display: none;
          margin: 0; }
          #wrapper .orangeBg #OrangeMenu .content > ul.menu > li > .menu:after {
            visibility: hidden;
            display: block;
            font-size: 0;
            content: ' ';
            clear: both;
            height: 0; }
          #wrapper .orangeBg #OrangeMenu .content > ul.menu > li > .menu > li {
            float: left;
            width: 46.66667%;
            *width: 46.66662%;
            margin-left: 6.66667%;
            *margin-left: 6.66662%;
            margin-right: 0; }
            #wrapper .orangeBg #OrangeMenu .content > ul.menu > li > .menu > li:first-child {
              margin-left: 0;
              *margin-left: 0; }
            @media only screen and (max-width: 999px) {
              #wrapper .orangeBg #OrangeMenu .content > ul.menu > li > .menu > li {
                float: none;
                width: 100%;
                margin-left: 0;
                margin-right: 0; } }
          #wrapper .orangeBg #OrangeMenu .content > ul.menu > li > .menu li {
            display: block;
            color: #6e7477;
            text-transform: uppercase;
            padding-bottom: 2px; }
            @media only screen and (max-width: 999px) {
              #wrapper .orangeBg #OrangeMenu .content > ul.menu > li > .menu li {
                padding-bottom: 0px; } }
            #wrapper .orangeBg #OrangeMenu .content > ul.menu > li > .menu li a {
              border: none;
              color: #6e7477;
              text-transform: none;
              font-size: 14px;
              background: url("../img/sprite.png") no-repeat scroll 0px -1186px transparent;
              padding: 0 0 0 12px; }
              #wrapper .orangeBg #OrangeMenu .content > ul.menu > li > .menu li a:hover {
                color: #278fcf;
                background: url("../img/sprite.png") no-repeat scroll 0px -495px transparent; }
            #wrapper .orangeBg #OrangeMenu .content > ul.menu > li > .menu li > ul {
              margin: 0 0 20px 0; }
              #wrapper .orangeBg #OrangeMenu .content > ul.menu > li > .menu li > ul > li span {
                display: block;
                padding-bottom: 8px;
                color: #f17726; }
              @media only screen and (max-width: 999px) {
                #wrapper .orangeBg #OrangeMenu .content > ul.menu > li > .menu li > ul {
                  margin: 0; }
                  #wrapper .orangeBg #OrangeMenu .content > ul.menu > li > .menu li > ul > li span {
                    padding: 8px 15px 4px; } }
          #wrapper .orangeBg #OrangeMenu .content > ul.menu > li > .menu section {
            float: left;
            width: 46.66667%;
            *width: 46.66662%;
            margin-left: 6.66667%;
            *margin-left: 6.66662%;
            margin-right: 0; }
            #wrapper .orangeBg #OrangeMenu .content > ul.menu > li > .menu section:first-child {
              margin-left: 0;
              *margin-left: 0; }
            @media only screen and (max-width: 999px) {
              #wrapper .orangeBg #OrangeMenu .content > ul.menu > li > .menu section {
                float: none;
                width: 100%;
                margin-left: 0;
                margin-right: 0; } }
          @media only screen and (max-width: 999px) {
            #wrapper .orangeBg #OrangeMenu .content > ul.menu > li > .menu {
              position: relative;
              width: 100%;
              padding: 0; }
              #wrapper .orangeBg #OrangeMenu .content > ul.menu > li > .menu ul {
                margin: 0; }
                #wrapper .orangeBg #OrangeMenu .content > ul.menu > li > .menu ul li {
                  display: block;
                  width: 100%;
                  padding-bottom: 0; }
                  #wrapper .orangeBg #OrangeMenu .content > ul.menu > li > .menu ul li a {
                    border-bottom: 1px solid #f28338;
                    font-size: 14px;
                    padding: 10px 35px;
                    color: #707c87;
                    background: none;
                    text-transform: uppercase; }
                    #wrapper .orangeBg #OrangeMenu .content > ul.menu > li > .menu ul li a:hover {
                      color: #707c87;
                      background: none; }
                  #wrapper .orangeBg #OrangeMenu .content > ul.menu > li > .menu ul li.first {
                    display: none; } }
      @media only screen and (max-width: 999px) {
        #wrapper .orangeBg #OrangeMenu .content > ul.menu {
          display: none;
          position: absolute;
          background: #f17726;
          width: 100%;
          z-index: 999; }
          #wrapper .orangeBg #OrangeMenu .content > ul.menu > li {
            width: 100%;
            display: block; }
            #wrapper .orangeBg #OrangeMenu .content > ul.menu > li a {
              border-right: none;
              border-top: 1px solid #f28338;
              font-size: 16px;
              padding: 12px 15px 12px; }
              #wrapper .orangeBg #OrangeMenu .content > ul.menu > li a:hover {
                border-top: 1px solid #f28338;
                color: #fff;
                background: transparent; }
            #wrapper .orangeBg #OrangeMenu .content > ul.menu > li.active a {
              border-top: 1px solid #f28338;
              color: #fff;
              background: transparent; }
            #wrapper .orangeBg #OrangeMenu .content > ul.menu > li .submenu {
              width: 100%; }
            #wrapper .orangeBg #OrangeMenu .content > ul.menu > li.top a {
              background: url("../img/sprite.png") no-repeat scroll right -1390px transparent; }
              #wrapper .orangeBg #OrangeMenu .content > ul.menu > li.top a:hover {
                background: url("../img/sprite.png") no-repeat scroll right -1441px transparent; }
            #wrapper .orangeBg #OrangeMenu .content > ul.menu > li.top.selected a {
              background: url("../img/sprite.png") no-repeat scroll right -1441px transparent; } }
            @media only screen and (max-width: 999px) and (max-width: 660px) {
              #wrapper .orangeBg #OrangeMenu .content > ul.menu > li a {
                font-size: 14px;
                padding: 10px 15px 10px; } }
  @media only screen and (max-width: 1019px) {
    #wrapper .orangeBg .wrap {
      margin: 0; } }
#wrapper #fullAccordion h2 {
  margin: 35px 0 38px 0; }
#wrapper #fullAccordion .accordion {
  padding-bottom: 35px; }
  #wrapper #fullAccordion .accordion .accordion_in.acc_active .acc_head .acc_icon_expand:before {
    content: "\e602"; }
  #wrapper #fullAccordion .accordion .acc_head {
    background: none repeat scroll 0 0 #278fcf;
    margin-bottom: 6px;
    padding: 12px;
    cursor: pointer;
    position: relative; }
    #wrapper #fullAccordion .accordion .acc_head h3 {
      margin: 0;
      color: #fff;
      font-size: 14px;
      font-weight: normal; }
    #wrapper #fullAccordion .accordion .acc_head .acc_icon_expand {
      border-left: 1px dotted;
      cursor: pointer;
      font-family: Icons;
      font-size: 22px;
      height: 40px;
      position: absolute;
      right: 20px;
      top: 1px;
      width: 26px;
      z-index: 8040;
      color: #fff; }
      #wrapper #fullAccordion .accordion .acc_head .acc_icon_expand:before {
        content: "\e60a";
        top: 11px;
        position: relative;
        padding-left: 10px; }
  #wrapper #fullAccordion .accordion .acc_content {
    margin: 10px; }
    #wrapper #fullAccordion .accordion .acc_content p {
      font-size: 14px;
      line-height: 16px; }
#wrapper #fullAccordion > p.more {
  text-transform: uppercase;
  margin: 0; }
  #wrapper #fullAccordion > p.more a {
    color: #fff; }
    #wrapper #fullAccordion > p.more a i {
      border-right: 1px dotted;
      font-size: 30px;
      margin-right: 10px;
      padding-bottom: 8px;
      padding-right: 8px;
      padding-top: 8px;
      position: relative;
      top: 9px; }

footer #footer-top {
  margin-bottom: 10px;
  border-bottom: 1px solid #f17726; }
  footer #footer-top ul {
    margin: 0;
    padding: 17px 0 13px 87px;
    background: url("../img/sprite.png") no-repeat scroll 20px -181px transparent; }
    footer #footer-top ul li {
      list-style: none;
      display: inline-block;
      vertical-align: baseline;
      zoom: 1;
      *display: inline;
      *vertical-align: auto;
      background: url("../img/sprite.png") no-repeat scroll right -1067px transparent;
      margin-right: 6px;
      padding-right: 10px;
      font-size: 16px;
      white-space: nowrap; }
      footer #footer-top ul li a {
        color: #999999;
        line-height: 14px; }
        footer #footer-top ul li a:hover {
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
          filter: alpha(opacity=70);
          -moz-opacity: 0.7;
          -khtml-opacity: 0.7;
          opacity: 0.7; }
      footer #footer-top ul li.last {
        background: none; }
footer #footer-bottom p {
  text-align: center; }
  footer #footer-bottom p span {
    padding-right: 110px;
    color: #999; }
    footer #footer-bottom p span a {
      color: #999;
      text-decoration: underline; }
      footer #footer-bottom p span a:hover {
        text-decoration: none; }
    @media only screen and (max-width: 999px) {
      footer #footer-bottom p span {
        padding-right: 50px; } }
    @media only screen and (max-width: 660px) {
      footer #footer-bottom p span {
        padding-right: 0px;
        padding-bottom: 3px;
        display: block; } }
@media only screen and (max-width: 999px) {
  footer #footer-top p, footer #footer-top li, footer #footer-top a, footer #footer-bottom p, footer #footer-bottom li, footer #footer-bottom a {
    font-size: 13px; }
  footer #footer-top ul {
    padding: 17px 0 13px 70px; } }
@media only screen and (max-width: 660px) {
  footer #footer-top ul {
    padding: 10px 0 10px 45px;
    background: url("../img/sprite.png") no-repeat scroll 0px -185px transparent; } }

/*#homeMain ul.whiteBox{
    margin: 0 0 20px 0;
    padding-top:12px;
    li{
        border-left: 1px solid;
        border-right: 1px solid;
        border-bottom: 1px solid;
        color:#fff;
        padding: 7px 35px 5px 15px;
        list-style: none;
        &:first-child{
             border-top: 1px solid;
        }
    }
}
#homeMain blockquote{
    padding-top:12px;
}*/
.black {
  color: #000; }

.upperCase {
  text-transform: uppercase; }

.bx-controls {
  bottom: 50px;
  position: absolute;
  right: 0;
  z-index: 99; }
  .bx-controls .bx-prev, .bx-controls .bx-next {
    margin-left: 22px; }
    .bx-controls .bx-prev i, .bx-controls .bx-next i {
      font-size: 14px;
      color: #7c858e; }
    .bx-controls .bx-prev:hover i, .bx-controls .bx-next:hover i {
      color: #278fcf; }
  .bx-controls .disabled {
    display: none; }

.download {
  border-left: 1px dotted;
  padding: 5px 0;
  color: #fff; }
  .download a {
    position: relative;
    text-decoration: none !important;
    top: -4px; }
    .download a i {
      font-size: 26px;
      padding-left: 12px;
      padding-right: 5px;
      position: relative;
      top: 7px; }
    .download a:hover {
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
      .download a:hover i {
        color: #f17726; }

#wrapper #homeMain a:hover {
  color: #f17726; }

.page_navigation {
  text-align: center; }
  .page_navigation .first_link, .page_navigation .last_link {
    display: none; }
  .page_navigation .page_link {
    background-color: #278fcf;
    color: #fff;
    padding: 0 4px;
    margin-right: 5px;
    font-size: 10px;
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto; }
    .page_navigation .page_link.active_page, .page_navigation .page_link:hover {
      background-color: #f17726;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
  .page_navigation .previous_link, .page_navigation .next_link {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    height: 7px;
    text-indent: -9999px;
    width: 4px;
    position: relative;
    padding: 4px 0;
    top: 10px; }
  .page_navigation .previous_link {
    background: url("../img/sprite.png") no-repeat scroll 0 -449px transparent;
    margin-right: 7px; }
  .page_navigation .next_link {
    background: url("../img/sprite.png") no-repeat scroll -8px -449px transparent;
    margin-left: 2px; }

form input.error {
  border: 2px solid !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important; }

form label.error {
  display: none !important; }

#homeMain h2, .content h2 {
  margin-bottom: 17px;
  overflow: hidden;
  text-align: center; }
#homeMain h2:before, #homeMain h2:after, .content h2:before, .content h2:after {
  content: "";
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  *display: inline;
  *vertical-align: auto;
  height: 1px;
  position: relative;
  vertical-align: middle;
  width: 50%; }
#homeMain h2:before, .content h2:before {
  right: 32px;
  margin-left: -50%; }
  @media only screen and (max-width: 999px) {
    #homeMain h2:before, .content h2:before {
      right: 12px; } }
#homeMain h2:after, .content h2:after {
  left: 32px;
  margin-right: -50%; }
  @media only screen and (max-width: 999px) {
    #homeMain h2:after, .content h2:after {
      left: 12px; } }

.content h2:before, .content h2:after {
  background-color: #bfc2c6; }

#homeMain h2:before, #homeMain h2:after {
  background-color: #fff; }

#wrapper #homeMain .hold .right h2, #types .type a h2, #wrapper .content .twoColumn h2,
.content #blog h2, #wrapper .content #whiteBg-blueBorder #signupForm h2 {
  text-align: left; }

#wrapper #homeMain .hold .right h2:before, #wrapper #homeMain .hold .right h2:after, #types .type a h2:before, #types .type a h2:after, #wrapper .content .twoColumn h2:before, #wrapper .content .twoColumn h2:after,
.content #blog h2:before,
.content #blog h2:after, #wrapper #homeMain .hold.bxslider div h2:before, #wrapper #homeMain .hold.bxslider div h2:after, #wrapper .content #whiteBg-blueBorder #signupForm h2:before, #wrapper .content #whiteBg-blueBorder #signupForm h2:after,
#general-content .content h2:before,
#general-content .content h2:after, #wrapper > .content #goals > h2:before, #wrapper > .content #goals > h2:after {
  content: "";
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  *display: inline;
  *vertical-align: auto;
  height: auto;
  position: relative;
  vertical-align: top;
  width: auto;
  background-color: transparent !important; }
#wrapper #homeMain .hold .right h2:before, #types .type a h2:before, #wrapper .content .twoColumn h2:before,
.content #blog h2:before, #wrapper #homeMain .hold.bxslider div h2:before, #wrapper .content #whiteBg-blueBorder #signupForm h2:before,
#general-content .content h2:before, #wrapper > .content #goals > h2:before {
  right: 0 !important;
  margin-left: 0 !important; }
#wrapper #homeMain .hold .right h2:after, #types .type a h2:after, #wrapper .content .twoColumn h2:after,
.content #blog h2:after, #wrapper #homeMain .hold.bxslider div h2:after, #wrapper .content #whiteBg-blueBorder #signupForm h2:after,
#general-content .content h2:after, #wrapper > .content #goals > h2:after {
  left: 0 !important;
  margin-right: 0 !important; }

*[data-tabordion] > ul {
  list-style: none;
  margin: 0;
  /*border-bottom: 0.2em solid $colorLink;*/
  width: auto;
  /*        > li {
              @include inlineBlock;
              background: safeLight($colorLink,97%);
              color: $colorLink;
              float: left; margin-right: 1.3em;
              padding: 0.5em 1em;
              cursor: pointer;
              &.active {
                  background: $colorLink;
                  color: safeLight($colorLink,97%);
              }
          }*/ }
  *[data-tabordion] > ul:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: ' ';
    clear: both;
    height: 0; }
*[data-tabordion] > dl > dt {
  background: #999;
  color: #fff;
  padding: 10px 25px;
  cursor: pointer;
  position: relative;
  margin-bottom: 2px;
  text-transform: uppercase; }
  @media only screen and (max-width: 660px) {
    *[data-tabordion] > dl > dt {
      padding: 10px; } }
  *[data-tabordion] > dl > dt:after {
    content: ' ';
    position: absolute;
    right: 1em;
    top: 50%;
    margin-top: -0.25em;
    display: block;
    height: 0;
    width: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 0.5em;
    border-top-color: white; }
  *[data-tabordion] > dl > dt.active {
    background: #999;
    color: #f7f7f7; }
    *[data-tabordion] > dl > dt.active:after {
      margin-top: -0.5em;
      right: 1.25em;
      display: block;
      height: 0;
      width: 0;
      border-color: transparent;
      border-style: solid;
      border-width: 0.5em;
      border-right-color: #f7f7f7; }
  *[data-tabordion] > dl > dt br {
    display: none; }
*[data-tabordion] > dl > dd > div {
  margin: 25px; }
  @media only screen and (max-width: 660px) {
    *[data-tabordion] > dl > dd > div {
      margin: 10px; } }

/*span.customSelect {
    border: 1px solid #f17726;
    color: #f17726;
    font-family: "myriad",Helvetica,Arial,sans-serif;
    font-size: 14px;
    padding: 5px 10px;
    margin: 0 0 8px;
    @include transition(border-color tr(), color tr());
    width:100%;
    
    &.customSelectOpen{    
        border: 1px solid #707c87;
        color: #707c87;
    }
    
    &.customSelectHover{
        
    }
}


span.customSelect.changed {
    border: 1px solid #707c87;
    color: #707c87;
}
.customSelectInner {
    line-height: 25px;
    &:after{
       font-family: 'IconsNew';
       speak: none;
       font-style: normal;
       font-weight: normal;
       font-variant: normal;
       text-transform: none;
       line-height: 1;
       content: "\e600";
       font-size:25px;
       float: right;
   }
}*/
.selectricWrapper {
  position: relative;
  margin: 0 0 10px;
  cursor: pointer; }

.selectricResponsive {
  width: 100%; }

.selectric {
  border: 1px solid #f17726;
  position: relative;
  border-radius: 2px; }

.selectric .label {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  margin: 0 30px 0 0;
  padding: 8px 10px;
  line-height: 18px;
  color: #f17726 !important; }

.selectric .button {
  display: block;
  position: absolute;
  right: 0px;
  top: 5px;
  width: 40px;
  height: 30px;
  color: #f17726;
  text-align: center;
  font-size: 25px; }

.selectricOpen {
  z-index: 9999; }

.selectricOpen .selectric {
  z-index: 9999;
  border-color: #707c87; }

.selectricOpen .selectricItems {
  display: block; }

.selectricDisabled {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
  cursor: default;
  -webkit-touch-callout: none;
  user-select: none; }

.selectricHideSelect {
  position: relative;
  overflow: hidden;
  width: 0;
  height: 0; }

.selectricHideSelect select {
  position: absolute;
  left: -100%;
  display: none; }

.selectricInput {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  outline: none !important;
  border: none !important;
  background: none !important; }

.selectricTempShow {
  position: absolute !important;
  visibility: hidden !important;
  display: block !important; }

.selectricItems {
  display: none;
  position: absolute;
  overflow: auto;
  top: 100%;
  left: 0;
  border: 1px solid #707c87;
  background: #fff !important;
  z-index: 9998; }

.selectricItems ul, .selectricItems li {
  list-style: none;
  padding: 0;
  margin: 0 !important;
  line-height: 20px;
  background: #fff !important; }

.selectricItems li {
  display: block;
  padding: 5px;
  border-bottom: 1px solid #EEE;
  color: #707c87 !important;
  cursor: pointer;
  padding: 5px !important; }

.selectricItems li.selected {
  color: #707c87; }

.selectricItems li:hover {
  color: #f17726 !important; }

.selectricItems li.disabled {
  color: #707c87;
  border: 1px solid #707c87;
  cursor: default; }

.icheckbox_flat-orange,
.iradio_flat-orange {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  width: 20px;
  height: 15px;
  border: none;
  cursor: pointer; }

.iradio_flat-orange {
  background: url(../img/tickbox.png) no-repeat; }

.icheckbox_flat-orange {
  background: url(../img/checkbox.png) no-repeat; }

.icheckbox_flat-orange {
  background-position: 0 0; }

.icheckbox_flat-orange.checked {
  background-position: 0px -15px; }

.icheckbox_flat-orange.disabled {
  background-position: 0 0;
  cursor: default; }

.icheckbox_flat-orange.checked.disabled {
  background-position: 0px -15px; }

.iradio_flat-orange {
  background-position: 0px 0px; }

.iradio_flat-orange.checked {
  background-position: 0px -15px; }

.iradio_flat-orange.disabled {
  background-position: 0px 0;
  cursor: default; }

.iradio_flat-orange.checked.disabled {
  background-position: 0px -19px; }

.accordion_in.acc_active .acc_head .acc_icon_expand:before {
  content: "\e602"; }

h3.accordion-head {
  background: none repeat scroll 0 0 #278fcf;
  cursor: pointer;
  position: relative;
  margin-bottom: 6px !important;
  padding: 12px !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: normal !important; }
  h3.accordion-head.plus span:before {
    content: "\e60a"; }
  h3.accordion-head.minus span:before {
    content: "\e602"; }
  h3.accordion-head span {
    border-left: 1px dotted;
    cursor: pointer;
    font-family: Icons;
    font-size: 22px;
    height: 40px;
    position: absolute;
    right: 20px;
    top: 2px;
    width: 26px;
    z-index: 8040;
    color: #fff; }
    h3.accordion-head span:before {
      top: 11px;
      position: relative;
      padding-left: 10px; }

p.accordion-content {
  margin: 10px;
  display: none;
  font-size: 14px;
  line-height: 16px;
  color: #278fcf; }

@media only screen and (max-width: 999px) {
  #wrapper .orangeBg #OrangeMenu .content > ul.menu > li:hover a, #wrapper .orangeBg #OrangeMenu .content > ul.menu > li.active-trail a {
    border-top: 1px solid #f28338;
    color: #fff;
    background: none; }

  #block-block-33 h2 {
    font-size: 20px; } }
.homeNotice {
  background: url(http://www.orangegenie.com/frontend/img/home-popup-bg.png) repeat 0 0 transparent;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 99; }
  .homeNotice .homePopup {
    width: 560px;
    height: 305px;
    background-color: #fff;
    position: absolute;
    top: 25%;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 9999; }
    .homeNotice .homePopup p a {
      color: #f17726;
      text-decoration: underline; }
      .homeNotice .homePopup p a:hover {
        text-decoration: none; }
    .homeNotice .homePopup .pop-text {
      padding: 15px 25px; }
      .homeNotice .homePopup .pop-text .close-popup {
        float: right;
        margin-bottom: 17px;
        font-size: 18px;
        line-height: 22px;
        color: #f17726; }
        .homeNotice .homePopup .pop-text .close-popup:hover {
          color: #278fcf; }
      .homeNotice .homePopup .pop-text .orange-border {
        border: 1px solid #f17726;
        float: left;
        padding: 35px 20px 5px 20px;
        width: 100%; }
        .homeNotice .homePopup .pop-text .orange-border h2, .homeNotice .homePopup .pop-text .orange-border p {
          color: #f17726; }
        .homeNotice .homePopup .pop-text .orange-border h2 {
          font-family: "loveloblack", "Helvetica Neue", Helvetica, Arial, sans-serif;
          margin-bottom: 15px; }
        .homeNotice .homePopup .pop-text .orange-border p {
          font-size: 18px;
          line-height: 22px;
          margin: 0 0 25px; }

.homeNotice {
  background: url(http://www.orangegenie.com/frontend/img/home-popup-bg.png) repeat 0 0 transparent;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 99; }

.homeNotice .homePopup {
  width: 560px;
  height: 305px;
  background-color: #fff;
  position: absolute;
  top: 25%;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 9999; }

.homeNotice .homePopup p a {
  color: #f17726;
  text-decoration: underline; }

.homeNotice .homePopup p a:hover {
  text-decoration: none; }

.homeNotice .homePopup .pop-text {
  padding: 15px 25px; }

.homeNotice .homePopup .pop-text .close-popup {
  float: right;
  margin-bottom: 17px;
  font-size: 18px;
  line-height: 22px;
  color: #f17726; }

.homeNotice .homePopup .pop-text .close-popup:hover {
  color: #278fcf; }

.homeNotice .homePopup .pop-text .orange-border {
  border: 1px solid #f17726;
  float: left;
  padding: 35px 20px 5px 20px;
  width: 100%; }

.homeNotice .homePopup .pop-text .orange-border h2, .homeNotice .homePopup .pop-text .orange-border p {
  color: #f17726; }

.homeNotice .homePopup .pop-text .orange-border h2 {
  font-family: "loveloblack", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-bottom: 15px; }

.homeNotice .homePopup .pop-text .orange-border p {
  font-size: 18px;
  line-height: 22px;
  margin: 0 0 25px; }

#wrapper #homeMain .pathChooser {
  font-size: 18px; }
  #wrapper #homeMain .pathChooser a {
    color: white;
    text-decoration: underline; }
    #wrapper #homeMain .pathChooser a:hover {
      text-decoration: none; }
  #wrapper #homeMain .pathChooser .headingPart {
    padding: 0 250px 18px 0;
    background: url(http://www.orangegenie.com/frontend/img/new-contracting.png) no-repeat right bottom; }
    @media only screen and (max-width: 660px) {
      #wrapper #homeMain .pathChooser .headingPart {
        background: none;
        padding: 0 0 18px; } }
  #wrapper #homeMain .pathChooser .qAndA {
    background: #0c5079;
    padding: 20px 22px 30px;
    margin-bottom: 25px; }
    #wrapper #homeMain .pathChooser .qAndA p:last-child {
      margin: 0; }
    #wrapper #homeMain .pathChooser .qAndA h2 {
      font-size: 24px;
      font-weight: bold;
      text-align: left;
      margin: 0 0 3px;
      text-transform: none; }
      #wrapper #homeMain .pathChooser .qAndA h2:before, #wrapper #homeMain .pathChooser .qAndA h2:after {
        display: none; }
    #wrapper #homeMain .pathChooser .qAndA .questions {
      width: auto;
      margin-bottom: 7px; }
      #wrapper #homeMain .pathChooser .qAndA .questions:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: ' ';
        clear: both;
        height: 0; }
      #wrapper #homeMain .pathChooser .qAndA .questions > div {
        float: left;
        padding-right: 15px; }
        #wrapper #homeMain .pathChooser .qAndA .questions > div > p {
          max-width: 200px;
          margin: 0 0 15px;
          height: 36px; }
          @media only screen and (max-width: 999px) {
            #wrapper #homeMain .pathChooser .qAndA .questions > div > p {
              font-size: 14px; } }
          @media only screen and (max-width: 768px) {
            #wrapper #homeMain .pathChooser .qAndA .questions > div > p {
              font-size: 18px;
              height: auto;
              margin: 32px 0 10px;
              max-width: none; } }
      #wrapper #homeMain .pathChooser .qAndA .questions .term {
        width: 23%; }
      #wrapper #homeMain .pathChooser .qAndA .questions .rate {
        width: 16%; }
      #wrapper #homeMain .pathChooser .qAndA .questions .resp {
        width: 45%; }
      #wrapper #homeMain .pathChooser .qAndA .questions .action {
        width: 16%;
        padding: 51px 0 0 0; }
        #wrapper #homeMain .pathChooser .qAndA .questions .action button {
          background: #f17726;
          border: 0;
          padding: 0;
          height: 31px;
          width:100%;
          line-height: 31px;
          font-size: 18px;
          text-transform: uppercase;
          color: white;
          position: relative; }
          #wrapper #homeMain .pathChooser .qAndA .questions .action button:after {
            content: '';
            display: block;
            display: block;
            height: 0;
            width: 0;
            border-color: transparent;
            border-style: solid;
            border-width: 10px;
            border-top-color: #f17726;
            position: absolute;
            top: auto;
            right: 50%;
            bottom: -19px;
            left: auto;
            margin-right: -10px; }
      #wrapper #homeMain .pathChooser .qAndA .questions .selectric {
        border: 0;
        border-radius: 0;
        background: white;
        font-size: 12px; }
        #wrapper #homeMain .pathChooser .qAndA .questions .selectric .label {
          padding: 8px 10px;
          line-height: 14px; }
        #wrapper #homeMain .pathChooser .qAndA .questions .selectric .button {
          top: 4px; }
      #wrapper #homeMain .pathChooser .qAndA .questions .selectricItems ul li {
        font-size: 12px;
        line-height: 14px;
        padding: 4px !important;
        height: 22px !important; }
      @media only screen and (max-width: 768px) {
        #wrapper #homeMain .pathChooser .qAndA .questions > div, #wrapper #homeMain .pathChooser .qAndA .questions .term, #wrapper #homeMain .pathChooser .qAndA .questions .rate, #wrapper #homeMain .pathChooser .qAndA .questions .resp, #wrapper #homeMain .pathChooser .qAndA .questions .action {
          float: none;
          width: auto;
          padding-right: 0; }
        #wrapper #homeMain .pathChooser .qAndA .questions .selectric {
          width: 100%; } }
    #wrapper #homeMain .pathChooser .qAndA .answers {
      background: #f17726;
      padding: 16px 12px;
      margin-bottom: 24px; }
      #wrapper #homeMain .pathChooser .qAndA .answers p {
        font-size: 16px;
        line-height: 21px; }
    #wrapper #homeMain .pathChooser .qAndA .answers, #wrapper #homeMain .pathChooser .qAndA .chooseUmbrella, #wrapper #homeMain .pathChooser .qAndA .chooseOwnCompany, #wrapper #homeMain .pathChooser .qAndA .chooseTentatively, #wrapper #homeMain .pathChooser .qAndA .fullyUnderstand {
      display: none; }
    
    #wrapper .yellowBox{
        font-weight: bold;
        font-size: 24px;
        padding-left: 23px;
        margin-bottom: 35px;        
    }
    
    #wrapper #homeMain .pathChooser .yellowBox span{
        display: block;
        margin-top: 15px;
    }
    
    #wrapper #homeMain .pathChooser .yellowBox a{
        font-size: 17px;
        font-family: "loveloblack","Helvetica Neue",Helvetica,Arial,sans-serif;
        text-transform: uppercase;
        padding: 5px 15px;
        background: #F7C001;
        border: 3px solid #000;
        color: #000;
        text-decoration: none;
    }    
  #wrapper #homeMain .pathChooser .right {
    text-align: right; }
  #wrapper #homeMain .pathChooser .fiveBoxes {
    width: auto;
    border: 1px solid white; }
    #wrapper #homeMain .pathChooser .fiveBoxes:after { 
      visibility: hidden;
      display: block;
      font-size: 0;
      content: ' ';
      clear: both;
      height: 0; }
    #wrapper #homeMain .pathChooser .fiveBoxes > div {
      float: left;
      width: 20%; }
      @media only screen and (max-width: 999px) {
        #wrapper #homeMain .pathChooser .fiveBoxes > div {
          float: none;
          width: 100%; } }
      #wrapper #homeMain .pathChooser .fiveBoxes > div a {
        display: block;
        padding: 15px 15px 0px;
        position: relative;
        text-decoration: none;
        min-height: 190px;
        /*height: auto !important;*/
        height: 190px;
        border-left: 1px solid white; }
        @media only screen and (max-width: 999px) {
          #wrapper #homeMain .pathChooser .fiveBoxes > div a {
            min-height: 0;
            padding: 15px 15px 100px;
            height: auto !important;
            height: 0;
            border-left: 0;
            border-top: 1px solid white; } }
        #wrapper #homeMain .pathChooser .fiveBoxes > div a h3 {
          font-family: "loveloblack", "Helvetica Neue", Helvetica, Arial, sans-serif;
          font-size: 19px;
          text-transform: uppercase; }
        #wrapper #homeMain .pathChooser .fiveBoxes > div a .more {
          bottom: 27px;
          position: absolute;
          right: 10px;
          color: white;
          font-family: "myriad", Helvetica, Arial, sans-serif;
          font-size: 14px;
          text-transform: uppercase;
          padding-right: 50px;
          width: 150px;
          text-align: right; }
          #wrapper #homeMain .pathChooser .fiveBoxes > div a .more i {
            border-left: 1px dotted;
            font-size: 30px;
            padding: 4px 0 4px 0;
            position: absolute;
            top: -10px;
            right: 0;
            bottom: auto;
            left: auto; }
        #wrapper #homeMain .pathChooser .fiveBoxes > div a:hover {
          background: #f17726; }
      #wrapper #homeMain .pathChooser .fiveBoxes > div:first-child a {
        border-left: 0; }
        @media only screen and (max-width: 999px) {
          #wrapper #homeMain .pathChooser .fiveBoxes > div:first-child a {
            border-top: 0; } }

.fixed-socialLinks{
    position:fixed;
    top:404px;
    left:4px;
    z-index: 99;
}

.fixed-socialLinks a{
    display:block;
    margin-bottom: 5px;
}

.fixed-socialLinks a i {
      display: block;
      color:#fff;
      padding: 13px 13px 11px;
      font-size: 21px;
      margin: 0 8px 0 0;
      -webkit-border-radius: 22px;
      -moz-border-radius: 22px;
      border-radius: 22px;
      -webkit-background-clip: padding-box;
      -moz-background-clip: padding;
      background-clip: padding-box;
      behavior: url(http://www.orangegenie.com/frontend/css/pie.htc);
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; 
}

.fixed-socialLinks a i.kdi-fb-7{
    background: #305891;
}

.fixed-socialLinks a i.kdi-tw-2{
    background: #2ca8d2;
}

.fixed-socialLinks a i.kdi-google42{
    background: #ce4d39;
}

.fixed-socialLinks a i.kdi-lin-2{
    background: #4498c8;
}

.fixed-socialLinks a i.kdi-yt2{
    background: #d61727;
}

footer .fixed-socialLinks a:hover i{
      background: #f17726; 
}

.fixed-links{
    position: fixed;
    top:350px;
    right:0px;
    z-index: 99;
}

footer #footer-top .fixed-links ul{
    background: none;
    padding: 0
}

footer #footer-top .fixed-links ul li{
    display:block;
    background: none;
    width: 48px;
    height: 120px;
    margin-bottom: 10px;    
    margin-right: 0;
    padding:0;
}

footer #footer-top .fixed-links ul li a{
    display: block;
    position: relative;
    text-indent: -9999px;
    height: 120px;
    width: 48px;
}
footer #footer-top .fixed-links ul li a.our_blog{
    background: url(http://www.orangegenie.com/frontend/img/visit-fixed.jpg) no-repeat 0 0 transparent;
}

footer #footer-top .fixed-links ul li a.request_call_back{
    background: url(http://www.orangegenie.com/frontend/img/request-fixed.jpg) no-repeat 0 0 transparent;
}

footer #footer-top .fixed-links ul li a.join_og{
    background: url(http://www.orangegenie.com/frontend/img/join-fixed.jpg) no-repeat 0 0 transparent;
}

@media only screen and (max-width: 1400px) {
 .fixed-socialLinks{
    top:40%;
 }

.fixed-links{
    top:30%;
}
}

@media only screen and (max-width: 760px) {
    .fixed-links, .fixed-socialLinks{
        display:none !important;
    }
}

@media only screen and (max-width: 999px) {       
    header #navigation nav ul.headerLeft li.first .down > div.sub ul{
        padding: 0 25px 3px
    } 
}

@media only screen and (max-width: 660px) {
    header #navigation nav ul.headerLeft li.first .down > div.sub ul{
        padding: 0 10px 3px
    }
    header #navigation nav ul.headerLeft li.first .down > div.sub ul li.acc, 
    header #navigation nav ul.headerLeft li.first .down > div.sub ul li.genie, 
    header #navigation nav ul.headerLeft li.first .down > div.sub ul li.umb {
        margin-right: 20px; 
    }
    header #navigation nav ul.headerLeft li.first .down > div.sub ul li.edu{
        margin-right: 0;
    }
    header #navigation nav ul.headerLeft li.first .down > div.sub ul li a span{        
        height:38px;
        background-size: 70% auto;
    }
    header #navigation nav ul.headerLeft li.first .down > div.sub ul li.acc span {
        background-position: center -92px;
    }
    header #navigation nav ul.headerLeft li.first .down > div.sub ul li.edu span {
        background-position: center -38px;
        background-size: 80% auto;
    }
    header #navigation nav ul.headerLeft li.first .down > div.sub ul li.umb span {
        background-position: center -115px;
        background-size: 85% auto;
    }
}

@media only screen and (max-width: 460px) {
    header #navigation nav ul.headerLeft li.first .down > div.sub ul li.acc, header #navigation nav ul.headerLeft li.first .down > div.sub ul li.genie, header #navigation nav ul.headerLeft li.first .down > div.sub ul li.umb {
        margin-right: 5px;
    }
    header #navigation nav ul.headerLeft li.first .down > div.sub ul {
        padding: 0 10px 3px 5px;
    }
    header #navigation nav ul.headerLeft li a, header #navigation nav ul.headerRight li a,header #navigation nav ul.others li a{
        font-size: 11px;
    }
    header #navigation nav ul.headerLeft li.first .down > div.sub ul li a span{        
        height:25px;
        background-size: 50% auto;
    }
    header #navigation nav ul.headerLeft li.first .down > div.sub ul li.acc span {
        background-position: center -53px;
    }
    header #navigation nav ul.headerLeft li.first .down > div.sub ul li.edu span {
        background-position: center -23px;
        background-size: 60% auto;
    }
    header #navigation nav ul.headerLeft li.first .down > div.sub ul li.umb span {
        background-position: center -75px;
        background-size: 65% auto;
    }
}