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

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

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

body {margin: 0;padding: 0;font-size: 15px;font-family: 'Raleway', Arial, San-serif;line-height: 1.25em;color: #414042;}
#header, #footer, #content {padding: 10px 0;margin:0;overflow: hidden;}
.header-container,.menu-container, .content-container, .footer-container{max-width: 1200px;margin: 0 auto;}
/* #header{border-top:6px solid #7fb75e;} */

a{color:#198ec4;text-decoration: none;}
a:hover{text-decoration: underline;}
h3{margin: 10px 0;font-size: 28px;font-weight:500;line-height:1em;}

.green.button {line-height: 1.5em;}
.image-bg a div {
color: #000;
}
.solutions-block-text {
background: url('../Images/background-pattern-white-gradient2a1a.png?t=1475798854246') center repeat-y;
}
.orange.button {
transition: all .4s ease;
-moz-transition: all .4s ease;
-webkit-transition: all .4s ease;
-o-transition: all .4s ease;
background-color:#f0af00;
}
.orange:hover {
background: rgb(229,169,46);
color: rgb(255,255,255);
text-decoration:none;
}
td a.orange.button {
margin: 10px 0 !important;
position: relative;
display: block;
}

.carousel-indicators [data-bs-target] {
    display: inline-block !important;
    width: 10px !important;
    height: 10px !important;
    margin: 1px !important;
    text-indent: -999px !important;
    cursor: pointer !important;
    background-color: rgba(0, 0, 0, 0) !important;
    border: 1px solid #fff !important;
    border-radius: 10px !important;
}

.carousel-indicators .active {
    background-color: #fff !important;
}

/* HS Grid Widths*/
.row-fluid {
    width: 100%;
    *zoom: 1
}
.row-fluid:before,
.row-fluid:after {
    display: table;
    content: ""
}
.row-fluid:after {
    clear: both
}
.row-fluid [class*="span"]:first-child {
    margin-left: 0
}
.row-fluid [class*="span"] {
display: block;
float: left;
width: 100%;
min-height: 28px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.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
}

/*Header Right*/
.header-right {float: right;width: 100%;}
.utility {float: right;width: auto;text-align: right;overflow: hidden;padding: 10px 0;}
.header-cta {text-align: right;width: 100%;overflow: hidden;padding: 10px 0;}
.phone {float: left;/* width: 50%; */line-height: 1.5em;}
.utility-nav {float: left;/* width: 48%; */overflow: hidden;display: inline;border-collapse: collapse;/* margin-left: 2%; */}
.utility-nav ul {list-style: none;display: inline;overflow: hidden;margin: 0;padding: 0;float: left;line-height: 1.5em;}
.utility-nav ul li {float: left;display: inline;text-align: center;padding: 0;text-transform: uppercase;}
.utility-nav li a {border-right: 1px solid;padding: 0 10px;color: #000;}
.utility-nav ul li:last-child a {border: none;}
.search{float:left;}
#menu {background: #434551;width: 100%;/* margin: 0; *//* padding: 0; */overflow: hidden;}
#panel {padding: 5px;text-align: center;background-color: #e5eecc;border: solid 1px #c3c3c3;}
#panel {padding: 50px;display: none;position:relative;top:0;}

.solutions-block-wrapper {padding: 5% 0 !important;}

@media all and (min-width:981px){

/*Main Menu*/
nav.nav {display: table;width: 100%;border-collapse: collapse;border: none;background: #434551;}
.nav ul {display: table-row;margin: 0;padding: 0;list-style: none;}
.nav ul > li.level-1 {display: table-cell;margin: 0;text-align: center;float: none!important;}
.nav ul > ul {display: block;}
nav {float:left;}
nav ul {text-align:center;}
nav ul li {float:left;display:inline;}
nav ul li.level-1:hover, ul .box:hover {background:#3498db;text-decoration:none;}
nav ul li a {display:block;padding:20px 25px;color:#fff;text-decoration: none;text-transform: uppercase;font-weight: 300;font-size: 18px;}
nav ul li a:hover{text-decoration:none;}
nav ul li ul {position:absolute;background:#434551;}
nav ul li ul li a {display:block;padding:15px 10px;color:#fff;text-decoration: none;text-transform: none;text-align:left;}
.2-column {display:none;width: 60%;border-top: 3px solid #3498db;overflow: hidden;}
nav ul li ul.fallback {display:none;width: auto;border-top: 3px solid #3498db;z-index: 999;}
nav ul li:hover ul.fallback{display:block;text-decoration:none;}
.nav ul ul {display: block;width:auto;}
nav ul li ul li {display: block;float: none;}
.subMenu {width: 100%;}
.col{width:100%;}
.col1, .col2, .col3 {display: inline;width: 33%;border-collapse: collapse;float: left;margin: 20px 0;}
.col1, .col2{border-right: 1px solid #fff;}
ul.level-2 {position: relative;width: 100%;margin: 0 20px;}
.col ul.level-2 {margin: 0;}
ul.level-3 {position: relative;width:auto !important;margin:0 !impotant;}
ul.level-2 li {width: 100%;padding: 0;overflow: hidden;}
ul.level-2 li a{width: 100%;padding: 10px 0;}
.col ul.level-2 li a {width: 100%;padding: 15px 35px;}
ul.first {z-index: 9999;/* overflow: hidden; */padding: 0;}
.level-2 li a:hover {background: transparent;text-decoration: underline;}
.col ul.level-2 li a:hover{text-decoration:none;}
.col ul.level-3 li a:hover{text-decoration:underline;}
ul.level-3 li a, ul.level-3 li{text-decoration:none;}
ul.level-3 li a {font-size: 16px;font-style: italic;padding:10px 0;}
li.arrow-left span img {float: left;}
li.arrow-left span img {padding: 10px;}
li.arrow-left {margin-left: 15px;}
span.description {color: #fff;text-align: left;display: block;padding: 0 5px 5px 25px;font-style: italic;font-weight: 300;}
.level-1 a.active {
  background: #3498db;
}
.mega a.active {
  background: none;
  text-decoration: underline;
}
}

/*Side Menu*/
.sidr {
    display: none;
    position: absolute;
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 999999;
    width: 260px;
    overflow-x: none;
    overflow-y: auto;
    font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
    font-size: 15px;
    background: #333;
    color: #fff;
    -webkit-box-shadow: inset 0 0 5px 5px #222;
    -moz-box-shadow: inset 0 0 5px 5px #222;
    box-shadow: inset 0 0 5px 5px #222
}
.sidr .sidr-inner {
    padding: 0 0 15px
}
.sidr .sidr-inner>p {
    margin-left: 15px;
    margin-right: 15px
}
.sidr.right {
    left: auto;
    right: -260px
}
.sidr.left {
    left: -260px;
    right: auto
}
.sidr h1,
.sidr h2,
.sidr h3,
.sidr h4,
.sidr h5,
.sidr h6 {
    font-size: 11px;
    font-weight: normal;
    padding: 0 15px;
    margin: 0 0 5px;
    color: #fff;
    line-height: 24px;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4d4d4d), color-stop(100%, #1a1a1a));
    background-image: -webkit-linear-gradient(#4d4d4d, #1a1a1a);
    background-image: -moz-linear-gradient(#4d4d4d, #1a1a1a);
    background-image: -o-linear-gradient(#4d4d4d, #1a1a1a);
    background-image: linear-gradient(#4d4d4d, #1a1a1a);
    -webkit-box-shadow: 0 5px 5px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 5px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 5px 3px rgba(0, 0, 0, 0.2)
}
.sidr p {
    font-size: 13px;
    margin: 0 0 12px
}
.sidr p a {
    color: rgba(255, 255, 255, 0.9)
}
.sidr>p {
    margin-left: 15px;
    margin-right: 15px
}
.sidr ul {
    display: block;
    margin: 0 0 15px;
    padding: 0;
    border-top: 1px solid #1a1a1a;
    border-bottom: 1px solid #4d4d4d
}
.sidr ul li {
    display: block;
    margin: 0;
    line-height: 48px;
    border-top: 1px solid #4d4d4d;
    border-bottom: 1px solid #1a1a1a
}
.sidr ul li:hover,
.sidr ul li.active,
.sidr ul li.sidr-class-active {
    border-top: none;
    line-height: 49px
}
.sidr ul li:hover>a,
.sidr ul li:hover>span,
.sidr ul li.active>a,
.sidr ul li.active>span,
.sidr ul li.sidr-class-active>a,
.sidr ul li.sidr-class-active>span {
    -webkit-box-shadow: inset 0 0 15px 3px #222;
    -moz-box-shadow: inset 0 0 15px 3px #222;
    box-shadow: inset 0 0 15px 3px #222
}
.sidr ul li a,
.sidr ul li span {
    padding: 0 15px;
    display: block;
    text-decoration: none;
    color: #fff
}
.sidr ul li ul {
    border-bottom: none;
    margin: 0
}
.sidr ul li ul li {
    line-height: 40px;
    font-size: 13px
}
.sidr ul li ul li:last-child {
    border-bottom: none
}
.sidr ul li ul li:hover,
.sidr ul li ul li.active,
.sidr ul li ul li.sidr-class-active {
    border-top: none;
    line-height: 41px
}
.sidr ul li ul li:hover>a,
.sidr ul li ul li:hover>span,
.sidr ul li ul li.active>a,
.sidr ul li ul li.active>span,
.sidr ul li ul li.sidr-class-active>a,
.sidr ul li ul li.sidr-class-active>span {
    -webkit-box-shadow: inset 0 0 15px 3px #222;
    -moz-box-shadow: inset 0 0 15px 3px #222;
    box-shadow: inset 0 0 15px 3px #222
}
.sidr ul li ul li a,
.sidr ul li ul li span {
    color: rgba(255, 255, 255, 0.8);
    padding-left: 30px
}
.sidr form {
    margin: 0 15px
}
.sidr label {
    font-size: 13px
}
.sidr input[type="text"],
.sidr input[type="password"],
.sidr input[type="date"],
.sidr input[type="datetime"],
.sidr input[type="email"],
.sidr input[type="number"],
.sidr input[type="search"],
.sidr input[type="tel"],
.sidr input[type="time"],
.sidr input[type="url"],
.sidr textarea,
.sidr select {
    width: 100%;
    font-size: 13px;
    padding: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 0 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    border: none;
    background: rgba(0, 0, 0, 0.1);
    color: rgba(255, 255, 255, 0.6);
    display: block;
    clear: both
}
.sidr input[type=checkbox] {
    width: auto;
    display: inline;
    clear: none
}
.sidr input[type=button],
.sidr input[type=submit] {
    color: #333;
    background: #fff
}
.sidr input[type=button]:hover,
.sidr input[type=submit]:hover {
    background: rgba(255, 255, 255, 0.9)
}

#mobile-header {display: none;}

/*Content Area*/
.icons {display: table-row;}
.pull_left, .pull_right {display: table-cell;}
.pull_left{width:25%;}
.pull_right{width:75%;}

/*Tables*/
#data {width: 100%; table-layout: fixed; text-align: center; margin: 4em 0; border-collapse: collapse; margin-top:10px;font-weight:500;}
tr.darker {background-color: #ccc !important;}
#data tr:nth-child(even) {background-color: #f1f1f1;}
#data tr:nth-child(odd) {background-color: #fffffe;}
#data tr.merged{background-color: #80b65e;color:#fff;}
#data h3 {margin: 5px 0;font-weight: 500;font-size: 22px;line-height: 24px;}
#data th h3{margin:0;}
#data th {background-color: #198ec4;color: #fff;padding: 8px;border-right: 1px solid #fff;font-weight:500;}
#data tbody td {padding: 8px;border-bottom:1px solid #fff;border-right: 1px solid #fff;font-weight:500;}
#data tbody td:last-child {border-right:none;}
#data td.checkbox {text-align: center;}

.banner-section h1, .banner-section h2 {
  text-shadow: 1px 1px 1px #333;
}
.breadcrumb-arrow{
float: left;
  line-height: 1em;
  font-size: 11px;
  margin: 16px 5px 13px 5px;}

/*Column Boxes*/
.box-2 {display: inline;width: 47%;margin: 10px 1%;float: left;border: 2px solid #198ec4;background:#198ec4;min-height: 317px;}
.box-image {background: url('../Images/blocks-light2a1a.jpg?t=1475798854246');text-align: center;padding: 10px;}
.box-text {color:#ffffff;font-style:italic;text-align:center;padding:10px;}
.box-text a {text-decoration: none;}
.box-text a span {transition: all .4s ease;-moz-transition: all .4s ease;-webkit-transition: all .4s ease;-o-transition: all .4s ease;}
.box-text a span:hover{background:#349636;}

/*Blog*/
.blog-template .module{margin:0 0 20px 0;}
.blog-template .module ul {list-style: none;margin: 0;padding: 0;}
.blog-template .module li {margin: 0 0 5px 0;}
.post-item{overflow:hidden;margin: 15px 0;}
.individual-post span#hs_cos_wrapper_my_post_listing ul li {
  line-height: normal;
  margin-bottom: 15px;
}
.individual-post .section.post-header h3 {
  padding-top: 10px;
}
.blog-pagination {
  padding: 20px 0;
}

/*Footer*/
#footer {background: #434551;color: #fff;overflow:hidden;}
.footer-right,.footer-left{overflow:hidden;}
.footer-right {float: right;}
.footer-left ul {list-style: none;float: left;margin: 10px 0 10px 10px;}
.footer-left ul:first-child {padding:0;margin:10px 10 10px 0;}
.footer-left ul li a {color: #fff;text-decoration: none;margin: 10px 0;display: block;text-transform: uppercase;font-size: 16px;font-weight: 300;}
.footer-left ul li a:hover {text-decoration: underline;}
.social-icons ul, .app-icons ul {/* position: relative; *//* display: block; */overflow: hidden;padding: 0;float: right;}
.social-icons li, .app-icons li {margin: 0;padding: 0;list-style: none;position: relative;top: 0;float:left;margin: 0 10px;}
.social-icons li{display:inline-block;text-indent:-9999em;background-position:0 0;background-repeat:no-repeat;z-index:2000;overflow:hidden;}
.social-icons li:hover{transform: rotate(360deg);-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);transition: transform 0.2s ease-out;-webkit-transition: -webkit-transform 0.2s ease-out;-moz-transition: -moz-transform 0.2s ease-out;}
.social-icons li:last-child, .app-icons li:last-child {margin-right: 0;}
.social-icons li, .social-icons a {height: 37px;display: block;overflow:hidden;}
.app-icons li, .app-icons a{height: 50px;display: block;overflow:hidden;}
#tw {width: 36px;background: url('../../cdn2.hubspot.net/hub/432029/file-2518912509-png/social2a1a.html?t=1475798854246') -3px -2px;}
#fb {width: 36px;background: url('../../cdn2.hubspot.net/hub/432029/file-2518912509-png/social2a1a.html?t=1475798854246') -54px -2px;}
#li {width: 36px;background: url('../../cdn2.hubspot.net/hub/432029/file-2518912509-png/social2a1a.html?t=1475798854246') -106px -2px;}
#gp {width: 36px;background: url('../../cdn2.hubspot.net/hub/432029/file-2518912509-png/social2a1a.html?t=1475798854246') -158px -2px;}
#apple {width: 178px;background: url('../Images/google-play-and-app-store-grab2a1a.png?t=1475798854246') -11px -10px;}
#android {width: 156px;background: url('../Images/google-play-and-app-store-grab2a1a.png?t=1475798854246') -193px -10px;}
.copyright {text-align: center;padding: 10px 0;font-size:16px;font-weight:300;}

/*Solutions*/
.solutions-block-inner.standard-width p {font-size: 27px;line-height: 1em;}

/*Landing Page Template*/
#landing-page-template.one-col-nav .column-main {width: 100%;max-width: 1200px;float: none;padding: 0;margin-bottom: 20px;}
#landing-page-template #menu {min-height: 58px;}
#landing-page-template h1 {padding: 20px 0 0 0;color:#198ec4;font-weight:500;line-height: 28px;}
#landing-page-template h2 {color:#80b65e;font-weight:500;line-height: 24px;}
#landing-page-template h3 {color:#434551;font-weight:700;}
#landing-page-template #body-columns-section ul {list-style-image: url('../Images/arrow-right-black2a1a.png?t=1475798854246');}

/*Forms*/
.hs-search-module .hs-form {max-width: 50%;margin: 0 auto;}
#landing-page-template .hs_cos_wrapper_type_form{margin: 20px 0;background:#188fc7;}
.blog-template #hs_form_target_my_blog_subscribe{background:#188fc7;}
#landing-page-template .form-container h3, #landing-page-template .hs_cos_wrapper_type_form h3, .blog-template .module #hs_cos_wrapper_my_blog_subscribe_title {background: #7fb75e;padding: 15px;text-align: center;margin:0; font-weight:500;color: #fffffe;font-size: 20px;}
.blog-template .module #hs_cos_wrapper_my_blog_subscribe_title{font-size: 24px;}
#landing-page-template form, #landing-page-template .hs_cos_wrapper_type_form form, .blog-template #hs_form_target_my_blog_subscribe form {padding: 15px 25px;border-width: 0 4px 4px 4px;border-color: #b6dbed;border-style: solid;font-weight:300;color: #fffffe;}
#landing-page-template .field.hs-form-field:first-child, .blog-template .field.hs-form-field:first-child {margin-top: 0;}
#landing-page-template .field.hs-form-field, .blog-template .field.hs-form-field{margin: 10px 0;}
#landing-page-template label, .blog-template label{line-height: 25px;}
#landing-page-template input.hs-input, .blog-template input.hs-input{height: 35px;outline: 0;border: 0;}
#landing-page-template .hs-button, .blog-template .hs-button {padding: 15px 0;font-size: 18px;color: #fffffe;background-color: #f0af00;text-decoration: none;margin: 35px 0 0 0;display: block;text-align: center;font-weight: 500;transition: all .4s ease !important;-moz-transition: all .4s ease !important;-webkit-transition: all .4s ease !important;-o-transition: all .4s ease !important;width: 100%;border: 0;cursor: pointer;}
#landing-page-template .hs-button:hover, .blog-template .hs-button:hover {background: rgb(229,169,46);color: rgb(255,255,255);}
#landing-page-template #body-columns-section form ul {list-style: none;margin: 0;padding: 0;}
.hs-form-checkbox-display input, .hs-form-booleancheckbox-display input {height: auto !important;}
.landing-page-template .hs_subscribe_to_blog_by_email li.hs-form-radio {
  float: left;
  margin: 0 0 10px 5px;
}
.landing-page-template .hs_subscribe_to_blog_by_email label.hs-form-radio-display .hs-input {
  height: 15px !important;
}

/*Search*/
#hs-search-module form{border:none;}
.hs-search-module .hs-form {max-width: 50%;margin: 0 auto;overflow: hidden;}
#hs-search-module input.hs-input {display: inline;float: left;height: 52px !important;width: 75%;}
#hs-search-module .hs-button {display: inline !important;float: left;width: 25% !important;margin: 0 !important;}
#hs-search-module .hs-button{padding: 15px 0;font-size: 18px;color: #fffffe;background-color: #f0af00;text-decoration: none;margin: 20px 0 0 0;display: block;text-align: center;font-weight: 500;transition: all .4s ease !important;-moz-transition: all .4s ease !important;-webkit-transition: all .4s ease !important;-o-transition: all .4s ease !important;width: 100%;border: 0;cursor: pointer;}
#hs-search-module .hs-button:hover {background: rgb(229,169,46);color: rgb(255,255,255);}
div#flip:hover {
cursor: pointer;
}


/*Responsive Styles*/
@media all and (max-width: 980px){
#mobile-header {display: block;}
/* a#responsive-menu-button {display: block;background: orange;padding: 10px;margin: 10px;color: #fff;font-size: 22px;max-width: 25%;text-align: center;} */
a#responsive-menu-button {display: block; background: orange; padding: 10px; margin: 10px; color: #fff; font-size: 22px; max-width: 50px !important; text-align: center;}
nav.nav{display:none;}
span.sidr-class-description {display: none !important;}
li.sidr-class-arrow-left span img {display: none;}
}

@media all and (min-width: 768px){
#data.mobile{display:none;}
#data {display:block;}
#data.all {display:block;}

}

@media all and (max-width: 767px){
#data.mobile{display:block;}
#data {display:none;}
#data.all {display:block;}
.box-2 {display: block;width: 100%;margin: 10px 0;float: none;}
.row-fluid [class*="span"] {display: block;float: left;width: 100%;min-height: 28px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
#header .span4, #header .span8 {width: 100% !important;display: block;float: none;text-align: center;}
.header-cta {text-align: center;}
.footer-right {float: left;}
.social-icons ul, .app-icons ul {overflow: hidden;padding: 0;float: left;}
li#apple, li#android {margin: 10px;}
.body-columns-section-content.floating-cta{overflow:visible !important;}
.column-sidebar {
position: relative!important;
top: 0 !important;
left: 0 !important;
text-align:center;
}
}
/*@media all and (max-width: 767px){
.body-columns-section-content .column-main{
width: 100%;
float: none;
padding:0;
}
.body-columns-section-content .column-sidebar {
width: 100%;
float: none;
}
}*/