/* 
Theme Name: Juice
Theme URI: 
Description: A clean, lightweight and mobile friendly theme.
Version: 1.0
Author: 
Author URI: 
License: 
License URI: 
*/
#section-topnav {
  background-color: #e1e1e1;
}
#section-mainnav {
  background-color: #e1e1e1;
}
#section-slider {
  background-color: #6f2a8e;
}
#section-subheader {
  background-color: #6f2a8e;
}
/*#section-content-main   { } */
#section-content-sub {
  background-color: #b2bb1c;
}
#section-footer {
  background-color: #e1e1e1;
}
#section-footer-sub {
  background-color: #eeeeee;
}
#section-subheader h1,
#section-subheader h3 {
  color: #fff;
}
#section-footer {
  border-bottom: 1px solid #CCC ;
}
#section-footer-sub {
  border-top: 1px solid #FFF ;
}
#topnav {
  text-align: right;
  margin-right: 5px;
}
#topnav a {
  color: #444;
}
#topnav i {
  margin: 3px 5px;
}
#topnav .contact {
  float: right;
  padding: 10px 0 0 10px;
}
#section-header .row {
  margin-bottom: 0;
}
#section-subheader {
  min-height: 200px;
  position: relative;
}
#section-content-main {
  margin-top: 70px;
}
#section-content-sub {
  padding-top: 30px;
}
#section-footer {
  margin-top: 20px;
  padding-top: 20px;
}
#section-footer-sub {
  padding: 20px 0 50px 0;
}
h2,
h3,
h4,
h5,
h6 {
  border-bottom: 2px dotted #6f2a8e !important;
  padding: 0 0 10px 0 !important;
  clear: both;
}
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  text-decoration: none;
}
.widget-area a,
.menu li a {
  color: #555555;
}
.widget-area a:visited,
.menu li a:visited {
  color: #555555;
}
.widget-area a:hover,
.menu li a:hover,
.widget-area a:focus,
.menu li a:focus {
  color: #333333;
}
.widget-area button a {
  color: #fff !important;
}
.read-more a {
  color: #6f2a8e;
}
.read-more a:visited {
  color: #6f2a8e;
}
.read-more a:hover,
.read-more a:focus {
  color: #6f2a8e;
}
.tertiary-link-style a {
  color: #ae94d8;
}
.tertiary-link-style a:visited {
  color: #ae94d8;
}
.tertiary-link-style a:hover,
.tertiary-link-style a:focus {
  color: #ae94d8;
}
#section-content-sub h3 a {
  color: #19388a;
  text-decoration: none;
}
#section-content-sub h3 a:hover,
#section-content-sub h3 a:focus {
  text-decoration: underline;
}
.email a {
  text-decoration: none;
  color: #444444;
}
.email a:hover,
.email a:focus {
  color: #444444;
  text-decoration: underline;
}
.alignnone {
  margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}
.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}
.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}
.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}
a img.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}
a img.alignnone {
  margin: 5px 20px 20px 0;
}
a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}
a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption {
  background: #fff;
  border: 1px solid #f0f0f0;
  max-width: 96%;
  /* Image does not overflow the content area */

  padding: 5px 3px 10px;
  text-align: center;
}
.wp-caption.alignnone {
  margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
  margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
  margin: 5px 0 20px 20px;
}
.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto;
}
.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px;
}
.wp-pagenavi {
  margin: 0 0 20px 0;
}
.read-more-no-terms {
  margin-left: 460px !important;
}
#featured-image-title {
  position: absolute;
  left: 0;
}
#featured-image-title {
  top: 100px;
}
#no-featured-image {
  padding-top: 50px;
}
#featured-image {
  min-height: 270px;
}
#featured-image img {
  float: right;
  z-index: 100;
}
#featured-image:before {
  background: url(./images/background.png) no-repeat scroll 0 0 transparent;
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  top: 1px;
}
.case-study {
  padding: 2px 27px;
  background: #eeeeee;
}
.case-study h2,
.case-study h3,
.case-study h4,
.case-study h5,
.case-study h6 {
  color: #444444;
  font-weight: bold;
}
.text-right {
  text-align: right;
}
.hr-one {
  border-bottom: dotted #ddd;
  border-width: 0 0 2px;
  padding: 0 0 10px 0;
  clear: both;
}
.hr-two {
  border-bottom: dotted #6f2a8e;
  border-width: 0 0 2px;
  padding: 0 0 10px 0;
  clear: both;
}
.hr-three {
  border-bottom: solid #19388a;
  border-width: 0 0 2px;
  clear: both;
  padding: 0 0 10px 0;
  height: 0;
  margin: 0;
}
.hr-four {
  border-bottom: dotted #444444;
  border-width: 0 0 2px;
  clear: both;
  margin: 0 0 10px 0;
  padding: 0 0 10px 0;
  height: 0;
}
footer .hr-four,
footer p {
  margin: 0 0 10px 0;
}
.no-hr {
  border: none !important;
}
::selection {
  color: #fff;
  background: #6f2a8e;
}
::-moz-selection {
  color: #fff ;
  background: #6f2a8e;
}
/*
 * Skeleton V1.2
 * Copyright 2011, Dave Gamache
 * www.getskeleton.com
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 6/20/2012
 */
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,
q:before {
  content: '';
  content: none;
}
blockquote:after,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
body {
  background: #ffffff;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 11pt;
  font-weight: 400;
  color: #444444;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #6f2a8e;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: normal;
}
h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong,
h6 strong {
  color: inherit;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  font-weight: inherit;
}
h1 {
  font-size: 36px;
  line-height: 50px;
  margin-bottom: 14px;
}
h2 {
  font-size: 18pt;
  line-height: 40px;
  margin-bottom: 10px;
}
h3 {
  font-size: 16pt;
  line-height: 34px;
  margin-bottom: 8px;
}
h4 {
  font-size: 14pt;
  line-height: 30px;
  margin-bottom: 4px;
}
h5 {
  font-size: 12pt;
  line-height: 24px;
}
h6 {
  font-size: 11pt;
  line-height: 21px;
}
.subheader {
  color: #777;
}
p {
  margin: 0 0 20px 0;
  line-height: 1.3em;
}
p img {
  margin: 0;
}
p.lead {
  font-size: 21px;
  line-height: 27px;
  color: #777;
}
em {
  font-style: italic;
}
strong {
  font-weight: bold;
  color: #333;
}
small {
  font-size: 80%;
}
pre {
  overflow: scroll;
}
/*  Blockquotes  */
blockquote,
blockquote p {
  font-size: 17px;
  line-height: 24px;
  color: #777;
  font-style: italic;
}
blockquote {
  margin: 0 0 20px;
  padding: 9px 20px 0 19px;
  border-left: 1px solid #ddd;
}
blockquote cite {
  display: block;
  font-size: 12px;
  color: #555;
}
blockquote cite:before {
  content: "\2014 \0020";
}
blockquote cite a,
blockquote cite a:visited,
blockquote cite a:visited {
  color: #555;
}
hr {
  border: solid #ddd;
  border-width: 1px 0 0;
  clear: both;
  margin: 10px 0 30px;
  height: 0;
}
a,
a:visited {
  color: #6f2a8e;
  text-decoration: none;
  outline: 0;
}
a:hover,
a:focus {
  color: #6f2a8e;
  text-decoration: underline;
}
p a,
p a:visited {
  line-height: inherit;
}
/* #Lists
================================================== */
ul,
ol {
  margin-bottom: 20px;
}
ul {
  list-style: none outside;
}
ol {
  list-style: decimal;
}
ol,
ul.square,
ul.circle,
ul.disc {
  margin-left: 30px;
}
ul.square {
  list-style: square outside;
}
ul.circle {
  list-style: circle outside;
}
ul.disc {
  list-style: disc outside;
}
ul ul,
ul ol,
ol ol,
ol ul {
  margin: 4px 0 5px 30px;
  font-size: 90%;
}
ul ul li,
ul ol li,
ol ol li,
ol ul li {
  margin-bottom: 6px;
}
li {
  line-height: 18px;
  margin-bottom: 12px;
}
ul.large li {
  line-height: 21px;
}
li p {
  line-height: 21px;
}
div .page ul,
div .post ul {
  margin-left: 30px;
}
div .page ul li,
div .post ul li {
  line-height: 18px;
  margin-bottom: 12px;
}
div .page ul li:before,
div .post ul li:before {
  color: #19388a;
  content: "\2022";
  position: relative;
  left: -10px;
  top: 3px;
  font-size: 155%;
}
ul.none {
  margin-left: 0px;
}
ul.none li:before {
  display: none;
}
img.scale-with-grid {
  max-width: 100%;
  height: auto;
}
/*.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  .gradient(#eee, rgba(255,255,255,.2), rgba(0,0,0,.2));
  border: 1px solid #aaa;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  .border-radius(3px, 3px, 3px, 3px);
  color: #444;
  display: inline-block;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  text-shadow: 0 1px rgba(255, 255, 255, .75);
  cursor: pointer;
  margin-bottom: 20px;
  line-height: normal;
  padding: 8px 10px;
  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  &:hover {
    color: #222;
    .gradient(#ddd, rgba(255,255,255,.3), rgba(0,0,0,.3));
    border: 1px solid #888;
    border-top: 1px solid #aaa;
    border-left: 1px solid #aaa;
  }
  &:active {
    border: 1px solid #666;
    .gradient(#ccc, rgba(255,255,255,.35), rgba(0,0,0,.4));
  }
  &.full-width {
    width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center;
  }
}*/
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
form {
  margin-bottom: 20px;
}
fieldset {
  margin-bottom: 20px;
}
input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select {
  border: 0px solid #ccc;
  padding: 6px 4px;
  outline: none;
  /*.rounded();*/

  /*font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;*/

  color: #777;
  margin: 0;
  width: 210px;
  max-width: 100%;
  display: block;
  margin-bottom: 20px;
  background: #e1e1e1;
}
select {
  padding: 0;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus {
  border: 0px solid #6f2a8e;
  color: #444;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
textarea {
  min-height: 60px;
}
label,
legend {
  display: block;
  font-weight: bold;
  font-size: 13px;
}
select {
  width: 220px;
}
input[type="checkbox"] {
  display: inline;
}
label span,
legend span {
  font-weight: normal;
  font-size: 13px;
  color: #444;
}
.remove-bottom {
  margin-bottom: 0 !important;
}
.half-bottom {
  margin-bottom: 10px !important;
}
.add-bottom {
  margin-bottom: 20px !important;
}
.show {
  display: block !important;
}
.hide {
  display: none !important;
}
.alignnone {
  max-width: 100%;
  height: auto;
}
.alignnone img {
  height: auto;
  max-width: 100%;
}
.visually-hidden {
  visibility: hidden;
  height: 0;
  width: 0;
}
#skip a {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
#skip a:focus {
  position: static;
  width: auto;
  height: auto;
}
/* 
* Skeleton V1.0.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 5/20/2011
*/
/* Table of Contents
==================================================
	#Base 960 Grid    
	#Tablet (Portrait)
	#Mobile (Portrait) 
	#Mobile (Landscape)
	#Clearing */
/* #Base 960 Grid 
================================================== */
.full-width {
  width: 100%;
}
.container {
  position: relative;
  width: 960px;
  margin: 0 auto;
  padding: 0;
}
.column,
.columns {
  float: left;
  display: inline;
  margin-left: 10px;
  margin-right: 10px;
}
.row {
  margin-bottom: 20px;
}
/* Nested Column Classes */
.column.alpha,
.columns.alpha {
  margin-left: 0;
}
.column.omega,
.columns.omega {
  margin-right: 0;
}
.container .one-third.column {
  width: 300px;
}
.container .two-thirds.column {
  width: 620px;
}
/*****************************
		12 Column
	*****************************/
/* Base Grid */
.container-twelve .one.column {
  width: 60px;
}
.container-twelve .two.columns {
  width: 140px;
}
.container-twelve .three.columns {
  width: 220px;
}
.container-twelve .four.columns {
  width: 300px;
}
.container-twelve .five.columns {
  width: 380px;
}
.container-twelve .six.columns {
  width: 460px;
}
.container-twelve .seven.columns {
  width: 540px;
}
.container-twelve .eight.columns {
  width: 620px;
}
.container-twelve .nine.columns {
  width: 700px;
}
.container-twelve .ten.columns {
  width: 780px;
}
.container-twelve .eleven.columns {
  width: 860px;
}
.container-twelve .twelve.columns {
  width: 940px;
}
/* Offsets */.container-twelve .offset-by-one {
  margin-left: 80px;
}
.container-twelve .offset-by-two {
  margin-left: 160px;
}
.container-twelve .offset-by-three {
  margin-left: 240px;
}
.container-twelve .offset-by-four {
  margin-left: 320px;
}
.container-twelve .offset-by-five {
  margin-left: 400px;
}
.container-twelve .offset-by-six {
  margin-left: 480px;
}
.container-twelve .offset-by-seven {
  margin-left: 560px;
}
.container-twelve .offset-by-eight {
  margin-left: 640px;
}
.container-twelve .offset-by-nine {
  margin-left: 720px;
}
.container-twelve .offset-by-ten {
  margin-left: 800px;
}
.container-twelve .offset-by-eleven {
  margin-left: 880px;
}
/*****************************
		16 Column
	*****************************/
/* Base Grid */
.container-sixteen .one.column {
  width: 40px;
}
.container-sixteen .two.columns {
  width: 100px;
}
.container-sixteen .three.columns {
  width: 160px;
}
.container-sixteen .four.columns {
  width: 220px;
}
.container-sixteen .five.columns {
  width: 280px;
}
.container-sixteen .six.columns {
  width: 340px;
}
.container-sixteen .seven.columns {
  width: 400px;
}
.container-sixteen .eight.columns {
  width: 460px;
}
.container-sixteen .nine.columns {
  width: 520px;
}
.container-sixteen .ten.columns {
  width: 580px;
}
.container-sixteen .eleven.columns {
  width: 640px;
}
.container-sixteen .twelve.columns {
  width: 700px;
}
.container-sixteen .thirteen.columns {
  width: 760px;
}
.container-sixteen .fourteen.columns {
  width: 820px;
}
.container-sixteen .fifteen.columns {
  width: 880px;
}
.container-sixteen .sixteen.columns {
  width: 940px;
}
/* Offsets */.container-sixteen .offset-by-one {
  margin-left: 60px;
}
.container-sixteen .offset-by-two {
  margin-left: 120px;
}
.container-sixteen .offset-by-three {
  margin-left: 180px;
}
.container-sixteen .offset-by-four {
  margin-left: 240px;
}
.container-sixteen .offset-by-five {
  margin-left: 300px;
}
.container-sixteen .offset-by-six {
  margin-left: 360px;
}
.container-sixteen .offset-by-seven {
  margin-left: 420px;
}
.container-sixteen .offset-by-eight {
  margin-left: 480px;
}
.container-sixteen .offset-by-nine {
  margin-left: 540px;
}
.container-sixteen .offset-by-ten {
  margin-left: 600px;
}
.container-sixteen .offset-by-eleven {
  margin-left: 660px;
}
.container-sixteen .offset-by-twelve {
  margin-left: 720px;
}
.container-sixteen .offset-by-thirteen {
  margin-left: 780px;
}
.container-sixteen .offset-by-fourteen {
  margin-left: 840px;
}
.container-sixteen .offset-by-fifteen {
  margin-left: 900px;
}
/* #Tablet (Portrait)
================================================== *//* Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .container {
    width: 768px;
  }
  /*.container .column, 
  		.container .columns { margin-left: 10px; margin-right: 10px;  }*/
  .column.alpha,
  .columns.alpha {
    margin-left: 0;
    margin-right: 10px;
  }
  .column.omega,
  .columns.omega {
    margin-right: 0;
    margin-left: 10px;
  }
  .container .one-third.column {
    width: 236px;
  }
  .container .two-thirds.column {
    width: 492px;
  }
  /*****************************
  			12 Column
  			((768/12) - 20) * 1 = 44
  		*****************************/
  .container-twelve .one.column {
    width: 44px;
  }
  .container-twelve .two.columns {
    width: 108px;
  }
  .container-twelve .three.columns {
    width: 172px;
  }
  .container-twelve .four.columns {
    width: 236px;
  }
  .container-twelve .five.columns {
    width: 300px;
  }
  .container-twelve .six.columns {
    width: 364px;
  }
  .container-twelve .seven.columns {
    width: 428px;
  }
  .container-twelve .eight.columns {
    width: 492px;
  }
  .container-twelve .nine.columns {
    width: 556px;
  }
  .container-twelve .ten.columns {
    width: 620px;
  }
  .container-twelve .eleven.columns {
    width: 684px;
  }
  .container-twelve .twelve.columns {
    width: 748px;
  }
  /* Offsets */.container-twelve .offset-by-one {
    margin-left: 64px;
  }
  .container-twelve .offset-by-two {
    margin-left: 128px;
  }
  .container-twelve .offset-by-three {
    margin-left: 192px;
  }
  .container-twelve .offset-by-four {
    margin-left: 256px;
  }
  .container-twelve .offset-by-five {
    margin-left: 320px;
  }
  .container-twelve .offset-by-six {
    margin-left: 384px;
  }
  .container-twelve .offset-by-seven {
    margin-left: 448px;
  }
  .container-twelve .offset-by-eight {
    margin-left: 512px;
  }
  .container-twelve .offset-by-nine {
    margin-left: 576px;
  }
  .container-twelve .offset-by-ten {
    margin-left: 640px;
  }
  .container-twelve .offset-by-eleven {
    margin-left: 704px;
  }
  /*****************************
  			16 Column
  			((768/16) - 20) * 1 = 28
  		*****************************/
  .container-sixteen .one.column {
    width: 28px;
  }
  .container-sixteen .two.columns {
    width: 76px;
  }
  .container-sixteen .three.columns {
    width: 124px;
  }
  .container-sixteen .four.columns {
    width: 172px;
  }
  .container-sixteen .five.columns {
    width: 220px;
  }
  .container-sixteen .six.columns {
    width: 268px;
  }
  .container-sixteen .seven.columns {
    width: 316px;
  }
  .container-sixteen .eight.columns {
    width: 364px;
  }
  .container-sixteen .nine.columns {
    width: 412px;
  }
  .container-sixteen .ten.columns {
    width: 460px;
  }
  .container-sixteen .eleven.columns {
    width: 508px;
  }
  .container-sixteen .twelve.columns {
    width: 556px;
  }
  .container-sixteen .thirteen.columns {
    width: 604px;
  }
  .container-sixteen .fourteen.columns {
    width: 652px;
  }
  .container-sixteen .fifteen.columns {
    width: 700px;
  }
  .container-sixteen .sixteen.columns {
    width: 748px;
  }
  /* Offsets */.container-sixteen .offset-by-one {
    margin-left: 48px;
  }
  .container-sixteen .offset-by-two {
    margin-left: 96px;
  }
  .container-sixteen .offset-by-three {
    margin-left: 144px;
  }
  .container-sixteen .offset-by-four {
    margin-left: 192px;
  }
  .container-sixteen .offset-by-five {
    margin-left: 240px;
  }
  .container-sixteen .offset-by-six {
    margin-left: 286px;
  }
  .container-sixteen .offset-by-seven {
    margin-left: 336px;
  }
  .container-sixteen .offset-by-eight {
    margin-left: 384px;
  }
  .container-sixteen .offset-by-nine {
    margin-left: 432px;
  }
  .container-sixteen .offset-by-ten {
    margin-left: 480px;
  }
  .container-sixteen .offset-by-eleven {
    margin-left: 528px;
  }
  .container-sixteen .offset-by-twelve {
    margin-left: 576px;
  }
  .container-sixteen .offset-by-thirteen {
    margin-left: 624px;
  }
  .container-sixteen .offset-by-fourteen {
    margin-left: 672px;
  }
  .container-sixteen .offset-by-fifteen {
    margin-left: 720px;
  }
}
/*	#Mobile (Portrait) 
================================================== */
/* Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {
  .container {
    width: 300px;
  }
  .columns,
  .column {
    margin: 0;
  }
  .container .one.column,
  .container .two.columns,
  .container .three.columns,
  .container .four.columns,
  .container .five.columns,
  .container .six.columns,
  .container .seven.columns,
  .container .eight.columns,
  .container .nine.columns,
  .container .ten.columns,
  .container .eleven.columns,
  .container .twelve.columns,
  .container .thirteen.columns,
  .container .fourteen.columns,
  .container .fifteen.columns,
  .container .sixteen.columns,
  .container .one-third.column,
  .container .two-thirds.column {
    width: 300px;
  }
  /* Offsets */.container .offset-by-one,
  .container .offset-by-two,
  .container .offset-by-three,
  .container .offset-by-four,
  .container .offset-by-five,
  .container .offset-by-six,
  .container .offset-by-seven,
  .container .offset-by-eight,
  .container .offset-by-nine,
  .container .offset-by-ten,
  .container .offset-by-eleven,
  .container .offset-by-twelve,
  .container .offset-by-thirteen,
  .container .offset-by-fourteen,
  .container .offset-by-fifteen {
    margin-left: 0;
  }
}
/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .container {
    width: 420px;
  }
  .columns,
  .column {
    margin: 0;
  }
  .container .one.column,
  .container .two.columns,
  .container .three.columns,
  .container .four.columns,
  .container .five.columns,
  .container .six.columns,
  .container .seven.columns,
  .container .eight.columns,
  .container .nine.columns,
  .container .ten.columns,
  .container .eleven.columns,
  .container .twelve.columns,
  .container .thirteen.columns,
  .container .fourteen.columns,
  .container .fifteen.columns,
  .container .sixteen.columns,
  .container .one-third.column,
  .container .two-thirds.column {
    width: 420px;
  }
}
/* #Clearing
================================================== */
/* Self Clearing Goodness */
.container:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
/* Use clearfix class on parent to clear nested columns, 
	or wrap each row of columns in a <div class="row"> */
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
.row:after,
.clearfix:after {
  clear: both;
}
.row,
.clearfix {
  zoom: 1;
}
/* You can also use a <br class="clear" /> to clear columns */
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
/* Slider */
/* CTA */
/* Footer */
/*Footer-sub */
/* CTA blue */
/*@bodyFontFamily: BlissRegular;*/
/*
   This file should contain all navigation elements on the site.
*/
/* !important here is for overide of the default css with superfish */
.sf-menu {
  margin-bottom: 0 !important;
}
.sf-menu a {
  /*        background-color:@navbarColor;*/

  color: #000000 !important;
  border-bottom: 6px solid #e1e1e1;
  border-left: none !important;
  padding: 1em 1em 0.5em !important;
}
.sf-menu a:hover {
  color: #6f2a8e !important;
  text-decoration: none;
}
.sf-menu li {
  border-bottom: 6px solid #e1e1e1;
  border-left: 1px solid #FFFFFF;
}
.sf-menu li:hover {
  border-bottom: 6px solid #6f2a8e;
  background-color: #e1e1e1;
}
.sf-menu li:first-child a {
  border-left: none;
}
.sf-menu li:first-child {
  border-left: none;
}
.sf-menu > .current-page-ancestor,
.sf-menu > li.current_page_item {
  border-bottom: 6px solid #6f2a8e;
}
.sf-arrows .sf-with-ul {
  padding-right: 2em !important;
}
.sf-arrows .sf-with-ul:after {
  top: 62%;
}
.sf-menu ul {
  display: none;
  top: 113%;
  left: 0;
  z-index: 99;
}
.sf-menu li {
  background-color: #e1e1e1;
}
#menu-toggle {
  display: none;
}
#sidebar-left {
  background-color: #e1e1e1;
  padding: 20px 0 5px;
}
#sidebar-left li {
  list-style: none;
}
.pagenav ul ul,
.pagenav .current_page_item ul ul,
.pagenav .current_page_ancestor ul ul,
.pagenav .current_page_ancestor .current_page_item ul ul,
.pagenav .current_page_ancestor .current_page_ancestor ul ul {
  display: none;
}
.pagenav .current_page_item ul,
.pagenav .current_page_ancestor ul,
.pagenav .current_page_ancestor .current_page_item ul,
.pagenav .current_page_ancestor .current_page_ancestor ul,
.pagenav .current_page_ancestor .current_page_ancestor .current_page_item ul,
.pagenav .current_page_ancestor .current_page_ancestor .current_page_ancestor ul {
  display: block;
}
.pagenav {
  font-size: 120%;
}
.pagenav .current_page_parent > a {
  border-bottom: none;
}
.pagenav a {
  display: block;
  padding: 20px 30px 20px 5px;
}
.pagenav a:hover {
  background-color: #19388a;
  color: #fff;
  text-decoration: none;
}
.pagenav ul {
  margin-bottom: 0;
  margin-top: 0;
  padding: 0 0 0 10px;
}
.pagenav ul li {
  margin-bottom: 0;
  border-bottom: 3px solid #fff;
  position: relative;
}
.pagenav ul li ul {
  margin: 0;
  padding: 0;
}
.pagenav ul li ul li {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #fff;
}
.pagenav ul li ul li a {
  padding-left: 20px;
}
.pagenav ul li ul li a:before {
  content: " > ";
}
.pagenav ul li ul li ul li {
  margin: 0;
  padding: 0;
}
.pagenav ul li ul li ul li a {
  padding-left: 50px;
}
.pagenav ul li ul li:last-child {
  border: none;
}
.pagenav ul li:last-child {
  border: none;
}
.pagenav ul li.current_page_item > a {
  background-color: #FFFFFF;
  display: block;
  color: #19388a;
}
.pagenav .fa.fa-play-circle {
  position: absolute;
  right: 10px;
}
#secondary-blog {
  background-color: #e1e1e1;
  padding: 20px;
}
#secondary-blog ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#secondary-blog li {
  line-height: 18px;
  margin-bottom: 2px;
}
#secondary-blog li:before {
  color: rgba(25, 36, 138, 0.9);
  content: ". ";
  font-size: 38px;
}
/*
This file contains any changes to the default flexslider.
NOTE: the flexslider/flexslider.css is still loaded.
*/
.flexslider {
  border: none !important;
  border-radius: none !important;
  box-shadow: none !important;
  margin: 0 !important;
}
.flexslider .slides img {
  height: auto;
  float: right;
  width: 69%;
}
.flexslider .slides li {
  margin: 0;
  position: relative;
  background: #6f2a8e;
  max-height:246px;
}
.flexslider .slides li:before {
  background: url(./images/background.png) no-repeat scroll 0 0 transparent;
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-size: 100% auto;
}
.flexslider .slides .slide-caption {
  position: absolute;
  left: 25px;
  color: #fff;
  top: 94px;
  max-width: 290px;
}
.flexslider .slides .slide-caption .header-bold {
  font-size: 36px;
  line-height: 1em;
}
.flex-direction-nav li {
  margin-bottom: 0;
}
.flex-direction-nav a:before {
  content: "";
  display: inline-block;
  font-family: "flexslider-icon";
  font-size: 20px;
}
/*
    Style the buttons here
*/
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  background-color: #19388a;
  border: 1px solid #19388a;
  color: #fff !important;
  display: inline-block;
  font-size: 12px;
  text-decoration: none;
  cursor: pointer;
  margin-bottom: 20px;
  line-height: normal;
  padding: 8px 20px;
}
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
  background-color: #1d41a3;
  text-decoration: none;
}
.button:active,
button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active {
  text-decoration: none;
}
.button:visited,
button:visited,
input[type="submit"]:visited,
input[type="reset"]:visited,
input[type="button"]:visited {
  color: #fff;
}
.button.full-width,
button.full-width,
input[type="submit"].full-width,
input[type="reset"].full-width,
input[type="button"].full-width {
  width: 100%;
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-align: center;
}
#rss-link {
  background-color: #eeeeee;
}
#rss-link .button {
  margin: 15px 20px;
}
/*
    Form elements
*/
.search-form-container {
  margin: 30px 10px;
}
.search-form-container .search-field {
  display: inline;
  width: 75%;
}
.search-form-container .search-submit {
  padding: 7.1px 15px 5px;
  margin-left: -3px;
}
.search-form-container .contact-form {
  color: #444444 !important;
  float: right;
  margin: -20px 17px 0 0;
}
.ufo-form {
  background: #eeeeee;
  width: 100%;
  padding: 20px;
}
.ufo-form .ufo-customform-row {
  width: 48%;
  display: inline-block;
}
.ufo-form .ufo-customform-row input,
.ufo-form .ufo-customform-row textarea,
.ufo-form .ufo-customform-row select {
  border: 1px solid #e1e1e1;
  background: #fff;
}
.ufo-form .ufo-customform-row table#recaptcha_table {
  background: #fff;
}
.ufo-form .align-top {
  vertical-align: top!important;
}
.ufo-form .align-bottom {
  vertical-align: bottom !important;
}
#ufo-form-id-3 .ufo-customform-row {
  width: 100%;
}
/*
 Place all media queries here
*/
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
  #menu-toggle {
    display: block;
    padding: 11px 10px 11px 12px;
    border-left: 1px solid #fff;
  }
  #menu-toggle a {
    color: #000;
    text-decoration: none;
  }
  #menu-toggle .text {
    font-size: 200%;
  }
  #menu-main {
    display: none;
  }
  #menu-main.show {
    display: block;
  }
  .sf-menu {
    width: 100%;
    float: none;
  }
  .sf-menu a {
    width: 100%;
    border-top: 0;
  }
  .sf-menu ul {
    position: relative;
  }
  .sf-menu li {
    border-left: 0;
    width: 100%;
  }
  .sf-menu li:first-child {
    padding-top: 15px;
    border-top: 1px solid #fff;
  }
}
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .three.columns.featured {
    width: 45%;
  }
  .call_to_action .featured-image-container {
    width: 170px;
    height: 200px;
    overflow: hidden;
    display: inline-block;
  }
  .call_to_action .featured-image-container img {
    height: 100%;
    width: auto;
    clip: rect(0px, 60px, 200px, 0px);
  }
  .call_to_action .featured-wrap {
    display: inline-block;
    vertical-align: top;
    width: 45%;
    padding: 0 0 0 5px;
  }
  .call_to_action .featured-wrap h3 {
    padding: 0 !important;
    margin: 0;
  }
  .call_to_action .featured-wrap hr {
    margin: 0 0 5px;
    padding: 0;
  }
  .call_to_action .entry-content{
    min-height:120px;
  }
  #section-content-sub container.twelve.three.columns {
    width: 45%;
  }
}
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
  #topnav {
    text-align: center;
  }
  #topnav .contact {
    display: block;
    float: none;
    margin: 10px 0 10px -8px;
  }
  #headerLogo img {
    display: block;
    margin: 20px auto 0;
  }
  #menu-toggle .text {
    display: none;
  }
  .featured-image {
    margin: 0 12%;
  }
  #featured-image img {
    display: none;
  }
  .flexslider .slides li{
    background:#6f2a8e;
  }
  .flexslider .slides li:before{
    background:none;
  }
  .flexslider .slides .slide-caption {
    top: 2px;
    font-size: 60%;
    left:0;
    position: relative;
    padding-bottom: 18px;
  }
  .flexslider .slides img{
    width:100%;
  }
  .flex-direction-nav{
    display:none;
  }
}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
  
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
  .flexslider .slides .slide-caption .header-bold {
    font-size: 25px;
  }
}
/*
 Font files imported in.
*/
@font-face {
  font-family: BlissRegular;
  src: url('./fonts/BlissRegular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;/*      src: url('../fonts/FontName.eot');*/
  /*      src: url('../fonts/FontName.eot?iefix') format('eot'),
             url('../fonts/FontName.woff') format('woff'),*/
  /*           url('../fonts/FontName.svg#webfontZam02nTh') format('svg');*/
}
/*---------------------------------------------------
    LESS Elements 0.9
  ---------------------------------------------------
    A set of useful LESS mixins
    More info at: http://lesselements.com
  ---------------------------------------------------*/
@media only screen and (min-width: 960px) {
  .featured-image-container > img {
    width: 100%;
  }
  .featured-wrap .entry-content {
    min-height: 86px;
  }
}

.mc4wp-form input {
  background: #fff none repeat scroll 0 0;
}

.mc4wp-form input[type="submit"] {
  background: #19388a none repeat scroll 0 0;
}

.wp-video{
  display:inline-block;
}

.IN-widget span:first-child {
  display: none;
}

.socialize-button iframe, .socialize-in-button iframe{
  min-width: 50px;
}

.socialize-button{
  width:auto !important;
  min-width: 50px;
}