/* @import url('http://example.com/example_style.css'); */
@import url('https://fonts.googleapis.com/css?family=Mulish');

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

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

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


 
 








/*--------------------------------------------------------------
# Interim Styles
--------------------------------------------------------------*/
body { 
     margin:0; 
     padding:0; 
     background-color:#FFFFFF; 
     font-size:16px;
     line-height:1.4;
     font-family : Mulish, arial, helvetica, sans-serif; !important;
}
div#hs-eu-cookie-confirmation-button-group {
  margin-left: auto; 
  margin-right: auto;
}
.section-shadow {
    -webkit-box-shadow: inset 0px 9px 5px -6px rgba(0,0,0,0.27);
    -moz-box-shadow: inset 0px 9px 5px -6px rgba(0,0,0,0.27);
    box-shadow: inset 0px 9px 5px -6px rgba(0,0,0,0.27);
}
.content-container {
    line-height: 140%;
    padding: 10px 20px 15px 20px !important;
    background-color: #ffffff;
    border: 1px solid #d5d3d5;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.content-container h1, .content-container h2 {
    font-size: 120%;
    font-weight: bold;
    color: #28478A;


}
.content-container h1 {
    margin: 10px 0 10px 0;
      

}
.content-container h2 {
    padding: 20px 0 5px 0;
       

}
.divider hr {
    border: 0; height: 1px; background-image: linear-gradient(to right, rgba(84, 84, 84, 0), rgba(84, 84, 84, 0.75), rgba(84, 84, 84, 0)); 
}
.simple-header {
    background-color:#28478A;
   
}
.simple-footer {
    font-size:11px;
    line-height:13px;
}
.simple-footer a { color:#28478A; text-decoration:none; }
.simple-footer a:hover { text-decoration:underline; }
.hs-input, 
input[type="password"] {
    border:1px solid #999;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    font-size:13px !important;
    line-height:1.2 !important;
    padding:6px 15px;
    vertical-align:middle;
    height:auto !important;
    min-width:275px !important;
    width:auto !important;
}
.hs-button {
    background-color:#28478A;
    color:white;
    font-weight:bold;
    padding:6px 15px;
    border:1px solid #28478A;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    vertical-align:middle
}
.hs-button:hover {
    background-color:#1A3570;
    color:#28478A;
}

/*--------------------------------------------------------------
# Over-riding default system template styles 
--------------------------------------------------------------*/
.widget-type-email_subscriptions p, .widget-type-email_subscriptions_confirmation p, .widget-type-email_simple_subscription p {
    font-family:inherit !important;
    font-size:inherit !important;
}
input[type="submit"], input { font-family:inherit !important; font-size:inherit !important; }
input { margin-top:0px !important; }
/*--------------------------------------------------------------
# Standard Styles
--------------------------------------------------------------*/
.page-margins {
     width:980px !important;
     margin:0 auto !important;
     float:none !important;
     box-sizing:border-box;
}
input[type="submit"], button {
    -moz-appearance: none;
    -webkit-appearance: none;
}
a:focus, a:active { outline:none; }
a, input[type="submit"], button { transition:all 0.3s ease; }
.mT { margin-top:24px; }
.mR { margin-right:24px; }
.mB { margin-bottom:24px; }
.mL { margin-left:24px; }
.mTB { margin-top:24px; margin-bottom:24px; }
.mLR { margin-left:24px; margin-right:24px; }
.mAll { margin:24px; }
.m0 { margin:0; }
/* default padding */
.pT { padding-top:24px; }
.pR { padding-right:24px; }
.pB { padding-bottom:24px; }
.pL { padding-left:24px; }
.pTB { padding-top:24px; padding-bottom:24px; }
.pLR { padding-left:24px; padding-right:24px; }
.pAll { padding:24px; }
.p0 { padding:0; }
.pT-sm { padding-top:14px; }
.pR-sm { padding-right:14px; }
.pB-sm { padding-bottom:14px; }
.pL-sm { padding-left:14px; }
.pTB-sm { padding-top:14px; padding-bottom:14px; }
.pLR-sm { padding-left:14px; padding-right:14px; }
.pAll-sm { padding:14px; }
.pT-lg { padding-top:38px; }
.pR-lg { padding-right:38px; }
.pB-lg { padding-bottom:38px; }
.pL-lg { padding-left:38px; }
.pTB-lg { padding-top:38px; padding-bottom:38px; }
.pLR-lg { padding-left:38px; padding-right:38px; }
.pAll-lg { padding:38px; }
.pT-xl { padding-top:65px; }
.pR-xl { padding-right:65px; }
.pB-xl { padding-bottom:65px; }
.pL-xl { padding-left:65px; }
.pTB-xl { padding-top:65px; padding-bottom:65px; }
.pLR-xl { padding-left:65px; padding-right:65px; }
.pAll-xl { padding:65px; }
/* text alignment */ 
.aC { text-align:center; }
.aL { text-align:left; }
.aR { text-align:right; }
.aJ { text-align:justify; }
/* responsive images */
.responsive img, img.responsive {
    max-width:100%;
    height:auto;
}

.responsive.ctr-img img, img.responsive.ctr-img {
    margin:auto;
    display:block;
}

/*--------------------------------------------------------------
# LP Styles
--------------------------------------------------------------*/
.lp { background-color:white; }
.lp { font-family:'Open Sans', sans-serif; }
.lp .row-fluid [class*="span"] { min-height:0 !important; }
.lp .page-margins {
    width:960px !important;
    max-width:100%;
}
.lp .bg-blue { background-color:#366798; }
.lp .bg-gray { background-color:#e0e0e0; }
.lp .white-text > *, .lp .white-text a { color:white !important; }
.lp .blue-text > *, .lp .blue-text a { color:#2F5C8D; }
.lp .gray-text > *, .lp .gray-text a { color:#DCDBDC; }
.lp .dark-gray-text > *, .lp .dark-gray-text a { color:#898989; }
.lp .block-image img { display:block; }
.lp .responsive img { max-width:100%; height:auto; }
.lp hr.gray-rule { background-color:#898989; border:none; height:2px; width:100%; margin-top: 0; } 
.lp .small-text { font-size:.9rem; line-height:1.1; }
.lp .hdr-mB0 h2 { margin-bottom:0; }
.lp .hdr-mB-sm h2 { margin-bottom:12px; }
.ul-flush ul { padding-left:1em; margin:0; }
.lp {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -o-font-smoothing: antialiased;
}
@media screen and (min-width:651px) {
    .lp.xl-text { font-size: 1.2em; line-height: 1.6; } 
    .lp .narrow { padding-left:20%; padding-right:20%; }
}
@media screen and (max-width:650px) {
    .lp.xl-text { font-size: 1rem; line-height: 1.6; } 
    .lp.xl-text h2 { line-height:1.2; }
    .lp .narrow { padding-left:0px; padding-right:0px; }
    .lp .cell-highlight {
        border: 7px solid white;
        background-color:#e0e0e0;
        color:#333 !important;
        padding:1em;
        -webkit-border-radius:1em;
        -moz-border-radius:1em;
        border-radius:1em;
    }
}

/*--------------------------------------------------------------
# Structure
--------------------------------------------------------------*/
@media screen and (min-width:651px) {
	/*  flexR is a single row. flexW wraps */
	.flexR, .flexW { 
		display: -webkit-box;
  		display: -moz-box;
  		display: -ms-flexbox;
  		display: -webkit-flex;
  		display: flex; 
	}
	.flexR { 
		-webkit-flex-flow: row nowrap;
		-moz-flex-flow: row nowrap;
		-ms-flex-flow: row nowrap;
		-ms-flex-direction: row;
		-ms-flex-wrap: nowrap;
		flex-flow: row nowrap; 
	}
	.flexW { 
		-webkit-flex-flow: row wrap;
		-moz-flex-flow: row wrap;
		-ms-flex-flow: row wrap;
		-ms-flex-direction: row;
		-ms-flex-wrap: wrap;
		flex-flow: row wrap; 
	}
	/* flexible columns for masonry wall */
	.flexC {
		display: -webkit-box;
  		display: -moz-box;
  		display: -ms-flexbox;
  		display: -webkit-flex;
  		display: flex;
		-webkit-flex-flow: column wrap;
		-moz-flex-flow: column wrap;
		-ms-flex-flow: column wrap;
		-ms-flex-direction: column;
		-ms-flex-wrap: wrap;
		flex-flow: column wrap;  
	}
	/* must include height for columns to wrap */
	.ht-300 { height:300px; }
	.ht-500 { height:500px; }
	.ht-700 { height:700px; }
	.ht-900 { height:900px; }
	.ht-1200 { height:1200px; }
	.ht-1500 { height:1500px; }
	/* center contents */
	.ctrAll { align-items: center; justify-content: center; }
	/*  horizontal alignment - for parent container  */
	.hzSTA { justify-content:flex-start; }
	.hzEND { justify-content:flex-end; }
	.hzCTR { justify-content:center; }
	.hzSpA { justify-content:space-around; }
	.hzSpB { justify-content:space-between; }
	/*  vertical alignment - for parent container  */ 
	.vtSTA { align-items:flex-start; }
	.vtEND { align-items:flex-end; }
	.vtCTR { -webkit-align-items: center; -moz-align-items:center; -ms-align-items: center; align-items:center; }
	.vtSTR { align-items:stretch; }
	/*  align individual items - for child elements  */
	.selfAUT { align-self: auto; }
	.selfSTA { align-self: flex-start; }
	.selfEND { align-self: flex-end; }
	.selfCTR { align-self: center; }
	.selfBSL { align-self: baseline; }
	.selfSTR { align-self: stretch; }
	/*  div widths - for child elements  */ 
	.w10, .w15, .w20, .w25, .w30, .w35, .w40, .w45, .w50, .w55, .w60, .w65, .w70, .w75, .w80, .w85, .w90, .w100, .wAuto { box-sizing:border-box; }
	.wAuto { width:auto; }
	.w10 { width:10%; }
	.w15 { width:15%; }
	.w20 { width:20%; }
	.w25 { width:25%; }
	.w30 { width:30%; }
	.w35 { width:35%; }
	.w40 { width:40%; }
	.w45 { width:45%; }
	.w50 { width:50%; }
	.w55 { width:55%; }
	.w60 { width:60%; }
	.w65 { width:65%; }
	.w70 { width:70%; }
	.w75 { width:75%; }
	.w80 { width:80%; }
	.w85 { width:85%; }
	.w90 { width:90%; }
	.w100 { width:100%; }
	.desk-o1 { order:1; }
	.desk-o2 { order:2; }
	.desk-o3 { order:3; }
	.desk-o4 { order:4; }
	.desk-o5 { order:5; }
	.desk-hide { display:none; }
	.desk-pT-lg { padding-top:38px; }
	.desk-narrow { padding-left:15%; padding-right:15%; }
}

@media screen and (max-width:650px) {
	.cell-o1 { order:1; }
	.cell-o2 { order:2; }
	.cell-o3 { order:3; }
	.cell-o4 { order:4; }
	.cell-o5 { order:5; }
	.cell-hide { display:none; }
	.cell-pB { padding-bottom:24px; }
	.cell-ctr { text-align:center !important; }
	.cell-pT0 { padding-top:0; }
}