/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/****************************************/
/* HubSpot Style Boilerplate            */
/****************************************/

/* These includes are optional, but helpful. */
/* Images */

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

/* Videos */

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

/* Embed Container (iFrame, Object, Embed) */

.hs-responsive-embed {
    position: relative;
    height: auto;
    overflow: hidden;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
}

.hs-responsive-embed iframe, .hs-responsive-embed object, .hs-responsive-embed embed {
    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: 2%;
}

.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 {
    padding: 6px;
    display: inline-block;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* Menus */

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

.hs-menu-wrapper.hs-menu-flow-horizontal ul {
    list-style: none;
    margin: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul {
    display: inline-block;
    margin-bottom: 20px;
}

.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 20px;
    white-space: nowrap;
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children {
    position: relative;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > 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;
    width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper {
    left: 180px;
    top: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > 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;
    margin-bottom: 20px;
    min-height: 7em;
}

.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;
    padding: 10px 20px;
    white-space: nowrap;
    max-width: 140px;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
}

.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;
    white-space: nowrap;
    width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul {
    margin-bottom: 20px;
}

.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 a {
    padding: 10px 20px;
    text-decoration: none;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children {
    position: relative;
}

.hs-menu-wrapper.hs-menu-flow-vertical > 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;
    top: 0;
    left: 180px;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper {
    opacity: 1;
    visibility: visible;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li a {
    min-width: 140px;
    width: auto;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul {
    max-width: 100%;
    overflow: hidden;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    display: none;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper,
.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li.hs-item-has-children > ul.hs-menu-children-wrapper {
    display: block;
    visibility: visible;
    opacity: 1;
    position: static;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-2 > a {
    padding-left: 4em;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-3 > a {
    padding-left: 6em;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-4 > a {
    padding-left: 8em;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-5 > a {
    padding-left: 140px;
}

.hs-menu-wrapper.hs-menu-not-show-active-branch li.hs-menu-depth-1 ul {
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
}

@media (max-width: 568px) {
    .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;
        max-width: 100%;
        width: 100%;
    }
}

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

/* Space Module */

.widget-type-space {
    visibility: hidden;
}

/* Blog Author Section */

.hs-author-listing-header {
    margin: 0 0 .75em 0;
}

.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("//static.hubspot.com/final/img/common/icons/social/googleplus-24x24.png");
}

/*
 * 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 {width: 100%; display: block; border-radius: 0px;}
.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; -o-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(//static.hsappstatic.net/content_shared_assets/static-1.3935/img/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(//static.hsappstatic.net/content_shared_assets/static-1.3935/img/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-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; -o-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: rgba(0,0,0,0.5);
    position: absolute;
    font-size: 2em;
    line-height: 1.1em;
    color: white;
    padding: 0px 5% 0px 5%;
    width: 100%;
    bottom: 0;
    text-align: center;
}

.hs_cos_flex-slider .superimpose .caption {
    color: white;
    font-size: 3em;
    line-height: 1.1em;
    position: absolute;
    padding: 0px 5% 0px 5%;
    width: 90%;
    top: 40%;
    text-align: center;
    background-color: transparent;
}

@media all and (max-width: 400px) {
    .hs_cos_flex-slider .superimpose .caption {
        background-color: black;
        position: static;
        font-size: 2em;
        line-height: 1.1em;
        color: white;
        width: 90%;
        padding: 0px 5% 0px 5%;
        top: 40%;
        text-align: center;
    }

    /* beat recaptcha into being responsive, !importants and specificity are necessary */
    #recaptcha_area table#recaptcha_table {width: 300px !important;}
    #recaptcha_area table#recaptcha_table .recaptcha_r1_c1 {width: 300px !important;}
    #recaptcha_area table#recaptcha_table .recaptcha_r4_c4 { width: 67px !important;}
    #recaptcha_area table#recaptcha_table #recaptcha_image {width:280px !important;}
}

.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: white;
}

/* 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;
}




/* HTML 5 Reset */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
    display: block;
}

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

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

/* Support migrations from wordpress */

.wp-float-left {
    float: left;
    margin: 0 20px 20px 0;
}

.wp-float-right {
    float: right;
    margin: 0 0 20px 20px;
}

/* Responsive Google Maps */

#map_canvas img, .google-maps img {
    max-width: none;
}

/* line height fix for reCaptcha theme */
#recaptcha_table td {line-height: 0;}
.recaptchatable #recaptcha_response_field {min-height: 0;line-height: 12px;}





 /*****************************************/
 /* Start your style declarations here    */
 /*****************************************/
/* 
 You can use this CSS file as a guide in building out
 your HubSpot website. It contains the major elements needed
 to create your own custom style. 
*/

                     /*  */
         /*  */
                          /*  */

@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed);

body {
    font-size:18px;
    border-top:none; 
    font-weight: 300;
    margin:0;
    width: 100%;
    overflow-x: hidden;
}
div {
    
}
.clear{
    clear:both;
}
.body-container{ 
    max-width:100%!important; 
}
.fullwidth-bg{
    display: inline-block;
    float: left;
    width:100%;
    height:auto;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.page-center{
    max-width:1170px;
    margin:0 auto;
    height: 100%;
}
.page-center-small{
    max-width:773px;
    margin:0 auto;
    height: 100%;
}
.row-fluid [class*="span"] {
    min-height: none !important;
}
a {
    color: inherit;
}
a:hover, a:focus {}

img {}

@media (max-width:1200px) {
 .page-center {
     padding-left:20px;
     padding-right:20px;
     box-sizing:border-box;
     -webkit-box-sizing:border-box;
     -o-box-sizing:border-box;
     -moz-box-sizing:border-box;
 }   
}
/* ------ Typography ------ */
@import url(http://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,700,800,900);
/* Basic text */
p {font-size:1em;font-weight:300;line-height:27px;}/* 16px */
.paragraph-large p {font-size:1.125em;font-weight:300;line-height:27px;}/* 18px */
small {}
strong {}
em {}
cite {}

.bold h1, .bold h2, .bold h3, .bold h4, .bold h5, .bold h6, .bold p, .bold span{font-weight: 700!important;}
.italic{font-style:italic;}
.thin, .thin h1 {font-weight:100!important;}
.normal {font-weight:300!important;}
.text-uppercase {text-transform:uppercase;}

/* Headings */
h1, h2, h3, h4, h5, h6 { font-family: 'Roboto Condensed', sans-serif; color:#343434; }

p, span, a {font-family: 'Raleway', sans-serif; color:#343434;}
ul, li, textarea {font-family: 'Raleway', sans-serif;}

h1 {font-size:2.750em;font-weight:300;}/* 60px */
h2 {font-size:2.250em;font-weight:300;}/* 48px */
h3 {font-size:1.500em;font-weight:300;}/* 30px */
h4 {font-size:1.000em;font-weight:300;}/* 24px */
h5 {}
h6 {}

.header h1, 
.header h2,
.header h3,
.header h4,
.header h5,
.header h6 {
    margin-top: 0;
}


/* Colors */
.color-white,
.color-white h1,
.color-white h2,
.color-white h3,
.color-white h4,
.color-white h5,
.color-white h6,
.color-white p,
.color-white span
{
    color:#fff!important;
}

.color-turquoish,
.color-turquoish h1,
.color-turquoish h2, 
.color-turquoish h3,
.color-turquoish h4,
.color-turquoish h5,
.color-turquoish h6,
.color-turquoish p,
.color-turquoish span
{
    color:#10adf5;
}
/* Backgrounds */
.bg-turquoish {background:#10adf5;}
.bg-light-grey { background:#f6f6f6;}
.bg-medium-grey {background:#343434;}
.bg-dark-grey {background:#2b2b2b;}

/* Font weight */
.font-bold, 
.font-bold h1,
.font-bold h2, 
.font-bold h3, 
.font-bold h4, 
.font-bold h5, 
.font-bold h6, 
.font-bold p, 
.font-bold span {
    font-weight: 700!important;
}
.font-semibold, 
.font-semibold h1,
.font-semibold h2, 
.font-semibold h3, 
.font-semibold h4, 
.font-semibold h5, 
.font-semibold h6, 
.font-semibold p, 
.font-semibold span {
    font-weight: 600!important;
}
.font-normal, 
.font-normal h1,
.font-normal h2, 
.font-normal h3, 
.font-normal h4, 
.font-normal h5, 
.font-normal h6, 
.font-normal p, 
.font-normal span {
    font-weight: 400!important;
}

/* Lists */
ul, ol {}
ul ul, ul ol, ol ol, ol ul {}

li {}

ul.unstyled, ol.unstyled {}

ul.inline, ol.inline {}
ul.inline > li, ol.inline > li {}

dl {}
dt, dd {}
dt {}
dd {}

/* Quotes */
blockquote {font-size:2.5em;font-style:italic;margin:40px 0;}
blockquote:before {content:"\201c";}
blockquote:after {content:"\201d";}
blockquote p {}
blockquote small {}
blockquote small:before {}

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

/* hr */
hr {
    border-top: 1px solid #ddd;
    border-bottom: 0;
    outline: 0;
    height: 0;
    background: none;
    border-left: 0;
    position:relative;
}
hr:after {
    content:"\f107";
    position:absolute;
    font-family:fontawesome;
    width: 30px;
    left:0;
    right:0;
    background:#fff;
    margin:auto;
    top:0;
    bottom:0;
    border: 1px solid #ddd;
    height: 35px;
    font-size: 29px;
    color: #ddd;
    padding-left: 10px;
    padding-top: 6px;
    border-radius:100px;
}
/* Address */
address {}

/* Margin and padding */

.margin-none, .margin-none h1, .margin-none h2, .margin-none h3, .margin-none h4, .margin-none p, .margin-none ul{
    margin:0px;
}

.margin-XXL{ margin:130px 0; }
.margin-L{ margin:100px 0; }
.margin-M{ margin:80px 0; }
.margin-S{ margin:50px 0; }
.margin-XS{ margin:40px 0; }

.margin-XL-bottom{ margin-bottom:130px; }
.margin-L-bottom{ margin-bottom:100px; }
.margin-M-bottom{ margin-bottom:80px; }
.margin-S-bottom{ margin-bottom:50px; }
.margin-XS-bottom{ margin-bottom:40px; }
.margin-XXS-bottom { margin-bottom:20px; }

.margin-bottom-20 {margin-bottom:20px;}
.margin-bottom-10 {margin-bottom:10px;}

.margin-XL-top{ margin-top:130px; }
.margin-L-top{ margin-top:100px; }
.margin-M-top{ margin-top:80px; }
.margin-S-top{ margin-top:50px; }
.margin-XS-top{ margin-top:10px; }

/* --------->>> Padding <<<----------*/
.padding-none, .padding-none li a{
    padding-left:0px!important;
}
.padding-left-none, .padding-left-none ul, .padding-left-none a {
    padding-left:0px!important;
}

.padding-XXL-all { padding:260px;}
.padding-XL-all  { padding:130px; }
.padding-L-all   { padding:100px; }
.padding-M-all   { padding:80px; }
.padding-S-all   { padding:50px;}
.padding-XS-all  { padding:20px; }
.padding-XXS-all { padding:10px; }

.padding-XXL{padding:260px 0;}
.padding-XL{ padding:130px 0; }
.padding-L { padding:100px 0; }
.padding-M { padding:80px 0; }
.padding-S { padding:50px 0;}
.padding-XS{ padding:20px 0; }

.padding-XL-bottom{ padding-bottom:130px; }
.padding-L-bottom{ padding-bottom:100px; }
.padding-M-bottom{ padding-bottom:80px; }
.padding-S-bottom{ padding-bottom:50px; }
.padding-XS-bottom { padding-bottom:20px; }

.padding-XL-top{ padding-top:130px; }
.padding-L-top{ padding-top:100px; }
.padding-M-top{ padding-top:80px; }
.padding-S-top{ padding-top:50px; }
.padding-XS-top { padding-top:20px; }
.padding-XXS-top { padding-top:10px; }

.padding-none-top { padding-top: 0; }
.padding-none-bottom { padding-bottom: 0; }
.padding-none-right { padding-right: 0; }
.padding-none-left { padding-left: 0; }

@media (max-width:768px) {
    /* margin mobile */
    .mobile-margin-XL { margin:65px; }
    .mobile-margin-L { margin:50px; }
    .mobile-margin-M { margin:40px; }
    .mobile-margin-S { margin:25px }
    .mobile-margin-XS { margin:20px 0; }
    .mobile-margin-XXS { margin:10px 0; }
    
    .mobile-margin-XL-bottom{ margin-bottom:65px; }
    .mobile-margin-L-bottom{ margin-bottom:50px; }
    .mobile-margin-M-bottom{ margin-bottom:40px; }
    .mobile-margin-S-bottom{ margin-bottom:25px; }
    .mobile-margin-XS-bottom{ margin-bottom:20px; }
    .mobile-margin-XXS-bottom{ margin-bottom:10px; }
    
    .mobile-margin-XL-top{ margin-top:65px; }
    .mobile-margin-L-top{ margin-top:50px; }
    .mobile-margin-M-top{ margin-top:40px; }
    .mobile-margin-S-top{ margin-top:25px; }
    .mobile-margin-XS-top{ margin-top:20px; }
    .mobile-margin-XXS-top{ margin-top:10px; }
    
    .mobile-margin-none {margin: 0!important; }
    
    /* mobile padding */
    .mobile-padding-XL{ padding:65px; }
    .mobile-padding-L { padding:50px; }
    .mobile-padding-M { padding:40px; }
    .mobile-padding-S { padding:25px }
    .mobile-padding-XS { padding:20px; }
    
    .mobile-padding-XL-bottom{ padding-bottom:130px; }
    .mobile-padding-L-bottom{ padding-bottom:100px; }
    .mobile-padding-M-bottom{ padding-bottom:80px; }
    .mobile-padding-S-bottom{ padding-bottom:50px; }
    .mobile-padding-XS-bottom{ padding-bottom:40px; }
    
    .mobile-padding-XL-top{ padding-top:130px; }
    .mobile-padding-L-top{ padding-top:100px; }
    .mobile-padding-M-top{ padding-top:80px; }
    .mobile-padding-S-top{ padding-top:50px; }
    .mobile-padding-XS-top{ padding-top:40px; }
    
    .mobile-padding-none {padding:0px;}
    .mobile-padding-top-none {padding-top:0px;}
    .mobile-padding-bottom-none {padding-bottom:0px;}
    .mobile-padding-left-none {padding-left:0px;}
    .mobile-padding-right-none {padding-right:0px;}
    
    .extra-large-padding{ padding:130px 20px; }
    .large-padding{ padding:100px 20px; }
    .normal-padding{ padding:80px 20px; }
    .small-padding{ padding:50px 20px; }
    .extra-small-padding{ padding:20px; }  
}

/* ------ Text Align ------ */
.text-aligncenter                   { text-align:center;    }
.text-alignright                    { text-align:right;     }
.text-alignleft                     { text-align:left;      }
.text-alignjustify                  { text-align:justify;   }

@media (max-width:768px) {
    .text-aligncenter               { text-align:center;    }
    .text-alignright                { text-align:center;    }
    .text-alignleft                 { text-align:center;    }
    .text-alignjustify              { text-align:center;    } 
    
    .mobile-text-aligncenter        { text-align:center;    }
    .mobile-text-alignright         { text-align:right;     }
    .mobile-text-alignleft          { text-align:left;      }
    .mobile-text-alignjustify       { text-align:justify;   }
}

/* Border style */
.border-grey {
    border-top:1px solid #dddddd;
    border-bottom:1px solid #dddddd;
}
.border-grey-bottom {
    border-bottom:1px solid #dddddd;
}

/* ------ Structure ------ */
/* 
 The outer wrappers of your website, if you wanted to set your website width
 to a fixed size you could set a width or max-width of 960px for example. 
*/
.header-container-wrapper, .body-container-wrapper, .footer-container-wrapper {}

.header-container-wrapper {}
.body-container-wrapper {}
.footer-container-wrapper {}

@media (max-width: 767px) {
    .header-container-wrapper {
        text-align: center;
    }
}

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

.header-container {}
.body-container {}
.footer-container {}


/* ------ Grid ------ */
/* 
 By default HubSpot's grid system utilizes 12 columns, making for a 940px wide container 
 without responsive features enabled. With the responsive CSS file added, the grid adapts 
 to be 724px and 1170px wide depending on your viewport. Below 767px viewports, the columns 
 become fluid and stack vertically. 
 
 You can also use spans to setup your different colored sidebar or container columns like 
 this: span8 {background:#fff;} span4 {background:#eee;}. The column spans will always add 
 up to 12 and will be setup for you automatically when you use Template Builder to adjust 
 the visual layout.
*/

.span12 {}
.span11 {}
.span10 {}
.span9 {}
.span8 {}
.span7 {}
.span6 {}
.span5 {}
.span4 {}
.span3 {}
.span2 {}
.span1 {}
/* ------ Hero banner image ------ */
.hero-image {
    display:none!important;
}

/* ------ Header ------ */
.header-container-wrapper {}
.header-container {}

/* 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 {}


/* ------ Menu ------ */
/* 
 Change the alignment of your menu easily by using the text-align or float CSS properties. 
 For a full width centered menu, you could simply add text-align:center; below.
 */
.header-container .hs-menu-wrapper.hs-menu-flow-horizontal {}
 
.hs-menu-wrapper {}

/* Primary menu link text color */
.hs-menu-wrapper a {}
.hs-menu-wrapper a:hover {}

/* Drop down background color */
.hs-menu-wrapper.hs-menu-flow-horizontal ul {}

/* Menu link font family and basic padding including drop down links */
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li a {
    max-width: none!important;
}


/* ------ Content ------ */
.body-container-wrapper {}
.body-container {}


/* ------ Blog ------ */
/* Your basic blog wrapper */
.blog-listing-wrapper {}

.blog-listing-wrapper .hs-featured-image-wrapper {
    width: 100%;
    display:inline-block;
}
    .blog-listing-wrapper .hs-featured-image-wrapper img {
        width:100%;
        max-width:none;
    }
/* Use this to set up different styling for your blog posts */
.blog-page-sidebar {
    padding:30px 20px;
    box-sizing: border-box;
    border: 1px solid #d5d5d5;
    border-bottom: 2px solid #d5d5d5;
}
.blog-page-sidebar ul {
    padding-left: 30px;
}
.blog-page-sidebar a {
    text-decoration:none!important;
    transition:0.1s;
}
    .blog-page-sidebar a:hover {
        color: #10adf5!important;
    }
.blog-listing-wrapper .post-listing .post-item {
  padding: 30px;
  box-sizing: border-box;
  border: 1px solid #d5d5d5;
  border-bottom: 2px solid #d5d5d5;
  margin-bottom: 30px;
}
.blog-listing-wrapper .post-listing .custom_listing_comments {
    font-family: 'Raleway',sans-serif;
}
.blog-listing-wrapper .post-listing a.more-link, .blog-listing-wrapper .post-listing .custom_listing_comments a {
    color: #10adf5!important;
    text-decoration: none!important;
}
.blog-listing-wrapper .post-listing .post-item .post-body {}

/* Blog comments and blog comment form */
.comment {}
.comments-listing {}
.comment-from {}
.comment-body {}
.comment-date {}

#blog-comment-form  div.hs-form-field {}

#blog-comment-form  div.hs-form-field label {}

#blog-comment-form  div.hs-form-field .hs-field-desc {}

#blog-comment-form  div.hs-form-field input[type="text"],
#blog-comment-form  div.hs-form-field input[type="email"],
#blog-comment-form  div.hs-form-field textarea { }

#blog-comment-form  div.hs-form-field select {}

#blog-comment-form  .hs-button {}

#blog-comment-form  textarea, 
#blog-comment-form  input[type="text"], 
#blog-comment-form  input[type="password"], 
#blog-comment-form  input[type="datetime"], 
#blog-comment-form  input[type="datetime-local"], 
#blog-comment-form  input[type="date"], 
#blog-comment-form  input[type="month"], 
#blog-comment-form  input[type="time"], 
#blog-comment-form  input[type="week"], 
#blog-comment-form  input[type="number"], 
#blog-comment-form  input[type="email"], 
#blog-comment-form  input[type="url"], 
#blog-comment-form  input[type="search"], 
#blog-comment-form  input[type="tel"], 
#blog-comment-form  input[type="color"], 
#blog-comment-form  .uneditable-input {}

#blog-comment-form form div.hs-form-field ul li {}

.hs_submit {}

/* Pagination */
.post-header a {
    text-decoration: none;
}
.post-header p {}

.blog-pagination {}

/* Subscription frequency form */
.hs_blog_default_blog_subscription {}
.hs_blog_default_blog_subscription ul {}


/* ------ Forms ------ */
/* This is the main form wrapper */
.hs-form {}
.hs-form .hs-input {
    padding:15px;
    border:0;
    outline:none;
    color:#333333;
    outline:1px solid #d7d7d7;
    margin-bottom:14px;
    background:#fff;
    transition:0.1s;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -o-box-sizing:border-box;
    -moz-box-sizing:border-box;
}
    .hs-form .hs-input:focus {
        outline:1px solid #10adf5;
    }
.hs-form label {
    
}
.hs-form .input {
    margin-right:8px!important;
}
.hs-form ul {
    padding-left: 0;
}
.hs-form li {
    list-style: none;
}
.hs-form .hs-input input {
    margin:0!important;
}
.hs-form .hs_submit input {
    background:#10adf5;
    width:70%;
    cursor:pointer;
    color:#FFF;
    border:none;
    font-size: 1em;
    outline:none;
    text-transform:uppercase;
    padding:15px;
}
    .hs-form .hs_submit input:hover {
        background: #10adf5;
    }
.hs-form fieldset{
    max-width:none!important;
}
.hs-form textarea {
    width:100%!important;
}
.hs-form input[type="radio"], .hs-form input[type="checkbox"] {
    border: none!important;
    outline: none!important;
}
.hs-form .hs_submit {
    margin-right:8px;
}
/* ------ Buttons ------ */
.hs-button {}
.hs-button:hover {}
.hs-button:focus {}
.hs-button:active {}

.hs-button:hover, .hs-button:focus, .hs-button:active {}
a.cta_button {
    text-decoration: none;
    position: relative;
    transition: all linear 300ms;
    -webkit-box-sizing: border-box!important;
    -moz-box-sizing: border-box!important;
    -o-box-sizing: border-box!important;
    -ms-box-sizing: border-box!important;
    box-sizing: border-box!important;
}
    .cta_button span {
        /*padding-right: 45px;*/
    }
.cta_button:after {
    /*content: "\f101";*/
    font-family: fontawesome;
    color: #fff;
    position: absolute;
    top: 0;
    background: #000;
    bottom: 0;
    right: -1px;
    padding: 19px;
    transition: all linear 300ms;
}
.cta_button:hover {
    background: #000000!important;
}
.cta_button:hover:after {
    background: #10adf5!important;
}
a.pricing-button {
    margin-top: 2em;
    padding-right: 20px;
    min-width: 0;
}

/* ------ Footer ------ */
/* The main footer wrapper will default to fill 100% of the browser viewport */
.footer-container-wrapper {}

/* Your basic footer container */
.footer-container {}


.social-link-list {
    text-align: right;
}
.social-link-list a {
    display: inline-block;
    width: 35px;
    height: 35px;
    text-align: center;
}
.social-link-list a i {
    color: white;
    line-height: 35px;
}
.social-link-facebook {
    background: #3b5998;
}
.social-link-linkedin {
    background: #007bb6;
}
.social-link-twitter {
    background: #00aced;
}
.social-link-googleplus {
    background: #dd4b39;
}
.social-link-youtube {
    background: #212121;
}


/* ------ Misc ------ */
/* Any overflow styles can go in this space */

.hero-banner .widget-type-space{
    min-height: 1px !important;
}

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

.product-cta {
    display: block;
    width: 100%;
    text-align: center;
}

.product-cta img {
    display: inline-block;
}

#tabs {
    font-family: 'Raleway', sans-serif;
}
#tabs table {
    width: 100%;
}

#tabs table th.table-row-header {
    text-align: left;
    font-size: 19.8px;
}

#tabs table th,
#tabs table td {
    font-family: 'Raleway', sans-serif;
    vertical-align: top;
    padding: 10px;
}

@media (min-width: 600px) {
    #tabs table th,
    #tabs table td {
        min-width: 200px;   
    }
}

#tabs table td:last-child {
    width: 100%;
}

#tabs table tr:nth-child(odd) {
    background: #ECECEC;
}

#tabs table ul {
    margin: 0;
    padding-left: 25px;
    line-height: 1.3em;
}

/* ------ Mobile ------ */
/* Large desktop */
@media (min-width: 1200px) {}
     
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {}
     
/* Landscape phones and down */
@media (max-width: 480px) {}



/* =========================================
    Main content Styling
   =======================================*/

/* Top header */
.top-header{
    padding: 5px 0px 0px 0px !important;
}

.top-header a{
    padding: 5px 10px !important;
}

.top-header-menu{
      text-align: right;
      font-size: 14px;
      color:black !important;
}

.top-header-social-links a i{
    color:#10adf5!important;
    background:#fff;
    width: 27px;
    height: 22px;
    border-radius:100px;
    padding-top: 5px;
    margin: 0px 1px;
    text-align:center;
    transition:0.1s;
}
    .top-header-social-links a i:hover{
        background:#343434;
    }

@media (max-width: 767px) {
    .top-header-social-links {
        margin-top: 10px;
    }
}

/* Header */

.header {
    
}
/* Main navigation */
.main-navigation {
    margin: 20px 0;
}
.main-navigation ul {
    display: block!important;
    overflow: visible!important;
}
.main-navigation li{
    display: inline-block!important;
    list-style: none;
    position: relative;
    width: auto!important;
}
    @media (min-width: 641px){
        .main-navigation ul {
            width: 100%;
            float:right;
        }
        .main-navigation ul:not(.hs-menu-children-wrapper) > li {
            float: none!important;
        }
        .main-navigation ul:not(.hs-menu-children-wrapper) > li:nth-child(n+2) {
            margin-left: 10px;
        }
        .main-navigation ul:not(.hs-menu-children-wrapper) > li > a:before {
            font-family: "fontAwesome";
            content: "\f10c";
            font-size: 7.5px;
            margin: 0 5px;
            position: absolute;
            color: #10adf5;
            left: -5px;
            top: 0;
            bottom: 0;
            margin: auto;
            line-height: 2.25;
        }
        .main-navigation ul:not(.hs-menu-children-wrapper) > li.active a:before {
            content: "\f111";
        }
    }
    @media (max-width: 640px) {
        .main-navigation {
            margin: 0;
            margin-top: 20px;
        }
        .main-navigation ul {
            margin-top: 15px!important;
        }
        .main-navigation li {
            display: inline-block!important;
            width: 100%!important;
        }
    }

.main-navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a {
    color: #000000!important;
    font-weight: 500!important;
    text-transform: uppercase!important;
    padding: 0 10px;
    line-height: 1;
}

/* Dropdown Menu */
.hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    border-top: 3px solid #10adf5;
    padding:0px!important;
}
.hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li {
    width:100%!important;
}
.hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
    width: auto!important;
    text-overflow: initial!important;
    padding: 15px 15px;
}
    .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li:hover {
        background:#10adf5;
        color:#FFF;
    }
    .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li:hover a{
        color:black;
    }
ul.hs-menu-children-wrapper {
    padding: 15px!important;
    background: #f0f0f0;
    color: #FFF!important;
    text-align: left;
    width: auto!important;
    z-index: 999!important;
}

/* Float share linkgs */

@media (max-width: 767px) {
    #floatingShare {
        display: none;
    }
}
#floatingShare a {
    transition:0.1s;
}
    #floatingShare a:hover {
        width: 45px;
    }
#floatingShare i {
    margin: 0!important;
    padding: 9px 0;
}

/* Hero Banner */

.hero-banner {
    overflow: hidden;
    background-size: cover;
    background-position: 50%;
    text-align: center;
}
.hero-banner h1 {
    line-height: 1;
}

@media (max-width: 767px) {
    .hero-banner {
        text-align: center;
    }
    .hero-banner h1 {
        margin-bottom: 15px;
    }
}

/* Facts section */
.counter-number {
    font-size:3.750em!important;
    font-weight:bold;
}
    
/* Site footer */
.site-footer-form label{
    color: #FFF;
}
/* twitter feed */
#tweecool ul li {
    list-style-image:url('//cdn2.hubspot.net/hub/444989/file-2523120040-png/Conf_Pack/Icons/icon-twitter.png');
}
#tweecool ul li > a {
    display:none;
}
#tweecool ul li a {
    color:#10adf5!important;
    text-decoration:none!important;
}
#tweecool ul li .tweets_txt {
    
}
#tweecool ul li img {
    display:none;
}
.footer-menu a{
    color: white;
}
.footer-contact-info p, .footer-contact-info a, .footer-contact-info span{
    color: white;
}
/* =========================================
    Inner Pages Styling
   =======================================*/

/* Pricing Page */
.pricing-table-box {
    border:3px solid #10adf5;
    border-radius:4px;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -o-box-sizing:border-box;
    -moz-box-sizing:border-box;
}
.pricing-table-box h3 {
    margin: 20px 20px 40px 20px!important;
    padding-bottom: 20px;
    border-bottom: 2px solid #10adf5;
}


/* Contact Us */

.social-links a:nth-child(n+2) {
    margin-left: 10px;
}
.social-links a i {
    color: #bcbcbc;
}
.social-links a i:hover {
    color: ;
}

/* =======================================
    Scripts Styles
   ======================================= */
   
/* ----- >>> Owl Carousel <<< ----- */

.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	float: left;
    text-align: center;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}

.owl-origin {
    -webkit-perspective: 1200px;
	-webkit-perspective-origin-x : 50%;
	-webkit-perspective-origin-y : 50%;
	-moz-perspective : 1200px;
	-moz-perspective-origin-x : 50%;
	-moz-perspective-origin-y : 50%;
	perspective : 1200px;
}
/* fade */
.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut .7s both ease;
  -moz-animation: fadeOut .7s both ease;
  animation: fadeOut .7s both ease;
}
.owl-fade-in {
  -webkit-animation: fadeIn .7s both ease;
  -moz-animation: fadeIn .7s both ease;
  animation: fadeIn .7s both ease;
}
/* backSlide */
.owl-backSlide-out {
  -webkit-animation: backSlideOut 1s both ease;
  -moz-animation: backSlideOut 1s both ease;
  animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
  -webkit-animation: backSlideIn 1s both ease;
  -moz-animation: backSlideIn 1s both ease;
  animation: backSlideIn 1s both ease;
}
/* goDown */
.owl-goDown-out {
  -webkit-animation: scaleToFade .7s ease both;
  -moz-animation: scaleToFade .7s ease both;
  animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
  -webkit-animation: goDown .6s ease both;
  -moz-animation: goDown .6s ease both;
  animation: goDown .6s ease both;
}
/* scaleUp */
.owl-fadeUp-in {
  -webkit-animation: scaleUpFrom .5s ease both;
  -moz-animation: scaleUpFrom .5s ease both;
  animation: scaleUpFrom .5s ease both;
}

.owl-fadeUp-out {
  -webkit-animation: scaleUpTo .5s ease both;
  -moz-animation: scaleUpTo .5s ease both;
  animation: scaleUpTo .5s ease both;
}
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
  0% {opacity: 1}
}
@-moz-keyframes empty {
  0% {opacity: 1}
}
@keyframes empty {
  0% {opacity: 1}
}
@-webkit-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-moz-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-webkit-keyframes backSlideOut {
  25% { opacity: .5; -webkit-transform: translateZ(-500px); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}
@-moz-keyframes backSlideOut {
  25% { opacity: .5; -moz-transform: translateZ(-500px); }
  75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes backSlideOut {
  25% { opacity: .5; transform: translateZ(-500px); }
  75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
  0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px); }
  100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@-moz-keyframes backSlideIn {
  0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -moz-transform: translateZ(-500px); }
  100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}
@keyframes backSlideIn {
  0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; transform: translateZ(-500px); }
  100% { opacity: 1; transform: translateZ(0) translateX(0); }
}
@-webkit-keyframes scaleToFade {
  to { opacity: 0; -webkit-transform: scale(.8); }
}
@-moz-keyframes scaleToFade {
  to { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleToFade {
  to { opacity: 0; transform: scale(.8); }
}
@-webkit-keyframes goDown {
  from { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes goDown {
  from { -moz-transform: translateY(-100%); }
}
@keyframes goDown {
  from { transform: translateY(-100%); }
}

@-webkit-keyframes scaleUpFrom {
  from { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpFrom {
  from { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpFrom {
  from { opacity: 0; transform: scale(1.5); }
}

@-webkit-keyframes scaleUpTo {
  to { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpTo {
  to { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpTo {
  to { opacity: 0; transform: scale(1.5); }
}






/* ==============================
    Animate js
   ============================== */
/*  
Copyright (c) 2014 Daniel Eden

d

/* Delays */

.delay-1 {
    -webkit-animation-delay: .5s;
    -moz-animation-delay: .5s;
    -o-animation-delay: .5s;
}
.delay-2 {
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -o-animation-delay: 1s;
}
.delay-3 {
    -webkit-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s;
    -o-animation-delay: 1.5s;
}


/* ========================================
    Responsive Nav
   ======================================== */

/*! responsive-nav.js 1.0.34 by @viljamis */

.nav-collapse ul {
  margin: 0;
  padding: 0;
  width: 100%;
  display: block;
  list-style: none;
}

.nav-collapse li {
  width: 100%;
  display: block;
}

.js .nav-collapse {
  clip: rect(0 0 0 0);
  max-height: 0;
  position: absolute;
  display: block;
  overflow: hidden;
  zoom: 1;
}

.nav-collapse.opened {
  max-height: 9999px;
}

.nav-toggle {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.nav-collapse li a {

}
@media screen and (min-width: 40em) {
  .js .nav-collapse {
    position: relative;
  }
  .js .nav-collapse.closed {
    max-height: none;
  }
  .nav-toggle {
    display: none;
  }
}
@media (max-width: 640px) {
    .nav-collapse li {
        border-top: 2px solid #ffffff;
    }
    .nav-collapse li a {
        padding: 15px!important;
        background: #dddddd;
        width: 100%;
        color: #ffffff;
    }
    .nav-collapse li a:hover {
        background: #28a2c7;
    }
}

/* ========================================
    Floating Share
   ======================================== */

#floatingShare{
    position: relative;
    text-align: center;
}

#floatingShare a{
    position: relative;
    width:35px;
    height:35px;
    display:list-item;
    list-style-type: none;
}

#floatingShare a, #floatingShare a:focus, #floatingShare a:hover {
    color: #fff;
}
#floatingShare a, #floatingShare a:visited, #floatingShare a:focus, #floatingShare a:active, #floatingShare a:hover {
    outline: 0 none !important;
}

/* icon sizes */
#floatingShare i{
    line-height: inherit;
    font-size: 18px;
    text-align: center;
}

#floatingShare .top-left{
    position: fixed;
    top: 20%;
    left:0;
}

#floatingShare .top-right{
    position: fixed;
    top: 20%;
    right:0;
}

/* facebook */

#floatingShare .feysbuk{
    background-color: #3b5998;
}

/* twitter */

#floatingShare .tivitir{
    background-color: #00aced;
}

/* google plus */

#floatingShare .gogil{
    background-color: #dd4b39;
}

/* linkedin */

#floatingShare .linktin{
    background-color: #007bb6;
}

/* envelope */

#floatingShare .meyil{
    background-color: #726C6C;
}

/* pinterest */

#floatingShare .pinter{
    background-color: #c92228;
}

/* stumble upon */

#floatingShare .stambul{
    background-color: #eb4924;
}

#floatingShare .shareCount{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    color: #dddddd;
    font-size:  10px;
}

#floatingShare .mtop5{
    margin-top: 5px;
}

/* ~~~~~~~~~~ CUSTOM ~~~~~~~~~~~~~~~~  */

.post-item{
    float: left;
    margin-bottom: 40px !important;
}

.search-form input{
    height: 50px;
    width: auto;
}

.search-form input:first-of-type{
    outline: 1px solid #d7d7d7;
    border: 0px;
    padding-left: 5%;
}

.search-form input:last-of-type {
    background: #09afdf;
    width: 70%;
    cursor: pointer;
    color: #FFF;
    border: 0;
    font-size: 1em;
    outline: 0;
    text-transform: uppercase;
    text-shadow: none;
    width: auto;
    padding: 0px 10px;
    margin-left: 5px;
}

.search-form{
    width: 100%;
    max-width: 300px;
}

.search-form input{
    float: left;
    height: 40px;
}


.search-area{
    font-family: 'Raleway', sans-serif;
}

.search-area .post-banner-image-wrapper{
    float: left;
    max-width: 20%;
    margin-right: 20px;
}
.search-area .post-body{
    width: calc(80% - 20px);
    float: left;
    clear: none !important;
}

.search-area .post-body .post-content-data{
}

.search-area .post-body h2{
    margin-top: 0px;
    margin-bottom: 5px;
    font-size: 2em;
}

#pagination{
    border-top: 1px solid black;
    padding-top: 20px;
    clear: both;
    margin-top: 40px;
}
#pagination-duplicate #pagination{
    border-bottom: 1px solid black;
    padding-bottom: 20px;
    clear: none;
    border-top: 0px ;
    margin-top: initial;
}

.hs-blog-listing .blog-page-sidebar .search-form input{
    height: 50px;
}

.hs-blog-listing .blog-page-sidebar .search-form input:first-of-type{
    outline: 1px solid #d7d7d7;
    border: 0px;
    width: 100%;
    padding-left: 5%;
}

.hs-blog-listing .blog-page-sidebar .search-form input:last-of-type {
    background: #10ADF5;
    width: 70%;
    cursor: pointer;
    color: #FFF;
    border: 0;
    font-size: 1em;
    outline: 0;
    text-transform: uppercase;
    padding: 15px;
    margin-top: 15px;
    text-shadow: none;
    margin-left: 0px !important;
}

.home-blog-listings h3{
    text-align: center;
}

.home-blog-listings ul{
    list-style-type: none;
    line-height: 30px;
    background: none;
    min-height: 170px;
}

.home-blog-listings a{
    text-decoration: none;
}

.home-blog-listings a:hover{
    color: #25A3DF;
}

.hs_cos_flex-slider .caption{
    height: auto !important;
    padding: 10px 20px !important;
    max-width: 900px;
    width: 100% !important;
    float: none !important;
    left: 50%;
    top: 50% !important;
    transform: translate(-50%, -50%);
    line-height: normal !important;
    bottom: auto !important;
    font-size: 1.5em;
}

.hs_cos_flex-slider{
    /*height: auto !important;*/
}

.hs_cos_flex-slider img{
    height: auto !important;
    width: auto !important;
}

/* DEV CHANGES BELOW */
.hs_cos_flex-slider .hs_cos_flex-slides img {
    max-width: 100%;
}
#hs_cos_wrapper_module_14655894744063496 .caption p,
#hs_cos_wrapper_module_14655894744063496 .caption li,
#hs_cos_wrapper_module_14655894744063496 .caption span,
#hs_cos_wrapper_module_14655894744063496 .caption label,
#hs_cos_wrapper_module_14655894744063496 .caption h1,
#hs_cos_wrapper_module_14655894744063496 .caption h2,
#hs_cos_wrapper_module_14655894744063496 .caption h3,
#hs_cos_wrapper_module_14655894744063496 .caption h4,
#hs_cos_wrapper_module_14655894744063496 .caption h5,
#hs_cos_wrapper_module_14655894744063496 .caption h6 {
    line-height: 20px !important;
}
@media (max-width: 400px) {
    .hs_cos_flex-slider .superimpose .caption {
        background: rgba(0,0,0,0.8) !important;
        position: absolute !important;
    }
}
/* END DEV CHANGES */

.footer-container-wrapper .row-fluid [class*="span"] {
    min-height: 0px!important;
}
.home-blog-listings ul {
    padding: 0;
}
.home-blog-listings .hs-rss-item, .home-blog-listings ul li {
    border: 1px solid #d5d5d5;
    padding: 20px;
    margin-bottom: 20px;
}
.home-blog-listings ul li span {
    font-size: 26px;
    color: #09afdf;
}
.home-blog-listings ul li p {
    margin: 0;
    font-size: 16px;
    color: #555;
}
.home-blog-listings .hs-rss-title span {
    color: #09afdf;
    font-size: 26px;
}
.home-blog-listings .hs-rss-byline {
    margin-top: 5px;
    opacity: 1 !important;
}
.home-blog-listings .hs-rss-date {
    font-size: 16px;
    color: #555;
}



.cta {
    background: rgb(9,175,223) !important;
    padding: 10px 15px;
    color: #fff;
    font-size: 18px !important;
    font-weight: bold;
    text-decoration: none;
    transition: 0.1s !important;
    white-space: nowrap;
}
.cta:hover {
    background: #000 !important;
}








@media (max-width: 1420px){
    .hs_cos_flex-slider .caption{
        font-size: 1.25em;
    }
}

@media (max-width: 1150px){
    .hs_cos_flex-slider img{
        /*max-width: none !important;*/
    }
}
@media (max-width: 950px){
    .hs_cos_flex-slider .caption{
        position: relative !important;
        background: #343434 !important;
        width: calc(100% - 80px) !important;
        padding: 40px !important;
        transform: none !important;
        left: 0;
        text-align: center !important;
    }
    .hs_cos_flex-slider .caption > * {
        text-align: center !important;
    }
    .hs_cos_flex-direction-nav a {
        /*top: 25% !important;*/
    }
    .hs_cos_flex-slider .caption{
        font-size: 1em;
    }
}

.caption h2{
    margin: 0px !important;
}

.caption h2, .caption span, .caption p{
     color: white !important;
}

.hs-cta-wrapper span{
    visibility: visible !important;
}
.page-header h1{
    text-aligh: left;
} 


/* Footer */
.hs-menu-wrapper.hs-menu-flow-vertical>ul {
    text-align: center;
}
.hs-menu-wrapper.hs-menu-flow-vertical>ul li {
    display: inline-block;
    margin: 0;
    padding: 0;
}
.hs-menu-wrapper.hs-menu-flow-vertical>ul li a {
    padding: 0;
    margin-right: 10px;
}
.footer-container-wrapper .about-company p {
    margin: 0;
}
/* End of Footer */

.footer-contact-column{
    float: left !important;
}

.hs_cos_flex-slides img{
    min-width: 100% !important;
}

.ui-tabs-nav, .ui-accordion-header{
    background-color: rgb(9,175,223);
    background-image: -webkit-linear-gradient(top, rgb(9,175,223), rgb(6,131,167));
    background-image: -moz-linear-gradient(top, rgb(9,175,223), rgb(6,131,167));
    box-shadow: inset 0px 1px rgb(11,218,255);
    -webkit-box-shadow: inset 0px 1px rgb(11,218,255);
    -moz-box-shadow: inset 0px 1px rgb(11,218,255);
    color: rgb(255, 255, 255);
}

.ui-tabs{
    padding: 0px;
}

.ui-accordion-header-icon{
    background-image: url("https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/images/ui-icons_454545_256x240.png") !important;
}

.hs-site-page .post-item{
    margin: 20px 0px;
}

#pagination-duplicate{
    margin-top: 20px;
}
.right-align{
    text-align: right;
}

/* Technical Library */

.technical-library h2 {
    font-size: 2em;
    color: #09AFDF;
}
.technical-library .p1 a {
    font-weight: bold;
    text-transform: uppercase;
}
.technical-library .hs_cos_wrapper_type_rich_text > p.p1:nth-child(2) {
    color: #ff0000;
}
.team-row-2 {
    margin-top: 30px;
}



@media (max-width: 767px){
    .footer-contact-column {
        width: 100% !important;
    }
    .footer-contact-column div{
        text-align: center !important;
    }
    
    .footer-menu div{
        text-align: center;
        margin: 20px 0px 40px 0px;
    }
    .top-header-menu{
        text-align: center;
    }
    .top-header-menu li{
        width: auto !important;
        display: inline-block;
    }
    .team-row-2 {
        margin-top: 0;
    }
    .team-section .widget-type-space {
        display: none;
    }
}