/* @import url('http://example.com/example_style.css'); */
@import url('//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
@import url('//fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&family=Open+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap');

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

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

 /*blue*/
 /*orange*/
 /*light blue*/
 /*light gry*/

@font-face {
	font-family: 'a11y';
	src:local("a11y"), url("https://20649536.fs1.hubspotusercontent-na1.net/hubfs/20649536/fonts/a11y.eot");
	src:url("https://20649536.fs1.hubspotusercontent-na1.net/hubfs/20649536/fonts/a11y.eot?#iefix") format('embedded-opentype'),
		url("https://20649536.fs1.hubspotusercontent-na1.net/hubfs/20649536/fonts/a11y.ttf") format('truetype'),
		url("https://20649536.fs1.hubspotusercontent-na1.net/hubfs/20649536/fonts/a11y.woff") format('woff'),
		url("https://20649536.fs1.hubspotusercontent-na1.net/hubfs/20649536/fonts/a11y.svg") format('svg');
	font-weight: normal;
	font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
	font-family: 'a11y';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-grayscale:before {
	content: "\e600";
}
.icon-contrast:before {
	content: "\e601";
}
.icon-fontsize:before {
	content: "\e602";
}

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

* {-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

body { margin: 0; padding: 0; font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-size: 15px; line-height: 28px; color: #000; background: #fff; overflow-x: hidden; font-weight: 500; }

img { border: 0; vertical-align: top; height: auto; max-width: 100%; }

hr { border: none; outline: none; float: left; width: 100%; height: 1px; background: #f2f2f2; clear: both; margin: 30px 0; } 

.clear { clear: both }

p { padding: 15px 0; margin: 0; }
 
h1 { color: #16479f; font-family: 'Montserrat', sans-serif; font-size: 32px; margin: 0; padding: 15px 0 25px; line-height: 40px; font-weight: 500; clear: both }
h2 { font-weight: 500; color: #e44b00; font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-size: 28px; line-height: 32px; margin: 0; padding: 10px 0 10px; clear: both }
h3 { font-weight: 500; color: #e44b00; font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-size: 22px; line-height: 30px; margin: 0; padding: 10px 0 10px; clear: both }
h4 { font-weight: normal; color: #333; font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-size: 20px; line-height: 28px; margin: 0; padding: 10px 0 10px; clear: both }
h5 { font-weight: normal; color: #333; font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-size: 20px; line-height: 28px; margin: 0; padding: 10px 0 10px; clear: both; }
h6 { font-weight: 400; color: #333; font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-size: 20px; margin: 0; padding: 10px 0; line-height: 26px; clear: both }

@media (min-width: 768px) and (max-width: 1200px) {
	
	h1 { font-size: 30px; line-height: 36px; }
	h2 { font-size: 28px; line-height: 32px; }
	h3 { font-size: 26px; line-height: 32px; }
	h4 { font-size: 24px; line-height: 30px; }
	h5 { font-size: 22px; line-height: 30px; }
	h6 { font-size: 20px; line-height: 30px; }

}


@media (max-width: 767px) { 
	h1 { font-size: 28px; line-height: 36px; }
	h2 { font-size: 26px; line-height: 32px; }
	h3 { font-size: 24px; line-height: 32px; }
	h4 { font-size: 22px; line-height: 32px; }
	h5 { font-size: 20px; line-height: 32px; }
	h6 { font-size: 18px; line-height: 28px; }
}


a { text-decoration: none; outline: none; color: #16479f; transition: all .4s ease-in-out; }
a:hover { color: #ff7b3a; }

input:not([type=submit]):not([type=checkbox]):not([type=radio]) , button , textarea, select { outline: none; border: 1px solid #ccc; background: #fff; border-radius: 8px; height: 40px; padding: 0 20px; font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-size: 16px; width: 100%; }
input[type=checkbox] , input[type=radio] { width: auto; height: auto; } 
textarea { padding: 15px 20px; height: 100px; }
input[type=submit], button { text-transform: uppercase; font-family: 'Montserrat', Arial, Helvetica, sans-serif; height: auto; width: auto; border: 2px solid #e44b00; cursor: pointer; background: url(images/blank.png) no-repeat left top #e44b00; border-radius: 0; font-size: 18px; line-height: 28px; font-weight: 600; padding: 8px 30px; color: #fff; display: inline-block;  transition: all .4s ease-in-out; }
input[type=submit]:hover , button:hover { background-color: rgba(0,0,0,0) !important; color: #e44b00; }

.hs-form-required { color: #ff0000; }

ul.hs-error-msgs { margin: 0; padding: 0; list-style: none; float: left; width: 100%; }
.hs-form .input { margin: 0; }
.hs-form .hs-form-field { padding: 0 0 15px; }
.row-fluid .hs-form fieldset.form-columns-2 .input , .row-fluid .quizcontact-form .hs-form fieldset.form-columns-1 .input { margin-right: 0 }
.row-fluid .hs-form fieldset.form-columns-2 .field { padding: 0 0 10px 10px }
.row-fluid .hs-form fieldset.form-columns-2 .field:first-child { padding: 0 10px 10px 0; }
.row-fluid .hs-form fieldset.form-columns-3 .field { padding: 0 0 10px 10px }
.row-fluid .hs-form fieldset.form-columns-3 .field:first-child { padding: 0 10px 10px 0; }
.row-fluid .hs-form fieldset.form-columns-3 .field:first-child + .field { padding: 0 5px 10px; }
.row-fluid .hs-form fieldset .hs-input { width: 100% !important; }
.row-fluid .hs-form fieldset { max-width: none; }
.row-fluid .hs-form fieldset input[type="checkbox"], .row-fluid  .hs-form fieldset input[type="radio"] { width: auto !important; }
ul.inputs-list { margin: 0; padding: 5px 0; list-style: none; }

.row-fluid .inputs-list .hs-form-checkbox-display , .row-fluid .inputs-list .hs-form-booleancheckbox , .row-fluid .inputs-list li.hs-form-radio { display: block; padding: 0 0 8px 25px; position: relative; }
.row-fluid .inputs-list input[type="checkbox"] , .row-fluid .inputs-list input[type="radio"] { position: absolute; left: 0; margin: 0; top: 0; opacity: 0; width: 20px; height: 20px; }
.row-fluid .inputs-list input[type="radio"] { top: 3px; }
.row-fluid .inputs-list input[type="checkbox"] + span { line-height: 22px; position: relative; display: block; }
.row-fluid .inputs-list input[type="checkbox"] + span:before  { position: absolute; left: -25px; top: 0;  content: ''; width: 20px; height: 20px; border: 1px solid #dadada; color: #fafafa; background: #fafafa; }
.row-fluid .inputs-list input[type="checkbox"]:checked + span:before { background: #000; color: #fff; border-color: #000; }
.row-fluid .inputs-list input[type="checkbox"]:checked + span:after { text-align: center; color: #fff; position: absolute; left: -25px; top: 0;  content: "\f00c"; font-family: 'FontAwesome'; width: 20px; line-height: 20px; }

.row-fluid .inputs-list input[type="radio"] + span:before { position: absolute; left: -2px; top: 2px;  content: ''; width: 20px; height: 20px; border: 1px solid #dadada;  background: #fafafa; border-radius: 100%; }
.row-fluid .inputs-list input[type="radio"]:checked + span:after { position: absolute; left: 2px; top: 6px;  content: ''; width: 12px; height: 12px; border-color: #000; background: #fff;  border-radius: 100%; }


@media  (max-width: 400px), (max-device-width: 480px) and (min-device-width: 320px) {
    
  .row-fluid .hs-form fieldset.form-columns-2 .field { padding: 0 0 10px 0 }
  .row-fluid .hs-form fieldset.form-columns-2 .field:first-child { padding: 0 0 10px 0 }
  .row-fluid .hs-form fieldset.form-columns-3 .field { padding: 0 0 10px  }
  .row-fluid .hs-form fieldset.form-columns-3 .field:first-child { padding: 0 0 10px 0; }
  .row-fluid .hs-form fieldset.form-columns-3 .field:first-child + .field { padding: 0 0 10px; }
  
}

.row-fluid a.cta_button { -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; }

.hs-menu-wrapper.hs-menu-flow-horizontal ul li a:link , .hs-menu-wrapper.hs-menu-flow-horizontal ul li a:visited , .row-fluid .hs-menu-wrapper.hs-menu-flow-vertical li a { max-width: none !important; text-overflow: inherit !important; vertical-align: top; }
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a  , .row-fluid .hs-menu-wrapper.hs-menu-flow-vertical li a  { width: 100%; }
.hs-menu-wrapper.hs-menu-flow-horizontal ul { vertical-align: top; }
.row-fluid .hs-menu-wrapper.hs-menu-flow-vertical li a { white-space: normal; }

.row-fluid [class*="span"] { min-height: 1px; }
.header-container-wrapper .row-fluid [class*="span"] { min-height: 0; }

.row-fluid .bgimg-main, .row-fluid .set-bg { background-size: cover; background-repeat: no-repeat; background-position: center center; }
.row-fluid .bg-img { display: none; }

/*Text Option*/
.row-fluid .text-uppercase , .row-fluid .title-uppercase h1 , .row-fluid .title-uppercase h2 , .row-fluid .title-uppercase h3 , .row-fluid .title-uppercase h4 , .row-fluid .title-uppercase h5 , .row-fluid .title-uppercase h6 { text-transform: uppercase; }
.row-fluid .text-center { text-align: center; }
.row-fluid .text-left { text-align: left; }
.row-fluid .text-right { text-align: right; }
.row-fluid .text-white , .row-fluid .text-white h1 , .row-fluid .text-white h2 , .row-fluid .text-white h3 , .row-fluid .text-white h4 , .row-fluid .text-white h5 , .row-fluid .text-white h6 { color: #fff; }
.row-fluid .text-italic { font-style: italic; }
.row-fluid .text-white a { color: #fff; }  
.row-fluid .text-white a:hover { color: #ff7b3a; }

@media (max-width: 767px) { 
  .row-fluid .text-m-center { text-align: center; }
}

/* Slider */
.slick-slider { position: relative; display: block; 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 { outline: none; 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; outline: none; }
[dir='rtl'] .slick-slide { float: right; } 
.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; }

.slick-arrow { cursor: pointer; z-index: 5; position: absolute; top: 50%; margin-top: -17.5px; display: inline-block; color: #fff; background: #333; width: 35px; height: 35px; font-size: 0; text-index: -9999; cursor: pointer; }
.slick-arrow:before { font-family: 'FontAwesome'; font-size: 14px; }
.slick-arrow:hover { background: #fff; color: #000;  }
.slick-arrow.slick-prev { left: 5px; }
.slick-arrow.slick-prev:before { content: "\f104"; }
.slick-arrow.slick-next { right: 5px; }
.slick-arrow.slick-next:before { content: "\f105"; }
.slick-arrow.slick-disabled { display: none; }

ul.slick-dots { margin: 0; padding: 0; list-style: none; float: left; width: 100%;}
ul.slick-dots { text-align: center; padding: 10px 0 0; }
ul.slick-dots li { display: inline-block; padding: 0 5px; }
ul.slick-dots li button { display: inline-block; background: #a1a1a1;  width: 15px; height: 15px; border-radius: 100%; font-size: 0; text-index: -9999; cursor: pointer; }
ul.slick-dots li button:hover , ul.slick-dots li.slick-active button { background: #fbb314; }

a.link-style, .link-style a { display: inline-block; padding: 8px 30px; border: 2px solid #00bbf0; color: #fff; background: #00bbf0; position: relative; font-size: 18px; line-height: 28px; font-weight: 600; text-align: center; cursor: pointer; border-radius: 0; }
a.link-style:hover, .link-style a:hover { border-color: #00bbf0; color: #00bbf0; background: rgba(0,0,0,0); }

a.link-style-transparent, .link-style.link-style-transparent a { border-color: #1977bb; background: none; color: #414042; } 
a.link-style.link-style-transparent:hover, .link-style.link-style-transparent a:hover { background: #1977bb; color: #fff; }

a.link-style.link-style-white, .link-style.link-style-white a { border-color: #fff; background: #fff; color: #f0c40f; } 
a.link-style.link-style-white:hover, .link-style.link-style-white a:hover { border-color: #f1f0ee; background: #f1f0ee; color: #f0c40f; }

a.link-style.link-style-white.link-style-transparent, .link-style.link-style-white.link-style-transparent a { border-color: #fff; background: none; color: #fff; } 
a.link-style.link-style-white.link-style-transparent:hover, .link-style.link-style-white.link-style-transparent a:hover { border-color: #fff; background: #fff; color: #f0c40f; }

a.link-style.link-style-orange, .link-style.link-style-orange a { border-color: #e44b00; background: #e44b00; color: #fff; } 
a.link-style.link-style-orange:hover, .link-style.link-style-orange a:hover { border-color: #ea5418; background: none; color: #ea5418; }

@media (min-width: 992px) { 
	a.link-style, .link-style a { }
}
@media (min-width: 768px) { 
	a.link-style + a, .link-style a + a { }
}

@media (max-width: 767px) { 
	a.link-style, .link-style a { padding: 10px 20px; }
}
 
.row-fluid .wrapper { margin: 0 auto !important; width: 1140px; float: none !important; } 

@media (min-width: 992px) and (max-width: 1200px){	
	.row-fluid .wrapper {  width: 920px; }	
}

@media (min-width: 768px) and (max-width: 991px){ 
	.row-fluid .wrapper {  width: 720px; }	
}

@media (max-width: 767px){ 
	.row-fluid .wrapper { width: 100%; padding: 0 20px; float: left !important; }	
	
}

.row-fluid .content-section { padding: 55px 0; }
.row-fluid .light-gry-bg { background: #f2f2f2; }

@media (max-width: 767px){
 .row-fluid .content-section { padding: 40px 0; }
}

.top { padding: 0 0 10px 0; border-bottom: solid 10px #589dd3; }
.top-social { background: #FFFFFF; padding: 5px 0 0 0; }
.top-social a { margin: 0 5px; }

@media (min-width: 768px){
  .top-social { text-align: right; }
	.top-social a { margin: 0 0 0 15px; }
  
  .mainmenu .hs-menu-wrapper > ul { margin: 0; padding: 11px 0 0; list-style: none; float: right; }
  .mainmenu .hs-menu-wrapper > ul > li { margin: 0 20px 0 0; padding: 0 10px 8px; display: inline-block; position: relative; }
  .mainmenu .hs-menu-wrapper > ul > li > a:link , .mainmenu .hs-menu-wrapper > ul > li > a:visited { color: rgba(90, 90, 90, 1); font-size: 15px; }
  .mainmenu .hs-menu-wrapper > ul > li > a:hover, .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children:hover > a { color: #1c3f95; } 
  
  .mainmenu ul li.hs-item-has-children > ul { display: none; position: absolute; top: 100%; left: 50% !important; border: none; background: #16479f; width: 208px; margin: 0; padding: 0; list-style: none;  transform: translateX(-50%); text-align: left; }
  .mainmenu ul li.hs-item-has-children > ul > li { border-top: 1px solid #acacac; display: block; position: relative; }
	.mainmenu ul li.hs-item-has-children > ul > li > a:link , .mainmenu ul li.hs-item-has-children > ul > li > a:visited  { color: #fff; font-size: 14px;  display: block; padding: 10px 20px; line-height: 20px; font-weight: 600; }
  .mainmenu ul li.hs-item-has-children > ul > li:hover > a { color: #fff; background: #ff7b3a; }
	.mainmenu ul li.hs-item-has-children > ul > li:first-child { border-top: none; }	
	
	.mainmenu ul li.hs-item-has-children > ul ul { display: none; position: absolute; top: 0; left: 100%  !important; background: #16479f; margin: 0 0 0 1px; list-style: none; text-align: left; padding: 0 5px 26px; }

  .mainmenu .hs-menu-wrapper ul li:hover > ul { display: block; z-index: 1000; }  
  a.mobile-trigger { display: none !important; }  
  .row-fluid .mainmenu .hs-menu-wrapper {  display: block !important; } 

}

.mainmenu ul li.hs-item-has-children:hover>ul { z-index: 1000; }

@media (max-width: 767px){ 
	
	
     /* Set Mobile Menu Background Color */
        /* Set Link Color */
   /* Set Link Hover Color */

 
	.mainmenu, .mainmenu * { 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;  border-radius: 0px;  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; }
	a.mobile-trigger { display: inline-block !important; cursor: pointer; position: absolute; top: 12px; right: 15px; width: 44px;  height: 44px; padding: 12px 10px; z-index: 99999999999; -webkit-transition: background-color 0.2s linear; font-size: 16px; font-weight: normal; text-align: left; text-transform: uppercase; border-radius: 6px;  transition: color .2s ease-in; }
	a.mobile-trigger:hover { text-decoration: none;  color: #fff; }
	a.mobile-trigger span { display: inline; }
	a.mobile-trigger span:before { position: absolute; content: 'Menu';  }
	a.mobile-trigger span:after { position: relative; right: 2px; content: 'Close';  background-color: #16479f; opacity: 0; transition: opacity .4s ease-in-out; }
	.mobile-open a.mobile-trigger { -webkit-transition: background-color 0.2s linear; -moz-transition: background-color 0.2s linear; transition: background-color 0.2s linear; background: transparent; }
	.mobile-open a.mobile-trigger span:after { opacity: 1; }
	a.mobile-trigger i { display: inline; position: relative; top: -2px; margin-left: 0; -webkit-transition-duration: 0s;  -webkit-transition-delay: .2s; -moz-transition-duration: 0s;  -moz-transition-delay: .2s;	transition-duration: 0s;  transition-delay: .2s; 	}
	a.mobile-trigger i:before, a.mobile-trigger i:after { position: absolute; content: ''; }
	a.mobile-trigger i, a.mobile-trigger i:before, a.mobile-trigger i:after { width: 24px; height: 3px;  background-color: #686868; display: inline-block; }
	a.mobile-trigger i:before { margin-top: -8px; -webkit-transition-property: margin, -webkit-transform;  -webkit-transition-duration: .2s; -webkit-transition-delay: .2s, 0; }
	a.mobile-trigger i:after { margin-top: 8px; -webkit-transition-property: margin, -webkit-transform;  -webkit-transition-duration: .2s; -webkit-transition-delay: .2s, 0; }
	.mobile-open a.mobile-trigger i { background-color: rgba(0, 0, 0, 0.0);  -webkit-transition-delay: .2s;
	-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); -moz-box-shadow:    0px 1px 1px rgba(0, 0, 0, 0); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); }
	.mobile-open a.mobile-trigger i:before { margin-top: 0; transform: rotate(45deg); -webkit-transition-delay: 0, .2s; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); }
	.mobile-open a.mobile-trigger i:after { margin-top: 0;  transform: rotate(-45deg); -webkit-transition-delay: 0, .2s; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); }
	
	span.child-triggerm { display: block !important; cursor: pointer; 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); }
	span.child-triggerm:hover { text-decoration: none; }
	
	span.child-triggerm span { position: relative; top: 50%;  margin: 0 auto !important;  -webkit-transition-duration: .2s; -moz-transition-duration: .2s; transition-duration: .2s;}
	span.child-triggerm span:after { position: absolute; content: ''; }
	span.child-triggerm span, span.child-triggerm span:after { width: 10px; height: 1px;  background-color: #fff; display: block; }
	.row-fluid .mainmenu .hs-menu-flow-horizontal > ul > li:hover span.child-triggerm span, .row-fluid .mainmenu .hs-menu-flow-horizontal > ul > li:hover span.child-triggerm span:after { background-color: #fff; }
	span.child-triggerm span:after { transform: rotate(-90deg);  -webkit-transition-duration: .2s; -moz-transition-duration: .2s; transition-duration: .2s; }
	span.child-triggerm.child-open span:after { transform: rotate(-180deg); -webkit-transition-duration: .2s; -moz-transition-duration: .2s; transition-duration: .2s; }
	span.child-triggerm.child-open span { transform: rotate(180deg);  -webkit-transition-duration: .2s; -moz-transition-duration: .2s; transition-duration: .2s;}
	
	body .mainmenu .hs-menu-wrapper { display: none; }
	.mainmenu ul.hs-menu-children-wrapper { visibility: visible !important; opacity: 1 !important; position: static !important; display: none; }
	.mainmenu .hs-menu-flow-horizontal { position: absolute; top: 70px; left: 0; width: 100%;  box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.65);  }
	.mainmenu .hs-menu-flow-horizontal { padding: 0; background-color: #16479f; width: 100%;  z-index: 8888; }
	
	.mainmenu .hs-menu-flow-horizontal > ul > li { position: relative; }
	.mainmenu .hs-menu-flow-horizontal > ul > li a { font-size: 18px;  line-height: 45px; overflow: visible; }
	
	.mainmenu .hs-menu-flow-horizontal ul li { border-top: 1px dotted rgba(255, 255, 255, .35); }
	.mainmenu .hs-menu-flow-horizontal ul li a { padding: 0 10px; }
	.mainmenu .hs-menu-flow-horizontal ul li a:hover {  color: #fff;  }
	
	.mainmenu .hs-menu-flow-horizontal > ul ul li { background-color: rgba(255, 255, 255, .08); }
	.mainmenu .hs-menu-flow-horizontal > ul ul li a { text-indent: 10px; font-size: 16px; }
	
	.mainmenu .hs-menu-flow-horizontal > ul ul ul li a { text-indent: 30px;  }
	.mainmenu .hs-menu-flow-horizontal > ul ul ul ul li a { text-indent: 50px;  }
	
} 

body .header { position: relative; padding: 0; float: left; width: 100%; } 
body .header:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #FFFFFF; opacity: 0.6 }
body .header h2 { font-size: 46px; line-height: 48px; text-transform: uppercase; }
body .header > div { position: relative; z-index: 2; }

@media (min-width: 768px){ 
  body .header .wrapper { max-width: 1020px; }
}

@media (min-width: 768px) and (max-width: 1200px) { 
  body .header { padding: 0; }
  body .header h2 { font-size: 40px; line-height: 46px; }
}

@media (max-width: 767px) { 
  body .header { padding: 0; }
  body .header h2 { font-size: 36px; line-height: 46px; }
}

.presenters-section { margin: 0 0 20px; } 
.partner-boxes { padding: 20px 0 0; }
.partner-box { padding: 15px 0; text-align: center; }
.partner-name { padding-top: 15px; font-weight: 700; }
.partner-img img { width: 150px; height: 150px; object-fit: cover; border-radius: 100%; }
  
@media (min-width: 768px){ 
  .presenters-section { margin: 0 0 40px; } 
  .partner-boxes { float: left; width: 100%; padding: 20px 0 0; }
  .partner-box { float: left; width: 25%; padding: 15px 10px; }
  .partner-box:nth-child(4n) { clear: right; }
  .partner-box:nth-child(4n+1) { clear: left; }
  
}
 
.row-fluid .video-box { float: left; width: 100%; padding: 55px 0; border-top: 1px solid #f2f2f2; }
.row-fluid .video-box:first-child { border-top: none; }
.row-fluid .video-box iframe { width: 100%; height: 400px; }

@media (min-width: 768px){ 
  .video-content { float: left; width: 60%; padding-left: 30px; }
  .video-left { float: left; width: 40%; padding-top: 25px; }
  body .video-box:nth-child(2n) .video-left { float: right; }
  body .video-box:nth-child(2n) .video-content { float: left; padding-right: 50px; padding-left: 0; } 
}

@media (max-width: 767px){ 
  .video-content { padding-top: 30px; } 
}

.header2 { float: left; width: 100%; background: url(//blog.advancing-derm.org/hubfs/images/head-sub-meshbg.jpg) no-repeat center; background-size: cover; text-align: center; position: relative; } 
.header2:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #16479f; opacity: 0; }
.header2 h1 { font-size: 40px; line-height: 44px; font-weight: 600; color: #fff; padding: 0; }
.header2-inner { padding: 80px 0; }
 
@media (min-width: 768px){ 
  .header2-inner { /*padding: 70px 0 0 200px;*/ position: relative; }
  .header2-icon { position: absolute; top: 20px; left: 0; width: 180px; }
} 

@media (max-width: 767px){
  body .row-fluid .header2-icon { display: none; }
} 

.hs-blog-listing .blog-left { width: 100%; } 
.hs-blog-listing .row-fluid .blog-right { display: none; }
.post-box  { padding: 10px 0; }
.post-b { border: 1px solid #eeeeee; background-color: #ffffff; padding: 0 0 10px; }
body .post-bimg img { height: 150px; object-fit: cover; width: 100%; }
body .post-bimg a { display: block; }
.post-binfo { padding: 10px 0 0; font-size: 12px; line-height: 18px; text-transform: uppercase; font-weight: 700; }
.post-btopic, .post-bdate { display: inline-block; }
.post-btopic + .post-bdate { border-left: 1px solid #000; margin-left: 10px; padding-left: 10px; line-height: 10px; }
.post-box h2 a { color: #e44b00; text-decoration: underline; font-weight: 600; }
.post-box h2 a:hover { color: #16479f; } 
.post-box h2 { font-size: 16px; font-weight: 400; line-height: 25px; }
.post-bcontent { padding: 15px; }
.post-btext p { padding: 0; }
.post-binfo a { color: #666666; text-decoration: underline; }
.post-binfo a:hover { color: #16479f; }
.post-btext { padding-bottom: 15px; color: #000; line-height: 22px; font-size: 14px; font-family: 'Montserrat', sans-serif; font-weight: 500; }
.post-blink a.link-style { padding: 5px 30px; border-radius: 8px; } 
body .post-bimg { position: relative; } 
/* body .post-bimg:before { content: ''; position: absolute; top: 0; left: 0; background: url(https://blog.advancing-derm.org/hubfs/images/blog.svg) no-repeat center #ff671d; background-size: 30px auto; width: 45px; height: 45px; } */
/* body .post-bwebinar .post-bimg:before { background-image: url(https://blog.advancing-derm.org/hubfs/images/webinar.svg); background-position: center 9px; }
  */
.blog-pagination {  float: left; width: 100%; padding-top: 30px; }
.blog-pagination > div {  display: inline-block; }
.blog-pagination-left { text-align: right; } 
.blog-pagination-right { text-align: left; }
.blog-pagination a { display: inline-block; text-align: center; border-radius: 4px; padding: 3px 6px;  border: 1px solid #efecee; background: #f8f8f8; color: #000; }
.blog-pagination a:hover, .blog-pagination a:focus { background: #eee; color: #ff7b3a; }
.blog-pagination a.active { opacity: .3; }
 
@media (min-width: 768px){  
  .post-boxes  { padding-bottom: 35px; margin: 0 -10px; }
  .post-box { padding: 10px; float: left; width: 25%; }
  .post-box:nth-child(4n) { clear: right; }
  .post-box:nth-child(4n+1) { clear: left; }
}

@media (min-width: 768px) and (max-width: 1200px) { 
  body .post-bimg img { height: 110px; }
}

.blog-detail > h2 { color: #16479f; }
.blog-date, .blog-author { font-size: 14px; line-height: 18px; }
.blog-detail h3.blog-title { font-size: 20px; line-height: 28px; font-weight: 400; color: #ff7b3a; }
.blog-detail-content { padding: 10px 0; }
.blog-detail-content a { color: #e44b00; text-decoration: underline; font-weight: 600; }
.blog-detail-content a:hover { color: #16479f; }

.blog-rbox ul { margin: 0; padding: 0; list-style: none; }
.blog-rbox ul li { padding: 10px 0; border-top: 2px solid #e6e6e6; }
.blog-rbox ul li:first-child { border: none; }
.blog-rbox a { color: #e44b00; text-decoration: underline; font-weight: 600; }
.blog-rbox a:hover { color: #ff7b3a; text-decoration: underline; }
.blog-rbox { padding: 0 0 25px; }
.blog-rbox h3 { color: #16479f; }

.video-box2 { padding: 15px 0; }
.video-info { padding-bottom: 40px; }
.video-box2 h4 { font-size: 24px; line-height: 30px; }
.video-b2video { padding: 0 0 10px; }
.video-b2text { font-size: 15px; line-height: 22px; }

@media (min-width: 768px) { 
  .video-boxes2 { margin: 0 -10px; }
  .video-box2 { float: left; width: 50%; padding: 0 10px 30px; }
  .video-box2:nth-child(2n) { clear: right; }
  .video-box2:nth-child(2n+1) { clear: left; }
}

@media (max-width: 767px) { 
  .video-info { padding-bottom: 25px; }
  .video-boxes2 { padding-bottom: 30px; }
}

.subscribe-form { padding: 0 25px 30px; font-size: 14px; line-height: 22px; }
.subscribe-form h5 { margin: 0 -25px 10px; background: #16479f; padding: 15px 25px; color: #fff; font-size: 22px; line-height: 28px; }

.title-style { margin-bottom: 20px; background: #16479f; padding: 15px 25px; color: #fff; position: relative; }
.title-style:before { content: ''; position: absolute; right: 100%; height: 100%; background: #16479f; top: 0; width: 2000px;  }
.title-style h4 { color: #fff; padding: 0; font-size: 22px; line-height: 28px; }

@media (min-width: 768px) and (max-width: 1200px) { 
  .title-style { padding: 15px 10px; }
}

.video-links ul { margin: 0; padding: 0; list-style: none; }
.video-links ul li { padding: 10px 0; }
.video-links ul li a { cursor: pointer; display: block; padding: 8px 15px; background: #e5e5e5; color: #000; }
.video-links ul li a:hover { background: #16479f; color: #fff; }

@media (max-width: 767px) { 
  .video-links { padding-bottom: 30px; }
}

.filter-links { padding: 0 0 40px; text-align: center; }
.filter-links a { margin: 0 10px; color: #ff7b3a; border: 1px solid #ff7b3a; padding: 8px 20px; border-radius: 4px; font-weight: 700; display: inline-block; }
.filter-links a:hover, .filter-links a.active { background: #ff7b3a; color: #fff; }
.hs-blog-post .filter-links { display: none; } 

.presentations-main { padding: 80px 0 50px; float: left; width: 100%; }
body .presenters-bimg img { width: 100px; height: 100px !important; border-radius: 100%; object-fit: cover; } 
.presenters-box h6 { font-size: 16px; line-height: 26px; font-weight: 700; }
.presentations-main h3 { padding: 0 0 40px; }
.presenters-box { float: left; width: 50%; padding: 15px 0; }
  
@media (min-width: 768px) {
  .presenters-main { float: left; width: 60%; padding: 0 25px 0 0; }
  .presentations-form  { float: left; width: 40%; }
  .presenters-box { width: 25%; padding: 10px; }
  .presenters-box:nth-child(4n) { clear: right; }
  .presenters-box:nth-child(4n+1) { clear: left; }
} 

@media (max-width: 767px) { 
  .presenters-box:nth-child(2n) { clear: right; }
  .presenters-box:nth-child(2n+1) { clear: left; }
  .presentations-main { padding: 50px 0 30px; }
  .presentations-main h3 { padding: 0 0 20px; }
}


.sponsors-main { padding: 40px 0; float: left; width: 100%; position: relative; }
.sponsors-main:before { content: ''; position: absolute; left: 50%; top: 0; transform: translateX(-50%); width: 40%; max-width: 200px; height: 1px; background: #e5e4e4; }
.sponsors-main h3 { color: #16479f; padding: 0 0 20px; }
.sponsor-logo { display: inline-block; padding: 15px 10px; width: 49%; vertical-align: middle; }

@media (min-width: 768px) {
  .sponsor-logo { padding: 20px; width: 19%; }
}

.resources-box h6 { font-size: 16px; line-height: 26px; font-weight: 700; }
.resources-box  { padding: 10px 0; }
.resources-b { border: 1px solid #eeeeee; background-color: #ffffff; padding: 0 0 25px; }
body .resources-img img { height: 150px; object-fit: cover; width: 100%; }
body .resources-img a { display: block; }
.post-binfo { padding: 10px 0 0; font-size: 12px; line-height: 18px; text-transform: uppercase; font-weight: 700; }
.post-btopic, .post-bdate { display: inline-block; }
.post-btopic + .post-bdate { border-left: 1px solid #000; margin-left: 10px; padding-left: 10px; line-height: 10px; }
.resources-box h4 a { color: #ff7b3a; }
.resources-box h4 a:hover { color: #16479f; } 
.resources-box h4 { font-size: 20px; font-weight: 400; line-height: 30px; }
.resources-content { padding: 15px; font-size: 14px; line-height: 22px; color: #000; font-weight: 500; }
.resources-link a.link-style { padding: 5px 30px; } 
body .view-link { text-align: center; } 
 
@media (min-width: 768px) { 
  .resources-boxes  { padding-bottom: 35px; margin: 0 -10px; }
  .resources-box { width: 33%; padding: 10px; float: left; }
  .resources-box:nth-child(3n) { clear: right; }
  .resources-box:nth-child(3n+1) { clear: left; }
  body .view-link { text-align: right; }
}  

.post-listing { padding-top: 30px; }
body.hs-blog-post .blog-title { display: none; }

.resourceevent-filtermain { text-align:center; padding: 25px 0 25px; position:relative; z-index:99; }
.resourceevent-search { position:relative; display:inline-block; }
.resourceevent-search input[type=text] { font-size:1 6px;  height: 40px; padding: 0 10px; border: 1px solid #c5c5c5; width: 290px; color:#757875; }
.resourceevent-search input[type=submit] { position:absolute; top:0; right:0; width: 30px; height: 40px; background:url(//20649536.fs1.hubspotusercontent-na1.net/hubfs/20649536/images/search.svg) no-repeat center #16479f; border:none; outline:none; font-size:0; }

.resourceevent-filter { text-align:center; float:left; width:100%; position:relative; z-index:999; }
.resourceevent-filterbox { display:inline-block; text-align:left; margin:0 10px; vertical-align:top; position:relative; z-index: 8; }
.resourceevent-filterbox span {  border-radius: 8px; display:inline-block; border:1px solid #c5c5c5; background:url(//20649536.fs1.hubspotusercontent-na1.net/hubfs/20649536/images/down-arrow.svg) no-repeat right; padding: 8px 35px 8px 10px; font-size:16px; color:#757875; cursor:pointer; max-width:290px; width: 100%; line-height:22px; }
.resourceevent-filterbox ul { display:none; margin: -7px 0 0; padding:5px 0 0; list-style:none; background:#fff; position:absolute; left:0; top:100%; width:100%; font-size:16px; border:1px solid #c5c5c5; border-top:none;  }
.resourceevent-filterbox ul li { padding:5px 0; display:block; }
.resourceevent-filterbox ul li a { color:#414241; padding:5px 10px; cursor:pointer; display:block; }
 
.row-fluid .form-box { background: #16479f; padding: 20px; color: #fff; }
.row-fluid .form-box h3 { color: #fff !important; }
.row-fluid .form-box label { color: #fff; }
.row-fluid .form-box input[type=submit] { background-color: #fff; border-color: #fff; color: #16479f; }
.row-fluid .form-box input[type=submit]:hover { background-color: rgba(0,0,0,0); color: #fff; }

@media (max-width: 767px) { 
  .row-fluid .resourceevent-detail-img { padding: 15px 0 25px; }
  .resourceevent-filterbox { margin: 0 0 20px; width: 100%; }
}

.footer { background-color: #000000; border-top: 10px solid #e5e5e5; padding: 30px 0; font-size: 14px; line-height: 22px; }
.footer a {text-decoration: underline; }
.footer-bottom { padding: 35px 0 0; }
.footer-bottom p { padding: 0; }
.footer-link ul { margin: 0; padding: 0; list-style: none; }
.footer-link ul li { padding: 2px 0; }
.row-fluid .footer-link { padding-bottom: 20px; }
.footer-social { font-size: 24px; line-height: 32px; }
.footer-social a { display: inline-block; margin: 10px 15px 0 0; }
.footer-form .actions { padding: 20px 0 0; }

@media (max-width: 767px) { 
  .row-fluid .footer-box2 { padding-top: 30px; }
  .row-fluid .footer-box3 { padding: 30px 0; }
}

.logo img {
    max-height: 120px;
}
.fa-lg {
    color: #ffffff;
    font-family: "FontAwesome" !important;
}
.top, .top-social {
  display: none;
}
.top-bar svg { width: 10px; }
.top-bar a:hover svg path { fill: rgba(5, 0, 182, 1) !important; }
.footer-social svg { width: 23px; margin-bottom: -4px; }
.footer-social svg path { fill: #fff; } 

/* *************************************** */
body.has-a11y-toolbar .sr {
  position: absolute;
  height: 1px;
  width: 1px;
  clip: rect(1px 1px 1px 1px);
  overflow: hidden; }
body.has-a11y-toolbar .a11y-toolbar {
  position: fixed;
  z-index: 10;
  top: 40%;
  right: 0; }
  body.has-a11y-toolbar .a11y-toolbar ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    body.has-a11y-toolbar .a11y-toolbar ul li {
      display: block;
      margin: 0;
      padding: 0; }
      body.has-a11y-toolbar .a11y-toolbar ul li .a11y-control {
        padding: 0.75em 0.5em;
        font-size: 20px !important;
        border-width: 1px 1px 1px 1px;
        border-style: solid;
        border-color: #222222;
        background: #D5D5D5;
        color: #222222;
        font-size: 100%;
        cursor: pointer; }
        body.has-a11y-toolbar .a11y-toolbar ul li .a11y-control:hover, body.has-a11y-toolbar .a11y-toolbar ul li .a11y-control:focus {
          background: #efefef; }
        body.has-a11y-toolbar .a11y-toolbar ul li .a11y-control[aria-pressed="true"] {
          background: #efefef; }
        body.has-a11y-toolbar .a11y-toolbar ul li .a11y-control .a11y-icon {
          color: #222222; }
      body.has-a11y-toolbar .a11y-toolbar ul li:first-of-type .a11y-control {
        border-radius: 4px 0 0 0; }
      body.has-a11y-toolbar .a11y-toolbar ul li:last-of-type .a11y-control {
        border-radius: 0 0 0 4px; }

body.has-a11y-toolbar.a11y-fontsize {
  font-size: 250% !important; }
  body.has-a11y-toolbar.a11y-fontsize h1,
  body.has-a11y-toolbar.a11y-fontsize h2,
  body.has-a11y-toolbar.a11y-fontsize h3,
  body.has-a11y-toolbar.a11y-fontsize h4,
  body.has-a11y-toolbar.a11y-fontsize h5,
  body.has-a11y-toolbar.a11y-fontsize h6,
  body.has-a11y-toolbar.a11y-fontsize p,
  body.has-a11y-toolbar.a11y-fontsize ul,
  body.has-a11y-toolbar.a11y-fontsize ol,
  body.has-a11y-toolbar.a11y-fontsize li,
  body.has-a11y-toolbar.a11y-fontsize dl,
  body.has-a11y-toolbar.a11y-fontsize dt,
  body.has-a11y-toolbar.a11y-fontsize dd,
  body.has-a11y-toolbar.a11y-fontsize label,
  body.has-a11y-toolbar.a11y-fontsize input,
  body.has-a11y-toolbar.a11y-fontsize select,
  body.has-a11y-toolbar.a11y-fontsize textarea,
  body.has-a11y-toolbar.a11y-fontsize button,
  body.has-a11y-toolbar.a11y-fontsize legend,
  body.has-a11y-toolbar.a11y-fontsize code,
  body.has-a11y-toolbar.a11y-fontsize pre {
    line-height: calc(100% + 8px);
    font-size: 100% !important; }
  body.has-a11y-toolbar.a11y-fontsize .post-btopic a,
  body.has-a11y-toolbar.a11y-fontsize .post-btext {
    line-height: 48px;
    font-size: 40px !important;
  }
  body.has-a11y-toolbar.a11y-fontsize .blog-title .view-link .hs-button,
  body.has-a11y-toolbar.a11y-fontsize .post-blink .link-style {
    line-height: 44px;
    font-size: 36px !important;
  }
  @media (min-width: 768px) {
    body.has-a11y-toolbar.a11y-fontsize .post-box {
        width: 50%;
    }
  }
body.has-a11y-toolbar.a11y-contrast {
  background: black !important;
  background-color: black !important;
  background-image: none !important;
  border: none;
  color: yellow !important; }
  body.has-a11y-toolbar.a11y-contrast * {
    background: black !important;
    background-color: black !important;
    background-image: none !important;
    border: none;
    color: white !important; }

body.has-a11y-toolbar.a11y-desaturate {
  filter: grayscale(100%) !important;
  -webkit-filter: grayscale(100%) !important;
  -webkit-filter: grayscale(1) !important;
  -moz-filter: grayscale(100%) !important;
  -ms-filter: grayscale(100%) !important;
  -o-filter: grayscale(100%) !important;
  filter: gray; }

button.a11y-control[data-a11y="desaturate"] {
    display: none;
}

body.has-a11y-toolbar.a11y-contrast a {
  color: rgb(0, 176, 255) !important;
}
body.has-a11y-toolbar.a11y-contrast i {
  color: #FFFFFF !important;
  transition: all .3s linear;
}
body.has-a11y-toolbar.a11y-contrast .logo img {
  background: #808080 !important;
}

body.has-a11y-toolbar.a11y-contrast .header:before {
  background: black !important;
}
body.has-a11y-toolbar.a11y-contrast .dropdown-1 li:hover }
  background: rgb(64, 0, 0) !important;
}
body.has-a11y-toolbar.a11y-contrast * input[type=submit] {
    background: #e44b00 !important;
}
body.has-a11y-toolbar.a11y-contrast * li.menu-item.child:hover {
    background: rgb(64, 0, 0) !important;
}
body.has-a11y-toolbar.a11y-contrast * li.menu-item.parent:hover {
    background: rgb(64, 0, 0) !important;
}
body.has-a11y-toolbar.a11y-contrast .top-bar-inner a:hover {
    background: #400000 !important;
}
body.has-a11y-toolbar.a11y-contrast li.menu-item a:hover {
    background: #400000 !important;
}
body.has-a11y-toolbar.a11y-contrast a.hs-button:hover {
    background: #400000 !important;
    border-color: #400000;
}
body.has-a11y-toolbar.a11y-contrast a.hs-button {
    border: solid #fff;
}
body.has-a11y-toolbar.a11y-contrast .post-bcontent a:hover {
    background: #400000 !important;
}
body.has-a11y-toolbar.a11y-contrast a.link-style.link-style-orange:hover {
    border-color: #400000 !important;
}
body.has-a11y-toolbar.a11y-contrast a.link-style.link-style-orange {
    border: solid #fff;
}
body.has-a11y-toolbar.a11y-contrast .blog-pagination-center a:hover {
    background: #400000 !important;
}
body.has-a11y-toolbar.a11y-contrast .blog-pagination-right a:hover {
    background: #400000 !important;
}
body.has-a11y-toolbar.a11y-contrast li.hs-menu-item a:hover {
    background: #400000 !important;
}
body.has-a11y-toolbar.a11y-contrast .row-fluid a:hover {
    background: #400000 !important;
}
body.has-a11y-toolbar.a11y-contrast input.hs-button.primary.large {
    border: solid;
}
body.has-a11y-toolbar.a11y-contrast input.hs-button.primary.large:hover {
    background: #400000 !important;
    border-color: #400000 !important;
}
body.has-a11y-toolbar.a11y-contrast i:hover {
    background: #400000 !important;
}
body.has-a11y-toolbar.a11y-contrast .resourceevent-filterbox span:hover {
    background: #400000 !important;
}
body.has-a11y-toolbar.a11y-contrast .resourceevent-search input[type="submit"]:hover {
    background-color: #400000 !important;
}
body.has-a11y-toolbar.a11y-contrast .resourceevent-search input[type="submit"] {
  background: url(//20649536.fs1.hubspotusercontent-na1.net/hubfs/20649536/images/search.svg) no-repeat center #000 !important;
}
body.has-a11y-toolbar.a11y-contrast img.hs-sprocket:hover {
    background-color: #400000 !important;
}
body.has-a11y-toolbar.a11y-contrast button.a11y-control:hover {
    background-color: #400000 !important;
}