/* Style Includes */
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic');
@import url('https://cdnjs.cloudflare.com/ajax/libs/normalize/3.0.3/normalize.min.css');
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css');

/* Responsive Grid */

.row-fluid {
    width: 100%;
    *zoom: 1;
}

.row-fluid:before, .row-fluid:after {
    display: table;
    content: "";
}

.row-fluid:after {
    clear: both;
}

.row-fluid [class*="span"] {
    display: block;
    float: left;
    width: 100%;
    min-height: 28px;
    margin-left: 2.127659574%;
    *margin-left: 2.0744680846382977%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.row-fluid [class*="span"]:first-child {
    margin-left: 0;
}

.row-fluid .span12 {
    width: 99.99999998999999%;
    *width: 99.94680850063828%;
}

.row-fluid .span11 {
    width: 91.489361693%;
    *width: 91.4361702036383%;
}

.row-fluid .span10 {
    width: 82.97872339599999%;
    *width: 82.92553190663828%;
}

.row-fluid .span9 {
    width: 74.468085099%;
    *width: 74.4148936096383%;
}

.row-fluid .span8 {
    width: 65.95744680199999%;
    *width: 65.90425531263828%;
}

.row-fluid .span7 {
    width: 57.446808505%;
    *width: 57.3936170156383%;
}

.row-fluid .span6 {
    width: 48.93617020799999%;
    *width: 48.88297871863829%;
}

.row-fluid .span5 {
    width: 40.425531911%;
    *width: 40.3723404216383%;
}

.row-fluid .span4 {
    width: 31.914893614%;
    *width: 31.8617021246383%;
}

.row-fluid .span3 {
    width: 23.404255317%;
    *width: 23.3510638276383%;
}

.row-fluid .span2 {
    width: 14.89361702%;
    *width: 14.8404255306383%;
}

.row-fluid .span1 {
    width: 6.382978723%;
    *width: 6.329787233638298%;
}

.container-fluid {
    *zoom: 1;
}

.container-fluid:before, .container-fluid:after {
    display: table;
    content: "";
}

.container-fluid:after {
    clear: both;
}

@media (max-width: 767px) {
    .row-fluid {
        width: 100%;
    }

    .row-fluid [class*="span"] {
        display: block;
        float: none;
        width: auto;
        margin-left: 0;
    }
}

@media (min-width: 768px) and (max-width: 1139px) {
    .row-fluid {
        width: 100%;
        *zoom: 1;
    }

    .row-fluid:before, .row-fluid:after {
        display: table;
        content: "";
    }

    .row-fluid:after {
        clear: both;
    }

    .row-fluid [class*="span"] {
        display: block;
        float: left;
        width: 100%;
        min-height: 28px;
        margin-left: 2.762430939%;
        *margin-left: 2.709239449638298%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    .row-fluid [class*="span"]:first-child {
        margin-left: 0;
    }

    .row-fluid .span12 {
        width: 99.999999993%;
        *width: 99.9468085036383%;
    }

    .row-fluid .span11 {
        width: 91.436464082%;
        *width: 91.38327259263829%;
    }

    .row-fluid .span10 {
        width: 82.87292817100001%;
        *width: 82.8197366816383%;
    }

    .row-fluid .span9 {
        width: 74.30939226%;
        *width: 74.25620077063829%;
    }

    .row-fluid .span8 {
        width: 65.74585634900001%;
        *width: 65.6926648596383%;
    }

    .row-fluid .span7 {
        width: 57.182320438000005%;
        *width: 57.129128948638304%;
    }

    .row-fluid .span6 {
        width: 48.618784527%;
        *width: 48.5655930376383%;
    }

    .row-fluid .span5 {
        width: 40.055248616%;
        *width: 40.0020571266383%;
    }

    .row-fluid .span4 {
        width: 31.491712705%;
        *width: 31.4385212156383%;
    }

    .row-fluid .span3 {
        width: 22.928176794%;
        *width: 22.874985304638297%;
    }

    .row-fluid .span2 {
        width: 14.364640883%;
        *width: 14.311449393638298%;
    }

    .row-fluid .span1 {
        width: 5.801104972%;
        *width: 5.747913482638298%;
    }
}

@media (min-width: 1280px) {
    .row-fluid {
        width: 100%;
        *zoom: 1;
    }

    .row-fluid:before, .row-fluid:after {
        display: table;
        content: "";
    }

    .row-fluid:after {
        clear: both;
    }

    .row-fluid [class*="span"] {
        display: block;
        float: left;
        width: 100%;
        min-height: 28px;
        margin-left: 2.564102564%;
        *margin-left: 2.510911074638298%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    .row-fluid [class*="span"]:first-child {
        margin-left: 0;
    }

    .row-fluid .span12 {
        width: 100%;
        *width: 99.94680851063829%;
    }

    .row-fluid .span11 {
        width: 91.45299145300001%;
        *width: 91.3997999636383%;
    }

    .row-fluid .span10 {
        width: 82.905982906%;
        *width: 82.8527914166383%;
    }

    .row-fluid .span9 {
        width: 74.358974359%;
        *width: 74.30578286963829%;
    }

    .row-fluid .span8 {
        width: 65.81196581200001%;
        *width: 65.7587743226383%;
    }

    .row-fluid .span7 {
        width: 57.264957265%;
        *width: 57.2117657756383%;
    }

    .row-fluid .span6 {
        width: 48.717948718%;
        *width: 48.6647572286383%;
    }

    .row-fluid .span5 {
        width: 40.170940171000005%;
        *width: 40.117748681638304%;
    }

    .row-fluid .span4 {
        width: 31.623931624%;
        *width: 31.5707401346383%;
    }

    .row-fluid .span3 {
        width: 23.076923077%;
        *width: 23.0237315876383%;
    }

    .row-fluid .span2 {
        width: 14.529914530000001%;
        *width: 14.4767230406383%;
    }

    .row-fluid .span1 {
        width: 5.982905983%;
        *width: 5.929714493638298%;
    }
}

/* Clearfix */

.clearfix {
    *zoom: 1;
}

.clearfix:before, .clearfix:after {
    display: table;
    content: "";
}

.clearfix:after {
    clear: both;
}

/* Visibilty Classes */

.hide {
    display: none;
}

.show {
    display: block;
}

.invisible {
    visibility: hidden;
}

.hidden {
    display: none;
    visibility: hidden;
}

/* Responsive Visibilty Classes */

.visible-phone {
    display: none !important;
}

.visible-tablet {
    display: none !important;
}

.hidden-desktop {
    display: none !important;
}

@media (max-width: 767px) {
    .visible-phone {
        display: inherit !important;
    }

    .hidden-phone {
        display: none !important;
    }

    .hidden-desktop {
        display: inherit !important;
    }

    .visible-desktop {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 1139px) {
    .visible-tablet {
        display: inherit !important;
    }

    .hidden-tablet {
        display: none !important;
    }

    .hidden-desktop {
        display: inherit !important;
    }

    .visible-desktop {
        display: none !important ;
    }
}

/* ==========================================================================

   Index:

  1. BASE STYLES   
  - Variables
  - Macros
  - Base
  - Typography

  2. COS STRUCTURE
  - Structure
  - Header
  - Content
  - Footer

  3. MAIN NAVIGATION
  - Custom Menu Primary
  - Mobile Menu

  4. MODULES

  5. COS COMPONENTS
  - Blog
  - Forms
  - Buttons

   ========================================================================== */


/* ==========================================================================


   1. BASE STYLES


   ========================================================================== */


/* ==========================================================================
   Theme Variables
   ========================================================================== */

/* Colors */















/* Typography */




/* Containers */




/* Background Colors */



/* ==========================================================================
   End Theme Variables
   ========================================================================== */



/* ==========================================================================
   Macros
   ========================================================================== */










/* ==========================================================================
   Base
   ========================================================================== */


/** 
 * Box Sizing
 * 
 * Applies a natural box layout model to all elements so that width and padding 
 * are essentially combined, making responsive styles easier to manage.
 */

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

html, body {
  min-height: 100%;
  margin: 0;
  padding: 0;
} 

html {
  background: #fff;
}

/* Website background color and default font styles */
body {
  color: #4a4a4a;
  font-family: 'Lato', sans-serif;
  font-size: 17px;
  line-height: 1.5;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  
  max-width: 1295px;
  margin: 0 auto;
  -webkit-box-shadow: 0 0 7px 0 rgba(0,0,0,0.19);
  -moz-box-shadow: 0 0 7px 0 rgba(0,0,0,0.19);
  box-shadow: 0 0 7px 0 rgba(0,0,0,0.19);
}

/**
 * Page Center
 *
 * Apply .page-center to full-width modules.
 */

.container-fluid .row-fluid .page-center,
.page-center {
  float: none;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}

.container-fluid .row-fluid .center-small,
.center-small {
  float: none;
  max-width: 920px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}

a {
  text-decoration: none;
  position: relative;
  -webkit-backface-visibility: hidden;
  color: #1e95e9;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  -ms-transition: all .3s ease;
  transition: all .3s ease;
}
a.alt {
  color: #ff7800;
}
a:hover, a:focus,
a.alt:hover, a.alt:focus {
  color: #4a4a4a;
  text-decoration: none;
}

hr {
  color: #ccc;
  height: 1px;
  border: none;
  margin: 20px 0;
  padding: 0;
  border: 0;
  border-top: 1px solid #ccc;
  clear: both;
}

/* Highlighted Text */
::-moz-selection {
  color: #fff;
  background: #1e95e9;
  text-shadow: none;
}
::selection {
  color: #fff;
  background: #1e95e9;
  text-shadow: none;
}

/* Corrects width issues in table elements created via the wysiwyg editor */
table tr td img {
  max-width: initial;
}

.alignright,
img[align="right"]{
  float: right;
  margin: 0 0 20px 20px;
}

.alignleft,
img[align="left"]{
  float: left;
  margin: 0 20px 20px 0;
}

.aligncenter {
  display: block;
  margin: 0 auto;
}

.text-uppercase {
  text-transform: uppercase;
}

.text-bold {
  font-weight: 700;
}


/* ==========================================================================
   Typography
   ========================================================================== */

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

.text-700 {
  font-weight: 700;
}

/* Basic text */
p {
  margin: 0 0 20px;
} 
small {}
strong {
  font-weight: 700;
}
em {}
cite {}
code {}
pre {}

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

sup { top: -0.5em; }
sub { bottom: -0.25em; }

/* Headings */
h1, h2, h3, h4, h5, h6 {
  line-height: normal;
  margin: 0 0 20px;
  font-weight: 700;
  font-family: 'Lato', sans-serif;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {}

h1 {
  font-size: 33px;
}

h2 {
  font-size: 28px;
}

h2 span {
  color: #ff7800;
}

h3 {
  font-size: 21px;
}

h4 {
  font-size: 20px;
  color: #1e95e9;
}

h5 {
  font-size: 20px;
}

h6 {
  font-size: 18px;
}

/* Lists */
ul, ol {
  margin: 0 0 20px;
}

.hs_cos_wrapper_type_rich_text ul {
  list-style: none;
  padding-left: 0;
}

.hs_cos_wrapper_type_rich_text ul li {
  padding-left: 15px;
  margin-bottom: 10px;
}

.hs_cos_wrapper_type_rich_text ul li:before {
  content: "\f105 ";
  color: #1e95e9;
  font-family: FontAwesome;
  display: inline-block;
  width: 15px;
  margin-left: -15px;
}
ul ul, ul ol, ol ol, ol ul {}
li {}

ul.unstyled, ol.unstyled {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Quotes */
blockquote {}
blockquote p {}
blockquote small {}
blockquote small:before {}

q:before, q:after, blockquote:before, blockquote:after {}

/* ==========================================================================
   Buttons
   ========================================================================== */

/* All Global Buttons (Excluding CTAs)
   ========================================================================== */

.button,
.hs-button,
.cta-button,
.more-button a,
input[type="submit"] {
  display: inline-block;
  border: none;
  margin: 0;
  padding: 12px 24px;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 17px;
  font-weight: 700;
  text-align: center;
  cursor: pointer;
  line-height: 19px;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  -ms-transition: all .3s ease;
  transition: all .3s ease;;
  background: #1e95e9;
  -webkit-appearance: none;
  font-family: 'Lato', sans-serif;
  font-size: 17px;
}

.button-alt,
.cta-button-alt {
  background: #ff7800;
}

.button:hover,
.hs-button:hover,
.cta-button:hover,
.cta-button-alt:hover,
.more-button a:hover,
.button-alt:hover,
input[type="submit"]:hover {
  color: #fff;
  background: #4a4a4a;
  text-decoration: none;
}

.button-white,
.cta-button-white {
  background: #fff;
  color: #1e95e9;
}

.button-white:hover,
.cta-button-white:hover {
  background: #ff7800;
  color: #fff;
}

.button-clear, .cta-button-clear {
  border: 2px solid #fff;
  color: #fff;
  background: none;
}

.button-alt.button-clear,
.cta-button-alt.cta-button-clear {
  border: 2px solid #ff7800;
  color: #ff7800;
}

.button-clear:hover,
.button-alt.button-clear:hover,
.cta-button-clear:hover {
  border: 2px solid #1e95e9;
  background: none;
}

.cta-button-alt.cta-button-clear:hover {
  color: #fff;
  border: 2px solid #1e95e9;
  background: #1e95e9;
}


/* ==========================================================================


   2. COS STRUCTURE


   ========================================================================== */

.row-fluid [class*="span"] {
  min-height: 0;
}

@media (min-width: 768px) {
  .col-sm-push-6,
  .col-sm-pull-6 {
    position: relative;
  }
  
  .col-sm-push-6 {
    left: 50%;
    margin-left: 2.127659574% !important;
  }
  
  .col-sm-pull-6 {
    right: 50%;
    margin-left: 0 !important;
  }
}

/* ==========================================================================
   Structure
   ========================================================================== */


/* The outer wrappers of your website */
.header-container-wrapper, 
.body-container-wrapper, 
.footer-container-wrapper {}

/* The inner wrappers of your website */
.header-container, 
.body-container, 
.footer-container {}




/* ==========================================================================
   Header
   ========================================================================== */

.header-container {
  padding: 25px 0;
}

@media (min-width: 768px) {
  .header-container-wrapper {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
  }
  
  .header-container {
    background: #fff;
    background: rgba( 255, 255, 255, 1 );
    border-bottom: 1px solid #f7f7f7;
    height: 150px;
    max-width: 1295px;
    margin-left: auto;
    margin-right: auto;
    padding: 25px 0;
    -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  -ms-transition: all .3s ease;
  transition: all .3s ease;;
  }
  
  .header-container img {
    height: auto;
    -webkit-transition: width .3s ease;
  -moz-transition: width .3s ease;
  -o-transition: width .3s ease;
  -ms-transition: width .3s ease;
  transition: width .3s ease;;
  }
  
  .sticky .header-container {
    border-bottom: 1px solid #ccc;
    background: rgba( 255, 255, 255, 0.9 );
    height: 130px;
    padding: 15px 0;
  }

  .site-header .row-fluid-wrapper {
  display: table;
  width: 100%;
  }
  
  .site-header .row-fluid {
  display: table-row;
  width: 100%;
  }
  
  .site-header .widget-type-logo {
  display: table-cell;
  float: none;
  }
  
  .site-header .span7.widget-type-menu,
  .site-header .span7.widget-type-cell {
  display: table-cell;
  float: none;
  vertical-align: middle;
  padding-left: 2.762430939%;
  }
  
  .site-header .widget-type-raw_jinja {
    margin-top: 8px;
  }
}

/* Logo styling */
.header-container .hs_cos_wrapper_type_logo {}
.header-container .hs_cos_wrapper_type_logo a {}
.header-container .hs_cos_wrapper_type_logo a img {}

@media (max-width: 767px) {
  .header-container .hs_cos_wrapper_type_logo a img {
  width: 200px !important;
  }
}


/* ==========================================================================
   Content
   ========================================================================== */

@media (min-width: 768px) {
  .body-container-wrapper {
    padding-top: 150px;
  }
}
.body-container {}

.section {
  padding: 60px 0;
}

.section-narrow {
  padding: 30px 0;
}

.section-grey {
  background: #f7f7f7;
}

.section-accent {
  background: #1e95e9;
  color: #fff;
  padding: 30px 0;
}

.section-cta {
  font-size: 24px;
}

.section-border-top {
  border-top: 1px solid #ccc;
}

.section-border-bottom {
  border-bottom: 1px solid #ccc;
}

.no-border {
  border: none !important;
}

.no-border-bottom {
  border-bottom: none !important;
}

.border-top {
  border-top: 1px solid #ccc;
}

.border-bottom {
  border-bottom: 1px solid #ccc;
}

.no-padding {
  padding: 0 !important;
}

.no-padding-top {
  padding-top: 0 !important;
}

.no-padding-bottom {
  padding-bottom: 0 !important;
}

.no-margin {
  margin: 0 !important;
}

.no-margin-top {
  margin-top: 0 !important;
}

.no-margin-bottom {
  margin-bottom: 0 !important;
}

.margin-top {
  margin-top: 30px;
}

.margin-bottom {
  margin-bottom: 30px;
}

.padding-top {
  padding-top: 30px;
}

.padding-bottom {
  padding-bottom: 30px;
}

.no-wrap {
  white-space: nowrap;
}

/* Breadcrumbs */

.breadcrumbs {
  background: #1e95e9;
  color: #fff;
  text-transform: uppercase;
  padding: 10px 0;
}

.breadcrumbs a {
  display: inline-block;
  color: #fff;
}

.breadcrumbs a:hover {
  color: #4a4a4a;
}

.breadcrumbs a:first-child {
  padding-left: 0;
}

.breadcrumbs a:last-child {
  padding-right: 0;
  background: none;
}

.breadcrumbs p {
  margin: 0;
}

.breadcrumbs .hs-breadcrumb-menu-item {
  padding: 0 0 0 10px;
}

/* Banner */

.row-fluid [class*="span"].banner,
.row-fluid [class*="span"].cta-banner {
  min-height: 270px;
  color: #fff;
  background: #323232;
  padding: 60px 0;
  background-position: 0 0;
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
  width: 100%;
  font-size: 24px;
  text-align: center;
  display: table;
}

@-moz-document url-prefix() {
  .row-fluid [class*="span"].banner,
  .row-fluid [class*="span"].cta-banner-sll { 
    height: 270px; 
  } 
}

.row-fluid [class*="span"].banner-small {
  min-height: 230px;
}

.row-fluid [class*="span"].banner-white {
  background-color: #fff;
  color: #4a4a4a;
}

.row-fluid [class*="span"].cta-banner-small {
  min-height: 178px;
  padding: 30px 0;
}

@-moz-document url-prefix() {
  .row-fluid [class*="span"].banner-small,
  .row-fluid [class*="span"].cta-banner-small { 
    height: 270px; 
  } 
}

.banner>.row-fluid-wrapper,
.cta-banner>.row-fluid-wrapper,
.banner-table>.row-fluid-wrapper {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}

.banner-content {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}

.banner-content-bottom {
  display: table-cell;
  vertical-align: bottom;
  width: 100%;
}

.banner-image-bottom {
  display: table-cell;
  vertical-align: bottom;
  width: 100%;
}

.row-fluid [class*="span"].banner-accent {
  background-color: #1e95e9;
  color: #fff;
  height: auto;
  min-height: 1px;
  padding: 30px 0;
}

.row-fluid [class*="span"].banner-text {
  background: #f7f7f7;
  border-bottom: 1px solid #ccc;
  height: auto;
  min-height: 1px;
  padding: 30px 0 0;
  color: #4a4a4a;
  text-align: left;
}

.row-fluid [class*="span"].cta-banner.banner-text {
  border-top: 1px solid #ccc;
  border-bottom: 0;
  padding: 60px 0;
  text-align: center;
}

.row-fluid [class*="span"].banner-simple {
  border: none;
  text-align: center;
  padding: 30px 0;
}

.banner-image {
  display: none !important;
}

.banner h1,
.banner h2,
.cta-banner h1,
.cta-banner h2 {
  font-size: 33px;
  text-transform: uppercase;
  font-weight: normal;
}

.banner h1:last-child,
.banner p:last-child,
.cta-banner h1:last-child,
.cta-banner p:last-child {
  margin: 0;
}

.banner .secondary-header {
  font-size: 24px;
  font-weight: 300;
}

/* Vertically centred content */

@media (min-width: 768px) {
  .banner-table .page-center .row-fluid-wrapper,
  .table-display .row-fluid-wrapper {
  display: table;
  width: 100%;
  border-spacing: 0px;
  border-collapse: collapse;
  }
  
  .banner-table .page-center .row-fluid,
  .table-display .row-fluid-wrapper .row-fluid {
  display: table-row;
  width: 100%;
  }
  
  .banner-table .page-center .widget-span,
  .table-display .row-fluid-wrapper .row-fluid .widget-span {
  display: table-cell;
  float: none;
  padding-left: 2.762430939%;
  }
  
  .banner-table .page-center .widget-span:first-child,
  .table-display .row-fluid-wrapper .row-fluid .widget-span:first-child {
  padding-left: 0;
  }
  
  .table-display .row-fluid-wrapper .row-fluid .widget-span {
  vertical-align: top;
  }
  
  .table-display .row-fluid .span3 {
    width:25%;
  }
  
  .table-display .row-fluid .span9 {
    width:75%;
  }
}

/* Mobile Ordering of Sidebar */

@media only screen and (max-width: 767px) {
  .content-wrapper>.row-fluid-wrapper:first-child>.row-fluid:first-child {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  }
  
  .content-wrapper .primary {
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  box-ordinal-group: 1;
  margin-bottom: 30px;
  }
  
  .content-wrapper .sidebar {
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  box-ordinal-group: 2;
  }
}


/* Sidebar */

.sidebar>.row-fluid-wrapper {
  margin-bottom: 30px;
  width: 100%;
  max-width: 300px;
}

@media only screen and (max-width: 767px) {
  .sidebar {
    float: none !important;
    width: 300px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media only screen and (min-width: 768px) {
  .sidebar.rightbar>.row-fluid-wrapper {
    float: right;
  }
}

/* Sidebar Menu */

.sidebar-nav h3 {
  display: none;
  visibility: hidden;
}

.sidebar .hs-menu-wrapper.hs-menu-flow-horizontal>ul,
.sidebar-nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
  background: #f7f7f7;
  border: 1px solid #ccc;
  display: block;
}

.sidebar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1,
.sidebar-nav ul li,
.sidebar-nav .hs_cos_wrapper_type_post_filter ul li,
.sidebar-nav .hs_cos_wrapper_type_post_listing ul li {
  border-bottom: 1px solid #ccc;
  display: block;
  float: none;
  margin: 0;
}

.sidebar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1:last-child,
.sidebar-nav ul li:last-child {
  border-bottom: none;
}

.sidebar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a,
.sidebar-nav ul li a {
  color: #4a4a4a;
  text-decoration: none;
  display: block;
  padding: 10px 15px;
}

.sidebar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.active a,
.sidebar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a:hover,
.sidebar-nav ul li.active a,
.sidebar-nav ul li a:hover {
  color: #fff;
  background: #1e95e9;
}

/* Testimonials */

.sidebar .testimonial p {
  text-transform: uppercase;
  color: #1e95e9;
}

.sidebar .testimonial p em {
  text-transform: none;
  color: #4a4a4a;
}

.sidebar .testimonial p strong {
  display: block;
  text-transform: uppercase;
  color: #4a4a4a;
}

.testimonial-o {
  font-style: italic;
  font-size: 21px;
  padding-left: 53px;
  background: url(//cdn2.hubspot.net/hub/273388/img/icons/testimonial-quote.png) 0 0 no-repeat;
  margin-bottom: 60px;
}

.testimonial-o .testimonial-name {
  color: #ff7800;
  font-weight: 700;
  display: block;
  text-transform: none;
  font-size: 21px;
}

/* 3 Col RSS Listing */

.rss-cols a.hs-rss-title {
  text-decoration: underline;
}

.rss-cols .hs-rss-description a {
  color: #ff7800;
  display: block;
  margin-top: 15px;
  text-decoration: underline;
}

.rss-cols .hs-rss-description a:hover {
  color: #4a4a4a;
}


/* Unique Pages
   ========================================================================== */

/* ------------ Homepage -------------------- */

/* -- Homepage Option 1 -- */

.homepage-1 .widget-type-cta {
  padding: 20px 0px 15px 0px;
}

.homepage-1 .banner-first {
  min-height: 500px !important;
}

.homepage-1 .services {
  text-align: center;
}

.homepage-1 .services .section-header {
  margin-bottom: 15px;
}

.homepage-1 .services .icon-title {
  font-size: 21px;
  margin: 20px 0px;
}

.homepage-1 .services .icon-text {
 margin-bottom: 25px;
}

.homepage-1 .banner-second .section-header {
  text-align: left;
  max-width: 650px;
}

.homepage-1 .banner-second .section-header h1 {
  font-size: 32px;
}

.homepage-1 .banner-second .secondary-header {
  font-size: 18px;
}

.homepage-1 .banner-second .download-cta {
  text-align: left;
}

.homepage-1 .hs_cos_flex-slides img {
  height: 230px;
  width: 250px !important;
  display: inline-block !important;
  border: 1px solid #cfcfcf;
  margin-left: 70px;
  margin-bottom: 10px;
}

.homepage-1 .hs_cos_flex-slider .caption {
  position: relative;
  width: auto;
  top: 0%;
  max-width: 700px;
  text-align: left;
  display: inline-block;
  background: transparent;
  font-size: 17px;
  line-height: 25px;
  color: #4a4a4a;
  vertical-align: top;
  padding: 0px 70px;
}


.homepage-1 .hs_cos_flex-slider .caption p {
  font-size: 17px;
  color: #4a4a4a;
}

.homepage-1 .hs_cos_flex-direction-nav a {
  background: url(//cdn2.hubspot.net/hubfs/273388/ipt/img/template/homepage/grey-slider-arrow.png) no-repeat 0 0;
}


.homepage-1 a.hs_cos_flex-next:hover {
  background: url(//cdn2.hubspot.net/hubfs/273388/ipt/img/template/homepage/blue-right.png) no-repeat 5px;
  background-position: 0px -8px !important;
}

.homepage-1 a.hs_cos_flex-prev:hover {
  background: url(//cdn2.hubspot.net/hubfs/273388/ipt/img/template/homepage/blue-left1.png) no-repeat 5px;
}

.homepage-1 .hs_cos_flex-slider:hover .hs_cos_flex-next {
  background-position: -35px 0px;
}

.homepage-1 .hs_cos_flex-control-paging li a {
  width: 20px;
  height: 20px;
  background:none;
  background-color: #1e95e9;
  border-radius: 0px;
}

.homepage-1 .hs_cos_flex-control-paging li a.hs_cos_flex-active {
  background: #4a4a4a;
}

.homepage-1 .hs_cos_flex-control-nav li {
  margin: 0 15px;
}

.homepage-1 .hs_cos_flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -66px;
  text-align: center;
}

.homepage-1 .latest-blog-posts {
  padding-left: 60px;
}

.homepage-1 .testimonial-title {
  text-align: center;
}

.homepage-1 .widget-type-image_slider {
  margin-top: 30px;
}

.homepage-1 .resources .widget-type-cta {
  /*margin-bottom: 216px;*/
  margin-bottom: 40px;
}

.homepage-1 .large-text {
  font-size: 33px;
  font-weight: 400;
  margin-bottom: 30px;
  text-transform: uppercase;
}

.homepage-1 .latest-blog-posts .hs-rss-item {
  max-width: 295px;
  overflow: hidden;
  width: 100%;
  display: inline-block;
  vertical-align: top;
  padding: 0px;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  float: left;
  height: 450px;
  margin: 0 4% 30px 0px;
}

.homepage-1 .posts-resources {
  border-bottom: 1px solid #cfcfcf;
}

.homepage-1 .latest-blog-posts .hs-rss-item .hs-rss-item-text {
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  box-ordinal-group: 2;
  float: none;
  width: 100%;
  padding: 0;
}

.homepage-1 .latest-blog-posts .hs-rss-description a {
padding-left: 5px;
}

.homepage-1 .latest-blog-posts .hs-rss-item-image-wrapper {
  display: block;
  width: 100%;
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  box-ordinal-group: 1;
  margin-bottom: 8px;
}

.homepage-1 .resources {
  background-color: #f7f7f7;
  padding: 60px 6% 0 4%;
}

.homepage-1 .resources .hs-rss-item {
  margin-bottom: 60px;
}

.homepage-1 a.hs-rss-title {
  text-decoration: underline;
}

.homepage-1 .resources .hs-rss-description a {
  color: #ff7800;
  display: block;
  text-transform: uppercase;
  margin-top: 15px;
}

.homepage-1 .resources .hs-rss-description a:hover {
  color: #4a4a4a;
}

.homepage-1 .banner-third {
  min-height: 200px;
}

.homepage-1 .banner-third .secondary-header {
  font-size: 22px;
}

@media screen and (max-width: 860px) {
  .homepage-1 .hs_cos_flex-direction-nav .hs_cos_flex-next {
    right: auto;
  }
  .homepage-1 .hs_cos_flex-direction-nav .hs_cos_flex-prev {
    left: auto;
  }
  .homepage-1 .hs_cos_flex-direction-nav a {
    background: none;
    display: none;
  }
  .homepage-1 .hs_cos_flex-direction-nav a:hover {
    background: url(//cdn2.hubspot.net/hubfs/273388/ipt/img/template/homepage/grey-slider-arrow.png) no-repeat 0 0;
  }
}

@media (max-width: 767px){
  .homepage-1 .resources .widget-type-cta {
    margin-bottom: 25px;
  }
  .homepage-1 .hs_cos_flex-slider .caption {
    padding: 0px;
  }
  .homepage-1 .hs_cos_flex-slides img {
    margin-left: auto;
  }
  .homepage-1 .latest-blog-posts {
    padding: 20px;
  }
  
#twitter-widget-1 { 
      width:700px; 
  }
}


/* -- Homepage Option 2 -- */

.homepage-2 .banner-first {
  height: 500px;
}

.homepage-2 .section-header {
  text-align: left;
}

.homepage-2 .banner-first h1 {
  font-size: 48px;
}

.homepage-2 .widget-type-cta {
  text-align: left;
  margin-top: 15px;
}

.homepage-2 .icon-block {
  text-align: center;
  padding: 0px 5px;
  margin-bottom: 30px;
}

.homepage-2 .icon-block .feature {
  border: 1px solid #ccc;
  padding: 30px;
}

.homepage-2 .icon-block .section-header h1 {
  font-size: 21px;
  color: #1e95e9;
  font-weight: 300;
  text-align: center;
  padding-top: 25px;
}

.homepage-2 .icon-block .secondary-header {
  text-align: center;
}

.homepage-2 .grey-box {
  background: #f7f7f7;
}

.homepage-2 .download-section {
  background: #f7f7f7;
  padding-left: 60px;
}

.homepage-2 .grey-box .section-header h1 {
  font-weight: 300;
  margin-bottom: 30px;
  font-size: 28px;
  padding-top: 60px;
}

.homepage-2 .download-section img.hs-image-widget {
  float: right;
}

.homepage-2 .resource-download .resource img {
  display: block;
  margin: 0 auto 15px auto;
}

.homepage-2 .resource-download .section-header {
  text-align: center;
}

.homepage-2 .resource-download .section-header h1 {
  font-size: 21px;
}

.homepage-2 .resource-download .widget-type-cta {
  text-align: center;
}

.homepage-2 .resource-download {
  background: #f4fafe;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
} 

.homepage-2 .solutions .section-header h1 {
  font-size: 20px;
  color: #1e95e9;
}

.homepage-2 .solutions .section-header {
  padding-left: 30px;
}

.homepage-2 .solutions .section-header:before {
  position: relative;
  font-family: FontAwesome;
  font-size: 32px;
  color: #ff7800;
  top: 33px;
  left: -46px;
  content: "\f00c";
}

.homepage-2  .title-text {
  font-size: 28px;
  margin-bottom: 30px;
  text-align: center;
}

.homepage-2 .hs_cos_flex-viewport {
  max-height: 250px;
}

.homepage-2 .hs_cos_flex-slides img {
  height: 200px;
}

.homepage-2 .hs_cos_flex-slider .superimpose .caption {
  height: 300px;
  font-size: 17px;
  color: #4a4a4a;
  position: relative;
  top: -174px;
  margin: 0 auto;
  background: none;
}

.homepage-2 .hs_cos_flex-slider .superimpose .caption p {
  color: #4a4a4a;
}

.homepage-2 li.hs_cos_flex-slide-thumb {
  width: 20% !important;
  float: none !important;
  display: inline-block !important;
  margin: 0px 5% !important;
}

.homepage-2 ul.hs_cos_flex-slides.hs_cos_flex-slides-thumb {
  width: 100% !important;
  text-align: center;
  -webkit-transform: none !important;
  transform: none !important;
  -ms-transform: none !important;
}

.homepage-2 li.hs_cos_flex-slide-thumb {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;;
  background: #1e95e9;
}


.homepage-2 li.hs_cos_flex-slide-thumb.hs_cos_flex_thumbnavs-active-slide {
  background: transparent;
}

.homepage-2 .hs_cos_flex-slider {
  width: 100% !important;
}

.homepage-2 li.hs_cos_flex-slide-thumb img {
  width: 100%;
  height: auto;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;;
  opacity: .5;
}

.homepage-2 li.hs_cos_flex-slide-thumb.hs_cos_flex_thumbnavs-active-slide img {
  opacity: 1;
}

.homepage-2 li.hs_cos_flex-slide-main img {
  opacity: 0;
}

.homepage-2 .hs_cos_flex_thumbnavs-direction-nav {
  display: none;
}

.homepage-2 .contact-form {
  background: #f7f7f7;
}

@media (max-width: 400px) {
  .homepage-2 .hs_cos_flex-slider .superimpose .caption {
    background-color: white;
  }
}

@media (max-width: 767px){
  .homepage-2 .resource {
    margin-bottom: 50px;
  }   
  .homepage-2 .download-section .product-image img {
    float: left;
    margin-top: 35px;
  }
  .homepage-2 .download-section {
    padding: 0px 20px 20px 20px;
  }
}


/* -- Homepage Option 3 -- */

.homepage-3 .title-text {
  font-size: 28px;
  text-align: center;
  font-weight: bold;
  margin-bottom: 30px;
}

.homepage-3 .banner-first {
  border-top: 1px solid #cfcfcf;
  padding-top: 30px;
}

.homepage-3 .banner-first .section-header {
  padding-top: 60px;
}

.hompage-3 .section-header p {
  font-size: 21px;
}

.homepage-3 .call-out {
  padding: 60px 0px;
  background: #1e95e9;
}

.homepage-3 .call-out-text {
  color: white;
  font-size: 24px;
}

.homepage-3 .products img {
  margin: 20px 0px;
}

.homepage-3 .produts .product-desc {
  text-align: center;
}

.homepage-3 .left-cta {
  text-align: right;
}

.homepage-3 .banner-second {
  background-position: left center !important;
  background-size: auto 100% !important;
  background-color: white !important;
}

.homepage-3 .banner-second .section-header {
  color: #4a4a4a;
  text-align: left;
}

.homepage-3 .banner-second .section-header h1 {
  text-transform: none;
}

.homepage-3 .banner-second .download-cta {
  text-align: left;
  margin-top: 15px;
}

.homepage-3 .icon-img img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;;
}

.homepage-3 .testimonials .icon-block {
padding-left: 20px;
margin: 20px 0px 40px 0px;
}

.homepage-3 .testimonials .title-text {
  margin-bottom: 35px;
}

.homepage-3 .blog-posts .title-text {
  margin-bottom: 35px;
}

.homepage-3 .companies img {
  text-align: center;
}

.homepage-3 .companies {
  border-top: 1px solid #ccc;
}

.homepage-3 .blog-posts .hs-rss-item {
  max-width: 530px;
  margin-bottom: 40px;
  display: inline-block;
  padding-right: 35px;
  border-left: 5px solid #4a4a4a;
  padding-left: 20px;
  vertical-align: top;
}

.homepage-3 .hs-rss-title {
  font-size: 21px;
  text-decoration: underline;
}

.homepage-3 .blog-posts .widget-type-cta {
  text-align: center;
}

.homepage-3 .map-section {
  border-top: 1px solid #ccc;
  background-color: #f7f7f7;
}

.homepage-3 .map-section .actual-map {
  margin-bottom: 25px;
}

.homepage-3 .service {
  text-align: center;
}

.homepage-3 .services {
  background: #f7f7f7;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.homepage-3 .service .section-header h1 {
  font-size: 21px;
  margin-top: 20px;
  color: #1e95e9;
}

@media (max-width: 767px){
  .homepage-3 .left-cta {
    text-align: center;
    margin: 10px;
  }
  .homepage-3 .products .widget-type-cta {
    text-align: center;
  }
}



/* -- Homepage Option 4 -- */

.homepage-4 .banner-first {
  border-top: 1px solid #ccc;
  padding-bottom: 0px;
}

.homepage-4 .title-text {
  font-size: 28px;
  text-align: center;
  font-weight: bold;
  margin-bottom: 30px;
}

.homepage-4 .services .section-header h1 {
  font-size: 28px;
}

.homepage-4 .service-1 {
  background: rgba(30,149,233,0.3);
}

.homepage-4 .service-2 {
  background: rgba(30,149,233,0.2);
}

.homepage-4 .service-3 {
  background: rgba(30,149,233,0.1);
}

.homepage-4 .service-4 {
  background: rgba(30,149,233,0.05);
}

.homepage-4 .service-515 {
  background: rgba(0,0,0,0.13);
}

.homepage-4 .service {
  text-align: center;
  padding: 30px 15px;
  font-size: 21px;
  margin-bottom: 30px;
}

.homepage-4 .service img {
  margin-bottom: 10px;
  height: 70px;
}

.homepage-4 .services .section-header {
  text-align: center;
}

.homepage-4 .resources .title-text {
  margin-bottom: 50px;
}

.homepage-4 .resources {
  background: #f7f7f7;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  /*height: 400px;*/
}

@media (min-width: 768px) {
  .homepage-4 .resource:nth-child(2) {
    border-left: 1px solid #ccc;
    padding-left: 20px;
  }
}

.homepage-4 .resource .widget-type-cta {
  text-align: center;
  margin: 10px 0px;
}

.homepage-4 .quote {
  padding-left: 53px;
  background: url(//cdn2.hubspot.net/hub/273388/img/icons/testimonial-quote.png) 0 0 no-repeat;
  margin-bottom: 60px;
}

.homepage-4 .widget-type-rss_listing {
padding: 0 4% 0 6%;
}

.homepage-4 .hs-rss-item {
  max-width: 295px;
  overflow: hidden;
  width: 100%;
  display: inline-block;
  vertical-align: top;
  padding: 2px;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  float: left;
  min-height: 430px;
  margin: 0 4% 45px 0;
  background: #f4fafe;
  border: 1px solid #ebebeb;
  padding: 30px;
}

.homepage-4 .hs-rss-item:last-child {
  margin-right: 0 !important;
}

.homepage-4 .hs-rss-item .hs-rss-item-image-wrapper {
  display: block;
  width: 100%;
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  box-ordinal-group: 1;
  margin-bottom: 8px;
}

.homepage-4 .hs-rss-item .hs-rss-item-text {
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  box-ordinal-group: 2;
  width: 100%;
  float: none;
  padding-right: 0px;
}

.homepage-4 .hs-rss-title {
font-size: 21px;
text-decoration: underline;
}

.homepage-4 .company-title {
  text-align: center;
}

.homepage-4 .companies {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.homepage-4 .hs_cos_wrapper_type_rich_text ul li:before {
  content: "\2022"; !important;
}

.homepage-4 .widget-type-form {
  margin: -15px 0px;
}

.homepage-4 #tabs {
  background: #fff;
  border: 1px solid #ccc;
  float: left;
  width: 100%;
  clear: both;
}

.homepage-4 .tab {
  padding: 60px 60px 45px;
  float: left;
  width: 100%;
  clear: both;
}

.homepage-4 .tab a {
  text-decoration: underline;
}

.homepage-4 ul.tab-titles {
  list-style: none;
  margin: 0;
  padding: 0;
  float: left;
  width: 100%;
  clear: both;
}

.homepage-4 ul.tab-titles li {
  display: block;
  float: left;
  width: 33.3333333%;
}

.homepage-4 ul.tab-titles li a {
  display: block;
  text-align: center;
  background: #f4fafe;
  text-transform: uppercase;
  font-weight: 700;
  padding: 20px 5px;
  border-left: 1px solid #f7f7f7;
  border-bottom: 1px solid #f7f7f7;
}

.homepage-4 ul.tab-titles li.active a,
.homepage-4 ul.tab-titles li a:hover {
  background: #fff;
  color: #1e95e9;
  border-bottom-color: transparent;
}

.homepage-4 ul.tab-titles li a:first-child  {
  border-left: none;
}

@media (min-width: 768px) {
  .homepage-4 .hs-rss-item {
    float: left;
    width: 31.33333333333333%;
    margin-right: 3%;
  }
}



/* -- Homepage Option 5 -- */

.homepage-5 .banner-first {
  border-top: 1px solid #ccc;
  padding-bottom: 0px;
}

.homepage-5 .title-text {
  font-size: 28px;
  text-align: center;
  font-weight: bold;
  margin-bottom: 30px;
}

.homepage-5 .services .section-header h1 {
  font-size: 28px;
}

.homepage-5 .service-1 {
  background: rgba(23,86,130,0.9);
}

.homepage-5 .service-2 {
  background: rgba(30,149,233,0.2);
}

.homepage-5 .service-3 {
  background: rgba(30,149,233,0.1);
}

.homepage-5 .service-5 {
  background: rgba(30,149,233,0.05);
}

.homepage-5 .service {
  text-align: center;
  padding: 30px 15px;
  font-size: 21px;
  margin-bottom: 30px;
}

.homepage-5 .service img {
  margin-bottom: 10px;
  height: 90px;
}

.homepage-5 .services .section-header {
  text-align: center;
}



/* -- Homepage Option 6 -- */

.homepage-6 .banner-first {
  border-top: 1px solid #ccc;
  padding-bottom: 0px;
}

.homepage-6 .title-text {
  font-size: 28px;
  text-align: center;
  font-weight: bold;
  margin-bottom: 30px;
}

.homepage-6 .services .section-header h1 {
  font-size: 28px;
}

.homepage-6 .service-1 {
  background: rgba(8,159,255,0.5);
}

.homepage-6 .service-2 {
  background: rgba(8,159,255,0.5);
}

.homepage-6 .service-3 {
  background: rgba(8,159,255,0.5);
}

.homepage-6 .service-4 {
  background: rgba(8,159,255,0.5);
} 

.homepage-6 .service-5 {
  background: rgba(8,159,255,0.5);
}

.homepage-6 .service-6 {
  background: rgba(8,159,255,0.5);
}

.homepage-6 .service {
  text-align: center;
  padding: 30px 15px;
  font-size: 21px;
  margin-bottom: 30px;
}

.homepage-6 .service img {
  margin-bottom: 10px;
  height: 90px;
}

.homepage-6 .services .section-header {
  text-align: center;
}



/* -- Homepage Option 7 -- */

.homepage-7 .banner-first {
  border-top: 1px solid #ccc;
  padding-bottom: 0px;
}

.homepage-7 .title-text {
  font-size: 28px;
  text-align: center;
  font-weight: bold;
  margin-bottom: 30px;
}

.homepage-7 .services .section-header h1 {
  font-size: 28px;
}

.homepage-7 .service-7 {
  background: rgba(30,149,233,100);
}

.homepage-7 .service-8 {
  background: rgba(30,149,233,100);
}

.homepage-7 .service-9 {
  background: rgba(30,149,233,100);
}

.homepage-7 .service-10 {
  background: rgba(30,149,233,100);
} 

.homepage-7 .service-11 {
  background: rgba(30,149,233,100);
}

.homepage-7 .service-12 {
  background: rgba(30,149,233,100);
}

.homepage-7 .service {
  text-align: center;
  padding: 30px 15px;
  font-size: 21px;
  margin-bottom: 30px;
}

.homepage-7 .service img {
  margin-bottom: 10px;
  height: 90px;
}

.homepage-7 .services .section-header {
  text-align: center;
}



/* -- Homepage Option 8 for BAASS Connect 2016 Exhibitors-- */

.homepage-8 .banner-first {
  border-top: 1px solid #e9e9e9;
  padding-bottom: 0px;
}

.homepage-8 .title-text {
  font-size: 28px;
  text-align: center;
  font-weight: bold;
  margin-bottom: 30px;
}

.homepage-8 .section-services {
  border-top: 1px solid #e9e9e9;
  padding-bottom: 0px;
}

.homepage-8 .services .section-header h1 {
  font-size: 28px;
}

.homepage-8 .service-1 {
  background: rgba(255,255,255,1.9);
}

.homepage-8 .service-2 {
  background: rgba(30,149,233,0.2);
}

.homepage-8 .service-3 {
  background: rgba(30,149,233,0.1);
}

.homepage-8 .service-5 {
  background: rgba(30,149,233,0.05);
}

.homepage-8 .service-19 {
  background: rgba(235,235,235,100);
}

.homepage-8 .service {
  text-align: center;
  padding: 30px 15px;
  font-size: 21px;
  margin-bottom: 30px;
}

.homepage-8 .service img {
  margin-bottom: 10px;
  height: 90px;
}

.homepage-8 .services .section-header {
  text-align: center;
}

.homepage-8 .resources {
  background-color: #e9e9e9;
  padding: 60px 6% 0 4%;
}

.homepage-8 .resources .hs-rss-item {
  margin-bottom: 60px;
}

.homepage-8 a.hs-rss-title {
  text-decoration: underline;
}

.homepage-8 .resources .hs-rss-description a {
  color: #ff7800;
  display: block;
  text-transform: uppercase;
  margin-top: 15px;
}

.homepage-8 .resources .hs-rss-description a:hover {
  color: #4a4a4a;
}



/* ------------ Testimonials Page ------------------ */

.testimonials-page .testimonial img {
  border: 1px solid #ccc !important;
}

.testimonials-page .testimonial h3 {
  color: #1e95e9;
  font-weight: 300;
  text-transform: uppercase;
  font-size: 17px;
  margin-bottom: 5px;
}

.testimonials-page .testimonial p:last-child {
  margin: 0;
}

.testimonials-wrapper > .row-fluid-wrapper {
  padding-bottom: 60px;
  margin-bottom: 60px;
  border-bottom: 1px solid #ccc;
}

.testimonials-wrapper > .row-fluid-wrapper:last-child {
  padding-bottom: 0px;
  margin-bottom: 0px;
  border-bottom: none;
}

@media (min-width: 768px) {
  .testimonial.table-display .row-fluid-wrapper .row-fluid .widget-span.span3 {
    padding-left: 0 !important;
  }
  
  .testimonial.table-display .row-fluid-wrapper .row-fluid .widget-span.span9:first-child {
    padding-right: 2.762430939%;
  }
  
  .testimonial.table-display .row-fluid-wrapper .row-fluid .widget-span {
    vertical-align: middle;
  }
  
  .testimonial .row-fluid .span3:last-child {
    text-align: right;
  }
}

@media only screen and (max-width: 767px) {
  .testimonials-page .testimonial.table-display>.row-fluid-wrapper:first-child>.row-fluid:first-child {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  }
  
  .testimonials-page .testimonial.table-display .span3 {
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  box-ordinal-group: 1;
  margin-bottom: 15px;
  }
  
  .testimonials-page .testimonial.table-display .span9 {
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  box-ordinal-group: 2;
  }
}



/* ------------ Resource Page - Horizontal ------------------ */


.resources-horiz .banner {
  border-bottom: 1px solid #ccc !important;
}

.resources-horiz .text-uppercase {
  text-transform: uppercase;
}

.resources-horiz .entry a {
  color: #ff7800;
  text-decoration: underline;
}

.resources-horiz .entry a:hover {
  color: #4a4a4a;
}

.resources-horiz .blog-posts .resource-item {
  padding-bottom: 30px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 30px;
}

.resources-horiz .blog-posts .resource-item:last-child {
  padding-bottom: 0;
  border-bottom: none;
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  .resources-horiz .featured-image {
    margin-bottom: 35px;
  }
}



/* ------------ Resource Page - Card Based ------------------ */

.resources-cards a.alt {
  text-decoration: underline;
}

.resources-cards .featured-image {
  margin-bottom: 15px;
}

.resources-cards .pagination {
  margin-top: 30px;
}

.resource-topics {
  text-transform: uppercase;
  font-size: 17px;
  text-transform: uppercase;
  margin: 0 0 5px;
  font-weight: 700;
}

.resources-nav {
  background: #f7f7f7;
  border-bottom: 1px solid #ccc;
  padding: 15px 0;
  text-align: center;
}

.resources-nav h3 {
  display: none;
}

.resources-nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline;
}

.resources-nav ul li {
  margin: 0 15px;
  display: inline-block;
}

.resources-nav ul li a:hover,
.resources-nav ul li.active a {
  color: #1e95e9;
  text-decoration: underline;
}

.resources-nav .hs_cos_wrapper_type_post_filter,
.resources-nav .block,
.resources-nav .widget-module {
  display: inline-block;
}


/* Pricing Boxes */

.price-col {
  border: 1px solid #ccc;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;;
  text-align: center;
  overflow: hidden;
  margin: 30px 0;
}

.price-col.price-featured {
  margin: 10px 0;
}

.price-title {
  color: #fff;
  font-size: 30px;
  padding: 15px 5px;
  background: #645d55;
}

.price-col.price-featured .price-title {
  background: #1e95e9;
  padding: 25px 5px;
}

.price-col.price-alt .price-title {
  background: #ff7800;
}

.price-list {
  padding: 30px;
}

.price-list ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.price-list ul li {
  display: block;
  margin-bottom: 15px;
}

.price-list ul li:last-child {
  margin-bottom: 0px;
}

.price-footer {
  background: #f7f7f7;
  padding: 30px;
}

.price-price {
  color: #606060;
  font-size: 90px;
  line-height: 42px;
}

.price-price sup {
  font-size: 50%;
  top: -0.8em;
}

.price-price span {
  font-size: 28px;
  margin-left: -15px;
}

.price-col.price-featured .price-price {
  padding-bottom: 15px;
}

@media (min-width: 768px) and (max-width: 991px) {
  .price-price {
    font-size: 72px;
  }
}  
  


/* ------------ Case Studies ------------------ */

.row-fluid [class*="span"].banner.banner-case-study {
  min-height: 430px;
  color: #4a4a4a;
  text-align: left;
  position: relative;
}

.row-fluid [class*="span"].banner.banner-case-study>.row-fluid-wrapper {
  display: table-cell;
  vertical-align: bottom;
  width: 100%;
  position: relative;
  z-index: 9;
}

.banner-case-study .banner-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.banner-case-study .widget-type-social_sharing,
.casestudy-opt-2 .widget-type-social_sharing {
  margin-top: 15px;
}

.casestudy-opt-1 .testimonial-img img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;;
  border: 1px solid #ccc !important;
}

.casestudy-opt-1 .testimonial-name {
  display: block;
  font-size: 17px;
  text-transform: uppercase;
  color: #1e95e9;
}

.casestudy-opt-1 .testimonial-title {
  font-weight: 700;
}


.cs-results {
  border: 1px solid #ccc;
  text-align: center;
  padding-bottom: 15px;
}

.cs-results .cs-header {
  background: #f7f7f7;
  border-bottom: 1px solid#ccc;
  text-transform: uppercase;
  margin: 0;
  padding: 15px 5px;
  display: block;
  font-weight: 700;
}

.cs-results .cs-header h3 {
  margin: 0;
}

.cs-result {
  font-weight: 700;
  padding: 15px 0;
}

.cs-result .cs-result-large {
  display: block;
  color: #1e95e9;
  font-size: 48px;
  font-weight: 300;
}

.cs-result p {
  margin: 0;
}

/* Case Study Index page */

.cs-box {
  position: relative;
  display: block;
  width: 100%;
  max-width: 540px;
  height: 350px;
  border: 1px solid #ccc;
  margin-bottom: 30px;
}

.cs-box-title {
  background: rgba(255, 255, 255, 0.90);
  position: absolute;
  bottom: 0;
  width: 100%;
  text-transform: uppercase;
  padding: 30px;
  color: #1e95e9;
  font-weight: 700;
  font-size: 24px;
}

.cs-box-stat {
  opacity: 0;
  background: rgba(30, 149, 233, 0.80);
  color: #fff;
  font-size: 36px;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}

.cs-box:hover .cs-box-stat {
  opacity: 1;
}

.cs-box-stat p {
  margin: 0;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);;
}


/* ------------ Contact Us ------------------ */


.contact-page .icon-block {
  text-align: center;
}

.contact-page .icon-title {
  font-weight: 700;
  margin: 20px 0px;
}

.contact-page .map iframe {
  vertical-align: bottom;
}

@media(max-width: 767px){
  .contact-page .icon-block {
    margin-top: 30px;
  }
}

/* -- Contact Us Option 1-- */

.contact-opt-1 .section-header {
  text-align: center;
}



/* -- Contact Us Option 2-- */

.contact-opt-2 .page-header.section-header {
  text-align: center;
  padding-bottom: 50px;
}

.contact-opt-2 .icon-block {
  text-align: left;
  margin-top: -20px;
}

.contact-opt-2 .icon-title {
  padding-left: 35px;
  margin: 20px 0px 0px 0px;
}

.contact-opt-2 .icon-text {
  padding-left: 35px;
}

.contact-opt-2 .icon-block img {
  position: relative;
  top: 45px;
}

.contact-opt-2 .icons-vert {
  margin-top: -15px;
  padding-left: 100px;
}

.contact-opt-2 .form {
  text-align: left;
}

.contact-opt-2 h3.form-title {
  text-align: left;
}

.contact-opt-2 .hs_submit {
  text-align: left;
}

@media (max-width: 767px){
  .contact-opt-2 .icons-vert {
    margin-top: 30px;
    padding-left: 20px;
  }
}

/* -- Contact Us Option 3-- */

.contact-opt-3 .contact-desc {
  padding-bottom: 20px;
  text-align: center;
}



/* About Us */

.about-page .team-member {
  margin-top: 45px;
  text-align: center;
}

.about-page .team-image img {
  display: block;
  margin: 0 auto 10px;
  border: 1px solid #ccc !important;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;;
}

.about-page .team-name {
  text-transform: uppercase;
  color: #1e95e9;
}

.about-page .team-title {
  text-transform: uppercase;
  font-weight: 700;
}

/* Team Page Option 1 */

.team-opt-1 .team-member {
  margin-top: 60px;
  text-align: center;
  position: relative;
}

.team-opt-1 .team-name {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  background: rgba(255,255,255,0.66);
  color: #4a4a4a;
  font-weight: 700;
  font-size: 21px;
  text-transform: uppercase;
  padding: 15px 10px;
}

.team-opt-1 .team-title {
  text-transform: uppercase;
  font-weight: 700;
}

/* Team Page Option 2 */

.team-opt-2 .row-fluid [class*="span"].banner {
  border-bottom: 1px solid #ccc;
  text-align: center;
  padding: 30px 0;
}

.team-opt-2 .team-member {
  margin-top: 60px;
  text-align: center;
  position: relative;
}

.team-opt-2 .team-name {
  color: #4a4a4a;
  font-weight: 700;
  text-transform: uppercase;
  margin-top: 10px;
}

.team-opt-2 .social {
  margin-top: 5px;
}


/* ==========================================================================
   Footer
   ========================================================================== */


.footer-container-wrapper {
  background: #323232;
  font-size: 15px;
  color: #fff;
}
.footer-container {}

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

.footer-container a:hover {
  text-decoration: underline;
  color: #1e95e9;
}

.footer-top {
  background: #434343;
  padding: 15px 0;
  line-height: 42px;
}

.footer-top .hs-menu-wrapper.hs-menu-flow-horizontal>ul {
  display: block;
}

.footer-top .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1 {
  float: none;
  display: inline-block;
}

.footer-bottom {
  padding: 60px 0;
}

.footer-bottom a:hover {
  text-decoration: underline;
}

.footer-menu a {
  color: #fff;
  font-weight: 700;
  font-size: 17px;
  text-transform: uppercase;
  display: inline-block;
  margin: 0 10px;
}

.footer-menu a:hover {
  color: #1e95e9;
}

.footer-menu li:first-child a {
  margin-left: 0px;
}

.footer-menu li:last-child a {
  margin-right: 0px;
}

.footer-bottom ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.footer-bottom li {
  display: inline;
}

.footer-bottom .copyright {
  font-size: 13px;
}

.footer-bottom .copyright p {
  margin: 0 0 5px;
}

.footer-bottom .copyright p.company-address,
.footer-bottom .copyright p.company-phone {
  font-size: 17px;
}

.footer-bottom .copyright p.company-phone {
  font-weight: 700;
  margin-bottom: 15px;
}

.footer-social i {
  color: #fff !important;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  -ms-transition: all .3s ease;
  transition: all .3s ease;;
}

.footer-social i:hover {
  color: #1e95e9 !important;
}

.copyright .hs-menu-wrapper ul {
  margin-top: 15px;
  text-align: left;
}

.copyright .hs-menu-wrapper ul ul {
  display: none;
}

.copyright .hs-menu-wrapper li {
  display: inline-block;
  padding-left: 6px;
  margin-left: 3px;
  border-left: 1px solid #fff;
}

.copyright .hs-menu-wrapper li:first-child {
  padding-left: 0px;
  margin-left: 0px;
  border-left: none;
  padding-right: 3px;
}

.footer-bottom .hs_cos_wrapper_type_post_listing ul li,
.footer-bottom .hs_cos_wrapper_type_rss_listing .hs-rss-item {
  float: left;
  width: 48%;
  margin-right: 4%;
  margin-bottom: 5px;
  font-size: 17px;
}

.footer-bottom .hs_cos_wrapper_type_post_listing ul li:nth-child(2n),
.footer-bottom .hs_cos_wrapper_type_rss_listing .hs-rss-item:nth-child(2n) {
  margin-right: 0;
  clear: right;
}

.footer-bottom .hs_cos_wrapper_type_post_listing ul li:nth-child(2n+1),
.footer-bottom .hs_cos_wrapper_type_rss_listing .hs-rss-item:nth-child(2n+1) {
  clear: left;
}

.footer-bottom .hs_cos_wrapper_type_post_listing ul li a,
.footer-bottom .hs_cos_wrapper_type_rss_listing .hs-rss-item a {
  color: #fff;
  text-decoration: underline;
}

.footer-bottom .hs_cos_wrapper_type_post_listing ul li a:hover,
.footer-bottom .hs_cos_wrapper_type_rss_listing .hs-rss-item a:hover {
  color: #1e95e9;
}

@media (min-width: 768px) {
  .footer-top ul {
  text-align: right;
  }
  
  .footer-bottom .hs_cos_wrapper_type_post_listing,
  .footer-bottom .hs_cos_wrapper_type_rss_listing {
  float: left;
  display: block;
  width: 100%;
  clear: both;
  padding-left: 60px;
  border-left: 1px solid #8a8a8a;
  }
}

@media (max-width: 991px) {
  .footer-menu a {
  font-size: 16px;
  margin: 0 6px;
  }
  
  .footer-bottom .hs_cos_wrapper_type_post_listing ul li,
  .footer-bottom .hs_cos_wrapper_type_rss_listing ul li {
  width: 100%;
  margin-right: 0;
  clear: both;
  }
}

@media (max-width: 767px) {
  .footer-top {
  text-align: center;
  }
  
  .footer-menu li {
  display: block;
  width: 100%;
  }
  
  .footer-menu li a {
  margin: 0px;
  }

  .footer-bottom .footer-posts {
  margin-bottom: 20px;
  }

  .footer-bottom .hs_cos_wrapper_type_post_listing,
  .footer-bottom .hs_cos_wrapper_type_rss_listing,
  .footer-bottom .footer-posts {
  float: left;
  width: 100%;
  clear: both;
  }
  
  .copyright {
  margin-bottom: 30px;
  }
  
  .copyright .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1 {
  float: left;
  width: auto;
  }
}




/* ==========================================================================


   3. MAIN NAVIGATION


   ========================================================================== */





/* ==========================================================================
   Menu Primary
   ========================================================================== */


 /* Set ul background color */
 /* Set li background Color */

.header-container .menu-primary div.hs-menu-wrapper {
  float: right;
}

@media (max-width: 767px){
  .header-container .menu-primary div.hs-menu-wrapper {
  margin-top: 15px;
  }
}

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

/* Parent List */
.menu-primary .hs-menu-wrapper > ul {
  margin: 7px 15px 0;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  -ms-transition: all .3s ease;
  transition: all .3s ease;;
}

.menu-primary .hs-menu-wrapper > ul > li {
  margin: 7px 15px 0;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  -ms-transition: all .3s ease;
  transition: all .3s ease;;
}

.menu-primary .hs-menu-wrapper > ul > li:first-child {
  margin-left: 0;
}

.menu-primary .hs-menu-wrapper > ul > li:last-child {
  margin-right: 0;
}

.menu-primary .hs-menu-wrapper > ul > li > a {
  color:#4a4a4a;
  font-weight: 700;
  font-size: 18px;
  text-transform: uppercase;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  -ms-transition: all .3s ease;
  transition: all .3s ease;;
}

@media (min-width: 768px) and (max-width:1199px) {
  .menu-primary .hs-menu-wrapper > ul > li > a {
    font-size: 16px
  }
  
  .menu-primary .hs-menu-wrapper>ul>li {
    margin-left: 10px;
    margin-right: 10px;
  }
}

@media (min-width: 768px) and (max-width:991px) {
  .menu-primary .hs-menu-wrapper > ul > li > a {
    font-size: 15px
  }
  
  .menu-primary .hs-menu-wrapper>ul>li {
    margin-left: 5px;
    margin-right: 5px;
  }
  
  .menu-primary .hs-menu-wrapper>ul>li>a span {
    padding: 8px 16px !important;
    font-size: 15px !important;
  }
}

.menu-primary .hs-menu-wrapper > ul > li.active > a,
.menu-primary .hs-menu-wrapper > ul > li > a:hover {
  color: #1e95e9;
  text-decoration: underline;
}

@media (min-width: 768px) {
  .menu-primary .hs-menu-wrapper > ul > li > a span {
  display: inline-block;
  border: none;
  margin: -7px 0 0;
  padding: 12px 24px;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 17px;
  font-weight: 700;
  text-align: center;
  cursor: pointer;
  line-height: 19px;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  -ms-transition: all .3s ease;
  transition: all .3s ease;;
  background: #1e95e9;
  }
  
  .sticky .menu-primary .hs-menu-wrapper > ul > li > a span {
  padding: 10px 20px;
  font-size: 15px;
  line-height: 14px;
  }
  
  .menu-primary .hs-menu-wrapper > ul > li > a span:hover,
  .menu-primary .hs-menu-wrapper > ul > li.active > a span {
  background: #ff7800;
  color: #fff;
  }
}

/* Child List */
.menu-primary .hs-menu-wrapper > ul ul{
  padding: 0;
  border: 1px solid #ccc;
  border-bottom: 0;
  background: #fff;
}
.menu-primary .hs-menu-wrapper > ul ul li{
  background:#fff;
  display: block;
  margin: 0;
  border-bottom: 1px solid #ccc;
  text-align: left;
}

.menu-primary .hs-menu-wrapper > ul ul li a {
  color:#4a4a4a;
  display: block;
  padding: 6px 10px;
  font-weight: 400;
  font-size: 16px;
}

.menu-primary .hs-menu-wrapper > ul ul li.active a,
.menu-primary .hs-menu-wrapper > ul ul li a:hover {
  color:#1e95e9;
  background: #f7f7f7;
}

/* Override max width on menu links */
.menu-primary .hs-menu-wrapper > ul li a, 
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
  overflow: visible !important;
  max-width: none !important;
  width: auto !important;
}

/* Fix menu disappearing on desktop after toggling mobile menu */
@media screen and (min-width:768px) {
  .menu-primary .hs-menu-wrapper { 
  display:block !important;
  }
}


/* ==========================================================================
   Mobile Menu - Hubspot Standard Toggle Menu
   ========================================================================== */


/**
 * Special Note
 *
 * When the menu is open, a class of .mobile-open is applied to the body. You can 
 * use this for custom styling on any element when the menu is in the open position.
 */

.mobile-trigger, .child-trigger{
  display: none; /* Hide button on Desktop */
}

@media (max-width: 767px){


  /* Variables
   ========================================================================== */

     /* Set Mobile Menu Background Color */
     /* Set Mobile Menu Hover Background Color */
      /* Set Link Color */
   /* Set Link Hover Color */

  /* 
  * Menu Reset
  *
  * Remove styling from desktop version of custom-menu-primary. Place any 
  * additional CSS you want removed from the mobile menu in this reset 
  */

  .menu-primary,
  .menu-primary .hs-menu-wrapper > ul,
  .menu-primary .hs-menu-wrapper > ul li,
  .menu-primary .hs-menu-wrapper > ul li a{
  display: block;
  float: none;
  position: static;
  top: auto;
  right: auto;
  left: auto;
  bottom: auto;
  padding: 0px;
  margin: 0px;
  background-image: none;
  background-color: transparent;
  border: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; 
  max-width: none;
  width: 100%;
  height: auto;
  line-height: 1;  
  font-weight: normal;
  text-decoration: none;
  text-indent: 0px;
  text-align: left;
  color:#fff;
  }


  /* Toggle Button
   ========================================================================== */

  .mobile-trigger{
  display: inline-block !important; /* Show button on mobile */
  cursor: pointer; /* Mouse pointer type on hover */
  position: absolute; /*******************************************/
  top: 35px;      /* Position Button at right of screen  */
  right: 15px;    /*******************************************/
  width: auto; /* Button width */
  height: auto; /* Button height */    
  padding: 7px 10px 8px 10px;
  background: #ffffff; /* Background color */
  border: 1px solid #ccc;
  font-size: 16px;
  font-weight: normal;
  text-align: left;
  text-transform: uppercase;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;;
  color: #1e95e9; 
  }
  .mobile-trigger:hover{
  text-decoration: none; /* Removes link text underline on button */
  color:#fff;
  background-color: #1e95e9; 
  border-color: transparent;
  }

  /* Change button when menu is open */
  .mobile-open .mobile-trigger{
  color:#1e95e9;
  background-color: #1e95e9; 
  border-color: transparent;
  }


  /* Toggle Button Icon
   ========================================================================== */

  .mobile-trigger i{
  display: inline;
  position: relative;
  top: -4px;
  }
  .mobile-trigger i:before, .mobile-trigger i:after{
  position: absolute;
  content: '';
  }
  .mobile-trigger i, .mobile-trigger i:before, .mobile-trigger i:after{
  width: 22px; /* Icon line width */
  height: 2px; /* Icon line height */
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  -ms-border-radius: 1px;
  border-radius: 1px;;
  background-color: #1e95e9; /* Icon color */
  display: inline-block;
  }
  .mobile-trigger i:before{
  top: -6px; /* Position top line */
  }
  .mobile-trigger i:after{
  top: 6px; /* Position bottom line */
  }
  
  .mobile-trigger:hover i, .mobile-trigger:hover i:before, .mobile-trigger:hover i:after,  
  .mobile-open .mobile-trigger i, .mobile-open .mobile-trigger i:before, .mobile-open .mobile-trigger i:after{
    background-color: #fff; /* Icon color */
  }


  /* Child Toggle Button
   ========================================================================== */

  .child-trigger{
  display: block !important; /* Hide button on Desktop */
  cursor: pointer; /* Mouse pointer type on hover */
  position: absolute;
  top: 0px;
  right: 0px;
  width: 55px !important; /* Button width */
  min-width: 55px !important;
  height: 45px !important; /* Button height */  
  padding: 0 !important;
  border-left: 1px dotted rgba(255, 255, 255, .20);
  }
  .child-trigger:hover{
  text-decoration: none;
  }
  .child-trigger i{
  position: relative;
  top: 50%; /* Centers icon inside button */
  margin: 0 auto !important;
  }
  .child-trigger i:after{
  position: absolute;
  content: '';
  }
  .child-trigger i, .child-trigger i:after{
  width: 10px; /* Icon line width */
  height: 1px; /* Icon line height */
  background-color:#fff; /* Icon color */
  display: block;
  }
  .child-trigger i:after{
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  }
  .child-trigger.child-open i:after{
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
  }
  .child-trigger.child-open i{
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  }

  
  /* Menu Styles on Mobile Devices
   ========================================================================== */  
   
   .menu-primary.js-enabled {
    margin: 0px -20px;
   }

  /* Hide menu on mobile */
  .menu-primary.js-enabled .hs-menu-wrapper,
  .menu-primary.js-enabled .hs-menu-children-wrapper{
  display: none;
  }  

  /* Make child lists appear below parent items */
  .menu-primary ul.hs-menu-children-wrapper{
  visibility: visible !important;
  opacity: 1 !important;
  position: static !important;
  display: none;
  }

  /* Mobile Menu Styles */ 
  .menu-primary.js-enabled .hs-menu-wrapper{
  width: 100%;
  position: relative; /**************************************************************/
  top: 0;       /* Positions the menu to drop from the very top of the screen */
  left: 0;      /**************************************************************/
  padding: 0;
  }
  .menu-primary .hs-menu-wrapper{
  background-color:#1e95e9; /* Menu background color set off global menuColorMobile variable */
  width: 100%; /* Full screen width */
  }

   /* Level 1 Menu List Styles */
  .menu-primary .hs-menu-wrapper > ul > li{
  position: relative; 
  }
  .menu-primary .hs-menu-wrapper > ul > li a{
  font-size: 22px; /* Font size of top level list items */
  line-height: 45px;
  overflow: visible;
  }

  /* Level 1 and Higher Menu List Styles */
  .menu-primary .hs-menu-wrapper > ul li{
  border-top: 1px dotted rgba(255, 255, 255, .35);
  }
  .menu-primary .hs-menu-wrapper >  ul li a{
  padding: 0 10px;
  color:#fff;
  font-size: 16px;
  }
  
  .menu-primary .hs-menu-wrapper > ul li.active>a,
  .menu-primary .hs-menu-wrapper > ul li a:hover {
  color:#fff;
  }

  /* Level 2 and Higher Menu List Styles */
  .menu-primary .hs-menu-wrapper > ul ul li{
  background-color: rgba(255, 255, 255, .08); 
  }
  .menu-primary .hs-menu-wrapper > ul ul li a{
  text-indent: 10px; /* Indent Child lists */
  font-size: 16px; /* Font size of child lists */
  padding: 0 10px;
  }

  /* Level 3 and Higher Menu List Styles */
  .menu-primary .hs-menu-wrapper > ul ul ul li a{
  text-indent: 30px; /* Indent Child lists */
  }
  .menu-primary .hs-menu-wrapper > ul ul ul ul li a{
  text-indent: 50px; /* Indent Child lists */
  }
}


/* ==========================================================================


   4. MODULES


   ========================================================================== */

/* Images */

img {
  max-width: 100% !important;
  height: auto;
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: bottom; /* Suppress the space beneath the baseline */
}

img.alignRight,
img[align="right"] {
  margin: 0 0 5px 15px;
}

img.alignLeft,
img[align="left"] {
  margin: 0 15px 5px 0;
}

/* Flip Module */


.flip-flex {font-size:0; text-align:center;vertical-align:top;}
.flip-flex .hs_cos_wrapper_type_custom_widget {width:23%;font-size: 16px!important; margin:0 auto!important;display:inline-block;}
.flip-container { position: relative; -webkit-perspective: 1000; -moz-perspective: 1000; -o-perspective: 1000; perspective: 1000; margin: 0 10px 20px 10px; } 
.flip-container, .front, .back { height: 310px;} 
.flipper { -moz-transform: perspective(1000px); -moz-transform-style: preserve-3d; position: relative; } 
.front {background-color: #eee; width: 100%;} 
.front, .back { padding: 25px 15px; box-sizing: border-box; box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.10);-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: 0.6s; -webkit-transform-style: preserve-3d; -moz-transition: 0.6s; -moz-transform-style: preserve-3d; -o-transition: 0.6s; -o-transform-style: preserve-3d; -ms-transition: 0.6s; -ms-transform-style: preserve-3d; transition: 0.6s; transform-style: preserve-3d; position: absolute; top: 0; left: 0; } 
.back { -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); transform: rotateY(-180deg); background-color:#1e95e9; width: 100%; } 
.flip-container:hover .back, .flip-container.hover .back { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg); } 
.flip-container:hover .front, .flip-container.hover .front { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); } 
.front { z-index: 2; } 
/*.front img { position: relative; top: 45px; margin: 0 auto; display: block; } */
.block-text-container {padding: 10px 40px;} 
/*.block-text-container img { position: absolute; top: 10px; left: 15px; }*/
.block-text-container h3 { margin-bottom: 15px; font-size: 30px; font-weight: 600; color: #fff; margin-top: 20px; } 
.block-text-container p { margin-top: 0; color: #ffffff;}
.flipcard-header, .flipcard-footer {text-align:center;}
.back h4 {color: #ffffff;}
.flipcard-header img {max-height: 70px!important; max-width: 70px!important;margin-bottom: 40px;}
.flipcard-description ul {list-style-type:none;padding-left:0;}
.front .flipcard-description ul li {padding-left: 45px;background: url('//www.plus.ca/hubfs/BAASS.com_/Flip_Images/checkmark-30.png') top left no-repeat;margin-bottom: 10px;min-height: 30px;}
.back .flipcard-description ul li {padding-left: 45px;background: url('//www.plus.ca/hubfs/BAASS.com_/Flip_Images/checkmark-30-white.png') top left no-repeat;margin-bottom: 10px;min-height: 30px;}
.flipcard-footer {padding: 10px 20px 0 20px;}
.front .flipcard-footer p {border-top: 1px solid #b7b9bb;color:#1e95e9;padding-top: 15px;}
.back .flipcard-footer p {border-top: 1px solid #b7b9bb;color:#fff;padding-top: 15px;}
.back .flipcard-description p, .back .flipcard-description li {color:#fff!important;}

@media (max-width: 1050px){
    .flipcard-description p, .flipcard-description li {font-size: 14px!important;line-height: 18px!important;}
}
@media (max-width: 767px){
    .flip-flex .hs_cos_wrapper_type_custom_widget {width:100%!important; display:block!important;}
    .flipcard-description p, .flipcard-description li {font-size: 16px!important;line-height: 24px!important;}
}

/* Reduces min-height on bootstrap structure */
.row-fluid [class*="span"] { min-height: 1px; }

/* Blog Social Sharing */
.hs-blog-social-share .hs-blog-social-share-list {
  margin: 0;
  list-style: none !important;
}
.hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item {
  height: 30px;
  list-style: none !important;
}
@media (max-width: 479px){
.hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item:nth-child(2) {
    float: none !important; /* Stack social icons into two rows on phones */
  }
}
.hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item .fb-like > span{
    vertical-align: top !important; /* Aligns Facebook icon with other social media icons */
}

/* Captcha */
#recaptcha_response_field {
  width: auto !important;
  display: inline-block !important;
}

/* Videos */
video {
  max-width: 100%;
  height: auto;
}

/* Date Picker */
#calroot {
  width: 202px !important;
  line-height: normal;
}
#calroot,
#calroot *,
#calroot *:before,
#calroot *:after {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
 
#calroot select {
  min-height: 0 !important;
  padding: 1px 2px !important;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet MS", Verdana, sans-serif !important;
  font-size: 10px !important;
  line-height: 18px !important;
  font-weight: normal !important;
}
 
#caldays {
  margin-bottom: 4px;
}

/* Embed Container (iFrame, Object, Embed) */
.hs-responsive-embed {
  position: relative;
  height: 0;
  overflow: hidden;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}
.hs-responsive-embed iframe, 
.hs-responsive-embed object, 
.hs-responsive-embed embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.hs-responsive-embed,
.hs-responsive-embed.hs-responsive-embed-youtube,
.hs-responsive-embed.hs-responsive-embed-wistia,
.hs-responsive-embed.hs-responsive-embed-vimeo {
  padding-bottom: 56.25%;
}
.hs-responsive-embed.hs-responsive-embed-instagram {
  padding-bottom: 116.01%;
}
.hs-responsive-embed.hs-responsive-embed-pinterest {
  height: auto;
  overflow: visible;
  padding: 0;
}
.hs-responsive-embed.hs-responsive-embed-pinterest iframe {
  position: static;
  width: auto;
  height: auto;
}
iframe[src^="http://www.slideshare.net/slideshow/embed_code/"] {
  width: 100%;
  max-width: 100%;
}
@media (max-width: 568px) {
  iframe {
    max-width: 100%;
  }
}

/* Forms */
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"]
select {
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.hs_cos_wrapper_type_form form.hs-form .hs-form-field ul.inputs-list li label {
  font-weight: 400;
}

.hs_cos_wrapper_type_form form.hs-form .hs-form-field ul.inputs-list li input {
  width: auto;
  margin-right: 5px;
}

/* System Template Forms */
#email-prefs-form .email-edit {
  width: 100% !important;
  max-width: 507px !important;
}
#hs-pwd-widget-password {
  height: auto !important;
}

/* Menus */
.hs-menu-wrapper ul {
  padding: 0;
}

/* Horizontal Menu
   ========================================================================== */

.hs-menu-wrapper.hs-menu-flow-horizontal ul {
  list-style: none;
  margin: 5px;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul {
  display: inline-block;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul:before {
  content: " ";
  display: table;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul:after {
  content: " ";
  display: table;
  clear: both;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 {
  float: left;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li a {
  display: inline-block;
  padding: 10px !important; /*Change made by HubSpot Support*/
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children {
  position: relative;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.4s;
  position: absolute;
  z-index: 10;
  left: 0;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
  display: block;
  white-space: nowrap;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper {
  left: 100%;
  top: 0;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper {
  opacity: 1;
  visibility: visible;
}
.row-fluid-wrapper:last-child .hs-menu-wrapper.hs-menu-flow-horizontal > ul {
  margin-bottom: 0;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch {
  position: relative;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul {
  margin-bottom: 0;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children {
  position: static;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
  display: none;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper {
  display: block;
  visibility: visible;
  opacity: 1;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:before {
  content: " ";
  display: table;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:after {
  content: " ";
  display: table;
  clear: both;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li {
  float: left;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a {
  display: inline-block;
}

/* Vertical Menu
   ========================================================================== */ 

.hs-menu-wrapper.hs-menu-flow-vertical {
  width: 100%;
}
.hs-menu-wrapper.hs-menu-flow-vertical ul {
  list-style: none;
  margin: 0;
}
.hs-menu-wrapper.hs-menu-flow-vertical li a {
  display: block;
}
.hs-menu-wrapper.hs-menu-flow-vertical > ul {
  margin-bottom: 0;
}
.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-menu-depth-1 > a {
  width: auto;
}
.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children {
  position: relative;
}

/* Flyouts */
.hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.4s;
  position: absolute;
  z-index: 10;
  left: 0;
}
.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
  display: block;
  white-space: nowrap;
}
.hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
  left: 100%;
  top: 0;
}
.hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper {
  opacity: 1;
  visibility: visible;
}


@media (max-width: 767px) {
  .hs-menu-wrapper, .hs-menu-wrapper * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 100%;
  }
  .hs-menu-wrapper.hs-menu-flow-horizontal ul {
    list-style: none;
    margin: 0;
    display: block;
  }
  .hs-menu-wrapper.hs-menu-flow-horizontal > ul {
    display: block;
  }
  .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 {
    float: none;
  }
  .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a,
  .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a,
  .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a {
    display: block;
    padding: 10px; /*Change made by HubSpot Support on 1/7/2016 to increase space between horizontal menu items*/
  }

  /* Stacking Horizontal Nav for Mobile */
  .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    visibility: visible !important;
    opacity: 1 !important;
    position: static !important;
  }
  .hs-menu-wrapper.hs-menu-flow-horizontal ul ul ul {
    padding: 0;
  }
  .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
    white-space: normal;
  }

  /* Stacking Vertical Nav for Mobile */
  .hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper  {
    position: static;
    opacity: 1;
    visibility: visible;
  }
}

.hs-menu-wrapper.hs-menu-flow-vertical.no-flyouts .hs-menu-children-wrapper {
  visibility: visible;
  opacity: 1;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.no-flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
  display: block;
  visibility: visible;
  opacity: 1;
}

/* Space Module */
.widget-type-space {
  visibility: hidden;
}

/* Post Listing */

.hs_cos_wrapper_type_post_filter ul,
.hs_cos_wrapper_type_post_listing ul {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}

.hs_cos_wrapper_type_post_filter ul li,
.hs_cos_wrapper_type_post_listing ul li {
  margin-bottom: 10px;
}

/* Blog Author Section */
.hs-author-social-links {
  display: inline-block;
}
.hs-author-social-links a.hs-author-social-link {
  width: 24px;
  height: 24px;
  border-width: 0px;
  border: 0px;
  line-height: 24px;
  background-size: 24px 24px;
  background-repeat: no-repeat;
  display: inline-block;
  text-indent: -99999px;
}
.hs-author-social-links a.hs-author-social-link.hs-social-facebook {
  background-image: url("//static.hubspot.com/final/img/common/icons/social/facebook-24x24.png");
}
.hs-author-social-links a.hs-author-social-link.hs-social-linkedin {
  background-image: url("//static.hubspot.com/final/img/common/icons/social/linkedin-24x24.png");
}
.hs-author-social-links a.hs-author-social-link.hs-social-twitter {
  background-image: url("//static.hubspot.com/final/img/common/icons/social/twitter-24x24.png");
}
.hs-author-social-links a.hs-author-social-link.hs-social-google-plus {
  background-image: url("https://www.baass.com/hubfs/Cloud%20Solutions%20Website/Youtube%20s%20Icon.png");
}

/* Fix for CTA border box issue */
.hs-cta-wrapper a {
box-sizing: content-box;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
}

/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

/* Wrapper */
.hs_cos_wrapper_type_image_slider {
  display: block;
  overflow: hidden
}

/* Browser Resets */
.hs_cos_flex-container a:active,
.hs_cos_flex-slider a:active,
.hs_cos_flex-container a:focus,
.hs_cos_flex-slider a:focus  {outline: none;}
.hs_cos_flex-slides,
.hs_cos_flex-control-nav,
.hs_cos_flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* FlexSlider Necessary Styles
*********************************/
.hs_cos_flex-slider {margin: 0; padding: 0;}
.hs_cos_flex-slider .hs_cos_flex-slides > li {display: none; -webkit-backface-visibility: hidden; position: relative;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.hs_cos_flex-slider .hs_cos_flex-slides img {max-width: 100%; display: block; -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;;}
.hs_cos_flex-slider .hs_cos_flex-slides .hs_cos_flex-slide-thumb img {
  border: 1px solid #ccc;
}
.hs_cos_flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .hs_cos_flex-slides element */
.hs_cos_flex-slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .hs_cos_flex-slides {display: block;}
* html .hs_cos_flex-slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */

/* FlexSlider Default Theme
*********************************/
.hs_cos_flex-slider {margin: 0 0 60px; background: #fff; border: 0; position: relative; -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;; zoom: 1;}
.hs_cos_flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .hs_cos_flex-viewport {max-height: 300px;}
.hs_cos_flex-slider .hs_cos_flex-slides {zoom: 1;}

.carousel li {margin-right: 5px}


/* Direction Nav */
.hs_cos_flex-direction-nav {*height: 0;}
.hs_cos_flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(http://cdn2.hubspotqa.com/local/hub/124/file-52894-png/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.hs_cos_flex-direction-nav .hs_cos_flex-next {background-position: 100% 0; right: -36px; }
.hs_cos_flex-direction-nav .hs_cos_flex-prev {left: -36px;}
.hs_cos_flex-slider:hover .hs_cos_flex-next {opacity: 0.8; right: 5px;}
.hs_cos_flex-slider:hover .hs_cos_flex-prev {opacity: 0.8; left: 5px;}
.hs_cos_flex-slider:hover .hs_cos_flex-next:hover, .hs_cos_flex-slider:hover .hs_cos_flex-prev:hover {opacity: 1;}
.hs_cos_flex-direction-nav .hs_cos_flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Direction Nav for the Thumbnail Carousel */
.hs_cos_flex_thumbnavs-direction-nav {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.hs_cos_flex_thumbnavs-direction-nav {*height: 0;}
.hs_cos_flex_thumbnavs-direction-nav a {width: 30px; height: 140px; margin: -60px 0 0; display: block; background: url(http://cdn2.hubspotqa.com/local/hub/124/file-52894-png/bg_direction_nav.png) no-repeat 0 40%; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;}
.hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-next {background-position: 100% 40%; right: 0px; }
.hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-prev {left: 0px;}
.hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-disabled {display: none;}
.hs-cos-flex-slider-control-panel img { cursor: pointer; }
.hs-cos-flex-slider-control-panel img:hover { opacity:.8; }
.hs-cos-flex-slider-control-panel { margin-top: -30px; }



/* Control Nav */
.hs_cos_flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.hs_cos_flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.hs_cos_flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  border-radius: 20px;; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.hs_cos_flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.hs_cos_flex-control-paging li a.hs_cos_flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.hs_cos_flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.hs_cos_flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.hs_cos_flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.hs_cos_flex-control-thumbs img:hover {opacity: 1;}
.hs_cos_flex-control-thumbs .hs_cos_flex-active {opacity: 1; cursor: default;}



@media screen and (max-width: 860px) {
  .hs_cos_flex-direction-nav .hs_cos_flex-prev {opacity: 1; left: 0;}
  .hs_cos_flex-direction-nav .hs_cos_flex-next {opacity: 1; right: 0;}
}

.hs_cos_flex-slider .caption {
  background-color: #4a4a4a;
  position: static;
  font-size: 1.5em;
  line-height: 1em;
  color: #fff;
  padding: 1em;
  width: 100%;
  text-align: center;
}

.hs_cos_flex-slider .superimpose .caption {
  position: absolute;
  top: 40%;
  background-color: rgba( 74, 74, 74, 0.67 );
}

@media all and (max-width: 400px) {
  .hs_cos_flex-slider .superimpose .caption {
    background-color: #4a4a4a;
    position: static;
  }
}

.hs_cos_flex-slider h1,
.hs_cos_flex-slider h2,
.hs_cos_flex-slider h3,
.hs_cos_flex-slider h4,
.hs_cos_flex-slider h5,
.hs_cos_flex-slider h6,
.hs_cos_flex-slider p {
  color: #fff;
}

/* Thumbnail only version of the gallery */
.hs-gallery-thumbnails li {
  display: inline-block;
  margin: 0px;
  padding: 0px;
  margin-right:-4px;
}
.hs-gallery-thumbnails.fixed-height li img {
  max-height: 150px;
  margin: 0px;
  padding: 0px;
  border-width: 0px;
}


/* responsive pre elements */

pre {
  overflow-x: auto;
}

/* responsive pre tables */

table pre {
  white-space: pre-wrap;
}

/* adding minimal spacing for blog comments */
.comment {
  margin: 10px 0 10px 0;
}

/* make sure lines with no whitespace don't interefere with layout */
.hs_cos_wrapper_type_rich_text,
.hs_cos_wrapper_type_text,
.hs_cos_wrapper_type_header,
.hs_cos_wrapper_type_section_header,
.hs_cos_wrapper_type_raw_html,
.hs_cos_wrapper_type_raw_jinja,
.hs_cos_wrapper_type_page_footer {
  word-wrap: break-word;
}

@media all and (max-width: 400px) {
/* beat recaptcha into being responsive, !importants and specificity are necessary */
#captcha_wrapper,
#recaptcha_area,
#recaptcha_area table#recaptcha_table,
#recaptcha_area table#recaptcha_table .recaptcha_r1_c1
{ width: auto !important; overflow: hidden; }
#recaptcha_area table#recaptcha_table .recaptcha_r4_c4
{ width: 67px !important; }
#recaptcha_area table#recaptcha_table #recaptcha_image
{ width:280px !important; }
}


/* Social Widgets */

.hs_cos_wrapper_type_social_sharing i,
.footer-social i,
.social i {
  display: inline-block;
  height: 42px;
  width: 42px;
  line-height: 42px;
  text-align: center;
  font-size: 24px;
  color: #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;;
}

i.fa-facebook {
  background: #3a5897;
}

i.fa-twitter {
  background: #49c9f2;
}

i.fa-pinterest {
  background: #C92228;
}

i.fa-google-plus {
  background: #d0322d;
}

i.fa-linkedin {
  background: #0775b7;
}

i.fa-envelope-o,
i.fa-envelope {
  background: #7b7b7b;
}

i.fa-youtube {
  background: #e52d27;
}

i.fa-rss {
  background: #ff6600;
}

i.fa-globe {
  background: #5e686e;
}

.hs_cos_wrapper_type_follow_me i {
  display: inline-block;
  font-size: 32px;
  margin-right: 5px;
  background: none !important;
}

.hs_cos_wrapper_type_follow_me a:last-child i {
  margin-right: 0;
}

.hs_cos_wrapper_type_follow_me i.fa-facebook {
  color: #3a5897;
}

.hs_cos_wrapper_type_follow_me i.fa-twitter {
  color: #49c9f2;
}

.hs_cos_wrapper_type_follow_me i.fa-pinterest {
  color: #C92228;
}

.hs_cos_wrapper_type_follow_me i.fa-google-plus {
  color: #d0322d;
}

.hs_cos_wrapper_type_follow_me i.fa-linkedin {
  color: #0775b7;
}

.hs_cos_wrapper_type_follow_me i.fa-envelope-o,
.hs_cos_wrapper_type_follow_me i.fa-envelope {
  color: #7b7b7b;
}

.hs_cos_wrapper_type_follow_me i.fa-youtube {
  color: #e52d27;
}

.hs_cos_wrapper_type_follow_me i.fa-rss {
  color: #ff6600;
}

.hs_cos_wrapper_type_follow_me i.fa-globe {
  color: #5e686e;
}


/* Rich Text */

.hs_cos_wrapper_type_rich_text ul {
  list-style: none;
  padding-left: 0;
}

.hs_cos_wrapper_type_rich_text ul li {
  padding-left: 15px;
  margin-bottom: 10px;
}

.hs_cos_wrapper_type_rich_text ul li:before {
  content: "\f105 ";
  color: #1e95e9;
  font-family: FontAwesome;
  display: inline-block;
  width: 15px; /* same as padding-left set on li */
  margin-left: -15px; /* same as padding-left set on li */
}

.one-column .hs_cos_wrapper_type_rich_text ul li,
.two-column .hs_cos_wrapper_type_rich_text ul li {
  padding-left: 25px;
}

.one-column .hs_cos_wrapper_type_rich_text ul li:before,
.two-column .hs_cos_wrapper_type_rich_text ul li:before {
  content: "\f058 ";
  width: 30px;
  margin-left: -25px;
  font-size: 24px;
}

.one-column .hs_cos_wrapper_type_rich_text ul li p,
.two-column .hs_cos_wrapper_type_rich_text ul li p {
  padding-left: 8px;
}

.one-column .hs_cos_wrapper_type_rich_text ul h5 {
  display: inline;
  margin: 0;
}

.hs_cos_wrapper_type_rich_text ol {
  list-style-type: none;
  counter-reset: ol-counter;
  padding: 0;
}

.hs_cos_wrapper_type_rich_text ol li {
  margin-bottom: 10px;
}

.hs_cos_wrapper_type_rich_text ol li:before {
  color: #fff;
  background: #1e95e9;
  display: block;
  float: left;
  margin-right: 10px;
  width: 27px; /* same as padding-left set on li */
  height: 27px;
  line-height: 27px;
  text-align: center;
  font-weight: 700;
  content: counter(ol-counter);
  counter-increment: ol-counter;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;;
}

/* ==========================================================================


   5. COS COMPONENTS


   ========================================================================== */





/* ==========================================================================
   Blog
   ========================================================================== */


/* Blog Post and Listing Body Class */
body.blog {}

/* Blog Post */
body.hs-blog-post {}

/* ---- Blog Image Listing ---- */

.blog-image .blog-section {
  float: left;
  width: 100%;
  clear: both;
}

.blog-image .blog-listing-wrapper .post-listing .post-item {
  background: #f7f7f7;
  margin-bottom: 29px;
  border: 1px solid #ccc
}

.blog-image .post-small .featured-image {
  height: 163px;
  overflow: hidden;
}

@media (min-width: 1200px) {
  .blog-image .post-small .featured-image img {
    position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);;
  }
}

.blog-image .post-large .post-box-inner {
  height: 217px;
}

.blog-image .post-small .post-box-inner {
  height: 177px;
}

.blog-image .post-box-inner {
  border-top: none;
  padding: 25px 30px 35px 30px;
  position: relative;
}

.blog-image .post-box-inner h3 {
  font-weight: 300;
  text-decoration: underline;
}

.blog-image .hs-blog-header h1 {
  font-size: 33px;
  color: white;
  text-shadow: rgba(0, 0, 0, 0.74902) 2px 2px 0px;
}

.blog-image .banner .hs_cos_wrapper_type_form .hs-form-field>label {
  display: none;
}

.blog-image .banner input {
  color: #4a4a4a;
  padding: 13px;
}

.blog-image .hs-form fieldset.form-columns-3 {
  float: left;
  width: 75%;
}

.blog-image .hs_cos_wrapper_type_blog_subscribe .hs_submit {
  float: left;
  width: 25%;
}

.blog-image .masonry-share {
  position: absolute;
  bottom: 10px;
  right: 30px;
  text-align: right;
  /*margin-top: 60px;*/
}

.blog-image .section-accent {
  font-size: 24px;
}

/*.blog-image .post-large .masonry-share {
  margin-top: 100px;
}*/

.blog-image .masonry-share i {
  background: none;
  color: #5e686e;
  width: 28px;
  height: auto;
  line-height: normal;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  -ms-transition: all .3s ease;
  transition: all .3s ease;;
}

.blog-image .masonry-share i:hover {
  color: #1e95e9;
}

.blog-image a.next-posts-link {
  font-weight: bold;
  float: right;
  margin-bottom: 20px;
  text-transform: uppercase;
}

.blog-image a.previous-posts-link {
  font-weight: bold;
  float: left;
  margin-bottom: 20px;
  text-transform: uppercase;
}


@media (max-width: 767px) {
  .blog-image .post-small .featured-image {
    height: auto;
    max-height: 163px;
  }

  .blog-image .post-large .post-box-inner,
  .blog-image .post-small .post-box-inner {
    height: auto;
  }
  
  .blog-image .blog-listing-wrapper .post-listing .post-item {
    max-width: 500px;
    margin: 0 auto 40px;
    display: block;
  }
}

@media (max-width: 990px) {
  .blog-image .hs-form fieldset.form-columns-3 {
    margin: 0 auto;
    float: none;
    width: 250px;
  }
  .hs-form fieldset.form-columns-3 .hs-form-field {
    width: 100%;
    float: none !important;
    margin: 10px 0px;
  }
  .blog-image .hs_submit input[type="submit"] {
    width: 230px;
    height: 49px;
  }
  .blog-image .hs-form fieldset.form-columns-3 .hs-form-field {
    width: 100%;
  }
  .blog-image .hs_submit input[type="submit"] {
    color: #fff;
    background: #ff7800;
    padding: 0px 30px;
  }
}


/* ---- Traditional Post List ---- */

.blog-traditional .post-header h2 {
  font-size: 21px;
  font-weight: 300;
  text-decoration: underline;
  margin: 0px;
}

.blog-traditional .hs-featured-image-wrapper .hs-featured-image-link img.hs-featured-image {
  max-height: 100%;
  width: 295px;
  margin: 0px;
}

.blog-traditional .post-item .span7 {
  padding-left: 15px;
}

.blog-traditional .post-item {
  margin-bottom: 30px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 50px;
}

.blog-traditional .post-body {
  margin-top: 20px;
}

.blog-traditional a.more-link {
  color: #ff7800;
  text-decoration: underline;
}

.blog-traditional a.more-link:hover {
  color: #4a4a4a;
}

.blog-traditional .previous-posts-link {
  float: left;
  font-weight: bold;
}

.blog-traditional .next-posts-link {
  float: right;
  font-weight: bold;
}

.blog-traditional .banner-simple {
  padding: 60px 0px !important;
}

.blog-traditional .blog-content-group {
  border-top: 1px solid #ccc; 
}

.blog-traditional .blog-box {
  background: #f7f7f7;
  padding: 30px 30px 15px;
}

.blog-traditional .bottom-border {
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px;
}

.blog-traditional .blog-box ul li {
  margin-bottom: 15px;
}

.blog-traditional .call-out-text {
  background: #1e95e9;
}

.blog-traditional .call-out-title {
  font-size: 24px;
  color: white;
}

.blog-traditional .main-blog-section {
  padding: 0px 20x;
}

.blog-traditional .post-share {
  margin-bottom: 15px;
}

.blog-traditional .author-social i {
  background: none;
  color: #5e686e;
  width: 28px;
  font-size: 24px;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  -ms-transition: all .3s ease;
  transition: all .3s ease;;
}

.blog-traditional .author-social i:hover {
  color: #1e95e9;
}

.blog-traditional .widget-type-blog_comments .section.post-footer {
  padding: 0px;
}

.blog-traditional .comments-title {
  font-size: 24px;
  margin-top: 30px;
  font-weight: bold;
}

.blog-traditional.hs-blog-listing .comments-title {
  display: none;
}

@media (max-width: 767px){
  .blog-traditional .post-item .span7 {
    padding-left: 0px;
    margin-top: 15px;
  }
  
  .blog-traditional .hs-featured-image-wrapper .hs-featured-image-link img.hs-featured-image {
    margin: 0 0 20px 20px;
  }

  .blog-traditional .sidebar {
    max-width: 280px;
    margin: 15px auto 0 auto;   
  }
}

@media (min-width: 1300px){
  .blog-traditional .post-share {
    width: 42px;
    position: absolute;
    line-height: 10px;
    top: 0px;
  }
  .blog-traditional .post-share>span {
    position: relative;
    left: -62px;
  }
  .blog-traditional .post-share a {
    display: block;
  }
}

@media (min-width: 768px){
  .blog-traditional .single-post .blog-post {
    float: none;
    max-width: 990px;
    margin: 0 auto;
    position: relative;
  }
}

@media (max-width: 767px){
  .blog-traditional input, textarea {
    font-family: 'Lato', sans-serif;
    font-size: 17px;
    border: 1px solid #ccc;
    background: #fff;
    display: block;
    width: 100% !important;
    padding: 12px 15px;
    line-height: 19px; 
  }
  .blog-traditional .comments-title {
    margin-bottom: 20px;
  }
  .blog-traditional input[type="submit"] {
    width: auto !important;
    background: #ff7800;
    margin-top: 20px;
    text-align: center;
  }
}


/* ---- Single Column Post ---- */

.row-fluid .single-column-post [class*="span"].banner>.row-fluid-wrapper,
body.single-column-post .row-fluid [class*="span"].banner>.row-fluid-wrapper {
  display: table-cell;
  vertical-align: bottom;
  width: 100%;
  position: relative;
  z-index: 9;
  text-align: left;
  text-shadow: rgba(0, 0, 0, 0.74902) 2px 2px 0px;
}

.single-column-post .single-post {
  clear: both;
}

.single-column-post .post-share {
  padding-bottom: 20px;
}

.single-column-post .author p strong {
  font-size: 20px;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.single-column-post .author-social a i {
  background: none!important;
  font-size: 24px;
}

.single-column-post .author-social a {
  color: #5e686e;
  margin-right: 5px;
}

.single-column-post .author-social a:hover i {
  color: #1e95e9;
}

.single-column-post #comments-listing {
  border-bottom: none;
}

.hs_cos_wrapper_type_blog_comments .section.post-footer {
  padding: 0;
}

.single-column-post .comment-title {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 15px;
}

.single-column-post .hs-form fieldset {
  max-width: 100%;
}

.single-column-post label {
  font-weight: bold;
}

.single-column-post input.hs-button.primary {
  margin-top: 15px;
}


@media (min-width: 1300px){
  .single-column-post .post-share {
    width: 42px;
    position: absolute;
    line-height: 10px;
  }
  .single-column-post .post-share>span {
    position: relative;
    left: -62px;
  }
  .single-column-post .post-share a {
    display: block;
  }
}



@media (min-width: 768px){
  .single-column-post .single-post .blog-post,
  .single-column-post.single-post .blog-post {
    float: none;
    max-width: 990px;
    margin: 0 auto;
  }
}

body.hs-blog-listing {}

/* Blog Columns Wrapper */
.blog .content-wrapper {}


/* Blog Content Column
   ========================================================================== */

.blog .blog-content {}

/* Use this to style the main wrapper for the blog listing pages */
.blog-listing-wrapper {}

/* Use this to style the main wrapper for the blog post pages */
.blog-post-wrapper {}

/* Blog Title */
.hs-blog-header h1 {}
.hs-blog-header h1 a{}

/* Blog Post Title */
.post-header h2 {}
.post-header h2 a {}

/* Blog Author and Avatar */
#hubspot-author_data {}
#hubspot-author_data a.author-link {}
#hubspot-author_data .hs-author-avatar {}
#hubspot-author_data .hs-author-avatar img {}

/* Use this to set up different styling for your blog posts */
.blog-listing-wrapper .post-listing .post-item {}
.blog-listing-wrapper .post-listing .post-item .post-body {}
.blog-post-wrapper .post-body {}

/* Post Featured Image on Listings Page */
.hs-featured-image-wrapper {}
.hs-featured-image-wrapper .hs-featured-image-link {}
.hs-featured-image-wrapper .hs-featured-image-link img.hs-featured-image{
  border-width: 0;
  max-height: 170px;
  max-width: 210px;
  height: auto;
  width: auto;
  display: inline-block !important;
  float: right;
  margin: 20px 0 20px 20px;
}

/* Read More Link */
a.more-link {}

/* Blog Topics List */
#hubspot-topic_data {}
#hubspot-topic_data a.topic-link {}

/** 
 * Blog Social Sharing icons
 *
 * Overrides defaults to better align icons and prevent overlapping 
 */

.hs-blog-social-share {
  padding: 10px 0 0 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  height: auto;
}

/** 
 * Blog Commments 
 *
 * Custom styles are listed below, as the COS does not provide default styles.
 */

#comments-listing {
  border-bottom: 1px solid #ccc;
  margin-bottom: 30px;
  margin-top: 30px;
}
.comment {
  margin: 10px 0;
  border-top: 1px solid #ccc;
  padding: 15px 0;
}
.comment-date { font-size: 13px; text-align: right; }
.comment-from { font-weight: 700; }
.comment-body { padding: 10px 0; }

/* Pagination */
.pagination {
  float: left;
  width: 100%;
  clear: both;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;;
  border-top: 1px solid #ccc;
  padding-top: 15px;
  font-weight: 700;
}

.prev-pagination,
.next-pagination {
  text-transform: uppercase;
}

.prev-pagination {
  float: left;
}

.next-pagination {
  float: right;
}

/** 
 * Blog Author Page 
 *
 * ALWAYS be sure to set styles to these selectors, as the COS does not provide default styles
 */

.hs-author-profile {}
.hs-author-profile h2.hs-author-name {}
.hs-author-profile .hs-author-bio {}
.hs-author-profile .hs-author-avatar {}
.hs-author-profile .hs-author-avatar img {}
h3.hs-author-listing-header {}

/** 
 * Blog All Posts Page
 *
 * ALWAYS be sure to set styles to these selectors, as the COS does not provide default styles
 */

body.hs-content-path-blog-all {}
div.post-listing-simple {}
div.post-listing-simple .post-item {}
h2.post-listing-simple {}
h2.post-listing-simple a {}


/* Landing Page
   ========================================================================== */

.ipt-landing .row-fluid [class*="span"].banner {
  font-size: 21px;
}

.ipt-landing .section-white {
  padding: 50px 70px 0;
  background: #fff;
  border: 1px solid #ccc;
}

.ipt-landing .widget-type-logo img.hs-image-widget {
  margin: 0 auto;
  display: block;
}

.ipt-landing .form-box {
  padding: 15px;
}

.ipt-landing .form-box h3 {
  margin: -15px -15px 0 !important;
}

.ipt-landing form {
  padding: 30px 20px;
}

.ipt-landing .hs_submit {
  text-align: left;
}

.ipt-landing .hs-button,
.ipt-landing input[type="submit"] {
  background: #ff7800;
}

.ipt-landing .hs-button:hover,
.ipt-landing input[type="submit"]:hover {
  background: #4a4a4a;
}

.ipt-landing .widget-type-social_sharing {
  margin-bottom: 35px;
}

/*----- Landing page option 1 -----*/

.landing-1 .row-fluid [class*="span"].banner-table {
  height: 270px;
  text-align: left;
  padding-bottom: 0;
}

.landing-1 .form-box {
  background-color: #f7f7f7;
  border: 1px solid #ebebeb;
  border-top: none;
  box-shadow: 2px 2px 0 rgba(0,0,0,0.14);   
}

.ipt-landing .form-box h3 {
  background: #1e95e9;
  color: #fff;
  padding: 20px 10px;
  font-size: 21px;
  text-transform: uppercase;
  font-weight: 700;
  text-align: center;
  margin-bottom: 0px;
}

.ipt-landing .form-box h3:empty {
  display: none;
}

.ipt-landing .testimonials {
  background-color: #f7f7f7;
  border-top: 1px solid #cfcfcf;
  border-bottom: 1px solid #cfcfcf;
}

.ipt-landing .testimonial-header {
  text-align: center;
  font-weight: 700;
  font-size: 21px;
  margin-bottom: 40px;
}

.ipt-landing .testimonial-img img {
  border: 1px solid #ccc !important;
}

.landing-1 .testimonial-img img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;;
}

.ipt-landing .testimonial .testimonial-desc {
  font-style: italic;
}

.ipt-landing .testimonial .testimonial-name {
  color: #1e95e9;
  text-transform: uppercase;
}

.ipt-landing .testimonial .testimonial-title {
  font-weight: 700;
}

.landing-1 .footer-container-wrapper {
  background: none;
  font-size: 15px;
  color: #4a4a4a;
  padding: 35px 0;
}

.landing-1 .footer-container-wrapper a {
  color: #4a4a4a;
}

.landing-1 .footer-container-wrapper a:hover {
  color: #1e95e9;
}

.landing-1 #hs-link-logo img {
  margin: 0px;
}

.landing-1 .widget-type-logo {
  float: left;
}

.landing-1 .widget-type-social_sharing {
  float: right;
  margin-bottom: 60px;
}

.landing-1 #hs_cos_wrapper_social_sharing {
  float: right;
}

@media (max-width: 767px){
  .ipt-landing .section-white {
    padding-left: 30px;
    padding-right: 30px;
  }

  .landing-1 .form-box {
    margin-top: 50px;
  }

  .ipt-landing .testimonial {
    margin-bottom: 30px;
  }
  
  .ipt-landing .testimonial-img {
    margin-bottom: 20px;
  }
  
  .landing-1 .banner-table {
    padding-top: 55px;
    font-size: .90em;
  }
  
  .landing-1 .banner-table h1 {
    font-size: 25px;
  }
  
  .landing-1 #hs-link-logo img {
    margin: 0 auto;
  }
  
  .landing-1 .widget-type-logo {
    float: none;
  }
  
  .landing-1 #hs_cos_wrapper_social_sharing {
    float: none;
    width: 100%;
    text-align: center;
    display: block;
  }
  
  .landing-1 .widget-type-social_sharing {
    float: none;
    margin: 25px auto;
  }
  
  .ipt-landing .testimonials {
      padding-bottom: 0px;
  }
}

/*----- Landing page option 2 -----*/

body.landing-2 {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.landing-2 .header-container {
  max-width: 100% !important;
  background: rgba(255, 255, 255, 0.9);
}

.landing-2 :not(.sticky) .header-container {
  border-bottom: none;
}

.landing-2 .blue-wrap {
  border: 5px solid #1e95e9;
  padding: 30px;
}

.landing-2 .title-banner {
  background-color: #1e95e9;
  color: #fff;
  text-align: center;
  padding: 0 15px;
}

.landing-2 .title-banner h1 {
  padding-top: 30px;
  margin-bottom: 5px;
}

.landing-2 .title-banner .secondary-header {
  margin-bottom: 0px;
  font-size: 21px;
  padding-bottom: 45px;
}

.landing-2 .product-image img {
  margin: 0 auto;
  display: block;
}

.landing-2 .form-box label {
  font-weight: 700;
}

.landing-2 .product-desc {
  margin: 30px 0px;
}

.landing-2 .keypoint h3:before {
  color: #fff;
  background: #1e95e9;
  display: block;
  float: left;
  margin-right: 10px;
  width: 27px;
  height: 27px;
  line-height: 27px;
  text-align: center;
  font-weight: 700;
  content: counter(ol-counter);
  counter-increment: ol-counter;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;;
}

.landing-2 .keypoint:nth-child(1) h3:before {
  content: '1'; 
}

.landing-2 .keypoint:nth-child(2) h3:before {
  content: '2'; 
}

.landing-2 .keypoint:last-child h3:before {
  content: '3'; 
}

.landing-2 .keypoints-wrapper {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 30px 0px;
}

.landing-2 .border-right {
  border-right: 1px solid #ccc;
}

.ipt-landing.landing-2 .testimonial-header {
  margin: 35px 0px;
  text-align: left;
}

.landing-2 .testimonial-img img {
  border: 1px solid #ccc !important;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;;
}

.ipt-landing.landing-2 .testimonials {
  border: none;
  border-bottom: 1px solid #ccc;
  padding-bottom: 80px;
  background: none;
  margin-bottom: 40px;
}

.landing-2 .footer-container-wrapper {
  background: none;
  font-size: 15px;
  color: #4a4a4a;
  padding-bottom: 30px;
}

.landing-2 .footer-container-wrapper a {
  color: #4a4a4a;
}

.landing-2 .footer-container-wrapper a:hover {
  color: #1e95e9;
}

@media (max-width: 767px){
  .landing-2 .border-right {
    border: none;
  }
  
  .landing-2 .testimonial-img {
    max-width: 160px;
    margin-bottom: 10px;
  }
}


/*----- Landing page option 3 -----*/

body.landing-3 {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  max-width: 100%;
  background-color: #f7f7f7;
}

.landing-3 .header-container {
  max-width: 100% !important;
}

.landing-3 :not(.sticky) .header-container {
  background: none;
}

.landing-3 .section-header {
  text-align: center;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 30px 0px;
  margin: 0px 0px 50px 0px;
}

.landing-3 .section-header h1 {
  color: #1468a3;
}

.landing-3 .section-header p {
  font-size: 21px;
  font-weight: 700;
}

.landing-3 .form-box {
  max-width: 350px;
  color: #fff;
  background-color: #1e95e9;
}

.landing-3 .form-box h3 {
  background: #1468a3;
}

.landing-3 .form-box input[type="text"],
.landing-3 .form-box input[type="email"],
.landing-3 .form-box input[type="password"],
.landing-3 .form-box select,
.landing-3 .form-box textarea {
  color: #4a4a4a;
}

.landing-3 input.hs-button.primary.large {
  width: 100%;
}

.landing-3 input[type="submit"]:hover {
  background: #434343;
}

.landing-3 .webinar-title {
   color: #1468a3;
   text-align: center;
   font-size: 28px;
   font-weight: 700;
   margin: 0px 0px 40px 0px;
}

.landing-3 .speaker-img {
  border: 1px solid #ccc;
}

.landing-3 .speaker-name {
  font-weight: 700;
}

.landing-3 .speaker-title {
  font-style: italic;
  margin-bottom: 15px;
}

.landing-3 .footer-container-wrapper {
  background: none;
  font-size: 15px;
  color: #4a4a4a;
  padding: 35px 0px; 
}

.landing-3 .footer-container-wrapper a {
  color: #4a4a4a;
}

.landing-3 .footer-container-wrapper a:hover {
  color: #1e95e9;
}

.landing-3 .single-speaker {
  margin-bottom: 60px;
}



@media (max-width: 767px){
  .landing-3 .form-box {
    margin: 20px auto 40px auto;
  }
  
  .landing-3 .speaker-img {
    width: 160px;
    margin-bottom: 15px;
  }
}
   

/*----- Landing page option 4 -----*/

.landing-4 .widget-type-form {
  background-color: #f7f7f7;
  border: 1px solid #ebebeb;
  border-top: none;
  box-shadow: 2px 2px 0px rgba(0,0,0,0.14);
}

.landing-4 .row-fluid [class*="span"].banner {
  padding: 30px 0 0;
  text-align: left;
}

.ipt-landing.landing-4 .form-title {
  background: #606060;
}

@media only screen and (max-width: 767px) {
  .landing-4 .banner .page-center>.row-fluid-wrapper:first-child>.row-fluid:first-child {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  }
  
  .landing-4 .banner .page-center .banner-content {
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  box-ordinal-group: 1;
  margin-bottom: 30px;
  }
  
  .landing-4 .banner .page-center .banner-image-bottom {
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  box-ordinal-group: 2;
  }
}
   

/*----- Landing Page - Lead Gen -----*/

.landing-5 .row-fluid [class*="span"].banner {
  min-height: 230px;
}

.landing-5 .page-header.section-header {
  padding: 0;
  margin: 0 0 60px;
  border: none;
  text-align: center;
  font-weight: 700;
  font-size: 21px;
}

.landing-5 .page-header.section-header h1 {
  text-transform: uppercase;
  color: #1468a3;
}

.landing-5 .testimonial-header {
  text-align: left;
}

.landing-5 .form-box {
  background: #f7f7f7;
  border: 5px solid #1e95e9;
  padding: 30px 20px;
  position: relative;
}

.landing-5 .form-box:before {
  position: absolute;
  top: -45px;
  right: 30px;
  display: block;
  width: 56px;
  height: 45px;
  text-align: center;
  color: #fff;
  background: #1e95e9;
  
  content: "\f063";
  font: normal normal normal 14px/1 FontAwesome;
  line-height: 45px;
  font-size: 26px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ipt-landing.landing-5 .form-box h3.form-title {
  background: none;
  color: #1e95e9;
  padding: 0;
  margin: 0 0 15px !important;
  text-align: left;
}

.ipt-landing.landing-5 form {
  padding: 0;
}

.ipt-landing.landing-5 form label {
  font-weight: 300;
}

.landing-5 .form-box.form-box-alt input[type="submit"],
.landing-5 .form-box .hs-button {
  width: 100%;
}

.landing-5 .footer-container-wrapper {
  background: none;
  font-size: 15px;
  color: #4a4a4a;
  padding: 35px 0;
}

.landing-5 .footer-container-wrapper a {
  color: #4a4a4a;
}

.landing-5 .footer-container-wrapper a:hover {
  color: #1e95e9;
}

.landing-5 .widget-type-social_sharing {
  margin-top: 10px;
}

@media (max-width: 767px){
  .landing-5 .form-box {
    margin-top: 50px;
  }
}



/* Thank You Page
   ========================================================================== */

.ty-posts {
  margin-top: 30px;
}

.ty-posts h3 {
  text-transform: uppercase;
}
  
.ty-subscribe.widget-type-blog_subscribe h3.form-title,
.ty-subscribe.widget-type-form h3.form-title {
  font-size: 21px;
  text-align: center;
  font-weight: 700;
  text-transform: uppercase;
}

.ty-subscribe label {
  display: none;
}

.ty-subscribe .hs_submit input[type="submit"] {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  background: #ff7800;
}

.ty-subscribe .hs_submit input[type="submit"]:hover {
  background: #4a4a4a;
}

.ty-posts .hs_cos_wrapper_type_post_listing,
.ty-posts .hs_cos_wrapper_type_rss_listing {
  display: block;
  background: #f7f7f7;
  padding: 30px 30px 15px;
}

@media (min-width: 768px) {
  .ty-subscribe {
  padding-right: 30px;
  border-right: 1px solid #ccc;
  }
  
  .ty-subscribe h3.form-title {
  text-align: center;
  }
  
  .ty-subscribe .hs-form {
  max-width: 80%;
  margin: 30px auto 0;
  }
  
  .ty-posts {
  padding-left: 30px;
  margin-top: 0;
  }
}

.ty-share {
  text-transform: uppercase;
  text-align: center;
  line-height: 42px;
}

/* Thank You Option 2 */

.thankyou-2 .row-fluid [class*="span"].banner {
  padding: 60px 0;
}

.thankyou-2 label {
  font-weight: 700;
}

.thankyou-2 input[type="submit"] {
  background: #ff7800;
}

.thankyou-2 input[type="submit"]:hover {
  background: #4a4a4a;
}

/* Thank You Option 3 */

.thankyou-3 .row-fluid [class*="span"].banner {
  padding: 60px 0;
}

.thankyou-3 .widget-type-social_sharing {
  margin-top: 10px;
}


/* Blog Sidebar
   ========================================================================== */

.blog .blog-sidebar {}

/* Blog Modules */
.blog .blog-sidebar .widget-span {}




/* ==========================================================================
   Forms
   ========================================================================== */


/* All Global Forms
   ========================================================================== */

/* Form Field */
body .hs-form-field {
  margin-bottom: 15px;
}

/* Descriptions */
body .hs-field-desc {}

/* Labels */
body label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 700;
}
body .hs-form-field > label {}

h3.form-title {
  font-weight: 300;
  text-align: center;
  margin-bottom: 45px;
  font-size: 30px;
}

/* One Line Inputs */
body input[type="text"],
body input[type="password"], 
body input[type="datetime"], 
body input[type="datetime-local"], 
body input[type="date"], 
body input[type="month"], 
body input[type="time"], 
body input[type="week"], 
body input[type="number"], 
body input[type="email"], 
body input[type="url"], 
body input[type="search"], 
body input[type="tel"], 
body input[type="color"],
body input[type="file"],
body textarea,
body select {
  width: 100%;
  font-family: 'Lato', sans-serif;
  font-size: 17px;
  border: 1px solid #ccc;
  background: #fff;
  display: block;
  width: 100%;
  padding: 12px 15px;
  line-height: 19px;
}

body input[type="text"]:focus,
body input[type="password"]:focus, 
body input[type="datetime"]:focus, 
body input[type="datetime-local"]:focus, 
body input[type="date"]:focus, 
body input[type="month"]:focus, 
body input[type="time"]:focus, 
body input[type="week"]:focus, 
body input[type="number"]:focus, 
body input[type="email"]:focus, 
body input[type="url"]:focus, 
body input[type="search"]:focus, 
body input[type="tel"]:focus, 
body input[type="color"]:focus,
body input[type="file"]:focus,
body textarea:focus,
body select:focus {}

/* Separate Styles for Multiple Line Inputs */
body textarea {
  min-height: 150px;
}
body textarea:focus {}

/* Separate Styles for Drop Downs */
body select {}
body select:focus {}

/* Multiple Selection Inputs */
body form.hs-form .hs-form-field ul.inputs-list {
  list-style: none;
  padding: 0;
}
body form.hs-form .hs-form-field ul.inputs-list li input {}
body input[type="radio"] {}
body input[type="checkbox"] {}

.hs_submit {
  text-align: center;
}

/* Required */
body input:focus:required:invalid, 
body textarea:focus:required:invalid, 
body select:focus:required:invalid {}

body input:focus:required:invalid:focus, 
body textarea:focus:required:invalid:focus, 
body select:focus:required:invalid:focus {}

/* Placeholder Text */
::-webkit-input-placeholder { /* Webkit Browsers */
   /* color: #555;
   opacity: 1; */
}
:-moz-placeholder { /* Firefox 18- */
   /* color: #555;
   opacity: 1; */
}
::-moz-placeholder { /* Firefox 19+ */
   /* color: #555;
   opacity: 1; */
}
:-ms-input-placeholder { /* IE10 */
   /* color: #555;
   opacity: 1; */
}


/* Form Module
   ========================================================================== */

/* Form Field */
.hs_cos_wrapper_type_form .hs-form-field {}

/* Descriptions */
.hs_cos_wrapper_type_form .hs-field-desc {}

/* Labels */
.hs_cos_wrapper_type_form label {}
.hs_cos_wrapper_type_form .hs-form-field > label {}

/* One Line Inputs */
.hs_cos_wrapper_type_form input[type="text"],
.hs_cos_wrapper_type_form input[type="password"], 
.hs_cos_wrapper_type_form input[type="datetime"], 
.hs_cos_wrapper_type_form input[type="datetime-local"], 
.hs_cos_wrapper_type_form input[type="date"], 
.hs_cos_wrapper_type_form input[type="month"], 
.hs_cos_wrapper_type_form input[type="time"], 
.hs_cos_wrapper_type_form input[type="week"], 
.hs_cos_wrapper_type_form input[type="number"], 
.hs_cos_wrapper_type_form input[type="email"], 
.hs_cos_wrapper_type_form input[type="url"], 
.hs_cos_wrapper_type_form input[type="search"], 
.hs_cos_wrapper_type_form input[type="tel"], 
.hs_cos_wrapper_type_form input[type="color"],
.hs_cos_wrapper_type_form input[type="file"],
.hs_cos_wrapper_type_form textarea,
.hs_cos_wrapper_type_form select {}

.hs_cos_wrapper_type_form input[type="text"]:focus,
.hs_cos_wrapper_type_form input[type="password"]:focus, 
.hs_cos_wrapper_type_form input[type="datetime"]:focus, 
.hs_cos_wrapper_type_form input[type="datetime-local"]:focus, 
.hs_cos_wrapper_type_form input[type="date"]:focus, 
.hs_cos_wrapper_type_form input[type="month"]:focus, 
.hs_cos_wrapper_type_form input[type="time"]:focus, 
.hs_cos_wrapper_type_form input[type="week"]:focus, 
.hs_cos_wrapper_type_form input[type="number"]:focus, 
.hs_cos_wrapper_type_form input[type="email"]:focus, 
.hs_cos_wrapper_type_form input[type="url"]:focus, 
.hs_cos_wrapper_type_form input[type="search"]:focus, 
.hs_cos_wrapper_type_form input[type="tel"]:focus, 
.hs_cos_wrapper_type_form input[type="color"]:focus,
.hs_cos_wrapper_type_form input[type="file"]:focus,
.hs_cos_wrapper_type_form textarea:focus,
.hs_cos_wrapper_type_form select:focus {}

/* Separate Styles for Multiple Line Inputs */
.hs_cos_wrapper_type_form textarea {}
.hs_cos_wrapper_type_form textarea:focus {}

/* Separate Styles for Drop Downs */
.hs_cos_wrapper_type_form select {}
.hs_cos_wrapper_type_form select:focus {}

/* Multiple Selection Inputs */
.hs_cos_wrapper_type_form form.hs-form .hs-form-field ul.inputs-list li input {}
.hs_cos_wrapper_type_form input[type="radio"] {}
.hs_cos_wrapper_type_form input[type="checkbox"] {}


/* Blog Comment Form
   ========================================================================== */

/* Label */
#comment-form .hs-form-field > label {}
#comment-form label {}

/* Inputs */
#comment-form input[type="text"] {}
#comment-form input[type="text"]:focus {}

#comment-form textarea {}
#comment-form textarea:focus {}

#comment-form input[type="checkbox"] {
  width: auto;
  margin-right: 5px;
}

#comment-form .hs_submit {
  text-align: left;
}

/* Error */
body .hs-common-error-message {}


/* Blog Subscription Form
   ========================================================================== */

/* Label */
.widget-type-blog_subscribe .hs-form-field > label {
  display: none;
}

/* Inputs */
#hs_form_target_blog_subscription input[type="email"] {}
#hs_form_target_blog_subscription input[type="email"]:focus {}

#hs_form_target_blog_subscription input[type="radio"], #hs_form_target_blog_subscription input[type="checkbox"] {
width: auto;
margin-right: 10px;
}

.widget-type-blog_subscribe .hs_submit input[type="submit"] {
  width: 100%;
  padding: 15px 0;
  background: #ff7800;
  color: #fff;
}

.widget-type-blog_subscribe .hs_submit input[type="submit"]:hover {
  background: #4a4a4a;
  color: #fff;
}

.widget-type-blog_subscribe h3.form-title {
  font-weight: 700;
  margin-bottom: 10px;
  font-size: 18px;
  text-transform: uppercase;
  text-align: left;
}


/* Blog Subscription Form Bar
   ========================================================================== */

.section-form {
  background: #1e95e9;
  padding: 30px 0;
}

.section-form input[type="text"],
.section-form input[type="email"],
.section-form input[type="password"],
.section-form textarea {
  border: 1px solid #fff;
}

.section-form h3 {
  display: none;
}

.section-form input {
  color: #4a4a4a;
}

.section-form label {
  display: none;
}

.section-form .hs-form-field ,
.section-form .form-columns-2,
.section-form .form-columns-3,
.blog-masonry .form-columns-3 {
  float: left;
  width: 75%;
}

.section-form .hs-form .hs-form-field {
  margin: 0;
  padding-right: 15px;
}

.section-form .hs-form fieldset.form-columns-2 .hs-form-field {
  width: 50%;
  margin: 0;
}

.section-form .hs-form fieldset.form-columns-3 .hs-form-field,
.blog-masonry .hs-form fieldset.form-columns-3 .hs-form-field {
  width: 33.33333%;
  margin: 0;
}

.section-form .hs_submit,
.blog-masonry .banner .hs_cos_wrapper_type_blog_subscribe .hs_submit {
  float: left;
  width: 25%;
  margin: 0;
  padding: 0;
}

.section-form .hs_submit input[type="submit"] {
  color: #fff;
  border: 2px solid #fff;
  width: 100%;
  background: none;
}

.section-form .hs_submit input[type="submit"]:hover {
  border-color: transparent;
  background: #ff7800;
}

@media (max-width: 767px) {
  .section-form .hs-form .hs-form-field,
  .section-form .form-columns-2,
  .section-form .form-columns-3 {
    width: 100%;
    padding: 0;
    margin: 0;
  }
  
  .section-form .hs-form .hs-form-field {
    margin: 0 0 5px;
  }
  
  .section-form .hs_submit {
    width: 100%;
  }
  
  .section-form .hs_submit input[type="submit"],
  .section-form input,
  .blog-masonry input {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
  }
  
  .blog-masonry .form-columns-3,
  .blog-masonry .banner .hs_cos_wrapper_type_blog_subscribe .hs_submit,
  .blog-masonry .hs-form fieldset.form-columns-3 .hs-form-field,
  .blog-masonry form.hs-form .form-columns-3 .hs-form-field .hs-input,
  .section-form .hs-form fieldset.form-columns-3 .hs-form-field,
  .section-form form.hs-form .form-columns-3 .hs-form-field .hs-input {
    width: 100%;
  }
  
  .blog-masonry .hs-form fieldset.form-columns-3 .hs-form-field,
  .section-form .hs-form fieldset.form-columns-3 .hs-form-field {
    margin-bottom: 5px;
  }
  
  .blog-masonry .hs-form fieldset.form-columns-3 .input,
  .section-form .hs-form fieldset.form-columns-3 .input {
    margin: 0;
  }
}

/* Google Search Form
   ========================================================================== */

/* Label */
.widget-type-google_search label {}

/* Input */
.widget-type-google_search input[type="text"] {}
.widget-type-google_search input[type="focus"] {}


/* Multi Column Form
   ========================================================================== */

body .hs-form fieldset.form-columns-1 {}
body .hs-form fieldset.form-columns-1 .hs-form-field {}

body .hs-form fieldset.form-columns-2 {}
body .hs-form fieldset.form-columns-2 .hs-form-field {}

body .hs-form fieldset.form-columns-3 {}
body .hs-form fieldset.form-columns-3 .hs-form-field {}

/* Multiple Selection Inputs */
body form.hs-form .hs-form-field ul.inputs-list li input {}
body input[type="radio"] {}
body input[type="checkbox"] {}
body form.hs-form fieldset { max-width: none; }
body form.hs-form fieldset .hs-form-field { padding: 0; }
body form.hs-form fieldset[class*="form-columns"] .input { }
body form.hs-form fieldset[class*="form-columns"] .hs-input { width: 100%; }
body form.hs-form fieldset[class*="form-columns"] .hs-input[type="checkbox"] { width: auto; }
body form.hs-form fieldset.form-columns-3 .hs-form-field { width: 33.33%; }

@media (min-width: 768px) {
  .hs_cos_wrapper_type_form .hs-form fieldset.form-columns-2 .hs-form-field:first-child,
  .hs_cos_wrapper_type_blog_comments .hs-form fieldset.form-columns-2 .hs-form-field:first-child {
    padding-right: 2%;
  }
  
  .hs_cos_wrapper_type_form .hs-form fieldset.form-columns-2 .hs-form-field:last-child,
  .hs_cos_wrapper_type_blog_comments .hs-form fieldset.form-columns-2 .hs-form-field:last-child {
    padding-left: 2%;
  }
}

@media (max-width: 400px) {
  body form.hs-form fieldset .hs-form-field { padding: 0; }
  body form.hs-form fieldset.form-columns-3 .hs-form-field,
  body form.hs-form .form-columns-2 .hs-form-field .hs-input, 
  body form.hs-form .form-columns-3 .hs-form-field .hs-input { width: 100%; }
  body form.hs-form .form-columns-3 .hs-form-field .hs-input[type="checkbox"] { width: auto; }
}



/* Search */



.results .gsc-above-wrapper-area {
  border: 1px solid #dddddd;
  padding: 10px;
}

.results .gsc-thumbnail-inside,
.results .gsc-url-top {
  padding: 0;
}

.results a.gs-title {
  font-family: arial;
  color: #1e95e9 !important;
  font-size: 16px;
}

.results a.gs-title b {
   color: #1e95e9 !important;
   font-weight: bold;
}

.results .gsc-selected-option-container.gsc-inline-block {
  min-width: 60px !important;
  box-sizing: content-box;
}

.results .gs-bidi-start-align.gs-visibleUrl.gs-visibleUrl-long {
  /*color: #1e95e9;*/
  font-family: arial;
  font-size: 12px;
}

.results .gs-image-box.gs-web-image-box.gs-web-image-box-landscape {
  width: 150px;
  height: 120px;
  padding: 13px;
}

.results td.gsc-table-cell-snippet-close {
  padding: 13px;
}

.results .gs-web-image-box-landscape img.gs-image {
  max-width: 150px;
  max-height: 120px;
}

.results .gs-web-image-box-portrait img.gs-image {
  max-width: 150px;
  max-height: 120px;
}

.results .gsc-control-cse .gsc-table-result,
.results .gsc-table-result {
  font-family: Arial, sans-serif;
  border: 1px solid #ddd;
}

.results .gs-bidi-start-align.gs-snippet {
  font-size: 14px;
  color: #3b3b3b;
}

.results .gsc-results {
  width: 100% !important;
}

.results .gsc-results .gsc-cursor-box .gsc-cursor-page {
  text-decoration: underline;
  color: #3b3b3b;
}

.results .gsc-results .gsc-cursor-box .gsc-cursor-current-page {
  color: #658dca;
  text-decoration: none;
  background: none;
  text-shadow:none;
  padding: 0px;
}

.results td.gcsc-branding-text {
    color: white;
}

.results .gs-image-box.gs-web-image-box.gs-web-image-box-portrait {
  width: 150px;
  height: 120px;
  overflow: hidden;
  padding: 13px;
}

.results .gsc-control-cse.gsc-control-cse-en {
  max-width: 928px;
  margin: 0 auto;
  padding-left: 0;
  padding-right: 0;
}

.results-search input.gsc-search-button {
  position: relative;
  font-family: lato;
  font-size: 13px;
  color: #fff;
  font-weight: 300;
  padding: 6px 27px;
  height: 32px;
  min-width: 54px;
  width: auto;
  background-color: #1e95e9;
  border: 1px solid #666666;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}

.results p.results-p {
  font-size: 21px;
}

.results td.gsc-clear-button {
  display: none;
}

.results-search {
  max-width: 928px;
  margin: 0 auto;
  margin-bottom: 18px;
}

.results .gsc-webResult.gsc-result {
  padding-left: 0px;
}

.results .gsc-webResult.gsc-result:hover {
  padding-left: 0px;
}

.results input#gsc-i-id2 {
  background: none !important;
  padding: 7px;
  box-shadow: none;
}

.results-search form.gsc-search-box {
    padding: 0px;
    margin-top: 30px;
}

.results-search table.gsc-search-box td.gsc-input {
  padding-right: 35px;
}

.results-search .gsc-input-box {
    height: 35px;
}

td#gs_tti51 {
  padding: 8px;
}

.results-search td.gsib_b {
  padding-top: 0;
}

.results-search .gsst_a .gscb_a {
  color: grey;
  cursor: pointer;
  font-size: 22px;
}

/*.results-search input.gsc-search-button.gsc-search-button-v2 {
    display: none;
    cursor: pointer;
}*/

.results-search .gsc-url-top {
  margin-bottom: 2px;
}

@media(max-width: 500px){
    .results .gs-web-image-box img.gs-image {
        max-width: 70px;
        max-height: 70px;
    }
    .results .gs-image-box.gs-web-image-box.gs-web-image-box-landscape {
        width: 80px;
        height: auto;
    }
   .results .gs-web-image-box-portrait img.gs-image {
        max-width: 70px;
        max-height: 70px;
    }  
    .results .gs-image-box.gs-web-image-box.gs-web-image-box-portrait {
          width: 70px;
          height: 70px;
          overflow: hidden;
          padding: 13px;
    }
}


.search-top {
  position: relative !important;
  float: right;
  width: 197px !important;
}

.search-top input.gsc-search-button.gsc-search-button-v2 {
  border: none;
  background: url(//www.plus.ca/hubfs/search-icon.png);
  background-repeat: no-repeat;
  cursor: pointer;
  width: 0;
  height: 0;
  padding: 13px;
  top: 10px;
  position: relative;
  right: 4px;

}

.search-top td.gsib_b {
  display: none;
}
.search-top input#gsc-i-id1 {
    background: white !important;
    height: 40px  !important;
     border: 1px solid #efefef !important;
       padding: 0px 5px !important;
}

.search-top td#gs_tti50 {
    border: none;
    background: none;
    padding-left: 25px;   
}

.search-top .gsc-input-box {
  border: none !important;
  background: transparent !important;
  height: 25px !important;

}


.search-top .gsc-input-box-focus {
    border: 0px;
    box-shadow: none !important;
}

.search-top .gsc-input-box-hover {
    border: 0px;
    box-shadow: none !important;
}
.search-top input[type="text"]:focus {
    border-color: #3D77B0;
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px #3D77B0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px #3D77B0;
  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px #3D77B0;
}



/* Slider */

#slider .hs_cos_wrapper_widget_container .hs_cos_wrapper_type_custom_widget {
  display: none;
}
#slider .hs_cos_wrapper_widget_container .hs_cos_wrapper_type_custom_widget:first-child {
  display: block;
}
#slider .hs_cos_wrapper_widget_container.slick-initialized .hs_cos_wrapper_type_custom_widget {
  display: block;
}

.slide-wrapper {
  min-height: 270px;
  color: #fff;
  background: #323232;
  padding: 90px 0;
  background-position: 0 0;
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
  width: 100%;
  font-size: 24px;
  text-align: center;
}


.slick-slider
{
    position: relative;

    display: block;

    -moz-box-sizing: border-box;
         box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}


@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('//cdn2.hubspot.net/hubfs/41615/js/slick/ajax-loader.gif') center center no-repeat;
}

/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 24px;
    height: 24px;
    padding: 0;
    margin-top: -10px\9; /*lte IE 8*/
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    z-index: 999;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'FontAwesome';
    font-size: 20px;
    display: block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    color: #fff;
    background: rgba(0,0,0,0.50);
    -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: 25px;
}
.slick-prev:before
{
    content: '\f104';
}

.slick-next
{
    right: 25px;
}

.slick-next:before
{
    content: '\f105';
}


/* Dots */
.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -45px;

    display: block;

    width: 100%;
    padding: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-size: 20px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}




/* Image Map */

.image-map {
  background-image: url('//cdn2.hubspot.net/hubfs/41615/img/Tree_Solutions_-_Original.png');
  background-position: 0 0;
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
  position: relative;
}
.image-map:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 139.53488372093%;
}
.image-map > .im-inner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

/*
  height: 3600
  width: 2580
  
  
  circle size: 350x350
  => radius 175
*/

.im-circle {
  display: block;
  text-decoration: none;
  position: absolute;
  width: 13.55%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;;
  /*background-color: rgba(0,0,0,0.33);*/
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
  transform: translate(-50%,-50%);
  cursor: pointer;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  -ms-transition: opacity 0.3s;
  transition: opacity 0.3s;;
}

.im-circle:hover {
  opacity: 1;
}

.im-circle-crm {
  left: 11.899224806202%;
  top: 15.583333333333%;
  background-image: url('//cdn2.hubspot.net/hubfs/41615/img/CRM_-_Customer_Relationship_Management.png');
}

.im-circle-cloud {
  left: 55.658914728682%;
  top: 7.38888888888889%;
  background-image: url('//cdn2.hubspot.net/hubfs/41615/img/Cloud_-_Cloud_Computing.png');
}

.im-circle-bi {
  left: 79.22480620155039%;
  top: 19.11111111111111%;
  background-image: url('//cdn2.hubspot.net/hubfs/41615/img/BI_-_Business_Intelligence.png');
}

.im-circle-hris {
  left: 17.17054263565891%;
  top: 33.72222222222222%;
  background-image: url('//cdn2.hubspot.net/hubfs/41615/img/HRIS_-_Human_Resources_Informationa_System.png');
}

.im-circle-wms {
  left: 77.67441860465116%;
  top: 44.36111111111111%;
  background-image: url('//cdn2.hubspot.net/hubfs/41615/img/WMS_-_Warehouse_Management_System.png');
}

.im-circle-erp {
  left: 47.67441860465116%;
  top: 52.61111111111111%;
  width: 17.829457364341%;
  background-image: url('//www.plus.ca/hubfs/img/ERP_Wheels_white.png');
}

.im-circle-mc {
  left: 78.37209302325581%;
  top: 72.41666666666667%;
  background-image: url('//cdn2.hubspot.net/hubfs/41615/img/Management_Consulting.png');
}

.im-circle-psa {
  left: 18.87596899224806%;
  top: 81.66666666666667%;
  background-image: url('//cdn2.hubspot.net/hubfs/41615/img/PSA_-_Professional_Services_Agreement.png');
}

.im-circle-apps {
  left: 79.53488372093023%;
  top: 89.66666666666667%;
  background-image: url('//cdn2.hubspot.net/hubfs/41615/img/Development.png');
}



/* Collapsible Lists */

.collapsibleList li > input + * {
 display: none;
}
 
.collapsibleList li > input:checked + * {
 display: block;
}

.collapsibleList li > input {
 display: none;
}

.collapsibleList label {
 cursor: pointer;
}



/* ============================================================
  PRIMARY STRUCTURE  http://callmenick.com/post/simple-parallax-scrolling-effect
============================================================ */
.container {
  max-width: 960px;
  margin: 0 auto;
}
/* ============================================================
  SECTIONS
============================================================ */
section.module:last-child {
  margin-bottom: 0;
}
section.module h2 {
  margin-bottom: 40px;
  font-family: "Roboto Slab", serif;
  font-size: 30px;
}
section.module p {
  margin-bottom: 40px;
  font-size: 16px;
  font-weight: 300;
}
section.module p:last-child {
  margin-bottom: 0;
}
section.module.content {
  padding: 40px 0;
}
section.module.parallax {
  height: 450px;
  background-position: 50% 50%;
  background-repeat: repeat;
  background-attachment: fixed;
  background-size: 1295px 700px;
}  

section.module.parallax-4 {
  height: 450px;
  background-position: 50% 50%;
  background-repeat: repeat;
  background-attachment: fixed;
  background-size: 1295px 500px;
}
section.module.parallax-5 {
  height: 450px;
  background-position: 50% 50%;
  background-repeat: repeat;
  background-attachment: fixed;
  background-size: 1295px 927px;
}
section.module.parallax-6 {
  height: 450px;
  background-position: 50% 50%;
  background-repeat: repeat;
  background-attachment: fixed;
  background-size: 1295px 827px;
}
section.module.parallax-66 {
  height: 450px;
  background-position: 50% 50%;
  background-repeat: repeat;
  background-attachment: fixed;
  background-size: 1295px 827px;
}
section.module.parallax-7 {
  height: 450px;
  background-position: 50% 50%;
  background-repeat: repeat;
  background-attachment: fixed;
  background-size: 1295px 827px;
}
section.module.parallax-8 {
  height: 420px;
  background-position: 50% 50%;
  background-repeat: repeat;
  background-attachment: fixed;
  background-size: 1295px 827px;
}
section.module.parallax h1 {
  color: rgba(255, 255, 255, 1.2);
  font-size: 30px;
  line-height: 115px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 0 0 15px rgba(0, 0, 0, 2.6);
}
section.module.parallax-11 {
  height: 450px;
  background-position: 50% 50%;
  background-repeat: repeat;
  background-attachment: fixed;
  background-size: 1295px 827px;
}


section.module.parallax-1 {
  background-image: url("//www.baass.com/hubfs/BAASS.com_/BAASS_Connect_2016_page/Main_4_banner_shutterstock_295237832_lights.jpg");
}
section.module.parallax-2 {
  background-image: url("//www.baass.com/hubfs/BAASS.com_/BAASS_Connect_2016_page/Venues_Banner2.jpg");
}
section.module.parallax-22 {
    background-image: url("//www.baass.com/hubfs/BAASS.com_/BAASS%20Connect%202017/17%20BAASS%20Connect%202017/shutterstock_247962964%20bokeh_bg2.jpg");
}
section.module.parallax-3 {
  background-image: url("//www.baass.com/hubfs/BAASS.com_/BAASS_Connect_2016_page/BAASS_Connect_Main_dark.jpg");
}
section.module.parallax-33 {
  background-image: url("//www.baass.com/hubfs/BAASS.com_/BAASS%20Connect%202017/17%20BAASS%20Connect%202017/exhibitors/Main_exhibitors.png");
}
section.module.parallax-4 {
  background-image: url("//www.baass.com/hubfs/BAASS.com_/BAASS_Connect_2016_page/Agenda_7_shutterstock_392015611.jpg");
}
section.module.parallax-44 {
  background-image: url("//www.baass.com/hubfs/BAASS.com_/BAASS%20Connect%202017/17%20BAASS%20Connect%202017/Agenda/Agenda_Banner2.png");
}
section.module.parallax-5 {
  background-image: url("//www.baass.com/hubfs/BAASS.com_/BAASS_Connect_2016_page/Webinars3_shutterstock_283657382.jpg");
}
section.module.parallax-6 {
  background-image: url("//www.baass.com/hubfs/BAASS.com_/BAASS_Connect_2016_page/Exhibitors_banner_shutterstock_193539209_meeting.jpg");
}
section.module.parallax-66 {
  background-image: url("//www.baass.com/hubfs/BAASS.com_/BAASS%20Connect%202017/17%20BAASS%20Connect%202017/Speakers/Speakers_Main.png");
}
section.module.parallax-7 {
  background-image: url("//www.baass.com/hubfs/BAASS.com_/BAASS_Connect_2016_page/Exhibitors_banner_shutterstock_193539209_meeting.jpg");
}
section.module.parallax-8 {
  background-image: url("//www.baass.com/hubfs/BAASS.com_/BAASS_Connect_2016_page/Thank%20You%20For%20Attending%20Landing%20Pg/Toronto%20BC16%20Banner.jpg");
}
section.module.parallax-9 {
  background-image: url("//www.baass.com/hubfs/BAASS.com_/Homepage/Image_Rotator/NEW_Rotator/Beer%20dark%20yutacar-28290.jpg");
}

section.module.parallax-10 {
  background-image: url("//www.baass.com/hubfs/BAASS.com_/BAASS%20Connect%202017/BC17%20bg_dark.png");
}

section.module.parallax-11 {
  background-image: url("//www.baass.com/hubfs/BAASS.com_/BAASS%20Connect%202017/mainbanner.jpg");
}

section.module.parallax-12 {
  background-image: url("//www.baass.com/hubfs/BAASS.com_/BAASS%20Connect%202017/Bc17_main3.jpg");
}

section.module.parallax-13 {
  background-image: url("//www.baass.com/hubfs/BAASS.com_/BAASS%20Connect%202017/Main_Bc17.jpg");
}



@media all and (min-width: 600px) {
  section.module.parallax h2 {
    font-size: 42px;
  }
  section.module p {
    font-size: 20px;
  }
  section.module.parallax h1 {
    font-size: 30px;
  }
}
@media all and (min-width: 960px) {
  section.module.parallax h1 {
    font-size: 50px;
  }
  section.module p {
    font-size: 24px;
    color: rgba(255, 255, 255, 10);
    line-height: 40px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 0 0 10px rgba(0, 0, 0, 5.9);
}
  section.newmodule p {
    font-size: 24px;
    color: rgba(39, 39, 39, 1.2);
    line-height: 30px;
    font-weight: 500;
    text-align: center;
    text-transform: normal;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0);
}

.three-col {
       -moz-column-count: 3;
       -moz-column-gap: 17px;
       -webkit-column-count: 3;
       -webkit-column-gap: 17px;
}

#scenario1Container
{
    /*This CSS rule defines that there will be 3 columns of varying width, regardless
    of the size of the container*/
    column-count: 3;

    /*This CSS rule defines a gap between columns of 20px, and a 1px-wide solid black
    column rule between columns. Note that the column rule width does not impact the
    size of the column gap*/
    column-gap: 20px;
    column-rule: 1px solid black;

    /*This CSS rule defines that text in each column should be fully justified, and
    hyphens should be automatically inserted into words when needed. Note that this
    approach is generally recommended with narrow columns*/
    -ms-hyphens: auto;
    text-align: center;
    

/***** IMPACT STYLES *****/
/* BASE */
.grid__item {
    display: inline-block;
    text-align: left;
    margin-left: 1.25%;
    margin-right: 1.25%;
    vertical-align: top;
    padding-top: 50px;
    padding-bottom: 50px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.grid.hard, .grid.hard--sides {
    width: 100%;
    max-width: 100%;
}

.grid.trenta, .grid__item.trenta {
    padding-top: 100px;
    padding-bottom: 100px;
}

.grid.tall, .grid__item.tall {
    padding-top: 40px;
    padding-bottom: 40px;
}

.one-half.grid__item {
    width: 47.5%;
}

.one-fourth.grid__item {
    width: 22.5%;
}

.one-whole.grid__item {
    width: 97%;
}

.hard, .hard--top, .hard--ends { padding-top: 0px!important; margin-top: 0px!important; }
.hard, .hard--right, .hard--sides { padding-right: 0px!important; margin-right: 0px!important; }
.hard, .hard--bottom, .hard--ends { padding-bottom: 0px!important; margin-bottom: 0px!important; }
.hard, .hard--left, .hard--sides { padding-left: 0px!important; margin-left: 0px!important; }

.absolute {
    position: absolute;
}

.relative {
    position: relative;
}

.top--0 {
    top: 0;
}

.right--0 {
    right: 0;
}

.bottom--0 {
    bottom: 0;
}

.left--0 {
    left: 0;
}

.z-index--1 {
    z-index: 1;   
}

.z-index--2 {
    z-index: 2;
}

.padding--grande {
    
}

.text--center, .all--text--center, .all--text--center * { text-align: center; }
.text--left, .all--text--left, .all--text--left * { text-align: left; }
.text--right, .all--text--right, .all--text--right * { text-align: right; }

.left {
    float: left;
}

.right {
    float: right;
}

.padding--tall {
    padding-left: 40px !important;
    padding-right: 40px !important;
}

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

.valign--middle, .all--valign--middle, .all--valign--middle * {
    vertical-align: middle;
}

@media screen and (min-width: 1025px) { 
    .lap-and-up-visuallyhidden { display: none !important; }
}
 
@media screen and (max-width: 1024px) {
    .portable-hard, .portable-hard--top, .portable-hard--ends {
        padding-top: 0px!important;
        margin-top: 0px!important;
    }
    
    .portable-visuallyhidden { display: none !important; }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .tablet-one-third.grid__item { width: 30.83333%!important; }
}

@media screen and (max-width: 767px) {
    .palm-padding--short {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    
    .palm-one-whole {
        width: 97.5%!important;
    }
    
    .palm-text--center, .palm-all--text--center, .palm-all--text--center * {
        text-align: center;
    }
}



/* HEADER */
.headerTrigger {
    height: 20px;
    width: 20px;
    background-color: #CF0;
}

#headerSpacer {
    display:none;
    width:100%;
    position:relative;
}

.updated--header .header-container-wrapper {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}

.updated--header .header-container {
    height: auto !important;
    position: relative !important;
    padding: 0;
}

.updated--header .admin--nav {
    padding: 5px 20px 5px;
    border-bottom: 1px solid #ebebeb;
    background-color: #3c3c3c;
}

.updated--header .admin--nav .hs-menu-wrapper>ul {
    margin: 0 10px 0 0;
}

.updated--header .admin--nav .hs-menu-wrapper>ul ul {
    margin: 0;
}

.updated--header .admin--nav .hs-menu-wrapper>ul>li>a {
    font-size: 14px;
    color: #FFFFFF;
    text-transform: uppercase;
    padding: 10px !important;
    margin-top: 5px;
}

.updated--header .admin--nav .hs-menu-wrapper>ul>li>a:hover {
    color: #1e95e9;
    text-decoration: underline;  
}

.updated--header .header--main-nav-container {
    padding: 10px 20px;
}

.updated--header .header--main-nav {
    margin-top: 30px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}

.updated--header .header--main-nav .hs-menu-wrapper>ul, .updated--header .header--main-nav .hs-menu-wrapper>ul ul {
    margin: 0;
}

.updated--header .header--main-nav .hs-menu-wrapper>ul>li>a {
    color: #4a4a4a;
    font-weight: normal;
    font-size: 18px;
    text-transform: uppercase;
}

.updated--header .header--main-nav .hs-menu-wrapper>ul>li>a:hover {
    color: #1e95e9;
    text-decoration: underline;
}

.updated--header .header--main-nav .hs-menu-wrapper>ul ul, .updated--header .admin--nav .hs-menu-wrapper>ul ul {
    padding: 0;
    border: 1px solid #ccc;
    border-bottom: 0;
    background: #fff;
}

.updated--header .header--main-nav .hs-menu-wrapper>ul ul li, .updated--header .admin--nav .hs-menu-wrapper>ul ul li {
    background: #fff;
    display: block;
    margin: 0;
    border-bottom: 1px solid #ccc;
    text-align: left;
}

.updated--header .header--main-nav .hs-menu-wrapper>ul li a, .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
    overflow: visible !important;
    max-width: none !important;
    width: auto !important;
    color: #4a4a4a;
}

.hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
    font-weight: 300 !important;
}

.hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a:hover {
    color: #1e95e9;
    background: #f7f7f7;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts>ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper {
    top: -1px !important;
}

.updated--header .header-container .logo {
    max-width: 200px !important;
}

.updated--header .header--main--cta a {
    margin-top: -5px !important;
}

@media screen and (min-width: 1024px) and (max-width: 1028px) {
    .updated--header .header--main-nav .hs-menu-wrapper>ul>li>a {
       font-size: 16px;
    }
}

@media screen and (max-width: 1024px) {
    .updated--header .header-container .logo {
        max-width: 150px !important;
        height: auto !important;
    }
}

@media screen and (max-width: 767px ) {
    .updated--header .header-container .logo {
        max-width: 125px !important;
    }
    
    .updated--header .header--main-nav-container .span3, .updated--header .header--main-nav-container .span9 {
        width: 50%;
        margin: 0;
        float: left;
    }
    
    .updated--header .admin--nav #hs_menu_wrapper_admin_nav {
        text-align: center;
    }
    
    .updated--header .admin--nav .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1 {
        display: inline-block;
        width: auto;
    }
    
    .updated--header .header-container {
        background: rgba(255,255,255,0.9);  
    }
}

/* SEARCH HEADER */
.header--search--box form {
    margin: 0 0 0 0 !important;
    position: relative;
}

.header--search--box form input {
    width: 100% !important;
    background: transparent;
    border: 1px solid #dbdbdb;
    padding: 10px 30px 10px 10px;
    outline: none;
    font-size: 14px;
    color: #2f2f2f;
    text-transform: uppercase;
    background-color: #FFFFFF;
}
.header--search--box form input::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #2f2f2f;
}
.header--search--box form input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #2f2f2f;
  opacity: 1;
}
.header--search--box form input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #2f2f2f;
  opacity: 1;
}
.header--search--box form input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #2f2f2f;
}
.header--search--box form button {
    position: absolute;
    right: 0;
    top: 0;
    border: 0;
    bottom: 0;
    background: transparent;
}

.header--search--box form i {
    color: #175682;
}

/* STICKY HEADER */
.updated--header .sticky .header-container {
    padding: 0px;
}

.updated--header .sticky .header-container .header--main-nav {
    margin-top: 5px;
}

/* MOBILE NAV */
@media screen and (max-width: 1024px) {
    .widget-type-menu {
        margin-left: 0px !important;
    }
}

.updated--header .header--main--nav--mobile--close { border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
.updated--header .header--main--nav--mobile--close p { margin: 10px 0 10px 20px; color: #ffffff; }
.updated--header .header--main--nav--mobile--close:hover { cursor: pointer; }
.updated--header .header--main--nav--btn i { color: #4a4a4a; font-size: 26px; margin-top: 30px; margin-right: 20px; display: block; }
.updated--header .header--main--nav--mobile { background-color: #1e95e9; width: 300px; -webkit-transition: right .5s; -o-transition: right .5s; transition: right .5s; position: fixed; right: -320px; top: 0; bottom: 0; z-index: 1; overflow: auto; }
.updated--header .header--main--nav--mobile ul { width: 100%; margin: 0 !important; padding: 0;}
.updated--header .header--main--nav--mobile ul li { display: block; margin-bottom: 0; width: 100%; }
.updated--header .header--main--nav--mobile ul li a { color: #ffffff; text-decoration: none; transition: all 0.25s ease; display: block !important; padding: 20px !important; font-size: 18px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
.updated--header .header--main--nav--mobile ul li a:hover { text-decoration: underline; }
.updated--header .header--main--nav--mobile ul li.hs-menu-depth-1, .updated--header .header--main--nav--mobile ul li.hs-menu-depth-2 { position: relative; }
.updated--header .header--main--nav--mobile ul li.hs-menu-depth-1 > i, .updated--header .header--main--nav--mobile ul li.hs-menu-depth-2 > i { position: absolute; z-index: 2; right: 10px; top: 10px; color: #ffffff; transition: all 0.25s ease; width: 50px; height: 50px; text-align: center; line-height: 50px; }
.updated--header .header--main--nav--mobile ul li.hs-menu-depth-1 > i:hover, .updated--header .header--main--nav--mobile ul li.hs-menu-depth-2 > i:hover { cursor: pointer; }
.updated--header .header--main--nav--mobile ul li.hs-menu-depth-1 ul { visibility: visible !important; opacity: 1 !important; position: relative !important; left: 0 !important; }
.updated--header .header--main--nav--mobile ul li.hs-menu-depth-1 li a { color: #FFFFFF !important; background-color: #38AFFF; border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
.updated--header .header--main--nav--mobile ul li.hs-menu-depth-1 li li a { background-color: #51C8FF; }
.updated--header .header--main--nav--mobile ul li.hs-menu-depth-1 li a:hover { color: #4a4a4a !important; text-decoration: underline !important; background-color: #38AFFF !important; }
.updated--header .header--main--nav--mobile ul li.hs-menu-depth-1 li li a:hover { background-color: #51C8FF !important; }
.updated--header .header--main--nav--mobile .hs-menu-wrapper.hs-menu-flow-vertical>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a  {
    white-space: normal;
}

.updated--header .header--main--nav--mobile .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a {
    padding: 20px !important;
}

.updated--header .header--main--nav--mobile a.button {
    width: 100% !important;
    box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
}

@media screen and (max-width: 767px ) {
    .updated--header .header--main--nav--btn i {margin-top: 20px; font-size: 20px;}   
    
    .updated--header .header--main--nav--mobile .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a {
        padding: 20px !important;
    }
}
          
/* BODY */
.updated--header .body-container-wrapper {
    padding-top: 0px !important;
}

/* EQUALIZE */
span[class*="equalize"] {
    display: block;
}

.equalize--center {
    opacity: 0;
    -webkit-transition: opacity 1.25s ease-out;
    -moz-transition: opacity 1.25s ease-out;
    -ms-transition: opacity 1.25s ease-out;
    -o-transition: opacity 1.25s ease-out;
    transition: opacity 1.25s ease-out;
}