/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
  display: block; }

audio, canvas, video {
  display: inline-block; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden], template {
  display: none; }

html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

a {
  background: 0 0; }

a:focus {
  outline: thin dotted; }

a:active, a:hover {
  outline: 0; }

h1 {
  font-size: 2em;
  margin: .67em 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b, strong {
  font-weight: 600; }

dfn {
  font-style: italic; }

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

mark {
  background: #ff0;
  color: #000; }

code, kbd, pre, samp {
  font-family: monospace,serif;
  font-size: 1em; }

pre {
  white-space: pre-wrap; }

q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

small {
  font-size: 80%; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -.5em; }

sub {
  bottom: -.25em; }

img, a img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 0; }

fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: .35em .625em .75em; }

legend {
  border: 0;
  padding: 0; }

button, input, select, textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0; }

button, input {
  line-height: normal; }

button, select {
  text-transform: none; }

button, html input[type=button], input[type=reset], input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled], html input[disabled] {
  cursor: default; }

input[type=checkbox], input[type=radio] {
  box-sizing: border-box;
  padding: 0; }

input[type=search] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto;
  vertical-align: top; }

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

/*----------------------------------------------   
--Setup
-----------------------------------------------  */
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

html {
  font-size: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
  width: 100%;
  -webkit-text-size-adjust: 100%; }

/*----------------------------------------------   
--Images
-----------------------------------------------  */
img, object, embed {
  max-width: 100%;
  height: auto; }

img {
  -ms-interpolation-mode: bicubic;
  border: 0; }

#map_canvas img,
.map_canvas img {
  max-width: none !important; }

img.full-center {
  width: 100%;
  margin: 0 auto;
  display: block; }

figure img, figure, img.respond {
  max-width: 100%;
  width: 100%;
  height: auto; }

/*----------------------------------------------   
--Flexible Video
-----------------------------------------------  */
.flex-vid {
  position: relative;
  padding-top: 25px;
  padding-bottom: 67.5%;
  height: 0;
  margin-bottom: 1.2em;
  overflow: hidden; }

.flex-vid.widescreen {
  padding-bottom: 57.25%; }

.flex-video.vimeo {
  padding-top: 0;
  padding-bottom: 56.5%; }

.flex-vid iframe,
.flex-vid object,
.flex-vid embed,
.flex-vid video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) {
  .flex-vid {
    padding-top: 0; } }
/*----------------------------------------------   
--Dividers
-----------------------------------------------  */
hr {
  border: solid #ddd;
  border-width: 1px 0 0;
  clear: both;
  margin: 1.5em 0;
  height: 0; }

hr.sep {
  display: block;
  width: 30%;
  margin: .4em auto 1em;
  border: 1px solid #0c1622; }
  @media (min-width: 54em) {
    hr.sep {
      margin: 1em auto; } }

hr.sep-thin {
  display: block;
  width: 60%;
  margin: 0.6em auto;
  border-top: 1px solid #1ea8c6; }

hr.sep-thick {
  display: block;
  width: 40%;
  margin: 2em auto 3em;
  border: 2px solid #1ea8c6; }

hr.sep-left {
  margin: .2em 0;
  width: 80%;
  display: block;
  border: 1px solid #1ea8c6; }

hr.sep-thin-left {
  margin: .7em 0;
  width: 40%;
  display: block;
  border-top: 1px solid #1ea8c6; }

.four-dots .dot {
  display: inline-block;
  margin: 0 auto;
  width: 9px;
  height: 9px;
  border-radius: 100%;
  margin-right: 15px; }

.four-dots.light .dot {
  background: rgba(255, 255, 255, 0.6); }

.four-dots.grey .dot {
  background: #cdcdcd; }

.four-dots.primary .dot {
  background: #1ea8c6; }

.four-dots.secondary .dot {
  background: #0c1622; }

/*----------------------------------------------   
--Links
-----------------------------------------------  */
a {
  color: #1ea8c6;
  text-decoration: none;
  line-height: inherit;
  -webkit-transitio: color 0.6s ease-in;
  -moz-transition: color 0.6s ease-in;
  -ms-transition: color 0.6s ease-in;
  -o-transition: color 0.6s ease-in;
  transition: color 0.6s ease-in; }
  a:hover {
    color: #0a3741;
    -webkit-transitio: color 0.6s ease-out;
    -moz-transition: color 0.6s ease-out;
    -ms-transition: color 0.6s ease-out;
    -o-transition: color 0.6s ease-out;
    transition: color 0.6s ease-out; }
  a:active {
    color: #1ea8c6; }

a.invert, .invert a {
  color: black; }
  a.invert:hover, .invert a:hover {
    color: #1ea8c6; }

a.secondary {
  color: #0c1622; }
  a.secondary:hover {
    color: black; }
  a.secondary:active {
    color: #0c1622; }

/*----------------------------------------------   
--Color Classes
-----------------------------------------------  */
.color-alpha {
  color: #1ea8c6; }

.color-beta {
  color: #0c1622; }

.bg-alpha {
  background-color: #1ea8c6; }

.bg-beta {
  background-color: #0c1622; }

.bg-delta {
  background-color: #c54b0f; }

.bg-zeta {
  background-color: #0c3b55; }

.bg-grey {
  background-color: #eeeeee; }

.bg-dark {
  background-color: rgba(0, 0, 0, 0.9); }

.bg-light {
  background-color: rgba(255, 255, 255, 0.6); }

.bg-red-gradi {
  -webkit-background: linear-gradient(45deg, #9a2323 12%, #242b4b 72%);
  -ms-background: linear-gradient(45deg, #9a2323 12%, #242b4b 72%);
  -moz-background: linear-gradient(45deg, #9a2323 12%, #242b4b 72%);
  -o-background: linear-gradient(45deg, #9a2323 12%, #242b4b 72%);
  background: linear-gradient(45deg, #9a2323 12%, #242b4b 72%);
  opacity: 0.95; }

.bg-green-gradi {
  -webkit-background: linear-gradient(45deg, #1578a8 12%, #14b18b 72%);
  -ms-background: linear-gradient(45deg, #1578a8 12%, #14b18b 72%);
  -moz-background: linear-gradient(45deg, #1578a8 12%, #14b18b 72%);
  -o-background: linear-gradient(45deg, #1578a8 12%, #14b18b 72%);
  background: linear-gradient(45deg, #1578a8 12%, #14b18b 72%);
  opacity: 0.95; }

.overlay-alpha {
  background-color: #5094A0; }

/*----------------------------------------------   
--Selection
-----------------------------------------------  */
*::selection {
  background: #1ea8c6;
  color: white;
  text-shadow: none; }

.highlight {
  background: #1ea8c6; }

/*----------------------------------------------   
--Typography
-----------------------------------------------  */
body {
  font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #222222;
  background: rgba(255, 255, 255, 0.6);
  position: relative;
  overflow-x: hidden;
  width: 100%;
  font-weight: 400;
  font-style: normal;
  line-height: 1.5;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility; }

/*----------------------------------------------   
--Fluid body sizing
-----------------------------------------------  */
body {
  font-size: 100%; }
  @media (min-width: 32em) {
    body {
      font-size: 101%; } }
  @media (min-width: 54em) {
    body {
      font-size: 101%; } }
  @media (min-width: 72em) {
    body {
      font-size: 102%; } }
  @media (min-width: 75em) {
    body {
      font-size: 103%; } }
  @media (min-width: 80em) {
    body {
      font-size: 105%; } }
  @media (min-width: 85em) {
    body {
      font-size: 105%; } }
  @media (min-width: 90em) {
    body {
      font-size: 105%; } }
  @media (min-width: 99em) {
    body {
      font-size: 110%; } }
  @media (min-width: 105em) {
    body {
      font-size: 115%; } }
  @media (min-width: 110em) {
    body {
      font-size: 120%; } }

/*----------------------------------------------   
--Headers
-----------------------------------------------  */
h1, h2, h3, h4, h5, h6 {
  font-weight: 600;
  text-rendering: optimizeLegibility;
  line-height: 1.3; }

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
  font-size: 60%;
  line-height: 0; }

h1 {
  font-size: 2.5em;
  margin: 0.6em 0; }

h2 {
  font-size: 1.5em;
  margin: .4em 0 .1em; }
  @media (min-width: 54em) {
    h2 {
      font-size: 2em; } }

h3 {
  font-size: 1em;
  margin: 1em 0 .3em; }
  @media (min-width: 54em) {
    h3 {
      font-size: 1.5em; } }

h4 {
  font-size: 1.15em;
  margin: .5em 0 0.2em; }

h1, h2, h3, h4 {
  font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #0c1622; }

h4 {
  color: #222222; }

p {
  margin: 0 0 .75em; }

p, small, em {
  font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; }

p, ul {
  padding: 0.1em 0 .2em; }

.big {
  font-size: 105%; }
  @media (min-width: 32em) {
    .big {
      font-size: 130%; } }

.bigger {
  font-size: 115%; }
  @media (min-width: 32em) {
    .bigger {
      font-size: 140%; } }

.biggest {
  font-size: 125%; }
  @media (min-width: 32em) {
    .biggest {
      font-size: 170%; } }

/*----------------------------------------------   
--Misc
-----------------------------------------------  */
.font-weight4 {
  font-weight: 400; }

.subheader {
  font-size: 145%;
  line-height: 1;
  color: #777;
  font-weight: 400;
  margin: .6em 0 -.1em; }

.preheader {
  font-size: 90%;
  line-height: 1;
  color: #1ea8c6;
  margin: 0;
  padding: 0;
  font-style: italic; }

em {
  font-style: italic;
  font-weight: 600;
  color: #999; }

.caps {
  text-transform: uppercase;
  font-weight: 600; }

/*--------------------------------------------------- 
Lists
---------------------------------------------------  */
ul {
  list-style-position: outside;
  padding-left: 1em; }

ul li {
  list-style: disc; }

ol, ul, dl {
  line-height: 1.2; }

ol li, ul li {
  padding-bottom: 0.5em; }

ol {
  counter-reset: li; }

ol > li {
  position: relative;
  margin-left: -.5em;
  list-style: none; }

ol > li:before {
  content: counter(li);
  counter-increment: li;
  position: absolute;
  top: -.03em;
  left: -1.2em;
  width: 1em;
  font-weight: 700;
  color: #1ea8c6; }

ul.vert-list li {
  list-style: none; }

.list-icon {
  padding-left: 0;
  margin-left: 2.4em;
  list-style-type: none; }

.list-icon > li {
  position: relative;
  list-style: none;
  padding-bottom: 1em; }

.li-icon {
  position: absolute;
  left: -2em;
  width: 2.15em;
  top: 0.15em;
  text-align: center;
  font-size: 1.75em;
  color: #1ea8c6; }

#sect-whyih .li-icon {
  color: #222222;
  font-size: 2em; }

.list-testimonial {
  padding-left: 0; }

.list-testimonial > li {
  list-style: none; }

.list-testimonial li img {
  border-radius: 100%;
  width: 5em;
  display: block;
  margin: 0 auto; }
  @media (min-width: 32em) {
    .list-testimonial li img {
      float: left;
      width: 15%;
      margin: 0; } }

.list-testimonial li div {
  margin-bottom: 1em; }
  @media (min-width: 32em) {
    .list-testimonial li div {
      float: left;
      width: 83%; } }

.list-testimonial blockquote {
  border: 0;
  font-size: 100%;
  margin: 0;
  padding: 0 0 0.7em 0;
  line-height: 1.5;
  text-align: center; }
  @media (min-width: 32em) {
    .list-testimonial blockquote {
      padding: 0 0 0.7em 1em;
      text-align: left; } }

.list-testimonial cite {
  padding: 0;
  font-weight: 600;
  padding-top: 1em;
  font-style: normal;
  font-size: 80%;
  text-align: center;
  margin: 0 auto;
  display: block; }
  @media (min-width: 32em) {
    .list-testimonial cite {
      padding: 0 0 0 1.3em;
      text-align: left;
      margin: 0; } }

.list-testimonial cite span {
  font-weight: 400;
  color: #c54b0f; }

/*--------------------------------------------------- 
Quotes
---------------------------------------------------  */
blockquote cite {
  display: block;
  font-size: 2em;
  color: #555; }

blockquote cite:before {
  content: "\2014 \0020"; }

blockquote cite a, blockquote cite a:visited {
  color: #555; }

q, blockquote {
  font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: left;
  margin: 1em auto;
  line-height: inherit;
  letter-spacing: inherit;
  font-size: 110%; }
  @media (min-width: 54em) {
    q, blockquote {
      font-size: 130%; } }

q, blockquote {
  quotes: "“" "”" "‘" "’"; }

cite {
  font-style: normal;
  text-transform: none; }

/*----------------------------------------------   
--Micro Clearfix - also added to row class
-----------------------------------------------  */
.cf, .row {
  *zoom: 1; }
.cf:before, .cf:after, .row:before, .row:after {
  content: "";
  display: table; }
.cf:after, .row:after {
  clear: both; }

/*----------------------------------------------   
--Row Class
-----------------------------------------------  */
.row {
  width: 100%%;
  max-width: 60em;
  margin-left: auto;
  margin-right: auto;
  /* Go Almost Full Width */
  /* Go Full Width */ }
  @media (min-width: 32em) {
    .row {
      width: 65%; } }
  @media (min-width: 54em) {
    .row {
      width: 90%; } }
  @media (min-width: 72em) {
    .row {
      max-width: 56em;
      width: 85%; } }
  .xl .row {
    max-width: 95%;
    width: 95%; }
  .row.xxl {
    width: 100%;
    max-width: 100%; }
  .row.g-full {
    padding: 0 1em; }

/* For Nesting Columns */
.row .row {
  width: auto;
  max-width: none;
  min-width: 0; }
  @media (min-width: 54em) {
    .row .row {
      width: auto;
      max-width: none;
      min-width: 0;
      margin-left: -0.5em;
      margin-right: -0.5em; } }

/*----------------------------------------------   
--Columns
-----------------------------------------------  */
.cols {
  float: left;
  min-height: 1px;
  padding: 0 1em;
  position: relative;
  width: 100%; }

.half-pad .row {
  padding: 0 0.25em; }

.half-pad .row .cols {
  padding: 0 0.25em; }

.row.nopad .cols {
  padding: 0; }

.row .row.nopad {
  margin: 0-0 1em; }

@media only screen and (min-width: 54em) {
  [class*="cols"] + [class*="cols"]:last-child {
    float: right; }

  .cols.stayleft {
    float: left !important; } }
/*----------------------------------------------   
--Grid: xtra small (also for non collapsing columns)
-----------------------------------------------  */
.xsm-3, .row .xsm-3 {
  width: 25%; }

.xsm-6, .row .xsm-6 {
  width: 50%; }

.xsm-4, .row .xsm-4 {
  width: 33.33333%; }

.xsm-8, .row .xsm-8 {
  width: 66.66667%; }

@media only screen and (min-width: 32em) {
  /*----------------------------------------------   
  --Grid: small
  -----------------------------------------------  */
  .sm-6, .row .sm-6 {
    width: 50%; }

  .sm-4, .row .sm-4 {
    width: 33.33333%; }

  .sm-3, .row .sm-3 {
    width: 25%; }

  .sm-8, .row .sm-8 {
    width: 66.66667%; } }
@media only screen and (min-width: 54em) {
  /*----------------------------------------------   
  --Grid: main
  -----------------------------------------------  */
  .g-1, .row .g-1 {
    width: 8.33333%; }

  .g-2, .row .g-2 {
    width: 16.66667%; }

  .g-3, .row .g-3 {
    width: 25%; }

  .g-4, .row .g-4 {
    width: 33.33333%; }

  .g-5, .row .g-5 {
    width: 41.66667%; }

  .g-6, .row .g-6 {
    width: 50%; }

  .g-7, .row .g-7 {
    width: 58.33333%; }

  .g-8, .row .g-8 {
    width: 66.66667%; }

  .g-9, .row .g-9 {
    width: 75%; }

  .g-10, .row .g-10 {
    width: 83.33333%; }

  .g-11, .row .g-11 {
    width: 91.66667%; }

  .g-12, .row .g-12 {
    width: 100%; }

  /*----------------------------------------------   
  --Offsets
  -----------------------------------------------  */
  .row .offset1 {
    margin-left: 8.33333%; }

  .row .offset2 {
    margin-left: 16.66667%; }

  .row .offset3 {
    margin-left: 25%; }

  .row .offset4 {
    margin-left: 33.33333%; }

  .row .offset5 {
    margin-left: 41.66667%; }

  .row .offset6 {
    margin-left: 50%; }

  .row .offset7 {
    margin-left: 58.33333%; }

  .row .offset8 {
    margin-left: 66.66667%; }

  .row .offset9 {
    margin-left: 75%; }

  .row .offset10 {
    margin-left: 83.33333%; }

  .source-reverse {
    float: right; }

  .push-right {
    position: relative;
    right: -50%; }

  .pull-left {
    position: relative;
    left: -50%; }

  .pull-9 {
    right: 75%; }

  .push-3 {
    left: 25%; } }

/*---------------------------------------------   
Form Grid
----------------------------------------------- */
form .cols,
form .row.g-full {
  padding: 0 0.2em; }

@media only screen and (max-width: 54em) {
  form .cols,
  form .row.g-full {
    width: 100%; } }

/*----------------------------------------------   
--Positioning
-----------------------------------------------  */
.left {
  float: left; }

.right {
  float: right; }

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

.text-center {
  text-align: center; }

.cols.centered, .centered {
  float: none;
  margin: 0 auto; }

.center-all {
  text-align: center;
  margin: 0 auto;
  display: block;
  float: none; }



/*----------------------------------------------   
--Vertical Center
-----------------------------------------------  */
.v-center {
  display: table;
  width: 100%; }
  .v-center > div {
    display: table-cell;
    vertical-align: middle;
    margin-top: 0;
    margin-bottom: 0;
    float: none;
    padding: 11% 0; }
  .v-center.row > *, .v-center.row > * {
    display: block;
    vertical-align: baseline; }

/*----------------------------------------------   
--Inline Lists
-----------------------------------------------  */
.inline-list {
  margin: 0 auto 1.0625em auto;
  margin-left: -1.375em;
  margin-right: 0;
  padding: 0;
  list-style: none;
  overflow: hidden; }
  .inline-list > li {
    list-style: none;
    float: left;
    margin-left: 1.375em;
    display: block; }
  .inline-list > li > * {
    display: block; }

/*----------------------------------------------   
--Link Lists
-----------------------------------------------  */
ul.link-list {
  margin: 0 0 1em -1em;
  padding: 0;
  list-style: none; }
  ul.link-list overflow:hidden
  li {
    list-style: none;
    float: left;
    margin-left: 1em;
    display: block; }
  ul.link-list li a {
    display: block; }

/*For vertical link lists*/
ul.vert-list {
  list-style: none;
  line-height: 2; }

/*----------------------------------------------   
--Stop line breaks Turncate 
-----------------------------------------------  */
.turncate {
  max-width: 95%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

/*----------------------------------------------   
--Visibility  
-----------------------------------------------  */
.hide {
  display: none; }

.hide-small {
  display: none; }
  @media (min-width: 54em) {
    .hide-small {
      display: block; } }

/*----------------------------------------------   
-Paddings 
-----------------------------------------------  */
.pad-top1 {
  padding-top: 1em; }

.pad-top2 {
  padding-top: 2em; }

.pad-top3 {
  padding-top: 3em; }

.pad-top4 {
  padding-top: 4em; }

.pad1 {
  padding: 1em 0; }

.pad2 {
  padding: 2em 0; }

.pad3 {
  padding: 3em 0; }

.pad4 {
  padding: 4em 0; }


/*----------------------------------------------   
--Forms
-----------------------------------------------  */
form {
  margin: 0; }

fieldset {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto;
  vertical-align: top;
  width: 95%; }

legend {
  margin-left: -.75em; }

button, input, select, textarea {
  vertical-align: baseline;
  vertical-align: middle; }

/* IE7 and older */
button, input {
  line-height: normal;
  overflow: visible; }

button, input[type="button"], input[type="reset"], input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button; }

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box; }

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

button::-moz-focus-inner,
.btn::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input:focus,
select:focus,
textarea:focus,
button:focus,
.btn:focus {
  outline: none; }

button, .btn, input, select, textarea {
  margin: 0;
  font-size: 100%;
  vertical-align: middle; }

button, .btn, input {
  overflow: visible;
  line-height: normal; }

button::-moz-focus-inner, input::-moz-focus-inner {
  padding: 0;
  border: 0; }

button, html input[type="button"], input[type="reset"], input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button; }

label {
  font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
  display: inline;
  font-size: 85%; }

label, select, button, input[type="button"], input[type="reset"], input[type="submit"], input[type="radio"], input[type="checkbox"] {
  cursor: pointer; }

/*----------------------------------------------   
--Placeholders
-----------------------------------------------  */
::-webkit-input-placeholder {
  color: #cdcdcd; }

:-moz-placeholder {
  /* Firefox 18- */
  color: #cdcdcd; }

::-moz-placeholder {
  /* Firefox 19+ */
  color: #cdcdcd; }

:-ms-input-placeholder {
  color: #cdcdcd; }

/*----------------------------------------------   
--Inputs - all
-----------------------------------------------  */
input, textarea, select {
  font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 75%;
  background: white;
  color: rgba(0, 0, 0, 0.9);
  border: 2px solid #dddddd;
  outline: 0;
  padding: 0.5em .4em 0.55em;
  margin: .1em 0 .2em;
  display: block;
  width: 100% !important;
  display: block !important;
  float: none !important;
  font-weight: 400;
  -webkit-appearance: none;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: none;
  -ms-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  -webkit-transitio: all 0.25s ease-in;
  -moz-transition: all 0.25s ease-in;
  -ms-transition: all 0.25s ease-in;
  -o-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in; }
  input:focus, textarea:focus, select:focus {
    border-color: #1ea8c6;
    -webkit-transitio: all 0.25s ease-in;
    -moz-transition: all 0.25s ease-in;
    -ms-transition: all 0.25s ease-in;
    -o-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in; }

/*----------------------------------------------   
--Selects
-----------------------------------------------  */
select, .select {
  -webkit-appearance: none;

  background-image: url(data:images/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAICAYAAADuv08kAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjI3NTA0QTJBMkMyNDExRTM4RUFFODVGREE5OEU3OUJGIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjI3NTA0QTJCMkMyNDExRTM4RUFFODVGREE5OEU3OUJGIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Mjc1MDRBMjgyQzI0MTFFMzhFQUU4NUZEQTk4RTc5QkYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Mjc1MDRBMjkyQzI0MTFFMzhFQUU4NUZEQTk4RTc5QkYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5mQh3qAAAAmklEQVR42mIMDQ1lAIJUII5gIB2sAOLZIMaqVatI0sgEpecA8SYSLd0M1UcWgFn8H4gnA/FeIvWB1E2C6qPIYhD4B8RdQHyMgJ7jUHX/GCgATGj8P0DcAsTncai/AMTNUHUM1LQYBH4CcT0QX0cTvwHEdVB5BlpYDAJfgbgGiO9D+SC6GirOQEuLQeADEFcC8Wko/YGBigAgwADvoiJcc4TFQAAAAABJRU5ErkJggg==);
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 1.8em;
  color: #cdcdcd;
  cursor: pointer; }

select[disabled] {
  color: #a8a8a8; }

.safari select,
.chrome select {
  padding-right: 37px; }


form .btn,
form button, button,
input[type="submit"] {
  width: auto !important; }

/*----------------------------------------------   
--Buttons
-----------------------------------------------  */
.btn, .button, button {
  color: white;
  background-color: #1ea8c6;
  font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: center;
  display: inline-block;
  margin: .7em 0 1em;
  padding: 0.5em 1.75em 0.45em;
  text-decoration: none;
  width: auto;
  font-size: 100%;
  line-height: 1.5;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-transitio: all 0.25s ease-in;
  -moz-transition: all 0.25s ease-in;
  -ms-transition: all 0.25s ease-in;
  -o-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;

  /*----------------------------------------------   
  --Clear buttons
  -----------------------------------------------  */ }
  .btn:hover, .button:hover, button:hover {
    background-color: #36c2e1;
    color: white;
    -webkit-transitio: all 0.25s ease-in;
    -moz-transition: all 0.25s ease-in;
    -ms-transition: all 0.25s ease-in;
    -o-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in; }
  .btn:active, .button:active, button:active {
    background-color: #1ea8c6;
    box-shadow: 0 !important;
    position: relative;
    top: 2px;
    -webkit-transitio: background-color 0.2s linear;
    -moz-transition: background-color 0.2s linear;
    -ms-transition: background-color 0.2s linear;
    -o-transition: background-color 0.2s linear;
    transition: background-color 0.2s linear;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none; }
  .btn.btn-alpha, .button.btn-alpha, button.btn-alpha {
    background-color: #1ea8c6; }
  .btn.btn-alpha:hover, .button.btn-alpha:hover, button.btn-alpha:hover {
    background-color: #36c2e1; }
  .btn.btn-alpha:active, .button.btn-alpha:active, button.btn-alpha:active {
    background-color: #1b95b0; }
  .btn.btn-beta, .button.btn-beta, button.btn-beta {
    background-color: #0c1622; }
  .btn.btn-beta:hover, .button.btn-beta:hover, button.btn-beta:hover {
    background-color: #192e48; }
  .btn.btn-beta:active, .button.btn-beta:active, button.btn-beta:active {
    background-color: #050a0f; }
  .btn.btn-delta, .button.btn-delta, button.btn-delta {
    background-color: #c54b0f; }
  .btn.btn-delta:hover, .button.btn-delta:hover, button.btn-delta:hover {
    background-color: #c54b0f; }
  .btn.btn-delta:active, .button.btn-delta:active, button.btn-delta:active {
    background-color: #ad420d; }
  .btn.btn-grey, .button.btn-grey, button.btn-grey {
    background-color: #777777;
    color: rgba(0, 0, 0, 0.9); }
  .btn.btn-grey:hover, .button.btn-grey:hover, button.btn-grey:hover {
    background-color: #1ea8c6; }
  .btn.btn-grey:active, .button.btn-grey:active, button.btn-grey:active {
    background-color: #e43725; }
  .btn.btn-large, .button.btn-large, button.btn-large {
    font-size: 115%;
    padding: 0.6em 2.75em; }
  .btn.btn-med, .button.btn-med, button.btn-med {
    font-size: 90%; }
  .btn.btn-small, .button.btn-small, button.btn-small {
    font-size: 80%; }
  .btn.btn-full, .button.btn-full, button.btn-full {
    width: 100% !important; }
  .btn.btn-block, .button.btn-block, button.btn-block {
    min-width: 12em; }
  .btn.btn-aflat, .button.btn-aflat, button.btn-aflat {
    -webkit-box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.3);
    -o-box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.3); }
  .btn.btn-aflat:active, .button.btn-aflat:active, button.btn-aflat:active {
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none; }
  .btn.btn-clear, .button.btn-clear, button.btn-clear {
    background: none;
    border: 2px solid #1ea8c6;
    font-weight: normal;
    font-weight: 500;
    color: #1ea8c6; }
    .btn.btn-clear.alert, .btn.btn-clear.red, .button.btn-clear.alert, .button.btn-clear.red, button.btn-clear.alert, button.btn-clear.red {
      border-color: #e74c3c;
      color: #e74c3c; }
    .btn.btn-clear.white, .button.btn-clear.white, button.btn-clear.white {
      border-color: white;
      color: white; }
  .btn.btn-clear:hover, .btn.btn-clear:focus, .button.btn-clear:hover, .button.btn-clear:focus, button.btn-clear:hover, button.btn-clear:focus {
    background: #1ea8c6;
    color: rgba(255, 255, 255, 0.75); }
    .btn.btn-clear:hover.alert:hover, .btn.btn-clear:hover.red:hover, .btn.btn-clear:focus.alert:hover, .btn.btn-clear:focus.red:hover, .button.btn-clear:hover.alert:hover, .button.btn-clear:hover.red:hover, .button.btn-clear:focus.alert:hover, .button.btn-clear:focus.red:hover, button.btn-clear:hover.alert:hover, button.btn-clear:hover.red:hover, button.btn-clear:focus.alert:hover, button.btn-clear:focus.red:hover {
      border-color: #e74c3c;
      background: #e74c3c;
      color: rgba(255, 255, 255, 0.75); }
    .btn.btn-clear:hover.white:hover, .btn.btn-clear:focus.white:hover, .button.btn-clear:hover.white:hover, .button.btn-clear:focus.white:hover, button.btn-clear:hover.white:hover, button.btn-clear:focus.white:hover {
      border-color: #0c3b55;
      background: #0c3b55;
      color: rgba(255, 255, 255, 0.75); }
  .btn.btn-clear:active, .button.btn-clear:active, button.btn-clear:active {
    border-color: #17829a;
    background: #17829a;
    color: rgba(255, 255, 255, 0.75); }
    .btn.btn-clear:active.alert:active, .btn.btn-clear:active.red:active, .button.btn-clear:active.alert:active, .button.btn-clear:active.red:active, button.btn-clear:active.alert:active, button.btn-clear:active.red:active {
      border-color: #d62c1a;
      background: #d62c1a;
      color: rgba(255, 255, 255, 0.75); }

/*------------------------------------------------
Section Titles
------------------------------------------------ */
.sect-title {
  text-align: left; }
  @media (min-width: 54em) {
    .sect-title {
      text-align: center; } }
  .sect-title p {
    font-size: 110%; }
  .sect-title img {
    margin: 1em auto 0em !important; }
  .sect-title h2, .sect-title h3 {
    -webkit-hyphens: none !important;
    -epub-hyphens: none;
    -moz-hyphens: none;
    hyphens: none; }

.box {
  background: white;
  padding: 0 0 0.1em;
  line-height: 1.5;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); }
  .box h3, .box h4 {
    margin: .8em 0 .5em;
    line-height: 1.4; }
  .box p {
    margin: 0;
    font-size: 100%; }
    @media (min-width: 54em) {
      .box p {
        font-size: 125%; } }
  .box .meta {
    font-size: 75%;
    padding: .4em 0 .1em; }
  .box img {
    width: 100%;
    margin: 0 auto;
    display: block; }
  .box .box-inner {
    padding: 0em 1em .5em;
    clear: right; }
  .box .box-inner-2 {
    padding: 0em 1.5em .5em;
    clear: right; }
  .box.stacked {
    border-top: 1px solid #777777;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 4px 0 -1px white, 0 4px 1px 0px rgba(0, 0, 0, 0.19), 0 8px 0 -2px white, 0 8px 2px -1px rgba(0, 0, 0, 0.17); }

.box-top {
  background: #0c1622;
  text-align: center;
  color: #fff;
  padding: 1em; }

.cc .box-top {
  line-height: 1; }

/*----------------------------------------------   
--Header + Nav
-----------------------------------------------  */
header {
  width: 100%;
  background: #0c1622;
  color: #fff;
  display: block;
  padding: 0.2em 0 0.4em; }
  header .logo {
    margin: 0.2em 0 0;
    display: block;
    max-width: 9em;
    float: left; }
    @media (min-width: 54em) {
      header .logo {
        max-width: 11em;
        margin: 1.1em 0 0;
        float: left; } }
  header p {
    text-align: right;
    float: right;
    font-size: 60%;
    color: rgba(255, 255, 255, 0.6);
    margin: 0.3em 0 0;
    padding: 0; }
    @media (min-width: 54em) {
      header p {
        float: right;
        text-align: right;
        font-size: 100%;
        color: #fff; } }
  header .header-topbar {
    background-color: #0c1622;
    border-bottom: 5px solid white;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
    padding: .5em 0;
    max-height: 4em; }
    header .header-topbar span {
      padding-top: .6em;
      color: #fff;
      font-size: 80%; }
      @media (min-width: 54em) {
        header .header-topbar span {
          font-size: 100%; } }
    header .header-topbar .tagline {
      float: left;
      display: none; }
      @media (min-width: 54em) {
        header .header-topbar .tagline {
          display: inline; } }

.patent-search header p {
  line-height: 1.1; }

footer {
  padding: 3em 0 2em;
  border-top: 1px solid #eeeeee;
  background: #eee; }

section * {
  z-index: 3; }

/*------------------------------------------------
Hero Title Bar
================================================== */
.bar {
  background: rgba(255, 255, 255, 0.7);
  height: auto;
  padding: .05em 0;
  margin: 0 0 0.5em;
  width: 100%;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1); }

.barlines {
  border: 1px double #fff;
  border-width: 1px 0;
  height: 5px;
  margin: .7em 0; }

.sect-bar {
  color: #fff;
  padding: .5em 0 1em;
  text-align: center; }
  .sect-bar h3 {
    padding: 1em 0; }

/*----------------------------------------------   
--Sect Hero
-----------------------------------------------  */
.sect-hero {
  background-image: url(../images/hero-bg-lib.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  background-color: #eee;
  background-size: cover;
  display: block;
  width: 100%;
  overflow: hidden; }
  .sect-hero h2 {
    font-weight: 600;
    margin: 0; }
  .sect-hero h3 {
    font-weight: 400;
    color: #777777;
    margin: 0; }
  @media (min-width: 54em) {
    .sect-hero {
      background-image: url(../images/hero-bg-lib.jpg); } }

@media (min-width: 54em) {
  .patent-search .sect-hero h3 {
    font-size: 1.35em; } }

.hero-pic {
  display: block;
  background: url(../images/hero-girl-talk.png) no-repeat left 7em;
  height: inherit;
  background-size: 100%;
  position: relative;
  z-index: 1;
  padding: 11em 0;
  margin-top: -10em; }
  @media (min-width: 40em) {
    .hero-pic {
      padding: 14em 0;
      margin-top: -12em; } }
  @media (min-width: 50em) {
    .hero-pic {
      background-position: left 11em;
      margin-top: -17em;
      padding: 17em 0; } }
  @media (min-width: 54em) {
    .hero-pic {
      padding: 20em 0;
      margin-top: -11em;
      background-position: left 13em; } }
  @media (min-width: 59em) {
    .hero-pic {
      padding: 19em 0;
      margin-top: -9em;
      background-position: left 9em; } }
  @media (min-width: 72em) {
    .hero-pic {
      background-position: left 7em;
      padding: 19em 0;
      margin-top: -9em; } }

/*
.hero-left{
  position: relative;
  overflow: hidden;
  height: 17.5em;
  margin-bottom: -4em;
  @media (min-width: $mq-med) {
  height: 28.5em;
  }
}
.girl-img {
position: absolute;
z-index: 1;
height: 100%;
top: 0;
-webkit-background-size: 80% auto;
-moz-background-size: 80% auto;
-o-background-size: 80% auto;
background-size: 80% auto;
background-repeat: no-repeat;
background-image: url(../images/hero-girl-talk.png);
background-position: bottom left;
width: 100%;
@media (min-width: $mq-med) {
-webkit-background-size: 80% auto;
-moz-background-size: 80% auto;
-o-background-size: 80% auto;
background-size: 80% auto;
}

}
*/
/*----------------------------------------------   
--Sect - Content
-----------------------------------------------  */
.sect-content {
  padding: 0.5em 0; }

/*----------------------------------------------   
--Sect - Callout
-----------------------------------------------  */
.sect-callout {
  padding: 2em 0 2.5em;
  text-align: center;
  color: #fff; }
  .sect-callout h3 {
    color: #fff;
    text-align: center; }

/*----------------------------------------------   
--Sect - Intros
-----------------------------------------------  */
.sect-intro {
  padding: 1em 0 3.5em; }
  .sect-intro p {
    font-size: 105%; }
    @media (min-width: 54em) {
      .sect-intro p {
        font-size: 115%; } }

/*----------------------------------------------   
--Sect - Welcome
-----------------------------------------------  */
#welcome span {
  color: #098; }

/*----------------------------------------------   
--Sect - logos
-----------------------------------------------  */
#logo-section {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd; }
  #logo-section h3 {
    margin-bottom: 0; }

.carousel_slider_holder {
  padding: 0 0 1.5em; }

/*----------------------------------------------   
--Sect - quote
-----------------------------------------------  */
.sect-quote {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #777; }

.block-quote.cf {
  padding: 0;
  border-bottom: 1px solid #777; }

.quote-block {
  padding: 0;
  margin: 0; }

.quote-block > li {
  width: 100%;
  height: 23em;
  position: relative;
  overflow: hidden;
  padding: 0; }
  @media (min-width: 54em) {
    .quote-block > li {
      float: left;
      height: 24em; } }
  @media (min-width: 72em) {
    .quote-block > li {
      height: 18em; } }

.quote-text {
  position: absolute;
  width: 100%;
  z-index: 2; }
  @media (min-width: 54em) {
    .quote-text {
      width: 50%; } }

.quote-img {
  position: absolute;
  z-index: 1;
  height: 100%;
  top: 0;
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-image: url(../images/cclip-guys.png);
  background-position: bottom right;
  width: 100%;
  right: 0; }
  @media (min-width: 54em) {
    .quote-img {
      width: 25em; } }
  @media (min-width: 72em) {
    .quote-img {
      width: 29em; } }

/*.quote-block:nth-child(1) .quote-img */
/*----------------------------------------------   
--Sect Benefits
-----------------------------------------------  */
#sect-benefits {
  position: relative;
  z-index: 2; }

/*----------------------------------------------   
--bg Form
-----------------------------------------------  */
.bg-form {
  border-top: 2px solid #0c1622;
  padding: 0 1em;
  background: rgba(255, 255, 255, 0.8);
  background-size: 100%;
  position: relative;
  margin-top: 9em; }
  @media (min-width: 32em) {
    .bg-form {
      margin: 0; } }
  @media (min-width: 54em) {
    .bg-form {
      padding: 0 1.5em; } }

.bg-form:after {
  position: absolute;
  top: 0;
  left: 50%;
  display: inline-block;
  border-right: 10px solid rgba(0, 0, 0, 0);
  border-left: 10px solid rgba(0, 0, 0, 0);
  content: '';
  border-top: 10px solid #0c1622; }

.nevershare {
  margin: -1em 0 1em;
  font-size: 85%; }

/*----------------------------------------------   
--Lookie Arrow
-----------------------------------------------  */
.lookie {
  background-image: url(../images/arrow-2.png);
  background-repeat: no-repeat;
  background-size: 113%;
  width: 7em;
  height: 13em;
  position: absolute;
  top: 4em;
  right: 17em;
  background-repeat: no-repeat;
  z-index: 9999;
  display: none; }
  @media (min-width: 54em) {
    .lookie {
      right: 6%;
      display: block; } }
  @media (min-width: 60em) {
    .lookie {
      right: 1%;
      display: block; } }
  @media (min-width: 72em) {
    .lookie {
      right: 10%; } }
  @media (min-width: 80em) {
    .lookie {
      right: 11%; } }
  @media (min-width: 90em) {
    .lookie {
      right: 16%; } }
  @media (min-width: 117em) {
    .lookie {
      right: 22%; } }